.wpcf7 .screen-reader-response {
position: absolute;
overflow: hidden;
clip: rect(1px, 1px, 1px, 1px);
clip-path: inset(50%);
height: 1px;
width: 1px;
margin: -1px;
padding: 0;
border: 0;
word-wrap: normal !important;
}
.wpcf7 .hidden-fields-container {
display: none;
}
.wpcf7 form .wpcf7-response-output {
margin: 2em 0.5em 1em;
padding: 0.2em 1em;
border: 2px solid #00a0d2; }
.wpcf7 form.init .wpcf7-response-output,
.wpcf7 form.resetting .wpcf7-response-output,
.wpcf7 form.submitting .wpcf7-response-output {
display: none;
}
.wpcf7 form.sent .wpcf7-response-output {
border-color: #46b450; }
.wpcf7 form.failed .wpcf7-response-output,
.wpcf7 form.aborted .wpcf7-response-output {
border-color: #dc3232; }
.wpcf7 form.spam .wpcf7-response-output {
border-color: #f56e28; }
.wpcf7 form.invalid .wpcf7-response-output,
.wpcf7 form.unaccepted .wpcf7-response-output,
.wpcf7 form.payment-required .wpcf7-response-output {
border-color: #ffb900; }
.wpcf7-form-control-wrap {
position: relative;
}
.wpcf7-not-valid-tip {
color: #dc3232; font-size: 1em;
font-weight: normal;
display: block;
}
.use-floating-validation-tip .wpcf7-not-valid-tip {
position: relative;
top: -2ex;
left: 1em;
z-index: 100;
border: 1px solid #dc3232;
background: #fff;
padding: .2em .8em;
width: 24em;
}
.wpcf7-list-item {
display: inline-block;
margin: 0 0 0 1em;
}
.wpcf7-list-item-label::before,
.wpcf7-list-item-label::after {
content: " ";
}
.wpcf7-spinner {
visibility: hidden;
display: inline-block;
background-color: #23282d; opacity: 0.75;
width: 24px;
height: 24px;
border: none;
border-radius: 100%;
padding: 0;
margin: 0 24px;
position: relative;
}
form.submitting .wpcf7-spinner {
visibility: visible;
}
.wpcf7-spinner::before {
content: '';
position: absolute;
background-color: #fbfbfc; top: 4px;
left: 4px;
width: 6px;
height: 6px;
border: none;
border-radius: 100%;
transform-origin: 8px 8px;
animation-name: spin;
animation-duration: 1000ms;
animation-timing-function: linear;
animation-iteration-count: infinite;
}
@media (prefers-reduced-motion: reduce) {
.wpcf7-spinner::before {
animation-name: blink;
animation-duration: 2000ms;
}
}
@keyframes spin {
from {
transform: rotate(0deg);
}
to {
transform: rotate(360deg);
}
}
@keyframes blink {
from {
opacity: 0;
}
50% {
opacity: 1;
}
to {
opacity: 0;
}
}
.wpcf7 [inert] {
opacity: 0.5;
}
.wpcf7 input[type="file"] {
cursor: pointer;
}
.wpcf7 input[type="file"]:disabled {
cursor: default;
}
.wpcf7 .wpcf7-submit:disabled {
cursor: not-allowed;
}
.wpcf7 input[type="url"],
.wpcf7 input[type="email"],
.wpcf7 input[type="tel"] {
direction: ltr;
}
.wpcf7-reflection > output {
display: list-item;
list-style: none;
}
.wpcf7-reflection > output[hidden] {
display: none;
}.fa.fa-glass:before{content:"\f000"}
.fa.fa-meetup{font-family:'Font Awesome 5 Brands';font-weight:400}
.fa.fa-star-o{font-family:'Font Awesome 5 Free';font-weight:400}
.fa.fa-star-o:before{content:"\f005"}
.fa.fa-remove:before{content:"\f00d"}
.fa.fa-close:before{content:"\f00d"}
.fa.fa-gear:before{content:"\f013"}
.fa.fa-trash-o{font-family:'Font Awesome 5 Free';font-weight:400}
.fa.fa-trash-o:before{content:"\f2ed"}
.fa.fa-file-o{font-family:'Font Awesome 5 Free';font-weight:400}
.fa.fa-file-o:before{content:"\f15b"}
.fa.fa-clock-o{font-family:'Font Awesome 5 Free';font-weight:400}
.fa.fa-clock-o:before{content:"\f017"}
.fa.fa-arrow-circle-o-down{font-family:'Font Awesome 5 Free';font-weight:400}
.fa.fa-arrow-circle-o-down:before{content:"\f358"}
.fa.fa-arrow-circle-o-up{font-family:'Font Awesome 5 Free';font-weight:400}
.fa.fa-arrow-circle-o-up:before{content:"\f35b"}
.fa.fa-play-circle-o{font-family:'Font Awesome 5 Free';font-weight:400}
.fa.fa-play-circle-o:before{content:"\f144"}
.fa.fa-repeat:before{content:"\f01e"}
.fa.fa-rotate-right:before{content:"\f01e"}
.fa.fa-refresh:before{content:"\f021"}
.fa.fa-list-alt{font-family:'Font Awesome 5 Free';font-weight:400}
.fa.fa-dedent:before{content:"\f03b"}
.fa.fa-video-camera:before{content:"\f03d"}
.fa.fa-picture-o{font-family:'Font Awesome 5 Free';font-weight:400}
.fa.fa-picture-o:before{content:"\f03e"}
.fa.fa-photo{font-family:'Font Awesome 5 Free';font-weight:400}
.fa.fa-photo:before{content:"\f03e"}
.fa.fa-image{font-family:'Font Awesome 5 Free';font-weight:400}
.fa.fa-image:before{content:"\f03e"}
.fa.fa-pencil:before{content:"\f303"}
.fa.fa-map-marker:before{content:"\f3c5"}
.fa.fa-pencil-square-o{font-family:'Font Awesome 5 Free';font-weight:400}
.fa.fa-pencil-square-o:before{content:"\f044"}
.fa.fa-share-square-o{font-family:'Font Awesome 5 Free';font-weight:400}
.fa.fa-share-square-o:before{content:"\f14d"}
.fa.fa-check-square-o{font-family:'Font Awesome 5 Free';font-weight:400}
.fa.fa-check-square-o:before{content:"\f14a"}
.fa.fa-arrows:before{content:"\f0b2"}
.fa.fa-times-circle-o{font-family:'Font Awesome 5 Free';font-weight:400}
.fa.fa-times-circle-o:before{content:"\f057"}
.fa.fa-check-circle-o{font-family:'Font Awesome 5 Free';font-weight:400}
.fa.fa-check-circle-o:before{content:"\f058"}
.fa.fa-mail-forward:before{content:"\f064"}
.fa.fa-expand:before{content:"\f424"}
.fa.fa-compress:before{content:"\f422"}
.fa.fa-eye{font-family:'Font Awesome 5 Free';font-weight:400}
.fa.fa-eye-slash{font-family:'Font Awesome 5 Free';font-weight:400}
.fa.fa-warning:before{content:"\f071"}
.fa.fa-calendar:before{content:"\f073"}
.fa.fa-arrows-v:before{content:"\f338"}
.fa.fa-arrows-h:before{content:"\f337"}
.fa.fa-bar-chart{font-family:'Font Awesome 5 Free';font-weight:400}
.fa.fa-bar-chart:before{content:"\f080"}
.fa.fa-bar-chart-o{font-family:'Font Awesome 5 Free';font-weight:400}
.fa.fa-bar-chart-o:before{content:"\f080"}
.fa.fa-twitter-square{font-family:'Font Awesome 5 Brands';font-weight:400}
.fa.fa-facebook-square{font-family:'Font Awesome 5 Brands';font-weight:400}
.fa.fa-gears:before{content:"\f085"}
.fa.fa-thumbs-o-up{font-family:'Font Awesome 5 Free';font-weight:400}
.fa.fa-thumbs-o-up:before{content:"\f164"}
.fa.fa-thumbs-o-down{font-family:'Font Awesome 5 Free';font-weight:400}
.fa.fa-thumbs-o-down:before{content:"\f165"}
.fa.fa-heart-o{font-family:'Font Awesome 5 Free';font-weight:400}
.fa.fa-heart-o:before{content:"\f004"}
.fa.fa-sign-out:before{content:"\f2f5"}
.fa.fa-linkedin-square{font-family:'Font Awesome 5 Brands';font-weight:400}
.fa.fa-linkedin-square:before{content:"\f08c"}
.fa.fa-thumb-tack:before{content:"\f08d"}
.fa.fa-external-link:before{content:"\f35d"}
.fa.fa-sign-in:before{content:"\f2f6"}
.fa.fa-github-square{font-family:'Font Awesome 5 Brands';font-weight:400}
.fa.fa-lemon-o{font-family:'Font Awesome 5 Free';font-weight:400}
.fa.fa-lemon-o:before{content:"\f094"}
.fa.fa-square-o{font-family:'Font Awesome 5 Free';font-weight:400}
.fa.fa-square-o:before{content:"\f0c8"}
.fa.fa-bookmark-o{font-family:'Font Awesome 5 Free';font-weight:400}
.fa.fa-bookmark-o:before{content:"\f02e"}
.fa.fa-twitter{font-family:'Font Awesome 5 Brands';font-weight:400}
.fa.fa-facebook{font-family:'Font Awesome 5 Brands';font-weight:400}
.fa.fa-facebook:before{content:"\f39e"}
.fa.fa-facebook-f{font-family:'Font Awesome 5 Brands';font-weight:400}
.fa.fa-facebook-f:before{content:"\f39e"}
.fa.fa-github{font-family:'Font Awesome 5 Brands';font-weight:400}
.fa.fa-credit-card{font-family:'Font Awesome 5 Free';font-weight:400}
.fa.fa-feed:before{content:"\f09e"}
.fa.fa-hdd-o{font-family:'Font Awesome 5 Free';font-weight:400}
.fa.fa-hdd-o:before{content:"\f0a0"}
.fa.fa-hand-o-right{font-family:'Font Awesome 5 Free';font-weight:400}
.fa.fa-hand-o-right:before{content:"\f0a4"}
.fa.fa-hand-o-left{font-family:'Font Awesome 5 Free';font-weight:400}
.fa.fa-hand-o-left:before{content:"\f0a5"}
.fa.fa-hand-o-up{font-family:'Font Awesome 5 Free';font-weight:400}
.fa.fa-hand-o-up:before{content:"\f0a6"}
.fa.fa-hand-o-down{font-family:'Font Awesome 5 Free';font-weight:400}
.fa.fa-hand-o-down:before{content:"\f0a7"}
.fa.fa-arrows-alt:before{content:"\f31e"}
.fa.fa-group:before{content:"\f0c0"}
.fa.fa-chain:before{content:"\f0c1"}
.fa.fa-scissors:before{content:"\f0c4"}
.fa.fa-files-o{font-family:'Font Awesome 5 Free';font-weight:400}
.fa.fa-files-o:before{content:"\f0c5"}
.fa.fa-floppy-o{font-family:'Font Awesome 5 Free';font-weight:400}
.fa.fa-floppy-o:before{content:"\f0c7"}
.fa.fa-navicon:before{content:"\f0c9"}
.fa.fa-reorder:before{content:"\f0c9"}
.fa.fa-pinterest{font-family:'Font Awesome 5 Brands';font-weight:400}
.fa.fa-pinterest-square{font-family:'Font Awesome 5 Brands';font-weight:400}
.fa.fa-google-plus-square{font-family:'Font Awesome 5 Brands';font-weight:400}
.fa.fa-google-plus{font-family:'Font Awesome 5 Brands';font-weight:400}
.fa.fa-google-plus:before{content:"\f0d5"}
.fa.fa-money{font-family:'Font Awesome 5 Free';font-weight:400}
.fa.fa-money:before{content:"\f3d1"}
.fa.fa-unsorted:before{content:"\f0dc"}
.fa.fa-sort-desc:before{content:"\f0dd"}
.fa.fa-sort-asc:before{content:"\f0de"}
.fa.fa-linkedin{font-family:'Font Awesome 5 Brands';font-weight:400}
.fa.fa-linkedin:before{content:"\f0e1"}
.fa.fa-rotate-left:before{content:"\f0e2"}
.fa.fa-legal:before{content:"\f0e3"}
.fa.fa-tachometer:before{content:"\f3fd"}
.fa.fa-dashboard:before{content:"\f3fd"}
.fa.fa-comment-o{font-family:'Font Awesome 5 Free';font-weight:400}
.fa.fa-comment-o:before{content:"\f075"}
.fa.fa-comments-o{font-family:'Font Awesome 5 Free';font-weight:400}
.fa.fa-comments-o:before{content:"\f086"}
.fa.fa-flash:before{content:"\f0e7"}
.fa.fa-clipboard{font-family:'Font Awesome 5 Free';font-weight:400}
.fa.fa-paste{font-family:'Font Awesome 5 Free';font-weight:400}
.fa.fa-paste:before{content:"\f328"}
.fa.fa-lightbulb-o{font-family:'Font Awesome 5 Free';font-weight:400}
.fa.fa-lightbulb-o:before{content:"\f0eb"}
.fa.fa-exchange:before{content:"\f362"}
.fa.fa-cloud-download:before{content:"\f381"}
.fa.fa-cloud-upload:before{content:"\f382"}
.fa.fa-bell-o{font-family:'Font Awesome 5 Free';font-weight:400}
.fa.fa-bell-o:before{content:"\f0f3"}
.fa.fa-cutlery:before{content:"\f2e7"}
.fa.fa-file-text-o{font-family:'Font Awesome 5 Free';font-weight:400}
.fa.fa-file-text-o:before{content:"\f15c"}
.fa.fa-building-o{font-family:'Font Awesome 5 Free';font-weight:400}
.fa.fa-building-o:before{content:"\f1ad"}
.fa.fa-hospital-o{font-family:'Font Awesome 5 Free';font-weight:400}
.fa.fa-hospital-o:before{content:"\f0f8"}
.fa.fa-tablet:before{content:"\f3fa"}
.fa.fa-mobile:before{content:"\f3cd"}
.fa.fa-mobile-phone:before{content:"\f3cd"}
.fa.fa-circle-o{font-family:'Font Awesome 5 Free';font-weight:400}
.fa.fa-circle-o:before{content:"\f111"}
.fa.fa-mail-reply:before{content:"\f3e5"}
.fa.fa-github-alt{font-family:'Font Awesome 5 Brands';font-weight:400}
.fa.fa-folder-o{font-family:'Font Awesome 5 Free';font-weight:400}
.fa.fa-folder-o:before{content:"\f07b"}
.fa.fa-folder-open-o{font-family:'Font Awesome 5 Free';font-weight:400}
.fa.fa-folder-open-o:before{content:"\f07c"}
.fa.fa-smile-o{font-family:'Font Awesome 5 Free';font-weight:400}
.fa.fa-smile-o:before{content:"\f118"}
.fa.fa-frown-o{font-family:'Font Awesome 5 Free';font-weight:400}
.fa.fa-frown-o:before{content:"\f119"}
.fa.fa-meh-o{font-family:'Font Awesome 5 Free';font-weight:400}
.fa.fa-meh-o:before{content:"\f11a"}
.fa.fa-keyboard-o{font-family:'Font Awesome 5 Free';font-weight:400}
.fa.fa-keyboard-o:before{content:"\f11c"}
.fa.fa-flag-o{font-family:'Font Awesome 5 Free';font-weight:400}
.fa.fa-flag-o:before{content:"\f024"}
.fa.fa-mail-reply-all:before{content:"\f122"}
.fa.fa-star-half-o{font-family:'Font Awesome 5 Free';font-weight:400}
.fa.fa-star-half-o:before{content:"\f089"}
.fa.fa-star-half-empty{font-family:'Font Awesome 5 Free';font-weight:400}
.fa.fa-star-half-empty:before{content:"\f089"}
.fa.fa-star-half-full{font-family:'Font Awesome 5 Free';font-weight:400}
.fa.fa-star-half-full:before{content:"\f089"}
.fa.fa-code-fork:before{content:"\f126"}
.fa.fa-chain-broken:before{content:"\f127"}
.fa.fa-shield:before{content:"\f3ed"}
.fa.fa-calendar-o{font-family:'Font Awesome 5 Free';font-weight:400}
.fa.fa-calendar-o:before{content:"\f133"}
.fa.fa-maxcdn{font-family:'Font Awesome 5 Brands';font-weight:400}
.fa.fa-html5{font-family:'Font Awesome 5 Brands';font-weight:400}
.fa.fa-css3{font-family:'Font Awesome 5 Brands';font-weight:400}
.fa.fa-ticket:before{content:"\f3ff"}
.fa.fa-minus-square-o{font-family:'Font Awesome 5 Free';font-weight:400}
.fa.fa-minus-square-o:before{content:"\f146"}
.fa.fa-level-up:before{content:"\f3bf"}
.fa.fa-level-down:before{content:"\f3be"}
.fa.fa-pencil-square:before{content:"\f14b"}
.fa.fa-external-link-square:before{content:"\f360"}
.fa.fa-compass{font-family:'Font Awesome 5 Free';font-weight:400}
.fa.fa-caret-square-o-down{font-family:'Font Awesome 5 Free';font-weight:400}
.fa.fa-caret-square-o-down:before{content:"\f150"}
.fa.fa-toggle-down{font-family:'Font Awesome 5 Free';font-weight:400}
.fa.fa-toggle-down:before{content:"\f150"}
.fa.fa-caret-square-o-up{font-family:'Font Awesome 5 Free';font-weight:400}
.fa.fa-caret-square-o-up:before{content:"\f151"}
.fa.fa-toggle-up{font-family:'Font Awesome 5 Free';font-weight:400}
.fa.fa-toggle-up:before{content:"\f151"}
.fa.fa-caret-square-o-right{font-family:'Font Awesome 5 Free';font-weight:400}
.fa.fa-caret-square-o-right:before{content:"\f152"}
.fa.fa-toggle-right{font-family:'Font Awesome 5 Free';font-weight:400}
.fa.fa-toggle-right:before{content:"\f152"}
.fa.fa-eur:before{content:"\f153"}
.fa.fa-euro:before{content:"\f153"}
.fa.fa-gbp:before{content:"\f154"}
.fa.fa-usd:before{content:"\f155"}
.fa.fa-dollar:before{content:"\f155"}
.fa.fa-inr:before{content:"\f156"}
.fa.fa-rupee:before{content:"\f156"}
.fa.fa-jpy:before{content:"\f157"}
.fa.fa-cny:before{content:"\f157"}
.fa.fa-rmb:before{content:"\f157"}
.fa.fa-yen:before{content:"\f157"}
.fa.fa-rub:before{content:"\f158"}
.fa.fa-ruble:before{content:"\f158"}
.fa.fa-rouble:before{content:"\f158"}
.fa.fa-krw:before{content:"\f159"}
.fa.fa-won:before{content:"\f159"}
.fa.fa-btc{font-family:'Font Awesome 5 Brands';font-weight:400}
.fa.fa-bitcoin{font-family:'Font Awesome 5 Brands';font-weight:400}
.fa.fa-bitcoin:before{content:"\f15a"}
.fa.fa-file-text:before{content:"\f15c"}
.fa.fa-sort-alpha-asc:before{content:"\f15d"}
.fa.fa-sort-alpha-desc:before{content:"\f881"}
.fa.fa-sort-amount-asc:before{content:"\f160"}
.fa.fa-sort-amount-desc:before{content:"\f884"}
.fa.fa-sort-numeric-asc:before{content:"\f162"}
.fa.fa-sort-numeric-desc:before{content:"\f886"}
.fa.fa-youtube-square{font-family:'Font Awesome 5 Brands';font-weight:400}
.fa.fa-youtube{font-family:'Font Awesome 5 Brands';font-weight:400}
.fa.fa-xing{font-family:'Font Awesome 5 Brands';font-weight:400}
.fa.fa-xing-square{font-family:'Font Awesome 5 Brands';font-weight:400}
.fa.fa-youtube-play{font-family:'Font Awesome 5 Brands';font-weight:400}
.fa.fa-youtube-play:before{content:"\f167"}
.fa.fa-dropbox{font-family:'Font Awesome 5 Brands';font-weight:400}
.fa.fa-stack-overflow{font-family:'Font Awesome 5 Brands';font-weight:400}
.fa.fa-instagram{font-family:'Font Awesome 5 Brands';font-weight:400}
.fa.fa-flickr{font-family:'Font Awesome 5 Brands';font-weight:400}
.fa.fa-adn{font-family:'Font Awesome 5 Brands';font-weight:400}
.fa.fa-bitbucket{font-family:'Font Awesome 5 Brands';font-weight:400}
.fa.fa-bitbucket-square{font-family:'Font Awesome 5 Brands';font-weight:400}
.fa.fa-bitbucket-square:before{content:"\f171"}
.fa.fa-tumblr{font-family:'Font Awesome 5 Brands';font-weight:400}
.fa.fa-tumblr-square{font-family:'Font Awesome 5 Brands';font-weight:400}
.fa.fa-long-arrow-down:before{content:"\f309"}
.fa.fa-long-arrow-up:before{content:"\f30c"}
.fa.fa-long-arrow-left:before{content:"\f30a"}
.fa.fa-long-arrow-right:before{content:"\f30b"}
.fa.fa-apple{font-family:'Font Awesome 5 Brands';font-weight:400}
.fa.fa-windows{font-family:'Font Awesome 5 Brands';font-weight:400}
.fa.fa-android{font-family:'Font Awesome 5 Brands';font-weight:400}
.fa.fa-linux{font-family:'Font Awesome 5 Brands';font-weight:400}
.fa.fa-dribbble{font-family:'Font Awesome 5 Brands';font-weight:400}
.fa.fa-skype{font-family:'Font Awesome 5 Brands';font-weight:400}
.fa.fa-foursquare{font-family:'Font Awesome 5 Brands';font-weight:400}
.fa.fa-trello{font-family:'Font Awesome 5 Brands';font-weight:400}
.fa.fa-gratipay{font-family:'Font Awesome 5 Brands';font-weight:400}
.fa.fa-gittip{font-family:'Font Awesome 5 Brands';font-weight:400}
.fa.fa-gittip:before{content:"\f184"}
.fa.fa-sun-o{font-family:'Font Awesome 5 Free';font-weight:400}
.fa.fa-sun-o:before{content:"\f185"}
.fa.fa-moon-o{font-family:'Font Awesome 5 Free';font-weight:400}
.fa.fa-moon-o:before{content:"\f186"}
.fa.fa-vk{font-family:'Font Awesome 5 Brands';font-weight:400}
.fa.fa-weibo{font-family:'Font Awesome 5 Brands';font-weight:400}
.fa.fa-renren{font-family:'Font Awesome 5 Brands';font-weight:400}
.fa.fa-pagelines{font-family:'Font Awesome 5 Brands';font-weight:400}
.fa.fa-stack-exchange{font-family:'Font Awesome 5 Brands';font-weight:400}
.fa.fa-arrow-circle-o-right{font-family:'Font Awesome 5 Free';font-weight:400}
.fa.fa-arrow-circle-o-right:before{content:"\f35a"}
.fa.fa-arrow-circle-o-left{font-family:'Font Awesome 5 Free';font-weight:400}
.fa.fa-arrow-circle-o-left:before{content:"\f359"}
.fa.fa-caret-square-o-left{font-family:'Font Awesome 5 Free';font-weight:400}
.fa.fa-caret-square-o-left:before{content:"\f191"}
.fa.fa-toggle-left{font-family:'Font Awesome 5 Free';font-weight:400}
.fa.fa-toggle-left:before{content:"\f191"}
.fa.fa-dot-circle-o{font-family:'Font Awesome 5 Free';font-weight:400}
.fa.fa-dot-circle-o:before{content:"\f192"}
.fa.fa-vimeo-square{font-family:'Font Awesome 5 Brands';font-weight:400}
.fa.fa-try:before{content:"\f195"}
.fa.fa-turkish-lira:before{content:"\f195"}
.fa.fa-plus-square-o{font-family:'Font Awesome 5 Free';font-weight:400}
.fa.fa-plus-square-o:before{content:"\f0fe"}
.fa.fa-slack{font-family:'Font Awesome 5 Brands';font-weight:400}
.fa.fa-wordpress{font-family:'Font Awesome 5 Brands';font-weight:400}
.fa.fa-openid{font-family:'Font Awesome 5 Brands';font-weight:400}
.fa.fa-institution:before{content:"\f19c"}
.fa.fa-bank:before{content:"\f19c"}
.fa.fa-mortar-board:before{content:"\f19d"}
.fa.fa-yahoo{font-family:'Font Awesome 5 Brands';font-weight:400}
.fa.fa-google{font-family:'Font Awesome 5 Brands';font-weight:400}
.fa.fa-reddit{font-family:'Font Awesome 5 Brands';font-weight:400}
.fa.fa-reddit-square{font-family:'Font Awesome 5 Brands';font-weight:400}
.fa.fa-stumbleupon-circle{font-family:'Font Awesome 5 Brands';font-weight:400}
.fa.fa-stumbleupon{font-family:'Font Awesome 5 Brands';font-weight:400}
.fa.fa-delicious{font-family:'Font Awesome 5 Brands';font-weight:400}
.fa.fa-digg{font-family:'Font Awesome 5 Brands';font-weight:400}
.fa.fa-pied-piper-pp{font-family:'Font Awesome 5 Brands';font-weight:400}
.fa.fa-pied-piper-alt{font-family:'Font Awesome 5 Brands';font-weight:400}
.fa.fa-drupal{font-family:'Font Awesome 5 Brands';font-weight:400}
.fa.fa-joomla{font-family:'Font Awesome 5 Brands';font-weight:400}
.fa.fa-spoon:before{content:"\f2e5"}
.fa.fa-behance{font-family:'Font Awesome 5 Brands';font-weight:400}
.fa.fa-behance-square{font-family:'Font Awesome 5 Brands';font-weight:400}
.fa.fa-steam{font-family:'Font Awesome 5 Brands';font-weight:400}
.fa.fa-steam-square{font-family:'Font Awesome 5 Brands';font-weight:400}
.fa.fa-automobile:before{content:"\f1b9"}
.fa.fa-envelope-o{font-family:'Font Awesome 5 Free';font-weight:400}
.fa.fa-envelope-o:before{content:"\f0e0"}
.fa.fa-spotify{font-family:'Font Awesome 5 Brands';font-weight:400}
.fa.fa-deviantart{font-family:'Font Awesome 5 Brands';font-weight:400}
.fa.fa-soundcloud{font-family:'Font Awesome 5 Brands';font-weight:400}
.fa.fa-file-pdf-o{font-family:'Font Awesome 5 Free';font-weight:400}
.fa.fa-file-pdf-o:before{content:"\f1c1"}
.fa.fa-file-word-o{font-family:'Font Awesome 5 Free';font-weight:400}
.fa.fa-file-word-o:before{content:"\f1c2"}
.fa.fa-file-excel-o{font-family:'Font Awesome 5 Free';font-weight:400}
.fa.fa-file-excel-o:before{content:"\f1c3"}
.fa.fa-file-powerpoint-o{font-family:'Font Awesome 5 Free';font-weight:400}
.fa.fa-file-powerpoint-o:before{content:"\f1c4"}
.fa.fa-file-image-o{font-family:'Font Awesome 5 Free';font-weight:400}
.fa.fa-file-image-o:before{content:"\f1c5"}
.fa.fa-file-photo-o{font-family:'Font Awesome 5 Free';font-weight:400}
.fa.fa-file-photo-o:before{content:"\f1c5"}
.fa.fa-file-picture-o{font-family:'Font Awesome 5 Free';font-weight:400}
.fa.fa-file-picture-o:before{content:"\f1c5"}
.fa.fa-file-archive-o{font-family:'Font Awesome 5 Free';font-weight:400}
.fa.fa-file-archive-o:before{content:"\f1c6"}
.fa.fa-file-zip-o{font-family:'Font Awesome 5 Free';font-weight:400}
.fa.fa-file-zip-o:before{content:"\f1c6"}
.fa.fa-file-audio-o{font-family:'Font Awesome 5 Free';font-weight:400}
.fa.fa-file-audio-o:before{content:"\f1c7"}
.fa.fa-file-sound-o{font-family:'Font Awesome 5 Free';font-weight:400}
.fa.fa-file-sound-o:before{content:"\f1c7"}
.fa.fa-file-video-o{font-family:'Font Awesome 5 Free';font-weight:400}
.fa.fa-file-video-o:before{content:"\f1c8"}
.fa.fa-file-movie-o{font-family:'Font Awesome 5 Free';font-weight:400}
.fa.fa-file-movie-o:before{content:"\f1c8"}
.fa.fa-file-code-o{font-family:'Font Awesome 5 Free';font-weight:400}
.fa.fa-file-code-o:before{content:"\f1c9"}
.fa.fa-vine{font-family:'Font Awesome 5 Brands';font-weight:400}
.fa.fa-codepen{font-family:'Font Awesome 5 Brands';font-weight:400}
.fa.fa-jsfiddle{font-family:'Font Awesome 5 Brands';font-weight:400}
.fa.fa-life-ring{font-family:'Font Awesome 5 Free';font-weight:400}
.fa.fa-life-bouy{font-family:'Font Awesome 5 Free';font-weight:400}
.fa.fa-life-bouy:before{content:"\f1cd"}
.fa.fa-life-buoy{font-family:'Font Awesome 5 Free';font-weight:400}
.fa.fa-life-buoy:before{content:"\f1cd"}
.fa.fa-life-saver{font-family:'Font Awesome 5 Free';font-weight:400}
.fa.fa-life-saver:before{content:"\f1cd"}
.fa.fa-support{font-family:'Font Awesome 5 Free';font-weight:400}
.fa.fa-support:before{content:"\f1cd"}
.fa.fa-circle-o-notch:before{content:"\f1ce"}
.fa.fa-rebel{font-family:'Font Awesome 5 Brands';font-weight:400}
.fa.fa-ra{font-family:'Font Awesome 5 Brands';font-weight:400}
.fa.fa-ra:before{content:"\f1d0"}
.fa.fa-resistance{font-family:'Font Awesome 5 Brands';font-weight:400}
.fa.fa-resistance:before{content:"\f1d0"}
.fa.fa-empire{font-family:'Font Awesome 5 Brands';font-weight:400}
.fa.fa-ge{font-family:'Font Awesome 5 Brands';font-weight:400}
.fa.fa-ge:before{content:"\f1d1"}
.fa.fa-git-square{font-family:'Font Awesome 5 Brands';font-weight:400}
.fa.fa-git{font-family:'Font Awesome 5 Brands';font-weight:400}
.fa.fa-hacker-news{font-family:'Font Awesome 5 Brands';font-weight:400}
.fa.fa-y-combinator-square{font-family:'Font Awesome 5 Brands';font-weight:400}
.fa.fa-y-combinator-square:before{content:"\f1d4"}
.fa.fa-yc-square{font-family:'Font Awesome 5 Brands';font-weight:400}
.fa.fa-yc-square:before{content:"\f1d4"}
.fa.fa-tencent-weibo{font-family:'Font Awesome 5 Brands';font-weight:400}
.fa.fa-qq{font-family:'Font Awesome 5 Brands';font-weight:400}
.fa.fa-weixin{font-family:'Font Awesome 5 Brands';font-weight:400}
.fa.fa-wechat{font-family:'Font Awesome 5 Brands';font-weight:400}
.fa.fa-wechat:before{content:"\f1d7"}
.fa.fa-send:before{content:"\f1d8"}
.fa.fa-paper-plane-o{font-family:'Font Awesome 5 Free';font-weight:400}
.fa.fa-paper-plane-o:before{content:"\f1d8"}
.fa.fa-send-o{font-family:'Font Awesome 5 Free';font-weight:400}
.fa.fa-send-o:before{content:"\f1d8"}
.fa.fa-circle-thin{font-family:'Font Awesome 5 Free';font-weight:400}
.fa.fa-circle-thin:before{content:"\f111"}
.fa.fa-header:before{content:"\f1dc"}
.fa.fa-sliders:before{content:"\f1de"}
.fa.fa-futbol-o{font-family:'Font Awesome 5 Free';font-weight:400}
.fa.fa-futbol-o:before{content:"\f1e3"}
.fa.fa-soccer-ball-o{font-family:'Font Awesome 5 Free';font-weight:400}
.fa.fa-soccer-ball-o:before{content:"\f1e3"}
.fa.fa-slideshare{font-family:'Font Awesome 5 Brands';font-weight:400}
.fa.fa-twitch{font-family:'Font Awesome 5 Brands';font-weight:400}
.fa.fa-yelp{font-family:'Font Awesome 5 Brands';font-weight:400}
.fa.fa-newspaper-o{font-family:'Font Awesome 5 Free';font-weight:400}
.fa.fa-newspaper-o:before{content:"\f1ea"}
.fa.fa-paypal{font-family:'Font Awesome 5 Brands';font-weight:400}
.fa.fa-google-wallet{font-family:'Font Awesome 5 Brands';font-weight:400}
.fa.fa-cc-visa{font-family:'Font Awesome 5 Brands';font-weight:400}
.fa.fa-cc-mastercard{font-family:'Font Awesome 5 Brands';font-weight:400}
.fa.fa-cc-discover{font-family:'Font Awesome 5 Brands';font-weight:400}
.fa.fa-cc-amex{font-family:'Font Awesome 5 Brands';font-weight:400}
.fa.fa-cc-paypal{font-family:'Font Awesome 5 Brands';font-weight:400}
.fa.fa-cc-stripe{font-family:'Font Awesome 5 Brands';font-weight:400}
.fa.fa-bell-slash-o{font-family:'Font Awesome 5 Free';font-weight:400}
.fa.fa-bell-slash-o:before{content:"\f1f6"}
.fa.fa-trash:before{content:"\f2ed"}
.fa.fa-copyright{font-family:'Font Awesome 5 Free';font-weight:400}
.fa.fa-eyedropper:before{content:"\f1fb"}
.fa.fa-area-chart:before{content:"\f1fe"}
.fa.fa-pie-chart:before{content:"\f200"}
.fa.fa-line-chart:before{content:"\f201"}
.fa.fa-lastfm{font-family:'Font Awesome 5 Brands';font-weight:400}
.fa.fa-lastfm-square{font-family:'Font Awesome 5 Brands';font-weight:400}
.fa.fa-ioxhost{font-family:'Font Awesome 5 Brands';font-weight:400}
.fa.fa-angellist{font-family:'Font Awesome 5 Brands';font-weight:400}
.fa.fa-cc{font-family:'Font Awesome 5 Free';font-weight:400}
.fa.fa-cc:before{content:"\f20a"}
.fa.fa-ils:before{content:"\f20b"}
.fa.fa-shekel:before{content:"\f20b"}
.fa.fa-sheqel:before{content:"\f20b"}
.fa.fa-meanpath{font-family:'Font Awesome 5 Brands';font-weight:400}
.fa.fa-meanpath:before{content:"\f2b4"}
.fa.fa-buysellads{font-family:'Font Awesome 5 Brands';font-weight:400}
.fa.fa-connectdevelop{font-family:'Font Awesome 5 Brands';font-weight:400}
.fa.fa-dashcube{font-family:'Font Awesome 5 Brands';font-weight:400}
.fa.fa-forumbee{font-family:'Font Awesome 5 Brands';font-weight:400}
.fa.fa-leanpub{font-family:'Font Awesome 5 Brands';font-weight:400}
.fa.fa-sellsy{font-family:'Font Awesome 5 Brands';font-weight:400}
.fa.fa-shirtsinbulk{font-family:'Font Awesome 5 Brands';font-weight:400}
.fa.fa-simplybuilt{font-family:'Font Awesome 5 Brands';font-weight:400}
.fa.fa-skyatlas{font-family:'Font Awesome 5 Brands';font-weight:400}
.fa.fa-diamond{font-family:'Font Awesome 5 Free';font-weight:400}
.fa.fa-diamond:before{content:"\f3a5"}
.fa.fa-intersex:before{content:"\f224"}
.fa.fa-facebook-official{font-family:'Font Awesome 5 Brands';font-weight:400}
.fa.fa-facebook-official:before{content:"\f09a"}
.fa.fa-pinterest-p{font-family:'Font Awesome 5 Brands';font-weight:400}
.fa.fa-whatsapp{font-family:'Font Awesome 5 Brands';font-weight:400}
.fa.fa-hotel:before{content:"\f236"}
.fa.fa-viacoin{font-family:'Font Awesome 5 Brands';font-weight:400}
.fa.fa-medium{font-family:'Font Awesome 5 Brands';font-weight:400}
.fa.fa-y-combinator{font-family:'Font Awesome 5 Brands';font-weight:400}
.fa.fa-yc{font-family:'Font Awesome 5 Brands';font-weight:400}
.fa.fa-yc:before{content:"\f23b"}
.fa.fa-optin-monster{font-family:'Font Awesome 5 Brands';font-weight:400}
.fa.fa-opencart{font-family:'Font Awesome 5 Brands';font-weight:400}
.fa.fa-expeditedssl{font-family:'Font Awesome 5 Brands';font-weight:400}
.fa.fa-battery-4:before{content:"\f240"}
.fa.fa-battery:before{content:"\f240"}
.fa.fa-battery-3:before{content:"\f241"}
.fa.fa-battery-2:before{content:"\f242"}
.fa.fa-battery-1:before{content:"\f243"}
.fa.fa-battery-0:before{content:"\f244"}
.fa.fa-object-group{font-family:'Font Awesome 5 Free';font-weight:400}
.fa.fa-object-ungroup{font-family:'Font Awesome 5 Free';font-weight:400}
.fa.fa-sticky-note-o{font-family:'Font Awesome 5 Free';font-weight:400}
.fa.fa-sticky-note-o:before{content:"\f249"}
.fa.fa-cc-jcb{font-family:'Font Awesome 5 Brands';font-weight:400}
.fa.fa-cc-diners-club{font-family:'Font Awesome 5 Brands';font-weight:400}
.fa.fa-clone{font-family:'Font Awesome 5 Free';font-weight:400}
.fa.fa-hourglass-o{font-family:'Font Awesome 5 Free';font-weight:400}
.fa.fa-hourglass-o:before{content:"\f254"}
.fa.fa-hourglass-1:before{content:"\f251"}
.fa.fa-hourglass-2:before{content:"\f252"}
.fa.fa-hourglass-3:before{content:"\f253"}
.fa.fa-hand-rock-o{font-family:'Font Awesome 5 Free';font-weight:400}
.fa.fa-hand-rock-o:before{content:"\f255"}
.fa.fa-hand-grab-o{font-family:'Font Awesome 5 Free';font-weight:400}
.fa.fa-hand-grab-o:before{content:"\f255"}
.fa.fa-hand-paper-o{font-family:'Font Awesome 5 Free';font-weight:400}
.fa.fa-hand-paper-o:before{content:"\f256"}
.fa.fa-hand-stop-o{font-family:'Font Awesome 5 Free';font-weight:400}
.fa.fa-hand-stop-o:before{content:"\f256"}
.fa.fa-hand-scissors-o{font-family:'Font Awesome 5 Free';font-weight:400}
.fa.fa-hand-scissors-o:before{content:"\f257"}
.fa.fa-hand-lizard-o{font-family:'Font Awesome 5 Free';font-weight:400}
.fa.fa-hand-lizard-o:before{content:"\f258"}
.fa.fa-hand-spock-o{font-family:'Font Awesome 5 Free';font-weight:400}
.fa.fa-hand-spock-o:before{content:"\f259"}
.fa.fa-hand-pointer-o{font-family:'Font Awesome 5 Free';font-weight:400}
.fa.fa-hand-pointer-o:before{content:"\f25a"}
.fa.fa-hand-peace-o{font-family:'Font Awesome 5 Free';font-weight:400}
.fa.fa-hand-peace-o:before{content:"\f25b"}
.fa.fa-registered{font-family:'Font Awesome 5 Free';font-weight:400}
.fa.fa-creative-commons{font-family:'Font Awesome 5 Brands';font-weight:400}
.fa.fa-gg{font-family:'Font Awesome 5 Brands';font-weight:400}
.fa.fa-gg-circle{font-family:'Font Awesome 5 Brands';font-weight:400}
.fa.fa-tripadvisor{font-family:'Font Awesome 5 Brands';font-weight:400}
.fa.fa-odnoklassniki{font-family:'Font Awesome 5 Brands';font-weight:400}
.fa.fa-odnoklassniki-square{font-family:'Font Awesome 5 Brands';font-weight:400}
.fa.fa-get-pocket{font-family:'Font Awesome 5 Brands';font-weight:400}
.fa.fa-wikipedia-w{font-family:'Font Awesome 5 Brands';font-weight:400}
.fa.fa-safari{font-family:'Font Awesome 5 Brands';font-weight:400}
.fa.fa-chrome{font-family:'Font Awesome 5 Brands';font-weight:400}
.fa.fa-firefox{font-family:'Font Awesome 5 Brands';font-weight:400}
.fa.fa-opera{font-family:'Font Awesome 5 Brands';font-weight:400}
.fa.fa-internet-explorer{font-family:'Font Awesome 5 Brands';font-weight:400}
.fa.fa-television:before{content:"\f26c"}
.fa.fa-contao{font-family:'Font Awesome 5 Brands';font-weight:400}
.fa.fa-500px{font-family:'Font Awesome 5 Brands';font-weight:400}
.fa.fa-amazon{font-family:'Font Awesome 5 Brands';font-weight:400}
.fa.fa-calendar-plus-o{font-family:'Font Awesome 5 Free';font-weight:400}
.fa.fa-calendar-plus-o:before{content:"\f271"}
.fa.fa-calendar-minus-o{font-family:'Font Awesome 5 Free';font-weight:400}
.fa.fa-calendar-minus-o:before{content:"\f272"}
.fa.fa-calendar-times-o{font-family:'Font Awesome 5 Free';font-weight:400}
.fa.fa-calendar-times-o:before{content:"\f273"}
.fa.fa-calendar-check-o{font-family:'Font Awesome 5 Free';font-weight:400}
.fa.fa-calendar-check-o:before{content:"\f274"}
.fa.fa-map-o{font-family:'Font Awesome 5 Free';font-weight:400}
.fa.fa-map-o:before{content:"\f279"}
.fa.fa-commenting:before{content:"\f4ad"}
.fa.fa-commenting-o{font-family:'Font Awesome 5 Free';font-weight:400}
.fa.fa-commenting-o:before{content:"\f4ad"}
.fa.fa-houzz{font-family:'Font Awesome 5 Brands';font-weight:400}
.fa.fa-vimeo{font-family:'Font Awesome 5 Brands';font-weight:400}
.fa.fa-vimeo:before{content:"\f27d"}
.fa.fa-black-tie{font-family:'Font Awesome 5 Brands';font-weight:400}
.fa.fa-fonticons{font-family:'Font Awesome 5 Brands';font-weight:400}
.fa.fa-reddit-alien{font-family:'Font Awesome 5 Brands';font-weight:400}
.fa.fa-edge{font-family:'Font Awesome 5 Brands';font-weight:400}
.fa.fa-credit-card-alt:before{content:"\f09d"}
.fa.fa-codiepie{font-family:'Font Awesome 5 Brands';font-weight:400}
.fa.fa-modx{font-family:'Font Awesome 5 Brands';font-weight:400}
.fa.fa-fort-awesome{font-family:'Font Awesome 5 Brands';font-weight:400}
.fa.fa-usb{font-family:'Font Awesome 5 Brands';font-weight:400}
.fa.fa-product-hunt{font-family:'Font Awesome 5 Brands';font-weight:400}
.fa.fa-mixcloud{font-family:'Font Awesome 5 Brands';font-weight:400}
.fa.fa-scribd{font-family:'Font Awesome 5 Brands';font-weight:400}
.fa.fa-pause-circle-o{font-family:'Font Awesome 5 Free';font-weight:400}
.fa.fa-pause-circle-o:before{content:"\f28b"}
.fa.fa-stop-circle-o{font-family:'Font Awesome 5 Free';font-weight:400}
.fa.fa-stop-circle-o:before{content:"\f28d"}
.fa.fa-bluetooth{font-family:'Font Awesome 5 Brands';font-weight:400}
.fa.fa-bluetooth-b{font-family:'Font Awesome 5 Brands';font-weight:400}
.fa.fa-gitlab{font-family:'Font Awesome 5 Brands';font-weight:400}
.fa.fa-wpbeginner{font-family:'Font Awesome 5 Brands';font-weight:400}
.fa.fa-wpforms{font-family:'Font Awesome 5 Brands';font-weight:400}
.fa.fa-envira{font-family:'Font Awesome 5 Brands';font-weight:400}
.fa.fa-wheelchair-alt{font-family:'Font Awesome 5 Brands';font-weight:400}
.fa.fa-wheelchair-alt:before{content:"\f368"}
.fa.fa-question-circle-o{font-family:'Font Awesome 5 Free';font-weight:400}
.fa.fa-question-circle-o:before{content:"\f059"}
.fa.fa-volume-control-phone:before{content:"\f2a0"}
.fa.fa-asl-interpreting:before{content:"\f2a3"}
.fa.fa-deafness:before{content:"\f2a4"}
.fa.fa-hard-of-hearing:before{content:"\f2a4"}
.fa.fa-glide{font-family:'Font Awesome 5 Brands';font-weight:400}
.fa.fa-glide-g{font-family:'Font Awesome 5 Brands';font-weight:400}
.fa.fa-signing:before{content:"\f2a7"}
.fa.fa-viadeo{font-family:'Font Awesome 5 Brands';font-weight:400}
.fa.fa-viadeo-square{font-family:'Font Awesome 5 Brands';font-weight:400}
.fa.fa-snapchat{font-family:'Font Awesome 5 Brands';font-weight:400}
.fa.fa-snapchat-ghost{font-family:'Font Awesome 5 Brands';font-weight:400}
.fa.fa-snapchat-square{font-family:'Font Awesome 5 Brands';font-weight:400}
.fa.fa-pied-piper{font-family:'Font Awesome 5 Brands';font-weight:400}
.fa.fa-first-order{font-family:'Font Awesome 5 Brands';font-weight:400}
.fa.fa-yoast{font-family:'Font Awesome 5 Brands';font-weight:400}
.fa.fa-themeisle{font-family:'Font Awesome 5 Brands';font-weight:400}
.fa.fa-google-plus-official{font-family:'Font Awesome 5 Brands';font-weight:400}
.fa.fa-google-plus-official:before{content:"\f2b3"}
.fa.fa-google-plus-circle{font-family:'Font Awesome 5 Brands';font-weight:400}
.fa.fa-google-plus-circle:before{content:"\f2b3"}
.fa.fa-font-awesome{font-family:'Font Awesome 5 Brands';font-weight:400}
.fa.fa-fa{font-family:'Font Awesome 5 Brands';font-weight:400}
.fa.fa-fa:before{content:"\f2b4"}
.fa.fa-handshake-o{font-family:'Font Awesome 5 Free';font-weight:400}
.fa.fa-handshake-o:before{content:"\f2b5"}
.fa.fa-envelope-open-o{font-family:'Font Awesome 5 Free';font-weight:400}
.fa.fa-envelope-open-o:before{content:"\f2b6"}
.fa.fa-linode{font-family:'Font Awesome 5 Brands';font-weight:400}
.fa.fa-address-book-o{font-family:'Font Awesome 5 Free';font-weight:400}
.fa.fa-address-book-o:before{content:"\f2b9"}
.fa.fa-vcard:before{content:"\f2bb"}
.fa.fa-address-card-o{font-family:'Font Awesome 5 Free';font-weight:400}
.fa.fa-address-card-o:before{content:"\f2bb"}
.fa.fa-vcard-o{font-family:'Font Awesome 5 Free';font-weight:400}
.fa.fa-vcard-o:before{content:"\f2bb"}
.fa.fa-user-circle-o{font-family:'Font Awesome 5 Free';font-weight:400}
.fa.fa-user-circle-o:before{content:"\f2bd"}
.fa.fa-user-o{font-family:'Font Awesome 5 Free';font-weight:400}
.fa.fa-user-o:before{content:"\f007"}
.fa.fa-id-badge{font-family:'Font Awesome 5 Free';font-weight:400}
.fa.fa-drivers-license:before{content:"\f2c2"}
.fa.fa-id-card-o{font-family:'Font Awesome 5 Free';font-weight:400}
.fa.fa-id-card-o:before{content:"\f2c2"}
.fa.fa-drivers-license-o{font-family:'Font Awesome 5 Free';font-weight:400}
.fa.fa-drivers-license-o:before{content:"\f2c2"}
.fa.fa-quora{font-family:'Font Awesome 5 Brands';font-weight:400}
.fa.fa-free-code-camp{font-family:'Font Awesome 5 Brands';font-weight:400}
.fa.fa-telegram{font-family:'Font Awesome 5 Brands';font-weight:400}
.fa.fa-thermometer-4:before{content:"\f2c7"}
.fa.fa-thermometer:before{content:"\f2c7"}
.fa.fa-thermometer-3:before{content:"\f2c8"}
.fa.fa-thermometer-2:before{content:"\f2c9"}
.fa.fa-thermometer-1:before{content:"\f2ca"}
.fa.fa-thermometer-0:before{content:"\f2cb"}
.fa.fa-bathtub:before{content:"\f2cd"}
.fa.fa-s15:before{content:"\f2cd"}
.fa.fa-window-maximize{font-family:'Font Awesome 5 Free';font-weight:400}
.fa.fa-window-restore{font-family:'Font Awesome 5 Free';font-weight:400}
.fa.fa-times-rectangle:before{content:"\f410"}
.fa.fa-window-close-o{font-family:'Font Awesome 5 Free';font-weight:400}
.fa.fa-window-close-o:before{content:"\f410"}
.fa.fa-times-rectangle-o{font-family:'Font Awesome 5 Free';font-weight:400}
.fa.fa-times-rectangle-o:before{content:"\f410"}
.fa.fa-bandcamp{font-family:'Font Awesome 5 Brands';font-weight:400}
.fa.fa-grav{font-family:'Font Awesome 5 Brands';font-weight:400}
.fa.fa-etsy{font-family:'Font Awesome 5 Brands';font-weight:400}
.fa.fa-imdb{font-family:'Font Awesome 5 Brands';font-weight:400}
.fa.fa-ravelry{font-family:'Font Awesome 5 Brands';font-weight:400}
.fa.fa-eercast{font-family:'Font Awesome 5 Brands';font-weight:400}
.fa.fa-eercast:before{content:"\f2da"}
.fa.fa-snowflake-o{font-family:'Font Awesome 5 Free';font-weight:400}
.fa.fa-snowflake-o:before{content:"\f2dc"}
.fa.fa-superpowers{font-family:'Font Awesome 5 Brands';font-weight:400}
.fa.fa-wpexplorer{font-family:'Font Awesome 5 Brands';font-weight:400}
.fa.fa-cab:before{content:"\f1ba"}#top-menu li:first-child > a {
padding-left: 0;
}
#top-menu li ul.remove_css_animation {
transition: initial;
-webkit-transition: initial;
display: none;
}
#top-menu li ul.sub-menu li a {
padding-left: 1rem;
padding-right: 1rem;
}
#top-menu li:hover ul {
opacity: 1;
visibility: visible;
}
#top-menu li li {
border-bottom: 1px solid #edf2f7;
padding: 0;
line-height: 2.5rem;
}
#top-menu li li:last-child {
border-bottom: none;
}
#top-menu li li a {
display: block;
}
#top-menu li:last-child {
border: none;
} .full_header {
z-index: 2000;
} .admin-bar.side-header .header_inside_left, .admin-bar.side-header .header_inside_right {
top: 32px;
}
.side_inside a {
display: block;
}
.side_navigation #navigation .sf-sub-indicator {
position: absolute;
right: 0;
}
.side_navigation #navigation ul li {
line-height: 48px;
height: 48px;
padding: 0 30px;
}
.side_navigation #navigation ul li.header_search_li {
display: none;
}
.side_navigation #navigation ul li:hover {
z-index: 1;
}
.side_navigation #navigation ul li a:hover, .side_navigation #navigation ul li.current_page_item a, .side_navigation #navigation ul li.current-menu-ancestor a {
border-left-color: #65c18b;
}
.side_navigation #navigation ul.sub-menu {
box-shadow: 1px 0px 4px rgba(0, 0, 0, 0.1);
-webkit-box-shadow: 1px 1px 4px rgba(0, 0, 0, 0.2);
}
.side_navigation #navigation ul ul li {
padding: 0;
}
.side_navigation #navigation ul ul li .sf-sub-indicator {
right: 5px;
}
.side_navigation #navigation ul li a {
display: block;
line-height: 48px;
-webkit-box-sizing: border-box;
box-sizing: border-box;
padding: 0 30px;
border-left: 3px solid transparent;
transition: all .2s ease-in-out;
-webkit-transition: all .2s ease-in-out;
border-bottom: 1px solid #e8ebed;
background-color: transparent;
}
.side_navigation #navigation ul ul {
left: 300px;
top: 0;
min-width: 220px;
border-top: none;
}
.side_navigation #navigation ul ul:before {
content: "";
position: absolute;
left: 0;
width: 3px;
height: 100%;
background-color: green;
z-index: 9999;
}
.side_navigation #navigation ul ul li a {
border-left: none;
border-bottom: none;
height: auto;
}
.side_navigation #navigation ul ul ul {
left: 220px;
}
.side_navigation #navigation > ul li:hover > a {
border-left-color: #65c18b;
}
.header_inside_right .side_navigation #navigation .sf-sub-indicator {
right: auto;
left: 0;
}
.header_inside_right .side_navigation #navigation ul li a {
border-left: none;
border-right: 3px solid transparent;
}
.header_inside_right .side_navigation #navigation ul li a:hover, .header_inside_right .side_navigation #navigation ul li.current_page_item a, .header_inside_right .side_navigation #navigation ul li.current-menu-ancestor a {
border-right-color: #65c18b;
}
.header_inside_right .side_navigation #navigation ul > ul li:hover > a {
border-right-color: #65c18b;
}
.header_inside_right .side_navigation #navigation ul ul {
right: 300px;
left: auto;
border-left: none;
}
.header_inside_right .side_navigation #navigation ul ul:before {
content: "";
position: absolute;
width: 3px;
height: 100%;
background-color: green;
z-index: 9999;
right: 0;
left: auto;
}
.header_inside_right .side_navigation #navigation ul ul ul {
right: 220px;
}
.header_inside_right .side_navigation #navigation ul ul li a {
border-right: none;
} .mobile_menu_holder {
z-index: 99999;
}
.sticky_mobile {
position: fixed !important;
top: 0;
width: 100%;
z-index: 9999;
} #searchform {
position: relative;
}
#searchform .search_form_button .searchbut {
font-family: 'Font Awesome 5 Free';
font-weight: 900;
}
.responsive-search .responsive_search_submit {
font-family: 'Font Awesome 5 Free';
font-weight: 900;
position: absolute;
} figure a .text-overlay {
opacity: 0;
height: 100%;
position: absolute;
text-decoration: none;
width: 100%;
z-index: 100;
background: #80c550;
background: rgba(128, 197, 80, 0.9);
-webkit-transition: all 0.4s;
transition: all 0.4s;
}
figure.event_image_list .text-overlay {
opacity: 0;
height: 100%;
position: absolute;
text-decoration: none;
width: 100%;
z-index: 100;
background: #80c550;
background: rgba(128, 197, 80, 0.9);
-webkit-transition: all 0.4s;
transition: all 0.4s;
}
figure.event_image_list:hover .text-overlay {
opacity: 1;
}
.blogpost:hover .text-overlay, .posts-grid-item:hover .text-overlay, .grid-posts:hover .text-overlay {
opacity: 1;
}
figure a .text-overlay .info {
text-align: center;
top: 56%;
transform: translateY(-50%);
-webkit-transform: translateY(-50%);
transition: top .2s linear;
-webkit-transition: top .2s linear;
-moz-transition: top .2s linear;
width: 100%;
left: 0;
position: absolute;
color: #fff;
font-size: 45px;
line-height: 45px;
font-weight: 300;
}
.blogpost:hover figure a .text-overlay .info,
.posts-grid-item:hover figure a .text-overlay .info,
.grid-posts:hover figure a .text-overlay .info {
top: 50%;
}
figure a .text-overlay .info .plus_icon {
display: block;
position: relative;
top: -3px;
}
figure a .text-overlay .info i {
display: block;
font-size: 16px;
width: 40px;
height: 40px;
line-height: 40px;
margin: 0 auto;
background-color: #444;
border-radius: 50%;
} .thumbs-post-prev a, .thumbs-post-next a {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
}
.thumbs-post-prev a h5, .thumbs-post-next a h5 {
color: #2d3748;
} .vertical-related-posts .related-posts-item:last-child {
margin-bottom: 0;
}
.vertical-related-posts .thumbnail-wrap {
min-width: 345px;
}
.related-thumbs-img img {
width: 100%;
height: auto;
} .posts-pagination a, .posts-pagination span.current {
width: 2rem;
line-height: 2.25rem;
height: 2.25rem;
}
.posts-pagination .pagination-next, .posts-pagination .pagination-prev {
width: 4rem;
}
.posts-pagination .posts-navigation-numbers a:last-child {
margin-right: 0;
} .cr-equal-height .posts-grid-item .post-content-render {
height: 100%;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
}
.cr-equal-height .posts-grid-item .post-content-render figure {
height: 100%;
-webkit-box-flex: 1;
-ms-flex-positive: 1;
flex-grow: 1;
}
.cr-equal-height .post-excerpt {
-webkit-box-flex: 1;
-ms-flex-positive: 1;
flex-grow: 1;
}
.cr-equal-height .post-meta, .cr-equal-height .post-meta-separator {
-webkit-box-flex: 0;
-ms-flex-positive: 0;
flex-grow: 0;
}
.cr-equal-height .post-content {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
height: 100%;
}
.cr-recent-posts-container .cr-img-full-height a {
height: 100%;
}
.cr-recent-posts-container .cr-img-full-height img {
height: 100%;
-o-object-fit: cover;
object-fit: cover;
} .sidebar-widget, .footer_widget, .social-links-wrap {      }
.sidebar-widget ul li.cat-item, .footer_widget ul li.cat-item, .social-links-wrap ul li.cat-item {
position: relative;
}
.sidebar-widget ul li.cat-item span, .footer_widget ul li.cat-item span, .social-links-wrap ul li.cat-item span {
position: absolute;
right: 0;
}
.sidebar-widget span.post-date, .footer_widget span.post-date, .social-links-wrap span.post-date {
font-size: 0.75rem;
display: block;
margin-bottom: 0.625rem;
}
.sidebar-widget .gallery-item, .footer_widget .gallery-item, .social-links-wrap .gallery-item {
margin: 0 !important;
}
.sidebar-widget .gallery-item img, .footer_widget .gallery-item img, .social-links-wrap .gallery-item img {
border-color: transparent !important;
}
.sidebar-widget .contact li, .footer_widget .contact li, .social-links-wrap .contact li {
border: none;
padding-left: 2rem;
padding-bottom: 0;
margin-bottom: 1rem;
position: relative;
}
.sidebar-widget .contact li i, .footer_widget .contact li i, .social-links-wrap .contact li i {
left: 0;
text-align: center;
position: absolute;
font-size: 1rem;
width: 1.25rem;
height: 1.25rem;
line-height: 1.25rem;
top: 2px;
}
.sidebar-widget .get_social li, .footer_widget .get_social li, .social-links-wrap .get_social li {
border: none;
padding: 0;
margin: 0;
display: inline-block;
}
.sidebar-widget .get_social li a, .footer_widget .get_social li a, .social-links-wrap .get_social li a {
display: block;
margin: 0.15rem;
}
.sidebar-widget .get_social li a i, .footer_widget .get_social li a i, .social-links-wrap .get_social li a i {
width: 2rem;
height: 2rem;
line-height: 2rem;
font-size: 1rem;
text-align: center;
}
.sidebar-widget .instagram-widget li, .footer_widget .instagram-widget li, .social-links-wrap .instagram-widget li {
border: none;
padding: 0;
margin: 0;
} .flexslider-wrap .flexslider {
overflow: hidden;
} .video-container {
position: relative;
padding-bottom: 56.25%;
padding-top: 0px;
height: 0;
overflow: hidden;
}
.video-container iframe, .video-container object, .video-container embed {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
} #mobile-panel {
-webkit-transform: translateX(-300px);
transform: translateX(-300px);
z-index: 99999;
-webkit-backface-visibility: hidden;
visibility: hidden;
width: 300px;
background: #ffffff;
}
.side-panel-trigger {
position: relative;
}
body.mobile-panel-open #mobile-panel {
-webkit-transform: translateX(0);
transform: translateX(0);
visibility: visible;
}
body.mobile-panel-open #mobile-panel .sidebar-widget {
overflow: hidden;
}
#mobile-panel {
-webkit-transition: visibility .5s ease-in-out, -webkit-transform .5s ease-in-out;
transition: visibility .5s ease-in-out, -webkit-transform .5s ease-in-out;
transition: transform .5s ease-in-out, visibility .5s ease-in-out;
transition: transform .5s ease-in-out, visibility .5s ease-in-out, -webkit-transform .5s ease-in-out;
}
#mobile-panel .mobile-close_navbar {
padding-right: 3px;
}
#mobile-panel .mobile_search_holder {
background: transparent;
padding: 0;
border: none;
margin-top: 30px;
}
#mobile-panel #responsive_menu {
border: none;
}
#mobile-panel #responsive_menu li a:not(.button) {
padding: 10px 0;
font-size: 12px;
}
#mobile-panel #responsive_menu ul .sf-sub-indicator i {
-webkit-transform: rotate(90deg);
transform: rotate(90deg);
}
#mobile-panel #responsive_menu ul .sf-sub-indicator.nav-sub-opened i {
-webkit-transform: rotate(270deg);
transform: rotate(270deg);
}
#mobile-panel #responsive_menu ul ul {
padding-left: 30px;
}
#mobile-panel #responsive_menu ul li a:not(.button) {
padding-left: 30px;
}
#mobile-panel #responsive_menu .sf-sub-indicator {
width: 85px;
margin-right: -15px;
padding-left: 35px;
line-height: 45px;
font-size: 15px;
right: 0;
}
#mobile-panel #responsive_menu .sf-sub-indicator i {
-webkit-transition: -webkit-transform .2s ease-in-out;
transition: -webkit-transform .2s ease-in-out;
transition: transform .2s ease-in-out;
transition: transform .2s ease-in-out, -webkit-transform .2s ease-in-out;
-webkit-transition: transform .2s ease-in-out;
}
#mobile-panel #responsive_menu .sf-sub-indicator.nav-sub-opened i {
-webkit-transform: rotate(180deg);
transform: rotate(180deg);
}
#mobile-panel #mobile-panel-trigger {
opacity: 0;
-webkit-transition: opacity .2s ease-in-out, visibility .2s ease-in-out, -webkit-transform 0.15s ease-in-out;
transition: opacity .2s ease-in-out, visibility .2s ease-in-out, -webkit-transform 0.15s ease-in-out;
transition: opacity .2s ease-in-out, visibility .2s ease-in-out, transform 0.15s ease-in-out;
transition: opacity .2s ease-in-out, visibility .2s ease-in-out, transform 0.15s ease-in-out, -webkit-transform 0.15s ease-in-out;
-webkit-transition-delay: 0.4s;
transition-delay: 0.4s;
visibility: hidden;
-webkit-transform: translateX(-40px);
transform: translateX(-40px);
}
.body-overlay-mobile {
-webkit-backface-visibility: hidden;
z-index: 101;
visibility: hidden;
}
body.mobile-panel-open #mobile-panel #mobile-panel-trigger {
opacity: 1;
-webkit-transform: translateX(0);
transform: translateX(0);
visibility: visible;
}
body.mobile-panel-open .body-overlay-mobile {
opacity: 0.85;
pointer-events: auto;
visibility: visible;
}
@media screen and (max-width: 1024px) {
.mobile-panel-open {
overflow: hidden;
}
} #mobile-shop-panel {
-webkit-transform: translateX(-300px);
transform: translateX(-300px);
z-index: 99999;
-webkit-backface-visibility: hidden;
visibility: hidden;
width: 300px;
background: #ffffff;
-webkit-transition: visibility .5s ease-in-out, -webkit-transform .5s ease-in-out;
transition: visibility .5s ease-in-out, -webkit-transform .5s ease-in-out;
transition: transform .5s ease-in-out, visibility .5s ease-in-out;
transition: transform .5s ease-in-out, visibility .5s ease-in-out, -webkit-transform .5s ease-in-out;
}
#mobile-shop-panel .mobile-shop-close_navbar {
padding-right: 3px;
}
#mobile-shop-panel #mobile-shop-panel-trigger {
opacity: 0;
-webkit-transition: opacity .2s ease-in-out, visibility .2s ease-in-out, -webkit-transform 0.15s ease-in-out;
transition: opacity .2s ease-in-out, visibility .2s ease-in-out, -webkit-transform 0.15s ease-in-out;
transition: opacity .2s ease-in-out, visibility .2s ease-in-out, transform 0.15s ease-in-out;
transition: opacity .2s ease-in-out, visibility .2s ease-in-out, transform 0.15s ease-in-out, -webkit-transform 0.15s ease-in-out;
-webkit-transition-delay: 0.4s;
transition-delay: 0.4s;
visibility: hidden;
-webkit-transform: translateX(-40px);
transform: translateX(-40px);
}
#mobile-shop-panel .shopping_cart_items {
position: relative;
visibility: visible;
opacity: 1;
-webkit-box-shadow: none;
box-shadow: none;
margin: 0;
width: 100%;
border: none;
background-color: transparent;
}
#mobile-shop-panel .shopping_cart_items:before {
content: initial;
}
#mobile-shop-panel .shopping_cart_items .cart_item {
background-color: transparent;
padding: 1.25rem 0;
}
#mobile-shop-panel .shopping_cart_items .cart_item_title {
font-size: 18px;
font-weight: 600;
}
#mobile-shop-panel .shopping_cart_items .cart_item_price_quantity {
font-size: 14px;
font-weight: 600;
opacity: 0.6;
}
#mobile-shop-panel .shopping_cart_items .shopping_cart_total, #mobile-shop-panel .shopping_cart_items .cart_checkout {
padding: 1.25rem 0;
}
body.mobile-shop-panel-open #mobile-shop-panel {
-webkit-transform: translateX(0);
transform: translateX(0);
visibility: visible;
}
body.admin-bar #mobile-shop-panel {
margin-top: 46px;
}
.body-overlay-mobile-shop {
-webkit-backface-visibility: hidden;
z-index: 50;
visibility: hidden;
}
body.mobile-shop-panel-open {
overflow: hidden;
}
body.mobile-shop-panel-open #mobile-shop-panel #mobile-shop-panel-trigger {
opacity: 1;
-webkit-transform: translateX(0);
transform: translateX(0);
visibility: visible;
}
body.mobile-shop-panel-open .body-overlay-mobile-shop {
opacity: 0.85;
z-index: 50;
pointer-events: auto;
visibility: visible;
} #side-panel {
right: -300px;
z-index: 3006;
-webkit-backface-visibility: hidden;
}
.side-panel-trigger {
position: relative;
}
body.side-panel-open #side-panel {
right: 0;
}
body.admin-bar #side-panel {
padding-top: 72px;
}
body.side-panel-open #side-panel .sidebar-widget {
overflow: hidden;
}
#side-panel {
-webkit-transition: right .4s ease;
transition: right .4s ease;
}
body.side-push-panel.stretched #wrapper, body.side-push-panel.stretched #header .container {
-webkit-transition: right .4s ease;
transition: right .4s ease;
}
.body-overlay {
-webkit-backface-visibility: hidden;
}
body.side-panel-open .body-overlay {
opacity: 0.7;
z-index: 50;
pointer-events: auto;
}
body.side-panel-open:not(.device-xxs):not(.device-xs):not(.device-sm) .body-overlay:hover {
cursor: crosshair;
} .testimonials-wrap.modern .testimonial-item:before {
content: "";
width: 109px;
height: 109px;
background: url(//site-surveying.com/wp-content/themes/creativo/assets/images/quotes.png) no-repeat top left;
position: absolute;
display: block;
top: 0;
left: 0;
}
.testimonials-wrap.modern .testimonial-item.has_image {
padding-top: 0;
}
.testimonials-wrap.modern .testimonial-item.has_image:before {
top: 45px;
}
.testimonials-wrap.modern .testimonial-item.testimonial-right:before {
left: auto;
right: 0;
-webkit-transform: rotateY(180deg);
transform: rotateY(180deg);
}
.testimonials-wrap.modern .testimonial-item.testimonial-left.has_image:before, .testimonials-wrap.modern .testimonial-item.testimonial-right.has_image:before {
background-size: 50px;
width: 50px;
height: 50px;
top: 80px;
left: 10px;
}
.testimonials-wrap.modern .testimonial-item.testimonial-right.has_image:before {
left: auto;
right: 10px;
} .product_feature .pf-image-left_above {
margin-left: 0;
}
.product_feature .pf-image-right_above {
margin-right: 0;
} .cr-countdown.inline .countdown-ul {
margin-bottom: 30px;
}
.cr-countdown.inline .countdown-ul li {
margin: 0;
padding: 0;
border: none;
}
.cr-countdown.inline .countdown-ul li > div {
margin-right: 20px;
padding-right: 30px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
position: relative;
}
.cr-countdown.inline .countdown-ul li > div:after {
content: "/";
position: absolute;
right: 0;
line-height: 1;
font-weight: 300;
}
.cr-countdown.inline .countdown-ul li:last-child > div {
margin-right: 0;
padding-right: 0;
}
.cr-countdown.inline .countdown-ul li:last-child > div:after {
content: initial;
}
.cr-countdown.inline .countdown-ul li .time_st {
margin-bottom: 0;
margin-right: 5px;
} .get_social li .facebook, #navigation .has-mega-menu .get_social li .facebook {
color: #677fb5;
}
.get_social li .facebook:hover, #navigation .has-mega-menu .get_social li .facebook:hover {
background-color: #677fb5;
color: #fff;
}
.get_social li .twitter, #navigation .has-mega-menu .get_social li .twitter {
color: #70c2e9;
}
.get_social li .twitter:hover, #navigation .has-mega-menu .get_social li .twitter:hover {
background-color: #70c2e9;
color: #fff;
}
.get_social li .gplus, #navigation .has-mega-menu .get_social li .gplus {
color: #dc4a38;
}
.get_social li .gplus:hover, #navigation .has-mega-menu .get_social li .gplus:hover {
background-color: #dc4a38;
color: #fff;
}
.get_social li .linkedin, #navigation .has-mega-menu .get_social li .linkedin {
color: #3daccf;
}
.get_social li .linkedin:hover, #navigation .has-mega-menu .get_social li .linkedin:hover {
background-color: #3daccf;
color: #fff;
}
.get_social li .tumblr, #navigation .has-mega-menu .get_social li .tumblr {
color: #3d5a70;
}
.get_social li .tumblr:hover, #navigation .has-mega-menu .get_social li .tumblr:hover {
background-color: #3d5a70;
color: #fff;
}
.get_social li .flickr, #navigation .has-mega-menu .get_social li .flickr {
color: #ff3ba4;
}
.get_social li .flickr:hover, #navigation .has-mega-menu .get_social li .flickr:hover {
background-color: #ff3ba4;
color: #fff;
}
.get_social li .youtube, #navigation .has-mega-menu .get_social li .youtube {
color: #282928;
}
.get_social li .youtube:hover, #navigation .has-mega-menu .get_social li .youtube:hover {
background-color: #282928;
color: #fff;
}
.get_social li .dribbble, #navigation .has-mega-menu .get_social li .dribbble {
color: #f26798;
}
.get_social li .dribbble:hover, #navigation .has-mega-menu .get_social li .dribbble:hover {
background-color: #f26798;
color: #fff;
}
.get_social li .behance, #navigation .has-mega-menu .get_social li .behance {
color: #3496ff;
}
.get_social li .behance:hover, #navigation .has-mega-menu .get_social li .behance:hover {
background-color: #3496ff;
color: #fff;
}
.get_social li .skype, #navigation .has-mega-menu .get_social li .skype {
color: #00aff0;
}
.get_social li .skype:hover, #navigation .has-mega-menu .get_social li .skype:hover {
background-color: #00aff0;
color: #fff;
} .get_social li .behance, #navigation .has-mega-menu .get_social li .behance {
color: #3496ff;
}
.get_social li .behance:hover, #navigation .has-mega-menu .get_social li .behance:hover {
background-color: #3496ff;
color: #fff;
}
.get_social li .digg, #navigation .has-mega-menu .get_social li .digg {
color: #000;
}
.get_social li .digg:hover, #navigation .has-mega-menu .get_social li .digg:hover {
background-color: #000;
color: #fff;
}
.get_social li .reddit, #navigation .has-mega-menu .get_social li .reddit {
color: #2494ed;
}
.get_social li .reddit:hover, #navigation .has-mega-menu .get_social li .reddit:hover {
background-color: #2494ed;
color: #fff;
}
.get_social li .deviant, #navigation .has-mega-menu .get_social li .deviant {
color: #04cc47;
}
.get_social li .deviant:hover, #navigation .has-mega-menu .get_social li .deviant:hover {
background-color: #04cc47;
color: #fff;
}
.get_social li .vimeo, #navigation .has-mega-menu .get_social li .vimeo {
color: #5bc8ff;
}
.get_social li .vimeo:hover, #navigation .has-mega-menu .get_social li .vimeo:hover {
background-color: #5bc8ff;
color: #fff;
}
.get_social li .soundcloud, #navigation .has-mega-menu .get_social li .soundcloud {
color: #ff5419;
}
.get_social li .soundcloud:hover, #navigation .has-mega-menu .get_social li .soundcloud:hover {
background-color: #ff5419;
color: #fff;
}
.get_social li .pinterest, #navigation .has-mega-menu .get_social li .pinterest {
color: #ec2327;
}
.get_social li .pinterest:hover, #navigation .has-mega-menu .get_social li .pinterest:hover {
background-color: #ec2327;
color: #fff;
}
.get_social li .whatsapp, #navigation .has-mega-menu .get_social li .whatsapp {
color: #475a64;
}
.get_social li .whatsapp:hover, #navigation .has-mega-menu .get_social li .whatsapp:hover {
background-color: #4cd360;
color: #fff;
}
.get_social li .instagram, #navigation .has-mega-menu .get_social li .instagram {
color: #517fa4;
}
.get_social li .instagram:hover, #navigation .has-mega-menu .get_social li .instagram:hover {
background-color: #517fa4;
color: #fff;
}
.get_social li .stumbleupon, #navigation .has-mega-menu .get_social li .stumbleupon {
color: #88d054;
}
.get_social li .stumbleupon:hover, #navigation .has-mega-menu .get_social li .stumbleupon:hover {
background-color: #88d054;
color: #fff;
}
.get_social li .xing, #navigation .has-mega-menu .get_social li .xing {
color: #00605e;
}
.get_social li .xing:hover, #navigation .has-mega-menu .get_social li .xing:hover {
background-color: #00605e;
color: #fff;
} .grid-layout figure.cols-5, .masonry_images.has_spacing figure.cols-5 {
width: calc(19.95% - 1rem);
}
.grid-layout figure.cols-4, .masonry_images.has_spacing figure.cols-4 {
width: calc(24.9% - 1rem);
}
.grid-layout figure.cols-3, .masonry_images.has_spacing figure.cols-3 {
width: calc(33% - 1rem);
}
.grid-layout figure.cols-2, .masonry_images.has_spacing figure.cols-2 {
width: calc(49.9% - 1rem);
}
.grid-layout.fullscreen figure, .grid-layout.no-spacing figure {
margin: 0;
}
.grid-layout.fullscreen figure.cols-5, .grid-layout.no-spacing figure.cols-5 {
width: calc(19.95%);
}
.grid-layout.fullscreen figure.cols-4, .grid-layout.no-spacing figure.cols-4 {
width: calc(24.9%);
}
.grid-layout.fullscreen figure.cols-3, .grid-layout.no-spacing figure.cols-3 {
width: calc(33%);
}
.grid-layout.fullscreen figure.cols-2, .grid-layout.no-spacing figure.cols-2 {
width: calc(49.9%);
}
.masonry_images figure.cols-5 {
width: 19.95%;
}
.masonry_images figure.cols-4 {
width: 24.9%;
}
.masonry_images figure.cols-3 {
width: 33.3%;
}
.masonry_images figure.cols-2 {
width: 49.9%;
}
.masonry_images figure.cr-portfolio-margin.cols-5 {
width: calc(19.95% - 1rem);
}
.masonry_images figure.cr-portfolio-margin.cols-4 {
width: calc(24.9% - 1rem);
}
.masonry_images figure.cr-portfolio-margin.cols-3 {
width: calc(33.3% - 1rem);
}
.masonry_images figure.cr-portfolio-margin.cols-2 {
width: calc(49.9% - 1rem);
} .grid-layout figure:hover .effect-overlay .zoomin, .grid-layout figure:hover .effect-overlay .launch {
margin-top: 0;
opacity: 1;
}
.grid-layout figure:focus .effect-overlay .zoomin, .grid-layout figure:focus .effect-overlay .launch {
margin-top: 0;
opacity: 1;
}
.grid-layout.icons_extra_margin figure:hover .effect-overlay .zoomin, .grid-layout.icons_extra_margin figure:hover .effect-overlay .launch {
margin-top: -40px;
}
.grid-layout.icons_extra_margin figure:focus .effect-overlay .zoomin, .grid-layout.icons_extra_margin figure:focus .effect-overlay .launch {
margin-top: -40px;
}
.grid-layout.hover figure figcaption {
position: absolute;
top: auto;
bottom: 0;
-webkit-transform: translateY(100%);
transform: translateY(100%);
-webkit-transition: -webkit-transform .3s ease-in-out;
transition: -webkit-transform .3s ease-in-out;
transition: transform .3s ease-in-out;
transition: transform .3s ease-in-out, -webkit-transform .3s ease-in-out;
-webkit-transition: transform .3s ease-in-out;
padding-top: 1rem;
padding-bottom: 1rem;
}
.grid-layout.hover figure:hover figcaption {
-webkit-transform: translateY(0);
transform: translateY(0);
}
.grid-layout.hide_icons .zoomin, .grid-layout.hide_icons .launch {
display: none;
}
.hide_icons.grid-layout figure:hover .effect-overlay .launch, .hide_icons.grid-layout figure:focus .effect-overlay .launch {
top: 0;
}
.hide_icons figure.effect-zoe .effect-overlay .launch a {
display: block;
width: 100%;
height: 100%;
}
.hide_icons figure.effect-zoe .effect-overlay .launch a i {
font-family: 'Font Awesome 5 Free';
font-weight: 900;
}
.grid-layout figure.effect-zoe img {
opacity: 1;
-webkit-transition: -webkit-transform 0.35s;
transition: -webkit-transform 0.35s;
transition: transform 0.35s;
transition: transform 0.35s, -webkit-transform 0.35s;
}
figure.effect-zoe a {
color: #ffffff;
display: block;
}
figure.effect-zoe .tags {
color: #b5b8bf;
font-size: 12px;
}
figure.effect-zoe .tags a {
color: #b5b8bf;
font-size: 12px;
}
figure.effect-zoe .tags i {
font-size: 11px;
color: #d7d8db;
margin-right: 2px;
}
figure.effect-zoe:hover .effect-overlay, figure.effect-zoe:focus .effect-overlay {
opacity: 1;
}
figure.effect-zoe:hover img, figure.effect-zoe:focus img {
-webkit-transform: scale(1.15);
transform: scale(1.15);
}
figure.effect-zoe:hover figcaption, figure.effect-zoe:focus figcaption {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
} .portfolio-modern .cr-stack-images-item a {
display: block;
}
.portfolio-modern .cr-stack-images-item img {
margin: 0 auto;
} .portfolio-modern-image {
max-width: 550px;
}
.portfolio-modern-categs a {
color: #2b7ce6;
}
.portfolio-modern-description .portfolio-modern-content {
color: #757575;
}
.portfolio-modern-description .project-info-details {
color: #939399;
}
.cr-shadow-sm .portfolio-item-modern {
-webkit-box-shadow: 0 0 10px rgba(0, 0, 0, 0.08);
box-shadow: 0 0 10px rgba(0, 0, 0, 0.08);
}
.cr-shadow-md .portfolio-item-modern {
-webkit-box-shadow: 0 0 15px rgba(0, 0, 0, 0.1);
box-shadow: 0 0 15px rgba(0, 0, 0, 0.1);
}
.cr-shadow-lg .portfolio-item-modern {
-webkit-box-shadow: 0 0 25px rgba(0, 0, 0, 0.13);
box-shadow: 0 0 25px rgba(0, 0, 0, 0.13);
}
.cr-shadow-xl .portfolio-item-modern {
-webkit-box-shadow: 0 0 35px rgba(0, 0, 0, 0.17);
box-shadow: 0 0 35px rgba(0, 0, 0, 0.17);
} @media screen and (min-width: 1170px) {
.flat_images figure.modern_portfolio_layout.cols-2 {
width: 47%;
}
}
.flat_modern_portfolio_below .modern_overlay_effect {
position: relative;
opacity: 1;
}
.flat_modern_portfolio_below figure.modern_portfolio_layout .make_this_full {
display: none;
}
.flat_modern_portfolio_below .portfolio_content_wrap {
top: auto;
transform: none;
-webkit-transform: none;
}
.flat_modern_portfolio_below figure.modern_portfolio_layout h3 {
padding-bottom: 0;
margin-bottom: 0;
opacity: 1;
top: auto;
}
.flat_modern_portfolio_below figure.modern_portfolio_layout span.portfolio_categ_list {
position: relative;
bottom: auto;
left: auto;
margin-top: 0;
padding-top: 0;
opacity: 1;
} .grid-masonry.masonry-cols-4 .posts-grid-item {
width: calc(25% - 1.25rem);
}
.grid-masonry.masonry-cols-3 .posts-grid-item {
width: calc(33% - 0.85rem);
}
.grid-masonry.masonry-cols-2 .posts-grid-item {
width: calc(50% - 1.25rem);
}
.grid-masonry.masonry-cols-5 .posts-grid-item {
width: calc(20% - 1.25rem);
}
.grid-masonry .gutter-sizer {
width: 1.5rem;
}
.cr-recent-posts-container .cr-grid-masonry.masonry-cols-4 .posts-grid-item {
width: 24.9%;
}
.cr-recent-posts-container .cr-grid-masonry.masonry-cols-3 .posts-grid-item {
width: 33%;
}
.cr-recent-posts-container .cr-grid-masonry.masonry-cols-2 .posts-grid-item {
width: 49.9%;
}
.cr-recent-posts-container .cr-grid-masonry.masonry-cols-5 .posts-grid-item {
width: 19.9%;
}
.cr-recent-posts-container .cr-grid-masonry .posts-grid-item {
padding: 0 0.75rem 1.5rem 0.75rem;
}
@media (max-width: 960px) {
.cr-recent-posts-container .cr-grid-masonry.masonry-cols-5 .posts-grid-item, .cr-recent-posts-container .cr-grid-masonry.masonry-cols-4 .posts-grid-item, .cr-recent-posts-container .cr-grid-masonry.masonry-cols-3 .posts-grid-item {
width: 49.9%;
}
}
@media (max-width: 640px) {
.cr-recent-posts-container .cr-grid-masonry.masonry-cols-5 .posts-grid-item, .cr-recent-posts-container .cr-grid-masonry.masonry-cols-4 .posts-grid-item, .cr-recent-posts-container .cr-grid-masonry.masonry-cols-3 .posts-grid-item {
width: 100%;
padding-bottom: 0;
}
}
.post_grid_category span:last-of-type {
display: none;
} .pricing-features ul li {
margin-bottom: 0.8rem;
}
.pricing-features ul li:last-child {
margin-bottom: 0;
} .post-content blockquote, .wpb_wrapper blockquote {
border-left-width: 4px;
padding: 2rem;
background-color: #f7fafc;
font-weight: 500;
color: #1a202c;
margin-left: 2rem;
margin-right: 2rem;
}
.post-content blockquote cite, .wpb_wrapper blockquote cite {
font-size: 0.9rem;
margin-top: 1rem;
display: block;
color: #999999;
font-weight: 400;
}
.post-content blockquote h1, .post-content blockquote h2, .post-content blockquote h3, .post-content blockquote h4, .post-content blockquote h5, .post-content blockquote h6, .wpb_wrapper blockquote h1, .wpb_wrapper blockquote h2, .wpb_wrapper blockquote h3, .wpb_wrapper blockquote h4, .wpb_wrapper blockquote h5, .wpb_wrapper blockquote h6 {
margin-bottom: 0.75rem;
} .footer_ii_content .footer_ii_el a {
display: block;
}
.footer_ii_content .footer_ii_el img {
max-width: 100%;
height: auto;
margin: 0 auto;
} .cr-instagram-widget ul li img {
-o-object-fit: cover;
object-fit: cover;
display: none;
}
.cr-instagram-widget.insta-img-show ul li img {
display: block;
}
.instagram_footer_wrap .cr-instagram-widget ul {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
}
.instagram_footer_wrap .cr-instagram-widget ul li {
-webkit-box-flex: 1;
-ms-flex: 1;
flex: 1;
}
.instagram_footer_wrap .cr-instagram-widget ul li img {
-o-object-fit: cover;
object-fit: cover;
display: block;
}
@media (max-width: 960px) {
.instagram_footer_wrap ul, .cr-wp-instagram-wrap ul {
display: grid;
grid-template-columns: repeat(4, minmax(0, 1fr));
}
} .wrapper-out .container.max-w-full {
max-width: 100% !important;
}
@media (max-width: 1024px) {
.wrapper-out .container {
max-width: 100%;
}
}
@media (max-width: 960px) {
.grid-layout figure.cols-5, .grid-layout figure.cols-4, .masonry_images.has_spacing figure.cols-5, .masonry_images.has_spacing figure.cols-4, .masonry_images figure.cols-5, .masonry_images figure.cols-4 {
width: calc(33% - 1rem);
margin: 0.5rem;
}
.grid-layout.fullscreen figure.cols-5, .grid-layout.fullscreen figure.cols-4 {
width: calc(33%);
margin: 0;
}
}
@media (max-width: 640px) {
.grid-layout figure.cols-5, .grid-layout figure.cols-4, .grid-layout figure.cols-3, .grid-layout figure.cols-2, .portfolio-wrapper.has_spacing figure.cols-5, .portfolio-wrapper.has_spacing figure.cols-4, .portfolio-wrapper.has_spacing figure.cols-3, .portfolio-wrapper.has_spacing figure.cols-2, .grid-layout.fullscreen figure.cols-5, .grid-layout.fullscreen figure.cols-4, .grid-layout.fullscreen figure.cols-3, .grid-layout.fullscreen figure.cols-2, .grid-layout.no-spacing figure.cols-5, .grid-layout.no-spacing figure.cols-4, .grid-layout.no-spacing figure.cols-3, .grid-layout.no-spacing figure.cols-2, .masonry_images.has_spacing figure.cols-5, .masonry_images.has_spacing figure.cols-4, .masonry_images.has_spacing figure.cols-3, .masonry_images.has_spacing figure.cols-2, .masonry_images figure.cols-5, .masonry_images figure.cols-4, .masonry_images figure.cols-3, .masonry_images figure.cols-2 {
width: 100%;
margin: 0 0 2rem 0 !important;
}
}  #branding .logo {
-webkit-transition: all .3s ease-in-out;
transition: all .3s ease-in-out;
}
#branding .logo a img {
transition: height .3s ease-in-out;
-webkit-transition: height .3s ease-in-out;
}
#branding .logo a img.hide_logo {
display: none;
}
#branding .logo a img.show_logo {
display: block;
-webkit-transition: height .3s ease-in-out;
transition: height .3s ease-in-out;
}
#branding .logo a img.show_logo.normal_logo {
display: block;
}
.side_logo a img {
max-width: 100%;
}
.side_logo a img.normal_logo {
display: block;
}
#branding .logo a img.show_logo.retina_logo, .side_logo a img.retina_logo {
display: none;
}
#branding .logo a img.mobile_logo, .side-header .mobile_logo {
display: none;
}
@media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (min-device-pixel-ratio: 2), only screen and (min-resolution: 192dpi), only screen and (min-resolution: 2dppx) {
#branding .logo a img.normal_logo.show_logo, .side_logo a img.normal_logo {
display: none;
}
#branding .logo a img.retina_logo.show_logo, .side_logo a img.retina_logo {
display: block;
}
}
@media only screen and (max-device-width: 1023px) and (-webkit-min-device-pixel-ratio: 2) {
#branding .logo a img.retina_logo.original_logo {
display: block;
}
#branding .logo a img.original_logo.normal_logo,
#branding .logo a img.retina_logo.custom_logo {
display: none !important;
}
}
@media only screen and (max-width: 1023px) and (-webkit-min-device-pixel-ratio: 1) {
#branding .logo a img.original_logo.normal_logo {
display: block;
}
#branding .logo a img.custom_logo.normal_logo,
#branding .logo a img.show_logo.custom_logo {
display: none;
}
}
@media screen and (max-width: 1024px) {
.mobile_view {
display: inherit;
visibility: visible;
}
.desktop_view {
display: none;
visibility: hidden;
}
#branding .logo a img.original_logo.desktop_logo, .side_logo a img.desktop_logo {
display: none;
}
#branding .logo a img.mobile_logo, .side_logo a img.mobile_logo {
display: inherit;
}
#branding .logo a img.custom_logo.normal_logo {
display: none;
}
#branding .logo.mobile_logo_render a img.original_logo, #branding .logo.mobile_logo_render a img.custom_logo {
display: none !important;
}
} @media only screen and (max-width: 1024px) {
.grid-masonry.masonry-cols-5 .posts-grid-item,
.grid-masonry.masonry-cols-4 .posts-grid-item,
.grid-masonry.masonry-cols-3 .posts-grid-item,
.grid-masonry.masonry-cols-2 .posts-grid-item {
width: calc(50% - 1rem);
}
}
@media only screen and (max-width: 667px) {
.grid-masonry.masonry-cols-5 .posts-grid-item,
.grid-masonry.masonry-cols-4 .posts-grid-item,
.grid-masonry.masonry-cols-3 .posts-grid-item,
.grid-masonry.masonry-cols-2 .posts-grid-item {
width: 100%;
margin-bottom: 1.5rem;
}
.grid-masonry .gutter-sizer {
width: 0;
}
}
.error404 .post_container_full {
text-align: center;
width: 100%;
padding: 0 20px;
-webkit-box-sizing: border-box;
box-sizing: border-box;
}
.error404 .post_container_full .post-content {
margin-bottom: 30px;
}
.error404 .post_container_full .new_search_form {
max-width: 600px;
margin: 20px auto 50px;
}
h2.page404 {
letter-spacing: -1px;
font-weight: 600;
border-bottom: 1px solid #f2f2f2;
padding: 0 0 20px 0;
margin-bottom: 20px;
color: #333333;
line-height: normal;
font-size: 40px;
}
h2.page404 span {
display: block;
font-size: 5em;
line-height: 1;
font-weight: 500;
}
.wp-caption {
max-width: 100%;
font-style: italic;
padding: 5px;
border: 1px solid #eee;
}
.wp-caption img {
width: 100%;
}
.wp-caption p {
margin-bottom: 0 !important;
padding-top: 5px;
text-align: center;
}
a {
text-decoration: none;
color: #58A623;
-webkit-transition: background-color .2s linear, color .2s linear;
transition: background-color .2s linear, color .2s linear;
}
a:hover {
color: #000;
}
body {
font-family: Arial, sans-serif;
font-size: 13px;
line-height: 1;
font-weight: 400;
color: #666;
overflow-x: hidden;
overflow-y: scroll;
-webkit-font-smoothing: antialiased;
-webkit-text-size-adjust: 100%;
}   .portfolio-related .recent_posts_container article.col.extra-width-full-port:nth-child(5n+1) {
clear: both;
} .top_nav_out {
background-color: #fff;
border-bottom: 1px solid #444;
z-index: 3001;
position: relative;
}
.top_nav {
max-width: 960px;
margin: 0 auto;
padding: 0 10px;
clear: both;
min-height: 40px;
}
.tap_to_call {
display: none;
}
.top_social a {
transition: all linear .2s;
-webkit-transition: all linear .2s;
-ms-transition: all linear .2s;
-moz-transition: all linear .2s;
-o-transition: all linear .2s;
background-position: center center;
color: #eeeeee;
}
.header_menu_social .top_social a {
float: none;
display: inline-block;
}
.top_social a i {
width: 40px;
height: 40px;
line-height: 40px;
display: block;
text-align: center;
font-size: 14px;
}
.size-small .top_social a i {
width: 30px;
height: 30px;
line-height: 30px;
font-size: 12px;
}
.size-large .top_social a i {
width: 50px;
height: 50px;
line-height: 50px;
font-size: 18px;
}
.size-xlarge .top_social a i {
width: 55px;
height: 55px;
line-height: 55px;
font-size: 22px;
}
.footer .top_social a {
opacity: 1;
filter: alpha(opacity=100);
}
.top_social a:hover, .footer .top_social a:hover {
opacity: 1;
filter: alpha(opacity=100);
color: #fff;
}
.social-icons-wrap .top_social a.twitter:hover {
background-color: #63cdf1;
}
.social-icons-wrap .top_social a.instagram:hover {
background-color: #306a92;
}
.social-icons-wrap .top_social a.facebook:hover {
background-color: #507cbe;
}
.social-icons-wrap .top_social a.google:hover {
background-color: #4d4f54;
}
.social-icons-wrap .top_social a.linkedin:hover {
background-color: #90cadd;
}
.social-icons-wrap .top_social a.pinterest:hover {
background-color: #f16261;
}
.social-icons-wrap .top_social a.flickr:hover {
background-color: #dc97c0;
}
.social-icons-wrap .top_social a.tumblr:hover {
background-color: #4d7ea3;
}
.social-icons-wrap .top_social a.youtube:hover {
background-color: #f16261;
}
.social-icons-wrap .top_social a.behance:hover {
background-color: #1aace3;
}
.social-icons-wrap .top_social a.whatsapp:hover {
background-color: #4cd360;
}
.social-icons-wrap .top_social a.dribbble:hover {
background-color: #d97aa6;
}
.social-icons-wrap .top_social a.github:hover {
background-color: #f1502f;
}
.social-icons-wrap .top_social a.vimeo:hover {
background-color: #1ab7ea;
}
.social-icons-wrap .top_social a.stumbleupon:hover {
background-color: #4ab253;
}
.social-icons-wrap .top_social a.xing:hover {
background-color: #00605e;
}
.social-icons-wrap .top_social a.soundcloud:hover {
background-color: #fe8502;
}
.social-icons-wrap .top_social a.yelp:hover {
background-color: #b4282e;
}
.social-icons-wrap .top_social a.wechat:hover {
background-color: #00d40d;
}
.social-icons-wrap .top_social a.rss:hover {
background-color: #f08421;
}
.social-icons-wrap .vertical-icons {
visibility: hidden;
opacity: 0;
}
.social-icons-wrap .vertical-icons a {
display: block;
}
.social-icons-wrap:hover .vertical-icons {
visibility: visible;
opacity: 1;
} .footer_navigation {
float: right;
margin: 5px 0;
}
#footer-menu {
line-height: inherit;
}
#footer-menu li {
display: inline-block;
padding-right: 15px;
}
#footer-menu li:last-child {
padding-right: 0;
}
#footer-menu li ul, #footer-menu li .sf-sub-indicator {
display: none;
}
#footer-menu li a {
padding-left: 0;
padding-right: 0;
}
.modern_social_icons .top_social {
text-align: right;
}
.modern_social_icons .top_social a {
width: 35px;
height: 35px;
}
.modern_social_icons .top_social a i {
width: 35px;
height: 35px;
line-height: 35px;
}
.modern_cta_head_text, .modern_cta_phone_number {
display: block;
}
.rounded .top_social a {
border-radius: 5px;
-webkit-border-radius: 5px;
}
.circle .top_social a {
border-radius: 50%;
-webkit-border-radius: 50%;
}
.pi-header-row-fixed .sticky_h, .pi-header-row-fixed .sticky_h_menu {
position: fixed;
top: 0;
left: 0;
right: 0;
z-index: 1002;
}
.admin-bar.pi-header-row-fixed .sticky_h, .admin-bar.pi-header-row-fixed .sticky_h_menu {
top: 32px;
}
body.hs-open #navigation form {
opacity: 1;
z-index: 100;
visibility: visible;
}
body:not(.hs-open) #navigation ul li.menu-item {
opacity: 1;
-webkit-transition: opacity .3s ease-in-out;
transition: opacity .3s ease-in-out;
}
body.hs-open #navigation ul li.menu-item {
opacity: 0;
}
body.hs-open #header_search_wrap a i.fa-times, body.hs-open #header_search_wrap a i.icon-cancel {
opacity: 1;
}
body.hs-open #header_search_wrap a i.fa-search, body.hs-open #header_search_wrap a i.icon-magnifier {
opacity: 0;
} .pt_mask {
height: 100%;
}  .header_transparent {
opacity: 0;
}
.header_transparent.is_visible {
opacity: 1;
}
.second_navi_inner #navigation ul li a {
display: block;
line-height: 50px;
}
.second_navi_inner #navigation ul li a.shopping-cart {
background-color: transparent;
}
.second_navi_inner .additional_icons > ul, .second_navi_inner .side-panel-trigger a i, .second_navi_inner #header_search_wrap a i, .second_navi_inner .additional_icons .shopping_cart_icon a i {
line-height: 50px;
height: 50px;
}
#navigation ul li:first-child a:after {
display: none;
}
.shopping_cart_items.show-products {
opacity: 1;
visibility: visible;
z-index: 99;
top: 15px;
}
#responsive_menu {
border-bottom: 1px solid rgba(128, 128, 128, 0.2);
position: relative;
width: 100%;
margin: 0;
padding: 0;
z-index: 20;
background-color: #fff;
}
#responsive_menu li {
display: block;
margin: 0;
}
#responsive_menu li a:not(.button) {
border-top: 1px solid rgba(128, 128, 128, 0.2);
display: block;
padding: 15px 20px;
text-align: left;
text-decoration: none;
font-size: 13px;
position: relative;
text-transform: uppercase;
font-weight: 700;
}
#responsive_menu li:first-child a:not(.button) {
border-top: none;
}
#responsive_menu li.custom-login-box ul {
position: relative;
opacity: 1;
visibility: visible;
width: 100%;
border: none;
-webkit-transition: none;
transition: none;
}
#responsive_menu li.custom-login-box ul li {
display: block !important;
}
#responsive_menu li.custom-login-box ul li a:not(.button) {
border: none;
}
#responsive_menu li.custom-login-box .woo_login_form {
-webkit-transform: none;
transform: none;
left: auto !important;
right: auto !important;
position: relative;
-webkit-box-shadow: none;
box-shadow: none;
width: 100%;
padding: 0;
opacity: 1;
visibility: visible;
-webkit-transition: none;
transition: none;
display: none;
}
#responsive_menu ul.sub-menu {
display: none;
}
#responsive_menu ul a:not(.button) {
font-weight: normal;
text-transform: none;
padding-left: 40px;
}
#responsive_menu ul ul a {
padding-left: 70px;
}
#responsive_menu ul ul ul a {
padding-left: 90px;
}
#responsive_menu ul ul ul ul a {
padding-left: 110px;
}
#responsive_menu .sf-sub-indicator {
position: absolute;
right: 10px;
font-size: 20px;
line-height: 53px;
top: 0;
margin-left: 0;
padding-left: 0;
width: 53px;
text-align: center;
}
.mobile_search_holder {
background: #ffffff;
padding: 15px;
-webkit-box-sizing: border-box;
box-sizing: border-box;
border-bottom: 1px solid rgba(128, 128, 128, 0.2);
} #navigation {
position: initial;
}
#navigation [class^="icon-"]:before, #navigation [class*=" icon-"]:before {
margin-right: 0;
}
#navigation ul ul .sf-sub-indicator {
position: absolute;
right: 5px;
}
#navigation ul.sub-menu ul {
margin-left: 0;
}
#navigation ul.sub-menu li {
margin-left: 0;
border-bottom: 1px solid #dcdadb;
text-align: left;
}
#navigation ul.sub-menu li a:after {
display: none;
}
#navigation ul.sub-menu li > a {
line-height: 35px;
width: auto;
min-width: 165px;
position: static;
color: #999999;
margin: 0;
-webkit-transition: 0.2s all linear;
transition: 0.2s all linear;
font-size: 12px;
}
#navigation ul.sub-menu li:last-child {
border: none;
}
#navigation ul li ul li ul li {
display: block;
display: block;
}
#navigation ul li {
position: relative;
}
#navigation ul ul {
visibility: hidden;
position: absolute;
min-width: 160px;
z-index: 30;
opacity: 0;
width: auto;
padding: 0px;
-webkit-transition: all .2s ease-in;
transition: all .2s ease-in;
border-top: 3px solid #5bc98c;
}
#navigation ul li li a {
display: block;
text-decoration: none;
position: relative;
border-right: none;
}
#navigation ul ul ul {
top: 0;
left: 100%;
}
#navigation ul li:hover > ul {
visibility: visible;
opacity: 1;
} .no-title .megamenu-title {
display: none;
}
#navigation li.has-mega-menu > ul.sub-menu {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
position: absolute;
top: 100%;
left: 0;
padding: 0;
width: 100%;
border-top: 3px solid #5bc98c;
}
#navigation li.has-mega-menu > ul.sub-menu::after {
content: '';
opacity: 0.9;
top: 0px;
left: 0px;
bottom: 0px;
right: 0px;
z-index: -1;
position: absolute;
}
#navigation li.menu-item.has-mega-menu {
position: static;
}
#navigation .has-mega-menu > ul.sub-menu {
width: 100%;
position: absolute;
left: 0;
padding: 0;
}
#navigation .has-mega-menu > ul.sub-menu > ul.sub-menu {
position: relative;
display: block;
top: auto;
left: auto;
}
#navigation .has-mega-menu > ul.sub-menu > li.menu-item {
display: block;
left: 0;
position: relative;
width: 25%;
border: 0;
background-color: transparent;
-webkit-box-shadow: none;
box-shadow: none;
padding: 20px;
white-space: inherit;
border-right: 1px solid #f1f1f1;
}
#navigation .has-mega-menu ul.sub-menu li > a {
padding-left: 10px;
width: auto;
padding-right: 0;
white-space: inherit;
}
#navigation .has-mega-menu .megamenu-title {
text-align: left;
padding: 10px;
line-height: 1.5;
}
#navigation .has-mega-menu .megamenu-title a {
line-height: 1.5;
padding: 0;
}
#navigation .has-mega-menu .megamenu-title span {
-webkit-transform: rotate(90deg);
transform: rotate(90deg);
}
.has-mega-menu { }
.has-mega-menu > ul.sub-menu > li.menu-item {
-webkit-box-sizing: border-box;
box-sizing: border-box;
padding: 0 20px;
}
#navigation .has-mega-menu ul li, #navigation .has-mega-menu ul ul, #navigation .has-mega-menu ul li ul li {
background-color: transparent;
border-bottom: none;
white-space: inherit;
}
#navigation ul li.no-mega-menu ul li a .fa {
margin-right: 10px;
}
#navigation .has-mega-menu > ul.sub-menu > li {
float: left;
border-bottom: none;
}
#navigation .has-mega-menu > ul.sub-menu > li.menu-item:first-child {
border-left: none;
}
#navigation .has-mega-menu ul li ul {
position: relative;
visibility: hidden;
min-width: inherit;
opacity: 0;
border: none;
left: auto;
padding: 0;
box-shadow: none;
-webkit-box-shadow: none;
}
#navigation .has-mega-menu:hover ul li ul {
visibility: visible;
opacity: 1;
transition: none;
-webkit-transition: none;
}
#navigation .has-mega-menu > ul.sub-menu > li.mega_col_1 {
width: 100%;
border: none;
}
#navigation .has-mega-menu > ul.sub-menu > li.mega_col_2 {
width: 50%;
}
#navigation .has-mega-menu > ul.sub-menu > li.mega_col_3 {
width: 33.33%;
}
#navigation .has-mega-menu > ul.sub-menu > li.mega_col_4 {
width: 25%;
}
#navigation .has-mega-menu > ul.sub-menu > li.mega_col_5 {
width: 20%;
}
#navigation .has-mega-menu > ul.sub-menu > li.mega_col_6 {
width: 16.66%;
}
#navigation .has-mega-menu > ul.sub-menu > li.mega_col_2:nth-child(2n), #navigation .has-mega-menu > ul.sub-menu > li.mega_col_3:nth-child(3n), #navigation .has-mega-menu > ul.sub-menu > li.mega_col_4:nth-child(4n), #navigation .has-mega-menu > ul.sub-menu > li.mega_col_5:nth-child(5n), #navigation .has-mega-menu > ul.sub-menu > li.mega_col_6:nth-child(6n) {
border: none;
}
.has-mega-menu > ul.sub-menu > li > ul.sub-menu {
display: block;
}
.has-mega-menu > ul.sub-menu > li > ul.sub-menu li.menu-item a.menu-item-link {
display: block;
position: relative;
text-align: left;
float: none;
margin: 0;
padding: 10px 10px;
line-height: 18px;
}
.megamenu-widgets-container {
text-align: left;
padding: 10px;
line-height: 22px;
padding-left: 0;
}
.megamenu-widgets-container .sidebar-widget {
overflow: hidden;
}
.megamenu-widgets-container .sidebar-widget:last-child {
margin-bottom: 0;
}
.megamenu-widgets-container ul {
list-style: none;
margin: 0;
}
.megamenu-widgets-container .widget {
margin-bottom: 15px;
overflow: visible;
}       .vc_row {
position: relative;
}
.video-bg {
position: absolute;
overflow: hidden;
width: 100%;
height: 100%;
top: 0;
left: 0;
}
.vc_editor.compose-mode .vc_video-bg {
display: none;
}
.vc_video-bg-container .video-bg, .vc_editor.compose-mode .vc_video-bg-container .vc_video-bg {
display: block;
}
.video-bg video {
position: absolute;
z-index: 0;
top: 0;
left: 0;
min-width: 100%;
min-height: 100%;
}
video {
display: inline-block;
vertical-align: baseline;
}
.video-bg .video-overlay {
position: absolute;
z-index: 0;
width: 100%;
height: 100%;
top: 0;
left: 0;
}
.video-placeholder {
position: absolute;
z-index: 0;
width: 100%;
height: 100%;
top: 0;
left: 0;
background-size: cover;
background-attachment: scroll;
background-position: center center;
} .compose-mode .vc_element-name .vc_btn-content {
height: auto !important;
}     .ch-item {
-webkit-perspective: 300px;
-o-perspective: 300px;
-ms-perspective: 300px;
perspective: 300px;
}
.ch-info {
-webkit-transform-style: preserve-3d;
transform-style: preserve-3d;
}
.ch-info > div {
-webkit-transform-origin: 50% 0%;
transform-origin: 50% 0%;
}
.portfolio-4, .ch-info-front4 {
width: 271px;
height: 198px;
}
.portfolio-3 {
width: 300px;
height: 214px;
}
.portfolio-3 .portfolio_tags {
font-size: 18px;
}
.portfolio-3 h3 {
font-size: 28px;
min-height: 135px;
}
.portfolio-2 {
width: 460px;
height: 295px;
}
.portfolio-2 .portfolio_tags {
font-size: 20px;
}
.portfolio-2 h3 {
font-size: 36px;
min-height: 180px;
}
.portfolio-1 {
width: 540px;
height: 272px;
}
.portfolio-1 .portfolio_tags {
font-size: 20px;
}
.portfolio-1 h3 {
font-size: 36px;
min-height: 180px;
}
.ch-info .ch-info-back4 {
-webkit-transform: translate3d(0, 0, -271px) rotate3d(1, 0, 0, 90deg);
transform: translate3d(0, 0, -271px) rotate3d(1, 0, 0, 90deg);
opacity: 0;
}
.ch-info .ch-info-back3 {
-webkit-transform: translate3d(0, 0, -300px) rotate3d(1, 0, 0, 90deg);
transform: translate3d(0, 0, -300px) rotate3d(1, 0, 0, 90deg);
opacity: 0;
}
.ch-info .ch-info-back2 {
-webkit-transform: translate3d(0, 0, -460px) rotate3d(1, 0, 0, 90deg);
transform: translate3d(0, 0, -460px) rotate3d(1, 0, 0, 90deg);
opacity: 0;
}
.ch-info .ch-info-back1 {
-webkit-transform: translate3d(0, 0, -540px) rotate3d(1, 0, 0, 90deg);
transform: translate3d(0, 0, -540px) rotate3d(1, 0, 0, 90deg);
opacity: 0;
}
.ch-item:hover .ch-info-front4 {
-webkit-transform: translate3d(0, 220px, 0) rotate3d(1, 0, 0, -90deg);
transform: translate3d(0, 220px, 0) rotate3d(1, 0, 0, -90deg);
opacity: 0;
}
.ch-item:hover .ch-info-front3 {
-webkit-transform: translate3d(0, 300px, 0) rotate3d(1, 0, 0, -90deg);
transform: translate3d(0, 300px, 0) rotate3d(1, 0, 0, -90deg);
opacity: 0;
}
.ch-item:hover .ch-info-front2 {
-webkit-transform: translate3d(0, 460px, 0) rotate3d(1, 0, 0, -90deg);
transform: translate3d(0, 460px, 0) rotate3d(1, 0, 0, -90deg);
opacity: 0;
}
.ch-item:hover .ch-info-front1 {
-webkit-transform: translate3d(0, 540px, 0) rotate3d(1, 0, 0, -90deg);
transform: translate3d(0, 540px, 0) rotate3d(1, 0, 0, -90deg);
opacity: 0;
}
#content .ch-item:hover .ch-info-back4, #content .ch-item:hover .ch-info-back3, #content .ch-item:hover .ch-info-back2, #content .ch-item:hover .ch-info-back1 {
-webkit-transform: rotate3d(1, 0, 0, 0deg);
transform: rotate3d(1, 0, 0, 0deg);
opacity: 1;
}
.modern_video_background {
position: absolute;
width: 100%;
height: 100%;
overflow: hidden;
}
.modern_video_background .video-container:after, .modern_video_background .video-poster-mobile:after {
content: "";
position: absolute;
width: 100%;
height: 100%;
z-index: 5;
left: 0;
} .project-feed .info {
width: 100%;
height: 100%;
}
.project-feed .info a {
display: block;
width: 100%;
height: 100%;
}
.project-feed a i {
display: block;
font-size: 16px;
width: 40px;
height: 40px;
line-height: 40px;
margin: 0 auto;
background-color: #444;
border-radius: 50%;
text-align: center;
position: absolute;
top: 50%;
left: 50%;
margin-top: -20px;
margin-left: -20px;
}
.project-feed .title {
text-align: center;
width: 100%;
font-size: 15px;
margin-top: 4px;
}
.project-feed .blogpost {
text-align: center;
width: 100%;
font-size: 15px;
}
.args i {
font-size: 12px;
margin-right: 2px;
color: #bcbcbc;
}
.project-feed .args {
text-align: center;
width: 100%;
font-size: 13px;
}
.project-feed .args a {
color: #666;
padding: 2px 0px;
}
.gallery_zoom {
position: absolute;
top: 0px;
left: 0px;
display: none;
background-color: #b4e56b;
}
.one-fourth .flex-control-nav, .one-third .flex-control-nav, .one-half .flex-control-nav, .image_show .flex-control-nav {
display: none;
}
.one-fifth .gallery_zoom {
width: 180px;
}
.one-fourth .gallery_zoom {
width: 220px;
}
.one-third .gallery_zoom {
width: 300px;
height: 214px;
}
.one-half .gallery_zoom {
width: 460px;
height: 295px;
}
.full .gallery_zoom {
top: 10px;
left: 10px;
width: 540px;
height: 272px;
}
.full-blog .gallery_zoom {
width: 100%;
height: auto;
}
.full .image_show {
float: left;
width: 540px;
height: 272px;
padding-right: 20px;
overflow: hidden;
position: relative;
z-index: 999;
}
.full .description {
position: relative;
top: 80px;
text-align: center;
}
.full .title {
text-align: left;
font-size: 20px;
}
.full .args {
text-align: left;
} .isotope-item {
z-index: 2;
}
.isotope-hidden.isotope-item {
pointer-events: none;
z-index: 1;
} .isotope {
-webkit-transition-duration: 0.8s;
transition-duration: 0.8s;
-webkit-transition-property: height, width;
transition-property: height, width;
}
.isotope .isotope-item {
-webkit-transition-duration: 0.8s;
transition-duration: 0.8s;
-webkit-transition-property: -webkit-transform, opacity;
-webkit-transition-property: opacity, -webkit-transform;
transition-property: opacity, -webkit-transform;
transition-property: transform, opacity;
transition-property: transform, opacity, -webkit-transform;
}
.isotope.no-transition {
-webkit-transition-duration: 0s;
transition-duration: 0s;
}
.isotope.no-transition .isotope-item {
-webkit-transition-duration: 0s;
transition-duration: 0s;
}
.isotope .isotope-item.no-transition {
-webkit-transition-duration: 0s;
transition-duration: 0s;
}    .page-title ul li:after {
content: '/';
padding-left: 0.5rem;
}
.page-title ul li:last-child:after {
content: '';
}   #wrapper .wpb_gallery .wpb_flexslider .flex-direction-nav a {
text-indent: -9999px;
}
#wrapper .wpb_gallery .wpb_flexslider .flex-direction-nav a:before {
content: "\f104";
position: absolute;
opacity: 1;
text-indent: 0;
font-family: 'Font Awesome 5 Free';
font-weight: 900;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
height: 100%;
width: 100%;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
}
#wrapper .wpb_gallery .wpb_flexslider .flex-direction-nav a.flex-next:before {
content: "\f105";
}   .tab-holder .tabs li {
padding-bottom: 0;
margin-bottom: 0;
border-bottom: none;
}
.tab-container {
background: transparent;
border: 1px solid #e5eaea;
}
.tab-holder .tabs-wrapper.style2 .tabs, .tab-holder .tabs-wrapper.style3 .tabs {
margin-left: 20px;
}
.tab-holder .style2 .tabs li a, .tab-holder .style3 .tabs li a, .tab-holder .style4 .tabs li a {
font-weight: 600;
text-transform: uppercase;
font-size: 13px;
}
.style2 .tab-container, .style3 .tab-container, .style4 .tab-container {
border-left: transparent;
border-right: transparent;
}
.tab-holder .style3 .tabs li a, .tab-holder .style4 .tabs li a {
border-color: transparent;
background-color: transparent;
}
.shop_attributes tr {
line-height: 30px;
}
.shop_attributes tr:nth-child(even) {
background-color: #f2f2f2;
}
.posts-related {
padding-top: 5px;
padding-bottom: 20px;
}   .social_links {
padding: 10px 0;
}
.social_links i {
display: block;
width: 30px;
height: 30px;
line-height: 30px;
text-align: center;
font-size: 15px;
}
.social_links a {
color: #ccc;
background-color: #f9f9f9;
display: inline-block;
margin: 2px;
}
.social_links a.fb:hover {
background-color: #507cbe;
color: #fff;
}
.social_links a.tw:hover {
background-color: #63cdf1;
color: #fff;
}
.social_links a.gp:hover {
background-color: #dc4a38;
color: #fff;
}
.social_links a.ln:hover {
background-color: #90cadd;
color: #fff;
}
.social_links a.insta:hover {
background-color: #306a92;
color: #fff;
}
.social_links a.pin:hover {
background-color: #f16261;
color: #fff;
}
.social_links a:hover {
color: #fff;
}
.social_links a.fb {
color: #507cbe;
}
.social_links a.tw {
color: #63cdf1;
}
.social_links a.gp {
color: #dc4a38;
}
.social_links a.ln {
color: #90cadd;
}
.social_links a.insta {
color: #306a92;
}
.social_links a.pin {
color: #f16261;
}
.social_links a.stb {
color: #88d054;
}
.social_links a.flk {
color: #ff3ba4;
}
.social_links a.tbl {
color: #3d5a70;
}
.social_links a.drb {
color: #e04b85;
}
.social_links a.vm {
color: #23b6ea;
}
.social_links a.yt {
color: #e62f27;
}
.social_links a.sk {
color: #00aff0;
}
.social_links a.dg {
color: #000;
}
.social_links a.rdd {
color: #2494ed;
}
.social_links a.dev {
color: #04cc47;
}
.social_links a.sc {
color: #f79010;
}
.social_links a.xng {
color: #00605e;
}
.social_links a.beh {
color: #005cff;
}
.social_links a.flk:hover {
background-color: #ff3ba4;
color: #fff;
}
.social_links a.tbl:hover {
background-color: #3d5a70;
color: #fff;
}
.social_links a.drb:hover {
background-color: #e04b85;
color: #fff;
}
.social_links a.vm:hover {
background-color: #23b6ea;
color: #fff;
}
.social_links a.yt:hover {
background-color: #e62f27;
color: #fff;
}
.social_links a.sk:hover {
background-color: #00aff0;
color: #fff;
}
.social_links a.dg:hover {
background-color: #000;
color: #fff;
}
.social_links a.stb:hover {
background-color: #88d054;
color: #fff;
}
.social_links a.rdd:hover {
background-color: #2494ed;
color: #fff;
}
.social_links a.dev:hover {
background-color: #000;
color: #04cc47;
}
.social_links a.sc:hover {
background-color: #f79010;
color: #fff;
}
.social_links a.xng:hover {
background-color: #00605e;
color: #fff;
}
.social_links a.beh:hover {
background-color: #005cff;
color: #fff;
} .slider-parallax {
visibility: visible;
-webkit-transform: translate(0, 0);
transform: translate(0, 0);
-webkit-backface-visibility: hidden;
}
.mobile-parallax, .video-placeholder {
background-size: cover !important;
background-attachment: scroll !important;
background-position: center center !important;
}
.reviews .flexslider ul {
list-style: none;
padding: 0;
}
.reviews .flex-direction-nav {
height: auto;
margin: 0;
padding: 0;
text-align: center;
}
.reviews .flex-direction-nav a {
opacity: 1 !important;
position: relative;
border: none;
background-color: #ccc;
margin: 0;
left: auto !important;
right: auto !important;
border-radius: 4px;
margin: 0 2px;
}
.reviews .flex-direction-nav a:hover {
background-color: #444;
}
.reviews .flex-direction-nav li {
display: inline-block;
} #container .wpb_accordion {
margin-bottom: 30px;
}
.compose-mode #container .vc_element .wpb_accordion_wrapper > :last-child .wpb_accordion_content, .view-mode #container .vc_element .wpb_accordion_wrapper > :last-child .wpb_accordion_content {
margin-bottom: 0;
}
#container .wpb_accordion .wpb_accordion_wrapper .wpb_accordion_section {
margin-bottom: 15px;
padding-bottom: 15px;
border-bottom: 1px solid #e5e5e5;
}
#container .wpb_content_element .wpb_accordion_header a {
background: transparent;
padding-left: 25px;
padding-right: 0;
font-size: 17px;
font-weight: 500;
color: #333;
}
#container .wpb_content_element .wpb_accordion_header.ui-state-active a:before {
transform: rotate(90deg);
-webkit-transform: rotate(90deg);
}
#container .wpb_content_element .wpb_accordion_header a:before {
content: "\f105";
font-family: 'Font Awesome 5 Free';
font-weight: 900;
position: absolute;
left: 2px;
-webkit-transition: .2s transform ease-in-out;
transition: .2s transform ease-in-out;
}
#container .wpb_content_element .wpb_accordion_wrapper .wpb_accordion_content {
border: none;
padding-left: 0;
padding-right: 0;
} .vc_progress_bar .vc_single_bar .vc_label {
height: 7px;
}
.audio_section_render iframe {
margin-bottom: -10px;
width: calc(100% - 2px);
}
.blogpost_small_pic .audio_section_render .wp-audio-shortcode {
top: 80px;
} .vc_row[data-vc-full-width]:not(.top_divider_visible), .vc_row[data-vc-full-width]:not(.bottom_divider_visible) {
z-index: 12;
}
.compose-mode #container .vc_controls, .compose-mode .vc_element.vc_vc_column {
z-index: 2000;
}
.compose-mode .content_behind .vc_vc_column {
z-index: initial;
}
.vc_column_container {
z-index: 10;
}
.compose-mode .vc_vc_row:hover .vc_controls {
visibility: visible;
opacity: 1;
filter: alpha(opacity=100);
}
.vc_shape-divider-wrap {
position: absolute;
top: auto;
bottom: 0;
left: 0;
right: 0;
width: 100%;
height: 150px;
z-index: 2;
-webkit-transform: translateZ(0);
transform: translateZ(0);
display: none;
overflow: hidden;
}
.top_divider_visible .vc_shape-divider-wrap.position_top, .bottom_divider_visible .vc_shape-divider-wrap.position_bottom {
display: block;
}
.vc_row[data-vc-full-width].top_divider_visible, .vc_row[data-vc-full-width].bottom_divider_visible {
overflow: visible;
}
.vc_shape-divider-wrap[data-position="top"] {
top: -1px;
bottom: auto;
-webkit-transform: rotate(180deg);
transform: rotate(180deg);
}
.vc_shape-divider-wrap[data-front="true"] {
z-index: 50;
}
.vc_shape-divider-wrap[data-style="curve"] .vc_shape-divider {
-webkit-filter: blur(0.5px);
filter: blur(0.5px);
-webkit-transform: scale(1.03);
transform: scale(1.03);
}
.vc_shape-divider-wrap[data-style="waves_opacity"] svg path:first-child {
opacity: 0.6;
}
.vc_shape-divider-wrap[data-style="fan"] svg {
width: 102%;
left: -1%;
}
.vc_shape-divider-wrap[data-style="fan"] svg polygon:nth-child(2) {
opacity: 0.15;
}
.vc_shape-divider-wrap[data-style="fan"] svg rect {
opacity: 0.3;
}
.vc_shape-divider-wrap[data-style="mountains"] svg path:first-child {
opacity: 0.1;
}
.vc_shape-divider-wrap[data-style="mountains"] svg path:nth-child(2) {
opacity: 0.12;
}
.vc_shape-divider-wrap[data-style="mountains"] svg path:nth-child(3) {
opacity: 0.18;
}
.vc_shape-divider-wrap[data-style="mountains"] svg path:nth-child(4) {
opacity: 0.33;
}
.vc_shape-divider-wrap[data-style="curve_opacity"] svg path:nth-child(1), .vc_shape-divider-wrap[data-style="waves_opacity_alt"] svg path:nth-child(1) {
opacity: 0.15;
}
.vc_shape-divider-wrap[data-style="curve_opacity"] svg path:nth-child(2), .vc_shape-divider-wrap[data-style="waves_opacity_alt"] svg path:nth-child(2) {
opacity: 0.3;
} @media only screen and (min-width: 1000px) {
.vc_shape-divider-wrap[data-style="clouds"] .vc_shape-divider {
min-width: 1700px;
}
}
@media only screen and (max-width: 1000px) {
.vc_shape-divider-wrap[data-style="clouds"] .vc_shape-divider {
min-width: 800px;
}
}
@media only screen and (max-width: 690px) {
.vc_shape-divider-wrap[data-style="clouds"] .vc_shape-divider {
min-width: 690px;
}
}
.vc_shape-divider {
width: 100%;
left: 0;
bottom: -1px;
height: 100%;
position: absolute;
}
.vc_shape-divider.horizontal_flip {
-webkit-transform: rotateY(180deg);
transform: rotateY(180deg);
}
.vc_shape-divider.vertical_flip {
-webkit-transform: rotateZ(180deg);
transform: rotateZ(180deg);
}
.vc_shape-divider.horiz_vert_flip {
-webkit-transform: rotateY(180deg) rotateZ(180deg);
transform: rotateY(180deg) rotateZ(180deg);
}
.vc_shape-divider-wrap.no-color .vc_shape-divider {
fill: #fff;
}
@media only screen and (max-width: 1000px) {
.vc_shape-divider {
height: 75%;
}
.vc_shape-divider-wrap[data-style="clouds"] .vc_shape-divider {
height: 55%;
}
}
@media only screen and (max-width: 690px) {
.vc_shape-divider, .vc_shape-divider-wrap[data-style="clouds"] .vc_shape-divider {
height: 33%;
}
} .vc_row_gradient_bg {
display: none;
position: absolute;
width: 100%;
height: 100%;
top: 0;
left: 0;
background: transparent;
}
.enable_overlay .vc_row_gradient_bg {
display: block;
}
.wpb_gallery .wpb_flexslider .flex-control-paging {
display: none !important;
}
.wpb_gallery_slides .flex-caption .post-title {
font-size: 20px;
} .owl-carousel .animated {
-webkit-animation-duration: 1000ms;
animation-duration: 1000ms;
-webkit-animation-fill-mode: both;
animation-fill-mode: both;
}
.owl-carousel .owl-animated-in {
z-index: 0;
}
.owl-carousel .owl-animated-out {
z-index: 1;
}
.owl-carousel .fadeOut {
-webkit-animation-name: fadeOut;
animation-name: fadeOut;
}
@-webkit-keyframes fadeOut {
0% {
opacity: 1;
}
100% {
opacity: 0;
}
}
@keyframes fadeOut {
0% {
opacity: 1;
}
100% {
opacity: 0;
}
} .owl-height {
-webkit-transition: height 500ms ease-in-out;
transition: height 500ms ease-in-out;
} .owl-carousel {
display: none;
width: 100%;
-webkit-tap-highlight-color: transparent; position: relative;
z-index: 1;
overflow: hidden;
}
.owl-carousel .owl-stage {
position: relative;
-ms-touch-action: pan-Y;
width: 0px;
height: 0px;
}
.owl-carousel .owl-stage:after {
content: ".";
display: block;
clear: both;
visibility: hidden;
line-height: 0;
height: 0;
}
.owl-carousel .owl-stage-outer {
position: relative;
overflow: hidden; -webkit-transform: translate3d(0px, 0px, 0px);
cursor: move;
cursor: -webkit-grab;
cursor: -o-grab;
cursor: -ms-grab;
cursor: grab;
}
.owl-carousel .owl-controls .owl-nav.disabled {
display: none;
}
.owl-carousel .owl-controls .owl-nav .owl-prev, .owl-carousel .owl-controls .owl-nav .owl-next {
cursor: pointer;
cursor: hand;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
}
.owl-carousel .owl-controls .owl-dot {
cursor: pointer;
cursor: hand;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
}
.owl-carousel.owl-loaded {
display: block;
}
.owl-carousel.owl-loading {
opacity: 0;
display: block;
}
.owl-carousel.owl-hidden {
opacity: 0;
}
.owl-carousel .owl-refresh .owl-item {
display: none;
}
.owl-carousel .owl-item {
position: relative;
min-height: 1px;
float: left;
-webkit-tap-highlight-color: transparent;
-webkit-touch-callout: none;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
}
.owl-carousel .owl-item img {
display: block;
width: 100%;
}
.owl-carousel.owl-text-select-on .owl-item {
-webkit-user-select: auto;
-moz-user-select: auto;
-ms-user-select: auto;
user-select: auto;
}
.owl-carousel .owl-grab {
cursor: move;
cursor: -webkit-grab;
cursor: -o-grab;
cursor: -ms-grab;
cursor: grab;
}
.owl-carousel.owl-rtl {
direction: rtl;
}
.owl-carousel.owl-rtl .owl-item {
float: right;
} .no-js .owl-carousel {
display: block;
} .owl-carousel .owl-item .owl-lazy {
opacity: 0;
-webkit-transition: opacity 400ms ease;
transition: opacity 400ms ease;
}
.owl-carousel .owl-item img {
-webkit-transform-style: preserve-3d;
transform-style: preserve-3d;
}
.owl-carousel .owl-video-wrapper {
position: relative;
height: 100%;
background: #000;
}
.owl-carousel .owl-video-play-icon {
position: absolute;
height: 80px;
width: 80px;
left: 50%;
top: 50%;
margin-left: -40px;
margin-top: -40px;
background: url(//site-surveying.com/wp-content/themes/creativo/assets/css/owl.video.play.png) no-repeat;
cursor: pointer;
z-index: 1;
-webkit-backface-visibility: hidden;
-webkit-transition: scale 100ms ease;
transition: scale 100ms ease;
}
.owl-carousel .owl-video-play-icon:hover {
-webkit-transition: scale(1.3, 1.3);
transition: scale(1.3, 1.3);
}
.owl-carousel .owl-video-playing .owl-video-tn, .owl-carousel .owl-video-playing .owl-video-play-icon {
display: none;
}
.owl-carousel .owl-video-tn {
opacity: 0;
height: 100%;
background-position: center center;
background-repeat: no-repeat;
background-size: contain;
-webkit-transition: opacity 400ms ease;
transition: opacity 400ms ease;
}
.owl-carousel .owl-video-frame {
position: relative;
z-index: 1;
} .owl-theme .owl-controls .owl-nav [class*=owl-],
.owl-theme .owl-nav:not(.disabled) [class*=owl-] {
font-size: 14px;
background: rgba(0, 0, 0, 0.7);
display: inline-block;
cursor: pointer;
position: absolute;
top: 40%;
left: 0;
right: auto;
width: 25px;
height: 50px;
text-align: center;
line-height: 50px;
margin-top: -25px;
-webkit-transition: background-color .2s ease-in-out;
transition: background-color .2s ease-in-out;
}
.owl-carousel .owl-controls .owl-nav .owl-next,
.owl-carousel .owl-nav:not(.disabled) .owl-next {
right: 0;
left: auto;
}
.owl-theme .owl-nav:not(.disabled) [class*=owl-] i {
font-size: 16px;
color: #fff;
}
.owl-theme .owl-nav:not(.disabled) [class*=owl-]:hover {
background: rgba(0, 0, 0, 0.4);
}
.owl-theme .owl-nav:not(.disabled) .disabled {
opacity: .5;
cursor: default;
}
.owl-theme .owl-nav.disabled {
display: none;
visibility: hidden;
}
.owl-theme .owl-dots .owl-dot {
display: inline-block;
zoom: 1;
*display: inline;
}
.owl-theme .owl-dots .owl-dot span {
width: 5px;
height: 5px;
margin: 3px;
background: #d6d6d6;
display: block;
-webkit-backface-visibility: visible;
-webkit-transition: opacity 200ms ease;
transition: opacity 200ms ease;
border-radius: 30px;
}
.big.owl-theme .owl-dots .owl-dot span {
width: 10px;
height: 10px;
margin: 5px;
}
.owl-theme .owl-dots .owl-dot.active span, .owl-theme .owl-dots .owl-dot:hover span {
background: #333;
}
.owl-dots {
margin-top: 20px;
text-align: center;
}
.cr_owl_slideshow {
position: relative;
}
.cr_owl_slideshow .owl-dots {
margin-top: 0;
display: none;
}
.cr_owl_slideshow.owl-loaded {
visibility: visible;
}
.cr_owl_slideshow.owl-theme .owl-nav:not(.disabled) [class*=owl-] {
top: auto;
margin-top: 0;
width: 40px;
height: 40px;
line-height: 40px;
background: rgba(255, 255, 255, 0.9);
position: relative;
}
.cr_owl_slideshow.owl-theme .owl-nav:not(.disabled) [class*=owl-] i {
font-size: 20px;
line-height: 40px;
color: #333;
-webkit-transition: color .2s ease-in-out;
transition: color .2s ease-in-out;
}
.cr_owl_slideshow.owl-theme .owl-nav:not(.disabled) [class*=owl-]:hover {
background-color: rgba(0, 0, 0, 0.9);
}
.cr_owl_slideshow.owl-theme .owl-nav:not(.disabled) [class*=owl-]:hover i {
color: #fff;
}
.cr_owl_slideshow.owl-theme .owl-nav:not(.disabled) .owl-next {
margin-left: 5px;
}
.cr_owl_slideshow .owl-nav {
position: absolute;
bottom: 10px;
left: 10px;
}
.design_modern.left_dots.owl-theme .owl-controls {
padding-left: 50px;
}
.test_nav_arrows .owl-controls .owl-dots {
display: none !important;
}
.test_nav_arrows .owl-controls .owl-nav {
text-align: center;
}
.design_modern.left_dots.test_nav_arrows .owl-controls .owl-nav {
text-align: left;
}
.design_modern .review.left_image .comment_author_details {
padding-left: 0;
}
.test_nav_arrows .owl-controls .owl-nav [class*=owl-] {
position: relative;
background-color: transparent;
margin-top: 0;
}
.test_nav_arrows .owl-controls .owl-nav [class*=owl-]:hover {
background-color: transparent;
}
.test_nav_arrows .owl-controls .owl-nav .owl-next {
right: -10px;
}
.test_nav_arrows .owl-controls .owl-nav .owl-prev {
left: -10px;
}
.test_nav_arrows .owl-controls .owl-nav [class*=owl-] i {
color: #333;
font-size: 20px;
}
.left_dots .owl-dots {
text-align: left;
}
.test_nav_lines.owl-theme .owl-dots .owl-dot span {
width: 20px;
height: 15px;
display: block;
background-color: transparent;
position: relative;
}
.test_nav_lines.owl-theme .owl-dots .owl-dot span:before {
content: "";
width: 100%;
height: 2px;
background-color: #abacb2;
position: absolute;
margin-top: 6px;
left: 0;
}
.test_nav_lines.owl-theme .owl-dots .owl-dot.active span:before, .test_nav_lines.owl-theme .owl-dots .owl-dot:hover span:before {
background-color: #5bc98c;
} .single-creativo_portfolio .owl-theme .owl-nav:not(.disabled) {
position: absolute;
bottom: 5px;
left: 5px;
}
.single-creativo_portfolio [data-gallery-width=expanded]:not([data-portfolio-width=half]) .owl-theme .owl-nav:not(.disabled) {
left: auto;
bottom: 40px;
}
.single-creativo_portfolio [data-gallery-width=expanded]:not([data-portfolio-width=half]) .owl-theme .owl-nav:not(.disabled) {
left: 50%;
-webkit-transform: translateX(-50%);
transform: translateX(-50%);
}
.single-creativo_portfolio .owl-theme .owl-nav:not(.disabled) [class*=owl-] {
width: 40px;
height: 40px;
top: auto;
left: 5px;
background-color: #fff;
margin-top: 0;
left: 0;
line-height: 40px;
position: relative;
}
.single-creativo_portfolio .owl-theme .owl-nav:not(.disabled) [class*=owl-]:hover {
background: #fff;
}
.single-creativo_portfolio .owl-carousel .owl-nav:not(.disabled) .owl-next {
margin-left: 5px;
}
.single-creativo_portfolio .owl-dots.disabled {
display: none;
}
.single-creativo_portfolio .owl-theme .owl-nav:not(.disabled) [class*=owl-] i {
font-size: 20px;
line-height: 40px;
color: #333;
-webkit-transition: all .3s ease;
transition: all .3s ease;
position: relative;
}
.single-creativo_portfolio .owl-theme .owl-dots .owl-dot span {
width: 10px;
height: 10px;
}
.single-creativo_portfolio [data-gallery-width=expanded]:not([data-portfolio-width=half]):not(.portfolio-modern) {
margin-top: 0;
}
.single-creativo_portfolio [data-gallery-width=expanded]:not([data-portfolio-width=half]) .owl-carousel:not(.clients_carousel),
.single-creativo_portfolio [data-gallery-width=expanded]:not([data-portfolio-width=half]) .owl-carousel:not(.clients_carousel) .owl-stage-outer {
overflow: visible;
}
.single-creativo_portfolio [data-gallery-width=expanded]:not([data-portfolio-width=half]) .owl-carousel:not(.clients_carousel) .owl-stage {
height: 100%;
}
.single-creativo_portfolio [data-gallery-width=expanded]:not([data-portfolio-width=half]) .owl-carousel:not(.clients_carousel) .owl-stage-outer .owl-item div {
padding-right: 100px;
padding-top: 100px;
padding-bottom: 120px;
background-color: #f6f6f6;
}
.single-creativo_portfolio [data-gallery-width=expanded]:not([data-portfolio-width=half]) .owl-dots {
margin: 0;
position: absolute;
bottom: 40px;
left: 50%;
-webkit-transform: translateX(-50%);
transform: translateX(-50%);
}
.single-creativo_portfolio [data-gallery-width=expanded]:not([data-portfolio-width=half]) .owl-dots .owl-dot span {
margin: 10px;
-webkit-transition: all .3s ease-in-out;
transition: all .3s ease-in-out;
}
.single-creativo_portfolio [data-gallery-width=expanded]:not([data-portfolio-width=half]) .owl-dots .owl-dot.active span {
-webkit-transform: scale(1.5);
transform: scale(1.5);
}  .cr-insta-message-loc-over .cr-wp-instagram-message {
position: absolute;
top: 50%;
left: 50%;
-webkit-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
}  .page-title .breadcrumb .breadcrumbs li:first-child a:before {
content: "\f015";
font-family: 'Font Awesome 5 Free';
font-weight: 900;
display: inline-block;
}
.vc_row-fluid [class*="vc_span"] {
display: block;
width: 100%;
min-height: 5px;
-webkit-box-sizing: border-box;
-ms-box-sizing: border-box;
box-sizing: border-box;
float: left;
margin-left: 2.5%;
}
.vc_row-fluid [class*="vc_span"]:first-child {
margin-left: 0;
}
.vc_row-fluid .vc_span6 {
width: 48.75%;
}
.select2-container .select2-choice {
height: 37px;
line-height: 37px;
border: 1px solid #ccc;
color: #777;
padding: 0 5px;
border-radius: 0;
-webkit-border-radius: 0;
}
.select2-drop-active {
border-color: #ccc;
}
.addmargintop {
margin-top: 18px;
} .logo_separator {
float: left;
margin: 0 10px;
height: 30px;
background-color: #444;
width: 1px;
} .youtube-bg {
display: none;
} .tipsy {
font-size: 10px;
position: absolute;
padding: 5px;
z-index: 1000000;
opacity: 0.8;
}
.tipsy-inner {
background-color: #000;
color: #FFF;
max-width: 300px;
padding: 5px 8px 4px 8px;
text-align: center;
border-radius: 3px;
-moz-border-radius: 3px;
-webkit-border-radius: 3px;
}
.tipsy-arrow {
position: absolute;
width: 0;
height: 0;
line-height: 0;
border: 5px dashed #000;
} .tipsy-arrow-n {
border-bottom-color: #000;
}
.tipsy-arrow-s {
border-top-color: #000;
}
.tipsy-arrow-e {
border-left-color: #000;
}
.tipsy-arrow-w {
border-right-color: #000;
}
.tipsy-n .tipsy-arrow {
top: 0px;
left: 50%;
margin-left: -5px;
border-bottom-style: solid;
border-top: none;
border-left-color: transparent;
border-right-color: transparent;
}
.tipsy-nw .tipsy-arrow {
top: 0;
left: 10px;
border-bottom-style: solid;
border-top: none;
border-left-color: transparent;
border-right-color: transparent;
}
.tipsy-ne .tipsy-arrow {
top: 0;
right: 10px;
border-bottom-style: solid;
border-top: none;
border-left-color: transparent;
border-right-color: transparent;
}
.tipsy-s .tipsy-arrow {
bottom: 0;
left: 50%;
margin-left: -5px;
border-top-style: solid;
border-bottom: none;
border-left-color: transparent;
border-right-color: transparent;
}
.tipsy-sw .tipsy-arrow {
bottom: 0;
left: 10px;
border-top-style: solid;
border-bottom: none;
border-left-color: transparent;
border-right-color: transparent;
}
.tipsy-se .tipsy-arrow {
bottom: 0;
right: 10px;
border-top-style: solid;
border-bottom: none;
border-left-color: transparent;
border-right-color: transparent;
}
.tipsy-e .tipsy-arrow {
right: 0;
top: 50%;
margin-top: -5px;
border-left-style: solid;
border-right: none;
border-top-color: transparent;
border-bottom-color: transparent;
}
.tipsy-w .tipsy-arrow {
left: 0;
top: 50%;
margin-top: -5px;
border-right-style: solid;
border-left: none;
border-top-color: transparent;
border-bottom-color: transparent;
}
.vc_row[data-vc-full-width].enable_overflow {
overflow: visible !important;
z-index: 13;
}
.center_elements {
text-align: center;
}
.font_weight_300 {
font-weight: 300 !important;
}
.font_weight_400 {
font-weight: 400 !important;
}
.font_weight_500 {
font-weight: 500 !important;
}
.font_weight_600 {
font-weight: 600 !important;
}
.font_weight_700 {
font-weight: 700 !important;
}
.h-screen .vc_column-inner {
height: 100vh;
}
@media (min-width: 1030px) {
.clients_carousel.gallery_expanded[data-items-margin=yes] .owl-item div {
padding-right: 50px;
}
}
@media (min-width: 1024px) { .minimal_layout .wp-block-image {
max-width: none;
margin-left: -15%;
margin-right: -15%;
} .clients_carousel.gallery_expanded {
overflow: visible;
}
.clients_carousel.gallery_expanded .owl-stage-outer {
overflow: visible;
}
.clients_carousel.gallery_expanded .owl-stage-outer .owl-stage {
height: 100%;
}
}
@media (max-width: 1024px) {
.creativo-enable-parallax {
background-position: center center !important;
background-attachment: scroll !important;
background-size: cover;
}
.single-creativo_portfolio [data-gallery-width=expanded] .owl-carousel .owl-stage-outer .owl-item div {
padding: 0;
}
.single-creativo_portfolio [data-gallery-width=expanded] .owl-carousel,
.single-creativo_portfolio [data-gallery-width=expanded] .owl-carousel .owl-stage-outer {
overflow: hidden;
}
.single-creativo_portfolio [data-gallery-width=expanded] .owl-carousel .owl-stage {
height: 0;
}
.shopping_cart_items.show-products {
display: none;
visibility: hidden;
}
}.flex-container a:active, .flexslider a:active, .flex-container a:focus, .flexslider a:focus {
outline: none;
}
.slides, .flex-control-nav, .flex-direction-nav {
margin: 0;
padding: 0;
list-style: none;
} .flexslider {
margin: 0 auto;
padding: 0; }
.flexslider .slides > li {
display: none;
-webkit-backface-visibility: hidden;
}
.flexslider .slides img {
max-width: 100%;
display: block;
height: auto;
width: 100%;
}
.flex-pauseplay span {
text-transform: capitalize;
} .half {
width: 65.9574%;
float: left;
}
.half_desc {
width: 30%;
float: right;
padding: 0px 10px 5px 10px;
}
.full {
width: 100%;
}
.full_desc {
margin-bottom: 0px;
padding-top: 30px;
}
.no-margin {
margin-bottom: 0px;
padding-bottom: 0px;
} .slides:after {
content: ".";
display: block;
clear: both;
visibility: hidden;
line-height: 0;
height: 0;
}
html[xmlns] .slides {
display: block;
}
* html .slides {
height: 1%;
}  .no-js .slides > li:first-child {
display: block;
} .flexslider {
position: relative;
zoom: 1;
}
.flexslider .slides {
zoom: 1;
}
.page .post-content .flexslider .slides, .page .post-content .flexslider .flex-direction-nav {
margin: 0;
padding: 0;
list-style: none;
}
.flexslider .slides > li {
position: relative;
} .flex-container {
zoom: 1;
position: relative;
}
.add_margin {
margin-bottom: 20px;
}
.mini {
border-color: #F7F7F7;
}  .flex-caption {
background: none;
-ms-filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#4C000000, endColorstr=#4C000000);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#4C000000, endColorstr=#4C000000);
zoom: 1;
padding: 10px;
margin: 0;
position: absolute;
left: 0;
bottom: 0;
}
.flex-direction-nav a {
width: 40px;
height: 40px;
display: block;
position: absolute;
top: 50%;
-webkit-transform: translateY(-50%);
transform: translateY(-50%);
cursor: pointer;
-webkit-transition: all .3s ease;
transition: all .3s ease;
background-color: #333;
font-size: 26px;
line-height: 40px;
color: #fff;
text-align: center;
z-index: 900;
opacity: 0.7;
}
.flex-direction-nav a:hover {
background-color: #5bc98c;
color: #fff;
}
.flex-direction-nav .flex-next {
right: 0;
}
.flex-direction-nav .flex-prev {
left: 0;
}
.flex-direction-nav a i {
line-height: 40px;
}
.flexslider:hover .flex-next:hover, .flexslider:hover .flex-prev:hover {
opacity: 1;
}
.flex-direction-nav .flex-disabled {
opacity: .3 !important;
filter: alpha(opacity=30);
cursor: default;
} .flex-control-nav {
position: absolute;
bottom: 5px;
right: 20px;
}
.flex-control-nav li {
margin: 0 0 0 5px;
display: inline-block;
zoom: 1;
*display: inline;
}
.flex-control-nav li:first-child {
margin: 0;
}
.flex-control-nav li a {
width: 12px;
height: 12px;
display: block;
background: url(//site-surveying.com/wp-content/themes/creativo/assets/css/general/theme/bg_control_nav3.png) no-repeat;
cursor: pointer;
text-indent: -999em;
}
.flex-control-nav li a:hover {
background-position: -12px 0px;
}
.flex-control-nav li a.flex-active {
background-position: -12px 0px;
cursor: default;
}.flex-container a:active, .flexslider a:active, .flex-container a:focus, .flexslider a:focus {
outline: none;
}
.slides, .flex-control-nav, .flex-direction-nav {
margin: 0;
padding: 0;
list-style: none;
} .flexslider {
margin: 0 auto;
padding: 0; }
.flexslider .slides > li {
display: none;
-webkit-backface-visibility: hidden;
}
.flexslider .slides img {
max-width: 100%;
display: block;
height: auto;
width: 100%;
}
.flex-pauseplay span {
text-transform: capitalize;
} .half {
width: 65.9574%;
float: left;
}
.half_desc {
width: 30%;
float: right;
padding: 0px 10px 5px 10px;
}
.full {
width: 100%;
}
.full_desc {
margin-bottom: 0px;
padding-top: 30px;
}
.no-margin {
margin-bottom: 0px;
padding-bottom: 0px;
} .slides:after {
content: ".";
display: block;
clear: both;
visibility: hidden;
line-height: 0;
height: 0;
}
html[xmlns] .slides {
display: block;
}
* html .slides {
height: 1%;
}  .no-js .slides > li:first-child {
display: block;
} .flexslider {
position: relative;
zoom: 1;
}
.flexslider .slides {
zoom: 1;
}
.page .post-content .flexslider .slides, .page .post-content .flexslider .flex-direction-nav {
margin: 0;
padding: 0;
list-style: none;
}
.flexslider .slides > li {
position: relative;
} .flex-container {
zoom: 1;
position: relative;
}
.add_margin {
margin-bottom: 20px;
}
.mini {
border-color: #F7F7F7;
}  .flex-caption {
background: none;
-ms-filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#4C000000, endColorstr=#4C000000);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#4C000000, endColorstr=#4C000000);
zoom: 1;
padding: 10px;
margin: 0;
position: absolute;
left: 0;
bottom: 0;
}
.flex-direction-nav a {
width: 40px;
height: 40px;
display: block;
position: absolute;
top: 50%;
-webkit-transform: translateY(-50%);
transform: translateY(-50%);
cursor: pointer;
-webkit-transition: all .3s ease;
transition: all .3s ease;
background-color: #333;
font-size: 26px;
line-height: 40px;
color: #fff;
text-align: center;
z-index: 900;
opacity: 0.7;
}
.flex-direction-nav a:hover {
background-color: #5bc98c;
color: #fff;
}
.flex-direction-nav .flex-next {
right: 0;
}
.flex-direction-nav .flex-prev {
left: 0;
}
.flex-direction-nav a i {
line-height: 40px;
}
.flexslider:hover .flex-next:hover, .flexslider:hover .flex-prev:hover {
opacity: 1;
}
.flex-direction-nav .flex-disabled {
opacity: .3 !important;
filter: alpha(opacity=30);
cursor: default;
} .flex-control-nav {
position: absolute;
bottom: 5px;
right: 20px;
}
.flex-control-nav li {
margin: 0 0 0 5px;
display: inline-block;
zoom: 1;
*display: inline;
}
.flex-control-nav li:first-child {
margin: 0;
}
.flex-control-nav li a {
width: 12px;
height: 12px;
display: block;
background: url(//site-surveying.com/wp-content/themes/creativo/assets/css/general/theme/bg_control_nav3.png) no-repeat;
cursor: pointer;
text-indent: -999em;
}
.flex-control-nav li a:hover {
background-position: -12px 0px;
}
.flex-control-nav li a.flex-active {
background-position: -12px 0px;
cursor: default;
}.mfp-bg {
top: 0;
left: 0;
width: 100%;
height: 100%;
z-index: 3042;
overflow: hidden;
position: fixed;
background: #0b0b0b;
opacity: 0.8;
}
.mfp-wrap {
top: 0;
left: 0;
width: 100%;
height: 100%;
z-index: 3043;
position: fixed;
outline: none !important;
-webkit-backface-visibility: hidden;
}
.mfp-container {
text-align: center;
position: absolute;
width: 100%;
height: 100%;
left: 0;
top: 0;
padding: 0 8px;
-webkit-box-sizing: border-box;
box-sizing: border-box;
}
.mfp-container:before {
content: '';
display: inline-block;
height: 100%;
vertical-align: middle;
}
.mfp-align-top .mfp-container:before {
display: none;
}
.mfp-content {
position: relative;
display: inline-block;
vertical-align: middle;
margin: 0 auto;
text-align: left;
z-index: 1045;
}
.mfp-inline-holder .mfp-content, .mfp-ajax-holder .mfp-content {
width: 100%;
cursor: auto;
}
.mfp-ajax-cur {
cursor: progress;
}
.mfp-zoom-out-cur {
cursor: -webkit-zoom-out;
cursor: zoom-out;
}
.mfp-zoom-out-cur .mfp-image-holder .mfp-close {
cursor: -webkit-zoom-out;
cursor: zoom-out;
}
.mfp-zoom {
cursor: pointer;
cursor: -webkit-zoom-in;
cursor: zoom-in;
}
.mfp-auto-cursor .mfp-content {
cursor: auto;
}
.mfp-close, .mfp-arrow, .mfp-preloader, .mfp-counter {
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
}
.mfp-loading.mfp-figure {
display: none;
}
.mfp-hide {
display: none !important;
}
.mfp-preloader {
color: #CCC;
position: absolute;
top: 50%;
width: auto;
text-align: center;
margin-top: -0.8em;
left: 8px;
right: 8px;
z-index: 1044;
}
.mfp-preloader a {
color: #CCC;
}
.mfp-preloader a:hover {
color: #FFF;
}
.mfp-s-ready .mfp-preloader, .mfp-s-error .mfp-content {
display: none;
}
button.mfp-close, button.mfp-arrow {
overflow: visible;
cursor: pointer;
background: transparent;
border: 0;
-webkit-appearance: none;
display: block;
outline: none;
padding: 0;
z-index: 1046;
-webkit-box-shadow: none;
box-shadow: none;
-ms-touch-action: manipulation;
touch-action: manipulation;
}
button::-moz-focus-inner {
padding: 0;
border: 0;
}
.mfp-close {
width: 44px;
height: 44px;
line-height: 44px;
position: absolute;
right: 0;
top: 0;
text-decoration: none;
text-align: center;
opacity: 0.65;
padding: 0 0 18px 10px;
color: #FFF;
font-style: normal;
font-size: 28px;
font-family: Arial, Baskerville, monospace;
}
.mfp-close:hover, .mfp-close:focus {
opacity: 1;
}
.mfp-close:active {
top: 1px;
}
.mfp-close-btn-in .mfp-close {
color: #333;
}
.mfp-image-holder .mfp-close, .mfp-iframe-holder .mfp-close {
color: #FFF;
right: -6px;
text-align: right;
padding-right: 6px;
width: 100%;
}
.mfp-counter {
position: absolute;
top: 0;
right: 0;
color: #CCC;
font-size: 12px;
line-height: 18px;
white-space: nowrap;
}
.mfp-arrow {
position: absolute;
opacity: 0.65;
margin: 0;
top: 50%;
margin-top: -55px;
padding: 0;
width: 90px;
height: 110px;
-webkit-tap-highlight-color: transparent;
}
.mfp-arrow:active {
margin-top: -54px;
}
.mfp-arrow:hover, .mfp-arrow:focus {
opacity: 1;
}
.mfp-arrow:before {
content: '';
display: block;
width: 0;
height: 0;
position: absolute;
left: 0;
top: 0;
margin-top: 35px;
margin-left: 35px;
border: medium inset transparent;
}
.mfp-arrow:after {
content: '';
display: block;
width: 0;
height: 0;
position: absolute;
left: 0;
top: 0;
margin-top: 35px;
margin-left: 35px;
border: medium inset transparent;
border-top-width: 13px;
border-bottom-width: 13px;
top: 8px;
}
.mfp-arrow:before {
border-top-width: 21px;
border-bottom-width: 21px;
opacity: 0.7;
}
.mfp-arrow-left {
left: 0;
}
.mfp-arrow-left:after {
border-right: 17px solid #FFF;
margin-left: 31px;
}
.mfp-arrow-left:before {
margin-left: 25px;
border-right: 27px solid #3F3F3F;
}
.mfp-arrow-right {
right: 0;
}
.mfp-arrow-right:after {
border-left: 17px solid #FFF;
margin-left: 39px;
}
.mfp-arrow-right:before {
border-left: 27px solid #3F3F3F;
}
.mfp-iframe-holder {
padding-top: 40px;
padding-bottom: 40px;
}
.mfp-iframe-holder .mfp-content {
line-height: 0;
width: 100%;
max-width: 900px;
}
.mfp-iframe-holder .mfp-close {
top: -40px;
}
.mfp-iframe-scaler {
width: 100%;
height: 0;
overflow: hidden;
padding-top: 56.25%;
}
.mfp-iframe-scaler iframe {
position: absolute;
display: block;
top: 0;
left: 0;
width: 100%;
height: 100%;
-webkit-box-shadow: 0 0 8px rgba(0, 0, 0, 0.6);
box-shadow: 0 0 8px rgba(0, 0, 0, 0.6);
background: #000;
} img.mfp-img {
width: auto;
max-width: 100%;
height: auto;
display: block;
line-height: 0;
-webkit-box-sizing: border-box;
box-sizing: border-box;
padding: 40px 0 40px;
margin: 0 auto;
} .mfp-figure {
line-height: 0;
}
.mfp-figure:after {
content: '';
position: absolute;
left: 0;
top: 40px;
bottom: 40px;
display: block;
right: 0;
width: auto;
height: auto;
z-index: -1;
-webkit-box-shadow: 0 0 8px rgba(0, 0, 0, 0.6);
box-shadow: 0 0 8px rgba(0, 0, 0, 0.6);
background: #444;
}
.mfp-figure small {
color: #BDBDBD;
display: block;
font-size: 12px;
line-height: 14px;
}
.mfp-figure figure {
margin: 0;
}
.mfp-bottom-bar {
margin-top: -36px;
position: absolute;
top: 100%;
left: 0;
width: 100%;
cursor: auto;
}
.mfp-title {
text-align: left;
line-height: 18px;
color: #F3F3F3;
word-wrap: break-word;
padding-right: 36px;
}
.mfp-image-holder .mfp-content {
max-width: 100%;
}
.mfp-gallery .mfp-image-holder .mfp-figure {
cursor: pointer;
}
.mfp-zoom-in .mfp-with-anim, .mfp-zoom-in .mfp-iframe-scaler {
opacity: 0;
-webkit-transition: all 0.2s ease-in-out;
transition: all 0.2s ease-in-out;
-webkit-transform: scale(0.93);
transform: scale(0.93);
}
.mfp-zoom-in.mfp-bg {
opacity: 0;
-webkit-transition: all 0.3s ease-out;
transition: all 0.3s ease-out;
}
.mfp-zoom-in.mfp-ready.mfp-image-loaded .mfp-with-anim, .mfp-zoom-in.mfp-ready .mfp-iframe-scaler, .mfp-zoom-in.mfp-ready div[id*="video-popup-"].mfp-with-anim {
opacity: 1;
-webkit-transform: scale(1);
transform: scale(1);
}
.mfp-zoom-in.mfp-ready.mfp-bg {
opacity: 0.85;
}
body .mfp-zoom-in.mfp-removing .mfp-with-anim {
-webkit-transform: scale(0.93) !important;
transform: scale(0.93) !important;
opacity: 0 !important;
}
.mfp-zoom-in.mfp-removing .mfp-iframe-scaler {
-webkit-transform: scale(0.93) !important;
transform: scale(0.93) !important;
opacity: 0 !important;
}
.mfp-zoom-in.mfp-removing.mfp-bg {
opacity: 0;
}
.mfp-wrap.mfp-removing .mfp-arrow-left, .mfp-wrap.mfp-removing .mfp-arrow-right {
opacity: 0;
}
.mfp-zoom-out .mfp-with-anim {
opacity: 0;
-webkit-transition: all 0.3s ease-in-out;
transition: all 0.3s ease-in-out;
-webkit-transform: scale(1.3);
transform: scale(1.3);
}
.mfp-zoom-out.mfp-bg {
opacity: 0;
-webkit-transition: all 0.3s ease-out;
transition: all 0.3s ease-out;
}
.mfp-zoom-out.mfp-ready .mfp-with-anim {
opacity: 1;
-webkit-transform: scale(1);
transform: scale(1);
}
.mfp-zoom-out.mfp-ready.mfp-bg {
opacity: 0.8;
}
.mfp-zoom-out.mfp-removing .mfp-with-anim {
-webkit-transform: scale(1.3);
transform: scale(1.3);
opacity: 0;
}
.mfp-zoom-out.mfp-removing.mfp-bg {
opacity: 0;
}
@media screen and (max-width: 800px) and (orientation: landscape), screen and (max-height: 300px) { .mfp-img-mobile .mfp-image-holder {
padding-left: 0;
padding-right: 0;
}
.mfp-img-mobile img.mfp-img {
padding: 0;
}
.mfp-img-mobile .mfp-figure:after {
top: 0;
bottom: 0;
}
.mfp-img-mobile .mfp-figure small {
display: inline;
margin-left: 5px;
}
.mfp-img-mobile .mfp-bottom-bar {
background: rgba(0, 0, 0, 0.6);
bottom: 0;
margin: 0;
top: auto;
padding: 3px 5px;
position: fixed;
-webkit-box-sizing: border-box;
box-sizing: border-box;
}
.mfp-img-mobile .mfp-bottom-bar:empty {
padding: 0;
}
.mfp-img-mobile .mfp-counter {
right: 5px;
top: 3px;
}
.mfp-img-mobile .mfp-close {
top: 0;
right: 0;
width: 35px;
height: 35px;
line-height: 35px;
background: rgba(0, 0, 0, 0.6);
position: fixed;
text-align: center;
padding: 0;
}
}
@media all and (max-width: 900px) {
.mfp-arrow {
-webkit-transform: scale(0.75);
transform: scale(0.75);
}
.mfp-arrow-left {
-webkit-transform-origin: 0;
transform-origin: 0;
}
.mfp-arrow-right {
-webkit-transform-origin: 100%;
transform-origin: 100%;
}
.mfp-container {
padding-left: 6px;
padding-right: 6px;
}
}html {
line-height: 1.15; -webkit-text-size-adjust: 100%; }  body {
margin: 0;
} main {
display: block;
} h1 {
font-size: 2em;
margin: 0.67em 0;
}  hr {
-webkit-box-sizing: content-box;
box-sizing: content-box; height: 0; overflow: visible; } pre {
font-family: monospace, monospace; font-size: 1em; }  a {
background-color: transparent;
} abbr[title] {
border-bottom: none; text-decoration: underline; -webkit-text-decoration: underline dotted;
text-decoration: underline dotted; } b,
strong {
font-weight: bolder;
} code {
font-family: monospace, monospace; font-size: 1em; } small {
font-size: 80%;
} sub {
font-size: 75%;
line-height: 0;
position: relative;
vertical-align: baseline;
}
sub {
bottom: -0.25em;
}  img {
border-style: none;
}  button,
input,
select,
textarea {
font-family: inherit; font-size: 100%; line-height: 1.15; margin: 0; } button,
input { overflow: visible;
} button,
select { text-transform: none;
} button,
[type="button"],
[type="reset"],
[type="submit"] {
-webkit-appearance: button;
} button::-moz-focus-inner,
[type="button"]::-moz-focus-inner,
[type="reset"]::-moz-focus-inner,
[type="submit"]::-moz-focus-inner {
border-style: none;
padding: 0;
} button:-moz-focusring,
[type="button"]:-moz-focusring,
[type="reset"]:-moz-focusring,
[type="submit"]:-moz-focusring {
outline: 1px dotted ButtonText;
} fieldset {
padding: 0.35em 0.75em 0.625em;
} legend {
-webkit-box-sizing: border-box;
box-sizing: border-box; color: inherit; display: table; max-width: 100%; padding: 0; white-space: normal; }  textarea {
overflow: auto;
} [type="checkbox"],
[type="radio"] {
-webkit-box-sizing: border-box;
box-sizing: border-box; padding: 0; } [type="number"]::-webkit-inner-spin-button,
[type="number"]::-webkit-outer-spin-button {
height: auto;
} [type="search"] {
-webkit-appearance: textfield; outline-offset: -2px; } [type="search"]::-webkit-search-decoration {
-webkit-appearance: none;
}   details {
display: block;
} summary {
display: list-item;
}  template {
display: none;
} [hidden] {
display: none;
}  blockquote,
dl,
dd,
h1,
h2,
h3,
h4,
h5,
h6,
hr,
figure,
p,
pre {
margin: 0;
}
button {
background-color: transparent;
background-image: none;
} button:focus {
outline: 1px dotted;
outline: 5px auto -webkit-focus-ring-color;
}
fieldset {
margin: 0;
padding: 0;
}
ol,
ul {
list-style: none;
margin: 0;
padding: 0;
}  html {
font-family: system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji"; line-height: 1.5; } *,
::before,
::after {
-webkit-box-sizing: border-box;
box-sizing: border-box; border-width: 0; border-style: solid; border-color: #e2e8f0; } hr {
border-top-width: 1px;
} img {
border-style: solid;
}
textarea {
resize: vertical;
}
input::-moz-placeholder, textarea::-moz-placeholder {
color: #a0aec0;
}
input::-webkit-input-placeholder, textarea::-webkit-input-placeholder {
color: #a0aec0;
}
input:-ms-input-placeholder, textarea:-ms-input-placeholder {
color: #a0aec0;
}
input::-ms-input-placeholder, textarea::-ms-input-placeholder {
color: #a0aec0;
}
input::placeholder,
textarea::placeholder {
color: #a0aec0;
}
button,
[role="button"] {
cursor: pointer;
}
table {
border-collapse: collapse;
}
h1,
h2,
h3,
h4,
h5,
h6 {
font-size: inherit;
font-weight: inherit;
} a {
color: inherit;
text-decoration: inherit;
} button,
input,
select,
textarea {
padding: 0;
line-height: inherit;
color: inherit;
} pre,
code {
font-family: Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;
} img,
svg,
video,
canvas,
audio,
iframe,
embed,
object {
display: block;
vertical-align: middle;
} img,
video {
max-width: 100%;
height: auto;
}
.container {
width: 100%;
}
@media (min-width: 640px) {
.container {
max-width: 640px;
}
}
@media (min-width: 768px) {
.container {
max-width: 768px;
}
}
@media (min-width: 1024px) {
.container {
max-width: 1024px;
}
}
@media (min-width: 1160px) {
.container {
max-width: 1160px;
}
}
input[type=text], input[type=email], input[type=password], input[type=search], input[type=tel], textarea {
width: 100%;
padding-top: 0.5rem;
padding-bottom: 0.5rem;
padding-left: 0.75rem;
padding-right: 0.75rem;
border-width: 1px;
border-style: solid;
--border-opacity: 1;
border-color: #cbd5e0;
border-color: rgba(203, 213, 224, var(--border-opacity));
font-size: 0.875rem;
line-height: 1.625;
outline: 2px solid transparent;
outline-offset: 2px;
-webkit-transition-property: all;
transition-property: all;
-webkit-transition-duration: 200ms;
transition-duration: 200ms;
-webkit-transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
}
#searchform .search_form_button {
position: absolute;
right: 0;
top: 0;
}
#searchform .search_form_button .searchbut {
line-height: 1.5;
padding-left: 1rem;
padding-right: 1rem;
outline: 2px solid transparent;
outline-offset: 2px;
height: 2.5rem;
--bg-opacity: 1;
background-color: #2d3748;
background-color: rgba(45, 55, 72, var(--bg-opacity));
--text-opacity: 1;
color: #fff;
color: rgba(255, 255, 255, var(--text-opacity));
border-width: 1px;
--border-opacity: 1;
border-color: #2d3748;
border-color: rgba(45, 55, 72, var(--border-opacity));
cursor: pointer;
}
#searchform .search_form_field input[type=text] {
padding-top: 0;
padding-bottom: 0;
height: 2.5rem;
}
.header_search {
position: absolute;
top: 0;
width: 100%;
height: 100%;
-webkit-transition-property: opacity;
transition-property: opacity;
-webkit-transition-duration: 300ms;
transition-duration: 300ms;
opacity: 0;
visibility: hidden;
}
.header_search input[type=text] {
border-width: 0;
background-color: transparent;
font-size: 1.25rem;
width: 100%;
height: 100%;
outline: 2px solid transparent;
outline-offset: 2px;
}
.commentlist ul.children {
margin-left: 3rem;
}
img.alignleft, .alignleft {
float: left;
margin-right: 1.25rem;
margin-bottom: 1.25rem;
}
img.alignright, .alignright {
float: right;
margin-left: 1.25rem;
margin-bottom: 1.25rem;
}
img.aligncenter, .aligncenter {
margin-left: auto;
margin-right: auto;
}
p:last-child, p:last-of-type {
margin-bottom: 0;
}
.single-post .post-content ul:not(.get_social), .wpb_text_column ul:not(.fontawesome_list), .vc_column_text ul:not(.fontawesome_list) {
margin-bottom: 1.5rem;
margin-left: 1.5rem;
list-style-type: disc;
}
ol {
list-style-type: decimal;
margin-left: 1.5rem;
margin-bottom: 1.5rem;
}
ol li {
margin-bottom: 0.25rem;
}
button, .button, input[type="submit"] {
display: inline-block;
padding-top: 0.75rem;
padding-bottom: 0.75rem;
padding-left: 1.5rem;
padding-right: 1.5rem;
font-size: 0.75rem;
line-height: 1.25;
font-weight: 400;
border-width: 1px;
border-color: transparent;
outline: 2px solid transparent;
outline-offset: 2px;
cursor: pointer;
text-transform: uppercase;
-webkit-transition-property: all;
transition-property: all;
-webkit-transition-duration: 200ms;
transition-duration: 200ms;
-webkit-transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
--text-opacity: 1;
color: #fff;
color: rgba(255, 255, 255, var(--text-opacity));
-webkit-box-sizing: border-box;
box-sizing: border-box;
position: relative;
margin: 0;
top: 0;
}
button:focus, .button:focus, input[type="submit"]:focus {
outline: 2px solid transparent;
outline-offset: 2px;
}
button.large {
padding-top: 1rem;
padding-bottom: 1rem;
padding-left: 2rem;
padding-right: 2rem;
font-size: 1rem;
line-height: 1;
}
table {
width: 100%;
border-spacing: 0;
}
b {
font-weight: 700;
}
#top-menu li ul {
visibility: hidden;
opacity: 0;
-webkit-transition-property: all;
transition-property: all;
-webkit-transition-duration: 200ms;
transition-duration: 200ms;
-webkit-transition-timing-function: cubic-bezier(0.4, 0, 1, 1);
transition-timing-function: cubic-bezier(0.4, 0, 1, 1);
position: absolute;
display: block;
width: 10rem;
--bg-opacity: 1;
background-color: #fff;
background-color: rgba(255, 255, 255, var(--bg-opacity));
border-width: 1px;
border-top-width: 0;
--border-opacity: 1;
border-color: #edf2f7;
border-color: rgba(237, 242, 247, var(--border-opacity));
margin-top: 0;
margin-left: -1px;
top: auto;
-webkit-box-sizing: border-box;
box-sizing: border-box;
z-index: 50;
}
#gotoTop:before {
content: "\f106";
font-family: 'Font Awesome 5 Free';
font-weight: 900;
}
.bg-transparent {
background-color: transparent;
}
.bg-black {
--bg-opacity: 1;
background-color: #000;
background-color: rgba(0, 0, 0, var(--bg-opacity));
}
.bg-white {
--bg-opacity: 1;
background-color: #fff;
background-color: rgba(255, 255, 255, var(--bg-opacity));
}
.bg-gray-100 {
--bg-opacity: 1;
background-color: #f7fafc;
background-color: rgba(247, 250, 252, var(--bg-opacity));
}
.bg-gray-200 {
--bg-opacity: 1;
background-color: #edf2f7;
background-color: rgba(237, 242, 247, var(--bg-opacity));
}
.bg-gray-300 {
--bg-opacity: 1;
background-color: #e2e8f0;
background-color: rgba(226, 232, 240, var(--bg-opacity));
}
.bg-gray-400 {
--bg-opacity: 1;
background-color: #cbd5e0;
background-color: rgba(203, 213, 224, var(--bg-opacity));
}
.bg-gray-500 {
--bg-opacity: 1;
background-color: #a0aec0;
background-color: rgba(160, 174, 192, var(--bg-opacity));
}
.bg-gray-600 {
--bg-opacity: 1;
background-color: #718096;
background-color: rgba(113, 128, 150, var(--bg-opacity));
}
.bg-gray-700 {
--bg-opacity: 1;
background-color: #4a5568;
background-color: rgba(74, 85, 104, var(--bg-opacity));
}
.bg-gray-800 {
--bg-opacity: 1;
background-color: #2d3748;
background-color: rgba(45, 55, 72, var(--bg-opacity));
}
.bg-gray-900 {
--bg-opacity: 1;
background-color: #1a202c;
background-color: rgba(26, 32, 44, var(--bg-opacity));
}
.bg-red-500 {
--bg-opacity: 1;
background-color: #f56565;
background-color: rgba(245, 101, 101, var(--bg-opacity));
}
.bg-red-600 {
--bg-opacity: 1;
background-color: #e53e3e;
background-color: rgba(229, 62, 62, var(--bg-opacity));
}
.bg-red-700 {
--bg-opacity: 1;
background-color: #c53030;
background-color: rgba(197, 48, 48, var(--bg-opacity));
}
.bg-red-800 {
--bg-opacity: 1;
background-color: #9b2c2c;
background-color: rgba(155, 44, 44, var(--bg-opacity));
}
.bg-yellow-500 {
--bg-opacity: 1;
background-color: #ecc94b;
background-color: rgba(236, 201, 75, var(--bg-opacity));
}
.bg-green-400 {
--bg-opacity: 1;
background-color: #68d391;
background-color: rgba(104, 211, 145, var(--bg-opacity));
}
.bg-green-500 {
--bg-opacity: 1;
background-color: #48bb78;
background-color: rgba(72, 187, 120, var(--bg-opacity));
}
.bg-green-600 {
--bg-opacity: 1;
background-color: #38a169;
background-color: rgba(56, 161, 105, var(--bg-opacity));
}
.bg-blue-500 {
--bg-opacity: 1;
background-color: #4299e1;
background-color: rgba(66, 153, 225, var(--bg-opacity));
}
.bg-purple-500 {
--bg-opacity: 1;
background-color: #9f7aea;
background-color: rgba(159, 122, 234, var(--bg-opacity));
}
.bg-pink-500 {
--bg-opacity: 1;
background-color: #ed64a6;
background-color: rgba(237, 100, 166, var(--bg-opacity));
}
.bg-opacity-75 {
--bg-opacity: 0.75;
}
.bg-center {
background-position: center;
}
.border-transparent {
border-color: transparent;
}
.border-white {
--border-opacity: 1;
border-color: #fff;
border-color: rgba(255, 255, 255, var(--border-opacity));
}
.border-gray-200 {
--border-opacity: 1;
border-color: #edf2f7;
border-color: rgba(237, 242, 247, var(--border-opacity));
}
.border-gray-300 {
--border-opacity: 1;
border-color: #e2e8f0;
border-color: rgba(226, 232, 240, var(--border-opacity));
}
.border-gray-400 {
--border-opacity: 1;
border-color: #cbd5e0;
border-color: rgba(203, 213, 224, var(--border-opacity));
}
.border-gray-600 {
--border-opacity: 1;
border-color: #718096;
border-color: rgba(113, 128, 150, var(--border-opacity));
}
.border-gray-900 {
--border-opacity: 1;
border-color: #1a202c;
border-color: rgba(26, 32, 44, var(--border-opacity));
}
.border-green-600 {
--border-opacity: 1;
border-color: #38a169;
border-color: rgba(56, 161, 105, var(--border-opacity));
}
.border-blue-400 {
--border-opacity: 1;
border-color: #63b3ed;
border-color: rgba(99, 179, 237, var(--border-opacity));
}
.hover\:border-gray-900:hover {
--border-opacity: 1;
border-color: #1a202c;
border-color: rgba(26, 32, 44, var(--border-opacity));
}
.rounded-none {
border-radius: 0;
}
.rounded-sm {
border-radius: 0.125rem;
}
.rounded {
border-radius: 0.25rem;
}
.rounded-md {
border-radius: 0.375rem;
}
.rounded-lg {
border-radius: 0.5rem;
}
.rounded-full {
border-radius: 9999px;
}
.border-dashed {
border-style: dashed;
}
.border-dotted {
border-style: dotted;
}
.border-double {
border-style: double;
}
.border-0 {
border-width: 0;
}
.border-2 {
border-width: 2px;
}
.border {
border-width: 1px;
}
.border-t-0 {
border-top-width: 0;
}
.border-l-0 {
border-left-width: 0;
}
.border-t-4 {
border-top-width: 4px;
}
.border-t {
border-top-width: 1px;
}
.border-r {
border-right-width: 1px;
}
.border-b {
border-bottom-width: 1px;
}
.border-l {
border-left-width: 1px;
}
.box-border {
-webkit-box-sizing: border-box;
box-sizing: border-box;
}
.cursor-pointer {
cursor: pointer;
}
.block {
display: block;
}
.inline-block {
display: inline-block;
}
.inline {
display: inline;
}
.flex {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
}
.table {
display: table;
}
.grid {
display: grid;
}
.contents {
display: contents;
}
.hidden {
display: none;
}
.last\:hidden:last-child {
display: none;
}
.flex-col {
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
}
.flex-col-reverse {
-webkit-box-orient: vertical;
-webkit-box-direction: reverse;
-ms-flex-direction: column-reverse;
flex-direction: column-reverse;
}
.flex-wrap {
-ms-flex-wrap: wrap;
flex-wrap: wrap;
}
.items-start {
-webkit-box-align: start;
-ms-flex-align: start;
align-items: flex-start;
}
.items-end {
-webkit-box-align: end;
-ms-flex-align: end;
align-items: flex-end;
}
.items-center {
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
}
.items-stretch {
-webkit-box-align: stretch;
-ms-flex-align: stretch;
align-items: stretch;
}
.justify-start {
-webkit-box-pack: start;
-ms-flex-pack: start;
justify-content: flex-start;
}
.justify-end {
-webkit-box-pack: end;
-ms-flex-pack: end;
justify-content: flex-end;
}
.justify-center {
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
}
.justify-between {
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
}
.flex-1 {
-webkit-box-flex: 1;
-ms-flex: 1 1 0%;
flex: 1 1 0%;
}
.flex-none {
-webkit-box-flex: 0;
-ms-flex: none;
flex: none;
}
.flex-grow {
-webkit-box-flex: 1;
-ms-flex-positive: 1;
flex-grow: 1;
}
.order-1 {
-webkit-box-ordinal-group: 2;
-ms-flex-order: 1;
order: 1;
}
.order-2 {
-webkit-box-ordinal-group: 3;
-ms-flex-order: 2;
order: 2;
}
.order-3 {
-webkit-box-ordinal-group: 4;
-ms-flex-order: 3;
order: 3;
}
.float-left {
float: left;
}
.float-none {
float: none;
}
.clearfix:after {
content: "";
display: table;
clear: both;
}
.font-light {
font-weight: 300;
}
.font-normal {
font-weight: 400;
}
.font-medium {
font-weight: 500;
}
.font-semibold {
font-weight: 600;
}
.font-bold {
font-weight: 700;
}
.h-1 {
height: 0.25rem;
}
.h-3 {
height: 0.75rem;
}
.h-5 {
height: 1.25rem;
}
.h-6 {
height: 1.5rem;
}
.h-8 {
height: 2rem;
}
.h-10 {
height: 2.5rem;
}
.h-12 {
height: 3rem;
}
.h-16 {
height: 4rem;
}
.h-auto {
height: auto;
}
.h-px {
height: 1px;
}
.h-full {
height: 100%;
}
.h-screen {
height: 100vh;
}
.text-xs {
font-size: 0.75rem;
}
.text-sm {
font-size: 0.875rem;
}
.text-base {
font-size: 1rem;
}
.text-lg {
font-size: 1.125rem;
}
.text-xl {
font-size: 1.25rem;
}
.text-2xl {
font-size: 1.5rem;
}
.text-3xl {
font-size: 1.875rem;
}
.text-4xl {
font-size: 2.25rem;
}
.text-5xl {
font-size: 3rem;
}
.text-6xl {
font-size: 4rem;
}
.leading-5 {
line-height: 1.25rem;
}
.leading-6 {
line-height: 1.5rem;
}
.leading-7 {
line-height: 1.75rem;
}
.leading-8 {
line-height: 2rem;
}
.leading-9 {
line-height: 2.25rem;
}
.leading-10 {
line-height: 2.5rem;
}
.leading-none {
line-height: 1;
}
.leading-tight {
line-height: 1.25;
}
.leading-snug {
line-height: 1.375;
}
.leading-normal {
line-height: 1.5;
}
.leading-relaxed {
line-height: 1.625;
}
.leading-loose {
line-height: 2;
}
.m-0 {
margin: 0;
}
.m-1 {
margin: 0.25rem;
}
.m-2 {
margin: 0.5rem;
}
.m-auto {
margin: auto;
}
.m-px {
margin: 1px;
}
.my-4 {
margin-top: 1rem;
margin-bottom: 1rem;
}
.my-5 {
margin-top: 1.25rem;
margin-bottom: 1.25rem;
}
.my-8 {
margin-top: 2rem;
margin-bottom: 2rem;
}
.my-12 {
margin-top: 3rem;
margin-bottom: 3rem;
}
.mx-auto {
margin-left: auto;
margin-right: auto;
}
.mt-0 {
margin-top: 0;
}
.mr-0 {
margin-right: 0;
}
.mb-0 {
margin-bottom: 0;
}
.ml-0 {
margin-left: 0;
}
.mr-1 {
margin-right: 0.25rem;
}
.mb-1 {
margin-bottom: 0.25rem;
}
.ml-1 {
margin-left: 0.25rem;
}
.mt-2 {
margin-top: 0.5rem;
}
.mr-2 {
margin-right: 0.5rem;
}
.mb-2 {
margin-bottom: 0.5rem;
}
.ml-2 {
margin-left: 0.5rem;
}
.mt-3 {
margin-top: 0.75rem;
}
.mr-3 {
margin-right: 0.75rem;
}
.mb-3 {
margin-bottom: 0.75rem;
}
.ml-3 {
margin-left: 0.75rem;
}
.mt-4 {
margin-top: 1rem;
}
.mr-4 {
margin-right: 1rem;
}
.mb-4 {
margin-bottom: 1rem;
}
.ml-4 {
margin-left: 1rem;
}
.mt-5 {
margin-top: 1.25rem;
}
.mr-5 {
margin-right: 1.25rem;
}
.mb-5 {
margin-bottom: 1.25rem;
}
.ml-5 {
margin-left: 1.25rem;
}
.mt-6 {
margin-top: 1.5rem;
}
.mr-6 {
margin-right: 1.5rem;
}
.mb-6 {
margin-bottom: 1.5rem;
}
.mr-8 {
margin-right: 2rem;
}
.mb-8 {
margin-bottom: 2rem;
}
.mt-10 {
margin-top: 2.5rem;
}
.mr-10 {
margin-right: 2.5rem;
}
.mb-10 {
margin-bottom: 2.5rem;
}
.ml-10 {
margin-left: 2.5rem;
}
.mt-12 {
margin-top: 3rem;
}
.mb-12 {
margin-bottom: 3rem;
}
.mr-auto {
margin-right: auto;
}
.ml-auto {
margin-left: auto;
}
.-ml-1 {
margin-left: -0.25rem;
}
.-mt-2 {
margin-top: -0.5rem;
}
.-mt-6 {
margin-top: -1.5rem;
}
.-ml-6 {
margin-left: -1.5rem;
}
.-mt-12 {
margin-top: -3rem;
}
.-mr-px {
margin-right: -1px;
}
.-mb-px {
margin-bottom: -1px;
}
.-ml-px {
margin-left: -1px;
}
.last\:mr-0:last-child {
margin-right: 0;
}
.last\:ml-0:last-child {
margin-left: 0;
}
.hover\:-mt-5:hover {
margin-top: -1.25rem;
}
.group:hover .group-hover\:mt-0 {
margin-top: 0;
}
.group:hover .group-hover\:mb-0 {
margin-bottom: 0;
}
.group:hover .group-hover\:ml-0 {
margin-left: 0;
}
.max-w-none {
max-width: none;
}
.max-w-full {
max-width: 100%;
}
.min-h-full {
min-height: 100%;
}
.object-cover {
-o-object-fit: cover;
object-fit: cover;
}
.opacity-0 {
opacity: 0;
}
.group:hover .group-hover\:opacity-75 {
opacity: 0.75;
}
.group:hover .group-hover\:opacity-100 {
opacity: 1;
}
.outline-none {
outline: 2px solid transparent;
outline-offset: 2px;
}
.focus\:outline-none:focus {
outline: 2px solid transparent;
outline-offset: 2px;
}
.overflow-hidden {
overflow: hidden;
}
.overflow-x-hidden {
overflow-x: hidden;
}
.overflow-y-hidden {
overflow-y: hidden;
}
.overflow-y-scroll {
overflow-y: scroll;
}
.scrolling-touch {
-webkit-overflow-scrolling: touch;
}
.p-0 {
padding: 0;
}
.p-2 {
padding: 0.5rem;
}
.p-3 {
padding: 0.75rem;
}
.p-4 {
padding: 1rem;
}
.p-5 {
padding: 1.25rem;
}
.p-6 {
padding: 1.5rem;
}
.p-8 {
padding: 2rem;
}
.p-10 {
padding: 2.5rem;
}
.p-16 {
padding: 4rem;
}
.p-px {
padding: 1px;
}
.py-1 {
padding-top: 0.25rem;
padding-bottom: 0.25rem;
}
.px-1 {
padding-left: 0.25rem;
padding-right: 0.25rem;
}
.py-2 {
padding-top: 0.5rem;
padding-bottom: 0.5rem;
}
.px-2 {
padding-left: 0.5rem;
padding-right: 0.5rem;
}
.py-3 {
padding-top: 0.75rem;
padding-bottom: 0.75rem;
}
.px-3 {
padding-left: 0.75rem;
padding-right: 0.75rem;
}
.py-4 {
padding-top: 1rem;
padding-bottom: 1rem;
}
.px-4 {
padding-left: 1rem;
padding-right: 1rem;
}
.py-5 {
padding-top: 1.25rem;
padding-bottom: 1.25rem;
}
.px-5 {
padding-left: 1.25rem;
padding-right: 1.25rem;
}
.py-6 {
padding-top: 1.5rem;
padding-bottom: 1.5rem;
}
.px-6 {
padding-left: 1.5rem;
padding-right: 1.5rem;
}
.py-8 {
padding-top: 2rem;
padding-bottom: 2rem;
}
.py-12 {
padding-top: 3rem;
padding-bottom: 3rem;
}
.px-12 {
padding-left: 3rem;
padding-right: 3rem;
}
.pr-0 {
padding-right: 0;
}
.pb-0 {
padding-bottom: 0;
}
.pl-0 {
padding-left: 0;
}
.pt-2 {
padding-top: 0.5rem;
}
.pr-2 {
padding-right: 0.5rem;
}
.pb-2 {
padding-bottom: 0.5rem;
}
.pl-2 {
padding-left: 0.5rem;
}
.pt-3 {
padding-top: 0.75rem;
}
.pr-3 {
padding-right: 0.75rem;
}
.pb-3 {
padding-bottom: 0.75rem;
}
.pl-3 {
padding-left: 0.75rem;
}
.pt-4 {
padding-top: 1rem;
}
.pb-4 {
padding-bottom: 1rem;
}
.pl-4 {
padding-left: 1rem;
}
.pt-5 {
padding-top: 1.25rem;
}
.pb-5 {
padding-bottom: 1.25rem;
}
.pt-6 {
padding-top: 1.5rem;
}
.pb-6 {
padding-bottom: 1.5rem;
}
.pl-6 {
padding-left: 1.5rem;
}
.pt-8 {
padding-top: 2rem;
}
.pb-8 {
padding-bottom: 2rem;
}
.pl-8 {
padding-left: 2rem;
}
.pb-10 {
padding-bottom: 2.5rem;
}
.pt-12 {
padding-top: 3rem;
}
.pr-40 {
padding-right: 10rem;
}
.pointer-events-none {
pointer-events: none;
}
.static {
position: static;
}
.fixed {
position: fixed;
}
.absolute {
position: absolute;
}
.relative {
position: relative;
}
.sticky {
position: sticky;
}
.inset-0 {
top: 0;
right: 0;
bottom: 0;
left: 0;
}
.top-0 {
top: 0;
}
.right-0 {
right: 0;
}
.bottom-0 {
bottom: 0;
}
.left-0 {
left: 0;
}
.top-auto {
top: auto;
}
.resize {
resize: both;
}
.shadow-sm {
-webkit-box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.05);
box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.05);
}
.shadow {
-webkit-box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.1), 0 1px 2px 0 rgba(0, 0, 0, 0.06);
box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.1), 0 1px 2px 0 rgba(0, 0, 0, 0.06);
}
.shadow-md {
-webkit-box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -1px rgba(0, 0, 0, 0.06);
box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -1px rgba(0, 0, 0, 0.06);
}
.shadow-lg {
-webkit-box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -2px rgba(0, 0, 0, 0.05);
box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -2px rgba(0, 0, 0, 0.05);
}
.shadow-xl {
-webkit-box-shadow: 0 20px 25px -5px rgba(0, 0, 0, 0.1), 0 10px 10px -5px rgba(0, 0, 0, 0.04);
box-shadow: 0 20px 25px -5px rgba(0, 0, 0, 0.1), 0 10px 10px -5px rgba(0, 0, 0, 0.04);
}
.shadow-2xl {
-webkit-box-shadow: 0 25px 50px -12px rgba(0, 0, 0, 0.25);
box-shadow: 0 25px 50px -12px rgba(0, 0, 0, 0.25);
}
.shadow-none {
-webkit-box-shadow: none;
box-shadow: none;
}
.shadow-header {
-webkit-box-shadow: 0 4px 10px rgba(0, 0, 0, 0.08);
box-shadow: 0 4px 10px rgba(0, 0, 0, 0.08);
}
.hover\:shadow-sm:hover {
-webkit-box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.05);
box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.05);
}
.hover\:shadow:hover {
-webkit-box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.1), 0 1px 2px 0 rgba(0, 0, 0, 0.06);
box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.1), 0 1px 2px 0 rgba(0, 0, 0, 0.06);
}
.hover\:shadow-md:hover {
-webkit-box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -1px rgba(0, 0, 0, 0.06);
box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -1px rgba(0, 0, 0, 0.06);
}
.hover\:shadow-lg:hover {
-webkit-box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -2px rgba(0, 0, 0, 0.05);
box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -2px rgba(0, 0, 0, 0.05);
}
.hover\:shadow-xl:hover {
-webkit-box-shadow: 0 20px 25px -5px rgba(0, 0, 0, 0.1), 0 10px 10px -5px rgba(0, 0, 0, 0.04);
box-shadow: 0 20px 25px -5px rgba(0, 0, 0, 0.1), 0 10px 10px -5px rgba(0, 0, 0, 0.04);
}
.hover\:shadow-2xl:hover {
-webkit-box-shadow: 0 25px 50px -12px rgba(0, 0, 0, 0.25);
box-shadow: 0 25px 50px -12px rgba(0, 0, 0, 0.25);
}
.hover\:shadow-none:hover {
-webkit-box-shadow: none;
box-shadow: none;
}
.text-left {
text-align: left;
}
.text-center {
text-align: center;
}
.text-right {
text-align: right;
}
.text-transparent {
color: transparent;
}
.text-white {
--text-opacity: 1;
color: #fff;
color: rgba(255, 255, 255, var(--text-opacity));
}
.text-gray-500 {
--text-opacity: 1;
color: #a0aec0;
color: rgba(160, 174, 192, var(--text-opacity));
}
.text-gray-600 {
--text-opacity: 1;
color: #718096;
color: rgba(113, 128, 150, var(--text-opacity));
}
.text-gray-700 {
--text-opacity: 1;
color: #4a5568;
color: rgba(74, 85, 104, var(--text-opacity));
}
.text-gray-800 {
--text-opacity: 1;
color: #2d3748;
color: rgba(45, 55, 72, var(--text-opacity));
}
.text-gray-900 {
--text-opacity: 1;
color: #1a202c;
color: rgba(26, 32, 44, var(--text-opacity));
}
.text-blue-600 {
--text-opacity: 1;
color: #3182ce;
color: rgba(49, 130, 206, var(--text-opacity));
}
.hover\:text-gray-800:hover {
--text-opacity: 1;
color: #2d3748;
color: rgba(45, 55, 72, var(--text-opacity));
}
.hover\:text-gray-900:hover {
--text-opacity: 1;
color: #1a202c;
color: rgba(26, 32, 44, var(--text-opacity));
}
.italic {
font-style: italic;
}
.uppercase {
text-transform: uppercase;
}
.lowercase {
text-transform: lowercase;
}
.capitalize {
text-transform: capitalize;
}
.underline {
text-decoration: underline;
}
.tracking-wide {
letter-spacing: 0.025em;
}
.tracking-widest {
letter-spacing: 0.1em;
}
.visible {
visibility: visible;
}
.invisible {
visibility: hidden;
}
.w-5 {
width: 1.25rem;
}
.w-6 {
width: 1.5rem;
}
.w-8 {
width: 2rem;
}
.w-10 {
width: 2.5rem;
}
.w-12 {
width: 3rem;
}
.w-16 {
width: 4rem;
}
.w-20 {
width: 5rem;
}
.w-24 {
width: 6rem;
}
.w-32 {
width: 8rem;
}
.w-40 {
width: 10rem;
}
.w-64 {
width: 16rem;
}
.w-auto {
width: auto;
}
.w-1\/2 {
width: 50%;
}
.w-2\/4 {
width: 50%;
}
.w-2\/5 {
width: 40%;
}
.w-3\/5 {
width: 60%;
}
.w-4\/6 {
width: 66.666667%;
}
.w-full {
width: 100%;
}
.z-0 {
z-index: 0;
}
.z-10 {
z-index: 10;
}
.z-20 {
z-index: 20;
}
.z-30 {
z-index: 30;
}
.z-50 {
z-index: 50;
}
.gap-1 {
grid-gap: 0.25rem;
gap: 0.25rem;
}
.gap-3 {
grid-gap: 0.75rem;
gap: 0.75rem;
}
.gap-4 {
grid-gap: 1rem;
gap: 1rem;
}
.gap-6 {
grid-gap: 1.5rem;
gap: 1.5rem;
}
.gap-8 {
grid-gap: 2rem;
gap: 2rem;
}
.gap-10 {
grid-gap: 2.5rem;
gap: 2.5rem;
}
.gap-12 {
grid-gap: 3rem;
gap: 3rem;
}
.grid-cols-1 {
grid-template-columns: repeat(1, minmax(0, 1fr));
}
.grid-cols-2 {
grid-template-columns: repeat(2, minmax(0, 1fr));
}
.grid-cols-3 {
grid-template-columns: repeat(3, minmax(0, 1fr));
}
.grid-cols-4 {
grid-template-columns: repeat(4, minmax(0, 1fr));
}
.grid-cols-5 {
grid-template-columns: repeat(5, minmax(0, 1fr));
}
.grid-cols-6 {
grid-template-columns: repeat(6, minmax(0, 1fr));
}
.grid-cols-7 {
grid-template-columns: repeat(7, minmax(0, 1fr));
}
.grid-cols-8 {
grid-template-columns: repeat(8, minmax(0, 1fr));
}
.col-span-4 {
grid-column: span 4 / span 4;
}
.col-span-7 {
grid-column: span 7 / span 7;
}
.transform {
--transform-translate-x: 0;
--transform-translate-y: 0;
--transform-rotate: 0;
--transform-skew-x: 0;
--transform-skew-y: 0;
--transform-scale-x: 1;
--transform-scale-y: 1;
-webkit-transform: translateX(var(--transform-translate-x)) translateY(var(--transform-translate-y)) rotate(var(--transform-rotate)) skewX(var(--transform-skew-x)) skewY(var(--transform-skew-y)) scaleX(var(--transform-scale-x)) scaleY(var(--transform-scale-y));
transform: translateX(var(--transform-translate-x)) translateY(var(--transform-translate-y)) rotate(var(--transform-rotate)) skewX(var(--transform-skew-x)) skewY(var(--transform-skew-y)) scaleX(var(--transform-scale-x)) scaleY(var(--transform-scale-y));
}
.hover\:scale-125:hover {
--transform-scale-x: 1.25;
--transform-scale-y: 1.25;
}
.transition-all {
-webkit-transition-property: all;
transition-property: all;
}
.transition {
-webkit-transition-property: background-color, border-color, color, fill, stroke, opacity, -webkit-box-shadow, -webkit-transform;
transition-property: background-color, border-color, color, fill, stroke, opacity, -webkit-box-shadow, -webkit-transform;
transition-property: background-color, border-color, color, fill, stroke, opacity, box-shadow, transform;
transition-property: background-color, border-color, color, fill, stroke, opacity, box-shadow, transform, -webkit-box-shadow, -webkit-transform;
}
.transition-colors {
-webkit-transition-property: background-color, border-color, color, fill, stroke;
transition-property: background-color, border-color, color, fill, stroke;
}
.transition-opacity {
-webkit-transition-property: opacity;
transition-property: opacity;
}
.transition-shadow {
-webkit-transition-property: -webkit-box-shadow;
transition-property: -webkit-box-shadow;
transition-property: box-shadow;
transition-property: box-shadow, -webkit-box-shadow;
}
.transition-transform {
-webkit-transition-property: -webkit-transform;
transition-property: -webkit-transform;
transition-property: transform;
transition-property: transform, -webkit-transform;
}
.ease-linear {
-webkit-transition-timing-function: linear;
transition-timing-function: linear;
}
.ease-in {
-webkit-transition-timing-function: cubic-bezier(0.4, 0, 1, 1);
transition-timing-function: cubic-bezier(0.4, 0, 1, 1);
}
.ease-out {
-webkit-transition-timing-function: cubic-bezier(0, 0, 0.2, 1);
transition-timing-function: cubic-bezier(0, 0, 0.2, 1);
}
.ease-in-out {
-webkit-transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
}
.duration-100 {
-webkit-transition-duration: 100ms;
transition-duration: 100ms;
}
.duration-200 {
-webkit-transition-duration: 200ms;
transition-duration: 200ms;
}
.duration-300 {
-webkit-transition-duration: 300ms;
transition-duration: 300ms;
}
.duration-500 {
-webkit-transition-duration: 500ms;
transition-duration: 500ms;
}
.delay-200 {
-webkit-transition-delay: 200ms;
transition-delay: 200ms;
}
@-webkit-keyframes spin {
to {
-webkit-transform: rotate(360deg);
transform: rotate(360deg);
}
}
@keyframes spin {
to {
-webkit-transform: rotate(360deg);
transform: rotate(360deg);
}
}
@-webkit-keyframes ping {
75%, 100% {
-webkit-transform: scale(2);
transform: scale(2);
opacity: 0;
}
}
@keyframes ping {
75%, 100% {
-webkit-transform: scale(2);
transform: scale(2);
opacity: 0;
}
}
@-webkit-keyframes pulse {
50% {
opacity: .5;
}
}
@keyframes pulse {
50% {
opacity: .5;
}
}
@-webkit-keyframes bounce {
0%, 100% {
-webkit-transform: translateY(-25%);
transform: translateY(-25%);
-webkit-animation-timing-function: cubic-bezier(0.8, 0, 1, 1);
animation-timing-function: cubic-bezier(0.8, 0, 1, 1);
}
50% {
-webkit-transform: none;
transform: none;
-webkit-animation-timing-function: cubic-bezier(0, 0, 0.2, 1);
animation-timing-function: cubic-bezier(0, 0, 0.2, 1);
}
}
@keyframes bounce {
0%, 100% {
-webkit-transform: translateY(-25%);
transform: translateY(-25%);
-webkit-animation-timing-function: cubic-bezier(0.8, 0, 1, 1);
animation-timing-function: cubic-bezier(0.8, 0, 1, 1);
}
50% {
-webkit-transform: none;
transform: none;
-webkit-animation-timing-function: cubic-bezier(0, 0, 0.2, 1);
animation-timing-function: cubic-bezier(0, 0, 0.2, 1);
}
}
@media (min-width: 640px) {
.sm\:block {
display: block;
}
.sm\:flex {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
}
.sm\:hidden {
display: none;
}
.sm\:justify-start {
-webkit-box-pack: start;
-ms-flex-pack: start;
justify-content: flex-start;
}
.sm\:mb-0 {
margin-bottom: 0;
}
.sm\:mr-2 {
margin-right: 0.5rem;
}
.sm\:ml-2 {
margin-left: 0.5rem;
}
.sm\:pt-0 {
padding-top: 0;
}
.sm\:pb-0 {
padding-bottom: 0;
}
.sm\:text-left {
text-align: left;
}
.sm\:grid-cols-2 {
grid-template-columns: repeat(2, minmax(0, 1fr));
}
}
@media (min-width: 768px) {
.md\:bg-transparent {
background-color: transparent;
}
.md\:border-l {
border-left-width: 1px;
}
.md\:block {
display: block;
}
.md\:inline-block {
display: inline-block;
}
.md\:flex {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
}
.md\:grid {
display: grid;
}
.md\:hidden {
display: none;
}
.md\:flex-row {
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-ms-flex-direction: row;
flex-direction: row;
}
.md\:justify-center {
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
}
.md\:justify-between {
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
}
.md\:order-2 {
-webkit-box-ordinal-group: 3;
-ms-flex-order: 2;
order: 2;
}
.md\:order-3 {
-webkit-box-ordinal-group: 4;
-ms-flex-order: 3;
order: 3;
}
.md\:text-5xl {
font-size: 3rem;
}
.md\:m-3 {
margin: 0.75rem;
}
.md\:mt-0 {
margin-top: 0;
}
.md\:mb-0 {
margin-bottom: 0;
}
.md\:mr-4 {
margin-right: 1rem;
}
.md\:ml-4 {
margin-left: 1rem;
}
.md\:mr-5 {
margin-right: 1.25rem;
}
.md\:ml-5 {
margin-left: 1.25rem;
}
.md\:mr-6 {
margin-right: 1.5rem;
}
.md\:mb-6 {
margin-bottom: 1.5rem;
}
.md\:mr-10 {
margin-right: 2.5rem;
}
.md\:mr-12 {
margin-right: 3rem;
}
.md\:px-4 {
padding-left: 1rem;
padding-right: 1rem;
}
.md\:pl-2 {
padding-left: 0.5rem;
}
.md\:pl-4 {
padding-left: 1rem;
}
.md\:pl-5 {
padding-left: 1.25rem;
}
.md\:absolute {
position: absolute;
}
.md\:text-left {
text-align: left;
}
.md\:text-right {
text-align: right;
}
.md\:w-64 {
width: 16rem;
}
.md\:w-1\/3 {
width: 33.333333%;
}
.md\:w-2\/4 {
width: 50%;
}
.md\:w-2\/5 {
width: 40%;
}
.md\:w-4\/12 {
width: 33.333333%;
}
.md\:gap-6 {
grid-gap: 1.5rem;
gap: 1.5rem;
}
.md\:gap-8 {
grid-gap: 2rem;
gap: 2rem;
}
.md\:grid-cols-1 {
grid-template-columns: repeat(1, minmax(0, 1fr));
}
.md\:grid-cols-2 {
grid-template-columns: repeat(2, minmax(0, 1fr));
}
.md\:grid-cols-3 {
grid-template-columns: repeat(3, minmax(0, 1fr));
}
.md\:grid-cols-4 {
grid-template-columns: repeat(4, minmax(0, 1fr));
}
.md\:grid-cols-5 {
grid-template-columns: repeat(5, minmax(0, 1fr));
}
.md\:grid-cols-7 {
grid-template-columns: repeat(7, minmax(0, 1fr));
}
}
@media (min-width: 1024px) {
.lg\:border-l {
border-left-width: 1px;
}
.lg\:block {
display: block;
}
.lg\:flex {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
}
.lg\:hidden {
display: none;
}
.lg\:flex-row {
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-ms-flex-direction: row;
flex-direction: row;
}
.lg\:justify-start {
-webkit-box-pack: start;
-ms-flex-pack: start;
justify-content: flex-start;
}
.lg\:justify-end {
-webkit-box-pack: end;
-ms-flex-pack: end;
justify-content: flex-end;
}
.lg\:justify-between {
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
}
.lg\:h-10 {
height: 2.5rem;
}
.lg\:leading-10 {
line-height: 2.5rem;
}
.lg\:mt-0 {
margin-top: 0;
}
.lg\:mb-0 {
margin-bottom: 0;
}
.lg\:ml-4 {
margin-left: 1rem;
}
.lg\:p-8 {
padding: 2rem;
}
.lg\:py-0 {
padding-top: 0;
padding-bottom: 0;
}
.lg\:px-10 {
padding-left: 2.5rem;
padding-right: 2.5rem;
}
.lg\:pl-2 {
padding-left: 0.5rem;
}
.lg\:text-left {
text-align: left;
}
.lg\:w-1\/2 {
width: 50%;
}
.lg\:gap-8 {
grid-gap: 2rem;
gap: 2rem;
}
.lg\:grid-cols-2 {
grid-template-columns: repeat(2, minmax(0, 1fr));
}
.lg\:grid-cols-3 {
grid-template-columns: repeat(3, minmax(0, 1fr));
}
.lg\:grid-cols-4 {
grid-template-columns: repeat(4, minmax(0, 1fr));
}
.lg\:grid-cols-5 {
grid-template-columns: repeat(5, minmax(0, 1fr));
}
.lg\:grid-cols-6 {
grid-template-columns: repeat(6, minmax(0, 1fr));
}
.lg\:grid-cols-12 {
grid-template-columns: repeat(12, minmax(0, 1fr));
}
}
@media (min-width: 1160px) {
.xl\:block {
display: block;
}
.xl\:flex {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
}
.xl\:hidden {
display: none;
}
.xl\:justify-between {
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
}
.xl\:h-full {
height: 100%;
}
.xl\:my-12 {
margin-top: 3rem;
margin-bottom: 3rem;
}
.xl\:ml-20 {
margin-left: 5rem;
}
.xl\:-ml-20 {
margin-left: -5rem;
}
.xl\:opacity-0 {
opacity: 0;
}
.xl\:py-0 {
padding-top: 0;
padding-bottom: 0;
}
.xl\:px-0 {
padding-left: 0;
padding-right: 0;
}
.xl\:px-4 {
padding-left: 1rem;
padding-right: 1rem;
}
.xl\:px-6 {
padding-left: 1.5rem;
padding-right: 1.5rem;
}
.xl\:py-12 {
padding-top: 3rem;
padding-bottom: 3rem;
}
.xl\:pb-4 {
padding-bottom: 1rem;
}
.xl\:pt-12 {
padding-top: 3rem;
}
.xl\:fixed {
position: fixed;
}
.xl\:absolute {
position: absolute;
}
.xl\:text-left {
text-align: left;
}
}