/* bootstrap.min.css */
/*!
* Bootstrap v3.3.4 (http://getbootstrap.com)
* Copyright 2011-2015 Twitter, Inc.
* Licensed under MIT (https://github.com/twbs/bootstrap/blob/master/LICENSE)
*/
/*! normalize.css v3.0.2 | MIT License | git.io/normalize */
html {
/* font-family: sans-serif; */
-webkit-text-size-adjust: 100%;
-ms-text-size-adjust: 100%;
}
body {
margin: 0;
}
article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
main,
menu,
nav,
section,
summary {
display: block;
}
audio,
canvas,
progress,
video {
display: inline-block;
vertical-align: baseline;
}
audio:not([controls]) {
display: none;
height: 0;
}
[hidden],
template {
display: none;
}
a {
background-color: transparent;
}
a:active,
a:hover {
outline: 0;
}
abbr[title] {
border-bottom: 1px dotted;
}
b,
strong {
font-weight: bold;
}
dfn {
font-style: italic;
}
h1 {
margin: .67em 0;
font-size: 2em;
}
mark {
color: #000;
background: #ff0;
}
small {
font-size: 80%;
}
sub,
sup {
position: relative;
font-size: 75%;
line-height: 0;
vertical-align: baseline;
}
sup {
top: -.5em;
}
sub {
bottom: -.25em;
}
img {
border: 0;
}
svg:not(:root) {
overflow: hidden;
}
figure {
margin: 1em 40px;
}
hr {
height: 0;
-webkit-box-sizing: content-box;
-moz-box-sizing: content-box;
box-sizing: content-box;
}
pre {
overflow: auto;
}
code,
kbd,
pre,
samp {
/* font-family: monospace, monospace; */
font-size: 1em;
}
button,
input,
optgroup,
select,
textarea {
margin: 0;
font: inherit;
color: inherit;
}
button {
overflow: visible;
}
button,
select {
text-transform: none;
}
button,
html input[type="button"],
input[type="reset"],
input[type="submit"] {
-webkit-appearance: button;
cursor: pointer;
}
button[disabled],
html input[disabled] {
cursor: default;
}
button::-moz-focus-inner,
input::-moz-focus-inner {
padding: 0;
border: 0;
}
input {
line-height: normal;
}
input[type="checkbox"],
input[type="radio"] {
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
padding: 0;
}
input[type="number"]::-webkit-inner-spin-button,
input[type="number"]::-webkit-outer-spin-button {
height: auto;
}
input[type="search"] {
-webkit-box-sizing: content-box;
-moz-box-sizing: content-box;
box-sizing: content-box;
-webkit-appearance: textfield;
}
input[type="search"]::-webkit-search-cancel-button,
input[type="search"]::-webkit-search-decoration {
-webkit-appearance: none;
}
fieldset {
padding: .35em .625em .75em;
margin: 0 2px;
border: 1px solid #c0c0c0;
}
legend {
padding: 0;
border: 0;
}
textarea {
overflow: auto;
}
optgroup {
font-weight: bold;
}
table {
border-spacing: 0;
border-collapse: collapse;
}
td,
th {
padding: 0;
}
/*! Source: https://github.com/h5bp/html5-boilerplate/blob/master/src/css/main.css */
@media print {
*,
*:before,
*:after {
color: #000 !important;
text-shadow: none !important;
background: transparent !important;
-webkit-box-shadow: none !important;
box-shadow: none !important;
}
a,
a:visited {
text-decoration: underline;
}
a[href]:after {
content: " (" attr(href) ")";
}
abbr[title]:after {
content: " (" attr(title) ")";
}
a[href^="#"]:after,
a[href^="javascript:"]:after {
content: "";
}
pre,
blockquote {
border: 1px solid #999;
page-break-inside: avoid;
}
thead {
display: table-header-group;
}
tr,
img {
page-break-inside: avoid;
}
img {
max-width: 100% !important;
}
p,
h2,
h3 {
orphans: 3;
widows: 3;
}
h2,
h3 {
page-break-after: avoid;
}
select {
background: #fff !important;
}
.navbar {
display: none;
}
.btn>.caret,
.dropup>.btn>.caret {
border-top-color: #000 !important;
}
.label {
border: 1px solid #000;
}
.table {
border-collapse: collapse !important;
}
.table td,
.table th {
background-color: #fff !important;
}
.table-bordered th,
.table-bordered td {
border: 1px solid #ddd !important;
}
}
@font-face {
font-family: 'Glyphicons Halflings';
src: url('../fonts/glyphicons-halflings-regular.eot');
src: url('../fonts/glyphicons-halflings-regular.eot?#iefix') format('embedded-opentype'), url('../fonts/glyphicons-halflings-regular.woff2') format('woff2'), url('../fonts/glyphicons-halflings-regular.woff') format('woff'), url('../fonts/glyphicons-halflings-regular.ttf') format('truetype'), url('../fonts/glyphicons-halflings-regular.svg#glyphicons_halflingsregular') format('svg');
}
.glyphicon {
position: relative;
top: 1px;
display: inline-block;
font-family: 'Glyphicons Halflings';
font-style: normal;
font-weight: normal;
line-height: 1;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}
.glyphicon-asterisk:before {
content: "\2a";
}
.glyphicon-plus:before {
content: "\2b";
}
.glyphicon-euro:before,
.glyphicon-eur:before {
content: "\20ac";
}
.glyphicon-minus:before {
content: "\2212";
}
.glyphicon-cloud:before {
content: "\2601";
}
.glyphicon-envelope:before {
content: "\2709";
}
.glyphicon-pencil:before {
content: "\270f";
}
.glyphicon-glass:before {
content: "\e001";
}
.glyphicon-music:before {
content: "\e002";
}
.glyphicon-search:before {
content: "\e003";
}
.glyphicon-heart:before {
content: "\e005";
}
.glyphicon-star:before {
content: "\e006";
}
.glyphicon-star-empty:before {
content: "\e007";
}
.glyphicon-user:before {
content: "\e008";
}
.glyphicon-film:before {
content: "\e009";
}
.glyphicon-th-large:before {
content: "\e010";
}
.glyphicon-th:before {
content: "\e011";
}
.glyphicon-th-list:before {
content: "\e012";
}
.glyphicon-ok:before {
content: "\e013";
}
.glyphicon-remove:before {
content: "\e014";
}
.glyphicon-zoom-in:before {
content: "\e015";
}
.glyphicon-zoom-out:before {
content: "\e016";
}
.glyphicon-off:before {
content: "\e017";
}
.glyphicon-signal:before {
content: "\e018";
}
.glyphicon-cog:before {
content: "\e019";
}
.glyphicon-trash:before {
content: "\e020";
}
.glyphicon-home:before {
content: "\e021";
}
.glyphicon-file:before {
content: "\e022";
}
.glyphicon-time:before {
content: "\e023";
}
.glyphicon-road:before {
content: "\e024";
}
.glyphicon-download-alt:before {
content: "\e025";
}
.glyphicon-download:before {
content: "\e026";
}
.glyphicon-upload:before {
content: "\e027";
}
.glyphicon-inbox:before {
content: "\e028";
}
.glyphicon-play-circle:before {
content: "\e029";
}
.glyphicon-repeat:before {
content: "\e030";
}
.glyphicon-refresh:before {
content: "\e031";
}
.glyphicon-list-alt:before {
content: "\e032";
}
.glyphicon-lock:before {
content: "\e033";
}
.glyphicon-flag:before {
content: "\e034";
}
.glyphicon-headphones:before {
content: "\e035";
}
.glyphicon-volume-off:before {
content: "\e036";
}
.glyphicon-volume-down:before {
content: "\e037";
}
.glyphicon-volume-up:before {
content: "\e038";
}
.glyphicon-qrcode:before {
content: "\e039";
}
.glyphicon-barcode:before {
content: "\e040";
}
.glyphicon-tag:before {
content: "\e041";
}
.glyphicon-tags:before {
content: "\e042";
}
.glyphicon-book:before {
content: "\e043";
}
.glyphicon-bookmark:before {
content: "\e044";
}
.glyphicon-print:before {
content: "\e045";
}
.glyphicon-camera:before {
content: "\e046";
}
.glyphicon-font:before {
content: "\e047";
}
.glyphicon-bold:before {
content: "\e048";
}
.glyphicon-italic:before {
content: "\e049";
}
.glyphicon-text-height:before {
content: "\e050";
}
.glyphicon-text-width:before {
content: "\e051";
}
.glyphicon-align-left:before {
content: "\e052";
}
.glyphicon-align-center:before {
content: "\e053";
}
.glyphicon-align-right:before {
content: "\e054";
}
.glyphicon-align-justify:before {
content: "\e055";
}
.glyphicon-list:before {
content: "\e056";
}
.glyphicon-indent-left:before {
content: "\e057";
}
.glyphicon-indent-right:before {
content: "\e058";
}
.glyphicon-facetime-video:before {
content: "\e059";
}
.glyphicon-picture:before {
content: "\e060";
}
.glyphicon-map-marker:before {
content: "\e062";
}
.glyphicon-adjust:before {
content: "\e063";
}
.glyphicon-tint:before {
content: "\e064";
}
.glyphicon-edit:before {
content: "\e065";
}
.glyphicon-share:before {
content: "\e066";
}
.glyphicon-check:before {
content: "\e067";
}
.glyphicon-move:before {
content: "\e068";
}
.glyphicon-step-backward:before {
content: "\e069";
}
.glyphicon-fast-backward:before {
content: "\e070";
}
.glyphicon-backward:before {
content: "\e071";
}
.glyphicon-play:before {
content: "\e072";
}
.glyphicon-pause:before {
content: "\e073";
}
.glyphicon-stop:before {
content: "\e074";
}
.glyphicon-forward:before {
content: "\e075";
}
.glyphicon-fast-forward:before {
content: "\e076";
}
.glyphicon-step-forward:before {
content: "\e077";
}
.glyphicon-eject:before {
content: "\e078";
}
.glyphicon-chevron-left:before {
content: "\e079";
}
.glyphicon-chevron-right:before {
content: "\e080";
}
.glyphicon-plus-sign:before {
content: "\e081";
}
.glyphicon-minus-sign:before {
content: "\e082";
}
.glyphicon-remove-sign:before {
content: "\e083";
}
.glyphicon-ok-sign:before {
content: "\e084";
}
.glyphicon-question-sign:before {
content: "\e085";
}
.glyphicon-info-sign:before {
content: "\e086";
}
.glyphicon-screenshot:before {
content: "\e087";
}
.glyphicon-remove-circle:before {
content: "\e088";
}
.glyphicon-ok-circle:before {
content: "\e089";
}
.glyphicon-ban-circle:before {
content: "\e090";
}
.glyphicon-arrow-left:before {
content: "\e091";
}
.glyphicon-arrow-right:before {
content: "\e092";
}
.glyphicon-arrow-up:before {
content: "\e093";
}
.glyphicon-arrow-down:before {
content: "\e094";
}
.glyphicon-share-alt:before {
content: "\e095";
}
.glyphicon-resize-full:before {
content: "\e096";
}
.glyphicon-resize-small:before {
content: "\e097";
}
.glyphicon-exclamation-sign:before {
content: "\e101";
}
.glyphicon-gift:before {
content: "\e102";
}
.glyphicon-leaf:before {
content: "\e103";
}
.glyphicon-fire:before {
content: "\e104";
}
.glyphicon-eye-open:before {
content: "\e105";
}
.glyphicon-eye-close:before {
content: "\e106";
}
.glyphicon-warning-sign:before {
content: "\e107";
}
.glyphicon-plane:before {
content: "\e108";
}
.glyphicon-calendar:before {
content: "\e109";
}
.glyphicon-random:before {
content: "\e110";
}
.glyphicon-comment:before {
content: "\e111";
}
.glyphicon-magnet:before {
content: "\e112";
}
.glyphicon-chevron-up:before {
content: "\e113";
}
.glyphicon-chevron-down:before {
content: "\e114";
}
.glyphicon-retweet:before {
content: "\e115";
}
.glyphicon-shopping-cart:before {
content: "\e116";
}
.glyphicon-folder-close:before {
content: "\e117";
}
.glyphicon-folder-open:before {
content: "\e118";
}
.glyphicon-resize-vertical:before {
content: "\e119";
}
.glyphicon-resize-horizontal:before {
content: "\e120";
}
.glyphicon-hdd:before {
content: "\e121";
}
.glyphicon-bullhorn:before {
content: "\e122";
}
.glyphicon-bell:before {
content: "\e123";
}
.glyphicon-certificate:before {
content: "\e124";
}
.glyphicon-thumbs-up:before {
content: "\e125";
}
.glyphicon-thumbs-down:before {
content: "\e126";
}
.glyphicon-hand-right:before {
content: "\e127";
}
.glyphicon-hand-left:before {
content: "\e128";
}
.glyphicon-hand-up:before {
content: "\e129";
}
.glyphicon-hand-down:before {
content: "\e130";
}
.glyphicon-circle-arrow-right:before {
content: "\e131";
}
.glyphicon-circle-arrow-left:before {
content: "\e132";
}
.glyphicon-circle-arrow-up:before {
content: "\e133";
}
.glyphicon-circle-arrow-down:before {
content: "\e134";
}
.glyphicon-globe:before {
content: "\e135";
}
.glyphicon-wrench:before {
content: "\e136";
}
.glyphicon-tasks:before {
content: "\e137";
}
.glyphicon-filter:before {
content: "\e138";
}
.glyphicon-briefcase:before {
content: "\e139";
}
.glyphicon-fullscreen:before {
content: "\e140";
}
.glyphicon-dashboard:before {
content: "\e141";
}
.glyphicon-paperclip:before {
content: "\e142";
}
.glyphicon-heart-empty:before {
content: "\e143";
}
.glyphicon-link:before {
content: "\e144";
}
.glyphicon-phone:before {
content: "\e145";
}
.glyphicon-pushpin:before {
content: "\e146";
}
.glyphicon-usd:before {
content: "\e148";
}
.glyphicon-gbp:before {
content: "\e149";
}
.glyphicon-sort:before {
content: "\e150";
}
.glyphicon-sort-by-alphabet:before {
content: "\e151";
}
.glyphicon-sort-by-alphabet-alt:before {
content: "\e152";
}
.glyphicon-sort-by-order:before {
content: "\e153";
}
.glyphicon-sort-by-order-alt:before {
content: "\e154";
}
.glyphicon-sort-by-attributes:before {
content: "\e155";
}
.glyphicon-sort-by-attributes-alt:before {
content: "\e156";
}
.glyphicon-unchecked:before {
content: "\e157";
}
.glyphicon-expand:before {
content: "\e158";
}
.glyphicon-collapse-down:before {
content: "\e159";
}
.glyphicon-collapse-up:before {
content: "\e160";
}
.glyphicon-log-in:before {
content: "\e161";
}
.glyphicon-flash:before {
content: "\e162";
}
.glyphicon-log-out:before {
content: "\e163";
}
.glyphicon-new-window:before {
content: "\e164";
}
.glyphicon-record:before {
content: "\e165";
}
.glyphicon-save:before {
content: "\e166";
}
.glyphicon-open:before {
content: "\e167";
}
.glyphicon-saved:before {
content: "\e168";
}
.glyphicon-import:before {
content: "\e169";
}
.glyphicon-export:before {
content: "\e170";
}
.glyphicon-send:before {
content: "\e171";
}
.glyphicon-floppy-disk:before {
content: "\e172";
}
.glyphicon-floppy-saved:before {
content: "\e173";
}
.glyphicon-floppy-remove:before {
content: "\e174";
}
.glyphicon-floppy-save:before {
content: "\e175";
}
.glyphicon-floppy-open:before {
content: "\e176";
}
.glyphicon-credit-card:before {
content: "\e177";
}
.glyphicon-transfer:before {
content: "\e178";
}
.glyphicon-cutlery:before {
content: "\e179";
}
.glyphicon-header:before {
content: "\e180";
}
.glyphicon-compressed:before {
content: "\e181";
}
.glyphicon-earphone:before {
content: "\e182";
}
.glyphicon-phone-alt:before {
content: "\e183";
}
.glyphicon-tower:before {
content: "\e184";
}
.glyphicon-stats:before {
content: "\e185";
}
.glyphicon-sd-video:before {
content: "\e186";
}
.glyphicon-hd-video:before {
content: "\e187";
}
.glyphicon-subtitles:before {
content: "\e188";
}
.glyphicon-sound-stereo:before {
content: "\e189";
}
.glyphicon-sound-dolby:before {
content: "\e190";
}
.glyphicon-sound-5-1:before {
content: "\e191";
}
.glyphicon-sound-6-1:before {
content: "\e192";
}
.glyphicon-sound-7-1:before {
content: "\e193";
}
.glyphicon-copyright-mark:before {
content: "\e194";
}
.glyphicon-registration-mark:before {
content: "\e195";
}
.glyphicon-cloud-download:before {
content: "\e197";
}
.glyphicon-cloud-upload:before {
content: "\e198";
}
.glyphicon-tree-conifer:before {
content: "\e199";
}
.glyphicon-tree-deciduous:before {
content: "\e200";
}
.glyphicon-cd:before {
content: "\e201";
}
.glyphicon-save-file:before {
content: "\e202";
}
.glyphicon-open-file:before {
content: "\e203";
}
.glyphicon-level-up:before {
content: "\e204";
}
.glyphicon-copy:before {
content: "\e205";
}
.glyphicon-paste:before {
content: "\e206";
}
.glyphicon-alert:before {
content: "\e209";
}
.glyphicon-equalizer:before {
content: "\e210";
}
.glyphicon-king:before {
content: "\e211";
}
.glyphicon-queen:before {
content: "\e212";
}
.glyphicon-pawn:before {
content: "\e213";
}
.glyphicon-bishop:before {
content: "\e214";
}
.glyphicon-knight:before {
content: "\e215";
}
.glyphicon-baby-formula:before {
content: "\e216";
}
.glyphicon-tent:before {
content: "\26fa";
}
.glyphicon-blackboard:before {
content: "\e218";
}
.glyphicon-bed:before {
content: "\e219";
}
.glyphicon-apple:before {
content: "\f8ff";
}
.glyphicon-erase:before {
content: "\e221";
}
.glyphicon-hourglass:before {
content: "\231b";
}
.glyphicon-lamp:before {
content: "\e223";
}
.glyphicon-duplicate:before {
content: "\e224";
}
.glyphicon-piggy-bank:before {
content: "\e225";
}
.glyphicon-scissors:before {
content: "\e226";
}
.glyphicon-bitcoin:before {
content: "\e227";
}
.glyphicon-btc:before {
content: "\e227";
}
.glyphicon-xbt:before {
content: "\e227";
}
.glyphicon-yen:before {
content: "\00a5";
}
.glyphicon-jpy:before {
content: "\00a5";
}
.glyphicon-ruble:before {
content: "\20bd";
}
.glyphicon-rub:before {
content: "\20bd";
}
.glyphicon-scale:before {
content: "\e230";
}
.glyphicon-ice-lolly:before {
content: "\e231";
}
.glyphicon-ice-lolly-tasted:before {
content: "\e232";
}
.glyphicon-education:before {
content: "\e233";
}
.glyphicon-option-horizontal:before {
content: "\e234";
}
.glyphicon-option-vertical:before {
content: "\e235";
}
.glyphicon-menu-hamburger:before {
content: "\e236";
}
.glyphicon-modal-window:before {
content: "\e237";
}
.glyphicon-oil:before {
content: "\e238";
}
.glyphicon-grain:before {
content: "\e239";
}
.glyphicon-sunglasses:before {
content: "\e240";
}
.glyphicon-text-size:before {
content: "\e241";
}
.glyphicon-text-color:before {
content: "\e242";
}
.glyphicon-text-background:before {
content: "\e243";
}
.glyphicon-object-align-top:before {
content: "\e244";
}
.glyphicon-object-align-bottom:before {
content: "\e245";
}
.glyphicon-object-align-horizontal:before {
content: "\e246";
}
.glyphicon-object-align-left:before {
content: "\e247";
}
.glyphicon-object-align-vertical:before {
content: "\e248";
}
.glyphicon-object-align-right:before {
content: "\e249";
}
.glyphicon-triangle-right:before {
content: "\e250";
}
.glyphicon-triangle-left:before {
content: "\e251";
}
.glyphicon-triangle-bottom:before {
content: "\e252";
}
.glyphicon-triangle-top:before {
content: "\e253";
}
.glyphicon-console:before {
content: "\e254";
}
.glyphicon-superscript:before {
content: "\e255";
}
.glyphicon-subscript:before {
content: "\e256";
}
.glyphicon-menu-left:before {
content: "\e257";
}
.glyphicon-menu-right:before {
content: "\e258";
}
.glyphicon-menu-down:before {
content: "\e259";
}
.glyphicon-menu-up:before {
content: "\e260";
}
* {
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}
*:before,
*:after {
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}
html {
font-size: 10px;
-webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}
body {
/* font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; */
font-size: 14px;
line-height: 1.42857143;
color: #333;
background-color: #fff;
}
input,
button,
select,
textarea {
/* font-family: inherit; */
font-size: inherit;
line-height: inherit;
}
a {
color: #337ab7;
text-decoration: none;
}
a:hover,
a:focus {
color: #23527c;
text-decoration: underline;
}
a:focus {
outline: thin dotted;
outline: 5px auto -webkit-focus-ring-color;
outline-offset: -2px;
}
figure {
margin: 0;
}
img {
vertical-align: middle;
}
.img-responsive,
.thumbnail>img,
.thumbnail a>img,
.carousel-inner>.item>img,
.carousel-inner>.item>a>img {
display: block;
max-width: 100%;
height: auto;
}
.img-rounded {
border-radius: 6px;
}
.img-thumbnail {
display: inline-block;
max-width: 100%;
height: auto;
padding: 4px;
line-height: 1.42857143;
background-color: #fff;
border: 1px solid #ddd;
border-radius: 4px;
-webkit-transition: all .2s ease-in-out;
-o-transition: all .2s ease-in-out;
transition: all .2s ease-in-out;
}
.img-circle {
border-radius: 50%;
}
hr {
margin-top: 20px;
margin-bottom: 20px;
border: 0;
border-top: 1px solid #eee;
}
.sr-only {
position: absolute;
width: 1px;
height: 1px;
padding: 0;
margin: -1px;
overflow: hidden;
clip: rect(0, 0, 0, 0);
border: 0;
}
.sr-only-focusable:active,
.sr-only-focusable:focus {
position: static;
width: auto;
height: auto;
margin: 0;
overflow: visible;
clip: auto;
}
[role="button"] {
cursor: pointer;
}
h1,
h2,
h3,
h4,
h5,
h6,
.h1,
.h2,
.h3,
.h4,
.h5,
.h6 {
/* font-family: inherit; */
font-weight: 500;
line-height: 1.1;
color: inherit;
}
h1 small,
h2 small,
h3 small,
h4 small,
h5 small,
h6 small,
.h1 small,
.h2 small,
.h3 small,
.h4 small,
.h5 small,
.h6 small,
h1 .small,
h2 .small,
h3 .small,
h4 .small,
h5 .small,
h6 .small,
.h1 .small,
.h2 .small,
.h3 .small,
.h4 .small,
.h5 .small,
.h6 .small {
font-weight: normal;
line-height: 1;
color: #777;
}
h1,
.h1,
h2,
.h2,
h3,
.h3 {
margin-top: 20px;
margin-bottom: 10px;
}
h1 small,
.h1 small,
h2 small,
.h2 small,
h3 small,
.h3 small,
h1 .small,
.h1 .small,
h2 .small,
.h2 .small,
h3 .small,
.h3 .small {
font-size: 65%;
}
h4,
.h4,
h5,
.h5,
h6,
.h6 {
margin-top: 10px;
margin-bottom: 10px;
}
h4 small,
.h4 small,
h5 small,
.h5 small,
h6 small,
.h6 small,
h4 .small,
.h4 .small,
h5 .small,
.h5 .small,
h6 .small,
.h6 .small {
font-size: 75%;
}
h1,
.h1 {
font-size: 36px;
}
h2,
.h2 {
font-size: 30px;
}
h3,
.h3 {
font-size: 24px;
}
h4,
.h4 {
font-size: 18px;
}
h5,
.h5 {
font-size: 14px;
}
h6,
.h6 {
font-size: 12px;
}
p {
margin: 0 0 10px;
}
.lead {
margin-bottom: 20px;
font-size: 16px;
font-weight: 300;
line-height: 1.4;
}
@media (min-width: 768px) {
.lead {
font-size: 21px;
}
}
small,
.small {
font-size: 85%;
}
mark,
.mark {
padding: .2em;
background-color: #fcf8e3;
}
.text-left {
text-align: left;
}
.text-right {
text-align: right;
}
.text-center {
text-align: center;
}
.text-justify {
text-align: justify;
}
.text-nowrap {
white-space: nowrap;
}
.text-lowercase {
text-transform: lowercase;
}
.text-uppercase {
text-transform: uppercase;
}
.text-capitalize {
text-transform: capitalize;
}
.text-muted {
color: #777;
}
.text-primary {
color: #337ab7;
}
a.text-primary:hover {
color: #286090;
}
.text-success {
color: #3c763d;
}
a.text-success:hover {
color: #2b542c;
}
.text-info {
color: #31708f;
}
a.text-info:hover {
color: #245269;
}
.text-warning {
color: #8a6d3b;
}
a.text-warning:hover {
color: #66512c;
}
.text-danger {
color: #a94442;
}
a.text-danger:hover {
color: #843534;
}
.bg-primary {
color: #fff;
background-color: #337ab7;
}
a.bg-primary:hover {
background-color: #286090;
}
.bg-success {
background-color: #dff0d8;
}
a.bg-success:hover {
background-color: #c1e2b3;
}
.bg-info {
background-color: #d9edf7;
}
a.bg-info:hover {
background-color: #afd9ee;
}
.bg-warning {
background-color: #fcf8e3;
}
a.bg-warning:hover {
background-color: #f7ecb5;
}
.bg-danger {
background-color: #f2dede;
}
a.bg-danger:hover {
background-color: #e4b9b9;
}
.page-header {
padding-bottom: 9px;
margin: 40px 0 20px;
border-bottom: 1px solid #eee;
}
ul,
ol {
margin-top: 0;
margin-bottom: 10px;
}
ul ul,
ol ul,
ul ol,
ol ol {
margin-bottom: 0;
}
.list-unstyled {
padding-left: 0;
list-style: none;
}
.list-inline {
padding-left: 0;
margin-left: -5px;
list-style: none;
}
.list-inline>li {
display: inline-block;
padding-right: 5px;
padding-left: 5px;
}
dl {
margin-top: 0;
margin-bottom: 20px;
}
dt,
dd {
line-height: 1.42857143;
}
dt {
font-weight: bold;
}
dd {
margin-left: 0;
}
@media (min-width: 768px) {
.dl-horizontal dt {
float: left;
width: 160px;
overflow: hidden;
clear: left;
text-align: right;
text-overflow: ellipsis;
white-space: nowrap;
}
.dl-horizontal dd {
margin-left: 180px;
}
}
abbr[title],
abbr[data-original-title] {
cursor: help;
border-bottom: 1px dotted #777;
}
.initialism {
font-size: 90%;
text-transform: uppercase;
}
blockquote {
padding: 10px 20px;
margin: 0 0 20px;
font-size: 17.5px;
border-left: 5px solid #eee;
}
blockquote p:last-child,
blockquote ul:last-child,
blockquote ol:last-child {
margin-bottom: 0;
}
blockquote footer,
blockquote small,
blockquote .small {
display: block;
font-size: 80%;
line-height: 1.42857143;
color: #777;
}
blockquote footer:before,
blockquote small:before,
blockquote .small:before {
content: '\2014 \00A0';
}
.blockquote-reverse,
blockquote.pull-right {
padding-right: 15px;
padding-left: 0;
text-align: right;
border-right: 5px solid #eee;
border-left: 0;
}
.blockquote-reverse footer:before,
blockquote.pull-right footer:before,
.blockquote-reverse small:before,
blockquote.pull-right small:before,
.blockquote-reverse .small:before,
blockquote.pull-right .small:before {
content: '';
}
.blockquote-reverse footer:after,
blockquote.pull-right footer:after,
.blockquote-reverse small:after,
blockquote.pull-right small:after,
.blockquote-reverse .small:after,
blockquote.pull-right .small:after {
content: '\00A0 \2014';
}
address {
margin-bottom: 20px;
font-style: normal;
line-height: 1.42857143;
}
code,
kbd,
pre,
samp {
/* font-family: Menlo, Monaco, Consolas, "Courier New", monospace; */
}
code {
padding: 2px 4px;
font-size: 90%;
color: #c7254e;
background-color: #f9f2f4;
border-radius: 4px;
}
kbd {
padding: 2px 4px;
font-size: 90%;
color: #fff;
background-color: #333;
border-radius: 3px;
-webkit-box-shadow: inset 0 -1px 0 rgba(0, 0, 0, .25);
box-shadow: inset 0 -1px 0 rgba(0, 0, 0, .25);
}
kbd kbd {
padding: 0;
font-size: 100%;
font-weight: bold;
-webkit-box-shadow: none;
box-shadow: none;
}
pre {
display: block;
padding: 9.5px;
margin: 0 0 10px;
font-size: 13px;
line-height: 1.42857143;
color: #333;
word-break: break-all;
word-wrap: break-word;
background-color: #f5f5f5;
border: 1px solid #ccc;
border-radius: 4px;
}
pre code {
padding: 0;
font-size: inherit;
color: inherit;
white-space: pre-wrap;
background-color: transparent;
border-radius: 0;
}
.pre-scrollable {
max-height: 340px;
overflow-y: scroll;
}
.container {
padding-right: 15px;
padding-left: 15px;
margin-right: auto;
margin-left: auto;
}
@media (min-width: 768px) {
.container {
width: 750px;
}
}
@media (min-width: 992px) {
.container {
width: 970px;
}
}
@media (min-width: 1200px) {
.container {
width: 1170px;
}
}
.container-fluid {
padding-right: 15px;
padding-left: 15px;
margin-right: auto;
margin-left: auto;
}
.row {
margin-right: -15px;
margin-left: -15px;
}
.col-xs-1,
.col-sm-1,
.col-md-1,
.col-lg-1,
.col-xs-2,
.col-sm-2,
.col-md-2,
.col-lg-2,
.col-xs-3,
.col-sm-3,
.col-md-3,
.col-lg-3,
.col-xs-4,
.col-sm-4,
.col-md-4,
.col-lg-4,
.col-xs-5,
.col-sm-5,
.col-md-5,
.col-lg-5,
.col-xs-6,
.col-sm-6,
.col-md-6,
.col-lg-6,
.col-xs-7,
.col-sm-7,
.col-md-7,
.col-lg-7,
.col-xs-8,
.col-sm-8,
.col-md-8,
.col-lg-8,
.col-xs-9,
.col-sm-9,
.col-md-9,
.col-lg-9,
.col-xs-10,
.col-sm-10,
.col-md-10,
.col-lg-10,
.col-xs-11,
.col-sm-11,
.col-md-11,
.col-lg-11,
.col-xs-12,
.col-sm-12,
.col-md-12,
.col-lg-12 {
position: relative;
min-height: 1px;
padding-right: 15px;
padding-left: 15px;
}
.col-xs-1,
.col-xs-2,
.col-xs-3,
.col-xs-4,
.col-xs-5,
.col-xs-6,
.col-xs-7,
.col-xs-8,
.col-xs-9,
.col-xs-10,
.col-xs-11,
.col-xs-12 {
float: left;
}
.col-xs-12 {
width: 100%;
}
.col-xs-11 {
width: 91.66666667%;
}
.col-xs-10 {
width: 83.33333333%;
}
.col-xs-9 {
width: 75%;
}
.col-xs-8 {
width: 66.66666667%;
}
.col-xs-7 {
width: 58.33333333%;
}
.col-xs-6 {
width: 50%;
}
.col-xs-5 {
width: 41.66666667%;
}
.col-xs-4 {
width: 33.33333333%;
}
.col-xs-3 {
width: 25%;
}
.col-xs-2 {
width: 16.66666667%;
}
.col-xs-1 {
width: 8.33333333%;
}
.col-xs-pull-12 {
right: 100%;
}
.col-xs-pull-11 {
right: 91.66666667%;
}
.col-xs-pull-10 {
right: 83.33333333%;
}
.col-xs-pull-9 {
right: 75%;
}
.col-xs-pull-8 {
right: 66.66666667%;
}
.col-xs-pull-7 {
right: 58.33333333%;
}
.col-xs-pull-6 {
right: 50%;
}
.col-xs-pull-5 {
right: 41.66666667%;
}
.col-xs-pull-4 {
right: 33.33333333%;
}
.col-xs-pull-3 {
right: 25%;
}
.col-xs-pull-2 {
right: 16.66666667%;
}
.col-xs-pull-1 {
right: 8.33333333%;
}
.col-xs-pull-0 {
right: auto;
}
.col-xs-push-12 {
left: 100%;
}
.col-xs-push-11 {
left: 91.66666667%;
}
.col-xs-push-10 {
left: 83.33333333%;
}
.col-xs-push-9 {
left: 75%;
}
.col-xs-push-8 {
left: 66.66666667%;
}
.col-xs-push-7 {
left: 58.33333333%;
}
.col-xs-push-6 {
left: 50%;
}
.col-xs-push-5 {
left: 41.66666667%;
}
.col-xs-push-4 {
left: 33.33333333%;
}
.col-xs-push-3 {
left: 25%;
}
.col-xs-push-2 {
left: 16.66666667%;
}
.col-xs-push-1 {
left: 8.33333333%;
}
.col-xs-push-0 {
left: auto;
}
.col-xs-offset-12 {
margin-left: 100%;
}
.col-xs-offset-11 {
margin-left: 91.66666667%;
}
.col-xs-offset-10 {
margin-left: 83.33333333%;
}
.col-xs-offset-9 {
margin-left: 75%;
}
.col-xs-offset-8 {
margin-left: 66.66666667%;
}
.col-xs-offset-7 {
margin-left: 58.33333333%;
}
.col-xs-offset-6 {
margin-left: 50%;
}
.col-xs-offset-5 {
margin-left: 41.66666667%;
}
.col-xs-offset-4 {
margin-left: 33.33333333%;
}
.col-xs-offset-3 {
margin-left: 25%;
}
.col-xs-offset-2 {
margin-left: 16.66666667%;
}
.col-xs-offset-1 {
margin-left: 8.33333333%;
}
.col-xs-offset-0 {
margin-left: 0;
}
@media (min-width: 768px) {
.col-sm-1,
.col-sm-2,
.col-sm-3,
.col-sm-4,
.col-sm-5,
.col-sm-6,
.col-sm-7,
.col-sm-8,
.col-sm-9,
.col-sm-10,
.col-sm-11,
.col-sm-12 {
float: left;
}
.col-sm-12 {
width: 100%;
}
.col-sm-11 {
width: 91.66666667%;
}
.col-sm-10 {
width: 83.33333333%;
}
.col-sm-9 {
width: 75%;
}
.col-sm-8 {
width: 66.66666667%;
}
.col-sm-7 {
width: 58.33333333%;
}
.col-sm-6 {
width: 50%;
}
.col-sm-5 {
width: 41.66666667%;
}
.col-sm-4 {
width: 33.33333333%;
}
.col-sm-3 {
width: 25%;
}
.col-sm-2 {
width: 16.66666667%;
}
.col-sm-1 {
width: 8.33333333%;
}
.col-sm-pull-12 {
right: 100%;
}
.col-sm-pull-11 {
right: 91.66666667%;
}
.col-sm-pull-10 {
right: 83.33333333%;
}
.col-sm-pull-9 {
right: 75%;
}
.col-sm-pull-8 {
right: 66.66666667%;
}
.col-sm-pull-7 {
right: 58.33333333%;
}
.col-sm-pull-6 {
right: 50%;
}
.col-sm-pull-5 {
right: 41.66666667%;
}
.col-sm-pull-4 {
right: 33.33333333%;
}
.col-sm-pull-3 {
right: 25%;
}
.col-sm-pull-2 {
right: 16.66666667%;
}
.col-sm-pull-1 {
right: 8.33333333%;
}
.col-sm-pull-0 {
right: auto;
}
.col-sm-push-12 {
left: 100%;
}
.col-sm-push-11 {
left: 91.66666667%;
}
.col-sm-push-10 {
left: 83.33333333%;
}
.col-sm-push-9 {
left: 75%;
}
.col-sm-push-8 {
left: 66.66666667%;
}
.col-sm-push-7 {
left: 58.33333333%;
}
.col-sm-push-6 {
left: 50%;
}
.col-sm-push-5 {
left: 41.66666667%;
}
.col-sm-push-4 {
left: 33.33333333%;
}
.col-sm-push-3 {
left: 25%;
}
.col-sm-push-2 {
left: 16.66666667%;
}
.col-sm-push-1 {
left: 8.33333333%;
}
.col-sm-push-0 {
left: auto;
}
.col-sm-offset-12 {
margin-left: 100%;
}
.col-sm-offset-11 {
margin-left: 91.66666667%;
}
.col-sm-offset-10 {
margin-left: 83.33333333%;
}
.col-sm-offset-9 {
margin-left: 75%;
}
.col-sm-offset-8 {
margin-left: 66.66666667%;
}
.col-sm-offset-7 {
margin-left: 58.33333333%;
}
.col-sm-offset-6 {
margin-left: 50%;
}
.col-sm-offset-5 {
margin-left: 41.66666667%;
}
.col-sm-offset-4 {
margin-left: 33.33333333%;
}
.col-sm-offset-3 {
margin-left: 25%;
}
.col-sm-offset-2 {
margin-left: 16.66666667%;
}
.col-sm-offset-1 {
margin-left: 8.33333333%;
}
.col-sm-offset-0 {
margin-left: 0;
}
}
@media (min-width: 992px) {
.col-md-1,
.col-md-2,
.col-md-3,
.col-md-4,
.col-md-5,
.col-md-6,
.col-md-7,
.col-md-8,
.col-md-9,
.col-md-10,
.col-md-11,
.col-md-12 {
float: left;
}
.col-md-12 {
width: 100%;
}
.col-md-11 {
width: 91.66666667%;
}
.col-md-10 {
width: 83.33333333%;
}
.col-md-9 {
width: 75%;
}
.col-md-8 {
width: 66.66666667%;
}
.col-md-7 {
width: 58.33333333%;
}
.col-md-6 {
width: 50%;
}
.col-md-5 {
width: 41.66666667%;
}
.col-md-4 {
width: 33.33333333%;
}
.col-md-3 {
width: 25%;
}
.col-md-2 {
width: 16.66666667%;
}
.col-md-1 {
width: 8.33333333%;
}
.col-md-pull-12 {
right: 100%;
}
.col-md-pull-11 {
right: 91.66666667%;
}
.col-md-pull-10 {
right: 83.33333333%;
}
.col-md-pull-9 {
right: 75%;
}
.col-md-pull-8 {
right: 66.66666667%;
}
.col-md-pull-7 {
right: 58.33333333%;
}
.col-md-pull-6 {
right: 50%;
}
.col-md-pull-5 {
right: 41.66666667%;
}
.col-md-pull-4 {
right: 33.33333333%;
}
.col-md-pull-3 {
right: 25%;
}
.col-md-pull-2 {
right: 16.66666667%;
}
.col-md-pull-1 {
right: 8.33333333%;
}
.col-md-pull-0 {
right: auto;
}
.col-md-push-12 {
left: 100%;
}
.col-md-push-11 {
left: 91.66666667%;
}
.col-md-push-10 {
left: 83.33333333%;
}
.col-md-push-9 {
left: 75%;
}
.col-md-push-8 {
left: 66.66666667%;
}
.col-md-push-7 {
left: 58.33333333%;
}
.col-md-push-6 {
left: 50%;
}
.col-md-push-5 {
left: 41.66666667%;
}
.col-md-push-4 {
left: 33.33333333%;
}
.col-md-push-3 {
left: 25%;
}
.col-md-push-2 {
left: 16.66666667%;
}
.col-md-push-1 {
left: 8.33333333%;
}
.col-md-push-0 {
left: auto;
}
.col-md-offset-12 {
margin-left: 100%;
}
.col-md-offset-11 {
margin-left: 91.66666667%;
}
.col-md-offset-10 {
margin-left: 83.33333333%;
}
.col-md-offset-9 {
margin-left: 75%;
}
.col-md-offset-8 {
margin-left: 66.66666667%;
}
.col-md-offset-7 {
margin-left: 58.33333333%;
}
.col-md-offset-6 {
margin-left: 50%;
}
.col-md-offset-5 {
margin-left: 41.66666667%;
}
.col-md-offset-4 {
margin-left: 33.33333333%;
}
.col-md-offset-3 {
margin-left: 25%;
}
.col-md-offset-2 {
margin-left: 16.66666667%;
}
.col-md-offset-1 {
margin-left: 8.33333333%;
}
.col-md-offset-0 {
margin-left: 0;
}
}
@media (min-width: 1200px) {
.col-lg-1,
.col-lg-2,
.col-lg-3,
.col-lg-4,
.col-lg-5,
.col-lg-6,
.col-lg-7,
.col-lg-8,
.col-lg-9,
.col-lg-10,
.col-lg-11,
.col-lg-12 {
float: left;
}
.col-lg-12 {
width: 100%;
}
.col-lg-11 {
width: 91.66666667%;
}
.col-lg-10 {
width: 83.33333333%;
}
.col-lg-9 {
width: 75%;
}
.col-lg-8 {
width: 66.66666667%;
}
.col-lg-7 {
width: 58.33333333%;
}
.col-lg-6 {
width: 50%;
}
.col-lg-5 {
width: 41.66666667%;
}
.col-lg-4 {
width: 33.33333333%;
}
.col-lg-3 {
width: 25%;
}
.col-lg-2 {
width: 16.66666667%;
}
.col-lg-1 {
width: 8.33333333%;
}
.col-lg-pull-12 {
right: 100%;
}
.col-lg-pull-11 {
right: 91.66666667%;
}
.col-lg-pull-10 {
right: 83.33333333%;
}
.col-lg-pull-9 {
right: 75%;
}
.col-lg-pull-8 {
right: 66.66666667%;
}
.col-lg-pull-7 {
right: 58.33333333%;
}
.col-lg-pull-6 {
right: 50%;
}
.col-lg-pull-5 {
right: 41.66666667%;
}
.col-lg-pull-4 {
right: 33.33333333%;
}
.col-lg-pull-3 {
right: 25%;
}
.col-lg-pull-2 {
right: 16.66666667%;
}
.col-lg-pull-1 {
right: 8.33333333%;
}
.col-lg-pull-0 {
right: auto;
}
.col-lg-push-12 {
left: 100%;
}
.col-lg-push-11 {
left: 91.66666667%;
}
.col-lg-push-10 {
left: 83.33333333%;
}
.col-lg-push-9 {
left: 75%;
}
.col-lg-push-8 {
left: 66.66666667%;
}
.col-lg-push-7 {
left: 58.33333333%;
}
.col-lg-push-6 {
left: 50%;
}
.col-lg-push-5 {
left: 41.66666667%;
}
.col-lg-push-4 {
left: 33.33333333%;
}
.col-lg-push-3 {
left: 25%;
}
.col-lg-push-2 {
left: 16.66666667%;
}
.col-lg-push-1 {
left: 8.33333333%;
}
.col-lg-push-0 {
left: auto;
}
.col-lg-offset-12 {
margin-left: 100%;
}
.col-lg-offset-11 {
margin-left: 91.66666667%;
}
.col-lg-offset-10 {
margin-left: 83.33333333%;
}
.col-lg-offset-9 {
margin-left: 75%;
}
.col-lg-offset-8 {
margin-left: 66.66666667%;
}
.col-lg-offset-7 {
margin-left: 58.33333333%;
}
.col-lg-offset-6 {
margin-left: 50%;
}
.col-lg-offset-5 {
margin-left: 41.66666667%;
}
.col-lg-offset-4 {
margin-left: 33.33333333%;
}
.col-lg-offset-3 {
margin-left: 25%;
}
.col-lg-offset-2 {
margin-left: 16.66666667%;
}
.col-lg-offset-1 {
margin-left: 8.33333333%;
}
.col-lg-offset-0 {
margin-left: 0;
}
}
table {
background-color: transparent;
}
caption {
padding-top: 8px;
padding-bottom: 8px;
color: #777;
text-align: left;
}
th {
text-align: left;
}
.table {
width: 100%;
max-width: 100%;
margin-bottom: 20px;
}
.table>thead>tr>th,
.table>tbody>tr>th,
.table>tfoot>tr>th,
.table>thead>tr>td,
.table>tbody>tr>td,
.table>tfoot>tr>td {
padding: 8px;
line-height: 1.42857143;
vertical-align: top;
border-top: 1px solid #ddd;
}
.table>thead>tr>th {
vertical-align: bottom;
border-bottom: 2px solid #ddd;
}
.table>caption+thead>tr:first-child>th,
.table>colgroup+thead>tr:first-child>th,
.table>thead:first-child>tr:first-child>th,
.table>caption+thead>tr:first-child>td,
.table>colgroup+thead>tr:first-child>td,
.table>thead:first-child>tr:first-child>td {
border-top: 0;
}
.table>tbody+tbody {
border-top: 2px solid #ddd;
}
.table .table {
background-color: #fff;
}
.table-condensed>thead>tr>th,
.table-condensed>tbody>tr>th,
.table-condensed>tfoot>tr>th,
.table-condensed>thead>tr>td,
.table-condensed>tbody>tr>td,
.table-condensed>tfoot>tr>td {
padding: 5px;
}
.table-bordered {
border: 1px solid #ddd;
}
.table-bordered>thead>tr>th,
.table-bordered>tbody>tr>th,
.table-bordered>tfoot>tr>th,
.table-bordered>thead>tr>td,
.table-bordered>tbody>tr>td,
.table-bordered>tfoot>tr>td {
border: 1px solid #ddd;
}
.table-bordered>thead>tr>th,
.table-bordered>thead>tr>td {
border-bottom-width: 2px;
}
.table-striped>tbody>tr:nth-of-type(odd) {
background-color: #f9f9f9;
}
.table-hover>tbody>tr:hover {
background-color: #f5f5f5;
}
table col[class*="col-"] {
position: static;
display: table-column;
float: none;
}
table td[class*="col-"],
table th[class*="col-"] {
position: static;
display: table-cell;
float: none;
}
.table>thead>tr>td.active,
.table>tbody>tr>td.active,
.table>tfoot>tr>td.active,
.table>thead>tr>th.active,
.table>tbody>tr>th.active,
.table>tfoot>tr>th.active,
.table>thead>tr.active>td,
.table>tbody>tr.active>td,
.table>tfoot>tr.active>td,
.table>thead>tr.active>th,
.table>tbody>tr.active>th,
.table>tfoot>tr.active>th {
background-color: #f5f5f5;
}
.table-hover>tbody>tr>td.active:hover,
.table-hover>tbody>tr>th.active:hover,
.table-hover>tbody>tr.active:hover>td,
.table-hover>tbody>tr:hover>.active,
.table-hover>tbody>tr.active:hover>th {
background-color: #e8e8e8;
}
.table>thead>tr>td.success,
.table>tbody>tr>td.success,
.table>tfoot>tr>td.success,
.table>thead>tr>th.success,
.table>tbody>tr>th.success,
.table>tfoot>tr>th.success,
.table>thead>tr.success>td,
.table>tbody>tr.success>td,
.table>tfoot>tr.success>td,
.table>thead>tr.success>th,
.table>tbody>tr.success>th,
.table>tfoot>tr.success>th {
background-color: #dff0d8;
}
.table-hover>tbody>tr>td.success:hover,
.table-hover>tbody>tr>th.success:hover,
.table-hover>tbody>tr.success:hover>td,
.table-hover>tbody>tr:hover>.success,
.table-hover>tbody>tr.success:hover>th {
background-color: #d0e9c6;
}
.table>thead>tr>td.info,
.table>tbody>tr>td.info,
.table>tfoot>tr>td.info,
.table>thead>tr>th.info,
.table>tbody>tr>th.info,
.table>tfoot>tr>th.info,
.table>thead>tr.info>td,
.table>tbody>tr.info>td,
.table>tfoot>tr.info>td,
.table>thead>tr.info>th,
.table>tbody>tr.info>th,
.table>tfoot>tr.info>th {
background-color: #d9edf7;
}
.table-hover>tbody>tr>td.info:hover,
.table-hover>tbody>tr>th.info:hover,
.table-hover>tbody>tr.info:hover>td,
.table-hover>tbody>tr:hover>.info,
.table-hover>tbody>tr.info:hover>th {
background-color: #c4e3f3;
}
.table>thead>tr>td.warning,
.table>tbody>tr>td.warning,
.table>tfoot>tr>td.warning,
.table>thead>tr>th.warning,
.table>tbody>tr>th.warning,
.table>tfoot>tr>th.warning,
.table>thead>tr.warning>td,
.table>tbody>tr.warning>td,
.table>tfoot>tr.warning>td,
.table>thead>tr.warning>th,
.table>tbody>tr.warning>th,
.table>tfoot>tr.warning>th {
background-color: #fcf8e3;
}
.table-hover>tbody>tr>td.warning:hover,
.table-hover>tbody>tr>th.warning:hover,
.table-hover>tbody>tr.warning:hover>td,
.table-hover>tbody>tr:hover>.warning,
.table-hover>tbody>tr.warning:hover>th {
background-color: #faf2cc;
}
.table>thead>tr>td.danger,
.table>tbody>tr>td.danger,
.table>tfoot>tr>td.danger,
.table>thead>tr>th.danger,
.table>tbody>tr>th.danger,
.table>tfoot>tr>th.danger,
.table>thead>tr.danger>td,
.table>tbody>tr.danger>td,
.table>tfoot>tr.danger>td,
.table>thead>tr.danger>th,
.table>tbody>tr.danger>th,
.table>tfoot>tr.danger>th {
background-color: #f2dede;
}
.table-hover>tbody>tr>td.danger:hover,
.table-hover>tbody>tr>th.danger:hover,
.table-hover>tbody>tr.danger:hover>td,
.table-hover>tbody>tr:hover>.danger,
.table-hover>tbody>tr.danger:hover>th {
background-color: #ebcccc;
}
.table-responsive {
min-height: .01%;
overflow-x: auto;
}
@media screen and (max-width: 767px) {
.table-responsive {
width: 100%;
margin-bottom: 15px;
overflow-y: hidden;
-ms-overflow-style: -ms-autohiding-scrollbar;
border: 1px solid #ddd;
}
.table-responsive>.table {
margin-bottom: 0;
}
.table-responsive>.table>thead>tr>th,
.table-responsive>.table>tbody>tr>th,
.table-responsive>.table>tfoot>tr>th,
.table-responsive>.table>thead>tr>td,
.table-responsive>.table>tbody>tr>td,
.table-responsive>.table>tfoot>tr>td {
white-space: nowrap;
}
.table-responsive>.table-bordered {
border: 0;
}
.table-responsive>.table-bordered>thead>tr>th:first-child,
.table-responsive>.table-bordered>tbody>tr>th:first-child,
.table-responsive>.table-bordered>tfoot>tr>th:first-child,
.table-responsive>.table-bordered>thead>tr>td:first-child,
.table-responsive>.table-bordered>tbody>tr>td:first-child,
.table-responsive>.table-bordered>tfoot>tr>td:first-child {
border-left: 0;
}
.table-responsive>.table-bordered>thead>tr>th:last-child,
.table-responsive>.table-bordered>tbody>tr>th:last-child,
.table-responsive>.table-bordered>tfoot>tr>th:last-child,
.table-responsive>.table-bordered>thead>tr>td:last-child,
.table-responsive>.table-bordered>tbody>tr>td:last-child,
.table-responsive>.table-bordered>tfoot>tr>td:last-child {
border-right: 0;
}
.table-responsive>.table-bordered>tbody>tr:last-child>th,
.table-responsive>.table-bordered>tfoot>tr:last-child>th,
.table-responsive>.table-bordered>tbody>tr:last-child>td,
.table-responsive>.table-bordered>tfoot>tr:last-child>td {
border-bottom: 0;
}
}
fieldset {
min-width: 0;
padding: 0;
margin: 0;
border: 0;
}
legend {
display: block;
width: 100%;
padding: 0;
margin-bottom: 20px;
font-size: 21px;
line-height: inherit;
color: #333;
border: 0;
border-bottom: 1px solid #e5e5e5;
}
label {
display: inline-block;
max-width: 100%;
margin-bottom: 5px;
font-weight: bold;
}
input[type="search"] {
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}
input[type="radio"],
input[type="checkbox"] {
margin: 4px 0 0;
margin-top: 1px \9;
line-height: normal;
}
input[type="file"] {
display: block;
}
input[type="range"] {
display: block;
width: 100%;
}
select[multiple],
select[size] {
height: auto;
}
input[type="file"]:focus,
input[type="radio"]:focus,
input[type="checkbox"]:focus {
outline: thin dotted;
outline: 5px auto -webkit-focus-ring-color;
outline-offset: -2px;
}
output {
display: block;
padding-top: 7px;
font-size: 14px;
line-height: 1.42857143;
color: #555;
}
.form-control {
display: block;
width: 100%;
height: 34px;
padding: 6px 12px;
font-size: 14px;
line-height: 1.42857143;
color: #555;
background-color: #fff;
background-image: none;
border: 1px solid #ccc;
border-radius: 4px;
-webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
-webkit-transition: border-color ease-in-out .15s, -webkit-box-shadow ease-in-out .15s;
-o-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
}
.form-control:focus {
border-color: #66afe9;
outline: 0;
-webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 8px rgba(102, 175, 233, .6);
box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 8px rgba(102, 175, 233, .6);
}
.form-control::-moz-placeholder {
color: #999;
opacity: 1;
}
.form-control:-ms-input-placeholder {
color: #999;
}
.form-control::-webkit-input-placeholder {
color: #999;
}
.form-control[disabled],
.form-control[readonly],
fieldset[disabled] .form-control {
background-color: #eee;
opacity: 1;
}
.form-control[disabled],
fieldset[disabled] .form-control {
cursor: not-allowed;
}
textarea.form-control {
height: auto;
}
input[type="search"] {
-webkit-appearance: none;
}
@media screen and (-webkit-min-device-pixel-ratio: 0) {
input[type="date"],
input[type="time"],
input[type="datetime-local"],
input[type="month"] {
line-height: 34px;
}
input[type="date"].input-sm,
input[type="time"].input-sm,
input[type="datetime-local"].input-sm,
input[type="month"].input-sm,
.input-group-sm input[type="date"],
.input-group-sm input[type="time"],
.input-group-sm input[type="datetime-local"],
.input-group-sm input[type="month"] {
line-height: 30px;
}
input[type="date"].input-lg,
input[type="time"].input-lg,
input[type="datetime-local"].input-lg,
input[type="month"].input-lg,
.input-group-lg input[type="date"],
.input-group-lg input[type="time"],
.input-group-lg input[type="datetime-local"],
.input-group-lg input[type="month"] {
line-height: 46px;
}
}
.form-group {
margin-bottom: 15px;
}
.radio,
.checkbox {
position: relative;
display: block;
margin-top: 10px;
margin-bottom: 10px;
}
.radio label,
.checkbox label {
min-height: 20px;
padding-left: 20px;
margin-bottom: 0;
font-weight: normal;
cursor: pointer;
}
.radio input[type="radio"],
.radio-inline input[type="radio"],
.checkbox input[type="checkbox"],
.checkbox-inline input[type="checkbox"] {
position: absolute;
margin-top: 4px \9;
margin-left: -20px;
}
.radio+.radio,
.checkbox+.checkbox {
margin-top: -5px;
}
.radio-inline,
.checkbox-inline {
position: relative;
display: inline-block;
padding-left: 20px;
margin-bottom: 0;
font-weight: normal;
vertical-align: middle;
cursor: pointer;
}
.radio-inline+.radio-inline,
.checkbox-inline+.checkbox-inline {
margin-top: 0;
margin-left: 10px;
}
input[type="radio"][disabled],
input[type="checkbox"][disabled],
input[type="radio"].disabled,
input[type="checkbox"].disabled,
fieldset[disabled] input[type="radio"],
fieldset[disabled] input[type="checkbox"] {
cursor: not-allowed;
}
.radio-inline.disabled,
.checkbox-inline.disabled,
fieldset[disabled] .radio-inline,
fieldset[disabled] .checkbox-inline {
cursor: not-allowed;
}
.radio.disabled label,
.checkbox.disabled label,
fieldset[disabled] .radio label,
fieldset[disabled] .checkbox label {
cursor: not-allowed;
}
.form-control-static {
min-height: 34px;
padding-top: 7px;
padding-bottom: 7px;
margin-bottom: 0;
}
.form-control-static.input-lg,
.form-control-static.input-sm {
padding-right: 0;
padding-left: 0;
}
.input-sm {
height: 30px;
padding: 5px 10px;
font-size: 12px;
line-height: 1.5;
border-radius: 3px;
}
select.input-sm {
height: 30px;
line-height: 30px;
}
textarea.input-sm,
select[multiple].input-sm {
height: auto;
}
.form-group-sm .form-control {
height: 30px;
padding: 5px 10px;
font-size: 12px;
line-height: 1.5;
border-radius: 3px;
}
select.form-group-sm .form-control {
height: 30px;
line-height: 30px;
}
textarea.form-group-sm .form-control,
select[multiple].form-group-sm .form-control {
height: auto;
}
.form-group-sm .form-control-static {
height: 30px;
min-height: 32px;
padding: 5px 10px;
font-size: 12px;
line-height: 1.5;
}
.input-lg {
height: 46px;
padding: 10px 16px;
font-size: 18px;
line-height: 1.3333333;
border-radius: 6px;
}
select.input-lg {
height: 46px;
line-height: 46px;
}
textarea.input-lg,
select[multiple].input-lg {
height: auto;
}
.form-group-lg .form-control {
height: 46px;
padding: 10px 16px;
font-size: 18px;
line-height: 1.3333333;
border-radius: 6px;
}
select.form-group-lg .form-control {
height: 46px;
line-height: 46px;
}
textarea.form-group-lg .form-control,
select[multiple].form-group-lg .form-control {
height: auto;
}
.form-group-lg .form-control-static {
height: 46px;
min-height: 38px;
padding: 10px 16px;
font-size: 18px;
line-height: 1.3333333;
}
.has-feedback {
position: relative;
}
.has-feedback .form-control {
padding-right: 42.5px;
}
.form-control-feedback {
position: absolute;
top: 0;
right: 0;
z-index: 2;
display: block;
width: 34px;
height: 34px;
line-height: 34px;
text-align: center;
pointer-events: none;
}
.input-lg+.form-control-feedback {
width: 46px;
height: 46px;
line-height: 46px;
}
.input-sm+.form-control-feedback {
width: 30px;
height: 30px;
line-height: 30px;
}
.has-success .help-block,
.has-success .control-label,
.has-success .radio,
.has-success .checkbox,
.has-success .radio-inline,
.has-success .checkbox-inline,
.has-success.radio label,
.has-success.checkbox label,
.has-success.radio-inline label,
.has-success.checkbox-inline label {
color: #3c763d;
}
.has-success .form-control {
border-color: #3c763d;
-webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
}
.has-success .form-control:focus {
border-color: #2b542c;
-webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 6px #67b168;
box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 6px #67b168;
}
.has-success .input-group-addon {
color: #3c763d;
background-color: #dff0d8;
border-color: #3c763d;
}
.has-success .form-control-feedback {
color: #3c763d;
}
.has-warning .help-block,
.has-warning .control-label,
.has-warning .radio,
.has-warning .checkbox,
.has-warning .radio-inline,
.has-warning .checkbox-inline,
.has-warning.radio label,
.has-warning.checkbox label,
.has-warning.radio-inline label,
.has-warning.checkbox-inline label {
color: #8a6d3b;
}
.has-warning .form-control {
border-color: #8a6d3b;
-webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
}
.has-warning .form-control:focus {
border-color: #66512c;
-webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 6px #c0a16b;
box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 6px #c0a16b;
}
.has-warning .input-group-addon {
color: #8a6d3b;
background-color: #fcf8e3;
border-color: #8a6d3b;
}
.has-warning .form-control-feedback {
color: #8a6d3b;
}
.has-error .help-block,
.has-error .control-label,
.has-error .radio,
.has-error .checkbox,
.has-error .radio-inline,
.has-error .checkbox-inline,
.has-error.radio label,
.has-error.checkbox label,
.has-error.radio-inline label,
.has-error.checkbox-inline label {
color: #a94442;
}
.has-error .form-control {
border-color: #a94442;
-webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
}
.has-error .form-control:focus {
border-color: #843534;
-webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 6px #ce8483;
box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 6px #ce8483;
}
.has-error .input-group-addon {
color: #a94442;
background-color: #f2dede;
border-color: #a94442;
}
.has-error .form-control-feedback {
color: #a94442;
}
.has-feedback label~.form-control-feedback {
top: 25px;
}
.has-feedback label.sr-only~.form-control-feedback {
top: 0;
}
.help-block {
display: block;
margin-top: 5px;
margin-bottom: 10px;
color: #737373;
}
@media (min-width: 768px) {
.form-inline .form-group {
display: inline-block;
margin-bottom: 0;
vertical-align: middle;
}
.form-inline .form-control {
display: inline-block;
width: auto;
vertical-align: middle;
}
.form-inline .form-control-static {
display: inline-block;
}
.form-inline .input-group {
display: inline-table;
vertical-align: middle;
}
.form-inline .input-group .input-group-addon,
.form-inline .input-group .input-group-btn,
.form-inline .input-group .form-control {
width: auto;
}
.form-inline .input-group>.form-control {
width: 100%;
}
.form-inline .control-label {
margin-bottom: 0;
vertical-align: middle;
}
.form-inline .radio,
.form-inline .checkbox {
display: inline-block;
margin-top: 0;
margin-bottom: 0;
vertical-align: middle;
}
.form-inline .radio label,
.form-inline .checkbox label {
padding-left: 0;
}
.form-inline .radio input[type="radio"],
.form-inline .checkbox input[type="checkbox"] {
position: relative;
margin-left: 0;
}
.form-inline .has-feedback .form-control-feedback {
top: 0;
}
}
.form-horizontal .radio,
.form-horizontal .checkbox,
.form-horizontal .radio-inline,
.form-horizontal .checkbox-inline {
padding-top: 7px;
margin-top: 0;
margin-bottom: 0;
}
.form-horizontal .radio,
.form-horizontal .checkbox {
min-height: 27px;
}
.form-horizontal .form-group {
margin-right: -15px;
margin-left: -15px;
}
@media (min-width: 768px) {
.form-horizontal .control-label {
padding-top: 7px;
margin-bottom: 0;
text-align: right;
}
}
.form-horizontal .has-feedback .form-control-feedback {
right: 15px;
}
@media (min-width: 768px) {
.form-horizontal .form-group-lg .control-label {
padding-top: 14.333333px;
}
}
@media (min-width: 768px) {
.form-horizontal .form-group-sm .control-label {
padding-top: 6px;
}
}
.btn {
display: inline-block;
padding: 6px 12px;
margin-bottom: 0;
font-size: 14px;
font-weight: normal;
line-height: 1.42857143;
text-align: center;
white-space: nowrap;
vertical-align: middle;
-ms-touch-action: manipulation;
touch-action: manipulation;
cursor: pointer;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
background-image: none;
border: 1px solid transparent;
border-radius: 4px;
}
.btn:focus,
.btn:active:focus,
.btn.active:focus,
.btn.focus,
.btn:active.focus,
.btn.active.focus {
outline: thin dotted;
outline: 5px auto -webkit-focus-ring-color;
outline-offset: -2px;
}
.btn:hover,
.btn:focus,
.btn.focus {
color: #333;
text-decoration: none;
}
.btn:active,
.btn.active {
background-image: none;
outline: 0;
-webkit-box-shadow: inset 0 3px 5px rgba(0, 0, 0, .125);
box-shadow: inset 0 3px 5px rgba(0, 0, 0, .125);
}
.btn.disabled,
.btn[disabled],
fieldset[disabled] .btn {
pointer-events: none;
cursor: not-allowed;
filter: alpha(opacity=65);
-webkit-box-shadow: none;
box-shadow: none;
opacity: .65;
}
.btn-default {
color: #333;
background-color: #fff;
border-color: #ccc;
}
.btn-default:hover,
.btn-default:focus,
.btn-default.focus,
.btn-default:active,
.btn-default.active,
.open>.dropdown-toggle.btn-default {
color: #333;
background-color: #e6e6e6;
border-color: #adadad;
}
.btn-default:active,
.btn-default.active,
.open>.dropdown-toggle.btn-default {
background-image: none;
}
.btn-default.disabled,
.btn-default[disabled],
fieldset[disabled] .btn-default,
.btn-default.disabled:hover,
.btn-default[disabled]:hover,
fieldset[disabled] .btn-default:hover,
.btn-default.disabled:focus,
.btn-default[disabled]:focus,
fieldset[disabled] .btn-default:focus,
.btn-default.disabled.focus,
.btn-default[disabled].focus,
fieldset[disabled] .btn-default.focus,
.btn-default.disabled:active,
.btn-default[disabled]:active,
fieldset[disabled] .btn-default:active,
.btn-default.disabled.active,
.btn-default[disabled].active,
fieldset[disabled] .btn-default.active {
background-color: #fff;
border-color: #ccc;
}
.btn-default .badge {
color: #fff;
background-color: #333;
}
.btn-primary {
color: #fff;
background-color: #337ab7;
border-color: #2e6da4;
}
.btn-primary:hover,
.btn-primary:focus,
.btn-primary.focus,
.btn-primary:active,
.btn-primary.active,
.open>.dropdown-toggle.btn-primary {
color: #fff;
background-color: #286090;
border-color: #204d74;
}
.btn-primary:active,
.btn-primary.active,
.open>.dropdown-toggle.btn-primary {
background-image: none;
}
.btn-primary.disabled,
.btn-primary[disabled],
fieldset[disabled] .btn-primary,
.btn-primary.disabled:hover,
.btn-primary[disabled]:hover,
fieldset[disabled] .btn-primary:hover,
.btn-primary.disabled:focus,
.btn-primary[disabled]:focus,
fieldset[disabled] .btn-primary:focus,
.btn-primary.disabled.focus,
.btn-primary[disabled].focus,
fieldset[disabled] .btn-primary.focus,
.btn-primary.disabled:active,
.btn-primary[disabled]:active,
fieldset[disabled] .btn-primary:active,
.btn-primary.disabled.active,
.btn-primary[disabled].active,
fieldset[disabled] .btn-primary.active {
background-color: #337ab7;
border-color: #2e6da4;
}
.btn-primary .badge {
color: #337ab7;
background-color: #fff;
}
.btn-success {
color: #fff;
background-color: #5cb85c;
border-color: #4cae4c;
}
.btn-success:hover,
.btn-success:focus,
.btn-success.focus,
.btn-success:active,
.btn-success.active,
.open>.dropdown-toggle.btn-success {
color: #fff;
background-color: #449d44;
border-color: #398439;
}
.btn-success:active,
.btn-success.active,
.open>.dropdown-toggle.btn-success {
background-image: none;
}
.btn-success.disabled,
.btn-success[disabled],
fieldset[disabled] .btn-success,
.btn-success.disabled:hover,
.btn-success[disabled]:hover,
fieldset[disabled] .btn-success:hover,
.btn-success.disabled:focus,
.btn-success[disabled]:focus,
fieldset[disabled] .btn-success:focus,
.btn-success.disabled.focus,
.btn-success[disabled].focus,
fieldset[disabled] .btn-success.focus,
.btn-success.disabled:active,
.btn-success[disabled]:active,
fieldset[disabled] .btn-success:active,
.btn-success.disabled.active,
.btn-success[disabled].active,
fieldset[disabled] .btn-success.active {
background-color: #5cb85c;
border-color: #4cae4c;
}
.btn-success .badge {
color: #5cb85c;
background-color: #fff;
}
.btn-info {
color: #fff;
background-color: #5bc0de;
border-color: #46b8da;
}
.btn-info:hover,
.btn-info:focus,
.btn-info.focus,
.btn-info:active,
.btn-info.active,
.open>.dropdown-toggle.btn-info {
color: #fff;
background-color: #31b0d5;
border-color: #269abc;
}
.btn-info:active,
.btn-info.active,
.open>.dropdown-toggle.btn-info {
background-image: none;
}
.btn-info.disabled,
.btn-info[disabled],
fieldset[disabled] .btn-info,
.btn-info.disabled:hover,
.btn-info[disabled]:hover,
fieldset[disabled] .btn-info:hover,
.btn-info.disabled:focus,
.btn-info[disabled]:focus,
fieldset[disabled] .btn-info:focus,
.btn-info.disabled.focus,
.btn-info[disabled].focus,
fieldset[disabled] .btn-info.focus,
.btn-info.disabled:active,
.btn-info[disabled]:active,
fieldset[disabled] .btn-info:active,
.btn-info.disabled.active,
.btn-info[disabled].active,
fieldset[disabled] .btn-info.active {
background-color: #5bc0de;
border-color: #46b8da;
}
.btn-info .badge {
color: #5bc0de;
background-color: #fff;
}
.btn-warning {
color: #fff;
background-color: #f0ad4e;
border-color: #eea236;
}
.btn-warning:hover,
.btn-warning:focus,
.btn-warning.focus,
.btn-warning:active,
.btn-warning.active,
.open>.dropdown-toggle.btn-warning {
color: #fff;
background-color: #ec971f;
border-color: #d58512;
}
.btn-warning:active,
.btn-warning.active,
.open>.dropdown-toggle.btn-warning {
background-image: none;
}
.btn-warning.disabled,
.btn-warning[disabled],
fieldset[disabled] .btn-warning,
.btn-warning.disabled:hover,
.btn-warning[disabled]:hover,
fieldset[disabled] .btn-warning:hover,
.btn-warning.disabled:focus,
.btn-warning[disabled]:focus,
fieldset[disabled] .btn-warning:focus,
.btn-warning.disabled.focus,
.btn-warning[disabled].focus,
fieldset[disabled] .btn-warning.focus,
.btn-warning.disabled:active,
.btn-warning[disabled]:active,
fieldset[disabled] .btn-warning:active,
.btn-warning.disabled.active,
.btn-warning[disabled].active,
fieldset[disabled] .btn-warning.active {
background-color: #f0ad4e;
border-color: #eea236;
}
.btn-warning .badge {
color: #f0ad4e;
background-color: #fff;
}
.btn-danger {
color: #fff;
background-color: #d9534f;
border-color: #d43f3a;
}
.btn-danger:hover,
.btn-danger:focus,
.btn-danger.focus,
.btn-danger:active,
.btn-danger.active,
.open>.dropdown-toggle.btn-danger {
color: #fff;
background-color: #c9302c;
border-color: #ac2925;
}
.btn-danger:active,
.btn-danger.active,
.open>.dropdown-toggle.btn-danger {
background-image: none;
}
.btn-danger.disabled,
.btn-danger[disabled],
fieldset[disabled] .btn-danger,
.btn-danger.disabled:hover,
.btn-danger[disabled]:hover,
fieldset[disabled] .btn-danger:hover,
.btn-danger.disabled:focus,
.btn-danger[disabled]:focus,
fieldset[disabled] .btn-danger:focus,
.btn-danger.disabled.focus,
.btn-danger[disabled].focus,
fieldset[disabled] .btn-danger.focus,
.btn-danger.disabled:active,
.btn-danger[disabled]:active,
fieldset[disabled] .btn-danger:active,
.btn-danger.disabled.active,
.btn-danger[disabled].active,
fieldset[disabled] .btn-danger.active {
background-color: #d9534f;
border-color: #d43f3a;
}
.btn-danger .badge {
color: #d9534f;
background-color: #fff;
}
.btn-link {
font-weight: normal;
color: #337ab7;
border-radius: 0;
}
.btn-link,
.btn-link:active,
.btn-link.active,
.btn-link[disabled],
fieldset[disabled] .btn-link {
background-color: transparent;
-webkit-box-shadow: none;
box-shadow: none;
}
.btn-link,
.btn-link:hover,
.btn-link:focus,
.btn-link:active {
border-color: transparent;
}
.btn-link:hover,
.btn-link:focus {
color: #23527c;
text-decoration: underline;
background-color: transparent;
}
.btn-link[disabled]:hover,
fieldset[disabled] .btn-link:hover,
.btn-link[disabled]:focus,
fieldset[disabled] .btn-link:focus {
color: #777;
text-decoration: none;
}
.btn-lg,
.btn-group-lg>.btn {
padding: 10px 16px;
font-size: 18px;
line-height: 1.3333333;
border-radius: 6px;
}
.btn-sm,
.btn-group-sm>.btn {
padding: 5px 10px;
font-size: 12px;
line-height: 1.5;
border-radius: 3px;
}
.btn-xs,
.btn-group-xs>.btn {
padding: 1px 5px;
font-size: 12px;
line-height: 1.5;
border-radius: 3px;
}
.btn-block {
display: block;
width: 100%;
}
.btn-block+.btn-block {
margin-top: 5px;
}
input[type="submit"].btn-block,
input[type="reset"].btn-block,
input[type="button"].btn-block {
width: 100%;
}
.fade {
opacity: 0;
-webkit-transition: opacity .15s linear;
-o-transition: opacity .15s linear;
transition: opacity .15s linear;
}
.fade.in {
opacity: 1;
}
.collapse {
display: none;
}
.collapse.in {
display: block;
}
tr.collapse.in {
display: table-row;
}
tbody.collapse.in {
display: table-row-group;
}
.collapsing {
position: relative;
height: 0;
overflow: hidden;
-webkit-transition-timing-function: ease;
-o-transition-timing-function: ease;
transition-timing-function: ease;
-webkit-transition-duration: .35s;
-o-transition-duration: .35s;
transition-duration: .35s;
-webkit-transition-property: height, visibility;
-o-transition-property: height, visibility;
transition-property: height, visibility;
}
.caret {
display: inline-block;
width: 0;
height: 0;
margin-left: 2px;
vertical-align: middle;
border-top: 4px dashed;
border-right: 4px solid transparent;
border-left: 4px solid transparent;
}
.dropup,
.dropdown {
position: relative;
}
.dropdown-toggle:focus {
outline: 0;
}
.dropdown-menu {
position: absolute;
top: 100%;
left: 0;
z-index: 1000;
display: none;
float: left;
min-width: 160px;
padding: 5px 0;
margin: 2px 0 0;
font-size: 14px;
text-align: left;
list-style: none;
background-color: #fff;
-webkit-background-clip: padding-box;
background-clip: padding-box;
border: 1px solid #ccc;
border: 1px solid rgba(0, 0, 0, .15);
border-radius: 4px;
-webkit-box-shadow: 0 6px 12px rgba(0, 0, 0, .175);
box-shadow: 0 6px 12px rgba(0, 0, 0, .175);
}
.dropdown-menu.pull-right {
right: 0;
left: auto;
}
.dropdown-menu .divider {
height: 1px;
margin: 9px 0;
overflow: hidden;
background-color: #e5e5e5;
}
.dropdown-menu>li>a {
display: block;
padding: 3px 20px;
clear: both;
font-weight: normal;
line-height: 1.42857143;
color: #333;
white-space: nowrap;
}
.dropdown-menu>li>a:hover,
.dropdown-menu>li>a:focus {
color: #262626;
text-decoration: none;
background-color: #f5f5f5;
}
.dropdown-menu>.active>a,
.dropdown-menu>.active>a:hover,
.dropdown-menu>.active>a:focus {
color: #fff;
text-decoration: none;
background-color: #337ab7;
outline: 0;
}
.dropdown-menu>.disabled>a,
.dropdown-menu>.disabled>a:hover,
.dropdown-menu>.disabled>a:focus {
color: #777;
}
.dropdown-menu>.disabled>a:hover,
.dropdown-menu>.disabled>a:focus {
text-decoration: none;
cursor: not-allowed;
background-color: transparent;
background-image: none;
filter: progid:DXImageTransform.Microsoft.gradient(enabled=false);
}
.open>.dropdown-menu {
display: block;
}
.open>a {
outline: 0;
}
.dropdown-menu-right {
right: 0;
left: auto;
}
.dropdown-menu-left {
right: auto;
left: 0;
}
.dropdown-header {
display: block;
padding: 3px 20px;
font-size: 12px;
line-height: 1.42857143;
color: #777;
white-space: nowrap;
}
.dropdown-backdrop {
position: fixed;
top: 0;
right: 0;
bottom: 0;
left: 0;
z-index: 990;
}
.pull-right>.dropdown-menu {
right: 0;
left: auto;
}
.dropup .caret,
.navbar-fixed-bottom .dropdown .caret {
content: "";
border-top: 0;
border-bottom: 4px solid;
}
.dropup .dropdown-menu,
.navbar-fixed-bottom .dropdown .dropdown-menu {
top: auto;
bottom: 100%;
margin-bottom: 2px;
}
@media (min-width: 768px) {
.navbar-right .dropdown-menu {
right: 0;
left: auto;
}
.navbar-right .dropdown-menu-left {
right: auto;
left: 0;
}
}
.btn-group,
.btn-group-vertical {
position: relative;
display: inline-block;
vertical-align: middle;
}
.btn-group>.btn,
.btn-group-vertical>.btn {
position: relative;
float: left;
}
.btn-group>.btn:hover,
.btn-group-vertical>.btn:hover,
.btn-group>.btn:focus,
.btn-group-vertical>.btn:focus,
.btn-group>.btn:active,
.btn-group-vertical>.btn:active,
.btn-group>.btn.active,
.btn-group-vertical>.btn.active {
z-index: 2;
}
.btn-group .btn+.btn,
.btn-group .btn+.btn-group,
.btn-group .btn-group+.btn,
.btn-group .btn-group+.btn-group {
margin-left: -1px;
}
.btn-toolbar {
margin-left: -5px;
}
.btn-toolbar .btn-group,
.btn-toolbar .input-group {
float: left;
}
.btn-toolbar>.btn,
.btn-toolbar>.btn-group,
.btn-toolbar>.input-group {
margin-left: 5px;
}
.btn-group>.btn:not(:first-child):not(:last-child):not(.dropdown-toggle) {
border-radius: 0;
}
.btn-group>.btn:first-child {
margin-left: 0;
}
.btn-group>.btn:first-child:not(:last-child):not(.dropdown-toggle) {
border-top-right-radius: 0;
border-bottom-right-radius: 0;
}
.btn-group>.btn:last-child:not(:first-child),
.btn-group>.dropdown-toggle:not(:first-child) {
border-top-left-radius: 0;
border-bottom-left-radius: 0;
}
.btn-group>.btn-group {
float: left;
}
.btn-group>.btn-group:not(:first-child):not(:last-child)>.btn {
border-radius: 0;
}
.btn-group>.btn-group:first-child:not(:last-child)>.btn:last-child,
.btn-group>.btn-group:first-child:not(:last-child)>.dropdown-toggle {
border-top-right-radius: 0;
border-bottom-right-radius: 0;
}
.btn-group>.btn-group:last-child:not(:first-child)>.btn:first-child {
border-top-left-radius: 0;
border-bottom-left-radius: 0;
}
.btn-group .dropdown-toggle:active,
.btn-group.open .dropdown-toggle {
outline: 0;
}
.btn-group>.btn+.dropdown-toggle {
padding-right: 8px;
padding-left: 8px;
}
.btn-group>.btn-lg+.dropdown-toggle {
padding-right: 12px;
padding-left: 12px;
}
.btn-group.open .dropdown-toggle {
-webkit-box-shadow: inset 0 3px 5px rgba(0, 0, 0, .125);
box-shadow: inset 0 3px 5px rgba(0, 0, 0, .125);
}
.btn-group.open .dropdown-toggle.btn-link {
-webkit-box-shadow: none;
box-shadow: none;
}
.btn .caret {
margin-left: 0;
}
.btn-lg .caret {
border-width: 5px 5px 0;
border-bottom-width: 0;
}
.dropup .btn-lg .caret {
border-width: 0 5px 5px;
}
.btn-group-vertical>.btn,
.btn-group-vertical>.btn-group,
.btn-group-vertical>.btn-group>.btn {
display: block;
float: none;
width: 100%;
max-width: 100%;
}
.btn-group-vertical>.btn-group>.btn {
float: none;
}
.btn-group-vertical>.btn+.btn,
.btn-group-vertical>.btn+.btn-group,
.btn-group-vertical>.btn-group+.btn,
.btn-group-vertical>.btn-group+.btn-group {
margin-top: -1px;
margin-left: 0;
}
.btn-group-vertical>.btn:not(:first-child):not(:last-child) {
border-radius: 0;
}
.btn-group-vertical>.btn:first-child:not(:last-child) {
border-top-right-radius: 4px;
border-bottom-right-radius: 0;
border-bottom-left-radius: 0;
}
.btn-group-vertical>.btn:last-child:not(:first-child) {
border-top-left-radius: 0;
border-top-right-radius: 0;
border-bottom-left-radius: 4px;
}
.btn-group-vertical>.btn-group:not(:first-child):not(:last-child)>.btn {
border-radius: 0;
}
.btn-group-vertical>.btn-group:first-child:not(:last-child)>.btn:last-child,
.btn-group-vertical>.btn-group:first-child:not(:last-child)>.dropdown-toggle {
border-bottom-right-radius: 0;
border-bottom-left-radius: 0;
}
.btn-group-vertical>.btn-group:last-child:not(:first-child)>.btn:first-child {
border-top-left-radius: 0;
border-top-right-radius: 0;
}
.btn-group-justified {
display: table;
width: 100%;
table-layout: fixed;
border-collapse: separate;
}
.btn-group-justified>.btn,
.btn-group-justified>.btn-group {
display: table-cell;
float: none;
width: 1%;
}
.btn-group-justified>.btn-group .btn {
width: 100%;
}
.btn-group-justified>.btn-group .dropdown-menu {
left: auto;
}
[data-toggle="buttons"]>.btn input[type="radio"],
[data-toggle="buttons"]>.btn-group>.btn input[type="radio"],
[data-toggle="buttons"]>.btn input[type="checkbox"],
[data-toggle="buttons"]>.btn-group>.btn input[type="checkbox"] {
position: absolute;
clip: rect(0, 0, 0, 0);
pointer-events: none;
}
.input-group {
position: relative;
display: table;
border-collapse: separate;
}
.input-group[class*="col-"] {
float: none;
padding-right: 0;
padding-left: 0;
}
.input-group .form-control {
position: relative;
z-index: 2;
float: left;
width: 100%;
margin-bottom: 0;
}
.input-group-lg>.form-control,
.input-group-lg>.input-group-addon,
.input-group-lg>.input-group-btn>.btn {
height: 46px;
padding: 10px 16px;
font-size: 18px;
line-height: 1.3333333;
border-radius: 6px;
}
select.input-group-lg>.form-control,
select.input-group-lg>.input-group-addon,
select.input-group-lg>.input-group-btn>.btn {
height: 46px;
line-height: 46px;
}
textarea.input-group-lg>.form-control,
textarea.input-group-lg>.input-group-addon,
textarea.input-group-lg>.input-group-btn>.btn,
select[multiple].input-group-lg>.form-control,
select[multiple].input-group-lg>.input-group-addon,
select[multiple].input-group-lg>.input-group-btn>.btn {
height: auto;
}
.input-group-sm>.form-control,
.input-group-sm>.input-group-addon,
.input-group-sm>.input-group-btn>.btn {
height: 30px;
padding: 5px 10px;
font-size: 12px;
line-height: 1.5;
border-radius: 3px;
}
select.input-group-sm>.form-control,
select.input-group-sm>.input-group-addon,
select.input-group-sm>.input-group-btn>.btn {
height: 30px;
line-height: 30px;
}
textarea.input-group-sm>.form-control,
textarea.input-group-sm>.input-group-addon,
textarea.input-group-sm>.input-group-btn>.btn,
select[multiple].input-group-sm>.form-control,
select[multiple].input-group-sm>.input-group-addon,
select[multiple].input-group-sm>.input-group-btn>.btn {
height: auto;
}
.input-group-addon,
.input-group-btn,
.input-group .form-control {
display: table-cell;
}
.input-group-addon:not(:first-child):not(:last-child),
.input-group-btn:not(:first-child):not(:last-child),
.input-group .form-control:not(:first-child):not(:last-child) {
border-radius: 0;
}
.input-group-addon,
.input-group-btn {
width: 1%;
white-space: nowrap;
vertical-align: middle;
}
.input-group-addon {
padding: 6px 12px;
font-size: 14px;
font-weight: normal;
line-height: 1;
color: #555;
text-align: center;
background-color: #eee;
border: 1px solid #ccc;
border-radius: 4px;
}
.input-group-addon.input-sm {
padding: 5px 10px;
font-size: 12px;
border-radius: 3px;
}
.input-group-addon.input-lg {
padding: 10px 16px;
font-size: 18px;
border-radius: 6px;
}
.input-group-addon input[type="radio"],
.input-group-addon input[type="checkbox"] {
margin-top: 0;
}
.input-group .form-control:first-child,
.input-group-addon:first-child,
.input-group-btn:first-child>.btn,
.input-group-btn:first-child>.btn-group>.btn,
.input-group-btn:first-child>.dropdown-toggle,
.input-group-btn:last-child>.btn:not(:last-child):not(.dropdown-toggle),
.input-group-btn:last-child>.btn-group:not(:last-child)>.btn {
border-top-right-radius: 0;
border-bottom-right-radius: 0;
}
.input-group-addon:first-child {
border-right: 0;
}
/* Google Review CSS */
.review_img {
width: 100%;
max-width: 290px;
border: 1px solid #6889c6;
border-radius: 10px;
}
.bottomMenu {
/*display: none;*/
position: fixed;
bottom: 10px;
z-index: 999;
right: 40px;
background: #0366c5;
}
#closeButton {
background: #057ed1;
width: 25px;
height: 25px;
display: block;
text-align: center;
line-height: 25px;
color: #fff;
font-size: 16px;
font-weight: 700;
right: -25px;
position: absolute;
cursor: pointer;
top: 0px;
}
.bottomMenu a img {
width: 220px;
border: none;
}
.review_top_img{
width: 199px;
/*position: absolute;
bottom: 30px;
margin-left: 25px;*/
}
.review-link {
display: block;
margin-top: 8px;
}
/** end **/
.input-group .form-control:last-child,
.input-group-addon:last-child,
.input-group-btn:last-child>.btn,
.input-group-btn:last-child>.btn-group>.btn,
.input-group-btn:last-child>.dropdown-toggle,
.input-group-btn:first-child>.btn:not(:first-child),
.input-group-btn:first-child>.btn-group:not(:first-child)>.btn {
border-top-left-radius: 0;
border-bottom-left-radius: 0;
}
.input-group-addon:last-child {
border-left: 0;
}
.input-group-btn {
position: relative;
font-size: 0;
white-space: nowrap;
}
.input-group-btn>.btn {
position: relative;
}
.input-group-btn>.btn+.btn {
margin-left: -1px;
}
.input-group-btn>.btn:hover,
.input-group-btn>.btn:focus,
.input-group-btn>.btn:active {
z-index: 2;
}
.input-group-btn:first-child>.btn,
.input-group-btn:first-child>.btn-group {
margin-right: -1px;
}
.input-group-btn:last-child>.btn,
.input-group-btn:last-child>.btn-group {
margin-left: -1px;
}
.nav {
padding-left: 0;
margin-bottom: 0;
list-style: none;
}
.nav>li {
position: relative;
display: block;
}
.nav>li>a {
position: relative;
display: block;
padding: 10px 15px;
}
.nav>li>a:hover,
.nav>li>a:focus {
text-decoration: none;
background-color: #eee;
}
.nav>li.disabled>a {
color: #777;
}
.nav>li.disabled>a:hover,
.nav>li.disabled>a:focus {
color: #777;
text-decoration: none;
cursor: not-allowed;
background-color: transparent;
}
.nav .open>a,
.nav .open>a:hover,
.nav .open>a:focus {
background-color: #eee;
border-color: #337ab7;
}
.nav .nav-divider {
height: 1px;
margin: 9px 0;
overflow: hidden;
background-color: #e5e5e5;
}
.nav>li>a>img {
max-width: none;
}
.nav-tabs {
border-bottom: 1px solid #ddd;
}
.nav-tabs>li {
float: left;
margin-bottom: -1px;
}
.nav-tabs>li>a {
margin-right: 2px;
line-height: 1.42857143;
border: 1px solid transparent;
border-radius: 4px 4px 0 0;
}
.nav-tabs>li>a:hover {
border-color: #eee #eee #ddd;
}
.nav-tabs>li.active>a,
.nav-tabs>li.active>a:hover,
.nav-tabs>li.active>a:focus {
color: #555;
cursor: default;
background-color: #fff;
border: 1px solid #ddd;
border-bottom-color: transparent;
}
.nav-tabs.nav-justified {
width: 100%;
border-bottom: 0;
}
.nav-tabs.nav-justified>li {
float: none;
}
.nav-tabs.nav-justified>li>a {
margin-bottom: 5px;
text-align: center;
}
.nav-tabs.nav-justified>.dropdown .dropdown-menu {
top: auto;
left: auto;
}
@media (min-width: 768px) {
.nav-tabs.nav-justified>li {
display: table-cell;
width: 1%;
}
.nav-tabs.nav-justified>li>a {
margin-bottom: 0;
}
}
.nav-tabs.nav-justified>li>a {
margin-right: 0;
border-radius: 4px;
}
.nav-tabs.nav-justified>.active>a,
.nav-tabs.nav-justified>.active>a:hover,
.nav-tabs.nav-justified>.active>a:focus {
border: 1px solid #ddd;
}
@media (min-width: 768px) {
.nav-tabs.nav-justified>li>a {
border-bottom: 1px solid #ddd;
border-radius: 4px 4px 0 0;
}
.nav-tabs.nav-justified>.active>a,
.nav-tabs.nav-justified>.active>a:hover,
.nav-tabs.nav-justified>.active>a:focus {
border-bottom-color: #fff;
}
}
.nav-pills>li {
float: left;
}
.nav-pills>li>a {
border-radius: 4px;
}
.nav-pills>li+li {
margin-left: 2px;
}
.nav-pills>li.active>a,
.nav-pills>li.active>a:hover,
.nav-pills>li.active>a:focus {
color: #fff;
background-color: #337ab7;
}
.nav-stacked>li {
float: none;
}
.nav-stacked>li+li {
margin-top: 2px;
margin-left: 0;
}
.nav-justified {
width: 100%;
}
.nav-justified>li {
float: none;
}
.nav-justified>li>a {
margin-bottom: 5px;
text-align: center;
}
.nav-justified>.dropdown .dropdown-menu {
top: auto;
left: auto;
}
@media (min-width: 768px) {
.nav-justified>li {
display: table-cell;
width: 1%;
}
.nav-justified>li>a {
margin-bottom: 0;
}
}
.nav-tabs-justified {
border-bottom: 0;
}
.nav-tabs-justified>li>a {
margin-right: 0;
border-radius: 4px;
}
.nav-tabs-justified>.active>a,
.nav-tabs-justified>.active>a:hover,
.nav-tabs-justified>.active>a:focus {
border: 1px solid #ddd;
}
@media (min-width: 768px) {
.nav-tabs-justified>li>a {
border-bottom: 1px solid #ddd;
border-radius: 4px 4px 0 0;
}
.nav-tabs-justified>.active>a,
.nav-tabs-justified>.active>a:hover,
.nav-tabs-justified>.active>a:focus {
border-bottom-color: #fff;
}
}
.tab-content>.tab-pane {
display: none;
}
.tab-content>.active {
display: block;
}
.nav-tabs .dropdown-menu {
margin-top: -1px;
border-top-left-radius: 0;
border-top-right-radius: 0;
}
.navbar {
position: relative;
min-height: 50px;
margin-bottom: 20px;
border: 1px solid transparent;
}
@media (min-width: 768px) {
.navbar {
border-radius: 4px;
}
}
@media (min-width: 768px) {
.navbar-header {
float: left;
}
}
.navbar-collapse {
padding-right: 15px;
padding-left: 15px;
overflow-x: visible;
-webkit-overflow-scrolling: touch;
border-top: 1px solid transparent;
-webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, .1);
box-shadow: inset 0 1px 0 rgba(255, 255, 255, .1);
}
.navbar-collapse.in {
overflow-y: auto;
}
@media (min-width: 768px) {
.navbar-collapse {
width: auto;
border-top: 0;
-webkit-box-shadow: none;
box-shadow: none;
}
.navbar-collapse.collapse {
display: block !important;
height: auto !important;
padding-bottom: 0;
overflow: visible !important;
}
.navbar-collapse.in {
overflow-y: visible;
}
.navbar-fixed-top .navbar-collapse,
.navbar-static-top .navbar-collapse,
.navbar-fixed-bottom .navbar-collapse {
padding-right: 0;
padding-left: 0;
}
}
.navbar-fixed-top .navbar-collapse,
.navbar-fixed-bottom .navbar-collapse {
max-height: 340px;
}
@media (max-device-width: 480px) and (orientation: landscape) {
.navbar-fixed-top .navbar-collapse,
.navbar-fixed-bottom .navbar-collapse {
max-height: 200px;
}
}
.container>.navbar-header,
.container-fluid>.navbar-header,
.container>.navbar-collapse,
.container-fluid>.navbar-collapse {
margin-right: -15px;
margin-left: -15px;
}
@media (min-width: 768px) {
.container>.navbar-header,
.container-fluid>.navbar-header,
.container>.navbar-collapse,
.container-fluid>.navbar-collapse {
margin-right: 0;
margin-left: 0;
}
}
.navbar-static-top {
z-index: 1000;
border-width: 0 0 1px;
}
@media (min-width: 768px) {
.navbar-static-top {
border-radius: 0;
}
}
.navbar-fixed-top,
.navbar-fixed-bottom {
position: fixed;
right: 0;
left: 0;
z-index: 1030;
}
@media (min-width: 768px) {
.navbar-fixed-top,
.navbar-fixed-bottom {
border-radius: 0;
}
}
.navbar-fixed-top {
top: 0;
border-width: 0 0 1px;
}
.navbar-fixed-bottom {
bottom: 0;
margin-bottom: 0;
border-width: 1px 0 0;
}
.navbar-brand {
float: left;
height: 50px;
padding: 15px 15px;
font-size: 18px;
line-height: 20px;
}
.navbar-brand:hover,
.navbar-brand:focus {
text-decoration: none;
}
.navbar-brand>img {
display: block;
}
@media (min-width: 768px) {
.navbar>.container .navbar-brand,
.navbar>.container-fluid .navbar-brand {
margin-left: -15px;
}
}
.navbar-toggle {
position: relative;
float: right;
padding: 9px 10px;
margin-top: 8px;
margin-right: 15px;
margin-bottom: 8px;
background-color: transparent;
background-image: none;
border: 1px solid transparent;
border-radius: 4px;
}
.navbar-toggle:focus {
outline: 0;
}
.navbar-toggle .icon-bar {
display: block;
width: 22px;
height: 2px;
border-radius: 1px;
}
.navbar-toggle .icon-bar+.icon-bar {
margin-top: 4px;
}
@media (min-width: 768px) {
.navbar-toggle {
display: none;
}
}
.navbar-nav {
margin: 7.5px -15px;
}
.navbar-nav>li>a {
padding-top: 10px;
padding-bottom: 10px;
line-height: 20px;
}
@media (max-width: 767px) {
.navbar-nav .open .dropdown-menu {
position: static;
float: none;
width: auto;
margin-top: 0;
background-color: transparent;
border: 0;
-webkit-box-shadow: none;
box-shadow: none;
}
.navbar-nav .open .dropdown-menu>li>a,
.navbar-nav .open .dropdown-menu .dropdown-header {
padding: 5px 15px 5px 25px;
}
.navbar-nav .open .dropdown-menu>li>a {
line-height: 20px;
}
.navbar-nav .open .dropdown-menu>li>a:hover,
.navbar-nav .open .dropdown-menu>li>a:focus {
background-image: none;
}
}
@media (min-width: 768px) {
.navbar-nav {
float: left;
margin: 0;
}
.navbar-nav>li {
float: left;
}
.navbar-nav>li>a {
padding-top: 15px;
padding-bottom: 15px;
}
}
.navbar-form {
padding: 10px 15px;
margin-top: 8px;
margin-right: -15px;
margin-bottom: 8px;
margin-left: -15px;
border-top: 1px solid transparent;
border-bottom: 1px solid transparent;
-webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, .1), 0 1px 0 rgba(255, 255, 255, .1);
box-shadow: inset 0 1px 0 rgba(255, 255, 255, .1), 0 1px 0 rgba(255, 255, 255, .1);
}
@media (min-width: 768px) {
.navbar-form .form-group {
display: inline-block;
margin-bottom: 0;
vertical-align: middle;
}
.navbar-form .form-control {
display: inline-block;
width: auto;
vertical-align: middle;
}
.navbar-form .form-control-static {
display: inline-block;
}
.navbar-form .input-group {
display: inline-table;
vertical-align: middle;
}
.navbar-form .input-group .input-group-addon,
.navbar-form .input-group .input-group-btn,
.navbar-form .input-group .form-control {
width: auto;
}
.navbar-form .input-group>.form-control {
width: 100%;
}
.navbar-form .control-label {
margin-bottom: 0;
vertical-align: middle;
}
.navbar-form .radio,
.navbar-form .checkbox {
display: inline-block;
margin-top: 0;
margin-bottom: 0;
vertical-align: middle;
}
.navbar-form .radio label,
.navbar-form .checkbox label {
padding-left: 0;
}
.navbar-form .radio input[type="radio"],
.navbar-form .checkbox input[type="checkbox"] {
position: relative;
margin-left: 0;
}
.navbar-form .has-feedback .form-control-feedback {
top: 0;
}
}
@media (max-width: 767px) {
.navbar-form .form-group {
margin-bottom: 5px;
}
.navbar-form .form-group:last-child {
margin-bottom: 0;
}
}
@media (min-width: 768px) {
.navbar-form {
width: auto;
padding-top: 0;
padding-bottom: 0;
margin-right: 0;
margin-left: 0;
border: 0;
-webkit-box-shadow: none;
box-shadow: none;
}
}
.navbar-nav>li>.dropdown-menu {
margin-top: 0;
border-top-left-radius: 0;
border-top-right-radius: 0;
}
.navbar-fixed-bottom .navbar-nav>li>.dropdown-menu {
margin-bottom: 0;
border-top-left-radius: 4px;
border-top-right-radius: 4px;
border-bottom-right-radius: 0;
border-bottom-left-radius: 0;
}
.navbar-btn {
margin-top: 8px;
margin-bottom: 8px;
}
.navbar-btn.btn-sm {
margin-top: 10px;
margin-bottom: 10px;
}
.navbar-btn.btn-xs {
margin-top: 14px;
margin-bottom: 14px;
}
.navbar-text {
margin-top: 15px;
margin-bottom: 15px;
}
@media (min-width: 768px) {
.navbar-text {
float: left;
margin-right: 15px;
margin-left: 15px;
}
}
@media (min-width: 768px) {
.navbar-left {
float: left !important;
}
.navbar-right {
float: right !important;
margin-right: -15px;
}
.navbar-right~.navbar-right {
margin-right: 0;
}
}
.navbar-default {
background-color: #f8f8f8;
border-color: #e7e7e7;
}
.navbar-default .navbar-brand {
color: #777;
}
.navbar-default .navbar-brand:hover,
.navbar-default .navbar-brand:focus {
color: #5e5e5e;
background-color: transparent;
}
.navbar-default .navbar-text {
color: #777;
}
.navbar-default .navbar-nav>li>a {
color: #777;
}
.navbar-default .navbar-nav>li>a:hover,
.navbar-default .navbar-nav>li>a:focus {
color: #333;
background-color: transparent;
}
.navbar-default .navbar-nav>.active>a,
.navbar-default .navbar-nav>.active>a:hover,
.navbar-default .navbar-nav>.active>a:focus {
color: #555;
background-color: #e7e7e7;
}
.navbar-default .navbar-nav>.disabled>a,
.navbar-default .navbar-nav>.disabled>a:hover,
.navbar-default .navbar-nav>.disabled>a:focus {
color: #ccc;
background-color: transparent;
}
.navbar-default .navbar-toggle {
border-color: #ddd;
}
.navbar-default .navbar-toggle:hover,
.navbar-default .navbar-toggle:focus {
background-color: #ddd;
}
.navbar-default .navbar-toggle .icon-bar {
background-color: #888;
}
.navbar-default .navbar-collapse,
.navbar-default .navbar-form {
border-color: #e7e7e7;
}
.navbar-default .navbar-nav>.open>a,
.navbar-default .navbar-nav>.open>a:hover,
.navbar-default .navbar-nav>.open>a:focus {
color: #555;
background-color: #e7e7e7;
}
@media (max-width: 767px) {
.navbar-default .navbar-nav .open .dropdown-menu>li>a {
color: #777;
}
.navbar-default .navbar-nav .open .dropdown-menu>li>a:hover,
.navbar-default .navbar-nav .open .dropdown-menu>li>a:focus {
color: #333;
background-color: transparent;
}
.navbar-default .navbar-nav .open .dropdown-menu>.active>a,
.navbar-default .navbar-nav .open .dropdown-menu>.active>a:hover,
.navbar-default .navbar-nav .open .dropdown-menu>.active>a:focus {
color: #555;
background-color: #e7e7e7;
}
.navbar-default .navbar-nav .open .dropdown-menu>.disabled>a,
.navbar-default .navbar-nav .open .dropdown-menu>.disabled>a:hover,
.navbar-default .navbar-nav .open .dropdown-menu>.disabled>a:focus {
color: #ccc;
background-color: transparent;
}
}
.navbar-default .navbar-link {
color: #777;
}
.navbar-default .navbar-link:hover {
color: #333;
}
.navbar-default .btn-link {
color: #777;
}
.navbar-default .btn-link:hover,
.navbar-default .btn-link:focus {
color: #333;
}
.navbar-default .btn-link[disabled]:hover,
fieldset[disabled] .navbar-default .btn-link:hover,
.navbar-default .btn-link[disabled]:focus,
fieldset[disabled] .navbar-default .btn-link:focus {
color: #ccc;
}
.navbar-inverse {
background-color: #222;
border-color: #080808;
}
.navbar-inverse .navbar-brand {
color: #9d9d9d;
}
.navbar-inverse .navbar-brand:hover,
.navbar-inverse .navbar-brand:focus {
color: #fff;
background-color: transparent;
}
.navbar-inverse .navbar-text {
color: #9d9d9d;
}
.navbar-inverse .navbar-nav>li>a {
color: #9d9d9d;
}
.navbar-inverse .navbar-nav>li>a:hover,
.navbar-inverse .navbar-nav>li>a:focus {
color: #fff;
background-color: transparent;
}
.navbar-inverse .navbar-nav>.active>a,
.navbar-inverse .navbar-nav>.active>a:hover,
.navbar-inverse .navbar-nav>.active>a:focus {
color: #fff;
background-color: #080808;
}
.navbar-inverse .navbar-nav>.disabled>a,
.navbar-inverse .navbar-nav>.disabled>a:hover,
.navbar-inverse .navbar-nav>.disabled>a:focus {
color: #444;
background-color: transparent;
}
.navbar-inverse .navbar-toggle {
border-color: #333;
}
.navbar-inverse .navbar-toggle:hover,
.navbar-inverse .navbar-toggle:focus {
background-color: #333;
}
.navbar-inverse .navbar-toggle .icon-bar {
background-color: #fff;
}
.navbar-inverse .navbar-collapse,
.navbar-inverse .navbar-form {
border-color: #101010;
}
.navbar-inverse .navbar-nav>.open>a,
.navbar-inverse .navbar-nav>.open>a:hover,
.navbar-inverse .navbar-nav>.open>a:focus {
color: #fff;
background-color: #080808;
}
@media (max-width: 767px) {
.navbar-inverse .navbar-nav .open .dropdown-menu>.dropdown-header {
border-color: #080808;
}
.navbar-inverse .navbar-nav .open .dropdown-menu .divider {
background-color: #080808;
}
.navbar-inverse .navbar-nav .open .dropdown-menu>li>a {
color: #9d9d9d;
}
.navbar-inverse .navbar-nav .open .dropdown-menu>li>a:hover,
.navbar-inverse .navbar-nav .open .dropdown-menu>li>a:focus {
color: #fff;
background-color: transparent;
}
.navbar-inverse .navbar-nav .open .dropdown-menu>.active>a,
.navbar-inverse .navbar-nav .open .dropdown-menu>.active>a:hover,
.navbar-inverse .navbar-nav .open .dropdown-menu>.active>a:focus {
color: #fff;
background-color: #080808;
}
.navbar-inverse .navbar-nav .open .dropdown-menu>.disabled>a,
.navbar-inverse .navbar-nav .open .dropdown-menu>.disabled>a:hover,
.navbar-inverse .navbar-nav .open .dropdown-menu>.disabled>a:focus {
color: #444;
background-color: transparent;
}
}
.navbar-inverse .navbar-link {
color: #9d9d9d;
}
.navbar-inverse .navbar-link:hover {
color: #fff;
}
.navbar-inverse .btn-link {
color: #9d9d9d;
}
.navbar-inverse .btn-link:hover,
.navbar-inverse .btn-link:focus {
color: #fff;
}
.navbar-inverse .btn-link[disabled]:hover,
fieldset[disabled] .navbar-inverse .btn-link:hover,
.navbar-inverse .btn-link[disabled]:focus,
fieldset[disabled] .navbar-inverse .btn-link:focus {
color: #444;
}
.breadcrumb {
padding: 8px 15px;
margin-bottom: 20px;
list-style: none;
background-color: #f5f5f5;
border-radius: 4px;
}
.breadcrumb>li {
display: inline-block;
}
.breadcrumb>li+li:before {
padding: 0 5px;
color: #ccc;
content: "/\00a0";
}
.breadcrumb>.active {
color: #777;
}
.pagination {
display: inline-block;
padding-left: 0;
margin: 20px 0;
border-radius: 4px;
}
.pagination>li {
display: inline;
}
.pagination>li>a,
.pagination>li>span {
position: relative;
float: left;
padding: 6px 12px;
margin-left: -1px;
line-height: 1.42857143;
color: #337ab7;
text-decoration: none;
background-color: #fff;
border: 1px solid #ddd;
}
.pagination>li:first-child>a,
.pagination>li:first-child>span {
margin-left: 0;
border-top-left-radius: 4px;
border-bottom-left-radius: 4px;
}
.pagination>li:last-child>a,
.pagination>li:last-child>span {
border-top-right-radius: 4px;
border-bottom-right-radius: 4px;
}
.pagination>li>a:hover,
.pagination>li>span:hover,
.pagination>li>a:focus,
.pagination>li>span:focus {
color: #23527c;
background-color: #eee;
border-color: #ddd;
}
.pagination>.active>a,
.pagination>.active>span,
.pagination>.active>a:hover,
.pagination>.active>span:hover,
.pagination>.active>a:focus,
.pagination>.active>span:focus {
z-index: 2;
color: #fff;
cursor: default;
background-color: #337ab7;
border-color: #337ab7;
}
.pagination>.disabled>span,
.pagination>.disabled>span:hover,
.pagination>.disabled>span:focus,
.pagination>.disabled>a,
.pagination>.disabled>a:hover,
.pagination>.disabled>a:focus {
color: #777;
cursor: not-allowed;
background-color: #fff;
border-color: #ddd;
}
.pagination-lg>li>a,
.pagination-lg>li>span {
padding: 10px 16px;
font-size: 18px;
}
.pagination-lg>li:first-child>a,
.pagination-lg>li:first-child>span {
border-top-left-radius: 6px;
border-bottom-left-radius: 6px;
}
.pagination-lg>li:last-child>a,
.pagination-lg>li:last-child>span {
border-top-right-radius: 6px;
border-bottom-right-radius: 6px;
}
.pagination-sm>li>a,
.pagination-sm>li>span {
padding: 5px 10px;
font-size: 12px;
}
.pagination-sm>li:first-child>a,
.pagination-sm>li:first-child>span {
border-top-left-radius: 3px;
border-bottom-left-radius: 3px;
}
.pagination-sm>li:last-child>a,
.pagination-sm>li:last-child>span {
border-top-right-radius: 3px;
border-bottom-right-radius: 3px;
}
.pager {
padding-left: 0;
margin: 20px 0;
text-align: center;
list-style: none;
}
.pager li {
display: inline;
}
.pager li>a,
.pager li>span {
display: inline-block;
padding: 5px 14px;
background-color: #fff;
border: 1px solid #ddd;
border-radius: 15px;
}
.pager li>a:hover,
.pager li>a:focus {
text-decoration: none;
background-color: #eee;
}
.pager .next>a,
.pager .next>span {
float: right;
}
.pager .previous>a,
.pager .previous>span {
float: left;
}
.pager .disabled>a,
.pager .disabled>a:hover,
.pager .disabled>a:focus,
.pager .disabled>span {
color: #777;
cursor: not-allowed;
background-color: #fff;
}
.label {
display: inline;
padding: .2em .6em .3em;
font-size: 75%;
font-weight: bold;
line-height: 1;
color: #fff;
text-align: center;
white-space: nowrap;
vertical-align: baseline;
border-radius: .25em;
}
a.label:hover,
a.label:focus {
color: #fff;
text-decoration: none;
cursor: pointer;
}
.label:empty {
display: none;
}
.btn .label {
position: relative;
top: -1px;
}
.label-default {
background-color: #777;
}
.label-default[href]:hover,
.label-default[href]:focus {
background-color: #5e5e5e;
}
.label-primary {
background-color: #337ab7;
}
.label-primary[href]:hover,
.label-primary[href]:focus {
background-color: #286090;
}
.label-success {
background-color: #5cb85c;
}
.label-success[href]:hover,
.label-success[href]:focus {
background-color: #449d44;
}
.label-info {
background-color: #5bc0de;
}
.label-info[href]:hover,
.label-info[href]:focus {
background-color: #31b0d5;
}
.label-warning {
background-color: #f0ad4e;
}
.label-warning[href]:hover,
.label-warning[href]:focus {
background-color: #ec971f;
}
.label-danger {
background-color: #d9534f;
}
.label-danger[href]:hover,
.label-danger[href]:focus {
background-color: #c9302c;
}
.badge {
display: inline-block;
min-width: 10px;
padding: 3px 7px;
font-size: 12px;
font-weight: bold;
line-height: 1;
color: #fff;
text-align: center;
white-space: nowrap;
vertical-align: baseline;
background-color: #777;
border-radius: 10px;
}
.badge:empty {
display: none;
}
.btn .badge {
position: relative;
top: -1px;
}
.btn-xs .badge,
.btn-group-xs>.btn .badge {
top: 0;
padding: 1px 5px;
}
a.badge:hover,
a.badge:focus {
color: #fff;
text-decoration: none;
cursor: pointer;
}
.list-group-item.active>.badge,
.nav-pills>.active>a>.badge {
color: #337ab7;
background-color: #fff;
}
.list-group-item>.badge {
float: right;
}
.list-group-item>.badge+.badge {
margin-right: 5px;
}
.nav-pills>li>a>.badge {
margin-left: 3px;
}
.jumbotron {
padding: 30px 15px;
margin-bottom: 30px;
color: inherit;
background-color: #eee;
}
.jumbotron h1,
.jumbotron .h1 {
color: inherit;
}
.jumbotron p {
margin-bottom: 15px;
font-size: 21px;
font-weight: 200;
}
.jumbotron>hr {
border-top-color: #d5d5d5;
}
.container .jumbotron,
.container-fluid .jumbotron {
border-radius: 6px;
}
.jumbotron .container {
max-width: 100%;
}
@media screen and (min-width: 768px) {
.jumbotron {
padding: 48px 0;
}
.container .jumbotron,
.container-fluid .jumbotron {
padding-right: 60px;
padding-left: 60px;
}
.jumbotron h1,
.jumbotron .h1 {
font-size: 63px;
}
}
.thumbnail {
display: block;
padding: 4px;
margin-bottom: 20px;
line-height: 1.42857143;
background-color: #fff;
border: 1px solid #ddd;
border-radius: 4px;
-webkit-transition: border .2s ease-in-out;
-o-transition: border .2s ease-in-out;
transition: border .2s ease-in-out;
}
.thumbnail>img,
.thumbnail a>img {
margin-right: auto;
margin-left: auto;
}
a.thumbnail:hover,
a.thumbnail:focus,
a.thumbnail.active {
border-color: #337ab7;
}
.thumbnail .caption {
padding: 9px;
color: #333;
}
.alert {
padding: 15px;
margin-bottom: 20px;
border: 1px solid transparent;
border-radius: 4px;
}
.alert h4 {
margin-top: 0;
color: inherit;
}
.alert .alert-link {
font-weight: bold;
}
.alert>p,
.alert>ul {
margin-bottom: 0;
}
.alert>p+p {
margin-top: 5px;
}
.alert-dismissable,
.alert-dismissible {
padding-right: 35px;
}
.alert-dismissable .close,
.alert-dismissible .close {
position: relative;
top: -2px;
right: -21px;
color: inherit;
}
.alert-success {
color: #3c763d;
background-color: #dff0d8;
border-color: #d6e9c6;
}
.alert-success hr {
border-top-color: #c9e2b3;
}
.alert-success .alert-link {
color: #2b542c;
}
.alert-info {
color: #31708f;
background-color: #d9edf7;
border-color: #bce8f1;
}
.alert-info hr {
border-top-color: #a6e1ec;
}
.alert-info .alert-link {
color: #245269;
}
.alert-warning {
color: #8a6d3b;
background-color: #fcf8e3;
border-color: #faebcc;
}
.alert-warning hr {
border-top-color: #f7e1b5;
}
.alert-warning .alert-link {
color: #66512c;
}
.alert-danger {
color: #a94442;
background-color: #f2dede;
border-color: #ebccd1;
}
.alert-danger hr {
border-top-color: #e4b9c0;
}
.alert-danger .alert-link {
color: #843534;
}
@-webkit-keyframes progress-bar-stripes {
from {
background-position: 40px 0;
}
to {
background-position: 0 0;
}
}
@-o-keyframes progress-bar-stripes {
from {
background-position: 40px 0;
}
to {
background-position: 0 0;
}
}
@keyframes progress-bar-stripes {
from {
background-position: 40px 0;
}
to {
background-position: 0 0;
}
}
.progress {
height: 20px;
margin-bottom: 20px;
overflow: hidden;
background-color: #f5f5f5;
border-radius: 4px;
-webkit-box-shadow: inset 0 1px 2px rgba(0, 0, 0, .1);
box-shadow: inset 0 1px 2px rgba(0, 0, 0, .1);
}
.progress-bar {
float: left;
width: 0;
height: 100%;
font-size: 12px;
line-height: 20px;
color: #fff;
text-align: center;
background-color: #337ab7;
-webkit-box-shadow: inset 0 -1px 0 rgba(0, 0, 0, .15);
box-shadow: inset 0 -1px 0 rgba(0, 0, 0, .15);
-webkit-transition: width .6s ease;
-o-transition: width .6s ease;
transition: width .6s ease;
}
.progress-striped .progress-bar,
.progress-bar-striped {
background-image: -webkit-linear-gradient(45deg, rgba(255, 255, 255, .15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, .15) 50%, rgba(255, 255, 255, .15) 75%, transparent 75%, transparent);
background-image: -o-linear-gradient(45deg, rgba(255, 255, 255, .15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, .15) 50%, rgba(255, 255, 255, .15) 75%, transparent 75%, transparent);
background-image: linear-gradient(45deg, rgba(255, 255, 255, .15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, .15) 50%, rgba(255, 255, 255, .15) 75%, transparent 75%, transparent);
-webkit-background-size: 40px 40px;
background-size: 40px 40px;
}
.progress.active .progress-bar,
.progress-bar.active {
-webkit-animation: progress-bar-stripes 2s linear infinite;
-o-animation: progress-bar-stripes 2s linear infinite;
animation: progress-bar-stripes 2s linear infinite;
}
.progress-bar-success {
background-color: #5cb85c;
}
.progress-striped .progress-bar-success {
background-image: -webkit-linear-gradient(45deg, rgba(255, 255, 255, .15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, .15) 50%, rgba(255, 255, 255, .15) 75%, transparent 75%, transparent);
background-image: -o-linear-gradient(45deg, rgba(255, 255, 255, .15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, .15) 50%, rgba(255, 255, 255, .15) 75%, transparent 75%, transparent);
background-image: linear-gradient(45deg, rgba(255, 255, 255, .15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, .15) 50%, rgba(255, 255, 255, .15) 75%, transparent 75%, transparent);
}
.progress-bar-info {
background-color: #5bc0de;
}
.progress-striped .progress-bar-info {
background-image: -webkit-linear-gradient(45deg, rgba(255, 255, 255, .15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, .15) 50%, rgba(255, 255, 255, .15) 75%, transparent 75%, transparent);
background-image: -o-linear-gradient(45deg, rgba(255, 255, 255, .15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, .15) 50%, rgba(255, 255, 255, .15) 75%, transparent 75%, transparent);
background-image: linear-gradient(45deg, rgba(255, 255, 255, .15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, .15) 50%, rgba(255, 255, 255, .15) 75%, transparent 75%, transparent);
}
.progress-bar-warning {
background-color: #f0ad4e;
}
.progress-striped .progress-bar-warning {
background-image: -webkit-linear-gradient(45deg, rgba(255, 255, 255, .15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, .15) 50%, rgba(255, 255, 255, .15) 75%, transparent 75%, transparent);
background-image: -o-linear-gradient(45deg, rgba(255, 255, 255, .15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, .15) 50%, rgba(255, 255, 255, .15) 75%, transparent 75%, transparent);
background-image: linear-gradient(45deg, rgba(255, 255, 255, .15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, .15) 50%, rgba(255, 255, 255, .15) 75%, transparent 75%, transparent);
}
.progress-bar-danger {
background-color: #d9534f;
}
.progress-striped .progress-bar-danger {
background-image: -webkit-linear-gradient(45deg, rgba(255, 255, 255, .15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, .15) 50%, rgba(255, 255, 255, .15) 75%, transparent 75%, transparent);
background-image: -o-linear-gradient(45deg, rgba(255, 255, 255, .15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, .15) 50%, rgba(255, 255, 255, .15) 75%, transparent 75%, transparent);
background-image: linear-gradient(45deg, rgba(255, 255, 255, .15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, .15) 50%, rgba(255, 255, 255, .15) 75%, transparent 75%, transparent);
}
.media {
margin-top: 15px;
}
.media:first-child {
margin-top: 0;
}
.media,
.media-body {
overflow: hidden;
zoom: 1;
}
.media-body {
width: 10000px;
}
.media-object {
display: block;
}
.media-right,
.media>.pull-right {
padding-left: 10px;
}
.media-left,
.media>.pull-left {
padding-right: 10px;
}
.media-left,
.media-right,
.media-body {
display: table-cell;
vertical-align: top;
}
.media-middle {
vertical-align: middle;
}
.media-bottom {
vertical-align: bottom;
}
.media-heading {
margin-top: 0;
margin-bottom: 5px;
}
.media-list {
padding-left: 0;
list-style: none;
}
.list-group {
padding-left: 0;
margin-bottom: 20px;
}
.list-group-item {
position: relative;
display: block;
padding: 10px 15px;
margin-bottom: -1px;
background-color: #fff;
border: 1px solid #ddd;
}
.list-group-item:first-child {
border-top-left-radius: 4px;
border-top-right-radius: 4px;
}
.list-group-item:last-child {
margin-bottom: 0;
border-bottom-right-radius: 4px;
border-bottom-left-radius: 4px;
}
a.list-group-item {
color: #555;
}
a.list-group-item .list-group-item-heading {
color: #333;
}
a.list-group-item:hover,
a.list-group-item:focus {
color: #555;
text-decoration: none;
background-color: #f5f5f5;
}
.list-group-item.disabled,
.list-group-item.disabled:hover,
.list-group-item.disabled:focus {
color: #777;
cursor: not-allowed;
background-color: #eee;
}
.list-group-item.disabled .list-group-item-heading,
.list-group-item.disabled:hover .list-group-item-heading,
.list-group-item.disabled:focus .list-group-item-heading {
color: inherit;
}
.list-group-item.disabled .list-group-item-text,
.list-group-item.disabled:hover .list-group-item-text,
.list-group-item.disabled:focus .list-group-item-text {
color: #777;
}
.list-group-item.active,
.list-group-item.active:hover,
.list-group-item.active:focus {
z-index: 2;
color: #fff;
background-color: #337ab7;
border-color: #337ab7;
}
.list-group-item.active .list-group-item-heading,
.list-group-item.active:hover .list-group-item-heading,
.list-group-item.active:focus .list-group-item-heading,
.list-group-item.active .list-group-item-heading>small,
.list-group-item.active:hover .list-group-item-heading>small,
.list-group-item.active:focus .list-group-item-heading>small,
.list-group-item.active .list-group-item-heading>.small,
.list-group-item.active:hover .list-group-item-heading>.small,
.list-group-item.active:focus .list-group-item-heading>.small {
color: inherit;
}
.list-group-item.active .list-group-item-text,
.list-group-item.active:hover .list-group-item-text,
.list-group-item.active:focus .list-group-item-text {
color: #c7ddef;
}
.list-group-item-success {
color: #3c763d;
background-color: #dff0d8;
}
a.list-group-item-success {
color: #3c763d;
}
a.list-group-item-success .list-group-item-heading {
color: inherit;
}
a.list-group-item-success:hover,
a.list-group-item-success:focus {
color: #3c763d;
background-color: #d0e9c6;
}
a.list-group-item-success.active,
a.list-group-item-success.active:hover,
a.list-group-item-success.active:focus {
color: #fff;
background-color: #3c763d;
border-color: #3c763d;
}
.list-group-item-info {
color: #31708f;
background-color: #d9edf7;
}
a.list-group-item-info {
color: #31708f;
}
a.list-group-item-info .list-group-item-heading {
color: inherit;
}
a.list-group-item-info:hover,
a.list-group-item-info:focus {
color: #31708f;
background-color: #c4e3f3;
}
a.list-group-item-info.active,
a.list-group-item-info.active:hover,
a.list-group-item-info.active:focus {
color: #fff;
background-color: #31708f;
border-color: #31708f;
}
.list-group-item-warning {
color: #8a6d3b;
background-color: #fcf8e3;
}
a.list-group-item-warning {
color: #8a6d3b;
}
a.list-group-item-warning .list-group-item-heading {
color: inherit;
}
a.list-group-item-warning:hover,
a.list-group-item-warning:focus {
color: #8a6d3b;
background-color: #faf2cc;
}
a.list-group-item-warning.active,
a.list-group-item-warning.active:hover,
a.list-group-item-warning.active:focus {
color: #fff;
background-color: #8a6d3b;
border-color: #8a6d3b;
}
.list-group-item-danger {
color: #a94442;
background-color: #f2dede;
}
a.list-group-item-danger {
color: #a94442;
}
a.list-group-item-danger .list-group-item-heading {
color: inherit;
}
a.list-group-item-danger:hover,
a.list-group-item-danger:focus {
color: #a94442;
background-color: #ebcccc;
}
a.list-group-item-danger.active,
a.list-group-item-danger.active:hover,
a.list-group-item-danger.active:focus {
color: #fff;
background-color: #a94442;
border-color: #a94442;
}
.list-group-item-heading {
margin-top: 0;
margin-bottom: 5px;
}
.list-group-item-text {
margin-bottom: 0;
line-height: 1.3;
}
.panel {
margin-bottom: 20px;
background-color: #fff;
border: 1px solid transparent;
border-radius: 4px;
-webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, .05);
box-shadow: 0 1px 1px rgba(0, 0, 0, .05);
}
.panel-body {
padding: 15px;
}
.panel-heading {
padding: 10px 15px;
border-bottom: 1px solid transparent;
border-top-left-radius: 3px;
border-top-right-radius: 3px;
}
.panel-heading>.dropdown .dropdown-toggle {
color: inherit;
}
.panel-title {
margin-top: 0;
margin-bottom: 0;
font-size: 16px;
color: inherit;
}
.panel-title>a,
.panel-title>small,
.panel-title>.small,
.panel-title>small>a,
.panel-title>.small>a {
color: inherit;
}
.panel-footer {
padding: 10px 15px;
background-color: #f5f5f5;
border-top: 1px solid #ddd;
border-bottom-right-radius: 3px;
border-bottom-left-radius: 3px;
}
.panel>.list-group,
.panel>.panel-collapse>.list-group {
margin-bottom: 0;
}
.panel>.list-group .list-group-item,
.panel>.panel-collapse>.list-group .list-group-item {
border-width: 1px 0;
border-radius: 0;
}
.panel>.list-group:first-child .list-group-item:first-child,
.panel>.panel-collapse>.list-group:first-child .list-group-item:first-child {
border-top: 0;
border-top-left-radius: 3px;
border-top-right-radius: 3px;
}
.panel>.list-group:last-child .list-group-item:last-child,
.panel>.panel-collapse>.list-group:last-child .list-group-item:last-child {
border-bottom: 0;
border-bottom-right-radius: 3px;
border-bottom-left-radius: 3px;
}
.panel-heading+.list-group .list-group-item:first-child {
border-top-width: 0;
}
.list-group+.panel-footer {
border-top-width: 0;
}
.panel>.table,
.panel>.table-responsive>.table,
.panel>.panel-collapse>.table {
margin-bottom: 0;
}
.panel>.table caption,
.panel>.table-responsive>.table caption,
.panel>.panel-collapse>.table caption {
padding-right: 15px;
padding-left: 15px;
}
.panel>.table:first-child,
.panel>.table-responsive:first-child>.table:first-child {
border-top-left-radius: 3px;
border-top-right-radius: 3px;
}
.panel>.table:first-child>thead:first-child>tr:first-child,
.panel>.table-responsive:first-child>.table:first-child>thead:first-child>tr:first-child,
.panel>.table:first-child>tbody:first-child>tr:first-child,
.panel>.table-responsive:first-child>.table:first-child>tbody:first-child>tr:first-child {
border-top-left-radius: 3px;
border-top-right-radius: 3px;
}
.panel>.table:first-child>thead:first-child>tr:first-child td:first-child,
.panel>.table-responsive:first-child>.table:first-child>thead:first-child>tr:first-child td:first-child,
.panel>.table:first-child>tbody:first-child>tr:first-child td:first-child,
.panel>.table-responsive:first-child>.table:first-child>tbody:first-child>tr:first-child td:first-child,
.panel>.table:first-child>thead:first-child>tr:first-child th:first-child,
.panel>.table-responsive:first-child>.table:first-child>thead:first-child>tr:first-child th:first-child,
.panel>.table:first-child>tbody:first-child>tr:first-child th:first-child,
.panel>.table-responsive:first-child>.table:first-child>tbody:first-child>tr:first-child th:first-child {
border-top-left-radius: 3px;
}
.panel>.table:first-child>thead:first-child>tr:first-child td:last-child,
.panel>.table-responsive:first-child>.table:first-child>thead:first-child>tr:first-child td:last-child,
.panel>.table:first-child>tbody:first-child>tr:first-child td:last-child,
.panel>.table-responsive:first-child>.table:first-child>tbody:first-child>tr:first-child td:last-child,
.panel>.table:first-child>thead:first-child>tr:first-child th:last-child,
.panel>.table-responsive:first-child>.table:first-child>thead:first-child>tr:first-child th:last-child,
.panel>.table:first-child>tbody:first-child>tr:first-child th:last-child,
.panel>.table-responsive:first-child>.table:first-child>tbody:first-child>tr:first-child th:last-child {
border-top-right-radius: 3px;
}
.panel>.table:last-child,
.panel>.table-responsive:last-child>.table:last-child {
border-bottom-right-radius: 3px;
border-bottom-left-radius: 3px;
}
.panel>.table:last-child>tbody:last-child>tr:last-child,
.panel>.table-responsive:last-child>.table:last-child>tbody:last-child>tr:last-child,
.panel>.table:last-child>tfoot:last-child>tr:last-child,
.panel>.table-responsive:last-child>.table:last-child>tfoot:last-child>tr:last-child {
border-bottom-right-radius: 3px;
border-bottom-left-radius: 3px;
}
.panel>.table:last-child>tbody:last-child>tr:last-child td:first-child,
.panel>.table-responsive:last-child>.table:last-child>tbody:last-child>tr:last-child td:first-child,
.panel>.table:last-child>tfoot:last-child>tr:last-child td:first-child,
.panel>.table-responsive:last-child>.table:last-child>tfoot:last-child>tr:last-child td:first-child,
.panel>.table:last-child>tbody:last-child>tr:last-child th:first-child,
.panel>.table-responsive:last-child>.table:last-child>tbody:last-child>tr:last-child th:first-child,
.panel>.table:last-child>tfoot:last-child>tr:last-child th:first-child,
.panel>.table-responsive:last-child>.table:last-child>tfoot:last-child>tr:last-child th:first-child {
border-bottom-left-radius: 3px;
}
.panel>.table:last-child>tbody:last-child>tr:last-child td:last-child,
.panel>.table-responsive:last-child>.table:last-child>tbody:last-child>tr:last-child td:last-child,
.panel>.table:last-child>tfoot:last-child>tr:last-child td:last-child,
.panel>.table-responsive:last-child>.table:last-child>tfoot:last-child>tr:last-child td:last-child,
.panel>.table:last-child>tbody:last-child>tr:last-child th:last-child,
.panel>.table-responsive:last-child>.table:last-child>tbody:last-child>tr:last-child th:last-child,
.panel>.table:last-child>tfoot:last-child>tr:last-child th:last-child,
.panel>.table-responsive:last-child>.table:last-child>tfoot:last-child>tr:last-child th:last-child {
border-bottom-right-radius: 3px;
}
.panel>.panel-body+.table,
.panel>.panel-body+.table-responsive,
.panel>.table+.panel-body,
.panel>.table-responsive+.panel-body {
border-top: 1px solid #ddd;
}
.panel>.table>tbody:first-child>tr:first-child th,
.panel>.table>tbody:first-child>tr:first-child td {
border-top: 0;
}
.panel>.table-bordered,
.panel>.table-responsive>.table-bordered {
border: 0;
}
.panel>.table-bordered>thead>tr>th:first-child,
.panel>.table-responsive>.table-bordered>thead>tr>th:first-child,
.panel>.table-bordered>tbody>tr>th:first-child,
.panel>.table-responsive>.table-bordered>tbody>tr>th:first-child,
.panel>.table-bordered>tfoot>tr>th:first-child,
.panel>.table-responsive>.table-bordered>tfoot>tr>th:first-child,
.panel>.table-bordered>thead>tr>td:first-child,
.panel>.table-responsive>.table-bordered>thead>tr>td:first-child,
.panel>.table-bordered>tbody>tr>td:first-child,
.panel>.table-responsive>.table-bordered>tbody>tr>td:first-child,
.panel>.table-bordered>tfoot>tr>td:first-child,
.panel>.table-responsive>.table-bordered>tfoot>tr>td:first-child {
border-left: 0;
}
.panel>.table-bordered>thead>tr>th:last-child,
.panel>.table-responsive>.table-bordered>thead>tr>th:last-child,
.panel>.table-bordered>tbody>tr>th:last-child,
.panel>.table-responsive>.table-bordered>tbody>tr>th:last-child,
.panel>.table-bordered>tfoot>tr>th:last-child,
.panel>.table-responsive>.table-bordered>tfoot>tr>th:last-child,
.panel>.table-bordered>thead>tr>td:last-child,
.panel>.table-responsive>.table-bordered>thead>tr>td:last-child,
.panel>.table-bordered>tbody>tr>td:last-child,
.panel>.table-responsive>.table-bordered>tbody>tr>td:last-child,
.panel>.table-bordered>tfoot>tr>td:last-child,
.panel>.table-responsive>.table-bordered>tfoot>tr>td:last-child {
border-right: 0;
}
.panel>.table-bordered>thead>tr:first-child>td,
.panel>.table-responsive>.table-bordered>thead>tr:first-child>td,
.panel>.table-bordered>tbody>tr:first-child>td,
.panel>.table-responsive>.table-bordered>tbody>tr:first-child>td,
.panel>.table-bordered>thead>tr:first-child>th,
.panel>.table-responsive>.table-bordered>thead>tr:first-child>th,
.panel>.table-bordered>tbody>tr:first-child>th,
.panel>.table-responsive>.table-bordered>tbody>tr:first-child>th {
border-bottom: 0;
}
.panel>.table-bordered>tbody>tr:last-child>td,
.panel>.table-responsive>.table-bordered>tbody>tr:last-child>td,
.panel>.table-bordered>tfoot>tr:last-child>td,
.panel>.table-responsive>.table-bordered>tfoot>tr:last-child>td,
.panel>.table-bordered>tbody>tr:last-child>th,
.panel>.table-responsive>.table-bordered>tbody>tr:last-child>th,
.panel>.table-bordered>tfoot>tr:last-child>th,
.panel>.table-responsive>.table-bordered>tfoot>tr:last-child>th {
border-bottom: 0;
}
.panel>.table-responsive {
margin-bottom: 0;
border: 0;
}
.panel-group {
margin-bottom: 20px;
}
.panel-group .panel {
margin-bottom: 0;
border-radius: 4px;
}
.panel-group .panel+.panel {
margin-top: 5px;
}
.panel-group .panel-heading {
border-bottom: 0;
}
.panel-group .panel-heading+.panel-collapse>.panel-body,
.panel-group .panel-heading+.panel-collapse>.list-group {
border-top: 1px solid #ddd;
}
.panel-group .panel-footer {
border-top: 0;
}
.panel-group .panel-footer+.panel-collapse .panel-body {
border-bottom: 1px solid #ddd;
}
.panel-default {
border-color: #ddd;
}
.panel-default>.panel-heading {
color: #333;
background-color: #f5f5f5;
border-color: #ddd;
}
.panel-default>.panel-heading+.panel-collapse>.panel-body {
border-top-color: #ddd;
}
.panel-default>.panel-heading .badge {
color: #f5f5f5;
background-color: #333;
}
.panel-default>.panel-footer+.panel-collapse>.panel-body {
border-bottom-color: #ddd;
}
.panel-primary {
border-color: #337ab7;
}
.panel-primary>.panel-heading {
color: #fff;
background-color: #337ab7;
border-color: #337ab7;
}
.panel-primary>.panel-heading+.panel-collapse>.panel-body {
border-top-color: #337ab7;
}
.panel-primary>.panel-heading .badge {
color: #337ab7;
background-color: #fff;
}
.panel-primary>.panel-footer+.panel-collapse>.panel-body {
border-bottom-color: #337ab7;
}
.panel-success {
border-color: #d6e9c6;
}
.panel-success>.panel-heading {
color: #3c763d;
background-color: #dff0d8;
border-color: #d6e9c6;
}
.panel-success>.panel-heading+.panel-collapse>.panel-body {
border-top-color: #d6e9c6;
}
.panel-success>.panel-heading .badge {
color: #dff0d8;
background-color: #3c763d;
}
.panel-success>.panel-footer+.panel-collapse>.panel-body {
border-bottom-color: #d6e9c6;
}
.panel-info {
border-color: #bce8f1;
}
.panel-info>.panel-heading {
color: #31708f;
background-color: #d9edf7;
border-color: #bce8f1;
}
.panel-info>.panel-heading+.panel-collapse>.panel-body {
border-top-color: #bce8f1;
}
.panel-info>.panel-heading .badge {
color: #d9edf7;
background-color: #31708f;
}
.panel-info>.panel-footer+.panel-collapse>.panel-body {
border-bottom-color: #bce8f1;
}
.panel-warning {
border-color: #faebcc;
}
.panel-warning>.panel-heading {
color: #8a6d3b;
background-color: #fcf8e3;
border-color: #faebcc;
}
.panel-warning>.panel-heading+.panel-collapse>.panel-body {
border-top-color: #faebcc;
}
.panel-warning>.panel-heading .badge {
color: #fcf8e3;
background-color: #8a6d3b;
}
.panel-warning>.panel-footer+.panel-collapse>.panel-body {
border-bottom-color: #faebcc;
}
.panel-danger {
border-color: #ebccd1;
}
.panel-danger>.panel-heading {
color: #a94442;
background-color: #f2dede;
border-color: #ebccd1;
}
.panel-danger>.panel-heading+.panel-collapse>.panel-body {
border-top-color: #ebccd1;
}
.panel-danger>.panel-heading .badge {
color: #f2dede;
background-color: #a94442;
}
.panel-danger>.panel-footer+.panel-collapse>.panel-body {
border-bottom-color: #ebccd1;
}
.embed-responsive {
position: relative;
display: block;
height: 0;
padding: 0;
overflow: hidden;
}
.embed-responsive .embed-responsive-item,
.embed-responsive iframe,
.embed-responsive embed,
.embed-responsive object,
.embed-responsive video {
position: absolute;
top: 0;
bottom: 0;
left: 0;
width: 100%;
height: 100%;
border: 0;
}
.embed-responsive-16by9 {
padding-bottom: 56.25%;
}
.embed-responsive-4by3 {
padding-bottom: 75%;
}
.well {
min-height: 20px;
padding: 19px;
margin-bottom: 20px;
background-color: #f5f5f5;
border: 1px solid #e3e3e3;
border-radius: 4px;
-webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .05);
box-shadow: inset 0 1px 1px rgba(0, 0, 0, .05);
}
.well blockquote {
border-color: #ddd;
border-color: rgba(0, 0, 0, .15);
}
.well-lg {
padding: 24px;
border-radius: 6px;
}
.well-sm {
padding: 9px;
border-radius: 3px;
}
.close {
float: right;
font-size: 21px;
font-weight: bold;
line-height: 1;
color: #000;
text-shadow: 0 1px 0 #fff;
filter: alpha(opacity=20);
opacity: .2;
}
.close:hover,
.close:focus {
color: #000;
text-decoration: none;
cursor: pointer;
filter: alpha(opacity=50);
opacity: .5;
}
button.close {
-webkit-appearance: none;
padding: 0;
cursor: pointer;
background: transparent;
border: 0;
}
.modal-open {
overflow: hidden;
}
.modal {
position: fixed;
top: 0;
right: 0;
bottom: 0;
left: 0;
z-index: 1050;
display: none;
overflow: hidden;
-webkit-overflow-scrolling: touch;
outline: 0;
}
.modal.fade .modal-dialog {
-webkit-transition: -webkit-transform .3s ease-out;
-o-transition: -o-transform .3s ease-out;
transition: transform .3s ease-out;
-webkit-transform: translate(0, -25%);
-ms-transform: translate(0, -25%);
-o-transform: translate(0, -25%);
transform: translate(0, -25%);
}
.modal.in .modal-dialog {
-webkit-transform: translate(0, 0);
-ms-transform: translate(0, 0);
-o-transform: translate(0, 0);
transform: translate(0, 0);
}
.modal-open .modal {
overflow-x: hidden;
overflow-y: auto;
}
.modal-dialog {
position: relative;
width: auto;
margin: 10px;
}
.modal-content {
position: relative;
background-color: #fff;
-webkit-background-clip: padding-box;
background-clip: padding-box;
border: 1px solid #999;
border: 1px solid rgba(0, 0, 0, .2);
border-radius: 6px;
outline: 0;
-webkit-box-shadow: 0 3px 9px rgba(0, 0, 0, .5);
box-shadow: 0 3px 9px rgba(0, 0, 0, .5);
}
.modal-backdrop {
position: fixed;
top: 0;
right: 0;
bottom: 0;
left: 0;
z-index: 1040;
background-color: #000;
}
.modal-backdrop.fade {
filter: alpha(opacity=0);
opacity: 0;
}
.modal-backdrop.in {
filter: alpha(opacity=50);
opacity: .5;
}
.modal-header {
min-height: 16.42857143px;
padding: 15px;
border-bottom: 1px solid #e5e5e5;
}
.modal-header .close {
margin-top: -2px;
}
.modal-title {
margin: 0;
line-height: 1.42857143;
}
.modal-body {
position: relative;
padding: 15px;
}
.modal-footer {
padding: 15px;
text-align: right;
border-top: 1px solid #e5e5e5;
}
.modal-footer .btn+.btn {
margin-bottom: 0;
margin-left: 5px;
}
.modal-footer .btn-group .btn+.btn {
margin-left: -1px;
}
.modal-footer .btn-block+.btn-block {
margin-left: 0;
}
.modal-scrollbar-measure {
position: absolute;
top: -9999px;
width: 50px;
height: 50px;
overflow: scroll;
}
@media (min-width: 768px) {
.modal-dialog {
width: 600px;
margin: 30px auto;
}
.modal-content {
-webkit-box-shadow: 0 5px 15px rgba(0, 0, 0, .5);
box-shadow: 0 5px 15px rgba(0, 0, 0, .5);
}
.modal-sm {
width: 300px;
}
}
@media (min-width: 992px) {
.modal-lg {
width: 900px;
}
}
.tooltip {
position: absolute;
z-index: 1070;
display: block;
/* font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; */
font-size: 12px;
font-weight: normal;
line-height: 1.4;
filter: alpha(opacity=0);
opacity: 0;
}
.tooltip.in {
filter: alpha(opacity=90);
opacity: .9;
}
.tooltip.top {
padding: 5px 0;
margin-top: -3px;
}
.tooltip.right {
padding: 0 5px;
margin-left: 3px;
}
.tooltip.bottom {
padding: 5px 0;
margin-top: 3px;
}
.tooltip.left {
padding: 0 5px;
margin-left: -3px;
}
.tooltip-inner {
max-width: 200px;
padding: 3px 8px;
color: #fff;
text-align: center;
text-decoration: none;
background-color: #000;
border-radius: 4px;
}
.tooltip-arrow {
position: absolute;
width: 0;
height: 0;
border-color: transparent;
border-style: solid;
}
.tooltip.top .tooltip-arrow {
bottom: 0;
left: 50%;
margin-left: -5px;
border-width: 5px 5px 0;
border-top-color: #000;
}
.tooltip.top-left .tooltip-arrow {
right: 5px;
bottom: 0;
margin-bottom: -5px;
border-width: 5px 5px 0;
border-top-color: #000;
}
.tooltip.top-right .tooltip-arrow {
bottom: 0;
left: 5px;
margin-bottom: -5px;
border-width: 5px 5px 0;
border-top-color: #000;
}
.tooltip.right .tooltip-arrow {
top: 50%;
left: 0;
margin-top: -5px;
border-width: 5px 5px 5px 0;
border-right-color: #000;
}
.tooltip.left .tooltip-arrow {
top: 50%;
right: 0;
margin-top: -5px;
border-width: 5px 0 5px 5px;
border-left-color: #000;
}
.tooltip.bottom .tooltip-arrow {
top: 0;
left: 50%;
margin-left: -5px;
border-width: 0 5px 5px;
border-bottom-color: #000;
}
.tooltip.bottom-left .tooltip-arrow {
top: 0;
right: 5px;
margin-top: -5px;
border-width: 0 5px 5px;
border-bottom-color: #000;
}
.tooltip.bottom-right .tooltip-arrow {
top: 0;
left: 5px;
margin-top: -5px;
border-width: 0 5px 5px;
border-bottom-color: #000;
}
.popover {
position: absolute;
top: 0;
left: 0;
z-index: 1060;
display: none;
max-width: 276px;
padding: 1px;
/* font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; */
font-size: 14px;
font-weight: normal;
line-height: 1.42857143;
text-align: left;
white-space: normal;
background-color: #fff;
-webkit-background-clip: padding-box;
background-clip: padding-box;
border: 1px solid #ccc;
border: 1px solid rgba(0, 0, 0, .2);
border-radius: 6px;
-webkit-box-shadow: 0 5px 10px rgba(0, 0, 0, .2);
box-shadow: 0 5px 10px rgba(0, 0, 0, .2);
}
.popover.top {
margin-top: -10px;
}
.popover.right {
margin-left: 10px;
}
.popover.bottom {
margin-top: 10px;
}
.popover.left {
margin-left: -10px;
}
.popover-title {
padding: 8px 14px;
margin: 0;
font-size: 14px;
background-color: #f7f7f7;
border-bottom: 1px solid #ebebeb;
border-radius: 5px 5px 0 0;
}
.popover-content {
padding: 9px 14px;
}
.popover>.arrow,
.popover>.arrow:after {
position: absolute;
display: block;
width: 0;
height: 0;
border-color: transparent;
border-style: solid;
}
.popover>.arrow {
border-width: 11px;
}
.popover>.arrow:after {
content: "";
border-width: 10px;
}
.popover.top>.arrow {
bottom: -11px;
left: 50%;
margin-left: -11px;
border-top-color: #999;
border-top-color: rgba(0, 0, 0, .25);
border-bottom-width: 0;
}
.popover.top>.arrow:after {
bottom: 1px;
margin-left: -10px;
content: " ";
border-top-color: #fff;
border-bottom-width: 0;
}
.popover.right>.arrow {
top: 50%;
left: -11px;
margin-top: -11px;
border-right-color: #999;
border-right-color: rgba(0, 0, 0, .25);
border-left-width: 0;
}
.popover.right>.arrow:after {
bottom: -10px;
left: 1px;
content: " ";
border-right-color: #fff;
border-left-width: 0;
}
.popover.bottom>.arrow {
top: -11px;
left: 50%;
margin-left: -11px;
border-top-width: 0;
border-bottom-color: #999;
border-bottom-color: rgba(0, 0, 0, .25);
}
.popover.bottom>.arrow:after {
top: 1px;
margin-left: -10px;
content: " ";
border-top-width: 0;
border-bottom-color: #fff;
}
.popover.left>.arrow {
top: 50%;
right: -11px;
margin-top: -11px;
border-right-width: 0;
border-left-color: #999;
border-left-color: rgba(0, 0, 0, .25);
}
.popover.left>.arrow:after {
right: 1px;
bottom: -10px;
content: " ";
border-right-width: 0;
border-left-color: #fff;
}
.carousel {
position: relative;
}
.carousel-inner {
position: relative;
width: 100%;
overflow: hidden;
}
.carousel-inner>.item {
position: relative;
display: none;
-webkit-transition: .6s ease-in-out left;
-o-transition: .6s ease-in-out left;
transition: .6s ease-in-out left;
}
.carousel-inner>.item>img,
.carousel-inner>.item>a>img {
line-height: 1;
}
@media all and (transform-3d),
(-webkit-transform-3d) {
.carousel-inner>.item {
-webkit-transition: -webkit-transform .6s ease-in-out;
-o-transition: -o-transform .6s ease-in-out;
transition: transform .6s ease-in-out;
-webkit-backface-visibility: hidden;
backface-visibility: hidden;
-webkit-perspective: 1000;
perspective: 1000;
}
.carousel-inner>.item.next,
.carousel-inner>.item.active.right {
left: 0;
-webkit-transform: translate3d(100%, 0, 0);
transform: translate3d(100%, 0, 0);
}
.carousel-inner>.item.prev,
.carousel-inner>.item.active.left {
left: 0;
-webkit-transform: translate3d(-100%, 0, 0);
transform: translate3d(-100%, 0, 0);
}
.carousel-inner>.item.next.left,
.carousel-inner>.item.prev.right,
.carousel-inner>.item.active {
left: 0;
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
}
.carousel-inner>.active,
.carousel-inner>.next,
.carousel-inner>.prev {
display: block;
}
.carousel-inner>.active {
left: 0;
}
.carousel-inner>.next,
.carousel-inner>.prev {
position: absolute;
top: 0;
width: 100%;
}
.carousel-inner>.next {
left: 100%;
}
.carousel-inner>.prev {
left: -100%;
}
.carousel-inner>.next.left,
.carousel-inner>.prev.right {
left: 0;
}
.carousel-inner>.active.left {
left: -100%;
}
.carousel-inner>.active.right {
left: 100%;
}
.carousel-control {
position: absolute;
top: 0;
bottom: 0;
left: 0;
width: 15%;
font-size: 20px;
color: #fff;
text-align: center;
text-shadow: 0 1px 2px rgba(0, 0, 0, .6);
filter: alpha(opacity=50);
opacity: .5;
}
.carousel-control.left {
background-image: -webkit-linear-gradient(left, rgba(0, 0, 0, .5) 0%, rgba(0, 0, 0, .0001) 100%);
background-image: -o-linear-gradient(left, rgba(0, 0, 0, .5) 0%, rgba(0, 0, 0, .0001) 100%);
background-image: -webkit-gradient(linear, left top, right top, from(rgba(0, 0, 0, .5)), to(rgba(0, 0, 0, .0001)));
background-image: linear-gradient(to right, rgba(0, 0, 0, .5) 0%, rgba(0, 0, 0, .0001) 100%);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#80000000', endColorstr='#00000000', GradientType=1);
background-repeat: repeat-x;
}
.carousel-control.right {
right: 0;
left: auto;
background-image: -webkit-linear-gradient(left, rgba(0, 0, 0, .0001) 0%, rgba(0, 0, 0, .5) 100%);
background-image: -o-linear-gradient(left, rgba(0, 0, 0, .0001) 0%, rgba(0, 0, 0, .5) 100%);
background-image: -webkit-gradient(linear, left top, right top, from(rgba(0, 0, 0, .0001)), to(rgba(0, 0, 0, .5)));
background-image: linear-gradient(to right, rgba(0, 0, 0, .0001) 0%, rgba(0, 0, 0, .5) 100%);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00000000', endColorstr='#80000000', GradientType=1);
background-repeat: repeat-x;
}
.carousel-control:hover,
.carousel-control:focus {
color: #fff;
text-decoration: none;
filter: alpha(opacity=90);
outline: 0;
opacity: .9;
}
.carousel-control .icon-prev,
.carousel-control .icon-next,
.carousel-control .glyphicon-chevron-left,
.carousel-control .glyphicon-chevron-right {
position: absolute;
top: 50%;
z-index: 5;
display: inline-block;
}
.carousel-control .icon-prev,
.carousel-control .glyphicon-chevron-left {
left: 50%;
margin-left: -10px;
}
.carousel-control .icon-next,
.carousel-control .glyphicon-chevron-right {
right: 50%;
margin-right: -10px;
}
.carousel-control .icon-prev,
.carousel-control .icon-next {
width: 20px;
height: 20px;
margin-top: -10px;
/* font-family: serif; */
line-height: 1;
}
.carousel-control .icon-prev:before {
content: '\2039';
}
.carousel-control .icon-next:before {
content: '\203a';
}
.carousel-indicators {
position: absolute;
bottom: 10px;
left: 50%;
z-index: 15;
width: 60%;
padding-left: 0;
margin-left: -30%;
text-align: center;
list-style: none;
}
.carousel-indicators li {
display: inline-block;
width: 10px;
height: 10px;
margin: 1px;
text-indent: -999px;
cursor: pointer;
background-color: #000 \9;
background-color: rgba(0, 0, 0, 0);
border: 1px solid #fff;
border-radius: 10px;
}
.carousel-indicators .active {
width: 12px;
height: 12px;
margin: 0;
background-color: #fff;
}
.carousel-caption {
position: absolute;
right: 15%;
bottom: 20px;
left: 15%;
z-index: 10;
padding-top: 20px;
padding-bottom: 20px;
color: #fff;
text-align: center;
text-shadow: 0 1px 2px rgba(0, 0, 0, .6);
}
.carousel-caption .btn {
text-shadow: none;
}
@media screen and (min-width: 768px) {
.carousel-control .glyphicon-chevron-left,
.carousel-control .glyphicon-chevron-right,
.carousel-control .icon-prev,
.carousel-control .icon-next {
width: 30px;
height: 30px;
margin-top: -15px;
font-size: 30px;
}
.carousel-control .glyphicon-chevron-left,
.carousel-control .icon-prev {
margin-left: -15px;
}
.carousel-control .glyphicon-chevron-right,
.carousel-control .icon-next {
margin-right: -15px;
}
.carousel-caption {
right: 20%;
left: 20%;
padding-bottom: 30px;
}
.carousel-indicators {
bottom: 20px;
}
}
.clearfix:before,
.clearfix:after,
.dl-horizontal dd:before,
.dl-horizontal dd:after,
.container:before,
.container:after,
.container-fluid:before,
.container-fluid:after,
.row:before,
.row:after,
.form-horizontal .form-group:before,
.form-horizontal .form-group:after,
.btn-toolbar:before,
.btn-toolbar:after,
.btn-group-vertical>.btn-group:before,
.btn-group-vertical>.btn-group:after,
.nav:before,
.nav:after,
.navbar:before,
.navbar:after,
.navbar-header:before,
.navbar-header:after,
.navbar-collapse:before,
.navbar-collapse:after,
.pager:before,
.pager:after,
.panel-body:before,
.panel-body:after,
.modal-footer:before,
.modal-footer:after {
display: table;
content: " ";
}
.clearfix:after,
.dl-horizontal dd:after,
.container:after,
.container-fluid:after,
.row:after,
.form-horizontal .form-group:after,
.btn-toolbar:after,
.btn-group-vertical>.btn-group:after,
.nav:after,
.navbar:after,
.navbar-header:after,
.navbar-collapse:after,
.pager:after,
.panel-body:after,
.modal-footer:after {
clear: both;
}
.center-block {
display: block;
margin-right: auto;
margin-left: auto;
}
.pull-right {
float: right !important;
}
.pull-left {
float: left !important;
}
.hide {
display: none !important;
}
.show {
display: block !important;
}
.invisible {
visibility: hidden;
}
.text-hide {
font: 0/0 a;
color: transparent;
text-shadow: none;
background-color: transparent;
border: 0;
}
.hidden {
display: none !important;
}
.affix {
position: fixed;
}
@-ms-viewport {
width: device-width;
}
.visible-xs,
.visible-sm,
.visible-md,
.visible-lg {
display: none !important;
}
.visible-xs-block,
.visible-xs-inline,
.visible-xs-inline-block,
.visible-sm-block,
.visible-sm-inline,
.visible-sm-inline-block,
.visible-md-block,
.visible-md-inline,
.visible-md-inline-block,
.visible-lg-block,
.visible-lg-inline,
.visible-lg-inline-block {
display: none !important;
}
@media (max-width: 767px) {
.visible-xs {
display: block !important;
}
table.visible-xs {
display: table;
}
tr.visible-xs {
display: table-row !important;
}
th.visible-xs,
td.visible-xs {
display: table-cell !important;
}
}
@media (max-width: 767px) {
.visible-xs-block {
display: block !important;
}
}
@media (max-width: 767px) {
.visible-xs-inline {
display: inline !important;
}
}
@media (max-width: 767px) {
.visible-xs-inline-block {
display: inline-block !important;
}
}
@media (min-width: 768px) and (max-width: 991px) {
.visible-sm {
display: block !important;
}
table.visible-sm {
display: table;
}
tr.visible-sm {
display: table-row !important;
}
th.visible-sm,
td.visible-sm {
display: table-cell !important;
}
}
@media (min-width: 768px) and (max-width: 991px) {
.visible-sm-block {
display: block !important;
}
}
@media (min-width: 768px) and (max-width: 991px) {
.visible-sm-inline {
display: inline !important;
}
}
@media (min-width: 768px) and (max-width: 991px) {
.visible-sm-inline-block {
display: inline-block !important;
}
}
@media (min-width: 992px) and (max-width: 1199px) {
.visible-md {
display: block !important;
}
table.visible-md {
display: table;
}
tr.visible-md {
display: table-row !important;
}
th.visible-md,
td.visible-md {
display: table-cell !important;
}
}
@media (min-width: 992px) and (max-width: 1199px) {
.visible-md-block {
display: block !important;
}
}
@media (min-width: 992px) and (max-width: 1199px) {
.visible-md-inline {
display: inline !important;
}
}
@media (min-width: 992px) and (max-width: 1199px) {
.visible-md-inline-block {
display: inline-block !important;
}
}
@media (min-width: 1200px) {
.visible-lg {
display: block !important;
}
table.visible-lg {
display: table;
}
tr.visible-lg {
display: table-row !important;
}
th.visible-lg,
td.visible-lg {
display: table-cell !important;
}
}
@media (min-width: 1200px) {
.visible-lg-block {
display: block !important;
}
}
@media (min-width: 1200px) {
.visible-lg-inline {
display: inline !important;
}
}
@media (min-width: 1200px) {
.visible-lg-inline-block {
display: inline-block !important;
}
}
@media (max-width: 767px) {
.hidden-xs {
display: none !important;
}
}
@media (min-width: 768px) and (max-width: 991px) {
.hidden-sm {
display: none !important;
}
}
@media (min-width: 992px) and (max-width: 1199px) {
.hidden-md {
display: none !important;
}
}
@media (min-width: 1200px) {
.hidden-lg {
display: none !important;
}
}
.visible-print {
display: none !important;
}
@media print {
.visible-print {
display: block !important;
}
table.visible-print {
display: table;
}
tr.visible-print {
display: table-row !important;
}
th.visible-print,
td.visible-print {
display: table-cell !important;
}
}
.visible-print-block {
display: none !important;
}
@media print {
.visible-print-block {
display: block !important;
}
}
.visible-print-inline {
display: none !important;
}
@media print {
.visible-print-inline {
display: inline !important;
}
}
.visible-print-inline-block {
display: none !important;
}
@media print {
.visible-print-inline-block {
display: inline-block !important;
}
}
@media print {
.hidden-print {
display: none !important;
}
}
/*# sourceMappingURL=bootstrap.css.map */
/* screen.css */
@charset "UTF-8";
h1,
h3 {
font-weight: 400
}
.heading h2:before,
.headline-center-v2 span.bordered-icon:after {
right: 100%
}
.btn,
.dropdown-menu,
.form-control,
.navbar-toggle {
border-radius: 0
}
.badge-box-v2 a,
.btn-u.btn-block,
.dropcap-bg,
.fa-fixed [class*=" fa"],
.fa-fixed [class^=fa],
.heading,
.headline-center,
.headline-center h2:after,
.lists-v1 i,
.title-v1,
h1.title-v2.title-center,
h2.title-v2.title-center,
h3.title-v2.title-center,
i.icon-custom {
text-align: center
}
hr {
margin: 30px 0
}
hr.hr-xs {
margin: 10px 0
}
hr.hr-md {
margin: 20px 0
}
hr.hr-lg {
margin: 40px 0
}
h1,
h2,
h3 {
margin-top: 5px;
text-shadow: none
}
h1 i,
h2 i,
h3 i,
h4 i,
h5 i,
h6 i {
margin-right: 5px
}
h1 {
font-size: 28px;
line-height: 35px;
color: #555
}
h1.title-light {
color: #fff
}
h1.title-v3-lg {
font-size: 24px;
line-height: 28px
}
h1.title-v3-md {
font-size: 20px;
line-height: 24px
}
h1.title-v2.title-center:after {
left: 50%;
width: 70px;
margin-left: -35px
}
h2 {
font-size: 24px;
line-height: 33px
}
h2.title-v2 {
color: #555;
position: relative;
margin-bottom: 30px
}
h2.title-v2:after {
left: 0;
width: 70px;
height: 2px;
content: " ";
bottom: -10px;
background: #555;
position: absolute
}
h2.title-v2.title-center:after,
h3.title-v2.title-center:after {
left: 50%;
width: 70px;
margin-left: -35px
}
h2.title-light {
color: #fff
}
h2.title-light:after {
background: #fff
}
h2.title-v3-xlg {
font-size: 28px;
line-height: 32px
}
h2.title-v3-lg {
font-size: 24px;
line-height: 28px
}
h2.title-v3-md {
font-size: 20px;
line-height: 24px
}
h2.title-v3-sm {
font-size: 18px;
line-height: 24px
}
h2.title-v3-xs {
font-size: 16px;
line-height: 22px
}
h2.heading-md {
font-size: 20px;
line-height: 24px
}
h2.heading-sm {
font-size: 18px;
line-height: 24px
}
h2.heading-xs {
font-size: 16px;
line-height: 22px
}
h3 {
font-size: 20px;
line-height: 27px;
color: #555
}
h3.title-light {
color: #fff
}
h4,
h5,
h6 {
color: #555;
margin-top: 5px;
font-weight: 400;
text-shadow: none
}
h3.title-v3-md {
font-size: 18px;
line-height: 24px;
line-height: 22px
}
h3.title-v3-sm {
font-size: 16px;
line-height: 20px
}
h3.title-v3-xs {
font-size: 14px;
margin-bottom: 0
}
h3.heading-md {
font-size: 18px;
line-height: 24px;
line-height: 22px
}
h3.heading-sm,
h5 {
line-height: 20px
}
h3.heading-sm {
font-size: 16px
}
.btn-u-xs,
a.btn-u-xs,
h6 {
line-height: 18px
}
h3.heading-xs {
font-size: 14px;
margin-bottom: 0
}
h4 {
line-height: 25px
}
.font-open-sans {
font-family: "Quattrocento Sans", Arial, sans-serif
}
.headline {
display: block;
margin: 10px 0 25px
}
.headline h2,
.headline h3,
.headline h4 {
margin: 0 0 -2px;
padding-bottom: 5px;
display: inline-block
}
.contactPage p {
font-size: 22px;
color: #fff!important
}
.headline h2 {
font-size: 22px;
color: #fff
}
.headline h3,
.headline h4 {
border-bottom: 2px solid #e74c3c
}
.headline-md {
margin-bottom: 15px
}
.headline-md h2 {
font-size: 21px
}
.heading h2 {
padding: 0 12px;
position: relative;
display: inline-block;
line-height: 34px!important
}
.heading h2:after,
.heading h2:before {
content: ' ';
width: 70%;
position: absolute;
border-width: 1px;
border-color: #bbb
}
.heading h2:after {
left: 100%
}
.title-v1 h1:after,
.title-v1 h2:after {
bottom: 0;
height: 1px;
width: 70px;
margin-left: -35px
}
.title-v1,
.title-v1 h1 {
position: relative
}
.headline-center h2:after,
.title-v1 h1:after,
.title-v1 h2:after {
left: 50%;
content: " ";
background: #e74c3c
}
.title-v1 {
z-index: 1;
margin-bottom: 60px
}
.title-v1 h1,
.title-v1 h2 {
color: #444;
font-size: 28px;
margin-bottom: 15px;
padding-bottom: 20px;
text-transform: uppercase;
font-family: "Quattrocento Sans", Arial, sans-serif
}
.title-v1 h1:after {
position: absolute
}
.title-v1 h2 {
position: relative
}
.title-v1 h2:after {
position: absolute
}
.title-v1 p {
font-size: 17px;
font-weight: 200
}
h1[class^=title-v3-],
h2[class^=title-v3-],
h3[class^=title-v3-] {
color: #555
}
.title-v4 {
font-size: 18px;
margin: 0 0 20px;
font-weight: 700;
position: relative;
text-transform: uppercase;
border-bottom: 3px solid #333
}
.headline-center {
position: relative
}
.headline-center h2 {
color: #555;
font-size: 24px;
position: relative;
margin-bottom: 20px;
padding-bottom: 15px
}
.headline-center h2:after {
z-index: 1;
width: 30px;
height: 2px;
bottom: -5px;
margin-left: -15px;
position: absolute
}
.headline-center p {
font-size: 14px
}
.headline-center.headline-light h2 {
color: #fff
}
.headline-center.headline-light p {
color: #eee
}
@media (max-width:991px) {
.headline-center p {
padding: 0 50px
}
}
.headline-center-v2 {
z-index: 0;
text-align: center;
position: relative
}
.headline-center-v2 h2 {
color: #555;
font-size: 24px;
margin-bottom: 20px;
text-transform: uppercase
}
.headline-center-v2 p {
color: #555;
font-size: 14px;
padding: 0 70px
}
.headline-center-v2.headline-center-v2-dark p,
.headline-center-v2.headline-center-v2-dark span.bordered-icon {
color: #666
}
.headline-center-v2.headline-center-v2-dark span.bordered-icon:after,
.headline-center-v2.headline-center-v2-dark span.bordered-icon:before {
background: #666
}
.headline-center-v2 span.bordered-icon {
color: #fff;
padding: 0 10px;
font-size: 15px;
line-height: 18px;
position: relative;
margin-bottom: 25px;
display: inline-block
}
.headline-center-v2 span.bordered-icon:after,
.headline-center-v2 span.bordered-icon:before {
top: 8px;
height: 1px;
width: 100px;
background: #fff;
position: absolute;
content: " "
}
.headline-center-v2 span.bordered-icon:before {
left: 100%
}
.headline-left {
position: relative
}
.headline-left .headline-brd {
color: #555;
position: relative;
margin-bottom: 25px;
padding-bottom: 10px
}
.headline-left .headline-brd:after {
left: 1px;
z-index: 1;
width: 30px;
height: 2px;
content: " ";
bottom: -5px;
position: absolute;
background: #e74c3c
}
.badge-lists li,
.btn-group>.btn-u,
.btn-u,
.dropdown-show {
position: relative
}
.headline-v2 {
display: block;
background: #fff;
padding: 1px 10px;
margin: 0 0 20px;
border-left: 2px solid #000
}
.headline-v2 h2 {
margin: 3px 0;
font-size: 20px;
font-weight: 200
}
.devider.devider-dotted {
border-top: 2px dotted #eee
}
.devider.devider-dashed {
border-top: 2px dashed #eee
}
.devider.devider-db {
height: 5px;
border-top: 1px solid #eee;
border-bottom: 1px solid #eee
}
.devider.devider-db-dashed {
height: 5px;
border-top: 1px dashed #ddd;
border-bottom: 1px dashed #ddd
}
.devider.devider-db-dotted {
height: 5px;
border-top: 1px dotted #ddd;
border-bottom: 1px dotted #ddd
}
.social-icons li a,
a.social-icon {
width: 28px;
height: 28px;
transition: all .3s ease-in-out
}
.form-control {
box-shadow: none
}
.form-control:focus {
border-color: #bbb;
box-shadow: 0 0 2px #c9c9c9
}
.input-group-addon {
border-radius: 0;
color: #b3b3b3;
font-size: 14px;
background: #fff
}
.btn-u,
.btn-u:hover {
color: #fff;
text-decoration: none
}
.btn {
box-shadow: none
}
.btn-u {
border: 0;
font-size: 14px;
cursor: pointer;
font-weight: 400;
padding: 6px 13px;
background: #e74c3c;
display: inline-block
}
.btn-u:hover {
transition: all .3s ease-in-out;
background: #ff6650
}
.btn-u.active,
.btn-u:active,
.btn-u:focus {
background: #5fb611
}
.btn-u.btn-u-blue {
background: #3498db
}
.btn-u.btn-u-blue.active,
.btn-u.btn-u-blue:active,
.btn-u.btn-u-blue:focus,
.btn-u.btn-u-blue:hover {
background: #2980b9
}
.btn-u.btn-u-red {
background: #e74c3c
}
.btn-u.btn-u-red.active,
.btn-u.btn-u-red:active,
.btn-u.btn-u-red:focus,
.btn-u.btn-u-red:hover {
background: #c0392b
}
.btn-u.btn-u-orange {
background: #e67e22
}
.btn-u.btn-u-orange.active,
.btn-u.btn-u-orange:active,
.btn-u.btn-u-orange:focus,
.btn-u.btn-u-orange:hover {
background: #e74c3c
}
.btn-u.btn-u-sea {
background: #1abc9c
}
.btn-u.btn-u-sea.active,
.btn-u.btn-u-sea:active,
.btn-u.btn-u-sea:focus,
.btn-u.btn-u-sea:hover {
background: #16a085
}
.btn-u.btn-u-green {
background: #2ecc71
}
.btn-u.btn-u-green.active,
.btn-u.btn-u-green:active,
.btn-u.btn-u-green:focus,
.btn-u.btn-u-green:hover {
background: #27ae60
}
.btn-u.btn-u-yellow {
background: #f1c40f
}
.btn-u.btn-u-yellow.active,
.btn-u.btn-u-yellow:active,
.btn-u.btn-u-yellow:focus,
.btn-u.btn-u-yellow:hover {
background: #f39c12
}
.btn-u.btn-u-default.active,
.btn-u.btn-u-default:active,
.btn-u.btn-u-default:focus,
.btn-u.btn-u-default:hover {
background: #7f8c8d
}
.btn-u.btn-u-purple {
background: #9b6bcc
}
.btn-u.btn-u-purple.active,
.btn-u.btn-u-purple:active,
.btn-u.btn-u-purple:focus,
.btn-u.btn-u-purple:hover {
background: #814fb5
}
.btn-u.btn-u-aqua {
background: #27d7e7
}
.btn-u.btn-u-aqua.active,
.btn-u.btn-u-aqua:active,
.btn-u.btn-u-aqua:focus,
.btn-u.btn-u-aqua:hover {
background: #26bac8
}
.btn-u.btn-u-brown {
background: #9c8061
}
.btn-u.btn-u-brown.active,
.btn-u.btn-u-brown:active,
.btn-u.btn-u-brown:focus,
.btn-u.btn-u-brown:hover {
background: #81674b
}
.btn-u.btn-u-dark-blue {
background: #4765a0
}
.btn-u.btn-u-dark-blue.active,
.btn-u.btn-u-dark-blue:active,
.btn-u.btn-u-dark-blue:focus,
.btn-u.btn-u-dark-blue:hover {
background: #324c80
}
.btn-u.btn-u-light-green {
background: #79d5b3
}
.btn-u.btn-u-light-green.active,
.btn-u.btn-u-light-green:active,
.btn-u.btn-u-light-green:focus,
.btn-u.btn-u-light-green:hover {
background: #59b795
}
.btn-u.btn-u-dark.active,
.btn-u.btn-u-dark:active,
.btn-u.btn-u-dark:focus,
.btn-u.btn-u-dark:hover {
background: #333
}
.btn-u.btn-u-light-grey {
background: #585f69
}
.btn-u.btn-u-light-grey.active,
.btn-u.btn-u-light-grey:active,
.btn-u.btn-u-light-grey:focus,
.btn-u.btn-u-light-grey:hover {
background: #484f58
}
.btn-u.btn-brd,
.btn-u.btn-brd:focus {
background: 0 0
}
.btn-u.btn-brd {
color: #555;
padding: 5px 13px;
border: 1px solid #e74c3c;
margin-top: 10px
}
.btn-u.btn-brd:hover {
background: 0 0;
color: #5fb611;
border-color: #5fb611
}
.btn-u.btn-brd.btn-u-blue {
border-color: #3498db
}
.btn-u.btn-brd.btn-u-blue:hover {
color: #2980b9;
border-color: #2980b9
}
.btn-u.btn-brd.btn-u-blue.btn-brd-hover:hover {
background: #2980b9
}
.btn-u.btn-brd.btn-u-red {
border-color: #e74c3c
}
.btn-u.btn-brd.btn-u-red:hover {
color: #c0392b;
border-color: #c0392b
}
.btn-u.btn-brd.btn-u-red.btn-brd-hover:hover {
background: #c0392b
}
.btn-u.btn-brd.btn-u-orange {
border-color: #e67e22
}
.btn-u.btn-brd.btn-u-orange:hover {
color: #e74c3c;
border-color: #e74c3c
}
.btn-u.btn-brd.btn-u-orange.btn-brd-hover:hover {
background: #e74c3c
}
.btn-u.btn-brd.btn-u-sea {
border-color: #1abc9c
}
.btn-u.btn-brd.btn-u-sea:hover {
color: #16a085;
border-color: #16a085
}
.btn-u.btn-brd.btn-u-sea.btn-brd-hover:hover {
background: #16a085
}
.btn-u.btn-brd.btn-u-green {
border-color: #2ecc71
}
.btn-u.btn-brd.btn-u-green:hover {
color: #27ae60;
border-color: #27ae60
}
.btn-u.btn-brd.btn-u-green.btn-brd-hover:hover {
background: #27ae60
}
.btn-u.btn-brd.btn-u-yellow {
border-color: #f1c40f
}
.btn-u.btn-brd.btn-u-yellow:hover {
color: #f39c12;
border-color: #f39c12
}
.btn-u.btn-brd.btn-u-yellow.btn-brd-hover:hover {
background: #f39c12
}
.btn-u.btn-brd.btn-u-default {
border-color: #95a5a6
}
.btn-u.btn-brd.btn-u-default:hover {
color: #7f8c8d;
border-color: #7f8c8d
}
.btn-u.btn-brd.btn-u-default.btn-brd-hover:hover {
background: #7f8c8d
}
.btn-u.btn-brd.btn-u-dark {
border-color: #555
}
.btn-u.btn-brd.btn-u-dark:hover {
color: #333;
border-color: #333
}
.btn-u.btn-brd.btn-u-dark.btn-brd-hover:hover {
background: #333
}
.btn-u.btn-brd.btn-u-light-grey {
border-color: #585f69
}
.btn-u.btn-brd.btn-u-light-grey:hover {
color: #484f58;
border-color: #484f58
}
.btn-u.btn-brd.btn-u-light-grey.btn-brd-hover:hover {
background: #484f58
}
.btn-u.btn-brd.btn-u-purple {
border-color: #9b6bcc
}
.btn-u.btn-brd.btn-u-purple:hover {
color: #814fb5;
border-color: #814fb5
}
.btn-u.btn-brd.btn-u-purple.btn-brd-hover:hover {
background: #814fb5
}
.btn-u.btn-brd.btn-u-aqua {
border-color: #27d7e7
}
.btn-u.btn-brd.btn-u-aqua:hover {
color: #26bac8;
border-color: #26bac8
}
.btn-u.btn-brd.btn-u-aqua.btn-brd-hover:hover {
background: #26bac8
}
.btn-u.btn-brd.btn-u-brown {
border-color: #9c8061
}
.btn-u.btn-brd.btn-u-brown:hover {
color: #81674b;
border-color: #81674b
}
.btn-u.btn-brd.btn-u-brown.btn-brd-hover:hover {
background: #81674b
}
.btn-u.btn-brd.btn-u-dark-blue {
border-color: #4765a0
}
.btn-u.btn-brd.btn-u-dark-blue:hover {
color: #324c80;
border-color: #324c80
}
.btn-u.btn-brd.btn-u-dark-blue.btn-brd-hover:hover {
background: #324c80
}
.btn-u.btn-brd.btn-u-light-green {
border-color: #79d5b3
}
.btn-u.btn-brd.btn-u-light-green:hover {
color: #59b795;
border-color: #59b795
}
.btn-u.btn-brd.btn-u-light-green.btn-brd-hover:hover {
background: #59b795
}
.btn-u.btn-brd.btn-u-light {
color: #fff;
border-color: #fff
}
.btn-u.btn-brd.btn-u-light:hover {
border-color: #fff
}
.btn-u.btn-brd.btn-u-light.btn-brd-hover:hover {
background: #fff;
color: #555!important
}
.btn-u.btn-brd.btn-brd-hover:hover {
color: #fff!important;
background: #5fb611
}
.btn-u.btn-brd-width-2 {
padding: 7px 18px;
border-width: 2px
}
.btn-u.btn-u-split-blue.dropdown-toggle {
border-left: solid 1px #2980b9
}
.btn-u.btn-u-split-red.dropdown-toggle {
border-left: solid 1px #c0392b
}
.btn-u.btn-u-split-orange.dropdown-toggle {
border-left: solid 1px #e74c3c
}
.btn-u.btn-u-split-sea.dropdown-toggle {
border-left: solid 1px #16a085
}
.btn-u.btn-u-split-green.dropdown-toggle {
border-left: solid 1px #27ae60
}
.btn-u.btn-u-split-yellow.dropdown-toggle {
border-left: solid 1px #f39c12
}
.btn-u.btn-u-split-default.dropdown-toggle {
border-left: solid 1px #7f8c8d
}
.btn-u.btn-u-split-purple.dropdown-toggle {
border-left: solid 1px #814fb5
}
.btn-u.btn-u-split-aqua.dropdown-toggle {
border-left: solid 1px #26bac8
}
.btn-u.btn-u-split-brown.dropdown-toggle {
border-left: solid 1px #81674b
}
.btn-u.btn-u-split-dark.dropdown-toggle {
border-left: solid 1px #324c80;
border-left: solid 1px #333
}
.btn-u.btn-u-split-light-green.dropdown-toggle {
border-left: solid 1px #59b795
}
.btn-u.btn-u-split-light-grey.dropdown-toggle {
border-left: solid 1px #484f58
}
.btn-u-sm,
a.btn-u-sm {
padding: 3px 12px
}
a.btn-u-md {
padding: 10px 20px
}
a.btn-u-lg {
font-size: 18px;
padding: 10px 25px
}
a.btn-u-xs {
font-size: 12px;
padding: 2px 12px
}
a.social-icon {
display: block;
background-position: 0 0;
background-repeat: no-repeat
}
.btn-u-md {
padding: 10px 20px
}
.btn-u-lg {
font-size: 18px;
padding: 10px 25px
}
.btn-u-xs {
font-size: 12px;
padding: 2px 12px
}
.btn-group .dropdown-menu>li>a {
padding: 3px 13px
}
span.badge,
span.label {
font-weight: 400;
padding: 4px 7px
}
.btn-group>.btn-u {
float: left
}
.btn-group>.btn-u:first-child {
margin-left: 0
}
.dropdown-show {
box-shadow: 0 0 4px #eee;
display: inline-block
}
.badge,
.label {
border-radius: 0
}
span.label {
font-size: 11px
}
span.badge {
color: #fff
}
span.badge-u,
span.label-u {
background: #e74c3c
}
span.badge-blue,
span.label-blue {
background: #3498db
}
span.badge-red,
span.label-red {
background: #e74c3c
}
span.badge-green,
span.label-green {
background: #2ecc71
}
span.badge-sea,
span.label-sea {
background: #1abc9c
}
span.badge-orange,
span.label-orange {
background: #e67e22
}
span.badge-yellow,
span.label-yellow {
background: #f1c40f
}
span.badge-purple,
span.label-purple {
background: #9b6bcc
}
span.badge-aqua,
span.label-aqua {
background: #27d7e7
}
span.badge-brown,
span.label-brown {
background: #9c8061
}
span.badge-dark-blue,
span.label-dark-blue {
background: #4765a0
}
span.badge-light-green,
span.label-light-green {
background: #79d5b3
}
span.badge-light,
span.label-light {
color: #777;
background: #ecf0f1
}
span.badge-dark,
span.label-dark {
background: #555
}
.badge-lists.badge-icons i {
font-size: 18px;
min-width: 25px
}
.badge-lists.badge-icons span.badge {
min-width: 12px;
padding: 3px 6px
}
.badge-lists span.badge {
top: -10px;
right: -6px;
position: absolute
}
.progress,
.progress.vertical.bottom {
position: relative
}
.social-icons {
margin: 0;
padding: 0
}
.social-icons li {
list-style: none;
margin-right: 3px;
margin-bottom: 5px;
text-indent: -9999px;
display: inline-block
}
.social-icons li a {
display: block;
background-position: 0 0;
background-repeat: no-repeat
}
.social-icons li:hover a {
background-position: 0 -38px
}
.social_amazon {
background: url(../img/icons/social/amazon.png) no-repeat
}
.social_behance {
background: url(../img/icons/social/behance.png) no-repeat
}
.social_blogger {
background: url(../img/icons/social/blogger.png) no-repeat
}
.social_deviantart {
background: url(../img/icons/social/deviantart.png) no-repeat
}
.social_dribbble {
background: url(../img/icons/social/dribbble.png) no-repeat
}
.social_dropbox {
background: url(../img/icons/social/dropbox.png) no-repeat
}
.social_evernote {
background: url(../img/icons/social/evernote.png) no-repeat
}
.social_facebook {
background: url(../img/icons/social/facebook.png) no-repeat
}
.social_forrst {
background: url(../img/icons/social/forrst.png) no-repeat
}
.social_github {
background: url(../img/icons/social/github.png) no-repeat
}
.social_googleplus {
background: url(../img/icons/social/googleplus.png) no-repeat
}
.social_jolicloud {
background: url(../img/icons/social/jolicloud.png) no-repeat
}
.social_last-fm {
background: url(../img/icons/social/last-fm.png) no-repeat
}
.social_linkedin {
background: url(../img/icons/social/linkedin.png) no-repeat
}
.social_picasa {
background: url(../img/icons/social/picasa.png) no-repeat
}
.social_pintrest {
background: url(../img/icons/social/pintrest.png) no-repeat
}
.social_rss {
background: url(../img/icons/social/rss.png) no-repeat
}
.social_skype {
background: url(../img/icons/social/skype.png) no-repeat
}
.social_spotify {
background: url(../img/icons/social/spotify.png) no-repeat
}
.social_stumbleupon {
background: url(../img/icons/social/stumbleupon.png) no-repeat
}
.social_tumblr {
background: url(../img/icons/social/tumblr.png) no-repeat
}
.social_twitter {
background: url(../img/icons/social/twitter.png) no-repeat
}
.social_vimeo {
background: url(../img/icons/social/vimeo.png) no-repeat
}
.social_wordpress {
background: url(../img/icons/social/wordpress.png) no-repeat
}
.social_xing {
background: url(../img/icons/social/xing.png) no-repeat
}
.social_yahoo {
background: url(../img/icons/social/yahoo.png) no-repeat
}
.social_youtube {
background: url(../img/icons/social/youtube.png) no-repeat
}
.social_vk {
background: url(../img/icons/social/vk.png) no-repeat
}
.social_instagram {
background: url(../img/icons/social/instagram.png) no-repeat
}
i.icon-custom {
color: #555;
width: 40px;
height: 40px;
font-size: 20px;
line-height: 40px;
margin-bottom: 5px;
display: inline-block;
border: 1px solid #555
}
i.icon-sm {
width: 35px;
height: 35px;
font-size: 16px;
line-height: 35px
}
i.icon-sm.icon-line {
font-size: 14px
}
i.icon-md,
i.icon-md.icon-line {
font-size: 22px
}
i.icon-md {
width: 55px;
height: 55px;
line-height: 55px
}
i.icon-lg {
width: 60px;
height: 60px;
font-size: 31px;
line-height: 60px;
margin-bottom: 10px
}
i.icon-lg.icon-line {
font-size: 28px
}
i.icon-2x {
font-size: 30px
}
i.icon-2x.icon-line {
font-size: 27px
}
i.icon-3x {
font-size: 40px
}
i.icon-3x.icon-line {
font-size: 36px
}
i.icon-4x {
font-size: 50px
}
i.icon-4x.icon-line {
font-size: 47px
}
i.icon-line {
font-size: 17px
}
i.icon-color-red,
i.icon-color-u {
background: 0 0;
color: #e74c3c;
border: 1px solid #e74c3c
}
i.icon-color-sea {
background: 0 0;
color: #1abc9c;
border: 1px solid #1abc9c
}
i.icon-color-dark {
background: 0 0
}
i.icon-color-grey {
background: 0 0;
color: #95a5a6;
border: 1px solid #95a5a6
}
i.icon-color-blue {
background: 0 0;
color: #3498db;
border: 1px solid #3498db
}
i.icon-color-green {
background: 0 0;
color: #2ecc71;
border: 1px solid #2ecc71
}
i.icon-color-yellow {
background: 0 0;
color: #f1c40f;
border: 1px solid #f1c40f
}
i.icon-color-orange {
background: 0 0;
color: #e67e22;
border: 1px solid #e67e22
}
i.icon-color-purple {
background: 0 0;
color: #9b6bcc;
border: 1px solid #9b6bcc
}
i.icon-color-aqua {
background: 0 0;
color: #27d7e7;
border: 1px solid #27d7e7
}
i.icon-color-brown {
background: 0 0;
color: #9c8061;
border: 1px solid #9c8061
}
i.icon-color-dark-blue {
background: 0 0;
color: #4765a0;
border: 1px solid #4765a0
}
i.icon-color-light-grey {
background: 0 0;
color: #585f69;
border: 1px solid #585f69
}
i.icon-color-light-green {
background: 0 0;
color: #79d5b3;
border: 1px solid #79d5b3
}
i.icon-color-light {
color: #fff;
border: 1px solid #fff
}
i.icon-bg-aqua,
i.icon-bg-blue,
i.icon-bg-brown,
i.icon-bg-dark,
i.icon-bg-dark-blue,
i.icon-bg-darker,
i.icon-bg-green,
i.icon-bg-grey,
i.icon-bg-light,
i.icon-bg-light-green,
i.icon-bg-light-grey,
i.icon-bg-orange,
i.icon-bg-purple,
i.icon-bg-red,
i.icon-bg-sea,
i.icon-bg-u {
border-color: transparent
}
i.icon-bg-red,
i.icon-bg-u {
color: #fff;
background: #e74c3c
}
i.icon-bg-sea {
color: #fff;
background: #1abc9c
}
i.icon-bg-dark {
color: #fff;
background: #555
}
i.icon-bg-darker {
color: #fff;
background: #333
}
i.icon-bg-grey {
color: #fff;
background: #95a5a6
}
i.icon-bg-blue {
color: #fff;
background: #3498db
}
i.icon-bg-green {
color: #fff;
background: #2ecc71
}
i.icon-bg-yellow {
color: #fff;
border-color: transparent;
background: #f1c40f
}
i.icon-bg-orange {
color: #fff;
background: #e67e22
}
i.icon-bg-purple {
color: #fff;
background: #9b6bcc
}
i.icon-bg-aqua {
color: #fff;
background: #27d7e7
}
i.icon-bg-brown {
color: #fff;
background: #9c8061
}
i.icon-bg-dark-blue {
color: #fff;
background: #4765a0
}
i.icon-bg-light-grey {
color: #fff;
background: #585f69
}
i.icon-bg-light-green {
color: #fff;
background: #79d5b3
}
i.icon-bg-light {
background: #fff
}
.link-icon {
color: #555
}
.link-icon:hover {
border: none;
text-decoration: none
}
.link-icon:hover i {
color: #e74c3c;
background: 0 0;
border: 1px solid #e74c3c
}
.link-bg-icon {
color: #555
}
.link-bg-icon:hover {
border: none;
text-decoration: none
}
.link-bg-icon:hover i {
background: #e74c3c;
border-color: #e74c3c;
color: #fff!important
}
.fa-fixed [class^=fa] {
width: 1.25em;
display: inline-block
}
.fa-fixed [class^=fa].fa-lg {
width: 1.5625em
}
.fa-fixed [class*=" fa"] {
width: 1.25em;
display: inline-block
}
.fa-fixed [class*=" fa"].fa-lg {
width: 1.5625em
}
.text-transform-uppercase {
text-transform: uppercase
}
.text-transform-normal {
text-transform: inherit!important
}
.parallax-counter h4,
.parallax-counter-v1 h4,
.parallax-counter-v2 .counters h4,
.parallax-counter-v3 .features span.features-info,
.parallax-counter-v4 h4,
.parallax-quote-in p,
.parallax-quote-in small,
.portfolio-box-v1 .portfolio-box-v1-in h3,
.process-v1 .process-in>li h3,
.team-v1 li>h3,
.team-v1 li>h4,
.team-v3 .team-hover span,
.team-v4 span,
.team-v5 span,
.team-v6 span,
.testimonials-v4 .testimonials-author,
blockquote.bq-text-lg p,
blockquote.bq-text-lg small {
text-transform: uppercase
}
.font-bold {
font-weight: 600
}
.font-light {
font-weight: 200
}
.font-normal {
font-weight: 400!important
}
.dropcap {
float: left;
color: #e74c3c;
padding: 5px 0;
font-size: 45px;
font-weight: 200;
line-height: 30px;
margin: 0 5px 0 0
}
.dropcap-bg {
float: left;
color: #fff;
padding: 7px 0;
min-width: 50px;
font-size: 35px;
font-weight: 200;
line-height: 35px;
background: #e74c3c;
margin: 4px 10px 0 0
}
.text-highlights {
color: #fff;
font-weight: 200;
padding: 0 5px;
background: #555
}
.text-highlights-green {
background: #e74c3c
}
.text-highlights-blue {
background: #3498db
}
.text-highlights-red {
background: #e74c3c
}
.text-highlights-sea {
background: #1abc9c
}
.text-highlights-orange {
background: #e67e22
}
.text-highlights-yellow {
background: #f1c40f
}
.text-highlights-purple {
background: #9b6bcc
}
.text-highlights-aqua {
background: #27d7e7
}
.text-highlights-brown {
background: #9c8061
}
.text-highlights-dark-blue {
background: #4765a0
}
.text-highlights-light-green {
background: #79d5b3
}
.text-border {
border-bottom: dashed 1px #555
}
.text-border-default {
border-color: #95a5a6
}
.text-border-green {
border-color: #e74c3c
}
.text-border-blue {
border-color: #3498db
}
.text-border-red {
border-color: #e74c3c
}
.text-border-yellow {
border-color: #f1c40f
}
.text-border-purple {
border-color: #9b6bcc
}
blockquote {
padding: 5px 15px;
border-left-width: 2px
}
blockquote p {
font-size: 14px;
font-weight: 400
}
blockquote h1,
blockquote h2,
blockquote span {
font-size: 18px;
margin: 0 0 8px;
line-height: 24px
}
blockquote.bq-text-lg p {
font-size: 22px;
font-weight: 300;
line-height: 32px
}
blockquote.text-right {
border-left: none;
border-right: 2px solid #eee
}
blockquote.text-right:hover {
border-color: #e74c3c;
transition: all .4s ease-in-out
}
blockquote.hero {
border: none;
padding: 18px;
font-size: 16px;
background: #f3f3f3;
border-left: solid 2px #666
}
.lists-v1 i,
.lists-v2 i {
font-size: 13px;
margin-right: 7px;
display: inline-block
}
blockquote.hero.text-right {
border-left: none;
border-right: 2px solid #eee;
border-color: #555
}
blockquote.hero.text-right:hover {
border-color: #555
}
blockquote.hero:hover {
background: #eee;
border-left-color: #666
}
blockquote.hero.hero-dark {
border: none;
background: #444
}
blockquote.hero.hero-dark:hover {
background: #555
}
blockquote.hero.hero-dark h2,
blockquote.hero.hero-dark p,
blockquote.hero.hero-dark small {
color: #fff;
font-weight: 200
}
blockquote.hero.hero-default {
border: none;
background: #e74c3c
}
blockquote.hero.hero-default:hover {
background: #5fb611
}
.lists-v1 i,
.panel-u>.panel-heading {
background: #e74c3c
}
blockquote.hero.hero-default h2,
blockquote.hero.hero-default p,
blockquote.hero.hero-default small {
color: #fff;
font-weight: 200
}
blockquote:hover {
border-color: #e74c3c;
transition: all .4s ease-in-out
}
blockquote.bq-dark,
blockquote.bq-dark:hover {
border-color: #585f69
}
.panel-u,
blockquote.bq-green {
border-color: #e74c3c
}
.list-row {
padding: 0;
margin-bottom: 0;
list-style: none
}
.lists-v1 li,
.lists-v2 li {
margin-bottom: 10px
}
.lists-v1 i {
color: #fff;
width: 15px;
height: 15px;
padding: 1px;
border-radius: 50%!important
}
.alert,
.panel,
.panel-heading,
.progress,
.thumbnail {
border-radius: 0
}
.lists-v2 i {
color: #e74c3c
}
.panel .table {
margin-bottom: 0
}
.panel-heading {
color: #fff;
padding: 5px 15px
}
.panel-blue {
border-color: #3498db
}
.panel-blue>.panel-heading {
background: #3498db
}
.panel-red {
border-color: #e74c3c
}
.panel-red>.panel-heading {
background: #e74c3c
}
.panel-green {
border-color: #2ecc71
}
.panel-green>.panel-heading {
background: #2ecc71
}
.panel-sea {
border-color: #1abc9c
}
.panel-sea>.panel-heading {
background: #1abc9c
}
.panel-orange {
border-color: #e67e22
}
.panel-orange>.panel-heading {
background: #e67e22
}
.panel-yellow {
border-color: #f1c40f
}
.panel-yellow>.panel-heading {
background: #f1c40f
}
.panel-grey {
border-color: #95a5a6
}
.panel-grey>.panel-heading {
background: #95a5a6
}
.panel-dark {
border-color: #555
}
.panel-dark>.panel-heading {
background: #555
}
.panel-purple {
border-color: #9b6bcc
}
.panel-purple>.panel-heading {
background: #9b6bcc
}
.panel-aqua {
border-color: #27d7e7
}
.panel-aqua>.panel-heading {
background: #27d7e7
}
.panel-brown {
border-color: #9c8061
}
.panel-brown>.panel-heading {
background: #9c8061
}
.panel-dark-blue {
border-color: #4765a0
}
.panel-dark-blue>.panel-heading {
background: #4765a0
}
.panel-light-green {
border-color: #79d5b3
}
.panel-light-green>.panel-heading {
background: #79d5b3
}
.panel-default-dark {
border-color: #585f69
}
.panel-default-dark>.panel-heading {
background: #585f69
}
.progress .progress-bar {
line-height: 20px
}
.progress.vertical {
float: left;
width: 100%;
height: 200px;
margin-right: 20px
}
.progress.vertical.bottom .progress-bar {
bottom: 0;
position: absolute
}
.progress.vertical .progress-bar {
height: 0;
width: 100%;
transition: height 3s ease
}
.progress-u,
.progress-u .progress-bar {
box-shadow: none
}
.progress-lg {
height: 25px
}
.progress-lg p {
padding-top: 3px
}
.progress-sm {
height: 12px
}
.progress-xs {
height: 7px
}
.progress-xxs {
height: 3px
}
.progress-bar-u {
background: #e74c3c
}
.progress-bar-blue {
background: #3498db
}
.progress-bar-orange {
background: #e67e22
}
.progress-bar-red {
background: #e74c3c
}
.progress-bar-purple {
background: #9b6bcc
}
.progress-bar-aqua {
background: #27d7e7
}
.progress-bar-brown {
background: #9c8061
}
.progress-bar-dark-blue {
background: #4765a0
}
.progress-bar-light-green {
background: #79d5b3
}
.progress-bar-dark {
background: #555
}
.stars-existing {
color: #e74c3c;
cursor: pointer
}
.star-lg {
font-size: 30px
}
.star-sm {
font-size: 25px
}
.star-xs {
font-size: 20px
}
.star-default {
font-size: 16px
}
img.img-bordered {
padding: 3px!important;
border: 1px solid #eee!important
}
img.img-circle {
border-radius: 50%!important
}
img.image-sm {
width: 50px;
height: 50px
}
img.image-md {
width: 100px;
height: 100px
}
img.img-center {
margin-left: auto;
margin-right: auto
}
.responsive-video {
height: 0;
padding-top: 1px;
position: relative;
padding-bottom: 56.25%
}
.no-bottom-space,
.no-padding-bottom {
padding-bottom: 0!important
}
.responsive-video iframe {
top: 0;
left: 0;
width: 100%;
height: 100%;
position: absolute
}
.no-gutter>[class*=col-] {
padding-right: 0;
padding-left: 0
}
.no-gutter.no-gutter-boxed {
padding-right: 15px;
padding-left: 15px
}
.height-100 {
min-height: 100px
}
.height-150 {
min-height: 150px
}
.height-200 {
min-height: 200px
}
.height-250 {
min-height: 250px
}
.height-300 {
min-height: 300px
}
.height-350 {
min-height: 350px
}
.height-400 {
min-height: 400px
}
.height-450 {
min-height: 450px
}
.height-500 {
min-height: 500px!important
}
.no-padding {
padding: 0!important
}
.no-margin {
margin: 0
}
.no-bottom-space,
.no-margin-bottom {
margin-bottom: 0!important
}
.no-top-space {
margin-top: 0!important;
padding-top: 0!important
}
.content-xs {
padding-top: 20px;
padding-bottom: 20px
}
.content {
padding-top: 35px;
padding-bottom: 45px
}
.content-sm {
padding-top: 60px;
padding-bottom: 60px
}
.content-md {
padding-top: 30px;
padding-bottom: 30px
}
.content-lg {
padding-top: 100px;
padding-bottom: 100px
}
.content-xlg {
padding-top: 150px;
padding-bottom: 150px
}
.space-md-hor {
padding-left: 40px;
padding-right: 40px
}
.space-lg-hor {
padding-left: 60px;
padding-right: 60px
}
.space-xlg-hor {
padding-left: 100px;
padding-right: 100px
}
.margin-bottom-5 {
clear: both;
margin-bottom: 5px
}
.margin-bottom-10 {
clear: both;
margin-bottom: 10px
}
.margin-bottom-15 {
clear: both;
margin-bottom: 15px
}
.margin-bottom-20 {
clear: both;
margin-bottom: 20px
}
.margin-bottom-25 {
clear: both;
margin-bottom: 25px
}
.margin-bottom-30 {
clear: both;
margin-bottom: 30px
}
.margin-bottom-35 {
clear: both;
margin-bottom: 35px
}
.margin-bottom-40 {
clear: both;
margin-bottom: 40px
}
.margin-bottom-45 {
clear: both;
margin-bottom: 45px
}
.margin-bottom-50 {
clear: both;
margin-bottom: 50px
}
.margin-bottom-55 {
clear: both;
margin-bottom: 55px
}
.margin-bottom-60 {
clear: both;
margin-bottom: 60px
}
.margin-bottom-100 {
clear: both;
margin-bottom: 100px
}
.margin-bottom-70 {
margin-bottom: 70px
}
.margin-bottom-80 {
margin-bottom: 80px
}
.margin-bottom-90 {
margin-bottom: 90px
}
.margin-top-20 {
margin-top: 20px
}
.margin-left-5 {
margin-left: 5px
}
.margin-left-10 {
margin-left: 10px
}
.margin-right-5 {
margin-right: 5px
}
.margin-right-10 {
margin-right: 10px
}
.margin-right-20 {
margin-right: 20px
}
.padding-sm {
padding: 40px
}
.padding-top-5 {
padding-top: 5px
}
.padding-left-5 {
padding-left: 5px
}
.color-sea {
color: #1abc9c
}
.color-red {
color: #e74c3c
}
.color-aqua {
color: #27d7e7
}
.color-blue {
color: #3498db
}
.color-grey {
color: #95a5a6
}
.color-dark {
color: #555
}
.color-darker {
color: #444
}
.color-green {
color: #e74c3c
}
.color-brown {
color: #9c8061
}
.color-light {
color: #fff
}
.color-orange {
color: #e67e22
}
.color-yellow {
color: #f1c40f
}
.color-green1 {
color: #2ecc71
}
.color-purple {
color: #9b6bcc
}
.color-inherit {
color: inherit
}
.color-dark-blue {
color: #4765a0
}
.color-light-grey {
color: #585f69
}
.color-light-green {
color: #79d5b3
}
.color-teal {
color: #1abc9c
}
.bg-color-dark {
color: #fff
}
.bg-color-darker {
color: #fff;
background-color: #222!important
}
.bg-color-sea {
color: #fff;
background-color: #1abc9c!important
}
.bg-color-red {
color: #fff;
background-color: #e74c3c!important
}
.bg-color-aqua {
color: #fff;
background-color: #27d7e7!important
}
.bg-color-blue {
color: #fff;
background-color: #3498db!important
}
.bg-color-grey {
color: #fff;
background-color: #95a5a6!important
}
.bg-color-light {
color: #fff;
background-color: #f7f7f7!important
}
.bg-color-green {
color: #fff;
background-color: #e74c3c!important
}
.bg-color-brown {
color: #fff;
background-color: #9c8061!important
}
.bg-color-orange {
color: #fff;
background-color: #e67e22!important
}
.bg-color-green1 {
color: #fff;
background-color: #2ecc71!important
}
.bg-color-purple {
color: #fff;
background-color: #9b6bcc!important
}
.bg-color-dark-blue {
color: #fff;
background-color: #4765a0!important
}
.bg-color-light-grey {
color: #fff;
background-color: #585f69!important
}
.bg-color-light-green {
color: #fff;
background-color: #79d5b3!important
}
.bg-color-primary {
color: #fff;
background-color: #e74c3c!important
}
.bg-color-white {
color: #555;
background-color: #fff!important
}
.bg-color-teal {
background-color: #1abc9c!important
}
.rgba-red {
background-color: rgba(231, 76, 60, .8)
}
.rgba-blue {
background-color: rgba(52, 152, 219, .8)
}
.rgba-aqua {
background-color: rgba(39, 215, 231, .8)
}
.rgba-yellow {
background-color: rgba(241, 196, 15, .8)
}
.rgba-default {
background-color: rgba(114, 192, 44, .8)
}
.rgba-purple {
background-color: rgba(155, 107, 204, .8)
}
.bg-grey {
background: #f7f7f7;
border-top: solid 1px #eee;
border-bottom: solid 1px #eee
}
.no-rounded {
border-radius: 0!important
}
.rounded {
border-radius: 4px!important
}
.rounded-x {
border-radius: 50%!important
}
.rounded-2x {
border-radius: 10px!important
}
.rounded-3x {
border-radius: 15px!important
}
.rounded-4x {
border-radius: 20px!important
}
.rounded-sm {
border-radius: 2px!important
}
.rounded-md {
border-radius: 3px!important
}
.rounded-top {
border-radius: 4px 4px 0 0!important
}
.rounded-left {
border-radius: 4px 0 0 4px!important
}
.rounded-right {
border-radius: 0 4px 4px 0!important
}
.rounded-bottom {
border-radius: 0 0 4px 4px!important
}
.overflow-h {
overflow: hidden
}
.overflow-a {
overflow: auto
}
.breadcrumbs,
.overflow-hidden {
overflow: hidden
}
.clear-both {
clear: both
}
.dp-none {
display: none
}
.dp-block {
display: block
}
.dp-table {
display: table
}
.dp-inline-block {
display: inline-block
}
.dp-table-cell {
display: table-cell;
vertical-align: middle
}
.text-light {
font-weight: 200
}
.text-normal {
font-weight: 400
}
.text-bold {
font-weight: 600!important
}
.full-width {
width: 100%
}
.img-width-60 {
width: 60px
}
.img-width-200 {
width: 200px
}
.lft-img-margin {
margin: 0 20px 5px 0
}
.rgt-img-margin {
margin: 0 0 5px 10px
}
.bg-light {
padding: 10px 15px;
margin-bottom: 10px;
background: #fcfcfc;
border: 1px solid #e5e5e5
}
.bg-light:hover {
border: 1px solid #bbb
}
.hover-effect {
transition: all .4s ease-in-out
}
.hover-effect-kenburn {
left: 10px;
margin-left: -10px;
position: relative;
transition: all .8s ease-in-out
}
.badge-box-v1 a:hover,
.badge-box-v2 a:hover {
transition: all .2s ease-in-out;
text-decoration: none
}
.hover-effect-kenburn:hover {
transform: scale(2) rotate(5deg)
}
.scroll-btn-icon {
position: absolute;
left: 50%;
width: 30px;
z-index: 2;
height: 50px;
bottom: 30px;
margin-left: -25px;
border-radius: 25px;
box-shadow: inset 0 0 0 1px rgba(255, 255, 255, .5)
}
.scroll-btn-icon:before {
position: absolute;
left: 50%;
top: 8px;
width: 8px;
height: 8px;
content: '';
background: #fff;
margin-left: -4px;
border-radius: 4px;
animation-name: scroll;
animation-duration: 1.5s;
animation-iteration-count: infinite
}
.scroll-btn-icon-dark {
box-shadow: inset 0 0 0 1px rgba(0, 0, 0, .5)
}
.scroll-btn-icon-dark:before {
background: #333
}
@-webkit-keyframes scroll {
0% {
opacity: 1
}
100% {
opacity: 0;
transform: translateY(36px)
}
}
@keyframes scroll {
0% {
opacity: 1
}
100% {
opacity: 0;
transform: translateY(36px)
}
}
.owl2-carousel-v2__item:hover .owl2-carousel-v2__item-img,
.portfolio-box a.fancybox:hover img {
transform: scale(1.1)
}
.heading-v1 h2:after,
.heading-v1 h2:before {
top: 15px;
height: 6px;
border-top-style: solid;
border-bottom-style: solid
}
.heading-v2 h2:after,
.heading-v2 h2:before {
top: 15px;
height: 6px;
border-top-style: dashed;
border-bottom-style: dashed
}
.heading-v3 h2:after,
.heading-v3 h2:before {
top: 15px;
height: 6px;
border-top-style: dotted;
border-bottom-style: dotted
}
.heading-v4 h2:after,
.heading-v4 h2:before {
top: 17px;
border-bottom-style: solid
}
.heading-v5 h2:after,
.heading-v5 h2:before {
top: 17px;
border-bottom-style: dashed
}
.heading-v6 h2:after,
.heading-v6 h2:before {
top: 17px;
border-bottom-style: dotted
}
.table thead>tr>th {
border-bottom: none
}
.form-spacing .form-control {
margin-bottom: 15px
}
.btn-group-vertical>.btn-u {
float: left;
position: relative
}
.btn-u-split.dropdown-toggle {
border-left: solid 1px #5fb611
}
.list-group-item.active>.badge {
color: #fff;
font-weight: 400;
padding: 4px 7px;
background: #e74c3c
}
.list-group-item.active>.badge.badge-u {
background: #e74c3c
}
.list-group-item.active>.badge.badge-green {
background: #2ecc71
}
.list-group-item.active>.badge.badge-sea {
background: #1abc9c
}
.list-group-item.active>.badge.badge-orange {
background: #e67e22
}
.list-group-item.active>.badge.badge-yellow {
background: #f1c40f
}
.list-group-item.active>.badge.badge-purple {
background: #9b6bcc
}
.list-group-item.active>.badge.badge-aqua {
background: #27d7e7
}
.list-group-item.active>.badge.badge-brown {
background: #9c8061
}
.list-group-item.active>.badge.badge-dark-blue {
background: #4765a0
}
.list-group-item.active>.badge.badge-light-green {
background: #79d5b3
}
.list-group-item.active>.badge.badge-light {
color: #777;
background: #ecf0f1
}
.list-group-item.active>.badge.badge-dark {
background: #555
}
.badge-box-v1 a {
color: #777;
min-width: 40px;
font-size: 18px;
padding: 8px 9px;
display: inline-block;
border: 1px solid #eee
}
.badge-box-v1 a i {
display: block;
margin: 1px auto 2px
}
.badge-box-v1 a:hover {
color: #555;
border-color: #555
}
.badge-box-v2 a {
color: #777;
font-size: 12px;
padding: 10px;
min-width: 70px;
display: inline-block;
border: 1px solid #eee
}
.badge-box-v2 a i {
font-size: 20px;
display: block;
margin: 1px auto 2px
}
.badge-box-v2 a:hover {
color: #555;
border-color: #555
}
.social-icons-color li a {
opacity: .7;
background-position: 0 -38px!important
}
.social-icons-color li a:hover {
opacity: 1
}
.text-justify p {
text-align: justify
}
.list-styles li {
margin-bottom: 8px
}
.contex-bg p {
opacity: .8;
padding: 8px 10px
}
.contex-bg p:hover {
opacity: 1
}
.panel-group .panel {
border-radius: 0
}
.progress-box .progress-bar {
transition: all 3s ease-in
}
.img-center img {
margin-left: auto;
margin-right: auto
}
.promo-bg-pattern-v1-dark {
background: url(../img/patterns/5.png)
}
.promo-bg-pattern-v1-light {
background: url(../img/patterns/16.png)
}
.promo-bg-img-v1 {
background: url(../img/bg/img1.jpg) no-repeat;
background-size: cover
}
.promo-bg-img-v2 {
background: url(../img/bg/img5.jpg) no-repeat;
background-size: cover
}
.promo-bg-img-v3 {
background: url(../img/bg/img10.jpg) no-repeat;
background-size: cover
}
.promo-bg-img-v4 {
background: url(../img/bg/img11.jpg) no-repeat;
background-size: cover
}
.promo-bg-img-v5 {
background: url(../img/bg/img6.jpg) no-repeat;
background-size: cover
}
.promo-bg-fixed {
background-attachment: fixed
}
.promo-text-v1 {
padding: 3px 0;
font-size: 20px;
font-weight: 600;
display: inline-block;
border-bottom: solid 2px #fff
}
.promo-text-v1.color-dark {
border-color: #555
}
.promo-text-v2 {
font-size: 55px;
font-weight: 600;
line-height: 63px
}
.promo-video-icon-wrap {
width: 64px;
height: 64px;
font-size: 18px;
line-height: 70px;
display: inline-block;
transition: all .3s ease-in-out
}
.promo-video-icon-wrap:hover {
color: #333;
text-decoration: none
}
.promo-video-icon-wrap.color-light {
color: #333;
background: #fff
}
.promo-video-icon-wrap.color-light:hover {
background: rgba(255, 255, 255, .9)
}
.promo-video-icon-wrap.color-dark {
color: #fff;
background: rgba(0, 0, 0, .8)
}
.promo-video-icon-wrap.color-dark:hover {
color: #fff;
background: rgba(0, 0, 0, .9)
}
.promo-video-icon {
left: 3px;
position: relative
}
.breadcrumbs {
padding: 10px 0 6px;
border-bottom: solid 1px #eee;
background: url(../img/patterns/breadcrumbs.png)
}
.breadcrumbs h1 {
color: #666;
font-size: 22px;
margin-top: 8px
}
.breadcrumbs.breadcrumbs-dark {
background: #222;
padding: 30px 0 20px;
border-bottom: solid 3px #777
}
.breadcrumbs.breadcrumbs-dark h1 {
color: #fff;
font-weight: 200;
font-size: 24px
}
.breadcrumbs.breadcrumbs-dark a {
color: #fff;
font-weight: 200
}
.breadcrumbs.breadcrumbs-light {
padding: 30px 0 20px;
background: #f7f7f7;
border-bottom: 1px solid #eee
}
.breadcrumbs.breadcrumbs-light h1 {
font-weight: 200;
color: #555;
font-size: 26px
}
.breadcrumbs.breadcrumbs-light a {
font-weight: 200;
color: #555
}
@media (max-width:768px) {
.breadcrumbs-v1,
.breadcrumbs-v3,
.breadcrumbs-v3.breadcrumbs-lg {
padding: 50px 0
}
.rs-caption-1,
.rs-caption-2,
.rs-caption-3 {
font-weight: 400
}
.breadcrumbs-v1 h1 {
font-size: 40px;
line-height: 45px
}
.breadcrumbs-v3 h1 {
font-size: 30px;
line-height: 40px
}
.breadcrumbs-v3 p {
font-size: 18px
}
.portfolio-box {
margin-bottom: 60px
}
.parallax-quote-in {
padding: 0 40px
}
.parallax-quote-in p {
font-size: 20px
}
.interactive-slider-v1 h2 {
font-size: 30px
}
.interactive-slider-v1 p {
font-size: 18px
}
.blog-post-quote {
padding: 35px 25px
}
.blog-post-quote p {
font-size: 26px;
line-height: 35px
}
.rs-caption-1:after,
.rs-caption-1:before {
content: ""
}
.title-box .title-box-text {
font-size: 26px;
line-height: 34px;
margin-bottom: 10px
}
.title-box p {
font-size: 15px
}
.process-v1 .process-border:before {
border: none
}
.call-action-v2 p {
padding: inherit
}
.parallax-quote-light .parallax-quote-in {
padding: 30px 40px
}
.parallax-quote-light .parallax-quote-in p {
font-size: 20px
}
.parallax-quote-light .parallax-quote-in small {
font-weight: 200
}
.testimonials-v6 .testimonials-wrap {
padding-left: 0;
padding-right: 0
}
.blog-comments .comments-itself:before {
display: none
}
.blog-comments .comments-itself:after {
width: 0;
height: 0;
top: -17px;
left: 20px;
content: " ";
position: absolute;
border-style: solid;
border-width: 0 15px 17px;
border-color: transparent transparent #fff
}
.quote-v1 p {
font-size: 18px;
padding: 0 50px
}
.interactive-slider-v2 h1 {
font-size: 50px;
line-height: 60px;
margin-bottom: 20px
}
.news-v3 h2 {
font-size: 22px;
line-height: 30px
}
.content-boxes-v3.content-boxes-v3-right {
text-align: inherit
}
.content-boxes-v3.content-boxes-v3-right i.icon-custom {
float: left;
margin-left: 0
}
.line-icon-page .item-box {
height: 115px
}
}
@media (max-width:992px) {
.content-boxes-v2,
.content-boxes-v2 .text-justify,
.purchase {
text-align: center
}
.content-boxes-v2 span {
display: block;
margin-top: 5px
}
.purchase span {
font-size: 22px;
line-height: 29px
}
.purchase .btn-buy a {
margin-top: 25px;
font-size: 16px
}
.breadcrumbs-v3.breadcrumbs-lg {
padding: 100px 0
}
.service-block-v5 .service-border {
border-left: none;
border-right: none;
border-top: 1px solid #eee;
border-bottom: 1px solid #eee
}
.funny-boxes .funny-boxes-img li {
display: inline-block
}
.call-action-v1 .call-action-v1-in,
.call-action-v1 .call-action-v1-in.inner-btn {
display: block;
text-align: center
}
.call-action-v1 .call-action-v1-in p {
margin-bottom: 20px
}
.parallax-counter-v2 .counters {
margin-bottom: 0!important
}
}
.funny-boxes {
background: #f7f7f7;
padding: 20px 20px 15px;
transition: all .3s ease-in-out
}
.team-v1 li>.team-img:after,
.team-v1 li>p:before {
transition: all .4s ease-in-out;
content: " "
}
.funny-boxes h2 {
margin-top: 0;
font-size: 18px;
line-height: 20px
}
.funny-boxes h2 a {
color: #555
}
.funny-boxes .funny-boxes-img li {
font-size: 12px;
margin-bottom: 2px
}
.funny-boxes .funny-boxes-img li i {
color: #e74c3c;
font-size: 12px;
margin-right: 5px
}
.funny-boxes .funny-boxes-img img {
margin: 5px 10px 15px 0
}
.funny-boxes p a {
color: #e74c3c
}
.funny-boxes ul.funny-boxes-rating li {
display: inline-block
}
.funny-boxes ul.funny-boxes-rating li i {
color: #f8be2c;
cursor: pointer;
font-size: 14px
}
.funny-boxes ul.funny-boxes-rating li i:hover {
color: #f8be2c
}
.funny-boxes-colored .funny-boxes-img li,
.funny-boxes-colored .funny-boxes-img li i,
.funny-boxes-colored h2 a,
.funny-boxes-colored p {
color: #fff
}
.funny-boxes-red {
background: #e74c3c
}
.funny-boxes-purple {
background: #9b6bcc
}
.funny-boxes-blue {
background: #3498db
}
.funny-boxes-grey {
background: #95a5a6
}
.funny-boxes-sea {
background: #1abc9c
}
.funny-boxes-top-sea {
border-top: solid 2px #1abc9c
}
.funny-boxes-top-sea:hover {
border-top-color: #16a085
}
.funny-boxes-top-yellow {
border-top: solid 2px #f1c40f
}
.funny-boxes-top-yellow:hover {
border-top-color: #f39c12
}
.funny-boxes-top-red {
border-top: solid 2px #e74c3c
}
.funny-boxes-top-red:hover {
border-top-color: #c0392b
}
.funny-boxes-top-purple {
border-top: solid 2px #9b6bcc
}
.funny-boxes-top-purple:hover {
border-top-color: #814fb5
}
.funny-boxes-left-orange {
border-left: solid 2px #e67e22
}
.funny-boxes-left-orange:hover {
border-left-color: #e74c3c
}
.funny-boxes-left-green {
border-left: solid 2px #e74c3c
}
.funny-boxes-left-green:hover {
border-left-color: #5fb611
}
.funny-boxes-left-blue {
border-left: solid 2px #3498db
}
.funny-boxes-left-blue:hover {
border-left-color: #2980b9
}
.funny-boxes-left-dark {
border-left: solid 2px #555
}
.funny-boxes-left-dark:hover {
border-left-color: #333
}
.process-v1 .process-in {
text-align: center
}
.process-v1 .process-in>li i {
z-index: 1;
width: 30px;
height: 30px;
position: relative;
text-align: center;
background: #e74c3c;
margin-bottom: 15px;
display: inline-block;
border: 9px solid #fff
}
.process-v1 .process-in>li i:after {
top: -9px;
left: -9px;
right: -9px;
bottom: -9px;
content: " ";
border-radius: 50%;
position: absolute;
border: 1px solid #bbb
}
.process-v1 .process-in>li h3 {
font-size: 16px;
font-weight: 600;
margin: 0 0 10px
}
.process-v1 .process-in .process-desc {
padding: 0 20px
}
.process-v1 .process-border {
position: relative
}
.process-v1 .process-border:before {
top: 15px;
width: 75%;
left: 12%;
content: " ";
display: block;
position: absolute;
border-top: solid 2px #ddd
}
.team-v1 li>p,
.team-v1 ul {
position: relative
}
.team-v1 li:hover>.team-img:after {
background: rgba(0, 0, 0, .5)
}
.team-v1 li:hover>.team-img ul {
top: 50%;
visibility: visible
}
.team-v1 li:hover>p:before {
width: 100%;
background: #e74c3c
}
.team-v1 li>h3 {
font-size: 18px;
line-height: 20px;
margin: 15px 0 7px;
color: #555
}
.team-v1 li>h4 {
color: #999;
font-size: 11px;
line-height: 16px
}
.team-v1 li>p {
margin: 20px 0
}
.team-v1 li>p:before {
left: 0;
top: -10px;
height: 1px;
width: 40px;
position: absolute;
background: #bbb
}
.team-v1 li>.team-img {
position: relative
}
.team-v1 li>.team-img:after {
top: 0;
left: 0;
width: 100%;
height: 100%;
position: absolute;
background: 0 0
}
.team-v1 li>.team-img ul {
left: 0;
top: 45%;
z-index: 1;
padding: 0;
width: 100%;
height: 36px;
list-style: none;
margin-top: -18px;
text-align: center;
visibility: hidden;
position: absolute;
transition: all .2s ease-in-out
}
.team-v2,
.team-v3 .team-img {
position: relative
}
.team-v1 li>.team-img ul li {
margin: 0 5px;
text-align: center;
display: inline-block
}
.team-v1 li>.team-img li i {
color: #eee;
border-width: 2px;
border-color: #eee;
transition: all .1s ease-in-out
}
.team-v1 li>.team-img li i.fa-twitter:hover {
color: #fff;
background: #3498db;
border-color: #3498db
}
.team-v1 li>.team-img li i.fa-facebook:hover {
color: #fff;
background: #4765a0;
border-color: #4765a0
}
.team-v1 li>.team-img li i.fa-google-plus:hover {
color: #fff;
background: #e74c3c;
border-color: #e74c3c
}
.team-v2 {
margin-bottom: 20px
}
.team-v2 img {
width: 100%
}
.team-v2 .inner-team {
padding: 20px;
background: #fff;
text-align: center
}
.team-v2 .inner-team h3 {
margin: 0
}
.team-v2 .inner-team small {
display: block;
font-size: 12px;
margin-bottom: 7px
}
.team-v2 .inner-team p {
font-size: 13px
}
.team-v2 .inner-team hr {
margin: 10px 0 15px
}
.team-social {
margin-bottom: 0
}
.team-social li {
padding: 0 2px
}
.team-social li a {
font-size: 14px;
padding: 6px 4px;
text-align: center;
border-radius: 50%!important
}
.team-social li a.fb {
color: #4765a0;
border: 1px solid #4765a0
}
.team-social li a.fb:hover {
color: #fff;
background: #4765a0
}
.team-social li a.tw {
color: #159ceb;
border: 1px solid #159ceb
}
.team-social li a.tw:hover {
color: #fff;
background: #159ceb
}
.team-social li a.gp {
color: #dc4a38;
border: 1px solid #dc4a38
}
.team-social li a.gp:hover {
color: #fff;
background: #dc4a38
}
.team-social li a:hover {
text-decoration: none
}
.team-social li i {
min-width: 20px
}
.team-v3 .team-img:after {
top: 0;
left: 0;
width: 100%;
height: 100%;
content: " ";
position: absolute;
transition: all .4s ease-in-out
}
.team-v3 .team-img:hover:after {
background: rgba(0, 0, 0, .5);
transition: all .2s ease-in-out
}
.team-v3 .team-img:hover .team-hover {
top: 50%;
visibility: visible
}
.team-v3 .team-img>img {
width: 100%
}
.team-v3 .team-hover {
left: 0;
top: 60%;
z-index: 1;
width: 100%;
padding: 20px;
list-style: none;
margin-top: -90px;
text-align: center;
visibility: hidden;
position: absolute;
transition: all .2s ease-in-out
}
.team-v3 .team-hover span {
color: #fff;
display: block;
font-size: 18px;
font-weight: 400
}
.team-v3 .team-hover small {
color: #fff;
display: block;
font-size: 13px;
font-weight: 200;
margin-bottom: 10px
}
.team-v3 .team-hover p {
color: #fff;
font-weight: 200;
margin-bottom: 20px
}
.team-v3 .team-hover .team-social-v3 i {
color: #fff;
width: 33px;
height: 33px;
padding: 9px;
font-size: 14px;
text-align: center;
display: inline-block;
border: 1px solid #fff
}
.team-v3 .team-hover .team-social-v3 i:hover {
color: #666;
background: #fff;
text-decoration: none;
transition: all .2s ease-in-out
}
.team-v4 {
text-align: center
}
.team-v4 img {
width: 100%;
margin-bottom: 20px
}
.team-v4 span {
color: #333;
display: block;
font-size: 18px;
margin-bottom: 5px
}
.team-v4 small {
color: #999;
display: block;
font-size: 12px;
font-style: italic;
margin-bottom: 10px
}
.team-v4 .team-social-v4 a {
color: #555;
font-size: 16px
}
.team-v4 .team-social-v4 a:hover {
color: #e74c3c;
text-decoration: none
}
.team-v5 {
text-align: center
}
.team-v5 span {
color: #555;
display: block;
font-size: 16px;
margin-bottom: 5px
}
.team-v5 small {
display: block;
color: #e74c3c;
font-size: 13px;
font-style: italic;
position: relative;
margin-bottom: 25px
}
.team-v5 small:after {
left: 50%;
top: 30px;
height: 1px;
width: 30px;
content: " ";
background: #777;
margin-left: -15px;
position: absolute
}
.team-v5 .team-img {
position: relative
}
.team-v5 .team-img:after {
top: 0;
left: 0;
width: 100%;
height: 100%;
content: " ";
position: absolute;
transition: all .4s ease-in-out
}
.team-v5 .team-img:hover:after {
background: rgba(0, 0, 0, .5);
transition: all .2s ease-in-out
}
.team-v5 .team-img:hover .team-hover {
top: 50%;
visibility: visible
}
.team-v5 .team-img>img {
width: 100%;
margin-bottom: 20px
}
.team-v5 .team-hover {
left: 0;
top: 60%;
z-index: 1;
padding: 0;
width: 100%;
list-style: none;
margin-top: -16px;
text-align: center;
visibility: hidden;
position: absolute;
transition: all .2s ease-in-out
}
.team-v5 .team-hover .team-social-v5 i {
color: #fff;
width: 33px;
height: 33px;
padding: 9px;
font-size: 14px;
text-align: center;
display: inline-block;
border: 1px solid #fff
}
.team-v5 .team-hover .team-social-v5 i:hover {
color: #666;
background: #fff;
text-decoration: none;
transition: all .2s ease-in-out
}
.team-v6 {
text-align: center
}
.team-v6 img {
width: 100%;
margin-bottom: 20px
}
.team-v6 span {
color: #777;
display: block;
font-size: 16px;
margin-bottom: 5px
}
.team-v6 small {
display: block;
color: #e74c3c;
font-size: 13px;
margin-bottom: 15px
}
.team-v7 .team-v7-in {
padding: 0 50px
}
.portfolio-box-v1 [class^=col-],
.portfolio-box-v2 [class^=col-] {
padding: 0;
overflow: hidden
}
.team-v7 .team-v7-name {
color: #555;
display: block;
font-size: 18px;
margin-bottom: 5px;
text-transform: uppercase;
margin-top: 60px
}
.team-v7 .team-v7-position {
display: block;
color: #e74c3c;
font-style: normal;
margin-bottom: 15px
}
.team-v7 p {
font-size: 14px;
line-height: 24px;
margin-bottom: 20px
}
.team-v7 .social-icons-v1 {
margin-bottom: 60px
}
.team-v7 .team-v7-img {
position: relative
}
.team-v7 .team-v7-img:after {
top: 0;
left: 0;
width: 100%;
height: 100%;
content: " ";
position: absolute;
background: rgba(0, 0, 0, .1)
}
.team-v7 .team-arrow-left:before,
.team-v7 .team-arrow-right:before {
width: 0;
height: 0;
top: 50%;
z-index: 2;
content: " ";
border-style: solid;
margin-top: -25px
}
.team-v7 .team-arrow-right {
position: relative
}
.team-v7 .team-arrow-right:before {
position: absolute;
right: -25px;
border-width: 20px 0 20px 25px;
border-color: transparent transparent transparent #fff
}
.team-v7 .team-arrow-left {
position: relative
}
.team-v7 .team-arrow-left:before {
position: absolute;
left: -25px;
border-width: 20px 25px 20px 0;
border-color: transparent #fff transparent transparent
}
@media (max-width:991px) {
.team-v7 .equal-height-column {
height: auto!important
}
.team-v7 .team-arrow-left:before,
.team-v7 .team-arrow-right:before {
top: auto;
border-color: #fff transparent transparent;
left: 70px;
bottom: -25px;
border-width: 25px 20px 0
}
.badge-sidebar {
border-left: none
}
.flat-bg-block-v1 img.img-over {
position: static
}
}
.call-action-v1.call-action-v1-boxed {
position: relative
}
@media (min-width:991px) and (max-width:1199px) {
.portfolio-box {
margin-bottom: 60px
}
.flat-bg-block-v1 img.img-over {
top: -18px
}
}
@media (min-width:768px) and (max-width:992px) {
.portfolio-box {
margin-bottom: 0
}
}
.portfolio-box .portfolio-box-in {
visibility: hidden;
position: absolute;
top: 50%;
left: 50%;
z-index: 1;
color: #fff;
background: #e74c3c;
font-size: 20px;
text-align: center;
line-height: 53px;
width: 50px;
height: 50px;
margin-top: -25px;
margin-left: -25px
}
.portfolio-box a.fancybox:hover .portfolio-box-in,
.portfolio-box-v1 li:hover .portfolio-box-v1-in {
visibility: visible
}
.portfolio-box a.fancybox:after,
.portfolio-box-v1 li:after {
top: 0;
height: 100%;
left: 0;
width: 100%;
content: " "
}
.portfolio-box a.fancybox {
overflow: hidden;
position: relative
}
.portfolio-box a.fancybox:after {
position: absolute
}
.portfolio-box a.fancybox:hover:after {
background: rgba(0, 0, 0, .5)
}
.portfolio-box a.fancybox img {
transition: all .5s ease
}
.portfolio-box small.project-tag {
display: block;
font-size: 12px;
margin-bottom: 5px;
color: #999
}
.portfolio-box small.project-tag a {
color: #999
}
.portfolio-box small.project-tag a:hover {
color: #e74c3c
}
.portfolio-box small.project-tag i {
margin-right: 5px
}
.portfolio-box-v1 {
margin: 0
}
.portfolio-box-v1 li {
background: #333;
position: relative
}
.portfolio-box-v1 li:after {
position: absolute;
transition: all .3s ease-in-out
}
.portfolio-box-v1 li:hover:after {
background: rgba(0, 0, 0, .7);
transition: all .3s ease-in-out
}
.portfolio-box-v1 li img {
width: 100%;
overflow: hidden;
transition: all .3s ease-in-out
}
.portfolio-box-v1 .portfolio-box-v1-in {
left: 0;
top: 50%;
z-index: 1;
width: 100%;
visibility: hidden;
min-height: 150px;
margin-top: -75px;
text-align: center;
position: absolute;
font-family: "Quattrocento Sans", Arial, sans-serif
}
.portfolio-box-v1 .portfolio-box-v1-in h3 {
font-size: 22px;
margin-top: 20px;
position: relative;
margin-bottom: 20px;
color: #fff
}
.portfolio-box-v1 .portfolio-box-v1-in h3:after {
left: 50%;
height: 1px;
width: 40px;
content: " ";
bottom: -10px;
background: #fff;
margin-left: -20px;
position: absolute
}
.portfolio-box-v1 .portfolio-box-v1-in p {
color: #fff;
font-size: 16px;
margin-bottom: 20px
}
.portfolio-box-v1 .portfolio-box-v1-in a.btn-u {
font-weight: 400
}
.portfolio-box-v2 {
margin: 0 0 60px
}
.portfolio-box-v2 li {
background: #333;
overflow: hidden;
position: relative
}
.portfolio-box-v2 li:after {
top: 0;
left: 0;
width: 100%;
height: 100%;
content: " ";
position: absolute;
transition: all .3s ease-in-out
}
.portfolio-box-v2 li:hover:after {
background: rgba(255, 255, 255, .6);
transition: all .3s ease-in-out
}
.portfolio-box-v2 li:hover .portfolio-box-v2-in {
visibility: visible
}
.portfolio-box-v2 li img {
width: 100%;
overflow: hidden;
transition: all .3s ease-in-out
}
.portfolio-box-v2 .portfolio-box-v2-in {
left: 0;
top: 50%;
z-index: 1;
width: 100%;
visibility: hidden;
min-height: 60px;
margin-top: -30px;
text-align: center;
position: absolute;
font-family: "Quattrocento Sans", Arial, sans-serif
}
.portfolio-box-v2 .portfolio-box-v2-in i {
color: #fff;
width: 60px;
height: 60px;
padding: 20px;
font-size: 22px;
cursor: pointer;
margin-right: 5px;
text-align: center;
display: inline-block;
background: rgba(114, 192, 44, .8)
}
.portfolio-box-v2 .portfolio-box-v2-in i:hover {
background: #e74c3c
}
.parallax-quote {
color: #fff;
padding: 100px 0;
position: relative;
text-align: center;
background: url(../img/team/faces.jpg) 50% 0 fixed
}
.parallax-quote:after,
.parallax-quote:before {
content: " ";
position: absolute;
left: 0;
width: 100%;
top: 0;
height: 100%
}
.parallax-quote:after {
background: rgba(0, 0, 0, .8)
}
.parallax-quote:before {
background: url(../img/patterns/gridtile.png)
}
.parallax-quote-in {
z-index: 1;
padding: 0 80px;
position: relative
}
.parallax-quote-in p {
color: #fff;
font-size: 28px;
font-family: "Quattrocento Sans", Arial, sans-serif
}
.parallax-quote-in p:after,
.parallax-quote-in p:before {
content: ' " ';
position: absolute;
font-family: Tahoma
}
.parallax-quote-in p:after {
margin-left: 3px
}
.parallax-quote-in p:before {
margin-left: -15px
}
.parallax-team,
.parallax-team .title-box-v2 {
position: relative
}
.parallax-quote-in small {
color: #bbb;
font-size: 13px;
font-weight: 400
}
.parallax-quote-light:after {
background: rgba(255, 255, 255, .9)
}
.parallax-quote-light .parallax-quote-in {
background: #fff;
padding: 30px 80px;
border-bottom: solid 2px #ddd
}
.parallax-quote-light .parallax-quote-in p {
color: #555;
font-size: 28px;
font-weight: 200
}
.parallax-quote-light .parallax-quote-in small {
color: #555
}
.parallax-team {
background: url(../img/team/faces.jpg) 50% 0 fixed
}
.parallax-team:before {
top: 0;
left: 0;
width: 100%;
height: 100%;
content: " ";
position: absolute;
background: rgba(255, 255, 255, .9)
}
.parallax-bg,
.parallax-counter,
.parallax-counter-v1 {
background: url(../img/patterns/5.png) fixed
}
.parallax-counter {
padding: 30px 0
}
.parallax-counter .counters {
color: #fff;
padding: 15px 0
}
.parallax-counter h4 {
color: #999;
font-size: 16px
}
.parallax-counter span.counter {
font-size: 48px
}
.parallax-counter-v1 {
padding: 60px 0
}
.parallax-counter-v1 .counters {
color: #fff;
padding: 15px 0 10px;
border: 1px solid #555
}
.parallax-counter-v1 h4 {
color: #eee;
font-size: 16px
}
.parallax-counter-v2 .counters h4,
.parallax-counter-v2 .counters span {
color: #555;
font-family: "Quattrocento Sans", Arial, sans-serif;
font-weight: 200
}
.parallax-counter-v1 span.counter {
font-size: 42px;
line-height: 48px
}
.parallax-counter-v2 {
position: relative;
padding: 80px 0 60px;
background: url(../img/patterns/16.png) fixed
}
.parallax-counter-v2:after {
top: 0;
left: 50%;
content: " ";
margin-left: -25px;
position: absolute;
border-top: 25px solid #fff;
border-left: 25px solid transparent;
border-right: 25px solid transparent
}
.parallax-counter-v2:before,
.parallax-counter-v3:after {
left: 0;
width: 100%;
content: " "
}
.parallax-counter-v2:before {
top: 0;
height: 100%;
position: absolute;
background: rgba(0, 0, 0, .02)
}
.parallax-counter-v2 .counters {
padding: 20px 0;
border-bottom: solid 2px #ddd;
background: rgba(255, 255, 255, .9)
}
.parallax-counter-v2 .counters h4 {
font-size: 22px
}
.parallax-counter-v2 .counters span {
font-size: 36px
}
.parallax-counter-v3 {
z-index: 1;
height: auto;
padding: 80px 0;
overflow: hidden;
text-align: center;
position: relative;
background: url(../img/bg/25.jpg) 50% 0 fixed
}
.parallax-counter-v3:after {
bottom: 0;
z-index: -1;
height: 100%;
text-align: center;
position: absolute;
background: rgba(0, 0, 0, .5)
}
.parallax-counter-v3 .features {
width: 130px;
height: 130px;
padding: 25px;
position: relative;
text-align: center;
display: inline-block;
border-radius: 50%!important;
background: rgba(255, 255, 255, .2)
}
.parallax-counter-v3 .features:after {
top: -9px;
left: -9px;
right: -9px;
bottom: -9px;
content: " ";
border-radius: 50%;
position: absolute;
border: 1px solid #fff
}
.parallax-counter-v3 .features span {
color: #fff;
display: block;
font-weight: 200
}
.parallax-counter-v3 .features span.counter {
font-size: 30px
}
.parallax-counter-v4 {
z-index: 1;
height: auto;
padding: 30px 0;
overflow: hidden;
text-align: center;
position: relative;
background: url(../img/bg/19.jpg) 50% 0 fixed
}
.parallax-counter-v4:after {
left: 0;
bottom: 0;
width: 100%;
z-index: -1;
content: " ";
height: 100%;
text-align: center;
position: absolute;
background: rgba(0, 0, 0, .5)
}
.parallax-counter-v4 i {
color: #fff;
display: block;
font-size: 50px;
margin-bottom: 20px
}
.parallax-counter-v4 h4 {
color: #fff;
font-size: 18px;
font-weight: 200
}
.parallax-counter-v4 span.counter {
color: #fff;
font-size: 30px;
font-weight: 400;
margin-bottom: 10px
}
.flat-bg-block-v1 {
padding: 40px 0;
background: url(../img/patterns/16.png)
}
.flat-bg-block-v1 .checked-list.first-child {
float: left;
margin-right: 100px
}
.flat-bg-block-v1 .checked-list li {
color: #888;
margin-bottom: 5px
}
.flat-bg-block-v1 .checked-list i {
color: #e74c3c;
margin-right: 5px
}
.flat-bg-block-v1 img.img-over {
top: -70px;
right: 10px;
position: absolute
}
.flat-testimonials {
padding: 50px 0;
background-color: #333
}
.flat-testimonials .flat-testimonials-in {
padding: 30px;
text-align: center;
background: rgba(255, 255, 255, .2)
}
.flat-testimonials .flat-testimonials-in img {
width: 135px;
height: 135px;
margin: 0 auto 25px
}
.flat-testimonials .flat-testimonials-in h3 {
color: #fff;
font-size: 22px;
font-weight: 200
}
.flat-testimonials .flat-testimonials-in span {
display: block;
margin-bottom: 5px
}
.flat-testimonials .flat-testimonials-in p {
color: #fff;
font-weight: 200;
position: relative
}
.flat-testimonials .flat-testimonials-in p:before {
top: 5px;
font-size: 22px;
line-height: 10px;
position: relative;
content: "“";
padding-right: 5px
}
.flat-testimonials .flat-testimonials-in p:after {
top: 5px;
font-size: 22px;
line-height: 10px;
position: relative;
content: "�";
padding-left: 5px
}
.testimonials-v4 .testimonials-v4-in {
background: #fff;
position: relative;
margin-bottom: 40px;
padding: 20px 20px 20px 55px;
box-shadow: 3px 3px 3px 0 rgba(0, 0, 0, .1)
}
.testimonials-v4 .testimonials-v4-in:before {
color: #bbb;
font-size: 60px;
content: "\201C";
position: absolute;
margin: -25px 0 0 -40px;
font-family: Georgia, serif
}
.testimonials-v4 .testimonials-v4-in:after {
width: 0;
height: 0;
left: 80px;
content: " ";
bottom: -30px;
position: absolute;
border-style: solid;
border-width: 30px 30px 0 0;
border-color: #fff transparent transparent;
filter: drop-shadow(2px 2px 1px rgba(0, 0, 0, .1))
}
.testimonials-v4 .testimonials-v4-in p {
color: #777;
font-size: 14px;
font-style: italic
}
.testimonials-v4 img {
float: left;
width: 60px;
height: auto;
margin: 0 20px
}
.testimonials-v4 .testimonials-author {
color: #555;
display: block;
font-size: 14px;
overflow: hidden;
padding-top: 8px
}
.testimonials-v4 .testimonials-author em {
font-size: 13px;
text-transform: capitalize
}
.testimonials-v5 {
padding-top: 50px;
padding-bottom: 50px
}
.testimonials-v5 .testimonials-desc span {
font-size: 13px;
font-weight: 200
}
.testimonials-v5 .testimonials-desc p {
padding: 15px;
position: relative;
background: #f9f9f9;
margin-bottom: 25px
}
.testimonials-v5 .testimonials-desc p:after {
width: 0;
height: 0;
left: 30px;
color: #fff;
bottom: -12px;
content: " ";
text-align: center;
position: absolute;
border-style: solid;
border-width: 13px 10px 0;
border-color: #f9f9f9 transparent transparent
}
.testimonials-v5 .testimonials-by {
margin-left: 20px
}
.testimonials-v5 .testimonials-by img {
float: left;
width: 40px;
height: auto;
margin-right: 15px
}
.testimonials-v5 .testimonials-by small {
color: #e74c3c;
font-size: 12px
}
.testimonials-v5 .testimonials-by span {
text-transform: uppercase
}
.testimonials-v6.testimonials-wrap {
padding-left: 70px;
padding-right: 70px
}
.testimonials-v6 .testimonials-info {
padding: 20px;
background: #fff;
border-bottom: solid 3px #eee;
transition: all .4s ease-in-out
}
.testimonials-v6 .testimonials-info:hover {
border-color: #e74c3c
}
.testimonials-v6 .testimonials-info img {
float: left;
width: 80px;
height: auto;
margin-right: 20px
}
.testimonials-section3 img,
.testimonials-section4 img {
width: 74px!important;
height: 74px!important;
background: #fff;
display: block
}
.testimonials-v6 .testimonials-desc {
overflow: hidden
}
.testimonials-v6 .testimonials-desc p {
margin-bottom: 15px
}
.testimonials-v6 .testimonials-desc span,
.testimonials-v6 .testimonials-desc strong {
color: #555;
display: block
}
.testimonials-section3 .owl-stage-outer {
margin-right: 1px
}
.testimonials-section3 .testimonials-item {
border-right: solid 1px #eee;
padding: 15px 15px 20px
}
.testimonials-section3 .testimonials-item strong {
display: block;
font-size: 14px;
font-weight: 700;
padding-top: 10px
}
.testimonials-section3 .testimonials-item em {
display: block;
font-size: 14px;
font-style: normal;
opacity: .7;
font-weight: 400
}
.testimonials-section3 img {
border-radius: 50%;
padding: 3px;
border: 1px solid #e6e6e6;
margin: 0 auto 5px
}
.testimonials-section3 blockquote {
font-size: 15px;
font-weight: 400;
font-style: italic;
line-height: 1.5;
margin-bottom: 20px;
border: none
}
.testimonials-section3 blockquote p {
z-index: 9;
position: relative;
margin-bottom: 5px
}
.testimonials-section4 .testimonials-item {
border-right: solid 1px #eee;
padding: 15px 15px 20px
}
.testimonials-section4 .testimonials-item:last-child {
border-right: none
}
.testimonials-section4 .testimonials-item strong {
display: block;
font-size: 14px;
font-weight: 700;
padding-top: 10px
}
.testimonials-section4 .testimonials-item em {
display: block;
font-size: 14px;
font-style: normal;
opacity: .7;
font-weight: 400
}
.testimonials-section4 img {
border-radius: 50%;
padding: 3px;
border: 1px solid #e6e6e6;
margin: 0 auto 5px
}
.testimonials-section4 blockquote {
font-size: 15px;
font-weight: 400;
font-style: italic;
line-height: 1.5;
margin-bottom: 20px;
border: none
}
.testimonials-section4 blockquote p {
z-index: 9;
position: relative;
margin-bottom: 5px
}
.testimonials {
margin-bottom: 10px
}
.testimonials .testimonial-info {
color: #e74c3c;
font-size: 16px;
padding: 0 15px;
margin-top: 18px
}
.testimonials .testimonial-info span {
top: 3px;
position: relative
}
.testimonials .testimonial-info em {
color: #777;
display: block;
font-size: 13px
}
.testimonials .testimonial-info img {
width: 60px;
float: left;
height: 60px;
padding: 2px;
margin-right: 15px;
border: 1px solid #ccc
}
.testimonials .testimonial-author {
overflow: hidden
}
.testimonials .carousel-arrow {
top: -65px;
position: relative
}
.testimonials .carousel-arrow i {
color: #777;
padding: 2px;
min-width: 25px;
font-size: 20px;
text-align: center;
background: #f5f5f5
}
.testimonials .carousel-arrow i:hover {
color: #fff;
background: #e74c3c
}
.testimonials .carousel-control {
opacity: 1;
width: 100%;
text-align: right;
text-shadow: none;
position: absolute;
filter: Alpha(opacity=100)
}
.testimonials .carousel-control.left {
right: 27px;
left: auto
}
.testimonials .carousel-control.right {
right: 0
}
.testimonials.testimonials-v1 p {
padding: 15px;
font-size: 14px;
font-style: italic;
background: #f5f5f5
}
.testimonials.testimonials-v1 .item p {
position: relative
}
.testimonials.testimonials-v1 .item p:after,
.testimonials.testimonials-v2 .item p:after {
width: 0;
height: 0;
display: block;
position: absolute;
content: " "
}
.testimonials.testimonials-v1 .item p:after {
left: 80px;
bottom: -20px;
border-top: 22px solid;
border-left: 0 solid transparent;
border-right: 22px solid transparent;
border-top-color: #f5f5f5;
border-left-style: inset;
border-right-style: inset
}
.testimonials.testimonials-v1 .item p:before {
left: 80px;
bottom: -20px
}
.testimonials.testimonials-v2 .testimonial-info {
padding: 0 20px
}
.testimonials.testimonials-v2 p {
padding: 15px;
font-size: 14px;
font-style: italic;
background: #f5f5f5
}
.testimonials.testimonials-v2 .carousel-arrow {
top: -55px
}
.testimonials.testimonials-v2 .item p:after {
left: 8%;
bottom: 45px;
border-top: 20px solid;
border-left: 25px solid transparent;
border-right: 0 solid transparent;
border-top-color: #f5f5f5;
border-left-style: inset;
border-right-style: inset
}
.testimonials.testimonials-v2 .item p:before {
left: 8%;
bottom: 45px
}
.testimonials.testimonials-bg-default .item p:after {
border-top-color: #e74c3c
}
.testimonials.testimonials-bg-default .carousel-arrow i:hover {
background: #5fb611
}
.testimonials.testimonials-bg-dark .testimonial-info {
color: #555
}
.testimonials.testimonials-bg-dark .item p:after {
border-top-color: #555
}
.testimonials.testimonials-bg-dark .carousel-arrow i:hover {
background: #333
}
.testimonials-bg-dark .item p {
color: #fff;
font-weight: 200;
background: #555
}
.testimonials-bg-dark .carousel-arrow i {
color: #fff;
background: #555
}
.testimonials-bg-default .item p {
color: #fff;
font-weight: 200;
background: #e74c3c
}
.testimonials-bg-default .carousel-arrow i {
color: #fff;
background: #e74c3c
}
.featured-blog h2 {
font-size: 18px;
margin: 0 0 25px;
line-height: 25px;
position: relative
}
.featured-blog h2:after {
left: 0;
z-index: 1;
width: 30px;
height: 2px;
content: " ";
bottom: -10px;
position: absolute;
background: #e74c3c
}
.featured-blog .featured-img {
position: relative
}
.featured-blog .featured-img:after {
top: 0;
left: 0;
width: 100%;
height: 100%;
content: " ";
position: absolute;
transition: all .4s ease-in-out
}
.featured-blog .featured-img:hover:after {
background: rgba(0, 0, 0, .3);
transition: all .2s ease-in-out
}
.featured-blog .featured-img:hover i {
top: 50%;
visibility: visible
}
.featured-blog .featured-img i,
.tp-banner-container ul li {
visibility: hidden;
list-style: none
}
.featured-blog .featured-img>img {
width: 100%
}
.featured-blog .featured-img i {
top: 60%;
left: 50%;
z-index: 1;
position: absolute;
margin: -17.5px 0 0 -17.5px;
transition: all .2s ease-in-out;
color: #fff;
width: 35px;
height: 35px;
padding: 11px;
font-size: 14px;
text-align: center;
display: inline-block;
background: rgba(255, 255, 255, .4)
}
.featured-blog .featured-img i:hover {
color: #fff;
background: #e74c3c;
text-decoration: none;
transition: all .2s ease-in-out
}
.blog-comments img {
width: 80px;
height: auto
}
.blog-comments .comments-itself {
background: #fff;
padding: 20px 30px;
position: relative
}
.blog-comments .comments-itself:before {
width: 0;
height: 0;
top: 20px;
left: -17px;
content: " ";
position: absolute;
border-style: solid;
border-width: 15px 17px 15px 0;
border-color: transparent #fff transparent transparent
}
.quote-v1 p:before,
.quote-v2 p:before {
content: "\201C";
font-family: Georgia, serif
}
.blog-comments .comments-itself h3 {
margin: 0 0 10px
}
.blog-comments.blog-comments-reply,
.posts .dl-horizontal dd {
margin-left: 70px
}
.blog-comments .comments-itself span {
color: #555;
float: right;
font-size: 13px
}
.blog-comments .comments-itself p {
color: #555
}
.quote-v1 {
padding: 60px 0;
text-align: center;
background: url(../img/patterns/5.png)
}
.quote-v1 p {
color: #fff;
font-size: 22px;
font-weight: 200;
padding: 0 100px;
position: relative;
margin-bottom: 20px
}
.quote-v1 p:before {
color: #e74c3c;
font-size: 60px;
position: absolute;
margin: -30px 0 0 -40px
}
.blog-trending li,
.quote-v2 p {
margin-bottom: 20px
}
.quote-v1 span {
color: #fff;
font-size: 18px
}
.quote-v2 {
text-align: center;
padding: 85px 10% 40px
}
.quote-v2 p {
color: #555;
font-size: 16px;
font-style: italic;
position: relative
}
.quote-v2 p:before {
left: 50%;
top: -75px;
font-size: 80px;
position: absolute;
margin-left: -25px
}
.shadow-effect-2,
.shadow-wrapper {
position: relative
}
.blog-post-quote p,
.interactive-slider-v2 p,
.ms-promo-info,
.ms-promo-sub {
font-family: "Quattrocento Sans", Arial, sans-serif
}
.quote-v2 span {
color: #555;
font-weight: 400
}
.shadow-wrapper {
z-index: 1
}
.shadow-effect-1 {
box-shadow: 0 10px 6px -6px #bbb
}
.shadow-effect-2:after {
box-shadow: 0 15px 10px #999;
left: auto;
right: 5px;
transform: rotate(3deg)
}
.interactive-slider-v1:after,
.interactive-slider-v2:after {
top: 0;
left: 0;
width: 100%;
height: 100%;
content: " "
}
.shadow-effect-2:before {
transform: rotate(-3deg);
box-shadow: 0 15px 10px #999
}
.shadow-effect-5 {
box-shadow: 0 0 2px #ccc
}
.interactive-slider-v1 {
z-index: 1;
padding: 130px 0;
position: relative
}
.interactive-slider-v1.img-v1 {
background: url(../img/bg/18.jpg) center center no-repeat;
background-size: cover
}
.interactive-slider-v1.img-v2 {
background: url(../img/bg/19.jpg) center center no-repeat;
background-size: cover
}
.interactive-slider-v1.img-v3 {
background: url(../img/bg/18.jpg) center center no-repeat;
background-size: cover
}
.interactive-slider-v1:after {
z-index: -1;
position: absolute;
background: rgba(0, 0, 0, .3)
}
.interactive-slider-v1 h2 {
color: #fff;
font-size: 40px;
font-weight: 600;
text-transform: uppercase
}
.interactive-slider-v1 p {
color: #fff;
font-size: 24px;
font-weight: 200;
text-transform: uppercase
}
.interactive-slider-v2 {
z-index: 1;
padding: 200px 0;
position: relative;
text-align: center;
background: url(../img/bg/18.jpg) center center no-repeat;
background-size: cover
}
.interactive-slider-v2.img-v1 {
background: url(../img/bg/25.jpg) center center no-repeat;
background-size: cover
}
.interactive-slider-v2.img-v2 {
background: url(../img/bg/14.jpg) center center no-repeat;
background-size: cover
}
.interactive-slider-v2.img-v3 {
background: url(../img/bg/img8.jpg) center center no-repeat;
background-size: cover
}
.interactive-slider-v2.img-v4 {
background: url(../img/bg/img9.jpg) center center no-repeat;
background-size: cover
}
.interactive-slider-v2.intro-promo-img {
background: url(../img/intro/promo.jpg) center center no-repeat;
background-size: cover;
padding: 80px 0
}
.interactive-slider-v2:after {
z-index: -1;
position: absolute;
background: rgba(0, 0, 0, .4)
}
.interactive-slider-v2 h1 {
color: #fff;
font-size: 70px;
font-weight: 600;
line-height: 80px;
text-transform: uppercase
}
.interactive-slider-v2 p {
color: #fff;
font-size: 24px;
font-weight: 200
}
.interactive-slider-v2-md {
padding: 250px 0
}
.blog-trending h3 {
font-size: 14px;
margin: 0 0 5px;
line-height: 17px
}
.blog-trending small,
.blog-trending small a {
color: #777
}
.blog-trending small a:hover {
color: #e74c3c
}
.blog-latest-posts li {
margin-top: 15px;
padding-top: 15px;
border-top: 1px solid #ddd
}
.blog-latest-posts li:first-child {
margin-top: 0;
padding-top: 0;
border-top: none
}
.blog-latest-posts h3 {
font-size: 14px;
margin: 0 0 3px;
line-height: 20px
}
.blog-latest-posts small {
color: #777;
margin-bottom: 8px;
display: inline-block
}
.blog-latest-posts small a {
color: #777
}
.blog-latest-posts p {
font-size: 12px
}
.blog-photostream {
margin-right: -5px
}
.blog-photostream li {
padding: 0;
margin: 3px 5px 5px;
position: relative
}
.blog-photostream li img {
width: 78px;
height: auto
}
.blog-newsletter p {
color: #555;
margin-bottom: 15px
}
.blog-newsletter .form-control {
border: none
}
.blog-newsletter .form-control:focus {
box-shadow: none
}
.blog-post-quote {
padding: 35px 60px;
background: #fff;
text-align: center
}
.blog-post-quote p {
color: #555;
font-size: 32px;
font-weight: 200;
line-height: 45px;
position: relative;
margin-bottom: 20px
}
.blog-post-quote p:after,
.blog-post-quote p:before {
top: -3px;
font-size: 30px;
content: "\0022";
position: relative
}
.blog-post-quote p:before {
left: -10px
}
.blog-post-quote p:after {
right: -10px
}
.blog-post-quote span {
color: #555;
font-size: 20px;
font-weight: 200
}
.blog-author {
padding: 20px;
background: #fff
}
.blog-author img {
float: left;
width: 80px;
height: auto;
margin-right: 20px
}
.blog-author .blog-author-desc {
overflow: hidden
}
.blog-author .blog-author-desc h4 {
float: left;
font-size: 18px;
margin: 0 0 10px;
text-transform: uppercase
}
.blog-author .blog-author-desc ul {
float: right;
margin-top: 6px
}
.blog-author .blog-author-desc p {
color: #555
}
.news-section {
border-top: solid 1px #eee;
border-bottom: solid 1px #eee
}
.news-v1 .news-v1-in {
background: #fafafa
}
.news-v1 h3 {
margin-bottom: 0;
font-weight: 200;
line-height: 28px;
padding: 10px 15px 15px
}
.news-v1 h3 a {
color: #555
}
.news-v1 h3 a:hover {
color: #e74c3c
}
.news-v1 p {
color: #555;
padding: 0 15px;
margin-bottom: 20px
}
.news-v1 .news-v1-info {
margin-left: 0;
margin-top: 30px;
overflow: hidden;
padding: 8px 10px;
border-top: solid 1px #eee
}
.news-v1 .news-v1-info li {
font-size: 12px
}
.news-v1 .news-v1-info li a:hover {
color: #e74c3c;
text-decoration: none
}
.news-v2 .news-v2-badge {
overflow: hidden;
position: relative
}
.news-v2 .news-v2-badge p {
left: 0;
top: 20px;
background: #fff;
padding: 5px 15px;
text-align: center;
position: absolute
}
.news-v2 .news-v2-badge span {
color: #555;
display: block;
font-size: 16px;
line-height: 16px
}
.news-v2 .news-v2-badge small {
color: #555;
display: block;
font-size: 10px;
text-transform: uppercase
}
.news-v2 .news-v2-desc {
padding: 20px;
background: #fff
}
.news-v2 .news-v2-desc h3 {
margin: 0 0 3px;
font-size: 16px
}
.news-v2 .news-v2-desc h3 a {
color: #555
}
.news-v2 .news-v2-desc h3 a:hover {
color: #e74c3c
}
.news-v2 .news-v2-desc p,
.news-v3 h2 a {
color: #555
}
.news-v2 .news-v2-desc small {
color: #555;
display: block;
margin-bottom: 15px;
text-transform: uppercase
}
.news-v3 .news-v3-in {
padding: 35px 30px
}
.news-v3 .news-v3-in-sm {
padding: 20px
}
.news-v3 .news-v3-in-sm h2 {
font-size: 22px;
margin: 0 0 15px;
line-height: 30px;
text-transform: inherit
}
.ms-promo-info,
.news-v3 h2,
.revolution-ch1,
.shop-subscribe h2 {
text-transform: uppercase
}
.news-v3 .news-v3-in-sm .post-shares {
margin: 20px 0 0 -5px
}
.news-v3 .news-v3-in-sm .posted-info li {
padding: 0 0 0 5px;
font-size: 12px
}
.news-v3 .news-v3-in-sm .posted-info li:before {
content: '/';
font-size: 11px;
line-height: 11px;
margin-right: 9px
}
.news-v3 .news-v3-in-sm .posted-info li:first-child:before {
content: " ";
margin-right: 0
}
.news-v3 h2 {
font-size: 32px;
font-weight: 200;
margin: 0 0 20px;
line-height: 45px
}
.news-v3 h2 a:hover {
color: #e74c3c;
text-decoration: none
}
.news-v3 p {
color: #555;
margin-bottom: 20px
}
.news-v3 .post-shares {
padding-left: 0;
list-style: none;
margin: 40px 0 0 -5px
}
.news-v3 .post-shares li {
position: relative;
padding: 0 10px 0 5px;
display: inline-block
}
.news-v3 .post-shares li i {
color: #555;
width: 40px;
height: 40px;
padding: 13px;
font-size: 16px;
background: #eee;
text-align: center;
display: inline-block
}
.news-v3 .post-shares li i:hover {
background: #ddd
}
.news-v3 .post-shares li span {
top: -5px;
right: 6px;
color: #fff;
width: 22px;
height: 22px;
padding: 4px;
font-size: 10px;
line-height: 10px;
position: absolute;
text-align: center;
background: #e74c3c;
border: 2px solid #fff;
border-radius: 50%!important
}
.news-v3 .posted-info li {
color: #555;
font-style: italic
}
.news-v3 .posted-info li:before {
content: '/';
font-size: 12px;
line-height: 12px;
margin-right: 13px
}
.news-v3 .posted-info li a {
color: #555
}
.news-v3 .posted-info li a:hover {
color: #e74c3c
}
.news-v3 .posted-info li:first-child:before {
content: " ";
margin-right: 0
}
.news-v3 .post-shares-lg li span {
top: -10px;
right: 0;
width: 29px;
height: 29px;
padding: 4px;
font-size: 10px;
line-height: 16px
}
.blog-grid img {
margin-bottom: 15px
}
.blog-grid h3 {
font-size: 22px;
margin: 0 0 10px;
line-height: 1.4
}
.blog-grid h3.blog-grid-title-sm {
font-size: 15px;
line-height: 1.4
}
.blog-grid h3 a {
color: #333
}
.blog-grid p {
margin-bottom: 15px
}
.blog-grid .blog-grid-grad {
position: relative
}
.blog-grid .blog-grid-grad i {
top: 10px;
left: 10px;
z-index: 1;
color: #fff;
width: 30px;
height: 30px;
font-size: 18px;
line-height: 30px;
text-align: center;
position: absolute;
display: inline-block;
background: rgba(0, 0, 0, .5)
}
.blog-grid .blog-grid-grad i:hover {
background: #e74c3c
}
.blog-grid .blog-grid-info {
padding-left: 0;
list-style: none
}
.blog-grid .blog-grid-info li {
color: #888;
padding: 0 2px;
font-size: 12px;
display: inline-block
}
.blog-grid .blog-grid-info li:before {
content: '/';
font-size: 12px;
line-height: 1.4;
margin-right: 9px
}
.blog-grid .blog-grid-info li a {
color: #888
}
.blog-grid .blog-grid-info li a:hover {
text-decoration: none
}
.blog-grid .blog-grid-info li:first-child:before {
content: " ";
margin-right: 0
}
.blog-grid h2.blog-grid-title-lg {
font-size: 28px;
line-height: 1.4;
margin: 0 0 10px
}
.blog-grid a.r-more {
font-size: 13px;
font-weight: 400;
font-style: italic;
display: inline-block
}
.blog-grid a.r-more:hover {
text-decoration: none
}
.blog-grid-inner {
padding: 20px;
background: #fff;
margin: -70px 40px 0;
position: relative
}
.blog-thumb {
overflow: hidden
}
.blog-thumb .blog-thumb-hover {
float: left;
position: relative;
margin-right: 15px
}
.blog-thumb .blog-thumb-hover:after {
top: 0;
left: 0;
width: 100%;
height: 100%;
content: " ";
position: absolute;
transition: all .35s, transform .35s
}
.blog-thumb .blog-thumb-hover img {
width: 120px;
height: auto
}
.blog-thumb .blog-thumb-hover img.video-play-btn {
width: 30px;
height: 30px
}
.blog-thumb .blog-thumb-hover .hover-grad {
left: 0;
top: 50%;
z-index: 1;
opacity: 0;
width: 100%;
color: #fff;
font-size: 20px;
margin-top: -14px;
text-align: center;
position: absolute;
display: inline-block;
transition: all .65s, transform .65s
}
.revolution-ch2,
.tp-banner-container {
position: relative
}
.blog-thumb .blog-thumb-hover:hover .hover-grad {
opacity: 1;
transition: opacity .55s
}
.blog-thumb .blog-thumb-hover:hover:after {
background: rgba(114, 192, 44, .9)
}
.blog-thumb .blog-thumb-desc {
overflow: hidden
}
.blog-thumb .blog-thumb-desc h3 {
font-size: 14px;
margin: 0 0 5px;
font-weight: 400;
line-height: 1.4
}
.blog-thumb .blog-thumb-desc h3 a {
color: #555
}
.blog-thumb .blog-thumb-info {
padding-left: 0;
list-style: none
}
.blog-thumb .blog-thumb-info li {
color: #888;
padding: 0 2px;
font-size: 12px;
display: inline-block
}
.blog-thumb .blog-thumb-info li:before {
content: '/';
font-size: 12px;
line-height: 1.4;
margin-right: 9px
}
.blog-thumb .blog-thumb-info li a {
color: #888
}
.blog-thumb .blog-thumb-info li a:hover {
color: #e74c3c
}
.blog-thumb .blog-thumb-info li:first-child:before {
content: " ";
margin-right: 0
}
.blog-thumb.blog-thumb-circle .blog-thumb-hover:after {
border-radius: 50%!important
}
.blog-thumb.blog-thumb-circle .blog-thumb-hover img {
width: 50px;
height: 50px
}
.blog-thumb.blog-thumb-circle .blog-thumb-hover .hover-grad {
font-size: 15px;
margin-top: -10px
}
.shop-subscribe {
padding: 25px 0
}
.shop-subscribe h2 {
margin: 0;
color: #fff;
font-size: 24px;
font-weight: 200
}
.shop-subscribe input {
border-color: #fff;
border-right: none;
background: 0 0
}
.shop-subscribe .form-control {
color: #fff;
font-size: 14px;
font-weight: 200
}
.shop-subscribe .form-control:focus {
box-shadow: none;
border-color: #fff
}
.shop-subscribe .form-control:-ms-input-placeholder {
color: #fff
}
.shop-subscribe .form-control::-moz-placeholder {
color: #fff
}
.shop-subscribe .form-control::-webkit-input-placeholder {
color: #fff
}
.shop-subscribe .input-group-btn {
border-color: #fff;
background: 0 0
}
.shop-subscribe .input-group-btn .btn {
border: 1px solid #fff;
background: 0 0
}
.shop-subscribe .input-group-btn i {
color: #fff;
font-size: 16px;
font-weight: 200
}
.slider-inner .da-slider {
box-shadow: none;
border-bottom: 2px solid #ddd
}
.slider-inner .da-dots {
z-index: 10
}
@media (max-width:450px) {
.da-slide p {
display: none
}
.line-icon-page .item-box {
height: 130px
}
}
@media (max-width:900px) {
.da-slide .da-img {
display: none
}
}
.ms-promo-info {
font-size: 45px;
font-weight: 300;
line-height: 1.5
}
.ms-promo-info-in {
font-size: 60px;
font-weight: 600
}
.ms-promo-sub {
font-size: 18px;
font-weight: 400;
line-height: 1.4
}
.ms-promo-sub-in {
font-size: 15px
}
.ms-img-bordered {
background: #fff;
padding: 7px
}
.tp-banner-container a.btn-u,
.tp-banner-container a.btn-u:hover {
color: #fff;
border: 1px solid transparent
}
.tp-banner-container a.re-btn-brd {
background: 0 0;
border: 1px solid #fff
}
.tp-banner-container a.re-btn-brd:hover {
color: #555;
background: #fff
}
.revolution-ch1,
.revolution-ch2 {
color: #fff;
font-weight: 400;
font-family: "Quattrocento Sans", Arial, sans-serif
}
.tp-banner-container .btn-u.btn-brd {
font-weight: 400
}
.revolution-ch1 {
font-size: 40px;
line-height: 60px
}
.revolution-ch2 {
font-size: 20px;
max-width: 470px;
line-height: 32px;
text-align: center
}
.re-title-v1,
.re-title-v2 {
color: #fff;
font-weight: 600;
text-transform: uppercase
}
.revolution-ch2:after {
left: 50%;
width: 70px;
height: 2px;
content: ' ';
bottom: -20px;
background: #fff;
margin-left: -35px;
position: absolute
}
.re-title-v1 {
font-size: 75px;
line-height: 60px;
font-family: "Quattrocento Sans", Arial, sans-serif
}
.re-title-v2 {
font-size: 40px;
line-height: 45px;
text-align: center;
font-family: "Quattrocento Sans", Arial, sans-serif
}
.re-text-v1,
.re-text-v2 {
font-size: 24px;
font-family: "Quattrocento Sans", Arial, sans-serif;
color: #fff
}
.re-text-v1 {
text-align: center
}
.rs-caption-1 {
color: #fff;
font-size: 32px;
font-weight: 200;
padding: 6px 75px;
position: relative;
border-top: solid 1px #fff;
border-bottom: solid 1px #fff
}
.rs-caption-1:after,
.rs-caption-1:before {
font-size: 16px;
content: "\f005";
position: absolute;
font-family: FontAwesome
}
.rs-caption-1:after {
right: 4%
}
.rs-caption-1:before {
left: 4%
}
.rs-caption-2 {
color: #fff;
position: relative;
font-size: 26px;
font-weight: 200;
line-height: 40px;
padding: 10px 50px;
text-align: center
}
.rs-caption-2:after {
left: 50%;
content: "";
height: 1px;
width: 100px;
bottom: -10px;
background: #fff;
margin-left: -50px;
position: absolute
}
.layer_slider {
overflow: hidden
}
.ls-ct-center,
.ls-ct-half {
border-radius: 100px!important
}
.clients {
border: 0;
overflow: hidden;
margin-top: 10px;
box-shadow: none!important;
margin-bottom: 0!important
}
.clients li {
overflow: hidden;
margin-left: 1px;
position: relative;
background: #fafafa
}
.clients li:hover {
background: #f7f7f7
}
.clients li:hover img.color-img {
display: block
}
.clients li img {
filter: gray;
float: none!important;
margin: 0 auto!important
}
.clients li img.color-img {
top: 0;
left: 0;
display: none;
position: absolute
}
.clients li img:hover {
filter: none
}
.pie-progress-charts .inner-pchart {
text-align: center
}
@media (max-width:767px) {
.counters {
margin-bottom: 30px
}
.counters:last-child {
margin-bottom: inherit
}
.pie-progress-charts .inner-pchart {
margin-bottom: 40px
}
.icon-page-fa .item-box {
width: 20%!important
}
}
.counters {
color: #555;
text-align: center
}
.counters span {
font-size: 35px
}
.counters span.counter-icon {
display: block;
margin-bottom: 10px
}
.counters span.counter-icon i {
color: #fff;
padding: 16px;
min-width: 65px;
font-size: 30px;
position: relative;
background: #e74c3c
}
.counters span.counter-icon i:after {
width: 0;
height: 0;
left: 38%;
content: " ";
bottom: -7px;
display: block;
position: absolute;
border-top: 7px solid #e74c3c;
border-left: 7px solid transparent;
border-right: 7px solid transparent;
border-left-style: inset;
border-right-style: inset
}
.owl-carousel-v1 .owl-pagination,
.owl-carousel-v2 .owl-pagination,
.owl-carousel-v3 .owl-pagination {
display: none
}
.counters:hover span.counter-icon i {
border-color: #000
}
.owl-btn {
color: #777;
cursor: pointer;
font-size: 18px;
padding: 2px 9px;
text-align: center;
background: #f5f5f5
}
.owl-btn:hover,
.owl-carousel-v5 .owl-controls .owl-page.active span,
.owl-carousel-v5 .owl-controls.clickable .owl-page:hover span {
background: #e74c3c
}
.owl-btn:hover {
color: #fff
}
.owl-carousel-v1 .owl-navigation {
text-align: right;
margin-bottom: 20px
}
.owl-carousel-v1 .item img,
.owl-carousel-v2 .item img,
.owl-carousel-v2 .owl-navigation,
.owl-carousel-v3 .item img {
text-align: center
}
.owl-carousel-v1 .item {
margin: 0 5px
}
.owl-carousel-v2 .owl-slider-v2 {
margin-bottom: 20px
}
.owl-carousel-v2 .item,
.owl-carousel-v3 .item {
margin: 0 15px
}
.owl-carousel-v4 .owl-wrapper-outer {
margin-bottom: 20px
}
.owl-carousel-v4 .item {
margin: 0 3px
}
.owl-carousel-v4 .item img {
width: 100%
}
.owl-carousel-v5 .owl-wrapper-outer {
margin-bottom: 20px
}
.owl-carousel-v5 .owl-controls .owl-page span {
margin: 5px 3px!important
}
.owl-carousel-v6 .owl-carousel-item {
margin: 0 10px;
padding: 7px 0;
text-align: center;
position: relative;
border: 1px solid #e4e2e2
}
.owl-carousel-v6 .owl-carousel-item img {
width: 150px;
height: auto
}
.owl-carousel-v6 .owl-wrapper-outer {
margin-bottom: 20px
}
.owl-carousel-v6 .owl-controls .owl-page span {
margin: 5px 3px!important
}
.owl-pagination {
text-align: center!important
}
.clients-section li a,
.content-boxes-v1,
.owl-video img,
.owl-work-v1 .item a,
.parallax-twitter,
.tab-v3 .nav-pills li i,
.testimonials-v3 ul {
text-align: center
}
.owl-carousel-style-v2 .item {
margin: 0 3px;
background: #fafafa;
text-align: center;
border: 1px solid #eee
}
.owl-carousel-style-v2 .item img {
padding: 0 3px;
display: inline-block
}
.owl-carousel-style-v2 .owl-pagination,
.owl-clients-v1 .owl-pagination {
display: none
}
.owl-carousel-style-v2 .item:hover {
background: #f7f7f7;
border-color: #e5e5e5;
transition: all .4s ease-in-out
}
.owl-clients-v1 img {
width: 120px;
height: auto
}
.testimonials-v3 {
padding: 100px 0;
font-family: "Quattrocento Sans", Arial, sans-serif
}
.testimonials-v3 ul {
margin: 0;
padding: 0;
position: relative
}
.testimonials-v3 li img {
width: 150px;
height: 150px;
margin-bottom: 10px
}
.testimonials-v3 li>p {
font-size: 14px
}
.testimonials-v3 .testimonials-v3-title {
font-size: 22px;
font-weight: 200;
margin-bottom: 20px
}
.testimonials-v3 .testimonials-v3-title p {
color: #e74c3c;
margin-bottom: 0
}
.testimonials-v3 .testimonials-v3-title span {
color: #777;
display: block;
font-size: 14px
}
.testimonials-v3 .owl-pagination {
display: none
}
.testimonials-v3 .owl-buttons .owl-prev {
padding: 13px;
position: relative;
margin: 15px 2px 0;
background: #f5f5f5;
display: inline-block
}
.testimonials-v3 .owl-buttons .owl-prev:after {
top: 0;
color: #bbb;
font-size: 16px;
position: absolute;
font-weight: 400;
display: inline-block;
font-family: FontAwesome;
left: 10px;
content: "\f104"
}
.testimonials-v3 .owl-buttons .owl-prev:hover {
background: #e74c3c;
transition: background .4s ease-in-out
}
.testimonials-v3 .owl-buttons .owl-prev:hover:after {
color: #fff
}
.testimonials-v3 .owl-buttons .owl-next {
padding: 13px;
position: relative;
margin: 15px 2px 0;
background: #f5f5f5;
display: inline-block
}
.testimonials-v3 .owl-buttons .owl-next:after {
top: 0;
color: #bbb;
font-size: 16px;
position: absolute;
font-weight: 400;
display: inline-block;
font-family: FontAwesome;
right: 10px;
content: "\f105"
}
.testimonials-v3 .owl-buttons .owl-next:hover {
background: #e74c3c;
transition: background .4s ease-in-out
}
.testimonials-v3 .owl-buttons .owl-next:hover:after {
color: #fff
}
.owl-work-v1 .owl-navigation {
top: 3px;
position: relative;
margin-bottom: 10px
}
.owl-work-v1 .item a:hover {
text-decoration: none
}
.owl-work-v1 .item a:hover strong {
color: #555
}
.owl-work-v1 .item a:hover img {
opacity: .8;
transform: scale(1.2) rotate(3deg)
}
.owl-work-v1 .item a:hover span {
border-bottom: solid 2px #e74c3c;
transition: all .3s ease-in-out
}
.owl-work-v1 .item a span {
display: block;
padding: 10px;
border-bottom: solid 2px #eee
}
.owl-work-v1 .item a strong {
color: #555;
display: block
}
.owl-work-v1 .item a i {
color: #777
}
.owl-work-v1 .item a img {
transition: all .8s ease-in-out
}
.owl-work-v1 .item em.overflow-hidden {
display: block
}
.parallax-twitter {
color: #fff;
padding: 100px 0;
position: relative;
background: url(../img/bg/19.jpg) center center fixed #333;
background-size: cover
}
.parallax-twitter:after,
.parallax-twitter:before {
top: 0;
left: 0;
width: 100%;
height: 100%;
content: " ";
position: absolute
}
.parallax-twitter:after {
background: rgba(0, 0, 0, .5)
}
.parallax-twitter:before {
background: url(../img/patterns/gridtile.png)
}
.parallax-twitter-in {
z-index: 1;
position: relative
}
.parallax-twitter-in ul {
margin: 0
}
.parallax-twitter-in li {
color: #fff
}
.parallax-twitter-in li p {
color: #fff;
font-size: 18px;
font-weight: 200
}
.parallax-twitter-in li a {
color: #eee;
text-decoration: underline
}
.parallax-twitter-in li a:hover,
.recent-work a:hover,
.sidebar-nav-v1 li a:hover,
.tags-v4 a:hover {
text-decoration: none
}
.parallax-twitter-in li span {
color: #ddd;
display: block;
font-size: 14px;
font-weight: 400;
margin-bottom: 20px
}
.parallax-twitter-in .owl-page {
width: 18px
}
.clients-section {
padding: 60px 0;
position: relative;
background: url(../img/bg/7.jpg) center center fixed #333;
background-size: cover
}
.clients-section:after,
.clients-section:before {
top: 0;
left: 0;
width: 100%;
height: 100%;
content: " ";
position: absolute
}
.clients-section:after {
background: rgba(0, 0, 0, .8)
}
.clients-section:before {
background: url(../img/patterns/gridtile.png)
}
.clients-section .title-v1 h2,
.clients-section .title-v1 p {
color: #fff
}
.clients-section ul {
padding: 0;
z-index: 1;
list-style: none
}
.clients-section li {
margin: 0 3px;
background: #fff
}
.clients-section li a {
padding: 10px;
display: block;
overflow: hidden;
transition: all .3s ease-in-out
}
.pager.pager-v2 li>a,
.pager.pager-v3 li>a,
.pager.pager-v4 li>a {
transition: all .1s ease-in-out
}
.clients-section img {
width: 100px;
height: 100px
}
.clients-section .owl-pagination {
display: none
}
.owl-video img {
position: relative;
margin: 0 auto 20px
}
.owl-video img.video-play {
top: 50%;
left: 50%;
margin-top: -52px;
margin-left: -52px;
position: absolute
}
.owl-video .owl-controls .owl-page span {
margin: 5px 3px
}
.carousel-v1 .carousel-caption {
left: 0;
right: 0;
bottom: 0;
padding: 7px 15px;
background: rgba(0, 0, 0, .7)
}
.carousel-v1 .carousel-caption p {
color: #fff;
margin-bottom: 0
}
.carousel-v1 .carousel-arrow a.carousel-control {
opacity: 1;
font-size: 30px;
height: inherit;
width: inherit;
background: 0 0;
text-shadow: none;
position: inherit
}
.carousel-v1 .carousel-arrow a i {
top: 50%;
opacity: .6;
background: #000;
margin-top: -18px;
padding: 2px 12px;
position: absolute
}
.carousel-v1 .carousel-arrow a i:hover {
opacity: .8
}
.carousel-v1 .carousel-arrow a.left i {
left: 0
}
.carousel-v1 .carousel-arrow a.right i {
right: 0
}
@media (min-width:768px) {
.carousel-indicators {
bottom: 10px
}
.bs-glyphicons li {
width: 12.5%
}
}
.nav-tabs.nav-justified>li>a,
.nav-tabs>li>a {
border-radius: 0
}
.tab-v1 .nav-tabs {
border: none;
background: 0 0;
border-bottom: solid 2px #e74c3c
}
.tab-v1 .nav-tabs a {
font-size: 14px;
padding: 5px 15px
}
.tab-v1 .nav-tabs>.active>a,
.tab-v1 .nav-tabs>.active>a:focus,
.tab-v1 .nav-tabs>.active>a:hover {
color: #fff;
border: none;
background: #e74c3c
}
.tab-v1 .nav-tabs>li>a {
border: none
}
.tab-v1 .nav-tabs>li>a:hover {
color: #fff;
background: #e74c3c
}
.tab-v1 .tab-content {
padding: 10px 0
}
.tab-v1 .tab-content img {
margin-top: 4px;
margin-bottom: 15px
}
.tab-v1 .tab-content img.img-tab-space {
margin-top: 7px
}
.tab-v2 .nav-tabs {
border-bottom: none
}
.tab-v2 .nav-tabs li a {
padding: 9px 16px;
background: 0 0;
border: none
}
.tab-v2 .nav-tabs li.active a {
background: #fff;
padding: 7px 15px 9px;
border: 1px solid #eee;
border-top: solid 2px #e74c3c;
border-bottom: none!important
}
.tab-v2 .tab-content {
padding: 10px 16px;
border: 1px solid #eee
}
.tab-v3 .tab-content {
padding: 15px;
background: #fafafa;
border: 1px solid #eee
}
.tab-v3 .nav-pills li a {
color: #777;
font-size: 17px;
padding: 4px 8px;
margin-bottom: 3px;
background: #fafafa;
border: 1px solid #eee
}
.tab-v3 .nav-pills li a:hover,
.tab-v3 .nav-pills li.active a {
color: #fff;
background: #e74c3c;
border: 1px solid #5fb611
}
.tab-v3 .nav-pills li i {
width: 1.25em;
margin-right: 5px;
display: inline-block
}
.tab-v4 .tab-heading {
width: 100%;
overflow: hidden;
position: relative;
display: inline-block;
text-transform: uppercase;
border-bottom: 3px solid #333
}
.tab-v4 .tab-heading h2 {
margin: 0;
float: left;
font-size: 18px;
font-weight: 700
}
.tab-v4 .nav-tabs {
top: 3px;
border: none;
float: right;
overflow: hidden;
position: relative
}
.tab-v4 .nav-tabs a {
color: #555;
font-size: 12px;
padding: 6px 15px;
text-transform: uppercase
}
.tab-v4 .nav-tabs>.active>a,
.tab-v4 .nav-tabs>.active>a:focus,
.tab-v4 .nav-tabs>.active>a:hover {
border: none;
background: inherit
}
.tab-v4 .nav-tabs>li>a {
border: none
}
.tab-v4 .nav-tabs>li>a:hover {
background: inherit
}
.tab-v4 .tab-content {
padding: 20px 0 10px
}
.tab-v5 .nav-tabs {
border-bottom: none
}
.tab-v5 .nav-tabs li a {
border: none;
font-size: 14px;
background: 0 0;
padding: 9px 16px
}
.tab-v5 .nav-tabs li.active a {
background: #fff;
padding: 7px 15px 9px;
border: 1px solid #eee;
border-top: solid 3px #222;
border-bottom: none!important
}
.tab-v5 .tab-content {
padding: 13px;
border: 1px solid #eee
}
.tab-v6 .nav-tabs {
border-bottom-color: #ddd
}
.tab-v6 .nav-tabs>li {
margin-right: 30px
}
.tab-v6 .nav-tabs>li>a {
border: none;
color: #687074;
padding: 6px 0;
font-size: 18px;
margin-right: 0;
background: 0 0;
text-transform: uppercase;
border-bottom: solid 1px transparent
}
.sidebar-nav-v1 span.badge,
.sidebar-nav-v1 ul li span.badge {
margin-top: 8px;
margin-right: 10px
}
.tab-v6 .nav-tabs>li>a:hover {
border-bottom: 1px solid #1abc9c
}
.tab-v6 .nav-tabs>li>a:focus {
border: none
}
.pager li>a,
.pager li>span,
.pagination>li:first-child>a,
.pagination>li:first-child>span,
.pagination>li:last-child>a,
.pagination>li:last-child>span {
border-radius: 0
}
.tab-v6 .nav-tabs>li.active>a,
.tab-v6 .nav-tabs>li.active>a:focus,
.tab-v6 .nav-tabs>li.active>a:hover {
border-top: none;
border-left: none;
border-right: none;
border-bottom: 1px solid #1abc9c
}
.tab-v6 .tab-content {
padding: 30px 0
}
.pagination li a {
color: #777;
padding: 5px 15px
}
.pager.pager-v2.pager-md li a,
.pager.pager-v3.pager-md li a {
font-size: 16px;
padding: 8px 18px
}
.pagination li a:hover {
color: #fff;
background: #5fb611;
border-color: #5fb611
}
.pagination>.active>a,
.pagination>.active>a:focus,
.pagination>.active>a:hover,
.pagination>.active>span,
.pagination>.active>span:focus,
.pagination>.active>span:hover {
border-color: #e74c3c;
background-color: #e74c3c
}
.pager li>a:focus,
.pager li>a:hover {
color: #fff;
background: #5fb611;
border-color: #5fb611
}
.pager.pager-v2 li>a {
border: none
}
.pager.pager-v2 li>a:focus,
.pager.pager-v2 li>a:hover {
color: #fff;
background: #e74c3c
}
.pager.pager-v2 li.page-amount,
.pager.pager-v2 li.page-amount:focus,
.pager.pager-v2 li.page-amount:hover {
top: 7px;
color: #777;
position: relative
}
.pager.pager-v2 li.page-amount {
font-size: 16px;
font-style: italic
}
.pager.pager-v3 li>a:focus,
.pager.pager-v3 li>a:hover {
color: #fff;
background: #e74c3c
}
.pager.pager-v3 li.page-amount,
.pager.pager-v3 li.page-amount:focus,
.pager.pager-v3 li.page-amount:hover {
top: 7px;
color: #777;
position: relative
}
.pager.pager-v3 li.page-amount {
font-size: 16px;
font-style: italic
}
.pager.pager-v4 li>a {
line-height: normal
}
.pager.pager-v4 li>a:focus,
.pager.pager-v4 li>a:hover {
color: #fff;
background: #222;
border-color: #222
}
.pager.pager-v4 li.page-amount,
.pager.pager-v4 li.page-amount:focus,
.pager.pager-v4 li.page-amount:hover {
color: #777;
position: relative;
top: 7px
}
.pager.pager-v4 li.page-amount {
font-size: 14px;
font-style: italic
}
.sidebar-nav-v1 li {
padding: 0
}
.sidebar-nav-v1 li a {
display: block;
padding: 8px 30px 8px 10px
}
.sidebar-nav-v1 li ul {
padding: 0;
list-style: none;
background: #f8f8f8
}
.sidebar-nav-v1 li ul a {
color: #555;
font-size: 12px;
border-top: solid 1px #ddd;
padding: 6px 30px 6px 17px
}
.sidebar-nav-v1 li.active ul a {
background: #f8f8f8
}
.sidebar-nav-v1>li.active,
.sidebar-nav-v1>li.active:hover {
background: #717984;
border-color: #ddd
}
.sidebar-nav-v1>li.active:focus {
border-color: #ddd
}
.sidebar-nav-v1>li.active>a {
color: #fff
}
.sidebar-nav-v1 ul li.active a,
.sidebar-nav-v1 ul li:hover a {
color: #e74c3c
}
.sidebar-nav-v1 ul li span.badge {
font-size: 11px;
padding: 3px 5px
}
.sidebar-nav-v1 .list-toggle>span.badge {
margin-right: 25px
}
.list-group-item:first-child,
.list-group-item:last-child {
border-radius: 0
}
.list-group-item li>.badge {
float: right
}
.list-toggle:after {
top: 7px;
right: 10px;
color: #777;
font-size: 14px;
content: "\f105";
position: absolute;
font-weight: 400;
display: inline-block;
font-family: FontAwesome
}
.list-toggle.active:after {
color: #fff;
content: "\f107"
}
.content-boxes-v1 span {
display: block;
margin-top: 5px
}
.content-boxes-v2-o span {
display: block;
overflow: hidden
}
.content-boxes-v2-o small {
display: block;
line-height: 1.6
}
.content-boxes-v2-o .icon-custom {
float: left;
margin-top: 3px;
margin-right: 15px
}
.content-boxes-v2-o .icon-md+span {
margin-top: 9px
}
.content-boxes-v2-o .icon-lg+span {
margin-top: 11px
}
.content-boxes-v3 .content-boxes-in-v3 {
padding: 0 20px;
overflow: hidden
}
.content-boxes-v3 .content-boxes-in-v3 h3 {
font-size: 18px;
line-height: 22px;
margin-bottom: 3px;
text-transform: capitalize
}
.content-boxes-v3 .content-boxes-in-v3 h3 a {
color: #555
}
.content-boxes-v3.content-boxes-v3-right {
text-align: right
}
.content-boxes-v3.content-boxes-v3-right i.icon-custom {
float: right
}
.content-boxes-v3 i.icon-custom {
top: 8px;
float: left;
position: relative
}
.content-boxes-v4 h2 {
color: #555;
font-size: 18px;
font-weight: 700;
text-transform: uppercase
}
.content-boxes-v4 a {
color: #777;
font-size: 11px;
font-weight: 700;
text-transform: uppercase
}
.content-boxes-v4 i {
width: 25px;
color: #e74c3c;
font-size: 35px;
margin-top: 10px
}
.content-boxes-in-v4 {
padding: 0 10px;
overflow: hidden
}
.content-boxes-v5 i {
float: left;
color: #999;
width: 50px;
height: 50px;
padding: 11px;
font-size: 22px;
background: #eee;
line-height: 28px;
text-align: center;
margin-right: 15px;
display: inline-block
}
.content-boxes-v5:hover i {
color: #fff;
background: #e74c3c
}
.content-boxes-v6 {
padding-top: 25px;
text-align: center
}
.content-boxes-v6 i {
color: #fff;
width: 90px;
height: 90px;
padding: 30px;
font-size: 30px;
line-height: 30px;
position: relative;
text-align: center;
background: #ddd;
margin-bottom: 25px;
display: inline-block
}
.content-boxes-v6 i:after {
top: -8px;
left: -8px;
right: -8px;
bottom: -8px;
content: " ";
position: absolute;
border: 1px solid #ddd;
border-radius: 50%!important
}
.content-boxes-v6:hover i {
transition: all .3s ease-in-out;
background: #e74c3c
}
.content-boxes-v6:hover i:after {
transition: all .3s ease-in-out;
border-color: #e74c3c
}
.tag-box {
padding: 20px;
background: #fff;
margin-bottom: 30px
}
.tag-box h2 {
font-size: 20px;
line-height: 25px
}
.tag-box p {
margin-bottom: 0
}
.tag-box.tag-text-space p {
margin-bottom: 10px
}
.tag-box-v1 {
border: 1px solid #eee;
border-top: solid 2px #e74c3c
}
.tag-box-v2 {
background: #fafafa;
border: 1px solid #eee;
border-left: solid 2px #e74c3c
}
.tag-box-v3 {
border: 2px solid #eee
}
.tag-box-v4 {
border: 1px dashed #bbb
}
.tag-box-v5 {
margin: 20px 0;
text-align: center;
border: 1px dashed #ccc
}
.tag-box-v5 span {
color: #555;
font-size: 28px;
margin-bottom: 0
}
.tag-box-v6 {
background: #fafafa;
border: 1px solid #eee
}
.tag-box-v7 {
border: 1px solid #eee;
border-bottom: solid 2px #e74c3c
}
.tags-v4 {
padding-left: 0;
list-style: none
}
.tags-v4 li {
padding: 3px 2px;
line-height: 28px;
display: inline-block
}
.tags-v4 a {
color: #bbb;
font-size: 13px;
font-weight: 400;
padding: 4px 10px;
border: 1px solid #bbb
}
.tags-v4 a:hover {
color: #fff;
background: #e74c3c;
border-color: #e74c3c;
transition: all .25s, transform .25s
}
.service {
overflow: hidden;
margin-bottom: 10px;
padding: 15px 15px 10px
}
.service:hover {
background: #f9f9f9;
box-shadow: 0 0 5px #ddd;
transition: box-shadow .2s ease-in-out
}
.service:hover i {
color: #666
}
.service .desc {
padding: 0 15px;
overflow: hidden
}
.service .desc h4 {
font-size: 22px;
line-height: 25px
}
.service .service-icon {
float: left;
padding: 10px;
color: #e74c3c;
font-size: 35px;
text-align: center;
transition: all .4s ease-in-out
}
.service .service-icon.icon-cogs {
font-size: 37px
}
.service .service-icon.icon-plane {
font-size: 43px
}
.recent-work a {
text-align: center;
background: #f9f9f9;
display: inline-block
}
.recent-work a:hover strong {
color: #555
}
.recent-work a:hover img {
opacity: .8;
transform: scale(1.2) rotate(3deg)
}
.recent-work a:hover span {
border-bottom: solid 2px #e74c3c;
transition: all .3s ease-in-out
}
.recent-work a span {
display: block;
padding: 10px;
border-bottom: solid 2px #eee
}
.recent-work a strong {
color: #555;
display: block
}
.recent-work a i {
color: #777
}
.recent-work a img {
transition: all .8s ease-in-out
}
.recent-work em.overflow-hidden {
display: block
}
.work {
margin-top: 6px
}
.work .details {
padding: 10px
}
.work .caption {
display: block;
padding-top: 5px;
color: #585f69!important;
font-size: 18px!important
}
.work .caption:hover {
cursor: pointer;
color: #444!important;
text-decoration: underline
}
.latest-list li {
padding: 8px 0;
border-top: 1px solid #353535
}
.latest-list li:first-child {
padding-top: 0;
border-top: none
}
.latest-list li a {
color: #eee
}
.latest-list small {
color: #999;
display: block
}
.link-list li {
border-top: solid 1px #353535
}
.link-list li:first-child {
border-top: none!important
}
.link-list li i {
color: #bbb;
float: right;
margin-top: 10px
}
.link-list a {
color: #eee;
font-size: 11px;
padding: 6px 0;
display: inline-block;
text-transform: uppercase
}
.social-icons {
margin-top: 5px
}
.social-icons li {
margin: 0
}
.social-icons li a {
margin: 0 3px
}
.thumbnail-style {
padding: 7px;
margin-bottom: 20px
}
.thumbnail-style:hover {
box-shadow: 0 0 8px #ddd;
transition: box-shadow .2s ease-in-out
}
.thumbnail-style:hover a.btn-more {
right: 10px
}
.thumbnail-style h3 {
margin: 6px 0 8px
}
.thumbnail-style h3 a {
color: #585f69;
font-size: 18px
}
.thumbnail-style h3 a:hover {
color: #e74c3c;
text-decoration: none
}
.thumbnail-style .thumbnail-img {
position: relative;
margin-bottom: 11px
}
.thumbnail-style a.btn-more {
right: -10px;
bottom: 10px;
color: #fff;
padding: 1px 6px;
position: absolute;
background: #e74c3c;
display: inline-block
}
.thumbnail-style a.btn-more:hover {
text-decoration: none;
box-shadow: 0 0 0 2px #5fb611
}
.thumbnail-kenburn img {
left: 10px;
margin-left: -10px;
position: relative;
transition: all .8s ease-in-out
}
.thumbnail-kenburn:hover img {
transform: scale(1.2) rotate(2deg)
}
.service-v1 h2 {
margin: 15px 0 10px;
font-size: 20px;
line-height: 28px
}
.service-v1 p {
text-align: justify
}
.team .thumbnail-style {
padding: 12px
}
.team .thumbnail-style img {
margin-bottom: 7px
}
.team .thumbnail-style h3 {
margin-bottom: 5px
}
.team .thumbnail-style small {
display: block;
margin-top: 5px;
font-size: 12px
}
.team .thumbnail-style:hover h3 a {
color: #e74c3c!important
}
.team ul.team-socail {
text-align: right
}
.team ul.team-socail li {
margin: 0!important;
padding: 0!important
}
.team ul.team-socail li a,
.team ul.team-socail li a:hover {
text-decoration: none
}
.team ul.team-socail li i {
color: #aaa;
padding: 6px 7px;
min-width: 30px;
font-size: 18px;
text-align: center;
background: #f7f7f7;
display: inline-block
}
.team ul.team-socail li i:hover {
color: #fff;
background: #e74c3c;
transition: all .2s ease-in-out
}
.about-me {
overflow: hidden
}
.about-me h2 {
margin: 0;
font-size: 20px;
text-transform: uppercase
}
.about-me span {
color: #999;
display: block;
font-size: 14px;
margin-bottom: 10px
}
ul.blog-tags a,
ul.blog-tags li,
ul.labels-demo li {
display: inline-block
}
.about-me .social-icons {
margin-top: 7px
}
.about-skills {
padding: 40px 0;
border-top: 1px solid #eee;
border-bottom: 1px solid #eee;
background: url(../img/breadcrumbs.png)
}
.gallery-page .thumbnail,
.gallery-page .thumbnail:hover {
padding: 0;
border: none;
box-shadow: none
}
.gallery-page .thumbnails {
margin-bottom: 6px
}
.portfolio-item h2 {
color: #555;
font-size: 24px;
margin: 0 0 15px
}
.portfolio-item li {
padding: 3px 0
}
.portfolio-item p a {
text-decoration: underline
}
.portfolio-item p a:hover {
text-decoration: none
}
.portfolio-item1 ul {
margin: 10px 0 20px
}
.portfolio-item1 li {
font-size: 16px;
margin-bottom: 3px
}
.portfolio-item1 li i {
font-size: 18px;
margin-right: 4px
}
ul.blog-tags a {
font-size: 13px;
padding: 2px 7px;
background: #f7f7f7;
margin: 0 3px 6px 0
}
ul.blog-tags a i {
color: #666
}
ul.blog-tags a:hover,
ul.blog-tags a:hover i {
color: #fff!important;
text-decoration: none;
transition: all .2s ease-in-out
}
ul.blog-tags a:hover {
background: #e74c3c
}
ul.labels-demo {
margin: 5px 0
}
ul.labels-demo li {
list-style: none;
margin: 0 5px 2px 0
}
.slider-promo-info-bg {
padding: 25px 20px 20px;
background: url(../img/bg-black.png)
}
.slider-promo-info p {
color: #fff;
font-size: 16px;
margin-bottom: 0
}
.slider-promo-info span.big-size {
color: #fff;
display: block;
font-size: 30px;
margin-bottom: 25px;
text-shadow: none!important
}
.promo-box {
padding: 20px;
margin: 25px 0 20px;
text-align: center
}
.promo-box i {
display: block;
font-size: 50px
}
.promo-box p {
font-size: 14px;
margin-bottom: 0
}
.promo-box strong,
.promo-box strong a {
color: #555;
display: block;
font-size: 20px;
font-weight: 200;
margin: 20px 0 15px
}
.promo-box:hover strong,
.promo-box:hover strong a {
color: #e74c3c
}
.promo-service {
margin-bottom: 20px
}
.promo-service li {
margin-bottom: 5px
}
.promo-service a.btn-u {
margin: 0 20px 10px 0
}
.title-box {
font-size: 16px;
text-align: center;
padding: 10px 0 30px;
border-bottom: solid 1px #eee
}
.title-box .title-box-text {
color: #555;
display: block;
font-size: 35px;
font-weight: 200
}
.block-blockquote {
margin: 20px 0;
text-align: center;
border: 1px dashed #ccc
}
.bs-glyphicons li,
.line-icon-page .item-box {
text-align: center;
border: 1px solid #ddd;
float: left
}
.block-blockquote p {
font-size: 26px;
margin-bottom: 0
}
.block-blockquote-inner {
padding: 15px
}
.info-blocks {
margin-bottom: 15px
}
.info-blocks .info-blocks-in {
padding: 0 10px;
overflow: hidden
}
.info-blocks .info-blocks-in h3 {
color: #555;
font-size: 20px;
line-height: 28px
}
.info-blocks .info-blocks-in p {
font-size: 12px
}
.info-blocks:hover i.icon-info-blocks {
color: #e74c3c;
transition: all .2s ease-in-out
}
.info-blocks i.icon-info-blocks {
float: left;
color: #777;
font-size: 30px;
min-width: 50px;
margin-top: 10px;
text-align: center
}
.line-icon-page .item-box {
width: 25%;
height: 90px;
padding: 20px 10px;
margin: 0 -1px -1px 0;
word-wrap: break-word
}
.line-icon-page .item-box:hover {
background: #fafafa
}
.line-icon-page .item-box--higher {
height: 120px
}
.line-icon-page .item span {
display: block;
font-size: 28px;
margin-bottom: 10px
}
.line-icon-page .item:hover {
color: #e74c3c
}
.icon-page-fa {
margin-bottom: 20px
}
.icon-page-fa .item-box {
float: left;
height: 100px;
width: 16%!important
}
.icon-page-fa .item {
font-size: 12px
}
.icon-page-fa .item i {
color: #555;
display: block;
font-size: 24px;
margin-bottom: 10px
}
@media (max-width:600px) {
.icon-page-fa .item-box {
width: 30%!important
}
}
@media (max-width:400px) {
.icon-page-fa .item-box {
width: 50%!important
}
}
.bs-glyphicons {
padding-left: 0;
list-style: none;
overflow: hidden;
padding-bottom: 1px;
margin-bottom: 20px
}
.bs-glyphicons li {
width: 25%;
height: 115px;
padding: 10px;
font-size: 11px;
line-height: 1.4;
margin: 0 -1px -1px 0
}
.bs-glyphicons li:hover {
color: #e74c3c;
background-color: #fafafa
}
.bs-glyphicons .glyphicon {
display: block;
font-size: 18px;
margin: 5px auto 10px
}
.demo-pro-glyphicons li {
width: 170px;
height: 100px;
padding: 20px 10px 30px
}
.demo-pro-glyphicons span {
height: 40px;
display: block
}
.demo-pro-glyphicons span:before {
color: #555;
padding: 10px 62px
}
.demo-pro-glyphicons span.halflings {
height: 30px
}
.demo-pro-glyphicons span.halflings:before {
padding: 10px 70px
}
.demo-pro-glyphicons span.glyphicons:before {
font-size: 22px
}
.share-list {
margin-bottom: 0
}
.share-list li {
padding-left: 20px
}
.share-list li:first-child {
padding-left: 0
}
.share-list li i {
color: #e74c3c;
margin-right: 5px
}
.people-say img {
float: left;
width: 40px;
height: auto;
margin: 6px 10px 0 0
}
.people-say .overflow-h span {
font-weight: 700
}
.people-say .overflow-h p {
font-style: italic;
line-height: 1.3
}
.people-say .overflow-h small {
text-align: right;
font-style: italic
}
.project-details li {
color: #555;
font-weight: 200;
margin-bottom: 5px
}
.project-details strong {
min-width: 100px;
display: inline-block
}
.project-details a {
text-decoration: underline
}
.testimonials-bs {
padding: 50px 0;
background: url(../img/bg/16.jpg) 50% 0 fixed
}
.testimonials-bs .item {
margin-bottom: 30px
}
.testimonials-bs .carousel-arrow {
text-align: center
}
.testimonials-bs .carousel-control-v2 i {
color: #888;
width: 30px;
height: 30px;
padding: 2px;
font-size: 22px;
display: inline-block;
border: 2px solid #888
}
.testimonials-bs .carousel-control-v2 i:hover {
color: #e74c3c;
border-color: #e74c3c;
text-decoration: none;
transition: all .3s ease-in-out
}
.testimonials-bs .carousel-control-v2.left,
.testimonials-bs .carousel-control-v2.right {
text-decoration: none;
background-image: none
}
.testimonials-bs .headline-center-v2 span.author {
color: #777;
font-size: 14px
}
.revolution-mch-1:after {
top: 0;
left: 0;
right: 0;
width: 100%;
height: 100%;
content: ' ';
position: absolute;
background: rgba(0, 0, 0, .3)
}
.rs-caption-3 a {
margin: 0 5px;
padding: 7px 20px;
text-transform: uppercase
}
.owl-theme .owl-controls .owl-page {
zoom: 1;
display: inline-block
}
.owl-theme .owl-controls .owl-page span {
width: 12px;
height: 12px;
opacity: .3;
display: block;
margin: 5px 7px;
background: #bbb;
filter: Alpha(Opacity=50);
border-radius: 50%!important
}
.owl-theme .owl-controls .owl-page.active span,
.owl-theme .owl-controls.clickable .owl-page:hover span {
opacity: 1;
filter: Alpha(Opacity=100)
}
.owl-carousel-style-v1 img {
width: 120px;
height: auto
}
.carousel-v2 .carousel-control {
opacity: 1;
text-shadow: none
}
.carousel-v2 .carousel-control:hover {
opacity: 1;
text-shadow: none;
background: rgba(0, 0, 0, .3);
transition: all .4s ease-in-out
}
.carousel-v2 .carousel-control.left,
.carousel-v2 .carousel-control.right {
top: 50%;
color: #eee;
width: 45px;
height: 45px;
font-size: 30px;
margin-top: -22px;
position: absolute;
text-align: center;
display: inline-block;
border: 2px solid #eee;
background: rgba(0, 0, 0, .1);
z-index: 5
}
.carousel-v2 .carousel-control.left {
left: 20px
}
.carousel-v2 .carousel-control.right {
right: 20px
}
.carousel-v2 .carousel-control .arrow-prev {
top: -5px;
position: relative
}
.carousel-v2 .carousel-control .arrow-next {
top: -5px;
position: relative;
right: -2px
}
.posts .dl-horizontal {
margin-bottom: 15px;
overflow: hidden
}
.posts .dl-horizontal a {
color: #555
}
.posts .dl-horizontal dt {
width: 60px;
float: left
}
.posts .dl-horizontal dt img {
width: 60px;
height: 60px;
padding: 2px;
margin-top: 2px;
border: 1px solid #ddd
}
.posts .dl-horizontal dd p {
margin: 0
}
.posts .dl-horizontal dd a {
font-size: 14px;
line-height: 16px!important
}
.posts .dl-horizontal dd a:hover {
color: #e74c3c;
text-decoration: none
}
.posts .dl-horizontal:hover dd a,
.posts .dl-horizontal:hover dt img {
color: #e74c3c;
border-color: #e74c3c!important;
transition: all .2s ease-in-out
}
.about-my-goals h2 {
text-transform: uppercase
}
.privacy a {
text-decoration: underline
}
.blog-twitter .blog-twitter-inner a,
.privacy a:hover {
color: #e74c3c;
text-decoration: none
}
.blog-photos li {
display: inline
}
.blog-photos li img {
width: 58px;
height: 58px;
margin: 0 2px 8px
}
.blog-photos li img:hover {
box-shadow: 0 0 0 2px #e74c3c
}
.blog-twitter .blog-twitter-inner {
padding: 10px;
position: relative;
background: #f7f7f7;
margin-bottom: 10px;
transition: all .3s ease-in-out
}
.blog-twitter .blog-twitter-inner:after,
.blog-twitter .blog-twitter-inner:before {
transition: all .3s ease-in-out;
width: 0;
height: 0;
content: " ";
position: absolute;
display: block;
right: 0;
bottom: 0
}
.blog-twitter .blog-twitter-inner:after {
border-top: 15px solid #eee;
border-right: 15px solid transparent;
border-left: 0 solid transparent;
border-left-style: inset;
border-right-style: inset
}
.blog-twitter .blog-twitter-inner:before {
border-bottom: 15px solid #fff;
border-right: 0 solid transparent;
border-left: 15px solid transparent;
border-left-style: inset;
border-bottom-style: inset
}
.promo-block--cover,
.who li i {
position: relative
}
.blog-twitter .blog-twitter-inner:hover {
border-color: #e74c3c
}
.blog-twitter .blog-twitter-inner:hover:after {
border-top-color: #e74c3c
}
.blog-twitter .blog-twitter-inner a:hover {
text-decoration: underline
}
.header .topbar ul.languages li a:hover,
.promo-block__item a:focus,
.status-bar li a:hover,
.topbar-v1 .top-v1-data li a:hover,
.who li:hover a:hover,
a,
a:focus {
text-decoration: none
}
.blog-twitter .blog-twitter-inner span.twitter-time {
color: #777;
display: block;
font-size: 11px
}
.blog-twitter .blog-twitter-inner i.fa {
top: 2px;
color: #bbb;
font-size: 18px;
position: relative
}
.social-contacts li i,
.who li i {
font-size: 13px;
text-align: center
}
.who li {
margin-bottom: 6px
}
.who li i {
color: #e74c3c;
min-width: 15px;
margin-right: 8px
}
.who li:hover a,
.who li:hover i {
color: #777
}
.brand-page .btn {
margin-bottom: 10px
}
.social-contacts li {
padding: 5px 0;
border-top: 1px solid #ddd
}
.social-contacts li:first-child {
border-top: none
}
.social-contacts li i {
color: #777;
min-width: 13px;
margin-right: 12px
}
.status-bar li {
padding-left: 9px;
border-left: 1px solid #eee
}
.status-bar li:first-child {
border-left: none
}
.status-bar li i {
color: #e74c3c;
margin-right: 5px
}
.contact-button-link:active,
.contact-button-link:focus,
.contact-button-link:hover,
.g-heading-v7 .h2,
.g-heading-v7 h2,
.owl2-carousel-v2 .owl-next,
.owl2-carousel-v2 .owl-prev {
color: #999;
background: #f7f7f7;
padding: 6px 15px;
display: inline-block
}
body,
h1,
h2,
h3,
h4,
h5,
h6 {
font-family: 'Quattrocento Sans', sans-serif
}
.promo-block--cover:after {
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
background: rgba(20, 17, 44, .2);
content: "";
z-index: 1
}
.promo-block__item {
z-index: 2;
color: #fff;
padding: 60px 20px;
letter-spacing: 3px;
position: relative;
background: rgba(20, 17, 44, .9)
}
.promo-block__item:before {
position: absolute;
top: 10px;
left: 10px;
right: 10px;
bottom: 10px;
content: "";
border: 1px solid rgba(255, 255, 255, .4)
}
.promo-block__item-text {
display: block;
font-size: 35px;
letter-spacing: 5px;
text-transform: uppercase
}
.promo-block__item-text1 {
line-height: 25px
}
.owl2-carousel-v1-dots .owl-dots {
text-align: center
}
.owl2-carousel-v1-dots .owl-dot {
width: 5px;
height: 5px;
margin: 0 5px;
background: #fff;
border-radius: 50%;
display: inline-block;
transition: all .4s ease-in-out
}
.owl2-carousel-v1-dots .owl-dot.active {
background: #3949a0
}
.owl2-carousel-v2__item {
overflow: hidden;
position: relative
}
.owl2-carousel-v2__item:hover .owl2-carousel-v2__item-info {
opacity: 1
}
.owl2-carousel-v2__item:hover .owl2-carousel-v2__item-info--news {
border-color: #fff;
background: rgba(57, 73, 160, .8)
}
.owl2-carousel-v2__item-img {
transition: all .2s ease-in
}
.owl2-carousel-v2__item-info {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
padding: 25px;
color: #fff;
background: rgba(57, 73, 160, .8);
opacity: 0;
transition: all .2s ease-in
}
.owl2-carousel-v2 .owl-next:hover,
.owl2-carousel-v2 .owl-prev:hover {
background: #3949a0;
color: #fff
}
.owl2-carousel-v2__item-info span {
font-size: 16px
}
.owl2-carousel-v2__item-info p {
font-size: 12px
}
.owl2-carousel-v2 .owl-controls {
position: absolute;
top: 0;
right: 0
}
.owl2-carousel-v2 .owl-prev {
margin-right: 10px
}
.owl2-carousel-v2 .owl-prev:after {
font-size: 18px;
font-family: FontAwesome;
content: "\f104"
}
.owl2-carousel-v2 .owl-next:after {
font-size: 18px;
font-family: FontAwesome;
content: "\f105"
}
.owl2-carousel-v3__item {
transition: all .3s ease;
margin-left: 1px;
border: 1px solid transparent
}
.owl2-carousel-v3__item:hover {
border-color: #bbb
}
.owl2-carousel-v2__item-info--news {
color: #fff;
padding: 30px;
visibility: visible;
background: rgba(20, 17, 44, .4);
border: 10px solid transparent;
transition: all .3s ease
}
.steps-v1:hover .steps-v1__icon,
.tp-revslider-mainul>li,
.tp-revslider-mainul>li:before,
.tp-simpleresponsive>ul>li,
.tp-simpleresponsive>ul>li:before {
visibility: hidden
}
.owl2-carousel-v2__item-info--news span {
display: block;
margin: 5px 0;
font-size: 18px;
letter-spacing: 1px
}
.owl2-carousel-v2__item-info--news em {
color: #eee;
font-size: 12px;
font-style: normal
}
.owl2-carousel-v2__item-info__item {
position: absolute;
bottom: 20px;
display: block
}
.steps-v1 {
position: relative;
padding: 25px 25px 25px 80px
}
.steps-v1:hover .steps-v1__img {
opacity: 1
}
.steps-v1--lspace,
.steps-v1--rspace {
padding-left: 50px
}
@media (min-width:992px) {
.steps-v1--rspace {
padding-right: 0
}
}
.steps-v1__block {
top: 50%;
left: -50px;
width: 100px;
height: 100px;
margin-top: -50px;
position: absolute;
background: #3949a0;
border: 5px solid #14112c
}
.steps-v1__icon {
top: 25px;
left: 25px;
color: #fff;
font-size: 40px;
position: absolute
}
.steps-v1__img {
width: 80px;
height: 80px;
margin-top: 5px;
margin-left: 5px;
opacity: 0;
transition: all .3s
}
.steps-v2__block {
padding: 20px;
border-left: solid 3px #3949a0;
transition: all .1s ease-out
}
.steps-v2__block:hover {
border-color: #fff
}
.pricing-v10 {
padding: 10px;
border: 1px solid #f7f7f7
}
.pricing-v10__block {
margin-bottom: 0;
padding: 10px 40px;
transition: all .3s ease
}
.pricing-v10__block-list {
padding: 10px 0;
border-bottom: solid 1px #e7e7e7
}
.pricing-v10__block-list:last-child {
border-bottom: none;
padding-top: 25px
}
.pricing-v10__price {
font-size: 30px;
line-height: 35px
}
.pricing-v10--lg {
margin-top: -15px
}
@media (max-width:991px) {
.pricing-v10--lg {
margin-top: 0
}
.pricing-v10 {
margin-bottom: 20px
}
.contact-blocks-v1 {
margin-bottom: 30px;
padding-bottom: 30px;
border-right: none;
border-bottom: solid 1px rgba(57, 73, 160, .5)
}
.contact-blocks-v1:last-child {
margin-bottom: 0;
padding-bottom: 0
}
.equal-height-column-v2[data-image-src$=".jpg"],
.equal-height-column-v2[data-image-src$=".png"],
.equal-height-column-v2[data-image-src$=".gif"] {
display: none
}
.equal-height-column-v2 {
height: auto!important
}
}
.pricing-v10__block--lg {
padding-top: 30px;
padding-bottom: 30px
}
.service-box-v1--business .service-block {
padding-top: 50px;
margin-right: -1px;
padding-bottom: 30px;
transition: all .3s ease-in-out
}
.service-box-v1--business .service-block:hover {
box-shadow: none;
padding-top: 35px;
transition: all .2s ease-in;
border-bottom-color: #3949a0;
border-bottom-width: 2px
}
.service-box-v1--business .icon {
color: #3949a0;
font-size: 40px
}
.service-box-v1--business .h3 {
color: #333;
font-size: 16px;
letter-spacing: 1px
}
.service-box-v1--business ul {
padding: 0
}
.service-box-v1--business li {
font-size: 13px;
font-weight: 400;
text-transform: uppercase;
border-top: solid 1px #e5e5e5
}
.service-box-v1--business li:hover {
color: #3949a0
}
.service-box-v1--business p:after {
height: 2px;
background: #3949a0
}
.contact-blocks-v1 {
border-right: solid 1px rgba(57, 73, 160, .5)
}
.contact-blocks-v1:last-child,
.subscribe-block-v1 {
border: none
}
.contact-blocks-v1 h4 {
color: rgba(255, 255, 255, .5);
text-transform: uppercase;
font-size: 14px;
font-weight: 400;
letter-spacing: 1px;
margin: 0
}
.contact-blocks-v1__icon {
font-size: 50px;
margin-bottom: 18px
}
.social-block-v1__list-btn {
color: #999;
border: none;
padding-top: 15px;
padding-bottom: 15px;
background-color: #1d1a37;
transition: all .2s ease
}
.social-block-v1__list-btn:hover {
color: #fff;
background: #3949a0
}
.subscribe-block-v1__form {
border-right: none;
border-color: #eee;
padding-top: 20px;
padding-bottom: 20px
}
.subscribe-block-v1__addon,
.subscribe-block-v1__form:focus {
box-shadow: none;
border-color: #eee
}
.pace .pace-progress {
background: #fff
}
.pace .pace-progress-inner {
box-shadow: 0 0 10px #fff, 0 0 5px #fff
}
.pace .pace-activity {
border-top-color: #fff;
border-left-color: #fff
}
.input-group-addon {
padding: 8px 12px 6px
}
@media (max-width:767px) {
.no-gutter>[class*=col-] {
padding-left: 15px;
padding-right: 15px
}
}
.social-block-v1__list:nth-child(2n+1) .social-block-v1__list-btn {
background-color: #211e3f
}
.social-block-v1__list:nth-child(2n+1) .social-block-v1__list-btn:hover {
color: #fff;
background: #3949a0
}
a.btn-u {
letter-spacing: 1px;
padding: 6px 13px 5px
}
.contact-button-link.show-hide-contact-bar:active,
.contact-button-link.show-hide-contact-bar:focus,
.g-heading-v7 .h3,
.g-heading-v7 h3,
.show-hide-contact-bar {
background: 0 0;
border: 0;
outline: 0;
padding: 0;
width: 50px
}
a,
a:active,
a:focus,
a:hover,
button,
button:hover {
outline: 0!important
}
#contact-buttons-bar {
position: fixed;
top: 120px;
left: -50px;
width: 50px
}
#contact-buttons-bar.slide-on-scroll {
position: absolute
}
.contact-button-link {
display: block;
width: 50px;
height: 50px;
padding: 0;
margin-bottom: 1px;
text-align: center;
line-height: 50px;
font-size: 22px;
background: #8e8e93;
color: #fff;
position: relative;
left: 0;
box-sizing: border-box;
transition: all 250ms
}
.contact-button-link.cb-hidden {
left: -50px
}
.contact-button-link.facebook {
background: #3b5998
}
.contact-button-link.linkedin {
background: #0077b5
}
.contact-button-link.gplus {
background: #db4437
}
.contact-button-link.separated {
margin-top: 1em
}
.contact-button-link.show-hide-contact-bar:hover {
color: #000;
background: #ccc;
padding: 0;
width: 50px
}
.contact-button-link:active,
.contact-button-link:focus,
.contact-button-link:hover,
.g-heading-v7 .h2,
.g-heading-v7 h2,
.owl2-carousel-v2 .owl-next,
.owl2-carousel-v2 .owl-prev {
font-size: 40px;
line-height: 1.3;
font-weight: 600;
position: relative;
padding-bottom: 40px;
margin-bottom: 40px
}
.contact-button-link.show-hide-contact-bar:active,
.contact-button-link.show-hide-contact-bar:focus,
.g-heading-v7 .h3,
.g-heading-v7 h3,
.show-hide-contact-bar {
text-transform: uppercase;
font-size: 26px;
font-weight: 600;
margin-bottom: 25px;
color: #3949a0
}
.g-color-primary,
.g-color-primary:hover {
color: #3949a0
}
.g-bg-dark-blue1 {
color: #ccc;
background: #1b334c
}
.g-bg-dark-blue2 {
color: #ccc;
background: #1d1a37
}
.btn-u--dark-blue,
.btn-u--dark-blue:focus,
.btn-u--dark-blue:hover {
color: #fff;
background: #3949a0
}
.btn-u--dark-blue:hover {
opacity: .9
}
.h2,
h2 {
letter-spacing: 2px
}
.g-heading-v7 .block_name {
font-size: 12px;
font-style: normal;
display: block;
color: #3949a0;
margin-bottom: 20px;
letter-spacing: 2px
}
@media (max-width:500px) {
.g-heading-v7 .h2,
.g-heading-v7 h2 {
font-size: 30px;
padding-bottom: 30px
}
.g-heading-v7 .h2:after {
height: 7px
}
.hidden-3xs {
display: none
}
}
h3 {
letter-spacing: 1px
}
.g-text-height-md {
line-height: 24px
}
.g-text-height-lg {
line-height: 110%!important
}
.g-valign-top {
vertical-align: top
}
.g-valign-middle {
vertical-align: middle
}
.g-valign-bottom {
vertical-align: bottom
}
.g-display-block {
display: block
}
.g-display-table-cell {
display: table-cell
}
.g-position-rel {
position: relative
}
.g-position-abs {
position: absolute
}
@media (min-width:600px) {
.visible-2xs {
display: none
}
}
@media (max-width:600px) {
.hidden-2xs {
display: none
}
.col-2xs-12 {
width: 100%
}
}
@media (min-width:500px) {
.visible-3xs {
display: none
}
}
.g-color-gray-dark {
color: #777
}
.g-color-gray-darker {
color: #999
}
.g-text-size-12 {
font-size: 12px
}
.g-text-size-17 {
font-size: 17px
}
.g-bg-gray {
background: #f7f7f7
}
.g-no-rounded {
border-radius: 0
}
.g-rounded-1 {
border-radius: 1px
}
.g-rounded-2 {
border-radius: 2px
}
.g-rounded-3 {
border-radius: 3px
}
.g-rounded-4 {
border-radius: 4px
}
.g-rounded-5 {
border-radius: 5px
}
.g-rounded-10 {
border-radius: 10px
}
.g-rounded-20 {
border-radius: 20px
}
.g-rounded-50x {
border-radius: 50%
}
.g-rounded-t4 {
border-radius: 4px 4px 0 0
}
.g-rounded-l4 {
border-radius: 4px 0 0 4px
}
.g-rounded-r4 {
border-radius: 0 4px 4px 0
}
.g-rounded-b4 {
border-radius: 0 0 4px 4px
}
.g-no-mb {
margin-bottom: 0
}
.g-no-padding {
padding: 0
}
.g-no-left-padding {
padding-left: 0
}
.g-no-side-padding {
padding-left: 0;
padding-right: 0
}
.g-pt-35 {
padding-top: 35px
}
@media (max-width:992px) {
.g-sm-mb-20 {
margin-bottom: 20px
}
.g-sm-mb-30 {
margin-bottom: 30px
}
}
.topbar-v1 {
background: #fdfdfd;
border-top: solid 1px #f0f0f0;
border-bottom: solid 1px #f0f0f0
}
.topbar-v1 ul {
margin: 0
}
.topbar-v1 .top-v1-contacts {
margin-top: 8px;
font-size: 13px
}
.topbar-v1 .top-v1-contacts i {
color: #white;
font-size: 13px;
margin-right: 3px
}
.topbar-v1 .top-v1-data {
text-align: right
}
.topbar-v1 .top-v1-data li {
padding: 7px 11px;
margin-right: -4px;
display: inline-block;
border-right: solid 1px #eee
}
.topbar-v1 .top-v1-data li a {
font-size: 13px
}
.topbar-v1 .top-v1-data li i {
color: #777;
font-size: 14px
}
.topbar-v1 .top-v1-data li a:hover i {
color: #e74c3c
}
@media (max-width:991px) {
.topbar-v1 ul {
text-align: center!important
}
.topbar-v1 .top-v1-contacts {
margin: 10px 0
}
.topbar-v1 .top-v1-data li {
top: 1px;
padding: 6px 16px;
margin-left: -1px;
position: relative;
border-top: solid 1px #eee
}
.topbar-v1 .top-v1-data li:first-child {
border-left: solid 1px #eee
}
.header .logo {
float: left
}
}
.header .navbar-toggle {
margin-top: 25px
}
@media (min-width:992px) {
.topbar-v1 .top-v1-data li:last-child {
margin-right: 0;
border-right: none
}
.header .logo {
display: block;
text-align: center
}
.header .navbar-nav>li>a,
.header .navbar-nav>li>a:focus {
border-bottom: solid 2px transparent
}
.header .navbar-collapse {
padding: 0;
text-align: center
}
.header .navbar-nav {
float: none;
position: relative;
vertical-align: top;
display: inline-block
}
.header .navbar-nav>li>a {
bottom: -2px;
position: relative;
padding: 9px 30px 9px 20px
}
.header .navbar-nav>.active>a,
.header .navbar-nav>li>a:hover {
bottom: -2px;
position: relative;
border-bottom: solid 2px #e74c3c
}
.header .navbar-nav>.active>a,
.header .navbar-nav>.active>a:focus,
.header .navbar-nav>.active>a:hover,
.header .navbar-nav>li>a,
.header .navbar-nav>li>a:focus,
.header .navbar-nav>li>a:hover {
background: 0 0
}
.header .navbar-nav>.open>a,
.header .navbar-nav>.open>a:focus,
.header .navbar-nav>.open>a:hover,
.header .navbar-nav>li:hover>a {
color: #e74c3c
}
.header .dropdown-menu {
padding: 0;
border: none;
min-width: 200px;
border-radius: 0;
z-index: 9999!important;
border-top: solid 2px #e74c3c;
border-bottom: solid 2px #687074
}
.header .dropdown-menu li a {
color: #687074;
font-size: 13px;
font-weight: 400;
padding: 6px 15px;
border-bottom: solid 1px #eee
}
.header .dropdown-menu .active>a,
.header .dropdown-menu li>a:hover {
color: #687074;
filter: none!important;
background: #eee!important;
-webkit-transition: all .1s ease-in-out;
-moz-transition: all .1s ease-in-out;
-o-transition: all .1s ease-in-out;
transition: all .1s ease-in-out
}
.header .dropdown-menu li>a:focus {
background: 0 0;
filter: none!important
}
.header .navbar-nav>li.dropdown:hover>.dropdown-menu {
display: block
}
.header .open>.dropdown-menu {
display: none
}
.header .navbar-nav .search-open {
width: 330px
}
}
body.header-fixed-space-default {
padding-top: 81px
}
@media (max-width:991px) {
body.header-fixed-space-default {
padding-top: 0
}
}
.header {
z-index: 99;
background: #fff;
position: relative;
border-bottom: solid 2px #eee
}
.header .topbar {
z-index: 12;
padding: 8px 0;
position: relative
}
.header .topbar ul.loginbar {
margin: 0
}
.header .topbar ul.loginbar>li {
display: inline;
list-style: none;
position: relative;
padding-bottom: 15px
}
.header .topbar ul.loginbar>li>a,
.header .topbar ul.loginbar>li>a:hover {
color: #7c8082;
font-size: 11px;
text-transform: uppercase
}
.header .topbar ul.loginbar li i.fa {
color: #bbb
}
.header .topbar ul.loginbar li.topbar-devider {
top: -1px;
padding: 0;
font-size: 8px;
position: relative;
margin: 0 9px 0 5px;
font-family: Tahoma;
border-right: solid 1px #bbb
}
.header .topbar ul.languages {
top: 25px;
left: -5px;
display: none;
padding: 4px 0;
list-style: none;
min-width: 100px;
position: absolute;
background: #f0f0f0
}
.header .topbar li:hover ul.languages {
display: block
}
.header .topbar ul.languages:after {
top: -4px;
width: 0;
height: 0;
left: 8px;
content: " ";
display: block;
position: absolute;
border-bottom: 6px solid #f0f0f0;
border-left: 6px solid transparent;
border-right: 6px solid transparent;
border-left-style: inset;
border-right-style: inset
}
.header .dropdown-submenu,
.header .logo img,
.header .navbar-collapse {
position: relative
}
.header .topbar ul.languages li a {
color: #555;
display: block;
font-size: 10px;
padding: 2px 12px;
margin-bottom: 1px;
text-transform: uppercase
}
.header .topbar ul.languages li.active a i {
color: #999;
float: right;
margin-top: 2px
}
.header .topbar ul.languages li a:hover,
.header .topbar ul.languages li.active a {
background: #fafafa
}
.header .navbar-toggle,
.header .navbar-toggle:focus,
.header .navbar-toggle:hover {
background: #e74c3c;
padding: 6px 10px 2px
}
.header.no-topbar .navbar-toggle {
margin-top: 25px
}
.header>.container {
display: table;
margin-bottom: -40px
}
.header .logo {
height: 100%;
min-height: 40px;
min-width: 100px;
display: table-cell;
vertical-align: middle
}
.header .logo img {
z-index: 1;
margin: 20px 0
}
.header .navbar-toggle {
border-color: #5fb611
}
.header .navbar-toggle .fa {
color: #fff;
font-size: 19px
}
.header .navbar-toggle:hover {
background: #5fb611!important
}
.header .navbar-nav>li>a {
color: #687074;
font-size: 15px;
font-weight: 400;
text-transform: uppercase
}
.header .navbar-nav>.active>a {
color: #e74c3c
}
.header .dropdown-submenu>a:after,
.header .dropdown>a:after {
top: 8px;
right: 9px;
font-size: 11px;
content: "\f105";
position: absolute;
font-weight: 400;
display: inline-block;
font-family: FontAwesome
}
.header .dropdown>a:after {
top: 9px;
right: 15px;
content: "\f107"
}
.header .dropdown-submenu>.dropdown-menu {
top: 3px;
left: 100%;
margin-top: -5px;
margin-left: 0
}
.header .dropdown-submenu>.dropdown-menu.submenu-left {
left: -100%!important
}
.header .dropdown-submenu:hover>.dropdown-menu {
display: block
}
.header .dropdown-submenu.pull-left {
float: none
}
.header .dropdown-submenu.pull-left>.dropdown-menu {
left: -100%;
margin-left: 10px
}
.header .dropdown-menu li [class*=" fa-"],
.header .dropdown-menu li [class^=fa-] {
left: -3px;
width: 1.25em;
margin-right: 1px;
position: relative;
text-align: center;
display: inline-block
}
.header .dropdown-menu li [class*=" fa-"].fa-lg,
.header .dropdown-menu li [class^=fa-].fa-lg {
width: 1.5625em
}
.header .nav>li>.search {
color: #aaa;
cursor: pointer;
min-width: 35px;
font-size: 15px;
text-align: center;
background: #f7f7f7;
padding: 11px 0 12px;
display: inline-block;
border-bottom: solid 2px #aaa
}
.header .nav>li>.search:hover {
color: #e74c3c;
background: #f7f7f7;
border-bottom-color: #e74c3c
}
.header .nav .search-open {
right: 0;
top: 40px;
display: none;
padding: 14px;
position: absolute;
background: #fcfcfc;
border-top: solid 2px #eee;
box-shadow: 0 1px 3px #ddd
}
.header .nav .search-open form {
margin: 0
}
.header .mega-menu .collapse,
.header .mega-menu .dropdown,
.header .mega-menu .dropup,
.header .mega-menu .nav {
position: static
}
.header .mega-menu .container,
.header .mega-menu .navbar-inner {
position: relative
}
.header .mega-menu .dropdown-menu {
left: auto
}
.header .mega-menu .dropdown-menu>li {
display: block
}
.header .mega-menu .mega-menu-content:after,
.header .mega-menu .mega-menu-content:before {
content: "";
display: table;
line-height: 0
}
.header .mega-menu .dropdown-submenu .dropdown-menu {
left: 100%
}
.header .mega-menu .nav.pull-right .dropdown-menu {
right: 0
}
.header .mega-menu .mega-menu-content {
padding: 4px 15px
}
.header .mega-menu .mega-menu-content:after {
clear: both
}
.header .mega-menu .nav>li>.dropdown-menu:after,
.header .mega-menu .nav>li>.dropdown-menu:before {
display: none
}
.header .mega-menu .dropdown.mega-menu-fullwidth .dropdown-menu {
left: 0;
right: 0;
overflow: hidden
}
.header .mega-menu .dropdown.mega-menu-left .dropdown-menu {
left: auto;
overflow: hidden
}
.header .mega-menu .dropdown.mega-menu-right .dropdown-menu,
.header .mega-menu .dropdown.mega-menu-two-col-right .dropdown-menu {
right: 0;
overflow: hidden
}
.header .mega-menu .equal-height-list h3 {
font-size: 15px;
font-weight: 400;
padding: 0 10px 0 13px;
text-transform: uppercase
}
.header.header-dark {
background: #2d2d2d;
border-bottom-color: #555
}
.header.header-dark .topbar ul.languages {
background: #444
}
.header.header-dark .topbar ul.loginbar li.topbar-devider {
border-right-color: #666
}
.header.header-dark .topbar ul.languages li a {
color: #bbb
}
.header.header-dark .topbar ul.languages:after {
border-bottom-color: #444
}
.header.header-dark .topbar ul.languages li a:hover,
.header.header-dark .topbar ul.languages li.active a {
color: #bbb;
background: #555
}
.header.header-dark .navbar-nav>li>a {
color: #ddd
}
.header.header-dark .navbar-nav>.open>a,
.header.header-dark .navbar-nav>.open>a:focus,
.header.header-dark .navbar-nav>.open>a:hover {
background: inherit
}
.header.header-dark .nav>li>.search {
background: #444
}
.header.header-dark .search-open {
background: #2d2d2d;
border-top-color: #555;
box-shadow: 0 1px 3px #888
}
.header.header-dark .input-group .form-control {
color: #bbb;
background: #555;
border-color: #999;
box-shadow: 0 0 2px #555
}
.header.header-dark .mega-menu .equal-height-list h3 {
color: #eee
}
@media (max-width:768px) {
.header>.container {
width: 100%
}
}
@media (max-width:1200px) {
.header img.big-logo {
width: 120px;
height: auto
}
}
@media (min-width:992px) {
.header .navbar-nav {
float: right
}
}
@media (max-width:991px) {
.header .topbar {
margin-bottom: 20px
}
.header>.container {
margin-bottom: 0
}
.header .navbar-toggle {
margin-right: 0;
display: block
}
.header .navbar-collapse,
.header .navbar-collapse .container {
padding-left: 0;
padding-right: 0
}
.header .navbar-header {
float: none
}
.header .navbar-collapse.collapse {
display: none!important
}
.header .navbar-collapse.collapse.in {
display: block!important;
overflow-y: auto!important
}
.header .navbar-nav {
margin: 0 0 5px;
float: none!important
}
.header .navbar-nav>li {
float: none
}
.header .navbar-nav>li>a {
padding-top: 30px;
padding-bottom: 40px
}
.header .dropdown-menu.pull-right {
float: none!important
}
.header .navbar-nav .open .dropdown-menu {
border: 0;
float: none;
width: auto;
margin-top: 0;
position: static;
box-shadow: none;
background-color: transparent
}
.header .navbar-nav .open .dropdown-menu .dropdown-header,
.header .navbar-nav .open .dropdown-menu>li>a {
padding: 5px 15px 5px 25px
}
.header .navbar-nav .open .dropdown-menu>li>a {
line-height: 20px;
color: #777
}
.header .navbar-nav .open .dropdown-menu>li>a:focus,
.header .navbar-nav .open .dropdown-menu>li>a:hover {
background-image: none;
color: #333;
background-color: transparent
}
.header .navbar-nav .open .dropdown-menu>.active>a,
.header .navbar-nav .open .dropdown-menu>.active>a:focus,
.header .navbar-nav .open .dropdown-menu>.active>a:hover {
color: #555;
background-color: #e7e7e7
}
.header .navbar-nav .open .dropdown-menu>.disabled>a,
.header .navbar-nav .open .dropdown-menu>.disabled>a:focus,
.header .navbar-nav .open .dropdown-menu>.disabled>a:hover {
color: #ccc;
background-color: transparent
}
.header .navbar-nav .open>a,
.header .navbar-nav .open>a:focus,
.header .navbar-nav .open>a:hover {
border-bottom-color: #eee
}
.header .dropdown-menu.no-bottom-space {
padding-bottom: 0
}
.header .navbar-nav>li>a {
font-size: 14px;
padding: 9px 10px
}
.header .navbar-nav>li a {
border-bottom: solid 1px #eee
}
.header .navbar-nav>li>a:focus {
background: 0 0
}
.header .navbar-nav>li>a:hover {
color: #e74c3c
}
.header .navbar-nav>.active>a,
.header .navbar-nav>.active>a:focus,
.header .navbar-nav>.active>a:hover {
background: #e74c3c;
color: #fff!important
}
.header .dropdown .dropdown-submenu>a {
font-size: 13px;
color: #555!important;
text-transform: uppercase
}
.header .dropdown-submenu>a:after {
content: " "
}
}
@media (min-width:992px) {
.header .navbar-nav>li>a,
.header .navbar-nav>li>a:focus {
border-bottom: solid 2px transparent
}
.header .navbar-collapse {
padding: 0
}
.header .container-fluid>.navbar-collapse,
.header .container-fluid>.navbar-header,
.header .container>.navbar-collapse,
.header .container>.navbar-header {
margin-bottom: -10px
}
.header .navbar-nav {
position: relative
}
.header .navbar-nav>li>a {
bottom: -2px;
position: relative;
padding: 9px 30px 9px 20px
}
.header .navbar-nav>.active>a,
.header .navbar-nav>li>a:hover {
bottom: -2px;
position: relative;
border-bottom: solid 2px #e74c3c
}
.header .navbar-nav>.active>a,
.header .navbar-nav>.active>a:focus,
.header .navbar-nav>.active>a:hover,
.header .navbar-nav>li>a,
.header .navbar-nav>li>a:focus,
.header .navbar-nav>li>a:hover {
background: 0 0
}
.header .navbar-nav>.open>a,
.header .navbar-nav>.open>a:focus,
.header .navbar-nav>.open>a:hover,
.header .navbar-nav>li:hover>a {
color: #e74c3c
}
.header .dropdown-menu {
padding: 0;
border: none;
min-width: 200px;
border-radius: 0;
z-index: 9999!important;
border-top: solid 2px #e74c3c;
border-bottom: solid 2px #687074
}
.header .dropdown-menu li a {
color: #687074;
font-size: 13px;
font-weight: 400;
padding: 6px 15px;
border-bottom: solid 1px #eee
}
.header .dropdown-menu .active>a,
.header .dropdown-menu li>a:hover {
color: #687074;
filter: none!important;
background: #eee!important;
-webkit-transition: all .1s ease-in-out;
-moz-transition: all .1s ease-in-out;
-o-transition: all .1s ease-in-out;
transition: all .1s ease-in-out
}
.header .dropdown-menu li>a:focus {
background: 0 0;
filter: none!important
}
.header .navbar-nav>li.dropdown:hover>.dropdown-menu {
display: block
}
.header .open>.dropdown-menu {
display: none
}
.header .navbar-nav .search-open {
width: 330px
}
.header .nav>li>.search {
bottom: -2px;
position: relative
}
.header .mega-menu .mega-menu-content.content-two-col {
min-width: 596px
}
.header .mega-menu .mega-menu-content.content-three-col {
min-width: 864px
}
}
@media (min-width:767px) and (max-width:991px) {
.header .navbar-toggle {
margin-right: 0
}
.header .nav .search-open {
width: 93%
}
}
@media (max-width:991px) {
.header .dropdown-submenu>.dropdown-menu {
display: block;
margin-left: 15px
}
.header .nav>li>.search {
color: #999;
width: 35px;
height: 34px;
background: #eee;
line-height: 12px;
text-align: center;
margin: 5px 10px 0;
border-bottom: none
}
.header .nav>li>.search:hover {
background: #5fb611;
color: #fff!important
}
.header .nav .search-open {
top: 5px;
padding: 0;
left: 48px;
border-top: none;
box-shadow: none;
background: 0 0;
margin-right: 10px
}
}
@media (min-width:992px) {
.header .mega-menu .equal-height,
.header .mega-menu .equal-height-in {
display: -webkit-flex;
display: -ms-flexbox;
display: flex
}
.header .mega-menu .big-screen-space {
margin-bottom: 20px
}
.header .mega-menu .equal-height-in {
padding: 20px 0;
border-left: 1px solid #eee
}
.header .mega-menu .equal-height-in:first-child {
border-left: none;
margin-left: -1px
}
.header .mega-menu .equal-height-list {
width: 100%
}
.header .mega-menu .equal-height-list li a {
display: block;
margin-bottom: 1px;
position: relative;
border-bottom: none;
padding: 5px 10px 5px 15px
}
.header .mega-menu .equal-height-list a:hover {
text-decoration: none
}
.header .mega-menu .mega-menu-content li a {
padding: 5px 10px 5px 30px
}
.header .mega-menu .mega-menu-content li a:after {
top: 7px;
left: 15px;
font-size: 11px;
content: "\f105";
position: absolute;
font-weight: 400;
display: inline-block;
font-family: FontAwesome
}
.header .mega-menu .disable-icons li a {
padding: 5px 10px 5px 15px
}
.header .mega-menu .disable-icons li a:after {
display: none
}
}
@media (max-width:991px) {
.header .mega-menu .equal-height-list h3 {
color: #555;
margin: 0 0 5px;
font-size: 13px;
font-weight: 400;
padding: 6px 25px 5px;
border-bottom: solid 1px #eee
}
.header .mega-menu .equal-height-list li a {
color: #687074;
display: block;
font-size: 13px;
font-weight: 400;
margin-left: 15px;
padding: 6px 25px;
border-bottom: solid 1px #eee
}
.header .mega-menu .equal-height-list li a:hover {
color: #333;
text-decoration: none
}
.header .mega-menu .equal-height-list>.active>a,
.header .mega-menu .equal-height-list>.active>a:focus,
.header .mega-menu .equal-height-list>.active>a:hover,
.header .mega-menu .equal-height-list>h3.active {
color: #555;
background-color: #e7e7e7
}
.header.header-dark .navbar-nav .open>a,
.header.header-dark .navbar-nav .open>a:focus,
.header.header-dark .navbar-nav .open>a:hover,
.header.header-dark .navbar-nav>li a {
border-bottom-color: #666
}
.header.header-dark .navbar-nav .dropdown>a:hover {
color: #e74c3c;
background: inherit
}
.header.header-dark .navbar-nav .open .dropdown-menu>li>a {
color: #bbb
}
.header.header-dark .navbar-nav .open .dropdown-menu>li>a:focus,
.header.header-dark .navbar-nav .open .dropdown-menu>li>a:hover {
color: #fff!important
}
.header.header-dark .navbar-nav .open .dropdown-menu>.active>a,
.header.header-dark .navbar-nav .open .dropdown-menu>.active>a:focus,
.header.header-dark .navbar-nav .open .dropdown-menu>.active>a:hover {
color: #bbb;
background: #444
}
.header.header-dark .dropdown .dropdown-submenu>a {
color: #bbb!important
}
}
@media (min-width:992px) {
.header.header-dark .navbar-nav>.active>a,
.header.header-dark .navbar-nav>li>a:hover {
color: #e74c3c!important
}
.header.header-dark .dropdown-menu {
background: #2d2d2d
}
.header.header-dark .dropdown-menu li>a {
color: #bbb;
border-bottom-color: #666
}
.header.header-dark .dropdown-menu .active>a,
.header.header-dark .dropdown-menu li>a:hover {
background: #202020!important
}
.header.header-dark .mega-menu .equal-height-in {
border-left-color: #666
}
}
@media (max-width:991px) {
.header.header-dark .mega-menu .equal-height-list li a {
color: #bbb;
border-bottom-color: #666
}
.header.header-dark .mega-menu .equal-height-list li a:focus,
.header.header-dark .mega-menu .equal-height-list li a:hover {
color: #fff
}
.header.header-dark .mega-menu .equal-height-list h3 {
border-bottom-color: #666
}
}
.header-fixed .header {
height: auto
}
.header-fixed .header.header-sticky {
margin-top: 0;
transition: all .2s ease-in-out;
position: fixed;
top: 0;
left: 0;
width: 100%
}
.header-v6,
.header-v6 .navbar-collapse,
.header-v6 li.menu-icons {
position: relative
}
.header-fixed .header.header-fixed-shrink {
z-index: 10100;
border-bottom: none;
box-shadow: 0 0 3px #bbb;
background: rgba(255, 255, 255, .96);
transition: all .3s ease-in-out
}
@media (max-width:991px) {
.header-fixed .header.header-fixed-shrink,
.header-fixed .header.header-sticky {
position: relative
}
}
@media (min-width:992px) {
.header-fixed .header.header-fixed-shrink {
margin-top: -35px
}
.header-fixed .header.header-fixed-shrink>.container {
margin-bottom: -46px
}
.header-fixed .header.header-fixed-shrink .logo img {
max-width: 105px;
margin: 45px 0 -4px
}
.header-fixed .header.header-fixed-shrink .navbar-nav>li>a {
padding-top: 19px;
padding-bottom: 19px
}
.header-fixed .header.header-fixed-shrink .navbar-nav>.active>a,
.header-fixed .header.header-fixed-shrink .navbar-nav>li>a:hover {
border-bottom: none
}
.header-fixed .header.header-fixed-shrink .dropdown>a:after {
top: 20px
}
.header-fixed .header.header-fixed-shrink .nav>li>.search {
color: #777;
padding: 20px 0 22px;
background: inherit;
border-bottom: none
}
.header-fixed .header.header-fixed-shrink .nav .search-open {
top: 60px
}
}
.boxed-layout.header-fixed .header.header-sticky {
left: inherit;
width: inherit
}
.header-v6 {
z-index: 99
}
.header-v6 .navbar {
border: none;
margin-bottom: 0
}
.header-v6 .navbar-brand img.shrink-logo {
display: none
}
.header-v6 .navbar-brand img.default-logo {
display: inherit
}
.header-v6 .navbar-toggle {
border: none;
margin: 31px 0 31px 15px;
background: inherit
}
.header-v6 .navbar-toggle .icon-bar {
height: 1px;
width: 20px;
font-size: 20px;
background: #555;
margin-bottom: 5px
}
.header-v6 .nav>li>a:focus,
.header-v6 .nav>li>a:hover,
.header-v6 .navbar-toggle:focus,
.header-v6 .navbar-toggle:hover {
background: inherit
}
.header-v6 .navbar-toggle .icon-bar:last-child {
margin-bottom: 0
}
.header-v6 .navbar-nav>li>a {
color: #fff;
font-size: 13px;
font-weight: 400;
letter-spacing: 1px;
text-transform: uppercase
}
.header-v6 .header-inner-right {
float: right;
z-index: 999;
margin-left: -20px;
position: relative
}
.header-v6 .menu-icons-list {
margin: 0;
list-style: none
}
.header-v6 li.menu-icons {
display: inline-block
}
.header-v6 li.menu-icons:first-child {
padding-right: 15px
}
.header-v6 li.menu-icons i.menu-icons-style {
color: #fff;
width: 25px;
cursor: pointer;
font-size: 16px;
line-height: 94px;
text-align: center;
display: inline-block
}
.header-v6 li.menu-icons span.badge {
top: 28px;
left: 12px;
color: #fff;
width: 18px;
height: 18px;
padding: 4px;
font-size: 11px;
text-align: center;
position: absolute;
background: #e74c3c;
display: inline-block;
border-radius: 50%!important
}
.header-v6 .shopping-cart .shopping-cart-open {
right: 0;
top: 94px;
padding: 15px;
display: none;
min-width: 250px;
background: #fff;
position: absolute;
border: 1px solid #e7e7e7;
border-top: 2px solid #e74c3c
}
.header-v6 .shopping-cart:hover .shopping-cart-open {
display: block
}
.header-v6 .shopping-cart-open span.shc-title {
color: #444;
display: block;
font-size: 12px;
margin-bottom: 15px;
padding-bottom: 10px;
text-transform: uppercase;
border-bottom: 1px solid #e7e7e7
}
.header-v6 .shopping-cart-open span.shc-total {
color: #444;
float: right;
font-size: 12px;
margin-top: 6px;
text-transform: uppercase
}
.header-v6 .shopping-cart-open span.shc-total strong {
padding-left: 3px
}
.header-v6 .shopping-cart-open .btn-u {
padding: 4px 12px
}
.header-v6 .search-open {
top: 0;
right: 0;
width: 100%;
z-index: 99;
height: auto;
display: none;
padding: 10px;
position: fixed;
background: #fff
}
.header-v6 .search-open .form-control {
color: #555;
border: none;
height: 75px;
font-size: 33px;
font-weight: 200;
box-shadow: none;
background: #fff;
padding: 0 14% 0 13%;
text-transform: uppercase;
font-family: 'Quattrocento Sans', sans-serif
}
.header-v6 .search-open .form-control:-ms-input-placeholder,
.header-v6 .search-open .form-control::-moz-placeholder,
.header-v6 .search-open .form-control::-webkit-input-placeholder {
color: #555
}
.header-v6 .search-open .form-control:active,
.header-v6 .search-open .form-control:focus,
.header-v6 .search-open .form-control:hover {
border: none;
box-shadow: none
}
.header-v6 .search-close {
z-index: 999;
position: relative
}
.header-v6 li.menu-icons i.search-btn {
color: #fff
}
.header-v6 li.menu-icons i.fa-times {
color: #444
}
.header-v6 .dropdown-submenu {
position: relative
}
.header-v6 .dropdown-submenu>a:after {
top: 9px;
right: 15px;
font-size: 11px;
content: "\f105";
position: absolute;
font-weight: 400;
display: inline-block;
font-family: FontAwesome
}
.header-v6 .dropdown-submenu>.dropdown-menu {
top: -20px;
left: 100%;
margin-left: 0
}
.header-v6 .dropdown-submenu>.dropdown-menu.submenu-left {
left: -100%
}
.header-v6 .dropdown-submenu:hover>.dropdown-menu {
display: block
}
.header-v6 .dropdown-submenu.pull-left {
float: none
}
.header-v6 .dropdown-submenu.pull-left>.dropdown-menu {
left: -100%;
margin-left: 10px
}
.header-v6 .dropdown-menu li [class*=" fa-"],
.header-v6 .dropdown-menu li [class^=fa-] {
left: -3px;
width: 1.25em;
margin-right: 1px;
position: relative;
text-align: center;
display: inline-block
}
.header-v6 .dropdown-menu li [class*=" fa-"].fa-lg,
.header-v6 .dropdown-menu li [class^=fa-].fa-lg {
width: 1.5625em
}
.header-v6 .mega-menu .collapse,
.header-v6 .mega-menu .dropdown,
.header-v6 .mega-menu .dropup,
.header-v6 .mega-menu .nav {
position: static
}
.header-v6 .mega-menu .container,
.header-v6 .mega-menu .navbar-inner {
position: relative
}
.header-v6 .mega-menu .dropdown-menu {
left: auto
}
.header-v6 .mega-menu .dropdown-menu>li {
display: block
}
.header-v6 .mega-menu .mega-menu-content:after,
.header-v6 .mega-menu .mega-menu-content:before {
content: "";
display: table;
line-height: 0
}
.header-v6 .mega-menu .dropdown-submenu .dropdown-menu {
left: 100%
}
.header-v6 .mega-menu .nav.pull-right .dropdown-menu {
right: 0
}
.header-v6 .mega-menu .mega-menu-content {
padding: 0
}
.header-v6 .mega-menu .mega-menu-content:after {
clear: both
}
.header-v6 .mega-menu.navbar .nav>li>.dropdown-menu:after,
.header-v6 .mega-menu.navbar .nav>li>.dropdown-menu:before {
display: none
}
.header-v6 .mega-menu .dropdown.mega-menu-fullwidth .dropdown-menu {
left: 0;
right: 0;
overflow: hidden
}
.header-v6 .mega-menu .equal-height-list h3 {
color: #555;
font-size: 15px;
font-weight: 400;
padding: 0 10px 0 13px;
text-transform: uppercase
}
@media (max-width:991px) {
.header-v6 .navbar-brand img.shrink-logo {
display: inherit
}
.header-v6 .navbar-brand img.default-logo {
display: none
}
.header-v6 .search-open .form-control {
padding: 0 28% 0 5%
}
}
@media (min-width:992px) {
.navbar {
border-radius: 0
}
.header-v6 .navbar-nav {
float: right
}
}
@media (max-width:350px) {
.header-v6 .header-inner-right {
display: none
}
}
@media (max-width:768px) {
.header-v6 .search-open .form-control {
font-size: 20px
}
}
@media (max-width:991px) {
.header-v6 .navbar-header,
.header-v6 .navbar-nav>li {
float: none
}
.header-v6 .navbar-toggle {
display: block
}
.header-v6 .navbar-collapse {
border-color: #eee;
border-bottom: 1px solid #eee
}
.header-v6 .navbar-collapse.collapse {
display: none!important
}
.header-v6 .navbar-collapse.collapse.in {
display: block!important;
overflow-y: auto!important
}
.header-v6 .navbar-nav>li>a {
padding-top: 30px;
padding-bottom: 40px;
color: #444
}
.header-v6 .dropdown-menu.pull-right {
float: none!important
}
.header-v6 .navbar-nav .open .dropdown-menu {
border: 0;
float: none;
width: auto;
margin-top: 0;
position: static;
box-shadow: none;
background-color: transparent
}
.header-v6 .navbar-nav .open .dropdown-menu .dropdown-header,
.header-v6 .navbar-nav .open .dropdown-menu>li>a {
padding: 5px 15px 5px 25px
}
.header-v6 .navbar-nav .open .dropdown-menu>li>a {
line-height: 20px;
color: #777
}
.header-v6 .navbar-nav .open .dropdown-menu>li>a:focus,
.header-v6 .navbar-nav .open .dropdown-menu>li>a:hover {
background-image: none;
color: #e74c3c;
background-color: transparent
}
.header-v6 .navbar-nav .open .dropdown-menu>.active>a,
.header-v6 .navbar-nav .open .dropdown-menu>.active>a:focus,
.header-v6 .navbar-nav .open .dropdown-menu>.active>a:hover,
.header-v6 .navbar-nav .open .dropdown-menu>.disabled>a,
.header-v6 .navbar-nav .open .dropdown-menu>.disabled>a:focus,
.header-v6 .navbar-nav .open .dropdown-menu>.disabled>a:hover {
color: #e74c3c;
background-color: transparent
}
.header-v6 .dropdown-menu.no-bottom-space {
padding-bottom: 0
}
.header-v6 .navbar-collapse,
.header-v6 .navbar-collapse .container {
padding-left: 0!important;
padding-right: 0!important
}
.header-v6 .navbar-nav>li>a {
font-size: 14px;
padding: 12px 5px
}
.header-v6 .navbar-nav>li a {
border-bottom: none;
border-top: 1px solid #eee
}
.header-v6 .navbar-nav>li:first-child>a {
border-top: transparent
}
.header-v6 .navbar-nav>li>a:hover {
color: #e74c3c
}
.header-v6 .navbar-nav>.open>a,
.header-v6 .navbar-nav>.open>a:focus,
.header-v6 .navbar-nav>.open>a:hover {
color: #555;
background: inherit
}
.header-v6 .navbar-nav>.active>a,
.header-v6 .navbar-nav>.active>a:focus,
.header-v6 .navbar-nav>.active>a:hover {
background: inherit;
color: #e74c3c!important
}
.header-v6 .dropdown .dropdown-submenu>a {
font-size: 13px;
color: #555!important;
text-transform: uppercase
}
.header-v6 .dropdown-submenu>a:after {
content: " "
}
}
.chess-about-us,
.tp-overflow-hidden,
.why-we {
overflow: hidden
}
@media (min-width:992px) {
.header-v6 .navbar-nav>.active>a,
.header-v6 .navbar-nav>.active>a:focus,
.header-v6 .navbar-nav>.active>a:hover,
.header-v6 .navbar-nav>li>a,
.header-v6 .navbar-nav>li>a:focus,
.header-v6 .navbar-nav>li>a:hover {
font-weight: 200;
background: 0 0;
color: #fff
}
.header-v6 .navbar-collapse {
padding: 0
}
.header-v6 .navbar {
min-height: 40px!important
}
.header-v6 .container-fluid>.navbar-collapse,
.header-v6 .container-fluid>.navbar-header,
.header-v6 .container>.navbar-collapse,
.header-v6 .container>.navbar-header {
margin-bottom: -10px
}
.header-v6 .navbar-nav {
top: 35px;
position: absolute;
right: 20px
}
.header-v6 .navbar-nav>li>a {
padding: 20px;
line-height: 54px
}
.header-v6 .navbar-nav>.open>a,
.header-v6 .navbar-nav>.open>a:focus,
.header-v6 .navbar-nav>.open>a:hover {
color: #fff
}
.header-v6 .dropdown-menu {
border: none;
padding: 15px 0;
min-width: 230px;
border-radius: 0;
background: #fff;
z-index: 9999!important;
border-top: solid 3px #e74c3c
}
.header-v6 .dropdown-menu li a {
color: #777;
font-size: 13px;
font-weight: 400;
padding: 6px 25px
}
.header-v6 .dropdown-menu .active>a,
.header-v6 .dropdown-menu li>a:hover {
color: #e74c3c;
background: inherit;
filter: none!important;
transition: all .1s ease-in-out
}
.header-v6 .dropdown-menu li>a:focus {
background: 0 0;
filter: none!important
}
.header-v6 .navbar-nav>li.dropdown:hover>.dropdown-menu {
display: block
}
.header-v6 .open>.dropdown-menu {
display: none
}
}
@media (max-width:991px) {
.header-v6 .dropdown-submenu>.dropdown-menu {
display: block;
margin-left: 15px
}
}
@media (min-width:992px) {
.header-v6 .mega-menu .dropdown.mega-menu-fullwidth .dropdown-menu {
margin-left: 10px;
margin-right: 15px
}
.header-v6 .mega-menu .equal-height,
.header-v6 .mega-menu .equal-height-in {
display: -webkit-flex;
display: -ms-flexbox;
display: flex
}
.header-v6 .mega-menu .big-screen-space {
margin-bottom: 20px
}
.header-v6 .mega-menu .equal-height-in {
padding: 20px 0;
border-left: 1px solid #bbb
}
.header-v6 .mega-menu .equal-height-in:first-child {
border-left: none;
margin-left: -1px
}
.header-v6 .mega-menu .equal-height-list {
width: 100%
}
.header-v6 .mega-menu .equal-height-list li a {
display: block;
position: relative;
border-bottom: none;
padding: 5px 10px 5px 15px
}
.header-v6 .mega-menu .equal-height-list a:hover {
text-decoration: none
}
.header-v6 .mega-menu .mega-menu-fullwidth li a {
padding: 5px 10px 5px 30px
}
.header-v6 .mega-menu .mega-menu-fullwidth li a:after {
top: 7px;
left: 15px;
font-size: 11px;
content: "\f105";
position: absolute;
font-weight: 400;
display: inline-block;
font-family: FontAwesome
}
.header-v6 .mega-menu .mega-menu-fullwidth .disable-icons li a {
padding: 5px 10px 5px 15px
}
.header-v6 .mega-menu .mega-menu-fullwidth .disable-icons li a:after {
display: none
}
}
@media (min-width:737px) and (max-width:991px) {
.header-v6 .mega-menu .mega-menu-content .container {
width: 100%!important
}
.header-v6 .mega-menu .equal-height {
margin-right: 0
}
.header-v6 .mega-menu .equal-height-in {
padding-right: 0;
margin-right: -15px
}
}
@media (max-width:991px) {
.header-v6 .mega-menu .equal-height {
margin-right: 0
}
.header-v6 .mega-menu .equal-height-in {
padding-right: 0;
padding-left: 5px
}
.header-v6 .mega-menu .dropdown.mega-menu-fullwidth .dropdown-menu {
width: auto
}
.header-v6 .mega-menu .equal-height-in,
.header-v6 .mega-menu .equal-height-list,
.header-v6 .mega-menu .mega-menu-fullwidth .dropdown-menu>li>ul {
display: block
}
.header-v6 .mega-menu .equal-height-list h3 {
color: #555;
margin: 0 0 5px;
font-size: 13px;
font-weight: 400;
padding: 6px 15px 5px
}
.header-v6 .mega-menu .equal-height-list li a {
color: #777;
display: block;
font-size: 13px;
font-weight: 400;
margin-left: 15px;
padding: 6px 25px
}
.header-v6 .mega-menu .equal-height-list li a:hover {
color: #e74c3c;
text-decoration: none
}
.header-v6 .mega-menu .equal-height-list>.active>a,
.header-v6 .mega-menu .equal-height-list>.active>a:focus,
.header-v6 .mega-menu .equal-height-list>.active>a:hover,
.header-v6 .mega-menu .equal-height-list>h3.active {
color: #e74c3c;
background-color: transparent
}
}
@media (min-width:992px) {
.header-fixed .header-v6.header-sticky {
top: 0;
left: 0;
width: 100%;
height: inherit;
position: fixed
}
.header-fixed .header-v6.header-fixed-shrink {
border-bottom: none;
box-shadow: 0 0 3px #bbb
}
.header-fixed .header-v6.header-fixed-shrink .navbar {
background: #fff
}
.header-fixed .header-v6.header-fixed-shrink .navbar-nav>li>a {
color: #555;
line-height: 30px
}
.header-fixed .header-v6.header-fixed-shrink .navbar-nav .active>a,
.header-fixed .header-v6.header-fixed-shrink .navbar-nav li>a:hover {
color: #e74c3c
}
.header-fixed .header-v6.header-fixed-shrink .navbar-brand img.default-logo {
display: none
}
.header-fixed .header-v6.header-fixed-shrink .navbar-brand img.shrink-logo {
display: inherit
}
.header-fixed .header-v6.header-fixed-shrink li.menu-icons i.menu-icons-style {
color: #555;
line-height: 70px
}
.header-fixed .header-v6.header-fixed-shrink .navbar-brand,
.header-fixed .header-v6.header-fixed-shrink .navbar-nav>li>a,
.header-fixed .header-v6.header-fixed-shrink .search-open .form-control,
.header-fixed .header-v6.header-fixed-shrink .shopping-cart .shopping-cart-open,
.header-fixed .header-v6.header-fixed-shrink li.menu-icons i.menu-icons-style,
.header-fixed .header-v6.header-fixed-shrink li.menu-icons span.badge {
transition: all .4s cubic-bezier(.7, 1, .7, 1)
}
.header-fixed .header-v6.header-fixed-shrink li.menu-icons span.badge {
top: 17px
}
.header-fixed .header-v6.header-fixed-shrink .shopping-cart .shopping-cart-open {
top: 70px
}
.header-fixed .header-v6.header-fixed-shrink .search-open {
border-bottom: 1px solid #eee
}
.header-fixed .header-v6.header-fixed-shrink .search-open .form-control {
height: 49px;
font-size: 25px
}
.header-v6.header-border-bottom .navbar {
background: 0 0
}
.header-fixed .header-v6.header-border-bottom.header-fixed-shrink .navbar {
background: #fff
}
}
@media (max-width:991px) {
.header-fixed .header-v6,
.header-fixed .header-v6.header-fixed-shrink {
height: inherit;
position: relative
}
.header-fixed .header-v6.header-fixed-shrink .header-inner-right,
.header-fixed .header-v6.header-fixed-shrink .menu-icons-list {
margin-left: 0
}
.header-v6 li.menu-icons i.menu-icons-style {
color: #555
}
}
.boxed-layout.header-fixed .header-v6.header-sticky {
left: inherit;
width: inherit
}
body,
html {
width: 100%;
height: 100%
}
.header-v6.header-border-bottom .navbar {
box-shadow: none;
border-bottom: 1px solid rgba(255, 255, 255, .5)
}
.header-fixed .header-v6.header-border-bottom.header-fixed-shrink .navbar {
border-bottom: none
}
.header-v6.header-white-transparent .navbar {
background: rgba(255, 255, 255, .5)
}
.header-v6.header-dark-transparent .navbar {
background: rgba(0, 0, 0, .5)
}
.header-v6.header-dark-transparent li.menu-icons i.fa-times {
color: #555
}
@media (min-width:992px) {
.header-fixed .header-v6.header-white-transparent.header-fixed-shrink .navbar {
background: #fff
}
.header-fixed .header-v6.header-dark-transparent.header-fixed-shrink {
box-shadow: none
}
.header-fixed .header-v6.header-dark-transparent.header-fixed-shrink .navbar {
background: #2a2b2b
}
.header-fixed .header-v6.header-dark-transparent.header-fixed-shrink .navbar-brand img.default-logo {
display: inherit
}
.header-fixed .header-v6.header-dark-transparent.header-fixed-shrink .navbar-brand img.shrink-logo {
display: none
}
.header-fixed .header-v6.header-dark-transparent.header-fixed-shrink .navbar-nav>li>a {
color: #fff
}
.header-fixed .header-v6.header-dark-transparent.header-fixed-shrink .navbar-nav .active>a,
.header-fixed .header-v6.header-dark-transparent.header-fixed-shrink .navbar-nav li>a:hover {
color: #D31900
}
.header-fixed .header-v6.header-dark-transparent.header-fixed-shrink li.menu-icons i.menu-icons-style {
color: #fff
}
}
@media (max-width:991px) {
.header-fixed .header-v6.header-dark-transparent .navbar {
background: #fff
}
}
.header-fixed .header-v6.header-dark-scroll.header-fixed-shrink li.menu-icons i.fa-times,
.header-fixed .header-v6.header-dark-transparent.header-fixed-shrink li.menu-icons i.fa-times,
.header-v6.header-dark-scroll li.menu-icons i.fa-times {
color: #555
}
@media (min-width:992px) {
.header-fixed .header-v6.header-dark-scroll.header-fixed-shrink {
box-shadow: none;
background: #2a2b2b
}
.header-fixed .header-v6.header-dark-scroll.header-fixed-shrink .navbar {
background-color: inherit
}
.header-fixed .header-v6.header-dark-scroll.header-fixed-shrink .navbar-brand img.default-logo {
display: inherit
}
.header-fixed .header-v6.header-dark-scroll.header-fixed-shrink .navbar-brand img.shrink-logo {
display: none
}
.header-fixed .header-v6.header-dark-scroll.header-fixed-shrink .navbar-nav>li>a {
color: #fff
}
.header-fixed .header-v6.header-dark-scroll.header-fixed-shrink .navbar-nav .active>a,
.header-fixed .header-v6.header-dark-scroll.header-fixed-shrink .navbar-nav li>a:hover {
color: #D31900
}
.header-fixed .header-v6.header-dark-scroll.header-fixed-shrink li.menu-icons i.menu-icons-style {
color: #fff
}
.header-fixed .header-v6.header-dark-search.header-classic-white.header-fixed-shrink,
.header-fixed .header-v6.header-dark-search.header-fixed-shrink {
box-shadow: none
}
.header-fixed .header-v6.header-dark-search.header-dark-scroll.header-fixed-shrink .navbar {
background: inherit
}
.header-v6.header-dark-search .search-open {
background: #2a2b2b;
border-bottom: 1px solid #555
}
.header-fixed .header-v6.header-dark-search.header-fixed-shrink .search-open {
border-bottom-color: #555
}
.header-v6.header-dark-search .search-open .form-control {
color: #fff;
background: #2a2b2b
}
.header-v6.header-dark-search .search-open .form-control:-ms-input-placeholder,
.header-v6.header-dark-search .search-open .form-control::-moz-placeholder,
.header-v6.header-dark-search .search-open .form-control::-webkit-input-placeholder {
color: #fff
}
.header-fixed .header-v6.header-dark-search.header-fixed-shrink li.menu-icons i.fa-times,
.header-v6.header-dark-search li.menu-icons i.fa-times {
color: #fff
}
}
.header-v6.header-classic-dark .shopping-cart .shopping-cart-open,
.header-v6.header-dark-dropdown .shopping-cart .shopping-cart-open {
background: #2a2b2b;
border-color: #e74c3c #555 #555
}
.header-v6.header-classic-dark .shopping-cart-open span.shc-title,
.header-v6.header-dark-dropdown .shopping-cart-open span.shc-title {
color: #fff;
border-bottom-color: #555
}
.header-v6.header-classic-dark .shopping-cart-open span.shc-total,
.header-v6.header-dark-dropdown .shopping-cart-open span.shc-total {
color: #fff
}
.header-v6 .sliding-panel__btn {
display: block
}
.header-v6 .sliding-panel__btn .icon-bar {
background: #fff
}
.header-v6 .sliding-panel__btn--dark .icon-bar {
background: #555
}
@media (min-width:992px) {
.header-v6.header-dark-dropdown .dropdown-menu {
background: #2a2b2b
}
.header-v6.header-dark-dropdown .dropdown-menu li a {
color: #ccc
}
.header-v6.header-dark-dropdown .dropdown-menu .active>a,
.header-v6.header-dark-dropdown .dropdown-menu li>a:hover {
color: #e74c3c
}
.header-v6.header-dark-dropdown .mega-menu .equal-height-in {
border-left-color: #777
}
.header-v6.header-dark-dropdown .mega-menu .equal-height-list h3 {
color: #fff
}
.header-v6.header-dark-dropdown .mega-menu .equal-height-list li a {
color: #ccc
}
.header-v6.header-dark-dropdown .mega-menu .equal-height-list .active>a,
.header-v6.header-dark-dropdown .mega-menu .equal-height-list li a:hover {
color: #e74c3c
}
}
@media (max-width:991px) {
.header-fixed .header-v6.header-dark-res-nav.header-fixed-shrink li.menu-icons i.fa-times,
.header-v6.header-dark-res-nav li.menu-icons i.fa-times,
.header-v6.header-dark-res-nav li.menu-icons i.menu-icons-style {
color: #fff
}
.header-v6.header-dark-res-nav {
background: #2a2b2b
}
.header-fixed .header-v6.header-dark-res-nav .navbar-brand img.default-logo {
display: inherit
}
.header-fixed .header-v6.header-dark-res-nav .navbar-brand img.shrink-logo {
display: none
}
.header-v6.header-dark-res-nav .navbar-toggle .icon-bar {
background: #fff
}
.header-v6.header-dark-res-nav .search-open {
background: #2a2b2b;
border-bottom: 1px solid #555
}
.header-fixed .header-v6.header-dark-res-nav.header-fixed-shrink .search-open {
border-bottom-color: #555
}
.header-v6.header-dark-res-nav .search-open .form-control {
color: #fff;
background: #2a2b2b
}
.header-v6.header-dark-res-nav .search-open .form-control:-ms-input-placeholder,
.header-v6.header-dark-res-nav .search-open .form-control::-moz-placeholder,
.header-v6.header-dark-res-nav .search-open .form-control::-webkit-input-placeholder {
color: #fff
}
.header-v6.header-dark-res-nav .navbar-collapse {
border-color: #555
}
.header-v6.header-dark-res-nav .navbar-nav>li a {
color: #ccc;
border-top-color: #555
}
.header-v6.header-dark-res-nav .navbar-nav>li a:hover {
color: #e74c3c
}
.header-v6.header-dark-res-nav .navbar-nav>.open>a,
.header-v6.header-dark-res-nav .navbar-nav>.open>a:focus,
.header-v6.header-dark-res-nav .navbar-nav>.open>a:hover {
color: #fff
}
.header-v6.header-dark-res-nav .navbar-nav .open .dropdown-menu>li>a {
color: #ccc
}
.header-v6.header-dark-res-nav .navbar-nav .open .dropdown-menu>li>a:hover {
color: #e74c3c
}
.header-v6.header-dark-res-nav .dropdown .dropdown-submenu>a {
color: #fff!important
}
.header-v6.header-dark-res-nav .mega-menu .equal-height-list h3 {
color: #fff
}
}
@media (min-width:992px) {
.header-v6.header-classic-white .navbar {
background: #fff
}
.header-fixed .header-v6.header-classic-white .navbar-nav>li>a {
color: #555;
font-weight: 400
}
.header-fixed .header-v6.header-classic-white .navbar-nav .active>a,
.header-fixed .header-v6.header-classic-white .navbar-nav li>a:hover {
color: #e74c3c
}
.header-fixed .header-v6.header-classic-white .navbar-brand img.default-logo {
display: none
}
.header-fixed .header-v6.header-classic-white .navbar-brand img.shrink-logo {
display: inherit
}
.header-fixed .header-v6.header-classic-white li.menu-icons i.menu-icons-style {
color: #555
}
.header-fixed .header-v6.header-classic-white.header-dark-search li.menu-icons i.fa-times {
color: #fff
}
.header-fixed .header-v6.header-classic-dark.header-fixed-shrink,
.header-v6.header-classic-dark {
box-shadow: none;
background: #2a2b2b
}
.header-fixed .header-v6.header-classic-dark.header-fixed-shrink .navbar,
.header-v6.header-classic-dark .navbar {
background-color: inherit
}
.header-v6.header-classic-dark .dropdown-menu,
.header-v6.header-classic-dark .search-open {
background: #2a2b2b
}
.header-fixed .header-v6.header-classic-dark.header-fixed-shrink .navbar-brand img.default-logo,
.header-v6.header-classic-dark .navbar-brand img.default-logo {
display: inherit
}
.header-fixed .header-v6.header-classic-dark.header-fixed-shrink .navbar-brand img.shrink-logo,
.header-v6.header-classic-dark .navbar-brand img.shrink-logo {
display: none
}
.header-fixed .header-v6.header-classic-dark.header-fixed-shrink .navbar-nav>li>a,
.header-v6.header-classic-dark .navbar-nav>li>a {
color: #fff
}
.header-fixed .header-v6.header-classic-dark.header-fixed-shrink .navbar-nav .active>a,
.header-fixed .header-v6.header-classic-dark.header-fixed-shrink .navbar-nav li>a:hover,
.header-v6.header-classic-dark .navbar-nav .active>a,
.header-v6.header-classic-dark .navbar-nav li>a:hover {
color: #e74c3c
}
.header-fixed .header-v6.header-classic-dark.header-fixed-shrink li.menu-icons i.fa-times,
.header-fixed .header-v6.header-classic-dark.header-fixed-shrink li.menu-icons i.menu-icons-style,
.header-v6.header-classic-dark li.menu-icons i.fa-times,
.header-v6.header-classic-dark li.menu-icons i.menu-icons-style {
color: #fff
}
.header-fixed .header-v6.header-classic-dark.header-fixed-shrink .search-open {
border-bottom: none
}
.header-v6.header-classic-dark .search-open .form-control {
color: #fff;
background: #2a2b2b
}
.header-v6.header-classic-dark .search-open .form-control:-ms-input-placeholder,
.header-v6.header-classic-dark .search-open .form-control::-moz-placeholder,
.header-v6.header-classic-dark .search-open .form-control::-webkit-input-placeholder {
color: #fff
}
.header-v6.header-classic-dark .dropdown-menu li a {
color: #ccc
}
.header-v6.header-classic-dark .dropdown-menu .active>a,
.header-v6.header-classic-dark .dropdown-menu li>a:hover {
color: #e74c3c
}
.header-v6.header-classic-dark .mega-menu .equal-height-in {
border-left-color: #777
}
.header-v6.header-classic-dark .mega-menu .equal-height-list h3 {
color: #fff
}
.header-v6.header-classic-dark .mega-menu .equal-height-list li a {
color: #ccc
}
.header-v6.header-classic-dark .mega-menu .equal-height-list .active>a,
.header-v6.header-classic-dark .mega-menu .equal-height-list li a:hover {
color: #e74c3c
}
.header-fixed .header-v6.header-fixed-shrink .sliding-panel__btn {
margin-top: 20px;
margin-bottom: 0;
transition: all .4s cubic-bezier(.7, 1, .7, 1)
}
.header-fixed .header-v6.header-fixed-shrink .sliding-panel__btn .icon-bar {
background: #555;
transition: all .4s cubic-bezier(.7, 1, .7, 1)
}
}
* {
border-radius: 0
}
body.header-fixed-space {
padding-top: 94px
}
body.header-fixed-space-v2 {
padding-top: 135px
}
@media (max-width:991px) {
.header-v6 .sliding-panel__btn .icon-bar {
background: #555
}
body.header-fixed-space,
body.header-fixed-space-v2 {
padding-top: 0
}
}
.wrapper {
background: #fff
}
.boxed-layout {
padding: 0;
box-shadow: 0 0 5px #ccc;
margin-left: auto!important;
margin-right: auto!important;
background: url(../img/patterns/15.png)
}
label {
color: #999
}
body {
line-height: 1.6;
background: #fff;
text-rendering: optimizelegibility;
font: 14px/1.5 "Quattrocento Sans", sans-serif;
color: #555;
overflow-x: hidden
}
.RotatingWords-Button,
.RotatingWords-TitleWhite,
.tp-caption.RotatingWords-Button,
.tp-caption.RotatingWords-TitleWhite {
font-family: "Quattrocento Sans", Arial, sans-serif
}
a {
color: red
}
a:hover {
color: #e74c3c;
text-decoration: underline
}
a.thumbnail {
padding: 0;
border: none;
margin-bottom: 15px
}
a.btn-u-lg.btn-u-upper {
font-size: 12px;
font-weight: 700
}
::-moz-selection {
color: #fff;
background: red
}
::selection {
background: #58595b;
color: #fff
}
.clear {
clear: both
}
.g-padding-5 {
padding: 5px
}
.g-padding-10 {
padding: 10px
}
.g-padding-15 {
padding: 15px
}
.g-padding-20 {
padding: 20px
}
.g-padding-25 {
padding: 25px
}
.g-padding-30 {
padding: 30px
}
.g-padding-35 {
padding: 35px
}
.g-padding-40 {
padding: 40px
}
.g-padding-45 {
padding: 45px
}
.g-padding-50 {
padding: 50px
}
.g-pt-10 {
padding-top: 10px
}
.g-pt-20 {
padding-top: 20px
}
.g-pt-30 {
padding-top: 30px
}
.g-pt-40 {
padding-top: 40px
}
.g-pt-50 {
padding-top: 50px
}
.g-pt-60 {
padding-top: 60px
}
.g-pt-70 {
padding-top: 70px
}
.g-pt-80,
.g-pt-85 {
padding-top: 80px
}
.g-pt-90 {
padding-top: 90px
}
.g-pt-100 {
padding-top: 100px
}
.g-pt-110 {
padding-top: 110px
}
.g-pt-120 {
padding-top: 120px
}
.g-pt-130 {
padding-top: 130px
}
.g-pt-140 {
padding-top: 140px
}
.g-pt-150 {
padding-top: 150px
}
.g-pt-160 {
padding-top: 160px
}
.g-pt-170 {
padding-top: 170px
}
.g-pb-10 {
padding-bottom: 10px
}
.g-pb-20 {
padding-bottom: 20px
}
.g-pb-30 {
padding-bottom: 30px
}
.g-pb-40 {
padding-bottom: 40px
}
.g-pb-50 {
padding-bottom: 50px
}
.g-pb-60 {
padding-bottom: 60px
}
.g-pb-70 {
padding-bottom: 70px
}
.g-pb-75 {
padding-bottom: 75px
}
.g-pb-80 {
padding-bottom: 80px
}
.g-pb-90 {
padding-bottom: 90px
}
.g-pb-100 {
padding-bottom: 100px
}
.g-pl-10 {
padding-left: 10px
}
.g-pl-20 {
padding-left: 20px
}
.g-pl-30 {
padding-left: 30px
}
.g-pl-40 {
padding-left: 40px
}
.g-pl-50 {
padding-left: 50px
}
.g-pl-60 {
padding-left: 60px
}
.g-pl-70 {
padding-left: 70px
}
.g-pl-80 {
padding-left: 80px
}
.g-pl-90 {
padding-left: 90px
}
.g-pl-100 {
padding-left: 100px
}
.g-pr-10 {
padding-right: 10px
}
.g-pr-20 {
padding-right: 20px
}
.g-pr-30 {
padding-right: 30px
}
.g-pr-40 {
padding-right: 40px
}
.g-pr-50 {
padding-right: 50px
}
.g-pr-60 {
padding-right: 60px
}
.g-pr-70 {
padding-right: 70px
}
.g-pr-80 {
padding-right: 80px
}
.g-pr-90 {
padding-right: 90px
}
.g-pr-100 {
padding-right: 100px
}
.g-mt-0 {
margin-top: 0
}
.g-mt-10 {
margin-top: 10px
}
.g-mt-20 {
margin-top: 20px
}
.g-mt-30 {
margin-top: 30px
}
.g-mt-40 {
margin-top: 40px
}
.g-mt-50 {
margin-top: 50px
}
.g-mt-60 {
margin-top: 60px
}
.g-mt-70 {
margin-top: 70px
}
.g-mt-80 {
margin-top: 80px
}
.g-mt-90 {
margin-top: 90px
}
.g-mt-100 {
margin-top: 100px
}
.g-mb-10 {
margin-bottom: 10px!important
}
.g-mb-15 {
margin-bottom: 15px!important
}
.g-mb-20 {
margin-bottom: 20px!important
}
.g-mb-25 {
margin-bottom: 25px!important
}
.g-mb-30 {
margin-bottom: 30px!important
}
.g-mb-35 {
margin-bottom: 35px!important
}
.g-mb-40 {
margin-bottom: 40px!important
}
.g-mb-45 {
margin-bottom: 45px!important
}
.g-mb-50 {
margin-bottom: 50px!important
}
.g-mb-55 {
margin-bottom: 55px!important
}
.g-mb-60 {
margin-bottom: 40px
}
.g-mb-65 {
margin-bottom: 65px!important
}
.g-mb-70 {
margin-bottom: 70px!important
}
.g-mb-75 {
margin-bottom: 75px!important
}
.g-mb-80 {
margin-bottom: 80px!important
}
.g-mb-85 {
margin-bottom: 85px!important
}
.g-mb-90 {
margin-bottom: 90px!important
}
.g-mb-95 {
margin-bottom: 95px!important
}
.g-mb-100 {
margin-bottom: 100px!important
}
.g-ml-10 {
margin-left: 10px
}
.g-ml-20 {
margin-left: 20px
}
.g-ml-30 {
margin-left: 30px
}
.g-ml-40 {
margin-left: 40px
}
.g-ml-50 {
margin-left: 50px
}
.g-ml-60 {
margin-left: 60px
}
.g-ml-70 {
margin-left: 70px
}
.g-ml-80 {
margin-left: 80px
}
.g-ml-90 {
margin-left: 90px
}
.g-ml-100 {
margin-left: 100px
}
.g-mr-10 {
margin-right: 10px
}
.g-mr-20 {
margin-right: 20px
}
.g-mr-30 {
margin-right: 30px
}
.g-mr-40 {
margin-right: 40px
}
.g-mr-50 {
margin-right: 50px
}
.g-mr-60 {
margin-right: 60px
}
.g-mr-70 {
margin-right: 70px
}
.g-mr-80 {
margin-right: 80px
}
.g-mr-90 {
margin-right: 90px
}
.g-mr-100 {
margin-right: 100px
}
.margin-top-minus-225 {
margin-top: -225px
}
.GMap-stand-alone {
height: 500px
}
.g-section-bg-gray {
background: #f8f8f8
}
.g-social-icons-v2 {
margin: 0;
padding: 0
}
.g-social-icons-v2 li {
list-style: none;
margin-right: 10px;
margin-bottom: 10px;
display: inline-block
}
.g-social-icons-v2 a {
width: 35px;
height: 35px;
line-height: 35px;
display: block;
background: #fff;
color: #e74c3c;
transition: all .3s ease-in-out
}
.g-social-icons-v2 a:hover {
background: #113405;
color: #fff
}
.g-social-icons-v2 a:hover i {
color: #fff
}
.g-social-icons-v2 a i {
color: #e74c3c
}
.g-display-inline-block {
display: inline-block
}
.g-display-table {
display: table;
width: 100%
}
.g-display-table:hover i {
border-color: #e74c3c
}
.g-display-td {
display: table-cell
}
.g-text-top {
vertical-align: top
}
.g-text-middle {
vertical-align: middle
}
.g-text-bottom {
vertical-align: bottom
}
.btn-u-upper {
text-transform: uppercase
}
i.icon-2lg {
width: 100px;
height: 100px;
line-height: 95px;
font-size: 35px
}
i.icon-3lg {
width: 130px;
height: 130px;
line-height: 115px;
font-size: 40px
}
i.icon-3lg.g-icon-hover-1 span {
top: -10px;
left: -10px;
right: -10px;
bottom: -10px
}
i.icon-color-u {
border: 1px solid #e74c3c;
color: #e74c3c
}
i.icon-border-v2 {
border: 4px solid #504a51
}
i.icon-border-v3 {
border: 10px solid #f8f8f8
}
i.icon-border-v3.g-icon-hover-1:hover {
border-color: transparent;
color: #fff
}
i.icon-v4,
i.num-icon-v2 {
color: #e74c3c;
display: inline-block;
width: 40px;
height: 40px
}
i.icon-border-v3.g-icon-hover-1 span {
background: #e74c3c
}
i.icon-v4 {
line-height: 1;
font-size: 40px
}
i.num-icon-v2 {
border: 4px solid #504a51;
font-size: 14px;
font-weight: 700;
font-style: normal;
line-height: 33px;
text-align: center;
border-radius: 50%
}
.g-icon-hover-1 {
position: relative;
transition: border-color .3s ease-in-out;
transition: box-shadow .4s ease-in-out;
transition: background .5s ease-in-out
}
.g-icon-hover-1 span {
display: block;
border-radius: 100%;
position: absolute;
top: 0;
left: 0;
z-index: -1;
transform: scale(0);
transition: all .2s ease-in-out
}
.g-icon-hover-1:hover span {
transform: scale(1)
}
.g-heading-v7 .h2 {
font-size: 40px;
font-weight: 600;
position: relative;
padding-bottom: 40px;
margin-bottom: 40px;
color: #383339
}
.g-heading-v7 .h2 .block_name {
font-size: 12px;
font-style: normal;
display: block;
color: #e74c3c;
margin-bottom: 20px
}
.g-heading-v7 .h2:after {
content: "";
display: inline-block;
width: 70px;
height: 10px;
background: #e74c3c;
position: absolute;
left: 0;
bottom: 0
}
.g-heading-v7 .h3,
.g-heading-v7 h3 {
text-transform: uppercase;
font-size: 26px;
font-weight: 600;
margin-bottom: 25px;
color: #383339
}
.g-heading-v7 .h4,
.g-heading-v7 .h5,
.g-heading-v7 h4,
.g-heading-v7 h5 {
font-weight: 600;
line-height: auto;
margin: 0 0 5px;
color: #383339;
text-transform: uppercase
}
.g-heading-v7 .h4,
.g-heading-v7 h4 {
font-size: 14px
}
.g-heading-v7 .h5,
.g-heading-v7 h5 {
font-size: 11px
}
.g-heading-v7.text-center .h2:after {
left: 50%;
margin-left: -35px
}
@media (max-width:991px) {
.one-page-header .navbar-nav {
float: none!important;
padding: 0;
margin: 22px 0 0;
background: rgba(49, 53, 62, .8);
position: relative
}
.one-page-header .navbar-header,
.one-page-header .navbar-nav>li {
float: none
}
.one-page-header .navbar-nav>li>a span[data-hover]:before {
content: "";
display: none;
top: 0
}
.one-page-header .navbar-nav>li>a:hover span[data-hover] {
transform: translate3d(0, 0, 0);
transition: color .3s;
color: #e74c3c;
font-weight: 700
}
.one-page-header .navbar-toggle {
display: block;
margin: 20px 0 5px
}
.one-page-header .navbar-collapse {
padding: 0
}
.one-page-header .navbar-collapse.collapse {
display: none!important
}
.one-page-header .navbar-collapse.collapse.in {
display: block!important
}
.one-page-header .dropdown-menu {
position: relative
}
.one-page-header .dropdown-menu a {
color: #fff!important;
padding: 10px 20px;
background: 0 0!important
}
.one-page-header .dropdown-menu a:hover {
color: #e74c3c!important
}
.one-page-header.top-nav-collapse .dropdown-menu>li>a {
color: #777!important
}
.one-page-header.top-nav-collapse .dropdown-menu>li>a:hover {
color: #e74c3c!important
}
.one-page-header>.navbar-default>.container {
width: inherit;
margin-left: 0;
margin-right: 0;
padding-left: 0;
padding-right: 0
}
.one-page-header>.navbar-default>.container>.navbar-collapse,
.one-page-header>.navbar-default>.container>.navbar-header {
margin-left: 0;
margin-right: 0
}
.search-tours:after,
.search-tours:before {
display: none
}
.search-tours>.container {
width: 100%
}
.search-tours-title-wrapper {
padding-top: 22px;
padding-bottom: 34px
}
.team-v7 .equal-height-column {
height: auto!important
}
.team-v7 .team-arrow-left:before,
.team-v7 .team-arrow-right:before {
top: auto;
border-color: #fff transparent transparent;
left: 70px;
bottom: -25px;
border-width: 25px 20px 0
}
.badge-sidebar {
border-left: none
}
.navbar-default .navbar-nav>li>a {
padding: 5px 0
}
.navbar-default .navbar-nav>li>a::before {
content: ''
}
.sky-form .col {
padding-left: 0!important;
padding-right: 30px!important
}
.flat-bg-block-v1 img.img-over {
position: static
}
}
.tp-caption .backcorner,
.tp-caption .frontcorner,
.tp-caption .frontcornertop {
height: 0;
top: 0;
position: absolute;
width: 0
}
.one-page-header {
margin-bottom: 0;
border-bottom: none;
background: 0 0
}
.one-page-header .navbar-toggle {
border: none;
margin-right: 3px;
padding-right: 0
}
.one-page-header .navbar-toggle:focus,
.one-page-header .navbar-toggle:hover {
background: 0 0
}
.one-page-header .container {
position: relative;
width: 100%
}
.tp-caption {
z-index: 1;
position: absolute
}
.tp-caption.tp-hidden-caption {
visibility: hidden!important;
display: none!important
}
.tp-caption .frontcorner {
border-left: 40px solid transparent;
border-right: 0 solid transparent;
border-top: 40px solid #00a8ff;
left: -40px
}
.tp-caption .backcorner {
border-left: 0 solid transparent;
border-right: 40px solid transparent;
border-bottom: 40px solid #00a8ff;
right: 0
}
.tp-caption .frontcornertop {
border-left: 40px solid transparent;
border-right: 0 solid transparent;
border-bottom: 40px solid #00a8ff;
left: -40px
}
.tp-caption .backcornertop {
width: 0;
height: 0;
border-left: 0 solid transparent;
border-right: 40px solid transparent;
border-top: 40px solid #00a8ff;
position: absolute;
right: 0;
top: 0
}
.tp-caption.coverscreenvideo,
.tp-caption.fullscreenvideo {
left: 0;
top: 0;
position: absolute;
width: 100%;
height: 100%
}
.tp-caption.fullscreenvideo iframe,
.tp-caption.fullscreenvideo iframe video {
width: 100%!important;
height: 100%!important;
display: none
}
.tp-caption .html5vid {
width: 100%!important;
height: 100%!important
}
.tp-caption:hover .tp-video-play-button {
opacity: 1;
display: block
}
.tp-caption:hover .tp-video-controls {
opacity: .9
}
.tp-caption .tp-revstop {
display: none;
border-left: 5px solid #fff!important;
border-right: 5px solid #fff!important;
margin-top: 15px!important;
line-height: 20px!important;
vertical-align: top;
font-size: 25px!important
}
.tp-caption img {
background: 0 0;
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#00FFFFFF, endColorstr=#00FFFFFF);
zoom: 1
}
.tp-caption.slidelink a div,
.tp-caption.slidelink a span {
background: url(../assets/coloredbg.png)
}
.tp-caption.slidelink a div {
width: 3000px;
height: 1500px
}
.chess-about-us {
color: #fff;
position: relative
}
.chess-about-us h3 {
color: #fff;
text-transform: uppercase;
font-size: 18px;
font-weight: 600;
line-height: auto
}
.chess-about-us img {
position: absolute;
top: 50%;
left: 50%;
margin: -115px 0 0 -115px
}
.chess-about-us-item {
width: 50%;
float: left;
min-height: 1px;
background: #3e393f;
position: relative;
transition: all .3s ease-in-out
}
.chess-about-us-item:hover {
background: #e74c3c
}
.chess-about-us-item:hover:after {
content: "";
position: absolute;
top: 0;
bottom: 0;
left: 0;
right: 0;
background: rgba(231, 76, 60, .9)
}
.chess-about-us-item:hover p {
opacity: 1
}
.chess-about-us-item p {
opacity: .5
}
.chess-about-us-item--dark {
background: #383339
}
.chess-about-us-inner {
float: left;
z-index: 2;
position: relative
}
.chess-about-us-inner--left {
padding: 90px 170px 90px 30px;
text-align: right;
float: right
}
.chess-about-us-inner--right {
padding: 90px 30px 90px 170px
}
.why-we {
position: relative
}
.progress,
.progress .progress-bar {
overflow: visible;
height: 10px
}
.why-we-item {
width: 50%;
float: left;
min-height: 1px;
position: relative
}
.why-we-item--light {
background: #f8f8f8
}
.why-we-item--light .why-we-item-inner {
float: right;
padding: 140px 85px 70px 30px
}
.why-we-item--light p {
margin-bottom: 30px
}
.why-we-item--dark {
color: #fff;
background: #383339
}
.why-we-item--dark .why-we-item-inner {
float: left
}
.why-we-item--dark .g-display-table {
padding: 70px 30px 60px 85px;
border-bottom: solid 1px #3e393f;
transition: all .3s ease-in-out
}
.why-we-item--dark .g-display-table:hover {
background: #3e393f
}
.why-we-item--dark i {
margin-right: 30px
}
.why-we-item--dark h4 {
color: #fff
}
.why-we-item--dark p {
opacity: .5;
margin-bottom: 0
}
.pie-progress-charts .circle {
font-size: 30px;
color: #555;
font-weight: 200;
margin-bottom: 20px
}
.pie-progress-charts .inner-pchart {
padding: 20px 10px
}
.pie-progress-charts .circle-title {
font-size: 22px
}
.pie-progress-charts .circles-text-wrp {
left: 5px
}
.pie-progress-charts h3 {
font-size: 14px;
font-weight: 700;
color: #2c2c2c;
text-transform: uppercase
}
.progress {
background: #f1f1f1;
box-shadow: none
}
.progress-bar {
background: #383339
}
.progress-bar span {
position: absolute;
right: -21px;
top: 0;
margin-top: -16px;
color: #fff;
background: #e74c3c;
width: 42px;
height: 42px;
font-size: 11px;
font-weight: 700;
border-radius: 50%;
display: inline-block;
padding-top: 11px
}
.contacts-v4 .row {
margin-left: 0;
margin-right: 0
}
.contacts-v4 em {
font-style: normal;
display: block;
text-transform: uppercase;
color: #89848a;
font-size: 11px;
line-height: 1;
margin-bottom: 10px
}
.contacts-v4 strong {
font-size: 16px;
line-height: 1
}
.contacts-v4 a {
color: #fff
}
.contacts-v4-info {
color: #fff;
padding-top: 60px;
padding-bottom: 80px;
text-align: center;
background: #3e393f
}
.footer-v9,
.footer-v9-menu a {
color: rgba(255, 255, 255, .7)
}
.contacts-v4-info--dark {
background: #383339
}
.owl-clients-v5 {
list-style: none;
padding: 0;
margin: 0
}
.owl-clients-v5 img {
width: 128px;
height: auto
}
.footer-logo {
margin: 17px 0 20px
}
.footer-logo>img {
opacity: .5;
width: 130px
}
.footer-v9 {
background: #e74c3c;
padding: 40px 0 25px
}
.footer-v9-menu {
text-transform: uppercase;
font-size: 11px;
font-weight: 600;
line-height: 1;
margin-bottom: 0
}
.footer-v9-menu>li {
padding-left: 13px;
padding-right: 13px;
margin-bottom: 15px
}
.sky-form .input.state-error,
.sky-form .select.state-error,
.sky-form .textarea.state-error {
margin-bottom: 0
}
.footer-v9-menu a:active,
.footer-v9-menu a:focus,
.footer-v9-menu a:hover {
color: #fff;
text-decoration: none
}
.sky-form {
margin: 0;
outline: 0;
font: 13px/1.55 'Quattrocento Sans', sans-serif;
color: #666;
box-shadow: none;
border: 1px solid #eee
}
.sky-form fieldset.no-padding {
padding: 0
}
.sky-form.submited .message {
display: block;
padding: 25px 30px;
font: 300 18px/27px "Quattrocento Sans", Helvetica, Arial, sans-serif;
text-align: center;
background: 0 0
}
.sky-form .input input,
.sky-form .select select {
width: 100%;
border-style: solid;
font: 15px/23px "Quattrocento Sans", Helvetica, Arial, sans-serif;
border-width: 1px
}
.sky-form.submited .message p {
color: #2c2c2c
}
.sky-form.submited fieldset,
.sky-form.submited footer {
display: none
}
.sky-form .input {
position: relative;
display: block
}
.sky-form .input input {
display: block;
box-sizing: border-box;
outline: 0;
border-radius: 0;
background: #fff;
appearance: normal;
font-size: 14px;
color: #404040;
border-color: #bbb;
height: 34px;
padding: 6px 12px
}
.sky-form .input input:focus {
border-color: #bbb;
box-shadow: 0 0 2px #c9c9c9
}
.sky-form .input .icon-prepend+.icon-append+input,
.sky-form .input .icon-prepend+input {
padding-left: 46px
}
.sky-form .input.state-disabled input {
cursor: default;
opacity: .5
}
.sky-form .input.state-disabled:hover input {
border-color: #bbb
}
.sky-form .input.state-success input {
background: #fff
}
.sky-form .input .icon-append+input {
padding-right: 46px
}
.sky-form .select select,
.sky-form .textarea textarea {
display: block;
padding: 6px 10px;
border-radius: 0;
appearance: normal;
color: #404040;
background: #fff;
outline: 0;
box-sizing: border-box
}
.sky-form .input:hover input {
border-color: #999
}
.sky-form .select {
position: relative;
display: block
}
.sky-form .select select {
font-size: 14px;
height: 33px;
border-color: #bbb
}
.sky-form .select select:focus {
border-color: #bbb;
box-shadow: 0 0 2px #c9c9c9
}
.sky-form .select i {
position: absolute;
background: #fff;
pointer-events: none;
top: 14px;
width: 9px;
right: 13px;
height: 6px
}
.sky-form .select i:after,
.sky-form .select i:before {
position: absolute;
right: 10px;
border-right: 4px solid transparent;
border-left: 4px solid transparent;
top: 4px;
content: ''
}
.sky-form .select i:after {
bottom: 12px;
border-top: 4px solid #404040
}
.sky-form .select i:before {
top: 12px;
top: -2px;
border-bottom: 4px solid #404040
}
.sky-form .select.state-disabled {
cursor: default;
opacity: .5
}
.sky-form .select.state-disabled:hover select {
border-color: #bbb
}
.sky-form .select.state-success select {
background: #fff
}
.sky-form .select:hover select {
border-color: #999
}
.sky-form .textarea {
position: relative;
display: block
}
.sky-form .textarea textarea {
width: 100%;
border-style: solid;
font: 15px/23px "Quattrocento Sans", Helvetica, Arial, sans-serif;
border-width: 1px;
font-size: 14px;
height: auto;
resize: none;
border-color: #bbb
}
.sky-form .textarea textarea:focus {
border-color: #bbb;
box-shadow: 0 0 2px #c9c9c9
}
.sky-form .input-file .button:hover,
.sky-form .radio input:focus+i,
.sky-form .toggle input:focus+i,
.sky-form.comment-style input:focus,
.sky-form.comment-style textarea:focus,
.sky-form.comment-style-v2 input:focus,
.sky-form.comment-style-v2 textarea:focus {
box-shadow: none
}
.sky-form .textarea .icon-prepend+.icon-append+textarea,
.sky-form .textarea .icon-prepend+textarea {
padding-left: 46px
}
.sky-form .textarea.state-disabled {
cursor: default;
opacity: .5
}
.sky-form .textarea.state-disabled:hover textarea {
border-color: #bbb
}
.sky-form .textarea.state-success textarea {
background: #fff
}
.sky-form .textarea .icon-append+textarea {
padding-right: 46px
}
.sky-form .textarea:hover textarea {
border-color: #999
}
.sky-form .message {
display: none;
color: red
}
.sky-form .message i {
display: block;
margin: 0 auto 20px;
width: 81px;
height: 81px;
border-radius: 50%;
font-size: 30px;
line-height: 81px;
border: 1px solid red
}
.sky-form header {
border-bottom: 1px solid rgba(0, 0, 0, .1);
color: #222;
color: inherit;
display: block;
font-size: 20px;
background: #fff;
font-weight: 400;
padding: 8px 30px
}
.sky-form section {
margin-bottom: 20px
}
.sky-form footer {
display: block;
border-top: 1px solid rgba(0, 0, 0, .1);
background: #fff;
padding: 15px 30px
}
.sky-form .checkbox i,
.sky-form .radio i,
.sky-form .toggle i {
border-style: solid;
border-width: 1px
}
.sky-form footer:after {
content: '';
display: table;
clear: both
}
.sky-form a {
color: #219bd7;
color: inherit
}
.sky-form a.btn-u {
color: #fff
}
.sky-form .label {
display: block;
margin-bottom: 6px;
line-height: 19px;
font-weight: 400;
border-radius: 0;
font-size: 100%;
text-align: left;
white-space: normal;
color: inherit
}
.sky-form .label.col {
margin: 0;
padding-top: 10px
}
.sky-form .note {
margin-top: 6px;
padding: 0 1px;
font-size: 11px;
line-height: 15px;
color: #999
}
.sky-form .checkbox+.checkbox,
.sky-form .radio+.radio {
margin-top: 0
}
.sky-form .checkbox,
.sky-form .radio {
padding-left: 27px;
font-size: 15px;
line-height: 27px;
color: #404040;
font-weight: 400;
display: block
}
.sky-form .radio {
position: relative;
margin-bottom: 4px;
cursor: pointer
}
.sky-form .radio:last-child {
margin-bottom: 0
}
.sky-form .radio input {
position: absolute;
left: -9999px
}
.sky-form .radio input+i:after {
position: absolute;
opacity: 0;
content: '';
width: 5px;
height: 5px;
border-radius: 50%;
top: 5px;
left: 5px;
background-color: #999
}
.sky-form .radio input:checked+i {
border-color: #999
}
.sky-form .radio input:checked+i:after {
opacity: 1
}
.sky-form .radio input:focus+i {
border-color: #999
}
.sky-form .radio i {
position: absolute;
top: 5px;
left: 0;
display: block;
outline: 0;
background: #fff;
width: 17px;
height: 17px;
border-radius: 50%;
border-color: #bbb
}
.sky-form .radio.state-disabled {
cursor: default;
opacity: .5
}
.sky-form .radio.state-disabled:hover i {
border-color: #bbb
}
.sky-form .checkbox input:checked+i,
.sky-form .radio:hover i {
border-color: #999
}
.sky-form .radio.state-error i {
background: #fff0f0
}
.sky-form .radio.state-success i {
background: #f0fff0
}
.sky-form .checkbox {
position: relative;
margin-bottom: 4px;
cursor: pointer
}
.sky-form .checkbox:last-child {
margin-bottom: 0
}
.sky-form .checkbox input {
position: absolute;
left: -9999px
}
.sky-form .checkbox input+i:after {
position: absolute;
opacity: 0;
content: '\f00c';
width: 15px;
height: 15px;
text-align: center;
top: 2px;
left: 0;
font: 400 10px FontAwesome;
color: #999
}
.sky-form .checkbox input:checked+i:after {
opacity: 1
}
.sky-form .checkbox input:focus+i {
border-color: #999;
box-shadow: none
}
.sky-form .checkbox i {
position: absolute;
top: 5px;
left: 0;
display: block;
outline: 0;
background: #fff;
width: 17px;
height: 17px;
border-color: #bbb
}
.sky-form .checkbox.state-disabled {
cursor: default;
opacity: .5
}
.sky-form .checkbox.state-disabled:hover i {
border-color: #bbb
}
.sky-form .checkbox:hover i,
.sky-form .toggle input:checked+i {
border-color: #999
}
.sky-form .checkbox.state-error i {
background: #fff0f0
}
.sky-form .checkbox.state-success i {
background: #f0fff0
}
.sky-form .toggle {
position: relative;
display: block;
margin-bottom: 4px;
padding-right: 61px;
font-size: 15px;
line-height: 27px;
color: #404040;
cursor: pointer;
font-weight: 400
}
.sky-form .toggle:last-child {
margin-bottom: 0
}
.sky-form .toggle input {
position: absolute;
left: -9999px
}
.sky-form .toggle input:checked+i:after {
content: 'ON';
text-align: right
}
.sky-form .toggle input:checked+i:before {
right: 36px
}
.sky-form .toggle input:focus+i {
border-color: #999
}
.sky-form .toggle i {
content: '';
position: absolute;
top: 4px;
right: 0;
display: block;
border-radius: 12px;
background: #fff;
width: 54px;
height: 21px;
border-color: #bbb
}
.sky-form .toggle i:after {
content: 'OFF';
position: absolute;
right: 8px;
left: 8px;
font-style: normal;
font-size: 9px;
line-height: 13px;
font-weight: 700;
text-align: left;
color: #5f5f5f;
top: 3px
}
.sky-form .toggle i:before {
content: '';
position: absolute;
z-index: 1;
display: block;
width: 9px;
height: 9px;
border-radius: 50%;
opacity: 1;
background-color: #999;
top: 5px;
right: 6px
}
.sky-form .toggle.state-error i,
.sky-form .toggle.state-error input:checked+i {
background: #fff0f0
}
.sky-form .toggle.state-success i,
.sky-form .toggle.state-success input:checked+i {
background: #f0fff0
}
.sky-form .toggle.state-disabled {
cursor: default;
opacity: .5
}
.sky-form .toggle.state-disabled:hover i {
border-color: #bbb
}
.sky-form .toggle:hover i {
border-color: #999
}
.sky-form .button {
position: relative;
display: block;
float: right;
height: 39px;
overflow: hidden;
margin: 10px 0 0 20px;
padding: 0 25px;
outline: 0;
border: 0;
font: 300 15px/39px "Quattrocento Sans", Helvetica, Arial, sans-serif;
text-decoration: none;
color: #fff;
cursor: pointer;
opacity: .8;
background: #e74c3c
}
.sky-form .button.button-secondary {
background-color: #b5b5b5
}
.sky-form .button:hover {
opacity: 1
}
.sky-form .button.state-disabled {
cursor: default;
opacity: .5
}
.sky-form .progress {
float: right;
margin-top: 10px;
line-height: 39px;
color: #222
}
.sky-form button::-moz-focus-inner {
padding: 0;
border: 0
}
.sky-form .inline-group {
margin: 0 -30px -4px 0
}
.sky-form .inline-group .checkbox,
.sky-form .inline-group .radio {
float: left;
margin-right: 30px
}
.sky-form .inline-group .checkbox:last-child,
.sky-form .inline-group .radio:last-child,
.sky-form .rating {
margin-bottom: 4px
}
.sky-form .inline-group:after {
content: '';
display: table;
clear: both
}
.sky-form .rating {
font-size: 15px;
line-height: 27px;
color: #404040
}
.sky-form .rating:last-child {
margin-bottom: 0
}
.sky-form .rating input {
position: absolute;
left: -9999px
}
.sky-form .rating input+label:hover,
.sky-form .rating input+label:hover~label,
.sky-form .rating input:checked~label {
color: #e74c3c
}
.sky-form .rating label {
display: block;
float: right;
height: 17px;
margin-top: 5px;
padding: 0 2px;
font-size: 17px;
line-height: 17px;
cursor: pointer;
color: #ccc
}
.sky-form .rating.state-error+em {
margin-top: -4px;
margin-bottom: 4px
}
.sky-form .button-uploading {
position: relative;
color: transparent;
cursor: default
}
.sky-form .button-uploading:after {
content: 'Uploading...';
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
color: #fff
}
.sky-form .icon-append,
.sky-form .icon-prepend {
width: 29px;
text-align: center;
height: 32px;
font-size: 14px;
line-height: 33px;
background: inherit;
color: #b5b5b5;
border-color: #bbb;
position: absolute;
top: 1px
}
.sky-form .icon-append {
border-left-width: 1px;
border-left-style: solid;
right: 1px;
padding: 0 3px;
min-width: 34px
}
.sky-form .icon-prepend {
border-right-width: 1px;
border-right-style: solid;
left: 6px;
padding-right: 5px
}
.sky-form .tooltip-top-left:after,
.sky-form .tooltip-top-right:after {
top: 100%;
border-top: 4px solid rgba(0, 0, 0, .9);
border-right: 4px solid transparent;
border-left: 4px solid transparent
}
.sky-form .row {
margin: 0 -15px
}
.sky-form .tooltip-top-left,
.sky-form .tooltip-top-right {
bottom: 100%;
margin-bottom: 15px
}
.sky-form .row:after {
content: '';
display: table;
clear: both
}
.sky-form .col {
float: left;
min-height: 1px;
padding-right: 15px;
padding-left: 15px;
box-sizing: border-box
}
.sky-form .col-1 {
width: 8.33%
}
.sky-form .col-2 {
width: 16.66%
}
.sky-form .col-3 {
width: 25%
}
.sky-form .col-4 {
width: 33.33%
}
.sky-form .col-5 {
width: 41.66%
}
.sky-form .col-6 {
width: 50%
}
.sky-form .col-7 {
width: 58.33%
}
.sky-form .col-8 {
width: 66.67%
}
.sky-form .col-9 {
width: 75%
}
.sky-form .col-10 {
width: 83.33%
}
.sky-form .col-11 {
width: 91.66%
}
.sky-form .tooltip {
position: absolute;
z-index: 1;
left: -9999px;
padding: 2px 8px 3px;
font-size: 11px;
line-height: 16px;
font-weight: 400;
background: rgba(0, 0, 0, .9);
color: #fff;
opacity: 0
}
.sky-form .tooltip:after {
content: '';
position: absolute
}
.sky-form .tooltip-top-right:after {
right: 16px
}
.sky-form .tooltip-top-left:after {
left: 16px
}
.sky-form .tooltip-left:after,
.sky-form .tooltip-right:after {
border-top: 4px solid transparent;
border-bottom: 4px solid transparent
}
.sky-form .tooltip-right {
top: 9px;
white-space: nowrap;
margin-left: 15px
}
.sky-form .tooltip-right:after {
top: 6px;
right: 100%;
border-right: 4px solid rgba(0, 0, 0, .9)
}
.sky-form .tooltip-left {
top: 9px;
white-space: nowrap;
margin-right: 15px
}
.sky-form .tooltip-left:after {
top: 6px;
left: 100%;
border-left: 4px solid rgba(0, 0, 0, .9)
}
.sky-form .tooltip-bottom-left,
.sky-form .tooltip-bottom-right {
top: 100%;
margin-top: 15px
}
.sky-form .tooltip-bottom-left:after,
.sky-form .tooltip-bottom-right:after {
bottom: 100%;
border-right: 4px solid transparent;
border-bottom: 4px solid rgba(0, 0, 0, .9);
border-left: 4px solid transparent
}
.sky-form .tooltip-bottom-right:after {
right: 16px
}
.sky-form .tooltip-bottom-left:after {
left: 16px
}
.sky-form .ui-slider-handle {
position: absolute;
width: 15px;
height: 15px;
margin: -8px 0 0 -8px;
border: 2px solid #e5e5e5;
outline: 0;
background: #fff
}
.sky-form .state-error+em,
.sky-form .state-success+em {
display: block;
margin-top: 6px;
padding: 0 1px;
font-size: 11px;
line-height: 15px;
color: #ee9393;
font-style: normal
}
.sky-form .ui-slider-handle:hover {
border-color: #999
}
.sky-form .state-error input,
.sky-form .state-error select,
.sky-form .state-error select+i,
.sky-form .state-error textarea {
background: #fff0f0
}
.sky-form .state-success input,
.sky-form .state-success select,
.sky-form .state-success select+i,
.sky-form .state-success textarea {
background: #f0fff0
}
.sky-form .note-success {
color: #6fb679
}
.sky-form .ui-slider {
position: relative;
height: 3px;
border: 2px solid #e5e5e5;
background: #fff;
margin: 12px 6px 26px
}
.sky-form.comment-style,
.sky-form.comment-style fieldset,
.sky-form.comment-style-v2,
.sky-form.comment-style-v2 fieldset {
padding: 0;
background: inherit;
border: none
}
.sky-form.contact-style {
border: none
}
.sky-form.comment-style input {
border: none
}
.sky-form.comment-style textarea {
border: none
}
.post-tabs .tp-thumb.selected .tp-thumb-over,
.post-tabs .tp-thumb:hover .tp-thumb-over {
background: #fff
}
.sky-form.comment-style-v2 input {
border: none
}
.sky-form.comment-style-v2 textarea {
border: none
}
.sky-form.comment-style-v2 .form-control {
padding: 20px 15px
}
.sky-form .sky-space-20 {
margin-bottom: 20px
}
.sky-form .sky-space-30 {
margin-bottom: 30px
}
.sky-form .input-captcha img {
position: absolute;
top: 1px;
right: 1px;
border-left: 1px solid #e5e5e5
}
.sky-form .input-file .button {
position: absolute;
float: none;
margin: 0;
padding: 0 20px;
font-size: 13px;
line-height: 31px;
height: 32px;
top: 1px;
right: 1px
}
.sky-form .input-file .button input {
position: absolute;
top: 0;
right: 0;
padding: 0;
font-size: 30px;
cursor: pointer;
opacity: 0
}
.sky-form .select-multiple select {
height: auto
}
.sky-form .textarea-resizable textarea {
resize: vertical
}
.sky-form .textarea-expandable textarea {
height: 39px
}
.sky-form .textarea-expandable textarea:focus {
height: auto
}
.post-tabs .tp-thumb-over,
.post-tabs .tp-thumb-title {
top: 0;
left: 0;
height: 100%;
transition: all .3s;
width: 100%
}
.sky-form button *,
.sky-form button :after,
.sky-form button :before {
margin: 0 auto;
padding: 0 auto
}
.post-tabs .tp-thumb {
opacity: 1
}
.post-tabs .tp-thumb.selected .tp-thumb-title {
color: #000
}
.post-tabs .tp-thumb.selected .tp-thumb-more:before {
color: #aaa
}
.post-tabs .tp-thumb:hover .tp-thumb-title {
color: #000
}
.post-tabs .tp-thumb:hover .tp-thumb-more:before {
color: #aaa
}
.post-tabs .tp-thumb-over {
background: #252525;
position: absolute;
z-index: 1
}
.post-tabs .tp-thumb-more:before,
.post-tabs .tp-thumb-title {
font-size: 12px;
display: block;
text-align: left;
position: absolute;
z-index: 2
}
.post-tabs .tp-thumb-title {
font-family: raleway;
letter-spacing: 1px;
color: #fff;
line-height: 15px;
padding: 15px 30px 15px 15px;
box-sizing: border-box;
font-weight: 500
}
.post-tabs .tp-thumb-more:before {
font-family: revicons;
color: #aaa;
color: rgba(255, 255, 255, .75);
line-height: 12px;
top: 15px;
right: 15px;
content: "\e825"
}
.tp-revslider-mainul>li,
.tp-revslider-mainul>li:before,
.tp-simpleresponsive>ul,
.tp-simpleresponsive>ul>li,
.tp-simpleresponsive>ul>li:before {
position: absolute;
overflow-x: visible;
overflow-y: visible;
background-image: none;
background-position: 0 0;
text-indent: 0;
top: 0;
left: 0
}
.tp-simpleresponsive img {
max-width: none!important;
transition: none 0;
margin: 0;
padding: 0;
border: none
}
.tp-revslider-mainul,
.tp-revslider-mainul>li,
.tp-revslider-mainul>li:before,
.tp-revslider-slidesli,
.tp-simpleresponsive>ul,
.tp-simpleresponsive>ul>li,
.tp-simpleresponsive>ul>li:before {
padding: 0!important;
margin: 0!important;
list-style: none!important
}
.easy-block-v2,
.easy-block-v3 .inner-faq-b,
.img-hover-v1 span,
.service-block-v6 .service-desc,
.service-block-v8 .service-block-desc,
.service-info .info-description,
.service-or,
.tp-video-controls {
overflow: hidden
}
.tp-carousel-wrapper {
cursor: url(openhand.cur), move
}
.tp-carousel-wrapper.dragged {
cursor: url(closedhand.cur), move
}
.tp_inner_padding {
box-sizing: border-box;
max-height: none!important
}
.tp-forcenotvisible,
.tp-hide-revslider {
visibility: hidden!important;
display: none!important
}
.fullscreen-container {
padding: 0;
width: 100%;
position: relative
}
.fullwidthbanner-container {
position: relative;
padding: 0;
overflow: hidden
}
.fullwidthbanner-container .fullwidthabanner {
width: 100%;
position: relative
}
.fullwidthbanner-container.slider-promo {
max-height: 460px!important
}
.tp-static-layers {
position: absolute;
z-index: 505;
top: 0;
left: 0
}
.tp-layer-inner-rotation {
position: relative!important
}
img.tp-slider-alternative-image {
width: 100%;
height: auto
}
img.img-mouse {
width: 150px;
height: auto;
margin: 0 auto 60px
}
.caption.fullscreenvideo,
.rs-background-video-layer {
width: 100%;
height: 100%;
top: 0;
left: 0;
position: absolute
}
.noFilterClass {
filter: none!important
}
.rs-background-video-layer {
visibility: hidden;
z-index: 0
}
.caption.fullscreenvideo iframe,
.caption.fullscreenvideo video {
width: 100%!important;
height: 100%!important;
display: none
}
.caption.slidelink a div {
width: 3000px;
height: 1500px;
background: url(../assets/coloredbg.png)
}
.fullcoveredvideo video {
background: #000
}
.fullcoveredvideo .tp-poster {
background-position: center center;
background-size: cover;
width: 100%;
height: 100%;
top: 0;
left: 0
}
.fullcoveredvideo .tp-video-play-button {
display: none!important
}
.fullscreenvideo video {
background: #000
}
.fullscreenvideo .fullscreenvideo video {
object-fit: contain!important
}
.fullscreenvideo .fullcoveredvideo video {
object-fit: cover!important
}
.videoisplaying .revicon-right-dir {
display: none
}
.videoisplaying .tp-revstop {
display: inline-block
}
.videoisplaying .html5vid .tp-poster,
.videoisplaying .tp-video-play-button {
display: none
}
.tp-video-play-button,
.tp-video-play-button i {
width: 50px;
height: 50px;
display: inline-block;
line-height: 50px!important;
vertical-align: top;
text-align: center
}
.tp-video-play-button {
background: #000;
background: rgba(0, 0, 0, .3);
border-radius: 5px;
position: absolute;
top: 50%;
left: 50%;
color: #fff;
margin-top: -25px;
margin-left: -25px;
cursor: pointer;
box-sizing: border-box;
z-index: 4;
opacity: 0;
transition: opacity .3s ease-out!important
}
.tp-video-play-button i {
font-size: 40px!important
}
.rs-fullvideo-cover,
.tp-dottedoverlay,
.tp-shadowcover {
height: 100%;
top: 0;
left: 0;
position: absolute
}
.tp-seek-bar,
.tp-video-button,
.tp-volume-bar {
outline: 0;
line-height: 12px;
margin: 0;
cursor: pointer
}
.tp-video-controls {
position: absolute;
bottom: 0;
left: 0;
right: 0;
padding: 5px;
opacity: 0;
transition: opacity .3s;
background-image: linear-gradient(bottom, #000 13%, #323232 100%);
display: table;
max-width: 100%;
box-sizing: border-box
}
.tp-video-button {
background: rgba(0, 0, 0, .5);
border: 0;
border-radius: 3px;
font-size: 12px;
color: #fff;
padding: 0
}
.tp-video-button-wrap,
.tp-video-seek-bar-wrap,
.tp-video-vol-bar-wrap {
padding: 0 5px;
display: table-cell
}
.tp-video-button:hover {
cursor: pointer
}
.tp-video-seek-bar-wrap {
width: 80%
}
.tp-video-vol-bar-wrap {
width: 20%
}
.tp-seek-bar,
.tp-volume-bar {
width: 100%;
padding: 0
}
.rs-fullvideo-cover {
width: 100%;
background: 0 0;
z-index: 5
}
.tp-dottedoverlay {
background-repeat: repeat;
width: 100%;
z-index: 1!important
}
.tp-dottedoverlay.twoxtwo {
background: url(../assets/gridtile.png)
}
.tp-dottedoverlay.twoxtwowhite {
background: url(../assets/gridtile_white.png)
}
.tp-dottedoverlay.threexthree {
background: url(../assets/gridtile_3x3.png)
}
.tp-dottedoverlay.threexthreewhite {
background: url(../assets/gridtile_3x3_white.png)
}
.tp-shadowcover {
width: 100%;
background: #fff;
z-index: -1
}
.tp-shadow1 {
box-shadow: 0 10px 6px -6px rgba(0, 0, 0, .8)
}
.tp-shadow2:after,
.tp-shadow2:before {
position: absolute;
bottom: 10px;
width: 50%;
top: 85%;
background: 0 0;
box-shadow: 0 15px 10px rgba(0, 0, 0, .8);
content: "";
z-index: -2;
max-width: 300px
}
.tp-shadow2:before {
left: 10px;
transform: rotate(-3deg)
}
.tp-shadow2:after {
transform: rotate(3deg);
right: 10px;
left: auto
}
.tp-shadow5 {
position: relative;
box-shadow: 0 1px 4px rgba(0, 0, 0, .3), 0 0 40px rgba(0, 0, 0, .1) inset
}
.tp-shadow5:after,
.tp-shadow5:before {
content: "";
position: absolute;
z-index: -2;
box-shadow: 0 0 25px 0 rgba(0, 0, 0, .6);
top: 30%;
bottom: 0;
left: 20px;
right: 20px;
border-radius: 100px/20px
}
.tp-button {
padding: 6px 13px 5px;
border-radius: 3px;
height: 30px;
cursor: pointer;
color: #fff!important;
text-shadow: 0 1px 1px rgba(0, 0, 0, .6)!important;
font-size: 15px;
line-height: 45px!important;
background: url(../images/gradient/g30.png) top repeat-x;
font-family: arial, sans-serif;
font-weight: 700;
letter-spacing: -1px;
text-decoration: none
}
.tp-button.big {
color: #fff;
text-shadow: 0 1px 1px rgba(0, 0, 0, .6);
font-weight: 700;
padding: 9px 20px;
font-size: 19px;
line-height: 57px!important;
background: url(../images/gradient/g40.png) top repeat-x
}
.tp-button.big:hover,
.tp-button:hover {
background-position: bottom, 15px 11px
}
.tp-button:hover.green {
background-color: #21a117;
box-shadow: 0 3px 0 0 #104d0b
}
.tp-button:hover.blue {
background-color: #1d78cb;
box-shadow: 0 3px 0 0 #0f3e68
}
.tp-button:hover.red {
background-color: #cb1d1d;
box-shadow: 0 3px 0 0 #7c1212
}
.tp-button:hover.orange {
background-color: #f70;
box-shadow: 0 3px 0 0 #a34c00
}
.tp-button:hover.darkgrey,
.tp-button:hover.grey {
background-color: #555;
box-shadow: 0 3px 0 0 #222
}
.tp-button:hover.lightgrey {
background-color: #888;
box-shadow: 0 3px 0 0 #555
}
.tp-button.green {
background-color: #21a117;
box-shadow: 0 3px 0 0 #104d0b
}
.tp-button.blue {
background-color: #1d78cb;
box-shadow: 0 3px 0 0 #0f3e68
}
.tp-button.red {
background-color: #cb1d1d;
box-shadow: 0 3px 0 0 #7c1212
}
.tp-button.orange {
background-color: #f70;
box-shadow: 0 3px 0 0 #a34c00
}
.tp-button.darkgrey,
.tp-button.grey {
background-color: #555;
box-shadow: 0 3px 0 0 #222
}
.tp-button.lightgrey {
background-color: #888;
box-shadow: 0 3px 0 0 #555
}
.purchase {
padding: 25px 0 30px;
border-bottom: solid 1px #eee;
background: url(../img/patterns/breadcrumbs.png)
}
.purchase:hover {
background-position: bottom, 15px 11px
}
.purchase:hover.green {
background-color: #21a117;
box-shadow: 0 3px 0 0 #104d0b
}
.purchase:hover.blue {
background-color: #1d78cb;
box-shadow: 0 3px 0 0 #0f3e68
}
.purchase:hover.red {
background-color: #cb1d1d;
box-shadow: 0 3px 0 0 #7c1212
}
.purchase:hover.orange {
background-color: #f70;
box-shadow: 0 3px 0 0 #a34c00
}
.purchase:hover.darkgrey {
background-color: #555;
box-shadow: 0 3px 0 0 #222
}
.purchase:hover.lightgrey {
background-color: #888;
box-shadow: 0 3px 0 0 #555
}
.purchase.green {
background-color: #21a117;
box-shadow: 0 3px 0 0 #104d0b
}
.purchase.blue {
background-color: #1d78cb;
box-shadow: 0 3px 0 0 #0f3e68
}
.purchase.red {
background-color: #cb1d1d;
box-shadow: 0 3px 0 0 #7c1212
}
.purchase.orange {
background-color: #f70;
box-shadow: 0 3px 0 0 #a34c00
}
.purchase.darkgrey {
background-color: #555;
box-shadow: 0 3px 0 0 #222
}
.purchase.lightgrey {
background-color: #888;
box-shadow: 0 3px 0 0 #555
}
.purchase p {
margin-bottom: 0
}
.purchase span {
color: #666;
display: block;
font-size: 24px;
line-height: 35px;
font-weight: 400;
margin-bottom: 12px;
font-family: "Quattrocento Sans", Arial, sans-serif
}
.purchase .btn-buy {
text-align: center
}
.purchase .btn-buy a {
margin-top: 27px
}
.purchase .btn-buy a i {
margin-right: 5px
}
.rev-btn,
.rev-btn:visited {
outline: 0!important;
box-shadow: none!important;
text-decoration: none!important;
line-height: 44px;
font-size: 17px;
font-weight: 500;
padding: 12px 35px;
box-sizing: border-box;
font-family: Roboto, sans-serif;
cursor: pointer
}
.rev-btn.rev-uppercase,
.rev-btn.rev-uppercase:visited {
text-transform: uppercase;
letter-spacing: 1px;
font-size: 15px;
font-weight: 900
}
.rev-btn.rev-hiddenicon i {
font-size: 15px;
font-weight: 400;
position: relative;
top: 0;
opacity: 0;
margin-left: 0!important;
width: 0!important
}
.rev-btn.rev-hiddenicon:hover i {
opacity: 1!important;
margin-left: 10px!important;
width: auto!important
}
.rev-btn.rev-medium,
.rev-btn.rev-medium:visited {
line-height: 36px;
font-size: 14px;
padding: 10px 30px
}
.rev-btn.rev-medium.rev-hiddenicon i,
.rev-btn.rev-medium.rev-withicon i {
font-size: 14px;
top: 0
}
.rev-btn.rev-small,
.rev-btn.rev-small:visited {
line-height: 28px;
font-size: 12px;
padding: 7px 20px
}
.rev-btn.rev-small.rev-hiddenicon i,
.rev-btn.rev-small.rev-withicon i {
font-size: 12px;
top: 0
}
.rev-btn.rev-withicon i {
font-size: 15px;
font-weight: 400;
position: relative;
top: 0;
margin-left: 10px!important
}
.rev-maxround {
border-radius: 30px
}
.rev-minround {
border-radius: 3px
}
.rev-burger {
position: relative;
width: 60px;
height: 60px;
box-sizing: border-box;
padding: 22px 0 0 14px;
border-radius: 50%;
border: 1px solid rgba(51, 51, 51, .25);
tap-highlight-color: transparent;
cursor: pointer
}
.rev-burger span {
display: block;
width: 30px;
height: 3px;
background: #333;
transition: .7s;
pointer-events: none;
transform-style: flat!important
}
.rev-burger.revb-white span,
.rev-burger.revb-whitenoborder span {
background: #fff
}
.rev-burger span:nth-child(2) {
margin: 3px 0
}
.rev-burger.revb-white {
border: 2px solid rgba(255, 255, 255, .2)
}
.rev-burger.revb-darknoborder,
.rev-burger.revb-whitenoborder {
border: 0
}
.rev-burger.revb-darknoborder span {
background: #333
}
.rev-burger.revb-whitefull {
background: #fff;
border: none
}
.rev-burger.revb-whitefull span {
background: #333
}
.rev-burger.revb-darkfull {
background: #333;
border: none
}
.rev-burger.revb-darkfull span,
.rev-scroll-btn.revs-fullwhite {
background: #fff
}
.open .rev-burger :first-child {
transform: translateY(6px) rotate(-45deg)
}
.open .rev-burger :nth-child(2) {
transform: rotate(-45deg);
opacity: 0
}
.open .rev-burger :last-child {
transform: translateY(-6px) rotate(-135deg)
}
.open.rev-burger :first-child {
transform: translateY(6px) rotate(-45deg)
}
.open.rev-burger :nth-child(2) {
transform: rotate(-45deg);
opacity: 0
}
.open.rev-burger :last-child {
transform: translateY(-6px) rotate(-135deg)
}
@-webkit-keyframes rev-ani-mouse {
0% {
opacity: 1;
top: 29%
}
15% {
opacity: 1;
top: 50%
}
50% {
opacity: 0;
top: 50%
}
100% {
opacity: 0;
top: 29%
}
}
@-moz-keyframes rev-ani-mouse {
0% {
opacity: 1;
top: 29%
}
15% {
opacity: 1;
top: 50%
}
50% {
opacity: 0;
top: 50%
}
100% {
opacity: 0;
top: 29%
}
}
@keyframes rev-ani-mouse {
0% {
opacity: 1;
top: 29%
}
15% {
opacity: 1;
top: 50%
}
50% {
opacity: 0;
top: 50%
}
100% {
opacity: 0;
top: 29%
}
}
.rev-scroll-btn {
display: inline-block;
position: relative;
left: 0;
right: 0;
text-align: center;
cursor: pointer;
width: 35px;
height: 55px;
box-sizing: border-box;
border: 3px solid #fff;
border-radius: 23px
}
.rev-scroll-btn>* {
display: inline-block;
line-height: 18px;
font-size: 13px;
font-weight: 400;
color: #fff;
font-family: proxima-nova, "Helvetica Neue", Helvetica, Arial, sans-serif;
letter-spacing: 2px
}
.rev-scroll-btn>.active,
.rev-scroll-btn>:focus,
.rev-scroll-btn>:hover {
color: #fff;
opacity: .8;
filter: alpha(opacity=80)
}
.rev-scroll-btn>:active {
opacity: .8;
filter: alpha(opacity=80)
}
.rev-scroll-btn.revs-fullwhite span {
background: #333
}
.rev-scroll-btn.revs-fulldark {
background: #333;
border: none
}
.rev-scroll-btn.revs-fulldark span,
.tp-bullet {
background: #fff
}
.rev-scroll-btn span {
position: absolute;
display: block;
top: 29%;
left: 50%;
width: 8px;
height: 8px;
margin: -4px 0 0 -4px;
background: #fff;
border-radius: 50%;
animation: rev-ani-mouse 2.5s linear infinite
}
.rev-scroll-btn.revs-dark {
border-color: #333
}
.rev-scroll-btn.revs-dark span {
background: #333
}
.rev-control-btn {
position: relative;
display: inline-block;
z-index: 5;
color: #fff;
font-size: 20px;
line-height: 60px;
font-weight: 400;
font-style: normal;
font-family: "Quattrocento Sans";
text-decoration: none;
text-align: center;
background-color: #000;
border-radius: 50px;
text-shadow: none;
background-color: rgba(0, 0, 0, .5);
width: 60px;
height: 60px;
box-sizing: border-box;
cursor: pointer
}
.rev-cbutton-light,
.rev-cbutton-light-sr {
color: #333;
background-color: rgba(255, 255, 255, .75)
}
.tp-tabs,
.tp-thumbs {
box-sizing: content-box!important
}
.rev-cbutton-dark-sr {
border-radius: 3px
}
.rev-cbutton-light-sr {
border-radius: 3
}
.rev-sbutton {
line-height: 37px;
width: 37px;
height: 37px
}
.rev-sbutton-blue {
background-color: #3b5998
}
.rev-sbutton-lightblue {
background-color: #00a0d1
}
.rev-sbutton-red {
background-color: #dd4b39
}
.tp-bannertimer {
visibility: hidden;
width: 100%;
position: absolute;
z-index: 200;
top: 0;
background: #000;
background: rgba(0, 0, 0, .15);
height: 5px
}
.tp-bannertimer.tp-bottom {
top: auto;
bottom: 0!important;
height: 5px
}
.tp-shape {
width: 100%;
height: 100%
}
.tp-loader.spinner0,
.tp-loader.spinner1 {
width: 40px;
height: 40px;
margin-top: -20px;
margin-left: -20px;
animation: tp-rotateplane 1.2s infinite ease-in-out;
border-radius: 3px;
box-shadow: 0 0 20px 0 rgba(0, 0, 0, .15)
}
.tp-loader {
top: 50%;
left: 50%;
z-index: 10000;
position: absolute
}
.tp-loader.spinner0 {
background: url(../assets/loader.gif) center center no-repeat
}
.tp-loader.spinner1 {
background-color: #fff
}
.tp-loader.spinner5 {
background: url(../assets/loader.gif) 10px 10px no-repeat #fff;
margin: -22px;
width: 44px;
height: 44px;
border-radius: 3px
}
.tp-loader.spinner2 {
width: 40px;
height: 40px;
margin-top: -20px;
margin-left: -20px;
background-color: red;
box-shadow: 0 0 20px 0 rgba(0, 0, 0, .15);
border-radius: 100%;
animation: tp-scaleout 1s infinite ease-in-out
}
.tp-loader.spinner3 {
margin: -9px 0 0 -35px;
width: 70px;
text-align: center
}
.tp-loader.spinner3 .bounce1,
.tp-loader.spinner3 .bounce2,
.tp-loader.spinner3 .bounce3 {
width: 18px;
height: 18px;
background-color: #fff;
box-shadow: 0 0 20px 0 rgba(0, 0, 0, .15);
border-radius: 100%;
display: inline-block
}
.tp-loader.spinner3 .bounce1 {
animation: tp-bouncedelay 1.4s infinite ease-in-out;
animation-fill-mode: both;
animation-delay: -.32s
}
.tp-loader.spinner3 .bounce2 {
animation: tp-bouncedelay 1.4s infinite ease-in-out;
animation-fill-mode: both;
animation-delay: -.16s
}
.tp-loader.spinner3 .bounce3 {
animation: tp-bouncedelay 1.4s infinite ease-in-out;
animation-fill-mode: both
}
.tp-loader.spinner4 {
margin: -20px 0 0 -20px;
width: 40px;
height: 40px;
text-align: center;
animation: tp-rotate 2s infinite linear
}
.tp-loader.spinner4 .dot1,
.tp-loader.spinner4 .dot2 {
width: 60%;
height: 60%;
display: inline-block;
background-color: #fff;
border-radius: 100%;
animation: tp-bounce 2s infinite ease-in-out;
box-shadow: 0 0 20px 0 rgba(0, 0, 0, .15);
position: absolute
}
.tp-loader.spinner4 .dot1 {
top: 0
}
.tp-loader.spinner4 .dot2 {
top: auto;
bottom: 0;
animation-delay: -1s
}
.tp-bullets,
.tp-tabs,
.tp-thumbs {
top: 0;
display: block;
left: 0
}
@keyframes tp-rotateplane {
0% {
transform: perspective(120px) rotateX(0) rotateY(0)
}
50% {
transform: perspective(120px) rotateX(-180.1deg) rotateY(0)
}
100% {
transform: perspective(120px) rotateX(-180deg) rotateY(-179.9deg)
}
}
@-webkit-keyframes tp-scaleout {
100% {
opacity: 0
}
}
@keyframes tp-scaleout {
0% {
transform: scale(0)
}
100% {
transform: scale(1);
opacity: 0
}
}
@keyframes tp-bouncedelay {
0%,
100%,
80% {
transform: scale(0)
}
40% {
transform: scale(1)
}
}
@keyframes tp-rotate {
100% {
transform: rotate(360deg)
}
}
@keyframes tp-bounce {
0%,
100% {
transform: scale(0)
}
50% {
transform: scale(1)
}
}
.tp-thumbs {
position: absolute;
z-index: 1000
}
.tp-thumbs.navbar {
border: none;
min-height: 0;
margin: 0;
border-radius: 0
}
.tp-bullets {
position: absolute;
z-index: 1000
}
.tp-bullets.navbar {
border: none;
min-height: 0;
margin: 0;
border-radius: 0
}
.tp-bullets.preview4 .bullet {
border-radius: 10px!important
}
.tp-tabs {
position: absolute;
z-index: 1000
}
.tp-tab,
.tp-thumb {
box-sizing: border-box;
position: absolute;
cursor: pointer
}
.tp-tabs.navbar {
border: none;
min-height: 0;
margin: 0;
border-radius: 0
}
.tp-tab {
opacity: .5
}
.tp-tab.selected,
.tp-tab:hover {
opacity: 1
}
.tp-thumb {
opacity: .5
}
.tp-thumb.selected,
.tp-thumb:hover {
opacity: 1
}
.tp-tab-image,
.tp-thumb-image,
.tp-videoposter {
background-position: center center;
background-size: cover;
width: 100%;
height: 100%;
display: block;
position: absolute;
top: 0;
left: 0
}
.tp-tab-mask,
.tp-thumb-mask {
box-sizing: border-box!important
}
.tp-bullet {
width: 15px;
height: 15px;
position: absolute;
background: rgba(255, 255, 255, .3);
cursor: pointer
}
.tp-bullet.selected,
.tp-bullet:hover {
background: #fff
}
.tparrows {
cursor: pointer;
background: #000;
background: rgba(0, 0, 0, .2);
width: 40px;
height: 40px;
position: absolute;
display: block;
z-index: 100
}
.tparrows:hover {
background: #000
}
.tparrows:before {
font-family: revicons;
font-size: 15px;
color: #fff;
display: block;
line-height: 40px;
text-align: center
}
.hginfo,
.hglayerinfo {
font-size: 12px;
font-weight: 600
}
.tparrows.tp-leftarrow:before {
content: '\2190'
}
.tparrows.tp-rightarrow:before {
content: '\2192'
}
.hglayerinfo {
position: fixed;
bottom: 0;
left: 0;
color: #fff;
line-height: 20px;
background: rgba(0, 0, 0, .75);
padding: 5px 10px;
z-index: 2000;
white-space: normal
}
.helpgrid,
.hginfo {
position: absolute
}
.hginfo {
top: -2px;
left: -2px;
color: #e74c3c;
background: #000;
padding: 2px 5px
}
.helpgrid {
border: 2px dashed #c0392b;
top: 0;
peft: 0;
z-index: 0
}
.g-color-default {
color: #4fd2c2
}
.g-bg-default {
background: #4fd2c2
}
.g-color-white {
color: #fff!important
}
.g-dp-table {
display: table
}
.g-dp-table-cell {
display: table-cell
}
.g-va-top {
vertical-align: top
}
.g-va-middle {
vertical-align: middle
}
.g-va-bottom {
vertical-align: bottom
}
.g-heading-v8 h2 strong {
color: #e74c3c
}
.img-wrapper--shadow {
position: relative
}
.img-wrapper--shadow:after {
content: "";
background: rgba(0, 0, 0, .3);
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0
}
.contact-section {
background: #fff;
color: rgba(255, 255, 255, .7) !important;
}
.contact-section .address {
text-transform: uppercase;
margin-bottom: 40px
}
.contact-section .address li {
margin-bottom: 20px
}
.contact-section .address strong,
.contact-section a,
.contact-section h2 {
color: #fff
}
.contact-section h2 strong {
color: #113405
}
.contact-section .h2 {
color: #fff
}
.contact-section .h2 strong {
color: #113405
}
.contact-section h3 {
color: #e74c3c;
font-style: 26px;
margin: 15px 0 30px
}
.contact-section h3 strong {
color: #fff
}
.contact-section .h3 {
color: #e74c3c;
font-style: 26px;
margin: 15px 0 30px
}
.contact-section .h3 strong {
color: #fff
}
.contact-section .sky-form {
box-shadow: none;
border: 0
}
.contact-section .sky-form .input input,
.contact-section .sky-form .input input:focus,
.contact-section .sky-form .input input:hover,
.contact-section .sky-form .textarea textarea,
.contact-section .sky-form .textarea textarea:focus,
.contact-section .sky-form .textarea textarea:hover {
border: none;
color: #666
}
.contact-section .sky-form .textarea-expandable textarea,
.contact-section .sky-form .textarea-expandable textarea:focus,
.contact-section .sky-form .textarea-expandable textarea:hover {
height: 125px
}
.contact-section ::-webkit-input-placeholder {
color: #666 opacity: 1
}
.contact-section ::-moz-placeholder {
color: #666 opacity: 1
}
.contact-section :-moz-placeholder {
color: #666 opacity: 1
}
.contact-section :-ms-input-placeholder {
color: #666 opacity: 1
}
.contact-section-map {
min-height: 680px
}
.contact-section-col {
padding: 0;
min-height: 680px
}
.contact-section-content {
padding: 70px 50px;
height: auto
}
.contact-section-info {
font-size: 16px;
line-height: 1.3;
margin-bottom: 45px
}
.our-service-section .owl-next:after,
.our-service-section .owl-prev:after {
color: #fff;
font-size: 18px;
position: absolute;
font-weight: 400;
display: inline-block;
font-family: FontAwesome
}
.our-service-section .container-fluid {
padding: 0
}
.our-service-section .container-fluid>.row {
margin-left: 0;
margin-right: 0
}
.our-service-section .owl-buttons {
position: absolute;
top: 99px;
left: 0;
right: 0
}
.our-service-section .owl-prev {
width: 45px;
height: 45px;
background: #e74c3c;
color: #fff;
position: absolute;
display: inline-block;
cursor: pointer;
left: 0
}
.our-service-section .owl-prev:hover {
background: #113405
}
.our-service-section .owl-prev:after {
top: 10px;
left: 18px;
content: "\f104"
}
.our-service-section .owl-next {
width: 45px;
height: 45px;
background: #e74c3c;
color: #fff;
position: absolute;
display: inline-block;
cursor: pointer;
right: 0
}
.our-service-section .owl-next:hover {
background: #113405
}
.our-service-section .owl-next:after {
top: 10px;
right: 18px;
content: "\f105"
}
.our-service-info .h2,
.our-service-info h2,
.our-service-info p {
margin-left: 30px;
margin-right: 30px
}
.our-services-list-wrapper {
padding: 0;
position: relative
}
.our-services-list-item {
color: rgba(255, 255, 255, .8);
background: #113405;
box-shadow: inset 5px 0 10px #252525!important;
padding-bottom: 0;
position: relative;
transition: all .3s ease-in-out
}
.our-services-list-item:hover {
background: #e74c3c;
box-shadow: inset 5px 0 10px #bd332b
}
.our-services-list-item:hover .btn-u-red {
background: #113405
}
.our-services-list-item h3 {
color: #fff;
font-size: 14px;
line-height: 1.5;
margin: 45px 45px 15px
}
.our-services-list-item p {
margin: 0 45px 35px
}
.cbp-l-loadMore-text {
margin-top: 0
}
.video-business-img1 {
background: url(../video/youtube-business/video-business-img1.jpg) center no-repeat;
background-size: cover
}
.breadcrumb {
top: 10px;
z-index: 1;
padding-right: 0;
background: 0 0;
position: relative
}
.breadcrumb a {
color: #777
}
.breadcrumb li a:hover,
.breadcrumb li.active {
color: #e74c3c;
text-decoration: none
}
@media (max-width:550px) {
.breadcrumbs h1.pull-left,
.breadcrumbs ul.pull-right {
width: 100%;
text-align: center
}
.breadcrumbs .breadcrumb {
top: 0;
margin-bottom: 10px
}
.breadcrumbs h1.pull-left {
margin-bottom: 0
}
.parallax-counter-v3 .features {
width: 110px;
height: 110px;
padding: 22px
}
.parallax-counter-v3 .features:after {
top: -7px;
left: -7px;
right: -7px;
bottom: -7px
}
.parallax-counter-v3 .features span.counter {
font-size: 20px
}
.parallax-counter-v3 .features span.features-info {
font-size: 11px
}
}
.breadcrumbs-v1:after,
.breadcrumbs-v3:after,
.img-hover-v1 span:after {
top: 0;
left: 0;
width: 100%;
height: 100%;
content: " "
}
.breadcrumbs-sm {
padding: 50px 0
}
.breadcrumbs-md {
padding: 100px 0
}
.breadcrumbs-lg {
padding: 200px 0
}
.breadcrumbs-v1,
.breadcrumbs-v3 {
transition: all .8s ease-in-out;
padding: 100px 0
}
.breadcrumbs-v1 {
position: relative;
background: url(../img/breadcrumbs/img1.jpg) center no-repeat;
background-size: cover
}
.breadcrumbs-v1:after {
position: absolute;
background: rgba(0, 0, 0, .15)
}
.breadcrumbs-v1 h1,
.breadcrumbs-v1 span,
.breadcrumbs-v3 {
z-index: 1;
position: relative
}
.breadcrumbs-v1 span {
color: #fff;
font-size: 24px;
font-weight: 200;
margin-bottom: 5px;
display: inline-block
}
.breadcrumbs-v1 h1,
.breadcrumbs-v3 p {
margin-bottom: 0;
color: #fff;
text-transform: uppercase
}
.breadcrumbs-v1 h1 {
font-size: 50px;
line-height: 55px
}
.img-hover-v1 img,
.img-hover-v1 span:after,
.img-hover-v2 img {
transition: all .5s ease-in-out
}
.breadcrumbs-v3.breadcrumbs-lg {
padding: 200px 0
}
.breadcrumbs-v3.img-v1 {
background: url(../img/breadcrumbs/img1.jpg) center center no-repeat;
background-size: cover
}
.breadcrumbs-v3.img-v2 {
background: url(../img/breadcrumbs/img2.jpg) center center no-repeat;
background-size: cover
}
.breadcrumbs-v3.img-v3 {
background: url(../img/breadcrumbs/img3.jpg) center center no-repeat;
background-size: cover
}
.breadcrumbs-v3:after {
z-index: -1;
position: absolute;
background: rgba(0, 0, 0, .2)
}
.breadcrumbs-v3 h1 {
color: #fff;
font-size: 40px;
line-height: 50px;
text-transform: uppercase
}
.breadcrumbs-v3 p {
font-size: 24px;
font-weight: 200
}
.breadcrumbs-v2 {
text-align: center;
position: relative;
background: url(../img/bg/11.jpg) center no-repeat
}
.breadcrumbs-v2 h1 {
color: #fff;
text-transform: uppercase
}
.breadcrumbs-v2-in {
padding: 80px 0;
position: relative
}
.img-hover-v1 span {
display: block;
position: relative
}
.img-hover-v1 span:after {
position: absolute
}
.img-hover-v1:hover span:after {
background: rgba(0, 0, 0, .3)
}
.img-hover-v2 img {
filter: grayscale(100%)
}
.img-hover-v2:hover img {
filter: grayscale(0)
}
.block-grid-v1 {
background: #fff;
padding: 15px 15px 5px;
border-bottom: solid 2px #eee;
transition: all .4s ease-in-out
}
.block-grid-v1:hover {
border-color: #e74c3c
}
.block-grid-v1 img {
margin-bottom: 10px
}
.block-grid-v1 img.block-grid-v1-img {
width: 35px;
height: 35px;
margin-top: 8px
}
.block-grid-v1.content-boxes-v1 h3 {
margin-bottom: 0
}
.block-grid-v1.content-boxes-v1 h3 a {
color: #555
}
.block-grid-v1.content-boxes-v1 img.pull-left {
float: inherit!important
}
.block-grid-v1 .star-vote {
padding: 0;
margin-bottom: 10px;
vertical-align: middle
}
.block-grid-v1 .star-vote li {
padding: 0;
font-size: 11px;
display: inline-block
}
.block-grid-v1 h3 a {
font-size: 22px;
font-weight: 200;
margin-right: 10px
}
.block-grid-v1-add-info {
margin: 0;
padding-top: 15px;
border-top: solid 1px #eee
}
.block-grid-v1-add-info li {
padding: 0;
margin-right: 3px;
margin-bottom: 10px
}
.block-grid-v1-add-info li a {
font-size: 11px;
padding: 4px 7px;
text-decoration: none;
border: 2px solid #eee;
border-radius: 3px!important
}
.block-grid-v2 {
padding: 0
}
.block-grid-v2 li {
list-style: none;
position: relative
}
.block-grid-v2 li:hover .block-grid-v2-info {
border-color: #e74c3c
}
.block-grid-v2-info {
padding: 15px;
text-align: center;
background: #f9f9f9;
border-bottom: solid 3px #eee;
transition: all .4s ease-in-out
}
.block-grid-v2-info h3 {
font-size: 22px;
font-weight: 200;
margin-bottom: 10px
}
.block-grid-v2-info .star-vote li {
padding: 2px;
font-size: 16px
}
.service-box-v1 .service-block {
background: #fff;
padding-top: 30px;
padding-bottom: 20px
}
.service-box-v1 p {
position: relative;
margin-bottom: 50px
}
.service-box-v1 p:after {
content: " ";
left: 50%;
height: 1px;
width: 50px;
bottom: -15px;
position: absolute;
margin-left: -25px;
background: #e74c3c
}
.service-box-v1 ul {
padding: 0 40px
}
.service-box-v1 li {
margin: 8px 0;
font-size: 15px;
padding-top: 8px;
border-top: dotted 1px #e74c3c
}
.service-box-v1 li:hover {
color: #e74c3c
}
.service-box-v1 li:first-child {
padding-top: 0;
border-top: none
}
.service-block-v1 {
margin-top: 20px;
text-align: center;
position: relative;
padding: 45px 20px 20px;
border: 1px solid #f2f2f2
}
.service-block-v1 i {
left: 50%;
top: -30px;
color: #fff;
width: 60px;
height: 60px;
font-size: 26px;
line-height: 62px;
margin-left: -30px;
text-align: center;
position: absolute;
background: #e74c3c;
display: inline-block
}
.service-block-v1 h3,
.service-block-v1 p {
margin-bottom: 20px
}
.service-block-v3 {
padding: 20px
}
.service-block-v3 i {
color: #fff;
float: left;
font-size: 50px;
margin: 0 20px 20px 0
}
.service-block-v3 .service-heading,
.service-block-v3 .service-in small {
color: #fff;
opacity: .8;
line-height: 1;
font-size: 16px;
text-transform: uppercase
}
.service-block-v3 .service-in h4 {
color: #fff;
font-size: 16px;
line-height: .8;
margin-bottom: 0
}
.service-block-v3 .counter {
color: #fff;
display: block;
line-height: 1;
font-size: 30px
}
.service-block-v3 .progress {
margin-bottom: 7px
}
.service-block-v3 .statistics .heading-xs {
color: #fff;
opacity: .8
}
.service-block-v3 .statistics small {
color: #fff
}
.service-block-v3 .statistics .progress {
background: #bbb
}
.service-block-v3 .statistics .progress-bar-light {
background: #fff
}
.service-block-v4 {
position: relative;
background: #f7f7f7
}
.service-block-v4:after {
top: 0;
width: 0;
height: 0;
left: 50%;
content: '';
margin-left: -20px;
position: absolute;
border-style: solid;
border-width: 25px 20px 0;
border-color: #fff transparent transparent
}
.service-block-v4 .service-desc {
text-align: center
}
.service-block-v4 .service-desc i {
color: #e74c3c;
display: block;
font-size: 30px;
margin-bottom: 20px
}
.service-block-v4 .service-desc h3 {
font-size: 18px;
margin-bottom: 15px;
text-transform: uppercase
}
.service-block-v5 {
text-align: center;
background: #f7f7f7
}
.service-block-v5 .service-inner {
padding: 80px 40px
}
.service-block-v5 .service-inner i {
margin-bottom: 30px
}
.service-block-v5 .service-inner span {
display: block;
font-size: 18px;
font-weight: 200;
margin-bottom: 15px;
text-transform: uppercase
}
.service-block-v5 .service-border {
border-left: 1px solid #eee;
border-right: 1px solid #eee
}
.service-block-v6 i {
float: left;
margin: 5px 15px 0 0
}
.service-block-v6 .service-desc h2 {
font-size: 18px;
margin: 0 0 10px;
text-transform: uppercase
}
.service-block-v6 .service-desc a {
text-transform: uppercase
}
.service-block-v7 {
margin-top: 20px;
text-align: center;
position: relative;
border: 1px solid #ddd;
padding: 45px 20px 20px
}
.service-block-v7 i {
left: 50%;
top: -25px;
color: #fff;
width: 45px;
height: 45px;
font-size: 22px;
line-height: 46px;
text-align: center;
position: absolute;
background: #e74c3c;
margin-left: -22.5px;
display: inline-block
}
.service-block-v7 h3,
.service-block-v7 p {
margin-bottom: 20px
}
.service-block-v8 {
padding: 25px;
background: #fff
}
.service-block-v8 i {
color: #555;
float: left;
font-size: 22px;
margin: 5px 25px 0 0
}
.service-block-v8 .service-block-desc h3 {
font-size: 18px;
margin: 0 0 30px;
position: relative;
text-transform: uppercase
}
.service-block-v8 .service-block-desc h3:after {
left: 0;
top: 40px;
height: 1px;
width: 30px;
content: " ";
position: absolute;
background: #e74c3c
}
.service-block {
padding: 20px 30px;
text-align: center;
margin-bottom: 20px
}
.service-block h2,
.service-block p {
color: #fff
}
.service-block-default h2,
.service-block-default p,
.service-block-light h2,
.service-block-light p {
color: #555
}
.service-block h2 a:hover {
text-decoration: none
}
.service-block-light {
border: 1px solid #eee;
background: #ecf0f1
}
.service-block-default {
background: #fafafa;
border: 1px solid #eee
}
.service-block-default:hover {
box-shadow: 0 0 8px #eee
}
.service-block-u {
background: #e74c3c
}
.service-block-blue {
background: #219bd7
}
.service-block-red {
background: #e74c3c
}
.service-block-sea {
background: #1abc9c
}
.service-block-grey {
background: #95a5a6
}
.service-block-yellow {
background: #f1c40f
}
.service-block-orange {
background: #e67e22
}
.service-block-green {
background: #2ecc71
}
.service-block-purple {
background: #9b6bcc
}
.service-block-aqua {
background: #27d7e7
}
.service-block-brown {
background: #9c8061
}
.service-block-dark-blue {
background: #4765a0
}
.service-block-light-green {
background: #79d5b3
}
.service-block-dark {
background: #555
}
.call-action-v1 p {
margin-top: 5px;
font-size: 18px;
font-weight: 200;
margin-bottom: 0
}
.call-action-v1.call-action-v1-boxed {
padding: 0 15px
}
.call-action-v1 .call-action-v1-box {
width: 100%;
padding: 30px 0;
vertical-align: middle
}
.call-action-v1 .call-action-v1-in {
vertical-align: middle
}
.call-action-v1 .call-action-v1-in.inner-btn {
padding-top: 1px;
min-width: 250px;
text-align: right
}
.call-action-v2 {
padding: 50px 0;
text-align: center;
background: url(../img/patterns/16.png)
}
.call-action-v2 h2 {
font-size: 22px;
text-transform: uppercase
}
.call-action-v2 p {
padding: 0 100px;
margin-bottom: 20px
}
.bg-image-v1,
.bg-image-v2 {
width: 100%;
padding: 50px 0
}
.thumbnails-v1 .thumbnail-img {
margin-bottom: 12px
}
.thumbnails-v1 h3 {
margin-bottom: 5px
}
.thumbnails-v1 h3 a {
color: #555;
font-size: 15px;
text-transform: uppercase
}
.thumbnails-v1 .read-more {
color: #e74c3c;
font-size: 12px;
text-transform: uppercase
}
.bg-image-v1 {
height: auto;
position: relative;
background: url(../img/bg/11.jpg) fixed;
background-size: cover
}
.bg-image-v1:before {
top: 0;
left: 0;
width: 100%;
height: 100%;
content: " ";
position: absolute;
background: rgba(0, 0, 0, .5)
}
.bg-image-v2 {
height: auto;
position: relative;
background: url(../img/bg/7.jpg) fixed
}
.bg-image-v2-dark:before,
.bg-image-v2:before {
top: 0;
left: 0;
width: 100%;
height: 100%;
content: " ";
position: absolute
}
.bg-image-v2:before {
background: rgba(255, 255, 255, .7)
}
.bg-image-v2-dark:before {
background: rgba(0, 0, 0, .5)
}
.bg-image-v2-dark h2,
.bg-image-v2-dark p {
color: #eee!important
}
.box-shadow {
background: #fff;
position: relative
}
.box-shadow:after,
.box-shadow:before {
top: 80%;
left: 5px;
width: 50%;
z-index: -1;
content: "";
bottom: 15px;
max-width: 300px;
background: #999;
position: absolute
}
#topcontrol {
color: #fff;
z-index: 99;
width: 30px;
height: 30px;
font-size: 20px;
background: #222;
position: relative;
right: 14px!important;
bottom: 11px!important;
border-radius: 3px!important
}
#topcontrol:after {
top: 3px;
left: 8.5px;
content: "\f106";
position: absolute;
text-align: center;
font-family: FontAwesome
}
#topcontrol:hover {
color: #fff;
background: #e74c3c;
transition: all .3s ease-in-out
}
.form-page input,
.form-page select {
margin-bottom: 10px
}
.badge-sidebar {
border-left: solid 1px #eee
}
.map {
width: 100%;
height: 350px;
border-top: solid 1px #eee;
border-bottom: solid 1px #eee
}
.map-box {
height: 250px
}
.map-box-space {
margin-top: 15px
}
.map-box-space1 {
margin-top: 7px
}
.service-or {
position: relative
}
.service-bg {
width: 250px;
padding: 60px;
position: absolute;
top: -10px;
right: -100px;
background-color: rgba(255, 255, 255, .1);
transform: rotate(55deg)
}
.easy-block-v1 {
position: relative
}
.easy-block-v1 img {
width: 100%
}
.easy-block-v1 .easy-block-v1-badge {
left: 0;
top: 10px;
z-index: 1;
color: #fff;
padding: 4px 10px;
position: absolute
}
.easy-block-v1 .overflow-h h3 {
width: 60%;
float: left;
font-size: 18px;
line-height: 24px;
margin-bottom: 5px
}
.easy-block-v2 {
position: relative;
margin-bottom: 20px
}
.easy-block-v2 img {
width: 100%
}
.easy-block-v2 .easy-bg-v2 {
top: 5px;
color: #fff;
width: 100px;
padding: 5px;
right: -32px;
font-size: 13px;
position: absolute;
text-align: center;
letter-spacing: 2px;
transform: rotate(45deg)
}
.easy-block-v3 {
text-align: left;
background: #585f69;
padding: 30px 20px 20px
}
.easy-block-v3.first {
background: #687074
}
.easy-block-v3.second {
background: #717984
}
.easy-block-v3.third {
background: #787f88
}
.easy-block-v3 i {
color: #fff;
float: left;
font-size: 30px;
min-width: 45px;
padding-top: 10px
}
.easy-block-v3 .inner-faq-b h2,
.easy-block-v3 .inner-faq-b h3 {
font-size: 21px;
margin-bottom: 8px;
color: #fff
}
.easy-block-v3 .inner-faq-b h4 {
color: #fff;
font-size: 17px;
margin-bottom: 2px
}
.easy-block-v3 .inner-faq-b p {
color: #fff
}
.full-w-block {
padding: 30px 0;
background: #252525
}
.full-w-block .info-blocks i,
.full-w-block .info-blocks-in h3,
.full-w-block .info-blocks:hover i.icon-info-blocks {
color: #fff
}
.full-w-block .info-blocks-in p {
color: #ccc
}
.simple-block {
margin-bottom: 20px
}
.simple-block img {
width: 100%
}
.simple-block p {
text-align: center
}
.simple-block .carousel-indicators {
top: 10px;
left: 65%;
text-align: right
}
.banner-info i,
.three-blocks,
.title-box-v2,
.two-blocks,
.two-blocks-in i {
text-align: center
}
.simple-block .carousel-indicators .active {
background: #555
}
.simple-block .carousel-indicators li {
border-color: #555
}
.simple-block .responsive-video {
margin-bottom: 3px
}
.simple-block .carousel-inner>.item {
margin: 0
}
.two-blocks-in {
margin-bottom: 30px
}
.two-blocks-in i {
color: #fff;
padding: 11px;
font-size: 30px;
min-width: 50px;
background: #585f69;
margin-bottom: 10px;
display: inline-block
}
.three-blocks-in {
margin-bottom: 30px
}
.three-blocks-in i {
color: #777;
padding: 9px 6px;
font-size: 20px;
min-width: 40px;
margin-bottom: 10px;
border: 1px solid #777
}
.three-blocks-in h3 {
font-size: 20px;
margin-bottom: 7px
}
.banner-info {
margin-bottom: 10px
}
.banner-info i {
float: left;
color: #fff;
padding: 11px;
min-width: 40px;
font-size: 22px;
margin: 7px 20px 0 0
}
.banner-info i.fa {
min-width: 46px
}
.banner-info.light i {
border: 1px solid #fff
}
.banner-info.light h3 {
color: #fff
}
.banner-info.light p {
color: #eee
}
.banner-info h3 {
font-size: 21px;
margin-bottom: 5px
}
.banner-info.dark i {
background: #555
}
.title-box-v2 {
margin-bottom: 40px
}
.title-box-v2 h2 {
font-size: 25px;
text-transform: uppercase
}
.title-box-v2 p {
font-size: 13px
}
.no-space {
padding: 0
}
.no-space-left {
padding-left: 0;
padding-right: 15px!important
}
.no-space-right {
padding-right: 0;
padding-left: 15px!important
}
.list-style-v1 li {
margin-bottom: 7px
}
.list-style-v1 i {
margin-right: 5px
}
.status-bar-in {
padding: 10px;
position: relative;
background: #eee
}
.status-bar-in:after {
width: 0;
height: 0;
top: -10px;
left: 50px;
content: " ";
display: block;
position: absolute;
border-bottom: 11px solid #eee;
border-left: 11px solid transparent;
border-right: 11px solid transparent;
border-left-style: inset;
border-right-style: inset
}
.header-links-red.one-page-header.header-v6.headerRelative,
.service-info {
position: relative
}
.service-info {
padding: 40px 0 50px;
background: url(../img/patterns/17.png)
}
.service-info .info-description h3 {
margin: 0 0 10px
}
.service-info .info-description p {
color: #777
}
.service-info i.service-info-icon {
color: #777;
float: left;
width: 50px;
height: 50px;
padding: 15px;
font-size: 20px;
line-height: 17px;
margin-right: 20px;
text-align: center;
display: inline-block;
border: 1px solid #777
}
.header-links-red.one-page-header.header-v6.headerAbsolute {
position: absolute
}
.content-separator {
width: 100%;
height: 20px;
background: #000;
position: relative;
z-index: 2
}
@media screen and (max-width:600px) {
.sky-form .col {
float: none;
width: 100%
}
}
.sky-form-modal {
position: fixed;
z-index: 1;
display: none;
width: 400px
}
.sky-form-modal-overlay {
position: fixed;
top: 0;
left: 0;
display: none;
width: 100%;
height: 100%;
background: rgba(0, 0, 0, .7)
}
.section-block {
padding: 20px;
border: 1px solid #eee;
box-shadow: 0 0 3px #eee
}
.contact-us .sky-form .form-control:focus,
.faq .panel {
box-shadow: none
}
.section-block h2 {
color: #333;
font-size: 28px;
font-weight: 200;
margin: 10px 0 15px
}
.section-block .section-block-info {
margin-top: 5px;
padding-top: 20px;
border-top: solid 1px #eee
}
.section-block .section-block-info ul,
.section-block .text-center p {
margin-bottom: 0
}
.checkbox,
.radio {
margin-top: 0
}
.btn-u.btn-u-default {
background: red;
color: #fff
}
.btn-u.btn-u-default:focus,
.btn-u.btn-u-default:hover {
background: #bb0707!important;
color: #fff!important
}
.btn-u.btn-u-dark {
background: #2c2c2c;
color: #fff
}
.btn-u.btn-u-dark:focus,
.btn-u.btn-u-dark:hover {
background: #181818!important;
color: #fff!important
}
.btn-u.button-uploading:after {
top: 6px
}
.btn-u.btn-u-lg.button-uploading:after {
top: 10px
}
.btn-u.btn-u-sm.button-uploading:after {
top: 3px
}
.btn-u.btn-u-xs.button-uploading:after {
top: 2px
}
.label {
padding: .2em 0 .3em
}
li,
li a,
p {
/*color:#555*/
}
.no-side-padding {
padding-left: 0;
padding-right: 0
}
.g-color-white-darker {
color: rgba(255, 255, 255, .8)!important
}
.g-color-black-lighter {
color: rgba(0, 0, 0, .8)!important
}
.g-textarea-noresize {
resize: none
}
.g-heading-v11 {
position: relative;
padding-bottom: 30px
}
.g-heading-v11:after {
content: "";
display: block;
position: absolute;
left: 0;
bottom: 0;
width: 30px;
margin-left: 0;
border-bottom: 4px solid #e74c3c
}
.g-heading-v11 .h2,
.g-heading-v11 h2 {
text-transform: uppercase;
font-size: 26px;
font-weight: 700;
color: #2c2c2c;
margin-bottom: 20px;
line-height: 1.3
}
.g-heading-v11 p {
margin: 0 auto;
max-width: 760px
}
.g-heading-v11.text-center:after {
left: 50%;
margin-left: -15px
}
.g-heading-v11.text-right:after {
left: auto;
right: 0;
margin-left: 0
}
.intro-section p {
color: #fff;
opacity: .8;
line-height: 1.6;
margin-bottom: 35px
}
.backstretch {
background: rgba(0, 0, 0, .5)
}
.intro-section-info {
padding-top: 60px
}
.intro-section-info h2 {
color: #fff;
text-transform: uppercase;
font-weight: 700;
font-size: 56px;
line-height: 1;
margin-bottom: 30px
}
.intro-section-info h3 {
color: #fff;
text-transform: uppercase;
font-weight: 700;
font-size: 18px;
margin-bottom: 20px
}
.gall-div {
padding: 90px 0 0
}
.faq {
padding: 10px 0 0
}
.faq .panel {
border: none;
background-color: transparent
}
.faq .acc-v1 .panel-heading a {
font-size: 18px;
padding-left: 30px;
background: 0 0;
color: #e74c3c;
font-weight: 700;
transition: all 1s ease
}
.faq .acc-v1 .panel-heading {
color: #333;
background: 0 0
}
.faq .acc-v1 .panel-heading a .tab-icon {
font-size: 12px;
color: #e74c3c;
transition: all 1s ease
}
.faq .acc-v1 .panel-heading a:hover {
text-decoration: none;
color: #fff;
transition: all 1s ease
}
.faq .acc-v1.plus-toggle .panel-heading a.collapsed,
.faq .acc-v1.plus-toggle .panel-heading a.collapsed:hover {
color: #fff;
transition: all .1s ease
}
.social-icons-v1 i:hover,
.tags-v1 li a,
.tags-v2 li a:hover,
.tags-v3 li a:hover {
transition: all .2s ease-in-out
}
.faq .acc-v1.plus-toggle .panel-heading a.collapsed:before {
content: "\f067"
}
.faq .acc-v1.plus-toggle .panel-heading a:before {
color: #e74c3c;
font-size: 12px;
content: "\f068";
line-height: 12px;
position: absolute;
left: 0;
top: 12px;
background: 0 0;
font-family: FontAwesome
}
.faq .panel-heading,
.main-slider {
position: relative
}
.faq .panel-body {
padding: 10px 15px 10px 0
}
.faq .panel-body p {
line-height: 1.5;
padding: 0 30px;
color: #fff
}
.faq .panel-group .panel-heading+.panel-collapse>.list-group,
.faq .panel-group .panel-heading+.panel-collapse>.panel-body {
border-top: none
}
.contact-us {
padding: 80px 0 70px
}
.contact-us .sky-form .form-control {
background: #f5f5f5;
max-width: 775px;
border: none
}
.contact-us .sky-form .btn-u {
width: 100%
}
.contact-us .sky-form input.form-control {
height: 45px
}
.contact-us .contact-list h4 {
font-size: 16px;
text-transform: uppercase;
font-weight: 700;
color: #2c2c2c;
margin-bottom: 30px
}
.contact-us .contact-list p {
font-size: 12px;
text-transform: uppercase;
color: #999;
margin-bottom: 30px
}
.contact-us .contact-list ul li {
font-size: 12px;
text-transform: uppercase;
color: #999;
margin-bottom: 5px
}
.contact-us .contact-list ul li span {
font-size: 12px;
text-transform: uppercase;
color: #2c2c2c;
font-weight: 700
}
.map-class {
height: 500px
}
.copyright {
background: #333;
padding: 25px 0 15px
}
.copyright .cr-left {
padding: 0 0 11px
}
.copyright .cr-left p {
color: #777;
margin: 0;
vertical-align: middle
}
.progress-box h5,
em.invalid {
margin-bottom: 10px
}
.copyright .cr-left a {
color: #fff;
font-weight: 700
}
.copyright .cr-right {
text-align: right
}
.margin-top-100 {
margin-top: 100px
}
.margin-top-85 {
margin-top: 85px
}
.btn-u-lg.btn-u-upper {
font-size: 12px;
font-weight: 700
}
.text-center .g-heading-v7 .h2:after {
left: 50%;
margin-left: -35px
}
em.invalid {
text-align: left;
color: white;
}
.revicon-search-1:before {
content: '\e802'
}
.revicon-pencil-1:before {
content: '\e831'
}
.revicon-picture-1:before {
content: '\e803'
}
.revicon-cancel:before {
content: '\e80a'
}
.revicon-info-circled:before {
content: '\e80f'
}
.revicon-trash:before {
content: '\e801'
}
.revicon-left-dir:before {
content: '\e817'
}
.revicon-right-dir:before {
content: '\e818'
}
.revicon-down-open:before {
content: '\e83b'
}
.revicon-left-open:before {
content: '\e819'
}
.revicon-right-open:before {
content: '\e81a'
}
.revicon-angle-left:before {
content: '\e820'
}
.revicon-angle-right:before {
content: '\e81d'
}
.revicon-left-big:before {
content: '\e81f'
}
.revicon-right-big:before {
content: '\e81e'
}
.revicon-magic:before {
content: '\e807'
}
.revicon-picture:before {
content: '\e800'
}
.revicon-export:before {
content: '\e80b'
}
.revicon-cog:before {
content: '\e832'
}
.revicon-login:before {
content: '\e833'
}
.revicon-logout:before {
content: '\e834'
}
.revicon-video:before {
content: '\e805'
}
.revicon-arrow-combo:before {
content: '\e827'
}
.revicon-left-open-1:before {
content: '\e82a'
}
.revicon-right-open-1:before {
content: '\e82b'
}
.revicon-left-open-mini:before {
content: '\e822'
}
.revicon-right-open-mini:before {
content: '\e823'
}
.revicon-left-open-big:before {
content: '\e824'
}
.revicon-right-open-big:before {
content: '\e825'
}
.revicon-left:before {
content: '\e836'
}
.revicon-right:before {
content: '\e826'
}
.revicon-ccw:before {
content: '\e808'
}
.revicon-arrows-ccw:before {
content: '\e806'
}
.revicon-palette:before {
content: '\e829'
}
.revicon-list-add:before {
content: '\e80c'
}
.revicon-doc:before {
content: '\e809'
}
.revicon-left-open-outline:before {
content: '\e82e'
}
.revicon-left-open-2:before {
content: '\e82c'
}
.revicon-right-open-outline:before {
content: '\e82f'
}
.revicon-right-open-2:before {
content: '\e82d'
}
.revicon-equalizer:before {
content: '\e83a'
}
.revicon-layers-alt:before {
content: '\e804'
}
.revicon-popup:before {
content: '\e828'
}
.tp-shadow3:before,
.tp-shadow4:after {
z-index: -2;
content: "";
bottom: 10px;
width: 50%;
top: 85%;
max-width: 300px;
background: 0 0;
box-shadow: 0 15px 10px rgba(0, 0, 0, .8);
position: absolute
}
.tp-shadow3:before {
left: 10px;
transform: rotate(-3deg)
}
.tp-shadow4:after {
transform: rotate(3deg);
right: 10px;
left: auto
}
#dialog_addbutton .rev-burger:hover :first-child {
transform: translateY(6px) rotate(-45deg)
}
#dialog_addbutton .rev-burger:hover :nth-child(2) {
transform: rotate(-45deg);
opacity: 0
}
#dialog_addbutton .rev-burger:hover :last-child {
transform: translateY(-6px) rotate(-135deg)
}
.indebugmode .tp-caption:hover {
border: 1px dashed #c0392b!important
}
.navbar-fixed-bottom .navbar-collapse {
max-height: 100%
}
.breadcrumb-v2 li a,
.breadcrumb-v2 li.active {
color: #fff
}
.breadcrumb-v2 li i {
color: #fff;
min-width: 19px;
padding: 3px 7px;
margin-right: 5px;
text-align: center;
border: 1px solid #fff
}
.nav-pills>li>a,
.pagination-lg>li:first-child>a,
.pagination-lg>li:first-child>span,
.pagination-lg>li:last-child>a,
.pagination-lg>li:last-child>span {
border-radius: 0
}
.service-block-v2 .service-block-in {
padding: 20px 30px;
text-align: center;
margin-bottom: 15px;
background: rgba(255, 255, 255, .2)
}
.service-block-v2 .service-block-in i {
font-size: 40px;
color: #fff
}
.service-block-v2 .service-block-in h4 {
line-height: 25px;
color: #fff
}
.service-block-v2 .service-block-in p {
margin-bottom: 20px;
color: #fff
}
.parallax-team-dark:before {
top: 0;
left: 0;
width: 100%;
height: 100%;
content: " ";
position: absolute;
background: rgba(0, 0, 0, .8)
}
.social-icons-v1 i {
color: #555;
width: 33px;
height: 33px;
padding: 9px;
font-size: 14px;
text-align: center;
background: #f7f7f7;
display: inline-block
}
.social-icons-v1 i:hover {
color: #fff;
background: #e74c3c;
text-decoration: none
}
.social-icons-v1--dark i {
color: #fff;
background: #333
}
.shadow-effect-3:before {
transform: rotate(-3deg);
box-shadow: 0 15px 10px #999
}
.shadow-effect-4:after {
box-shadow: 0 15px 10px #999;
left: auto;
right: 5px;
transform: rotate(3deg)
}
.intro-promo-cover-dark:after {
background: rgba(0, 0, 0, .8)
}
.intro-promo-cover-light:after {
background: rgba(255, 255, 255, .9)
}
.fullscreenbanner-container ul li {
list-style: none;
visibility: hidden
}
.acc-v1 .panel-heading {
padding: 0;
box-shadow: none
}
.acc-v1 .panel-heading a {
display: block;
font-size: 14px;
padding: 5px 15px;
background: #fefefe
}
.acc-icon a.accordion-toggle i {
color: #555;
margin-right: 8px
}
.acc-icon a.accordion-toggle:hover i {
color: #39414c
}
.pagination-no-space .pagination {
margin: 0
}
.content-boxes-v4-sm i {
font-size: 26px;
margin-top: 10px;
margin-right: 5px
}
.tags-v1 li {
margin: 0;
padding: 0
}
.tags-v1 li a {
font-size: 13px;
padding: 4px 8px;
line-height: 32px;
border: 2px solid #eee;
border-radius: 20px!important
}
.tags-v1 li a:hover {
text-decoration: none;
border-color: #e1e1e1
}
.tags-v2 li {
padding: 7px 0 7px 4px
}
.tags-v2 li a {
color: #555;
font-size: 13px;
padding: 5px 10px;
border: 1px solid #bbb
}
.tags-v2 li a:hover {
color: #fff;
background: #555;
border-color: #555;
text-decoration: none
}
.tags-v3 li {
padding: 7px 0 7px 4px
}
.tags-v3 li a {
color: #555;
font-size: 12px;
padding: 4px 12px;
border: 1px solid #eee
}
.tags-v3 li a:hover {
color: #fff;
background: #222;
border-color: #222;
text-decoration: none
}
.thumb-headline h2 {
color: #eee;
font-size: 16px
}
.latest-tweets .latest-tweets-inner p {
color: #555;
font-size: 13px
}
.latest-tweets .latest-tweets-inner a {
text-decoration: none
}
.latest-tweets .latest-tweets-inner a:hover {
text-decoration: underline
}
.latest-tweets .latest-tweets-inner small {
color: #777;
display: block
}
.latest-tweets .latest-tweets-inner i.fa {
top: 2px;
float: left;
color: #55acee;
font-size: 18px;
margin-right: 5px;
position: relative
}
.thumbnail h3 {
margin: 6px 0 8px
}
.thumbnail h3 a {
color: #585f69;
font-size: 18px
}
.thumbnail h3 a:hover {
color: #e74c3c;
text-decoration: none
}
.service-alternative .service:hover {
background: #e74c3c;
transition: all .4s ease-in-out
}
.service-alternative .service:hover h4,
.service-alternative .service:hover i,
.service-alternative .service:hover p {
color: #fff
}
.headline.red h3,
.headline.red h4 {
border-bottom: 2px solid #e74c3c
}
.container-fluid.bg-grey {
background: #f8f8f8;
border: none
}
.service-item .item-in:after,
.service-item .item-in:before {
content: "";
background: rgba(255, 255, 255, .2);
width: 30%;
height: 1px;
top: 0;
z-index: 1
}
.service-item .item-in {
border: 1px solid rgba(255, 255, 255, .2);
border-top: none;
position: relative;
padding: 40px 20px 30px;
text-align: center;
margin-bottom: 90px
}
.service-item .item-in:after {
position: absolute;
right: 0
}
.service-item .item-in:before {
position: absolute;
left: 0
}
.service-item .item-in span {
position: absolute;
top: -35px;
left: 50%;
margin-left: -25px;
color: #fff
}
.service-item .item-in h3 {
text-transform: uppercase;
font-weight: 700;
font-size: 14px;
margin-bottom: 15px;
color: #fff
}
.service-item .item-in p {
color: rgba(255, 255, 255, .8)
}
.service-item .item-in .fa {
color: #fff
}
.textnew {
color: #000
}
.sticky-container {
padding: 0;
margin: 0;
position: fixed;
right: -119px;
top: 130px;
width: 200px
}
.sticky li {
list-style-type: none;
background-color: #333;
color: #efefef;
height: 43px;
padding: 0;
margin: 0 0 1px;
-webkit-transition: all .25s ease-in-out;
-moz-transition: all .25s ease-in-out;
-o-transition: all .25s ease-in-out;
transition: all .25s ease-in-out;
cursor: pointer;
filter: url("data:image/svg+xml;utf8,#grayscale");
filter: gray;
-webkit-filter: grayscale(100%)
}
.sticky h1,
.sticky p,
.sticky p a,
h2 {
color: #ecf0f1
}
.sticky li:hover {
margin-left: -115px;
filter: url("data:image/svg+xml;utf8,#grayscale");
-webkit-filter: grayscale(0)
}
.sticky li img {
float: left;
margin: 5px 10px 5px 5px
}
.sticky li p {
padding: 0;
margin: 0;
text-transform: uppercase;
line-height: 43px
}
.sticky .content {
margin-top: 150px;
margin-left: 100px;
width: 700px
}
.sticky h1,
h2 {
font-family: "Source Sans Pro", sans-serif;
padding: 0;
margin: 0;
font-weight: 400
}
.sticky h1 {
font-weight: 900;
font-size: 64px
}
.sticky h2 {
font-size: 26px
}
.sticky p {
font-family: Lato;
line-height: 28px;
font-size: 15px;
padding-top: 50px
}
.sticky p.credit {
padding-top: 20px;
font-size: 12px
}
.blacktext,
.overmap {
color: #000
}
.wrappernew {
margin: 0 auto;
width: 200px;
border: 1px solid #fff;
padding: 5px
}
#firstslide video {
background-image: url(../img/patterns/9.png);
opacity: 1;
height: 100%
}
.g-bg-default-color-black {
background: #000
}
.overmap {
position: absolute;
left: 5px;
top: 50px;
font-weight: 700;
background: #fff
}
.servicetext {
color: #F0F0F0
}
.Toptext,
.Toptext a {
color: #fff
}
.Toptext {
border-right: solid 1px #898c95;
padding-right: 10px;
padding-top: 6px;
padding-bottom: 6px
}
.Toptext a:hover {
color: #D31900
}
.ulnew {
margin-bottom: 0;
float: right;
padding-right: 15px
}
.ulnew>li {
display: inline-block;
padding-left: 5px
}
.ServicePageText {
line-height: 24px
}
.headerline {
border-top: solid 1px #898c95;
border-bottom: solid 1px #898c95
}
.contact_section {
padding: 25px 50px;
height: auto
}
.g-heading-v8 .our-service-info h2 {
margin: 90px 10px 30px;
line-height: 100%;
font-size: 270%
}
.g-heading-v8 .our-service-info h2 strong {
color: #000;
margin-top: 40px!important
}
.one-page-header .navbar-nav>li>a span[data-hover]::before {
color: #e74c3c
}
.mainblock {
position: relative;
background: 0 0;
width: 100%!important;
height: 100vh!important;
margin: 0!important;
padding: 0
}
video.bgvid2 {
position: absolute;
top: 0;
left: 0;
bottom: 0;
right: 0;
min-width: 100%;
min-height: 100%;
width: 100%;
height: auto;
z-index: -100;
margin: 0;
object-fit: cover
}
#ContactButon {
border: 1px solid #fff;
}
/* custom.css */
body,
h1,
h2,
h3,
h4,
h5,
p {
font-family: 'Quattrocento Sans', sans-serif !important;
}
body {
font-size: 16px;
line-height: 22px;
}
a {
color: #11b7ea;
text-decoration: none;
}
a:hover {
color: #5e6c76;
text-decoration: none;
}
.header-v6 .navbar-nav>li>a {
line-height: 32px;
}
.Toptext {
border-right: none;
}
.Toptext span {
color: #0A0A0A;
margin-left: 5px;
}
.Toptext {
font-style: 15px;
}
.Toptext i.socialmedia {
border-radius: 50%;
font-size: 12px !important;
height: 25px;
line-height: 25px;
text-align: center;
width: 25px;
background-color: #0A0A0A;
}
.head-phone {
font-size: 16px;
font-weight: 600;
}
.header-fixed .header-v6.header-fixed-shrink .navbar-brand {
height: auto;
max-height: none;
z-index: 3;
}
.head-phone span {
font-size: 14px;
}
.Toptext i.socialmedia:hover {
background-color: #ffffff;
color: #0A0A0A;
}
.one-page-header .dropdown-menu {
padding-top: 11px;
}
a.scroll_hint {
background-image: none !important;
height: auto !important;
text-align: right;
padding-bottom: 15px;
margin: -66px 20px 0 auto;
font-size: 12px;
color: #ffffff;
width: 80px;
height: 51px;
/*background-image: url('/assets/img/scroll-back.png');
background-repeat: no-repeat;
background-position: bottom center;*/
display: block;
position: relative;
z-index: 1;
text-transform: uppercase;
}
a.scroll_hint i {
font-size: 24px;
}
a.scroll_hint:hover {
text-decoration: none;
}
.h1,
.h2,
.h3 {
margin-top: 0px;
margin-bottom: 00px;
}
.our-service-info p {
margin-left: 10px;
margin-right: 30px;
text-align: left;
line-height: 140%;
}
.buttonMore {
margin: 0px;
padding: 0px;
position: relative;
width: auto;
height: auto;
float: left;
}
.buttonMore a {
color: #0A0A0A;
background: transparent;
text-decoration: none;
padding: 10px 0px 10px 30px;
font-size: 15px;
font-weight: 600;
-webkit-transition-property: all;
transition-property: all;
-webkit-transition-duration: 0.5s;
transition-duration: 0.5s;
margin-left: -30px;
display: inline-block;
border-bottom: 3px solid #0A0A0A !important;
letter-spacing: 1px;
}
.buttonMore a:hover {
color: #0A0A0A !important;
border-bottom: 3px solid #0A0A0A !important;
background-size: 12px 12px;
cursor: pointer;
padding-right: 300px;
}
.slider-content .box_link a {
border: none;
/* background-color: #0A0A0A ;
*/
color: #ffffff;
/*border: 1px solid #0A0A0A ;*/
}
/*.slider-content .box_link a:hover {
background-color: transparent;
border: 1px solid #0A0A0A ;
}
*/
/*--------------------------------------------------
[4. About Section]
----------------------------------------------------*/
/*Adding background image that would only show on hover*/
#about {
background-color: #0d2406;
position: relative;
padding-bottom: 40px;
}
.arch-service {
padding: 0;
position: relative;
}
.arch-service-1 {
background: url(../img/product1.jpg) no-repeat 80% 0 / cover;
}
.arch-service-1:before {
content: '';
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
background-image: linear-gradient(to top right, #2a2f31, #989ea1);
opacity: 0.65;
z-index: 1;
transition: opacity 1s ease-in-out;
}
.arch-service-1:hover:before {
transition: opacity 1s ease-in-out;
opacity: 0.2;
}
.arch-service-2 {
background: url(../img/service2.jpg) no-repeat 30% 0 / cover;
}
.arch-service-2:before {
content: '';
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
background-image: linear-gradient(to top right, #2a2f31, #989ea1);
opacity: 0.65;
z-index: 1;
transition: opacity 1s ease-in-out;
}
.arch-service-2:hover:before {
transition: opacity 1s ease-in-out;
opacity: 0.2;
}
.arch-service-3 {
background: url(../img/service3.jpg) no-repeat 80% 0 / cover;
}
.arch-service-3:before {
content: '';
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
background-image: linear-gradient(to top right, #2a2f31, #989ea1);
opacity: 0.65;
z-index: 1;
transition: opacity 1s ease-in-out;
}
.arch-service-3:hover:before {
transition: opacity 1s ease-in-out;
opacity: 0.2;
}
.arch-service-4 {
background: url(../img/service4.jpg) no-repeat 50% 0 / cover;
}
.arch-service-4:before {
content: '';
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
background-image: linear-gradient(to top right, #2a2f31, #989ea1);
opacity: 0.65;
z-index: 1;
transition: opacity 1s ease-in-out;
}
.arch-service-4:hover:before {
transition: opacity 1s ease-in-out;
opacity: 0.2;
}
.arch-service-5 {
background: url(../img/service5.jpg) no-repeat 80% 0 / cover;
}
.arch-service-5:before {
content: '';
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
background-image: linear-gradient(to top right, #2a2f31, #989ea1);
opacity: 0.65;
z-index: 1;
transition: opacity 1s ease-in-out;
}
.arch-service-5:hover:before {
transition: opacity 1s ease-in-out;
opacity: 0.2;
}
.arch-service-6 {
background: url(../img/service6.jpg) no-repeat 80% 0 / cover;
}
.arch-service-6:before {
content: '';
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
background-image: linear-gradient(to top right, #2a2f31, #989ea1);
opacity: 0.65;
z-index: 1;
transition: opacity 1s ease-in-out;
}
.arch-service-6:hover:before {
transition: opacity 1s ease-in-out;
opacity: 0.2;
}
.arch-service-7 {
background: url(../img/service7.jpg) no-repeat 80% 0 / cover;
}
.arch-service-7:before {
content: '';
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
background-image: linear-gradient(to top right, #2a2f31, #989ea1);
opacity: 0.65;
z-index: 1;
transition: opacity 1s ease-in-out;
}
.arch-service-7:hover:before {
transition: opacity 1s ease-in-out;
opacity: 0.2;
}
.arch-service-in {
padding: 100px 30px;
transition: opacity 0.4s ease-in-out;
z-index: 2;
position: relative;
}
.arch-service-6:before {
content: '';
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
background-image: linear-gradient(to top right, #2a2f31, #989ea1);
opacity: 0.65;
z-index: 1;
transition: opacity 1s ease-in-out;
}
.arch-service-6:hover:before {
transition: opacity 1s ease-in-out;
opacity: 0.2;
}
.arch-service:hover .arch-service-in h3 {
opacity: 0.45;
transition: all 0.7s ease-in-out;
}
.arch-service:hover .arch-service-in p {
opacity: 0.45;
transition: all 0.7s ease-in-out;
border-bottom: 1px solid transparent;
}
.arch-service:hover .arch-service-in .arch-service-btn {
color: #fff !important;
background: #384a53;
padding: 7px 13px 8px 13px;
opacity: 0.8;
transition: all 0.8s ease-in-out;
}
.arch-service-in .icon {
color: #c74645;
font-size: 30px;
}
.arch-service-in h3 {
color: #fff;
text-transform: none;
margin: 20px 0 25px;
transition: all 0.7s ease-in-out;
}
.arch-service-in p {
font-size: 18px;
margin-bottom: 30px;
color: #fff;
text-transform: none;
font-weight: 500;
transition: all 0.7s ease-in-out;
border-bottom: 1px solid #fff;
padding: 0 0 20px 0;
}
.arch-service-in .arch-service-btn {
background: transparent;
border: none;
color: #fff;
font-size: 14px;
font-weight: bold;
text-transform: uppercase;
padding-left: 0;
text-decoration: none;
transition: all 0.8s ease-in-out;
/*border-top: 1px solid #fff;*/
padding: 7px 13px 8px 13px;
letter-spacing: 1px;
}
.g-heading-v7 .block_name {
color: #0A0A0A;
}
.owl2-carousel-v2 .owl-prev,
.owl2-carousel-v2 .owl-next,
.contact-button-link:hover,
.contact-button-link:focus,
.contact-button-link:active,
.g-heading-v7 h2,
.g-heading-v7 .h2 {
background-color: transparent;
}
@media (max-width: 768px) {
.modal-body .modal-top img {
margin-top: -40px;
}
.modal button.close {
position: absolute;
width: 30px;
height: 30px;
top: 0;
right: 10px;
z-index: 2;
}
}
.col-xs-15,
.col-sm-15,
.col-md-15,
.col-lg-15 {
position: relative;
min-height: 1px;
padding-right: 10px;
padding-left: 10px;
padding: 0 !important;
}
.col-xs-15 {
width: 20%;
float: left;
}
@media (min-width: 768px) {
.col-sm-15 {
width: 20%;
float: left;
}
}
@media (min-width: 992px) {
.col-md-15 {
width: 20%;
float: left;
}
}
@media (min-width: 1200px) {
.col-lg-15 {
width: 20%;
float: left;
}
}
.arch-service span {
color: #0A0A0A;
font-size: 52px;
display: none;
}
.call-action-v1-in .col-md-10 {
padding-left: 0px;
}
.call-action-v1-in h3.color-light {
font-size: 30px;
line-height: 1.55;
margin-left: 0px;
margin-right: 30px;
}
.call-action-v1-in h3.color-light p {
text-transform: none;
}
.call-action-v1 .call-action-v1-in {
display: block;
text-align: left;
width: 100%;
padding-left: 10px;
}
a.call-action-v1-in .telephone {
color: #11b7ea;
letter-spacing: 2px;
vertical-align: middle;
font-weight: 600;
white-space: nowrap;
margin: 5px;
}
.call-action-v1-in .btnQuote {
position: relative;
color: #fff;
background-color: #0A0A0A;
padding: 0.65em 1em 0.55em;
float: right;
margin-right: 20%;
margin-top: 20px;
border: 1px solid #fff;
white-space: nowrap;
}
.call-action-v1-in .btnQuote:hover {
background-color: #11b7ea;
}
.call-action-v1-in p {
margin-top: 0px;
font-size: 18px;
line-height: 1.5;
font-weight: 200;
margin-bottom: 0;
}
@media screen and (max-width: 991px) {
.call-action-v1 .call-action-v1-in {
padding-left: 0px;
}
.call-action-v1-in h3.color-light {
font-size: 21px;
}
.call-action-v1-in .btnQuote {
background-color: #0A0A0A;
float: right;
margin-right: 15px;
margin-top: 20px;
}
}
.call-action-v1 .call-action-v1-in.inner-btn {
display: inline-block;
text-align: right;
margin-top: 20px;
}
.our-services-list-item h3 {
font-size: 24px !important;
}
.g-bg-default-color {}
.contact-section .h2 strong {
color: #11b7ea;
}
.contact-section-info {
font-size: 16px;
text-align: left;
}
.contact-section .address,
.info2-section {
text-align: left;
}
.info2-section {
margin-bottom: 15px;
width: 100%;
float: left;
}
.info2-section i {
height: 20px;
width: 30px;
text-align: center;
display: inline-block;
}
.info2-section span {
display: inline-block;
}
.info2-section i.fa-mobile {
font-size: 24px;
}
.info2-section i.fa-map-marker {
font-size: 20px;
}
.info2-section i {
height: 20px;
width: 30px;
text-align: center;
display: inline-block;
vertical-align: top;
}
::-webkit-input-placeholder {
/* Chrome/Opera/Safari */
color: #b5b5b5 !important;
}
::-moz-placeholder {
/* Firefox 19+ */
color: #b5b5b5 !important;
}
:-ms-input-placeholder {
/* IE 10+ */
color: #b5b5b5 !important;
}
:-moz-placeholder {
/* Firefox 18- */
color: #b5b5b5 !important;
}
.sky-form .input input,
.sky-form .textarea textarea,
.sky-form .textarea textarea:hover,
.sky-form .input input:hover,
.sky-form .input input:focus {
background: transparent none repeat scroll 0 0;
box-shadow: none;
color: #000;
}
.sky-form button {
font-size: 18px;
margin-top: 0px;
color: #fff;
background-color: #484d52;
padding: 5px 10px;
border-width: 0;
border-radius: 3px;
transition: all 1s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;
}
.sky-form label {
font-size: 17px;
color: #fff;
font-weight: 500;
}
.sky-form button:hover,
.sky-form button:active {
background-color: #11b7ea;
transition: all 1s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;
}
.call-action-v1 .call-action-v1-box {
padding: 40px 10px;
}
.services-page-section {
padding: 50px 0;
}
.color_touch {
background-color: #11b7ea;
}
.contact-section-content {
text-align: left;
}
.color_touch ul.weWorkWithbrands {
display: block;
margin: 0;
position: absolute;
bottom: 15px;
left: 0px;
padding-left: 23px;
font-size: 0.95em;
line-height: 1.5;
width: 81%;
color: #fff;
}
.color_touch ul.weWorkWithbrands div {
padding-bottom: 10px;
}
.color_touch ul.weWorkWithbrands .productCategory {
display: block;
color: #0A0A0A;
font-weight: 700;
}
.color_touch ul.weWorkWithbrands li {
list-style: none;
color: #fff;
}
.color_touch ul.weWorkWithbrands li i {
margin-right: 10px;
}
@media screen and (max-width: 991px) {
.color_touch {
display: none;
}
}
.about_page .h2.color-light {
padding-left: 0;
}
.about_page .h2 .block_name {
color: #ffffff;
}
.service_page {
background-color: #0A0A0A;
}
.service_page .h2.color-light {
padding-left: 0;
}
.service_page .h2 .block_name {
color: #ffffff;
}
.schedule_page {
background-color: #0A0A0A;
}
.schedule_page .h2.color-light {
padding-left: 0;
}
.schedule_page .h2 .block_name {
color: #ffffff;
}
.gallery_page {
background-color: #0A0A0A;
}
div[title="specialGalleryPage"] {
background-color: #fff;
padding: 0 !important;
}
.gallery_page .h2.color-light {
padding-left: 0;
}
.gallery_page .h2 .block_name {
color: #ffffff;
}
.contact_page {
background-color: #11b7ea;
}
.contact_page .h2.color-light {
padding-left: 0;
}
.contact_page .h2 .block_name {
color: #ffffff;
}
.contact_page label {
color: #ffffff;
letter-spacing: 1px;
font-size: 110%;
font-weight: 500;
text-transform: uppercase;
}
.faq-add {
width: 100%;
}
.faq-page .faq-add {
border: 2px solid #eee;
margin-bottom: 20px;
padding: 15px;
float: left;
}
.faq-add h3.new-title {
font-size: 28px !important;
}
.faq-page .top-part i {
color: #777;
float: left;
font-size: 48px;
margin-bottom: 20px;
margin-right: 10px;
padding-top: 3px;
text-align: center;
width: 100%;
}
.faq-page .new-title {
float: left;
font-size: 18px;
margin-bottom: 5px;
text-align: center;
width: 100%;
}
.faq-page .new-title a {
color: #0A0A0A;
font-size: 24px;
}
.faq-page .faq-add p {
float: left;
font-size: 14px;
line-height: 1.5;
width: 100%;
margin-top: 10px;
}
.headline.red h2 {
font-weight: 600;
font-size: 36px !important;
}
.contact_section {
padding: 70px 50px;
}
.who li a {
border-bottom: 1px solid #c8c8c8;
float: left;
padding-bottom: 10px;
padding-top: 10px;
width: 100%;
}
.arch-service-btn {
color: #0A0A0A;
text-transform: uppercase;
font-size: 14px;
}
.content-boxes-v6 i {
color: #0A0A0A !important;
}
.content-boxes-v6:hover i {
background: #0A0A0A none repeat scroll 0 0;
transition: all 0.3s ease-in-out 0s;
color: #ffffff !important;
}
.content-boxes-v6:hover i::after {
border-color: #0A0A0A;
transition: all 0.3s ease-in-out 0s;
color: #ffffff !important;
}
h1.title-v3-md {
color: #ffffff !important;
}
h2.title-v3-md {
color: #ffffff !important;
}
.contact-sidebar .headline h2 {
display: inline-block;
font-size: 22px !important;
margin: 0 0 -2px;
padding-bottom: 5px;
}
.contact-sidebar ul li a {
border-bottom: medium none;
float: none;
padding-bottom: 0;
padding-top: 0;
width: 100%;
}
.filters {
list-style: outside none none;
margin: 0 0 70px;
padding: 0;
text-align: center;
}
.filters li {
display: inline-block;
margin: 10px 10px 0 0;
}
.filters li>a {
border: 2px solid transparent;
color: #111;
font-size: 11px;
font-weight: 700;
padding: 5px 15px;
}
.filters li>a.current {
background: #111 none repeat scroll 0 0;
border-color: #111;
color: #fff;
}
.works-grid-wrapper {
margin-left: -8px;
margin-right: -8px;
padding: 0;
}
.work-item {
overflow: hidden;
position: relative;
width: 25%;
}
.work-grid-3 .work-item {
width: 33.3333%;
}
.works-grid-gutter .work-item {
padding: 8px;
float: left;
}
.work-wrapper {
position: relative;
}
.work-item .work-thumbnail::after {
bottom: 0;
content: "";
display: block;
left: 0;
position: absolute;
right: 0;
top: 0;
transition: all 0.3s cubic-bezier(0.3, 0.1, 0.58, 1) 0s;
z-index: 1;
}
.work-item:hover .work-thumbnail::after {
background: rgba(255, 255, 255, 0.8) none repeat scroll 0 0;
}
.work-item img {
height: auto;
width: 100%;
}
.work-caption {
opacity: 0;
padding: 0 20px;
position: absolute;
text-align: center;
top: 50%;
transform: translateY(-50%);
transition-delay: 0.2s;
width: 100%;
z-index: 1;
}
.work-item:hover .work-caption {
opacity: 1;
}
.work-title {
font-size: 20px;
font-weight: 700;
letter-spacing: 4px;
margin: 0 0 15px;
opacity: 0;
transform: translateY(10px);
transition: all 0.3s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;
}
.work-item:hover .work-title {
transition-delay: 0.2s;
}
.work-category {
font-size: 14px;
font-style: italic;
font-weight: 400;
margin: 0;
opacity: 0;
transform: translateY(-10px);
transition: all 0.3s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;
}
.work-category a {
color: #11b7ea;
}
.work-item:hover .work-category {
transition-delay: 0.3s;
}
.work-item:hover .work-title,
.work-item:hover .work-category {
opacity: 1;
transform: translateY(0px);
}
.work-link {
bottom: 0;
left: 0;
position: absolute;
right: 0;
top: 0;
z-index: 3;
}
@media (max-width: 1200px) {
.work-item {
width: 50%;
}
}
@media (max-width: 767px) {
.work-item,
.works-grid-3 .work-item {
width: 100%;
}
}
.portfolio-post blockquote {
font-size: 22px;
margin: 0 0 30px;
text-align: left;
}
.portfolio-post blockquote::before {
content: none;
}
.projects-section {
padding-bottom: 50px;
}
h3.new-title {
font-size: 124px !important;
color: #0A0A0A;
}
/* E X E */
.g-heading-v8 h2 {
font-size: 45px;
margin-bottom: 20px;
text-align: left !important;
}
[data-ca3_icon]::before {
font-weight: normal;
content: attr(data-ca3_icon);
}
.ca3-scroll-down-arrow {
background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz48IURPQ1RZUEUgc3ZnIFBVQkxJQyAiLS8vVzNDLy9EVEQgU1ZHIDEuMS8vRU4iICJodHRwOi8vd3d3LnczLm9yZy9HcmFwaGljcy9TVkcvMS4xL0RURC9zdmcxMS5kdGQiPjxzdmcgdmVyc2lvbj0iMS4xIiBpZD0iQ2hldnJvbl90aGluX2Rvd24iIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHg9IjBweCIgeT0iMHB4IiB2aWV3Qm94PSIwIDAgMjAgMjAiIGVuYWJsZS1iYWNrZ3JvdW5kPSJuZXcgMCAwIDIwIDIwIiBmaWxsPSJ3aGl0ZSIgeG1sOnNwYWNlPSJwcmVzZXJ2ZSI+PHBhdGggZD0iTTE3LjQxOCw2LjEwOWMwLjI3Mi0wLjI2OCwwLjcwOS0wLjI2OCwwLjk3OSwwYzAuMjcsMC4yNjgsMC4yNzEsMC43MDEsMCwwLjk2OWwtNy45MDgsNy44M2MtMC4yNywwLjI2OC0wLjcwNywwLjI2OC0wLjk3OSwwbC03LjkwOC03LjgzYy0wLjI3LTAuMjY4LTAuMjctMC43MDEsMC0wLjk2OWMwLjI3MS0wLjI2OCwwLjcwOS0wLjI2OCwwLjk3OSwwTDEwLDEzLjI1TDE3LjQxOCw2LjEwOXoiLz48L3N2Zz4=);
background-size: contain;
background-repeat: no-repeat;
}
.ca3-scroll-down-link {
cursor: pointer;
height: 25px;
width: 25px;
margin: 0px 15px 0 -40px;
line-height: 60px;
position: absolute;
right: 0px;
bottom: 20px;
color: #FFF;
text-align: center;
font-size: 70px;
z-index: 100;
text-decoration: none;
text-shadow: 0px 0px 3px rgba(0, 0, 0, 0.4);
-webkit-animation: ca3_fade_move_down 3s ease-in-out infinite;
-moz-animation: ca3_fade_move_down 3s ease-in-out infinite;
animation: ca3_fade_move_down 3s ease-in-out infinite;
}
/*animated scroll arrow animation*/
@-webkit-keyframes ca3_fade_move_down {
0% {
-webkit-transform: translate(0, -20px);
opacity: 0;
}
50% {
opacity: 1;
}
100% {
-webkit-transform: translate(0, 20px);
opacity: 0;
}
}
@-moz-keyframes ca3_fade_move_down {
0% {
-moz-transform: translate(0, -20px);
opacity: 0;
}
50% {
opacity: 1;
}
100% {
-moz-transform: translate(0, 20px);
opacity: 0;
}
}
@keyframes ca3_fade_move_down {
0% {
transform: translate(0, -20px);
opacity: 0;
}
50% {
opacity: 1;
}
100% {
transform: translate(0, 20px);
opacity: 0;
}
}
.flexHeaderDivision {
position: relative;
display: flex;
flex: auto;
font-size: 1em;
flex-direction: column;
flex-shrink: 1;
width: auto;
height: auto;
margin: 0;
zoom: 0.9;
}
.flexHeaderSection {
display: flex;
flex-direction: column;
flex-grow: 1;
flex-shrink: 1;
position: relative;
overflow: hidden;
color: white;
width: auto;
height: auto;
margin: 0;
transition: flex-basis 700ms ease-in-out;
}
.flexHeaderDivisionTitle {
white-space: normal;
width: auto;
height: auto;
display: inline-block;
}
.flexHeaderDivisionBodyCopy {
white-space: normal;
width: auto;
height: auto;
}
.flexHeaderDivisionIcon {
display: inline;
position: absolute;
}
.flexHeaderDivision [role="menu_flexHeaderDivision"] {
flex-basis: 100%;
}
.flexHeaderDivision [role="visual_flexHeaderDivision"] {
flex-basis: 100%;
min-height: 350px;
}
.flexHeaderDivision [role="visual_flexHeaderDivision"].flexHeaderSection {
-webkit-transition-property: all;
transition-property: all;
-webkit-transition-duration: 2s linear;
transition-duration: 2s linear;
}
.flexHeaderDivisionCopyBlock {
width: auto;
height: auto;
background: #0A0A0A;
background: -webkit-linear-gradient( left, #0A0A0A, #0A0A0A 50%, rgba(0, 0, 0, 0.8));
background: -o-linear-gradient(left, #0A0A0A, #0A0A0A 50%, rgba(0, 0, 0, 0.8));
background: -moz-linear-gradient( left, #0A0A0A, #0A0A0A 50%, rgba(0, 0, 0, 0.8));
background: linear-gradient( left, #0A0A0A, #0A0A0A 50%, rgba(0, 0, 0, 0.8));
z-index: 2;
padding: 0;
margin: 0px;
-webkit-transition-property: all;
transition-property: all;
-webkit-transition-duration: 2s;
transition-duration: 2s;
}
.flexHeaderDivision [role="visual_flexHeaderDivision"] .flexHeaderDivisionTitle {
font-size: 1em;
font-weight: 700;
margin: 0px 0px 0px 20px;
padding: 10px 15px 10px 0px;
text-transform: uppercase;
position: relative;
display: inline-block;
width: auto;
height: 100%;
color: #fff;
left: 0px;
top: 0px;
border-right: 1px solid #fff;
transition: all 0.75s;
}
.flexHeaderDivision [role="visual_flexHeaderDivision"] .flexHeaderDivisionBodyCopy {
font-size: 0.85em;
font-weight: 500;
margin: 0px 0px 0px 0px;
padding: 10px 0px 10px 15px;
position: relative;
display: inline-block;
width: auto;
height: 100%;
color: #fff;
left: 0px;
top: 0px;
transition: all 0.75s;
}
.flexHeaderDivision [role="visual_flexHeaderDivision"] .flexHeaderDivisionBodyCopy .separator {
font-size: 0.85em;
font-weight: 700;
color: #11b7ea;
}
.flexHeaderDivision [role="visual_flexHeaderDivision"] .flexHeaderDivisionBodyCopy a {
color: #fff;
text-decoration: none;
}
.flexHeaderDivision [role="visual_flexHeaderDivision"] .flexHeaderDivisionBodyCopy a:hover {
color: #979b9e;
}
.flexHeaderDivision [role="visual_flexHeaderDivision"] .flexHeaderDivisionIcon {
top: 0em;
height: 100%;
width: 100%;
object-fit: cover;
mix-blend-mode: multiply;
z-index: 1;
}
@media (min-width: 900px) {
.flexHeaderDivision {
position: relative;
display: flex;
flex: auto;
font-size: 1em;
flex-direction: row;
flex-shrink: 1;
height: auto;
margin-top: 0px;
zoom: 1;
}
.flexHeaderSection {
display: flex;
/*flex: 1 0 10em; */
flex-direction: row;
flex-grow: 1;
flex-shrink: 1;
height: auto;
position: relative;
overflow: hidden;
color: white;
height: auto;
transition: flex-basis 700ms ease-in-out;
}
.flexHeaderDivisionTitle {
white-space: normal;
width: auto;
height: auto;
display: inline-block;
}
.flexHeaderDivisionBodyCopy {
white-space: normal;
width: auto;
height: auto;
color: #fff;
}
.flexHeaderDivisionIcon {
display: block;
position: absolute;
}
.flexHeaderDivision [role="menu_flexHeaderDivision"] {
flex-basis: 33%;
height: auto;
}
.flexHeaderDivision [role="visual_flexHeaderDivision"].flexHeaderSection {
-webkit-transition-property: all;
transition-property: all;
-webkit-transition-duration: 2s linear;
transition-duration: 2s linear;
}
.flexHeaderDivision [role="visual_flexHeaderDivision"].about {
background-color: rgba(45, 35, 36, 0.79);
}
.flexHeaderDivision [role="visual_flexHeaderDivision"].service1 {
background-color: rgba(156, 100, 85, 0.83);
}
.flexHeaderDivision [role="visual_flexHeaderDivision"].service2 {
background-color: rgba(42, 57, 19, 0.81);
}
.flexHeaderDivision [role="visual_flexHeaderDivision"].service3 {
background-color: rgba(79, 60, 59, 0.79);
}
.flexHeaderDivision [role="visual_flexHeaderDivision"].service4 {
background-color: rgba(97, 106, 114, 0.75);
}
.flexHeaderDivision [role="visual_flexHeaderDivision"].service5 {
background-color: rgba(136, 109, 90, 0.75);
}
.flexHeaderDivision [role="visual_flexHeaderDivision"].service6 {
background-color: rgba(0, 0, 0, 0.75);
}
.flexHeaderDivision [role="visual_flexHeaderDivision"].service7 {
background-color: rgba(0, 0, 0, 0.75);
}
.flexHeaderDivision [role="visual_flexHeaderDivision"].service8 {
background-color: rgba(0, 0, 0, 0.75);
}
.flexHeaderDivision [role="visual_flexHeaderDivision"].service9 {
background-color: rgba(0, 0, 0, 0.75);
}
.flexHeaderDivision [role="visual_flexHeaderDivision"].service10 {
background-color: rgba(0, 0, 0, 0.75);
}
.flexHeaderDivision [role="visual_flexHeaderDivision"].faqpage {
background-color: rgba(33, 39, 48, 0.65);
}
.flexHeaderDivision [role="visual_flexHeaderDivision"].products {
background-color: rgba(3, 19, 44, 0.75);
}
.flexHeaderDivision [role="visual_flexHeaderDivision"].contact {
background-color: rgba(17, 45, 94, 0.75);
}
.flexHeaderDivisionCopyBlock {
position: absolute;
width: auto;
height: auto;
background: transparent;
padding: 0;
margin: 0px;
left: 3%;
bottom: 55%;
-webkit-transition-property: all;
transition-property: all;
-webkit-transition-duration: 2s;
transition-duration: 2s;
}
.flexHeaderDivision [role="visual_flexHeaderDivision"] .flexHeaderDivisionTitle {
font-size: 1.1em;
font-weight: 700;
margin: 0px 0px 0px 15px;
padding: 12px 25px 10px 15px;
text-transform: uppercase;
position: relative;
display: inline-block;
width: auto;
height: 100%;
color: #fff;
left: 0px;
top: 0px;
letter-spacing: 1px;
transition: all 0.75s;
background: #484d52;
/* background: -webkit-linear-gradient( 45deg, rgba(0, 28, 25, 0.90), rgba(0, 28, 25, 0.90) , transparent );
background: -o-linear-gradient(45deg, rgba(0, 28, 25, 0.90), rgba(0, 28, 25, 0.90) , transparent);
background: -moz-linear-gradient( 45deg, rgba(0, 28, 25, 0.90), rgba(0, 28, 25, 0.90) , transparent);
background: linear-gradient( 45deg, rgba(0, 28, 25, 0.90), rgba(0, 28, 25, 0.90) , transparent );*/
z-index: 2;
}
.flexHeaderDivision [role="visual_flexHeaderDivision"] .flexHeaderDivisionBodyCopy {
font-size: 1em;
font-weight: 500;
margin: 0px 0px 0px 0px;
padding: 10px 45px 10px 15px;
position: relative;
display: inline-block;
width: auto;
height: 100%;
color: #fff;
left: 0px;
top: 0px;
letter-spacing: 1px;
transition: all 0.75s;
}
.flexHeaderDivision [role="visual_flexHeaderDivision"] .flexHeaderDivisionIcon {
left: 0em;
height: 100%;
width: 100%;
object-fit: cover;
mix-blend-mode: multiply;
}
.flexHeaderDivision [role="visual_flexHeaderDivision"] {
flex-basis: 67%;
}
}
nav.navMenu {
display: block;
position: relative;
/* table-layout: fixed;*/
width: 100%;
height: auto;
background: #fff;
}
nav.navMenu input {
display: none;
}
nav.navMenu label {
margin: 0;
}
nav.navMenu div.nav-container {
position: relative;
display: block;
background: #fff;
}
nav.navMenu div.nav-container .menuItem:nth-child(1) {
pointer-events: none;
}
nav.navMenu div.nav-container .menuItem:nth-child(1) .element {
padding: 0em 0em 0.25em 0px;
text-transform: uppercase;
}
nav.navMenu div.nav-container .menuItem:nth-child(1) .name {
font-size: 12.3px;
border-top: 1px dotted #393939;
padding: 0.55em 0em 0 0;
letter-spacing: 0.5px;
text-transform: uppercase;
}
nav.navMenu div.nav-container>div {
display: block;
}
nav.navMenu div.nav-container>div:nth-of-type(5n+1) .slide,
nav.navMenu div.nav-container>div:nth-of-type(5n+1) a {
border-color: #f24907;
}
nav.navMenu div.nav-container>div:nth-of-type(5n+1) .slide:hover,
nav.navMenu div.nav-container>div:nth-of-type(5n+1) a:hover {
color: #f24907;
}
nav.navMenu div.nav-container>div:nth-of-type(5n+1) .slide~.child-menu,
nav.navMenu div.nav-container>div:nth-of-type(5n+1) a~.child-menu {
background-color: #f24907;
}
nav.navMenu div.nav-container>div:nth-of-type(5n+1) input:checked~label,
nav.navMenu div.nav-container>div:nth-of-type(5n+1) .slide.active~label {
color: #f24907;
}
nav.navMenu div.nav-container>div:nth-of-type(5n+2) .slide,
nav div.nav-container>div:nth-of-type(5n+2) a {
border-color: #9b180b;
}
nav.navMenu div.nav-container>div:nth-of-type(5n+2) .slide:hover,
nav.navMenu div.nav-container>div:nth-of-type(5n+2) a:hover {
color: #9b180b;
}
nav.navMenu div.nav-container>div:nth-of-type(5n+2) .slide~.child-menu,
nav.navMenu div.nav-container>div:nth-of-type(5n+2) a~.child-menu {
background-color: #9b180b;
}
nav.navMenu div.nav-container>div:nth-of-type(5n+2) input:checked~label,
nav.navMenu div.nav-container>div:nth-of-type(5n+2) .slide.active~label {
color: #9b180b;
}
nav.navMenu div.nav-container>div:nth-of-type(5n+3) .slide,
nav div.nav-container>div:nth-of-type(5n+3) a {
border-color: #ffa61a;
}
nav div.nav-container>div:nth-of-type(5n+3) .slide:hover,
nav.navMenu div.nav-container>div:nth-of-type(5n+3) a:hover {
color: #ffa61a;
}
nav.navMenu div.nav-container>div:nth-of-type(5n+3) .slide~.child-menu,
nav.navMenu div.nav-container>div:nth-of-type(5n+3) a~.child-menu {
background-color: #ffa61a;
}
nav.navMenu div.nav-container>div:nth-of-type(5n+3) input:checked~label,
nav.navMenu div.nav-container>div:nth-of-type(5n+3) .slide.active~label {
color: #ffa61a;
}
nav.navMenu div.nav-container>div:nth-of-type(5n+4) .slide,
nav.navMenu div.nav-container>div:nth-of-type(5n+4) a {
border-color: #b5594d;
}
nav.navMenu div.nav-container>div:nth-of-type(5n+4) .slide:hover,
nav.navMenu div.nav-container>div:nth-of-type(5n+4) a:hover {
color: #b5594d;
}
nav.navMenu div.nav-container>div:nth-of-type(5n+4) .slide~.child-menu,
nav.navMenu div.nav-container>div:nth-of-type(5n+4) a~.child-menu {
background-color: #b5594d;
}
nav.navMenu div.nav-container>div:nth-of-type(5n+4) input:checked~label,
nav.navMenu div.nav-container>div:nth-of-type(5n+4) .slide.active~label {
color: #b5594d;
}
nav.navMenu div.nav-container>div:nth-of-type(5n+5) .slide,
nav.navMenu div.nav-container>div:nth-of-type(5n+5) a {
border-color: #205095;
}
nav.navMenu div.nav-container>div:nth-of-type(5n+5) .slide:hover,
nav.navMenu div.nav-container>div:nth-of-type(5n+5) a:hover {
color: #205095;
}
nav.navMenu div.nav-container>div:nth-of-type(5n+5) .slide~.child-menu,
nav.navMenu div.nav-container>div:nth-of-type(5n+5) a~.child-menu {
background-color: #205095;
}
nav.navMenu div.nav-container>div:nth-of-type(5n+5) input:checked~label,
nav.navMenu div.nav-container>div:nth-of-type(5n+5) .slide.active~label {
color: #205095;
}
nav.navMenu div.nav-container>div:nth-of-type(5n+6) .slide,
nav.navMenu div.nav-container>div:nth-of-type(5n+6) a {
border-color: #07416d;
}
nav.navMenu div.nav-container>div:nth-of-type(5n+6) .slide:hover,
nav.navMenu div.nav-container>div:nth-of-type(5n+6) a:hover {
color: #07416d;
}
nav.navMenu div.nav-container>div:nth-of-type(5n+6) .slide~.child-menu,
nav.navMenu div.nav-container>div:nth-of-type(5n+6) a~.child-menu {
background-color: #07416d;
}
nav.navMenu div.nav-container>div:nth-of-type(5n+6) input:checked~label,
nav.navMenu div.nav-container>div:nth-of-type(5n+6) .slide.active~label {
color: #07416d;
}
nav.navMenu a,
nav.navMenu label {
-moz-transition-property: color;
-o-transition-property: color;
-webkit-transition-property: color;
transition-property: color;
-moz-transition-duration: 0.2s;
-o-transition-duration: 0.2s;
-webkit-transition-duration: 0.2s;
transition-duration: 0.2s;
-moz-transition-timing-function: ease-in;
-o-transition-timing-function: ease-in;
-webkit-transition-timing-function: ease-in;
transition-timing-function: ease-in;
}
nav.navMenu .slide {
padding: 8px 15px 0px 15px;
font-size: 1em;
display: block;
color: #393939;
border-top: 3.5px solid transparent;
position: relative;
-moz-transition-property: border-width, color;
-o-transition-property: border-width, color;
-webkit-transition-property: border-width, color;
transition-property: border-width, color;
-moz-transition-duration: 0.2s, 0.3s;
-o-transition-duration: 0.2s, 0.3s;
-webkit-transition-duration: 0.2s, 0.3s;
transition-duration: 0.2s, 0.3s;
-moz-transition-timing-function: ease-in;
-o-transition-timing-function: ease-in;
-webkit-transition-timing-function: ease-in;
transition-timing-function: ease-in;
-moz-transition-delay: 0.2s, 0s;
-o-transition-delay: 0.2s, 0s;
-webkit-transition-delay: 0.2s, 0s;
transition-delay: 0.2s, 0s;
}
nav.navMenu .slide .element {
font-size: 1.05em;
margin-bottom: 3px;
font-weight: 600;
font-style: normal;
display: block;
line-height: 1;
color: #393939;
text-decoration: none;
}
nav.navMenu .slide .name {
font-size: 0.9em;
line-height: 100%;
position: relative;
}
nav.navMenu .has-child .name:after {
content: "";
width: 10px;
height: 4px;
background-image: url("http://www.elemental-shift.com/remote-assets/down-arrow.svg");
display: block;
position: absolute;
bottom: -9px;
left: 1px;
background-repeat: no-repeat;
-moz-transition-property: -moz-transform;
-o-transition-property: -o-transform;
-webkit-transition-property: -webkit-transform;
transition-property: transform;
-moz-transition-duration: 0.5s;
-o-transition-duration: 0.5s;
-webkit-transition-duration: 0.5s;
transition-duration: 0.5s;
-moz-transition-timing-function: ease-in;
-o-transition-timing-function: ease-in;
-webkit-transition-timing-function: ease-in;
transition-timing-function: ease-in;
-moz-transform-origin: 50% 50%;
-ms-transform-origin: 50% 50%;
-webkit-transform-origin: 50% 50%;
transform-origin: 50% 50%;
}
nav.navMenu .child-menu {
display: block;
position: absolute;
max-height: 0px;
overflow: hidden;
width: 100%;
left: 0;
z-index: 5000;
-moz-transition-property: max-height;
-o-transition-property: max-height;
-webkit-transition-property: max-height;
transition-property: max-height;
-moz-transition-duration: 0.5s;
-o-transition-duration: 0.5s;
-webkit-transition-duration: 0.5s;
transition-duration: 0.5s;
-moz-transition-timing-function: ease-in;
-o-transition-timing-function: ease-in;
-webkit-transition-timing-function: ease-in;
transition-timing-function: ease-in;
}
nav.navMenu .child-menu a {
color: white;
display: inline-block;
padding: 15px 30px 15px 10px;
font-size: 0.9375em;
}
nav.navMenu input:checked~.child-menu {
max-height: 300px;
-moz-transition-property: max-height;
-o-transition-property: max-height;
-webkit-transition-property: max-height;
transition-property: max-height;
-moz-transition-duration: 0.5s;
-o-transition-duration: 0.5s;
-webkit-transition-duration: 0.5s;
transition-duration: 0.5s;
-moz-transition-timing-function: ease-in;
-o-transition-timing-function: ease-in;
-webkit-transition-timing-function: ease-in;
transition-timing-function: ease-in;
}
nav.navMenu input:checked~.has-child .name:after {
-moz-transform: rotateX(180deg);
-webkit-transform: rotateX(180deg);
transform: rotateX(180deg);
}
@media only screen and (min-width: 700px) {
nav.navMenu {
display: block;
position: relative;
background: #fff;
}
nav.navMenu div.nav-container {
display: block;
position: relative;
background: #fff;
}
nav.navMenu div.nav-container .menuItem:nth-child(1) {
pointer-events: none;
}
nav.navMenu div.nav-container .menuItem:nth-child(1) .element {
text-transform: uppercase;
letter-spacing: 2px;
font-size: 1.25em;
}
nav.navMenu div.nav-container .menuItem:nth-child(1) .name {
font-size: 12.7px;
width: 80%;
line-height: 1.3;
border-top: 1px dotted #393939;
padding: 0.45em 0 0.45em 0;
letter-spacing: 0.5px;
text-transform: uppercase;
}
nav.navMenu div.nav-container .menuItem:nth-child(1) .additionalCall {
display: block;
font-size: 15px;
color: #11b7ea;
padding: 2.3em 0 0.45em 0;
letter-spacing: 0.5px;
}
nav.navMenu div.nav-container>div {
display: block;
margin: 0px 0;
}
nav.navMenu div.nav-container>div:hover .slide {
border-left-width: 9px;
-moz-transition-delay: 0;
-o-transition-delay: 0;
-webkit-transition-delay: 0;
transition-delay: 0;
}
nav.navMenu .slide {
display: inline-block;
width: auto;
border-left: solid 4px;
border-top: none;
padding: 0px 15px 10px 15px;
}
nav.navMenu .slide .element {
font-size: 20px;
line-height: 1.3em;
text-decoration: none;
}
nav.navMenu .slide .name {
font-size: 15px;
}
nav.navMenu .child-menu {
display: block;
position: relative;
top: 0;
background-color: transparent !important;
margin-left: 55px;
width: auto;
max-height: 0px;
overflow: hidden;
border-top: none;
}
nav.navMenu .child-menu a {
color: #393939;
display: block;
padding: 3px 0 3px 10px;
font-size: 0.9em;
}
nav.navMenu .child-menu a:hover {
text-decoration: none !important;
}
nav.navMenu input:checked~div.child-menu {
max-height: 300px;
}
nav.navMenu input:checked~.slide {
border-width: 25px;
}
.menuItem:hover .child-menu {
max-height: 300px;
}
.menuItem:hover .slide {
border-width: 25px;
}
}
.socialMediaBlock_animated {
position: absolute;
width: auto;
z-index: 3;
/*border-left: 1px solid #4d4d4f !important;*/
}
.socialMediaBlock_animated_Position_Home {
left: -5px;
top: 50px;
}
.socialMediaBlock_animated_Position_RegularPage {
left: 0px;
top: 20px;
}
.socialMediaBlock_animated ul li {
list-style: none;
text-align: left;
margin-bottom: 10px;
}
.socialMediaBlock_animated ul li span {
-webkit-transition: all 1s;
transition: all 1s;
padding: 0px;
width: 300px;
position: absolute;
left: 90px;
opacity: 0.7;
letter-spacing: 15px;
}
.globActing:hover span {
left: 90px;
opacity: 1;
letter-spacing: 17px;
}
.socialMediaBlock_animated ul li span .fa:hover {
color: #11b7ea;
}
.socialMediaBlock_animated ul li span a {
font-size: 100%;
line-height: 70%;
}
.socialMediaBlock_animated a {
color: #fff;
text-decoration: none;
margin: 0px;
padding: 0px;
}
.socialMediaBlock_animated .fa {
margin: 0px;
padding: 0px;
color: #777676;
}
@media screen and (max-width: 991px) {
.socialMediaBlock_animated ul li span {
opacity: 1;
letter-spacing: 10px;
}
.globActing:hover span {
letter-spacing: 13px;
}
}
#worldmap {
position: absolute;
padding: 0 0 0 0px;
width: 50px;
height: 50px;
}
#worldmap svg {
position: absolute;
width: 100%;
height: 100%;
background: rgba(0, 0, 0, 0);
}
.land {
fill: #11b7ea;
}
#globesarecool {
color: transparent;
}
#contact {
right: 0px;
/*border-left: 1px solid #4d4d4f !important;*/
-webkit-transition-property: all;
transition-property: all;
-webkit-transition-duration: 2s;
transition-duration: 2s;
}
.contact_Position_Home {
position: absolute;
top: 25px !important;
right: 25px !important;
width: 260px;
}
.contact_Position_RegularPage {
position: relative;
float: right;
top: 0px;
width: 100%;
}
#contact ul {
margin: 0;
padding: 0;
width: 100%;
height: auto;
}
#contact ul li {
list-style: none;
text-align: right;
margin-bottom: 19px;
-webkit-transition-property: all;
transition-property: all;
-webkit-transition-duration: 2s;
transition-duration: 2s;
width: 100%;
height: auto;
}
.contact_to_Trigger {
-webkit-transition: all 0.7s;
transition: all 0.7s;
margin-right: -10px;
padding-right: 10px;
width: 230px !important;
height: 40px;
position: absolute;
right: -50px;
opacity: 0;
letter-spacing: 5px;
}
.contact_to_Trigger_Long {
display: block;
}
::-webkit-scrollbar {
width: 1em;
}
/* ::-webkit-scrollbar-button {} */
::-webkit-scrollbar-track {
box-shadow: inset 0 0 6px 0 rgba(0, 0, 0, 0.3);
background-color: #0A0A0A;
}
::-webkit-scrollbar-track-piece {
background-color: transparent;
}
::-webkit-scrollbar-thumb {
background-color: #11b7ea;
}
::-webkit-scrollbar-thumb:window-inactive {
background-color: #11b7ea;
}
/* ::-webkit-scrollbar-corner {} */
/* ::-webkit-resizer {} */
.contact_to_Trigger_Long::-webkit-scrollbar {
width: 1em;
margin-left: 10px !important;
}
/* .contact_to_Trigger_Long::-webkit-scrollbar-button {} */
.contact_to_Trigger_Long::-webkit-scrollbar-track {
background-color: #0A0A0A;
}
/* .contact_to_Trigger_Long::-webkit-scrollbar-track-piece {} */
.contact_to_Trigger_Long::-webkit-scrollbar-thumb {
background-color: #11b7ea;
height: 3px;
}
.contact_to_Trigger_Long::-webkit-scrollbar-thumb:window-inactive {
background-color: #11b7ea;
}
/* .contact_to_Trigger_Long::-webkit-scrollbar-corner {} */
/* .contact_to_Trigger_Long::-webkit-resizer {} */
/*
:horizontal
:vertical
:decrement
:increment
:start
:end
:double-button
:single-button
:no-button
:corner-present
:window-inactive
*/
.contact_Triggered {
right: 30px;
opacity: 1;
padding: 0px 10px 0px 20px;
letter-spacing: 1px;
font-weight: 600 !important;
z-index: 3;
font-size: 90%;
width: 230px !important;
}
.contactSpanAnim_Position_Home {
width: 230px !important;
color: #fff;
}
.contactSpanAnim_Position_RegularPage {
width: 95%!important;
color: #fff;
}
.contact_Triggered_alfa_01 {
opacity: 0.25;
}
.contact_Triggered_alfa_00 {
opacity: 0;
}
.contact_Triggered_alfa_1 {
opacity: 1;
}
#contact ul li span a {
font-size: 85%;
line-height: 60%;
}
#contact a {
color: #fff;
text-decoration: none;
margin: 0px;
padding: 0px;
}
#contact .fa {
margin: 0px;
padding: 0px;
color: #fff;
}
#contact ul #phoneCallToAction .fa,
#contact ul #phoneCallToAction .fa-phone,
#contact ul #phoneCallToAction i {
font-size: 20px;
margin: 0;
padding: 0;
-ms-transform: rotate(-0.5turn);
-webkit-transform: rotate(-0.5turn);
transform: rotate(-0.5turn);
-webkit-transition: transform 0.7s ease-in;
transition: transform 0.7s ease-in;
}
#contact ul #phoneCallToAction:hover .fa {
margin: 0;
padding: 0;
font-size: 20px;
-ms-transform: rotate(-0.3turn);
-webkit-transform: rotate(-0.3turn);
transform: rotate(-0.3turn);
-webkit-transition: all 0.7s ease-in;
transition: all 0.7s ease-in;
}
#contact ul #email .fa {
font-size: 14px;
}
#contact ul #sms .fa {
font-size: 16px;
}
#contact ul #business_hours .fa {
font-size: 19px;
}
#contact ul #address .fa {
font-size: 22px;
}
#contact.contact_Position_Home ul #business_hours:hover .fa {
color: #0A0A0A;
}
#contact.contact_Position_Home ul #address:hover .fa {
color: #0A0A0A;
}
#contact.contact_Position_RegularPage ul #business_hours:hover .fa {
color: #0A0A0A;
}
#contact.contact_Position_RegularPage ul #address:hover .fa {
color: #0A0A0A;
}
@media screen and (max-width: 991px) {
#contact {
/*display:none;*/
display: block;
margin-top: 55px;
-webkit-transition-property: all;
transition-property: all;
-webkit-transition-duration: 2s;
transition-duration: 2s;
}
.contact_Position_Home {
position: relative !important;
top: initial !important;
right: initial !important;
float: left !important;
bottom: 25px !important;
left: 0px !;
width: 100%;
}
.contact_Position_RegularPage {
position: relative;
top: initial;
float: left;
bottom: 75px !important;
}
#contact ul {
margin-left: 0px;
}
#contact ul li {
width: initial;
display: inline-block;
list-style: none;
text-align: left;
margin-right: 20px;
-webkit-transition-property: all;
transition-property: all;
-webkit-transition-duration: 2s;
transition-duration: 2s;
}
.contact_to_Trigger {
margin-right: 0px;
width: 230px !important;
height: 40px;
position: absolute;
left: -50px;
top: 40px;
opacity: 0;
letter-spacing: 5px;
}
.contact_to_Trigger_Long {
padding: 0 0px 0 10px;
}
.contact_Triggered {
left: 0px;
top: 40px;
opacity: 1;
letter-spacing: 1px;
}
.contactSpanAnim_Position_Home {
width: 230px;
}
.contactSpanAnim_Position_RegularPage {
width: 230px;
}
}
.superMenuHide {
display: none;
}
.block_Open .superMenuHideHome {
display: none;
}
.indexMenu {
position: absolute;
display: block;
background: transparent;
right: 0;
margin: 0px 0px 30px 0;
padding: 44px 0px 0px 20px;
color: #0A0A0A;
letter-spacing: .05em;
word-spacing: .0em;
width: 100%;
height: auto;
-webkit-transition-property: all !important;
transition-property: all !important;
-webkit-transition-duration: 1s !important;
transition-duration: 1s !important;
text-align: right;
padding-right: 10%;
}
.indexMenuToggled {
background: #0A0A0A;
box-shadow: 0 4px 10px 4px rgba(19, 35, 47, 0.3);
color: #fff;
width: 100%;
padding: 50px 25px 25px 25px;
-webkit-transition-property: all !important;
transition-property: all !important;
-webkit-transition-duration: 1s !important;
transition-duration: 1s !important;
}
.indexMenuToggled ul {
text-align: left;
}
.indexMenu a,
.indexMenu a:link,
.indexMenu a:visited,
.indexMenu a:hover,
.indexMenu a:active {
text-decoration: none;
}
.indexMenu ul,
.indexMenu ol {
list-style-image: none;
list-style: none;
font-weight: normal;
padding-left: 0;
margin-bottom: 0;
color: inherit;
}
.navindexMenu {
float: none;
padding: 0;
margin: 0;
position: relative;
}
.navindexMenu>li>a:hover span[data-hover] {
transition: all .3s;
transform: translate3d(0, -100%, 0);
}
.navindexMenu>li>a {
overflow: hidden;
position: relative;
}
.navindexMenuActivePage {
color: #11b7ea;
}
.indexMenuToggled .navindexMenuActivePage {
color: #11b7ea;
}
.navindexMenu>.active>a span[data-hover] {
transform: translate3d(0, 0, 0);
}
.navindexMenu>.active>a:hover span[data-hover] {
transform: translate3d(0, 0, 0);
}
.navindexMenu>.active>a:focus span[data-hover] {
transform: translate3d(0, 0, 0);
}
.navindexMenu>li>a span[data-hover] {
position: relative;
display: inline-block;
transition: transform .4s;
}
.navindexMenu>li>a span[data-hover]:before {
position: absolute;
top: 100%;
color: #11b7ea;
content: attr(data-hover);
transform: translate3d(0, 0, 0);
transition: all .4s;
}
.indexMenu li>ul,
.indexMenu li>ol {
display: none;
margin-top: 3px;
margin-left: 17px;
color: inherit;
}
.indexMenu li {
padding: 0px 0px -1px 0px;
margin: 0px 9px 0 0;
display: inline-block;
position: relative;
vertical-align: top;
color: inherit;
}
.indexMenu li ul li {
padding: 0px 0px 10px 0px;
}
.indexMenu li a {
color: inherit;
font-weight: 700;
display: inline-block;
font-size: 14px;
letter-spacing: 1.1px;
text-transform: uppercase;
}
.indexMenu li a:hover {
color: #11b7ea;
}
.indexMenu li ul li a {
font-weight: 800 !important;
opacity: 1;
}
.indexMenu li ul li a:hover {
opacity: 1;
color: #11b7ea;
}
@media screen and (max-width: 991px) {
.indexMenu {
position: relative;
display: initial;
background: transparent;
right: initial;
color: #fff;
padding: 0;
margin: 0px 0px 0px 0;
letter-spacing: .06em;
word-spacing: .1em;
width: auto;
height: auto;
-webkit-transition-property: all !important;
transition-property: all !important;
-webkit-transition-duration: 1s !important;
transition-duration: 1s !important;
}
.indexMenuToggled {
background: transparent;
box-shadow: none;
color: #fff;
width: 100%;
-webkit-transition-property: all !important;
transition-property: all !important;
-webkit-transition-duration: 1s !important;
transition-duration: 1s !important;
}
.indexMenuBackgroundRegularPage {
background: #11b7ea !important;
margin: 0;
width: 100%;
padding: 0 25px 0 25px;
position: absolute;
float: left;
bottom: 0;
left: 0;
}
.indexMenu a,
.indexMenu a:link,
.indexMenu a:visited,
.indexMenu a:hover,
.indexMenu a:active {
text-decoration: none;
}
.indexMenu ul,
.indexMenu ol {
list-style-image: none;
list-style: none;
font-weight: normal;
padding-left: 0;
margin-bottom: 0;
color: inherit;
}
.navindexMenu {
float: none;
padding: 0;
margin: 0;
position: relative;
}
.navindexMenu>li>a:hover span[data-hover] {
transition: all .3s;
transform: translate3d(0, -100%, 0);
}
.navindexMenu>li>a {
overflow: hidden;
position: relative;
}
.navindexMenuActivePage {
color: #11b7ea;
}
.navindexMenu>.active>a span[data-hover] {
transform: translate3d(0, 0, 0);
}
.navindexMenu>.active>a:hover span[data-hover] {
transform: translate3d(0, 0, 0);
}
.navindexMenu>.active>a:focus span[data-hover] {
transform: translate3d(0, 0, 0);
}
.navindexMenu>li>a span[data-hover] {
position: relative;
display: inline-block;
transition: transform .4s;
}
.navindexMenu>li>a span[data-hover]:before {
position: absolute;
top: 100%;
color: #fff!important;
content: attr(data-hover);
transform: translate3d(0, 0, 0);
transition: all .4s;
}
.indexMenu li>ul,
.indexMenu li>ol {
display: none;
margin-top: -5px !important;
margin-left: 10px;
color: inherit;
}
.indexMenu li {
padding: 0px 0px 0px 0px !important;
margin: 2px 5px 2px 0 !important;
display: inline-block;
position: relative;
color: inherit;
vertical-align: middle !important;
}
.indexMenu li ul li {
padding: 0px 0px 10px 0px;
}
.indexMenu li a {
color: inherit;
font-weight: 700;
display: inline-block;
font-size: 13px;
letter-spacing: 2px;
text-transform: uppercase;
}
.indexMenu li a:hover {
color: #0A0A0A;
}
.indexMenu li ul li a {
font-weight: 700;
opacity: 0.66;
color: #fff !important;
}
.indexMenu li ul li a:hover {
opacity: 1;
}
.superMenuHide {
display: initial;
height: auto;
padding: 15px 10px 5px 23px;
/* border-left: 1px solid #fff !important;*/
width: 100%;
position: relative;
background: rgba(38, 38, 38, 0.90);
z-index: 1;
}
.block_Open .superMenuHideHome {
display: initial;
height: auto;
padding: 0px 10px 0px 23px;
/* border-left: 1px solid #fff !important;*/
width: 100%;
position: relative;
}
.superMenuHide_header {
display: none;
-webkit-transition-property: all;
transition-property: all;
-webkit-transition-duration: 1s;
transition-duration: 1s;
}
.indexMenuBackgroundRegularPage {
margin-top: 50%;
margin-bottom: 0%;
width: auto;
padding: 0 25px 0 25px;
position: relative;
bottom: 0;
left: 0;
}
}
.promotionalBlock {
position: absolute;
margin-right: 100px;
zoom: 0.7;
float: right;
}
.change_colorCTA_special {
background-color: #11b7ea;
animation-name: homeCycle;
animation-duration: 6s;
animation-direction: alternate;
animation-iteration-count: infinite;
-webkit-animation-name: homeCycle;
-webkit-animation-duration: 6s;
-webkit-animation-direction: alternate;
-webkit-animation-iteration-count: infinite;
}
@keyframes homeCycle {
0% {
background-color: #0A0A0A;
}
25% {
background-color: #0A0A0A;
}
50% {
background-color: #0A0A0A;
}
75% {
background-color: #0A0A0A;
}
}
@-webkit-keyframes homeCycle {
0% {
background-color: #0A0A0A;
}
25% {
background-color: #0A0A0A;
}
50% {
background-color: #0A0A0A;
}
75% {
background-color: #0A0A0A;
}
}
.color {
display: flex;
flex: 1 0 10em;
flex-direction: column;
flex-shrink: 1;
width: auto;
height: auto;
position: relative;
overflow: hidden;
color: white;
transition: flex-basis 700ms ease-in-out;
}
.CTA_special_title {
display: inline-block;
white-space: normal;
text-transform: none;
text-align: left;
}
.CTA_special_bodyCopy {
width: 13em;
height: auto;
text-align: left;
}
.CTA_special_icon {
position: relative;
display: inline-block;
}
[role="bodyCopyMain"] {
display: flex;
flex: auto;
font-size: 1em;
flex-direction: column;
flex-shrink: 1;
height: auto;
width: auto;
}
[role="bodyCopyMain"] section {
box-shadow: 0 5px 30px #424242;
}
[role="bodyCopyMain"] #section1 {
flex-basis: 100%;
width: auto;
height: auto;
min-height: 170px;
}
[role="bodyCopyMain"] #section1 .CTA_special_title {
width: 10em;
font-size: 25px;
font-weight: 600;
margin: 20px 20px 20px 20px;
line-height: 140%;
}
[role="bodyCopyMain"] #section1 .CTA_special_bodyCopy {
width: 10em;
font-size: 1em;
line-height: 140%;
margin: 20px 20px 20px 20px;
}
[role="bodyCopyMain"] #section1 .CTA_special_icon {
height: auto;
width: 22%;
top: 10%;
left: 40%;
}
[role="bodyCopyMain"] #section2 {
flex-basis: 100%;
width: auto;
height: auto;
min-height: 170px;
}
[role="bodyCopyMain"] #section2 .CTA_special_title {
width: 80%;
font-size: 25px;
font-weight: 600;
margin: 40px 20px 10px 30px;
line-height: 105%;
}
[role="bodyCopyMain"] #section2 .CTA_special_bodyCopy {
width: 80%;
font-size: 15px;
line-height: 125%;
margin: 0px 20px 20px 30px;
}
[role="bodyCopyMain"] #section2 a {
color: #70a6e6;
}
[role="bodyCopyMain"] #section2 a:hover {
color: #11b7ea;
}
[role="bodyCopyMain"] #section2 .CTA_special_icon {
left: 30px;
height: 50px;
width: 150px;
margin: 0;
margin: 0px 20px 20px 0px;
}
[role="bodyCopyMain"] #section3 {
flex-basis: 100%;
width: auto;
height: auto;
min-height: 170px;
}
[role="bodyCopyMain"] #section3 .CTA_special_title {
width: 13em;
font-size: 1.2em;
font-weight: 600;
margin: 20px 20px 20px 20px;
}
[role="bodyCopyMain"] #section3 .CTA_special_icon {
left: 20%;
width: 60%;
top: 15%;
margin: 0;
}
[role="headlinePromotional"] {
display: flex;
flex: auto;
font-size: 1em;
flex-direction: column;
flex-shrink: 1;
height: auto;
}
[role="headlinePromotional"] #section1 .HeadCopyAd {
font-size: 21px;
font-weight: 700;
margin: 20px 0px 20px 20px;
line-height: 100%;
box-shadow: 0 0px 0px #424242;
text-align: left;
}
[role="headlinePromotional"] #section2 .signatureAd {
margin: 10px 20px 5px 20px;
text-align: left;
font-size: 0.85em;
line-height: 150%;
font-size: 10px;
color: #aeccf2;
}
[role="headlinePromotional"] #section1 {
flex-basis: 35%;
}
[role="headlinePromotional"] #section2 {
flex-basis: 65%;
}
[role="bodyCopyMain"] #section1 .CTA_special_icon {
margin: 10px 0px 10px 0px;
height: 100px;
transition: left 700ms ease-in-out;
}
@media (min-width: 700px) {
.color {
display: flex;
flex: 1 0 10em;
flex-direction: column;
flex-shrink: 1;
height: auto;
position: relative;
overflow: hidden;
color: white;
height: auto;
transition: flex-basis 700ms ease-in-out;
}
.CTA_special_title {
display: inline-block;
white-space: normal;
text-transform: none;
}
.CTA_special_bodyCopy {
width: 13em;
height: auto;
}
.CTA_special_icon {
position: absolute;
display: inline-block;
}
[role="bodyCopyMain"] {
display: flex;
flex: auto;
font-size: 1em;
flex-direction: row;
flex-shrink: 1;
height: auto;
}
[role="bodyCopyMain"] section {
box-shadow: 0 5px 30px #021429;
border-top: dashed 2px #04102d;
}
[role="bodyCopyMain"] #section1 {
flex-basis: 20%;
width: auto;
height: auto;
min-height: 170px;
}
[role="bodyCopyMain"] #section1:hover {
flex-basis: 20%;
max-height: 200px;
}
[role="bodyCopyMain"] #section1 .CTA_special_title {
width: 10em;
font-size: 1.9em;
font-weight: 500;
margin: 20px 20px 20px 20px;
line-height: 140%;
}
[role="bodyCopyMain"] #section1 .CTA_special_bodyCopy {
width: 10em;
font-size: 1em;
line-height: 140%;
margin: 20px 20px 20px 20px;
}
[role="bodyCopyMain"] #section1 .CTA_special_icon {
left: 20%;
width: 60%;
top: 15%;
margin: 0;
}
[role="bodyCopyMain"] #section2 {
flex-basis: 60%;
width: auto;
height: auto;
min-height: 170px;
}
[role="bodyCopyMain"] #section2 .CTA_special_title {
width: 90%;
font-size: 23px;
font-weight: 500;
margin: 20px 20px 10px 30px;
line-height: 105%;
color: #fff;
}
[role="bodyCopyMain"] #section2 .CTA_special_bodyCopy {
width: 80%;
font-size: 1em;
line-height: 125%;
margin: 10px 20px 40px 30px;
}
[role="bodyCopyMain"] #section2 .CTA_special_bodyCopy a {
color: #fff;
font-weight: 700;
text-decoration: none;
}
[role="bodyCopyMain"] #section2 .CTA_special_bodyCopy a:hover {
color: #fff;
}
[role="bodyCopyMain"] #section2 .CTA_special_icon {
left: 30px;
width: 33%;
height: auto;
margin: 0;
}
[role="bodyCopyMain"] #section3 {
flex-basis: 20%;
width: auto;
height: auto;
min-height: 170px;
}
[role="bodyCopyMain"] #section3 .CTA_special_title {
width: 13em;
font-size: 1.2em;
font-weight: 600;
margin: 20px 20px 20px 20px;
}
[role="bodyCopyMain"] #section3 .CTA_special_icon {
left: 20%;
width: 60%;
top: 15%;
margin: 0;
}
[role="headlinePromotional"] {
display: flex;
flex: auto;
font-size: 1em;
flex-direction: row;
flex-shrink: 1;
height: auto;
}
[role="headlinePromotional"] section {
box-shadow: 0 5px 30px #021429;
}
[role="headlinePromotional"] #section1 .HeadCopyAd {
font-size: 30px;
font-weight: 700;
margin: 30px 0px 20px 20px;
line-height: 100%;
}
[role="headlinePromotional"] #section2 .signatureAd {
font-size: 11px;
margin: 25px 20px 20px 0px;
line-height: 150%;
color: #aeccf2;
}
[role="headlinePromotional"] #section1 {
flex-basis: 35%;
}
[role="headlinePromotional"] #section2 {
flex-basis: 65%;
}
}
.one-page-header .navbar-brand {
position: relative;
display: inline-block;
margin: 0px;
padding: 0px 0px 00px 25px;
height: 50px;
/* width:67%; */
width: 55%;
-webkit-transition: all 1s;
transition: all 1s;
}
.menuBlock {
position: absolute;
right: 0;
display: block;
/* width: 33%; */
width: 40%;
height: auto;
margin: 0;
}
@media screen and (max-width: 991px) {
.menuBlock {
display: none;
}
.one-page-header .navbar-brand {
padding: 0px 0px 20px 25px;
}
}
.navbar-brand img.logomark {
width: 160px;
height: auto;
float: left;
-webkit-transition: all 1s;
transition: all 1s;
margin-top: 5px;
margin-left: 10px;
}
.institutionalIdentityBlock {
margin-top: 30px;
margin-left: 95px;
position: absolute;
-webkit-transition: all 1s;
transition: all 1s;
white-space: nowrap;
}
.navbar-brand h3.companyName {
position: relative;
display: inline-block;
width: auto;
color: #0A0A0A;
font-family: "Open Sans", sans-serif !important;
font-size: 27px;
font-weight: 900;
line-height: 120%;
margin: 7px 15px 0 15px;
text-align: left;
vertical-align: bottom;
bottom: 0px;
-webkit-transition: all 1s;
transition: all 1s;
white-space: nowrap;
}
.navbar-brand h3.companySlogan {
position: relative;
display: inline-block;
width: auto;
color: #0A0A0A;
font-family: "Open Sans", sans-serif !important;
font-size: 14px;
font-weight: 800;
line-height: 120%;
margin: 20px 0 0 100px;
text-align: left;
vertical-align: bottom;
bottom: 2px;
-webkit-transition: all 1s;
transition: all 1s;
white-space: nowrap;
}
@media screen and (max-width: 1300px) {
.institutionalIdentityBlock {
margin-top: 25px;
margin-left: 55px;
-webkit-transition: all 1s;
transition: all 1s;
width: auto;
}
.navbar-brand img.logomark {
width: 140px;
height: auto;
float: left;
z-index: 1;
margin-top: 6px;
margin-left: -7px;
-webkit-transition: all 1s;
transition: all 1s;
}
.navbar-brand h3.companyName {
position: relative;
display: block;
min-width: 135%;
float: left;
font-family: "Open Sans", sans-serif !important;
font-size: 19px;
font-weight: 900;
line-height: 120%;
margin: 0px 0 0 35px;
text-align: left;
bottom: 0px;
-webkit-transition: all 1s;
transition: all 1s;
white-space: normal;
}
.navbar-brand h3.companySlogan {
position: relative;
display: block;
width: 135%;
font-family: "Open Sans", sans-serif !important;
font-size: 12px;
font-weight: 800;
line-height: 120%;
margin: 7px 0 0 100px;
text-align: left;
float: left;
bottom: 0px;
-webkit-transition: all 1s;
transition: all 1s;
white-space: pre-line;
}
}
section.altMediaSlider article.content {
padding: 0 !important;
margin: 0 !important;
}
.tp-bullets {
top: initial !important;
bottom: 20px;
zoom: 0.85;
}
.uranus .tp-bullet {
margin: 0px !important;
}
@media screen and (max-width: 991px) {
.tp-bullets {
top: initial !important;
bottom: initial !important;
left: initial !important;
top: 190px !important;
right: 50px;
zoom: 0.75;
}
}
.our-service-section .owl-buttons {
top: 50px;
}
.our-service-section .owl-next {
background: #11b7ea;
}
.our-service-section .owl-next:hover {
background: #11b7ea;
}
.our-service-section .owl-next:after {
color: #fff;
font-size: 25px;
}
.our-service-section .owl-prev {
background: #11b7ea;
}
.our-service-section .owl-prev:hover {
background: #11b7ea;
}
.our-service-section .owl-prev:after {
color: #fff;
font-size: 25px;
}
#topcontrol {
background: #0A0A0A;
}
#topcontrol:hover {
background: #11b7ea;
}
.g-bg-dark-blue1 {
color: #ccc;
background: transparent;
}
.cbp-l-filters-text {
color: #0A0A0A !important;
}
.cbp-l-filters-text .cbp-filter-item {
color: #0A0A0A;
font-weight: 700;
}
.cbp-l-filters-text .cbp-filter-item:hover {
color: #11b7ea !important;
}
.cbp-l-filters-text .cbp-filter-item.cbp-filter-item-active {
color: #11b7ea !important;
}
.header-links-red.one-page-header.header-v6 {
background: #fff;
height: 106px;
width: 100%;
margin: 0px !important;
padding: 0px !important;
z-index: 99;
-webkit-transition: all 1s;
transition: all 1s;
}
.header-links-red.one-page-header.header-v6.header-fixed-shrink {
position: fixed;
background: #fff;
/* background: -webkit-linear-gradient( left, #fff , #fff 50% , rgba(0, 0, 0, 0.8) ); */
/* background: -o-linear-gradient(left, #fff , #fff 50% , rgba(0, 0, 0, 0.8) ); */
/* background: -moz-linear-gradient( left, #fff , #fff 50% , rgba(0, 0, 0, 0.8) ); */
/* background: linear-gradient( left, #fff , #fff 50% , rgba(0, 0, 0, 0.8) ); */
height: 106px;
width: 100%;
margin: 0px !important;
padding: 0px !important;
-webkit-transition: all 1s;
transition: all 1s;
}
.our-service-info {
padding: 10px 25px 10px 25px;
color: #0A0A0A;
/*padding-bottom: 100px;*/
}
.our-service-section .container-fluid>.row {
background: #fff;
}
.our-service-info .h2,
.our-service-info h2,
.our-service-info p {
margin-left: 10px;
margin-right: 30px;
color: #0A0A0A;
}
@media screen and (max-width: 991px) {
.our-service-info {
padding-top: 10px;
padding-bottom: 50px !important;
}
}
.our-service-info .block_name {
font-size: 20px;
text-transform: uppercase;
font-style: normal;
display: inline-block;
color: #0A0A0A;
font-weight: 900;
background: transparent;
padding: 90px 0px 6px;
margin: 30px 0 0 0;
border-top: 0px solid #11b7ea;
border-bottom: 4px solid #11b7ea;
}
@media screen and (max-width: 750px) {
.our-service-info .block_name {
font-size: 17px;
}
}
.contact_page .btn-u.btn-u-red {
background: transparent;
float: left;
margin: 20px 20px 20px 0px;
border: 1px solid #fff;
}
.contact_page .btn-u:active,
.contact_page .btn-u:hover {
background: #11b7ea !important;
border: 1px solid #11b7ea;
}
.contact_section .btn-u.btn-u-red {
background: transparent;
float: left;
margin: 20px 20px 20px 0px;
border: 1px solid #fff;
}
.contact_section .btn-u:active,
.btn-u:hover {
background: #0A0A0A !important;
border: 1px solid #0A0A0A;
}
.openingHeadlineSwitcher {
display: block;
bottom: 20px;
left: 20px;
width: 90px;
height: 40px;
padding: 0;
position: absolute;
border: 2px solid #444646;
border-radius: 20px;
-webkit-transition: all .2s .1s, right .1s;
transition: all .2s .1s, right .1s;
box-sizing: border-box;
zoom: 0.75;
z-index: 3;
}
.OHS_toggle-on {
position: absolute;
bottom: 20px;
width: 40px;
height: 40px;
border: 0px solid #444646;
-webkit-transition: all .2s .1s, right .1s;
transition: all .2s .1s, right .1s;
z-index: 1;
right: 20px;
left: initial;
}
.openingHeadlineSwitcher .toggle-button {
position: absolute;
top: 9px;
bottom: 9px;
margin: 0 5px 0 0;
width: 20px;
height: 20px;
right: 50px;
background-color: #444646;
border-radius: 19px;
cursor: pointer;
-webkit-transition: all .3s .1s, width .1s, top .1s, bottom .1s;
transition: all .3s .1s, width .1s, top .1s, bottom .1s;
}
.OHS_toggle-on .toggle-button {
top: 0px;
width: 100%;
height: auto;
bottom: 0px;
right: 0px;
left: 0px;
margin: 0 10px 0 0;
border-radius: 23px;
background-color: #444646;
/*box-shadow: 0 0 8px #4b7a8d;*/
-webkit-transition: all .2s .1s, right .1s;
transition: all .2s .1s, right .1s;
}
.openingHeadlineSwitcher .toggle-text-on {
position: absolute;
top: 0px;
bottom: 0;
left: 0;
right: 0;
line-height: 36px;
letter-spacing: 1px;
text-align: center;
font-size: 1.3em;
font-weight: normal;
cursor: pointer;
-webkit-user-select: none;
/* Chrome/Safari */
-moz-user-select: none;
/* Firefox */
-ms-user-select: none;
/* IE10+ */
user-select: none;
text-transform: uppercase;
color: rgba(0, 0, 0, 0);
}
.OHS_toggle-on .toggle-text-on {
top: 4px;
color: rgba(255, 255, 255, 0.3);
-webkit-transition: color .3s .15s;
transition: color .3s .15s;
}
.openingHeadlineSwitcher .toggle-text-off {
position: absolute;
top: 2px;
bottom: 0;
right: 12px;
line-height: 36px;
text-align: center;
font-size: 1.7em;
-webkit-user-select: none;
/* Chrome/Safari */
-moz-user-select: none;
/* Firefox */
-ms-user-select: none;
/* IE10+ */
user-select: none;
text-transform: uppercase;
cursor: pointer;
color: #444646;
}
@media screen and (max-width: 991px) {
.OHS_toggle-on {
left: 20px;
}
}
.btnMore {
display: inline-block;
font-size: 81%;
line-height: 90%;
text-transform: none;
letter-spacing: 1px;
font-weight: 500;
padding: 5px 7px 4px 7px;
border: 1px solid #fff;
background: transparent;
color: #fff;
vertical-align: top;
margin-top: 2px;
-webkit-transition-property: border, background, color;
transition-property: border, background, color;
-webkit-transition-duration: 1s;
transition-duration: 1s;
}
.btnMore:hover {
background: #000;
color: #fff;
border: 1px solid #11b7ea;
}
.dClass {
position: absolute;
width: 100%;
height: 50px;
bottom: 0;
background: #055c53;
background: -webkit-linear-gradient( bottom, #0A0A0A, #0A0A0A 30%, transparent);
background: -o-linear-gradient(bottom, #0A0A0A, #0A0A0A 30%, transparent);
background: -moz-linear-gradient( bottom, #0A0A0A, #0A0A0A 30%, transparent);
background: linear-gradient( bottom, #0A0A0A, #0A0A0A 30%, transparent);
z-index: 2;
margin-left: -23px;
}
.block_Open {
display: block;
width: 63.75%;
height: auto;
padding: 25px 260px 45px 23px;
right: 2.91%;
bottom: 0px;
position: absolute;
background: rgba(38, 38, 38, 0.90);
}
.block_OpenMorph {
padding: 23px 260px 0px 23px;
height: auto;
}
.block_Open .block_HeadlineOpening {
/*text-transform: uppercase;*/
margin: 0px 0px 0px -30px;
padding: 0px 0px 0px 30px;
width: 100%;
height: auto;
color: white;
font-weight: 700;
font-style: normal;
line-height: 120%;
text-align: left;
font-size: 250% !important;
letter-spacing: 1px;
}
.block_Open .block_HeadlineOpening span {
color: #11b7ea;
}
.block_Open .block_chapeau {
line-height: 170%;
float: left;
padding: 0px 30px 40px 30px;
margin: 10px 0px 20px -30px;
width: 100%;
height: auto;
color: white;
font-style: normal;
font-family: 'Quattrocento Sans', sans-serif;
text-align: left;
font-size: 1em;
letter-spacing: 1px;
display: block;
visibility: visible;
}
@media screen and (max-width: 991px) {
.block_Open {
display: block;
height: auto;
width: 100%;
padding: 0px 10px 20px 23px;
left: 0px;
bottom: 0px;
max-width: 100%;
position: absolute;
margin: 0px;
}
.block_OpenMorph {
width: 100% !important;
padding: 0px 0px 0px 0px;
left: 0px;
right: initial;
bottom: 0px;
position: absolute;
-webkit-transition-property: all;
transition-property: all;
-webkit-transition-duration: 1s;
transition-duration: 1s;
}
.block_Open .block_HeadlineOpening {
display: block;
font-size: 115% !important;
-webkit-transition-property: all;
transition-property: all;
-webkit-transition-duration: 1s;
transition-duration: 1s;
line-height: 125%;
text-align: left;
font-weight: 600;
margin: -10px 0px 0px -30px;
padding: 0px 0px 0px 30px;
width: 100%;
height: auto;
color: white;
font-style: normal;
text-align: left;
font-size: 150% !important;
}
.block_Open .block_chapeau {
line-height: 155%;
width: 100%;
height: 0px;
text-align: left;
padding: 0px 0px 0px 30px;
margin: 10px 0px 0px -30px !important;
width: 100% !important;
color: white;
font-style: normal;
text-align: left;
font-size: 0.75em !important;
letter-spacing: 1px;
display: block;
visibility: hidden;
}
}
.morph {
background-color: transparent;
}
.morph path {
fill: #11b7ea;
}
.buttonVideoSlider {
position: absolute;
display: block;
right: 30px;
margin-top: 120px;
padding: 0;
width: 45px;
height: 30px;
border: 0;
background-color: transparent;
outline: none;
z-index: 1;
}
.videoMedia,
.sliderMedia {
position: absolute;
display: block;
padding: 0px;
margin: 0px;
width: 100%;
height: 100%;
border: 0;
}
.g-heading-v7 .h2::after {
background-color: transparent !important;
}
.g-heading-v7 .h2 {
color: #0A0A0A;
margin-bottom: 0;
line-height: 1.1;
padding-top: 30px;
padding-left: 0;
font-size: 37px;
font-weight: 600;
}
.g-heading-v7 .h2 span .highlightColoredTitle {
color: #11b7ea;
}
.textnew {
font-size: 15px;
letter-spacing: .75px;
}
.textnew span.subtitle {
font-size: 15px;
color: #11b7ea;
font-weight: 600;
text-transform: uppercase;
letter-spacing: 1px;
}
.textnew span.highlighttextNew {
font-weight: 800;
}
.moreResponsive {
display: none;
}
@media screen and (max-width: 991px) {
.g-heading-v7 .h2::after {
background-color: transparent !important;
}
.g-heading-v7 .h2 {
font-size: 30px;
padding-top: 20px;
}
.g-pl-40 {
padding-left: 29px;
}
.textnew {
font-size: 14px;
}
.content-md {
padding-bottom: 10px;
padding-right: 29px;
}
.moreResponsive {
display: inline-block;
font-size: 66%;
line-height: 90%;
text-transform: none;
padding-left: 10px;
letter-spacing: 1px;
font-weight: 600;
padding: 3px 4px;
border: 1px solid #fff;
background: transparent;
color: #fff !important;
vertical-align: top;
margin-top: 2px;
-webkit-transition-property: border, background, color;
transition-property: border, background, color;
-webkit-transition-duration: 1s;
transition-duration: 1s;
}
.moreResponsive:hover {
background: #11b7ea;
color: #fff;
border: 1px solid #11b7ea;
}
}
/*Intro Section
------------------------------------*/
/*Intro Section*/
.intro-section {
position: absolute;
top: 0;
left: 0;
bottom: 0;
margin: 0px;
padding: 0px;
right: 0;
}
.intro-section,
.fullscreenbanner-container {
position: absolute;
top: 0;
left: 0;
bottom: 0;
margin: 0px;
padding: 0px;
right: 0;
}
.intro-section .fullscreenbanner {
position: absolute !important;
top: 0;
left: 0;
bottom: 0;
right: 0;
width: 100% !important;
height: 100% !important;
min-width: 100% !important;
min-height: 100%!important;
object-fit: cover;
margin: 0px;
padding: 0px;
}
.intro-section:after {
width: 100%;
height: 100%;
position: absolute;
}
@media (min-width: 992px) {
.contact-section .col-md-4:after,
.contact-section .col-sm-6:after {
clear: initial;
}
}
.faq .acc-v1 .panel-heading a {
font-size: 18px;
padding-left: 30px;
background: 0 0;
font-weight: 700;
transition: all 1s ease
}
.faq .acc-v1 .panel-heading a,
.faq .acc-v1.plus-toggle .panel-heading a:before {
color: #11b7ea;
}
.faq .acc-v1.plus-toggle .panel-heading a.collapsed,
.faq .acc-v1.plus-toggle .panel-heading a.collapsed:hover {
color: #0A0A0A;
transition: all .1s ease
}
.faq .acc-v1 .panel-heading a {
text-decoration: none;
font-size: 17px;
line-height: 125%;
}
.faq .acc-v1 .panel-heading a:hover {
text-decoration: none;
color: #939699;
transition: all 1s ease;
}
#paymentsMethods {
position: relative;
margin: 0px;
padding: 0px;
zoom: 0.85;
}
#paymentsMethods li {
display: inline-block;
float: left;
position: relative;
border-radius: 4px;
margin: 0px 7px 10px 0px;
width: 60px;
height: auto;
border-bottom: 3px solid rgba(0, 0, 0, .45);
}
#paymentsMethods li img {
width: 100%;
height: auto;
}
#paymentsMethods h3 {
text-align: left;
}
#paymentsMethods .cash {
background: #8a8c8e;
}
#paymentsMethods .visa {
background: #0a67b2;
}
#paymentsMethods .mastercard {
background: #DC1825;
}
#paymentsMethods .paypal {
background: #34679a;
}
#paymentsMethods .discover {
background: #f58220;
}
#paymentsMethods .visa_electron {
background: #045ea0;
}
#paymentsMethods .diners {
background: #a6a9ad;
}
#paymentsMethods .amexp {
background: #0a67b5;
}
#paymentsMethods .cheque {
background: #3a3b3b;
}
.socket_signature {
position: absolute;
bottom: 10px;
width: auto;
right: 20px;
padding: 0px;
opacity: 0.5;
-webkit-transition-property: all;
transition-property: all;
-webkit-transition-duration: 1s;
transition-duration: 1s;
}
.socket_signature .baseline_socket_signature {
color: #fff;
font-size: 10px;
float: left;
font-weight: 300;
letter-spacing: 2px;
padding: 0px;
margin: 0px;
}
.socket_signature .logo_socket {
position: relative;
display: inline-block;
height: 12px;
margin: 0px 0px 0px 7px;
bottom: -5px;
padding: 0px 0px -20px 20px;
}
.socket_signature:hover {
opacity: 1;
}
.we-accept {
margin-top: 40px;
width: auto;
}
.we-accept h3 {
color: #ffffff;
margin-bottom: 15px;
font-size: 26px;
text-align: left;
}
.visualCTA {
width: 120px;
height: auto;
-webkit-transition-property: all;
transition-property: all;
-webkit-transition-duration: 2s;
transition-duration: 2s;
}
@media (max-width: 992px) {
.visualCTA {
width: 90px;
height: auto;
-webkit-transition-property: all;
transition-property: all;
-webkit-transition-duration: 2s;
transition-duration: 2s;
}
}
.appPresentationBlock {
position: relative;
width: 100%;
height: auto;
background: rgba(0, 28, 25, 0.90);
background: -webkit-linear-gradient( left, rgba(0, 28, 25, 0.90), rgba(0, 28, 25, 0.90) 25%, #11b7ea);
background: -o-linear-gradient(left, rgba(0, 28, 25, 0.90), rgba(0, 28, 25, 0.90) 25%, #11b7ea);
background: -moz-linear-gradient( left, rgba(0, 28, 25, 0.90), rgba(0, 28, 25, 0.90) 25%, #11b7ea);
background: linear-gradient( left, rgba(0, 28, 25, 0.90), rgba(0, 28, 25, 0.90) 25%, #11b7ea);
margin: 0;
}
.appPresentationBlock .clearfix {
clear: both;
}
.spacerPresentation {
height: 10px;
}
.presentationHeaderDiv {
position: absolute;
display: inline-block;
width: 20%;
height: auto;
color: white;
margin: 0;
}
.appPresentationMain {
position: relative;
display: inline-block;
width: 80%;
height: auto;
margin: 0 0 0 20%;
}
@media (min-width: 701px) and (max-width: 1215px) {
.presentationHeaderDiv {
width: 30%;
}
.appPresentationMain {
width: 70%;
margin: 0 0 0 30%;
}
.schedule_page {
background-color: transparent;
}
}
@media screen and (max-width: 700px) {
.presentationHeaderDiv {
width: 100%;
}
.appPresentationMain {
width: 100%;
margin: 0 0 0 0%;
}
.schedule_page {
background-color: transparent;
}
.presentationHeaderDiv {
position: relative;
}
}
.presentationHeader {
padding: .8em 0 1em 3%;
background-color: #262626;
color: white;
border-left: 5px solid #39A279;
}
.presentationHeader h1 {
font-weight: 700;
font-size: 1.3em;
}
.presentationHeader h2 {
margin-top: .3em;
font-size: .8em;
}
.presentationHeader h2 b {
font-weight: 600;
font-size: 1.2em;
}
.presentationHeader b {
color: #39A279;
}
.cardPresentation {
width: 33.33%;
float: left;
color: white;
vertical-align: top;
height: 215px;
background-color: #141414;
outline: 1px solid rgba(255, 255, 255, 0.14);
cursor: pointer;
transition: all 0.5s ease;
overflow: hidden;
}
.cardPresentation:hover {
background-color: rgba(20, 20, 20, 0.95);
}
@media screen and (max-width: 1215px) {
.cardPresentation {
width: 50%;
}
}
@media screen and (max-width: 700px) {
.cardPresentation {
width: 100%;
}
}
.cardPresentation .pos {
padding: .5em 0 .5em .5em;
color: white;
font-size: .9em;
background-color: rgba(20, 20, 20, 0.95);
margin-bottom: 1em;
border-bottom: 1px solid rgba(255, 255, 255, 0.14);
}
.cardPresentation .itemPresentationInfo {
display: inline-block;
vertical-align: top;
padding: 1em 0.5em 0.5em;
position: relative;
}
.cardPresentation .profileItemPresentation {
width: 100px;
height: 100px;
overflow: hidden;
border-radius: 50%;
display: inline-block;
margin: 20px;
transition: all 0.5s ease;
}
@media screen and (max-width: 925px) {
.cardPresentation .profileItemPresentation {
width: 80px;
height: 80px;
}
}
@media screen and (max-width: 570px) {
.cardPresentation .profileItemPresentation {
width: 100px;
height: 100px;
}
}
.cardPresentation .profileItemPresentation img {
height: 100%;
margin-left: -20%;
}
.cardPresentation:hover .profileItemPresentation {
width: 90px;
height: 90px;
}
.cardPresentation h1 {
font-weight: 600;
font-size: 1em;
padding-bottom: .15em;
}
.cardPresentation h2 {
font-weight: 300;
font-size: .9em;
margin-bottom: .4em;
}
.cardPresentation p {
font-weight: 300;
font-size: .8em;
}
.cardPresentation p b {
font-weight: 600;
}
.cardPresentation h3 {
font-weight: 700;
font-size: 1.8em;
padding-bottom: .3em;
}
.cardPresentation h4 {
font-weight: 600;
padding: .1em 0;
}
.cardPresentation h4 i {
font-size: .8em;
font-weight: 300;
}
.blockCTAPresentation {
width: 66.66%;
min-height: 215px;
height: auto;
float: left;
background-color: rgba(20, 20, 20, 0.95);
color: white;
outline: 1px solid rgba(255, 255, 255, 0.14);
}
@media screen and (max-width: 1215px) {
.blockCTAPresentation {
width: 100%;
}
}
.blockCTAPresentation .presentationCTA {
width: 90%;
padding: .4em 0 .4em 5%;
}
.blockCTAPresentation h2 {
font-size: .8em;
font-weight: 300;
margin: 1.1em 0 .3em 0;
}
.blockCTAPresentation h1 {
font-weight: 600;
margin-bottom: .7em;
}
.presentationCTA .result {
border-bottom: 1px solid rgba(255, 255, 255, 0.14);
padding: .4em 0 .35em 0;
}
.presentationCTA .result:before {
content: 'projected to win';
padding-left: 5%;
}
.presentationCTA .presentationCTA_title {
color: #39A279;
font-weight: 600;
font-size: 1.5em;
line-height: 120%;
}
.presentationCTA .presentationCTA_text {
color: #fff;
font-weight: 500;
font-size: .95em;
line-height: 150%;
}
.overlayModalPresentation {
width: 100%;
margin: 0 auto;
background-color: rgba(20, 20, 20, 0.95);
position: absolute;
z-index: 10;
bottom: 0;
height: 0;
overflow: hidden;
transition: all 0.75s ease;
}
.showModalPresentation {
position: relative;
width: 100%;
height: 100%;
overflow: show;
transition: all 0.75s ease;
}
.ModalPresentation {
width: 100%;
margin: 0 auto;
color: white;
float: left;
outline: 1px solid rgba(255, 255, 255, 0.14);
}
@media screen and (max-width: 1215px) {}
@media screen and (max-width: 925px) {
.ModalPresentation {
width: 100%;
}
}
.ModalPresentation .profileItemPresentation {
width: 140px;
height: 140px;
overflow: hidden;
border-radius: 50%;
display: inline-block;
margin: 1.3em .5em .5em 3%;
transition: all 0.5s ease;
}
@media screen and (max-width: 925px) {
.ModalPresentation .profileItemPresentation {
width: 70px;
height: 70px;
}
}
@media screen and (max-width: 570px) {
.ModalPresentation .profileItemPresentation {
width: 100px;
height: 100px;
}
}
.ModalPresentation .profileItemPresentation img {
height: 100%;
margin-left: -20%;
}
.ModalPresentation h1 {
margin-top: 50px;
font-size: 2.5em;
font-weight: 600;
}
.ModalPresentation h2 {
font-size: 1.7em;
letter-spacing: 1px;
}
.ModalPresentation h3 {
font-weight: 600;
}
@media screen and (max-width: 800px) {
.ModalPresentation {
width: 100%;
}
}
.ModalPresentation .modalHeaderPresentation {
padding: 1.15em 1em 1em 2.5%;
background-color: #39A279;
margin-bottom: .5em;
position: relative;
font-size: 1.7em;
font-weight: 600;
}
.ModalPresentation .modalHeaderPresentation .close {
position: absolute;
right: 45px;
font-weight: 600;
font-size: 35px;
margin-top: -11px;
cursor: pointer;
color: #fff;
opacity: 0.66;
-webkit-transition-property: all;
transition-property: all;
-webkit-transition-duration: 0.5s;
transition-duration: 0.5s;
}
.ModalPresentation .modalHeaderPresentation .close:hover {
font-size: 70px;
margin-top: -25px;
opacity: 1;
-moz-transform: rotateY(180deg);
-webkit-transform: rotateY(180deg);
transform: rotateY(180deg);
}
.ModalPresentation .modalHeaderPresentation .fa {
color: #fff;
}
.ModalPresentation .playerModal {
display: inline-block;
margin-left: 4%;
vertical-align: top;
}
/*.ModalPresentation .pointsList {
width: 90%;
margin-left: 5%;
padding: .5em 0 0 0;
border-top: 1px solid white;
border-bottom: 1px solid white;
}
.ModalPresentation .pointsList li {
display: inline-block;
margin-right: 2.5%;
padding-bottom: .5em;
}*/
.descriptionLine {
display: block;
}
.statusClass1 {
color: green;
padding: 0;
}
.statusClass2 {
color: #A1BF3F;
padding: 0;
}
.statusClass3 {
color: orange;
padding: 0;
}
.statusClass4 {
color: red;
padding: 0;
}
.presentationHeaderDiv .presentationIntro {
padding: 0em 1em;
/* background-color: #162630;*/
}
.presentationHeaderDiv .appPresentationInfo {
padding: 1em 1.5em 1em 1em;
}
.presentationHeaderDiv .appPresentationInfo h1 {
font-weight: 600;
font-size: 1.4em;
padding: .5em 0;
line-height: 120%;
}
.presentationHeaderDiv .appPresentationInfo p {
font-weight: 300;
font-size: .9em;
line-height: 145%;
}
.presentationIntro .highlight {
border-left: 5px solid #39A279;
margin: 0 1em 0 -1em;
padding: 1.7em 0 0 1em;
text-transform: uppercase;
}
.modalPresentation_SubTitle {
font-size: 120%;
color: #39A279;
margin: 20px 50px 19px 20%;
text-transform: uppercase;
}
.modalPresentation_Parag {
font-size: 100%;
line-height: 150%;
color: #fff;
opacity: 0.75;
margin: 10px 50px 50px 20%;
}
.g-heading-v8 .our-service-info h2 {
/* padding-top: calc(50px + 2vw);*/
line-height: 107%;
font-size: 2em;
letter-spacing: 1px;
}
@media screen and (max-width: 750px) {
.g-heading-v8 .our-service-info h2 {
font-size: 189%;
}
}
/* correction boutton*/
.form-control {
background-color: transparent !important;
color: #fff !important;
}
.color-red {
color: #11b7ea !important;
}
.rc-anchor-light {
background-color: transparent !important;
}
::-moz-selection {
background: #0A0A0A;
}
::selection {
background: #0A0A0A;
}
/* correction boutton*/
.calls_SlideNClipBlock {
position: relative;
/*margin-top:106px;*/
height: 100%;
-webkit-perspective: 1500px;
perspective: 1500px;
}
.calls_SlideNClipBlock:before {
position: absolute;
width: 100%;
height: 50px;
background-color: #000 !important;
}
.fnc-slider {
overflow: hidden;
box-sizing: border-box;
position: relative;
height: 100vh;
}
.fnc-slider *,
.fnc-slider *:before,
.fnc-slider *:after {
box-sizing: border-box;
}
.fnc-slider__slides {
position: relative;
height: 100%;
-webkit-transition: -webkit-transform 1s 0.66667s;
transition: -webkit-transform 1s 0.66667s;
transition: transform 1s 0.66667s;
transition: transform 1s 0.66667s, -webkit-transform 1s 0.66667s;
}
.fnc-slider__slides .fnc-slide:nth-child(1) .fnc-nav__controls {
display: none;
}
.fnc-slider .m--blend-dark .fnc-slide__inner {
background-color: #8a8a8a;
}
.fnc-slider .m--blend-dark .fnc-slide__mask-inner {
background-color: #575757;
}
.fnc-slider .m--navbg-dark {
background-color: #575757;
}
.fnc-slider .m--blend-gold .fnc-slide__inner {
background-color: #fff;
}
.fnc-slider .m--navbg-gold {
background-color: #404d5c;
}
.fnc-slide {
overflow: hidden;
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 100%;
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
.fnc-slide.m--before-sliding {
z-index: 2 !important;
-webkit-transform: translate3d(100%, 0, 0);
transform: translate3d(100%, 0, 0);
}
.fnc-slide.m--active-slide {
z-index: 1;
-webkit-transition: -webkit-transform 1s 0.66667s ease-in-out;
transition: -webkit-transform 1s 0.66667s ease-in-out;
transition: transform 1s 0.66667s ease-in-out;
transition: transform 1s 0.66667s ease-in-out, -webkit-transform 1s 0.66667s ease-in-out;
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
.fnc-slide__inner {
position: relative;
height: 100%;
background-size: cover;
background-position: center top;
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
.m--global-blending-active .fnc-slide__inner,
.m--blend-bg-active .fnc-slide__inner {
background-blend-mode: luminosity;
}
.m--before-sliding .fnc-slide__inner {
-webkit-transform: translate3d(-100%, 0, 0);
transform: translate3d(-100%, 0, 0);
}
.m--active-slide .fnc-slide__inner {
-webkit-transition: -webkit-transform 1s 0.66667s ease-in-out;
transition: -webkit-transform 1s 0.66667s ease-in-out;
transition: transform 1s 0.66667s ease-in-out;
transition: transform 1s 0.66667s ease-in-out, -webkit-transform 1s 0.66667s ease-in-out;
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
.fnc-slide__mask {
overflow: hidden;
position: absolute;
/* -webkit-clip-path: polygon(0 0, 100% 0, 100% 100%, 0 100%, 0 0, 6vh 0, 6vh 61vh, 44vh 61vh, 44vh 6vh, 6vh 6vh);
clip-path: polygon(0 0, 100% 0, 100% 100%, 0 100%, 0 0, 6vh 0, 6vh 61vh, 44vh 61vh, 44vh 6vh, 6vh 6vh);*/
}
.mask_Slider1,
.mask_Slider2,
.mask_Slider3,
.mask_Slider4,
.mask_Slider5,
.mask_Slider6,
.mask_Slider7 {
left: 0%;
top: 5%;
width: 39%;
height: 31%;
}
.fnc-nav_Slider1,
.fnc-nav_Slider2,
.fnc-nav_Slider3,
.fnc-nav_Slider4,
.fnc-nav_Slider5,
.fnc-nav_Slider6,
.fnc-nav_Slider7 {
right: 50px;
bottom: 50px;
}
@media screen and (max-width: 991px) {
.fnc-slide__mask {
top: 106px;
right: 0;
bottom: 0px;
left: initial;
width: 100%;
height: 90px;
}
.fnc-slide__mask .fnc-nav {
left: 0px;
bottom: initial;
top: 0px;
right: initial;
zoom: 0.75;
}
}
.m--before-sliding .fnc-slide__mask {
-webkit-transform: translateX(-500px) translate3d(200px, 0, 0);
transform: translateX(-500px) translate3d(200px, 0, 0);
opacity: 0;
}
.m--active-slide .fnc-slide__mask {
-webkit-transition: opacity 0.35s 1.22222s, -webkit-transform 0.7s 1.22222s;
transition: opacity 0.35s 1.22222s, -webkit-transform 0.7s 1.22222s;
transition: transform 0.7s 1.22222s, opacity 0.35s 1.22222s;
transition: transform 0.7s 1.22222s, opacity 0.35s 1.22222s, -webkit-transform 0.7s 1.22222s;
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
opacity: 1;
}
.m--previous-slide .fnc-slide__mask {
-webkit-transition: opacity 0.35s 0.68333s, -webkit-transform 0.7s 0.33333s;
transition: opacity 0.35s 0.68333s, -webkit-transform 0.7s 0.33333s;
transition: transform 0.7s 0.33333s, opacity 0.35s 0.68333s;
transition: transform 0.7s 0.33333s, opacity 0.35s 0.68333s, -webkit-transform 0.7s 0.33333s;
-webkit-transform: translateX(-500px) translate3d(-200px, 0, 0);
transform: translateX(-500px) translate3d(-200px, 0, 0);
opacity: 0;
}
.fnc-slide__mask-inner {
z-index: -1;
position: absolute;
left: 50%;
top: 50%;
width: 100vw;
height: 100vh;
margin-left: -50vw;
margin-top: -50vh;
background-size: cover;
background-position: center center;
background-blend-mode: luminosity;
-webkit-transform-origin: 50% 16.5vh;
transform-origin: 50% 16.5vh;
-webkit-transition-timing-function: ease-in-out;
transition-timing-function: ease-in-out;
}
.m--before-sliding .fnc-slide__mask-inner {
-webkit-transform: translateY(0) rotate(10deg) translateX(-200px) translateZ(0);
transform: translateY(0) rotate(10deg) translateX(-200px) translateZ(0);
}
.m--active-slide .fnc-slide__mask-inner {
-webkit-transition: -webkit-transform 0.7s 1.22222s;
transition: -webkit-transform 0.7s 1.22222s;
transition: transform 0.7s 1.22222s;
transition: transform 0.7s 1.22222s, -webkit-transform 0.7s 1.22222s;
-webkit-transform: translateX(0);
transform: translateX(0);
}
.m--previous-slide .fnc-slide__mask-inner {
-webkit-transition: -webkit-transform 0.7s 0.33333s;
transition: -webkit-transform 0.7s 0.33333s;
transition: transform 0.7s 0.33333s;
transition: transform 0.7s 0.33333s, -webkit-transform 0.7s 0.33333s;
-webkit-transform: translateY(0) rotate(-10deg) translateX(200px) translateZ(0);
transform: translateY(0) rotate(-10deg) translateX(200px) translateZ(0);
}
.fnc-nav {
z-index: 5;
position: absolute;
}
.fnc-nav__bgs {
z-index: -1;
overflow: hidden;
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 100%;
}
.fnc-nav__bg {
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 100%;
}
.fnc-nav__bg.m--nav-bg-before {
z-index: 2 !important;
-webkit-transform: translateX(100%);
transform: translateX(100%);
}
.fnc-nav__bg.m--active-nav-bg {
z-index: 1;
-webkit-transition: -webkit-transform 1s 0.66667s;
transition: -webkit-transform 1s 0.66667s;
transition: transform 1s 0.66667s;
transition: transform 1s 0.66667s, -webkit-transform 1s 0.66667s;
-webkit-transform: translateX(0);
transform: translateX(0);
}
.fnc-nav__control {
overflow: hidden;
position: relative;
display: inline-block;
vertical-align: top;
width: auto;
padding: 1em 1.5em;
font-size: 15px;
letter-spacing: 5px;
color: #fff;
text-transform: uppercase;
background: transparent;
cursor: pointer;
-webkit-transition: all 0.5s;
transition: all 0.5s;
}
.fnc-nav__control:hover {
text-decoration: none;
color: #fff;
}
.fnc-nav__control.m--active-control {
background: #1F2833;
}
.fnc-nav__control-progress {
position: absolute;
left: 0;
bottom: 0;
width: 100%;
height: 2px;
background: #fff;
-webkit-transform-origin: 0 50%;
transform-origin: 0 50%;
-webkit-transform: scaleX(0);
transform: scaleX(0);
-webkit-transition-timing-function: linear !important;
transition-timing-function: linear !important;
}
.m--with-autosliding .m--active-control .fnc-nav__control-progress {
-webkit-transform: scaleX(1);
transform: scaleX(1);
}
.m--prev-control .fnc-nav__control-progress {
-webkit-transform: translateX(100%);
transform: translateX(100%);
-webkit-transition: -webkit-transform 0.5s !important;
transition: -webkit-transform 0.5s !important;
transition: transform 0.5s !important;
transition: transform 0.5s, -webkit-transform 0.5s !important;
}
.m--reset-progress .fnc-nav__control-progress {
-webkit-transform: scaleX(0);
transform: scaleX(0);
-webkit-transition: -webkit-transform 0s 0s !important;
transition: -webkit-transform 0s 0s !important;
transition: transform 0s 0s !important;
transition: transform 0s 0s, -webkit-transform 0s 0s !important;
}
.m--autosliding-blocked .fnc-nav__control-progress {
-webkit-transition: all 0s 0s !important;
transition: all 0s 0s !important;
-webkit-transform: scaleX(0) !important;
transform: scaleX(0) !important;
}
.calls-slider {
z-index: 2;
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
-webkit-transition: -webkit-transform 0.7s;
transition: -webkit-transform 0.7s;
transition: transform 0.7s;
transition: transform 0.7s, -webkit-transform 0.7s;
}
/*.credits-active .calls-slider {
-webkit-transform: translate3d(-400px, 0, 0) rotateY(10deg) scale(0.9);
transform: translate3d(-400px, 0, 0) rotateY(10deg) scale(0.9);
}
*/
.calls-slider .fnc-slide-1 .fnc-slide__inner {
background-image: url("../img/servicesAnimation1.gif");
}
.calls-slider .fnc-slide-2 .fnc-slide__inner {
background-image: url("../img/service1.jpg");
}
.calls-slider .fnc-slide-3 .fnc-slide__inner {
background-image: url("../img/service2.jpg");
}
.calls-slider .fnc-slide-4 .fnc-slide__inner {
background-image: url("../img/service3.jpg");
}
.calls-slider .fnc-slide-5 .fnc-slide__inner {
background-image: url("../img/service4.jpg");
}
.calls-slider .fnc-slide-6 .fnc-slide__inner {
background-image: url("../img/service5.jpg");
}
.calls-slider .fnc-slide-7 .fnc-slide__inner {
background-image: url("../img/service6.jpg");
}
.calls-slider .fnc-slide-8 .fnc-slide__inner {
background-image: url("../img/service7.jpg");
}
.schedulesCall {
position: absolute;
margin: 0;
top: -120px;
right: 180px;
-webkit-transition-property: all;
transition-property: all;
-webkit-transition-duration: 0.5s;
transition-duration: 0.5s;
}
.block_Open .schedulesCall {
height: 175px;
width: 175px;
top: -120px;
right: 180px;
z-index: 1000;
}
.schedule_page .schedulesCall {
height: 275px;
width: 275px;
top: -120px;
right: 280px;
z-index: 30;
}
@media screen and (max-width: 791px) {
.block_Open .schedulesCall {
top: -150px;
right: 25px;
zoom: 0.75;
}
.schedule_page .schedulesCall {
top: -50px;
right: 25px;
zoom: 0.45;
}
}
.schedulesCall:hover {
position: absolute;
margin: 0;
-webkit-transition-property: all;
transition-property: all;
-webkit-transition-duration: 0.5s;
transition-duration: 0.5s;
}
.block_Open .schedulesCall:hover {
height: 350px;
width: 350px;
top: -150px;
right: 10%;
}
.schedule_page .schedulesCall:hover {
height: 400px;
width: 400px;
top: -150px;
right: 15%;
}
@media screen and (max-width: 791px) {
.block_Open .schedulesCall:hover {
top: -150px;
right: 25px;
zoom: 0.65;
}
.schedule_page .schedulesCall:hover {
top: -50px;
right: 25px;
zoom: 0.44;
}
}
.schedulesCall:hover .circle {
border: 14px solid transparent;
}
.schedulesCall:hover .circle:nth-child(1) {
background: rgba(0, 28, 25, 0.91);
-webkit-transition-property: all;
transition-property: all;
-webkit-transition-duration: 0.5s;
transition-duration: 0.5s;
}
.schedulesCall .iconSchedule {
position: absolute;
width: 60%;
right: 20%;
top: 20%;
-webkit-transition-property: all;
transition-property: all;
-webkit-transition-duration: 0.5s;
transition-duration: 0.5s;
}
.schedulesCall .call {
position: absolute;
font-size: 1.15em;
color: rgba(255, 255, 255, 0.3);
right: 25%;
top: 45%;
letter-spacing: 1px;
-webkit-transition-property: all;
transition-property: all;
-webkit-transition-duration: 0.5s;
transition-duration: 0.5s;
}
.schedulesCall:hover .call {
font-size: 2em;
color: #fff;
right: 39%;
top: 50%;
}
.schedulesCall .circle {
border-radius: 125% 140% 110% 125%;
box-sizing: border-box;
position: absolute;
width: 100%;
height: 100%;
border: 10px solid transparent;
mix-blend-mode: screen;
}
.schedulesCall .circle:nth-child(1) {
background: rgba(0, 28, 25, 0.51);
overflow: hidden;
border-color: #DB4437;
-webkit-transform-origin: 50% 50%;
transform-origin: 50% 50%;
-webkit-animation: spinBenn 6.5s ease-in-out infinite;
animation: spinBenn 6.5s ease-in-out infinite;
}
.schedulesCall .circle:nth-child(2) {
border-color: #F4B400;
-webkit-transform-origin: 50% 50%;
transform-origin: 50% 50%;
-webkit-animation: spinNiaar 4s ease-in-out infinite;
animation: spinNiaar 4s ease-in-out infinite;
}
.schedulesCall .circle:nth-child(3) {
border-color: #4285F4;
-webkit-transform-origin: 50% 50%;
transform-origin: 50% 50%;
-webkit-animation: spinNiett 7s ease-in-out infinite;
animation: spinNiett 7s ease-in-out infinite;
}
.schedulesCall .circle:nth-child(4) {
border-color: #0F9D58;
-webkit-transform-origin: 50% 50%;
transform-origin: 50% 50%;
-webkit-animation: spinNient 5s ease-in-out infinite;
animation: spinNient 5s ease-in-out infinite;
}
@keyframes spinBenn {
0% {
-webkit-transform: rotate(0);
transform: rotate(0);
}
100% {
-webkit-transform: rotate(-360deg);
transform: rotate(-360deg);
}
}
@keyframes spinNiaar {
0% {
-webkit-transform: rotate(72deg);
transform: rotate(72deg);
}
100% {
-webkit-transform: rotate(-288deg);
transform: rotate(-288deg);
}
}
@keyframes spinNiett {
0% {
-webkit-transform: rotate(-144deg);
transform: rotate(-144deg);
}
100% {
-webkit-transform: rotate(216deg);
transform: rotate(216deg);
}
}
@keyframes spinNient {
0% {
-webkit-transform: rotate(216deg);
transform: rotate(216deg);
}
100% {
-webkit-transform: rotate(-144deg);
transform: rotate(-144deg);
}
}
.clock {
position: absolute;
width: 80%;
height: 80%;
margin: 10%;
-webkit-transition-property: all;
transition-property: all;
-webkit-transition-duration: 0.5s;
transition-duration: 0.5s;
}
.clock #hours,
.clock #minutes,
.clock #seconds {
position: absolute;
top: 0;
left: 0;
bottom: 0;
right: 0;
/* border-radius: 50%; */
}
.clock #seconds {
transform: scale(1.0);
}
.clock #minutes {
transform: scale(0.84);
}
.clock #hours {
transform: scale(0.70);
}
.clock .date {
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
text-align: center;
color: rgba(181, 229, 5, 0.5);
width: 50%;
}
.clock span {
position: absolute;
width: 3%;
height: 5%;
top: 0;
left: 50%;
background-color: rgba(77, 151, 86, 0.25);
transform-origin: 0% 1000%;
transition: all linear 0.5s;
}
.clock #seconds .tick {
background-color: rgba(181, 229, 5, 0.5);
width: 2.3%;
height: 5%;
}
.clock #minutes .tick {
background-color: rgba(255, 255, 255, 0.69);
width: 1.9%;
height: 5%;
}
.clock #hours .tick {
background-color: rgba(255, 255, 255, 0.75);
width: 1.9%;
height: 5%;
}
.clock #seconds span {
width: 2.3%;
height: 5%;
}
.clock #minutes span {
width: 1.9%;
height: 5%;
}
.clock #hours span {
width: 1.9%;
height: 5%;
}
.schedulesCall .clock .date {
font-size: 66%;
letter-spacing: 1px;
opacity: 0;
-webkit-transition-property: all;
transition-property: all;
-webkit-transition-duration: 1s;
transition-duration: 1s;
}
.schedulesCall:hover .clock .date {
color: rgba(255, 255, 255, 0.5);
top: 70%;
font-size: 95%;
line-height: 1.1;
opacity: 1;
-webkit-transition-property: all;
transition-property: all;
-webkit-transition-duration: 1s;
transition-duration: 1s;
}
.clock .ScheduleTitle {
position: absolute;
display: block;
top: 47%;
left: 50%;
font-size: 85%;
letter-spacing: 0.95px;
transform: translate(-50%, -50%);
text-align: center;
color: rgba(181, 229, 5, 0.5);
width: 50%;
-webkit-transition-property: all;
transition-property: all;
-webkit-transition-duration: 0.5s;
transition-duration: 0.5s;
}
@media screen and (max-width: 791px) {
.clock .ScheduleTitle {
top: 50%;
}
}
.clock .ScheduleTitle:hover {
color: rgba(181, 229, 5, 1);
}
.clock .ScheduleCurrent {
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
text-align: center;
color: rgba(255, 255, 255, 0.5);
width: 50%;
font-size: 80%;
line-height: 129%;
}
.schedulesCall .clock .ScheduleCurrent {
opacity: 0;
letter-spacing: 1px;
-webkit-transition-property: all;
transition-property: all;
-webkit-transition-duration: 0.5s;
transition-duration: 0.5s;
}
.schedulesCall:hover .clock .ScheduleCurrent {
opacity: 1;
-webkit-transition-property: all;
transition-property: all;
-webkit-transition-duration: 0.5s;
transition-duration: 0.5s;
}
.schedulesCall:hover .clock .ScheduleCurrent strong {
font-weight: 900;
font-size: 120%;
}
.schedulesCall:hover .clock .ScheduleTitle {
font-size: 120%;
top: 30%;
transform: translate(-50%, -30%);
-webkit-transition-property: all;
transition-property: all;
-webkit-transition-duration: 0.5s;
transition-duration: 0.5s;
}
.contact-section {
background-color: #484d52 !important;
background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAoAAAAKCAYAAACNMs+9AAAAGUlEQVQYV2NkIBIwEqmOYVQh3pAiNnj+AwALaAEKfsPrZgAAAABJRU5ErkJggg==);
background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAoAAAAKCAYAAACNMs+9AAAAGUlEQVQYV2NkIBIwEqmOYVQh3pAiNnj+AwALaAEKfsPrZgAAAABJRU5ErkJggg==), -webkit-linear-gradient( left, #484d52, #484d52 50%, #0A0A0A)!important;
background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAoAAAAKCAYAAACNMs+9AAAAGUlEQVQYV2NkIBIwEqmOYVQh3pAiNnj+AwALaAEKfsPrZgAAAABJRU5ErkJggg==), -o-linear-gradient(left, #484d52, #484d52 50%, #0A0A0A)!important;
background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAoAAAAKCAYAAACNMs+9AAAAGUlEQVQYV2NkIBIwEqmOYVQh3pAiNnj+AwALaAEKfsPrZgAAAABJRU5ErkJggg==), -moz-linear-gradient( left, #484d52, #484d52 50%, #0A0A0A)!important;
background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAoAAAAKCAYAAACNMs+9AAAAGUlEQVQYV2NkIBIwEqmOYVQh3pAiNnj+AwALaAEKfsPrZgAAAABJRU5ErkJggg==), linear-gradient( left, #484d52, #484d52 50%, #0A0A0A)!important;
}
.contact-section-map {
height: 500px
}
.bckgcolorCTA {
background-color: #0A0A0A;
background: -webkit-linear-gradient( left, #0A0A0A, #0A0A0A 50%, #0A0A0A);
background: -o-linear-gradient(left, #0A0A0A, #0A0A0A 50%, #0A0A0A);
background: -moz-linear-gradient( left, #0A0A0A, #0A0A0A 50%, #0A0A0A);
background: linear-gradient( left, #0A0A0A, #0A0A0A 50%, #0A0A0A);
}
.colorContact {
padding: 70px 50px 0 50px;
}
.App_page {
position: absolute;
right: 100px;
top: -100px;
z-index: 100;
}
.App_page svg {
stroke: none;
fill: none;
display: none;
position: absolute;
}
.App_page canvas {
position: absolute;
display: block;
margin: -100px -100px;
top: 50%;
left: 50%;
}
.faq .panel-body p {
line-height: 1.5;
padding: 0 30px;
color: #0A0A0A;
}
.cbp-wrapper,
.cbp-wrapper-helper {
background: #11b7ea;
/* background: -webkit-linear-gradient( bottom, #11b7ea , #11b7ea 50% , rgba(255, 255, 255, 1) );
background: -o-linear-gradient(bottom, #11b7ea , #11b7ea 50% , rgba(255, 255, 255, 1) );
background: -moz-linear-gradient( bottom, #11b7ea , #11b7ea 50% , rgba(255, 255, 255, 1) );
background: linear-gradient( bottom, #11b7ea , #11b7ea 50% , rgba(255, 255, 255, 1) );*/
}
/* LIGHT EMERGENCY SERVICES BAR */
.lightbar {
position: absolute;
background-color: #191919;
top: -35px;
right: 70px;
padding: 3px 7px;
margin: 0 auto;
width: auto;
height: auto;
border-radius: 5px;
white-space: nowrap;
box-shadow: 0 1px 1px #000;
-webkit-transition-property: all;
transition-property: all;
-webkit-transition-duration: 0.5s;
transition-duration: 0.5s;
}
@media screen and (max-width: 991px) {
.lightbar {
right: 20px;
zoom: 0.7;
-webkit-transition-property: all;
transition-property: all;
-webkit-transition-duration: 0.5s;
transition-duration: 0.5s;
}
}
.lightbar .message {
display: inline-block;
line-height: 1.5em;
letter-spacing: 2px;
padding: 4px 10px;
margin: 0;
width: auto;
color: #919394;
font-size: 1.15em;
text-transform: uppercase;
white-space: nowrap;
}
.lightbar .message span {
color: #11b7ea;
}
.lightbar .light {
position: relative;
width: auto;
height: auto;
margin: 0;
padding: 0px 10px 0px;
background-color: #191919;
border-top: 1px solid #111;
border-right: 1px solid #333;
border-bottom: 1px solid #333;
border-left: 1px solid #111;
border-radius: 4px;
-webkit-animation-duration: 800ms;
animation-duration: 800ms;
-webkit-animation-name: light;
animation-name: light;
-webkit-animation-iteration-count: infinite;
animation-iteration-count: infinite;
display: inline-block;
}
.lightbar .inner-light {
position: absolute;
width: 100%;
height: 100%;
background-color: transparent;
left: -1px;
border-radius: 4px;
border: 1px solid transparent;
opacity: 0;
}
.lightbar .bulb {
display: inline-block;
vertical-align: middle;
position: relative;
box-shadow: 0px 0px 3px #222;
border-radius: 50%;
margin: 0;
width: 5px;
height: 5px;
background: -webkit-linear-gradient(295deg, rgba(255, 255, 255, 0.24) 0%, rgba(255, 255, 255, 0.14) 25%, rgba(255, 255, 255, 0.48) 49%, transparent 78%, rgba(0, 0, 0, 0.9) 100%);
background: linear-gradient(155deg, rgba(255, 255, 255, 0.24) 0%, rgba(255, 255, 255, 0.14) 25%, rgba(255, 255, 255, 0.48) 49%, transparent 78%, rgba(0, 0, 0, 0.9) 100%);
}
/* CONTROLS */
.lightbar .controls {
display: none;
margin: 0 auto 0;
max-width: 945px;
}
.lightbar .controls h2 {
text-align: center;
font-family: 'Rubik', sans-serif;
color: #555;
text-transform: uppercase;
letter-spacing: 0.1em;
font-size: 1.2em;
}
.lightbar .controls .default-buttons,
.controls .traffic-buttons {
width: 46%;
float: left;
border-top: 2px solid #222;
}
.lightbar .controls .traffic-buttons {
float: right;
}
.lightbar .controls button {
border: 2px solid #444;
background-color: #555;
border-radius: 3px;
color: #000;
padding: 0.5em;
font-size: 1em;
letter-spacing: 0.1em;
text-transform: uppercase;
width: auto;
margin: 5px 2px;
}
.lightbar .controls button.active {
background-color: #ddd;
}
/* SPOTLIGHT */
.lightbar .spotlight .bulb {
background: #fff;
box-shadow: 0px 0px 45px 10px #fff;
}
.lightbar .spotlight .inner-light {
border: 1px solid rgba(255, 255, 255, 0.2);
background-color: rgba(255, 255, 240, 0.85);
box-shadow: 0px 0px 30px 12px rgba(255, 255, 240, 0.85);
opacity: 1;
z-index: 9999;
}
/* ANIMATION BASICS */
.lightbar .delay .bulb {
-webkit-animation-delay: 500ms;
animation-delay: 500ms;
}
.lightbar .delay .inner-light {
-webkit-animation-delay: 500ms;
animation-delay: 500ms;
}
.lightbar .strobe .bulb {
-webkit-animation-duration: 800ms;
animation-duration: 800ms;
-webkit-animation-name: bulb-strobe;
animation-name: bulb-strobe;
-webkit-animation-iteration-count: infinite;
animation-iteration-count: infinite;
}
@-webkit-keyframes bulb-strobe {
0%,
25% {
background: -webkit-linear-gradient(295deg, rgba(255, 255, 255, 0.24) 0%, rgba(255, 255, 255, 0.14) 25%, rgba(255, 255, 255, 0.18) 49%, transparent 78%, rgba(0, 0, 0, 0.8) 100%);
background: linear-gradient(155deg, rgba(255, 255, 255, 0.24) 0%, rgba(255, 255, 255, 0.14) 25%, rgba(255, 255, 255, 0.18) 49%, transparent 78%, rgba(0, 0, 0, 0.8) 100%);
box-shadow: 0px 0px 3px #222;
}
28%,
50% {
background: white;
box-shadow: 0px 0px 10px 4px #fff;
}
52%,
55% {
background: -webkit-linear-gradient(295deg, rgba(255, 255, 255, 0.24) 0%, rgba(255, 255, 255, 0.14) 25%, rgba(255, 255, 255, 0.18) 49%, transparent 78%, rgba(0, 0, 0, 0.8) 100%);
background: linear-gradient(155deg, rgba(255, 255, 255, 0.24) 0%, rgba(255, 255, 255, 0.14) 25%, rgba(255, 255, 255, 0.18) 49%, transparent 78%, rgba(0, 0, 0, 0.8) 100%);
box-shadow: 0px 0px 3px #222;
}
57%,
69% {
background: white;
box-shadow: 0px 0px 10px 4px #fff;
}
70%,
71% {
background: -webkit-linear-gradient(295deg, rgba(255, 255, 255, 0.24) 0%, rgba(255, 255, 255, 0.14) 25%, rgba(255, 255, 255, 0.18) 49%, transparent 78%, rgba(0, 0, 0, 0.8) 100%);
background: linear-gradient(155deg, rgba(255, 255, 255, 0.24) 0%, rgba(255, 255, 255, 0.14) 25%, rgba(255, 255, 255, 0.18) 49%, transparent 78%, rgba(0, 0, 0, 0.8) 100%);
box-shadow: 0px 0px 3px #222;
}
72%,
75% {
background: white;
box-shadow: 0px 0px 10px 4px #fff;
}
77%,
100% {
background: -webkit-linear-gradient(295deg, rgba(255, 255, 255, 0.24) 0%, rgba(255, 255, 255, 0.14) 25%, rgba(255, 255, 255, 0.18) 49%, transparent 78%, rgba(0, 0, 0, 0.8) 100%);
background: linear-gradient(155deg, rgba(255, 255, 255, 0.24) 0%, rgba(255, 255, 255, 0.14) 25%, rgba(255, 255, 255, 0.18) 49%, transparent 78%, rgba(0, 0, 0, 0.8) 100%);
box-shadow: 0px 0px 3px #222;
}
}
@keyframes bulb-strobe {
0%,
25% {
background: -webkit-linear-gradient(295deg, rgba(255, 255, 255, 0.24) 0%, rgba(255, 255, 255, 0.14) 25%, rgba(255, 255, 255, 0.18) 49%, transparent 78%, rgba(0, 0, 0, 0.8) 100%);
background: linear-gradient(155deg, rgba(255, 255, 255, 0.24) 0%, rgba(255, 255, 255, 0.14) 25%, rgba(255, 255, 255, 0.18) 49%, transparent 78%, rgba(0, 0, 0, 0.8) 100%);
box-shadow: 0px 0px 3px #222;
}
28%,
50% {
background: white;
box-shadow: 0px 0px 10px 4px #fff;
}
52%,
55% {
background: -webkit-linear-gradient(295deg, rgba(255, 255, 255, 0.24) 0%, rgba(255, 255, 255, 0.14) 25%, rgba(255, 255, 255, 0.18) 49%, transparent 78%, rgba(0, 0, 0, 0.8) 100%);
background: linear-gradient(155deg, rgba(255, 255, 255, 0.24) 0%, rgba(255, 255, 255, 0.14) 25%, rgba(255, 255, 255, 0.18) 49%, transparent 78%, rgba(0, 0, 0, 0.8) 100%);
box-shadow: 0px 0px 3px #222;
}
57%,
69% {
background: white;
box-shadow: 0px 0px 10px 4px #fff;
}
70%,
71% {
background: -webkit-linear-gradient(295deg, rgba(255, 255, 255, 0.24) 0%, rgba(255, 255, 255, 0.14) 25%, rgba(255, 255, 255, 0.18) 49%, transparent 78%, rgba(0, 0, 0, 0.8) 100%);
background: linear-gradient(155deg, rgba(255, 255, 255, 0.24) 0%, rgba(255, 255, 255, 0.14) 25%, rgba(255, 255, 255, 0.18) 49%, transparent 78%, rgba(0, 0, 0, 0.8) 100%);
box-shadow: 0px 0px 3px #222;
}
72%,
75% {
background: white;
box-shadow: 0px 0px 10px 4px #fff;
}
77%,
100% {
background: -webkit-linear-gradient(295deg, rgba(255, 255, 255, 0.24) 0%, rgba(255, 255, 255, 0.14) 25%, rgba(255, 255, 255, 0.18) 49%, transparent 78%, rgba(0, 0, 0, 0.8) 100%);
background: linear-gradient(155deg, rgba(255, 255, 255, 0.24) 0%, rgba(255, 255, 255, 0.14) 25%, rgba(255, 255, 255, 0.18) 49%, transparent 78%, rgba(0, 0, 0, 0.8) 100%);
box-shadow: 0px 0px 3px #222;
}
}
/* RED/BLUE LIGHTS */
.lightbar .strobe.blue .inner-light {
-webkit-animation-duration: 800ms;
animation-duration: 800ms;
-webkit-animation-name: strobe-blue;
animation-name: strobe-blue;
-webkit-animation-iteration-count: infinite;
animation-iteration-count: infinite;
}
.lightbar .strobe.red .inner-light {
-webkit-animation-duration: 800ms;
animation-duration: 800ms;
-webkit-animation-name: strobe-red;
animation-name: strobe-red;
-webkit-animation-iteration-count: infinite;
animation-iteration-count: infinite;
}
@-webkit-keyframes strobe-blue {
0%,
25% {
background-color: #222;
box-shadow: 0px 0px 0px 0px #000;
border: 1px solid #111;
opacity: 0;
}
28%,
50% {
border: 1px solid #139eff;
background-color: #66d2ff;
box-shadow: 0px 0px 20px 7px #0078ff;
opacity: 1;
}
52%,
55% {
background-color: #222;
box-shadow: 0px 0px 0px 0px #000;
border: 1px solid #111;
opacity: 0;
}
57%,
69% {
border: 1px solid #139eff;
background-color: #66d2ff;
box-shadow: 0px 0px 15px 5px #0078ff;
opacity: 1;
}
70%,
71% {
background-color: #222;
box-shadow: 0px 0px 0px 0px #000;
border: 1px solid #111;
opacity: 0;
}
72%,
75% {
border: 1px solid #139eff;
background-color: #66d2ff;
box-shadow: 0px 0px 20px 7px #0078ff;
opacity: 1;
}
77%,
100% {
background-color: #222;
box-shadow: 0px 0px 0px 0px #000;
border: 1px solid #111;
opacity: 0;
}
}
@keyframes strobe-blue {
0%,
25% {
background-color: #222;
box-shadow: 0px 0px 0px 0px #000;
border: 1px solid #111;
opacity: 0;
}
28%,
50% {
border: 1px solid #139eff;
background-color: #66d2ff;
box-shadow: 0px 0px 100px 25px #0078ff;
opacity: 1;
}
52%,
55% {
background-color: #222;
box-shadow: 0px 0px 0px 0px #000;
border: 1px solid #111;
opacity: 0;
}
57%,
69% {
border: 1px solid #139eff;
background-color: #66d2ff;
box-shadow: 0px 0px 100px 25px #0078ff;
opacity: 1;
}
70%,
71% {
background-color: #222;
box-shadow: 0px 0px 0px 0px #000;
border: 1px solid #111;
opacity: 0;
}
72%,
75% {
border: 1px solid #139eff;
background-color: #66d2ff;
box-shadow: 0px 0px 100px 25px #0078ff;
opacity: 1;
}
77%,
100% {
background-color: #222;
box-shadow: 0px 0px 0px 0px #000;
border: 1px solid #111;
opacity: 0;
}
}
@-webkit-keyframes strobe-red {
0%,
25% {
background-color: #222;
box-shadow: 0px 0px 0px 0px #000;
border: 1px solid #111;
opacity: 0;
}
28%,
50% {
border: 1px solid #ee2819;
background-color: #ff3c2d;
box-shadow: 0px 0px 100px 25px #ff4444;
opacity: 1;
}
52%,
55% {
background-color: #222;
box-shadow: 0px 0px 0px 0px #000;
border: 1px solid #111;
opacity: 0;
}
57%,
69% {
border: 1px solid #ee2819;
background-color: #ff3c2d;
box-shadow: 0px 0px 100px 25px #ff4444;
opacity: 1;
}
70%,
71% {
background-color: #222;
box-shadow: 0px 0px 0px 0px #000;
border: 1px solid #111;
opacity: 0;
}
72%,
75% {
border: 1px solid #ee2819;
background-color: #ff3c2d;
box-shadow: 0px 0px 100px 25px #ff4444;
opacity: 1;
}
77%,
100% {
background-color: #222;
box-shadow: 0px 0px 0px 0px #000;
border: 1px solid #111;
opacity: 0;
}
}
@keyframes strobe-red {
0%,
25% {
background-color: #222;
box-shadow: 0px 0px 0px 0px #000;
border: 1px solid #111;
opacity: 0;
}
28%,
50% {
border: 1px solid #ee2819;
background-color: #ff3c2d;
box-shadow: 0px 0px 100px 25px #ff4444;
opacity: 1;
}
52%,
55% {
background-color: #222;
box-shadow: 0px 0px 0px 0px #000;
border: 1px solid #111;
opacity: 0;
}
57%,
69% {
border: 1px solid #ee2819;
background-color: #ff3c2d;
box-shadow: 0px 0px 100px 25px #ff4444;
opacity: 1;
}
70%,
71% {
background-color: #222;
box-shadow: 0px 0px 0px 0px #000;
border: 1px solid #111;
opacity: 0;
}
72%,
75% {
border: 1px solid #ee2819;
background-color: #ff3c2d;
box-shadow: 0px 0px 100px 25px #ff4444;
opacity: 1;
}
77%,
100% {
background-color: #222;
box-shadow: 0px 0px 0px 0px #000;
border: 1px solid #111;
opacity: 0;
}
}
/* TRAFFIC "CAUTION" SETTINGS */
.lightbar .caution .inner-light,
.lightbar .caution .bulb {
-webkit-animation-duration: 2000ms;
animation-duration: 2000ms;
-webkit-animation-iteration-count: infinite;
animation-iteration-count: infinite;
}
.lightbar #light-3.caution .bulb,
.lightbar #light-4.caution .bulb {
-webkit-animation-name: bulb-caution-1;
animation-name: bulb-caution-1;
}
.lightbar #light-2.caution .bulb,
.lightbar #light-5.caution .bulb {
-webkit-animation-name: bulb-caution-2;
animation-name: bulb-caution-2;
}
.lightbar #light-1.caution .bulb,
.lightbar #light-6.caution .bulb {
-webkit-animation-name: bulb-caution-3;
animation-name: bulb-caution-3;
}
@-webkit-keyframes bulb-caution-1 {
0%,
16% {
background: -webkit-linear-gradient(295deg, rgba(255, 255, 255, 0.24) 0%, rgba(255, 255, 255, 0.14) 25%, rgba(255, 255, 255, 0.18) 49%, transparent 78%, rgba(0, 0, 0, 0.8) 100%);
background: linear-gradient(155deg, rgba(255, 255, 255, 0.24) 0%, rgba(255, 255, 255, 0.14) 25%, rgba(255, 255, 255, 0.18) 49%, transparent 78%, rgba(0, 0, 0, 0.8) 100%);
box-shadow: 0px 0px 3px #222;
}
17%,
97% {
background: #fff7d4;
box-shadow: 0px 0px 8px 4px #fff7d1;
}
99%,
100% {
background: -webkit-linear-gradient(295deg, rgba(255, 255, 255, 0.24) 0%, rgba(255, 255, 255, 0.14) 25%, rgba(255, 255, 255, 0.18) 49%, transparent 78%, rgba(0, 0, 0, 0.8) 100%);
background: linear-gradient(155deg, rgba(255, 255, 255, 0.24) 0%, rgba(255, 255, 255, 0.14) 25%, rgba(255, 255, 255, 0.18) 49%, transparent 78%, rgba(0, 0, 0, 0.8) 100%);
box-shadow: 0px 0px 3px #222;
}
}
@keyframes bulb-caution-1 {
0%,
16% {
background: -webkit-linear-gradient(295deg, rgba(255, 255, 255, 0.24) 0%, rgba(255, 255, 255, 0.14) 25%, rgba(255, 255, 255, 0.18) 49%, transparent 78%, rgba(0, 0, 0, 0.8) 100%);
background: linear-gradient(155deg, rgba(255, 255, 255, 0.24) 0%, rgba(255, 255, 255, 0.14) 25%, rgba(255, 255, 255, 0.18) 49%, transparent 78%, rgba(0, 0, 0, 0.8) 100%);
box-shadow: 0px 0px 3px #222;
}
17%,
97% {
background: #fff7d4;
box-shadow: 0px 0px 8px 4px #fff7d1;
}
99%,
100% {
background: -webkit-linear-gradient(295deg, rgba(255, 255, 255, 0.24) 0%, rgba(255, 255, 255, 0.14) 25%, rgba(255, 255, 255, 0.18) 49%, transparent 78%, rgba(0, 0, 0, 0.8) 100%);
background: linear-gradient(155deg, rgba(255, 255, 255, 0.24) 0%, rgba(255, 255, 255, 0.14) 25%, rgba(255, 255, 255, 0.18) 49%, transparent 78%, rgba(0, 0, 0, 0.8) 100%);
box-shadow: 0px 0px 3px #222;
}
}
@-webkit-keyframes bulb-caution-2 {
0%,
36% {
background: -webkit-linear-gradient(295deg, rgba(255, 255, 255, 0.24) 0%, rgba(255, 255, 255, 0.14) 25%, rgba(255, 255, 255, 0.18) 49%, transparent 78%, rgba(0, 0, 0, 0.8) 100%);
background: linear-gradient(155deg, rgba(255, 255, 255, 0.24) 0%, rgba(255, 255, 255, 0.14) 25%, rgba(255, 255, 255, 0.18) 49%, transparent 78%, rgba(0, 0, 0, 0.8) 100%);
box-shadow: 0px 0px 3px #222;
}
37%,
97% {
background: #fff7d4;
box-shadow: 0px 0px 8px 4px #fff7d1;
}
99%,
100% {
background: -webkit-linear-gradient(295deg, rgba(255, 255, 255, 0.24) 0%, rgba(255, 255, 255, 0.14) 25%, rgba(255, 255, 255, 0.18) 49%, transparent 78%, rgba(0, 0, 0, 0.8) 100%);
background: linear-gradient(155deg, rgba(255, 255, 255, 0.24) 0%, rgba(255, 255, 255, 0.14) 25%, rgba(255, 255, 255, 0.18) 49%, transparent 78%, rgba(0, 0, 0, 0.8) 100%);
box-shadow: 0px 0px 3px #222;
}
}
@keyframes bulb-caution-2 {
0%,
36% {
background: -webkit-linear-gradient(295deg, rgba(255, 255, 255, 0.24) 0%, rgba(255, 255, 255, 0.14) 25%, rgba(255, 255, 255, 0.18) 49%, transparent 78%, rgba(0, 0, 0, 0.8) 100%);
background: linear-gradient(155deg, rgba(255, 255, 255, 0.24) 0%, rgba(255, 255, 255, 0.14) 25%, rgba(255, 255, 255, 0.18) 49%, transparent 78%, rgba(0, 0, 0, 0.8) 100%);
box-shadow: 0px 0px 3px #222;
}
37%,
97% {
background: #fff7d4;
box-shadow: 0px 0px 8px 4px #fff7d1;
}
99%,
100% {
background: -webkit-linear-gradient(295deg, rgba(255, 255, 255, 0.24) 0%, rgba(255, 255, 255, 0.14) 25%, rgba(255, 255, 255, 0.18) 49%, transparent 78%, rgba(0, 0, 0, 0.8) 100%);
background: linear-gradient(155deg, rgba(255, 255, 255, 0.24) 0%, rgba(255, 255, 255, 0.14) 25%, rgba(255, 255, 255, 0.18) 49%, transparent 78%, rgba(0, 0, 0, 0.8) 100%);
box-shadow: 0px 0px 3px #222;
}
}
@-webkit-keyframes bulb-caution-3 {
0%,
56% {
background: -webkit-linear-gradient(295deg, rgba(255, 255, 255, 0.24) 0%, rgba(255, 255, 255, 0.14) 25%, rgba(255, 255, 255, 0.18) 49%, transparent 78%, rgba(0, 0, 0, 0.8) 100%);
background: linear-gradient(155deg, rgba(255, 255, 255, 0.24) 0%, rgba(255, 255, 255, 0.14) 25%, rgba(255, 255, 255, 0.18) 49%, transparent 78%, rgba(0, 0, 0, 0.8) 100%);
box-shadow: 0px 0px 3px #222;
}
57%,
97% {
background: #fff7d4;
box-shadow: 0px 0px 8px 4px #fff7d1;
}
99%,
100% {
background: -webkit-linear-gradient(295deg, rgba(255, 255, 255, 0.24) 0%, rgba(255, 255, 255, 0.14) 25%, rgba(255, 255, 255, 0.18) 49%, transparent 78%, rgba(0, 0, 0, 0.8) 100%);
background: linear-gradient(155deg, rgba(255, 255, 255, 0.24) 0%, rgba(255, 255, 255, 0.14) 25%, rgba(255, 255, 255, 0.18) 49%, transparent 78%, rgba(0, 0, 0, 0.8) 100%);
box-shadow: 0px 0px 3px #222;
}
}
@keyframes bulb-caution-3 {
0%,
56% {
background: -webkit-linear-gradient(295deg, rgba(255, 255, 255, 0.24) 0%, rgba(255, 255, 255, 0.14) 25%, rgba(255, 255, 255, 0.18) 49%, transparent 78%, rgba(0, 0, 0, 0.8) 100%);
background: linear-gradient(155deg, rgba(255, 255, 255, 0.24) 0%, rgba(255, 255, 255, 0.14) 25%, rgba(255, 255, 255, 0.18) 49%, transparent 78%, rgba(0, 0, 0, 0.8) 100%);
box-shadow: 0px 0px 3px #222;
}
57%,
97% {
background: #fff7d4;
box-shadow: 0px 0px 8px 4px #fff7d1;
}
99%,
100% {
background: -webkit-linear-gradient(295deg, rgba(255, 255, 255, 0.24) 0%, rgba(255, 255, 255, 0.14) 25%, rgba(255, 255, 255, 0.18) 49%, transparent 78%, rgba(0, 0, 0, 0.8) 100%);
background: linear-gradient(155deg, rgba(255, 255, 255, 0.24) 0%, rgba(255, 255, 255, 0.14) 25%, rgba(255, 255, 255, 0.18) 49%, transparent 78%, rgba(0, 0, 0, 0.8) 100%);
box-shadow: 0px 0px 3px #222;
}
}
.lightbar #light-4.caution .inner-light,
.lightbar #light-3.caution .inner-light {
-webkit-animation-name: caution-1;
animation-name: caution-1;
}
.lightbar #light-5.caution .inner-light,
.lightbar #light-2.caution .inner-light {
-webkit-animation-name: caution-2;
animation-name: caution-2;
}
.lightbar #light-1.caution .inner-light,
.lightbar #light-6.caution .inner-light {
-webkit-animation-name: caution-3;
animation-name: caution-3;
}
@-webkit-keyframes caution-1 {
0%,
16% {
background-color: #222;
box-shadow: 0px 0px 0px 0px #000;
border: 1px solid #111;
opacity: 0;
}
17%,
97% {
border: 1px solid #ffba13;
background-color: #ffd368;
box-shadow: 0px 0px 100px 25px rgba(255, 168, 0, 0.8);
opacity: 1;
}
99%,
100% {
background-color: #222;
box-shadow: 0px 0px 0px 0px #000;
border: 1px solid #111;
opacity: 0;
}
}
@keyframes caution-1 {
0%,
16% {
background-color: #222;
box-shadow: 0px 0px 0px 0px #000;
border: 1px solid #111;
opacity: 0;
}
17%,
97% {
border: 1px solid #ffba13;
background-color: #ffd368;
box-shadow: 0px 0px 100px 25px rgba(255, 168, 0, 0.8);
opacity: 1;
}
99%,
100% {
background-color: #222;
box-shadow: 0px 0px 0px 0px #000;
border: 1px solid #111;
opacity: 0;
}
}
@-webkit-keyframes caution-2 {
0%,
36% {
background-color: #222;
box-shadow: 0px 0px 0px 0px #000;
border: 1px solid #111;
opacity: 0;
}
37%,
97% {
border: 1px solid #ffba13;
background-color: #ffd368;
box-shadow: 0px 0px 100px 25px rgba(255, 168, 0, 0.8);
opacity: 1;
}
99%,
100% {
background-color: #222;
box-shadow: 0px 0px 0px 0px #000;
border: 1px solid #111;
opacity: 0;
}
}
@keyframes caution-2 {
0%,
36% {
background-color: #222;
box-shadow: 0px 0px 0px 0px #000;
border: 1px solid #111;
opacity: 0;
}
37%,
97% {
border: 1px solid #ffba13;
background-color: #ffd368;
box-shadow: 0px 0px 100px 25px rgba(255, 168, 0, 0.8);
opacity: 1;
}
99%,
100% {
background-color: #222;
box-shadow: 0px 0px 0px 0px #000;
border: 1px solid #111;
opacity: 0;
}
}
@-webkit-keyframes caution-3 {
0%,
56% {
background-color: #222;
box-shadow: 0px 0px 0px 0px #000;
border: 1px solid #111;
opacity: 0;
}
57%,
97% {
border: 1px solid #ffba13;
background-color: #ffd368;
box-shadow: 0px 0px 100px 25px rgba(255, 168, 0, 0.8);
opacity: 1;
}
99%,
100% {
background-color: #222;
box-shadow: 0px 0px 0px 0px #000;
border: 1px solid #111;
opacity: 0;
}
}
@keyframes caution-3 {
0%,
56% {
background-color: #222;
box-shadow: 0px 0px 0px 0px #000;
border: 1px solid #111;
opacity: 0;
}
57%,
97% {
border: 1px solid #ffba13;
background-color: #ffd368;
box-shadow: 0px 0px 100px 25px rgba(255, 168, 0, 0.8);
opacity: 1;
}
99%,
100% {
background-color: #222;
box-shadow: 0px 0px 0px 0px #000;
border: 1px solid #111;
opacity: 0;
}
}
/* TRAFFIC "LEFT/RIGHT" SETTINGS */
.lightbar .warn .inner-light,
.lightbar .warn .bulb {
-webkit-animation-duration: 2000ms;
animation-duration: 2000ms;
-webkit-animation-iteration-count: infinite;
animation-iteration-count: infinite;
}
.lightbar #light-2.warn.on .bulb,
.lightbar #light-3.warn.on .bulb,
.lightbar #light-4.warn.on .bulb,
.lightbar #light-5.warn.on .bulb,
.lightbar #light-6.warn.right .bulb,
.lightbar #light-1.warn.left .bulb {
background: #fff7d4;
box-shadow: 0px 0px 8px 4px #fff7d1;
}
.lightbar #light-5.warn.right .bulb,
.lightbar #light-2.warn.left .bulb {
-webkit-animation-name: bulb-warn-2;
animation-name: bulb-warn-2;
}
.lightbar #light-4.warn.right .bulb,
.lightbar #light-3.warn.left .bulb {
-webkit-animation-name: bulb-warn-3;
animation-name: bulb-warn-3;
}
.lightbar #light-3.warn.right .bulb,
.lightbar #light-4.warn.left .bulb {
-webkit-animation-name: bulb-warn-4;
animation-name: bulb-warn-4;
}
.lightbar #light-2.warn.right .bulb,
.lightbar #light-5.warn.left .bulb {
-webkit-animation-name: bulb-warn-5;
animation-name: bulb-warn-5;
}
.lightbar #light-1.warn.right .bulb,
.lightbar #light-6.warn.left .bulb {
-webkit-animation-name: bulb-warn-6;
animation-name: bulb-warn-6;
}
@-webkit-keyframes bulb-warn-1 {
0%,
100% {
background: #fff7d4;
box-shadow: 0px 0px 8px 4px #fff7d1;
}
}
@keyframes bulb-warn-1 {
0%,
100% {
background: #fff7d4;
box-shadow: 0px 0px 8px 4px #fff7d1;
}
}
@-webkit-keyframes bulb-warn-2 {
0%,
16% {
background: -webkit-linear-gradient(295deg, rgba(255, 255, 255, 0.24) 0%, rgba(255, 255, 255, 0.14) 25%, rgba(255, 255, 255, 0.18) 49%, transparent 78%, rgba(0, 0, 0, 0.8) 100%);
background: linear-gradient(155deg, rgba(255, 255, 255, 0.24) 0%, rgba(255, 255, 255, 0.14) 25%, rgba(255, 255, 255, 0.18) 49%, transparent 78%, rgba(0, 0, 0, 0.8) 100%);
box-shadow: 0px 0px 3px #222;
}
17%,
97% {
background: #fff7d4;
box-shadow: 0px 0px 8px 4px #fff7d1;
}
99%,
100% {
background: -webkit-linear-gradient(295deg, rgba(255, 255, 255, 0.24) 0%, rgba(255, 255, 255, 0.14) 25%, rgba(255, 255, 255, 0.18) 49%, transparent 78%, rgba(0, 0, 0, 0.8) 100%);
background: linear-gradient(155deg, rgba(255, 255, 255, 0.24) 0%, rgba(255, 255, 255, 0.14) 25%, rgba(255, 255, 255, 0.18) 49%, transparent 78%, rgba(0, 0, 0, 0.8) 100%);
box-shadow: 0px 0px 3px #222;
}
}
@keyframes bulb-warn-2 {
0%,
16% {
background: -webkit-linear-gradient(295deg, rgba(255, 255, 255, 0.24) 0%, rgba(255, 255, 255, 0.14) 25%, rgba(255, 255, 255, 0.18) 49%, transparent 78%, rgba(0, 0, 0, 0.8) 100%);
background: linear-gradient(155deg, rgba(255, 255, 255, 0.24) 0%, rgba(255, 255, 255, 0.14) 25%, rgba(255, 255, 255, 0.18) 49%, transparent 78%, rgba(0, 0, 0, 0.8) 100%);
box-shadow: 0px 0px 3px #222;
}
17%,
97% {
background: #fff7d4;
box-shadow: 0px 0px 8px 4px #fff7d1;
}
99%,
100% {
background: -webkit-linear-gradient(295deg, rgba(255, 255, 255, 0.24) 0%, rgba(255, 255, 255, 0.14) 25%, rgba(255, 255, 255, 0.18) 49%, transparent 78%, rgba(0, 0, 0, 0.8) 100%);
background: linear-gradient(155deg, rgba(255, 255, 255, 0.24) 0%, rgba(255, 255, 255, 0.14) 25%, rgba(255, 255, 255, 0.18) 49%, transparent 78%, rgba(0, 0, 0, 0.8) 100%);
box-shadow: 0px 0px 3px #222;
}
}
@-webkit-keyframes bulb-warn-3 {
0%,
30% {
background: -webkit-linear-gradient(295deg, rgba(255, 255, 255, 0.24) 0%, rgba(255, 255, 255, 0.14) 25%, rgba(255, 255, 255, 0.18) 49%, transparent 78%, rgba(0, 0, 0, 0.8) 100%);
background: linear-gradient(155deg, rgba(255, 255, 255, 0.24) 0%, rgba(255, 255, 255, 0.14) 25%, rgba(255, 255, 255, 0.18) 49%, transparent 78%, rgba(0, 0, 0, 0.8) 100%);
box-shadow: 0px 0px 3px #222;
}
31%,
97% {
background: #fff7d4;
box-shadow: 0px 0px 8px 4px #fff7d1;
}
99%,
100% {
background: -webkit-linear-gradient(295deg, rgba(255, 255, 255, 0.24) 0%, rgba(255, 255, 255, 0.14) 25%, rgba(255, 255, 255, 0.18) 49%, transparent 78%, rgba(0, 0, 0, 0.8) 100%);
background: linear-gradient(155deg, rgba(255, 255, 255, 0.24) 0%, rgba(255, 255, 255, 0.14) 25%, rgba(255, 255, 255, 0.18) 49%, transparent 78%, rgba(0, 0, 0, 0.8) 100%);
box-shadow: 0px 0px 3px #222;
}
}
@keyframes bulb-warn-3 {
0%,
30% {
background: -webkit-linear-gradient(295deg, rgba(255, 255, 255, 0.24) 0%, rgba(255, 255, 255, 0.14) 25%, rgba(255, 255, 255, 0.18) 49%, transparent 78%, rgba(0, 0, 0, 0.8) 100%);
background: linear-gradient(155deg, rgba(255, 255, 255, 0.24) 0%, rgba(255, 255, 255, 0.14) 25%, rgba(255, 255, 255, 0.18) 49%, transparent 78%, rgba(0, 0, 0, 0.8) 100%);
box-shadow: 0px 0px 3px #222;
}
31%,
97% {
background: #fff7d4;
box-shadow: 0px 0px 8px 4px #fff7d1;
}
99%,
100% {
background: -webkit-linear-gradient(295deg, rgba(255, 255, 255, 0.24) 0%, rgba(255, 255, 255, 0.14) 25%, rgba(255, 255, 255, 0.18) 49%, transparent 78%, rgba(0, 0, 0, 0.8) 100%);
background: linear-gradient(155deg, rgba(255, 255, 255, 0.24) 0%, rgba(255, 255, 255, 0.14) 25%, rgba(255, 255, 255, 0.18) 49%, transparent 78%, rgba(0, 0, 0, 0.8) 100%);
box-shadow: 0px 0px 3px #222;
}
}
@-webkit-keyframes bulb-warn-4 {
0%,
46% {
background: -webkit-linear-gradient(295deg, rgba(255, 255, 255, 0.24) 0%, rgba(255, 255, 255, 0.14) 25%, rgba(255, 255, 255, 0.18) 49%, transparent 78%, rgba(0, 0, 0, 0.8) 100%);
background: linear-gradient(155deg, rgba(255, 255, 255, 0.24) 0%, rgba(255, 255, 255, 0.14) 25%, rgba(255, 255, 255, 0.18) 49%, transparent 78%, rgba(0, 0, 0, 0.8) 100%);
box-shadow: 0px 0px 3px #222;
}
47%,
97% {
background: #fff7d4;
box-shadow: 0px 0px 8px 4px #fff7d1;
}
99%,
100% {
background: -webkit-linear-gradient(295deg, rgba(255, 255, 255, 0.24) 0%, rgba(255, 255, 255, 0.14) 25%, rgba(255, 255, 255, 0.18) 49%, transparent 78%, rgba(0, 0, 0, 0.8) 100%);
background: linear-gradient(155deg, rgba(255, 255, 255, 0.24) 0%, rgba(255, 255, 255, 0.14) 25%, rgba(255, 255, 255, 0.18) 49%, transparent 78%, rgba(0, 0, 0, 0.8) 100%);
box-shadow: 0px 0px 3px #222;
}
}
@keyframes bulb-warn-4 {
0%,
46% {
background: -webkit-linear-gradient(295deg, rgba(255, 255, 255, 0.24) 0%, rgba(255, 255, 255, 0.14) 25%, rgba(255, 255, 255, 0.18) 49%, transparent 78%, rgba(0, 0, 0, 0.8) 100%);
background: linear-gradient(155deg, rgba(255, 255, 255, 0.24) 0%, rgba(255, 255, 255, 0.14) 25%, rgba(255, 255, 255, 0.18) 49%, transparent 78%, rgba(0, 0, 0, 0.8) 100%);
box-shadow: 0px 0px 3px #222;
}
47%,
97% {
background: #fff7d4;
box-shadow: 0px 0px 8px 4px #fff7d1;
}
99%,
100% {
background: -webkit-linear-gradient(295deg, rgba(255, 255, 255, 0.24) 0%, rgba(255, 255, 255, 0.14) 25%, rgba(255, 255, 255, 0.18) 49%, transparent 78%, rgba(0, 0, 0, 0.8) 100%);
background: linear-gradient(155deg, rgba(255, 255, 255, 0.24) 0%, rgba(255, 255, 255, 0.14) 25%, rgba(255, 255, 255, 0.18) 49%, transparent 78%, rgba(0, 0, 0, 0.8) 100%);
box-shadow: 0px 0px 3px #222;
}
}
@-webkit-keyframes bulb-warn-5 {
0%,
58% {
background: -webkit-linear-gradient(295deg, rgba(255, 255, 255, 0.24) 0%, rgba(255, 255, 255, 0.14) 25%, rgba(255, 255, 255, 0.18) 49%, transparent 78%, rgba(0, 0, 0, 0.8) 100%);
background: linear-gradient(155deg, rgba(255, 255, 255, 0.24) 0%, rgba(255, 255, 255, 0.14) 25%, rgba(255, 255, 255, 0.18) 49%, transparent 78%, rgba(0, 0, 0, 0.8) 100%);
box-shadow: 0px 0px 3px #222;
}
59%,
97% {
background: #fff7d4;
box-shadow: 0px 0px 8px 4px #fff7d1;
}
99%,
100% {
background: -webkit-linear-gradient(295deg, rgba(255, 255, 255, 0.24) 0%, rgba(255, 255, 255, 0.14) 25%, rgba(255, 255, 255, 0.18) 49%, transparent 78%, rgba(0, 0, 0, 0.8) 100%);
background: linear-gradient(155deg, rgba(255, 255, 255, 0.24) 0%, rgba(255, 255, 255, 0.14) 25%, rgba(255, 255, 255, 0.18) 49%, transparent 78%, rgba(0, 0, 0, 0.8) 100%);
box-shadow: 0px 0px 3px #222;
}
}
@keyframes bulb-warn-5 {
0%,
58% {
background: -webkit-linear-gradient(295deg, rgba(255, 255, 255, 0.24) 0%, rgba(255, 255, 255, 0.14) 25%, rgba(255, 255, 255, 0.18) 49%, transparent 78%, rgba(0, 0, 0, 0.8) 100%);
background: linear-gradient(155deg, rgba(255, 255, 255, 0.24) 0%, rgba(255, 255, 255, 0.14) 25%, rgba(255, 255, 255, 0.18) 49%, transparent 78%, rgba(0, 0, 0, 0.8) 100%);
box-shadow: 0px 0px 3px #222;
}
59%,
97% {
background: #fff7d4;
box-shadow: 0px 0px 8px 4px #fff7d1;
}
99%,
100% {
background: -webkit-linear-gradient(295deg, rgba(255, 255, 255, 0.24) 0%, rgba(255, 255, 255, 0.14) 25%, rgba(255, 255, 255, 0.18) 49%, transparent 78%, rgba(0, 0, 0, 0.8) 100%);
background: linear-gradient(155deg, rgba(255, 255, 255, 0.24) 0%, rgba(255, 255, 255, 0.14) 25%, rgba(255, 255, 255, 0.18) 49%, transparent 78%, rgba(0, 0, 0, 0.8) 100%);
box-shadow: 0px 0px 3px #222;
}
}
@-webkit-keyframes bulb-warn-6 {
0%,
72% {
background: -webkit-linear-gradient(295deg, rgba(255, 255, 255, 0.24) 0%, rgba(255, 255, 255, 0.14) 25%, rgba(255, 255, 255, 0.18) 49%, transparent 78%, rgba(0, 0, 0, 0.8) 100%);
background: linear-gradient(155deg, rgba(255, 255, 255, 0.24) 0%, rgba(255, 255, 255, 0.14) 25%, rgba(255, 255, 255, 0.18) 49%, transparent 78%, rgba(0, 0, 0, 0.8) 100%);
box-shadow: 0px 0px 3px #222;
}
73%,
97% {
background: #fff7d4;
box-shadow: 0px 0px 8px 4px #fff7d1;
}
99%,
100% {
background: -webkit-linear-gradient(295deg, rgba(255, 255, 255, 0.24) 0%, rgba(255, 255, 255, 0.14) 25%, rgba(255, 255, 255, 0.18) 49%, transparent 78%, rgba(0, 0, 0, 0.8) 100%);
background: linear-gradient(155deg, rgba(255, 255, 255, 0.24) 0%, rgba(255, 255, 255, 0.14) 25%, rgba(255, 255, 255, 0.18) 49%, transparent 78%, rgba(0, 0, 0, 0.8) 100%);
box-shadow: 0px 0px 3px #222;
}
}
@keyframes bulb-warn-6 {
0%,
72% {
background: -webkit-linear-gradient(295deg, rgba(255, 255, 255, 0.24) 0%, rgba(255, 255, 255, 0.14) 25%, rgba(255, 255, 255, 0.18) 49%, transparent 78%, rgba(0, 0, 0, 0.8) 100%);
background: linear-gradient(155deg, rgba(255, 255, 255, 0.24) 0%, rgba(255, 255, 255, 0.14) 25%, rgba(255, 255, 255, 0.18) 49%, transparent 78%, rgba(0, 0, 0, 0.8) 100%);
box-shadow: 0px 0px 3px #222;
}
73%,
97% {
background: #fff7d4;
box-shadow: 0px 0px 8px 4px #fff7d1;
}
99%,
100% {
background: -webkit-linear-gradient(295deg, rgba(255, 255, 255, 0.24) 0%, rgba(255, 255, 255, 0.14) 25%, rgba(255, 255, 255, 0.18) 49%, transparent 78%, rgba(0, 0, 0, 0.8) 100%);
background: linear-gradient(155deg, rgba(255, 255, 255, 0.24) 0%, rgba(255, 255, 255, 0.14) 25%, rgba(255, 255, 255, 0.18) 49%, transparent 78%, rgba(0, 0, 0, 0.8) 100%);
box-shadow: 0px 0px 3px #222;
}
}
.lightbar #light-2.warn.on .inner-light,
.lightbar #light-3.warn.on .inner-light,
.lightbar #light-4.warn.on .inner-light,
.lightbar #light-5.warn.on .inner-light,
.lightbar #light-6.warn.right .inner-light,
.lightbar #light-1.warn.left .inner-light {
border: 1px solid #ffba13;
background-color: #ffd368;
box-shadow: 0px 0px 100px 25px rgba(255, 168, 0, 0.8);
opacity: 1;
}
.lightbar #light-5.warn.right .inner-light,
.lightbar #light-2.warn.left .inner-light {
-webkit-animation-name: warn-2;
animation-name: warn-2;
}
.lightbar #light-4.warn.right .inner-light,
.lightbar #light-3.warn.left .inner-light {
-webkit-animation-name: warn-3;
animation-name: warn-3;
}
.lightbar #light-3.warn.right .inner-light,
.lightbar #light-4.warn.left .inner-light {
-webkit-animation-name: warn-4;
animation-name: warn-4;
}
.lightbar #light-2.warn.right .inner-light,
.lightbar #light-5.warn.left .inner-light {
-webkit-animation-name: warn-5;
animation-name: warn-5;
}
.lightbar #light-1.warn.right .inner-light,
.lightbar #light-6.warn.left .inner-light {
-webkit-animation-name: warn-6;
animation-name: warn-6;
}
@-webkit-keyframes warn-1 {
0%,
98% {
border: 1px solid #ffba13;
background-color: #ffd368;
box-shadow: 0px 0px 100px 25px rgba(255, 168, 0, 0.8);
opacity: 1;
}
99%,
100% {
background-color: #222;
box-shadow: 0px 0px 0px 0px #000;
border: 1px solid #111;
opacity: 0;
}
}
@keyframes warn-1 {
0%,
98% {
border: 1px solid #ffba13;
background-color: #ffd368;
box-shadow: 0px 0px 100px 25px rgba(255, 168, 0, 0.8);
opacity: 1;
}
99%,
100% {
background-color: #222;
box-shadow: 0px 0px 0px 0px #000;
border: 1px solid #111;
opacity: 0;
}
}
@-webkit-keyframes warn-2 {
0%,
16% {
background-color: #222;
box-shadow: 0px 0px 0px 0px #000;
border: 1px solid #111;
opacity: 0;
}
17%,
97% {
border: 1px solid #ffba13;
background-color: #ffd368;
box-shadow: 0px 0px 100px 25px rgba(255, 168, 0, 0.8);
opacity: 1;
}
99%,
100% {
background-color: #222;
box-shadow: 0px 0px 0px 0px #000;
border: 1px solid #111;
opacity: 0;
}
}
@keyframes warn-2 {
0%,
16% {
background-color: #222;
box-shadow: 0px 0px 0px 0px #000;
border: 1px solid #111;
opacity: 0;
}
17%,
97% {
border: 1px solid #ffba13;
background-color: #ffd368;
box-shadow: 0px 0px 100px 25px rgba(255, 168, 0, 0.8);
opacity: 1;
}
99%,
100% {
background-color: #222;
box-shadow: 0px 0px 0px 0px #000;
border: 1px solid #111;
opacity: 0;
}
}
@-webkit-keyframes warn-3 {
0%,
30% {
background-color: #222;
box-shadow: 0px 0px 0px 0px #000;
border: 1px solid #111;
opacity: 0;
}
31%,
97% {
border: 1px solid #ffba13;
background-color: #ffd368;
box-shadow: 0px 0px 100px 25px rgba(255, 168, 0, 0.8);
opacity: 1;
}
99%,
100% {
background-color: #222;
box-shadow: 0px 0px 0px 0px #000;
border: 1px solid #111;
opacity: 0;
}
}
@keyframes warn-3 {
0%,
30% {
background-color: #222;
box-shadow: 0px 0px 0px 0px #000;
border: 1px solid #111;
opacity: 0;
}
31%,
97% {
border: 1px solid #ffba13;
background-color: #ffd368;
box-shadow: 0px 0px 100px 25px rgba(255, 168, 0, 0.8);
opacity: 1;
}
99%,
100% {
background-color: #222;
box-shadow: 0px 0px 0px 0px #000;
border: 1px solid #111;
opacity: 0;
}
}
@-webkit-keyframes warn-4 {
0%,
46% {
background-color: #222;
box-shadow: 0px 0px 0px 0px #000;
border: 1px solid #111;
opacity: 0;
}
47%,
97% {
border: 1px solid #ffba13;
background-color: #ffd368;
box-shadow: 0px 0px 100px 25px rgba(255, 168, 0, 0.8);
opacity: 1;
}
99%,
100% {
background-color: #222;
box-shadow: 0px 0px 0px 0px #000;
border: 1px solid #111;
opacity: 0;
}
}
@keyframes warn-4 {
0%,
46% {
background-color: #222;
box-shadow: 0px 0px 0px 0px #000;
border: 1px solid #111;
opacity: 0;
}
47%,
97% {
border: 1px solid #ffba13;
background-color: #ffd368;
box-shadow: 0px 0px 100px 25px rgba(255, 168, 0, 0.8);
opacity: 1;
}
99%,
100% {
background-color: #222;
box-shadow: 0px 0px 0px 0px #000;
border: 1px solid #111;
opacity: 0;
}
}
@-webkit-keyframes warn-5 {
0%,
58% {
background-color: #222;
box-shadow: 0px 0px 0px 0px #000;
border: 1px solid #111;
opacity: 0;
}
59%,
97% {
border: 1px solid #ffba13;
background-color: #ffd368;
box-shadow: 0px 0px 100px 25px rgba(255, 168, 0, 0.8);
opacity: 1;
}
99%,
100% {
background-color: #222;
box-shadow: 0px 0px 0px 0px #000;
border: 1px solid #111;
opacity: 0;
}
}
@keyframes warn-5 {
0%,
58% {
background-color: #222;
box-shadow: 0px 0px 0px 0px #000;
border: 1px solid #111;
opacity: 0;
}
59%,
97% {
border: 1px solid #ffba13;
background-color: #ffd368;
box-shadow: 0px 0px 100px 25px rgba(255, 168, 0, 0.8);
opacity: 1;
}
99%,
100% {
background-color: #222;
box-shadow: 0px 0px 0px 0px #000;
border: 1px solid #111;
opacity: 0;
}
}
@-webkit-keyframes warn-6 {
0%,
72% {
background-color: #222;
box-shadow: 0px 0px 0px 0px #000;
border: 1px solid #111;
opacity: 0;
}
73%,
97% {
border: 1px solid #ffba13;
background-color: #ffd368;
box-shadow: 0px 0px 100px 25px rgba(255, 168, 0, 0.8);
opacity: 1;
}
99%,
100% {
background-color: #222;
box-shadow: 0px 0px 0px 0px #000;
border: 1px solid #111;
opacity: 0;
}
}
@keyframes warn-6 {
0%,
72% {
background-color: #222;
box-shadow: 0px 0px 0px 0px #000;
border: 1px solid #111;
opacity: 0;
}
73%,
97% {
border: 1px solid #ffba13;
background-color: #ffd368;
box-shadow: 0px 0px 100px 25px rgba(255, 168, 0, 0.8);
opacity: 1;
}
99%,
100% {
background-color: #222;
box-shadow: 0px 0px 0px 0px #000;
border: 1px solid #111;
opacity: 0;
}
}
/* styles.css */
@charset "UTF-8";
/* Christmas */
@font-face {
font-family: "cristmas";
src: url("christmas/webfont/fonts/cristmas.eot");
src: url("christmas/webfont/fonts/cristmas.eot?#iefix") format("embedded-opentype"), url("christmas/webfont/fonts/cristmas.woff") format("woff"), url("christmas/webfont/fonts/cristmas.ttf") format("truetype"), url("christmas/webfont/fonts/cristmas.svg#cristmas") format("svg");
font-weight: normal;
font-style: normal;
}
[data-icon-christmas]:before {
font-family: "cristmas" !important;
content: attr(data-icon-christmas);
font-style: normal !important;
font-weight: normal !important;
font-variant: normal !important;
text-transform: none !important;
speak: none;
line-height: 1;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}
[class^="icon-christmas"]:before,
[class*=" icon-christmas"]:before {
font-family: "cristmas" !important;
font-style: normal !important;
font-weight: normal !important;
font-variant: normal !important;
text-transform: none !important;
speak: none;
line-height: 1;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}
.icon-christmas-001:before {
content: "a";
}
.icon-christmas-014:before {
content: "b";
}
.icon-christmas-015:before {
content: "c";
}
.icon-christmas-002:before {
content: "d";
}
.icon-christmas-003:before {
content: "e";
}
.icon-christmas-016:before {
content: "f";
}
.icon-christmas-017:before {
content: "g";
}
.icon-christmas-004:before {
content: "h";
}
.icon-christmas-005:before {
content: "i";
}
.icon-christmas-018:before {
content: "j";
}
.icon-christmas-019:before {
content: "k";
}
.icon-christmas-006:before {
content: "l";
}
.icon-christmas-007:before {
content: "m";
}
.icon-christmas-020:before {
content: "n";
}
.icon-christmas-021:before {
content: "o";
}
.icon-christmas-008:before {
content: "p";
}
.icon-christmas-009:before {
content: "q";
}
.icon-christmas-022:before {
content: "r";
}
.icon-christmas-023:before {
content: "s";
}
.icon-christmas-010:before {
content: "t";
}
.icon-christmas-011:before {
content: "u";
}
.icon-christmas-024:before {
content: "v";
}
.icon-christmas-025:before {
content: "w";
}
.icon-christmas-012:before {
content: "x";
}
.icon-christmas-013:before {
content: "y";
}
.icon-christmas-026:before {
content: "z";
}
.icon-christmas-039:before {
content: "A";
}
.icon-christmas-038:before {
content: "B";
}
.icon-christmas-051:before {
content: "C";
}
.icon-christmas-052:before {
content: "D";
}
.icon-christmas-065:before {
content: "E";
}
.icon-christmas-064:before {
content: "F";
}
.icon-christmas-063:before {
content: "G";
}
.icon-christmas-050:before {
content: "H";
}
.icon-christmas-037:before {
content: "I";
}
.icon-christmas-036:before {
content: "J";
}
.icon-christmas-049:before {
content: "K";
}
.icon-christmas-062:before {
content: "L";
}
.icon-christmas-061:before {
content: "M";
}
.icon-christmas-048:before {
content: "N";
}
.icon-christmas-035:before {
content: "O";
}
.icon-christmas-034:before {
content: "P";
}
.icon-christmas-047:before {
content: "Q";
}
.icon-christmas-060:before {
content: "R";
}
.icon-christmas-059:before {
content: "S";
}
.icon-christmas-046:before {
content: "T";
}
.icon-christmas-033:before {
content: "U";
}
.icon-christmas-032:before {
content: "V";
}
.icon-christmas-045:before {
content: "W";
}
.icon-christmas-058:before {
content: "X";
}
.icon-christmas-031:before {
content: "Y";
}
.icon-christmas-044:before {
content: "Z";
}
.icon-christmas-057:before {
content: "0";
}
.icon-christmas-056:before {
content: "1";
}
.icon-christmas-043:before {
content: "2";
}
.icon-christmas-030:before {
content: "3";
}
.icon-christmas-029:before {
content: "4";
}
.icon-christmas-042:before {
content: "5";
}
.icon-christmas-055:before {
content: "6";
}
.icon-christmas-054:before {
content: "7";
}
.icon-christmas-041:before {
content: "8";
}
.icon-christmas-028:before {
content: "9";
}
.icon-christmas-027:before {
content: "!";
}
.icon-christmas-040:before {
content: "\"";
}
.icon-christmas-053:before {
content: "#";
}
.icon-christmas-066:before {
content: "$";
}
.icon-christmas-079:before {
content: "%";
}
.icon-christmas-092:before {
content: "&";
}
.icon-christmas-093:before {
content: "'";
}
.icon-christmas-080:before {
content: "(";
}
.icon-christmas-067:before {
content: ")";
}
.icon-christmas-068:before {
content: "*";
}
.icon-christmas-081:before {
content: "+";
}
.icon-christmas-094:before {
content: ",";
}
.icon-christmas-095:before {
content: "-";
}
.icon-christmas-082:before {
content: ".";
}
.icon-christmas-069:before {
content: "/";
}
.icon-christmas-070:before {
content: ":";
}
.icon-christmas-083:before {
content: ";";
}
.icon-christmas-096:before {
content: "<";
}
.icon-christmas-097:before {
content: "=";
}
.icon-christmas-084:before {
content: ">";
}
.icon-christmas-071:before {
content: "?";
}
.icon-christmas-072:before {
content: "@";
}
.icon-christmas-085:before {
content: "[";
}
.icon-christmas-098:before {
content: "]";
}
.icon-christmas-099:before {
content: "^";
}
.icon-christmas-086:before {
content: "_";
}
.icon-christmas-073:before {
content: "`";
}
.icon-christmas-074:before {
content: "{";
}
.icon-christmas-087:before {
content: "|";
}
.icon-christmas-100:before {
content: "}";
}
.icon-christmas-088:before {
content: "~";
}
.icon-christmas-075:before {
content: "\\";
}
.icon-christmas-076:before {
content: "\e000";
}
.icon-christmas-089:before {
content: "\e001";
}
.icon-christmas-090:before {
content: "\e002";
}
.icon-christmas-077:before {
content: "\e003";
}
.icon-christmas-078:before {
content: "\e004";
}
.icon-christmas-091:before {
content: "\e005";
}
/* Clothes */
@font-face {
font-family: "clothes";
src: url("clothes/webfont/fonts/clothes.eot");
src: url("clothes/webfont/fonts/clothes.eot?#iefix") format("embedded-opentype"), url("clothes/webfont/fonts/clothes.woff") format("woff"), url("clothes/webfont/fonts/clothes.ttf") format("truetype"), url("clothes/webfont/fonts/clothes.svg#clothes") format("svg");
font-weight: normal;
font-style: normal;
}
[data-icon-clothes]:before {
font-family: "clothes" !important;
content: attr(data-icon-clothes);
font-style: normal !important;
font-weight: normal !important;
font-variant: normal !important;
text-transform: none !important;
speak: none;
line-height: 1;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}
[class^="icon-clothes"]:before,
[class*=" icon-clothes"]:before {
font-family: "clothes" !important;
font-style: normal !important;
font-weight: normal !important;
font-variant: normal !important;
text-transform: none !important;
speak: none;
line-height: 1;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}
.icon-clothes-014:before {
content: "a";
}
.icon-clothes-027:before {
content: "b";
}
.icon-clothes-040:before {
content: "c";
}
.icon-clothes-053:before {
content: "d";
}
.icon-clothes-066:before {
content: "e";
}
.icon-clothes-079:before {
content: "f";
}
.icon-clothes-092:before {
content: "g";
}
.icon-clothes-093:before {
content: "h";
}
.icon-clothes-080:before {
content: "i";
}
.icon-clothes-067:before {
content: "j";
}
.icon-clothes-054:before {
content: "k";
}
.icon-clothes-041:before {
content: "l";
}
.icon-clothes-028:before {
content: "m";
}
.icon-clothes-015:before {
content: "n";
}
.icon-clothes-016:before {
content: "o";
}
.icon-clothes-029:before {
content: "p";
}
.icon-clothes-042:before {
content: "q";
}
.icon-clothes-055:before {
content: "r";
}
.icon-clothes-068:before {
content: "s";
}
.icon-clothes-081:before {
content: "t";
}
.icon-clothes-094:before {
content: "u";
}
.icon-clothes-095:before {
content: "v";
}
.icon-clothes-082:before {
content: "w";
}
.icon-clothes-083:before {
content: "x";
}
.icon-clothes-096:before {
content: "y";
}
.icon-clothes-097:before {
content: "z";
}
.icon-clothes-084:before {
content: "A";
}
.icon-clothes-085:before {
content: "B";
}
.icon-clothes-098:before {
content: "C";
}
.icon-clothes-099:before {
content: "D";
}
.icon-clothes-086:before {
content: "E";
}
.icon-clothes-087:before {
content: "F";
}
.icon-clothes-100:before {
content: "G";
}
.icon-clothes-088:before {
content: "H";
}
.icon-clothes-089:before {
content: "I";
}
.icon-clothes-090:before {
content: "J";
}
.icon-clothes-091:before {
content: "K";
}
.icon-clothes-078:before {
content: "L";
}
.icon-clothes-077:before {
content: "M";
}
.icon-clothes-076:before {
content: "N";
}
.icon-clothes-075:before {
content: "O";
}
.icon-clothes-074:before {
content: "P";
}
.icon-clothes-073:before {
content: "Q";
}
.icon-clothes-072:before {
content: "R";
}
.icon-clothes-071:before {
content: "S";
}
.icon-clothes-070:before {
content: "T";
}
.icon-clothes-069:before {
content: "U";
}
.icon-clothes-056:before {
content: "V";
}
.icon-clothes-043:before {
content: "W";
}
.icon-clothes-030:before {
content: "X";
}
.icon-clothes-017:before {
content: "Y";
}
.icon-clothes-018:before {
content: "Z";
}
.icon-clothes-031:before {
content: "0";
}
.icon-clothes-044:before {
content: "1";
}
.icon-clothes-057:before {
content: "2";
}
.icon-clothes-058:before {
content: "3";
}
.icon-clothes-045:before {
content: "4";
}
.icon-clothes-032:before {
content: "5";
}
.icon-clothes-019:before {
content: "6";
}
.icon-clothes-020:before {
content: "7";
}
.icon-clothes-033:before {
content: "8";
}
.icon-clothes-046:before {
content: "9";
}
.icon-clothes-059:before {
content: "!";
}
.icon-clothes-060:before {
content: "\"";
}
.icon-clothes-047:before {
content: "#";
}
.icon-clothes-034:before {
content: "$";
}
.icon-clothes-021:before {
content: "%";
}
.icon-clothes-022:before {
content: "&";
}
.icon-clothes-035:before {
content: "'";
}
.icon-clothes-048:before {
content: "(";
}
.icon-clothes-061:before {
content: ")";
}
.icon-clothes-062:before {
content: "*";
}
.icon-clothes-049:before {
content: "+";
}
.icon-clothes-036:before {
content: ",";
}
.icon-clothes-023:before {
content: "-";
}
.icon-clothes-024:before {
content: ".";
}
.icon-clothes-037:before {
content: "/";
}
.icon-clothes-050:before {
content: ":";
}
.icon-clothes-063:before {
content: ";";
}
.icon-clothes-064:before {
content: "<";
}
.icon-clothes-051:before {
content: "=";
}
.icon-clothes-038:before {
content: ">";
}
.icon-clothes-025:before {
content: "?";
}
.icon-clothes-026:before {
content: "@";
}
.icon-clothes-039:before {
content: "[";
}
.icon-clothes-052:before {
content: "]";
}
.icon-clothes-065:before {
content: "^";
}
.icon-clothes-001:before {
content: "_";
}
.icon-clothes-002:before {
content: "`";
}
.icon-clothes-003:before {
content: "{";
}
.icon-clothes-004:before {
content: "|";
}
.icon-clothes-005:before {
content: "}";
}
.icon-clothes-006:before {
content: "~";
}
.icon-clothes-007:before {
content: "\\";
}
.icon-clothes-008:before {
content: "\e000";
}
.icon-clothes-009:before {
content: "\e001";
}
.icon-clothes-010:before {
content: "\e002";
}
.icon-clothes-011:before {
content: "\e003";
}
.icon-clothes-012:before {
content: "\e004";
}
.icon-clothes-013:before {
content: "\e005";
}
/* Comunnication */
@font-face {
font-family: "communication-48-x-48";
src: url("communication/webfont/fonts/communication-48-x-48.eot");
src: url("communication/webfont/fonts/communication-48-x-48.eot?#iefix") format("embedded-opentype"), url("communication/webfont/fonts/communication-48-x-48.woff") format("woff"), url("communication/webfont/fonts/communication-48-x-48.ttf") format("truetype"), url("communication/webfont/fonts/communication-48-x-48.svg#communication-48-x-48") format("svg");
font-weight: normal;
font-style: normal;
}
[data-icon-communication]:before {
font-family: "communication-48-x-48" !important;
content: attr(data-icon-communication);
font-style: normal !important;
font-weight: normal !important;
font-variant: normal !important;
text-transform: none !important;
speak: none;
line-height: 1;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}
[class^="icon-communication"]:before,
[class*=" icon-communication"]:before {
font-family: "communication-48-x-48" !important;
font-style: normal !important;
font-weight: normal !important;
font-variant: normal !important;
text-transform: none !important;
speak: none;
line-height: 1;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}
.icon-communication-001:before {
content: "a";
}
.icon-communication-002:before {
content: "b";
}
.icon-communication-003:before {
content: "c";
}
.icon-communication-004:before {
content: "d";
}
.icon-communication-005:before {
content: "e";
}
.icon-communication-006:before {
content: "f";
}
.icon-communication-008:before {
content: "g";
}
.icon-communication-007:before {
content: "h";
}
.icon-communication-009:before {
content: "i";
}
.icon-communication-010:before {
content: "j";
}
.icon-communication-011:before {
content: "k";
}
.icon-communication-012:before {
content: "l";
}
.icon-communication-013:before {
content: "m";
}
.icon-communication-026:before {
content: "n";
}
.icon-communication-025:before {
content: "o";
}
.icon-communication-024:before {
content: "p";
}
.icon-communication-023:before {
content: "q";
}
.icon-communication-022:before {
content: "r";
}
.icon-communication-020:before {
content: "s";
}
.icon-communication-019:before {
content: "t";
}
.icon-communication-018:before {
content: "u";
}
.icon-communication-016:before {
content: "v";
}
.icon-communication-015:before {
content: "w";
}
.icon-communication-014:before {
content: "x";
}
.icon-communication-021:before {
content: "y";
}
.icon-communication-017:before {
content: "z";
}
.icon-communication-027:before {
content: "A";
}
.icon-communication-040:before {
content: "B";
}
.icon-communication-053:before {
content: "C";
}
.icon-communication-054:before {
content: "D";
}
.icon-communication-041:before {
content: "E";
}
.icon-communication-028:before {
content: "F";
}
.icon-communication-029:before {
content: "G";
}
.icon-communication-042:before {
content: "H";
}
.icon-communication-055:before {
content: "I";
}
.icon-communication-056:before {
content: "J";
}
.icon-communication-043:before {
content: "K";
}
.icon-communication-030:before {
content: "L";
}
.icon-communication-031:before {
content: "M";
}
.icon-communication-044:before {
content: "N";
}
.icon-communication-057:before {
content: "O";
}
.icon-communication-058:before {
content: "P";
}
.icon-communication-045:before {
content: "Q";
}
.icon-communication-032:before {
content: "R";
}
.icon-communication-033:before {
content: "S";
}
.icon-communication-046:before {
content: "T";
}
.icon-communication-059:before {
content: "U";
}
.icon-communication-060:before {
content: "V";
}
.icon-communication-047:before {
content: "W";
}
.icon-communication-034:before {
content: "X";
}
.icon-communication-035:before {
content: "Y";
}
.icon-communication-048:before {
content: "Z";
}
.icon-communication-061:before {
content: "0";
}
.icon-communication-062:before {
content: "1";
}
.icon-communication-049:before {
content: "2";
}
.icon-communication-036:before {
content: "3";
}
.icon-communication-037:before {
content: "4";
}
.icon-communication-050:before {
content: "5";
}
.icon-communication-063:before {
content: "6";
}
.icon-communication-064:before {
content: "7";
}
.icon-communication-051:before {
content: "8";
}
.icon-communication-038:before {
content: "9";
}
.icon-communication-039:before {
content: "!";
}
.icon-communication-052:before {
content: "\"";
}
.icon-communication-065:before {
content: "#";
}
.icon-communication-066:before {
content: "$";
}
.icon-communication-079:before {
content: "%";
}
.icon-communication-092:before {
content: "&";
}
.icon-communication-105:before {
content: "'";
}
.icon-communication-106:before {
content: "(";
}
.icon-communication-093:before {
content: ")";
}
.icon-communication-080:before {
content: "*";
}
.icon-communication-067:before {
content: "+";
}
.icon-communication-068:before {
content: ",";
}
.icon-communication-081:before {
content: "-";
}
.icon-communication-082:before {
content: ".";
}
.icon-communication-069:before {
content: "/";
}
.icon-communication-070:before {
content: ":";
}
.icon-communication-083:before {
content: ";";
}
.icon-communication-084:before {
content: "<";
}
.icon-communication-071:before {
content: "=";
}
.icon-communication-072:before {
content: ">";
}
.icon-communication-085:before {
content: "?";
}
.icon-communication-086:before {
content: "@";
}
.icon-communication-073:before {
content: "[";
}
.icon-communication-074:before {
content: "]";
}
.icon-communication-087:before {
content: "^";
}
.icon-communication-088:before {
content: "_";
}
.icon-communication-075:before {
content: "`";
}
.icon-communication-076:before {
content: "{";
}
.icon-communication-089:before {
content: "|";
}
.icon-communication-090:before {
content: "}";
}
.icon-communication-077:before {
content: "~";
}
.icon-communication-078:before {
content: "\\";
}
.icon-communication-091:before {
content: "\e000";
}
.icon-communication-104:before {
content: "\e001";
}
.icon-communication-117:before {
content: "\e002";
}
.icon-communication-116:before {
content: "\e003";
}
.icon-communication-103:before {
content: "\e004";
}
.icon-communication-102:before {
content: "\e005";
}
.icon-communication-115:before {
content: "\e006";
}
.icon-communication-114:before {
content: "\e007";
}
.icon-communication-101:before {
content: "\e008";
}
.icon-communication-100:before {
content: "\e009";
}
.icon-communication-113:before {
content: "\e00a";
}
.icon-communication-112:before {
content: "\e00b";
}
.icon-communication-099:before {
content: "\e00c";
}
.icon-communication-098:before {
content: "\e00d";
}
.icon-communication-111:before {
content: "\e00e";
}
.icon-communication-110:before {
content: "\e00f";
}
.icon-communication-097:before {
content: "\e010";
}
.icon-communication-096:before {
content: "\e011";
}
.icon-communication-109:before {
content: "\e012";
}
.icon-communication-108:before {
content: "\e013";
}
.icon-communication-095:before {
content: "\e014";
}
.icon-communication-094:before {
content: "\e015";
}
.icon-communication-107:before {
content: "\e016";
}
.icon-communication-118:before {
content: "\e017";
}
.icon-communication-131:before {
content: "\e018";
}
.icon-communication-144:before {
content: "\e019";
}
.icon-communication-157:before {
content: "\e01a";
}
.icon-communication-170:before {
content: "\e01b";
}
.icon-communication-171:before {
content: "\e01c";
}
.icon-communication-158:before {
content: "\e01d";
}
.icon-communication-145:before {
content: "\e01e";
}
.icon-communication-132:before {
content: "\e01f";
}
.icon-communication-119:before {
content: "\e020";
}
.icon-communication-120:before {
content: "\e021";
}
.icon-communication-133:before {
content: "\e022";
}
.icon-communication-146:before {
content: "\e023";
}
.icon-communication-159:before {
content: "\e024";
}
.icon-communication-172:before {
content: "\e025";
}
.icon-communication-173:before {
content: "\e026";
}
.icon-communication-160:before {
content: "\e027";
}
.icon-communication-147:before {
content: "\e028";
}
.icon-communication-134:before {
content: "\e029";
}
.icon-communication-121:before {
content: "\e02a";
}
.icon-communication-122:before {
content: "\e02b";
}
.icon-communication-135:before {
content: "\e02c";
}
.icon-communication-148:before {
content: "\e02d";
}
.icon-communication-161:before {
content: "\e02e";
}
.icon-communication-174:before {
content: "\e02f";
}
.icon-communication-175:before {
content: "\e030";
}
.icon-communication-162:before {
content: "\e031";
}
.icon-communication-149:before {
content: "\e032";
}
.icon-communication-136:before {
content: "\e033";
}
.icon-communication-123:before {
content: "\e034";
}
.icon-communication-124:before {
content: "\e035";
}
.icon-communication-137:before {
content: "\e036";
}
.icon-communication-150:before {
content: "\e037";
}
.icon-communication-163:before {
content: "\e038";
}
.icon-communication-176:before {
content: "\e039";
}
.icon-communication-177:before {
content: "\e03a";
}
.icon-communication-164:before {
content: "\e03b";
}
.icon-communication-151:before {
content: "\e03c";
}
.icon-communication-138:before {
content: "\e03d";
}
.icon-communication-125:before {
content: "\e03e";
}
.icon-communication-126:before {
content: "\e03f";
}
.icon-communication-139:before {
content: "\e040";
}
.icon-communication-152:before {
content: "\e041";
}
.icon-communication-165:before {
content: "\e042";
}
.icon-communication-178:before {
content: "\e043";
}
.icon-communication-179:before {
content: "\e044";
}
.icon-communication-166:before {
content: "\e045";
}
.icon-communication-153:before {
content: "\e046";
}
.icon-communication-140:before {
content: "\e047";
}
.icon-communication-127:before {
content: "\e048";
}
.icon-communication-128:before {
content: "\e049";
}
.icon-communication-141:before {
content: "\e04a";
}
.icon-communication-154:before {
content: "\e04b";
}
.icon-communication-167:before {
content: "\e04c";
}
.icon-communication-180:before {
content: "\e04d";
}
.icon-communication-168:before {
content: "\e04e";
}
.icon-communication-169:before {
content: "\e04f";
}
.icon-communication-156:before {
content: "\e050";
}
.icon-communication-155:before {
content: "\e051";
}
.icon-communication-142:before {
content: "\e052";
}
.icon-communication-143:before {
content: "\e053";
}
.icon-communication-130:before {
content: "\e054";
}
.icon-communication-129:before {
content: "\e055";
}
/* Education */
@font-face {
font-family: "education-48";
src: url("education/webfont/fonts/education-48.eot");
src: url("education/webfont/fonts/education-48.eot?#iefix") format("embedded-opentype"), url("education/webfont/fonts/education-48.woff") format("woff"), url("education/webfont/fonts/education-48.ttf") format("truetype"), url("education/webfont/fonts/education-48.svg#education-48") format("svg");
font-weight: normal;
font-style: normal;
}
[data-icon-education]:before {
font-family: "education-48" !important;
content: attr(data-icon-education);
font-style: normal !important;
font-weight: normal !important;
font-variant: normal !important;
text-transform: none !important;
speak: none;
line-height: 1;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}
[class^="icon-education"]:before,
[class*=" icon-education"]:before {
font-family: "education-48" !important;
font-style: normal !important;
font-weight: normal !important;
font-variant: normal !important;
text-transform: none !important;
speak: none;
line-height: 1;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}
.icon-education-001:before {
content: "a";
}
.icon-education-014:before {
content: "b";
}
.icon-education-027:before {
content: "c";
}
.icon-education-028:before {
content: "d";
}
.icon-education-015:before {
content: "e";
}
.icon-education-002:before {
content: "f";
}
.icon-education-003:before {
content: "g";
}
.icon-education-016:before {
content: "h";
}
.icon-education-029:before {
content: "i";
}
.icon-education-030:before {
content: "j";
}
.icon-education-017:before {
content: "k";
}
.icon-education-004:before {
content: "l";
}
.icon-education-005:before {
content: "m";
}
.icon-education-018:before {
content: "n";
}
.icon-education-031:before {
content: "o";
}
.icon-education-032:before {
content: "p";
}
.icon-education-019:before {
content: "q";
}
.icon-education-006:before {
content: "r";
}
.icon-education-007:before {
content: "s";
}
.icon-education-020:before {
content: "t";
}
.icon-education-033:before {
content: "u";
}
.icon-education-034:before {
content: "v";
}
.icon-education-021:before {
content: "w";
}
.icon-education-008:before {
content: "x";
}
.icon-education-009:before {
content: "y";
}
.icon-education-022:before {
content: "z";
}
.icon-education-035:before {
content: "A";
}
.icon-education-036:before {
content: "B";
}
.icon-education-023:before {
content: "C";
}
.icon-education-010:before {
content: "D";
}
.icon-education-011:before {
content: "E";
}
.icon-education-024:before {
content: "F";
}
.icon-education-037:before {
content: "G";
}
.icon-education-038:before {
content: "H";
}
.icon-education-025:before {
content: "I";
}
.icon-education-012:before {
content: "J";
}
.icon-education-013:before {
content: "K";
}
.icon-education-026:before {
content: "L";
}
.icon-education-039:before {
content: "M";
}
.icon-education-052:before {
content: "N";
}
.icon-education-065:before {
content: "O";
}
.icon-education-078:before {
content: "P";
}
.icon-education-091:before {
content: "Q";
}
.icon-education-104:before {
content: "R";
}
.icon-education-117:before {
content: "S";
}
.icon-education-130:before {
content: "T";
}
.icon-education-143:before {
content: "U";
}
.icon-education-142:before {
content: "V";
}
.icon-education-129:before {
content: "W";
}
.icon-education-116:before {
content: "X";
}
.icon-education-103:before {
content: "Y";
}
.icon-education-090:before {
content: "Z";
}
.icon-education-077:before {
content: "0";
}
.icon-education-064:before {
content: "1";
}
.icon-education-051:before {
content: "2";
}
.icon-education-050:before {
content: "3";
}
.icon-education-063:before {
content: "4";
}
.icon-education-076:before {
content: "5";
}
.icon-education-089:before {
content: "6";
}
.icon-education-088:before {
content: "7";
}
.icon-education-075:before {
content: "8";
}
.icon-education-062:before {
content: "9";
}
.icon-education-049:before {
content: "!";
}
.icon-education-048:before {
content: "\"";
}
.icon-education-061:before {
content: "#";
}
.icon-education-074:before {
content: "$";
}
.icon-education-087:before {
content: "%";
}
.icon-education-100:before {
content: "&";
}
.icon-education-101:before {
content: "'";
}
.icon-education-102:before {
content: "(";
}
.icon-education-115:before {
content: ")";
}
.icon-education-114:before {
content: "*";
}
.icon-education-113:before {
content: "+";
}
.icon-education-126:before {
content: ",";
}
.icon-education-127:before {
content: "-";
}
.icon-education-128:before {
content: ".";
}
.icon-education-141:before {
content: "/";
}
.icon-education-140:before {
content: ":";
}
.icon-education-139:before {
content: ";";
}
.icon-education-138:before {
content: "<";
}
.icon-education-125:before {
content: "=";
}
.icon-education-124:before {
content: ">";
}
.icon-education-137:before {
content: "?";
}
.icon-education-136:before {
content: "@";
}
.icon-education-123:before {
content: "[";
}
.icon-education-110:before {
content: "]";
}
.icon-education-111:before {
content: "^";
}
.icon-education-112:before {
content: "_";
}
.icon-education-099:before {
content: "`";
}
.icon-education-098:before {
content: "{";
}
.icon-education-097:before {
content: "|";
}
.icon-education-084:before {
content: "}";
}
.icon-education-085:before {
content: "~";
}
.icon-education-086:before {
content: "\\";
}
.icon-education-073:before {
content: "\e000";
}
.icon-education-072:before {
content: "\e001";
}
.icon-education-071:before {
content: "\e002";
}
.icon-education-058:before {
content: "\e003";
}
.icon-education-059:before {
content: "\e004";
}
.icon-education-060:before {
content: "\e005";
}
.icon-education-047:before {
content: "\e006";
}
.icon-education-046:before {
content: "\e007";
}
.icon-education-045:before {
content: "\e008";
}
.icon-education-040:before {
content: "\e009";
}
.icon-education-041:before {
content: "\e00a";
}
.icon-education-054:before {
content: "\e00b";
}
.icon-education-053:before {
content: "\e00c";
}
.icon-education-066:before {
content: "\e00d";
}
.icon-education-067:before {
content: "\e00e";
}
.icon-education-068:before {
content: "\e00f";
}
.icon-education-055:before {
content: "\e010";
}
.icon-education-042:before {
content: "\e011";
}
.icon-education-043:before {
content: "\e012";
}
.icon-education-056:before {
content: "\e013";
}
.icon-education-069:before {
content: "\e014";
}
.icon-education-070:before {
content: "\e015";
}
.icon-education-057:before {
content: "\e016";
}
.icon-education-044:before {
content: "\e017";
}
.icon-education-083:before {
content: "\e018";
}
.icon-education-082:before {
content: "\e019";
}
.icon-education-081:before {
content: "\e01a";
}
.icon-education-080:before {
content: "\e01b";
}
.icon-education-079:before {
content: "\e01c";
}
.icon-education-092:before {
content: "\e01d";
}
.icon-education-105:before {
content: "\e01e";
}
.icon-education-118:before {
content: "\e01f";
}
.icon-education-131:before {
content: "\e020";
}
.icon-education-132:before {
content: "\e021";
}
.icon-education-119:before {
content: "\e022";
}
.icon-education-106:before {
content: "\e023";
}
.icon-education-093:before {
content: "\e024";
}
.icon-education-094:before {
content: "\e025";
}
.icon-education-107:before {
content: "\e026";
}
.icon-education-120:before {
content: "\e027";
}
.icon-education-133:before {
content: "\e028";
}
.icon-education-134:before {
content: "\e029";
}
.icon-education-108:before {
content: "\e02a";
}
.icon-education-095:before {
content: "\e02b";
}
.icon-education-096:before {
content: "\e02c";
}
.icon-education-109:before {
content: "\e02d";
}
.icon-education-122:before {
content: "\e02e";
}
.icon-education-121:before {
content: "\e02f";
}
.icon-education-135:before {
content: "\e030";
}
.icon-education-144:before {
content: "\e031";
}
.icon-education-157:before {
content: "\e032";
}
.icon-education-170:before {
content: "\e033";
}
.icon-education-183:before {
content: "\e034";
}
.icon-education-196:before {
content: "\e035";
}
.icon-education-197:before {
content: "\e036";
}
.icon-education-184:before {
content: "\e037";
}
.icon-education-171:before {
content: "\e038";
}
.icon-education-158:before {
content: "\e039";
}
.icon-education-145:before {
content: "\e03a";
}
.icon-education-146:before {
content: "\e03b";
}
.icon-education-159:before {
content: "\e03c";
}
.icon-education-172:before {
content: "\e03d";
}
.icon-education-185:before {
content: "\e03e";
}
.icon-education-198:before {
content: "\e03f";
}
.icon-education-199:before {
content: "\e040";
}
.icon-education-186:before {
content: "\e041";
}
.icon-education-173:before {
content: "\e042";
}
.icon-education-160:before {
content: "\e043";
}
.icon-education-147:before {
content: "\e044";
}
.icon-education-148:before {
content: "\e045";
}
.icon-education-161:before {
content: "\e046";
}
.icon-education-174:before {
content: "\e047";
}
.icon-education-187:before {
content: "\e048";
}
.icon-education-200:before {
content: "\e049";
}
.icon-education-188:before {
content: "\e04a";
}
.icon-education-175:before {
content: "\e04b";
}
.icon-education-162:before {
content: "\e04c";
}
.icon-education-149:before {
content: "\e04d";
}
.icon-education-150:before {
content: "\e04e";
}
.icon-education-163:before {
content: "\e04f";
}
.icon-education-176:before {
content: "\e050";
}
.icon-education-189:before {
content: "\e051";
}
.icon-education-190:before {
content: "\e052";
}
.icon-education-177:before {
content: "\e053";
}
.icon-education-164:before {
content: "\e054";
}
.icon-education-151:before {
content: "\e055";
}
.icon-education-152:before {
content: "\e056";
}
.icon-education-165:before {
content: "\e057";
}
.icon-education-178:before {
content: "\e058";
}
.icon-education-191:before {
content: "\e059";
}
.icon-education-192:before {
content: "\e05a";
}
.icon-education-179:before {
content: "\e05b";
}
.icon-education-166:before {
content: "\e05c";
}
.icon-education-153:before {
content: "\e05d";
}
.icon-education-154:before {
content: "\e05e";
}
.icon-education-167:before {
content: "\e05f";
}
.icon-education-180:before {
content: "\e060";
}
.icon-education-193:before {
content: "\e061";
}
.icon-education-194:before {
content: "\e062";
}
.icon-education-181:before {
content: "\e063";
}
.icon-education-168:before {
content: "\e064";
}
.icon-education-155:before {
content: "\e065";
}
.icon-education-156:before {
content: "\e066";
}
.icon-education-169:before {
content: "\e067";
}
.icon-education-182:before {
content: "\e068";
}
.icon-education-195:before {
content: "\e069";
}
/* Electronics */
@font-face {
font-family: "electronics";
src: url("electronics/webfont/fonts/electronics.eot");
src: url("electronics/webfont/fonts/electronics.eot?#iefix") format("embedded-opentype"), url("electronics/webfont/fonts/electronics.woff") format("woff"), url("electronics/webfont/fonts/electronics.ttf") format("truetype"), url("electronics/webfont/fonts/electronics.svg#electronics") format("svg");
font-weight: normal;
font-style: normal;
}
[data-icon-electronics]:before {
font-family: "electronics" !important;
content: attr(data-icon-electronics);
font-style: normal !important;
font-weight: normal !important;
font-variant: normal !important;
text-transform: none !important;
speak: none;
line-height: 1;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}
[class^="icon-electronics"]:before,
[class*=" icon-electronics"]:before {
font-family: "electronics" !important;
font-style: normal !important;
font-weight: normal !important;
font-variant: normal !important;
text-transform: none !important;
speak: none;
line-height: 1;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}
.icon-electronics-001:before {
content: "a";
}
.icon-electronics-014:before {
content: "b";
}
.icon-electronics-027:before {
content: "c";
}
.icon-electronics-040:before {
content: "d";
}
.icon-electronics-053:before {
content: "e";
}
.icon-electronics-066:before {
content: "f";
}
.icon-electronics-079:before {
content: "g";
}
.icon-electronics-092:before {
content: "h";
}
.icon-electronics-093:before {
content: "i";
}
.icon-electronics-080:before {
content: "j";
}
.icon-electronics-067:before {
content: "k";
}
.icon-electronics-054:before {
content: "l";
}
.icon-electronics-041:before {
content: "m";
}
.icon-electronics-028:before {
content: "n";
}
.icon-electronics-015:before {
content: "o";
}
.icon-electronics-002:before {
content: "p";
}
.icon-electronics-003:before {
content: "q";
}
.icon-electronics-016:before {
content: "r";
}
.icon-electronics-029:before {
content: "s";
}
.icon-electronics-042:before {
content: "t";
}
.icon-electronics-055:before {
content: "u";
}
.icon-electronics-068:before {
content: "v";
}
.icon-electronics-081:before {
content: "w";
}
.icon-electronics-094:before {
content: "x";
}
.icon-electronics-095:before {
content: "y";
}
.icon-electronics-082:before {
content: "z";
}
.icon-electronics-069:before {
content: "A";
}
.icon-electronics-056:before {
content: "B";
}
.icon-electronics-043:before {
content: "C";
}
.icon-electronics-030:before {
content: "D";
}
.icon-electronics-017:before {
content: "E";
}
.icon-electronics-004:before {
content: "F";
}
.icon-electronics-005:before {
content: "G";
}
.icon-electronics-018:before {
content: "H";
}
.icon-electronics-031:before {
content: "I";
}
.icon-electronics-044:before {
content: "J";
}
.icon-electronics-057:before {
content: "K";
}
.icon-electronics-070:before {
content: "L";
}
.icon-electronics-083:before {
content: "M";
}
.icon-electronics-096:before {
content: "N";
}
.icon-electronics-097:before {
content: "O";
}
.icon-electronics-084:before {
content: "P";
}
.icon-electronics-071:before {
content: "Q";
}
.icon-electronics-058:before {
content: "R";
}
.icon-electronics-045:before {
content: "S";
}
.icon-electronics-032:before {
content: "T";
}
.icon-electronics-019:before {
content: "U";
}
.icon-electronics-006:before {
content: "V";
}
.icon-electronics-007:before {
content: "W";
}
.icon-electronics-020:before {
content: "X";
}
.icon-electronics-033:before {
content: "Y";
}
.icon-electronics-046:before {
content: "Z";
}
.icon-electronics-059:before {
content: "0";
}
.icon-electronics-072:before {
content: "1";
}
.icon-electronics-085:before {
content: "2";
}
.icon-electronics-098:before {
content: "3";
}
.icon-electronics-099:before {
content: "4";
}
.icon-electronics-086:before {
content: "5";
}
.icon-electronics-073:before {
content: "6";
}
.icon-electronics-060:before {
content: "7";
}
.icon-electronics-047:before {
content: "8";
}
.icon-electronics-034:before {
content: "9";
}
.icon-electronics-021:before {
content: "!";
}
.icon-electronics-008:before {
content: "\"";
}
.icon-electronics-009:before {
content: "#";
}
.icon-electronics-022:before {
content: "$";
}
.icon-electronics-035:before {
content: "%";
}
.icon-electronics-048:before {
content: "&";
}
.icon-electronics-049:before {
content: "'";
}
.icon-electronics-036:before {
content: "(";
}
.icon-electronics-023:before {
content: ")";
}
.icon-electronics-010:before {
content: "*";
}
.icon-electronics-011:before {
content: "+";
}
.icon-electronics-024:before {
content: ",";
}
.icon-electronics-025:before {
content: "-";
}
.icon-electronics-012:before {
content: ".";
}
.icon-electronics-013:before {
content: "/";
}
.icon-electronics-026:before {
content: ":";
}
.icon-electronics-039:before {
content: ";";
}
.icon-electronics-052:before {
content: "<";
}
.icon-electronics-065:before {
content: "=";
}
.icon-electronics-078:before {
content: ">";
}
.icon-electronics-091:before {
content: "?";
}
.icon-electronics-104:before {
content: "@";
}
.icon-electronics-103:before {
content: "[";
}
.icon-electronics-090:before {
content: "]";
}
.icon-electronics-064:before {
content: "^";
}
.icon-electronics-051:before {
content: "_";
}
.icon-electronics-038:before {
content: "`";
}
.icon-electronics-037:before {
content: "{";
}
.icon-electronics-050:before {
content: "|";
}
.icon-electronics-063:before {
content: "}";
}
.icon-electronics-076:before {
content: "~";
}
.icon-electronics-077:before {
content: "\\";
}
.icon-electronics-062:before {
content: "\e000";
}
.icon-electronics-061:before {
content: "\e001";
}
.icon-electronics-074:before {
content: "\e002";
}
.icon-electronics-075:before {
content: "\e003";
}
.icon-electronics-088:before {
content: "\e004";
}
.icon-electronics-087:before {
content: "\e005";
}
.icon-electronics-089:before {
content: "\e006";
}
.icon-electronics-102:before {
content: "\e007";
}
.icon-electronics-101:before {
content: "\e008";
}
.icon-electronics-100:before {
content: "\e009";
}
.icon-electronics-105:before {
content: "\e00a";
}
.icon-electronics-118:before {
content: "\e00b";
}
.icon-electronics-131:before {
content: "\e00c";
}
.icon-electronics-144:before {
content: "\e00d";
}
.icon-electronics-157:before {
content: "\e00e";
}
.icon-electronics-158:before {
content: "\e00f";
}
.icon-electronics-145:before {
content: "\e010";
}
.icon-electronics-132:before {
content: "\e011";
}
.icon-electronics-119:before {
content: "\e012";
}
.icon-electronics-106:before {
content: "\e013";
}
.icon-electronics-107:before {
content: "\e014";
}
.icon-electronics-120:before {
content: "\e015";
}
.icon-electronics-133:before {
content: "\e016";
}
.icon-electronics-146:before {
content: "\e017";
}
.icon-electronics-159:before {
content: "\e018";
}
.icon-electronics-160:before {
content: "\e019";
}
.icon-electronics-147:before {
content: "\e01a";
}
.icon-electronics-134:before {
content: "\e01b";
}
.icon-electronics-121:before {
content: "\e01c";
}
.icon-electronics-108:before {
content: "\e01d";
}
.icon-electronics-109:before {
content: "\e01e";
}
.icon-electronics-122:before {
content: "\e01f";
}
.icon-electronics-135:before {
content: "\e020";
}
.icon-electronics-148:before {
content: "\e021";
}
.icon-electronics-149:before {
content: "\e022";
}
.icon-electronics-136:before {
content: "\e023";
}
.icon-electronics-123:before {
content: "\e024";
}
.icon-electronics-110:before {
content: "\e025";
}
.icon-electronics-111:before {
content: "\e026";
}
.icon-electronics-124:before {
content: "\e027";
}
.icon-electronics-137:before {
content: "\e028";
}
.icon-electronics-150:before {
content: "\e029";
}
.icon-electronics-151:before {
content: "\e02a";
}
.icon-electronics-138:before {
content: "\e02b";
}
.icon-electronics-125:before {
content: "\e02c";
}
.icon-electronics-112:before {
content: "\e02d";
}
.icon-electronics-113:before {
content: "\e02e";
}
.icon-electronics-126:before {
content: "\e02f";
}
.icon-electronics-139:before {
content: "\e030";
}
.icon-electronics-152:before {
content: "\e031";
}
.icon-electronics-153:before {
content: "\e032";
}
.icon-electronics-140:before {
content: "\e033";
}
.icon-electronics-127:before {
content: "\e034";
}
.icon-electronics-114:before {
content: "\e035";
}
.icon-electronics-115:before {
content: "\e036";
}
.icon-electronics-128:before {
content: "\e037";
}
.icon-electronics-141:before {
content: "\e038";
}
.icon-electronics-154:before {
content: "\e039";
}
.icon-electronics-155:before {
content: "\e03a";
}
.icon-electronics-142:before {
content: "\e03b";
}
.icon-electronics-129:before {
content: "\e03c";
}
.icon-electronics-116:before {
content: "\e03d";
}
.icon-electronics-117:before {
content: "\e03e";
}
.icon-electronics-130:before {
content: "\e03f";
}
.icon-electronics-143:before {
content: "\e040";
}
.icon-electronics-156:before {
content: "\e041";
}
/* Finance */
@font-face {
font-family: "finance";
src: url("finance/webfont/fonts/finance.eot");
src: url("finance/webfont/fonts/finance.eot?#iefix") format("embedded-opentype"), url("finance/webfont/fonts/finance.woff") format("woff"), url("finance/webfont/fonts/finance.ttf") format("truetype"), url("finance/webfont/fonts/finance.svg#finance") format("svg");
font-weight: normal;
font-style: normal;
}
[data-icon-finance]:before {
font-family: "finance" !important;
content: attr(data-icon-finance);
font-style: normal !important;
font-weight: normal !important;
font-variant: normal !important;
text-transform: none !important;
speak: none;
line-height: 1;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}
[class^="icon-finance"]:before,
[class*=" icon-finance"]:before {
font-family: "finance" !important;
font-style: normal !important;
font-weight: normal !important;
font-variant: normal !important;
text-transform: none !important;
speak: none;
line-height: 1;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}
.icon-finance-260:before {
content: "a";
}
.icon-finance-259:before {
content: "b";
}
.icon-finance-246:before {
content: "c";
}
.icon-finance-247:before {
content: "d";
}
.icon-finance-234:before {
content: "e";
}
.icon-finance-233:before {
content: "f";
}
.icon-finance-232:before {
content: "g";
}
.icon-finance-245:before {
content: "h";
}
.icon-finance-258:before {
content: "i";
}
.icon-finance-257:before {
content: "j";
}
.icon-finance-256:before {
content: "k";
}
.icon-finance-243:before {
content: "l";
}
.icon-finance-244:before {
content: "m";
}
.icon-finance-231:before {
content: "n";
}
.icon-finance-230:before {
content: "o";
}
.icon-finance-229:before {
content: "p";
}
.icon-finance-242:before {
content: "q";
}
.icon-finance-255:before {
content: "r";
}
.icon-finance-254:before {
content: "s";
}
.icon-finance-241:before {
content: "t";
}
.icon-finance-228:before {
content: "u";
}
.icon-finance-227:before {
content: "v";
}
.icon-finance-240:before {
content: "w";
}
.icon-finance-253:before {
content: "x";
}
.icon-finance-252:before {
content: "y";
}
.icon-finance-239:before {
content: "z";
}
.icon-finance-226:before {
content: "A";
}
.icon-finance-225:before {
content: "B";
}
.icon-finance-238:before {
content: "C";
}
.icon-finance-251:before {
content: "D";
}
.icon-finance-250:before {
content: "E";
}
.icon-finance-237:before {
content: "F";
}
.icon-finance-224:before {
content: "G";
}
.icon-finance-223:before {
content: "H";
}
.icon-finance-236:before {
content: "I";
}
.icon-finance-249:before {
content: "J";
}
.icon-finance-235:before {
content: "K";
}
.icon-finance-222:before {
content: "L";
}
.icon-finance-248:before {
content: "M";
}
.icon-finance-209:before {
content: "N";
}
.icon-finance-196:before {
content: "O";
}
.icon-finance-183:before {
content: "P";
}
.icon-finance-184:before {
content: "Q";
}
.icon-finance-197:before {
content: "R";
}
.icon-finance-210:before {
content: "S";
}
.icon-finance-211:before {
content: "T";
}
.icon-finance-198:before {
content: "U";
}
.icon-finance-185:before {
content: "V";
}
.icon-finance-186:before {
content: "W";
}
.icon-finance-199:before {
content: "X";
}
.icon-finance-212:before {
content: "Y";
}
.icon-finance-213:before {
content: "Z";
}
.icon-finance-200:before {
content: "0";
}
.icon-finance-187:before {
content: "1";
}
.icon-finance-188:before {
content: "2";
}
.icon-finance-189:before {
content: "3";
}
.icon-finance-201:before {
content: "4";
}
.icon-finance-214:before {
content: "5";
}
.icon-finance-215:before {
content: "6";
}
.icon-finance-202:before {
content: "7";
}
.icon-finance-216:before {
content: "8";
}
.icon-finance-203:before {
content: "9";
}
.icon-finance-204:before {
content: "!";
}
.icon-finance-217:before {
content: "\"";
}
.icon-finance-191:before {
content: "#";
}
.icon-finance-190:before {
content: "$";
}
.icon-finance-192:before {
content: "%";
}
.icon-finance-205:before {
content: "&";
}
.icon-finance-218:before {
content: "'";
}
.icon-finance-219:before {
content: "(";
}
.icon-finance-206:before {
content: ")";
}
.icon-finance-193:before {
content: "*";
}
.icon-finance-194:before {
content: "+";
}
.icon-finance-207:before {
content: ",";
}
.icon-finance-220:before {
content: "-";
}
.icon-finance-221:before {
content: ".";
}
.icon-finance-208:before {
content: "/";
}
.icon-finance-195:before {
content: ":";
}
.icon-finance-182:before {
content: ";";
}
.icon-finance-181:before {
content: "<";
}
.icon-finance-180:before {
content: "=";
}
.icon-finance-167:before {
content: ">";
}
.icon-finance-168:before {
content: "?";
}
.icon-finance-169:before {
content: "@";
}
.icon-finance-156:before {
content: "[";
}
.icon-finance-155:before {
content: "]";
}
.icon-finance-154:before {
content: "^";
}
.icon-finance-141:before {
content: "_";
}
.icon-finance-142:before {
content: "`";
}
.icon-finance-143:before {
content: "{";
}
.icon-finance-130:before {
content: "|";
}
.icon-finance-129:before {
content: "}";
}
.icon-finance-128:before {
content: "~";
}
.icon-finance-127:before {
content: "\\";
}
.icon-finance-140:before {
content: "\e000";
}
.icon-finance-139:before {
content: "\e001";
}
.icon-finance-126:before {
content: "\e002";
}
.icon-finance-125:before {
content: "\e003";
}
.icon-finance-138:before {
content: "\e004";
}
.icon-finance-151:before {
content: "\e005";
}
.icon-finance-152:before {
content: "\e006";
}
.icon-finance-153:before {
content: "\e007";
}
.icon-finance-166:before {
content: "\e008";
}
.icon-finance-179:before {
content: "\e009";
}
.icon-finance-178:before {
content: "\e00a";
}
.icon-finance-165:before {
content: "\e00b";
}
.icon-finance-164:before {
content: "\e00c";
}
.icon-finance-177:before {
content: "\e00d";
}
.icon-finance-176:before {
content: "\e00e";
}
.icon-finance-163:before {
content: "\e00f";
}
.icon-finance-150:before {
content: "\e010";
}
.icon-finance-137:before {
content: "\e011";
}
.icon-finance-124:before {
content: "\e012";
}
.icon-finance-123:before {
content: "\e013";
}
.icon-finance-136:before {
content: "\e014";
}
.icon-finance-149:before {
content: "\e015";
}
.icon-finance-162:before {
content: "\e016";
}
.icon-finance-175:before {
content: "\e017";
}
.icon-finance-174:before {
content: "\e018";
}
.icon-finance-161:before {
content: "\e019";
}
.icon-finance-148:before {
content: "\e01a";
}
.icon-finance-135:before {
content: "\e01b";
}
.icon-finance-122:before {
content: "\e01c";
}
.icon-finance-121:before {
content: "\e01d";
}
.icon-finance-134:before {
content: "\e01e";
}
.icon-finance-147:before {
content: "\e01f";
}
.icon-finance-160:before {
content: "\e020";
}
.icon-finance-173:before {
content: "\e021";
}
.icon-finance-172:before {
content: "\e022";
}
.icon-finance-146:before {
content: "\e023";
}
.icon-finance-133:before {
content: "\e024";
}
.icon-finance-120:before {
content: "\e025";
}
.icon-finance-159:before {
content: "\e026";
}
.icon-finance-158:before {
content: "\e027";
}
.icon-finance-171:before {
content: "\e028";
}
.icon-finance-170:before {
content: "\e029";
}
.icon-finance-157:before {
content: "\e02a";
}
.icon-finance-144:before {
content: "\e02b";
}
.icon-finance-145:before {
content: "\e02c";
}
.icon-finance-132:before {
content: "\e02d";
}
.icon-finance-131:before {
content: "\e02e";
}
.icon-finance-118:before {
content: "\e02f";
}
.icon-finance-119:before {
content: "\e030";
}
.icon-finance-106:before {
content: "\e031";
}
.icon-finance-105:before {
content: "\e032";
}
.icon-finance-092:before {
content: "\e033";
}
.icon-finance-093:before {
content: "\e034";
}
.icon-finance-107:before {
content: "\e035";
}
.icon-finance-094:before {
content: "\e036";
}
.icon-finance-095:before {
content: "\e037";
}
.icon-finance-108:before {
content: "\e038";
}
.icon-finance-109:before {
content: "\e039";
}
.icon-finance-096:before {
content: "\e03a";
}
.icon-finance-097:before {
content: "\e03b";
}
.icon-finance-110:before {
content: "\e03c";
}
.icon-finance-111:before {
content: "\e03d";
}
.icon-finance-098:before {
content: "\e03e";
}
.icon-finance-099:before {
content: "\e03f";
}
.icon-finance-112:before {
content: "\e040";
}
.icon-finance-113:before {
content: "\e041";
}
.icon-finance-100:before {
content: "\e042";
}
.icon-finance-101:before {
content: "\e043";
}
.icon-finance-114:before {
content: "\e044";
}
.icon-finance-115:before {
content: "\e045";
}
.icon-finance-102:before {
content: "\e046";
}
.icon-finance-116:before {
content: "\e048";
}
.icon-finance-117:before {
content: "\e049";
}
.icon-finance-104:before {
content: "\e047";
}
.icon-finance-103:before {
content: "\e04a";
}
.icon-finance-014:before {
content: "\e04b";
}
.icon-finance-027:before {
content: "\e04c";
}
.icon-finance-040:before {
content: "\e04d";
}
.icon-finance-053:before {
content: "\e04e";
}
.icon-finance-066:before {
content: "\e04f";
}
.icon-finance-079:before {
content: "\e050";
}
.icon-finance-080:before {
content: "\e051";
}
.icon-finance-067:before {
content: "\e052";
}
.icon-finance-068:before {
content: "\e053";
}
.icon-finance-081:before {
content: "\e054";
}
.icon-finance-070:before {
content: "\e055";
}
.icon-finance-083:before {
content: "\e056";
}
.icon-finance-082:before {
content: "\e057";
}
.icon-finance-069:before {
content: "\e058";
}
.icon-finance-071:before {
content: "\e059";
}
.icon-finance-084:before {
content: "\e05a";
}
.icon-finance-085:before {
content: "\e05b";
}
.icon-finance-072:before {
content: "\e05c";
}
.icon-finance-073:before {
content: "\e05d";
}
.icon-finance-086:before {
content: "\e05e";
}
.icon-finance-087:before {
content: "\e05f";
}
.icon-finance-074:before {
content: "\e060";
}
.icon-finance-075:before {
content: "\e061";
}
.icon-finance-088:before {
content: "\e062";
}
.icon-finance-089:before {
content: "\e063";
}
.icon-finance-076:before {
content: "\e064";
}
.icon-finance-077:before {
content: "\e065";
}
.icon-finance-090:before {
content: "\e066";
}
.icon-finance-091:before {
content: "\e067";
}
.icon-finance-078:before {
content: "\e068";
}
.icon-finance-065:before {
content: "\e069";
}
.icon-finance-052:before {
content: "\e06a";
}
.icon-finance-039:before {
content: "\e06b";
}
.icon-finance-026:before {
content: "\e06c";
}
.icon-finance-025:before {
content: "\e06d";
}
.icon-finance-038:before {
content: "\e06e";
}
.icon-finance-051:before {
content: "\e06f";
}
.icon-finance-064:before {
content: "\e070";
}
.icon-finance-063:before {
content: "\e071";
}
.icon-finance-050:before {
content: "\e072";
}
.icon-finance-037:before {
content: "\e073";
}
.icon-finance-024:before {
content: "\e074";
}
.icon-finance-023:before {
content: "\e075";
}
.icon-finance-036:before {
content: "\e076";
}
.icon-finance-049:before {
content: "\e077";
}
.icon-finance-062:before {
content: "\e078";
}
.icon-finance-061:before {
content: "\e079";
}
.icon-finance-048:before {
content: "\e07a";
}
.icon-finance-035:before {
content: "\e07b";
}
.icon-finance-022:before {
content: "\e07c";
}
.icon-finance-021:before {
content: "\e07d";
}
.icon-finance-034:before {
content: "\e07e";
}
.icon-finance-047:before {
content: "\e07f";
}
.icon-finance-060:before {
content: "\e080";
}
.icon-finance-059:before {
content: "\e081";
}
.icon-finance-046:before {
content: "\e082";
}
.icon-finance-033:before {
content: "\e083";
}
.icon-finance-020:before {
content: "\e084";
}
.icon-finance-019:before {
content: "\e085";
}
.icon-finance-032:before {
content: "\e086";
}
.icon-finance-045:before {
content: "\e087";
}
.icon-finance-058:before {
content: "\e088";
}
.icon-finance-057:before {
content: "\e089";
}
.icon-finance-044:before {
content: "\e08a";
}
.icon-finance-031:before {
content: "\e08b";
}
.icon-finance-018:before {
content: "\e08c";
}
.icon-finance-017:before {
content: "\e08d";
}
.icon-finance-030:before {
content: "\e08e";
}
.icon-finance-043:before {
content: "\e08f";
}
.icon-finance-056:before {
content: "\e090";
}
.icon-finance-055:before {
content: "\e091";
}
.icon-finance-042:before {
content: "\e092";
}
.icon-finance-029:before {
content: "\e093";
}
.icon-finance-016:before {
content: "\e094";
}
.icon-finance-015:before {
content: "\e095";
}
.icon-finance-028:before {
content: "\e096";
}
.icon-finance-041:before {
content: "\e097";
}
.icon-finance-054:before {
content: "\e098";
}
.icon-finance-001:before {
content: "\e099";
}
.icon-finance-002:before {
content: "\e09a";
}
.icon-finance-003:before {
content: "\e09b";
}
.icon-finance-004:before {
content: "\e09c";
}
.icon-finance-005:before {
content: "\e09d";
}
.icon-finance-006:before {
content: "\e09e";
}
.icon-finance-007:before {
content: "\e09f";
}
.icon-finance-008:before {
content: "\e0a0";
}
.icon-finance-009:before {
content: "\e0a1";
}
.icon-finance-010:before {
content: "\e0a2";
}
.icon-finance-011:before {
content: "\e0a3";
}
.icon-finance-012:before {
content: "\e0a4";
}
.icon-finance-013:before {
content: "\e0a5";
}
/* Food */
@font-face {
font-family: "food-48";
src: url("food/webfont/fonts/food-48.eot");
src: url("food/webfont/fonts/food-48.eot?#iefix") format("embedded-opentype"), url("food/webfont/fonts/food-48.woff") format("woff"), url("food/webfont/fonts/food-48.ttf") format("truetype"), url("food/webfont/fonts/food-48.svg#food-48") format("svg");
font-weight: normal;
font-style: normal;
}
[data-icon-food]:before {
font-family: "food-48" !important;
content: attr(data-icon-food);
font-style: normal !important;
font-weight: normal !important;
font-variant: normal !important;
text-transform: none !important;
speak: none;
line-height: 1;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}
[class^="icon-food"]:before,
[class*=" icon-food"]:before {
font-family: "food-48" !important;
font-style: normal !important;
font-weight: normal !important;
font-variant: normal !important;
text-transform: none !important;
speak: none;
line-height: 1;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}
.icon-food-001:before {
content: "a";
}
.icon-food-014:before {
content: "b";
}
.icon-food-027:before {
content: "c";
}
.icon-food-040:before {
content: "d";
}
.icon-food-041:before {
content: "e";
}
.icon-food-028:before {
content: "f";
}
.icon-food-015:before {
content: "g";
}
.icon-food-002:before {
content: "h";
}
.icon-food-003:before {
content: "i";
}
.icon-food-016:before {
content: "j";
}
.icon-food-029:before {
content: "k";
}
.icon-food-042:before {
content: "l";
}
.icon-food-043:before {
content: "m";
}
.icon-food-030:before {
content: "n";
}
.icon-food-017:before {
content: "o";
}
.icon-food-004:before {
content: "p";
}
.icon-food-005:before {
content: "q";
}
.icon-food-018:before {
content: "r";
}
.icon-food-031:before {
content: "s";
}
.icon-food-044:before {
content: "t";
}
.icon-food-045:before {
content: "u";
}
.icon-food-032:before {
content: "v";
}
.icon-food-019:before {
content: "w";
}
.icon-food-006:before {
content: "x";
}
.icon-food-007:before {
content: "y";
}
.icon-food-020:before {
content: "z";
}
.icon-food-033:before {
content: "A";
}
.icon-food-046:before {
content: "B";
}
.icon-food-047:before {
content: "C";
}
.icon-food-034:before {
content: "D";
}
.icon-food-021:before {
content: "E";
}
.icon-food-008:before {
content: "F";
}
.icon-food-009:before {
content: "G";
}
.icon-food-022:before {
content: "H";
}
.icon-food-035:before {
content: "I";
}
.icon-food-048:before {
content: "J";
}
.icon-food-049:before {
content: "K";
}
.icon-food-036:before {
content: "L";
}
.icon-food-023:before {
content: "M";
}
.icon-food-010:before {
content: "N";
}
.icon-food-011:before {
content: "O";
}
.icon-food-024:before {
content: "P";
}
.icon-food-037:before {
content: "Q";
}
.icon-food-050:before {
content: "R";
}
.icon-food-051:before {
content: "S";
}
.icon-food-038:before {
content: "T";
}
.icon-food-025:before {
content: "U";
}
.icon-food-012:before {
content: "V";
}
.icon-food-013:before {
content: "W";
}
.icon-food-026:before {
content: "X";
}
.icon-food-039:before {
content: "Y";
}
.icon-food-052:before {
content: "Z";
}
.icon-food-065:before {
content: "0";
}
.icon-food-078:before {
content: "1";
}
.icon-food-091:before {
content: "2";
}
.icon-food-104:before {
content: "3";
}
.icon-food-103:before {
content: "4";
}
.icon-food-090:before {
content: "5";
}
.icon-food-077:before {
content: "6";
}
.icon-food-064:before {
content: "7";
}
.icon-food-063:before {
content: "8";
}
.icon-food-076:before {
content: "9";
}
.icon-food-089:before {
content: "!";
}
.icon-food-102:before {
content: "\"";
}
.icon-food-101:before {
content: "#";
}
.icon-food-088:before {
content: "$";
}
.icon-food-075:before {
content: "%";
}
.icon-food-062:before {
content: "&";
}
.icon-food-061:before {
content: "'";
}
.icon-food-074:before {
content: "(";
}
.icon-food-087:before {
content: ")";
}
.icon-food-100:before {
content: "*";
}
.icon-food-099:before {
content: "+";
}
.icon-food-086:before {
content: ",";
}
.icon-food-073:before {
content: "-";
}
.icon-food-060:before {
content: ".";
}
.icon-food-059:before {
content: "/";
}
.icon-food-072:before {
content: ":";
}
.icon-food-085:before {
content: ";";
}
.icon-food-098:before {
content: "<";
}
.icon-food-097:before {
content: "=";
}
.icon-food-084:before {
content: ">";
}
.icon-food-071:before {
content: "?";
}
.icon-food-058:before {
content: "@";
}
.icon-food-057:before {
content: "[";
}
.icon-food-070:before {
content: "]";
}
.icon-food-083:before {
content: "^";
}
.icon-food-096:before {
content: "_";
}
.icon-food-095:before {
content: "`";
}
.icon-food-082:before {
content: "{";
}
.icon-food-069:before {
content: "|";
}
.icon-food-056:before {
content: "}";
}
.icon-food-055:before {
content: "~";
}
.icon-food-068:before {
content: "\\";
}
.icon-food-081:before {
content: "\e000";
}
.icon-food-094:before {
content: "\e001";
}
.icon-food-093:before {
content: "\e002";
}
.icon-food-080:before {
content: "\e003";
}
.icon-food-067:before {
content: "\e004";
}
.icon-food-054:before {
content: "\e005";
}
.icon-food-053:before {
content: "\e006";
}
.icon-food-066:before {
content: "\e007";
}
.icon-food-079:before {
content: "\e008";
}
.icon-food-092:before {
content: "\e009";
}
.icon-food-105:before {
content: "\e00a";
}
.icon-food-118:before {
content: "\e00b";
}
.icon-food-131:before {
content: "\e00c";
}
.icon-food-144:before {
content: "\e00d";
}
.icon-food-157:before {
content: "\e00e";
}
.icon-food-170:before {
content: "\e00f";
}
.icon-food-171:before {
content: "\e010";
}
.icon-food-158:before {
content: "\e011";
}
.icon-food-145:before {
content: "\e012";
}
.icon-food-132:before {
content: "\e013";
}
.icon-food-119:before {
content: "\e014";
}
.icon-food-106:before {
content: "\e015";
}
.icon-food-107:before {
content: "\e016";
}
.icon-food-120:before {
content: "\e017";
}
.icon-food-133:before {
content: "\e018";
}
.icon-food-146:before {
content: "\e019";
}
.icon-food-159:before {
content: "\e01a";
}
.icon-food-172:before {
content: "\e01b";
}
.icon-food-173:before {
content: "\e01c";
}
.icon-food-160:before {
content: "\e01d";
}
.icon-food-147:before {
content: "\e01e";
}
.icon-food-134:before {
content: "\e01f";
}
.icon-food-121:before {
content: "\e020";
}
.icon-food-108:before {
content: "\e021";
}
.icon-food-109:before {
content: "\e022";
}
.icon-food-122:before {
content: "\e023";
}
.icon-food-135:before {
content: "\e024";
}
.icon-food-148:before {
content: "\e025";
}
.icon-food-161:before {
content: "\e026";
}
.icon-food-174:before {
content: "\e027";
}
.icon-food-175:before {
content: "\e028";
}
.icon-food-162:before {
content: "\e029";
}
.icon-food-149:before {
content: "\e02a";
}
.icon-food-136:before {
content: "\e02b";
}
.icon-food-123:before {
content: "\e02c";
}
.icon-food-110:before {
content: "\e02d";
}
.icon-food-111:before {
content: "\e02e";
}
.icon-food-124:before {
content: "\e02f";
}
.icon-food-137:before {
content: "\e030";
}
.icon-food-150:before {
content: "\e031";
}
.icon-food-163:before {
content: "\e032";
}
.icon-food-176:before {
content: "\e033";
}
.icon-food-177:before {
content: "\e034";
}
.icon-food-164:before {
content: "\e035";
}
.icon-food-151:before {
content: "\e036";
}
.icon-food-138:before {
content: "\e037";
}
.icon-food-125:before {
content: "\e038";
}
.icon-food-112:before {
content: "\e039";
}
.icon-food-113:before {
content: "\e03a";
}
.icon-food-126:before {
content: "\e03b";
}
.icon-food-139:before {
content: "\e03c";
}
.icon-food-152:before {
content: "\e03d";
}
.icon-food-165:before {
content: "\e03e";
}
.icon-food-178:before {
content: "\e03f";
}
.icon-food-191:before {
content: "\e040";
}
.icon-food-192:before {
content: "\e041";
}
.icon-food-166:before {
content: "\e042";
}
.icon-food-153:before {
content: "\e043";
}
.icon-food-140:before {
content: "\e044";
}
.icon-food-127:before {
content: "\e045";
}
.icon-food-114:before {
content: "\e046";
}
.icon-food-115:before {
content: "\e047";
}
.icon-food-128:before {
content: "\e048";
}
.icon-food-129:before {
content: "\e049";
}
.icon-food-116:before {
content: "\e04a";
}
.icon-food-117:before {
content: "\e04b";
}
.icon-food-130:before {
content: "\e04c";
}
.icon-food-143:before {
content: "\e04d";
}
.icon-food-142:before {
content: "\e04e";
}
.icon-food-141:before {
content: "\e04f";
}
.icon-food-154:before {
content: "\e050";
}
.icon-food-155:before {
content: "\e051";
}
.icon-food-156:before {
content: "\e052";
}
.icon-food-169:before {
content: "\e053";
}
.icon-food-168:before {
content: "\e054";
}
.icon-food-167:before {
content: "\e055";
}
.icon-food-179:before {
content: "\e056";
}
.icon-food-180:before {
content: "\e057";
}
.icon-food-181:before {
content: "\e058";
}
.icon-food-182:before {
content: "\e059";
}
.icon-food-195:before {
content: "\e05a";
}
.icon-food-194:before {
content: "\e05b";
}
.icon-food-193:before {
content: "\e05c";
}
.icon-food-190:before {
content: "\e05d";
}
.icon-food-189:before {
content: "\e05e";
}
.icon-food-188:before {
content: "\e05f";
}
.icon-food-187:before {
content: "\e060";
}
.icon-food-185:before {
content: "\e061";
}
.icon-food-184:before {
content: "\e062";
}
.icon-food-183:before {
content: "\e063";
}
.icon-food-186:before {
content: "\e064";
}
.icon-food-208:before {
content: "\e065";
}
.icon-food-221:before {
content: "\e066";
}
.icon-food-220:before {
content: "\e067";
}
.icon-food-207:before {
content: "\e068";
}
.icon-food-206:before {
content: "\e069";
}
.icon-food-219:before {
content: "\e06a";
}
.icon-food-205:before {
content: "\e06b";
}
.icon-food-204:before {
content: "\e06c";
}
.icon-food-217:before {
content: "\e06d";
}
.icon-food-216:before {
content: "\e06e";
}
.icon-food-203:before {
content: "\e06f";
}
.icon-food-202:before {
content: "\e070";
}
.icon-food-215:before {
content: "\e071";
}
.icon-food-214:before {
content: "\e072";
}
.icon-food-201:before {
content: "\e073";
}
.icon-food-200:before {
content: "\e074";
}
.icon-food-213:before {
content: "\e075";
}
.icon-food-212:before {
content: "\e076";
}
.icon-food-199:before {
content: "\e077";
}
.icon-food-198:before {
content: "\e078";
}
.icon-food-211:before {
content: "\e079";
}
.icon-food-210:before {
content: "\e07a";
}
.icon-food-197:before {
content: "\e07b";
}
.icon-food-196:before {
content: "\e07c";
}
.icon-food-209:before {
content: "\e07d";
}
.icon-food-222:before {
content: "\e07e";
}
.icon-food-235:before {
content: "\e07f";
}
.icon-food-248:before {
content: "\e080";
}
.icon-food-249:before {
content: "\e081";
}
.icon-food-236:before {
content: "\e082";
}
.icon-food-223:before {
content: "\e083";
}
.icon-food-224:before {
content: "\e084";
}
.icon-food-237:before {
content: "\e085";
}
.icon-food-250:before {
content: "\e086";
}
.icon-food-251:before {
content: "\e087";
}
.icon-food-238:before {
content: "\e088";
}
.icon-food-225:before {
content: "\e089";
}
.icon-food-226:before {
content: "\e08a";
}
.icon-food-239:before {
content: "\e08b";
}
.icon-food-252:before {
content: "\e08c";
}
.icon-food-253:before {
content: "\e08d";
}
.icon-food-240:before {
content: "\e08e";
}
.icon-food-227:before {
content: "\e08f";
}
.icon-food-228:before {
content: "\e090";
}
.icon-food-241:before {
content: "\e091";
}
.icon-food-254:before {
content: "\e092";
}
.icon-food-255:before {
content: "\e093";
}
.icon-food-242:before {
content: "\e094";
}
.icon-food-229:before {
content: "\e095";
}
.icon-food-230:before {
content: "\e096";
}
.icon-food-243:before {
content: "\e097";
}
.icon-food-256:before {
content: "\e098";
}
.icon-food-257:before {
content: "\e099";
}
.icon-food-244:before {
content: "\e09a";
}
.icon-food-231:before {
content: "\e09b";
}
.icon-food-232:before {
content: "\e09c";
}
.icon-food-245:before {
content: "\e09d";
}
.icon-food-258:before {
content: "\e09e";
}
.icon-food-218:before {
content: "\e09f";
}
.icon-food-233:before {
content: "\e0a0";
}
.icon-food-246:before {
content: "\e0a1";
}
.icon-food-259:before {
content: "\e0a2";
}
.icon-food-260:before {
content: "\e0a3";
}
.icon-food-247:before {
content: "\e0a4";
}
.icon-food-234:before {
content: "\e0a5";
}
.icon-food-273:before {
content: "\e0a6";
}
.icon-food-286:before {
content: "\e0a7";
}
.icon-food-299:before {
content: "\e0a8";
}
.icon-food-298:before {
content: "\e0a9";
}
.icon-food-285:before {
content: "\e0aa";
}
.icon-food-272:before {
content: "\e0ab";
}
.icon-food-271:before {
content: "\e0ac";
}
.icon-food-284:before {
content: "\e0ad";
}
.icon-food-297:before {
content: "\e0ae";
}
.icon-food-296:before {
content: "\e0af";
}
.icon-food-283:before {
content: "\e0b0";
}
.icon-food-270:before {
content: "\e0b1";
}
.icon-food-269:before {
content: "\e0b2";
}
.icon-food-282:before {
content: "\e0b3";
}
.icon-food-295:before {
content: "\e0b4";
}
.icon-food-294:before {
content: "\e0b5";
}
.icon-food-281:before {
content: "\e0b6";
}
.icon-food-268:before {
content: "\e0b7";
}
.icon-food-267:before {
content: "\e0b8";
}
.icon-food-280:before {
content: "\e0b9";
}
.icon-food-293:before {
content: "\e0ba";
}
.icon-food-292:before {
content: "\e0bb";
}
.icon-food-279:before {
content: "\e0bc";
}
.icon-food-266:before {
content: "\e0bd";
}
.icon-food-265:before {
content: "\e0be";
}
.icon-food-278:before {
content: "\e0bf";
}
.icon-food-291:before {
content: "\e0c0";
}
.icon-food-290:before {
content: "\e0c1";
}
.icon-food-277:before {
content: "\e0c2";
}
.icon-food-264:before {
content: "\e0c3";
}
.icon-food-263:before {
content: "\e0c4";
}
.icon-food-276:before {
content: "\e0c5";
}
.icon-food-289:before {
content: "\e0c6";
}
.icon-food-288:before {
content: "\e0c7";
}
.icon-food-275:before {
content: "\e0c8";
}
.icon-food-262:before {
content: "\e0c9";
}
.icon-food-261:before {
content: "\e0ca";
}
.icon-food-274:before {
content: "\e0cb";
}
.icon-food-287:before {
content: "\e0cc";
}
.icon-food-300:before {
content: "\e0cd";
}
/* Furniture */
@font-face {
font-family: "furniture";
src: url("furniture/webfont/fonts/furniture.eot");
src: url("furniture/webfont/fonts/furniture.eot?#iefix") format("embedded-opentype"), url("furniture/webfont/fonts/furniture.woff") format("woff"), url("furniture/webfont/fonts/furniture.ttf") format("truetype"), url("furniture/webfont/fonts/furniture.svg#furniture") format("svg");
font-weight: normal;
font-style: normal;
}
[data-icon-furniture]:before {
font-family: "furniture" !important;
content: attr(data-icon-furniture);
font-style: normal !important;
font-weight: normal !important;
font-variant: normal !important;
text-transform: none !important;
speak: none;
line-height: 1;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}
[class^="icon-furniture"]:before,
[class*=" icon-furniture"]:before {
font-family: "furniture" !important;
font-style: normal !important;
font-weight: normal !important;
font-variant: normal !important;
text-transform: none !important;
speak: none;
line-height: 1;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}
.icon-furniture-001:before {
content: "a";
}
.icon-furniture-014:before {
content: "b";
}
.icon-furniture-027:before {
content: "c";
}
.icon-furniture-040:before {
content: "d";
}
.icon-furniture-041:before {
content: "e";
}
.icon-furniture-028:before {
content: "f";
}
.icon-furniture-015:before {
content: "g";
}
.icon-furniture-002:before {
content: "h";
}
.icon-furniture-003:before {
content: "i";
}
.icon-furniture-016:before {
content: "j";
}
.icon-furniture-029:before {
content: "k";
}
.icon-furniture-042:before {
content: "l";
}
.icon-furniture-043:before {
content: "m";
}
.icon-furniture-030:before {
content: "n";
}
.icon-furniture-017:before {
content: "o";
}
.icon-furniture-004:before {
content: "p";
}
.icon-furniture-005:before {
content: "q";
}
.icon-furniture-018:before {
content: "r";
}
.icon-furniture-031:before {
content: "s";
}
.icon-furniture-044:before {
content: "t";
}
.icon-furniture-045:before {
content: "u";
}
.icon-furniture-032:before {
content: "v";
}
.icon-furniture-019:before {
content: "w";
}
.icon-furniture-006:before {
content: "x";
}
.icon-furniture-007:before {
content: "y";
}
.icon-furniture-020:before {
content: "z";
}
.icon-furniture-033:before {
content: "A";
}
.icon-furniture-046:before {
content: "B";
}
.icon-furniture-047:before {
content: "C";
}
.icon-furniture-034:before {
content: "D";
}
.icon-furniture-021:before {
content: "E";
}
.icon-furniture-008:before {
content: "F";
}
.icon-furniture-009:before {
content: "G";
}
.icon-furniture-022:before {
content: "H";
}
.icon-furniture-035:before {
content: "I";
}
.icon-furniture-048:before {
content: "J";
}
.icon-furniture-049:before {
content: "K";
}
.icon-furniture-036:before {
content: "L";
}
.icon-furniture-023:before {
content: "M";
}
.icon-furniture-010:before {
content: "N";
}
.icon-furniture-011:before {
content: "O";
}
.icon-furniture-024:before {
content: "P";
}
.icon-furniture-037:before {
content: "Q";
}
.icon-furniture-050:before {
content: "R";
}
.icon-furniture-051:before {
content: "S";
}
.icon-furniture-038:before {
content: "T";
}
.icon-furniture-025:before {
content: "U";
}
.icon-furniture-012:before {
content: "V";
}
.icon-furniture-013:before {
content: "W";
}
.icon-furniture-026:before {
content: "X";
}
.icon-furniture-039:before {
content: "Y";
}
.icon-furniture-052:before {
content: "Z";
}
.icon-furniture-065:before {
content: "0";
}
.icon-furniture-064:before {
content: "1";
}
.icon-furniture-063:before {
content: "2";
}
.icon-furniture-062:before {
content: "3";
}
.icon-furniture-061:before {
content: "4";
}
.icon-furniture-060:before {
content: "5";
}
.icon-furniture-059:before {
content: "6";
}
.icon-furniture-058:before {
content: "7";
}
.icon-furniture-057:before {
content: "8";
}
.icon-furniture-056:before {
content: "9";
}
.icon-furniture-055:before {
content: "!";
}
.icon-furniture-054:before {
content: "\"";
}
.icon-furniture-053:before {
content: "#";
}
.icon-furniture-066:before {
content: "$";
}
.icon-furniture-079:before {
content: "%";
}
.icon-furniture-092:before {
content: "&";
}
.icon-furniture-093:before {
content: "'";
}
.icon-furniture-080:before {
content: "(";
}
.icon-furniture-067:before {
content: ")";
}
.icon-furniture-068:before {
content: "*";
}
.icon-furniture-081:before {
content: "+";
}
.icon-furniture-094:before {
content: ",";
}
.icon-furniture-095:before {
content: "-";
}
.icon-furniture-082:before {
content: ".";
}
.icon-furniture-069:before {
content: "/";
}
.icon-furniture-070:before {
content: ":";
}
.icon-furniture-083:before {
content: ";";
}
.icon-furniture-096:before {
content: "<";
}
.icon-furniture-097:before {
content: "=";
}
.icon-furniture-084:before {
content: ">";
}
.icon-furniture-071:before {
content: "?";
}
.icon-furniture-073:before {
content: "@";
}
.icon-furniture-072:before {
content: "[";
}
.icon-furniture-085:before {
content: "]";
}
.icon-furniture-098:before {
content: "^";
}
.icon-furniture-099:before {
content: "_";
}
.icon-furniture-086:before {
content: "`";
}
.icon-furniture-087:before {
content: "{";
}
.icon-furniture-100:before {
content: "|";
}
.icon-furniture-075:before {
content: "}";
}
.icon-furniture-074:before {
content: "~";
}
.icon-furniture-076:before {
content: "\\";
}
.icon-furniture-089:before {
content: "\e000";
}
.icon-furniture-088:before {
content: "\e001";
}
.icon-furniture-090:before {
content: "\e002";
}
.icon-furniture-077:before {
content: "\e003";
}
.icon-furniture-078:before {
content: "\e004";
}
.icon-furniture-091:before {
content: "\e005";
}
@charset "UTF-8";
@font-face {
font-family: "hotel-restaurant";
src: url("hotel-restaurant/webfont/fonts/hotel-restaurant.eot");
src: url("hotel-restaurant/webfont/fonts/hotel-restaurant.eot?#iefix") format("embedded-opentype"), url("hotel-restaurant/webfont/fonts/hotel-restaurant.woff") format("woff"), url("hotel-restaurant/webfont/fonts/hotel-restaurant.ttf") format("truetype"), url("hotel-restaurant/webfont/fonts/hotel-restaurant.svg#hotel-restaurant") format("svg");
font-weight: normal;
font-style: normal;
}
[data-icon-hotel-restaurant]:before {
font-family: "hotel-restaurant" !important;
content: attr(data-icon-hotel-restaurant);
font-style: normal !important;
font-weight: normal !important;
font-variant: normal !important;
text-transform: none !important;
speak: none;
line-height: 1;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}
[class^="icon-hotel-restaurant"]:before,
[class*=" icon-hotel-restaurant"]:before {
font-family: "hotel-restaurant" !important;
font-style: normal !important;
font-weight: normal !important;
font-variant: normal !important;
text-transform: none !important;
speak: none;
line-height: 1;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}
.icon-hotel-restaurant-001:before {
content: "a";
}
.icon-hotel-restaurant-002:before {
content: "b";
}
.icon-hotel-restaurant-003:before {
content: "c";
}
.icon-hotel-restaurant-004:before {
content: "d";
}
.icon-hotel-restaurant-005:before {
content: "e";
}
.icon-hotel-restaurant-006:before {
content: "f";
}
.icon-hotel-restaurant-007:before {
content: "g";
}
.icon-hotel-restaurant-008:before {
content: "h";
}
.icon-hotel-restaurant-009:before {
content: "i";
}
.icon-hotel-restaurant-010:before {
content: "j";
}
.icon-hotel-restaurant-011:before {
content: "k";
}
.icon-hotel-restaurant-065:before {
content: "l";
}
.icon-hotel-restaurant-012:before {
content: "m";
}
.icon-hotel-restaurant-013:before {
content: "n";
}
.icon-hotel-restaurant-026:before {
content: "o";
}
.icon-hotel-restaurant-025:before {
content: "p";
}
.icon-hotel-restaurant-024:before {
content: "q";
}
.icon-hotel-restaurant-023:before {
content: "r";
}
.icon-hotel-restaurant-022:before {
content: "s";
}
.icon-hotel-restaurant-021:before {
content: "t";
}
.icon-hotel-restaurant-020:before {
content: "u";
}
.icon-hotel-restaurant-019:before {
content: "v";
}
.icon-hotel-restaurant-018:before {
content: "w";
}
.icon-hotel-restaurant-017:before {
content: "x";
}
.icon-hotel-restaurant-016:before {
content: "y";
}
.icon-hotel-restaurant-015:before {
content: "z";
}
.icon-hotel-restaurant-014:before {
content: "A";
}
.icon-hotel-restaurant-027:before {
content: "B";
}
.icon-hotel-restaurant-028:before {
content: "C";
}
.icon-hotel-restaurant-029:before {
content: "D";
}
.icon-hotel-restaurant-030:before {
content: "E";
}
.icon-hotel-restaurant-031:before {
content: "F";
}
.icon-hotel-restaurant-032:before {
content: "G";
}
.icon-hotel-restaurant-033:before {
content: "H";
}
.icon-hotel-restaurant-034:before {
content: "I";
}
.icon-hotel-restaurant-035:before {
content: "J";
}
.icon-hotel-restaurant-036:before {
content: "K";
}
.icon-hotel-restaurant-038:before {
content: "L";
}
.icon-hotel-restaurant-039:before {
content: "M";
}
.icon-hotel-restaurant-037:before {
content: "N";
}
.icon-hotel-restaurant-052:before {
content: "O";
}
.icon-hotel-restaurant-051:before {
content: "P";
}
.icon-hotel-restaurant-050:before {
content: "Q";
}
.icon-hotel-restaurant-049:before {
content: "R";
}
.icon-hotel-restaurant-048:before {
content: "S";
}
.icon-hotel-restaurant-047:before {
content: "T";
}
.icon-hotel-restaurant-046:before {
content: "U";
}
.icon-hotel-restaurant-045:before {
content: "V";
}
.icon-hotel-restaurant-044:before {
content: "W";
}
.icon-hotel-restaurant-042:before {
content: "X";
}
.icon-hotel-restaurant-041:before {
content: "Y";
}
.icon-hotel-restaurant-040:before {
content: "Z";
}
.icon-hotel-restaurant-043:before {
content: "0";
}
.icon-hotel-restaurant-053:before {
content: "1";
}
.icon-hotel-restaurant-054:before {
content: "2";
}
.icon-hotel-restaurant-055:before {
content: "3";
}
.icon-hotel-restaurant-056:before {
content: "4";
}
.icon-hotel-restaurant-057:before {
content: "5";
}
.icon-hotel-restaurant-058:before {
content: "6";
}
.icon-hotel-restaurant-059:before {
content: "7";
}
.icon-hotel-restaurant-060:before {
content: "8";
}
.icon-hotel-restaurant-061:before {
content: "9";
}
.icon-hotel-restaurant-062:before {
content: "!";
}
.icon-hotel-restaurant-063:before {
content: "\"";
}
.icon-hotel-restaurant-064:before {
content: "#";
}
.icon-hotel-restaurant-066:before {
content: "$";
}
.icon-hotel-restaurant-079:before {
content: "%";
}
.icon-hotel-restaurant-092:before {
content: "&";
}
.icon-hotel-restaurant-105:before {
content: "'";
}
.icon-hotel-restaurant-118:before {
content: "(";
}
.icon-hotel-restaurant-131:before {
content: ")";
}
.icon-hotel-restaurant-144:before {
content: "*";
}
.icon-hotel-restaurant-157:before {
content: "+";
}
.icon-hotel-restaurant-067:before {
content: ",";
}
.icon-hotel-restaurant-080:before {
content: "-";
}
.icon-hotel-restaurant-068:before {
content: ".";
}
.icon-hotel-restaurant-081:before {
content: "/";
}
.icon-hotel-restaurant-093:before {
content: ":";
}
.icon-hotel-restaurant-094:before {
content: ";";
}
.icon-hotel-restaurant-095:before {
content: "<";
}
.icon-hotel-restaurant-096:before {
content: "=";
}
.icon-hotel-restaurant-097:before {
content: ">";
}
.icon-hotel-restaurant-098:before {
content: "?";
}
.icon-hotel-restaurant-099:before {
content: "@";
}
.icon-hotel-restaurant-100:before {
content: "[";
}
.icon-hotel-restaurant-101:before {
content: "]";
}
.icon-hotel-restaurant-102:before {
content: "^";
}
.icon-hotel-restaurant-103:before {
content: "_";
}
.icon-hotel-restaurant-104:before {
content: "`";
}
.icon-hotel-restaurant-091:before {
content: "{";
}
.icon-hotel-restaurant-090:before {
content: "|";
}
.icon-hotel-restaurant-089:before {
content: "}";
}
.icon-hotel-restaurant-088:before {
content: "~";
}
.icon-hotel-restaurant-087:before {
content: "\\";
}
.icon-hotel-restaurant-086:before {
content: "\e000";
}
.icon-hotel-restaurant-085:before {
content: "\e001";
}
.icon-hotel-restaurant-084:before {
content: "\e002";
}
.icon-hotel-restaurant-083:before {
content: "\e003";
}
.icon-hotel-restaurant-082:before {
content: "\e004";
}
.icon-hotel-restaurant-069:before {
content: "\e005";
}
.icon-hotel-restaurant-070:before {
content: "\e006";
}
.icon-hotel-restaurant-071:before {
content: "\e007";
}
.icon-hotel-restaurant-072:before {
content: "\e008";
}
.icon-hotel-restaurant-073:before {
content: "\e009";
}
.icon-hotel-restaurant-074:before {
content: "\e00a";
}
.icon-hotel-restaurant-075:before {
content: "\e00b";
}
.icon-hotel-restaurant-076:before {
content: "\e00c";
}
.icon-hotel-restaurant-077:before {
content: "\e00d";
}
.icon-hotel-restaurant-078:before {
content: "\e00e";
}
.icon-hotel-restaurant-117:before {
content: "\e00f";
}
.icon-hotel-restaurant-116:before {
content: "\e010";
}
.icon-hotel-restaurant-115:before {
content: "\e011";
}
.icon-hotel-restaurant-114:before {
content: "\e012";
}
.icon-hotel-restaurant-113:before {
content: "\e013";
}
.icon-hotel-restaurant-112:before {
content: "\e014";
}
.icon-hotel-restaurant-111:before {
content: "\e015";
}
.icon-hotel-restaurant-110:before {
content: "\e016";
}
.icon-hotel-restaurant-109:before {
content: "\e017";
}
.icon-hotel-restaurant-108:before {
content: "\e018";
}
.icon-hotel-restaurant-107:before {
content: "\e019";
}
.icon-hotel-restaurant-106:before {
content: "\e01a";
}
.icon-hotel-restaurant-119:before {
content: "\e01b";
}
.icon-hotel-restaurant-120:before {
content: "\e01c";
}
.icon-hotel-restaurant-121:before {
content: "\e01d";
}
.icon-hotel-restaurant-122:before {
content: "\e01e";
}
.icon-hotel-restaurant-123:before {
content: "\e01f";
}
.icon-hotel-restaurant-124:before {
content: "\e020";
}
.icon-hotel-restaurant-125:before {
content: "\e021";
}
.icon-hotel-restaurant-126:before {
content: "\e022";
}
.icon-hotel-restaurant-127:before {
content: "\e023";
}
.icon-hotel-restaurant-128:before {
content: "\e024";
}
.icon-hotel-restaurant-129:before {
content: "\e025";
}
.icon-hotel-restaurant-130:before {
content: "\e026";
}
.icon-hotel-restaurant-143:before {
content: "\e027";
}
.icon-hotel-restaurant-142:before {
content: "\e028";
}
.icon-hotel-restaurant-141:before {
content: "\e029";
}
.icon-hotel-restaurant-140:before {
content: "\e02a";
}
.icon-hotel-restaurant-139:before {
content: "\e02b";
}
.icon-hotel-restaurant-138:before {
content: "\e02c";
}
.icon-hotel-restaurant-137:before {
content: "\e02d";
}
.icon-hotel-restaurant-136:before {
content: "\e02e";
}
.icon-hotel-restaurant-135:before {
content: "\e02f";
}
.icon-hotel-restaurant-134:before {
content: "\e030";
}
.icon-hotel-restaurant-133:before {
content: "\e031";
}
.icon-hotel-restaurant-132:before {
content: "\e032";
}
.icon-hotel-restaurant-145:before {
content: "\e033";
}
.icon-hotel-restaurant-146:before {
content: "\e034";
}
.icon-hotel-restaurant-147:before {
content: "\e035";
}
.icon-hotel-restaurant-148:before {
content: "\e036";
}
.icon-hotel-restaurant-149:before {
content: "\e037";
}
.icon-hotel-restaurant-150:before {
content: "\e038";
}
.icon-hotel-restaurant-151:before {
content: "\e039";
}
.icon-hotel-restaurant-152:before {
content: "\e03a";
}
.icon-hotel-restaurant-153:before {
content: "\e03b";
}
.icon-hotel-restaurant-154:before {
content: "\e03c";
}
.icon-hotel-restaurant-155:before {
content: "\e03d";
}
.icon-hotel-restaurant-156:before {
content: "\e03e";
}
.icon-hotel-restaurant-169:before {
content: "\e03f";
}
.icon-hotel-restaurant-168:before {
content: "\e040";
}
.icon-hotel-restaurant-167:before {
content: "\e041";
}
.icon-hotel-restaurant-166:before {
content: "\e042";
}
.icon-hotel-restaurant-165:before {
content: "\e043";
}
.icon-hotel-restaurant-164:before {
content: "\e044";
}
.icon-hotel-restaurant-163:before {
content: "\e045";
}
.icon-hotel-restaurant-162:before {
content: "\e046";
}
.icon-hotel-restaurant-161:before {
content: "\e047";
}
.icon-hotel-restaurant-160:before {
content: "\e048";
}
.icon-hotel-restaurant-159:before {
content: "\e049";
}
.icon-hotel-restaurant-158:before {
content: "\e04a";
}
.icon-hotel-restaurant-170:before {
content: "\e04b";
}
.icon-hotel-restaurant-171:before {
content: "\e04c";
}
.icon-hotel-restaurant-172:before {
content: "\e04d";
}
.icon-hotel-restaurant-173:before {
content: "\e04e";
}
.icon-hotel-restaurant-174:before {
content: "\e04f";
}
.icon-hotel-restaurant-175:before {
content: "\e050";
}
.icon-hotel-restaurant-176:before {
content: "\e051";
}
.icon-hotel-restaurant-177:before {
content: "\e052";
}
.icon-hotel-restaurant-178:before {
content: "\e053";
}
.icon-hotel-restaurant-179:before {
content: "\e054";
}
.icon-hotel-restaurant-180:before {
content: "\e055";
}
.icon-hotel-restaurant-181:before {
content: "\e056";
}
.icon-hotel-restaurant-182:before {
content: "\e057";
}
.icon-hotel-restaurant-195:before {
content: "\e058";
}
.icon-hotel-restaurant-194:before {
content: "\e059";
}
.icon-hotel-restaurant-193:before {
content: "\e05a";
}
.icon-hotel-restaurant-192:before {
content: "\e05b";
}
.icon-hotel-restaurant-191:before {
content: "\e05c";
}
.icon-hotel-restaurant-190:before {
content: "\e05d";
}
.icon-hotel-restaurant-189:before {
content: "\e05e";
}
.icon-hotel-restaurant-188:before {
content: "\e05f";
}
.icon-hotel-restaurant-187:before {
content: "\e060";
}
.icon-hotel-restaurant-186:before {
content: "\e061";
}
.icon-hotel-restaurant-185:before {
content: "\e062";
}
.icon-hotel-restaurant-184:before {
content: "\e063";
}
.icon-hotel-restaurant-183:before {
content: "\e064";
}
.icon-hotel-restaurant-196:before {
content: "\e065";
}
.icon-hotel-restaurant-197:before {
content: "\e066";
}
.icon-hotel-restaurant-198:before {
content: "\e067";
}
.icon-hotel-restaurant-199:before {
content: "\e068";
}
.icon-hotel-restaurant-200:before {
content: "\e069";
}
.icon-hotel-restaurant-201:before {
content: "\e06a";
}
.icon-hotel-restaurant-202:before {
content: "\e06b";
}
.icon-hotel-restaurant-203:before {
content: "\e06c";
}
.icon-hotel-restaurant-204:before {
content: "\e06d";
}
.icon-hotel-restaurant-205:before {
content: "\e06e";
}
.icon-hotel-restaurant-206:before {
content: "\e06f";
}
.icon-hotel-restaurant-207:before {
content: "\e070";
}
.icon-hotel-restaurant-208:before {
content: "\e071";
}
.icon-hotel-restaurant-221:before {
content: "\e072";
}
.icon-hotel-restaurant-220:before {
content: "\e073";
}
.icon-hotel-restaurant-219:before {
content: "\e074";
}
.icon-hotel-restaurant-218:before {
content: "\e075";
}
.icon-hotel-restaurant-217:before {
content: "\e076";
}
.icon-hotel-restaurant-216:before {
content: "\e077";
}
.icon-hotel-restaurant-215:before {
content: "\e078";
}
.icon-hotel-restaurant-214:before {
content: "\e079";
}
.icon-hotel-restaurant-213:before {
content: "\e07a";
}
.icon-hotel-restaurant-212:before {
content: "\e07b";
}
.icon-hotel-restaurant-211:before {
content: "\e07c";
}
.icon-hotel-restaurant-210:before {
content: "\e07d";
}
.icon-hotel-restaurant-209:before {
content: "\e07e";
}
.icon-hotel-restaurant-222:before {
content: "\e07f";
}
.icon-hotel-restaurant-223:before {
content: "\e080";
}
.icon-hotel-restaurant-224:before {
content: "\e081";
}
.icon-hotel-restaurant-225:before {
content: "\e082";
}
.icon-hotel-restaurant-226:before {
content: "\e083";
}
.icon-hotel-restaurant-227:before {
content: "\e084";
}
.icon-hotel-restaurant-228:before {
content: "\e085";
}
.icon-hotel-restaurant-229:before {
content: "\e086";
}
.icon-hotel-restaurant-230:before {
content: "\e087";
}
.icon-hotel-restaurant-231:before {
content: "\e088";
}
.icon-hotel-restaurant-232:before {
content: "\e089";
}
.icon-hotel-restaurant-233:before {
content: "\e08a";
}
.icon-hotel-restaurant-234:before {
content: "\e08b";
}
.icon-hotel-restaurant-247:before {
content: "\e08c";
}
.icon-hotel-restaurant-246:before {
content: "\e08d";
}
.icon-hotel-restaurant-245:before {
content: "\e08e";
}
.icon-hotel-restaurant-244:before {
content: "\e08f";
}
.icon-hotel-restaurant-243:before {
content: "\e090";
}
.icon-hotel-restaurant-242:before {
content: "\e091";
}
.icon-hotel-restaurant-241:before {
content: "\e092";
}
.icon-hotel-restaurant-240:before {
content: "\e093";
}
.icon-hotel-restaurant-239:before {
content: "\e094";
}
.icon-hotel-restaurant-238:before {
content: "\e095";
}
.icon-hotel-restaurant-237:before {
content: "\e096";
}
.icon-hotel-restaurant-236:before {
content: "\e097";
}
.icon-hotel-restaurant-235:before {
content: "\e098";
}
.icon-hotel-restaurant-248:before {
content: "\e099";
}
.icon-hotel-restaurant-249:before {
content: "\e09a";
}
.icon-hotel-restaurant-250:before {
content: "\e09b";
}
@charset "UTF-8";
@font-face {
font-family: "media";
src: url("media/webfont/fonts/media.eot");
src: url("media/webfont/fonts/media.eot?#iefix") format("embedded-opentype"), url("media/webfont/fonts/media.woff") format("woff"), url("media/webfont/fonts/media.ttf") format("truetype"), url("media/webfont/fonts/media.svg#media") format("svg");
font-weight: normal;
font-style: normal;
}
[data-icon-media]:before {
font-family: "media" !important;
content: attr(data-icon-media);
font-style: normal !important;
font-weight: normal !important;
font-variant: normal !important;
text-transform: none !important;
speak: none;
line-height: 1;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}
[class^="icon-media"]:before,
[class*=" icon-media"]:before {
font-family: "media" !important;
font-style: normal !important;
font-weight: normal !important;
font-variant: normal !important;
text-transform: none !important;
speak: none;
line-height: 1;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}
.icon-media-001:before {
content: "a";
}
.icon-media-014:before {
content: "b";
}
.icon-media-027:before {
content: "c";
}
.icon-media-040:before {
content: "d";
}
.icon-media-041:before {
content: "e";
}
.icon-media-028:before {
content: "f";
}
.icon-media-015:before {
content: "g";
}
.icon-media-002:before {
content: "h";
}
.icon-media-003:before {
content: "i";
}
.icon-media-016:before {
content: "j";
}
.icon-media-029:before {
content: "k";
}
.icon-media-042:before {
content: "l";
}
.icon-media-043:before {
content: "m";
}
.icon-media-030:before {
content: "n";
}
.icon-media-017:before {
content: "o";
}
.icon-media-004:before {
content: "p";
}
.icon-media-005:before {
content: "q";
}
.icon-media-018:before {
content: "r";
}
.icon-media-031:before {
content: "s";
}
.icon-media-044:before {
content: "t";
}
.icon-media-045:before {
content: "u";
}
.icon-media-032:before {
content: "v";
}
.icon-media-019:before {
content: "w";
}
.icon-media-006:before {
content: "x";
}
.icon-media-007:before {
content: "y";
}
.icon-media-020:before {
content: "z";
}
.icon-media-033:before {
content: "A";
}
.icon-media-046:before {
content: "B";
}
.icon-media-047:before {
content: "C";
}
.icon-media-034:before {
content: "D";
}
.icon-media-021:before {
content: "E";
}
.icon-media-008:before {
content: "F";
}
.icon-media-009:before {
content: "G";
}
.icon-media-022:before {
content: "H";
}
.icon-media-035:before {
content: "I";
}
.icon-media-048:before {
content: "J";
}
.icon-media-049:before {
content: "K";
}
.icon-media-036:before {
content: "L";
}
.icon-media-023:before {
content: "M";
}
.icon-media-010:before {
content: "N";
}
.icon-media-011:before {
content: "O";
}
.icon-media-024:before {
content: "P";
}
.icon-media-037:before {
content: "Q";
}
.icon-media-050:before {
content: "R";
}
.icon-media-063:before {
content: "S";
}
.icon-media-064:before {
content: "T";
}
.icon-media-051:before {
content: "U";
}
.icon-media-038:before {
content: "V";
}
.icon-media-025:before {
content: "W";
}
.icon-media-012:before {
content: "X";
}
.icon-media-013:before {
content: "Y";
}
.icon-media-026:before {
content: "Z";
}
.icon-media-039:before {
content: "0";
}
.icon-media-052:before {
content: "1";
}
.icon-media-065:before {
content: "2";
}
.icon-media-062:before {
content: "3";
}
.icon-media-061:before {
content: "4";
}
.icon-media-060:before {
content: "5";
}
.icon-media-059:before {
content: "6";
}
.icon-media-058:before {
content: "7";
}
.icon-media-057:before {
content: "8";
}
.icon-media-056:before {
content: "9";
}
.icon-media-055:before {
content: "!";
}
.icon-media-054:before {
content: "\"";
}
.icon-media-053:before {
content: "#";
}
.icon-media-066:before {
content: "$";
}
.icon-media-079:before {
content: "%";
}
.icon-media-092:before {
content: "&";
}
.icon-media-105:before {
content: "'";
}
.icon-media-118:before {
content: "(";
}
.icon-media-119:before {
content: ")";
}
.icon-media-106:before {
content: "*";
}
.icon-media-093:before {
content: "+";
}
.icon-media-080:before {
content: ",";
}
.icon-media-067:before {
content: "-";
}
.icon-media-068:before {
content: ".";
}
.icon-media-081:before {
content: "/";
}
.icon-media-094:before {
content: ":";
}
.icon-media-107:before {
content: ";";
}
.icon-media-120:before {
content: "<";
}
.icon-media-121:before {
content: "=";
}
.icon-media-108:before {
content: ">";
}
.icon-media-095:before {
content: "?";
}
.icon-media-082:before {
content: "@";
}
.icon-media-069:before {
content: "[";
}
.icon-media-070:before {
content: "]";
}
.icon-media-083:before {
content: "^";
}
.icon-media-096:before {
content: "_";
}
.icon-media-109:before {
content: "`";
}
.icon-media-122:before {
content: "{";
}
.icon-media-123:before {
content: "|";
}
.icon-media-110:before {
content: "}";
}
.icon-media-097:before {
content: "~";
}
.icon-media-084:before {
content: "\\";
}
.icon-media-071:before {
content: "\e000";
}
.icon-media-072:before {
content: "\e001";
}
.icon-media-085:before {
content: "\e002";
}
.icon-media-098:before {
content: "\e003";
}
.icon-media-111:before {
content: "\e004";
}
.icon-media-124:before {
content: "\e005";
}
.icon-media-125:before {
content: "\e006";
}
.icon-media-112:before {
content: "\e007";
}
.icon-media-099:before {
content: "\e008";
}
.icon-media-086:before {
content: "\e009";
}
.icon-media-073:before {
content: "\e00a";
}
.icon-media-074:before {
content: "\e00b";
}
.icon-media-087:before {
content: "\e00c";
}
.icon-media-100:before {
content: "\e00d";
}
.icon-media-113:before {
content: "\e00e";
}
.icon-media-126:before {
content: "\e00f";
}
.icon-media-127:before {
content: "\e010";
}
.icon-media-114:before {
content: "\e011";
}
.icon-media-101:before {
content: "\e012";
}
.icon-media-088:before {
content: "\e013";
}
.icon-media-075:before {
content: "\e014";
}
.icon-media-076:before {
content: "\e015";
}
.icon-media-089:before {
content: "\e016";
}
.icon-media-090:before {
content: "\e017";
}
.icon-media-077:before {
content: "\e018";
}
.icon-media-078:before {
content: "\e019";
}
.icon-media-091:before {
content: "\e01a";
}
.icon-media-104:before {
content: "\e01b";
}
.icon-media-103:before {
content: "\e01c";
}
.icon-media-102:before {
content: "\e01d";
}
.icon-media-115:before {
content: "\e01e";
}
.icon-media-116:before {
content: "\e01f";
}
.icon-media-117:before {
content: "\e020";
}
.icon-media-130:before {
content: "\e021";
}
.icon-media-129:before {
content: "\e022";
}
.icon-media-128:before {
content: "\e023";
}
/* medical-and-health */
@font-face {
font-family: "medical-and-health";
src: url("medical/webfont/fonts/medical-and-health.eot");
src: url("medical/webfont/fonts/medical-and-health.eot?#iefix") format("embedded-opentype"), url("medical/webfont/fonts/medical-and-health.woff") format("woff"), url("medical/webfont/fonts/medical-and-health.ttf") format("truetype"), url("medical/webfont/fonts/medical-and-health.svg#medical-and-health") format("svg");
font-weight: normal;
font-style: normal;
}
[data-icon-medical]:before {
font-family: "medical-and-health" !important;
content: attr(data-icon-medical);
font-style: normal !important;
font-weight: normal !important;
font-variant: normal !important;
text-transform: none !important;
speak: none;
line-height: 1;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}
[class^="icon-medical"]:before,
[class*=" icon-medical"]:before {
font-family: "medical-and-health" !important;
font-style: normal !important;
font-weight: normal !important;
font-variant: normal !important;
text-transform: none !important;
speak: none;
line-height: 1;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}
.icon-medical-001:before {
content: "a";
}
.icon-medical-002:before {
content: "b";
}
.icon-medical-015:before {
content: "c";
}
.icon-medical-014:before {
content: "d";
}
.icon-medical-027:before {
content: "e";
}
.icon-medical-028:before {
content: "f";
}
.icon-medical-029:before {
content: "g";
}
.icon-medical-016:before {
content: "h";
}
.icon-medical-003:before {
content: "i";
}
.icon-medical-004:before {
content: "j";
}
.icon-medical-017:before {
content: "k";
}
.icon-medical-030:before {
content: "l";
}
.icon-medical-031:before {
content: "m";
}
.icon-medical-018:before {
content: "n";
}
.icon-medical-005:before {
content: "o";
}
.icon-medical-006:before {
content: "p";
}
.icon-medical-019:before {
content: "q";
}
.icon-medical-032:before {
content: "r";
}
.icon-medical-033:before {
content: "s";
}
.icon-medical-020:before {
content: "t";
}
.icon-medical-007:before {
content: "u";
}
.icon-medical-008:before {
content: "v";
}
.icon-medical-021:before {
content: "w";
}
.icon-medical-034:before {
content: "x";
}
.icon-medical-035:before {
content: "y";
}
.icon-medical-022:before {
content: "z";
}
.icon-medical-009:before {
content: "A";
}
.icon-medical-010:before {
content: "B";
}
.icon-medical-023:before {
content: "C";
}
.icon-medical-036:before {
content: "D";
}
.icon-medical-037:before {
content: "E";
}
.icon-medical-024:before {
content: "F";
}
.icon-medical-011:before {
content: "G";
}
.icon-medical-012:before {
content: "H";
}
.icon-medical-025:before {
content: "I";
}
.icon-medical-038:before {
content: "J";
}
.icon-medical-039:before {
content: "K";
}
.icon-medical-026:before {
content: "L";
}
.icon-medical-013:before {
content: "M";
}
.icon-medical-040:before {
content: "N";
}
.icon-medical-053:before {
content: "O";
}
.icon-medical-066:before {
content: "P";
}
.icon-medical-079:before {
content: "Q";
}
.icon-medical-092:before {
content: "R";
}
.icon-medical-093:before {
content: "S";
}
.icon-medical-080:before {
content: "T";
}
.icon-medical-067:before {
content: "U";
}
.icon-medical-054:before {
content: "V";
}
.icon-medical-041:before {
content: "W";
}
.icon-medical-042:before {
content: "X";
}
.icon-medical-055:before {
content: "Y";
}
.icon-medical-068:before {
content: "Z";
}
.icon-medical-081:before {
content: "0";
}
.icon-medical-094:before {
content: "1";
}
.icon-medical-096:before {
content: "2";
}
.icon-medical-082:before {
content: "3";
}
.icon-medical-095:before {
content: "4";
}
.icon-medical-069:before {
content: "5";
}
.icon-medical-056:before {
content: "6";
}
.icon-medical-043:before {
content: "7";
}
.icon-medical-044:before {
content: "8";
}
.icon-medical-057:before {
content: "9";
}
.icon-medical-070:before {
content: "!";
}
.icon-medical-083:before {
content: "\"";
}
.icon-medical-084:before {
content: "#";
}
.icon-medical-071:before {
content: "$";
}
.icon-medical-058:before {
content: "%";
}
.icon-medical-045:before {
content: "&";
}
.icon-medical-046:before {
content: "'";
}
.icon-medical-059:before {
content: "(";
}
.icon-medical-098:before {
content: ")";
}
.icon-medical-097:before {
content: "*";
}
.icon-medical-085:before {
content: "+";
}
.icon-medical-072:before {
content: ",";
}
.icon-medical-073:before {
content: "-";
}
.icon-medical-086:before {
content: ".";
}
.icon-medical-099:before {
content: "/";
}
.icon-medical-100:before {
content: ":";
}
.icon-medical-087:before {
content: ";";
}
.icon-medical-074:before {
content: "<";
}
.icon-medical-060:before {
content: "=";
}
.icon-medical-061:before {
content: ">";
}
.icon-medical-047:before {
content: "?";
}
.icon-medical-048:before {
content: "@";
}
.icon-medical-049:before {
content: "[";
}
.icon-medical-062:before {
content: "]";
}
.icon-medical-075:before {
content: "^";
}
.icon-medical-088:before {
content: "_";
}
.icon-medical-089:before {
content: "`";
}
.icon-medical-076:before {
content: "{";
}
.icon-medical-063:before {
content: "|";
}
.icon-medical-050:before {
content: "}";
}
.icon-medical-051:before {
content: "~";
}
.icon-medical-064:before {
content: "\\";
}
.icon-medical-077:before {
content: "\e000";
}
.icon-medical-090:before {
content: "\e001";
}
.icon-medical-091:before {
content: "\e002";
}
.icon-medical-078:before {
content: "\e003";
}
.icon-medical-065:before {
content: "\e004";
}
.icon-medical-052:before {
content: "\e005";
}
/* Music */
@font-face {
font-family: "music";
src: url("music/webfont/fonts/music.eot");
src: url("music/webfont/fonts/music.eot?#iefix") format("embedded-opentype"), url("music/webfont/fonts/music.woff") format("woff"), url("music/webfont/fonts/music.ttf") format("truetype"), url("music/webfont/fonts/music.svg#music") format("svg");
font-weight: normal;
font-style: normal;
}
[data-icon-music]:before {
font-family: "music" !important;
content: attr(data-icon-music);
font-style: normal !important;
font-weight: normal !important;
font-variant: normal !important;
text-transform: none !important;
speak: none;
line-height: 1;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}
[class^="icon-music"]:before,
[class*=" icon-music"]:before {
font-family: "music" !important;
font-style: normal !important;
font-weight: normal !important;
font-variant: normal !important;
text-transform: none !important;
speak: none;
line-height: 1;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}
.icon-music-001:before {
content: "a";
}
.icon-music-014:before {
content: "b";
}
.icon-music-027:before {
content: "c";
}
.icon-music-040:before {
content: "d";
}
.icon-music-053:before {
content: "e";
}
.icon-music-054:before {
content: "f";
}
.icon-music-041:before {
content: "g";
}
.icon-music-028:before {
content: "h";
}
.icon-music-015:before {
content: "i";
}
.icon-music-002:before {
content: "j";
}
.icon-music-003:before {
content: "k";
}
.icon-music-016:before {
content: "l";
}
.icon-music-029:before {
content: "m";
}
.icon-music-042:before {
content: "n";
}
.icon-music-055:before {
content: "o";
}
.icon-music-056:before {
content: "p";
}
.icon-music-043:before {
content: "q";
}
.icon-music-030:before {
content: "r";
}
.icon-music-017:before {
content: "s";
}
.icon-music-004:before {
content: "t";
}
.icon-music-005:before {
content: "u";
}
.icon-music-018:before {
content: "v";
}
.icon-music-031:before {
content: "w";
}
.icon-music-044:before {
content: "x";
}
.icon-music-057:before {
content: "y";
}
.icon-music-058:before {
content: "z";
}
.icon-music-045:before {
content: "A";
}
.icon-music-032:before {
content: "B";
}
.icon-music-019:before {
content: "C";
}
.icon-music-006:before {
content: "D";
}
.icon-music-007:before {
content: "E";
}
.icon-music-020:before {
content: "F";
}
.icon-music-033:before {
content: "G";
}
.icon-music-046:before {
content: "H";
}
.icon-music-059:before {
content: "I";
}
.icon-music-060:before {
content: "J";
}
.icon-music-047:before {
content: "K";
}
.icon-music-034:before {
content: "L";
}
.icon-music-021:before {
content: "M";
}
.icon-music-008:before {
content: "N";
}
.icon-music-009:before {
content: "O";
}
.icon-music-022:before {
content: "P";
}
.icon-music-035:before {
content: "Q";
}
.icon-music-048:before {
content: "R";
}
.icon-music-061:before {
content: "S";
}
.icon-music-062:before {
content: "T";
}
.icon-music-036:before {
content: "U";
}
.icon-music-023:before {
content: "V";
}
.icon-music-010:before {
content: "W";
}
.icon-music-011:before {
content: "X";
}
.icon-music-024:before {
content: "Y";
}
.icon-music-037:before {
content: "Z";
}
.icon-music-049:before {
content: "0";
}
.icon-music-050:before {
content: "1";
}
.icon-music-051:before {
content: "2";
}
.icon-music-038:before {
content: "3";
}
.icon-music-025:before {
content: "4";
}
.icon-music-012:before {
content: "5";
}
.icon-music-013:before {
content: "6";
}
.icon-music-026:before {
content: "7";
}
.icon-music-039:before {
content: "8";
}
.icon-music-052:before {
content: "9";
}
.icon-music-065:before {
content: "!";
}
.icon-music-064:before {
content: "\"";
}
.icon-music-063:before {
content: "#";
}
.icon-music-078:before {
content: "$";
}
.icon-music-091:before {
content: "%";
}
.icon-music-090:before {
content: "&";
}
.icon-music-077:before {
content: "'";
}
.icon-music-076:before {
content: "(";
}
.icon-music-089:before {
content: ")";
}
.icon-music-088:before {
content: "*";
}
.icon-music-075:before {
content: "+";
}
.icon-music-074:before {
content: ",";
}
.icon-music-087:before {
content: "-";
}
.icon-music-086:before {
content: ".";
}
.icon-music-073:before {
content: "/";
}
.icon-music-072:before {
content: ":";
}
.icon-music-085:before {
content: ";";
}
.icon-music-084:before {
content: "<";
}
.icon-music-071:before {
content: "=";
}
.icon-music-070:before {
content: ">";
}
.icon-music-083:before {
content: "?";
}
.icon-music-082:before {
content: "@";
}
.icon-music-069:before {
content: "[";
}
.icon-music-068:before {
content: "]";
}
.icon-music-081:before {
content: "^";
}
.icon-music-080:before {
content: "_";
}
.icon-music-067:before {
content: "`";
}
.icon-music-066:before {
content: "{";
}
.icon-music-079:before {
content: "|";
}
.icon-music-092:before {
content: "}";
}
.icon-music-093:before {
content: "~";
}
.icon-music-094:before {
content: "\\";
}
.icon-music-095:before {
content: "\e000";
}
.icon-music-096:before {
content: "\e001";
}
.icon-music-097:before {
content: "\e002";
}
.icon-music-098:before {
content: "\e003";
}
.icon-music-099:before {
content: "\e004";
}
.icon-music-100:before {
content: "\e005";
}
/* Real Estate */
@font-face {
font-family: "real-estate";
src: url("real-estate/webfont/fonts/real-estate.eot");
src: url("real-estate/webfont/fonts/real-estate.eot?#iefix") format("embedded-opentype"), url("real-estate/webfont/fonts/real-estate.woff") format("woff"), url("real-estate/webfont/fonts/real-estate.ttf") format("truetype"), url("real-estate/webfont/fonts/real-estate.svg#real-estate") format("svg");
font-weight: normal;
font-style: normal;
}
[data-icon-real-estate]:before {
font-family: "real-estate" !important;
content: attr(data-icon-real-estate);
font-style: normal !important;
font-weight: normal !important;
font-variant: normal !important;
text-transform: none !important;
speak: none;
line-height: 1;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}
[class^="icon-real-estate"]:before,
[class*=" icon-real-estate"]:before {
font-family: "real-estate" !important;
font-style: normal !important;
font-weight: normal !important;
font-variant: normal !important;
text-transform: none !important;
speak: none;
line-height: 1;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}
.icon-real-estate-001:before {
content: "a";
}
.icon-real-estate-014:before {
content: "b";
}
.icon-real-estate-027:before {
content: "c";
}
.icon-real-estate-040:before {
content: "d";
}
.icon-real-estate-053:before {
content: "e";
}
.icon-real-estate-066:before {
content: "f";
}
.icon-real-estate-079:before {
content: "g";
}
.icon-real-estate-080:before {
content: "h";
}
.icon-real-estate-081:before {
content: "i";
}
.icon-real-estate-082:before {
content: "j";
}
.icon-real-estate-083:before {
content: "k";
}
.icon-real-estate-084:before {
content: "l";
}
.icon-real-estate-085:before {
content: "m";
}
.icon-real-estate-086:before {
content: "n";
}
.icon-real-estate-087:before {
content: "o";
}
.icon-real-estate-088:before {
content: "p";
}
.icon-real-estate-089:before {
content: "q";
}
.icon-real-estate-090:before {
content: "r";
}
.icon-real-estate-077:before {
content: "s";
}
.icon-real-estate-078:before {
content: "t";
}
.icon-real-estate-065:before {
content: "u";
}
.icon-real-estate-064:before {
content: "v";
}
.icon-real-estate-063:before {
content: "w";
}
.icon-real-estate-076:before {
content: "x";
}
.icon-real-estate-075:before {
content: "y";
}
.icon-real-estate-062:before {
content: "z";
}
.icon-real-estate-061:before {
content: "A";
}
.icon-real-estate-074:before {
content: "B";
}
.icon-real-estate-073:before {
content: "C";
}
.icon-real-estate-059:before {
content: "D";
}
.icon-real-estate-072:before {
content: "E";
}
.icon-real-estate-060:before {
content: "F";
}
.icon-real-estate-058:before {
content: "G";
}
.icon-real-estate-071:before {
content: "H";
}
.icon-real-estate-070:before {
content: "I";
}
.icon-real-estate-057:before {
content: "J";
}
.icon-real-estate-056:before {
content: "K";
}
.icon-real-estate-069:before {
content: "L";
}
.icon-real-estate-068:before {
content: "M";
}
.icon-real-estate-055:before {
content: "N";
}
.icon-real-estate-054:before {
content: "O";
}
.icon-real-estate-067:before {
content: "P";
}
.icon-real-estate-041:before {
content: "Q";
}
.icon-real-estate-028:before {
content: "R";
}
.icon-real-estate-015:before {
content: "S";
}
.icon-real-estate-002:before {
content: "T";
}
.icon-real-estate-003:before {
content: "U";
}
.icon-real-estate-016:before {
content: "V";
}
.icon-real-estate-029:before {
content: "W";
}
.icon-real-estate-042:before {
content: "X";
}
.icon-real-estate-043:before {
content: "Y";
}
.icon-real-estate-030:before {
content: "Z";
}
.icon-real-estate-017:before {
content: "0";
}
.icon-real-estate-004:before {
content: "1";
}
.icon-real-estate-005:before {
content: "2";
}
.icon-real-estate-018:before {
content: "3";
}
.icon-real-estate-031:before {
content: "4";
}
.icon-real-estate-044:before {
content: "5";
}
.icon-real-estate-045:before {
content: "6";
}
.icon-real-estate-032:before {
content: "7";
}
.icon-real-estate-019:before {
content: "8";
}
.icon-real-estate-006:before {
content: "9";
}
.icon-real-estate-008:before {
content: "!";
}
.icon-real-estate-020:before {
content: "\"";
}
.icon-real-estate-007:before {
content: "#";
}
.icon-real-estate-021:before {
content: "$";
}
.icon-real-estate-033:before {
content: "%";
}
.icon-real-estate-034:before {
content: "&";
}
.icon-real-estate-047:before {
content: "'";
}
.icon-real-estate-046:before {
content: "(";
}
.icon-real-estate-048:before {
content: ")";
}
.icon-real-estate-035:before {
content: "*";
}
.icon-real-estate-022:before {
content: "+";
}
.icon-real-estate-009:before {
content: ",";
}
.icon-real-estate-011:before {
content: "-";
}
.icon-real-estate-023:before {
content: ".";
}
.icon-real-estate-010:before {
content: "/";
}
.icon-real-estate-024:before {
content: ":";
}
.icon-real-estate-037:before {
content: ";";
}
.icon-real-estate-036:before {
content: "<";
}
.icon-real-estate-049:before {
content: "=";
}
.icon-real-estate-050:before {
content: ">";
}
.icon-real-estate-051:before {
content: "?";
}
.icon-real-estate-038:before {
content: "@";
}
.icon-real-estate-039:before {
content: "[";
}
.icon-real-estate-052:before {
content: "]";
}
.icon-real-estate-026:before {
content: "^";
}
.icon-real-estate-025:before {
content: "_";
}
.icon-real-estate-012:before {
content: "`";
}
.icon-real-estate-013:before {
content: "{";
}
/* Science */
@font-face {
font-family: "science";
src: url("science/webfont/fonts/science.eot");
src: url("science/webfont/fonts/science.eot?#iefix") format("embedded-opentype"), url("science/webfont/fonts/science.woff") format("woff"), url("science/webfont/fonts/science.ttf") format("truetype"), url("science/webfont/fonts/science.svg#science") format("svg");
font-weight: normal;
font-style: normal;
}
[data-icon-science]:before {
font-family: "science" !important;
content: attr(data-icon-science);
font-style: normal !important;
font-weight: normal !important;
font-variant: normal !important;
text-transform: none !important;
speak: none;
line-height: 1;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}
[class^="icon-science"]:before,
[class*=" icon-science"]:before {
font-family: "science" !important;
font-style: normal !important;
font-weight: normal !important;
font-variant: normal !important;
text-transform: none !important;
speak: none;
line-height: 1;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}
.icon-science-001:before {
content: "a";
}
.icon-science-014:before {
content: "b";
}
.icon-science-002:before {
content: "c";
}
.icon-science-015:before {
content: "d";
}
.icon-science-016:before {
content: "e";
}
.icon-science-003:before {
content: "f";
}
.icon-science-004:before {
content: "g";
}
.icon-science-017:before {
content: "h";
}
.icon-science-019:before {
content: "i";
}
.icon-science-005:before {
content: "j";
}
.icon-science-018:before {
content: "k";
}
.icon-science-006:before {
content: "l";
}
.icon-science-007:before {
content: "m";
}
.icon-science-020:before {
content: "n";
}
.icon-science-021:before {
content: "o";
}
.icon-science-008:before {
content: "p";
}
.icon-science-009:before {
content: "q";
}
.icon-science-022:before {
content: "r";
}
.icon-science-023:before {
content: "s";
}
.icon-science-010:before {
content: "t";
}
.icon-science-011:before {
content: "u";
}
.icon-science-024:before {
content: "v";
}
.icon-science-025:before {
content: "w";
}
.icon-science-012:before {
content: "x";
}
.icon-science-013:before {
content: "y";
}
.icon-science-026:before {
content: "z";
}
.icon-science-039:before {
content: "A";
}
.icon-science-052:before {
content: "B";
}
.icon-science-065:before {
content: "C";
}
.icon-science-078:before {
content: "D";
}
.icon-science-077:before {
content: "E";
}
.icon-science-064:before {
content: "F";
}
.icon-science-051:before {
content: "G";
}
.icon-science-038:before {
content: "H";
}
.icon-science-037:before {
content: "I";
}
.icon-science-050:before {
content: "J";
}
.icon-science-063:before {
content: "K";
}
.icon-science-076:before {
content: "L";
}
.icon-science-075:before {
content: "M";
}
.icon-science-062:before {
content: "N";
}
.icon-science-049:before {
content: "O";
}
.icon-science-036:before {
content: "P";
}
.icon-science-035:before {
content: "Q";
}
.icon-science-048:before {
content: "R";
}
.icon-science-061:before {
content: "S";
}
.icon-science-074:before {
content: "T";
}
.icon-science-073:before {
content: "U";
}
.icon-science-060:before {
content: "V";
}
.icon-science-047:before {
content: "W";
}
.icon-science-034:before {
content: "X";
}
.icon-science-033:before {
content: "Y";
}
.icon-science-046:before {
content: "Z";
}
.icon-science-059:before {
content: "0";
}
.icon-science-072:before {
content: "1";
}
.icon-science-071:before {
content: "2";
}
.icon-science-058:before {
content: "3";
}
.icon-science-045:before {
content: "4";
}
.icon-science-032:before {
content: "5";
}
.icon-science-031:before {
content: "6";
}
.icon-science-044:before {
content: "7";
}
.icon-science-057:before {
content: "8";
}
.icon-science-070:before {
content: "9";
}
.icon-science-069:before {
content: "!";
}
.icon-science-056:before {
content: "\"";
}
.icon-science-043:before {
content: "#";
}
.icon-science-030:before {
content: "$";
}
.icon-science-029:before {
content: "%";
}
.icon-science-042:before {
content: "&";
}
.icon-science-055:before {
content: "'";
}
.icon-science-068:before {
content: "(";
}
.icon-science-067:before {
content: ")";
}
.icon-science-054:before {
content: "*";
}
.icon-science-041:before {
content: "+";
}
.icon-science-028:before {
content: ",";
}
.icon-science-027:before {
content: "-";
}
.icon-science-040:before {
content: ".";
}
.icon-science-053:before {
content: "/";
}
.icon-science-066:before {
content: ":";
}
.icon-science-079:before {
content: ";";
}
.icon-science-092:before {
content: "<";
}
.icon-science-105:before {
content: "=";
}
.icon-science-118:before {
content: ">";
}
.icon-science-131:before {
content: "?";
}
.icon-science-144:before {
content: "@";
}
.icon-science-145:before {
content: "[";
}
.icon-science-132:before {
content: "]";
}
.icon-science-119:before {
content: "^";
}
.icon-science-106:before {
content: "_";
}
.icon-science-093:before {
content: "`";
}
.icon-science-080:before {
content: "{";
}
.icon-science-081:before {
content: "|";
}
.icon-science-094:before {
content: "}";
}
.icon-science-107:before {
content: "~";
}
.icon-science-120:before {
content: "\\";
}
.icon-science-133:before {
content: "\e000";
}
.icon-science-146:before {
content: "\e001";
}
.icon-science-147:before {
content: "\e002";
}
.icon-science-134:before {
content: "\e003";
}
.icon-science-121:before {
content: "\e004";
}
.icon-science-108:before {
content: "\e005";
}
.icon-science-095:before {
content: "\e006";
}
.icon-science-082:before {
content: "\e007";
}
.icon-science-083:before {
content: "\e008";
}
.icon-science-096:before {
content: "\e009";
}
.icon-science-109:before {
content: "\e00a";
}
.icon-science-122:before {
content: "\e00b";
}
.icon-science-135:before {
content: "\e00c";
}
.icon-science-148:before {
content: "\e00d";
}
.icon-science-149:before {
content: "\e00e";
}
.icon-science-136:before {
content: "\e00f";
}
.icon-science-123:before {
content: "\e010";
}
.icon-science-110:before {
content: "\e011";
}
.icon-science-097:before {
content: "\e012";
}
.icon-science-084:before {
content: "\e013";
}
.icon-science-085:before {
content: "\e014";
}
.icon-science-098:before {
content: "\e015";
}
.icon-science-111:before {
content: "\e016";
}
.icon-science-124:before {
content: "\e017";
}
.icon-science-137:before {
content: "\e018";
}
.icon-science-150:before {
content: "\e019";
}
.icon-science-151:before {
content: "\e01a";
}
.icon-science-138:before {
content: "\e01b";
}
.icon-science-125:before {
content: "\e01c";
}
.icon-science-112:before {
content: "\e01d";
}
.icon-science-099:before {
content: "\e01e";
}
.icon-science-086:before {
content: "\e01f";
}
.icon-science-087:before {
content: "\e020";
}
.icon-science-100:before {
content: "\e021";
}
.icon-science-113:before {
content: "\e022";
}
.icon-science-126:before {
content: "\e023";
}
.icon-science-139:before {
content: "\e024";
}
.icon-science-152:before {
content: "\e025";
}
.icon-science-153:before {
content: "\e026";
}
.icon-science-140:before {
content: "\e027";
}
.icon-science-127:before {
content: "\e028";
}
.icon-science-114:before {
content: "\e029";
}
.icon-science-101:before {
content: "\e02a";
}
.icon-science-088:before {
content: "\e02b";
}
.icon-science-089:before {
content: "\e02c";
}
.icon-science-102:before {
content: "\e02d";
}
.icon-science-115:before {
content: "\e02e";
}
.icon-science-128:before {
content: "\e02f";
}
.icon-science-141:before {
content: "\e030";
}
.icon-science-154:before {
content: "\e031";
}
.icon-science-155:before {
content: "\e032";
}
.icon-science-142:before {
content: "\e033";
}
.icon-science-129:before {
content: "\e034";
}
.icon-science-116:before {
content: "\e035";
}
.icon-science-103:before {
content: "\e036";
}
.icon-science-090:before {
content: "\e037";
}
.icon-science-091:before {
content: "\e038";
}
.icon-science-104:before {
content: "\e039";
}
.icon-science-117:before {
content: "\e03a";
}
.icon-science-130:before {
content: "\e03b";
}
.icon-science-143:before {
content: "\e03c";
}
.icon-science-156:before {
content: "\e03d";
}
.icon-science-157:before {
content: "\e03e";
}
.icon-science-158:before {
content: "\e03f";
}
.icon-science-159:before {
content: "\e040";
}
.icon-science-160:before {
content: "\e041";
}
/* Sport */
@font-face {
font-family: "sports-48-x-48";
src: url("sports/webfont/fonts/sports-48-x-48.eot");
src: url("sports/webfont/fonts/sports-48-x-48.eot?#iefix") format("embedded-opentype"), url("sports/webfont/fonts/sports-48-x-48.woff") format("woff"), url("sports/webfont/fonts/sports-48-x-48.ttf") format("truetype"), url("sports/webfont/fonts/sports-48-x-48.svg#sports-48-x-48") format("svg");
font-weight: normal;
font-style: normal;
}
[data-icon-sport]:before {
font-family: "sports-48-x-48" !important;
content: attr(data-icon-sport);
font-style: normal !important;
font-weight: normal !important;
font-variant: normal !important;
text-transform: none !important;
speak: none;
line-height: 1;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}
[class^="icon-sport"]:before,
[class*="icon-sport"]:before {
font-family: "sports-48-x-48" !important;
font-style: normal !important;
font-weight: normal !important;
font-variant: normal !important;
text-transform: none !important;
speak: none;
line-height: 1;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}
[class^="icon-christmas"]:before,
[class*=" icon-christmas"]:before {
font-family: "cristmas" !important;
font-style: normal !important;
font-weight: normal !important;
font-variant: normal !important;
text-transform: none !important;
speak: none;
line-height: 1;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}
.icon-sport-001:before {
content: "a";
}
.icon-sport-014:before {
content: "b";
}
.icon-sport-027:before {
content: "c";
}
.icon-sport-028:before {
content: "d";
}
.icon-sport-015:before {
content: "e";
}
.icon-sport-002:before {
content: "f";
}
.icon-sport-003:before {
content: "g";
}
.icon-sport-016:before {
content: "h";
}
.icon-sport-029:before {
content: "i";
}
.icon-sport-030:before {
content: "j";
}
.icon-sport-017:before {
content: "k";
}
.icon-sport-004:before {
content: "l";
}
.icon-sport-005:before {
content: "m";
}
.icon-sport-018:before {
content: "n";
}
.icon-sport-031:before {
content: "o";
}
.icon-sport-032:before {
content: "p";
}
.icon-sport-019:before {
content: "q";
}
.icon-sport-006:before {
content: "r";
}
.icon-sport-007:before {
content: "s";
}
.icon-sport-020:before {
content: "t";
}
.icon-sport-033:before {
content: "u";
}
.icon-sport-034:before {
content: "v";
}
.icon-sport-021:before {
content: "w";
}
.icon-sport-008:before {
content: "x";
}
.icon-sport-009:before {
content: "y";
}
.icon-sport-022:before {
content: "z";
}
.icon-sport-035:before {
content: "A";
}
.icon-sport-036:before {
content: "B";
}
.icon-sport-023:before {
content: "C";
}
.icon-sport-010:before {
content: "D";
}
.icon-sport-011:before {
content: "E";
}
.icon-sport-024:before {
content: "F";
}
.icon-sport-037:before {
content: "G";
}
.icon-sport-038:before {
content: "H";
}
.icon-sport-025:before {
content: "I";
}
.icon-sport-012:before {
content: "J";
}
.icon-sport-013:before {
content: "K";
}
.icon-sport-026:before {
content: "L";
}
.icon-sport-039:before {
content: "M";
}
.icon-sport-040:before {
content: "N";
}
.icon-sport-053:before {
content: "O";
}
.icon-sport-066:before {
content: "P";
}
.icon-sport-079:before {
content: "Q";
}
.icon-sport-080:before {
content: "R";
}
.icon-sport-067:before {
content: "S";
}
.icon-sport-054:before {
content: "T";
}
.icon-sport-041:before {
content: "U";
}
.icon-sport-042:before {
content: "V";
}
.icon-sport-055:before {
content: "W";
}
.icon-sport-068:before {
content: "X";
}
.icon-sport-081:before {
content: "Y";
}
.icon-sport-082:before {
content: "Z";
}
.icon-sport-069:before {
content: "0";
}
.icon-sport-056:before {
content: "1";
}
.icon-sport-043:before {
content: "2";
}
.icon-sport-044:before {
content: "3";
}
.icon-sport-057:before {
content: "4";
}
.icon-sport-070:before {
content: "5";
}
.icon-sport-083:before {
content: "6";
}
.icon-sport-084:before {
content: "7";
}
.icon-sport-071:before {
content: "8";
}
.icon-sport-058:before {
content: "9";
}
.icon-sport-045:before {
content: "!";
}
.icon-sport-046:before {
content: "\"";
}
.icon-sport-059:before {
content: "#";
}
.icon-sport-072:before {
content: "$";
}
.icon-sport-085:before {
content: "%";
}
.icon-sport-086:before {
content: "&";
}
.icon-sport-073:before {
content: "'";
}
.icon-sport-060:before {
content: "(";
}
.icon-sport-047:before {
content: ")";
}
.icon-sport-048:before {
content: "*";
}
.icon-sport-061:before {
content: "+";
}
.icon-sport-074:before {
content: ",";
}
.icon-sport-087:before {
content: "-";
}
.icon-sport-075:before {
content: ".";
}
.icon-sport-062:before {
content: "/";
}
.icon-sport-049:before {
content: ":";
}
.icon-sport-050:before {
content: ";";
}
.icon-sport-063:before {
content: "<";
}
.icon-sport-064:before {
content: "=";
}
.icon-sport-051:before {
content: ">";
}
.icon-sport-052:before {
content: "?";
}
.icon-sport-065:before {
content: "@";
}
.icon-sport-078:before {
content: "[";
}
.icon-sport-091:before {
content: "]";
}
.icon-sport-090:before {
content: "^";
}
.icon-sport-077:before {
content: "_";
}
.icon-sport-076:before {
content: "`";
}
.icon-sport-089:before {
content: "{";
}
.icon-sport-088:before {
content: "|";
}
.icon-sport-092:before {
content: "}";
}
.icon-sport-105:before {
content: "~";
}
.icon-sport-118:before {
content: "\\";
}
.icon-sport-131:before {
content: "\e000";
}
.icon-sport-144:before {
content: "\e001";
}
.icon-sport-145:before {
content: "\e002";
}
.icon-sport-132:before {
content: "\e003";
}
.icon-sport-119:before {
content: "\e004";
}
.icon-sport-106:before {
content: "\e005";
}
.icon-sport-093:before {
content: "\e006";
}
.icon-sport-094:before {
content: "\e007";
}
.icon-sport-107:before {
content: "\e008";
}
.icon-sport-120:before {
content: "\e009";
}
.icon-sport-133:before {
content: "\e00a";
}
.icon-sport-146:before {
content: "\e00b";
}
.icon-sport-147:before {
content: "\e00c";
}
.icon-sport-134:before {
content: "\e00d";
}
.icon-sport-121:before {
content: "\e00e";
}
.icon-sport-108:before {
content: "\e00f";
}
.icon-sport-095:before {
content: "\e010";
}
.icon-sport-096:before {
content: "\e011";
}
.icon-sport-109:before {
content: "\e012";
}
.icon-sport-122:before {
content: "\e013";
}
.icon-sport-135:before {
content: "\e014";
}
.icon-sport-148:before {
content: "\e015";
}
.icon-sport-149:before {
content: "\e016";
}
.icon-sport-136:before {
content: "\e017";
}
.icon-sport-123:before {
content: "\e018";
}
.icon-sport-110:before {
content: "\e019";
}
.icon-sport-097:before {
content: "\e01a";
}
.icon-sport-098:before {
content: "\e01b";
}
.icon-sport-111:before {
content: "\e01c";
}
.icon-sport-124:before {
content: "\e01d";
}
.icon-sport-137:before {
content: "\e01e";
}
.icon-sport-150:before {
content: "\e01f";
}
.icon-sport-151:before {
content: "\e020";
}
.icon-sport-138:before {
content: "\e021";
}
.icon-sport-125:before {
content: "\e022";
}
.icon-sport-112:before {
content: "\e023";
}
.icon-sport-099:before {
content: "\e024";
}
.icon-sport-100:before {
content: "\e025";
}
.icon-sport-113:before {
content: "\e026";
}
.icon-sport-126:before {
content: "\e027";
}
.icon-sport-139:before {
content: "\e028";
}
.icon-sport-152:before {
content: "\e029";
}
.icon-sport-153:before {
content: "\e02a";
}
.icon-sport-140:before {
content: "\e02b";
}
.icon-sport-127:before {
content: "\e02c";
}
.icon-sport-114:before {
content: "\e02d";
}
.icon-sport-101:before {
content: "\e02e";
}
.icon-sport-102:before {
content: "\e02f";
}
.icon-sport-115:before {
content: "\e030";
}
.icon-sport-128:before {
content: "\e031";
}
.icon-sport-141:before {
content: "\e032";
}
.icon-sport-154:before {
content: "\e033";
}
.icon-sport-155:before {
content: "\e034";
}
.icon-sport-142:before {
content: "\e035";
}
.icon-sport-129:before {
content: "\e036";
}
.icon-sport-116:before {
content: "\e037";
}
.icon-sport-103:before {
content: "\e038";
}
.icon-sport-104:before {
content: "\e039";
}
.icon-sport-117:before {
content: "\e03a";
}
.icon-sport-130:before {
content: "\e03b";
}
.icon-sport-143:before {
content: "\e03c";
}
.icon-sport-156:before {
content: "\e03d";
}
.icon-sport-157:before {
content: "\e03e";
}
.icon-sport-170:before {
content: "\e03f";
}
.icon-sport-183:before {
content: "\e040";
}
.icon-sport-196:before {
content: "\e041";
}
.icon-sport-197:before {
content: "\e042";
}
.icon-sport-184:before {
content: "\e043";
}
.icon-sport-171:before {
content: "\e044";
}
.icon-sport-158:before {
content: "\e045";
}
.icon-sport-159:before {
content: "\e046";
}
.icon-sport-172:before {
content: "\e047";
}
.icon-sport-185:before {
content: "\e048";
}
.icon-sport-198:before {
content: "\e049";
}
.icon-sport-199:before {
content: "\e04a";
}
.icon-sport-186:before {
content: "\e04b";
}
.icon-sport-173:before {
content: "\e04c";
}
.icon-sport-160:before {
content: "\e04d";
}
.icon-sport-174:before {
content: "\e04e";
}
.icon-sport-187:before {
content: "\e04f";
}
.icon-sport-200:before {
content: "\e050";
}
.icon-sport-188:before {
content: "\e051";
}
.icon-sport-175:before {
content: "\e052";
}
.icon-sport-162:before {
content: "\e053";
}
.icon-sport-163:before {
content: "\e054";
}
.icon-sport-176:before {
content: "\e055";
}
.icon-sport-189:before {
content: "\e056";
}
.icon-sport-190:before {
content: "\e057";
}
.icon-sport-177:before {
content: "\e058";
}
.icon-sport-164:before {
content: "\e059";
}
.icon-sport-165:before {
content: "\e05a";
}
.icon-sport-178:before {
content: "\e05b";
}
.icon-sport-191:before {
content: "\e05c";
}
.icon-sport-192:before {
content: "\e05d";
}
.icon-sport-179:before {
content: "\e05e";
}
.icon-sport-166:before {
content: "\e05f";
}
.icon-sport-167:before {
content: "\e060";
}
.icon-sport-180:before {
content: "\e061";
}
.icon-sport-193:before {
content: "\e062";
}
.icon-sport-194:before {
content: "\e063";
}
.icon-sport-181:before {
content: "\e064";
}
.icon-sport-168:before {
content: "\e065";
}
.icon-sport-169:before {
content: "\e066";
}
.icon-sport-182:before {
content: "\e067";
}
.icon-sport-195:before {
content: "\e068";
}
.icon-sport-161:before {
content: "\e069";
}
/* Travel */
@font-face {
font-family: "travel";
src: url("travel/webfont/fonts/travel.eot");
src: url("travel/webfont/fonts/travel.eot?#iefix") format("embedded-opentype"), url("travel/webfont/fonts/travel.woff") format("woff"), url("travel/webfont/fonts/travel.ttf") format("truetype"), url("travel/webfont/fonts/travel.svg#travel") format("svg");
font-weight: normal;
font-style: normal;
}
[data-icon-travel]:before {
font-family: "travel" !important;
content: attr(data-icon-travel);
font-style: normal !important;
font-weight: normal !important;
font-variant: normal !important;
text-transform: none !important;
speak: none;
line-height: 1;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}
[class^="icon-travel"]:before,
[class*=" icon-travel"]:before {
font-family: "travel" !important;
font-style: normal !important;
font-weight: normal !important;
font-variant: normal !important;
text-transform: none !important;
speak: none;
line-height: 1;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}
.icon-travel-001:before {
content: "a";
}
.icon-travel-014:before {
content: "b";
}
.icon-travel-015:before {
content: "c";
}
.icon-travel-002:before {
content: "d";
}
.icon-travel-003:before {
content: "e";
}
.icon-travel-016:before {
content: "f";
}
.icon-travel-017:before {
content: "g";
}
.icon-travel-004:before {
content: "h";
}
.icon-travel-005:before {
content: "i";
}
.icon-travel-018:before {
content: "j";
}
.icon-travel-019:before {
content: "k";
}
.icon-travel-006:before {
content: "l";
}
.icon-travel-007:before {
content: "m";
}
.icon-travel-020:before {
content: "n";
}
.icon-travel-021:before {
content: "o";
}
.icon-travel-008:before {
content: "p";
}
.icon-travel-009:before {
content: "q";
}
.icon-travel-022:before {
content: "r";
}
.icon-travel-023:before {
content: "s";
}
.icon-travel-010:before {
content: "t";
}
.icon-travel-011:before {
content: "u";
}
.icon-travel-024:before {
content: "v";
}
.icon-travel-025:before {
content: "w";
}
.icon-travel-012:before {
content: "x";
}
.icon-travel-013:before {
content: "y";
}
.icon-travel-026:before {
content: "z";
}
.icon-travel-039:before {
content: "A";
}
.icon-travel-052:before {
content: "B";
}
.icon-travel-065:before {
content: "C";
}
.icon-travel-064:before {
content: "D";
}
.icon-travel-051:before {
content: "E";
}
.icon-travel-038:before {
content: "F";
}
.icon-travel-037:before {
content: "G";
}
.icon-travel-050:before {
content: "H";
}
.icon-travel-063:before {
content: "I";
}
.icon-travel-062:before {
content: "J";
}
.icon-travel-049:before {
content: "K";
}
.icon-travel-036:before {
content: "L";
}
.icon-travel-035:before {
content: "M";
}
.icon-travel-048:before {
content: "N";
}
.icon-travel-061:before {
content: "O";
}
.icon-travel-060:before {
content: "P";
}
.icon-travel-047:before {
content: "Q";
}
.icon-travel-034:before {
content: "R";
}
.icon-travel-033:before {
content: "S";
}
.icon-travel-046:before {
content: "T";
}
.icon-travel-059:before {
content: "U";
}
.icon-travel-058:before {
content: "V";
}
.icon-travel-045:before {
content: "W";
}
.icon-travel-032:before {
content: "X";
}
.icon-travel-031:before {
content: "Y";
}
.icon-travel-044:before {
content: "Z";
}
.icon-travel-057:before {
content: "0";
}
.icon-travel-056:before {
content: "1";
}
.icon-travel-043:before {
content: "2";
}
.icon-travel-030:before {
content: "3";
}
.icon-travel-029:before {
content: "4";
}
.icon-travel-042:before {
content: "5";
}
.icon-travel-055:before {
content: "6";
}
.icon-travel-054:before {
content: "7";
}
.icon-travel-041:before {
content: "8";
}
.icon-travel-028:before {
content: "9";
}
.icon-travel-027:before {
content: "!";
}
.icon-travel-040:before {
content: "\"";
}
.icon-travel-053:before {
content: "#";
}
.icon-travel-066:before {
content: "$";
}
.icon-travel-079:before {
content: "%";
}
.icon-travel-092:before {
content: "&";
}
.icon-travel-105:before {
content: "'";
}
.icon-travel-106:before {
content: "(";
}
.icon-travel-093:before {
content: ")";
}
.icon-travel-080:before {
content: "*";
}
.icon-travel-067:before {
content: "+";
}
.icon-travel-068:before {
content: ",";
}
.icon-travel-081:before {
content: "-";
}
.icon-travel-094:before {
content: ".";
}
.icon-travel-107:before {
content: "/";
}
.icon-travel-108:before {
content: ":";
}
.icon-travel-095:before {
content: ";";
}
.icon-travel-082:before {
content: "<";
}
.icon-travel-069:before {
content: "=";
}
.icon-travel-070:before {
content: ">";
}
.icon-travel-083:before {
content: "?";
}
.icon-travel-096:before {
content: "@";
}
.icon-travel-109:before {
content: "[";
}
.icon-travel-110:before {
content: "]";
}
.icon-travel-097:before {
content: "^";
}
.icon-travel-084:before {
content: "_";
}
.icon-travel-071:before {
content: "`";
}
.icon-travel-072:before {
content: "{";
}
.icon-travel-085:before {
content: "|";
}
.icon-travel-098:before {
content: "}";
}
.icon-travel-111:before {
content: "~";
}
.icon-travel-112:before {
content: "\\";
}
.icon-travel-099:before {
content: "\e000";
}
.icon-travel-086:before {
content: "\e001";
}
.icon-travel-073:before {
content: "\e002";
}
.icon-travel-074:before {
content: "\e003";
}
.icon-travel-087:before {
content: "\e004";
}
.icon-travel-100:before {
content: "\e005";
}
.icon-travel-113:before {
content: "\e006";
}
.icon-travel-114:before {
content: "\e007";
}
.icon-travel-101:before {
content: "\e008";
}
.icon-travel-088:before {
content: "\e009";
}
.icon-travel-075:before {
content: "\e00a";
}
.icon-travel-076:before {
content: "\e00b";
}
.icon-travel-089:before {
content: "\e00c";
}
.icon-travel-102:before {
content: "\e00d";
}
.icon-travel-115:before {
content: "\e00e";
}
.icon-travel-116:before {
content: "\e00f";
}
.icon-travel-103:before {
content: "\e010";
}
.icon-travel-090:before {
content: "\e011";
}
.icon-travel-077:before {
content: "\e012";
}
.icon-travel-091:before {
content: "\e013";
}
.icon-travel-104:before {
content: "\e014";
}
.icon-travel-117:before {
content: "\e015";
}
.icon-travel-078:before {
content: "\e016";
}
.icon-travel-130:before {
content: "\e017";
}
.icon-travel-143:before {
content: "\e018";
}
.icon-travel-142:before {
content: "\e019";
}
.icon-travel-129:before {
content: "\e01a";
}
.icon-travel-128:before {
content: "\e01b";
}
.icon-travel-141:before {
content: "\e01c";
}
.icon-travel-140:before {
content: "\e01d";
}
.icon-travel-127:before {
content: "\e01e";
}
.icon-travel-126:before {
content: "\e01f";
}
.icon-travel-139:before {
content: "\e020";
}
.icon-travel-138:before {
content: "\e021";
}
.icon-travel-125:before {
content: "\e022";
}
.icon-travel-124:before {
content: "\e023";
}
.icon-travel-137:before {
content: "\e024";
}
.icon-travel-150:before {
content: "\e025";
}
.icon-travel-149:before {
content: "\e026";
}
.icon-travel-136:before {
content: "\e027";
}
.icon-travel-123:before {
content: "\e028";
}
.icon-travel-122:before {
content: "\e029";
}
.icon-travel-135:before {
content: "\e02a";
}
.icon-travel-148:before {
content: "\e02b";
}
.icon-travel-147:before {
content: "\e02c";
}
.icon-travel-134:before {
content: "\e02d";
}
.icon-travel-121:before {
content: "\e02e";
}
.icon-travel-120:before {
content: "\e02f";
}
.icon-travel-133:before {
content: "\e030";
}
.icon-travel-146:before {
content: "\e031";
}
.icon-travel-145:before {
content: "\e032";
}
.icon-travel-132:before {
content: "\e033";
}
.icon-travel-119:before {
content: "\e034";
}
.icon-travel-118:before {
content: "\e035";
}
.icon-travel-131:before {
content: "\e036";
}
.icon-travel-144:before {
content: "\e037";
}
/* Weather */
@font-face {
font-family: "weather";
src: url("weather/webfont/fonts/weather.eot");
src: url("weather/webfont/fonts/weather.eot?#iefix") format("embedded-opentype"), url("weather/webfont/fonts/weather.woff") format("woff"), url("weather/webfont/fonts/weather.ttf") format("truetype"), url("weather/webfont/fonts/weather.svg#weather") format("svg");
font-weight: normal;
font-style: normal;
}
[data-icon-weather]:before {
font-family: "weather" !important;
content: attr(data-icon-weather);
font-style: normal !important;
font-weight: normal !important;
font-variant: normal !important;
text-transform: none !important;
speak: none;
line-height: 1;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}
[class^="icon-weather"]:before,
[class*=" icon-weather"]:before {
font-family: "weather" !important;
font-style: normal !important;
font-weight: normal !important;
font-variant: normal !important;
text-transform: none !important;
speak: none;
line-height: 1;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}
.icon-weather-001:before {
content: "a";
}
.icon-weather-014:before {
content: "b";
}
.icon-weather-027:before {
content: "c";
}
.icon-weather-040:before {
content: "d";
}
.icon-weather-053:before {
content: "e";
}
.icon-weather-054:before {
content: "f";
}
.icon-weather-041:before {
content: "g";
}
.icon-weather-028:before {
content: "h";
}
.icon-weather-015:before {
content: "i";
}
.icon-weather-002:before {
content: "j";
}
.icon-weather-003:before {
content: "k";
}
.icon-weather-016:before {
content: "l";
}
.icon-weather-029:before {
content: "m";
}
.icon-weather-042:before {
content: "n";
}
.icon-weather-055:before {
content: "o";
}
.icon-weather-056:before {
content: "p";
}
.icon-weather-043:before {
content: "q";
}
.icon-weather-030:before {
content: "r";
}
.icon-weather-017:before {
content: "s";
}
.icon-weather-004:before {
content: "t";
}
.icon-weather-005:before {
content: "u";
}
.icon-weather-018:before {
content: "v";
}
.icon-weather-031:before {
content: "w";
}
.icon-weather-044:before {
content: "x";
}
.icon-weather-057:before {
content: "y";
}
.icon-weather-058:before {
content: "z";
}
.icon-weather-045:before {
content: "A";
}
.icon-weather-032:before {
content: "B";
}
.icon-weather-019:before {
content: "C";
}
.icon-weather-006:before {
content: "D";
}
.icon-weather-007:before {
content: "E";
}
.icon-weather-020:before {
content: "F";
}
.icon-weather-033:before {
content: "G";
}
.icon-weather-046:before {
content: "H";
}
.icon-weather-059:before {
content: "I";
}
.icon-weather-060:before {
content: "J";
}
.icon-weather-047:before {
content: "K";
}
.icon-weather-034:before {
content: "L";
}
.icon-weather-021:before {
content: "M";
}
.icon-weather-008:before {
content: "N";
}
.icon-weather-009:before {
content: "O";
}
.icon-weather-022:before {
content: "P";
}
.icon-weather-035:before {
content: "Q";
}
.icon-weather-048:before {
content: "R";
}
.icon-weather-049:before {
content: "S";
}
.icon-weather-036:before {
content: "T";
}
.icon-weather-023:before {
content: "U";
}
.icon-weather-010:before {
content: "V";
}
.icon-weather-011:before {
content: "W";
}
.icon-weather-024:before {
content: "X";
}
.icon-weather-037:before {
content: "Y";
}
.icon-weather-050:before {
content: "Z";
}
.icon-weather-051:before {
content: "0";
}
.icon-weather-038:before {
content: "1";
}
.icon-weather-025:before {
content: "2";
}
.icon-weather-012:before {
content: "3";
}
.icon-weather-013:before {
content: "4";
}
.icon-weather-026:before {
content: "5";
}
.icon-weather-039:before {
content: "6";
}
.icon-weather-052:before {
content: "7";
}
/* Transport */
@font-face {
font-family: "transport";
src: url("transport/webfont/fonts/transport.eot");
src: url("transport/webfont/fonts/transport.eot?#iefix") format("embedded-opentype"), url("transport/webfont/fonts/transport.woff") format("woff"), url("transport/webfont/fonts/transport.ttf") format("truetype"), url("transport/webfont/fonts/transport.svg#transport") format("svg");
font-weight: normal;
font-style: normal;
}
[data-icon-transport]:before {
font-family: "transport" !important;
content: attr(data-icon-transport);
font-style: normal !important;
font-weight: normal !important;
font-variant: normal !important;
text-transform: none !important;
speak: none;
line-height: 1;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}
[class^="icon-transport"]:before,
[class*=" icon-transport"]:before {
font-family: "transport" !important;
font-style: normal !important;
font-weight: normal !important;
font-variant: normal !important;
text-transform: none !important;
speak: none;
line-height: 1;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}
.icon-transport-001:before {
content: "a";
}
.icon-transport-014:before {
content: "b";
}
.icon-transport-015:before {
content: "c";
}
.icon-transport-002:before {
content: "d";
}
.icon-transport-003:before {
content: "e";
}
.icon-transport-016:before {
content: "f";
}
.icon-transport-017:before {
content: "g";
}
.icon-transport-004:before {
content: "h";
}
.icon-transport-005:before {
content: "i";
}
.icon-transport-018:before {
content: "j";
}
.icon-transport-019:before {
content: "k";
}
.icon-transport-006:before {
content: "l";
}
.icon-transport-007:before {
content: "m";
}
.icon-transport-020:before {
content: "n";
}
.icon-transport-021:before {
content: "o";
}
.icon-transport-008:before {
content: "p";
}
.icon-transport-009:before {
content: "q";
}
.icon-transport-022:before {
content: "r";
}
.icon-transport-023:before {
content: "s";
}
.icon-transport-010:before {
content: "t";
}
.icon-transport-024:before {
content: "u";
}
.icon-transport-025:before {
content: "v";
}
.icon-transport-012:before {
content: "w";
}
.icon-transport-011:before {
content: "x";
}
.icon-transport-013:before {
content: "y";
}
.icon-transport-026:before {
content: "z";
}
.icon-transport-039:before {
content: "A";
}
.icon-transport-052:before {
content: "B";
}
.icon-transport-051:before {
content: "C";
}
.icon-transport-038:before {
content: "D";
}
.icon-transport-037:before {
content: "E";
}
.icon-transport-050:before {
content: "F";
}
.icon-transport-049:before {
content: "G";
}
.icon-transport-036:before {
content: "H";
}
.icon-transport-035:before {
content: "I";
}
.icon-transport-048:before {
content: "J";
}
.icon-transport-047:before {
content: "K";
}
.icon-transport-034:before {
content: "L";
}
.icon-transport-033:before {
content: "M";
}
.icon-transport-046:before {
content: "N";
}
.icon-transport-045:before {
content: "O";
}
.icon-transport-032:before {
content: "P";
}
.icon-transport-031:before {
content: "Q";
}
.icon-transport-044:before {
content: "R";
}
.icon-transport-043:before {
content: "S";
}
.icon-transport-030:before {
content: "T";
}
.icon-transport-029:before {
content: "U";
}
.icon-transport-042:before {
content: "V";
}
.icon-transport-041:before {
content: "W";
}
.icon-transport-028:before {
content: "X";
}
.icon-transport-027:before {
content: "Y";
}
.icon-transport-040:before {
content: "Z";
}
.icon-transport-053:before {
content: "0";
}
.icon-transport-066:before {
content: "1";
}
.icon-transport-079:before {
content: "2";
}
.icon-transport-092:before {
content: "3";
}
.icon-transport-093:before {
content: "4";
}
.icon-transport-080:before {
content: "5";
}
.icon-transport-067:before {
content: "6";
}
.icon-transport-054:before {
content: "7";
}
.icon-transport-055:before {
content: "8";
}
.icon-transport-068:before {
content: "9";
}
.icon-transport-081:before {
content: "!";
}
.icon-transport-094:before {
content: "\"";
}
.icon-transport-095:before {
content: "#";
}
.icon-transport-082:before {
content: "$";
}
.icon-transport-069:before {
content: "%";
}
.icon-transport-056:before {
content: "&";
}
.icon-transport-057:before {
content: "'";
}
.icon-transport-070:before {
content: "(";
}
.icon-transport-083:before {
content: ")";
}
.icon-transport-096:before {
content: "*";
}
.icon-transport-097:before {
content: "+";
}
.icon-transport-084:before {
content: ",";
}
.icon-transport-071:before {
content: "-";
}
.icon-transport-058:before {
content: ".";
}
.icon-transport-059:before {
content: "/";
}
.icon-transport-072:before {
content: ":";
}
.icon-transport-085:before {
content: ";";
}
.icon-transport-098:before {
content: "<";
}
.icon-transport-099:before {
content: "=";
}
.icon-transport-086:before {
content: ">";
}
.icon-transport-073:before {
content: "?";
}
.icon-transport-060:before {
content: "@";
}
.icon-transport-061:before {
content: "[";
}
.icon-transport-074:before {
content: "]";
}
.icon-transport-087:before {
content: "^";
}
.icon-transport-100:before {
content: "_";
}
.icon-transport-088:before {
content: "`";
}
.icon-transport-075:before {
content: "{";
}
.icon-transport-076:before {
content: "|";
}
.icon-transport-089:before {
content: "}";
}
.icon-transport-090:before {
content: "~";
}
.icon-transport-077:before {
content: "\\";
}
.icon-transport-078:before {
content: "\e000";
}
.icon-transport-091:before {
content: "\e001";
}
.icon-transport-065:before {
content: "\e002";
}
.icon-transport-064:before {
content: "\e003";
}
.icon-transport-063:before {
content: "\e004";
}
.icon-transport-062:before {
content: "\e005";
}
/* font-awesome.min.css */
/*!
* Font Awesome 4.5.0 by @davegandy - http://fontawesome.io - @fontawesome
* License - http://fontawesome.io/license (Font: SIL OFL 1.1, CSS: MIT License)
*/
@font-face {
font-family: 'FontAwesome';
src: url('../fonts/fontawesome-webfont.eot?v=4.5.0');
src: url('../fonts/fontawesome-webfont.eot?#iefix&v=4.5.0') format('embedded-opentype'), url('../fonts/fontawesome-webfont.woff2?v=4.5.0') format('woff2'), url('../fonts/fontawesome-webfont.woff?v=4.5.0') format('woff'), url('../fonts/fontawesome-webfont.ttf?v=4.5.0') format('truetype'), url('../fonts/fontawesome-webfont.svg?v=4.5.0#fontawesomeregular') format('svg');
font-weight: normal;
font-style: normal
}
.fa {
display: inline-block;
font: normal normal normal 14px/1 FontAwesome;
font-size: inherit;
text-rendering: auto;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale
}
.fa-lg {
font-size: 1.33333333em;
line-height: .75em;
vertical-align: -15%
}
.fa-2x {
font-size: 2em
}
.fa-3x {
font-size: 3em
}
.fa-4x {
font-size: 4em
}
.fa-5x {
font-size: 5em
}
.fa-fw {
width: 1.28571429em;
text-align: center
}
.fa-ul {
padding-left: 0;
margin-left: 2.14285714em;
list-style-type: none
}
.fa-ul>li {
position: relative
}
.fa-li {
position: absolute;
left: -2.14285714em;
width: 2.14285714em;
top: .14285714em;
text-align: center
}
.fa-li.fa-lg {
left: -1.85714286em
}
.fa-border {
padding: .2em .25em .15em;
border: solid .08em #eee;
border-radius: .1em
}
.fa-pull-left {
float: left
}
.fa-pull-right {
float: right
}
.fa.fa-pull-left {
margin-right: .3em
}
.fa.fa-pull-right {
margin-left: .3em
}
.pull-right {
float: right
}
.pull-left {
float: left
}
.fa.pull-left {
margin-right: .3em
}
.fa.pull-right {
margin-left: .3em
}
.fa-spin {
-webkit-animation: fa-spin 2s infinite linear;
animation: fa-spin 2s infinite linear
}
.fa-pulse {
-webkit-animation: fa-spin 1s infinite steps(8);
animation: fa-spin 1s infinite steps(8)
}
@-webkit-keyframes fa-spin {
0% {
-webkit-transform: rotate(0deg);
transform: rotate(0deg)
}
100% {
-webkit-transform: rotate(359deg);
transform: rotate(359deg)
}
}
@keyframes fa-spin {
0% {
-webkit-transform: rotate(0deg);
transform: rotate(0deg)
}
100% {
-webkit-transform: rotate(359deg);
transform: rotate(359deg)
}
}
.fa-rotate-90 {
filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=1);
-webkit-transform: rotate(90deg);
-ms-transform: rotate(90deg);
transform: rotate(90deg)
}
.fa-rotate-180 {
filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=2);
-webkit-transform: rotate(180deg);
-ms-transform: rotate(180deg);
transform: rotate(180deg)
}
.fa-rotate-270 {
filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=3);
-webkit-transform: rotate(270deg);
-ms-transform: rotate(270deg);
transform: rotate(270deg)
}
.fa-flip-horizontal {
filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=0, mirror=1);
-webkit-transform: scale(-1, 1);
-ms-transform: scale(-1, 1);
transform: scale(-1, 1)
}
.fa-flip-vertical {
filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=2, mirror=1);
-webkit-transform: scale(1, -1);
-ms-transform: scale(1, -1);
transform: scale(1, -1)
}
:root .fa-rotate-90,
:root .fa-rotate-180,
:root .fa-rotate-270,
:root .fa-flip-horizontal,
:root .fa-flip-vertical {
filter: none
}
.fa-stack {
position: relative;
display: inline-block;
width: 2em;
height: 2em;
line-height: 2em;
vertical-align: middle
}
.fa-stack-1x,
.fa-stack-2x {
position: absolute;
left: 0;
width: 100%;
text-align: center
}
.fa-stack-1x {
line-height: inherit
}
.fa-stack-2x {
font-size: 2em
}
.fa-inverse {
color: #fff
}
.fa-glass:before {
content: "\f000"
}
.fa-music:before {
content: "\f001"
}
.fa-search:before {
content: "\f002"
}
.fa-envelope-o:before {
content: "\f003"
}
.fa-heart:before {
content: "\f004"
}
.fa-star:before {
content: "\f005"
}
.fa-star-o:before {
content: "\f006"
}
.fa-user:before {
content: "\f007"
}
.fa-film:before {
content: "\f008"
}
.fa-th-large:before {
content: "\f009"
}
.fa-th:before {
content: "\f00a"
}
.fa-th-list:before {
content: "\f00b"
}
.fa-check:before {
content: "\f00c"
}
.fa-remove:before,
.fa-close:before,
.fa-times:before {
content: "\f00d"
}
.fa-search-plus:before {
content: "\f00e"
}
.fa-search-minus:before {
content: "\f010"
}
.fa-power-off:before {
content: "\f011"
}
.fa-signal:before {
content: "\f012"
}
.fa-gear:before,
.fa-cog:before {
content: "\f013"
}
.fa-trash-o:before {
content: "\f014"
}
.fa-home:before {
content: "\f015"
}
.fa-file-o:before {
content: "\f016"
}
.fa-clock-o:before {
content: "\f017"
}
.fa-road:before {
content: "\f018"
}
.fa-download:before {
content: "\f019"
}
.fa-arrow-circle-o-down:before {
content: "\f01a"
}
.fa-arrow-circle-o-up:before {
content: "\f01b"
}
.fa-inbox:before {
content: "\f01c"
}
.fa-play-circle-o:before {
content: "\f01d"
}
.fa-rotate-right:before,
.fa-repeat:before {
content: "\f01e"
}
.fa-refresh:before {
content: "\f021"
}
.fa-list-alt:before {
content: "\f022"
}
.fa-lock:before {
content: "\f023"
}
.fa-flag:before {
content: "\f024"
}
.fa-headphones:before {
content: "\f025"
}
.fa-volume-off:before {
content: "\f026"
}
.fa-volume-down:before {
content: "\f027"
}
.fa-volume-up:before {
content: "\f028"
}
.fa-qrcode:before {
content: "\f029"
}
.fa-barcode:before {
content: "\f02a"
}
.fa-tag:before {
content: "\f02b"
}
.fa-tags:before {
content: "\f02c"
}
.fa-book:before {
content: "\f02d"
}
.fa-bookmark:before {
content: "\f02e"
}
.fa-print:before {
content: "\f02f"
}
.fa-camera:before {
content: "\f030"
}
.fa-font:before {
content: "\f031"
}
.fa-bold:before {
content: "\f032"
}
.fa-italic:before {
content: "\f033"
}
.fa-text-height:before {
content: "\f034"
}
.fa-text-width:before {
content: "\f035"
}
.fa-align-left:before {
content: "\f036"
}
.fa-align-center:before {
content: "\f037"
}
.fa-align-right:before {
content: "\f038"
}
.fa-align-justify:before {
content: "\f039"
}
.fa-list:before {
content: "\f03a"
}
.fa-dedent:before,
.fa-outdent:before {
content: "\f03b"
}
.fa-indent:before {
content: "\f03c"
}
.fa-video-camera:before {
content: "\f03d"
}
.fa-photo:before,
.fa-image:before,
.fa-picture-o:before {
content: "\f03e"
}
.fa-pencil:before {
content: "\f040"
}
.fa-map-marker:before {
content: "\f041"
}
.fa-adjust:before {
content: "\f042"
}
.fa-tint:before {
content: "\f043"
}
.fa-edit:before,
.fa-pencil-square-o:before {
content: "\f044"
}
.fa-share-square-o:before {
content: "\f045"
}
.fa-check-square-o:before {
content: "\f046"
}
.fa-arrows:before {
content: "\f047"
}
.fa-step-backward:before {
content: "\f048"
}
.fa-fast-backward:before {
content: "\f049"
}
.fa-backward:before {
content: "\f04a"
}
.fa-play:before {
content: "\f04b"
}
.fa-pause:before {
content: "\f04c"
}
.fa-stop:before {
content: "\f04d"
}
.fa-forward:before {
content: "\f04e"
}
.fa-fast-forward:before {
content: "\f050"
}
.fa-step-forward:before {
content: "\f051"
}
.fa-eject:before {
content: "\f052"
}
.fa-chevron-left:before {
content: "\f053"
}
.fa-chevron-right:before {
content: "\f054"
}
.fa-plus-circle:before {
content: "\f055"
}
.fa-minus-circle:before {
content: "\f056"
}
.fa-times-circle:before {
content: "\f057"
}
.fa-check-circle:before {
content: "\f058"
}
.fa-question-circle:before {
content: "\f059"
}
.fa-info-circle:before {
content: "\f05a"
}
.fa-crosshairs:before {
content: "\f05b"
}
.fa-times-circle-o:before {
content: "\f05c"
}
.fa-check-circle-o:before {
content: "\f05d"
}
.fa-ban:before {
content: "\f05e"
}
.fa-arrow-left:before {
content: "\f060"
}
.fa-arrow-right:before {
content: "\f061"
}
.fa-arrow-up:before {
content: "\f062"
}
.fa-arrow-down:before {
content: "\f063"
}
.fa-mail-forward:before,
.fa-share:before {
content: "\f064"
}
.fa-expand:before {
content: "\f065"
}
.fa-compress:before {
content: "\f066"
}
.fa-plus:before {
content: "\f067"
}
.fa-minus:before {
content: "\f068"
}
.fa-asterisk:before {
content: "\f069"
}
.fa-exclamation-circle:before {
content: "\f06a"
}
.fa-gift:before {
content: "\f06b"
}
.fa-leaf:before {
content: "\f06c"
}
.fa-fire:before {
content: "\f06d"
}
.fa-eye:before {
content: "\f06e"
}
.fa-eye-slash:before {
content: "\f070"
}
.fa-warning:before,
.fa-exclamation-triangle:before {
content: "\f071"
}
.fa-plane:before {
content: "\f072"
}
.fa-calendar:before {
content: "\f073"
}
.fa-random:before {
content: "\f074"
}
.fa-comment:before {
content: "\f075"
}
.fa-magnet:before {
content: "\f076"
}
.fa-chevron-up:before {
content: "\f077"
}
.fa-chevron-down:before {
content: "\f078"
}
.fa-retweet:before {
content: "\f079"
}
.fa-shopping-cart:before {
content: "\f07a"
}
.fa-folder:before {
content: "\f07b"
}
.fa-folder-open:before {
content: "\f07c"
}
.fa-arrows-v:before {
content: "\f07d"
}
.fa-arrows-h:before {
content: "\f07e"
}
.fa-bar-chart-o:before,
.fa-bar-chart:before {
content: "\f080"
}
.fa-twitter-square:before {
content: "\f081"
}
.fa-facebook-square:before {
content: "\f082"
}
.fa-camera-retro:before {
content: "\f083"
}
.fa-key:before {
content: "\f084"
}
.fa-gears:before,
.fa-cogs:before {
content: "\f085"
}
.fa-comments:before {
content: "\f086"
}
.fa-thumbs-o-up:before {
content: "\f087"
}
.fa-thumbs-o-down:before {
content: "\f088"
}
.fa-star-half:before {
content: "\f089"
}
.fa-heart-o:before {
content: "\f08a"
}
.fa-sign-out:before {
content: "\f08b"
}
.fa-linkedin-square:before {
content: "\f08c"
}
.fa-thumb-tack:before {
content: "\f08d"
}
.fa-external-link:before {
content: "\f08e"
}
.fa-sign-in:before {
content: "\f090"
}
.fa-trophy:before {
content: "\f091"
}
.fa-github-square:before {
content: "\f092"
}
.fa-upload:before {
content: "\f093"
}
.fa-lemon-o:before {
content: "\f094"
}
.fa-phone:before {
content: "\f095"
}
.fa-square-o:before {
content: "\f096"
}
.fa-bookmark-o:before {
content: "\f097"
}
.fa-phone-square:before {
content: "\f098"
}
.fa-twitter:before {
content: "\f099"
}
.fa-facebook-f:before,
.fa-facebook:before {
content: "\f09a"
}
.fa-github:before {
content: "\f09b"
}
.fa-unlock:before {
content: "\f09c"
}
.fa-credit-card:before {
content: "\f09d"
}
.fa-feed:before,
.fa-rss:before {
content: "\f09e"
}
.fa-hdd-o:before {
content: "\f0a0"
}
.fa-bullhorn:before {
content: "\f0a1"
}
.fa-bell:before {
content: "\f0f3"
}
.fa-certificate:before {
content: "\f0a3"
}
.fa-hand-o-right:before {
content: "\f0a4"
}
.fa-hand-o-left:before {
content: "\f0a5"
}
.fa-hand-o-up:before {
content: "\f0a6"
}
.fa-hand-o-down:before {
content: "\f0a7"
}
.fa-arrow-circle-left:before {
content: "\f0a8"
}
.fa-arrow-circle-right:before {
content: "\f0a9"
}
.fa-arrow-circle-up:before {
content: "\f0aa"
}
.fa-arrow-circle-down:before {
content: "\f0ab"
}
.fa-globe:before {
content: "\f0ac"
}
.fa-wrench:before {
content: "\f0ad"
}
.fa-tasks:before {
content: "\f0ae"
}
.fa-filter:before {
content: "\f0b0"
}
.fa-briefcase:before {
content: "\f0b1"
}
.fa-arrows-alt:before {
content: "\f0b2"
}
.fa-group:before,
.fa-users:before {
content: "\f0c0"
}
.fa-chain:before,
.fa-link:before {
content: "\f0c1"
}
.fa-cloud:before {
content: "\f0c2"
}
.fa-flask:before {
content: "\f0c3"
}
.fa-cut:before,
.fa-scissors:before {
content: "\f0c4"
}
.fa-copy:before,
.fa-files-o:before {
content: "\f0c5"
}
.fa-paperclip:before {
content: "\f0c6"
}
.fa-save:before,
.fa-floppy-o:before {
content: "\f0c7"
}
.fa-square:before {
content: "\f0c8"
}
.fa-navicon:before,
.fa-reorder:before,
.fa-bars:before {
content: "\f0c9"
}
.fa-list-ul:before {
content: "\f0ca"
}
.fa-list-ol:before {
content: "\f0cb"
}
.fa-strikethrough:before {
content: "\f0cc"
}
.fa-underline:before {
content: "\f0cd"
}
.fa-table:before {
content: "\f0ce"
}
.fa-magic:before {
content: "\f0d0"
}
.fa-truck:before {
content: "\f0d1"
}
.fa-pinterest:before {
content: "\f0d2"
}
.fa-pinterest-square:before {
content: "\f0d3"
}
.fa-google-plus-square:before {
content: "\f0d4"
}
.fa-google-plus:before {
content: "\f0d5"
}
.fa-money:before {
content: "\f0d6"
}
.fa-caret-down:before {
content: "\f0d7"
}
.fa-caret-up:before {
content: "\f0d8"
}
.fa-caret-left:before {
content: "\f0d9"
}
.fa-caret-right:before {
content: "\f0da"
}
.fa-columns:before {
content: "\f0db"
}
.fa-unsorted:before,
.fa-sort:before {
content: "\f0dc"
}
.fa-sort-down:before,
.fa-sort-desc:before {
content: "\f0dd"
}
.fa-sort-up:before,
.fa-sort-asc:before {
content: "\f0de"
}
.fa-envelope:before {
content: "\f0e0"
}
.fa-linkedin:before {
content: "\f0e1"
}
.fa-rotate-left:before,
.fa-undo:before {
content: "\f0e2"
}
.fa-legal:before,
.fa-gavel:before {
content: "\f0e3"
}
.fa-dashboard:before,
.fa-tachometer:before {
content: "\f0e4"
}
.fa-comment-o:before {
content: "\f0e5"
}
.fa-comments-o:before {
content: "\f0e6"
}
.fa-flash:before,
.fa-bolt:before {
content: "\f0e7"
}
.fa-sitemap:before {
content: "\f0e8"
}
.fa-umbrella:before {
content: "\f0e9"
}
.fa-paste:before,
.fa-clipboard:before {
content: "\f0ea"
}
.fa-lightbulb-o:before {
content: "\f0eb"
}
.fa-exchange:before {
content: "\f0ec"
}
.fa-cloud-download:before {
content: "\f0ed"
}
.fa-cloud-upload:before {
content: "\f0ee"
}
.fa-user-md:before {
content: "\f0f0"
}
.fa-stethoscope:before {
content: "\f0f1"
}
.fa-suitcase:before {
content: "\f0f2"
}
.fa-bell-o:before {
content: "\f0a2"
}
.fa-coffee:before {
content: "\f0f4"
}
.fa-cutlery:before {
content: "\f0f5"
}
.fa-file-text-o:before {
content: "\f0f6"
}
.fa-building-o:before {
content: "\f0f7"
}
.fa-hospital-o:before {
content: "\f0f8"
}
.fa-ambulance:before {
content: "\f0f9"
}
.fa-medkit:before {
content: "\f0fa"
}
.fa-fighter-jet:before {
content: "\f0fb"
}
.fa-beer:before {
content: "\f0fc"
}
.fa-h-square:before {
content: "\f0fd"
}
.fa-plus-square:before {
content: "\f0fe"
}
.fa-angle-double-left:before {
content: "\f100"
}
.fa-angle-double-right:before {
content: "\f101"
}
.fa-angle-double-up:before {
content: "\f102"
}
.fa-angle-double-down:before {
content: "\f103"
}
.fa-angle-left:before {
content: "\f104"
}
.fa-angle-right:before {
content: "\f105"
}
.fa-angle-up:before {
content: "\f106"
}
.fa-angle-down:before {
content: "\f107"
}
.fa-desktop:before {
content: "\f108"
}
.fa-laptop:before {
content: "\f109"
}
.fa-tablet:before {
content: "\f10a"
}
.fa-mobile-phone:before,
.fa-mobile:before {
content: "\f10b"
}
.fa-circle-o:before {
content: "\f10c"
}
.fa-quote-left:before {
content: "\f10d"
}
.fa-quote-right:before {
content: "\f10e"
}
.fa-spinner:before {
content: "\f110"
}
.fa-circle:before {
content: "\f111"
}
.fa-mail-reply:before,
.fa-reply:before {
content: "\f112"
}
.fa-github-alt:before {
content: "\f113"
}
.fa-folder-o:before {
content: "\f114"
}
.fa-folder-open-o:before {
content: "\f115"
}
.fa-smile-o:before {
content: "\f118"
}
.fa-frown-o:before {
content: "\f119"
}
.fa-meh-o:before {
content: "\f11a"
}
.fa-gamepad:before {
content: "\f11b"
}
.fa-keyboard-o:before {
content: "\f11c"
}
.fa-flag-o:before {
content: "\f11d"
}
.fa-flag-checkered:before {
content: "\f11e"
}
.fa-terminal:before {
content: "\f120"
}
.fa-code:before {
content: "\f121"
}
.fa-mail-reply-all:before,
.fa-reply-all:before {
content: "\f122"
}
.fa-star-half-empty:before,
.fa-star-half-full:before,
.fa-star-half-o:before {
content: "\f123"
}
.fa-location-arrow:before {
content: "\f124"
}
.fa-crop:before {
content: "\f125"
}
.fa-code-fork:before {
content: "\f126"
}
.fa-unlink:before,
.fa-chain-broken:before {
content: "\f127"
}
.fa-question:before {
content: "\f128"
}
.fa-info:before {
content: "\f129"
}
.fa-exclamation:before {
content: "\f12a"
}
.fa-superscript:before {
content: "\f12b"
}
.fa-subscript:before {
content: "\f12c"
}
.fa-eraser:before {
content: "\f12d"
}
.fa-puzzle-piece:before {
content: "\f12e"
}
.fa-microphone:before {
content: "\f130"
}
.fa-microphone-slash:before {
content: "\f131"
}
.fa-shield:before {
content: "\f132"
}
.fa-calendar-o:before {
content: "\f133"
}
.fa-fire-extinguisher:before {
content: "\f134"
}
.fa-rocket:before {
content: "\f135"
}
.fa-maxcdn:before {
content: "\f136"
}
.fa-chevron-circle-left:before {
content: "\f137"
}
.fa-chevron-circle-right:before {
content: "\f138"
}
.fa-chevron-circle-up:before {
content: "\f139"
}
.fa-chevron-circle-down:before {
content: "\f13a"
}
.fa-html5:before {
content: "\f13b"
}
.fa-css3:before {
content: "\f13c"
}
.fa-anchor:before {
content: "\f13d"
}
.fa-unlock-alt:before {
content: "\f13e"
}
.fa-bullseye:before {
content: "\f140"
}
.fa-ellipsis-h:before {
content: "\f141"
}
.fa-ellipsis-v:before {
content: "\f142"
}
.fa-rss-square:before {
content: "\f143"
}
.fa-play-circle:before {
content: "\f144"
}
.fa-ticket:before {
content: "\f145"
}
.fa-minus-square:before {
content: "\f146"
}
.fa-minus-square-o:before {
content: "\f147"
}
.fa-level-up:before {
content: "\f148"
}
.fa-level-down:before {
content: "\f149"
}
.fa-check-square:before {
content: "\f14a"
}
.fa-pencil-square:before {
content: "\f14b"
}
.fa-external-link-square:before {
content: "\f14c"
}
.fa-share-square:before {
content: "\f14d"
}
.fa-compass:before {
content: "\f14e"
}
.fa-toggle-down:before,
.fa-caret-square-o-down:before {
content: "\f150"
}
.fa-toggle-up:before,
.fa-caret-square-o-up:before {
content: "\f151"
}
.fa-toggle-right:before,
.fa-caret-square-o-right:before {
content: "\f152"
}
.fa-euro:before,
.fa-eur:before {
content: "\f153"
}
.fa-gbp:before {
content: "\f154"
}
.fa-dollar:before,
.fa-usd:before {
content: "\f155"
}
.fa-rupee:before,
.fa-inr:before {
content: "\f156"
}
.fa-cny:before,
.fa-rmb:before,
.fa-yen:before,
.fa-jpy:before {
content: "\f157"
}
.fa-ruble:before,
.fa-rouble:before,
.fa-rub:before {
content: "\f158"
}
.fa-won:before,
.fa-krw:before {
content: "\f159"
}
.fa-bitcoin:before,
.fa-btc:before {
content: "\f15a"
}
.fa-file:before {
content: "\f15b"
}
.fa-file-text:before {
content: "\f15c"
}
.fa-sort-alpha-asc:before {
content: "\f15d"
}
.fa-sort-alpha-desc:before {
content: "\f15e"
}
.fa-sort-amount-asc:before {
content: "\f160"
}
.fa-sort-amount-desc:before {
content: "\f161"
}
.fa-sort-numeric-asc:before {
content: "\f162"
}
.fa-sort-numeric-desc:before {
content: "\f163"
}
.fa-thumbs-up:before {
content: "\f164"
}
.fa-thumbs-down:before {
content: "\f165"
}
.fa-youtube-square:before {
content: "\f166"
}
.fa-youtube:before {
content: "\f167"
}
.fa-xing:before {
content: "\f168"
}
.fa-xing-square:before {
content: "\f169"
}
.fa-youtube-play:before {
content: "\f16a"
}
.fa-dropbox:before {
content: "\f16b"
}
.fa-stack-overflow:before {
content: "\f16c"
}
.fa-instagram:before {
content: "\f16d"
}
.fa-flickr:before {
content: "\f16e"
}
.fa-adn:before {
content: "\f170"
}
.fa-bitbucket:before {
content: "\f171"
}
.fa-bitbucket-square:before {
content: "\f172"
}
.fa-tumblr:before {
content: "\f173"
}
.fa-tumblr-square:before {
content: "\f174"
}
.fa-long-arrow-down:before {
content: "\f175"
}
.fa-long-arrow-up:before {
content: "\f176"
}
.fa-long-arrow-left:before {
content: "\f177"
}
.fa-long-arrow-right:before {
content: "\f178"
}
.fa-apple:before {
content: "\f179"
}
.fa-windows:before {
content: "\f17a"
}
.fa-android:before {
content: "\f17b"
}
.fa-linux:before {
content: "\f17c"
}
.fa-dribbble:before {
content: "\f17d"
}
.fa-skype:before {
content: "\f17e"
}
.fa-foursquare:before {
content: "\f180"
}
.fa-trello:before {
content: "\f181"
}
.fa-female:before {
content: "\f182"
}
.fa-male:before {
content: "\f183"
}
.fa-gittip:before,
.fa-gratipay:before {
content: "\f184"
}
.fa-sun-o:before {
content: "\f185"
}
.fa-moon-o:before {
content: "\f186"
}
.fa-archive:before {
content: "\f187"
}
.fa-bug:before {
content: "\f188"
}
.fa-vk:before {
content: "\f189"
}
.fa-weibo:before {
content: "\f18a"
}
.fa-renren:before {
content: "\f18b"
}
.fa-pagelines:before {
content: "\f18c"
}
.fa-stack-exchange:before {
content: "\f18d"
}
.fa-arrow-circle-o-right:before {
content: "\f18e"
}
.fa-arrow-circle-o-left:before {
content: "\f190"
}
.fa-toggle-left:before,
.fa-caret-square-o-left:before {
content: "\f191"
}
.fa-dot-circle-o:before {
content: "\f192"
}
.fa-wheelchair:before {
content: "\f193"
}
.fa-vimeo-square:before {
content: "\f194"
}
.fa-turkish-lira:before,
.fa-try:before {
content: "\f195"
}
.fa-plus-square-o:before {
content: "\f196"
}
.fa-space-shuttle:before {
content: "\f197"
}
.fa-slack:before {
content: "\f198"
}
.fa-envelope-square:before {
content: "\f199"
}
.fa-wordpress:before {
content: "\f19a"
}
.fa-openid:before {
content: "\f19b"
}
.fa-institution:before,
.fa-bank:before,
.fa-university:before {
content: "\f19c"
}
.fa-mortar-board:before,
.fa-graduation-cap:before {
content: "\f19d"
}
.fa-yahoo:before {
content: "\f19e"
}
.fa-google:before {
content: "\f1a0"
}
.fa-reddit:before {
content: "\f1a1"
}
.fa-reddit-square:before {
content: "\f1a2"
}
.fa-stumbleupon-circle:before {
content: "\f1a3"
}
.fa-stumbleupon:before {
content: "\f1a4"
}
.fa-delicious:before {
content: "\f1a5"
}
.fa-digg:before {
content: "\f1a6"
}
.fa-pied-piper:before {
content: "\f1a7"
}
.fa-pied-piper-alt:before {
content: "\f1a8"
}
.fa-drupal:before {
content: "\f1a9"
}
.fa-joomla:before {
content: "\f1aa"
}
.fa-language:before {
content: "\f1ab"
}
.fa-fax:before {
content: "\f1ac"
}
.fa-building:before {
content: "\f1ad"
}
.fa-child:before {
content: "\f1ae"
}
.fa-paw:before {
content: "\f1b0"
}
.fa-spoon:before {
content: "\f1b1"
}
.fa-cube:before {
content: "\f1b2"
}
.fa-cubes:before {
content: "\f1b3"
}
.fa-behance:before {
content: "\f1b4"
}
.fa-behance-square:before {
content: "\f1b5"
}
.fa-steam:before {
content: "\f1b6"
}
.fa-steam-square:before {
content: "\f1b7"
}
.fa-recycle:before {
content: "\f1b8"
}
.fa-automobile:before,
.fa-car:before {
content: "\f1b9"
}
.fa-cab:before,
.fa-taxi:before {
content: "\f1ba"
}
.fa-tree:before {
content: "\f1bb"
}
.fa-spotify:before {
content: "\f1bc"
}
.fa-deviantart:before {
content: "\f1bd"
}
.fa-soundcloud:before {
content: "\f1be"
}
.fa-database:before {
content: "\f1c0"
}
.fa-file-pdf-o:before {
content: "\f1c1"
}
.fa-file-word-o:before {
content: "\f1c2"
}
.fa-file-excel-o:before {
content: "\f1c3"
}
.fa-file-powerpoint-o:before {
content: "\f1c4"
}
.fa-file-photo-o:before,
.fa-file-picture-o:before,
.fa-file-image-o:before {
content: "\f1c5"
}
.fa-file-zip-o:before,
.fa-file-archive-o:before {
content: "\f1c6"
}
.fa-file-sound-o:before,
.fa-file-audio-o:before {
content: "\f1c7"
}
.fa-file-movie-o:before,
.fa-file-video-o:before {
content: "\f1c8"
}
.fa-file-code-o:before {
content: "\f1c9"
}
.fa-vine:before {
content: "\f1ca"
}
.fa-codepen:before {
content: "\f1cb"
}
.fa-jsfiddle:before {
content: "\f1cc"
}
.fa-life-bouy:before,
.fa-life-buoy:before,
.fa-life-saver:before,
.fa-support:before,
.fa-life-ring:before {
content: "\f1cd"
}
.fa-circle-o-notch:before {
content: "\f1ce"
}
.fa-ra:before,
.fa-rebel:before {
content: "\f1d0"
}
.fa-ge:before,
.fa-empire:before {
content: "\f1d1"
}
.fa-git-square:before {
content: "\f1d2"
}
.fa-git:before {
content: "\f1d3"
}
.fa-y-combinator-square:before,
.fa-yc-square:before,
.fa-hacker-news:before {
content: "\f1d4"
}
.fa-tencent-weibo:before {
content: "\f1d5"
}
.fa-qq:before {
content: "\f1d6"
}
.fa-wechat:before,
.fa-weixin:before {
content: "\f1d7"
}
.fa-send:before,
.fa-paper-plane:before {
content: "\f1d8"
}
.fa-send-o:before,
.fa-paper-plane-o:before {
content: "\f1d9"
}
.fa-history:before {
content: "\f1da"
}
.fa-circle-thin:before {
content: "\f1db"
}
.fa-header:before {
content: "\f1dc"
}
.fa-paragraph:before {
content: "\f1dd"
}
.fa-sliders:before {
content: "\f1de"
}
.fa-share-alt:before {
content: "\f1e0"
}
.fa-share-alt-square:before {
content: "\f1e1"
}
.fa-bomb:before {
content: "\f1e2"
}
.fa-soccer-ball-o:before,
.fa-futbol-o:before {
content: "\f1e3"
}
.fa-tty:before {
content: "\f1e4"
}
.fa-binoculars:before {
content: "\f1e5"
}
.fa-plug:before {
content: "\f1e6"
}
.fa-slideshare:before {
content: "\f1e7"
}
.fa-twitch:before {
content: "\f1e8"
}
.fa-yelp:before {
content: "\f1e9"
}
.fa-newspaper-o:before {
content: "\f1ea"
}
.fa-wifi:before {
content: "\f1eb"
}
.fa-calculator:before {
content: "\f1ec"
}
.fa-paypal:before {
content: "\f1ed"
}
.fa-google-wallet:before {
content: "\f1ee"
}
.fa-cc-visa:before {
content: "\f1f0"
}
.fa-cc-mastercard:before {
content: "\f1f1"
}
.fa-cc-discover:before {
content: "\f1f2"
}
.fa-cc-amex:before {
content: "\f1f3"
}
.fa-cc-paypal:before {
content: "\f1f4"
}
.fa-cc-stripe:before {
content: "\f1f5"
}
.fa-bell-slash:before {
content: "\f1f6"
}
.fa-bell-slash-o:before {
content: "\f1f7"
}
.fa-trash:before {
content: "\f1f8"
}
.fa-copyright:before {
content: "\f1f9"
}
.fa-at:before {
content: "\f1fa"
}
.fa-eyedropper:before {
content: "\f1fb"
}
.fa-paint-brush:before {
content: "\f1fc"
}
.fa-birthday-cake:before {
content: "\f1fd"
}
.fa-area-chart:before {
content: "\f1fe"
}
.fa-pie-chart:before {
content: "\f200"
}
.fa-line-chart:before {
content: "\f201"
}
.fa-lastfm:before {
content: "\f202"
}
.fa-lastfm-square:before {
content: "\f203"
}
.fa-toggle-off:before {
content: "\f204"
}
.fa-toggle-on:before {
content: "\f205"
}
.fa-bicycle:before {
content: "\f206"
}
.fa-bus:before {
content: "\f207"
}
.fa-ioxhost:before {
content: "\f208"
}
.fa-angellist:before {
content: "\f209"
}
.fa-cc:before {
content: "\f20a"
}
.fa-shekel:before,
.fa-sheqel:before,
.fa-ils:before {
content: "\f20b"
}
.fa-meanpath:before {
content: "\f20c"
}
.fa-buysellads:before {
content: "\f20d"
}
.fa-connectdevelop:before {
content: "\f20e"
}
.fa-dashcube:before {
content: "\f210"
}
.fa-forumbee:before {
content: "\f211"
}
.fa-leanpub:before {
content: "\f212"
}
.fa-sellsy:before {
content: "\f213"
}
.fa-shirtsinbulk:before {
content: "\f214"
}
.fa-simplybuilt:before {
content: "\f215"
}
.fa-skyatlas:before {
content: "\f216"
}
.fa-cart-plus:before {
content: "\f217"
}
.fa-cart-arrow-down:before {
content: "\f218"
}
.fa-diamond:before {
content: "\f219"
}
.fa-ship:before {
content: "\f21a"
}
.fa-user-secret:before {
content: "\f21b"
}
.fa-motorcycle:before {
content: "\f21c"
}
.fa-street-view:before {
content: "\f21d"
}
.fa-heartbeat:before {
content: "\f21e"
}
.fa-venus:before {
content: "\f221"
}
.fa-mars:before {
content: "\f222"
}
.fa-mercury:before {
content: "\f223"
}
.fa-intersex:before,
.fa-transgender:before {
content: "\f224"
}
.fa-transgender-alt:before {
content: "\f225"
}
.fa-venus-double:before {
content: "\f226"
}
.fa-mars-double:before {
content: "\f227"
}
.fa-venus-mars:before {
content: "\f228"
}
.fa-mars-stroke:before {
content: "\f229"
}
.fa-mars-stroke-v:before {
content: "\f22a"
}
.fa-mars-stroke-h:before {
content: "\f22b"
}
.fa-neuter:before {
content: "\f22c"
}
.fa-genderless:before {
content: "\f22d"
}
.fa-facebook-official:before {
content: "\f230"
}
.fa-pinterest-p:before {
content: "\f231"
}
.fa-whatsapp:before {
content: "\f232"
}
.fa-server:before {
content: "\f233"
}
.fa-user-plus:before {
content: "\f234"
}
.fa-user-times:before {
content: "\f235"
}
.fa-hotel:before,
.fa-bed:before {
content: "\f236"
}
.fa-viacoin:before {
content: "\f237"
}
.fa-train:before {
content: "\f238"
}
.fa-subway:before {
content: "\f239"
}
.fa-medium:before {
content: "\f23a"
}
.fa-yc:before,
.fa-y-combinator:before {
content: "\f23b"
}
.fa-optin-monster:before {
content: "\f23c"
}
.fa-opencart:before {
content: "\f23d"
}
.fa-expeditedssl:before {
content: "\f23e"
}
.fa-battery-4:before,
.fa-battery-full:before {
content: "\f240"
}
.fa-battery-3:before,
.fa-battery-three-quarters:before {
content: "\f241"
}
.fa-battery-2:before,
.fa-battery-half:before {
content: "\f242"
}
.fa-battery-1:before,
.fa-battery-quarter:before {
content: "\f243"
}
.fa-battery-0:before,
.fa-battery-empty:before {
content: "\f244"
}
.fa-mouse-pointer:before {
content: "\f245"
}
.fa-i-cursor:before {
content: "\f246"
}
.fa-object-group:before {
content: "\f247"
}
.fa-object-ungroup:before {
content: "\f248"
}
.fa-sticky-note:before {
content: "\f249"
}
.fa-sticky-note-o:before {
content: "\f24a"
}
.fa-cc-jcb:before {
content: "\f24b"
}
.fa-cc-diners-club:before {
content: "\f24c"
}
.fa-clone:before {
content: "\f24d"
}
.fa-balance-scale:before {
content: "\f24e"
}
.fa-hourglass-o:before {
content: "\f250"
}
.fa-hourglass-1:before,
.fa-hourglass-start:before {
content: "\f251"
}
.fa-hourglass-2:before,
.fa-hourglass-half:before {
content: "\f252"
}
.fa-hourglass-3:before,
.fa-hourglass-end:before {
content: "\f253"
}
.fa-hourglass:before {
content: "\f254"
}
.fa-hand-grab-o:before,
.fa-hand-rock-o:before {
content: "\f255"
}
.fa-hand-stop-o:before,
.fa-hand-paper-o:before {
content: "\f256"
}
.fa-hand-scissors-o:before {
content: "\f257"
}
.fa-hand-lizard-o:before {
content: "\f258"
}
.fa-hand-spock-o:before {
content: "\f259"
}
.fa-hand-pointer-o:before {
content: "\f25a"
}
.fa-hand-peace-o:before {
content: "\f25b"
}
.fa-trademark:before {
content: "\f25c"
}
.fa-registered:before {
content: "\f25d"
}
.fa-creative-commons:before {
content: "\f25e"
}
.fa-gg:before {
content: "\f260"
}
.fa-gg-circle:before {
content: "\f261"
}
.fa-tripadvisor:before {
content: "\f262"
}
.fa-odnoklassniki:before {
content: "\f263"
}
.fa-odnoklassniki-square:before {
content: "\f264"
}
.fa-get-pocket:before {
content: "\f265"
}
.fa-wikipedia-w:before {
content: "\f266"
}
.fa-safari:before {
content: "\f267"
}
.fa-chrome:before {
content: "\f268"
}
.fa-firefox:before {
content: "\f269"
}
.fa-opera:before {
content: "\f26a"
}
.fa-internet-explorer:before {
content: "\f26b"
}
.fa-tv:before,
.fa-television:before {
content: "\f26c"
}
.fa-contao:before {
content: "\f26d"
}
.fa-500px:before {
content: "\f26e"
}
.fa-amazon:before {
content: "\f270"
}
.fa-calendar-plus-o:before {
content: "\f271"
}
.fa-calendar-minus-o:before {
content: "\f272"
}
.fa-calendar-times-o:before {
content: "\f273"
}
.fa-calendar-check-o:before {
content: "\f274"
}
.fa-industry:before {
content: "\f275"
}
.fa-map-pin:before {
content: "\f276"
}
.fa-map-signs:before {
content: "\f277"
}
.fa-map-o:before {
content: "\f278"
}
.fa-map:before {
content: "\f279"
}
.fa-commenting:before {
content: "\f27a"
}
.fa-commenting-o:before {
content: "\f27b"
}
.fa-houzz:before {
content: "\f27c"
}
.fa-vimeo:before {
content: "\f27d"
}
.fa-black-tie:before {
content: "\f27e"
}
.fa-fonticons:before {
content: "\f280"
}
.fa-reddit-alien:before {
content: "\f281"
}
.fa-edge:before {
content: "\f282"
}
.fa-credit-card-alt:before {
content: "\f283"
}
.fa-codiepie:before {
content: "\f284"
}
.fa-modx:before {
content: "\f285"
}
.fa-fort-awesome:before {
content: "\f286"
}
.fa-usb:before {
content: "\f287"
}
.fa-product-hunt:before {
content: "\f288"
}
.fa-mixcloud:before {
content: "\f289"
}
.fa-scribd:before {
content: "\f28a"
}
.fa-pause-circle:before {
content: "\f28b"
}
.fa-pause-circle-o:before {
content: "\f28c"
}
.fa-stop-circle:before {
content: "\f28d"
}
.fa-stop-circle-o:before {
content: "\f28e"
}
.fa-shopping-bag:before {
content: "\f290"
}
.fa-shopping-basket:before {
content: "\f291"
}
.fa-hashtag:before {
content: "\f292"
}
.fa-bluetooth:before {
content: "\f293"
}
.fa-bluetooth-b:before {
content: "\f294"
}
.fa-percent:before {
content: "\f295"
}
/* pace-flash.css */
.pace {
-webkit-pointer-events: none;
pointer-events: none;
-webkit-user-select: none;
-moz-user-select: none;
user-select: none;
}
.pace-inactive {
display: none;
}
.pace .pace-progress {
background: #9ad0e5;
position: fixed;
z-index: 2000;
top: 0;
left: 0;
height: 2px;
-webkit-transition: width 1s;
-moz-transition: width 1s;
-o-transition: width 1s;
transition: width 1s;
}
.pace .pace-progress-inner {
display: block;
position: absolute;
right: 0px;
width: 100px;
height: 100%;
box-shadow: 0 0 10px #9ad0e5, 0 0 5px #9ad0e5;
opacity: 1.0;
-webkit-transform: rotate(3deg) translate(0px, -4px);
-moz-transform: rotate(3deg) translate(0px, -4px);
-ms-transform: rotate(3deg) translate(0px, -4px);
-o-transform: rotate(3deg) translate(0px, -4px);
transform: rotate(3deg) translate(0px, -4px);
}
.pace .pace-activity {
display: block;
position: fixed;
z-index: 2000;
top: 15px;
right: 15px;
width: 14px;
height: 14px;
border: solid 2px transparent;
border-top-color: #9ad0e5;
border-left-color: #9ad0e5;
border-radius: 10px !important;
-webkit-animation: pace-spinner 400ms linear infinite;
-moz-animation: pace-spinner 400ms linear infinite;
-ms-animation: pace-spinner 400ms linear infinite;
-o-animation: pace-spinner 400ms linear infinite;
animation: pace-spinner 400ms linear infinite;
}
@-webkit-keyframes pace-spinner {
0% {
-webkit-transform: rotate(0deg);
transform: rotate(0deg);
}
100% {
-webkit-transform: rotate(360deg);
transform: rotate(-360deg);
}
}
@-moz-keyframes pace-spinner {
0% {
-moz-transform: rotate(0deg);
transform: rotate(0deg);
}
100% {
-moz-transform: rotate(360deg);
transform: rotate(-360deg);
}
}
@-o-keyframes pace-spinner {
0% {
-o-transform: rotate(0deg);
transform: rotate(0deg);
}
100% {
-o-transform: rotate(360deg);
transform: rotate(-360deg);
}
}
@-ms-keyframes pace-spinner {
0% {
-ms-transform: rotate(0deg);
transform: rotate(0deg);
}
100% {
-ms-transform: rotate(360deg);
transform: rotate(-360deg);
}
}
@keyframes pace-spinner {
0% {
transform: rotate(0deg);
transform: rotate(0deg);
}
100% {
transform: rotate(360deg);
transform: rotate(-360deg);
}
}
/* jquery.fancybox.css */
/*! fancyBox v2.1.5 fancyapps.com | fancyapps.com/fancybox/#license */
.fancybox-wrap,
.fancybox-skin,
.fancybox-outer,
.fancybox-inner,
.fancybox-image,
.fancybox-wrap iframe,
.fancybox-wrap object,
.fancybox-nav,
.fancybox-nav span,
.fancybox-tmp {
padding: 0;
margin: 0;
border: 0;
outline: none;
vertical-align: top;
}
.fancybox-wrap {
position: absolute;
top: 0;
left: 0;
z-index: 8020;
}
.fancybox-skin {
position: relative;
background: #f9f9f9;
color: #444;
text-shadow: none;
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
border-radius: 4px;
}
.fancybox-opened {
z-index: 8030;
}
.fancybox-opened .fancybox-skin {
-webkit-box-shadow: 0 10px 25px rgba(0, 0, 0, 0.5);
-moz-box-shadow: 0 10px 25px rgba(0, 0, 0, 0.5);
box-shadow: 0 10px 25px rgba(0, 0, 0, 0.5);
}
.fancybox-outer,
.fancybox-inner {
position: relative;
}
.fancybox-inner {
overflow: hidden;
}
.fancybox-type-iframe .fancybox-inner {
-webkit-overflow-scrolling: touch;
}
.fancybox-error {
color: #444;
font: 14px/20px "Helvetica Neue", Helvetica, Arial, sans-serif;
margin: 0;
padding: 15px;
white-space: nowrap;
}
.fancybox-image,
.fancybox-iframe {
display: block;
width: 100%;
height: 100%;
}
.fancybox-image {
max-width: 100%;
max-height: 100%;
}
#fancybox-loading,
.fancybox-close,
.fancybox-prev span,
.fancybox-next span {
background-image: url('fancybox_sprite.png');
}
#fancybox-loading {
position: fixed;
top: 50%;
left: 50%;
margin-top: -22px;
margin-left: -22px;
background-position: 0 -108px;
opacity: 0.8;
cursor: pointer;
z-index: 8060;
}
#fancybox-loading div {
width: 44px;
height: 44px;
background: url('fancybox_loading.gif') center center no-repeat;
}
.fancybox-close {
position: absolute;
top: -18px;
right: -18px;
width: 36px;
height: 36px;
cursor: pointer;
z-index: 8040;
}
.fancybox-nav {
position: absolute;
top: 0;
width: 40%;
height: 100%;
cursor: pointer;
text-decoration: none;
background: transparent url('blank.gif');
/* helps IE */
-webkit-tap-highlight-color: rgba(0, 0, 0, 0);
z-index: 8040;
}
.fancybox-prev {
left: 0;
}
.fancybox-next {
right: 0;
}
.fancybox-nav span {
position: absolute;
top: 50%;
width: 36px;
height: 34px;
margin-top: -18px;
cursor: pointer;
z-index: 8040;
visibility: hidden;
}
.fancybox-prev span {
left: 10px;
background-position: 0 -36px;
}
.fancybox-next span {
right: 10px;
background-position: 0 -72px;
}
.fancybox-nav:hover span {
visibility: visible;
}
.fancybox-tmp {
position: absolute;
top: -99999px;
left: -99999px;
visibility: hidden;
max-width: 99999px;
max-height: 99999px;
overflow: visible !important;
}
/* Overlay helper */
.fancybox-lock {
overflow: hidden !important;
width: auto;
}
.fancybox-lock body {
overflow: hidden !important;
}
.fancybox-lock-test {
overflow-y: hidden !important;
}
.fancybox-overlay {
position: absolute;
top: 0;
left: 0;
overflow: hidden;
display: none;
z-index: 8010;
background: url('fancybox_overlay.png');
}
.fancybox-overlay-fixed {
position: fixed;
bottom: 0;
right: 0;
}
.fancybox-lock .fancybox-overlay {
overflow: auto;
overflow-y: scroll;
}
/* Title helper */
.fancybox-title {
visibility: hidden;
font: normal 13px/20px "Helvetica Neue", Helvetica, Arial, sans-serif;
position: relative;
text-shadow: none;
z-index: 8050;
}
.fancybox-opened .fancybox-title {
visibility: visible;
}
.fancybox-title-float-wrap {
position: absolute;
bottom: 0;
right: 50%;
margin-bottom: -35px;
z-index: 8050;
text-align: center;
}
.fancybox-title-float-wrap .child {
display: inline-block;
margin-right: -100%;
padding: 2px 20px;
background: transparent;
/* Fallback for web browsers that doesn't support RGBa */
background: rgba(0, 0, 0, 0.8);
-webkit-border-radius: 15px;
-moz-border-radius: 15px;
border-radius: 15px;
text-shadow: 0 1px 2px #222;
color: #FFF;
font-weight: bold;
line-height: 24px;
white-space: nowrap;
}
.fancybox-title-outside-wrap {
position: relative;
margin-top: 10px;
color: #fff;
}
.fancybox-title-inside-wrap {
padding-top: 10px;
}
.fancybox-title-over-wrap {
position: absolute;
bottom: 0;
left: 0;
color: #fff;
padding: 10px;
background: #000;
background: rgba(0, 0, 0, .8);
}
/*Retina graphics!*/
@media only screen and (-webkit-min-device-pixel-ratio: 1.5),
only screen and (min--moz-device-pixel-ratio: 1.5),
only screen and (min-device-pixel-ratio: 1.5) {
#fancybox-loading,
.fancybox-close,
.fancybox-prev span,
.fancybox-next span {
background-image: url('fancybox_sprite@2x.png');
background-size: 44px 152px;
/*The size of the normal image, half the size of the hi-res image*/
}
#fancybox-loading div {
background-image: url('fancybox_loading@2x.gif');
background-size: 24px 24px;
/*The size of the normal image, half the size of the hi-res image*/
}
}
/* jquery.fancybox-thumbs.css?v=1.0.7 */
#fancybox-thumbs {
position: fixed;
left: 0;
width: 100%;
overflow: hidden;
z-index: 8050;
}
#fancybox-thumbs.bottom {
bottom: 2px;
}
#fancybox-thumbs.top {
top: 2px;
}
#fancybox-thumbs ul {
position: relative;
list-style: none;
margin: 0;
padding: 0;
}
#fancybox-thumbs ul li {
float: left;
padding: 1px;
opacity: 0.5;
}
#fancybox-thumbs ul li.active {
opacity: 0.75;
padding: 0;
border: 1px solid #fff;
}
#fancybox-thumbs ul li:hover {
opacity: 1;
}
#fancybox-thumbs ul li a {
display: block;
position: relative;
overflow: hidden;
border: 1px solid #222;
background: #111;
outline: none;
}
#fancybox-thumbs ul li img {
display: block;
position: relative;
border: 0;
padding: 0;
max-width: none;
}
/* owl.carousel.css */
/*
* Owl Carousel - Animate Plugin
*/
.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 Carousel - Auto Height Plugin
*/
.owl-height {
-webkit-transition: height 500ms ease-in-out;
-moz-transition: height 500ms ease-in-out;
-ms-transition: height 500ms ease-in-out;
-o-transition: height 500ms ease-in-out;
transition: height 500ms ease-in-out;
}
/*
* Core Owl Carousel CSS File
*/
.owl-carousel {
display: none;
width: 100%;
-webkit-tap-highlight-color: transparent;
/* position relative and z-index fix webkit rendering fonts issue */
position: relative;
z-index: 1;
}
.owl-carousel .owl-stage {
position: relative;
-ms-touch-action: pan-Y;
}
.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;
/* fix for flashing background */
-webkit-transform: translate3d(0px, 0px, 0px);
}
.owl-carousel .owl-controls .owl-nav .owl-prev,
.owl-carousel .owl-controls .owl-nav .owl-next,
.owl-carousel .owl-controls .owl-dot {
cursor: pointer;
cursor: hand;
-webkit-user-select: none;
-khtml-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-backface-visibility: hidden;
-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%;
-webkit-transform-style: preserve-3d;
}
.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 */
.no-js .owl-carousel {
display: block;
}
/*
* Owl Carousel - Lazy Load Plugin
*/
.owl-carousel .owl-item .owl-lazy {
opacity: 0;
-webkit-transition: opacity 400ms ease;
-moz-transition: opacity 400ms ease;
-ms-transition: opacity 400ms ease;
-o-transition: opacity 400ms ease;
transition: opacity 400ms ease;
}
.owl-carousel .owl-item img {
transform-style: preserve-3d;
}
/*
* Owl Carousel - Video Plugin
*/
.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("owl.video.play.png") no-repeat;
cursor: pointer;
z-index: 1;
-webkit-backface-visibility: hidden;
-webkit-transition: scale 100ms ease;
-moz-transition: scale 100ms ease;
-ms-transition: scale 100ms ease;
-o-transition: scale 100ms ease;
transition: scale 100ms ease;
}
.owl-carousel .owl-video-play-icon:hover {
-webkit-transition: scale(1.3, 1.3);
-moz-transition: scale(1.3, 1.3);
-ms-transition: scale(1.3, 1.3);
-o-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;
-webkit-background-size: contain;
-moz-background-size: contain;
-o-background-size: contain;
background-size: contain;
-webkit-transition: opacity 400ms ease;
-moz-transition: opacity 400ms ease;
-ms-transition: opacity 400ms ease;
-o-transition: opacity 400ms ease;
transition: opacity 400ms ease;
}
.owl-carousel .owl-video-frame {
position: relative;
z-index: 1;
}
/* animate.css */
@charset "UTF-8";
/*!
* animate.css -http://daneden.me/animate
* Version - 3.5.0
* Licensed under the MIT license - http://opensource.org/licenses/MIT
*
* Copyright (c) 2015 Daniel Eden
*/
.animated {
-webkit-animation-duration: 1s;
animation-duration: 1s;
-webkit-animation-fill-mode: both;
animation-fill-mode: both;
}
.animated.infinite {
-webkit-animation-iteration-count: infinite;
animation-iteration-count: infinite;
}
.animated.hinge {
-webkit-animation-duration: 2s;
animation-duration: 2s;
}
.animated.flipOutX,
.animated.flipOutY,
.animated.bounceIn,
.animated.bounceOut {
-webkit-animation-duration: .75s;
animation-duration: .75s;
}
@-webkit-keyframes bounce {
from,
20%,
53%,
80%,
to {
-webkit-animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
40%,
43% {
-webkit-animation-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060);
animation-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060);
-webkit-transform: translate3d(0, -30px, 0);
transform: translate3d(0, -30px, 0);
}
70% {
-webkit-animation-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060);
animation-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060);
-webkit-transform: translate3d(0, -15px, 0);
transform: translate3d(0, -15px, 0);
}
90% {
-webkit-transform: translate3d(0, -4px, 0);
transform: translate3d(0, -4px, 0);
}
}
@keyframes bounce {
from,
20%,
53%,
80%,
to {
-webkit-animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
40%,
43% {
-webkit-animation-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060);
animation-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060);
-webkit-transform: translate3d(0, -30px, 0);
transform: translate3d(0, -30px, 0);
}
70% {
-webkit-animation-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060);
animation-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060);
-webkit-transform: translate3d(0, -15px, 0);
transform: translate3d(0, -15px, 0);
}
90% {
-webkit-transform: translate3d(0, -4px, 0);
transform: translate3d(0, -4px, 0);
}
}
.bounce {
-webkit-animation-name: bounce;
animation-name: bounce;
-webkit-transform-origin: center bottom;
transform-origin: center bottom;
}
@-webkit-keyframes flash {
from,
50%,
to {
opacity: 1;
}
25%,
75% {
opacity: 0;
}
}
@keyframes flash {
from,
50%,
to {
opacity: 1;
}
25%,
75% {
opacity: 0;
}
}
.flash {
-webkit-animation-name: flash;
animation-name: flash;
}
/* originally authored by Nick Pettit - https://github.com/nickpettit/glide */
@-webkit-keyframes pulse {
from {
-webkit-transform: scale3d(1, 1, 1);
transform: scale3d(1, 1, 1);
}
50% {
-webkit-transform: scale3d(1.05, 1.05, 1.05);
transform: scale3d(1.05, 1.05, 1.05);
}
to {
-webkit-transform: scale3d(1, 1, 1);
transform: scale3d(1, 1, 1);
}
}
@keyframes pulse {
from {
-webkit-transform: scale3d(1, 1, 1);
transform: scale3d(1, 1, 1);
}
50% {
-webkit-transform: scale3d(1.05, 1.05, 1.05);
transform: scale3d(1.05, 1.05, 1.05);
}
to {
-webkit-transform: scale3d(1, 1, 1);
transform: scale3d(1, 1, 1);
}
}
.pulse {
-webkit-animation-name: pulse;
animation-name: pulse;
}
@-webkit-keyframes rubberBand {
from {
-webkit-transform: scale3d(1, 1, 1);
transform: scale3d(1, 1, 1);
}
30% {
-webkit-transform: scale3d(1.25, 0.75, 1);
transform: scale3d(1.25, 0.75, 1);
}
40% {
-webkit-transform: scale3d(0.75, 1.25, 1);
transform: scale3d(0.75, 1.25, 1);
}
50% {
-webkit-transform: scale3d(1.15, 0.85, 1);
transform: scale3d(1.15, 0.85, 1);
}
65% {
-webkit-transform: scale3d(.95, 1.05, 1);
transform: scale3d(.95, 1.05, 1);
}
75% {
-webkit-transform: scale3d(1.05, .95, 1);
transform: scale3d(1.05, .95, 1);
}
to {
-webkit-transform: scale3d(1, 1, 1);
transform: scale3d(1, 1, 1);
}
}
@keyframes rubberBand {
from {
-webkit-transform: scale3d(1, 1, 1);
transform: scale3d(1, 1, 1);
}
30% {
-webkit-transform: scale3d(1.25, 0.75, 1);
transform: scale3d(1.25, 0.75, 1);
}
40% {
-webkit-transform: scale3d(0.75, 1.25, 1);
transform: scale3d(0.75, 1.25, 1);
}
50% {
-webkit-transform: scale3d(1.15, 0.85, 1);
transform: scale3d(1.15, 0.85, 1);
}
65% {
-webkit-transform: scale3d(.95, 1.05, 1);
transform: scale3d(.95, 1.05, 1);
}
75% {
-webkit-transform: scale3d(1.05, .95, 1);
transform: scale3d(1.05, .95, 1);
}
to {
-webkit-transform: scale3d(1, 1, 1);
transform: scale3d(1, 1, 1);
}
}
.rubberBand {
-webkit-animation-name: rubberBand;
animation-name: rubberBand;
}
@-webkit-keyframes shake {
from,
to {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
10%,
30%,
50%,
70%,
90% {
-webkit-transform: translate3d(-10px, 0, 0);
transform: translate3d(-10px, 0, 0);
}
20%,
40%,
60%,
80% {
-webkit-transform: translate3d(10px, 0, 0);
transform: translate3d(10px, 0, 0);
}
}
@keyframes shake {
from,
to {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
10%,
30%,
50%,
70%,
90% {
-webkit-transform: translate3d(-10px, 0, 0);
transform: translate3d(-10px, 0, 0);
}
20%,
40%,
60%,
80% {
-webkit-transform: translate3d(10px, 0, 0);
transform: translate3d(10px, 0, 0);
}
}
.shake {
-webkit-animation-name: shake;
animation-name: shake;
}
@-webkit-keyframes headShake {
0% {
-webkit-transform: translateX(0);
transform: translateX(0);
}
6.5% {
-webkit-transform: translateX(-6px) rotateY(-9deg);
transform: translateX(-6px) rotateY(-9deg);
}
18.5% {
-webkit-transform: translateX(5px) rotateY(7deg);
transform: translateX(5px) rotateY(7deg);
}
31.5% {
-webkit-transform: translateX(-3px) rotateY(-5deg);
transform: translateX(-3px) rotateY(-5deg);
}
43.5% {
-webkit-transform: translateX(2px) rotateY(3deg);
transform: translateX(2px) rotateY(3deg);
}
50% {
-webkit-transform: translateX(0);
transform: translateX(0);
}
}
@keyframes headShake {
0% {
-webkit-transform: translateX(0);
transform: translateX(0);
}
6.5% {
-webkit-transform: translateX(-6px) rotateY(-9deg);
transform: translateX(-6px) rotateY(-9deg);
}
18.5% {
-webkit-transform: translateX(5px) rotateY(7deg);
transform: translateX(5px) rotateY(7deg);
}
31.5% {
-webkit-transform: translateX(-3px) rotateY(-5deg);
transform: translateX(-3px) rotateY(-5deg);
}
43.5% {
-webkit-transform: translateX(2px) rotateY(3deg);
transform: translateX(2px) rotateY(3deg);
}
50% {
-webkit-transform: translateX(0);
transform: translateX(0);
}
}
.headShake {
-webkit-animation-timing-function: ease-in-out;
animation-timing-function: ease-in-out;
-webkit-animation-name: headShake;
animation-name: headShake;
}
@-webkit-keyframes swing {
20% {
-webkit-transform: rotate3d(0, 0, 1, 15deg);
transform: rotate3d(0, 0, 1, 15deg);
}
40% {
-webkit-transform: rotate3d(0, 0, 1, -10deg);
transform: rotate3d(0, 0, 1, -10deg);
}
60% {
-webkit-transform: rotate3d(0, 0, 1, 5deg);
transform: rotate3d(0, 0, 1, 5deg);
}
80% {
-webkit-transform: rotate3d(0, 0, 1, -5deg);
transform: rotate3d(0, 0, 1, -5deg);
}
to {
-webkit-transform: rotate3d(0, 0, 1, 0deg);
transform: rotate3d(0, 0, 1, 0deg);
}
}
@keyframes swing {
20% {
-webkit-transform: rotate3d(0, 0, 1, 15deg);
transform: rotate3d(0, 0, 1, 15deg);
}
40% {
-webkit-transform: rotate3d(0, 0, 1, -10deg);
transform: rotate3d(0, 0, 1, -10deg);
}
60% {
-webkit-transform: rotate3d(0, 0, 1, 5deg);
transform: rotate3d(0, 0, 1, 5deg);
}
80% {
-webkit-transform: rotate3d(0, 0, 1, -5deg);
transform: rotate3d(0, 0, 1, -5deg);
}
to {
-webkit-transform: rotate3d(0, 0, 1, 0deg);
transform: rotate3d(0, 0, 1, 0deg);
}
}
.swing {
-webkit-transform-origin: top center;
transform-origin: top center;
-webkit-animation-name: swing;
animation-name: swing;
}
@-webkit-keyframes tada {
from {
-webkit-transform: scale3d(1, 1, 1);
transform: scale3d(1, 1, 1);
}
10%,
20% {
-webkit-transform: scale3d(.9, .9, .9) rotate3d(0, 0, 1, -3deg);
transform: scale3d(.9, .9, .9) rotate3d(0, 0, 1, -3deg);
}
30%,
50%,
70%,
90% {
-webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg);
transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg);
}
40%,
60%,
80% {
-webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg);
transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg);
}
to {
-webkit-transform: scale3d(1, 1, 1);
transform: scale3d(1, 1, 1);
}
}
@keyframes tada {
from {
-webkit-transform: scale3d(1, 1, 1);
transform: scale3d(1, 1, 1);
}
10%,
20% {
-webkit-transform: scale3d(.9, .9, .9) rotate3d(0, 0, 1, -3deg);
transform: scale3d(.9, .9, .9) rotate3d(0, 0, 1, -3deg);
}
30%,
50%,
70%,
90% {
-webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg);
transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg);
}
40%,
60%,
80% {
-webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg);
transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg);
}
to {
-webkit-transform: scale3d(1, 1, 1);
transform: scale3d(1, 1, 1);
}
}
.tada {
-webkit-animation-name: tada;
animation-name: tada;
}
/* originally authored by Nick Pettit - https://github.com/nickpettit/glide */
@-webkit-keyframes wobble {
from {
-webkit-transform: none;
transform: none;
}
15% {
-webkit-transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg);
transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg);
}
30% {
-webkit-transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg);
transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg);
}
45% {
-webkit-transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg);
transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg);
}
60% {
-webkit-transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg);
transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg);
}
75% {
-webkit-transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg);
transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg);
}
to {
-webkit-transform: none;
transform: none;
}
}
@keyframes wobble {
from {
-webkit-transform: none;
transform: none;
}
15% {
-webkit-transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg);
transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg);
}
30% {
-webkit-transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg);
transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg);
}
45% {
-webkit-transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg);
transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg);
}
60% {
-webkit-transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg);
transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg);
}
75% {
-webkit-transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg);
transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg);
}
to {
-webkit-transform: none;
transform: none;
}
}
.wobble {
-webkit-animation-name: wobble;
animation-name: wobble;
}
@-webkit-keyframes jello {
from,
11.1%,
to {
-webkit-transform: none;
transform: none;
}
22.2% {
-webkit-transform: skewX(-12.5deg) skewY(-12.5deg);
transform: skewX(-12.5deg) skewY(-12.5deg);
}
33.3% {
-webkit-transform: skewX(6.25deg) skewY(6.25deg);
transform: skewX(6.25deg) skewY(6.25deg);
}
44.4% {
-webkit-transform: skewX(-3.125deg) skewY(-3.125deg);
transform: skewX(-3.125deg) skewY(-3.125deg);
}
55.5% {
-webkit-transform: skewX(1.5625deg) skewY(1.5625deg);
transform: skewX(1.5625deg) skewY(1.5625deg);
}
66.6% {
-webkit-transform: skewX(-0.78125deg) skewY(-0.78125deg);
transform: skewX(-0.78125deg) skewY(-0.78125deg);
}
77.7% {
-webkit-transform: skewX(0.390625deg) skewY(0.390625deg);
transform: skewX(0.390625deg) skewY(0.390625deg);
}
88.8% {
-webkit-transform: skewX(-0.1953125deg) skewY(-0.1953125deg);
transform: skewX(-0.1953125deg) skewY(-0.1953125deg);
}
}
@keyframes jello {
from,
11.1%,
to {
-webkit-transform: none;
transform: none;
}
22.2% {
-webkit-transform: skewX(-12.5deg) skewY(-12.5deg);
transform: skewX(-12.5deg) skewY(-12.5deg);
}
33.3% {
-webkit-transform: skewX(6.25deg) skewY(6.25deg);
transform: skewX(6.25deg) skewY(6.25deg);
}
44.4% {
-webkit-transform: skewX(-3.125deg) skewY(-3.125deg);
transform: skewX(-3.125deg) skewY(-3.125deg);
}
55.5% {
-webkit-transform: skewX(1.5625deg) skewY(1.5625deg);
transform: skewX(1.5625deg) skewY(1.5625deg);
}
66.6% {
-webkit-transform: skewX(-0.78125deg) skewY(-0.78125deg);
transform: skewX(-0.78125deg) skewY(-0.78125deg);
}
77.7% {
-webkit-transform: skewX(0.390625deg) skewY(0.390625deg);
transform: skewX(0.390625deg) skewY(0.390625deg);
}
88.8% {
-webkit-transform: skewX(-0.1953125deg) skewY(-0.1953125deg);
transform: skewX(-0.1953125deg) skewY(-0.1953125deg);
}
}
.jello {
-webkit-animation-name: jello;
animation-name: jello;
-webkit-transform-origin: center;
transform-origin: center;
}
@-webkit-keyframes bounceIn {
from,
20%,
40%,
60%,
80%,
to {
-webkit-animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
}
0% {
opacity: 0;
-webkit-transform: scale3d(.3, .3, .3);
transform: scale3d(.3, .3, .3);
}
20% {
-webkit-transform: scale3d(1.1, 1.1, 1.1);
transform: scale3d(1.1, 1.1, 1.1);
}
40% {
-webkit-transform: scale3d(.9, .9, .9);
transform: scale3d(.9, .9, .9);
}
60% {
opacity: 1;
-webkit-transform: scale3d(1.03, 1.03, 1.03);
transform: scale3d(1.03, 1.03, 1.03);
}
80% {
-webkit-transform: scale3d(.97, .97, .97);
transform: scale3d(.97, .97, .97);
}
to {
opacity: 1;
-webkit-transform: scale3d(1, 1, 1);
transform: scale3d(1, 1, 1);
}
}
@keyframes bounceIn {
from,
20%,
40%,
60%,
80%,
to {
-webkit-animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
}
0% {
opacity: 0;
-webkit-transform: scale3d(.3, .3, .3);
transform: scale3d(.3, .3, .3);
}
20% {
-webkit-transform: scale3d(1.1, 1.1, 1.1);
transform: scale3d(1.1, 1.1, 1.1);
}
40% {
-webkit-transform: scale3d(.9, .9, .9);
transform: scale3d(.9, .9, .9);
}
60% {
opacity: 1;
-webkit-transform: scale3d(1.03, 1.03, 1.03);
transform: scale3d(1.03, 1.03, 1.03);
}
80% {
-webkit-transform: scale3d(.97, .97, .97);
transform: scale3d(.97, .97, .97);
}
to {
opacity: 1;
-webkit-transform: scale3d(1, 1, 1);
transform: scale3d(1, 1, 1);
}
}
.bounceIn {
-webkit-animation-name: bounceIn;
animation-name: bounceIn;
}
@-webkit-keyframes bounceInDown {
from,
60%,
75%,
90%,
to {
-webkit-animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
}
0% {
opacity: 0;
-webkit-transform: translate3d(0, -3000px, 0);
transform: translate3d(0, -3000px, 0);
}
60% {
opacity: 1;
-webkit-transform: translate3d(0, 25px, 0);
transform: translate3d(0, 25px, 0);
}
75% {
-webkit-transform: translate3d(0, -10px, 0);
transform: translate3d(0, -10px, 0);
}
90% {
-webkit-transform: translate3d(0, 5px, 0);
transform: translate3d(0, 5px, 0);
}
to {
-webkit-transform: none;
transform: none;
}
}
@keyframes bounceInDown {
from,
60%,
75%,
90%,
to {
-webkit-animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
}
0% {
opacity: 0;
-webkit-transform: translate3d(0, -3000px, 0);
transform: translate3d(0, -3000px, 0);
}
60% {
opacity: 1;
-webkit-transform: translate3d(0, 25px, 0);
transform: translate3d(0, 25px, 0);
}
75% {
-webkit-transform: translate3d(0, -10px, 0);
transform: translate3d(0, -10px, 0);
}
90% {
-webkit-transform: translate3d(0, 5px, 0);
transform: translate3d(0, 5px, 0);
}
to {
-webkit-transform: none;
transform: none;
}
}
.bounceInDown {
-webkit-animation-name: bounceInDown;
animation-name: bounceInDown;
}
@-webkit-keyframes bounceInLeft {
from,
60%,
75%,
90%,
to {
-webkit-animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
}
0% {
opacity: 0;
-webkit-transform: translate3d(-3000px, 0, 0);
transform: translate3d(-3000px, 0, 0);
}
60% {
opacity: 1;
-webkit-transform: translate3d(25px, 0, 0);
transform: translate3d(25px, 0, 0);
}
75% {
-webkit-transform: translate3d(-10px, 0, 0);
transform: translate3d(-10px, 0, 0);
}
90% {
-webkit-transform: translate3d(5px, 0, 0);
transform: translate3d(5px, 0, 0);
}
to {
-webkit-transform: none;
transform: none;
}
}
@keyframes bounceInLeft {
from,
60%,
75%,
90%,
to {
-webkit-animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
}
0% {
opacity: 0;
-webkit-transform: translate3d(-3000px, 0, 0);
transform: translate3d(-3000px, 0, 0);
}
60% {
opacity: 1;
-webkit-transform: translate3d(25px, 0, 0);
transform: translate3d(25px, 0, 0);
}
75% {
-webkit-transform: translate3d(-10px, 0, 0);
transform: translate3d(-10px, 0, 0);
}
90% {
-webkit-transform: translate3d(5px, 0, 0);
transform: translate3d(5px, 0, 0);
}
to {
-webkit-transform: none;
transform: none;
}
}
.bounceInLeft {
-webkit-animation-name: bounceInLeft;
animation-name: bounceInLeft;
}
@-webkit-keyframes bounceInRight {
from,
60%,
75%,
90%,
to {
-webkit-animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
}
from {
opacity: 0;
-webkit-transform: translate3d(3000px, 0, 0);
transform: translate3d(3000px, 0, 0);
}
60% {
opacity: 1;
-webkit-transform: translate3d(-25px, 0, 0);
transform: translate3d(-25px, 0, 0);
}
75% {
-webkit-transform: translate3d(10px, 0, 0);
transform: translate3d(10px, 0, 0);
}
90% {
-webkit-transform: translate3d(-5px, 0, 0);
transform: translate3d(-5px, 0, 0);
}
to {
-webkit-transform: none;
transform: none;
}
}
@keyframes bounceInRight {
from,
60%,
75%,
90%,
to {
-webkit-animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
}
from {
opacity: 0;
-webkit-transform: translate3d(3000px, 0, 0);
transform: translate3d(3000px, 0, 0);
}
60% {
opacity: 1;
-webkit-transform: translate3d(-25px, 0, 0);
transform: translate3d(-25px, 0, 0);
}
75% {
-webkit-transform: translate3d(10px, 0, 0);
transform: translate3d(10px, 0, 0);
}
90% {
-webkit-transform: translate3d(-5px, 0, 0);
transform: translate3d(-5px, 0, 0);
}
to {
-webkit-transform: none;
transform: none;
}
}
.bounceInRight {
-webkit-animation-name: bounceInRight;
animation-name: bounceInRight;
}
@-webkit-keyframes bounceInUp {
from,
60%,
75%,
90%,
to {
-webkit-animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
}
from {
opacity: 0;
-webkit-transform: translate3d(0, 3000px, 0);
transform: translate3d(0, 3000px, 0);
}
60% {
opacity: 1;
-webkit-transform: translate3d(0, -20px, 0);
transform: translate3d(0, -20px, 0);
}
75% {
-webkit-transform: translate3d(0, 10px, 0);
transform: translate3d(0, 10px, 0);
}
90% {
-webkit-transform: translate3d(0, -5px, 0);
transform: translate3d(0, -5px, 0);
}
to {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
}
@keyframes bounceInUp {
from,
60%,
75%,
90%,
to {
-webkit-animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
}
from {
opacity: 0;
-webkit-transform: translate3d(0, 3000px, 0);
transform: translate3d(0, 3000px, 0);
}
60% {
opacity: 1;
-webkit-transform: translate3d(0, -20px, 0);
transform: translate3d(0, -20px, 0);
}
75% {
-webkit-transform: translate3d(0, 10px, 0);
transform: translate3d(0, 10px, 0);
}
90% {
-webkit-transform: translate3d(0, -5px, 0);
transform: translate3d(0, -5px, 0);
}
to {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
}
.bounceInUp {
-webkit-animation-name: bounceInUp;
animation-name: bounceInUp;
}
@-webkit-keyframes bounceOut {
20% {
-webkit-transform: scale3d(.9, .9, .9);
transform: scale3d(.9, .9, .9);
}
50%,
55% {
opacity: 1;
-webkit-transform: scale3d(1.1, 1.1, 1.1);
transform: scale3d(1.1, 1.1, 1.1);
}
to {
opacity: 0;
-webkit-transform: scale3d(.3, .3, .3);
transform: scale3d(.3, .3, .3);
}
}
@keyframes bounceOut {
20% {
-webkit-transform: scale3d(.9, .9, .9);
transform: scale3d(.9, .9, .9);
}
50%,
55% {
opacity: 1;
-webkit-transform: scale3d(1.1, 1.1, 1.1);
transform: scale3d(1.1, 1.1, 1.1);
}
to {
opacity: 0;
-webkit-transform: scale3d(.3, .3, .3);
transform: scale3d(.3, .3, .3);
}
}
.bounceOut {
-webkit-animation-name: bounceOut;
animation-name: bounceOut;
}
@-webkit-keyframes bounceOutDown {
20% {
-webkit-transform: translate3d(0, 10px, 0);
transform: translate3d(0, 10px, 0);
}
40%,
45% {
opacity: 1;
-webkit-transform: translate3d(0, -20px, 0);
transform: translate3d(0, -20px, 0);
}
to {
opacity: 0;
-webkit-transform: translate3d(0, 2000px, 0);
transform: translate3d(0, 2000px, 0);
}
}
@keyframes bounceOutDown {
20% {
-webkit-transform: translate3d(0, 10px, 0);
transform: translate3d(0, 10px, 0);
}
40%,
45% {
opacity: 1;
-webkit-transform: translate3d(0, -20px, 0);
transform: translate3d(0, -20px, 0);
}
to {
opacity: 0;
-webkit-transform: translate3d(0, 2000px, 0);
transform: translate3d(0, 2000px, 0);
}
}
.bounceOutDown {
-webkit-animation-name: bounceOutDown;
animation-name: bounceOutDown;
}
@-webkit-keyframes bounceOutLeft {
20% {
opacity: 1;
-webkit-transform: translate3d(20px, 0, 0);
transform: translate3d(20px, 0, 0);
}
to {
opacity: 0;
-webkit-transform: translate3d(-2000px, 0, 0);
transform: translate3d(-2000px, 0, 0);
}
}
@keyframes bounceOutLeft {
20% {
opacity: 1;
-webkit-transform: translate3d(20px, 0, 0);
transform: translate3d(20px, 0, 0);
}
to {
opacity: 0;
-webkit-transform: translate3d(-2000px, 0, 0);
transform: translate3d(-2000px, 0, 0);
}
}
.bounceOutLeft {
-webkit-animation-name: bounceOutLeft;
animation-name: bounceOutLeft;
}
@-webkit-keyframes bounceOutRight {
20% {
opacity: 1;
-webkit-transform: translate3d(-20px, 0, 0);
transform: translate3d(-20px, 0, 0);
}
to {
opacity: 0;
-webkit-transform: translate3d(2000px, 0, 0);
transform: translate3d(2000px, 0, 0);
}
}
@keyframes bounceOutRight {
20% {
opacity: 1;
-webkit-transform: translate3d(-20px, 0, 0);
transform: translate3d(-20px, 0, 0);
}
to {
opacity: 0;
-webkit-transform: translate3d(2000px, 0, 0);
transform: translate3d(2000px, 0, 0);
}
}
.bounceOutRight {
-webkit-animation-name: bounceOutRight;
animation-name: bounceOutRight;
}
@-webkit-keyframes bounceOutUp {
20% {
-webkit-transform: translate3d(0, -10px, 0);
transform: translate3d(0, -10px, 0);
}
40%,
45% {
opacity: 1;
-webkit-transform: translate3d(0, 20px, 0);
transform: translate3d(0, 20px, 0);
}
to {
opacity: 0;
-webkit-transform: translate3d(0, -2000px, 0);
transform: translate3d(0, -2000px, 0);
}
}
@keyframes bounceOutUp {
20% {
-webkit-transform: translate3d(0, -10px, 0);
transform: translate3d(0, -10px, 0);
}
40%,
45% {
opacity: 1;
-webkit-transform: translate3d(0, 20px, 0);
transform: translate3d(0, 20px, 0);
}
to {
opacity: 0;
-webkit-transform: translate3d(0, -2000px, 0);
transform: translate3d(0, -2000px, 0);
}
}
.bounceOutUp {
-webkit-animation-name: bounceOutUp;
animation-name: bounceOutUp;
}
@-webkit-keyframes fadeIn {
from {
opacity: 0;
}
to {
opacity: 1;
}
}
@keyframes fadeIn {
from {
opacity: 0;
}
to {
opacity: 1;
}
}
.fadeIn {
-webkit-animation-name: fadeIn;
animation-name: fadeIn;
}
@-webkit-keyframes fadeInDown {
from {
opacity: 0;
-webkit-transform: translate3d(0, -100%, 0);
transform: translate3d(0, -100%, 0);
}
to {
opacity: 1;
-webkit-transform: none;
transform: none;
}
}
@keyframes fadeInDown {
from {
opacity: 0;
-webkit-transform: translate3d(0, -100%, 0);
transform: translate3d(0, -100%, 0);
}
to {
opacity: 1;
-webkit-transform: none;
transform: none;
}
}
.fadeInDown {
-webkit-animation-name: fadeInDown;
animation-name: fadeInDown;
}
@-webkit-keyframes fadeInDownBig {
from {
opacity: 0;
-webkit-transform: translate3d(0, -2000px, 0);
transform: translate3d(0, -2000px, 0);
}
to {
opacity: 1;
-webkit-transform: none;
transform: none;
}
}
@keyframes fadeInDownBig {
from {
opacity: 0;
-webkit-transform: translate3d(0, -2000px, 0);
transform: translate3d(0, -2000px, 0);
}
to {
opacity: 1;
-webkit-transform: none;
transform: none;
}
}
.fadeInDownBig {
-webkit-animation-name: fadeInDownBig;
animation-name: fadeInDownBig;
}
@-webkit-keyframes fadeInLeft {
from {
opacity: 0;
-webkit-transform: translate3d(-100%, 0, 0);
transform: translate3d(-100%, 0, 0);
}
to {
opacity: 1;
-webkit-transform: none;
transform: none;
}
}
@keyframes fadeInLeft {
from {
opacity: 0;
-webkit-transform: translate3d(-100%, 0, 0);
transform: translate3d(-100%, 0, 0);
}
to {
opacity: 1;
-webkit-transform: none;
transform: none;
}
}
.fadeInLeft {
-webkit-animation-name: fadeInLeft;
animation-name: fadeInLeft;
}
@-webkit-keyframes fadeInLeftBig {
from {
opacity: 0;
-webkit-transform: translate3d(-2000px, 0, 0);
transform: translate3d(-2000px, 0, 0);
}
to {
opacity: 1;
-webkit-transform: none;
transform: none;
}
}
@keyframes fadeInLeftBig {
from {
opacity: 0;
-webkit-transform: translate3d(-2000px, 0, 0);
transform: translate3d(-2000px, 0, 0);
}
to {
opacity: 1;
-webkit-transform: none;
transform: none;
}
}
.fadeInLeftBig {
-webkit-animation-name: fadeInLeftBig;
animation-name: fadeInLeftBig;
}
@-webkit-keyframes fadeInRight {
from {
opacity: 0;
-webkit-transform: translate3d(100%, 0, 0);
transform: translate3d(100%, 0, 0);
}
to {
opacity: 1;
-webkit-transform: none;
transform: none;
}
}
@keyframes fadeInRight {
from {
opacity: 0;
-webkit-transform: translate3d(100%, 0, 0);
transform: translate3d(100%, 0, 0);
}
to {
opacity: 1;
-webkit-transform: none;
transform: none;
}
}
.fadeInRight {
-webkit-animation-name: fadeInRight;
animation-name: fadeInRight;
}
@-webkit-keyframes fadeInRightBig {
from {
opacity: 0;
-webkit-transform: translate3d(2000px, 0, 0);
transform: translate3d(2000px, 0, 0);
}
to {
opacity: 1;
-webkit-transform: none;
transform: none;
}
}
@keyframes fadeInRightBig {
from {
opacity: 0;
-webkit-transform: translate3d(2000px, 0, 0);
transform: translate3d(2000px, 0, 0);
}
to {
opacity: 1;
-webkit-transform: none;
transform: none;
}
}
.fadeInRightBig {
-webkit-animation-name: fadeInRightBig;
animation-name: fadeInRightBig;
}
@-webkit-keyframes fadeInUp {
from {
opacity: 0;
-webkit-transform: translate3d(0, 100%, 0);
transform: translate3d(0, 100%, 0);
}
to {
opacity: 1;
-webkit-transform: none;
transform: none;
}
}
@keyframes fadeInUp {
from {
opacity: 0;
-webkit-transform: translate3d(0, 100%, 0);
transform: translate3d(0, 100%, 0);
}
to {
opacity: 1;
-webkit-transform: none;
transform: none;
}
}
.fadeInUp {
-webkit-animation-name: fadeInUp;
animation-name: fadeInUp;
}
@-webkit-keyframes fadeInUpBig {
from {
opacity: 0;
-webkit-transform: translate3d(0, 2000px, 0);
transform: translate3d(0, 2000px, 0);
}
to {
opacity: 1;
-webkit-transform: none;
transform: none;
}
}
@keyframes fadeInUpBig {
from {
opacity: 0;
-webkit-transform: translate3d(0, 2000px, 0);
transform: translate3d(0, 2000px, 0);
}
to {
opacity: 1;
-webkit-transform: none;
transform: none;
}
}
.fadeInUpBig {
-webkit-animation-name: fadeInUpBig;
animation-name: fadeInUpBig;
}
@-webkit-keyframes fadeOut {
from {
opacity: 1;
}
to {
opacity: 0;
}
}
@keyframes fadeOut {
from {
opacity: 1;
}
to {
opacity: 0;
}
}
.fadeOut {
-webkit-animation-name: fadeOut;
animation-name: fadeOut;
}
@-webkit-keyframes fadeOutDown {
from {
opacity: 1;
}
to {
opacity: 0;
-webkit-transform: translate3d(0, 100%, 0);
transform: translate3d(0, 100%, 0);
}
}
@keyframes fadeOutDown {
from {
opacity: 1;
}
to {
opacity: 0;
-webkit-transform: translate3d(0, 100%, 0);
transform: translate3d(0, 100%, 0);
}
}
.fadeOutDown {
-webkit-animation-name: fadeOutDown;
animation-name: fadeOutDown;
}
@-webkit-keyframes fadeOutDownBig {
from {
opacity: 1;
}
to {
opacity: 0;
-webkit-transform: translate3d(0, 2000px, 0);
transform: translate3d(0, 2000px, 0);
}
}
@keyframes fadeOutDownBig {
from {
opacity: 1;
}
to {
opacity: 0;
-webkit-transform: translate3d(0, 2000px, 0);
transform: translate3d(0, 2000px, 0);
}
}
.fadeOutDownBig {
-webkit-animation-name: fadeOutDownBig;
animation-name: fadeOutDownBig;
}
@-webkit-keyframes fadeOutLeft {
from {
opacity: 1;
}
to {
opacity: 0;
-webkit-transform: translate3d(-100%, 0, 0);
transform: translate3d(-100%, 0, 0);
}
}
@keyframes fadeOutLeft {
from {
opacity: 1;
}
to {
opacity: 0;
-webkit-transform: translate3d(-100%, 0, 0);
transform: translate3d(-100%, 0, 0);
}
}
.fadeOutLeft {
-webkit-animation-name: fadeOutLeft;
animation-name: fadeOutLeft;
}
@-webkit-keyframes fadeOutLeftBig {
from {
opacity: 1;
}
to {
opacity: 0;
-webkit-transform: translate3d(-2000px, 0, 0);
transform: translate3d(-2000px, 0, 0);
}
}
@keyframes fadeOutLeftBig {
from {
opacity: 1;
}
to {
opacity: 0;
-webkit-transform: translate3d(-2000px, 0, 0);
transform: translate3d(-2000px, 0, 0);
}
}
.fadeOutLeftBig {
-webkit-animation-name: fadeOutLeftBig;
animation-name: fadeOutLeftBig;
}
@-webkit-keyframes fadeOutRight {
from {
opacity: 1;
}
to {
opacity: 0;
-webkit-transform: translate3d(100%, 0, 0);
transform: translate3d(100%, 0, 0);
}
}
@keyframes fadeOutRight {
from {
opacity: 1;
}
to {
opacity: 0;
-webkit-transform: translate3d(100%, 0, 0);
transform: translate3d(100%, 0, 0);
}
}
.fadeOutRight {
-webkit-animation-name: fadeOutRight;
animation-name: fadeOutRight;
}
@-webkit-keyframes fadeOutRightBig {
from {
opacity: 1;
}
to {
opacity: 0;
-webkit-transform: translate3d(2000px, 0, 0);
transform: translate3d(2000px, 0, 0);
}
}
@keyframes fadeOutRightBig {
from {
opacity: 1;
}
to {
opacity: 0;
-webkit-transform: translate3d(2000px, 0, 0);
transform: translate3d(2000px, 0, 0);
}
}
.fadeOutRightBig {
-webkit-animation-name: fadeOutRightBig;
animation-name: fadeOutRightBig;
}
@-webkit-keyframes fadeOutUp {
from {
opacity: 1;
}
to {
opacity: 0;
-webkit-transform: translate3d(0, -100%, 0);
transform: translate3d(0, -100%, 0);
}
}
@keyframes fadeOutUp {
from {
opacity: 1;
}
to {
opacity: 0;
-webkit-transform: translate3d(0, -100%, 0);
transform: translate3d(0, -100%, 0);
}
}
.fadeOutUp {
-webkit-animation-name: fadeOutUp;
animation-name: fadeOutUp;
}
@-webkit-keyframes fadeOutUpBig {
from {
opacity: 1;
}
to {
opacity: 0;
-webkit-transform: translate3d(0, -2000px, 0);
transform: translate3d(0, -2000px, 0);
}
}
@keyframes fadeOutUpBig {
from {
opacity: 1;
}
to {
opacity: 0;
-webkit-transform: translate3d(0, -2000px, 0);
transform: translate3d(0, -2000px, 0);
}
}
.fadeOutUpBig {
-webkit-animation-name: fadeOutUpBig;
animation-name: fadeOutUpBig;
}
@-webkit-keyframes flip {
from {
-webkit-transform: perspective(400px) rotate3d(0, 1, 0, -360deg);
transform: perspective(400px) rotate3d(0, 1, 0, -360deg);
-webkit-animation-timing-function: ease-out;
animation-timing-function: ease-out;
}
40% {
-webkit-transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg);
transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg);
-webkit-animation-timing-function: ease-out;
animation-timing-function: ease-out;
}
50% {
-webkit-transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg);
transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg);
-webkit-animation-timing-function: ease-in;
animation-timing-function: ease-in;
}
80% {
-webkit-transform: perspective(400px) scale3d(.95, .95, .95);
transform: perspective(400px) scale3d(.95, .95, .95);
-webkit-animation-timing-function: ease-in;
animation-timing-function: ease-in;
}
to {
-webkit-transform: perspective(400px);
transform: perspective(400px);
-webkit-animation-timing-function: ease-in;
animation-timing-function: ease-in;
}
}
@keyframes flip {
from {
-webkit-transform: perspective(400px) rotate3d(0, 1, 0, -360deg);
transform: perspective(400px) rotate3d(0, 1, 0, -360deg);
-webkit-animation-timing-function: ease-out;
animation-timing-function: ease-out;
}
40% {
-webkit-transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg);
transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg);
-webkit-animation-timing-function: ease-out;
animation-timing-function: ease-out;
}
50% {
-webkit-transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg);
transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg);
-webkit-animation-timing-function: ease-in;
animation-timing-function: ease-in;
}
80% {
-webkit-transform: perspective(400px) scale3d(.95, .95, .95);
transform: perspective(400px) scale3d(.95, .95, .95);
-webkit-animation-timing-function: ease-in;
animation-timing-function: ease-in;
}
to {
-webkit-transform: perspective(400px);
transform: perspective(400px);
-webkit-animation-timing-function: ease-in;
animation-timing-function: ease-in;
}
}
.animated.flip {
-webkit-backface-visibility: visible;
backface-visibility: visible;
-webkit-animation-name: flip;
animation-name: flip;
}
@-webkit-keyframes flipInX {
from {
-webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
-webkit-animation-timing-function: ease-in;
animation-timing-function: ease-in;
opacity: 0;
}
40% {
-webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
-webkit-animation-timing-function: ease-in;
animation-timing-function: ease-in;
}
60% {
-webkit-transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
opacity: 1;
}
80% {
-webkit-transform: perspective(400px) rotate3d(1, 0, 0, -5deg);
transform: perspective(400px) rotate3d(1, 0, 0, -5deg);
}
to {
-webkit-transform: perspective(400px);
transform: perspective(400px);
}
}
@keyframes flipInX {
from {
-webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
-webkit-animation-timing-function: ease-in;
animation-timing-function: ease-in;
opacity: 0;
}
40% {
-webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
-webkit-animation-timing-function: ease-in;
animation-timing-function: ease-in;
}
60% {
-webkit-transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
opacity: 1;
}
80% {
-webkit-transform: perspective(400px) rotate3d(1, 0, 0, -5deg);
transform: perspective(400px) rotate3d(1, 0, 0, -5deg);
}
to {
-webkit-transform: perspective(400px);
transform: perspective(400px);
}
}
.flipInX {
-webkit-backface-visibility: visible !important;
backface-visibility: visible !important;
-webkit-animation-name: flipInX;
animation-name: flipInX;
}
@-webkit-keyframes flipInY {
from {
-webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
-webkit-animation-timing-function: ease-in;
animation-timing-function: ease-in;
opacity: 0;
}
40% {
-webkit-transform: perspective(400px) rotate3d(0, 1, 0, -20deg);
transform: perspective(400px) rotate3d(0, 1, 0, -20deg);
-webkit-animation-timing-function: ease-in;
animation-timing-function: ease-in;
}
60% {
-webkit-transform: perspective(400px) rotate3d(0, 1, 0, 10deg);
transform: perspective(400px) rotate3d(0, 1, 0, 10deg);
opacity: 1;
}
80% {
-webkit-transform: perspective(400px) rotate3d(0, 1, 0, -5deg);
transform: perspective(400px) rotate3d(0, 1, 0, -5deg);
}
to {
-webkit-transform: perspective(400px);
transform: perspective(400px);
}
}
@keyframes flipInY {
from {
-webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
-webkit-animation-timing-function: ease-in;
animation-timing-function: ease-in;
opacity: 0;
}
40% {
-webkit-transform: perspective(400px) rotate3d(0, 1, 0, -20deg);
transform: perspective(400px) rotate3d(0, 1, 0, -20deg);
-webkit-animation-timing-function: ease-in;
animation-timing-function: ease-in;
}
60% {
-webkit-transform: perspective(400px) rotate3d(0, 1, 0, 10deg);
transform: perspective(400px) rotate3d(0, 1, 0, 10deg);
opacity: 1;
}
80% {
-webkit-transform: perspective(400px) rotate3d(0, 1, 0, -5deg);
transform: perspective(400px) rotate3d(0, 1, 0, -5deg);
}
to {
-webkit-transform: perspective(400px);
transform: perspective(400px);
}
}
.flipInY {
-webkit-backface-visibility: visible !important;
backface-visibility: visible !important;
-webkit-animation-name: flipInY;
animation-name: flipInY;
}
@-webkit-keyframes flipOutX {
from {
-webkit-transform: perspective(400px);
transform: perspective(400px);
}
30% {
-webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
opacity: 1;
}
to {
-webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
opacity: 0;
}
}
@keyframes flipOutX {
from {
-webkit-transform: perspective(400px);
transform: perspective(400px);
}
30% {
-webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
opacity: 1;
}
to {
-webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
opacity: 0;
}
}
.flipOutX {
-webkit-animation-name: flipOutX;
animation-name: flipOutX;
-webkit-backface-visibility: visible !important;
backface-visibility: visible !important;
}
@-webkit-keyframes flipOutY {
from {
-webkit-transform: perspective(400px);
transform: perspective(400px);
}
30% {
-webkit-transform: perspective(400px) rotate3d(0, 1, 0, -15deg);
transform: perspective(400px) rotate3d(0, 1, 0, -15deg);
opacity: 1;
}
to {
-webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
opacity: 0;
}
}
@keyframes flipOutY {
from {
-webkit-transform: perspective(400px);
transform: perspective(400px);
}
30% {
-webkit-transform: perspective(400px) rotate3d(0, 1, 0, -15deg);
transform: perspective(400px) rotate3d(0, 1, 0, -15deg);
opacity: 1;
}
to {
-webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
opacity: 0;
}
}
.flipOutY {
-webkit-backface-visibility: visible !important;
backface-visibility: visible !important;
-webkit-animation-name: flipOutY;
animation-name: flipOutY;
}
@-webkit-keyframes lightSpeedIn {
from {
-webkit-transform: translate3d(100%, 0, 0) skewX(-30deg);
transform: translate3d(100%, 0, 0) skewX(-30deg);
opacity: 0;
}
60% {
-webkit-transform: skewX(20deg);
transform: skewX(20deg);
opacity: 1;
}
80% {
-webkit-transform: skewX(-5deg);
transform: skewX(-5deg);
opacity: 1;
}
to {
-webkit-transform: none;
transform: none;
opacity: 1;
}
}
@keyframes lightSpeedIn {
from {
-webkit-transform: translate3d(100%, 0, 0) skewX(-30deg);
transform: translate3d(100%, 0, 0) skewX(-30deg);
opacity: 0;
}
60% {
-webkit-transform: skewX(20deg);
transform: skewX(20deg);
opacity: 1;
}
80% {
-webkit-transform: skewX(-5deg);
transform: skewX(-5deg);
opacity: 1;
}
to {
-webkit-transform: none;
transform: none;
opacity: 1;
}
}
.lightSpeedIn {
-webkit-animation-name: lightSpeedIn;
animation-name: lightSpeedIn;
-webkit-animation-timing-function: ease-out;
animation-timing-function: ease-out;
}
@-webkit-keyframes lightSpeedOut {
from {
opacity: 1;
}
to {
-webkit-transform: translate3d(100%, 0, 0) skewX(30deg);
transform: translate3d(100%, 0, 0) skewX(30deg);
opacity: 0;
}
}
@keyframes lightSpeedOut {
from {
opacity: 1;
}
to {
-webkit-transform: translate3d(100%, 0, 0) skewX(30deg);
transform: translate3d(100%, 0, 0) skewX(30deg);
opacity: 0;
}
}
.lightSpeedOut {
-webkit-animation-name: lightSpeedOut;
animation-name: lightSpeedOut;
-webkit-animation-timing-function: ease-in;
animation-timing-function: ease-in;
}
@-webkit-keyframes rotateIn {
from {
-webkit-transform-origin: center;
transform-origin: center;
-webkit-transform: rotate3d(0, 0, 1, -200deg);
transform: rotate3d(0, 0, 1, -200deg);
opacity: 0;
}
to {
-webkit-transform-origin: center;
transform-origin: center;
-webkit-transform: none;
transform: none;
opacity: 1;
}
}
@keyframes rotateIn {
from {
-webkit-transform-origin: center;
transform-origin: center;
-webkit-transform: rotate3d(0, 0, 1, -200deg);
transform: rotate3d(0, 0, 1, -200deg);
opacity: 0;
}
to {
-webkit-transform-origin: center;
transform-origin: center;
-webkit-transform: none;
transform: none;
opacity: 1;
}
}
.rotateIn {
-webkit-animation-name: rotateIn;
animation-name: rotateIn;
}
@-webkit-keyframes rotateInDownLeft {
from {
-webkit-transform-origin: left bottom;
transform-origin: left bottom;
-webkit-transform: rotate3d(0, 0, 1, -45deg);
transform: rotate3d(0, 0, 1, -45deg);
opacity: 0;
}
to {
-webkit-transform-origin: left bottom;
transform-origin: left bottom;
-webkit-transform: none;
transform: none;
opacity: 1;
}
}
@keyframes rotateInDownLeft {
from {
-webkit-transform-origin: left bottom;
transform-origin: left bottom;
-webkit-transform: rotate3d(0, 0, 1, -45deg);
transform: rotate3d(0, 0, 1, -45deg);
opacity: 0;
}
to {
-webkit-transform-origin: left bottom;
transform-origin: left bottom;
-webkit-transform: none;
transform: none;
opacity: 1;
}
}
.rotateInDownLeft {
-webkit-animation-name: rotateInDownLeft;
animation-name: rotateInDownLeft;
}
@-webkit-keyframes rotateInDownRight {
from {
-webkit-transform-origin: right bottom;
transform-origin: right bottom;
-webkit-transform: rotate3d(0, 0, 1, 45deg);
transform: rotate3d(0, 0, 1, 45deg);
opacity: 0;
}
to {
-webkit-transform-origin: right bottom;
transform-origin: right bottom;
-webkit-transform: none;
transform: none;
opacity: 1;
}
}
@keyframes rotateInDownRight {
from {
-webkit-transform-origin: right bottom;
transform-origin: right bottom;
-webkit-transform: rotate3d(0, 0, 1, 45deg);
transform: rotate3d(0, 0, 1, 45deg);
opacity: 0;
}
to {
-webkit-transform-origin: right bottom;
transform-origin: right bottom;
-webkit-transform: none;
transform: none;
opacity: 1;
}
}
.rotateInDownRight {
-webkit-animation-name: rotateInDownRight;
animation-name: rotateInDownRight;
}
@-webkit-keyframes rotateInUpLeft {
from {
-webkit-transform-origin: left bottom;
transform-origin: left bottom;
-webkit-transform: rotate3d(0, 0, 1, 45deg);
transform: rotate3d(0, 0, 1, 45deg);
opacity: 0;
}
to {
-webkit-transform-origin: left bottom;
transform-origin: left bottom;
-webkit-transform: none;
transform: none;
opacity: 1;
}
}
@keyframes rotateInUpLeft {
from {
-webkit-transform-origin: left bottom;
transform-origin: left bottom;
-webkit-transform: rotate3d(0, 0, 1, 45deg);
transform: rotate3d(0, 0, 1, 45deg);
opacity: 0;
}
to {
-webkit-transform-origin: left bottom;
transform-origin: left bottom;
-webkit-transform: none;
transform: none;
opacity: 1;
}
}
.rotateInUpLeft {
-webkit-animation-name: rotateInUpLeft;
animation-name: rotateInUpLeft;
}
@-webkit-keyframes rotateInUpRight {
from {
-webkit-transform-origin: right bottom;
transform-origin: right bottom;
-webkit-transform: rotate3d(0, 0, 1, -90deg);
transform: rotate3d(0, 0, 1, -90deg);
opacity: 0;
}
to {
-webkit-transform-origin: right bottom;
transform-origin: right bottom;
-webkit-transform: none;
transform: none;
opacity: 1;
}
}
@keyframes rotateInUpRight {
from {
-webkit-transform-origin: right bottom;
transform-origin: right bottom;
-webkit-transform: rotate3d(0, 0, 1, -90deg);
transform: rotate3d(0, 0, 1, -90deg);
opacity: 0;
}
to {
-webkit-transform-origin: right bottom;
transform-origin: right bottom;
-webkit-transform: none;
transform: none;
opacity: 1;
}
}
.rotateInUpRight {
-webkit-animation-name: rotateInUpRight;
animation-name: rotateInUpRight;
}
@-webkit-keyframes rotateOut {
from {
-webkit-transform-origin: center;
transform-origin: center;
opacity: 1;
}
to {
-webkit-transform-origin: center;
transform-origin: center;
-webkit-transform: rotate3d(0, 0, 1, 200deg);
transform: rotate3d(0, 0, 1, 200deg);
opacity: 0;
}
}
@keyframes rotateOut {
from {
-webkit-transform-origin: center;
transform-origin: center;
opacity: 1;
}
to {
-webkit-transform-origin: center;
transform-origin: center;
-webkit-transform: rotate3d(0, 0, 1, 200deg);
transform: rotate3d(0, 0, 1, 200deg);
opacity: 0;
}
}
.rotateOut {
-webkit-animation-name: rotateOut;
animation-name: rotateOut;
}
@-webkit-keyframes rotateOutDownLeft {
from {
-webkit-transform-origin: left bottom;
transform-origin: left bottom;
opacity: 1;
}
to {
-webkit-transform-origin: left bottom;
transform-origin: left bottom;
-webkit-transform: rotate3d(0, 0, 1, 45deg);
transform: rotate3d(0, 0, 1, 45deg);
opacity: 0;
}
}
@keyframes rotateOutDownLeft {
from {
-webkit-transform-origin: left bottom;
transform-origin: left bottom;
opacity: 1;
}
to {
-webkit-transform-origin: left bottom;
transform-origin: left bottom;
-webkit-transform: rotate3d(0, 0, 1, 45deg);
transform: rotate3d(0, 0, 1, 45deg);
opacity: 0;
}
}
.rotateOutDownLeft {
-webkit-animation-name: rotateOutDownLeft;
animation-name: rotateOutDownLeft;
}
@-webkit-keyframes rotateOutDownRight {
from {
-webkit-transform-origin: right bottom;
transform-origin: right bottom;
opacity: 1;
}
to {
-webkit-transform-origin: right bottom;
transform-origin: right bottom;
-webkit-transform: rotate3d(0, 0, 1, -45deg);
transform: rotate3d(0, 0, 1, -45deg);
opacity: 0;
}
}
@keyframes rotateOutDownRight {
from {
-webkit-transform-origin: right bottom;
transform-origin: right bottom;
opacity: 1;
}
to {
-webkit-transform-origin: right bottom;
transform-origin: right bottom;
-webkit-transform: rotate3d(0, 0, 1, -45deg);
transform: rotate3d(0, 0, 1, -45deg);
opacity: 0;
}
}
.rotateOutDownRight {
-webkit-animation-name: rotateOutDownRight;
animation-name: rotateOutDownRight;
}
@-webkit-keyframes rotateOutUpLeft {
from {
-webkit-transform-origin: left bottom;
transform-origin: left bottom;
opacity: 1;
}
to {
-webkit-transform-origin: left bottom;
transform-origin: left bottom;
-webkit-transform: rotate3d(0, 0, 1, -45deg);
transform: rotate3d(0, 0, 1, -45deg);
opacity: 0;
}
}
@keyframes rotateOutUpLeft {
from {
-webkit-transform-origin: left bottom;
transform-origin: left bottom;
opacity: 1;
}
to {
-webkit-transform-origin: left bottom;
transform-origin: left bottom;
-webkit-transform: rotate3d(0, 0, 1, -45deg);
transform: rotate3d(0, 0, 1, -45deg);
opacity: 0;
}
}
.rotateOutUpLeft {
-webkit-animation-name: rotateOutUpLeft;
animation-name: rotateOutUpLeft;
}
@-webkit-keyframes rotateOutUpRight {
from {
-webkit-transform-origin: right bottom;
transform-origin: right bottom;
opacity: 1;
}
to {
-webkit-transform-origin: right bottom;
transform-origin: right bottom;
-webkit-transform: rotate3d(0, 0, 1, 90deg);
transform: rotate3d(0, 0, 1, 90deg);
opacity: 0;
}
}
@keyframes rotateOutUpRight {
from {
-webkit-transform-origin: right bottom;
transform-origin: right bottom;
opacity: 1;
}
to {
-webkit-transform-origin: right bottom;
transform-origin: right bottom;
-webkit-transform: rotate3d(0, 0, 1, 90deg);
transform: rotate3d(0, 0, 1, 90deg);
opacity: 0;
}
}
.rotateOutUpRight {
-webkit-animation-name: rotateOutUpRight;
animation-name: rotateOutUpRight;
}
@-webkit-keyframes hinge {
0% {
-webkit-transform-origin: top left;
transform-origin: top left;
-webkit-animation-timing-function: ease-in-out;
animation-timing-function: ease-in-out;
}
20%,
60% {
-webkit-transform: rotate3d(0, 0, 1, 80deg);
transform: rotate3d(0, 0, 1, 80deg);
-webkit-transform-origin: top left;
transform-origin: top left;
-webkit-animation-timing-function: ease-in-out;
animation-timing-function: ease-in-out;
}
40%,
80% {
-webkit-transform: rotate3d(0, 0, 1, 60deg);
transform: rotate3d(0, 0, 1, 60deg);
-webkit-transform-origin: top left;
transform-origin: top left;
-webkit-animation-timing-function: ease-in-out;
animation-timing-function: ease-in-out;
opacity: 1;
}
to {
-webkit-transform: translate3d(0, 700px, 0);
transform: translate3d(0, 700px, 0);
opacity: 0;
}
}
@keyframes hinge {
0% {
-webkit-transform-origin: top left;
transform-origin: top left;
-webkit-animation-timing-function: ease-in-out;
animation-timing-function: ease-in-out;
}
20%,
60% {
-webkit-transform: rotate3d(0, 0, 1, 80deg);
transform: rotate3d(0, 0, 1, 80deg);
-webkit-transform-origin: top left;
transform-origin: top left;
-webkit-animation-timing-function: ease-in-out;
animation-timing-function: ease-in-out;
}
40%,
80% {
-webkit-transform: rotate3d(0, 0, 1, 60deg);
transform: rotate3d(0, 0, 1, 60deg);
-webkit-transform-origin: top left;
transform-origin: top left;
-webkit-animation-timing-function: ease-in-out;
animation-timing-function: ease-in-out;
opacity: 1;
}
to {
-webkit-transform: translate3d(0, 700px, 0);
transform: translate3d(0, 700px, 0);
opacity: 0;
}
}
.hinge {
-webkit-animation-name: hinge;
animation-name: hinge;
}
/* originally authored by Nick Pettit - https://github.com/nickpettit/glide */
@-webkit-keyframes rollIn {
from {
opacity: 0;
-webkit-transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg);
transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg);
}
to {
opacity: 1;
-webkit-transform: none;
transform: none;
}
}
@keyframes rollIn {
from {
opacity: 0;
-webkit-transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg);
transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg);
}
to {
opacity: 1;
-webkit-transform: none;
transform: none;
}
}
.rollIn {
-webkit-animation-name: rollIn;
animation-name: rollIn;
}
/* originally authored by Nick Pettit - https://github.com/nickpettit/glide */
@-webkit-keyframes rollOut {
from {
opacity: 1;
}
to {
opacity: 0;
-webkit-transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg);
transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg);
}
}
@keyframes rollOut {
from {
opacity: 1;
}
to {
opacity: 0;
-webkit-transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg);
transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg);
}
}
.rollOut {
-webkit-animation-name: rollOut;
animation-name: rollOut;
}
@-webkit-keyframes zoomIn {
from {
opacity: 0;
-webkit-transform: scale3d(.3, .3, .3);
transform: scale3d(.3, .3, .3);
}
50% {
opacity: 1;
}
}
@keyframes zoomIn {
from {
opacity: 0;
-webkit-transform: scale3d(.3, .3, .3);
transform: scale3d(.3, .3, .3);
}
50% {
opacity: 1;
}
}
.zoomIn {
-webkit-animation-name: zoomIn;
animation-name: zoomIn;
}
@-webkit-keyframes zoomInDown {
from {
opacity: 0;
-webkit-transform: scale3d(.1, .1, .1) translate3d(0, -1000px, 0);
transform: scale3d(.1, .1, .1) translate3d(0, -1000px, 0);
-webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
}
60% {
opacity: 1;
-webkit-transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0);
transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0);
-webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
}
}
@keyframes zoomInDown {
from {
opacity: 0;
-webkit-transform: scale3d(.1, .1, .1) translate3d(0, -1000px, 0);
transform: scale3d(.1, .1, .1) translate3d(0, -1000px, 0);
-webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
}
60% {
opacity: 1;
-webkit-transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0);
transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0);
-webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
}
}
.zoomInDown {
-webkit-animation-name: zoomInDown;
animation-name: zoomInDown;
}
@-webkit-keyframes zoomInLeft {
from {
opacity: 0;
-webkit-transform: scale3d(.1, .1, .1) translate3d(-1000px, 0, 0);
transform: scale3d(.1, .1, .1) translate3d(-1000px, 0, 0);
-webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
}
60% {
opacity: 1;
-webkit-transform: scale3d(.475, .475, .475) translate3d(10px, 0, 0);
transform: scale3d(.475, .475, .475) translate3d(10px, 0, 0);
-webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
}
}
@keyframes zoomInLeft {
from {
opacity: 0;
-webkit-transform: scale3d(.1, .1, .1) translate3d(-1000px, 0, 0);
transform: scale3d(.1, .1, .1) translate3d(-1000px, 0, 0);
-webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
}
60% {
opacity: 1;
-webkit-transform: scale3d(.475, .475, .475) translate3d(10px, 0, 0);
transform: scale3d(.475, .475, .475) translate3d(10px, 0, 0);
-webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
}
}
.zoomInLeft {
-webkit-animation-name: zoomInLeft;
animation-name: zoomInLeft;
}
@-webkit-keyframes zoomInRight {
from {
opacity: 0;
-webkit-transform: scale3d(.1, .1, .1) translate3d(1000px, 0, 0);
transform: scale3d(.1, .1, .1) translate3d(1000px, 0, 0);
-webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
}
60% {
opacity: 1;
-webkit-transform: scale3d(.475, .475, .475) translate3d(-10px, 0, 0);
transform: scale3d(.475, .475, .475) translate3d(-10px, 0, 0);
-webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
}
}
@keyframes zoomInRight {
from {
opacity: 0;
-webkit-transform: scale3d(.1, .1, .1) translate3d(1000px, 0, 0);
transform: scale3d(.1, .1, .1) translate3d(1000px, 0, 0);
-webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
}
60% {
opacity: 1;
-webkit-transform: scale3d(.475, .475, .475) translate3d(-10px, 0, 0);
transform: scale3d(.475, .475, .475) translate3d(-10px, 0, 0);
-webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
}
}
.zoomInRight {
-webkit-animation-name: zoomInRight;
animation-name: zoomInRight;
}
@-webkit-keyframes zoomInUp {
from {
opacity: 0;
-webkit-transform: scale3d(.1, .1, .1) translate3d(0, 1000px, 0);
transform: scale3d(.1, .1, .1) translate3d(0, 1000px, 0);
-webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
}
60% {
opacity: 1;
-webkit-transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0);
transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0);
-webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
}
}
@keyframes zoomInUp {
from {
opacity: 0;
-webkit-transform: scale3d(.1, .1, .1) translate3d(0, 1000px, 0);
transform: scale3d(.1, .1, .1) translate3d(0, 1000px, 0);
-webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
}
60% {
opacity: 1;
-webkit-transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0);
transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0);
-webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
}
}
.zoomInUp {
-webkit-animation-name: zoomInUp;
animation-name: zoomInUp;
}
@-webkit-keyframes zoomOut {
from {
opacity: 1;
}
50% {
opacity: 0;
-webkit-transform: scale3d(.3, .3, .3);
transform: scale3d(.3, .3, .3);
}
to {
opacity: 0;
}
}
@keyframes zoomOut {
from {
opacity: 1;
}
50% {
opacity: 0;
-webkit-transform: scale3d(.3, .3, .3);
transform: scale3d(.3, .3, .3);
}
to {
opacity: 0;
}
}
.zoomOut {
-webkit-animation-name: zoomOut;
animation-name: zoomOut;
}
@-webkit-keyframes zoomOutDown {
40% {
opacity: 1;
-webkit-transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0);
transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0);
-webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
}
to {
opacity: 0;
-webkit-transform: scale3d(.1, .1, .1) translate3d(0, 2000px, 0);
transform: scale3d(.1, .1, .1) translate3d(0, 2000px, 0);
-webkit-transform-origin: center bottom;
transform-origin: center bottom;
-webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
}
}
@keyframes zoomOutDown {
40% {
opacity: 1;
-webkit-transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0);
transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0);
-webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
}
to {
opacity: 0;
-webkit-transform: scale3d(.1, .1, .1) translate3d(0, 2000px, 0);
transform: scale3d(.1, .1, .1) translate3d(0, 2000px, 0);
-webkit-transform-origin: center bottom;
transform-origin: center bottom;
-webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
}
}
.zoomOutDown {
-webkit-animation-name: zoomOutDown;
animation-name: zoomOutDown;
}
@-webkit-keyframes zoomOutLeft {
40% {
opacity: 1;
-webkit-transform: scale3d(.475, .475, .475) translate3d(42px, 0, 0);
transform: scale3d(.475, .475, .475) translate3d(42px, 0, 0);
}
to {
opacity: 0;
-webkit-transform: scale(.1) translate3d(-2000px, 0, 0);
transform: scale(.1) translate3d(-2000px, 0, 0);
-webkit-transform-origin: left center;
transform-origin: left center;
}
}
@keyframes zoomOutLeft {
40% {
opacity: 1;
-webkit-transform: scale3d(.475, .475, .475) translate3d(42px, 0, 0);
transform: scale3d(.475, .475, .475) translate3d(42px, 0, 0);
}
to {
opacity: 0;
-webkit-transform: scale(.1) translate3d(-2000px, 0, 0);
transform: scale(.1) translate3d(-2000px, 0, 0);
-webkit-transform-origin: left center;
transform-origin: left center;
}
}
.zoomOutLeft {
-webkit-animation-name: zoomOutLeft;
animation-name: zoomOutLeft;
}
@-webkit-keyframes zoomOutRight {
40% {
opacity: 1;
-webkit-transform: scale3d(.475, .475, .475) translate3d(-42px, 0, 0);
transform: scale3d(.475, .475, .475) translate3d(-42px, 0, 0);
}
to {
opacity: 0;
-webkit-transform: scale(.1) translate3d(2000px, 0, 0);
transform: scale(.1) translate3d(2000px, 0, 0);
-webkit-transform-origin: right center;
transform-origin: right center;
}
}
@keyframes zoomOutRight {
40% {
opacity: 1;
-webkit-transform: scale3d(.475, .475, .475) translate3d(-42px, 0, 0);
transform: scale3d(.475, .475, .475) translate3d(-42px, 0, 0);
}
to {
opacity: 0;
-webkit-transform: scale(.1) translate3d(2000px, 0, 0);
transform: scale(.1) translate3d(2000px, 0, 0);
-webkit-transform-origin: right center;
transform-origin: right center;
}
}
.zoomOutRight {
-webkit-animation-name: zoomOutRight;
animation-name: zoomOutRight;
}
@-webkit-keyframes zoomOutUp {
40% {
opacity: 1;
-webkit-transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0);
transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0);
-webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
}
to {
opacity: 0;
-webkit-transform: scale3d(.1, .1, .1) translate3d(0, -2000px, 0);
transform: scale3d(.1, .1, .1) translate3d(0, -2000px, 0);
-webkit-transform-origin: center bottom;
transform-origin: center bottom;
-webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
}
}
@keyframes zoomOutUp {
40% {
opacity: 1;
-webkit-transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0);
transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0);
-webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
}
to {
opacity: 0;
-webkit-transform: scale3d(.1, .1, .1) translate3d(0, -2000px, 0);
transform: scale3d(.1, .1, .1) translate3d(0, -2000px, 0);
-webkit-transform-origin: center bottom;
transform-origin: center bottom;
-webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
}
}
.zoomOutUp {
-webkit-animation-name: zoomOutUp;
animation-name: zoomOutUp;
}
@-webkit-keyframes slideInDown {
from {
-webkit-transform: translate3d(0, -100%, 0);
transform: translate3d(0, -100%, 0);
visibility: visible;
}
to {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
}
@keyframes slideInDown {
from {
-webkit-transform: translate3d(0, -100%, 0);
transform: translate3d(0, -100%, 0);
visibility: visible;
}
to {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
}
.slideInDown {
-webkit-animation-name: slideInDown;
animation-name: slideInDown;
}
@-webkit-keyframes slideInLeft {
from {
-webkit-transform: translate3d(-100%, 0, 0);
transform: translate3d(-100%, 0, 0);
visibility: visible;
}
to {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
}
@keyframes slideInLeft {
from {
-webkit-transform: translate3d(-100%, 0, 0);
transform: translate3d(-100%, 0, 0);
visibility: visible;
}
to {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
}
.slideInLeft {
-webkit-animation-name: slideInLeft;
animation-name: slideInLeft;
}
@-webkit-keyframes slideInRight {
from {
-webkit-transform: translate3d(100%, 0, 0);
transform: translate3d(100%, 0, 0);
visibility: visible;
}
to {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
}
@keyframes slideInRight {
from {
-webkit-transform: translate3d(100%, 0, 0);
transform: translate3d(100%, 0, 0);
visibility: visible;
}
to {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
}
.slideInRight {
-webkit-animation-name: slideInRight;
animation-name: slideInRight;
}
@-webkit-keyframes slideInUp {
from {
-webkit-transform: translate3d(0, 100%, 0);
transform: translate3d(0, 100%, 0);
visibility: visible;
}
to {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
}
@keyframes slideInUp {
from {
-webkit-transform: translate3d(0, 100%, 0);
transform: translate3d(0, 100%, 0);
visibility: visible;
}
to {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
}
.slideInUp {
-webkit-animation-name: slideInUp;
animation-name: slideInUp;
}
@-webkit-keyframes slideOutDown {
from {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
to {
visibility: hidden;
-webkit-transform: translate3d(0, 100%, 0);
transform: translate3d(0, 100%, 0);
}
}
@keyframes slideOutDown {
from {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
to {
visibility: hidden;
-webkit-transform: translate3d(0, 100%, 0);
transform: translate3d(0, 100%, 0);
}
}
.slideOutDown {
-webkit-animation-name: slideOutDown;
animation-name: slideOutDown;
}
@-webkit-keyframes slideOutLeft {
from {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
to {
visibility: hidden;
-webkit-transform: translate3d(-100%, 0, 0);
transform: translate3d(-100%, 0, 0);
}
}
@keyframes slideOutLeft {
from {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
to {
visibility: hidden;
-webkit-transform: translate3d(-100%, 0, 0);
transform: translate3d(-100%, 0, 0);
}
}
.slideOutLeft {
-webkit-animation-name: slideOutLeft;
animation-name: slideOutLeft;
}
@-webkit-keyframes slideOutRight {
from {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
to {
visibility: hidden;
-webkit-transform: translate3d(100%, 0, 0);
transform: translate3d(100%, 0, 0);
}
}
@keyframes slideOutRight {
from {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
to {
visibility: hidden;
-webkit-transform: translate3d(100%, 0, 0);
transform: translate3d(100%, 0, 0);
}
}
.slideOutRight {
-webkit-animation-name: slideOutRight;
animation-name: slideOutRight;
}
@-webkit-keyframes slideOutUp {
from {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
to {
visibility: hidden;
-webkit-transform: translate3d(0, -100%, 0);
transform: translate3d(0, -100%, 0);
}
}
@keyframes slideOutUp {
from {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
to {
visibility: hidden;
-webkit-transform: translate3d(0, -100%, 0);
transform: translate3d(0, -100%, 0);
}
}
.slideOutUp {
-webkit-animation-name: slideOutUp;
animation-name: slideOutUp;
}
/* line-icons.css */
@font-face {
font-family: 'Simple-Line-Icons';
src: url('fonts/Simple-Line-Icons.eot');
src: url('fonts/Simple-Line-Icons.eot?#iefix') format('embedded-opentype'), url('fonts/Simple-Line-Icons.woff') format('woff'), url('fonts/Simple-Line-Icons.ttf') format('truetype'), url('fonts/Simple-Line-Icons.svg#Simple-Line-Icons') format('svg');
font-weight: normal;
font-style: normal;
}
/* Use the following CSS code if you want to use data attributes for inserting your icons */
[data-icon]:before {
font-family: 'Simple-Line-Icons';
content: attr(data-icon);
speak: none;
font-weight: normal;
font-variant: normal;
text-transform: none;
line-height: 1;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}
/* Use the following CSS code if you want to have a class per icon */
/*
Instead of a list of all class selectors,
you can use the generic selector below, but it's slower:
[class*="icon-"] {
*/
.icon-user-female,
.icon-user-follow,
.icon-user-following,
.icon-user-unfollow,
.icon-trophy,
.icon-screen-smartphone,
.icon-screen-desktop,
.icon-plane,
.icon-notebook,
.icon-moustache,
.icon-mouse,
.icon-magnet,
.icon-energy,
.icon-emoticon-smile,
.icon-disc,
.icon-cursor-move,
.icon-crop,
.icon-credit-card,
.icon-chemistry,
.icon-user,
.icon-speedometer,
.icon-social-youtube,
.icon-social-twitter,
.icon-social-tumblr,
.icon-social-facebook,
.icon-social-dropbox,
.icon-social-dribbble,
.icon-shield,
.icon-screen-tablet,
.icon-magic-wand,
.icon-hourglass,
.icon-graduation,
.icon-ghost,
.icon-game-controller,
.icon-fire,
.icon-eyeglasses,
.icon-envelope-open,
.icon-envelope-letter,
.icon-bell,
.icon-badge,
.icon-anchor,
.icon-wallet,
.icon-vector,
.icon-speech,
.icon-puzzle,
.icon-printer,
.icon-present,
.icon-playlist,
.icon-pin,
.icon-picture,
.icon-map,
.icon-layers,
.icon-handbag,
.icon-globe-alt,
.icon-globe,
.icon-frame,
.icon-folder-alt,
.icon-film,
.icon-feed,
.icon-earphones-alt,
.icon-earphones,
.icon-drop,
.icon-drawer,
.icon-docs,
.icon-directions,
.icon-direction,
.icon-diamond,
.icon-cup,
.icon-compass,
.icon-call-out,
.icon-call-in,
.icon-call-end,
.icon-calculator,
.icon-bubbles,
.icon-briefcase,
.icon-book-open,
.icon-basket-loaded,
.icon-basket,
.icon-bag,
.icon-action-undo,
.icon-action-redo,
.icon-wrench,
.icon-umbrella,
.icon-trash,
.icon-tag,
.icon-support,
.icon-size-fullscreen,
.icon-size-actual,
.icon-shuffle,
.icon-share-alt,
.icon-share,
.icon-rocket,
.icon-question,
.icon-pie-chart,
.icon-pencil,
.icon-note,
.icon-music-tone-alt,
.icon-music-tone,
.icon-microphone,
.icon-loop,
.icon-logout,
.icon-login,
.icon-list,
.icon-like,
.icon-home,
.icon-grid,
.icon-graph,
.icon-equalizer,
.icon-dislike,
.icon-cursor,
.icon-control-start,
.icon-control-rewind,
.icon-control-play,
.icon-control-pause,
.icon-control-forward,
.icon-control-end,
.icon-calendar,
.icon-bulb,
.icon-bar-chart,
.icon-arrow-up,
.icon-arrow-right,
.icon-arrow-left,
.icon-arrow-down,
.icon-ban,
.icon-bubble,
.icon-camcorder,
.icon-camera,
.icon-check,
.icon-clock,
.icon-close,
.icon-cloud-download,
.icon-cloud-upload,
.icon-doc,
.icon-envelope,
.icon-eye,
.icon-flag,
.icon-folder,
.icon-heart,
.icon-info,
.icon-key,
.icon-link,
.icon-lock,
.icon-lock-open,
.icon-magnifier,
.icon-magnifier-add,
.icon-magnifier-remove,
.icon-paper-clip,
.icon-paper-plane,
.icon-plus,
.icon-pointer,
.icon-power,
.icon-refresh,
.icon-reload,
.icon-settings,
.icon-star,
.icon-symbol-female,
.icon-symbol-male,
.icon-target,
.icon-volume-1,
.icon-volume-2,
.icon-volume-off,
.icon-users {
font-family: 'Simple-Line-Icons';
speak: none;
font-style: normal;
font-weight: normal;
font-variant: normal;
text-transform: none;
line-height: 1;
-webkit-font-smoothing: antialiased;
}
.icon-user-female:before {
content: "\e000";
}
.icon-user-follow:before {
content: "\e002";
}
.icon-user-following:before {
content: "\e003";
}
.icon-user-unfollow:before {
content: "\e004";
}
.icon-trophy:before {
content: "\e006";
}
.icon-screen-smartphone:before {
content: "\e010";
}
.icon-screen-desktop:before {
content: "\e011";
}
.icon-plane:before {
content: "\e012";
}
.icon-notebook:before {
content: "\e013";
}
.icon-moustache:before {
content: "\e014";
}
.icon-mouse:before {
content: "\e015";
}
.icon-magnet:before {
content: "\e016";
}
.icon-energy:before {
content: "\e020";
}
.icon-emoticon-smile:before {
content: "\e021";
}
.icon-disc:before {
content: "\e022";
}
.icon-cursor-move:before {
content: "\e023";
}
.icon-crop:before {
content: "\e024";
}
.icon-credit-card:before {
content: "\e025";
}
.icon-chemistry:before {
content: "\e026";
}
.icon-user:before {
content: "\e005";
}
.icon-speedometer:before {
content: "\e007";
}
.icon-social-youtube:before {
content: "\e008";
}
.icon-social-twitter:before {
content: "\e009";
}
.icon-social-tumblr:before {
content: "\e00a";
}
.icon-social-facebook:before {
content: "\e00b";
}
.icon-social-dropbox:before {
content: "\e00c";
}
.icon-social-dribbble:before {
content: "\e00d";
}
.icon-shield:before {
content: "\e00e";
}
.icon-screen-tablet:before {
content: "\e00f";
}
.icon-magic-wand:before {
content: "\e017";
}
.icon-hourglass:before {
content: "\e018";
}
.icon-graduation:before {
content: "\e019";
}
.icon-ghost:before {
content: "\e01a";
}
.icon-game-controller:before {
content: "\e01b";
}
.icon-fire:before {
content: "\e01c";
}
.icon-eyeglasses:before {
content: "\e01d";
}
.icon-envelope-open:before {
content: "\e01e";
}
.icon-envelope-letter:before {
content: "\e01f";
}
.icon-bell:before {
content: "\e027";
}
.icon-badge:before {
content: "\e028";
}
.icon-anchor:before {
content: "\e029";
}
.icon-wallet:before {
content: "\e02a";
}
.icon-vector:before {
content: "\e02b";
}
.icon-speech:before {
content: "\e02c";
}
.icon-puzzle:before {
content: "\e02d";
}
.icon-printer:before {
content: "\e02e";
}
.icon-present:before {
content: "\e02f";
}
.icon-playlist:before {
content: "\e030";
}
.icon-pin:before {
content: "\e031";
}
.icon-picture:before {
content: "\e032";
}
.icon-map:before {
content: "\e033";
}
.icon-layers:before {
content: "\e034";
}
.icon-handbag:before {
content: "\e035";
}
.icon-globe-alt:before {
content: "\e036";
}
.icon-globe:before {
content: "\e037";
}
.icon-frame:before {
content: "\e038";
}
.icon-folder-alt:before {
content: "\e039";
}
.icon-film:before {
content: "\e03a";
}
.icon-feed:before {
content: "\e03b";
}
.icon-earphones-alt:before {
content: "\e03c";
}
.icon-earphones:before {
content: "\e03d";
}
.icon-drop:before {
content: "\e03e";
}
.icon-drawer:before {
content: "\e03f";
}
.icon-docs:before {
content: "\e040";
}
.icon-directions:before {
content: "\e041";
}
.icon-direction:before {
content: "\e042";
}
.icon-diamond:before {
content: "\e043";
}
.icon-cup:before {
content: "\e044";
}
.icon-compass:before {
content: "\e045";
}
.icon-call-out:before {
content: "\e046";
}
.icon-call-in:before {
content: "\e047";
}
.icon-call-end:before {
content: "\e048";
}
.icon-calculator:before {
content: "\e049";
}
.icon-bubbles:before {
content: "\e04a";
}
.icon-briefcase:before {
content: "\e04b";
}
.icon-book-open:before {
content: "\e04c";
}
.icon-basket-loaded:before {
content: "\e04d";
}
.icon-basket:before {
content: "\e04e";
}
.icon-bag:before {
content: "\e04f";
}
.icon-action-undo:before {
content: "\e050";
}
.icon-action-redo:before {
content: "\e051";
}
.icon-wrench:before {
content: "\e052";
}
.icon-umbrella:before {
content: "\e053";
}
.icon-trash:before {
content: "\e054";
}
.icon-tag:before {
content: "\e055";
}
.icon-support:before {
content: "\e056";
}
.icon-size-fullscreen:before {
content: "\e057";
}
.icon-size-actual:before {
content: "\e058";
}
.icon-shuffle:before {
content: "\e059";
}
.icon-share-alt:before {
content: "\e05a";
}
.icon-share:before {
content: "\e05b";
}
.icon-rocket:before {
content: "\e05c";
}
.icon-question:before {
content: "\e05d";
}
.icon-pie-chart:before {
content: "\e05e";
}
.icon-pencil:before {
content: "\e05f";
}
.icon-note:before {
content: "\e060";
}
.icon-music-tone-alt:before {
content: "\e061";
}
.icon-music-tone:before {
content: "\e062";
}
.icon-microphone:before {
content: "\e063";
}
.icon-loop:before {
content: "\e064";
}
.icon-logout:before {
content: "\e065";
}
.icon-login:before {
content: "\e066";
}
.icon-list:before {
content: "\e067";
}
.icon-like:before {
content: "\e068";
}
.icon-home:before {
content: "\e069";
}
.icon-grid:before {
content: "\e06a";
}
.icon-graph:before {
content: "\e06b";
}
.icon-equalizer:before {
content: "\e06c";
}
.icon-dislike:before {
content: "\e06d";
}
.icon-cursor:before {
content: "\e06e";
}
.icon-control-start:before {
content: "\e06f";
}
.icon-control-rewind:before {
content: "\e070";
}
.icon-control-play:before {
content: "\e071";
}
.icon-control-pause:before {
content: "\e072";
}
.icon-control-forward:before {
content: "\e073";
}
.icon-control-end:before {
content: "\e074";
}
.icon-calendar:before {
content: "\e075";
}
.icon-bulb:before {
content: "\e076";
}
.icon-bar-chart:before {
content: "\e077";
}
.icon-arrow-up:before {
content: "\e078";
}
.icon-arrow-right:before {
content: "\e079";
}
.icon-arrow-left:before {
content: "\e07a";
}
.icon-arrow-down:before {
content: "\e07b";
}
.icon-ban:before {
content: "\e07c";
}
.icon-bubble:before {
content: "\e07d";
}
.icon-camcorder:before {
content: "\e07e";
}
.icon-camera:before {
content: "\e07f";
}
.icon-check:before {
content: "\e080";
}
.icon-clock:before {
content: "\e081";
}
.icon-close:before {
content: "\e082";
}
.icon-cloud-download:before {
content: "\e083";
}
.icon-cloud-upload:before {
content: "\e084";
}
.icon-doc:before {
content: "\e085";
}
.icon-envelope:before {
content: "\e086";
}
.icon-eye:before {
content: "\e087";
}
.icon-flag:before {
content: "\e088";
}
.icon-folder:before {
content: "\e089";
}
.icon-heart:before {
content: "\e08a";
}
.icon-info:before {
content: "\e08b";
}
.icon-key:before {
content: "\e08c";
}
.icon-link:before {
content: "\e08d";
}
.icon-lock:before {
content: "\e08e";
}
.icon-lock-open:before {
content: "\e08f";
}
.icon-magnifier:before {
content: "\e090";
}
.icon-magnifier-add:before {
content: "\e091";
}
.icon-magnifier-remove:before {
content: "\e092";
}
.icon-paper-clip:before {
content: "\e093";
}
.icon-paper-plane:before {
content: "\e094";
}
.icon-plus:before {
content: "\e095";
}
.icon-pointer:before {
content: "\e096";
}
.icon-power:before {
content: "\e097";
}
.icon-refresh:before {
content: "\e098";
}
.icon-reload:before {
content: "\e099";
}
.icon-settings:before {
content: "\e09a";
}
.icon-star:before {
content: "\e09b";
}
.icon-symbol-female:before {
content: "\e09c";
}
.icon-symbol-male:before {
content: "\e09d";
}
.icon-target:before {
content: "\e09e";
}
.icon-volume-1:before {
content: "\e09f";
}
.icon-volume-2:before {
content: "\e0a0";
}
.icon-volume-off:before {
content: "\e0a1";
}
.icon-users:before {
content: "\e001";
}
/* cubeportfolio.css */
/*!
* Cube Portfolio - Responsive jQuery Grid Plugin
*
* version: 3.5.1 (30 January, 2016)
* require: jQuery v1.7+
*
* Copyright 2013-2015, Mihai Buricea (http://scriptpie.com/cubeportfolio/live-preview/)
* Licensed under CodeCanyon License (http://codecanyon.net/licenses)
*
*/
.cbp,
.cbp *,
.cbp *:after,
.cbp:after,
.cbp-l-filters-alignCenter,
.cbp-l-filters-alignCenter *,
.cbp-l-filters-alignCenter .cbp-filter-counter:after,
.cbp-l-filters-alignLeft,
.cbp-l-filters-alignLeft *,
.cbp-l-filters-alignRight,
.cbp-l-filters-alignRight *,
.cbp-l-filters-alignRight .cbp-filter-counter:after,
.cbp-l-filters-button,
.cbp-l-filters-button *,
.cbp-l-filters-button .cbp-filter-counter:after,
.cbp-l-filters-buttonCenter,
.cbp-l-filters-buttonCenter *,
.cbp-l-filters-buttonCenter .cbp-filter-counter:after,
.cbp-l-filters-dropdown,
.cbp-l-filters-dropdown *,
.cbp-l-filters-dropdownHeader:after,
.cbp-l-filters-list,
.cbp-l-filters-list *,
.cbp-l-filters-work,
.cbp-l-filters-work *,
.cbp-l-filters-big,
.cbp-l-filters-big *,
.cbp-l-filters-text,
.cbp-l-filters-text *,
.cbp-l-filters-text .cbp-filter-counter:after,
.cbp-l-filters-underline,
.cbp-l-filters-underline *,
.cbp-popup-wrap,
.cbp-popup-wrap *,
.cbp-popup-wrap:before,
.cbp-popup-loadingBox:after,
.cbp-l-loadMore-bgbutton,
.cbp-l-loadMore-bgbutton *,
.cbp-l-loadMore-button,
.cbp-l-loadMore-button *,
.cbp-l-loadMore-text,
.cbp-l-loadMore-text *,
.cbp-search,
.cbp-search *,
.cbp-search-icon:after {
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}
.cbp-l-grid-agency-title,
.cbp-l-grid-agency-desc,
.cbp-l-grid-work-title,
.cbp-l-grid-work-desc,
.cbp-l-grid-blog-title,
.cbp-l-grid-projects-title,
.cbp-l-grid-projects-desc,
.cbp-l-grid-masonry-projects-title,
.cbp-l-grid-masonry-projects-desc {
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
}
.cbp-l-filters-alignCenter,
.cbp-l-filters-alignCenter *,
.cbp-l-filters-alignLeft,
.cbp-l-filters-alignLeft *,
.cbp-l-filters-alignRight,
.cbp-l-filters-alignRight *,
.cbp-l-filters-button,
.cbp-l-filters-button *,
.cbp-l-filters-buttonCenter,
.cbp-l-filters-buttonCenter *,
.cbp-l-filters-dropdown,
.cbp-l-filters-dropdown *,
.cbp-l-filters-list,
.cbp-l-filters-list *,
.cbp-l-filters-work,
.cbp-l-filters-work *,
.cbp-l-filters-big,
.cbp-l-filters-big *,
.cbp-l-filters-text,
.cbp-l-filters-text *,
.cbp-l-filters-underline,
.cbp-l-filters-underline * {
-webkit-tap-highlight-color: transparent;
}
.cbp:after,
.cbp-lazyload:after,
.cbp-popup-loadingBox:after,
.cbp-popup-singlePageInline:after {
content: '';
position: absolute;
width: 34px;
height: 34px;
left: 0;
right: 0;
top: 0;
bottom: 0;
margin: auto;
-webkit-animation: cbp-rotation .8s infinite linear;
animation: cbp-rotation .8s infinite linear;
border-left: 3px solid rgba(114, 144, 182, 0.15);
border-right: 3px solid rgba(114, 144, 182, 0.15);
border-bottom: 3px solid rgba(114, 144, 182, 0.15);
border-top: 3px solid rgba(114, 144, 182, 0.8);
border-radius: 100%;
}
/* ---------------------------------------------------------------
Default style for plugin. Please change them carefully!
--------------------------------------------------------------- */
.cbp-item {
display: inline-block;
margin: 0 10px 20px 0;
}
.cbp {
position: relative;
margin: 0 auto;
z-index: 1;
height: 400px;
}
.cbp>* {
visibility: hidden;
}
.cbp .cbp-item {
position: absolute;
top: 0;
left: 0;
list-style-type: none;
margin: 0;
padding: 0;
overflow: hidden;
}
.cbp img {
display: block;
border: 0;
width: 100%;
height: auto;
}
.cbp a,
.cbp a:hover,
.cbp a:active {
text-decoration: none;
outline: 0;
}
.cbp-ready>* {
visibility: visible;
}
.cbp-ready:after {
display: none;
visibility: hidden;
}
.cbp-lazyload {
position: relative;
background: #fff;
display: block;
}
.cbp-lazyload img {
opacity: 1;
}
.cbp-lazyload img[data-cbp-src] {
opacity: 0;
}
.cbp-lazyload img:not([data-cbp-src]) {
-webkit-transition: opacity .7s ease-in-out;
transition: opacity .7s ease-in-out;
}
.cbp-lazyload:after {
z-index: 0;
}
.cbp-wrapper-outer {
overflow: hidden;
position: relative;
margin: 0 auto;
}
.cbp-wrapper-outer,
.cbp-wrapper,
.cbp-wrapper-helper {
list-style-type: none;
padding: 0;
width: 100%;
height: 100%;
z-index: 1;
}
.cbp-wrapper,
.cbp-wrapper-helper {
position: absolute;
top: 0;
left: 0;
margin: 0;
}
.cbp-item-off {
z-index: -1;
pointer-events: none;
visibility: hidden;
}
.cbp-item-on2off {
z-index: 0;
}
.cbp-item-off2on {
z-index: 1;
}
.cbp-item-on2on {
z-index: 2;
}
.cbp-item-wrapper {
width: 100%;
height: 100%;
position: relative;
top: 0;
left: 0;
}
.cbp-l-project-related-wrap img,
.cbp-l-inline img {
display: block;
width: 100%;
height: auto;
border: 0;
}
.cbp-addItems {
-webkit-transition: height .5s ease-in-out !important;
transition: height .5s ease-in-out !important;
will-change: height;
}
.cbp-addItems .cbp-item {
-webkit-transition: top .5s ease-in-out, left .5s ease-in-out;
transition: top .5s ease-in-out, left .5s ease-in-out;
}
.cbp-addItems .cbp-item-loading {
-webkit-animation: fadeIn .5s ease-in-out;
animation: fadeIn .5s ease-in-out;
-webkit-transition: none;
transition: none;
}
/* END - Default style for plugin. Please change them carefully! */
.cbp-panel {
width: 94%;
max-width: 1170px;
margin: 0 auto;
}
.cbp-misc-video {
position: relative;
height: 0;
padding-bottom: 56.25%;
background: #000;
text-align: center;
}
.cbp-misc-video iframe {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}
@-webkit-keyframes cbp-rotation {
0 {
-webkit-transform: rotate(0deg);
}
100% {
-webkit-transform: rotate(360deg);
}
}
@keyframes cbp-rotation {
0 {
transform: rotate(0deg);
}
100% {
transform: rotate(360deg);
}
}
.clearfix:after {
content: " ";
display: block;
height: 0;
clear: both;
}
.cbp-l-filters-left {
float: left;
}
.cbp-l-filters-right {
float: right;
}
/* general caption style */
.cbp-caption,
.cbp-caption-defaultWrap,
.cbp-caption-activeWrap {
display: block;
}
.cbp-caption-activeWrap {
background-color: #282727;
}
.cbp-caption-active .cbp-caption,
.cbp-caption-active .cbp-caption-defaultWrap,
.cbp-caption-active .cbp-caption-activeWrap {
overflow: hidden;
position: relative;
z-index: 1;
}
.cbp-caption-active .cbp-caption-defaultWrap {
top: 0;
}
.cbp-caption-active .cbp-caption-activeWrap {
width: 100%;
position: absolute;
z-index: 2;
height: 100%;
}
/* ---------------------------------------------------------------
caption miscellaneous style
--------------------------------------------------------------- */
.cbp-l-caption-title {
color: #fff;
font: 400 16px/21px "Open Sans", sans-serif;
}
.cbp-l-caption-desc {
color: #aaa;
font: 400 12px/16px "Open Sans", sans-serif;
}
.cbp-l-caption-text {
font: 400 14px/21px "Open Sans", sans-serif;
color: #fff;
letter-spacing: 3px;
padding: 0 6px;
}
.cbp-l-caption-buttonLeft,
.cbp-l-caption-buttonRight {
background-color: #547EB1;
color: #FFFFFF;
display: inline-block;
font: 400 12px/30px "Open Sans", sans-serif;
min-width: 90px;
text-align: center;
margin: 4px;
padding: 0 6px;
}
.cbp-l-caption-buttonLeft:hover,
.cbp-l-caption-buttonRight:hover {
opacity: 0.9;
}
/* END - caption miscellaneous style */
/* ---------------------------------------------------------------
none caption
--------------------------------------------------------------- */
.cbp-caption-none .cbp-caption-activeWrap {
display: none;
}
/* END - none caption */
/* ---------------------------------------------------------------
caption layout align left
--------------------------------------------------------------- */
.cbp-l-caption-alignLeft .cbp-l-caption-body {
padding: 12px 30px;
}
.cbp-caption-fadeIn .cbp-l-caption-alignLeft .cbp-l-caption-body,
.cbp-caption-minimal .cbp-l-caption-alignLeft .cbp-l-caption-body,
.cbp-caption-moveRight .cbp-l-caption-alignLeft .cbp-l-caption-body,
.cbp-caption-overlayRightAlong .cbp-l-caption-alignLeft .cbp-l-caption-body,
.cbp-caption-pushDown .cbp-l-caption-alignLeft .cbp-l-caption-body,
.cbp-caption-pushTop .cbp-l-caption-alignLeft .cbp-l-caption-body,
.cbp-caption-revealBottom .cbp-l-caption-alignLeft .cbp-l-caption-body,
.cbp-caption-revealLeft .cbp-l-caption-alignLeft .cbp-l-caption-body,
.cbp-caption-revealTop .cbp-l-caption-alignLeft .cbp-l-caption-body,
.cbp-caption-zoom .cbp-l-caption-alignLeft .cbp-l-caption-body,
.cbp-caption-opacity .cbp-l-caption-alignLeft .cbp-l-caption-body {
padding-top: 30px;
}
/* END - caption layout left */
/* ---------------------------------------------------------------
caption layout center vertically and horizontally
--------------------------------------------------------------- */
.cbp-l-caption-alignCenter {
display: table;
width: 100%;
height: 100%;
}
.cbp-l-caption-alignCenter .cbp-l-caption-body {
display: table-cell;
vertical-align: middle;
text-align: center;
padding: 10px 0;
}
.cbp-l-caption-alignCenter .cbp-l-caption-buttonLeft,
.cbp-l-caption-alignCenter .cbp-l-caption-buttonRight {
position: relative;
-webkit-transition: left 0.4s cubic-bezier(0.19, 1, 0.22, 1);
transition: left 0.4s cubic-bezier(0.19, 1, 0.22, 1);
}
.cbp-caption-overlayBottom .cbp-l-caption-alignCenter .cbp-l-caption-buttonLeft,
.cbp-caption-overlayBottomPush .cbp-l-caption-alignCenter .cbp-l-caption-buttonLeft,
.cbp-caption-overlayBottomAlong .cbp-l-caption-alignCenter .cbp-l-caption-buttonLeft {
left: -20px;
}
.cbp-caption-overlayBottom .cbp-l-caption-alignCenter .cbp-l-caption-buttonRight,
.cbp-caption-overlayBottomPush .cbp-l-caption-alignCenter .cbp-l-caption-buttonRight,
.cbp-caption-overlayBottomAlong .cbp-l-caption-alignCenter .cbp-l-caption-buttonRight {
left: 20px;
}
.cbp-caption:hover .cbp-l-caption-alignCenter .cbp-l-caption-buttonLeft,
.cbp-caption:hover .cbp-l-caption-alignCenter .cbp-l-caption-buttonRight {
left: 0;
}
/* END - caption layout center vertically and horizontally */
.cbp-caption-fadeIn .cbp-caption-activeWrap {
opacity: 0;
top: 0;
background-color: rgba(0, 0, 0, 0.85);
-webkit-transition: opacity 0.9s cubic-bezier(0.19, 1, 0.22, 1);
transition: opacity 0.9s cubic-bezier(0.19, 1, 0.22, 1);
}
.cbp-caption-fadeIn .cbp-caption:hover .cbp-caption-activeWrap {
opacity: 1;
}
.cbp-caption-minimal .cbp-l-caption-title,
.cbp-caption-minimal .cbp-l-caption-desc {
position: relative;
left: 0;
opacity: 0;
-webkit-transition: -webkit-transform .35s ease-out;
transition: transform .35s ease-out;
}
.cbp-caption-minimal .cbp-l-caption-title {
-webkit-transform: translateY(-50%);
transform: translateY(-50%);
}
.cbp-caption-minimal .cbp-l-caption-desc {
-webkit-transform: translateY(70%);
transform: translateY(70%);
}
.cbp-caption-minimal .cbp-caption:hover .cbp-l-caption-title,
.cbp-caption-minimal .cbp-caption:hover .cbp-l-caption-desc {
opacity: 1;
-webkit-transform: translateY(0);
transform: translateY(0);
}
.cbp-caption-minimal .cbp-caption-activeWrap {
top: 0;
background-color: black;
background-color: rgba(0, 0, 0, 0.8);
opacity: 0;
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
}
.cbp-caption-minimal .cbp-caption:hover .cbp-caption-activeWrap {
opacity: 1;
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=90)";
}
.cbp-caption-moveRight .cbp-caption-activeWrap {
left: -100%;
top: 0;
-webkit-transition: -webkit-transform 0.6s cubic-bezier(0.19, 1, 0.22, 1);
transition: transform 0.6s cubic-bezier(0.19, 1, 0.22, 1);
}
.cbp-caption-moveRight .cbp-caption:hover .cbp-caption-activeWrap {
-webkit-transform: translateX(100%);
transform: translateX(100%);
}
.cbp-caption-overlayBottom .cbp-caption-activeWrap {
height: 60px;
background-color: #181616;
background-color: rgba(24, 22, 22, 0.7);
-webkit-transition: -webkit-transform 0.6s cubic-bezier(0.19, 1, 0.22, 1);
transition: transform 0.6s cubic-bezier(0.19, 1, 0.22, 1);
}
.cbp-caption-overlayBottom .cbp-caption:hover .cbp-caption-activeWrap {
-webkit-transform: translateY(-100%);
transform: translateY(-100%);
}
.cbp-caption-overlayBottomAlong .cbp-caption-defaultWrap,
.cbp-caption-overlayBottomAlong .cbp-caption-activeWrap {
-webkit-transition: -webkit-transform 0.6s cubic-bezier(0.19, 1, 0.22, 1);
transition: transform 0.6s cubic-bezier(0.19, 1, 0.22, 1);
}
.cbp-caption-overlayBottomAlong .cbp-caption-activeWrap {
height: 60px;
}
.cbp-caption-overlayBottomAlong .cbp-caption:hover .cbp-caption-defaultWrap {
-webkit-transform: translateY(-30px);
transform: translateY(-30px);
}
.cbp-caption-overlayBottomAlong .cbp-caption:hover .cbp-caption-activeWrap {
-webkit-transform: translateY(-100%);
transform: translateY(-100%);
}
.cbp-caption-overlayBottomPush .cbp-caption-defaultWrap {
-webkit-transition: top 0.6s cubic-bezier(0.19, 1, 0.22, 1);
transition: top 0.6s cubic-bezier(0.19, 1, 0.22, 1);
}
.cbp-caption-overlayBottomPush .cbp-caption-activeWrap {
bottom: -60px;
height: 60px;
-webkit-transition: bottom 0.6s cubic-bezier(0.19, 1, 0.22, 1);
transition: bottom 0.6s cubic-bezier(0.19, 1, 0.22, 1);
}
.cbp-caption-overlayBottomPush .cbp-caption:hover .cbp-caption-defaultWrap {
top: -60px;
}
.cbp-caption-overlayBottomPush .cbp-caption:hover .cbp-caption-activeWrap {
bottom: 0;
}
.cbp-caption-overlayBottomReveal .cbp-caption-defaultWrap {
z-index: 2;
-webkit-transition: top 0.5s cubic-bezier(0.19, 1, 0.22, 1);
transition: top 0.5s cubic-bezier(0.19, 1, 0.22, 1);
}
.cbp-caption-overlayBottomReveal .cbp-caption-activeWrap {
bottom: 0;
z-index: 1;
height: 60px;
}
.cbp-caption-overlayBottomReveal .cbp-caption:hover .cbp-caption-defaultWrap {
top: -60px;
}
.cbp-caption-overlayRightAlong .cbp-caption-defaultWrap,
.cbp-caption-overlayRightAlong .cbp-caption-activeWrap {
-webkit-transition: -webkit-transform 0.6s cubic-bezier(0.19, 1, 0.22, 1);
transition: transform 0.6s cubic-bezier(0.19, 1, 0.22, 1);
}
.cbp-caption-overlayRightAlong .cbp-caption-activeWrap {
top: 0;
left: -50%;
width: 50%;
}
.cbp-caption-overlayRightAlong .cbp-caption:hover .cbp-caption-defaultWrap {
-webkit-transform: translateX(25%);
transform: translateX(25%);
}
.cbp-caption-overlayRightAlong .cbp-caption:hover .cbp-caption-activeWrap {
-webkit-transform: translateX(100%);
transform: translateX(100%);
}
.cbp-caption-pushDown .cbp-caption-defaultWrap,
.cbp-caption-pushDown .cbp-caption-activeWrap {
-webkit-transition: -webkit-transform 0.6s cubic-bezier(0.19, 1, 0.22, 1);
transition: transform 0.6s cubic-bezier(0.19, 1, 0.22, 1);
}
.cbp-caption-pushDown .cbp-caption-activeWrap {
top: -102%;
height: 102%;
}
.cbp-caption-pushDown .cbp-caption:hover .cbp-caption-defaultWrap {
-webkit-transform: translateY(100%);
transform: translateY(100%);
}
.cbp-caption-pushDown .cbp-caption:hover .cbp-caption-activeWrap {
-webkit-transform: translateY(99%);
transform: translateY(99%);
}
.cbp-caption-pushTop .cbp-caption-activeWrap,
.cbp-caption-pushTop .cbp-caption-defaultWrap {
-webkit-transition: -webkit-transform 0.6s cubic-bezier(0.19, 1, 0.22, 1);
transition: transform 0.6s cubic-bezier(0.19, 1, 0.22, 1);
}
.cbp-caption-pushTop .cbp-caption-activeWrap {
height: 102%;
}
.cbp-caption-pushTop .cbp-caption:hover .cbp-caption-defaultWrap {
-webkit-transform: translateY(-100%);
transform: translateY(-100%);
}
.cbp-caption-pushTop .cbp-caption:hover .cbp-caption-activeWrap {
-webkit-transform: translateY(-99%);
transform: translateY(-99%);
}
.cbp-caption-revealBottom .cbp-caption-defaultWrap {
z-index: 2;
-webkit-transition: -webkit-transform 0.6s cubic-bezier(0.19, 1, 0.22, 1);
transition: transform 0.6s cubic-bezier(0.19, 1, 0.22, 1);
}
.cbp-caption-revealBottom .cbp-caption-activeWrap {
top: 0;
z-index: 1;
}
.cbp-caption-revealBottom .cbp-caption:hover .cbp-caption-defaultWrap {
-webkit-transform: translateY(-100%);
transform: translateY(-100%);
}
.cbp-caption-revealLeft .cbp-caption-activeWrap {
left: 100%;
top: 0;
-webkit-transition: -webkit-transform 0.6s cubic-bezier(0.19, 1, 0.22, 1);
transition: transform 0.6s cubic-bezier(0.19, 1, 0.22, 1);
}
.cbp-caption-revealLeft .cbp-caption:hover .cbp-caption-activeWrap {
-webkit-transform: translateX(-100%);
transform: translateX(-100%);
}
.cbp-caption-revealTop .cbp-caption-defaultWrap {
z-index: 2;
-webkit-transition: -webkit-transform 0.6s cubic-bezier(0.19, 1, 0.22, 1);
transition: transform 0.6s cubic-bezier(0.19, 1, 0.22, 1);
}
.cbp-caption-revealTop .cbp-caption-activeWrap {
top: 0;
z-index: 1;
}
.cbp-caption-revealTop .cbp-caption:hover .cbp-caption-defaultWrap {
-webkit-transform: translateY(100%);
transform: translateY(100%);
}
.cbp-caption-zoom .cbp-caption-defaultWrap {
-webkit-transition: -webkit-transform 0.6s cubic-bezier(0.19, 1, 0.22, 1);
transition: transform 0.6s cubic-bezier(0.19, 1, 0.22, 1);
}
.cbp-caption-zoom .cbp-caption:hover .cbp-caption-defaultWrap {
-webkit-transform: scale(1.25);
transform: scale(1.25);
}
.cbp-caption-zoom .cbp-caption-activeWrap {
opacity: 0;
top: 0;
background-color: rgba(0, 0, 0, 0.9);
-webkit-transition: opacity 0.8s cubic-bezier(0.19, 1, 0.22, 1);
transition: opacity 0.8s cubic-bezier(0.19, 1, 0.22, 1);
}
.cbp-caption-zoom .cbp-caption:hover .cbp-caption-activeWrap {
opacity: 1;
}
.cbp-caption-opacity .cbp-item {
padding: 1px;
}
.cbp-caption-opacity .cbp-caption,
.cbp-caption-opacity .cbp-caption-activeWrap,
.cbp-caption-opacity .cbp-caption-defaultWrap {
background-color: transparent;
}
.cbp-caption-opacity .cbp-caption {
border: 1px solid transparent;
}
.cbp-caption-opacity .cbp-caption:hover {
border-color: #EDEDED;
}
.cbp-caption-opacity .cbp-caption-defaultWrap {
opacity: 1;
-webkit-transition: opacity 0.6s cubic-bezier(0.19, 1, 0.22, 1);
transition: opacity 0.6s cubic-bezier(0.19, 1, 0.22, 1);
}
.cbp-caption-opacity .cbp-caption:hover .cbp-caption-defaultWrap {
opacity: .8;
}
.cbp-caption-opacity .cbp-caption:hover .cbp-caption-activeWrap {
top: 0;
}
.cbp-caption-expand .cbp-caption-activeWrap {
height: auto;
background-color: transparent;
}
.cbp-caption-expand .cbp-caption {
border-bottom: 1px dotted #eaeaea;
}
.cbp-caption-expand .cbp-caption-defaultWrap {
cursor: pointer;
font: 500 15px/23px "Roboto", sans-serif;
color: #474747;
padding: 12px 0 11px 26px;
}
.cbp-caption-expand .cbp-caption-defaultWrap .fa {
position: absolute;
top: 16px;
left: 0;
width: 16px;
text-align: center;
font-size: 14px;
}
.cbp-caption-expand .cbp-l-caption-body {
font: 400 13px/21px "Roboto", sans-serif;
color: #888;
padding: 0 0 20px 26px;
}
.cbp-caption-expand-active {
-webkit-transition: height .4s !important;
transition: height .4s !important;
}
.cbp-caption-expand-active .cbp-item {
-webkit-transition: left .4s, top .4s !important;
transition: left .4s, top .4s !important;
}
.cbp-caption-expand-open .cbp-caption-activeWrap {
-webkit-transition: height .4s;
transition: height .4s;
}
.cbp-l-filters-alignCenter {
margin-bottom: 30px;
text-align: center;
font: 400 12px/21px sans-serif;
color: #DADADA;
}
.cbp-l-filters-alignCenter .cbp-filter-item {
color: #949494;
cursor: pointer;
font: 400 13px/21px "Open Sans", sans-serif;
padding: 0 12px;
transition: all .3s ease-in-out;
position: relative;
overflow: visible;
margin: 0 0 10px;
display: inline-block;
}
.cbp-l-filters-alignCenter .cbp-filter-item:hover {
color: #2D2C2C;
}
.cbp-l-filters-alignCenter .cbp-filter-item.cbp-filter-item-active {
color: #2D2C2C;
cursor: default;
}
.cbp-l-filters-alignCenter .cbp-filter-counter {
background: none repeat scroll 0 0 #626161;
border-radius: 3px;
color: #FFFFFF;
font: 400 11px/18px "Open Sans", sans-serif;
margin: 0 auto;
padding: 4px 0;
text-align: center;
width: 34px;
position: absolute;
bottom: 0;
left: 0;
right: 0;
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
opacity: 0;
-webkit-transition: all .25s ease;
transition: all .25s ease;
}
.cbp-l-filters-alignCenter .cbp-filter-counter:after {
content: "";
position: absolute;
bottom: -4px;
left: 0;
right: 0;
margin: 0 auto;
width: 0;
height: 0;
border-left: 4px solid transparent;
border-right: 4px solid transparent;
border-top: 4px solid #626161;
display: none;
}
.cbp-l-filters-alignCenter .cbp-filter-item:hover .cbp-filter-counter:after {
display: block;
}
.cbp-l-filters-alignCenter .cbp-filter-item:hover .cbp-filter-counter {
bottom: 30px;
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
opacity: 1;
}
.cbp-l-filters-alignLeft {
margin-bottom: 30px;
}
.cbp-l-filters-alignLeft .cbp-filter-item {
background-color: #fff;
border: 1px solid #cdcdcd;
cursor: pointer;
font: 400 12px/30px "Open Sans", sans-serif;
padding: 0 13px;
position: relative;
overflow: visible;
margin: 0 8px 10px 0;
display: inline-block;
color: #888888;
-webkit-transition: all .2s ease-in-out;
transition: all .2s ease-in-out;
}
.cbp-l-filters-alignLeft .cbp-filter-item:hover {
color: #111;
}
.cbp-l-filters-alignLeft .cbp-filter-item.cbp-filter-item-active {
background-color: #6C7A89;
border: 1px solid #6C7A89;
color: #fff;
cursor: default;
}
.cbp-l-filters-alignLeft .cbp-filter-counter {
display: inline;
}
.cbp-l-filters-alignRight {
margin-bottom: 30px;
text-align: right;
}
.cbp-l-filters-alignRight .cbp-filter-item {
background-color: transparent;
color: #8B8B8B;
cursor: pointer;
font: 400 11px/31px "Open Sans", sans-serif;
padding: 0 14px;
position: relative;
overflow: visible;
margin: 0 0 10px 5px;
border: 1px solid #E4E2E2;
text-transform: uppercase;
display: inline-block;
-webkit-transition: all .3s ease-in-out;
transition: all .3s ease-in-out;
}
.cbp-l-filters-alignRight .cbp-filter-item:hover {
color: #2B3444;
}
.cbp-l-filters-alignRight .cbp-filter-item:hover .cbp-filter-counter:after {
display: block;
}
.cbp-l-filters-alignRight .cbp-filter-item:hover .cbp-filter-counter {
bottom: 44px;
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
opacity: 1;
}
.cbp-l-filters-alignRight .cbp-filter-item.cbp-filter-item-active {
color: #FFFFFF;
background-color: #049372;
border-color: #049372;
cursor: default;
}
.cbp-l-filters-alignRight .cbp-filter-counter {
background: none repeat scroll 0 0 #049372;
border-radius: 3px;
color: #fff;
font: 400 11px/18px "Open Sans", sans-serif;
margin: 0 auto;
padding: 4px 0;
text-align: center;
width: 34px;
position: absolute;
bottom: 0;
left: 0;
right: 0;
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
opacity: 0;
-webkit-transition: opacity .25s ease, bottom .25s ease;
transition: opacity .25s ease, bottom .25s ease;
}
.cbp-l-filters-alignRight .cbp-filter-counter:after {
content: "";
position: absolute;
bottom: -4px;
left: 0;
right: 0;
margin: 0 auto;
width: 0;
height: 0;
border-left: 4px solid transparent;
border-right: 4px solid transparent;
border-top: 4px solid #049372;
display: none;
}
.cbp-l-filters-button {
margin-bottom: 30px;
}
.cbp-l-filters-button .cbp-filter-item {
background-color: #FFFFFF;
border: 1px solid #ECECEC;
color: #888888;
cursor: pointer;
font: 400 12px/32px "Open Sans", sans-serif;
margin: 0 10px 10px 0;
overflow: visible;
padding: 0 17px;
position: relative;
display: inline-block;
-webkit-transition: color .3s ease-in-out, background-color .3s ease-in-out, border-color .3s ease-in-out;
transition: color .3s ease-in-out, background-color .3s ease-in-out, border-color .3s ease-in-out;
}
.cbp-l-filters-button .cbp-filter-item:hover {
color: #545454;
border-color: #DADADA;
}
.cbp-l-filters-button .cbp-filter-item.cbp-filter-item-active {
background-color: #545454;
color: #fff;
border-color: #5d5d5d;
cursor: default;
}
.cbp-l-filters-button .cbp-filter-counter {
background-color: #545454;
border-radius: 3px;
color: #fff;
font: 400 11px/18px "Open Sans", sans-serif;
margin: 0 auto;
padding: 4px 0;
text-align: center;
width: 34px;
position: absolute;
bottom: 0;
left: 0;
right: 0;
opacity: 0;
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
-webkit-transition: opacity .25s ease, bottom .25s ease;
transition: opacity .25s ease, bottom .25s ease;
}
.cbp-l-filters-button .cbp-filter-counter:after {
content: "";
position: absolute;
bottom: -4px;
left: 0;
right: 0;
margin: 0 auto;
width: 0;
height: 0;
border-left: 4px solid transparent;
border-right: 4px solid transparent;
border-top: 4px solid #545454;
display: none;
}
.cbp-l-filters-button .cbp-filter-item:hover .cbp-filter-counter:after {
display: block;
}
.cbp-l-filters-button .cbp-filter-item:hover .cbp-filter-counter {
bottom: 44px;
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
opacity: 1;
}
.cbp-l-filters-buttonCenter {
margin-bottom: 30px;
text-align: center;
}
.cbp-l-filters-buttonCenter .cbp-filter-item {
background-color: #FFFFFF;
border: 1px solid #ECECEC;
color: #888888;
cursor: pointer;
font: 400 12px/32px "Roboto", sans-serif;
margin: 0 10px 10px 0;
overflow: visible;
padding: 0 17px;
position: relative;
display: inline-block;
-webkit-transition: all .3s ease-in-out;
transition: all .3s ease-in-out;
}
.cbp-l-filters-buttonCenter .cbp-filter-item:hover {
color: #5d5d5d;
}
.cbp-l-filters-buttonCenter .cbp-filter-item.cbp-filter-item-active {
color: #3B9CB3;
border-color: #8CD2E5;
cursor: default;
}
.cbp-l-filters-buttonCenter .cbp-filter-counter {
background-color: #68ABBC;
border-radius: 3px;
color: #fff;
font: 400 11px/18px "Roboto", sans-serif;
margin: 0 auto;
padding: 4px 0;
text-align: center;
width: 34px;
position: absolute;
bottom: 0;
left: 0;
right: 0;
opacity: 0;
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
-webkit-transition: opacity .25s ease, bottom .25s ease;
transition: opacity .25s ease, bottom .25s ease;
}
.cbp-l-filters-buttonCenter .cbp-filter-counter:after {
content: "";
position: absolute;
bottom: -4px;
left: 0;
right: 0;
margin: 0 auto;
width: 0;
height: 0;
border-left: 4px solid transparent;
border-right: 4px solid transparent;
border-top: 4px solid #68ABBC;
display: none;
}
.cbp-l-filters-buttonCenter .cbp-filter-item:hover .cbp-filter-counter:after {
display: block;
}
.cbp-l-filters-buttonCenter .cbp-filter-item:hover .cbp-filter-counter {
bottom: 44px;
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
opacity: 1;
}
.cbp-l-filters-dropdown {
margin-bottom: 40px;
height: 38px;
position: relative;
z-index: 5;
}
.cbp-l-filters-dropdownWrap {
width: 200px;
position: absolute;
right: 0;
background: #4d4c4d;
}
.cbp-l-filters-dropdownHeader {
font: 400 12px/38px "Open Sans", sans-serif;
margin: 0 17px;
color: #FFF;
cursor: default;
position: relative;
}
.cbp-l-filters-dropdownHeader:after {
border-color: #FFFFFF transparent;
border-style: solid;
border-width: 5px 5px 0;
content: "";
height: 0;
position: absolute;
right: 0;
top: 50%;
width: 0;
margin-top: -1px;
}
.cbp-l-filters-dropdownWrap.cbp-l-filters-dropdownWrap-open .cbp-l-filters-dropdownHeader:after {
border-width: 0 5px 5px;
}
.cbp-l-filters-dropdownList {
display: none;
list-style: none outside none;
margin: 0;
padding: 0;
}
.cbp-l-filters-dropdownList>li {
margin: 0;
list-style: none;
}
.cbp-l-filters-dropdownWrap.cbp-l-filters-dropdownWrap-open .cbp-l-filters-dropdownList {
display: block;
margin: 0;
}
.cbp-l-filters-dropdownList .cbp-filter-item {
background: transparent;
color: #b3b3b3;
width: 100%;
text-align: left;
font: 400 12px/40px "Open Sans", sans-serif;
margin: 0;
padding: 0 17px;
cursor: pointer;
border: none;
border-top: 1px solid #595959;
}
.cbp-l-filters-dropdownList .cbp-filter-item:hover {
color: #e6e6e6;
}
.cbp-l-filters-dropdownList .cbp-filter-item-active {
color: #fff;
cursor: default;
}
.cbp-l-filters-dropdownWrap .cbp-filter-counter {
display: inline;
}
.cbp-l-filters-dropdown-floated {
float: right;
margin-top: -2px;
margin-left: 20px;
width: 200px;
}
.cbp-l-filters-list {
margin-bottom: 30px;
/* clearfix */
content: "";
display: table;
clear: both;
}
.cbp-l-filters-list .cbp-filter-item {
background-color: transparent;
color: #585252;
cursor: pointer;
font: 400 12px/35px "Open Sans", sans-serif;
padding: 0 18px;
position: relative;
overflow: visible;
margin: 0 0 10px;
float: left;
border: 1px solid #3288C4;
border-right-width: 0;
-webkit-transition: left .3s ease-in-out;
transition: left .3s ease-in-out;
}
.cbp-l-filters-list .cbp-filter-item:hover {
color: #000;
}
.cbp-l-filters-list .cbp-filter-item.cbp-filter-item-active {
cursor: default;
color: #FFFFFF;
background-color: #3288C4;
}
.cbp-l-filters-list-first {
border-radius: 6px 0 0 6px;
}
.cbp-l-filters-list-last {
border-radius: 0 6px 6px 0;
border-right-width: 1px !important;
}
.cbp-l-filters-list .cbp-filter-counter {
display: inline;
}
@media only screen and (max-width: 600px) {
.cbp-l-filters-list .cbp-filter-item {
margin-right: 5px;
border-radius: 6px;
border-right-width: 1px;
}
}
.cbp-l-filters-work {
margin-bottom: 30px;
text-align: center;
}
.cbp-l-filters-work .cbp-filter-item {
background-color: #FFFFFF;
color: #888;
cursor: pointer;
font: 600 11px/37px "Open Sans", sans-serif;
margin: 0 5px 10px 0;
overflow: visible;
padding: 0 16px;
position: relative;
display: inline-block;
text-transform: uppercase;
-webkit-transition: all 0.3s ease-in-out;
transition: all 0.3s ease-in-out;
}
.cbp-l-filters-work .cbp-filter-item:hover {
color: #fff;
background: #607D8B;
}
.cbp-l-filters-work .cbp-filter-item.cbp-filter-item-active {
background: #607D8B;
color: #fff;
cursor: default;
}
.cbp-l-filters-work .cbp-filter-counter {
font: 600 11px/37px "Open Sans", sans-serif;
text-align: center;
display: inline-block;
margin-left: 8px;
}
.cbp-l-filters-work .cbp-filter-counter:before {
content: '(';
}
.cbp-l-filters-work .cbp-filter-counter:after {
content: ')';
}
.cbp-l-filters-big {
margin-bottom: 30px;
text-align: center;
}
.cbp-l-filters-big .cbp-filter-item {
color: #444;
cursor: pointer;
font: 400 15px/22px "Roboto", sans-serif;
margin: 0 15px 10px 0;
padding: 10px 23px;
position: relative;
display: inline-block;
border: 1px solid transparent;
text-transform: uppercase;
-webkit-transition: all 0.3s ease-in-out;
transition: all 0.3s ease-in-out;
}
.cbp-l-filters-big .cbp-filter-item:hover {
color: #888;
}
.cbp-l-filters-big .cbp-filter-item.cbp-filter-item-active {
border-color: #d5d5d5;
cursor: default;
color: #444;
}
.cbp-l-filters-text {
margin-bottom: 30px;
text-align: center;
color: #DADADA;
padding: 0 15px;
}
.cbp-l-filters-text .cbp-filter-item {
font-size: 14px;
letter-spacing: 1px;
color: #fff !important;
cursor: pointer;
padding: 0 12px;
-webkit-transition: all .3s ease-in-out;
transition: all .3s ease-in-out;
position: relative;
overflow: visible;
margin: 0 0 10px;
display: inline-block;
-webkit-transition-property: all;
transition-property: all;
-webkit-transition-duration: 0.5s;
transition-duration: 0.5s;
}
.cbp-l-filters-text .cbp-filter-item:hover {
color: #e74c3c;
-webkit-transition-property: all;
transition-property: all;
-webkit-transition-duration: 0.5s;
transition-duration: 0.5s;
}
.cbp-l-filters-text .cbp-filter-item.cbp-filter-item-active {
color: #e74c3c;
cursor: default;
}
.cbp-l-filters-text .cbp-filter-counter {
background: none repeat scroll 0 0 #626161;
border-radius: 3px;
color: #FFFFFF;
font: 400 11px/16px "Lato", sans-serif;
margin: 0 auto;
padding: 4px 0;
text-align: center;
width: 32px;
position: absolute;
bottom: 0;
left: 0;
right: 0;
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
opacity: 0;
-webkit-transition: all .25s ease;
transition: all .25s ease;
}
.cbp-l-filters-text .cbp-filter-counter:after {
content: "";
position: absolute;
bottom: -4px;
left: 0;
right: 0;
margin: 0 auto;
width: 0;
height: 0;
border-left: 4px solid transparent;
border-right: 4px solid transparent;
border-top: 4px solid #626161;
display: none;
}
.cbp-l-filters-text .cbp-filter-item:hover .cbp-filter-counter:after {
display: block;
}
.cbp-l-filters-text .cbp-filter-item:hover .cbp-filter-counter {
bottom: 30px;
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
opacity: 1;
}
.cbp-l-filters-text-sort {
display: inline-block;
font: 400 13px/21px "Lato", sans-serif;
color: #949494;
margin-right: 15px;
}
.cbp-l-filters-underline {
margin-bottom: 30px;
}
.cbp-l-filters-underline .cbp-filter-item {
border-bottom: 3px solid transparent;
cursor: pointer;
font: 600 14px/21px "Open Sans", sans-serif;
padding: 8px 10px;
position: relative;
overflow: visible;
margin: 0 20px 10px 0;
display: inline-block;
color: #787878;
-webkit-transition: all .2s ease-in-out;
transition: all .2s ease-in-out;
}
.cbp-l-filters-underline .cbp-filter-item:hover {
color: #111;
}
.cbp-l-filters-underline .cbp-filter-item.cbp-filter-item-active {
border-bottom-color: #666;
color: #444;
cursor: default;
}
.cbp-l-filters-underline .cbp-filter-counter {
display: inline;
}
.cbp-animation-quicksand {
-webkit-transition: height .6s ease-in-out;
transition: height .6s ease-in-out;
will-change: height;
}
.cbp-animation-quicksand .cbp-item {
-webkit-transition: -webkit-transform .6s ease-in-out;
transition: transform .6s ease-in-out;
}
.cbp-animation-quicksand .cbp-item {
-webkit-perspective: 1000px;
perspective: 1000px;
}
.cbp-animation-quicksand .cbp-item-wrapper {
-webkit-transform-style: preserve-3d;
transform-style: preserve-3d;
}
.cbp-animation-quicksand .cbp-item-on2off .cbp-item-wrapper {
-webkit-animation: quicksand-off .6s ease-out both;
animation: quicksand-off .6s ease-out both;
}
.cbp-animation-quicksand .cbp-item-off2on .cbp-item-wrapper {
-webkit-animation: quicksand-on .6s ease-out both;
animation: quicksand-on .6s ease-out both;
}
/* in */
@-webkit-keyframes quicksand-off {
100% {
opacity: 0;
-webkit-transform: scale3d(0, 0, 0);
}
}
@keyframes quicksand-off {
100% {
opacity: 0;
transform: scale3d(0, 0, 0);
}
}
/* out */
@-webkit-keyframes quicksand-on {
0% {
opacity: 0;
-webkit-transform: scale3d(0, 0, 0);
}
}
@keyframes quicksand-on {
0% {
opacity: 0;
transform: scale3d(0, 0, 0);
}
}
.cbp-animation-fadeOut,
.cbp-animation-boxShadow {
-webkit-transition: height .6s ease-in-out;
transition: height .6s ease-in-out;
will-change: height;
}
.cbp-animation-fadeOut .cbp-item,
.cbp-animation-boxShadow .cbp-item {
-webkit-transition: -webkit-transform .6s ease-in-out;
transition: transform .6s ease-in-out;
}
.cbp-animation-fadeOut .cbp-item,
.cbp-animation-boxShadow .cbp-item {
-webkit-perspective: 1000px;
perspective: 1000px;
}
.cbp-animation-fadeOut .cbp-item-wrapper,
.cbp-animation-boxShadow .cbp-item-wrapper {
-webkit-transform-style: preserve-3d;
transform-style: preserve-3d;
}
.cbp-animation-fadeOut .cbp-item-on2off .cbp-item-wrapper,
.cbp-animation-boxShadow .cbp-item-on2off .cbp-item-wrapper {
-webkit-animation: fadeOut-off .6s ease-in-out both;
animation: fadeOut-off .6s ease-in-out both;
}
.cbp-animation-fadeOut .cbp-item-off2on .cbp-item-wrapper,
.cbp-animation-boxShadow .cbp-item-off2on .cbp-item-wrapper {
-webkit-animation: fadeOut-on .6s ease-in-out both;
animation: fadeOut-on .6s ease-in-out both;
}
/* in */
@-webkit-keyframes fadeOut-off {
0% {
opacity: 1;
}
80%,
100% {
opacity: 0;
}
}
@keyframes fadeOut-off {
0% {
opacity: 1;
}
80%,
100% {
opacity: 0;
}
}
/* out */
@-webkit-keyframes fadeOut-on {
0% {
opacity: 0;
}
100% {
opacity: 1;
}
}
@keyframes fadeOut-on {
0% {
opacity: 0;
}
100% {
opacity: 1;
}
}
.cbp-animation-flipOut {
-webkit-transition: height .7s ease-in-out;
transition: height .7s ease-in-out;
will-change: height;
}
.cbp-animation-flipOut .cbp-item {
-webkit-transition: -webkit-transform .7s ease-in-out;
transition: transform .7s ease-in-out;
}
.cbp-animation-flipOut .cbp-item {
-webkit-perspective: 1000px;
perspective: 1000px;
}
.cbp-animation-flipOut .cbp-item-wrapper {
-webkit-transform-style: preserve-3d;
transform-style: preserve-3d;
}
.cbp-animation-flipOut .cbp-item-on2off .cbp-item-wrapper {
-webkit-animation: flipOut-out .7s both ease-in;
animation: flipOut-out .7s both ease-in;
}
.cbp-animation-flipOut .cbp-item-off2on .cbp-item-wrapper {
-webkit-animation: flipOut-in .7s ease-out both;
animation: flipOut-in .7s ease-out both;
}
/* out */
@-webkit-keyframes flipOut-out {
50%,
100% {
-webkit-transform: translateZ(-1000px) rotateY(-90deg);
opacity: 0.2;
}
}
@keyframes flipOut-out {
50%,
100% {
transform: translateZ(-1000px) rotateY(-90deg);
opacity: 0.2;
}
}
/* in */
@-webkit-keyframes flipOut-in {
0%,
50% {
-webkit-transform: translateZ(-1000px) rotateY(90deg);
opacity: 0.2;
}
}
@keyframes flipOut-in {
0%,
50% {
transform: translateZ(-1000px) rotateY(90deg);
opacity: 0.2;
}
}
.cbp-animation-flipBottom {
-webkit-transition: height .7s ease-in-out;
transition: height .7s ease-in-out;
will-change: height;
}
.cbp-animation-flipBottom .cbp-item {
-webkit-transition: -webkit-transform .7s ease-in-out;
transition: transform .7s ease-in-out;
}
.cbp-animation-flipBottom .cbp-item {
-webkit-perspective: 1000px;
perspective: 1000px;
}
.cbp-animation-flipBottom .cbp-item-wrapper {
-webkit-transform-style: preserve-3d;
transform-style: preserve-3d;
}
.cbp-animation-flipBottom .cbp-item-on2off .cbp-item-wrapper {
-webkit-animation: flipBottom-out .7s both ease-in;
animation: flipBottom-out .7s both ease-in;
}
.cbp-animation-flipBottom .cbp-item-off2on .cbp-item-wrapper {
-webkit-animation: flipBottom-in .7s ease-out both;
animation: flipBottom-in .7s ease-out both;
}
/* out */
@-webkit-keyframes flipBottom-out {
50%,
100% {
-webkit-transform: translateZ(-1000px) rotateX(-90deg);
opacity: 0.2;
}
}
@keyframes flipBottom-out {
50%,
100% {
transform: translateZ(-1000px) rotateX(-90deg);
opacity: 0.2;
}
}
/* in */
@-webkit-keyframes flipBottom-in {
0%,
50% {
-webkit-transform: translateZ(-1000px) rotateX(90deg);
opacity: 0.2;
}
}
@keyframes flipBottom-in {
0%,
50% {
transform: translateZ(-1000px) rotateX(90deg);
opacity: 0.2;
}
}
.cbp-animation-scaleSides {
-webkit-transition: height .6s ease-in-out;
transition: height .6s ease-in-out;
will-change: height;
}
.cbp-animation-scaleSides .cbp-item {
-webkit-transition: -webkit-transform .6s ease-in-out;
transition: transform .6s ease-in-out;
}
.cbp-animation-scaleSides .cbp-item {
-webkit-perspective: 1000px;
perspective: 1000px;
}
.cbp-animation-scaleSides .cbp-item-wrapper {
-webkit-transform-style: preserve-3d;
transform-style: preserve-3d;
}
.cbp-animation-scaleSides .cbp-item-on2off .cbp-item-wrapper {
-webkit-animation: scaleSides-out .9s ease both;
animation: scaleSides-out .9s ease both;
}
.cbp-animation-scaleSides .cbp-item-off2on .cbp-item-wrapper {
-webkit-animation: scaleSides-in .9s ease both;
animation: scaleSides-in .9s ease both;
}
/* out */
@-webkit-keyframes scaleSides-out {
50%,
100% {
-webkit-transform: scale(0.6);
opacity: 0;
}
}
@keyframes scaleSides-out {
50%,
100% {
transform: scale(0.6);
opacity: 0;
}
}
/* in */
@-webkit-keyframes scaleSides-in {
0%,
50% {
-webkit-transform: scale(0.6);
opacity: 0;
}
}
@keyframes scaleSides-in {
0%,
50% {
transform: scale(0.6);
opacity: 0;
}
}
.cbp-animation-skew {
-webkit-transition: height .6s ease-in-out;
transition: height .6s ease-in-out;
will-change: height;
}
.cbp-animation-skew .cbp-item {
-webkit-transition: -webkit-transform .6s ease-in-out;
transition: transform .6s ease-in-out;
}
.cbp-animation-skew .cbp-item {
-webkit-perspective: 1000px;
perspective: 1000px;
}
.cbp-animation-skew .cbp-item-wrapper {
-webkit-transform-style: preserve-3d;
transform-style: preserve-3d;
}
.cbp-animation-skew .cbp-item-on2off .cbp-item-wrapper {
-webkit-animation: skew-off .6s ease-out both;
animation: skew-off .6s ease-out both;
}
.cbp-animation-skew .cbp-item-off2on .cbp-item-wrapper {
-webkit-animation: skew-on .6s ease-out both;
animation: skew-on .6s ease-out both;
}
/* in */
@-webkit-keyframes skew-off {
100% {
opacity: 0;
-webkit-transform: scale3d(0, 0, 0) skew(20deg, 0);
}
}
@keyframes skew-off {
100% {
opacity: 0;
transform: scale3d(0, 0, 0) skew(20deg, 0);
}
}
/* out */
@-webkit-keyframes skew-on {
0% {
opacity: 0;
-webkit-transform: scale3d(0, 0, 0) skew(0, 20deg);
}
}
@keyframes skew-on {
0% {
opacity: 0;
transform: scale3d(0, 0, 0) skew(0, 20deg);
}
}
.cbp-animation-fadeOutTop {
-webkit-transition: height .6s ease-in-out;
transition: height .6s ease-in-out;
will-change: height;
}
.cbp-animation-fadeOutTop .cbp-wrapper-outer {
overflow: visible;
}
.cbp-animation-fadeOutTop .cbp-item {
-webkit-perspective: 1000px;
perspective: 1000px;
overflow: visible;
}
.cbp-animation-fadeOutTop .cbp-item-wrapper {
-webkit-transform-style: preserve-3d;
transform-style: preserve-3d;
}
.cbp-animation-fadeOutTop .cbp-wrapper-helper .cbp-item-wrapper {
-webkit-animation: fadeOutTop-out .6s both ease-in-out;
animation: fadeOutTop-out .6s both ease-in-out;
}
.cbp-animation-fadeOutTop .cbp-wrapper .cbp-item-wrapper {
-webkit-animation: fadeOutTop-in .6s both ease-in-out;
animation: fadeOutTop-in .6s both ease-in-out;
}
/* out */
@-webkit-keyframes fadeOutTop-out {
0% {
-webkit-transform: translateY(0);
opacity: 1;
}
50%,
100% {
-webkit-transform: translateY(-30px);
opacity: 0;
}
}
@keyframes fadeOutTop-out {
0% {
transform: translateY(0);
opacity: 1;
}
50%,
100% {
transform: translateY(-30px);
opacity: 0;
}
}
/* out */
@-webkit-keyframes fadeOutTop-in {
0%,
50% {
-webkit-transform: translateY(-30px);
opacity: 0;
}
100% {
-webkit-transform: translateY(0);
opacity: 1;
}
}
@keyframes fadeOutTop-in {
0%,
50% {
transform: translateY(-30px);
opacity: 0;
}
100% {
transform: translateY(0);
opacity: 1;
}
}
.cbp-animation-slideLeft {
-webkit-transition: height .6s ease-in-out;
transition: height .6s ease-in-out;
will-change: height;
}
.cbp-animation-slideLeft .cbp-item {
-webkit-perspective: 1000px;
perspective: 1000px;
}
.cbp-animation-slideLeft .cbp-item-wrapper {
-webkit-transform-style: preserve-3d;
transform-style: preserve-3d;
}
.cbp-animation-slideLeft .cbp-wrapper-helper .cbp-item-wrapper {
-webkit-animation: slideLeft-out .8s both ease-in-out;
animation: slideLeft-out .8s both ease-in-out;
}
.cbp-animation-slideLeft .cbp-wrapper .cbp-item-wrapper {
-webkit-animation: slideLeft-in .8s both ease-in-out;
animation: slideLeft-in .8s both ease-in-out;
}
/* out */
@-webkit-keyframes slideLeft-out {
0% {
opacity: 1;
transform: scale(1);
}
25% {
opacity: .75;
-webkit-transform: scale(0.8);
}
75% {
opacity: .75;
-webkit-transform: scale(0.8) translateX(-200%);
}
100% {
opacity: .75;
-webkit-transform: scale(0.8) translateX(-200%);
}
}
@keyframes slideLeft-out {
0% {
opacity: 1;
transform: scale(1);
}
25% {
opacity: .75;
transform: scale(0.8);
}
75% {
opacity: .75;
transform: scale(0.8) translateX(-200%);
}
100% {
opacity: .75;
transform: scale(0.8) translateX(-200%);
}
}
/* in */
@-webkit-keyframes slideLeft-in {
0%,
25% {
opacity: .75;
-webkit-transform: scale(0.8) translateX(200%);
}
75% {
opacity: .75;
-webkit-transform: scale(0.8);
}
100% {
opacity: 1;
-webkit-transform: scale(1) translateX(0);
}
}
@keyframes slideLeft-in {
0%,
25% {
opacity: .75;
transform: scale(0.8) translateX(200%);
}
75% {
opacity: .75;
transform: scale(0.8);
}
100% {
opacity: 1;
transform: scale(1) translateX(0);
}
}
.cbp-animation-sequentially {
-webkit-transition: height .6s ease-in-out;
transition: height .6s ease-in-out;
will-change: height;
}
.cbp-animation-sequentially .cbp-wrapper-outer {
overflow: visible;
}
.cbp-animation-sequentially .cbp-item {
-webkit-perspective: 1000px;
perspective: 1000px;
overflow: visible;
}
.cbp-animation-sequentially .cbp-item-wrapper {
-webkit-transform-style: preserve-3d;
transform-style: preserve-3d;
}
.cbp-animation-sequentially .cbp-wrapper-helper .cbp-item-wrapper {
-webkit-animation: fadeOutTop-out .6s both ease;
animation: fadeOutTop-out .6s both ease;
}
.cbp-animation-sequentially .cbp-wrapper .cbp-item-wrapper {
-webkit-animation: fadeOutTop-in .6s both ease-out;
animation: fadeOutTop-in .6s both ease-out;
}
.cbp-animation-3dflip {
-webkit-transition: height .6s ease-in-out;
transition: height .6s ease-in-out;
will-change: height;
}
.cbp-animation-3dflip .cbp-item {
-webkit-perspective: 1000px;
perspective: 1000px;
}
.cbp-animation-3dflip .cbp-item-wrapper {
-webkit-transform-style: preserve-3d;
transform-style: preserve-3d;
}
.cbp-animation-3dflip .cbp-wrapper-helper .cbp-item-wrapper {
-webkit-transform-origin: 0% 50%;
transform-origin: 0% 50%;
-webkit-animation: flip-out 0.6s both ease-in-out;
animation: flip-out 0.6s both ease-in-out;
}
.cbp-animation-3dflip .cbp-wrapper .cbp-item-wrapper {
-webkit-transform-origin: 100% 50%;
transform-origin: 100% 50%;
-webkit-animation: flip-in 0.6s both ease-in-out;
animation: flip-in 0.6s both ease-in-out;
}
@-webkit-keyframes flip-out {
100% {
opacity: 0;
-webkit-transform: rotateY(90deg);
}
}
@keyframes flip-out {
100% {
opacity: 0;
transform: rotateY(90deg);
}
}
@-webkit-keyframes flip-in {
0% {
opacity: 0;
-webkit-transform: rotateY(-90deg);
}
100% {
opacity: 1;
-webkit-transform: rotateY(0deg);
}
}
@keyframes flip-in {
0% {
opacity: 0;
transform: rotateY(-90deg);
}
100% {
opacity: 1;
transform: rotateY(0deg);
}
}
.cbp-animation-flipOutDelay {
-webkit-transition: height .6s ease-in-out;
transition: height .6s ease-in-out;
will-change: height;
}
.cbp-animation-flipOutDelay .cbp-item {
-webkit-perspective: 1000px;
perspective: 1000px;
}
.cbp-animation-flipOutDelay .cbp-item-wrapper {
-webkit-transform-style: preserve-3d;
transform-style: preserve-3d;
}
.cbp-animation-flipOutDelay .cbp-wrapper-helper .cbp-item-wrapper {
-webkit-animation: flipOut-out 1s both ease-in;
animation: flipOut-out 1s both ease-in;
}
.cbp-animation-flipOutDelay .cbp-wrapper .cbp-item-wrapper {
-webkit-animation: flipOut-in 1s both ease-out;
animation: flipOut-in 1s both ease-out;
}
.cbp-animation-slideDelay {
-webkit-transition: height .6s ease-in-out;
transition: height .6s ease-in-out;
will-change: height;
}
.cbp-animation-slideDelay .cbp-item {
-webkit-perspective: 1000px;
perspective: 1000px;
}
.cbp-animation-slideDelay .cbp-item-wrapper {
-webkit-transform-style: preserve-3d;
transform-style: preserve-3d;
}
.cbp-animation-slideDelay .cbp-wrapper-helper .cbp-item-wrapper {
-webkit-animation: slideDelay-out 0.5s both ease-in-out;
animation: slideDelay-out 0.5s both ease-in-out;
}
.cbp-animation-slideDelay .cbp-wrapper .cbp-item-wrapper {
-webkit-animation: slideDelay-in 0.5s both ease-in-out;
animation: slideDelay-in 0.5s both ease-in-out;
}
/* out */
@-webkit-keyframes slideDelay-out {
100% {
-webkit-transform: translateX(-100%);
}
}
@keyframes slideDelay-out {
100% {
transform: translateX(-100%);
}
}
@-webkit-keyframes slideDelay-in {
0% {
-webkit-transform: translateX(100%);
}
100% {
-webkit-transform: translateX(0);
}
}
@keyframes slideDelay-in {
0% {
transform: translateX(100%);
}
100% {
transform: translateX(0);
}
}
.cbp-animation-rotateSides {
-webkit-transition: height .6s ease-in-out;
transition: height .6s ease-in-out;
will-change: height;
}
.cbp-animation-rotateSides .cbp-item {
-webkit-perspective: 1000px;
perspective: 1000px;
}
.cbp-animation-rotateSides .cbp-item-wrapper {
-webkit-transform-style: preserve-3d;
transform-style: preserve-3d;
}
.cbp-animation-rotateSides .cbp-wrapper-helper .cbp-item-wrapper {
-webkit-transform-origin: -50% 50%;
-webkit-animation: rotateSides-out .5s both ease-in;
transform-origin: -50% 50%;
animation: rotateSides-out .5s both ease-in;
}
.cbp-animation-rotateSides .cbp-wrapper .cbp-item-wrapper {
-webkit-transform-origin: 150% 50%;
-webkit-animation: rotateSides-in .6s both ease-out;
transform-origin: 150% 50%;
animation: rotateSides-in .6s both ease-out;
}
/* out */
@-webkit-keyframes rotateSides-out {
100% {
opacity: 0;
-webkit-transform: translateZ(-500px) rotateY(90deg);
}
}
@keyframes rotateSides-out {
100% {
opacity: 0;
transform: translateZ(-500px) rotateY(90deg);
}
}
/* in */
@-webkit-keyframes rotateSides-in {
0% {
opacity: 0;
-webkit-transform: translateZ(-500px) rotateY(-90deg);
}
40% {
opacity: 0;
-webkit-transform: translateZ(-500px) rotateY(-90deg);
}
}
@keyframes rotateSides-in {
0% {
opacity: 0;
transform: translateZ(-500px) rotateY(-90deg);
}
40% {
opacity: 0;
transform: translateZ(-500px) rotateY(-90deg);
}
}
.cbp-animation-foldLeft {
-webkit-transition: height .6s ease-in-out;
transition: height .6s ease-in-out;
will-change: height;
}
.cbp-animation-foldLeft .cbp-item {
-webkit-perspective: 1000px;
perspective: 1000px;
}
.cbp-animation-foldLeft .cbp-item-wrapper {
-webkit-transform-style: preserve-3d;
transform-style: preserve-3d;
}
.cbp-animation-foldLeft .cbp-wrapper-helper .cbp-item-wrapper {
-webkit-transform-origin: 100% 50%;
transform-origin: 100% 50%;
-webkit-animation: foldLeft-out .7s both ease;
animation: foldLeft-out .7s both ease;
}
.cbp-animation-foldLeft .cbp-wrapper .cbp-item-wrapper {
-webkit-animation: foldLeft-in .7s both ease;
animation: foldLeft-in .7s ease both;
}
/* out */
@-webkit-keyframes foldLeft-out {
100% {
opacity: 0;
-webkit-transform: translateX(-100%) rotateY(-90deg);
}
}
@keyframes foldLeft-out {
100% {
opacity: 0;
transform: translateX(-100%) rotateY(-90deg);
}
}
/* in */
@-webkit-keyframes foldLeft-in {
0% {
opacity: 0.3;
-webkit-transform: translateX(100%);
}
}
@keyframes foldLeft-in {
0% {
opacity: 0.3;
transform: translateX(100%);
}
}
.cbp-animation-unfold {
-webkit-transition: height .6s ease-in-out;
transition: height .6s ease-in-out;
will-change: height;
}
.cbp-animation-unfold .cbp-item {
-webkit-perspective: 1000px;
perspective: 1000px;
}
.cbp-animation-unfold .cbp-item-wrapper {
-webkit-transform-style: preserve-3d;
transform-style: preserve-3d;
}
.cbp-animation-unfold .cbp-wrapper-helper .cbp-item-wrapper {
-webkit-animation: unfold-out .8s ease both;
animation: unfold-out .8s ease both;
}
.cbp-animation-unfold .cbp-wrapper .cbp-item-wrapper {
-webkit-transform-origin: 0% 50%;
-webkit-animation: unfold-in .8s both ease;
transform-origin: 0% 50%;
animation: unfold-in .8s both ease;
}
/* out */
@-webkit-keyframes unfold-out {
90% {
opacity: 0.3;
}
100% {
opacity: 0;
-webkit-transform: translateX(-100%);
}
}
@keyframes unfold-out {
90% {
opacity: 0.3;
}
100% {
opacity: 0;
transform: translateX(-100%);
}
}
/* in */
@-webkit-keyframes unfold-in {
0% {
opacity: 0;
-webkit-transform: translateX(100%) rotateY(90deg);
}
}
@keyframes unfold-in {
0% {
opacity: 0;
transform: translateX(100%) rotateY(90deg);
}
}
.cbp-animation-scaleDown {
-webkit-transition: height .6s ease-in-out;
transition: height .6s ease-in-out;
will-change: height;
}
.cbp-animation-scaleDown .cbp-item {
-webkit-perspective: 1000px;
perspective: 1000px;
}
.cbp-animation-scaleDown .cbp-item-wrapper {
-webkit-transform-style: preserve-3d;
transform-style: preserve-3d;
}
.cbp-animation-scaleDown .cbp-wrapper-helper .cbp-item-wrapper {
-webkit-animation: scaleDown-out .7s ease both;
animation: scaleDown-out .7s ease both;
}
.cbp-animation-scaleDown .cbp-wrapper .cbp-item-wrapper {
-webkit-animation: scaleDown-in .6s ease both;
animation: scaleDown-in .6s ease both;
}
/* out */
@-webkit-keyframes scaleDown-out {
100% {
opacity: 0;
-webkit-transform: scale(0.8);
}
}
@keyframes scaleDown-out {
100% {
opacity: 0;
transform: scale(0.8);
}
}
/* in */
@-webkit-keyframes scaleDown-in {
0% {
-webkit-transform: translateX(100%);
}
}
@keyframes scaleDown-in {
0% {
transform: translateX(100%);
}
}
.cbp-animation-frontRow {
-webkit-transition: height .6s ease-in-out;
transition: height .6s ease-in-out;
will-change: height;
}
.cbp-animation-frontRow .cbp-item {
-webkit-perspective: 1000px;
perspective: 1000px;
}
.cbp-animation-frontRow .cbp-item-wrapper {
-webkit-transform-style: preserve-3d;
transform-style: preserve-3d;
}
.cbp-animation-frontRow .cbp-wrapper-helper .cbp-item-wrapper {
-webkit-animation: frontRow-out .7s both ease;
animation: frontRow-out .7s both ease;
}
.cbp-animation-frontRow .cbp-wrapper .cbp-item-wrapper {
-webkit-animation: frontRow-in .6s both ease;
animation: frontRow-in .6s both ease;
}
/* out */
@-webkit-keyframes frontRow-out {
100% {
-webkit-transform: translateX(-60%) scale(0.8);
opacity: 0;
}
}
@keyframes frontRow-out {
100% {
transform: translateX(-60%) scale(0.8);
opacity: 0;
}
}
/* in */
@-webkit-keyframes frontRow-in {
0% {
-webkit-transform: translateX(100%) scale(0.8);
}
100% {
opacity: 1;
-webkit-transform: translateX(0%) scale(1);
}
}
@keyframes frontRow-in {
0% {
transform: translateX(100%) scale(0.8);
}
100% {
opacity: 1;
transform: translateX(0%) scale(1);
}
}
.cbp-animation-rotateRoom {
-webkit-transition: height .6s ease-in-out;
transition: height .6s ease-in-out;
will-change: height;
}
.cbp-animation-rotateRoom .cbp-item {
-webkit-perspective: 1000px;
perspective: 1000px;
}
.cbp-animation-rotateRoom .cbp-item-wrapper {
-webkit-transform-style: preserve-3d;
transform-style: preserve-3d;
}
.cbp-animation-rotateRoom .cbp-wrapper-helper .cbp-item-wrapper {
-webkit-transform-origin: 100% 50%;
transform-origin: 100% 50%;
-webkit-animation: rotateRoom-out .8s both ease;
animation: rotateRoom-out .8s both ease;
}
.cbp-animation-rotateRoom .cbp-wrapper .cbp-item-wrapper {
-webkit-transform-origin: 0% 50%;
transform-origin: 0% 50%;
-webkit-animation: rotateRoom-in .8s both ease;
animation: rotateRoom-in .8s both ease;
}
/* out */
@-webkit-keyframes rotateRoom-out {
90% {
opacity: .3;
}
100% {
opacity: 0;
-webkit-transform: translateX(-100%) rotateY(90deg);
}
}
@keyframes rotateRoom-out {
90% {
opacity: .3;
}
100% {
opacity: 0;
transform: translateX(-100%) rotateY(90deg);
}
}
/* in */
@-webkit-keyframes rotateRoom-in {
0% {
opacity: .3;
-webkit-transform: translateX(100%) rotateY(-90deg);
}
}
@keyframes rotateRoom-in {
0% {
opacity: .3;
transform: translateX(100%) rotateY(-90deg);
}
}
.cbp-animation-bounceBottom {
-webkit-transition: height .6s ease-in-out;
transition: height .6s ease-in-out;
will-change: height;
}
.cbp-animation-bounceBottom .cbp-wrapper-helper {
-webkit-animation: bounceBottom-out .6s both ease-in-out;
animation: bounceBottom-out .6s both ease-in-out;
}
.cbp-animation-bounceBottom .cbp-wrapper {
-webkit-animation: bounceBottom-in .6s both ease-in-out;
animation: bounceBottom-in .6s both ease-in-out;
}
/* out */
@-webkit-keyframes bounceBottom-out {
100% {
-webkit-transform: translateY(100%);
opacity: 0;
}
}
@keyframes bounceBottom-out {
100% {
transform: translateY(100%);
opacity: 0;
}
}
/* in */
@-webkit-keyframes bounceBottom-in {
0% {
-webkit-transform: translateY(100%);
opacity: 0;
}
100% {
-webkit-transform: translateY(0);
opacity: 1;
}
}
@keyframes bounceBottom-in {
0% {
transform: translateY(100%);
opacity: 0;
}
100% {
transform: translateY(0);
opacity: 1;
}
}
.cbp-animation-bounceLeft {
-webkit-transition: height .6s ease-in-out;
transition: height .6s ease-in-out;
will-change: height;
}
.cbp-animation-bounceLeft .cbp-wrapper-helper {
-webkit-animation: bounceLeft-out .6s both ease-in-out;
animation: bounceLeft-out .6s both ease-in-out;
}
.cbp-animation-bounceLeft .cbp-wrapper {
-webkit-animation: bounceLeft-in .6s both ease-in-out;
animation: bounceLeft-in .6s both ease-in-out;
}
/* out */
@-webkit-keyframes bounceLeft-out {
100% {
-webkit-transform: translateX(-100%);
opacity: 0;
}
}
@keyframes bounceLeft-out {
100% {
transform: translateX(-100%);
opacity: 0;
}
}
/* in */
@-webkit-keyframes bounceLeft-in {
0% {
-webkit-transform: translateX(-100%);
opacity: 0;
}
100% {
-webkit-transform: translateX(0);
opacity: 1;
}
}
@keyframes bounceLeft-in {
0% {
transform: translateX(-100%);
opacity: 0;
}
100% {
transform: translateX(0);
opacity: 1;
}
}
.cbp-animation-bounceTop {
-webkit-transition: height .6s ease-in-out;
transition: height .6s ease-in-out;
will-change: height;
}
.cbp-animation-bounceTop .cbp-wrapper-helper {
-webkit-animation: bounceTop-out .6s both ease-in-out;
animation: bounceTop-out .6s both ease-in-out;
}
.cbp-animation-bounceTop .cbp-wrapper {
-webkit-animation: bounceTop-in .6s both ease-in-out;
animation: bounceTop-in .6s both ease-in-out;
}
/* out */
@-webkit-keyframes bounceTop-out {
100% {
-webkit-transform: translateY(-100%);
opacity: 0;
}
}
@keyframes bounceTop-out {
100% {
transform: translateY(-100%);
opacity: 0;
}
}
/* in */
@-webkit-keyframes bounceTop-in {
0% {
-webkit-transform: translateY(-100%);
opacity: 0;
}
100% {
-webkit-transform: translateY(0);
opacity: 1;
}
}
@keyframes bounceTop-in {
0% {
transform: translateY(-100%);
opacity: 0;
}
100% {
transform: translateY(0);
opacity: 1;
}
}
.cbp-animation-moveLeft {
-webkit-transition: height .6s ease-in-out;
transition: height .6s ease-in-out;
will-change: height;
}
.cbp-animation-moveLeft .cbp-wrapper-helper {
-webkit-animation: moveLeft-out .6s both ease-in-out;
animation: moveLeft-out .6s both ease-in-out;
}
.cbp-animation-moveLeft .cbp-wrapper {
-webkit-animation: moveLeft-in .6s both ease-in-out;
animation: moveLeft-in .6s both ease-in-out;
}
/* out */
@-webkit-keyframes moveLeft-out {
100% {
-webkit-transform: translateX(-100%);
opacity: 0;
}
}
@keyframes moveLeft-out {
100% {
transform: translateX(-100%);
opacity: 0;
}
}
/* in */
@-webkit-keyframes moveLeft-in {
0% {
-webkit-transform: translateX(100%);
opacity: 0;
}
100% {
-webkit-transform: translateX(0);
opacity: 1;
}
}
@keyframes moveLeft-in {
0% {
transform: translateX(100%);
opacity: 0;
}
100% {
transform: translateX(0);
opacity: 1;
}
}
.cbp-displayType-bottomToTop {
-webkit-perspective: 1000px;
perspective: 1000px;
}
.cbp-displayType-bottomToTop .cbp-item {
-webkit-animation: fadeInBottomToTop .3s both ease-in;
animation: fadeInBottomToTop .3s both ease-in;
}
@-webkit-keyframes fadeInBottomToTop {
0% {
opacity: 0;
-webkit-transform: translateY(50px);
}
100% {
opacity: 1;
-webkit-transform: translateY(0);
}
}
@keyframes fadeInBottomToTop {
0% {
opacity: 0;
transform: translateY(50px);
}
100% {
opacity: 1;
transform: translateY(0);
}
}
.cbp-displayType-fadeIn {
-webkit-animation: fadeIn .5s both ease-in;
animation: fadeIn .5s both ease-in;
}
@-webkit-keyframes fadeIn {
0% {
opacity: 0;
}
100% {
opacity: 1;
}
}
@keyframes fadeIn {
0% {
opacity: 0;
}
100% {
opacity: 1;
}
}
.cbp-displayType-fadeInToTop {
-webkit-perspective: 1000px;
perspective: 1000px;
-webkit-animation: fadeInToTop .5s both ease-in;
animation: fadeInToTop .5s both ease-in;
}
@-webkit-keyframes fadeInToTop {
0% {
opacity: 0;
-webkit-transform: translateY(30px);
}
100% {
opacity: 1;
-webkit-transform: translateY(0);
}
}
@keyframes fadeInToTop {
0% {
opacity: 0;
transform: translateY(30px);
}
100% {
opacity: 1;
transform: translateY(0);
}
}
.cbp-displayType-sequentially .cbp-item {
-webkit-animation: fadeIn .5s both ease-in;
animation: fadeIn .5s both ease-in;
}
.cbp-lightbox img {
display: block;
border: 0;
width: 100%;
height: auto;
}
.cbp-popup-ie8bg {
position: absolute;
width: 100%;
height: 100%;
min-height: 100%;
top: 0;
left: 0;
z-index: -1;
background: #000;
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=70)";
}
.cbp-popup-wrap {
height: 100%;
text-align: center;
position: fixed;
width: 100%;
left: 0;
top: 0;
display: none;
overflow-y: hidden;
-webkit-overflow-scrolling: touch;
overflow-x: hidden;
z-index: 9990;
padding: 0 10px;
}
.cbp-popup-wrap video {
outline: 0 none;
}
.cbp-popup-lightbox {
background: rgba(0, 0, 0, 0.8);
display: flex;
justify-content: center;
align-items: center;
}
.cbp-popup-singlePage {
background: white;
padding: 0;
}
.cbp-popup-wrap:before {
content: "";
display: inline-block;
height: 100%;
vertical-align: middle;
}
.cbp-popup-content {
position: relative;
display: inline-block;
vertical-align: middle;
text-align: left;
max-width: 100%;
}
.cbp-popup-singlePage .cbp-popup-content {
position: relative;
z-index: 1;
margin-top: 145px;
max-width: 1024px;
vertical-align: top;
width: 94%;
}
.cbp-popup-singlePage .cbp-popup-content-basic {
position: relative;
z-index: 1;
margin-top: 104px;
vertical-align: top;
width: 100%;
display: inline-block;
text-align: left;
}
.cbp-popup-lightbox-figure {
position: relative;
}
.cbp-popup-lightbox-bottom {
left: 0;
position: absolute;
top: 100%;
width: 100%;
margin-top: 3px;
}
.cbp-popup-lightbox-title {
padding-right: 70px;
font: 400 12px/18px "Open Sans", sans-serif;
color: #eee;
}
.cbp-popup-lightbox-counter {
position: absolute;
top: 0;
right: 0;
font: 400 12px/18px "Open Sans", sans-serif;
color: #eee;
}
.cbp-popup-lightbox-img {
width: auto;
max-width: 100%;
height: auto;
display: block;
margin: 40px 0 40px;
box-shadow: 0 0 8px rgba(0, 0, 0, 0.6);
}
.cbp-popup-lightbox-img[data-action] {
cursor: pointer;
}
.cbp-popup-lightbox-isIframe .cbp-popup-content {
width: 75%;
}
@media only screen and (max-width: 768px) {
.cbp-popup-lightbox-isIframe .cbp-popup-content {
width: 95%;
}
}
.cbp-popup-lightbox-isIframe .cbp-lightbox-bottom {
left: 0;
position: absolute;
top: 100%;
width: 100%;
margin-top: 3px;
}
.cbp-popup-lightbox-iframe {
position: relative;
height: 0;
padding-bottom: 56.25%;
/* 16/9 ratio */
background: #000;
}
.cbp-popup-lightbox-iframe iframe {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
box-shadow: 0 0 8px rgba(0, 0, 0, 0.6);
}
.cbp-popup-lightbox-iframe audio {
margin-top: 27%;
}
/* NAVIGATION BUTTONS */
.cbp-popup-singlePage .cbp-popup-navigation-wrap {
position: absolute;
top: 0;
left: 0;
width: 100%;
z-index: 9990;
height: 104px;
background-color: #3D4750;
}
.cbp-popup-singlePage .cbp-popup-navigation {
position: relative;
width: 100%;
height: 100%;
}
.cbp-popup-singlePage-sticky .cbp-popup-navigation-wrap {
position: fixed;
top: 0 !important;
}
.cbp-popup-singlePage-counter {
color: #fff;
position: absolute;
margin: auto;
right: 40px;
top: 0;
bottom: 0;
font: 400 13px/30px "Open Sans", sans-serif;
height: 30px;
}
@media only screen and (max-width: 768px) {
.cbp-popup-singlePage-counter {
right: 3%;
}
}
.cbp-popup-next,
.cbp-popup-prev,
.cbp-popup-close {
padding: 0;
border: medium none;
position: absolute;
cursor: pointer;
outline: 0;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
}
.cbp-popup-lightbox .cbp-popup-prev,
.cbp-popup-lightbox .cbp-popup-next,
.cbp-popup-lightbox .cbp-popup-close {
visibility: hidden;
}
/* NAVOGATION BUTTONS */
.cbp-popup-ready.cbp-popup-lightbox .cbp-popup-next,
.cbp-popup-ready.cbp-popup-lightbox .cbp-popup-prev,
.cbp-popup-ready.cbp-popup-lightbox .cbp-popup-close {
visibility: visible;
}
/* PREVIOUS BUTTON LIGHBOX */
.cbp-popup-lightbox .cbp-popup-prev {
background: url("../img/cbp-sprite.png") no-repeat scroll 0 0 transparent;
width: 44px;
height: 44px;
top: 0;
bottom: 0;
left: 20px;
margin: auto;
}
.cbp-popup-lightbox .cbp-popup-prev:hover {
background-position: 0 -46px;
}
/* PREVIOUS BUTTON SINGLEPAGE */
.cbp-popup-singlePage .cbp-popup-prev {
background: url("../img/cbp-sprite.png") no-repeat scroll 0 -92px transparent;
width: 44px;
height: 44px;
margin: auto;
top: 0;
right: 108px;
bottom: 0;
left: 0;
}
.cbp-popup-singlePage .cbp-popup-prev:hover {
background-position: 0 -138px;
}
/* NEXT BUTTON LIGHTBOX */
.cbp-popup-lightbox .cbp-popup-next {
background: url("../img/cbp-sprite.png") no-repeat scroll -46px 0 transparent;
width: 44px;
height: 44px;
top: 0;
bottom: 0;
right: 20px;
margin: auto;
}
.cbp-popup-lightbox .cbp-popup-next:hover {
background-position: -46px -46px;
}
/* NEXT BUTTON SINGLEPAGE */
.cbp-popup-singlePage .cbp-popup-next {
background: url("../img/cbp-sprite.png") no-repeat scroll -46px -92px transparent;
width: 44px;
height: 44px;
margin: auto;
top: 0;
right: 0;
bottom: 0;
left: 108px;
}
.cbp-popup-singlePage .cbp-popup-next:hover {
background-position: -46px -138px;
}
/* CLOSE BUTTON LIGTHBOX */
.cbp-popup-lightbox .cbp-popup-close {
background: url("../img/cbp-sprite.png") no-repeat scroll -92px 0 transparent;
height: 40px;
width: 40px;
right: 20px;
top: 20px;
}
.cbp-popup-lightbox .cbp-popup-close:hover {
background-position: -92px -46px;
}
/* CLOSE BUTTON SINGLEPAGE */
.cbp-popup-singlePage .cbp-popup-close {
background: url("../img/cbp-sprite.png") no-repeat scroll -92px -92px transparent;
height: 44px;
width: 44px;
margin: auto;
top: 0;
right: 0;
bottom: 0;
left: 0;
}
.cbp-popup-singlePage .cbp-popup-close:hover {
background-position: -92px -138px;
}
.cbp-popup-singlePage .cbp-popup-ie8bg {
background-color: #fff;
}
@media only screen and (max-width: 360px),
(max-height: 600px) {
.cbp-popup-next,
.cbp-popup-prev,
.cbp-popup-close {
-ms-transform: scale(0.8);
-webkit-transform: scale(0.8);
transform: scale(0.8);
}
.cbp-popup-lightbox .cbp-popup-close {
right: 10px;
top: 10px;
}
.cbp-popup-lightbox .cbp-popup-next {
right: 10px;
}
.cbp-popup-lightbox .cbp-popup-prev {
left: 10px;
}
.cbp-popup-singlePage .cbp-popup-navigation-wrap {
height: 84px;
}
.cbp-popup-singlePage .cbp-popup-content {
margin-top: 120px;
}
}
.cbp-popup-loadingBox {
width: 100%;
height: 100%;
position: absolute;
top: 0;
left: 0;
}
.cbp-popup-lightbox .cbp-popup-loadingBox:after {
border-left: 3px solid rgba(255, 255, 255, 0.3);
border-right: 3px solid rgba(255, 255, 255, 0.3);
border-bottom: 3px solid rgba(255, 255, 255, 0.3);
border-top: 3px solid rgba(255, 255, 255, 0.85);
}
.cbp-popup-ready .cbp-popup-loadingBox {
visibility: hidden;
display: none;
}
.cbp-popup-loading .cbp-popup-loadingBox {
visibility: visible;
display: block;
}
.cbp-popup-transitionend {
overflow-y: scroll;
}
.cbp-popup-singlePage {
left: 100%;
-webkit-transition: left .6s ease-in-out;
transition: left .6s ease-in-out;
}
.cbp-popup-singlePage.cbp-popup-loading .cbp-popup-content {
opacity: 0;
}
.cbp-popup-singlePage-open {
left: 0;
}
.cbp-popup-singlePage.cbp-popup-singlePage-fade {
left: 0;
opacity: 0;
-webkit-transition: opacity .25s ease-in-out;
transition: opacity .25s ease-in-out;
}
.cbp-popup-singlePage-open.cbp-popup-singlePage-fade {
opacity: 1;
}
.cbp-popup-singlePage.cbp-popup-singlePage-right {
left: -100%;
-webkit-transition: left .6s ease-in-out;
transition: left .6s ease-in-out;
}
.cbp-popup-singlePage-open.cbp-popup-singlePage-right {
left: 0;
}
.cbp-l-project-title {
color: #454444;
font: 600 42px/46px "Open Sans", sans-serif;
letter-spacing: 2px;
margin-bottom: 15px;
text-align: center;
text-transform: uppercase;
}
.cbp-l-project-subtitle {
color: #787878;
font: 400 14px/21px "Open Sans", sans-serif;
margin: 0 auto 50px;
max-width: 500px;
text-align: center;
}
.cbp-popup-singlePage .cbp-popup-content .cbp-l-project-img {
display: block;
margin: 0 auto;
max-width: 100%;
}
.cbp-l-project-container {
overflow: hidden;
margin: 40px auto 0;
clear: both;
}
.cbp-l-project-desc {
float: left;
width: 62%;
}
.cbp-l-project-social-wrapper,
.cbp-l-inline-social-wrapper {
display: inline-block;
width: 100px;
height: 20px;
overflow: hidden;
}
.cbp-l-inline-social-wrapper {
margin-top: 5px;
}
.cbp-l-project-details {
float: right;
width: 38%;
padding-left: 60px;
margin-bottom: 15px;
}
@media only screen and (max-width: 768px) {
.cbp-l-project-title {
font-size: 30px;
line-height: 34px;
}
.cbp-l-project-desc {
width: 100%;
}
.cbp-l-project-details {
width: 100%;
margin-top: 20px;
padding-left: 0;
}
}
.cbp-l-project-desc-title {
border-bottom: 1px solid #cdcdcd;
margin-bottom: 22px;
color: #444;
}
.cbp-l-project-desc-title span,
.cbp-l-project-details-title span {
border-bottom: 1px solid #747474;
display: inline-block;
margin: 0 0 -1px 0;
font: 400 16px/36px "Open Sans", sans-serif;
padding: 0 5px 0 0;
}
.cbp-l-project-desc-text {
font: 400 13px/20px "Open Sans", sans-serif;
color: #555;
margin-bottom: 20px;
}
.cbp-l-project-details-title {
border-bottom: 1px solid #cdcdcd;
margin-bottom: 19px;
color: #444;
}
.cbp-l-project-details-list {
margin: 0;
padding: 0;
list-style: none;
}
.cbp-l-project-details-list>li,
.cbp-l-project-details-list>div {
border-bottom: 1px dotted #DFDFDF;
padding: inherit;
color: #666;
font: 400 12px/30px "Open Sans", sans-serif;
}
.cbp-l-project-details-list>li:last-child,
.cbp-l-project-details-list>div:last-child {
border: none;
}
.cbp-l-project-details-list strong {
display: inline-block;
color: #696969;
font-weight: 600;
min-width: 100px;
}
.cbp-l-project-details-visit {
color: #FFFFFF;
float: right;
clear: both;
text-decoration: none;
font: 400 11px/18px "Open Sans", sans-serif;
margin-top: 25px;
background-color: #62B57B;
padding: 8px 19px;
text-transform: uppercase;
letter-spacing: .5px;
}
.cbp-l-project-details-visit:hover {
opacity: 0.9;
color: #fff;
}
.cbp-l-project-related-wrap {
font-size: 0;
margin: 0;
padding: 0;
}
.cbp-l-project-related-item {
margin-left: 5%;
max-width: 30%;
float: left;
}
.cbp-l-project-related-item:first-child {
margin-left: 0;
}
.cbp-l-project-related-title {
font: 700 14px/18px "Open Sans", sans-serif;
color: #474747;
margin-top: 20px;
}
.cbp-l-project-related-link {
text-decoration: none;
}
.cbp-l-project-related-link:hover {
opacity: 0.9;
}
.cbp-l-member-img {
float: left;
width: 40%;
margin-top: 20px;
}
.cbp-l-member-img img {
border: 1px solid #e2e2e2;
width: auto;
max-width: 100%;
height: auto;
display: inline-block;
border: 0;
}
.cbp-l-member-info {
margin-top: 20px;
padding-left: 25px;
float: left;
width: 60%;
}
@media only screen and (max-width: 768px) {
.cbp-l-member-img {
width: 100%;
text-align: center;
}
.cbp-l-member-info {
width: 100%;
padding-left: 0;
}
}
.cbp-l-member-name {
font: 400 28px/28px "Open Sans", sans-serif;
color: #474747;
}
.cbp-l-member-position {
font: 400 13px/21px "Open Sans", sans-serif;
color: #888;
margin-top: 6px;
}
.cbp-l-member-desc {
font: 400 12px/18px "Open Sans", sans-serif;
margin-top: 25px;
color: #474747;
}
/* SINGLE PAGE INLINE */
.cbp-popup-singlePageInline-open {
-webkit-transition: height .5s ease 0s !important;
transition: height .5s ease 0s !important;
}
.cbp-popup-singlePageInline-open .cbp-item {
-webkit-transition: -webkit-transform .5s ease 0s !important;
transition: transform .5s ease 0s !important;
}
.cbp-popup-singlePageInline-close .cbp-popup-singlePageInline:after {
display: none;
visibility: hidden;
}
.cbp-popup-singlePageInline-close .cbp-popup-singlePageInline .cbp-popup-content,
.cbp-popup-singlePageInline-close .cbp-popup-singlePageInline .cbp-popup-navigation {
-webkit-transition-delay: 0;
transition-delay: 0;
}
.cbp-popup-singlePageInline {
width: 100%;
position: absolute;
top: 0;
left: 0;
z-index: 0;
overflow: hidden;
/* CLOSE BUTTON singlePageInline */
}
.cbp-popup-singlePageInline .cbp-popup-content {
opacity: 0;
width: 100%;
z-index: 1;
min-height: 300px;
}
.cbp-popup-singlePageInline .cbp-popup-content,
.cbp-popup-singlePageInline .cbp-popup-navigation {
-webkit-transition: opacity .4s ease-in .2s;
transition: opacity .4s ease-in .2s;
}
.cbp-popup-singlePageInline .cbp-popup-navigation {
opacity: 0;
position: absolute;
top: 0;
right: 0;
z-index: 2;
width: 40px;
height: 40px;
}
.cbp-popup-singlePageInline .cbp-popup-close {
background: url("../img/cbp-sprite.png") no-repeat scroll -92px 0 transparent;
height: 40px;
width: 40px;
right: 20px;
top: 30px;
}
.cbp-popup-singlePageInline .cbp-popup-close:hover {
opacity: 0.7;
}
.cbp-popup-singlePageInline-ready {
z-index: 4;
}
.cbp-popup-singlePageInline-ready .cbp-popup-content,
.cbp-popup-singlePageInline-ready .cbp-popup-navigation {
opacity: 1;
}
.cbp-popup-singlePageInline-ready:after {
display: none;
visibility: hidden;
}
.cbp-singlePageInline-active {
opacity: 0.6 !important;
}
.cbp-l-inline {
margin: 20px 0;
overflow: hidden;
background: #FAFAFA;
padding: 30px;
}
.cbp-l-inline-left {
float: left;
width: 44%;
}
.cbp-l-project-img {
max-width: 100%;
}
.cbp-l-inline-right {
float: right;
width: 56%;
padding-left: inherit;
}
@media only screen and (max-width: 768px) {
.cbp-l-inline-left {
width: 100%;
text-align: center;
margin-top: 40px;
}
.cbp-l-inline-right {
width: 100%;
padding-left: 0;
margin-top: 20px;
}
}
.cbp-l-inline-title {
font: 400 28px/30px "Open Sans", sans-serif;
color: #474747;
}
.cbp-l-inline-subtitle {
font: 400 13px/21px "Open Sans", sans-serif;
color: #888;
margin-top: 7px;
}
.cbp-l-inline-desc {
font: 400 13px/20px "Open Sans", sans-serif;
color: #474747;
margin-top: 25px;
margin-bottom: 20px;
}
.cbp-l-inline-view-wrap {
text-align: right;
}
.cbp-l-inline-view {
font: 400 13px/35px "Open Sans", sans-serif;
color: #9C9C9C;
margin-top: 40px;
display: inline-block;
padding: 0 20px;
border: 1px solid #ccc;
text-decoration: none;
}
.cbp-l-inline-view:hover {
color: #757575;
}
.cbp-l-inline-details {
margin-top: 15px;
font: 13px/22px "Open Sans", sans-serif;
}
/* default state */
.cbp-l-loadMore-defaultText,
.cbp-l-loadMore-button-defaultText {
display: block;
}
.cbp-l-loadMore-loadingText,
.cbp-l-loadMore-noMoreLoading,
.cbp-l-loadMore-button-loadingText,
.cbp-l-loadMore-button-noMoreLoading {
display: none;
}
/* loading state */
.cbp-l-loadMore-loading .cbp-l-loadMore-loadingText,
.cbp-l-loadMore-loading .cbp-l-loadMore-button-loadingText {
display: block;
}
.cbp-l-loadMore-loading .cbp-l-loadMore-defaultText,
.cbp-l-loadMore-loading .cbp-l-loadMore-noMoreLoading,
.cbp-l-loadMore-loading .cbp-l-loadMore-button-defaultText,
.cbp-l-loadMore-loading .cbp-l-loadMore-button-noMoreLoading {
display: none;
}
/* no more loading */
.cbp-l-loadMore-stop .cbp-l-loadMore-noMoreLoading,
.cbp-l-loadMore-stop .cbp-l-loadMore-button-noMoreLoading {
display: block;
}
.cbp-l-loadMore-stop .cbp-l-loadMore-defaultText,
.cbp-l-loadMore-stop .cbp-l-loadMore-loadingText,
.cbp-l-loadMore-stop .cbp-l-loadMore-button-defaultText,
.cbp-l-loadMore-stop .cbp-l-loadMore-button-loadingText {
display: none;
}
.cbp-l-loadMore-bgbutton {
text-align: center;
}
.cbp-l-loadMore-bgbutton .cbp-l-loadMore-link {
border: 1px solid #DEDEDE;
color: #7E7B7B;
display: inline-block;
font: 400 13px/40px "Lato", sans-serif;
min-width: 80px;
text-decoration: none;
padding: 0 50px;
margin-top: 50px;
outline: 0;
box-shadow: none;
letter-spacing: 1px;
-webkit-transition: color .25s;
transition: color .25s;
}
.cbp-l-loadMore-bgbutton .cbp-l-loadMore-link:hover,
.cbp-l-loadMore-bgbutton .cbp-l-loadMore-link.cbp-l-loadMore-loading {
color: #B0B0B0;
}
.cbp-l-loadMore-bgbutton .cbp-l-loadMore-link.cbp-l-loadMore-stop {
cursor: default;
color: #B0B0B0;
}
.cbp-l-loadMore-button {
text-align: center;
}
.cbp-l-loadMore-button .cbp-l-loadMore-link,
.cbp-l-loadMore-button .cbp-l-loadMore-button-link {
border: 1px solid #DEDEDE;
color: #7E7B7B;
display: inline-block;
font: 400 12px/36px "Open Sans", sans-serif;
min-width: 80px;
text-decoration: none;
padding: 0 30px;
outline: 0;
margin-top: 40px;
box-shadow: none;
-webkit-transition: color .25s;
transition: color .25s;
}
.cbp-l-loadMore-button .cbp-l-loadMore-link:hover,
.cbp-l-loadMore-button .cbp-l-loadMore-button-link:hover,
.cbp-l-loadMore-button .cbp-l-loadMore-link.cbp-l-loadMore-loading {
color: #B0B0B0;
}
.cbp-l-loadMore-button .cbp-l-loadMore-link.cbp-l-loadMore-stop,
.cbp-l-loadMore-button .cbp-l-loadMore-button-link.cbp-l-loadMore-stop,
.cbp-l-loadMore-button .cbp-l-loadMore-button-link.cbp-l-loadMore-button-stop {
cursor: default;
color: #B0B0B0;
}
.cbp-l-loadMore-text {
text-align: center;
}
.cbp-l-loadMore-text .cbp-l-loadMore-link,
.cbp-l-loadMore-text .cbp-l-loadMore-text-link {
font: 400 15px "Open Sans", sans-serif;
color: #7E7B7B;
text-decoration: none;
cursor: pointer;
margin-top: 50px;
display: block;
}
.cbp-l-loadMore-text .cbp-l-loadMore-stop,
.cbp-l-loadMore-text .cbp-l-loadMore-text-stop {
color: #B0B0B0;
cursor: default;
}
.cbp-mode-slider {
-webkit-transition: height 0.35s cubic-bezier(0.22, 0.6, 0.345, 1);
transition: height 0.35s cubic-bezier(0.22, 0.6, 0.345, 1);
}
.cbp-mode-slider .cbp-wrapper,
.cbp-mode-slider .cbp-item {
-webkit-transition: -webkit-transform 0.35s cubic-bezier(0.22, 0.6, 0.345, 1);
transition: transform 0.35s cubic-bezier(0.22, 0.6, 0.345, 1);
}
.cbp-mode-slider .cbp-wrapper {
cursor: -webkit-grab;
cursor: -o-grab;
cursor: -ms-grab;
cursor: grab;
}
.cbp-mode-slider-dragStart * {
cursor: move !important;
cursor: -ms-grabbing !important;
cursor: -webkit-grabbing !important;
cursor: -moz-grabbing !important;
cursor: grabbing !important;
}
.cbp-mode-slider-dragStart .cbp-wrapper {
-webkit-transition: none;
transition: none;
}
.cbp-nav-next,
.cbp-nav-prev {
position: relative;
background: #7c8b90;
cursor: pointer;
display: inline-block;
margin-left: 1px;
height: 22px;
width: 21px;
}
.cbp-nav-next {
border-radius: 0 2px 2px 0;
}
.cbp-nav-prev {
border-radius: 2px 0 0 2px;
}
.cbp-nav-next:hover,
.cbp-nav-prev:hover {
opacity: 0.8;
}
.cbp-nav-next:after,
.cbp-nav-prev:after {
content: '';
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
margin: auto;
background: url("../img/cbp-sprite.png") no-repeat;
height: 10px;
width: 7px;
}
.cbp-nav-next:after {
background-position: -134px 0;
}
.cbp-nav-prev:after {
background-position: -134px -12px;
}
.cbp-nav-stop {
opacity: 0.5 !important;
cursor: default !important;
}
.cbp-nav {
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
}
.cbp-nav-controls {
position: absolute;
top: -51px;
right: 0;
z-index: 100;
}
.cbp-nav-pagination {
position: absolute;
bottom: -30px;
right: 0;
z-index: 100;
left: 0;
text-align: center;
}
.cbp-nav-pagination-item {
position: relative;
width: 10px;
height: 10px;
border-radius: 50%;
margin: 0 4px;
display: inline-block;
cursor: pointer;
background: #c2c2c2;
-webkit-transition: background 0.5s;
transition: background 0.5s;
}
.cbp-nav-pagination-active {
background: #797979;
}
.cbp-pagination-item {
max-width: 100px;
display: inline-block;
cursor: pointer;
margin-top: 10px;
margin-right: 5px;
position: relative;
}
.cbp-pagination-item img {
display: block;
width: 100%;
height: auto;
border: 0;
}
.cbp-pagination-item:after {
content: '';
position: absolute;
top: 0;
width: 100%;
height: 100%;
background: rgba(0, 0, 0, 0.5);
-webkit-transition: background .5s ease-in-out;
transition: background .5s ease-in-out;
}
.cbp-pagination-active:after {
background: transparent;
}
.cbp-slider-wrap,
.cbp-slider-item {
margin: 0;
padding: 0;
list-style-type: none;
}
.cbp-slider .cbp-nav-controls {
position: static;
}
.cbp-slider .cbp-nav-next,
.cbp-slider .cbp-nav-prev {
background: transparent;
position: absolute;
margin: auto;
top: 0;
bottom: 0;
z-index: 100;
width: 44px;
height: 44px;
}
.cbp-slider .cbp-nav-next {
right: 25px;
left: auto;
}
.cbp-slider .cbp-nav-prev {
left: 25px;
right: auto;
}
.cbp-slider .cbp-nav-next:after,
.cbp-slider .cbp-nav-prev:after {
background: url("../img/cbp-sprite.png") no-repeat;
width: 44px;
height: 44px;
}
.cbp-slider .cbp-nav-next:after {
background-position: -46px -92px;
}
.cbp-slider .cbp-nav-next:hover:after {
background-position: -46px -46px;
}
.cbp-slider .cbp-nav-prev:after {
background-position: 0 -92px;
}
.cbp-slider .cbp-nav-prev:hover:after {
background-position: 0 -46px;
}
.cbp-slider .cbp-nav-pagination {
text-align: right;
bottom: 20px;
right: 25px;
left: auto;
}
.cbp-slider-edge .cbp-nav-controls {
position: static;
}
.cbp-slider-edge .cbp-nav-next,
.cbp-slider-edge .cbp-nav-prev {
background: transparent;
position: absolute;
margin: auto;
top: 0;
bottom: 0;
z-index: 100;
width: 44px;
height: 44px;
}
.cbp-slider-edge .cbp-nav-next {
right: -14px;
left: auto;
}
.cbp-slider-edge .cbp-nav-prev {
left: -14px;
right: auto;
}
.cbp-slider-edge .cbp-nav-next:after,
.cbp-slider-edge .cbp-nav-prev:after {
background: url("../img/cbp-sprite.png") no-repeat;
width: 9px;
height: 16px;
}
.cbp-slider-edge .cbp-nav-next:after {
background-position: -134px -24px;
}
.cbp-slider-edge .cbp-nav-prev:after {
background-position: -134px -42px;
}
.cbp-slider-edge .cbp-nav-pagination {
bottom: -50px;
}
.cbp-slider-edge .cbp-nav-pagination-item {
border: 2px solid #0f0f0f;
opacity: 0.4;
background: transparent;
}
.cbp-slider-edge .cbp-nav-pagination-active {
background: #000;
}
.cbp-slider-inline {
position: relative;
}
.cbp-slider-inline .cbp-slider-item {
position: absolute;
width: 100%;
top: 0;
transition: left .5s ease;
}
.cbp-slider-inline .cbp-slider-item--active {
position: relative;
z-index: 2;
}
.cbp-slider-wrapper {
position: relative;
overflow: hidden;
}
.cbp-slider-controls {
position: absolute;
top: 0;
right: 0;
z-index: 100;
opacity: 0;
-webkit-transition: opacity .7s ease-in-out;
transition: opacity .7s ease-in-out;
}
.cbp-slider-inline-ready .cbp-slider-controls {
opacity: 1;
}
.cbp-slider-next,
.cbp-slider-prev {
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
float: left;
cursor: pointer;
position: relative;
width: 36px;
height: 36px;
background: #547EB1;
}
.cbp-slider-next {
margin-left: 1px;
}
.cbp-slider-next:after,
.cbp-slider-prev:after {
content: '';
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
margin: auto;
background: url("../img/cbp-sprite.png") no-repeat;
width: 9px;
height: 16px;
}
.cbp-slider-next:after {
background-position: -134px -60px;
}
.cbp-slider-prev:after {
background-position: -134px -78px;
}
.cbp-l-grid-agency .cbp-caption:after {
position: absolute;
content: '';
width: 0;
height: 0;
border-bottom: 10px solid #fff;
border-right: 10px solid transparent;
border-left: 10px solid transparent;
bottom: 0px;
left: 50%;
margin-left: -5px;
z-index: 1;
}
.cbp-l-grid-agency.cbp-caption-zoom .cbp-caption:hover .cbp-caption-defaultWrap {
-webkit-transform: scale(1.15);
transform: scale(1.15);
}
.cbp-l-grid-agency-title {
margin-top: 18px;
font: 700 17px/24px "Lato", sans-serif;
color: #666;
text-align: center;
}
.cbp-item:hover .cbp-l-grid-agency-title {
color: #222;
}
.cbp-l-grid-agency-desc {
font: 400 12px/21px "Open Sans", sans-serif;
color: #aaa;
text-align: center;
}
.cbp-l-grid-work.cbp-caption-zoom .cbp-caption-activeWrap {
background-color: rgba(0, 0, 0, 0.7);
}
.cbp-l-grid-work .cbp-item {
padding: 3px;
}
.cbp-l-grid-work .cbp-item-wrapper {
background-color: #fff;
box-shadow: 0 1px 1px rgba(0, 0, 0, 0.2);
padding: 7px 7px 27px;
border-top: 1px solid #F4F4F4;
}
.cbp-l-grid-work-title {
margin-top: 17px;
font: 400 17px/25px "Roboto Condensed", sans-serif;
color: #607D8B;
text-align: center;
text-transform: uppercase;
display: block;
}
.cbp-l-grid-work-title:hover {
color: #365D67;
}
.cbp-l-grid-work-desc {
font: 400 11px/16px "Open Sans", sans-serif;
color: #888888;
text-align: center;
text-transform: uppercase;
}
.cbp-l-grid-blog-title {
font: 400 18px/30px "Open Sans", sans-serif;
color: #444;
display: block;
margin-top: 17px;
}
.cbp-l-grid-blog-title:hover {
color: #787878;
}
.cbp-l-grid-blog-date {
font: 400 12px/18px "Open Sans", sans-serif;
color: #787878;
display: inline-block;
}
.cbp-l-grid-blog-comments {
font: 400 12px/18px "Open Sans", sans-serif;
color: #3C6FBB;
display: inline-block;
}
.cbp-l-grid-blog-comments:hover {
opacity: .8;
}
.cbp-l-grid-blog-desc {
font: 400 13px/18px "Open Sans", sans-serif;
color: #9B9B9B;
margin-top: 9px;
}
.cbp-l-grid-blog-split {
margin: 0 4px;
font: 400 13px/16px "Open Sans", sans-serif;
color: #787878;
display: inline-block;
}
.cbp-l-grid-clients {
height: 180px;
}
.cbp-l-clients-title-block {
font: 400 32px/53px "Roboto", sans-serif;
color: #666464;
text-align: center;
margin-bottom: 40px;
}
.cbp-l-grid-faq .cbp-item {
width: 100%;
}
.cbp-l-grid-projects-title {
font: 700 14px/21px "Open Sans", sans-serif;
color: #474747;
margin-top: 15px;
}
.cbp-l-grid-projects-desc {
font: 400 12px/18px "Open Sans", sans-serif;
color: #888888;
margin-top: 5px;
}
.cbp-l-grid-masonry-projects .cbp-caption-activeWrap {
background-color: #59a3b6;
background-color: rgba(89, 163, 182, 0.95);
}
.cbp-l-grid-masonry-projects .cbp-l-caption-buttonLeft,
.cbp-l-grid-masonry-projects .cbp-l-caption-buttonRight {
background-color: #545454;
}
.cbp-l-grid-masonry-projects-title {
font: 500 15px/22px "Roboto", sans-serif;
color: #59a3b6;
text-align: center;
display: block;
margin-top: 12px;
}
.cbp-l-grid-masonry-projects-title:hover {
color: #457C8B;
}
.cbp-l-grid-masonry-projects-desc {
font: 400 12px/18px "Roboto", sans-serif;
color: #b2b2b2;
text-align: center;
}
.cbp-l-grid-team-name {
font: 400 17px/24px "Open Sans", sans-serif;
color: #456297;
display: block;
text-align: center;
margin-top: 18px;
}
.cbp-l-grid-team-name:hover {
color: #34425C;
}
.cbp-l-grid-team-position {
font: italic 400 13px/21px "Open Sans", sans-serif;
color: #999;
text-align: center;
}
.cbp-l-grid-mosaic-flat .cbp-caption-activeWrap {
background-color: #64C28E;
background-color: rgba(101, 199, 150, 0.95);
}
.cbp-l-grid-mosaic-flat .cbp-l-caption-title {
color: #FFFFFF;
font: 400 14px/21px "Lato", sans-serif;
text-transform: uppercase;
letter-spacing: 2px;
display: inline-block;
}
.cbp-l-grid-mosaic-flat .cbp-l-caption-title:after {
content: '';
display: block;
width: 40%;
height: 1px;
background-color: #fff;
margin: 8px auto 0;
}
.cbp-l-grid-mosaic-projects .cbp-caption-activeWrap {
background-color: #59a3b6;
background-color: rgba(89, 163, 182, 0.97);
}
.cbp-l-grid-mosaic .cbp-caption-activeWrap {
background-color: #FFEA71;
background-color: rgba(255, 234, 113, 0.95);
}
.cbp-l-grid-mosaic .cbp-l-caption-title {
color: #5A5A5A;
font: 500 18px/22px "Roboto", sans-serif;
text-transform: uppercase;
margin-bottom: 5px;
}
.cbp-l-grid-mosaic .cbp-l-caption-desc {
color: #585858;
font: 400 13px/20px "Roboto", sans-serif;
}
.cbp-l-slider-title-block {
border-bottom: 1px solid #cdcdcd;
margin-bottom: 22px;
}
.cbp-l-slider-title-block div {
padding: 0 2px 6px 0;
display: inline-block;
border-bottom: 1px solid #a9a5a5;
color: #5e5e5e;
margin-bottom: -1px;
font: 15px/21px "Roboto", sans-serif;
}
.cbp-l-grid-slider-team-name {
float: left;
font: 20px/30px "Roboto", sans-serif;
color: #494949;
margin-top: 16px;
}
.cbp-l-grid-slider-team-position {
clear: both;
font: 14px/21px "Roboto", sans-serif;
color: #A6A6A6;
}
.cbp-l-grid-slider-team-desc {
font: 13px/20px "Roboto", sans-serif;
color: #969696;
margin-top: 15px;
}
.cbp-l-grid-slider-team-social {
float: right;
margin-top: 16px;
}
.cbp-l-grid-slider-team-social a {
color: #737373;
line-height: 30px;
margin-left: 6px;
}
.cbp-l-grid-slider-team-social a:hover {
opacity: 0.8;
}
.cbp-l-slider-testimonials-wrap {
background: #f8f9f9;
padding: 80px 0 110px;
border-width: 1px 0;
border-style: solid;
border-color: #dce1e2;
}
.cbp-l-grid-slider-testimonials-body {
color: #424242;
max-width: 800px;
margin: 0 auto;
font: 20px/32px sans-serif;
text-align: center;
padding: 0 20px;
}
.cbp-l-grid-slider-testimonials-footer {
font: 12px/19px "Roboto", sans-serif;
color: #777;
text-align: center;
margin-bottom: 10px;
margin-top: 30px;
}
.cbp-l-grid-tabs {
height: 100px;
}
.cbp-l-grid-tabs .cbp-item {
font: 14px/24px "Lato", sans-serif;
max-width: 700px;
width: 100%;
margin: 0 auto;
right: 0;
text-align: center;
color: #5a5a5a;
}
.cbp-l-testimonials-title-block {
position: relative;
text-align: center;
font: 26px/36px "Roboto", sans-serif;
color: #E7E7E7;
margin-bottom: 60px;
}
.cbp-l-testimonials-title-block:after {
content: '';
position: absolute;
margin: 0 auto;
width: 23px;
height: 2px;
bottom: -6px;
background-color: #C2C2C2;
left: 0;
right: 0;
}
.cbp-l-testimonials-wrap {
background: #2D2D2D;
padding: 60px 0 110px;
}
.cbp-l-grid-testimonials-body {
color: #e7e7e7;
max-width: 800px;
margin: 0 auto;
font: 20px/32px "Roboto", sans-serif;
text-align: center;
padding: 0 20px;
}
.cbp-l-grid-testimonials-footer {
font: 12px/19px "Roboto", sans-serif;
color: #C2C2C2;
text-align: center;
margin-bottom: 40px;
margin-top: 35px;
}
.cbp-search {
position: relative;
width: 220px;
margin-bottom: 40px;
}
.cbp-search .cbp-search-nothing {
display: none;
}
.cbp-search-icon {
position: absolute;
width: 32px;
height: 100%;
top: 0;
right: 0;
text-align: center;
cursor: pointer;
pointer-events: none;
}
.cbp-search-icon:after {
content: '\f002';
font-family: 'FontAwesome';
font-size: 14px;
color: #797979;
line-height: 36px;
pointer-events: none;
}
.cbp-search-input {
height: 36px;
padding: 0 32px 0 12px;
margin: 0;
border-radius: 1px;
border: 1px solid #c6c3c4;
font: 400 12px "Open Sans", sans-serif;
width: 100%;
}
.cbp-search-input[value]+.cbp-search-icon {
pointer-events: auto;
}
.cbp-search-input[value]+.cbp-search-icon:after {
content: '\f00d';
}
.cbp-search-nothing {
position: absolute;
top: 0;
padding: 0 0 30px;
text-align: center;
width: 100%;
font: 13px "Open Sans", sans-serif;
}
.cbp-l-project-social a {
width: 30px;
height: 30px;
display: inline-block;
line-height: 32px;
text-align: center;
border-radius: 50%;
color: #fff;
font-size: 14px;
margin-right: 7px;
}
.cbp-l-project-social a:hover {
opacity: .8;
}
.cbp-social-fb {
background-color: #5070B4;
}
.cbp-social-twitter {
background-color: #55acee;
}
.cbp-social-googleplus {
background-color: #E57371;
}
.cbp-social-pinterest {
background-color: #cb2027;
}
/* custom-cubeportfolio.css */
/*Cubeportfolio
------------------------------------*/
.cube-portfolio:before,
.cube-portfolio:after {
content: " ";
display: table;
}
.cube-portfolio:after {
clear: both;
}
/*Loading Box*/
.cube-portfolio .cbp-popup-singlePageInline .cbp-popup-loadingBox {
border-radius: 50% !important;
}
.cbp-l-grid-agency .cbp-caption:after {
border: none;
}
/*Overlays
------------------------------------*/
/*Default*/
.cube-portfolio .cbp-caption-zoom .cbp-caption-activeWrap {
background: rgba(39, 58, 78, .6) !important;
}
/*Overlay Option v2*/
.cube-portfolio .cbp-caption-activeWrap.overlay-btm-v2 {
background: rgba(39, 58, 78, .6) !important;
}
/*White Transparent*/
.cube-portfolio .cbp-caption-activeWrap.white-transparent-hover {
background: rgba(255, 255, 255, .6) !important;
}
/*Dark Transparent*/
.cube-portfolio .cbp-caption-activeWrap.dark-transparent-hover {
background: rgba(0, 0, 0, .6) !important;
}
/*Grenn Transparent*/
.cube-portfolio .cbp-caption-activeWrap.default-transparent-hover {
background: rgba(114, 192, 44, .9) !important;
}
.cube-portfolio .cbp-caption-activeWrap.default-transparent-hover .link-captions i:hover {
background: #333;
}
/*Filters*/
.cube-portfolio .cbp-l-filters-text {
margin: inherit;
padding: inherit;
}
.cube-portfolio .cbp-l-filters-text .cbp-filter-item {
color: #555;
text-transform: uppercase;
}
.cube-portfolio .cbp-l-filters-text .cbp-filter-item.cbp-filter-item-active,
.cube-portfolio .cbp-l-filters-text .cbp-filter-item:hover {
color: #72c02c;
}
.cube-portfolio .cbp-l-filters-text .cbp-filter-counter {
background: #72c02c;
}
.cube-portfolio .cbp-l-filters-text .cbp-filter-counter:before {
border-top-color: #72c02c;
}
/*Pagination*/
.cube-portfolio .cbp-nav-pagination-item {
border-radius: 50% !important;
}
/*Buttons*/
.cube-portfolio .cbp-l-caption-buttonLeft,
.cube-portfolio .cbp-l-caption-buttonRight {
background: #72c02c;
}
.cube-portfolio .cbp-l-caption-buttonLeft:hover,
.cube-portfolio .cbp-l-caption-buttonRight:hover {
background: #5fb611;
}
/*Titles*/
.cube-portfolio .cbp-l-grid-agency-title {
color: #fff !important;
font-size: 15px;
font-weight: 400;
letter-spacing: 1px;
text-transform: uppercase;
font-family: 'Open Sans', sans-serif;
}
.cube-portfolio .cbp-l-grid-agency-desc {
color: #fff;
font-size: 11px;
text-transform: uppercase;
}
/*Dark Titles*/
.cube-portfolio .cbp-title-dark .cbp-l-grid-agency-title {
color: #444 !important;
}
.cube-portfolio .cbp-title-dark .cbp-l-grid-agency-desc {
color: #555;
}
/*Link Captions*/
.cube-portfolio .link-captions {
padding-left: 0;
margin: 0 0 20px;
list-style: none;
text-align: center;
}
.cube-portfolio .link-captions li {
padding: 0 2px;
display: inline-block;
}
.cube-portfolio .link-captions li i {
color: #444;
width: 30px;
height: 30px;
padding: 8px;
font-style: 14px;
background: #fff;
text-align: center;
display: inline-block;
}
.cube-portfolio .link-captions li i:hover {
color: #fff;
background: #72c02c;
-webkit-transition: all .2s ease-in-out;
-moz-transition: all .2s ease-in-out;
-o-transition: all .2s ease-in-out;
transition: all .2s ease-in-out;
}
/* settings.css */
/*-----------------------------------------------------------------------------
- Revolution Slider 4.1 Captions -
Screen Stylesheet
version: 1.4.5
date: 27/11/13
author: themepunch
email: info@themepunch.com
website: http://www.themepunch.com
-----------------------------------------------------------------------------*/
/*************************
- CAPTIONS -
**************************/
.tp-static-layers {
position: absolute;
z-index: 505;
top: 0px;
left: 0px
}
.tp-hide-revslider,
.tp-caption.tp-hidden-caption {
visibility: hidden !important;
display: none !important
}
.tp-caption {
z-index: 1;
white-space: nowrap
}
.tp-caption-demo .tp-caption {
position: relative !important;
display: inline-block;
margin-bottom: 10px;
margin-right: 20px !important
}
.tp-caption.whitedivider3px {
color: #000000;
text-shadow: none;
background-color: rgb(255, 255, 255);
background-color: rgba(255, 255, 255, 1);
text-decoration: none;
min-width: 408px;
min-height: 3px;
background-position: initial initial;
background-repeat: initial initial;
border-width: 0px;
border-color: #000000;
border-style: none;
}
.tp-caption.finewide_large_white {
color: #ffffff;
text-shadow: none;
font-size: 60px;
line-height: 60px;
font-weight: 300;
font-family: "Open Sans", sans-serif;
background-color: transparent;
text-decoration: none;
text-transform: uppercase;
letter-spacing: 8px;
border-width: 0px;
border-color: rgb(0, 0, 0);
border-style: none;
}
.tp-caption.whitedivider3px {
color: #000000;
text-shadow: none;
background-color: rgb(255, 255, 255);
background-color: rgba(255, 255, 255, 1);
text-decoration: none;
font-size: 0px;
line-height: 0;
min-width: 468px;
min-height: 3px;
border-width: 0px;
border-color: rgb(0, 0, 0);
border-style: none;
}
.tp-caption.finewide_medium_white {
color: #ffffff;
text-shadow: none;
font-size: 37px;
line-height: 37px;
font-weight: 300;
font-family: "Open Sans", sans-serif;
background-color: transparent;
text-decoration: none;
text-transform: uppercase;
letter-spacing: 5px;
border-width: 0px;
border-color: rgb(0, 0, 0);
border-style: none;
}
.tp-caption.boldwide_small_white {
font-size: 25px;
line-height: 25px;
font-weight: 800;
font-family: "Open Sans", sans-serif;
color: rgb(255, 255, 255);
text-decoration: none;
background-color: transparent;
text-shadow: none;
text-transform: uppercase;
letter-spacing: 5px;
border-width: 0px;
border-color: rgb(0, 0, 0);
border-style: none;
}
.tp-caption.whitedivider3px_vertical {
color: #000000;
text-shadow: none;
background-color: rgb(255, 255, 255);
background-color: rgba(255, 255, 255, 1);
text-decoration: none;
font-size: 0px;
line-height: 0;
min-width: 3px;
min-height: 130px;
border-width: 0px;
border-color: rgb(0, 0, 0);
border-style: none;
}
.tp-caption.finewide_small_white {
color: #ffffff;
text-shadow: none;
font-size: 25px;
line-height: 25px;
font-weight: 300;
font-family: "Open Sans", sans-serif;
background-color: transparent;
text-decoration: none;
text-transform: uppercase;
letter-spacing: 5px;
border-width: 0px;
border-color: rgb(0, 0, 0);
border-style: none;
}
.tp-caption.finewide_verysmall_white_mw {
font-size: 13px;
line-height: 25px;
font-weight: 400;
font-family: "Open Sans", sans-serif;
color: #ffffff;
text-decoration: none;
background-color: transparent;
text-shadow: none;
text-transform: uppercase;
letter-spacing: 5px;
max-width: 470px;
white-space: normal !important;
border-width: 0px;
border-color: rgb(0, 0, 0);
border-style: none;
}
.tp-caption.lightgrey_divider {
text-decoration: none;
background-color: rgb(235, 235, 235);
background-color: rgba(235, 235, 235, 1);
width: 370px;
height: 3px;
background-position: initial initial;
background-repeat: initial initial;
border-width: 0px;
border-color: rgb(34, 34, 34);
border-style: none;
}
.tp-caption.finewide_large_white {
color: #FFF;
text-shadow: none;
font-size: 60px;
line-height: 60px;
font-weight: 300;
font-family: "Open Sans", sans-serif;
background-color: rgba(0, 0, 0, 0);
text-decoration: none;
text-transform: uppercase;
letter-spacing: 8px;
border-width: 0px;
border-color: #000;
border-style: none;
}
.tp-caption.finewide_medium_white {
color: #FFF;
text-shadow: none;
font-size: 34px;
line-height: 34px;
font-weight: 300;
font-family: "Open Sans", sans-serif;
background-color: rgba(0, 0, 0, 0);
text-decoration: none;
text-transform: uppercase;
letter-spacing: 5px;
border-width: 0px;
border-color: #000;
border-style: none;
}
.tp-caption.huge_red {
position: absolute;
color: rgb(223, 75, 107);
font-weight: 400;
font-size: 150px;
line-height: 130px;
font-family: 'Oswald', sans-serif;
margin: 0px;
border-width: 0px;
border-style: none;
white-space: nowrap;
background-color: rgb(45, 49, 54);
padding: 0px;
}
.tp-caption.middle_yellow {
position: absolute;
color: rgb(251, 213, 114);
font-weight: 600;
font-size: 50px;
line-height: 50px;
font-family: 'Open Sans', sans-serif;
margin: 0px;
border-width: 0px;
border-style: none;
white-space: nowrap;
}
.tp-caption.huge_thin_yellow {
position: absolute;
color: rgb(251, 213, 114);
font-weight: 300;
font-size: 90px;
line-height: 90px;
font-family: 'Open Sans', sans-serif;
margin: 0px;
letter-spacing: 20px;
border-width: 0px;
border-style: none;
white-space: nowrap;
}
.tp-caption.big_dark {
position: absolute;
color: #333;
font-weight: 700;
font-size: 70px;
line-height: 70px;
font-family: "Open Sans";
margin: 0px;
border-width: 0px;
border-style: none;
white-space: nowrap;
}
.tp-caption.medium_dark {
position: absolute;
color: #333;
font-weight: 300;
font-size: 40px;
line-height: 40px;
font-family: "Open Sans";
margin: 0px;
letter-spacing: 5px;
border-width: 0px;
border-style: none;
white-space: nowrap;
}
.tp-caption.medium_grey {
position: absolute;
color: #fff;
text-shadow: 0px 2px 5px rgba(0, 0, 0, 0.5);
font-weight: 700;
font-size: 20px;
line-height: 20px;
font-family: Arial;
padding: 2px 4px;
margin: 0px;
border-width: 0px;
border-style: none;
background-color: #888;
white-space: nowrap;
}
.tp-caption.small_text {
position: absolute;
color: #fff;
text-shadow: 0px 2px 5px rgba(0, 0, 0, 0.5);
font-weight: 700;
font-size: 14px;
line-height: 20px;
font-family: Arial;
margin: 0px;
border-width: 0px;
border-style: none;
white-space: nowrap;
}
.tp-caption.medium_text {
position: absolute;
color: #fff;
text-shadow: 0px 2px 5px rgba(0, 0, 0, 0.5);
font-weight: 700;
font-size: 20px;
line-height: 20px;
font-family: Arial;
margin: 0px;
border-width: 0px;
border-style: none;
white-space: nowrap;
}
.tp-caption.large_bold_white_25 {
font-size: 55px;
line-height: 65px;
font-weight: 700;
font-family: "Open Sans";
color: #fff;
text-decoration: none;
background-color: transparent;
text-align: center;
text-shadow: #000 0px 5px 10px;
border-width: 0px;
border-color: rgb(255, 255, 255);
border-style: none;
}
.tp-caption.medium_text_shadow {
font-size: 25px;
line-height: 25px;
font-weight: 600;
font-family: "Open Sans";
color: #fff;
text-decoration: none;
background-color: transparent;
text-align: center;
text-shadow: #000 0px 5px 10px;
border-width: 0px;
border-color: rgb(255, 255, 255);
border-style: none;
}
.tp-caption.large_text {
position: absolute;
color: #fff;
text-shadow: 0px 2px 5px rgba(0, 0, 0, 0.5);
font-weight: 700;
font-size: 40px;
line-height: 40px;
font-family: Arial;
margin: 0px;
border-width: 0px;
border-style: none;
white-space: nowrap;
}
.tp-caption.medium_bold_grey {
font-size: 30px;
line-height: 30px;
font-weight: 800;
font-family: "Open Sans";
color: rgb(102, 102, 102);
text-decoration: none;
background-color: transparent;
text-shadow: none;
margin: 0px;
padding: 1px 4px 0px;
border-width: 0px;
border-color: rgb(255, 214, 88);
border-style: none;
}
.tp-caption.very_large_text {
position: absolute;
color: #fff;
text-shadow: 0px 2px 5px rgba(0, 0, 0, 0.5);
font-weight: 700;
font-size: 60px;
line-height: 60px;
font-family: Arial;
margin: 0px;
border-width: 0px;
border-style: none;
white-space: nowrap;
letter-spacing: -2px;
}
.tp-caption.very_big_white {
position: absolute;
color: #fff;
text-shadow: none;
font-weight: 800;
font-size: 60px;
line-height: 60px;
font-family: Arial;
margin: 0px;
border-width: 0px;
border-style: none;
white-space: nowrap;
padding: 0px 4px;
padding-top: 1px;
background-color: #000;
}
.tp-caption.very_big_black {
position: absolute;
color: #000;
text-shadow: none;
font-weight: 700;
font-size: 60px;
line-height: 60px;
font-family: Arial;
margin: 0px;
border-width: 0px;
border-style: none;
white-space: nowrap;
padding: 0px 4px;
padding-top: 1px;
background-color: #fff;
}
.tp-caption.modern_medium_fat {
position: absolute;
color: #000;
text-shadow: none;
font-weight: 800;
font-size: 24px;
line-height: 20px;
font-family: "Open Sans", sans-serif;
margin: 0px;
border-width: 0px;
border-style: none;
white-space: nowrap;
}
.tp-caption.modern_medium_fat_white {
position: absolute;
color: #fff;
text-shadow: none;
font-weight: 800;
font-size: 24px;
line-height: 20px;
font-family: "Open Sans", sans-serif;
margin: 0px;
border-width: 0px;
border-style: none;
white-space: nowrap;
}
.tp-caption.modern_medium_light {
position: absolute;
color: #000;
text-shadow: none;
font-weight: 300;
font-size: 24px;
line-height: 20px;
font-family: "Open Sans", sans-serif;
margin: 0px;
border-width: 0px;
border-style: none;
white-space: nowrap;
}
.tp-caption.modern_big_bluebg {
position: absolute;
color: #fff;
text-shadow: none;
font-weight: 800;
font-size: 30px;
line-height: 36px;
font-family: "Open Sans", sans-serif;
padding: 3px 10px;
margin: 0px;
border-width: 0px;
border-style: none;
background-color: #4e5b6c;
letter-spacing: 0;
}
.tp-caption.modern_big_redbg {
position: absolute;
color: #fff;
text-shadow: none;
font-weight: 300;
font-size: 30px;
line-height: 36px;
font-family: "Open Sans", sans-serif;
padding: 3px 10px;
padding-top: 1px;
margin: 0px;
border-width: 0px;
border-style: none;
background-color: #de543e;
letter-spacing: 0;
}
.tp-caption.modern_small_text_dark {
position: absolute;
color: #555;
text-shadow: none;
font-size: 14px;
line-height: 22px;
font-family: Arial;
margin: 0px;
border-width: 0px;
border-style: none;
white-space: nowrap;
}
.tp-caption.boxshadow {
-moz-box-shadow: 0px 0px 20px rgba(0, 0, 0, 0.5);
-webkit-box-shadow: 0px 0px 20px rgba(0, 0, 0, 0.5);
box-shadow: 0px 0px 20px rgba(0, 0, 0, 0.5);
}
.tp-caption.black {
color: #000;
text-shadow: none;
}
.tp-caption.noshadow {
text-shadow: none;
}
.tp-caption a {
color: #ff7302;
text-shadow: none;
-webkit-transition: all 0.2s ease-out;
-moz-transition: all 0.2s ease-out;
-o-transition: all 0.2s ease-out;
-ms-transition: all 0.2s ease-out;
}
.tp-caption a:hover {
color: #ffa902;
}
.tp-caption.thinheadline_dark {
position: absolute;
color: rgba(0, 0, 0, 0.85);
text-shadow: none;
font-weight: 300;
font-size: 30px;
line-height: 30px;
font-family: "Open Sans";
background-color: transparent;
}
.tp-caption.thintext_dark {
position: absolute;
color: rgba(0, 0, 0, 0.85);
text-shadow: none;
font-weight: 300;
font-size: 16px;
line-height: 26px;
font-family: "Open Sans";
background-color: transparent;
}
.tp-caption.medium_bg_red a {
color: #fff;
text-decoration: none;
}
.tp-caption.medium_bg_red a:hover {
color: #fff;
text-decoration: underline;
}
.tp-caption.smoothcircle {
font-size: 30px;
line-height: 75px;
font-weight: 800;
font-family: "Open Sans";
color: rgb(255, 255, 255);
text-decoration: none;
background-color: rgb(0, 0, 0);
background-color: rgba(0, 0, 0, 0.498039);
padding: 50px 25px;
text-align: center;
border-radius: 500px 500px 500px 500px;
border-width: 0px;
border-color: rgb(0, 0, 0);
border-style: none;
}
.tp-caption.largeblackbg {
font-size: 50px;
line-height: 70px;
font-weight: 300;
font-family: "Open Sans";
color: rgb(255, 255, 255);
text-decoration: none;
background-color: rgb(0, 0, 0);
padding: 0px 20px 5px;
text-shadow: none;
border-width: 0px;
border-color: rgb(255, 255, 255);
border-style: none;
}
.tp-caption.largepinkbg {
position: absolute;
color: #fff;
text-shadow: none;
font-weight: 300;
font-size: 50px;
line-height: 70px;
font-family: "Open Sans";
background-color: #db4360;
padding: 0px 20px;
-webkit-border-radius: 0px;
-moz-border-radius: 0px;
border-radius: 0px;
}
.tp-caption.largewhitebg {
position: absolute;
color: #000;
text-shadow: none;
font-weight: 300;
font-size: 50px;
line-height: 70px;
font-family: "Open Sans";
background-color: #fff;
padding: 0px 20px;
-webkit-border-radius: 0px;
-moz-border-radius: 0px;
border-radius: 0px;
}
.tp-caption.largegreenbg {
position: absolute;
color: #fff;
text-shadow: none;
font-weight: 300;
font-size: 50px;
line-height: 70px;
font-family: "Open Sans";
background-color: #67ae73;
padding: 0px 20px;
-webkit-border-radius: 0px;
-moz-border-radius: 0px;
border-radius: 0px;
}
.tp-caption.excerpt {
font-size: 36px;
line-height: 36px;
font-weight: 700;
font-family: Arial;
color: #ffffff;
text-decoration: none;
background-color: rgba(0, 0, 0, 1);
text-shadow: none;
margin: 0px;
letter-spacing: -1.5px;
padding: 1px 4px 0px 4px;
width: 150px;
white-space: normal !important;
height: auto;
border-width: 0px;
border-color: rgb(255, 255, 255);
border-style: none;
}
.tp-caption.large_bold_grey {
font-size: 60px;
line-height: 60px;
font-weight: 800;
font-family: "Open Sans";
color: rgb(102, 102, 102);
text-decoration: none;
background-color: transparent;
text-shadow: none;
margin: 0px;
padding: 1px 4px 0px;
border-width: 0px;
border-color: rgb(255, 214, 88);
border-style: none;
}
.tp-caption.medium_thin_grey {
font-size: 34px;
line-height: 30px;
font-weight: 300;
font-family: "Open Sans";
color: rgb(102, 102, 102);
text-decoration: none;
background-color: transparent;
padding: 1px 4px 0px;
text-shadow: none;
margin: 0px;
border-width: 0px;
border-color: rgb(255, 214, 88);
border-style: none;
}
.tp-caption.small_thin_grey {
font-size: 18px;
line-height: 26px;
font-weight: 300;
font-family: "Open Sans";
color: rgb(117, 117, 117);
text-decoration: none;
background-color: transparent;
padding: 1px 4px 0px;
text-shadow: none;
margin: 0px;
border-width: 0px;
border-color: rgb(255, 214, 88);
border-style: none;
}
.tp-caption.lightgrey_divider {
text-decoration: none;
background-color: rgba(235, 235, 235, 1);
width: 370px;
height: 3px;
background-position: initial initial;
background-repeat: initial initial;
border-width: 0px;
border-color: rgb(34, 34, 34);
border-style: none;
}
.tp-caption.large_bold_darkblue {
font-size: 58px;
line-height: 60px;
font-weight: 800;
font-family: "Open Sans";
color: rgb(52, 73, 94);
text-decoration: none;
background-color: transparent;
border-width: 0px;
border-color: rgb(255, 214, 88);
border-style: none;
}
.tp-caption.medium_bg_darkblue {
font-size: 20px;
line-height: 20px;
font-weight: 800;
font-family: "Open Sans";
color: rgb(255, 255, 255);
text-decoration: none;
background-color: rgb(52, 73, 94);
padding: 10px;
border-width: 0px;
border-color: rgb(255, 214, 88);
border-style: none;
}
.tp-caption.medium_bold_red {
font-size: 24px;
line-height: 30px;
font-weight: 800;
font-family: "Open Sans";
color: rgb(227, 58, 12);
text-decoration: none;
background-color: transparent;
padding: 0px;
border-width: 0px;
border-color: rgb(255, 214, 88);
border-style: none;
}
.tp-caption.medium_light_red {
font-size: 21px;
line-height: 26px;
font-weight: 300;
font-family: "Open Sans";
color: rgb(227, 58, 12);
text-decoration: none;
background-color: transparent;
padding: 0px;
border-width: 0px;
border-color: rgb(255, 214, 88);
border-style: none;
}
.tp-caption.medium_bg_red {
font-size: 20px;
line-height: 20px;
font-weight: 800;
font-family: "Open Sans";
color: rgb(255, 255, 255);
text-decoration: none;
background-color: rgb(227, 58, 12);
padding: 10px;
border-width: 0px;
border-color: rgb(255, 214, 88);
border-style: none;
}
.tp-caption.medium_bold_orange {
font-size: 24px;
line-height: 30px;
font-weight: 800;
font-family: "Open Sans";
color: rgb(243, 156, 18);
text-decoration: none;
background-color: transparent;
border-width: 0px;
border-color: rgb(255, 214, 88);
border-style: none;
}
.tp-caption.medium_bg_orange {
font-size: 20px;
line-height: 20px;
font-weight: 800;
font-family: "Open Sans";
color: rgb(255, 255, 255);
text-decoration: none;
background-color: rgb(243, 156, 18);
padding: 10px;
border-width: 0px;
border-color: rgb(255, 214, 88);
border-style: none;
}
.tp-caption.grassfloor {
text-decoration: none;
background-color: rgba(160, 179, 151, 1);
width: 4000px;
height: 150px;
border-width: 0px;
border-color: rgb(34, 34, 34);
border-style: none;
}
.tp-caption.large_bold_white {
font-size: 58px;
line-height: 60px;
font-weight: 800;
font-family: "Open Sans";
color: rgb(255, 255, 255);
text-decoration: none;
background-color: transparent;
border-width: 0px;
border-color: rgb(255, 214, 88);
border-style: none;
}
.tp-caption.medium_light_white {
font-size: 30px;
line-height: 36px;
font-weight: 300;
font-family: "Open Sans";
color: rgb(255, 255, 255);
text-decoration: none;
background-color: transparent;
padding: 0px;
border-width: 0px;
border-color: rgb(255, 214, 88);
border-style: none;
}
.tp-caption.mediumlarge_light_white {
font-size: 34px;
line-height: 40px;
font-weight: 300;
font-family: "Open Sans";
color: rgb(255, 255, 255);
text-decoration: none;
background-color: transparent;
padding: 0px;
border-width: 0px;
border-color: rgb(255, 214, 88);
border-style: none;
}
.tp-caption.mediumlarge_light_white_center {
font-size: 34px;
line-height: 40px;
font-weight: 300;
font-family: "Open Sans";
color: #ffffff;
text-decoration: none;
background-color: transparent;
padding: 0px 0px 0px 0px;
text-align: center;
border-width: 0px;
border-color: rgb(255, 214, 88);
border-style: none;
}
.tp-caption.medium_bg_asbestos {
font-size: 20px;
line-height: 20px;
font-weight: 800;
font-family: "Open Sans";
color: rgb(255, 255, 255);
text-decoration: none;
background-color: rgb(127, 140, 141);
padding: 10px;
border-width: 0px;
border-color: rgb(255, 214, 88);
border-style: none;
}
.tp-caption.medium_light_black {
font-size: 30px;
line-height: 36px;
font-weight: 300;
font-family: "Open Sans";
color: rgb(0, 0, 0);
text-decoration: none;
background-color: transparent;
padding: 0px;
border-width: 0px;
border-color: rgb(255, 214, 88);
border-style: none;
}
.tp-caption.large_bold_black {
font-size: 58px;
line-height: 60px;
font-weight: 800;
font-family: "Open Sans";
color: rgb(0, 0, 0);
text-decoration: none;
background-color: transparent;
border-width: 0px;
border-color: rgb(255, 214, 88);
border-style: none;
}
.tp-caption.mediumlarge_light_darkblue {
font-size: 34px;
line-height: 40px;
font-weight: 300;
font-family: "Open Sans";
color: rgb(52, 73, 94);
text-decoration: none;
background-color: transparent;
padding: 0px;
border-width: 0px;
border-color: rgb(255, 214, 88);
border-style: none;
}
.tp-caption.small_light_white {
font-size: 17px;
line-height: 28px;
font-weight: 300;
font-family: "Open Sans";
color: rgb(255, 255, 255);
text-decoration: none;
background-color: transparent;
padding: 0px;
border-width: 0px;
border-color: rgb(255, 214, 88);
border-style: none;
}
.tp-caption.roundedimage {
border-width: 0px;
border-color: rgb(34, 34, 34);
border-style: none;
}
.tp-caption.large_bg_black {
font-size: 40px;
line-height: 40px;
font-weight: 800;
font-family: "Open Sans";
color: rgb(255, 255, 255);
text-decoration: none;
background-color: rgb(0, 0, 0);
padding: 10px 20px 15px;
border-width: 0px;
border-color: rgb(255, 214, 88);
border-style: none;
}
.tp-caption.mediumwhitebg {
font-size: 30px;
line-height: 30px;
font-weight: 300;
font-family: "Open Sans";
color: rgb(0, 0, 0);
text-decoration: none;
background-color: rgb(255, 255, 255);
padding: 5px 15px 10px;
text-shadow: none;
border-width: 0px;
border-color: rgb(0, 0, 0);
border-style: none;
}
.tp-caption.medium_bg_orange_new1 {
font-size: 20px;
line-height: 20px;
font-weight: 800;
font-family: "Open Sans";
color: rgb(255, 255, 255);
text-decoration: none;
background-color: rgb(243, 156, 18);
padding: 10px;
border-width: 0px;
border-color: rgb(255, 214, 88);
border-style: none;
}
.tp-caption.boxshadow {
-moz-box-shadow: 0px 0px 20px rgba(0, 0, 0, 0.5);
-webkit-box-shadow: 0px 0px 20px rgba(0, 0, 0, 0.5);
box-shadow: 0px 0px 20px rgba(0, 0, 0, 0.5);
}
.tp-caption.black {
color: #000;
text-shadow: none;
font-weight: 300;
font-size: 19px;
line-height: 19px;
font-family: 'Open Sans', sans;
}
.tp-caption.noshadow {
text-shadow: none;
}
.tp_inner_padding {
box-sizing: border-box;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
max-height: none !important;
}
/*.tp-caption { transform:none !important}*/
/*********************************
- SPECIAL TP CAPTIONS -
**********************************/
.tp-caption .frontcorner {
width: 0;
height: 0;
border-left: 40px solid transparent;
border-right: 0px solid transparent;
border-top: 40px solid #00A8FF;
position: absolute;
left: -40px;
top: 0px;
}
.tp-caption .backcorner {
width: 0;
height: 0;
border-left: 0px solid transparent;
border-right: 40px solid transparent;
border-bottom: 40px solid #00A8FF;
position: absolute;
right: 0px;
top: 0px;
}
.tp-caption .frontcornertop {
width: 0;
height: 0;
border-left: 40px solid transparent;
border-right: 0px solid transparent;
border-bottom: 40px solid #00A8FF;
position: absolute;
left: -40px;
top: 0px;
}
.tp-caption .backcornertop {
width: 0;
height: 0;
border-left: 0px solid transparent;
border-right: 40px solid transparent;
border-top: 40px solid #00A8FF;
position: absolute;
right: 0px;
top: 0px;
}
/***********************************************
- SPECIAL ALTERNATIVE IMAGE SETTINGS -
***********************************************/
img.tp-slider-alternative-image {
width: 100%;
height: auto;
}
/******************************
- BUTTONS -
*******************************/
.tp-simpleresponsive .button {
padding: 6px 13px 5px;
border-radius: 3px;
-moz-border-radius: 3px;
-webkit-border-radius: 3px;
height: 30px;
cursor: pointer;
color: #fff !important;
text-shadow: 0px 1px 1px rgba(0, 0, 0, 0.6) !important;
font-size: 15px;
line-height: 45px !important;
background: url(../images/gradient/g30.png) repeat-x top;
font-family: arial, sans-serif;
font-weight: bold;
letter-spacing: -1px;
}
.tp-simpleresponsive .button.big {
color: #fff;
text-shadow: 0px 1px 1px rgba(0, 0, 0, 0.6);
font-weight: bold;
padding: 9px 20px;
font-size: 19px;
line-height: 57px !important;
background: url(../images/gradient/g40.png) repeat-x top
}
.tp-simpleresponsive .purchase:hover,
.tp-simpleresponsive .button:hover,
.tp-simpleresponsive .button.big:hover {
background-position: bottom, 15px 11px
}
@media only screen and (min-width: 768px) and (max-width: 959px) {}
@media only screen and (min-width: 480px) and (max-width: 767px) {
.tp-simpleresponsive .button {
padding: 4px 8px 3px;
line-height: 25px !important;
font-size: 11px !important;
font-weight: normal;
}
.tp-simpleresponsive a.button {
-webkit-transition: none;
-moz-transition: none;
-o-transition: none;
-ms-transition: none;
}
}
@media only screen and (min-width: 0px) and (max-width: 479px) {
.tp-simpleresponsive .button {
padding: 2px 5px 2px;
line-height: 20px !important;
font-size: 10px !important
}
.tp-simpleresponsive a.button {
-webkit-transition: none;
-moz-transition: none;
-o-transition: none;
-ms-transition: none;
}
}
/* BUTTON COLORS */
.tp-simpleresponsive .button.green,
.tp-simpleresponsive .button:hover.green,
.tp-simpleresponsive .purchase.green,
.tp-simpleresponsive .purchase:hover.green {
background-color: #21a117;
-webkit-box-shadow: 0px 3px 0px 0px #104d0b;
-moz-box-shadow: 0px 3px 0px 0px #104d0b;
box-shadow: 0px 3px 0px 0px #104d0b;
}
.tp-simpleresponsive .button.blue,
.tp-simpleresponsive .button:hover.blue,
.tp-simpleresponsive .purchase.blue,
.tp-simpleresponsive .purchase:hover.blue {
background-color: #1d78cb;
-webkit-box-shadow: 0px 3px 0px 0px #0f3e68;
-moz-box-shadow: 0px 3px 0px 0px #0f3e68;
box-shadow: 0px 3px 0px 0px #0f3e68
}
.tp-simpleresponsive .button.red,
.tp-simpleresponsive .button:hover.red,
.tp-simpleresponsive .purchase.red,
.tp-simpleresponsive .purchase:hover.red {
background-color: #cb1d1d;
-webkit-box-shadow: 0px 3px 0px 0px #7c1212;
-moz-box-shadow: 0px 3px 0px 0px #7c1212;
box-shadow: 0px 3px 0px 0px #7c1212
}
.tp-simpleresponsive .button.orange,
.tp-simpleresponsive .button:hover.orange,
.tp-simpleresponsive .purchase.orange,
.tp-simpleresponsive .purchase:hover.orange {
background-color: #ff7700;
-webkit-box-shadow: 0px 3px 0px 0px #a34c00;
-moz-box-shadow: 0px 3px 0px 0px #a34c00;
box-shadow: 0px 3px 0px 0px #a34c00
}
.tp-simpleresponsive .button.darkgrey,
.tp-simpleresponsive .button.grey,
.tp-simpleresponsive .button:hover.darkgrey,
.tp-simpleresponsive .button:hover.grey,
.tp-simpleresponsive .purchase.darkgrey,
.tp-simpleresponsive .purchase:hover.darkgrey {
background-color: #555;
-webkit-box-shadow: 0px 3px 0px 0px #222;
-moz-box-shadow: 0px 3px 0px 0px #222;
box-shadow: 0px 3px 0px 0px #222
}
.tp-simpleresponsive .button.lightgrey,
.tp-simpleresponsive .button:hover.lightgrey,
.tp-simpleresponsive .purchase.lightgrey,
.tp-simpleresponsive .purchase:hover.lightgrey {
background-color: #888;
-webkit-box-shadow: 0px 3px 0px 0px #555;
-moz-box-shadow: 0px 3px 0px 0px #555;
box-shadow: 0px 3px 0px 0px #555
}
/****************************************************************
- SET THE ANIMATION EVEN MORE SMOOTHER ON ANDROID -
******************************************************************/
/*.tp-simpleresponsive { -webkit-perspective: 1500px;
-moz-perspective: 1500px;
-o-perspective: 1500px;
-ms-perspective: 1500px;
perspective: 1500px;
}*/
/**********************************************
- FULLSCREEN AND FULLWIDHT CONTAINERS -
**********************************************/
.fullscreen-container {
width: 100%;
position: relative;
padding: 0;
}
.fullwidthbanner-container {
width: 100%;
position: relative;
padding: 0;
overflow: hidden;
}
.fullwidthbanner-container .fullwidthbanner {
width: 100%;
position: relative;
}
/************************************************
- SOME CAPTION MODIFICATION AT START -
*************************************************/
.tp-simpleresponsive .caption,
.tp-simpleresponsive .tp-caption {
/*-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; -moz-opacity: 0; -khtml-opacity: 0; opacity: 0; */
position: absolute;
visibility: hidden;
-webkit-font-smoothing: antialiased !important;
}
.tp-simpleresponsive img {
max-width: none
}
/******************************
- IE8 HACKS -
*******************************/
.noFilterClass {
filter: none !important;
}
/******************************
- SHADOWS -
******************************/
.tp-bannershadow {
position: absolute;
margin-left: auto;
margin-right: auto;
-moz-user-select: none;
-khtml-user-select: none;
-webkit-user-select: none;
-o-user-select: none;
}
.tp-bannershadow.tp-shadow1 {
background: url(../assets/shadow1.png) no-repeat;
background-size: 100% 100%;
width: 890px;
height: 60px;
bottom: -60px
}
.tp-bannershadow.tp-shadow2 {
background: url(../assets/shadow2.png) no-repeat;
background-size: 100% 100%;
width: 890px;
height: 60px;
bottom: -60px
}
.tp-bannershadow.tp-shadow3 {
background: url(../assets/shadow3.png) no-repeat;
background-size: 100% 100%;
width: 890px;
height: 60px;
bottom: -60px
}
/********************************
- FULLSCREEN VIDEO -
*********************************/
.caption.fullscreenvideo {
left: 0px;
top: 0px;
position: absolute;
width: 100%;
height: 100%
}
.caption.fullscreenvideo iframe,
.caption.fullscreenvideo video {
width: 100% !important;
height: 100% !important;
display: none
}
.tp-caption.fullscreenvideo {
left: 0px;
top: 0px;
position: absolute;
width: 100%;
height: 100%
}
.tp-caption.fullscreenvideo iframe,
.tp-caption.fullscreenvideo iframe video {
width: 100% !important;
height: 100% !important;
display: none
}
.fullcoveredvideo video,
.fullscreenvideo video {
background: #000
}
.fullcoveredvideo .tp-poster {
background-position: center center;
background-size: cover;
width: 100%;
height: 100%;
top: 0px;
left: 0px
}
.html5vid.videoisplaying .tp-poster {
display: none
}
.tp-video-play-button {
background: #000;
background: rgba(0, 0, 0, 0.3);
padding: 5px;
border-radius: 5px;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
position: absolute;
top: 50%;
left: 50%;
font-size: 40px;
color: #FFF;
z-index: 3;
margin-top: -27px;
margin-left: -28px;
text-align: center;
cursor: pointer;
}
.html5vid .tp-revstop {
width: 15px;
height: 20px;
border-left: 5px solid #fff;
border-right: 5px solid #fff;
position: relative;
margin: 10px 20px;
box-sizing: border-box;
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box
}
.html5vid .tp-revstop {
display: none
}
.html5vid.videoisplaying .revicon-right-dir {
display: none
}
.html5vid.videoisplaying .tp-revstop {
display: block
}
.html5vid.videoisplaying .tp-video-play-button {
display: none
}
.html5vid:hover .tp-video-play-button {
display: block
}
.fullcoveredvideo .tp-video-play-button {
display: none !important
}
.tp-video-controls {
position: absolute;
bottom: 0;
left: 0;
right: 0;
padding: 5px;
opacity: 0;
-webkit-transition: opacity .3s;
-moz-transition: opacity .3s;
-o-transition: opacity .3s;
-ms-transition: opacity .3s;
transition: opacity .3s;
background-image: linear-gradient(bottom, rgb(0, 0, 0) 13%, rgb(50, 50, 50) 100%);
background-image: -o-linear-gradient(bottom, rgb(0, 0, 0) 13%, rgb(50, 50, 50) 100%);
background-image: -moz-linear-gradient(bottom, rgb(0, 0, 0) 13%, rgb(50, 50, 50) 100%);
background-image: -webkit-linear-gradient(bottom, rgb(0, 0, 0) 13%, rgb(50, 50, 50) 100%);
background-image: -ms-linear-gradient(bottom, rgb(0, 0, 0) 13%, rgb(50, 50, 50) 100%);
background-image: -webkit-gradient( linear, left bottom, left top, color-stop(0.13, rgb(0, 0, 0)), color-stop(1, rgb(50, 50, 50)));
display: table;
max-width: 100%;
overflow: hidden;
box-sizing: border-box;
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
}
.tp-caption:hover .tp-video-controls {
opacity: .9;
}
.tp-video-button {
background: rgba(0, 0, 0, .5);
border: 0;
color: #EEE;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
-o-border-radius: 3px;
border-radius: 3px;
cursor: pointer;
line-height: 12px;
font-size: 12px;
color: #fff;
padding: 0px;
margin: 0px;
outline: none;
}
.tp-video-button:hover {
cursor: pointer;
}
.tp-video-button-wrap,
.tp-video-seek-bar-wrap,
.tp-video-vol-bar-wrap {
padding: 0px 5px;
display: table-cell;
}
.tp-video-seek-bar-wrap {
width: 80%
}
.tp-video-vol-bar-wrap {
width: 20%
}
.tp-volume-bar,
.tp-seek-bar {
width: 100%;
cursor: pointer;
outline: none;
line-height: 12px;
margin: 0;
padding: 0;
}
/********************************
- FULLSCREEN VIDEO ENDS -
*********************************/
/********************************
- DOTTED OVERLAYS -
*********************************/
.tp-dottedoverlay {
background-repeat: repeat;
width: 100%;
height: 100%;
position: absolute;
top: 0px;
left: 0px;
z-index: 4
}
.tp-dottedoverlay.twoxtwo {
background: url(../assets/gridtile.png)
}
.tp-dottedoverlay.twoxtwowhite {
background: url(../assets/gridtile_white.png)
}
.tp-dottedoverlay.threexthree {
background: url(../assets/gridtile_3x3.png)
}
.tp-dottedoverlay.threexthreewhite {
background: url(../assets/gridtile_3x3_white.png)
}
/********************************
- DOTTED OVERLAYS ENDS -
*********************************/
/************************
- NAVIGATION -
*************************/
/** BULLETS **/
.tpclear {
clear: both
}
.tp-bullets {
z-index: 1000;
position: absolute;
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
-moz-opacity: 1;
-khtml-opacity: 1;
opacity: 1;
-webkit-transition: opacity 0.2s ease-out;
-moz-transition: opacity 0.2s ease-out;
-o-transition: opacity 0.2s ease-out;
-ms-transition: opacity 0.2s ease-out;
-webkit-transform: translateZ(5px);
}
.tp-bullets.hidebullets {
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
-moz-opacity: 0;
-khtml-opacity: 0;
opacity: 0;
}
.tp-bullets.simplebullets.navbar {
border: 1px solid #666;
border-bottom: 1px solid #444;
background: url(../assets/boxed_bgtile.png);
height: 40px;
padding: 0px 10px;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px
}
.tp-bullets.simplebullets.navbar-old {
background: url(../assets/navigdots_bgtile.png);
height: 35px;
padding: 0px 10px;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px
}
.tp-bullets.simplebullets.round .bullet {
cursor: pointer;
position: relative;
background: url(../assets/bullet.png) no-Repeat top left;
width: 20px;
height: 20px;
margin-right: 0px;
float: left;
margin-top: 0px;
margin-left: 3px
}
.tp-bullets.simplebullets.round .bullet.last {
margin-right: 3px
}
.tp-bullets.simplebullets.round-old .bullet {
cursor: pointer;
position: relative;
background: url(../assets/bullets.png) no-Repeat bottom left;
width: 23px;
height: 23px;
margin-right: 0px;
float: left;
margin-top: 0px
}
.tp-bullets.simplebullets.round-old .bullet.last {
margin-right: 0px
}
/** SQUARE BULLETS **/
.tp-bullets.simplebullets.square .bullet {
cursor: pointer;
position: relative;
background: url(../assets/bullets2.png) no-Repeat bottom left;
width: 19px;
height: 19px;
margin-right: 0px;
float: left;
margin-top: 0px
}
.tp-bullets.simplebullets.square .bullet.last {
margin-right: 0px
}
/** SQUARE BULLETS **/
.tp-bullets.simplebullets.square-old .bullet {
cursor: pointer;
position: relative;
background: url(../assets/bullets2.png) no-Repeat bottom left;
width: 19px;
height: 19px;
margin-right: 0px;
float: left;
margin-top: 0px
}
.tp-bullets.simplebullets.square-old .bullet.last {
margin-right: 0px
}
/** navbar NAVIGATION VERSION **/
.tp-bullets.simplebullets.navbar .bullet {
cursor: pointer;
position: relative;
background: url(../assets/bullet_boxed.png) no-Repeat top left;
width: 18px;
height: 19px;
margin-right: 5px;
float: left;
margin-top: 0px
}
.tp-bullets.simplebullets.navbar .bullet.first {
margin-left: 0px !important
}
.tp-bullets.simplebullets.navbar .bullet.last {
margin-right: 0px !important
}
/** navbar NAVIGATION VERSION **/
.tp-bullets.simplebullets.navbar-old .bullet {
cursor: pointer;
position: relative;
background: url(../assets/navigdots.png) no-Repeat bottom left;
width: 15px;
height: 15px;
margin-left: 5px !important;
margin-right: 5px !important;
float: left;
margin-top: 10px
}
.tp-bullets.simplebullets.navbar-old .bullet.first {
margin-left: 0px !important
}
.tp-bullets.simplebullets.navbar-old .bullet.last {
margin-right: 0px !important
}
.tp-bullets.simplebullets .bullet:hover,
.tp-bullets.simplebullets .bullet.selected {
background-position: top left
}
.tp-bullets.simplebullets.round .bullet:hover,
.tp-bullets.simplebullets.round .bullet.selected,
.tp-bullets.simplebullets.navbar .bullet:hover,
.tp-bullets.simplebullets.navbar .bullet.selected {
background-position: bottom left
}
/*************************************
- TP ARROWS -
**************************************/
.tparrows {
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
-moz-opacity: 1;
-khtml-opacity: 1;
opacity: 1;
-webkit-transition: opacity 0.2s ease-out;
-moz-transition: opacity 0.2s ease-out;
-o-transition: opacity 0.2s ease-out;
-ms-transition: opacity 0.2s ease-out;
-webkit-transform: translateZ(5000px);
-webkit-transform-style: flat;
-webkit-backface-visibility: hidden;
z-index: 600;
position: relative;
}
.tparrows.hidearrows {
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
-moz-opacity: 0;
-khtml-opacity: 0;
opacity: 0;
}
.tp-leftarrow {
z-index: 100;
cursor: pointer;
position: relative;
background: url(../assets/large_left.png) no-Repeat top left;
width: 40px;
height: 40px;
}
.tp-rightarrow {
z-index: 100;
cursor: pointer;
position: relative;
background: url(../assets/large_right.png) no-Repeat top left;
width: 40px;
height: 40px;
}
.tp-leftarrow.round {
z-index: 100;
cursor: pointer;
position: relative;
background: url(../assets/small_left.png) no-Repeat top left;
width: 19px;
height: 14px;
margin-right: 0px;
float: left;
margin-top: 0px;
}
.tp-rightarrow.round {
z-index: 100;
cursor: pointer;
position: relative;
background: url(../assets/small_right.png) no-Repeat top left;
width: 19px;
height: 14px;
margin-right: 0px;
float: left;
margin-top: 0px
}
.tp-leftarrow.round-old {
z-index: 100;
cursor: pointer;
position: relative;
background: url(../assets/arrow_left.png) no-Repeat top left;
width: 26px;
height: 26px;
margin-right: 0px;
float: left;
margin-top: 0px;
}
.tp-rightarrow.round-old {
z-index: 100;
cursor: pointer;
position: relative;
background: url(../assets/arrow_right.png) no-Repeat top left;
width: 26px;
height: 26px;
margin-right: 0px;
float: left;
margin-top: 0px
}
.tp-leftarrow.navbar {
z-index: 100;
cursor: pointer;
position: relative;
background: url(../assets/small_left_boxed.png) no-Repeat top left;
width: 20px;
height: 15px;
float: left;
margin-right: 6px;
margin-top: 12px
}
.tp-rightarrow.navbar {
z-index: 100;
cursor: pointer;
position: relative;
background: url(../assets/small_right_boxed.png) no-Repeat top left;
width: 20px;
height: 15px;
float: left;
margin-left: 6px;
margin-top: 12px
}
.tp-leftarrow.navbar-old {
z-index: 100;
cursor: pointer;
position: relative;
background: url(../assets/arrowleft.png) no-Repeat top left;
width: 9px;
height: 16px;
float: left;
margin-right: 6px;
margin-top: 10px
}
.tp-rightarrow.navbar-old {
z-index: 100;
cursor: pointer;
position: relative;
background: url(../assets/arrowright.png) no-Repeat top left;
width: 9px;
height: 16px;
float: left;
margin-left: 6px;
margin-top: 10px
}
.tp-leftarrow.navbar-old.thumbswitharrow {
margin-right: 10px
}
.tp-rightarrow.navbar-old.thumbswitharrow {
margin-left: 0px
}
.tp-leftarrow.square {
z-index: 100;
cursor: pointer;
position: relative;
background: url(../assets/arrow_left2.png) no-Repeat top left;
width: 12px;
height: 17px;
float: left;
margin-right: 0px;
margin-top: 0px
}
.tp-rightarrow.square {
z-index: 100;
cursor: pointer;
position: relative;
background: url(../assets/arrow_right2.png) no-Repeat top left;
width: 12px;
height: 17px;
float: left;
margin-left: 0px;
margin-top: 0px
}
.tp-leftarrow.square-old {
z-index: 100;
cursor: pointer;
position: relative;
background: url(../assets/arrow_left2.png) no-Repeat top left;
width: 12px;
height: 17px;
float: left;
margin-right: 0px;
margin-top: 0px
}
.tp-rightarrow.square-old {
z-index: 100;
cursor: pointer;
position: relative;
background: url(../assets/arrow_right2.png) no-Repeat top left;
width: 12px;
height: 17px;
float: left;
margin-left: 0px;
margin-top: 0px
}
.tp-leftarrow.default {
z-index: 100;
cursor: pointer;
position: relative;
background: url(../assets/large_left.png) no-Repeat 0 0;
width: 40px;
height: 40px;
}
.tp-rightarrow.default {
z-index: 100;
cursor: pointer;
position: relative;
background: url(../assets/large_right.png) no-Repeat 0 0;
width: 40px;
height: 40px;
}
.tp-leftarrow:hover,
.tp-rightarrow:hover {
background-position: bottom left
}
/****************************************************************************************************
- TP THUMBS -
*****************************************************************************************************
- tp-thumbs & tp-mask Width is the width of the basic Thumb Container (500px basic settings)
- .bullet width & height is the dimension of a simple Thumbnail (basic 100px x 50px)
*****************************************************************************************************/
.tp-bullets.tp-thumbs {
z-index: 1000;
position: absolute;
padding: 3px;
background-color: #fff;
width: 500px;
height: 50px;
/* THE DIMENSIONS OF THE THUMB CONTAINER */
margin-top: -50px;
}
.fullwidthbanner-container .tp-thumbs {
padding: 3px
}
.tp-bullets.tp-thumbs .tp-mask {
width: 500px;
height: 50px;
/* THE DIMENSIONS OF THE THUMB CONTAINER */
overflow: hidden;
position: relative
}
.tp-bullets.tp-thumbs .tp-mask .tp-thumbcontainer {
width: 5000px;
position: absolute
}
.tp-bullets.tp-thumbs .bullet {
width: 100px;
height: 50px;
/* THE DIMENSION OF A SINGLE THUMB */
cursor: pointer;
overflow: hidden;
background: none;
margin: 0;
float: left;
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";
/*filter: alpha(opacity=50); */
-moz-opacity: 0.5;
-khtml-opacity: 0.5;
opacity: 0.5;
-webkit-transition: all 0.2s ease-out;
-moz-transition: all 0.2s ease-out;
-o-transition: all 0.2s ease-out;
-ms-transition: all 0.2s ease-out;
}
.tp-bullets.tp-thumbs .bullet:hover,
.tp-bullets.tp-thumbs .bullet.selected {
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
-moz-opacity: 1;
-khtml-opacity: 1;
opacity: 1;
}
.tp-thumbs img {
width: 100%
}
/************************************
- TP BANNER TIMER -
*************************************/
.tp-bannertimer {
width: 100%;
height: 10px;
background: url(../assets/timer.png);
position: absolute;
z-index: 200;
top: 0px
}
.tp-bannertimer.tp-bottom {
bottom: 0px;
height: 5px;
top: auto
}
/***************************************
- RESPONSIVE SETTINGS -
****************************************/
@media only screen and (min-width: 0px) and (max-width: 479px) {
.responsive .tp-bullets {
display: none
}
.responsive .tparrows {
display: none
}
}
/*********************************************
- BASIC SETTINGS FOR THE BANNER -
***********************************************/
.tp-simpleresponsive img {
-moz-user-select: none;
-khtml-user-select: none;
-webkit-user-select: none;
-o-user-select: none;
}
.tp-simpleresponsive a {
text-decoration: none
}
.tp-simpleresponsive ul,
.tp-simpleresponsive ul li,
.tp-simpleresponsive ul li:before {
list-style: none;
padding: 0 !important;
margin: 0 !important;
list-style: none !important;
overflow-x: visible;
overflow-y: visible;
background-image: none
}
.tp-simpleresponsive>ul>li {
list-style: none;
position: absolute;
visibility: hidden
}
/* CAPTION SLIDELINK **/
.caption.slidelink a div,
.tp-caption.slidelink a div {
width: 3000px;
height: 1500px;
background: url(../assets/coloredbg.png) repeat
}
.tp-caption.slidelink a span {
background: url(../assets/coloredbg.png) repeat
}
/*****************************************
- NAVIGATION FANCY EXAMPLES -
*****************************************/
.tparrows .tp-arr-imgholder {
display: none
}
.tparrows .tp-arr-titleholder {
display: none
}
/*****************************************
- NAVIGATION FANCY EXAMPLES -
*****************************************/
/* NAVIGATION PREVIEW 1 */
.tparrows.preview1 {
width: 100px;
height: 100px;
-webkit-transform-style: preserve-3d;
-webkit-perspective: 1000;
-moz-perspective: 1000;
-webkit-backface-visibility: hidden;
-moz-backface-visibility: hidden;
background: transparent
}
.tparrows.preview1:after {
position: absolute;
left: 0px;
top: 0px;
font-family: "revicons";
color: #fff;
font-size: 30px;
width: 100px;
height: 100px;
text-align: center;
background: #fff;
background: rgba(0, 0, 0, 0.15);
z-index: 2;
line-height: 100px;
-webkit-transition: background 0.3s, color 0.3s;
-moz-transition: background 0.3s, color 0.3s;
transition: background 0.3s, color 0.3s
}
.tp-rightarrow.preview1:after {
content: '\e825';
}
.tp-leftarrow.preview1:after {
content: '\e824';
}
.tparrows.preview1:hover:after {
background: rgba(255, 255, 255, 1);
color: #aaa
}
.tparrows.preview1 .tp-arr-imgholder {
background-size: cover;
background-position: center center;
display: block;
width: 100%;
height: 100%;
position: absolute;
top: 0px;
-webkit-transition: -webkit-transform 0.3s;
transition: transform 0.3s;
-webkit-backface-visibility: hidden;
backface-visibility: hidden;
}
.tparrows.preview1 .tp-arr-iwrapper {
-webkit-transition: all 0.3s;
transition: all 0.3s;
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
filter: alpha(opacity=0);
-moz-opacity: 0.0;
-khtml-opacity: 0.0;
opacity: 0.0
}
.tparrows.preview1:hover .tp-arr-iwrapper {
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
filter: alpha(opacity=100);
-moz-opacity: 1;
-khtml-opacity: 1;
opacity: 1
}
.tp-rightarrow.preview1 .tp-arr-imgholder {
right: 100%;
-webkit-transform: rotateY(-90deg);
transform: rotateY(-90deg);
-webkit-transform-origin: 100% 50%;
transform-origin: 100% 50%;
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
filter: alpha(opacity=0);
-moz-opacity: 0.0;
-khtml-opacity: 0.0;
opacity: 0.0;
}
.tp-leftarrow.preview1 .tp-arr-imgholder {
left: 100%;
-webkit-transform: rotateY(90deg);
transform: rotateY(90deg);
-webkit-transform-origin: 0% 50%;
transform-origin: 0% 50%;
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
filter: alpha(opacity=0);
-moz-opacity: 0.0;
-khtml-opacity: 0.0;
opacity: 0.0;
}
.tparrows.preview1:hover .tp-arr-imgholder {
-webkit-transform: rotateY(0deg);
transform: rotateY(0deg);
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
filter: alpha(opacity=100);
-moz-opacity: 1;
-khtml-opacity: 1;
opacity: 1;
}
@media only screen and (min-width: 768px) and (max-width: 979px) {
.tparrows.preview1,
.tparrows.preview1:after {
width: 80px;
height: 80px;
line-height: 80px;
font-size: 24px
}
}
@media only screen and (min-width: 480px) and (max-width: 767px) {
.tparrows.preview1,
.tparrows.preview1:after {
width: 60px;
height: 60px;
line-height: 60px;
font-size: 20px
}
}
@media only screen and (min-width: 0px) and (max-width: 479px) {
.tparrows.preview1,
.tparrows.preview1:after {
width: 40px;
height: 40px;
line-height: 40px;
font-size: 12px
}
}
/* PREVIEW 1 BULLETS */
.tp-bullets.preview1 {
height: 21px
}
.tp-bullets.preview1 .bullet {
cursor: pointer;
position: relative !important;
background: rgba(0, 0, 0, 0.15) !important;
/*-webkit-border-radius: 10px;
border-radius: 10px;*/
-webkit-box-shadow: none;
-moz-box-shadow: none;
box-shadow: none;
width: 5px !important;
height: 5px !important;
border: 8px solid rgba(0, 0, 0, 0) !important;
display: inline-block;
margin-right: 5px !important;
margin-bottom: 0px !important;
-webkit-transition: background-color 0.2s, border-color 0.2s;
-moz-transition: background-color 0.2s, border-color 0.2s;
-o-transition: background-color 0.2s, border-color 0.2s;
-ms-transition: background-color 0.2s, border-color 0.2s;
transition: background-color 0.2s, border-color 0.2s;
float: none !important;
box-sizing: content-box;
-moz-box-sizing: content-box;
-webkit-box-sizing: content-box;
}
.tp-bullets.preview1 .bullet.last {
margin-right: 0px
}
.tp-bullets.preview1 .bullet:hover,
.tp-bullets.preview1 .bullet.selected {
-webkit-box-shadow: none;
-moz-box-shadow: none;
box-shadow: none;
background: #aaa !important;
width: 5px !important;
height: 5px !important;
border: 8px solid rgba(255, 255, 255, 1) !important;
}
/* NAVIGATION PREVIEW 2 */
.tparrows.preview2 {
min-width: 60px;
min-height: 60px;
background: #fff;
;
border-radius: 30px;
-moz-border-radius: 30px;
-webkit-border-radius: 30px;
overflow: hidden;
-webkit-transition: -webkit-transform 1.3s;
-webkit-transition: width 0.3s, background-color 0.3s, opacity 0.3s;
transition: width 0.3s, background-color 0.3s, opacity 0.3s;
backface-visibility: hidden;
}
.tparrows.preview2:after {
position: absolute;
top: 50%;
font-family: "revicons";
color: #aaa;
font-size: 25px;
margin-top: -12px;
-webkit-transition: color 0.3s;
-moz-transition: color 0.3s;
transition: color 0.3s
}
.tp-rightarrow.preview2:after {
content: '\e81e';
right: 18px
}
.tp-leftarrow.preview2:after {
content: '\e81f';
left: 18px
}
.tparrows.preview2 .tp-arr-titleholder {
background-size: cover;
background-position: center center;
display: block;
visibility: hidden;
position: relative;
top: 0px;
-webkit-transition: -webkit-transform 0.3s;
transition: transform 0.3s;
-webkit-backface-visibility: hidden;
backface-visibility: hidden;
white-space: nowrap;
color: #000;
text-transform: uppercase;
font-weight: 400;
font-size: 14px;
line-height: 60px;
padding: 0px 10px;
}
.tp-rightarrow.preview2 .tp-arr-titleholder {
right: 50px;
-webkit-transform: translateX(-100%);
transform: translateX(-100%);
}
.tp-leftarrow.preview2 .tp-arr-titleholder {
left: 50px;
-webkit-transform: translateX(100%);
transform: translateX(100%);
}
.tparrows.preview2.hovered {
width: 300px
}
.tparrows.preview2:hover {
background: #fff
}
.tparrows.preview2:hover:after {
color: #000
}
.tparrows.preview2:hover .tp-arr-titleholder {
-webkit-transform: translateX(0px);
transform: translateX(0px);
visibility: visible;
position: absolute;
}
/* PREVIEW 2 BULLETS */
.tp-bullets.preview2 {
height: 17px
}
.tp-bullets.preview2 .bullet {
cursor: pointer;
position: relative !important;
background: rgba(0, 0, 0, 0.5) !important;
-webkit-border-radius: 10px;
border-radius: 10px;
-webkit-box-shadow: none;
-moz-box-shadow: none;
box-shadow: none;
width: 6px !important;
height: 6px !important;
border: 5px solid rgba(0, 0, 0, 0) !important;
display: inline-block;
margin-right: 2px !important;
margin-bottom: 0px !important;
-webkit-transition: background-color 0.2s, border-color 0.2s;
-moz-transition: background-color 0.2s, border-color 0.2s;
-o-transition: background-color 0.2s, border-color 0.2s;
-ms-transition: background-color 0.2s, border-color 0.2s;
transition: background-color 0.2s, border-color 0.2s;
float: none !important;
box-sizing: content-box;
-moz-box-sizing: content-box;
-webkit-box-sizing: content-box;
}
.tp-bullets.preview2 .bullet.last {
margin-right: 0px
}
.tp-bullets.preview2 .bullet:hover,
.tp-bullets.preview2 .bullet.selected {
-webkit-box-shadow: none;
-moz-box-shadow: none;
box-shadow: none;
background: rgba(255, 255, 255, 1) !important;
width: 6px !important;
height: 6px !important;
border: 5px solid rgba(0, 0, 0, 1) !important;
}
.tp-arr-titleholder.alwayshidden {
display: none !important
}
@media only screen and (min-width: 768px) and (max-width: 979px) {
.tparrows.preview2 {
min-width: 40px;
min-height: 40px;
width: 40px;
height: 40px;
border-radius: 20px;
-moz-border-radius: 20px;
-webkit-border-radius: 20px;
}
.tparrows.preview2:after {
position: absolute;
top: 50%;
font-family: "revicons";
font-size: 20px;
margin-top: -12px
}
.tp-rightarrow.preview2:after {
content: '\e81e';
right: 11px
}
.tp-leftarrow.preview2:after {
content: '\e81f';
left: 11px
}
.tparrows.preview2 .tp-arr-titleholder {
font-size: 12px;
line-height: 40px;
letter-spacing: 0px
}
.tp-rightarrow.preview2 .tp-arr-titleholder {
right: 35px
}
.tp-leftarrow.preview2 .tp-arr-titleholder {
left: 35px
}
}
@media only screen and (min-width: 480px) and (max-width: 767px) {
.tparrows.preview2 {
min-width: 30px;
min-height: 30px;
width: 30px;
height: 30px;
border-radius: 15px;
-moz-border-radius: 15px;
-webkit-border-radius: 15px;
}
.tparrows.preview2:after {
position: absolute;
top: 50%;
font-family: "revicons";
font-size: 14px;
margin-top: -12px
}
.tp-rightarrow.preview2:after {
content: '\e81e';
right: 8px
}
.tp-leftarrow.preview2:after {
content: '\e81f';
left: 8px
}
.tparrows.preview2 .tp-arr-titleholder {
font-size: 10px;
line-height: 30px;
letter-spacing: 0px
}
.tp-rightarrow.preview2 .tp-arr-titleholder {
right: 25px
}
.tp-leftarrow.preview2 .tp-arr-titleholder {
left: 25px
}
.tparrows.preview2 .tp-arr-titleholder {
display: none;
visibility: none
}
}
@media only screen and (min-width: 0px) and (max-width: 479px) {
.tparrows.preview2 {
min-width: 30px;
min-height: 30px;
width: 30px;
height: 30px;
border-radius: 15px;
-moz-border-radius: 15px;
-webkit-border-radius: 15px;
}
.tparrows.preview2:after {
position: absolute;
top: 50%;
font-family: "revicons";
font-size: 14px;
margin-top: -12px
}
.tp-rightarrow.preview2:after {
content: '\e81e';
right: 8px
}
.tp-leftarrow.preview2:after {
content: '\e81f';
left: 8px
}
.tparrows.preview2 .tp-arr-titleholder {
display: none;
visibility: none
}
.tparrows.preview2:hover {
width: 30px !important;
height: 30px !important
}
}
/* NAVIGATION PREVIEW 3 */
.tparrows.preview3 {
width: 70px;
height: 70px;
background: #fff;
background: rgba(255, 255, 255, 1);
-webkit-transform-style: flat
}
.tparrows.preview3:after {
position: absolute;
line-height: 70px;
text-align: center;
font-family: "revicons";
color: #aaa;
font-size: 30px;
top: 0px;
left: 0px;
;
background: #fff;
z-index: 100;
width: 70px;
height: 70px;
-webkit-transition: color 0.3s;
-moz-transition: color 0.3s;
transition: color 0.3s
}
.tparrows.preview3:hover:after {
color: #000
}
.tp-rightarrow.preview3:after {
content: '\e825';
}
.tp-leftarrow.preview3:after {
content: '\e824';
}
.tparrows.preview3 .tp-arr-iwrapper {
-webkit-transform: scale(0, 1);
transform: scale(0, 1);
-webkit-transform-origin: 100% 50%;
transform-origin: 100% 50%;
-webkit-transition: -webkit-transform 0.2s;
transition: transform 0.2s;
z-index: 0;
position: absolute;
background: #000;
background: rgba(0, 0, 0, 0.75);
display: table;
min-height: 90px;
top: -10px
}
.tp-leftarrow.preview3 .tp-arr-iwrapper {
-webkit-transform: scale(0, 1);
transform: scale(0, 1);
-webkit-transform-origin: 0% 50%;
transform-origin: 0% 50%;
}
.tparrows.preview3 .tp-arr-imgholder {
display: block;
background-size: cover;
background-position: center center;
display: table-cell;
min-width: 90px;
height: 90px;
position: relative;
top: 0px
}
.tp-rightarrow.preview3 .tp-arr-iwrapper {
right: 0px;
padding-right: 70px
}
.tp-leftarrow.preview3 .tp-arr-iwrapper {
left: 0px;
direction: rtl;
padding-left: 70px
}
.tparrows.preview3 .tp-arr-titleholder {
display: table-cell;
padding: 30px;
font-size: 16px;
color: #fff;
white-space: nowrap;
position: relative;
clear: right;
vertical-align: middle
}
.tparrows.preview3:hover .tp-arr-iwrapper {
-webkit-transform: scale(1, 1);
transform: scale(1, 1);
}
/* PREVIEW 3 BULLETS */
.tp-bullets.preview3 {
height: 17px
}
.tp-bullets.preview3 .bullet {
cursor: pointer;
position: relative !important;
background: rgba(0, 0, 0, 0.5) !important;
-webkit-border-radius: 10px;
border-radius: 10px;
-webkit-box-shadow: none;
-moz-box-shadow: none;
box-shadow: none;
width: 6px !important;
height: 6px !important;
border: 5px solid rgba(0, 0, 0, 0) !important;
display: inline-block;
margin-right: 2px !important;
margin-bottom: 0px !important;
-webkit-transition: background-color 0.2s, border-color 0.2s;
-moz-transition: background-color 0.2s, border-color 0.2s;
-o-transition: background-color 0.2s, border-color 0.2s;
-ms-transition: background-color 0.2s, border-color 0.2s;
transition: background-color 0.2s, border-color 0.2s;
float: none !important;
box-sizing: content-box;
-moz-box-sizing: content-box;
-webkit-box-sizing: content-box;
}
.tp-bullets.preview3 .bullet.last {
margin-right: 0px
}
.tp-bullets.preview3 .bullet:hover,
.tp-bullets.preview3 .bullet.selected {
-webkit-box-shadow: none;
-moz-box-shadow: none;
box-shadow: none;
background: rgba(255, 255, 255, 1) !important;
width: 6px !important;
height: 6px !important;
border: 5px solid rgba(0, 0, 0, 1) !important;
}
@media only screen and (min-width: 768px) and (max-width: 979px) {
.tparrows.preview3:after,
.tparrows.preview3 {
width: 50px;
height: 50px;
line-height: 50px;
font-size: 20px
}
.tparrows.preview3 .tp-arr-iwrapper {
min-height: 70px
}
.tparrows.preview3 .tp-arr-imgholder {
min-width: 70px;
height: 70px
}
.tp-rightarrow.preview3 .tp-arr-iwrapper {
padding-right: 50px
}
.tp-leftarrow.preview3 .tp-arr-iwrapper {
padding-left: 50px
}
.tparrows.preview3 .tp-arr-titleholder {
padding: 10px;
font-size: 16px
}
}
@media only screen and (max-width: 767px) {
.tparrows.preview3:after,
.tparrows.preview3 {
width: 50px;
height: 50px;
line-height: 50px;
font-size: 20px
}
.tparrows.preview3 .tp-arr-iwrapper {
min-height: 70px
}
}
/* NAVIGATION PREVIEW 4 */
.tparrows.preview4 {
width: 30px;
height: 110px;
background: transparent;
-webkit-transform-style: preserve-3d;
-webkit-perspective: 1000;
-moz-perspective: 1000
}
.tparrows.preview4:after {
position: absolute;
line-height: 110px;
text-align: center;
font-family: "revicons";
color: #fff;
font-size: 20px;
top: 0px;
left: 0px;
z-index: 0;
width: 30px;
height: 110px;
background: #000;
background: rgba(0, 0, 0, 0.25);
-webkit-transition: all 0.2s ease-in-out;
-moz-transition: all 0.2s ease-in-out;
-o-transition: all 0.2s ease-in-out;
transition: all 0.2s ease-in-out;
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
filter: alpha(opacity=100);
-moz-opacity: 1;
-khtml-opacity: 1;
opacity: 1;
}
.tp-rightarrow.preview4:after {
content: '\e825';
}
.tp-leftarrow.preview4:after {
content: '\e824';
}
.tparrows.preview4 .tp-arr-allwrapper {
visibility: hidden;
width: 180px;
position: absolute;
z-index: 1;
min-height: 120px;
top: 0px;
left: -150px;
overflow: hidden;
-webkit-perspective: 1000px;
-webkit-transform-style: flat
}
.tp-leftarrow.preview4 .tp-arr-allwrapper {
left: 0px
}
.tparrows.preview4 .tp-arr-iwrapper {
position: relative
}
.tparrows.preview4 .tp-arr-imgholder {
display: block;
background-size: cover;
background-position: center center;
width: 180px;
height: 110px;
position: relative;
top: 0px;
-webkit-backface-visibility: hidden;
backface-visibility: hidden;
}
.tparrows.preview4 .tp-arr-imgholder2 {
display: block;
background-size: cover;
background-position: center center;
width: 180px;
height: 110px;
position: absolute;
top: 0px;
left: 180px;
-webkit-backface-visibility: hidden;
backface-visibility: hidden;
}
.tp-leftarrow.preview4 .tp-arr-imgholder2 {
left: -180px
}
.tparrows.preview4 .tp-arr-titleholder {
display: block;
font-size: 12px;
line-height: 25px;
padding: 0px 10px;
text-align: left;
color: #fff;
position: relative;
background: #000;
color: #FFF;
text-transform: uppercase;
white-space: nowrap;
letter-spacing: 1px;
font-weight: 700;
font-size: 11px;
line-height: 2.75;
-webkit-transition: all 0.3s;
transition: all 0.3s;
-webkit-transform: rotateX(-90deg);
transform: rotateX(-90deg);
-webkit-transform-origin: 50% 0;
transform-origin: 50% 0;
-webkit-backface-visibility: hidden;
backface-visibility: hidden;
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
filter: alpha(opacity=0);
-moz-opacity: 0.0;
-khtml-opacity: 0.0;
opacity: 0.0;
}
.tparrows.preview4:after {
transform-origin: 100% 100%;
-webkit-transform-origin: 100% 100%
}
.tp-leftarrow.preview4:after {
transform-origin: 0% 0%;
-webkit-transform-origin: 0% 0%
}
@media only screen and (min-width: 768px) {
.tparrows.preview4:hover:after {
-webkit-transform: rotateY(-90deg);
transform: rotateY(-90deg)
}
.tp-leftarrow.preview4:hover:after {
-webkit-transform: rotateY(90deg);
transform: rotateY(90deg)
}
.tparrows.preview4:hover .tp-arr-titleholder {
-webkit-transition-delay: 0.4s;
transition-delay: 0.4s;
-webkit-transform: rotateX(0deg);
transform: rotateX(0deg);
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
filter: alpha(opacity=100);
-moz-opacity: 1;
-khtml-opacity: 1;
opacity: 1;
}
}
/* PREVIEW 4 BULLETS */
.tp-bullets.preview4 {
height: 17px
}
.tp-bullets.preview4 .bullet {
cursor: pointer;
position: relative !important;
background: rgba(0, 0, 0, 0.5) !important;
-webkit-border-radius: 10px;
border-radius: 10px;
-webkit-box-shadow: none;
-moz-box-shadow: none;
box-shadow: none;
width: 6px !important;
height: 6px !important;
border: 5px solid rgba(0, 0, 0, 0) !important;
display: inline-block;
margin-right: 2px !important;
margin-bottom: 0px !important;
-webkit-transition: background-color 0.2s, border-color 0.2s;
-moz-transition: background-color 0.2s, border-color 0.2s;
-o-transition: background-color 0.2s, border-color 0.2s;
-ms-transition: background-color 0.2s, border-color 0.2s;
transition: background-color 0.2s, border-color 0.2s;
float: none !important;
box-sizing: content-box;
-moz-box-sizing: content-box;
-webkit-box-sizing: content-box;
}
.tp-bullets.preview4 .bullet.last {
margin-right: 0px
}
.tp-bullets.preview4 .bullet:hover,
.tp-bullets.preview4 .bullet.selected {
-webkit-box-shadow: none;
-moz-box-shadow: none;
box-shadow: none;
background: rgba(255, 255, 255, 1) !important;
width: 6px !important;
height: 6px !important;
border: 5px solid rgba(0, 0, 0, 1) !important;
}
@media only screen and (max-width: 767px) {
.tparrows.preview4 {
width: 20px;
height: 80px
}
.tparrows.preview4:after {
width: 20px;
height: 80px;
line-height: 80px;
font-size: 14px
}
.tparrows.preview1 .tp-arr-allwrapper,
.tparrows.preview2 .tp-arr-allwrapper,
.tparrows.preview3 .tp-arr-allwrapper,
.tparrows.preview4 .tp-arr-allwrapper {
display: none !important
}
}
/******************************
- LOADER FORMS -
********************************/
.tp-loader {
top: 50%;
left: 50%;
z-index: 10000;
position: absolute;
}
.tp-loader.spinner0 {
width: 40px;
height: 40px;
background: url(../assets/loader.gif) no-repeat center center;
background-color: #fff;
box-shadow: 0px 0px 20px 0px rgba(0, 0, 0, 0.15);
-webkit-box-shadow: 0px 0px 20px 0px rgba(0, 0, 0, 0.15);
margin-top: -20px;
margin-left: -20px;
-webkit-animation: tp-rotateplane 1.2s infinite ease-in-out;
animation: tp-rotateplane 1.2s infinite ease-in-out;
border-radius: 3px;
-moz-border-radius: 3px;
-webkit-border-radius: 3px;
}
.tp-loader.spinner1 {
width: 40px;
height: 40px;
background-color: #fff;
box-shadow: 0px 0px 20px 0px rgba(0, 0, 0, 0.15);
-webkit-box-shadow: 0px 0px 20px 0px rgba(0, 0, 0, 0.15);
margin-top: -20px;
margin-left: -20px;
-webkit-animation: tp-rotateplane 1.2s infinite ease-in-out;
animation: tp-rotateplane 1.2s infinite ease-in-out;
border-radius: 3px;
-moz-border-radius: 3px;
-webkit-border-radius: 3px;
}
.tp-loader.spinner5 {
background: url(../assets/loader.gif) no-repeat 10px 10px;
background-color: #fff;
margin: -22px -22px;
width: 44px;
height: 44px;
border-radius: 3px;
-moz-border-radius: 3px;
-webkit-border-radius: 3px;
}
@-webkit-keyframes tp-rotateplane {
0% {
-webkit-transform: perspective(120px)
}
50% {
-webkit-transform: perspective(120px) rotateY(180deg)
}
100% {
-webkit-transform: perspective(120px) rotateY(180deg) rotateX(180deg)
}
}
@keyframes tp-rotateplane {
0% {
transform: perspective(120px) rotateX(0deg) rotateY(0deg);
-webkit-transform: perspective(120px) rotateX(0deg) rotateY(0deg)
}
50% {
transform: perspective(120px) rotateX(-180.1deg) rotateY(0deg);
-webkit-transform: perspective(120px) rotateX(-180.1deg) rotateY(0deg)
}
100% {
transform: perspective(120px) rotateX(-180deg) rotateY(-179.9deg);
-webkit-transform: perspective(120px) rotateX(-180deg) rotateY(-179.9deg);
}
}
.tp-loader.spinner2 {
width: 40px;
height: 40px;
margin-top: -20px;
margin-left: -20px;
background-color: #ff0000;
box-shadow: 0px 0px 20px 0px rgba(0, 0, 0, 0.15);
-webkit-box-shadow: 0px 0px 20px 0px rgba(0, 0, 0, 0.15);
border-radius: 100%;
-webkit-animation: tp-scaleout 1.0s infinite ease-in-out;
animation: tp-scaleout 1.0s infinite ease-in-out;
}
@-webkit-keyframes tp-scaleout {
0% {
-webkit-transform: scale(0.0)
}
100% {
-webkit-transform: scale(1.0);
opacity: 0;
}
}
@keyframes tp-scaleout {
0% {
transform: scale(0.0);
-webkit-transform: scale(0.0);
}
100% {
transform: scale(1.0);
-webkit-transform: scale(1.0);
opacity: 0;
}
}
.tp-loader.spinner3 {
margin: -9px 0px 0px -35px;
width: 70px;
text-align: center;
}
.tp-loader.spinner3 .bounce1,
.tp-loader.spinner3 .bounce2,
.tp-loader.spinner3 .bounce3 {
width: 18px;
height: 18px;
background-color: #fff;
box-shadow: 0px 0px 20px 0px rgba(0, 0, 0, 0.15);
-webkit-box-shadow: 0px 0px 20px 0px rgba(0, 0, 0, 0.15);
border-radius: 100%;
display: inline-block;
-webkit-animation: tp-bouncedelay 1.4s infinite ease-in-out;
animation: tp-bouncedelay 1.4s infinite ease-in-out;
/* Prevent first frame from flickering when animation starts */
-webkit-animation-fill-mode: both;
animation-fill-mode: both;
}
.tp-loader.spinner3 .bounce1 {
-webkit-animation-delay: -0.32s;
animation-delay: -0.32s;
}
.tp-loader.spinner3 .bounce2 {
-webkit-animation-delay: -0.16s;
animation-delay: -0.16s;
}
@-webkit-keyframes tp-bouncedelay {
0%,
80%,
100% {
-webkit-transform: scale(0.0)
}
40% {
-webkit-transform: scale(1.0)
}
}
@keyframes tp-bouncedelay {
0%,
80%,
100% {
transform: scale(0.0);
-webkit-transform: scale(0.0);
}
40% {
transform: scale(1.0);
-webkit-transform: scale(1.0);
}
}
.tp-loader.spinner4 {
margin: -20px 0px 0px -20px;
width: 40px;
height: 40px;
text-align: center;
-webkit-animation: tp-rotate 2.0s infinite linear;
animation: tp-rotate 2.0s infinite linear;
}
.tp-loader.spinner4 .dot1,
.tp-loader.spinner4 .dot2 {
width: 60%;
height: 60%;
display: inline-block;
position: absolute;
top: 0;
background-color: #fff;
border-radius: 100%;
-webkit-animation: tp-bounce 2.0s infinite ease-in-out;
animation: tp-bounce 2.0s infinite ease-in-out;
box-shadow: 0px 0px 20px 0px rgba(0, 0, 0, 0.15);
-webkit-box-shadow: 0px 0px 20px 0px rgba(0, 0, 0, 0.15);
}
.tp-loader.spinner4 .dot2 {
top: auto;
bottom: 0px;
-webkit-animation-delay: -1.0s;
animation-delay: -1.0s;
}
@-webkit-keyframes tp-rotate {
100% {
-webkit-transform: rotate(360deg)
}
}
@keyframes tp-rotate {
100% {
transform: rotate(360deg);
-webkit-transform: rotate(360deg)
}
}
@-webkit-keyframes tp-bounce {
0%,
100% {
-webkit-transform: scale(0.0)
}
50% {
-webkit-transform: scale(1.0)
}
}
@keyframes tp-bounce {
0%,
100% {
transform: scale(0.0);
-webkit-transform: scale(0.0);
}
50% {
transform: scale(1.0);
-webkit-transform: scale(1.0);
}
}
.tp-transparentimg {
content: "url(../assets/transparent.png)"
}
.tp-3d {
-webkit-transform-style: preserve-3d;
-webkit-transform-origin: 50% 50%;
}
.tp-caption img {
background: transparent;
-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#00FFFFFF,endColorstr=#00FFFFFF)";
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#00FFFFFF, endColorstr=#00FFFFFF);
zoom: 1;
}
@font-face {
font-family: 'revicons';
src: url('../font/revicons.eot?5510888');
src: url('../font/revicons.eot?5510888#iefix') format('embedded-opentype'), url('../font/revicons.woff?5510888') format('woff'), url('../font/revicons.ttf?5510888') format('truetype'), url('../font/revicons.svg?5510888#revicons') format('svg');
font-weight: normal;
font-style: normal;
}
/* Chrome hack: SVG is rendered more smooth in Windozze. 100% magic, uncomment if you need it. */
/* Note, that will break hinting! In other OS-es font will be not as sharp as it could be */
/*
@media screen and (-webkit-min-device-pixel-ratio:0) {
@font-face {
font-family: 'revicons';
src: url('../font/revicons.svg?5510888#revicons') format('svg');
}
}
*/
[class^="revicon-"]:before,
[class*=" revicon-"]:before {
font-family: "revicons";
font-style: normal;
font-weight: normal;
speak: none;
display: inline-block;
text-decoration: inherit;
width: 1em;
margin-right: .2em;
text-align: center;
/* opacity: .8; */
/* For safety - reset parent styles, that can break glyph codes*/
font-variant: normal;
text-transform: none;
/* fix buttons height, for twitter bootstrap */
line-height: 1em;
/* Animation center compensation - margins should be symmetric */
/* remove if not needed */
margin-left: .2em;
/* you can be more comfortable with increased icons size */
/* font-size: 120%; */
/* Uncomment for 3D effect */
/* text-shadow: 1px 1px 1px rgba(127, 127, 127, 0.3); */
}
.revicon-search-1:before {
content: '\e802'
}
/* 'î ‚' */
.revicon-pencil-1:before {
content: '\e831'
}
/* 'î ±' */
.revicon-picture-1:before {
content: '\e803'
}
/* 'î ƒ' */
.revicon-cancel:before {
content: '\e80a'
}
/* 'î Š' */
.revicon-info-circled:before {
content: '\e80f'
}
/* 'î ' */
.revicon-trash:before {
content: '\e801'
}
/* 'î ' */
.revicon-left-dir:before {
content: '\e817'
}
/* 'î —' */
.revicon-right-dir:before {
content: '\e818'
}
/* 'î ˜' */
.revicon-down-open:before {
content: '\e83b'
}
/* 'î »' */
.revicon-left-open:before {
content: '\e819'
}
/* 'î ™' */
.revicon-right-open:before {
content: '\e81a'
}
/* 'î š' */
.revicon-angle-left:before {
content: '\e820'
}
/* 'î ' */
.revicon-angle-right:before {
content: '\e81d'
}
/* 'î ' */
.revicon-left-big:before {
content: '\e81f'
}
/* 'î Ÿ' */
.revicon-right-big:before {
content: '\e81e'
}
/* 'î ž' */
.revicon-magic:before {
content: '\e807'
}
/* 'î ‡' */
.revicon-picture:before {
content: '\e800'
}
/* 'î €' */
.revicon-export:before {
content: '\e80b'
}
/* 'î ‹' */
.revicon-cog:before {
content: '\e832'
}
/* 'î ²' */
.revicon-login:before {
content: '\e833'
}
/* 'î ³' */
.revicon-logout:before {
content: '\e834'
}
/* 'î ´' */
.revicon-video:before {
content: '\e805'
}
/* 'î …' */
.revicon-arrow-combo:before {
content: '\e827'
}
/* 'î §' */
.revicon-left-open-1:before {
content: '\e82a'
}
/* 'î ª' */
.revicon-right-open-1:before {
content: '\e82b'
}
/* 'î «' */
.revicon-left-open-mini:before {
content: '\e822'
}
/* 'î ¢' */
.revicon-right-open-mini:before {
content: '\e823'
}
/* 'î £' */
.revicon-left-open-big:before {
content: '\e824'
}
/* 'î ¤' */
.revicon-right-open-big:before {
content: '\e825'
}
/* 'î ¥' */
.revicon-left:before {
content: '\e836'
}
/* 'î ¶' */
.revicon-right:before {
content: '\e826'
}
/* 'î ¦' */
.revicon-ccw:before {
content: '\e808'
}
/* 'î ˆ' */
.revicon-arrows-ccw:before {
content: '\e806'
}
/* 'î †' */
.revicon-palette:before {
content: '\e829'
}
/* 'î ©' */
.revicon-list-add:before {
content: '\e80c'
}
/* 'î Œ' */
.revicon-doc:before {
content: '\e809'
}
/* 'î ‰' */
.revicon-left-open-outline:before {
content: '\e82e'
}
/* 'î ®' */
.revicon-left-open-2:before {
content: '\e82c'
}
/* 'î ¬' */
.revicon-right-open-outline:before {
content: '\e82f'
}
/* 'î ¯' */
.revicon-right-open-2:before {
content: '\e82d'
}
/* 'î ' */
.revicon-equalizer:before {
content: '\e83a'
}
/* 'î º' */
.revicon-layers-alt:before {
content: '\e804'
}
/* 'î „' */
.revicon-popup:before {
content: '\e828'
}
/* 'î ¨' */
/* jquery.modal.css */
.blocker {
position: fixed;
top: 0;
right: 0;
bottom: 0;
left: 0;
width: 100%;
height: 100%;
overflow: auto;
z-index: 1;
padding: 20px;
box-sizing: border-box;
background-color: rgb(0, 0, 0);
background-color: rgba(0, 0, 0, 0.75);
text-align: center;
}
.blocker:before {
content: "";
display: inline-block;
height: 100%;
vertical-align: middle;
margin-right: -0.05em;
}
.blocker.behind {
background-color: transparent;
}
.modal {
display: inline-block;
vertical-align: middle;
position: relative;
z-index: 2;
width: 80%;
background: #fff;
padding: 15px 30px;
-webkit-border-radius: 8px;
-moz-border-radius: 8px;
-o-border-radius: 8px;
-ms-border-radius: 8px;
border-radius: 8px;
-webkit-box-shadow: 0 0 10px #000;
-moz-box-shadow: 0 0 10px #000;
-o-box-shadow: 0 0 10px #000;
-ms-box-shadow: 0 0 10px #000;
box-shadow: 0 0 10px #000;
text-align: left;
}
.modal a.close-modal {
position: absolute;
top: -3px;
right: -4px;
display: block;
width: 30px;
height: 30px;
text-indent: -9999px;
background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAB4AAAAeCAYAAAA7MK6iAAAACXBIWXMAAAsTAAALEwEAmpwYAAAABGdBTUEAANjr9RwUqgAAACBjSFJNAABtmAAAc44AAPJxAACDbAAAg7sAANTIAAAx7AAAGbyeiMU/AAAG7ElEQVR42mJkwA8YoZjBwcGB6fPnz4w/fvxg/PnzJ2N6ejoLFxcX47Rp036B5Dk4OP7z8vL+P3DgwD+o3v9QjBUABBALHguZoJhZXV2dVUNDgxNIcwEtZnn27Nl/ZmZmQRYWFmag5c90dHQY5OXl/z98+PDn1atXv79+/foPUN9fIP4HxRgOAAggRhyWMoOwqKgoq6GhIZe3t7eYrq6uHBDb8/Pz27Gysloga/jz588FYGicPn/+/OapU6deOnXq1GdgqPwCOuA31AF/0S0HCCB0xAQNBU4FBQWB0NBQublz59oADV37Hw28ePHi74MHD/6ii3/8+HEFMGQUgQ6WEhQU5AeZBTWTCdkigABC9ylIAZeMjIxQTEyMysaNG/3+/v37AGTgr1+//s2cOfOXm5vbN6Caz8jY1NT0a29v76/v37//g6q9sHfv3khjY2M5YAgJgsyEmg0PYYAAQreUk4+PT8jd3V1l1apVgUAzfoIM2rlz5x9gHH5BtxAdA9PB1zNnzvyB+R6oLxoopgC1nBPZcoAAgiFQnLIDMb+enp5iV1eXBzDeHoI0z58//xcwIX0mZCkMg9S2trb+hFk+ffr0QCkpKVmQ2VA7QHYxAgQQzLesQMwjIiIilZWVZfPu3bstMJ+SYikyBmUzkBnA9HEMyNcCYgmQHVC7mAACCJagOEBBbGdnp7lgwYJEkIavX7/+BcY1SvAaGRl9tba2xohjMTGxL8nJyT+AWQsuxsbG9vnp06e/QWYdPHiwHmiWKlBcCGQXyNcAAQSzmBuoSQqYim3u37+/EKR48uTJv5ANB+bVr7Dga2xs/AkTV1JS+gq0AJyoQIkPWU9aWtoPkPibN2/2A/l6QCwJ9TULQADB4hcY//xKXl5eHt++fbsAUmxhYYHiM1DiAsr9R7ZcVVUVbikIdHd3/0TWIyws/AWYVsByAgICdkAxRSAWAGI2gACClV7C4uLiOv7+/lEgRZ8+ffqLLd6ABck3ZMuB6uCWrlu37je29HDx4kVwQisvL88FFqkaQDERUHADBBAomBl5eHiYgQmLE1hSgQQZgIUD1lJm69atf4HR8R1YKoH5QIPAWWP9+vV/gOI/gHkeQw+wGAXTwAJJ5t+/f/BUDRBA4NIEKMDMyMjICtQIiniG379/4yza7t69+//Lly8oDrty5co/bJaCAEwcZCkwwTJDLWYCCCCwxcDgY3z16hXDnTt3voP4EhISWA0BFgZMwNqHExh3jMiG1tbWsgHjnA2bHmAeBtdWwOL1MycnJ7wAAQggBmi+kgIW/OaKiorJwOLuFShO0LMSMPF9AUYBSpz6+vqixHlOTs4P9MIEWHaDsxSwYMoE2mEGFJcG5SKAAGJCqjv/AbPUn8ePH98ACQQHB6NUmZqamkzABIgSp5s3bwbHORCA1QDLAWZkPc7OzszA8oHl5cuXVy5duvQBGIXwWgoggGA+FgO6xkBNTS28r69vDrT2+Y1cIMDyJchX6KkXVEmAshd6KB06dAic94EO3AzkBwGxPhCLg8ptgACCZyeQp9jZ2b2AmsuAefM8tnxJCk5ISPgOLTKfAdNEOVDMA2QHLDsBBBC8AAFlbmCLwlZISCg5JSVlJizeQAaQaimoWAUFK0g/sGGwHiiWCMS2yAUIQAAxI7c4gEmeFZi4OJ48ecLMzc39CRiEmgEBASxA/QzA8vYvAxEgNjaWZc2aNezAsprp2LFjp4FpZRdQ+AkQvwLij0AMSoC/AQIIXklAC3AVUBoBxmE8sPXQAiyvN8J8fuPGjR/h4eHf0eMdhkENhOPHj8OT+NGjR88BxZuBOA5kJtRseCUBEECMSI0AdmgBDooDaaDl8sASTSkyMlKzpqZGU1paGlS7MABLrX83b978A6zwwakTmE0YgIkSnHpBfGCV+gxYh98qKSk5CeTeAxVeQPwUiN8AMSjxgdLNX4AAYkRqCLBAXcMHtVwSaLkMMMHJAvOq9IQJE9R8fHxElJWV1bEF8aNHj+7t27fvLTDlXwXGLyhoH0OD+DnU0k/QYAa1QP8BBBAjWsuSFWo5LzRYxKFYAljqiAHzqxCwIBEwMTERBdZeoOYMA7Bl+RFYEbwB5oS3IA9D4/IFEL+E4nfQ6IDFLTgvAwQQI5ZmLRtSsINSuyA0uwlBUyQPMPWD20/AKo8ByP4DTJTfgRgUjB+gFoEc8R6amGDB+wu5mQsQQIxYmrdMUJ+zQTM6NzQEeKGO4UJqOzFADQMZ/A1qCSzBfQXi71ALfyM17sEAIIAY8fQiWKAYFgIwzIbWTv4HjbdfUAf8RPLhH1icojfoAQKIEU8bG9kRyF0aRiz6YP0k5C4LsmUY9TtAADEyEA+IVfufGEUAAQYABejinPr4dLEAAAAASUVORK5CYII=") no-repeat 0 0;
}
.modal-spinner {
display: none;
width: 64px;
height: 64px;
position: fixed;
top: 50%;
left: 50%;
margin-right: -32px;
margin-top: -32px;
background: url("data:image/gif;base64,R0lGODlhIAAgAPMAABEREf///0VFRYKCglRUVG5ubsvLy62trTQ0NCkpKU5OTuLi4vr6+gAAAAAAAAAAACH+GkNyZWF0ZWQgd2l0aCBhamF4bG9hZC5pbmZvACH5BAAKAAAAIf8LTkVUU0NBUEUyLjADAQAAACwAAAAAIAAgAAAE5xDISWlhperN52JLhSSdRgwVo1ICQZRUsiwHpTJT4iowNS8vyW2icCF6k8HMMBkCEDskxTBDAZwuAkkqIfxIQyhBQBFvAQSDITM5VDW6XNE4KagNh6Bgwe60smQUB3d4Rz1ZBApnFASDd0hihh12BkE9kjAJVlycXIg7CQIFA6SlnJ87paqbSKiKoqusnbMdmDC2tXQlkUhziYtyWTxIfy6BE8WJt5YJvpJivxNaGmLHT0VnOgSYf0dZXS7APdpB309RnHOG5gDqXGLDaC457D1zZ/V/nmOM82XiHRLYKhKP1oZmADdEAAAh+QQACgABACwAAAAAIAAgAAAE6hDISWlZpOrNp1lGNRSdRpDUolIGw5RUYhhHukqFu8DsrEyqnWThGvAmhVlteBvojpTDDBUEIFwMFBRAmBkSgOrBFZogCASwBDEY/CZSg7GSE0gSCjQBMVG023xWBhklAnoEdhQEfyNqMIcKjhRsjEdnezB+A4k8gTwJhFuiW4dokXiloUepBAp5qaKpp6+Ho7aWW54wl7obvEe0kRuoplCGepwSx2jJvqHEmGt6whJpGpfJCHmOoNHKaHx61WiSR92E4lbFoq+B6QDtuetcaBPnW6+O7wDHpIiK9SaVK5GgV543tzjgGcghAgAh+QQACgACACwAAAAAIAAgAAAE7hDISSkxpOrN5zFHNWRdhSiVoVLHspRUMoyUakyEe8PTPCATW9A14E0UvuAKMNAZKYUZCiBMuBakSQKG8G2FzUWox2AUtAQFcBKlVQoLgQReZhQlCIJesQXI5B0CBnUMOxMCenoCfTCEWBsJColTMANldx15BGs8B5wlCZ9Po6OJkwmRpnqkqnuSrayqfKmqpLajoiW5HJq7FL1Gr2mMMcKUMIiJgIemy7xZtJsTmsM4xHiKv5KMCXqfyUCJEonXPN2rAOIAmsfB3uPoAK++G+w48edZPK+M6hLJpQg484enXIdQFSS1u6UhksENEQAAIfkEAAoAAwAsAAAAACAAIAAABOcQyEmpGKLqzWcZRVUQnZYg1aBSh2GUVEIQ2aQOE+G+cD4ntpWkZQj1JIiZIogDFFyHI0UxQwFugMSOFIPJftfVAEoZLBbcLEFhlQiqGp1Vd140AUklUN3eCA51C1EWMzMCezCBBmkxVIVHBWd3HHl9JQOIJSdSnJ0TDKChCwUJjoWMPaGqDKannasMo6WnM562R5YluZRwur0wpgqZE7NKUm+FNRPIhjBJxKZteWuIBMN4zRMIVIhffcgojwCF117i4nlLnY5ztRLsnOk+aV+oJY7V7m76PdkS4trKcdg0Zc0tTcKkRAAAIfkEAAoABAAsAAAAACAAIAAABO4QyEkpKqjqzScpRaVkXZWQEximw1BSCUEIlDohrft6cpKCk5xid5MNJTaAIkekKGQkWyKHkvhKsR7ARmitkAYDYRIbUQRQjWBwJRzChi9CRlBcY1UN4g0/VNB0AlcvcAYHRyZPdEQFYV8ccwR5HWxEJ02YmRMLnJ1xCYp0Y5idpQuhopmmC2KgojKasUQDk5BNAwwMOh2RtRq5uQuPZKGIJQIGwAwGf6I0JXMpC8C7kXWDBINFMxS4DKMAWVWAGYsAdNqW5uaRxkSKJOZKaU3tPOBZ4DuK2LATgJhkPJMgTwKCdFjyPHEnKxFCDhEAACH5BAAKAAUALAAAAAAgACAAAATzEMhJaVKp6s2nIkolIJ2WkBShpkVRWqqQrhLSEu9MZJKK9y1ZrqYK9WiClmvoUaF8gIQSNeF1Er4MNFn4SRSDARWroAIETg1iVwuHjYB1kYc1mwruwXKC9gmsJXliGxc+XiUCby9ydh1sOSdMkpMTBpaXBzsfhoc5l58Gm5yToAaZhaOUqjkDgCWNHAULCwOLaTmzswadEqggQwgHuQsHIoZCHQMMQgQGubVEcxOPFAcMDAYUA85eWARmfSRQCdcMe0zeP1AAygwLlJtPNAAL19DARdPzBOWSm1brJBi45soRAWQAAkrQIykShQ9wVhHCwCQCACH5BAAKAAYALAAAAAAgACAAAATrEMhJaVKp6s2nIkqFZF2VIBWhUsJaTokqUCoBq+E71SRQeyqUToLA7VxF0JDyIQh/MVVPMt1ECZlfcjZJ9mIKoaTl1MRIl5o4CUKXOwmyrCInCKqcWtvadL2SYhyASyNDJ0uIiRMDjI0Fd30/iI2UA5GSS5UDj2l6NoqgOgN4gksEBgYFf0FDqKgHnyZ9OX8HrgYHdHpcHQULXAS2qKpENRg7eAMLC7kTBaixUYFkKAzWAAnLC7FLVxLWDBLKCwaKTULgEwbLA4hJtOkSBNqITT3xEgfLpBtzE/jiuL04RGEBgwWhShRgQExHBAAh+QQACgAHACwAAAAAIAAgAAAE7xDISWlSqerNpyJKhWRdlSAVoVLCWk6JKlAqAavhO9UkUHsqlE6CwO1cRdCQ8iEIfzFVTzLdRAmZX3I2SfZiCqGk5dTESJeaOAlClzsJsqwiJwiqnFrb2nS9kmIcgEsjQydLiIlHehhpejaIjzh9eomSjZR+ipslWIRLAgMDOR2DOqKogTB9pCUJBagDBXR6XB0EBkIIsaRsGGMMAxoDBgYHTKJiUYEGDAzHC9EACcUGkIgFzgwZ0QsSBcXHiQvOwgDdEwfFs0sDzt4S6BK4xYjkDOzn0unFeBzOBijIm1Dgmg5YFQwsCMjp1oJ8LyIAACH5BAAKAAgALAAAAAAgACAAAATwEMhJaVKp6s2nIkqFZF2VIBWhUsJaTokqUCoBq+E71SRQeyqUToLA7VxF0JDyIQh/MVVPMt1ECZlfcjZJ9mIKoaTl1MRIl5o4CUKXOwmyrCInCKqcWtvadL2SYhyASyNDJ0uIiUd6GGl6NoiPOH16iZKNlH6KmyWFOggHhEEvAwwMA0N9GBsEC6amhnVcEwavDAazGwIDaH1ipaYLBUTCGgQDA8NdHz0FpqgTBwsLqAbWAAnIA4FWKdMLGdYGEgraigbT0OITBcg5QwPT4xLrROZL6AuQAPUS7bxLpoWidY0JtxLHKhwwMJBTHgPKdEQAACH5BAAKAAkALAAAAAAgACAAAATrEMhJaVKp6s2nIkqFZF2VIBWhUsJaTokqUCoBq+E71SRQeyqUToLA7VxF0JDyIQh/MVVPMt1ECZlfcjZJ9mIKoaTl1MRIl5o4CUKXOwmyrCInCKqcWtvadL2SYhyASyNDJ0uIiUd6GAULDJCRiXo1CpGXDJOUjY+Yip9DhToJA4RBLwMLCwVDfRgbBAaqqoZ1XBMHswsHtxtFaH1iqaoGNgAIxRpbFAgfPQSqpbgGBqUD1wBXeCYp1AYZ19JJOYgH1KwA4UBvQwXUBxPqVD9L3sbp2BNk2xvvFPJd+MFCN6HAAIKgNggY0KtEBAAh+QQACgAKACwAAAAAIAAgAAAE6BDISWlSqerNpyJKhWRdlSAVoVLCWk6JKlAqAavhO9UkUHsqlE6CwO1cRdCQ8iEIfzFVTzLdRAmZX3I2SfYIDMaAFdTESJeaEDAIMxYFqrOUaNW4E4ObYcCXaiBVEgULe0NJaxxtYksjh2NLkZISgDgJhHthkpU4mW6blRiYmZOlh4JWkDqILwUGBnE6TYEbCgevr0N1gH4At7gHiRpFaLNrrq8HNgAJA70AWxQIH1+vsYMDAzZQPC9VCNkDWUhGkuE5PxJNwiUK4UfLzOlD4WvzAHaoG9nxPi5d+jYUqfAhhykOFwJWiAAAIfkEAAoACwAsAAAAACAAIAAABPAQyElpUqnqzaciSoVkXVUMFaFSwlpOCcMYlErAavhOMnNLNo8KsZsMZItJEIDIFSkLGQoQTNhIsFehRww2CQLKF0tYGKYSg+ygsZIuNqJksKgbfgIGepNo2cIUB3V1B3IvNiBYNQaDSTtfhhx0CwVPI0UJe0+bm4g5VgcGoqOcnjmjqDSdnhgEoamcsZuXO1aWQy8KAwOAuTYYGwi7w5h+Kr0SJ8MFihpNbx+4Erq7BYBuzsdiH1jCAzoSfl0rVirNbRXlBBlLX+BP0XJLAPGzTkAuAOqb0WT5AH7OcdCm5B8TgRwSRKIHQtaLCwg1RAAAOwAAAAAAAAAAAA==") #111 no-repeat center center;
-webkit-border-radius: 8px;
-moz-border-radius: 8px;
-o-border-radius: 8px;
-ms-border-radius: 8px;
border-radius: 8px;
}
.overlay {
background: url(../img/gridtile.png);
position: absolute;
width: 100%;
height: 100%;
}
.header-numbers {
margin-top: 27px;
}
.header-numbers h3 {
margin-left:371px;
}
@media (max-width:1050px) {
.header-numbers {
margin-top: 48px;
}
.header-numbers h3 {
margin-left: 160px;
width: 100%;
line-height: 15px;
}
}