img.wp-smiley,
img.emoji {
display: inline !important;
border: none !important;
box-shadow: none !important;
height: 1em !important;
width: 1em !important;
margin: 0 .07em !important;
vertical-align: -.1em !important;
background: 0 0 !important;
padding: 0 !important
}
.wp-block-audio figcaption {
margin-top: .5em;
margin-bottom: 1em
}
.wp-block-audio audio {
width: 100%;
min-width: 300px
}
.wp-block-button {
color: #fff
}
.wp-block-button.aligncenter {
text-align: center
}
.wp-block-button.alignright {
text-align: right
}
.wp-block-button__link {
background-color: #32373c;
border: none;
border-radius: 28px;
box-shadow: none;
color: inherit;
cursor: pointer;
display: inline-block;
font-size: 18px;
margin: 0;
padding: 12px 24px;
text-align: center;
text-decoration: none;
overflow-wrap: break-word
}
.wp-block-button__link:active,
.wp-block-button__link:focus,
.wp-block-button__link:hover,
.wp-block-button__link:visited {
color: inherit
}
.wp-gs .wp-block-button__link:not(.has-background) {
background-color: var(--wp-block-core-button--color--background, var(--wp-color--primary, #32373c))
}
.is-style-squared .wp-block-button__link {
border-radius: 0
}
.no-border-radius.wp-block-button__link {
border-radius: 0 !important
}
.is-style-outline {
color: #32373c
}
.is-style-outline .wp-block-button__link {
background-color: transparent;
border: 2px solid
}
.wp-block-buttons .wp-block-button {
display: inline-block;
margin-right: 8px;
margin-bottom: 8px
}
.wp-block-buttons.alignright .wp-block-button {
margin-right: none;
margin-left: 8px
}
.wp-block-buttons.aligncenter,
.wp-block-calendar {
text-align: center
}
.wp-block-calendar tbody td,
.wp-block-calendar th {
padding: 4px;
border: 1px solid #e2e4e7
}
.wp-block-calendar tfoot td {
border: none
}
.wp-block-calendar table {
width: 100%;
border-collapse: collapse;
font-family: -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Oxygen-Sans, Ubuntu, Cantarell, Helvetica Neue, sans-serif
}
.wp-block-calendar table th {
font-weight: 400;
background: #edeff0
}
.wp-block-calendar a {
text-decoration: underline
}
.wp-block-calendar tfoot a {
color: #00739c
}
.wp-block-calendar table caption,
.wp-block-calendar table tbody {
color: #40464d
}
.wp-block-categories.alignleft {
margin-right: 2em
}
.wp-block-categories.alignright {
margin-left: 2em
}
.wp-block-columns {
display: flex;
margin-bottom: 28px;
flex-wrap: wrap
}
@media (min-width:782px) {
.wp-block-columns {
flex-wrap: nowrap
}
}
.wp-block-columns.has-background {
padding: 20px 30px
}
.wp-block-column {
flex-grow: 1;
min-width: 0;
word-break: break-word;
overflow-wrap: break-word
}
@media (max-width:599px) {
.wp-block-column {
flex-basis: 100% !important
}
}
@media (min-width:600px) and (max-width:781px) {
.wp-block-column {
flex-basis: calc(50% - 16px) !important;
flex-grow: 0
}
.wp-block-column:nth-child(2n) {
margin-left: 32px
}
}
@media (min-width:782px) {
.wp-block-column {
flex-basis: 0;
flex-grow: 1
}
.wp-block-column[style] {
flex-grow: 0
}
.wp-block-column:not(:first-child) {
margin-left: 32px
}
}
.wp-block-columns.are-vertically-aligned-top {
align-items: flex-start
}
.wp-block-columns.are-vertically-aligned-center {
align-items: center
}
.wp-block-columns.are-vertically-aligned-bottom {
align-items: flex-end
}
.wp-block-column.is-vertically-aligned-top {
align-self: flex-start
}
.wp-block-column.is-vertically-aligned-center {
-ms-grid-row-align: center;
align-self: center
}
.wp-block-column.is-vertically-aligned-bottom {
align-self: flex-end
}
.wp-block-column.is-vertically-aligned-bottom,
.wp-block-column.is-vertically-aligned-center,
.wp-block-column.is-vertically-aligned-top {
width: 100%
}
.wp-block-cover,
.wp-block-cover-image {
position: relative;
background-color: #000;
background-size: cover;
background-position: 50%;
min-height: 430px;
height: 100%;
width: 100%;
display: flex;
justify-content: center;
align-items: center;
overflow: hidden
}
.wp-block-cover-image.has-parallax,
.wp-block-cover.has-parallax {
background-attachment: fixed
}
@supports (-webkit-overflow-scrolling:touch) {
.wp-block-cover-image.has-parallax,
.wp-block-cover.has-parallax {
background-attachment: scroll
}
}
@media (prefers-reduced-motion:reduce) {
.wp-block-cover-image.has-parallax,
.wp-block-cover.has-parallax {
background-attachment: scroll
}
}
.wp-block-cover-image.has-background-dim:before,
.wp-block-cover.has-background-dim:before {
content: "";
background-color: inherit
}
.wp-block-cover-image.has-background-dim:not(.has-background-gradient):before,
.wp-block-cover-image .wp-block-cover__gradient-background,
.wp-block-cover.has-background-dim:not(.has-background-gradient):before,
.wp-block-cover .wp-block-cover__gradient-background {
position: absolute;
top: 0;
left: 0;
bottom: 0;
right: 0;
z-index: 1
}
.wp-block-cover-image.has-background-dim:not(.has-background-gradient):before,
.wp-block-cover-image .wp-block-cover__gradient-background,
.wp-block-cover.has-background-dim:not(.has-background-gradient):before,
.wp-block-cover .wp-block-cover__gradient-background {
opacity: .5
}
.wp-block-cover-image.has-background-dim.has-background-dim-10:not(.has-background-gradient):before,
.wp-block-cover.has-background-dim.has-background-dim-10:not(.has-background-gradient):before {
opacity: .1
}
.wp-block-cover-image.has-background-dim.has-background-dim-10 .wp-block-cover__gradient-background,
.wp-block-cover.has-background-dim.has-background-dim-10 .wp-block-cover__gradient-background {
opacity: .1
}
.wp-block-cover-image.has-background-dim.has-background-dim-20:not(.has-background-gradient):before,
.wp-block-cover.has-background-dim.has-background-dim-20:not(.has-background-gradient):before {
opacity: .2
}
.wp-block-cover-image.has-background-dim.has-background-dim-20 .wp-block-cover__gradient-background,
.wp-block-cover.has-background-dim.has-background-dim-20 .wp-block-cover__gradient-background {
opacity: .2
}
.wp-block-cover-image.has-background-dim.has-background-dim-30:not(.has-background-gradient):before,
.wp-block-cover.has-background-dim.has-background-dim-30:not(.has-background-gradient):before {
opacity: .3
}
.wp-block-cover-image.has-background-dim.has-background-dim-30 .wp-block-cover__gradient-background,
.wp-block-cover.has-background-dim.has-background-dim-30 .wp-block-cover__gradient-background {
opacity: .3
}
.wp-block-cover-image.has-background-dim.has-background-dim-40:not(.has-background-gradient):before,
.wp-block-cover.has-background-dim.has-background-dim-40:not(.has-background-gradient):before {
opacity: .4
}
.wp-block-cover-image.has-background-dim.has-background-dim-40 .wp-block-cover__gradient-background,
.wp-block-cover.has-background-dim.has-background-dim-40 .wp-block-cover__gradient-background {
opacity: .4
}
.wp-block-cover-image.has-background-dim.has-background-dim-50:not(.has-background-gradient):before,
.wp-block-cover.has-background-dim.has-background-dim-50:not(.has-background-gradient):before {
opacity: .5
}
.wp-block-cover-image.has-background-dim.has-background-dim-50 .wp-block-cover__gradient-background,
.wp-block-cover.has-background-dim.has-background-dim-50 .wp-block-cover__gradient-background {
opacity: .5
}
.wp-block-cover-image.has-background-dim.has-background-dim-60:not(.has-background-gradient):before,
.wp-block-cover.has-background-dim.has-background-dim-60:not(.has-background-gradient):before {
opacity: .6
}
.wp-block-cover-image.has-background-dim.has-background-dim-60 .wp-block-cover__gradient-background,
.wp-block-cover.has-background-dim.has-background-dim-60 .wp-block-cover__gradient-background {
opacity: .6
}
.wp-block-cover-image.has-background-dim.has-background-dim-70:not(.has-background-gradient):before,
.wp-block-cover.has-background-dim.has-background-dim-70:not(.has-background-gradient):before {
opacity: .7
}
.wp-block-cover-image.has-background-dim.has-background-dim-70 .wp-block-cover__gradient-background,
.wp-block-cover.has-background-dim.has-background-dim-70 .wp-block-cover__gradient-background {
opacity: .7
}
.wp-block-cover-image.has-background-dim.has-background-dim-80:not(.has-background-gradient):before,
.wp-block-cover.has-background-dim.has-background-dim-80:not(.has-background-gradient):before {
opacity: .8
}
.wp-block-cover-image.has-background-dim.has-background-dim-80 .wp-block-cover__gradient-background,
.wp-block-cover.has-background-dim.has-background-dim-80 .wp-block-cover__gradient-background {
opacity: .8
}
.wp-block-cover-image.has-background-dim.has-background-dim-90:not(.has-background-gradient):before,
.wp-block-cover.has-background-dim.has-background-dim-90:not(.has-background-gradient):before {
opacity: .9
}
.wp-block-cover-image.has-background-dim.has-background-dim-90 .wp-block-cover__gradient-background,
.wp-block-cover.has-background-dim.has-background-dim-90 .wp-block-cover__gradient-background {
opacity: .9
}
.wp-block-cover-image.has-background-dim.has-background-dim-100:not(.has-background-gradient):before,
.wp-block-cover.has-background-dim.has-background-dim-100:not(.has-background-gradient):before {
opacity: 1
}
.wp-block-cover-image.has-background-dim.has-background-dim-100 .wp-block-cover__gradient-background,
.wp-block-cover.has-background-dim.has-background-dim-100 .wp-block-cover__gradient-background {
opacity: 1
}
.wp-block-cover-image.alignleft,
.wp-block-cover-image.alignright,
.wp-block-cover.alignleft,
.wp-block-cover.alignright {
max-width: 290px;
width: 100%
}
.wp-block-cover-image:after,
.wp-block-cover:after {
display: block;
content: "";
font-size: 0;
min-height: inherit
}
@supports ((position:-webkit-sticky) or (position:sticky)) {
.wp-block-cover-image:after,
.wp-block-cover:after {
content: none
}
}
.wp-block-cover-image.aligncenter,
.wp-block-cover-image.alignleft,
.wp-block-cover-image.alignright,
.wp-block-cover.aligncenter,
.wp-block-cover.alignleft,
.wp-block-cover.alignright {
display: flex
}
.wp-block-cover-image .wp-block-cover__inner-container,
.wp-block-cover .wp-block-cover__inner-container {
width: calc(100% - 70px);
z-index: 1;
color: #f8f9f9
}
.wp-block-cover-image .wp-block-subhead:not(.has-text-color),
.wp-block-cover-image h1:not(.has-text-color),
.wp-block-cover-image h2:not(.has-text-color),
.wp-block-cover-image h3:not(.has-text-color),
.wp-block-cover-image h4:not(.has-text-color),
.wp-block-cover-image h5:not(.has-text-color),
.wp-block-cover-image h6:not(.has-text-color),
.wp-block-cover-image p:not(.has-text-color),
.wp-block-cover .wp-block-subhead:not(.has-text-color),
.wp-block-cover h1:not(.has-text-color),
.wp-block-cover h2:not(.has-text-color),
.wp-block-cover h3:not(.has-text-color),
.wp-block-cover h4:not(.has-text-color),
.wp-block-cover h5:not(.has-text-color),
.wp-block-cover h6:not(.has-text-color),
.wp-block-cover p:not(.has-text-color) {
color: inherit
}
.wp-block-cover__video-background {
position: absolute;
top: 50%;
left: 50%;
transform: translateX(-50%) translateY(-50%);
width: 100%;
height: 100%;
z-index: 0;
object-fit: cover
}
.wp-block-cover-image-text,
.wp-block-cover-text,
section.wp-block-cover-image h2 {
color: #fff
}
.wp-block-cover-image-text a,
.wp-block-cover-image-text a:active,
.wp-block-cover-image-text a:focus,
.wp-block-cover-image-text a:hover,
.wp-block-cover-text a,
.wp-block-cover-text a:active,
.wp-block-cover-text a:focus,
.wp-block-cover-text a:hover,
section.wp-block-cover-image h2 a,
section.wp-block-cover-image h2 a:active,
section.wp-block-cover-image h2 a:focus,
section.wp-block-cover-image h2 a:hover {
color: #fff
}
.wp-block-cover-image .wp-block-cover.has-left-content {
justify-content: flex-start
}
.wp-block-cover-image .wp-block-cover.has-right-content {
justify-content: flex-end
}
.wp-block-cover-image.has-left-content .wp-block-cover-image-text,
.wp-block-cover.has-left-content .wp-block-cover-text,
section.wp-block-cover-image.has-left-content > h2 {
margin-left: 0;
text-align: left
}
.wp-block-cover-image.has-right-content .wp-block-cover-image-text,
.wp-block-cover.has-right-content .wp-block-cover-text,
section.wp-block-cover-image.has-right-content > h2 {
margin-right: 0;
text-align: right
}
.wp-block-cover-image .wp-block-cover-image-text,
.wp-block-cover .wp-block-cover-text,
section.wp-block-cover-image > h2 {
font-size: 2em;
line-height: 1.25;
z-index: 1;
margin-bottom: 0;
max-width: 580px;
padding: 14px;
text-align: center
}
.block-editor-block-list__block[data-type="core/embed"][data-align=left],
.block-editor-block-list__block[data-type="core/embed"][data-align=right],
.wp-block-embed.alignleft,
.wp-block-embed.alignright {
max-width: 360px;
width: 100%
}
.wp-block-embed {
margin-bottom: 1em
}
.wp-block-embed figcaption {
margin-top: .5em;
margin-bottom: 1em
}
.wp-embed-responsive .wp-block-embed.wp-embed-aspect-1-1 .wp-block-embed__wrapper,
.wp-embed-responsive .wp-block-embed.wp-embed-aspect-1-2 .wp-block-embed__wrapper,
.wp-embed-responsive .wp-block-embed.wp-embed-aspect-4-3 .wp-block-embed__wrapper,
.wp-embed-responsive .wp-block-embed.wp-embed-aspect-9-16 .wp-block-embed__wrapper,
.wp-embed-responsive .wp-block-embed.wp-embed-aspect-16-9 .wp-block-embed__wrapper,
.wp-embed-responsive .wp-block-embed.wp-embed-aspect-18-9 .wp-block-embed__wrapper,
.wp-embed-responsive .wp-block-embed.wp-embed-aspect-21-9 .wp-block-embed__wrapper {
position: relative
}
.wp-embed-responsive .wp-block-embed.wp-embed-aspect-1-1 .wp-block-embed__wrapper:before,
.wp-embed-responsive .wp-block-embed.wp-embed-aspect-1-2 .wp-block-embed__wrapper:before,
.wp-embed-responsive .wp-block-embed.wp-embed-aspect-4-3 .wp-block-embed__wrapper:before,
.wp-embed-responsive .wp-block-embed.wp-embed-aspect-9-16 .wp-block-embed__wrapper:before,
.wp-embed-responsive .wp-block-embed.wp-embed-aspect-16-9 .wp-block-embed__wrapper:before,
.wp-embed-responsive .wp-block-embed.wp-embed-aspect-18-9 .wp-block-embed__wrapper:before,
.wp-embed-responsive .wp-block-embed.wp-embed-aspect-21-9 .wp-block-embed__wrapper:before {
content: "";
display: block;
padding-top: 50%
}
.wp-embed-responsive .wp-block-embed.wp-embed-aspect-1-1 .wp-block-embed__wrapper iframe,
.wp-embed-responsive .wp-block-embed.wp-embed-aspect-1-2 .wp-block-embed__wrapper iframe,
.wp-embed-responsive .wp-block-embed.wp-embed-aspect-4-3 .wp-block-embed__wrapper iframe,
.wp-embed-responsive .wp-block-embed.wp-embed-aspect-9-16 .wp-block-embed__wrapper iframe,
.wp-embed-responsive .wp-block-embed.wp-embed-aspect-16-9 .wp-block-embed__wrapper iframe,
.wp-embed-responsive .wp-block-embed.wp-embed-aspect-18-9 .wp-block-embed__wrapper iframe,
.wp-embed-responsive .wp-block-embed.wp-embed-aspect-21-9 .wp-block-embed__wrapper iframe {
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
width: 100%;
height: 100%
}
.wp-embed-responsive .wp-block-embed.wp-embed-aspect-21-9 .wp-block-embed__wrapper:before {
padding-top: 42.85%
}
.wp-embed-responsive .wp-block-embed.wp-embed-aspect-18-9 .wp-block-embed__wrapper:before {
padding-top: 50%
}
.wp-embed-responsive .wp-block-embed.wp-embed-aspect-16-9 .wp-block-embed__wrapper:before {
padding-top: 56.25%
}
.wp-embed-responsive .wp-block-embed.wp-embed-aspect-4-3 .wp-block-embed__wrapper:before {
padding-top: 75%
}
.wp-embed-responsive .wp-block-embed.wp-embed-aspect-1-1 .wp-block-embed__wrapper:before {
padding-top: 100%
}
.wp-embed-responsive .wp-block-embed.wp-embed-aspect-9-16 .wp-block-embed__wrapper:before {
padding-top: 177.78%
}
.wp-embed-responsive .wp-block-embed.wp-embed-aspect-1-2 .wp-block-embed__wrapper:before {
padding-top: 200%
}
.wp-block-file {
margin-bottom: 1.5em
}
.wp-block-file.aligncenter {
text-align: center
}
.wp-block-file.alignright {
text-align: right
}
.wp-block-file .wp-block-file__button {
background: #32373c;
border-radius: 2em;
color: #fff;
font-size: 13px;
padding: .5em 1em
}
.wp-block-file a.wp-block-file__button {
text-decoration: none
}
.wp-block-file a.wp-block-file__button:active,
.wp-block-file a.wp-block-file__button:focus,
.wp-block-file a.wp-block-file__button:hover,
.wp-block-file a.wp-block-file__button:visited {
box-shadow: none;
color: #fff;
opacity: .85;
text-decoration: none
}
.wp-block-file * + .wp-block-file__button {
margin-left: .75em
}
.blocks-gallery-grid,
.wp-block-gallery {
display: flex;
flex-wrap: wrap;
list-style-type: none;
padding: 0;
margin: 0
}
.blocks-gallery-grid .blocks-gallery-image,
.blocks-gallery-grid .blocks-gallery-item,
.wp-block-gallery .blocks-gallery-image,
.wp-block-gallery .blocks-gallery-item {
margin: 0 16px 16px 0;
display: flex;
flex-grow: 1;
flex-direction: column;
justify-content: center;
position: relative
}
.blocks-gallery-grid .blocks-gallery-image figure,
.blocks-gallery-grid .blocks-gallery-item figure,
.wp-block-gallery .blocks-gallery-image figure,
.wp-block-gallery .blocks-gallery-item figure {
margin: 0;
height: 100%
}
@supports ((position:-webkit-sticky) or (position:sticky)) {
.blocks-gallery-grid .blocks-gallery-image figure,
.blocks-gallery-grid .blocks-gallery-item figure,
.wp-block-gallery .blocks-gallery-image figure,
.wp-block-gallery .blocks-gallery-item figure {
display: flex;
align-items: flex-end;
justify-content: flex-start
}
}
.blocks-gallery-grid .blocks-gallery-image img,
.blocks-gallery-grid .blocks-gallery-item img,
.wp-block-gallery .blocks-gallery-image img,
.wp-block-gallery .blocks-gallery-item img {
display: block;
max-width: 100%;
height: auto;
width: 100%
}
@supports ((position:-webkit-sticky) or (position:sticky)) {
.blocks-gallery-grid .blocks-gallery-image img,
.blocks-gallery-grid .blocks-gallery-item img,
.wp-block-gallery .blocks-gallery-image img,
.wp-block-gallery .blocks-gallery-item img {
width: auto
}
}
.blocks-gallery-grid .blocks-gallery-image figcaption,
.blocks-gallery-grid .blocks-gallery-item figcaption,
.wp-block-gallery .blocks-gallery-image figcaption,
.wp-block-gallery .blocks-gallery-item figcaption {
position: absolute;
bottom: 0;
width: 100%;
max-height: 100%;
overflow: auto;
padding: 40px 10px 9px;
color: #fff;
text-align: center;
font-size: 13px;
background: linear-gradient(0deg, rgba(0, 0, 0, .7), rgba(0, 0, 0, .3) 70%, transparent)
}
.blocks-gallery-grid .blocks-gallery-image figcaption img,
.blocks-gallery-grid .blocks-gallery-item figcaption img,
.wp-block-gallery .blocks-gallery-image figcaption img,
.wp-block-gallery .blocks-gallery-item figcaption img {
display: inline
}
.blocks-gallery-grid.is-cropped .blocks-gallery-image a,
.blocks-gallery-grid.is-cropped .blocks-gallery-image img,
.blocks-gallery-grid.is-cropped .blocks-gallery-item a,
.blocks-gallery-grid.is-cropped .blocks-gallery-item img,
.wp-block-gallery.is-cropped .blocks-gallery-image a,
.wp-block-gallery.is-cropped .blocks-gallery-image img,
.wp-block-gallery.is-cropped .blocks-gallery-item a,
.wp-block-gallery.is-cropped .blocks-gallery-item img {
width: 100%
}
@supports ((position:-webkit-sticky) or (position:sticky)) {
.blocks-gallery-grid.is-cropped .blocks-gallery-image a,
.blocks-gallery-grid.is-cropped .blocks-gallery-image img,
.blocks-gallery-grid.is-cropped .blocks-gallery-item a,
.blocks-gallery-grid.is-cropped .blocks-gallery-item img,
.wp-block-gallery.is-cropped .blocks-gallery-image a,
.wp-block-gallery.is-cropped .blocks-gallery-image img,
.wp-block-gallery.is-cropped .blocks-gallery-item a,
.wp-block-gallery.is-cropped .blocks-gallery-item img {
height: 100%;
flex: 1;
object-fit: cover
}
}
.blocks-gallery-grid .blocks-gallery-image,
.blocks-gallery-grid .blocks-gallery-item,
.wp-block-gallery .blocks-gallery-image,
.wp-block-gallery .blocks-gallery-item {
width: calc((100% - 16px)/2)
}
.blocks-gallery-grid .blocks-gallery-image:nth-of-type(2n),
.blocks-gallery-grid .blocks-gallery-item:nth-of-type(2n),
.wp-block-gallery .blocks-gallery-image:nth-of-type(2n),
.wp-block-gallery .blocks-gallery-item:nth-of-type(2n) {
margin-right: 0
}
.blocks-gallery-grid.columns-1 .blocks-gallery-image,
.blocks-gallery-grid.columns-1 .blocks-gallery-item,
.wp-block-gallery.columns-1 .blocks-gallery-image,
.wp-block-gallery.columns-1 .blocks-gallery-item {
width: 100%;
margin-right: 0
}
@media (min-width:600px) {
.blocks-gallery-grid.columns-3 .blocks-gallery-image,
.blocks-gallery-grid.columns-3 .blocks-gallery-item,
.wp-block-gallery.columns-3 .blocks-gallery-image,
.wp-block-gallery.columns-3 .blocks-gallery-item {
width: calc((100% - 32px)/3);
margin-right: 16px
}
@supports (-ms-ime-align:auto) {
.blocks-gallery-grid.columns-3 .blocks-gallery-image,
.blocks-gallery-grid.columns-3 .blocks-gallery-item,
.wp-block-gallery.columns-3 .blocks-gallery-image,
.wp-block-gallery.columns-3 .blocks-gallery-item {
width: calc((100% - 32px)/3 - 1px)
}
}
.blocks-gallery-grid.columns-4 .blocks-gallery-image,
.blocks-gallery-grid.columns-4 .blocks-gallery-item,
.wp-block-gallery.columns-4 .blocks-gallery-image,
.wp-block-gallery.columns-4 .blocks-gallery-item {
width: calc((100% - 48px)/4);
margin-right: 16px
}
@supports (-ms-ime-align:auto) {
.blocks-gallery-grid.columns-4 .blocks-gallery-image,
.blocks-gallery-grid.columns-4 .blocks-gallery-item,
.wp-block-gallery.columns-4 .blocks-gallery-image,
.wp-block-gallery.columns-4 .blocks-gallery-item {
width: calc((100% - 48px)/4 - 1px)
}
}
.blocks-gallery-grid.columns-5 .blocks-gallery-image,
.blocks-gallery-grid.columns-5 .blocks-gallery-item,
.wp-block-gallery.columns-5 .blocks-gallery-image,
.wp-block-gallery.columns-5 .blocks-gallery-item {
width: calc((100% - 64px)/5);
margin-right: 16px
}
@supports (-ms-ime-align:auto) {
.blocks-gallery-grid.columns-5 .blocks-gallery-image,
.blocks-gallery-grid.columns-5 .blocks-gallery-item,
.wp-block-gallery.columns-5 .blocks-gallery-image,
.wp-block-gallery.columns-5 .blocks-gallery-item {
width: calc((100% - 64px)/5 - 1px)
}
}
.blocks-gallery-grid.columns-6 .blocks-gallery-image,
.blocks-gallery-grid.columns-6 .blocks-gallery-item,
.wp-block-gallery.columns-6 .blocks-gallery-image,
.wp-block-gallery.columns-6 .blocks-gallery-item {
width: calc((100% - 80px)/6);
margin-right: 16px
}
@supports (-ms-ime-align:auto) {
.blocks-gallery-grid.columns-6 .blocks-gallery-image,
.blocks-gallery-grid.columns-6 .blocks-gallery-item,
.wp-block-gallery.columns-6 .blocks-gallery-image,
.wp-block-gallery.columns-6 .blocks-gallery-item {
width: calc((100% - 80px)/6 - 1px)
}
}
.blocks-gallery-grid.columns-7 .blocks-gallery-image,
.blocks-gallery-grid.columns-7 .blocks-gallery-item,
.wp-block-gallery.columns-7 .blocks-gallery-image,
.wp-block-gallery.columns-7 .blocks-gallery-item {
width: calc((100% - 96px)/7);
margin-right: 16px
}
@supports (-ms-ime-align:auto) {
.blocks-gallery-grid.columns-7 .blocks-gallery-image,
.blocks-gallery-grid.columns-7 .blocks-gallery-item,
.wp-block-gallery.columns-7 .blocks-gallery-image,
.wp-block-gallery.columns-7 .blocks-gallery-item {
width: calc((100% - 96px)/7 - 1px)
}
}
.blocks-gallery-grid.columns-8 .blocks-gallery-image,
.blocks-gallery-grid.columns-8 .blocks-gallery-item,
.wp-block-gallery.columns-8 .blocks-gallery-image,
.wp-block-gallery.columns-8 .blocks-gallery-item {
width: calc((100% - 112px)/8);
margin-right: 16px
}
@supports (-ms-ime-align:auto) {
.blocks-gallery-grid.columns-8 .blocks-gallery-image,
.blocks-gallery-grid.columns-8 .blocks-gallery-item,
.wp-block-gallery.columns-8 .blocks-gallery-image,
.wp-block-gallery.columns-8 .blocks-gallery-item {
width: calc((100% - 112px)/8 - 1px)
}
}
.blocks-gallery-grid.columns-1 .blocks-gallery-image:nth-of-type(1n),
.blocks-gallery-grid.columns-1 .blocks-gallery-item:nth-of-type(1n),
.wp-block-gallery.columns-1 .blocks-gallery-image:nth-of-type(1n),
.wp-block-gallery.columns-1 .blocks-gallery-item:nth-of-type(1n) {
margin-right: 0
}
.blocks-gallery-grid.columns-2 .blocks-gallery-image:nth-of-type(2n),
.blocks-gallery-grid.columns-2 .blocks-gallery-item:nth-of-type(2n),
.wp-block-gallery.columns-2 .blocks-gallery-image:nth-of-type(2n),
.wp-block-gallery.columns-2 .blocks-gallery-item:nth-of-type(2n) {
margin-right: 0
}
.blocks-gallery-grid.columns-3 .blocks-gallery-image:nth-of-type(3n),
.blocks-gallery-grid.columns-3 .blocks-gallery-item:nth-of-type(3n),
.wp-block-gallery.columns-3 .blocks-gallery-image:nth-of-type(3n),
.wp-block-gallery.columns-3 .blocks-gallery-item:nth-of-type(3n) {
margin-right: 0
}
.blocks-gallery-grid.columns-4 .blocks-gallery-image:nth-of-type(4n),
.blocks-gallery-grid.columns-4 .blocks-gallery-item:nth-of-type(4n),
.wp-block-gallery.columns-4 .blocks-gallery-image:nth-of-type(4n),
.wp-block-gallery.columns-4 .blocks-gallery-item:nth-of-type(4n) {
margin-right: 0
}
.blocks-gallery-grid.columns-5 .blocks-gallery-image:nth-of-type(5n),
.blocks-gallery-grid.columns-5 .blocks-gallery-item:nth-of-type(5n),
.wp-block-gallery.columns-5 .blocks-gallery-image:nth-of-type(5n),
.wp-block-gallery.columns-5 .blocks-gallery-item:nth-of-type(5n) {
margin-right: 0
}
.blocks-gallery-grid.columns-6 .blocks-gallery-image:nth-of-type(6n),
.blocks-gallery-grid.columns-6 .blocks-gallery-item:nth-of-type(6n),
.wp-block-gallery.columns-6 .blocks-gallery-image:nth-of-type(6n),
.wp-block-gallery.columns-6 .blocks-gallery-item:nth-of-type(6n) {
margin-right: 0
}
.blocks-gallery-grid.columns-7 .blocks-gallery-image:nth-of-type(7n),
.blocks-gallery-grid.columns-7 .blocks-gallery-item:nth-of-type(7n),
.wp-block-gallery.columns-7 .blocks-gallery-image:nth-of-type(7n),
.wp-block-gallery.columns-7 .blocks-gallery-item:nth-of-type(7n) {
margin-right: 0
}
.blocks-gallery-grid.columns-8 .blocks-gallery-image:nth-of-type(8n),
.blocks-gallery-grid.columns-8 .blocks-gallery-item:nth-of-type(8n),
.wp-block-gallery.columns-8 .blocks-gallery-image:nth-of-type(8n),
.wp-block-gallery.columns-8 .blocks-gallery-item:nth-of-type(8n) {
margin-right: 0
}
}
.blocks-gallery-grid .blocks-gallery-image:last-child,
.blocks-gallery-grid .blocks-gallery-item:last-child,
.wp-block-gallery .blocks-gallery-image:last-child,
.wp-block-gallery .blocks-gallery-item:last-child {
margin-right: 0
}
.blocks-gallery-grid.alignleft,
.blocks-gallery-grid.alignright,
.wp-block-gallery.alignleft,
.wp-block-gallery.alignright {
max-width: 290px;
width: 100%
}
.blocks-gallery-grid.aligncenter .blocks-gallery-item figure,
.wp-block-gallery.aligncenter .blocks-gallery-item figure {
justify-content: center
}
.wp-block-image {
margin-bottom: 1em
}
.wp-block-image img {
max-width: 100%
}
.wp-block-image.aligncenter {
text-align: center
}
.wp-block-image.alignfull img,
.wp-block-image.alignwide img {
width: 100%
}
.wp-block-image .aligncenter,
.wp-block-image .alignleft,
.wp-block-image .alignright,
.wp-block-image.is-resized {
display: table;
margin-left: 0;
margin-right: 0
}
.wp-block-image .aligncenter > figcaption,
.wp-block-image .alignleft > figcaption,
.wp-block-image .alignright > figcaption,
.wp-block-image.is-resized > figcaption {
display: table-caption;
caption-side: bottom
}
.wp-block-image .alignleft {
float: left;
margin-right: 1em
}
.wp-block-image .alignright {
float: right;
margin-left: 1em
}
.wp-block-image .aligncenter {
margin-left: auto;
margin-right: auto
}
.wp-block-image figcaption {
margin-top: .5em;
margin-bottom: 1em
}
.is-style-circle-mask img,
.is-style-rounded img {
border-radius: 9999px
}
@supports ((-webkit-mask-image:none) or (mask-image:none)) or (-webkit-mask-image:none) {
.is-style-circle-mask img {
-webkit-mask-image: url('data:image/svg+xml;utf8,');
mask-image: url('data:image/svg+xml;utf8,');
mask-mode: alpha;
-webkit-mask-repeat: no-repeat;
mask-repeat: no-repeat;
-webkit-mask-size: contain;
mask-size: contain;
-webkit-mask-position: center;
mask-position: center;
border-radius: 0
}
}
.wp-block-latest-comments__comment {
font-size: 15px;
line-height: 1.1;
list-style: none;
margin-bottom: 1em
}
.has-avatars .wp-block-latest-comments__comment {
min-height: 36px;
list-style: none
}
.has-avatars .wp-block-latest-comments__comment .wp-block-latest-comments__comment-excerpt,
.has-avatars .wp-block-latest-comments__comment .wp-block-latest-comments__comment-meta {
margin-left: 52px
}
.has-dates .wp-block-latest-comments__comment,
.has-excerpts .wp-block-latest-comments__comment {
line-height: 1.5
}
.wp-block-latest-comments__comment-excerpt p {
font-size: 14px;
line-height: 1.8;
margin: 5px 0 20px
}
.wp-block-latest-comments__comment-date {
color: #8f98a1;
display: block;
font-size: 12px
}
.wp-block-latest-comments .avatar,
.wp-block-latest-comments__comment-avatar {
border-radius: 24px;
display: block;
float: left;
height: 40px;
margin-right: 12px;
width: 40px
}
.wp-block-latest-posts.alignleft {
margin-right: 2em
}
.wp-block-latest-posts.alignright {
margin-left: 2em
}
.wp-block-latest-posts.wp-block-latest-posts__list {
list-style: none
}
.wp-block-latest-posts.wp-block-latest-posts__list li {
clear: both
}
.wp-block-latest-posts.is-grid {
display: flex;
flex-wrap: wrap;
padding: 0
}
.wp-block-latest-posts.is-grid li {
margin: 0 16px 16px 0;
width: 100%
}
@media (min-width:600px) {
.wp-block-latest-posts.columns-2 li {
width: calc(50% - 16px)
}
.wp-block-latest-posts.columns-3 li {
width: calc(33.33333% - 16px)
}
.wp-block-latest-posts.columns-4 li {
width: calc(25% - 16px)
}
.wp-block-latest-posts.columns-5 li {
width: calc(20% - 16px)
}
.wp-block-latest-posts.columns-6 li {
width: calc(16.66667% - 16px)
}
}
.wp-block-latest-posts__post-date {
display: block;
color: #6c7781;
font-size: 13px
}
.wp-block-latest-posts__post-excerpt {
margin-top: 8px;
margin-bottom: 16px
}
.wp-block-latest-posts__featured-image img {
height: auto;
width: auto
}
.wp-block-latest-posts__featured-image.alignleft {
margin-right: 1em
}
.wp-block-latest-posts__featured-image.alignright {
margin-left: 1em
}
.wp-block-latest-posts__featured-image.aligncenter {
margin-bottom: 1em;
text-align: center
}
.wp-block-media-text {
/*!rtl:begin:ignore*/
direction: ltr;
/*!rtl:end:ignore*/
display: -ms-grid;
display: grid;
-ms-grid-columns: 50% 1fr;
grid-template-columns: 50% 1fr;
-ms-grid-rows: auto;
grid-template-rows: auto
}
.wp-block-media-text.has-media-on-the-right {
-ms-grid-columns: 1fr 50%;
grid-template-columns: 1fr 50%
}
.wp-block-media-text.is-vertically-aligned-top .wp-block-media-text__content,
.wp-block-media-text.is-vertically-aligned-top .wp-block-media-text__media {
-ms-grid-row-align: start;
align-self: start
}
.wp-block-media-text.is-vertically-aligned-center .wp-block-media-text__content,
.wp-block-media-text.is-vertically-aligned-center .wp-block-media-text__media,
.wp-block-media-text .wp-block-media-text__content,
.wp-block-media-text .wp-block-media-text__media {
-ms-grid-row-align: center;
align-self: center
}
.wp-block-media-text.is-vertically-aligned-bottom .wp-block-media-text__content,
.wp-block-media-text.is-vertically-aligned-bottom .wp-block-media-text__media {
-ms-grid-row-align: end;
align-self: end
}
.wp-block-media-text .wp-block-media-text__media {
/*!rtl:begin:ignore*/
-ms-grid-column: 1;
grid-column: 1;
-ms-grid-row: 1;
grid-row: 1;
/*!rtl:end:ignore*/
margin: 0
}
.wp-block-media-text .wp-block-media-text__content {
direction: ltr;
/*!rtl:begin:ignore*/
-ms-grid-column: 2;
grid-column: 2;
-ms-grid-row: 1;
grid-row: 1;
/*!rtl:end:ignore*/
padding: 0 8%;
word-break: break-word
}
.wp-block-media-text.has-media-on-the-right .wp-block-media-text__media {
/*!rtl:begin:ignore*/
-ms-grid-column: 2;
grid-column: 2;
-ms-grid-row: 1;
grid-row: 1
/*!rtl:end:ignore*/
}
.wp-block-media-text.has-media-on-the-right .wp-block-media-text__content {
/*!rtl:begin:ignore*/
-ms-grid-column: 1;
grid-column: 1;
-ms-grid-row: 1;
grid-row: 1
/*!rtl:end:ignore*/
}
.wp-block-media-text > figure > img,
.wp-block-media-text > figure > video {
max-width: unset;
width: 100%;
vertical-align: middle
}
.wp-block-media-text.is-image-fill figure.wp-block-media-text__media {
height: 100%;
min-height: 250px;
background-size: cover
}
.wp-block-media-text.is-image-fill figure.wp-block-media-text__media > img {
position: absolute;
width: 1px;
height: 1px;
padding: 0;
margin: -1px;
overflow: hidden;
clip: rect(0, 0, 0, 0);
border: 0
}
@media (max-width:600px) {
.wp-block-media-text.is-stacked-on-mobile {
-ms-grid-columns: 100% !important;
grid-template-columns: 100% !important
}
.wp-block-media-text.is-stacked-on-mobile .wp-block-media-text__media {
-ms-grid-column: 1;
grid-column: 1;
-ms-grid-row: 1;
grid-row: 1
}
.wp-block-media-text.is-stacked-on-mobile.has-media-on-the-right .wp-block-media-text__media,
.wp-block-media-text.is-stacked-on-mobile .wp-block-media-text__content {
-ms-grid-column: 1;
grid-column: 1;
-ms-grid-row: 2;
grid-row: 2
}
.wp-block-media-text.is-stacked-on-mobile.has-media-on-the-right .wp-block-media-text__content {
-ms-grid-column: 1;
grid-column: 1;
-ms-grid-row: 1;
grid-row: 1
}
}
.wp-block-navigation > ul {
display: block;
list-style: none;
margin: 0;
padding-left: 0
}
@media (min-width:600px) {
.wp-block-navigation > ul {
display: flex;
flex-wrap: wrap
}
}
.wp-block-navigation > ul ul {
list-style: none;
padding-left: 0;
margin-top: 0;
margin-left: 0
}
.wp-block-navigation > ul ul li {
margin: 0
}
.wp-block-navigation > ul li {
z-index: 1
}
.wp-block-navigation > ul li:focus-within,
.wp-block-navigation > ul li:hover {
cursor: pointer;
z-index: 99999
}
.wp-block-navigation > ul li:focus-within > ul,
.wp-block-navigation > ul li:hover > ul,
.wp-block-navigation > ul li ul:focus,
.wp-block-navigation > ul li ul:hover {
visibility: visible;
opacity: 1;
display: flex;
flex-direction: column
}
.wp-block-navigation > ul > li ul {
position: absolute;
left: 0;
top: 100%;
min-width: 200px;
max-width: 200px;
opacity: 0;
transition: opacity .1s linear;
visibility: hidden
}
.wp-block-navigation,
.wp-block-navigation .block-editor-block-list__layout {
display: flex;
flex-wrap: wrap
}
.wp-block-navigation .block-editor-block-list__layout .block-editor-block-list__layout {
width: 200px
}
.wp-block-navigation .block-editor-inner-blocks > .block-editor-block-list__layout > .wp-block {
margin: 0;
width: auto
}
.wp-block-navigation,
.wp-block-navigation > .wp-block-navigation__container {
align-items: center;
width: 100%
}
.wp-block-navigation > .wp-block-navigation-link,
.wp-block-navigation > .wp-block-navigation__container > .wp-block-navigation-link {
display: flex;
margin-top: 0;
margin-bottom: 0
}
.wp-block-navigation .wp-block-navigation-link {
position: relative;
margin: 0;
min-height: 56px;
display: flex;
line-height: 1.4
}
.wp-block-navigation .wp-block-navigation-link .wp-block,
.wp-block-navigation .wp-block-navigation-link .wp-block-navigation-link {
min-height: auto;
padding: 0
}
.wp-block-navigation .wp-block-navigation-link .wp-block .wp-block-navigation-link {
margin: 0
}
.wp-block-navigation .wp-block-navigation-link > .block-editor-inner-blocks {
display: none
}
.wp-block-navigation .wp-block-navigation-link.has-child > .wp-block-navigation__container,
.wp-block-navigation .wp-block-navigation-link.is-editing.has-child > .block-editor-inner-blocks {
display: flex;
border: 1px solid rgba(0, 0, 0, .15);
position: absolute;
z-index: 1;
top: 100%;
left: 0
}
.wp-block-navigation .wp-block-navigation-link.has-child > .wp-block-navigation__container .block-editor-inner-blocks,
.wp-block-navigation .wp-block-navigation-link.has-child > .wp-block-navigation__container .wp-block-navigation__container,
.wp-block-navigation .wp-block-navigation-link.is-editing.has-child > .block-editor-inner-blocks .block-editor-inner-blocks,
.wp-block-navigation .wp-block-navigation-link.is-editing.has-child > .block-editor-inner-blocks .wp-block-navigation__container {
left: 100%;
top: -1px
}
.wp-block-navigation .wp-block-navigation-link .block-editor-inner-blocks,
.wp-block-navigation .wp-block-navigation-link .wp-block-navigation__container {
background-color: inherit;
color: inherit
}
.wp-block-navigation .wp-block-navigation-link .wp-block-navigation-link__content {
display: flex;
align-items: center;
width: max-content;
padding: 6px 16px
}
.wp-block-navigation .wp-block-navigation-link .wp-block-navigation-link:first-child:not(:only-child) .wp-block-navigation-link__content {
padding-top: 8px
}
.wp-block-navigation .wp-block-navigation-link .wp-block-navigation-link:last-child .wp-block-navigation-link__content {
padding-bottom: 8px
}
.wp-block-navigation .wp-block-navigation-link.has-child .wp-block-navigation-link__content {
min-width: 100%;
padding-right: 32px;
position: relative
}
.wp-block-navigation .wp-block-navigation-link .wp-block-navigation-link__submenu-icon {
position: absolute;
right: 16px
}
.wp-block-navigation .wp-block-navigation-link .wp-block-navigation-link__submenu-icon svg {
fill: currentColor
}
.wp-block-navigation .wp-block-navigation-link .wp-block-navigation-link svg {
transform: rotate(0)
}
.wp-block-navigation .wp-block-navigation-link.has-text-color .wp-block-navigation-link__content {
color: inherit
}
.wp-block-navigation.is-style-light .wp-block-navigation-link:not(.has-text-color) > .block-editor-inner-blocks,
.wp-block-navigation.is-style-light .wp-block-navigation-link:not(.has-text-color) > .wp-block-navigation__container,
.wp-block-navigation .wp-block-navigation-link:not(.has-text-color) > .block-editor-inner-blocks,
.wp-block-navigation .wp-block-navigation-link:not(.has-text-color) > .wp-block-navigation__container {
color: #111
}
.wp-block-navigation.is-style-light .wp-block-navigation-link:not(.has-background) > .block-editor-inner-blocks,
.wp-block-navigation.is-style-light .wp-block-navigation-link:not(.has-background) > .wp-block-navigation__container,
.wp-block-navigation .wp-block-navigation-link:not(.has-background) > .block-editor-inner-blocks,
.wp-block-navigation .wp-block-navigation-link:not(.has-background) > .wp-block-navigation__container {
background-color: #fff
}
.wp-block-navigation.is-style-dark .wp-block-navigation-link:not(.has-text-color) > .block-editor-inner-blocks,
.wp-block-navigation.is-style-dark .wp-block-navigation-link:not(.has-text-color) > .wp-block-navigation__container {
color: #fff
}
.wp-block-navigation.is-style-dark .wp-block-navigation-link:not(.has-background) > .block-editor-inner-blocks,
.wp-block-navigation.is-style-dark .wp-block-navigation-link:not(.has-background) > .wp-block-navigation__container {
background-color: #333
}
.wp-block-navigation .wp-block-navigation-link.has-child > .wp-block-navigation__container {
display: flex;
flex-direction: column;
padding: 0
}
.wp-block-navigation > ul > li > a {
display: flex;
align-items: center
}
.wp-block-navigation > ul > li:first-of-type > a {
padding-left: 0
}
.wp-block-navigation > ul > li:last-of-type > a {
padding-right: 0
}
.wp-block-navigation.items-justified-left > ul {
justify-content: flex-start
}
.wp-block-navigation.items-justified-center > ul {
justify-content: center
}
.wp-block-navigation.items-justified-right > ul {
justify-content: flex-end
}
.is-small-text {
font-size: 14px
}
.is-regular-text {
font-size: 16px
}
.is-large-text {
font-size: 36px
}
.is-larger-text {
font-size: 48px
}
.has-drop-cap:not(:focus):first-letter {
float: left;
font-size: 8.4em;
line-height: .68;
font-weight: 100;
margin: .05em .1em 0 0;
text-transform: uppercase;
font-style: normal
}
p.has-background {
padding: 20px 30px
}
p.has-text-color a {
color: inherit
}
.wp-block-pullquote {
padding: 3em 0;
margin-left: 0;
margin-right: 0;
text-align: center
}
.wp-block-pullquote.alignleft,
.wp-block-pullquote.alignright {
max-width: 290px
}
.wp-block-pullquote.alignleft p,
.wp-block-pullquote.alignright p {
font-size: 20px
}
.wp-block-pullquote p {
font-size: 28px;
line-height: 1.6
}
.wp-block-pullquote cite,
.wp-block-pullquote footer {
position: relative
}
.wp-block-pullquote .has-text-color a {
color: inherit
}
.wp-block-pullquote:not(.is-style-solid-color) {
background: none
}
.wp-block-pullquote.is-style-solid-color {
border: none
}
.wp-block-pullquote.is-style-solid-color blockquote {
margin-left: auto;
margin-right: auto;
text-align: left;
max-width: 60%
}
.wp-block-pullquote.is-style-solid-color blockquote p {
margin-top: 0;
margin-bottom: 0;
font-size: 32px
}
.wp-block-pullquote.is-style-solid-color blockquote cite {
text-transform: none;
font-style: normal
}
.wp-block-pullquote cite {
color: inherit
}
.wp-block-quote.is-large,
.wp-block-quote.is-style-large {
margin: 0 0 16px;
padding: 0 1em
}
.wp-block-quote.is-large p,
.wp-block-quote.is-style-large p {
font-size: 24px;
font-style: italic;
line-height: 1.6
}
.wp-block-quote.is-large cite,
.wp-block-quote.is-large footer,
.wp-block-quote.is-style-large cite,
.wp-block-quote.is-style-large footer {
font-size: 18px;
text-align: right
}
.wp-block-rss.alignleft {
margin-right: 2em
}
.wp-block-rss.alignright {
margin-left: 2em
}
.wp-block-rss.is-grid {
display: flex;
flex-wrap: wrap;
padding: 0;
list-style: none
}
.wp-block-rss.is-grid li {
margin: 0 16px 16px 0;
width: 100%
}
@media (min-width:600px) {
.wp-block-rss.columns-2 li {
width: calc(50% - 16px)
}
.wp-block-rss.columns-3 li {
width: calc(33.33333% - 16px)
}
.wp-block-rss.columns-4 li {
width: calc(25% - 16px)
}
.wp-block-rss.columns-5 li {
width: calc(20% - 16px)
}
.wp-block-rss.columns-6 li {
width: calc(16.66667% - 16px)
}
}
.wp-block-rss__item-author,
.wp-block-rss__item-publish-date {
display: block;
color: #6c7781;
font-size: 13px
}
.wp-block-search {
display: flex;
flex-wrap: wrap
}
.wp-block-search .wp-block-search__label {
width: 100%
}
.wp-block-search .wp-block-search__input {
flex-grow: 1;
max-width: 360px
}
.wp-block-search .wp-block-search__button {
margin-left: 10px
}
.wp-block-separator.is-style-wide {
border-bottom-width: 1px
}
.wp-block-separator.is-style-dots {
background: none !important;
border: none;
text-align: center;
max-width: none;
line-height: 1;
height: auto
}
.wp-block-separator.is-style-dots:before {
content: "\00b7 \00b7 \00b7";
color: currentColor;
font-size: 20px;
letter-spacing: 2em;
padding-left: 2em;
font-family: serif
}
.wp-block-social-links {
display: flex;
justify-content: flex-start;
padding-left: 0;
padding-right: 0;
margin-left: 0
}
.wp-block-social-links .wp-social-link a,
.wp-block-social-links .wp-social-link a:hover {
text-decoration: none;
border-bottom: 0;
box-shadow: none
}
.wp-social-link {
display: block;
width: 36px;
height: 36px;
border-radius: 36px;
margin-right: 8px;
transition: transform .1s ease
}
@media (prefers-reduced-motion:reduce) {
.wp-social-link {
transition-duration: 0s
}
}
.wp-social-link a {
padding: 6px;
display: block;
line-height: 0;
transition: transform .1s ease
}
.wp-social-link a,
.wp-social-link a:active,
.wp-social-link a:hover,
.wp-social-link a:visited,
.wp-social-link svg {
color: currentColor;
fill: currentColor
}
.wp-social-link:hover {
transform: scale(1.1)
}
.wp-block-social-links.aligncenter {
justify-content: center;
display: flex
}
.wp-block-social-links:not(.is-style-logos-only) .wp-social-link {
background-color: #f0f0f0;
color: #444
}
.wp-block-social-links:not(.is-style-logos-only) .wp-social-link-amazon {
background-color: #f90;
color: #fff
}
.wp-block-social-links:not(.is-style-logos-only) .wp-social-link-bandcamp {
background-color: #1ea0c3;
color: #fff
}
.wp-block-social-links:not(.is-style-logos-only) .wp-social-link-behance {
background-color: #0757fe;
color: #fff
}
.wp-block-social-links:not(.is-style-logos-only) .wp-social-link-codepen {
background-color: #1e1f26;
color: #fff
}
.wp-block-social-links:not(.is-style-logos-only) .wp-social-link-deviantart {
background-color: #02e49b;
color: #fff
}
.wp-block-social-links:not(.is-style-logos-only) .wp-social-link-dribbble {
background-color: #e94c89;
color: #fff
}
.wp-block-social-links:not(.is-style-logos-only) .wp-social-link-dropbox {
background-color: #4280ff;
color: #fff
}
.wp-block-social-links:not(.is-style-logos-only) .wp-social-link-etsy {
background-color: #f45800;
color: #fff
}
.wp-block-social-links:not(.is-style-logos-only) .wp-social-link-facebook {
background-color: #1977f2;
color: #fff
}
.wp-block-social-links:not(.is-style-logos-only) .wp-social-link-fivehundredpx {
background-color: #000;
color: #fff
}
.wp-block-social-links:not(.is-style-logos-only) .wp-social-link-flickr {
background-color: #0461dd;
color: #fff
}
.wp-block-social-links:not(.is-style-logos-only) .wp-social-link-foursquare {
background-color: #e65678;
color: #fff
}
.wp-block-social-links:not(.is-style-logos-only) .wp-social-link-github {
background-color: #24292d;
color: #fff
}
.wp-block-social-links:not(.is-style-logos-only) .wp-social-link-goodreads {
background-color: #eceadd;
color: #382110
}
.wp-block-social-links:not(.is-style-logos-only) .wp-social-link-google {
background-color: #ea4434;
color: #fff
}
.wp-block-social-links:not(.is-style-logos-only) .wp-social-link-instagram {
background-color: #f00075;
color: #fff
}
.wp-block-social-links:not(.is-style-logos-only) .wp-social-link-lastfm {
background-color: #e21b24;
color: #fff
}
.wp-block-social-links:not(.is-style-logos-only) .wp-social-link-linkedin {
background-color: #0577b5;
color: #fff
}
.wp-block-social-links:not(.is-style-logos-only) .wp-social-link-mastodon {
background-color: #3288d4;
color: #fff
}
.wp-block-social-links:not(.is-style-logos-only) .wp-social-link-medium {
background-color: #02ab6c;
color: #fff
}
.wp-block-social-links:not(.is-style-logos-only) .wp-social-link-meetup {
background-color: #f6405f;
color: #fff
}
.wp-block-social-links:not(.is-style-logos-only) .wp-social-link-pinterest {
background-color: #e60122;
color: #fff
}
.wp-block-social-links:not(.is-style-logos-only) .wp-social-link-pocket {
background-color: #ef4155;
color: #fff
}
.wp-block-social-links:not(.is-style-logos-only) .wp-social-link-reddit {
background-color: #fe4500;
color: #fff
}
.wp-block-social-links:not(.is-style-logos-only) .wp-social-link-skype {
background-color: #0478d7;
color: #fff
}
.wp-block-social-links:not(.is-style-logos-only) .wp-social-link-snapchat {
background-color: #fefc00;
color: #fff;
stroke: #000
}
.wp-block-social-links:not(.is-style-logos-only) .wp-social-link-soundcloud {
background-color: #ff5600;
color: #fff
}
.wp-block-social-links:not(.is-style-logos-only) .wp-social-link-spotify {
background-color: #1bd760;
color: #fff
}
.wp-block-social-links:not(.is-style-logos-only) .wp-social-link-tumblr {
background-color: #011835;
color: #fff
}
.wp-block-social-links:not(.is-style-logos-only) .wp-social-link-twitch {
background-color: #6440a4;
color: #fff
}
.wp-block-social-links:not(.is-style-logos-only) .wp-social-link-twitter {
background-color: #21a1f3;
color: #fff
}
.wp-block-social-links:not(.is-style-logos-only) .wp-social-link-vimeo {
background-color: #1eb7ea;
color: #fff
}
.wp-block-social-links:not(.is-style-logos-only) .wp-social-link-vk {
background-color: #4680c2;
color: #fff
}
.wp-block-social-links:not(.is-style-logos-only) .wp-social-link-wordpress {
background-color: #3499cd;
color: #fff
}
.wp-block-social-links:not(.is-style-logos-only) .wp-social-link-yelp {
background-color: #d32422;
color: #fff
}
.wp-block-social-links:not(.is-style-logos-only) .wp-social-link-youtube {
background-color: #ff0100;
color: #fff
}
.wp-block-social-links.is-style-logos-only .wp-social-link {
background: none;
padding: 4px
}
.wp-block-social-links.is-style-logos-only .wp-social-link svg {
width: 28px;
height: 28px
}
.wp-block-social-links.is-style-logos-only .wp-social-link-amazon {
color: #f90
}
.wp-block-social-links.is-style-logos-only .wp-social-link-bandcamp {
color: #1ea0c3
}
.wp-block-social-links.is-style-logos-only .wp-social-link-behance {
color: #0757fe
}
.wp-block-social-links.is-style-logos-only .wp-social-link-codepen {
color: #1e1f26
}
.wp-block-social-links.is-style-logos-only .wp-social-link-deviantart {
color: #02e49b
}
.wp-block-social-links.is-style-logos-only .wp-social-link-dribbble {
color: #e94c89
}
.wp-block-social-links.is-style-logos-only .wp-social-link-dropbox {
color: #4280ff
}
.wp-block-social-links.is-style-logos-only .wp-social-link-etsy {
color: #f45800
}
.wp-block-social-links.is-style-logos-only .wp-social-link-facebook {
color: #1977f2
}
.wp-block-social-links.is-style-logos-only .wp-social-link-fivehundredpx {
color: #000
}
.wp-block-social-links.is-style-logos-only .wp-social-link-flickr {
color: #0461dd
}
.wp-block-social-links.is-style-logos-only .wp-social-link-foursquare {
color: #e65678
}
.wp-block-social-links.is-style-logos-only .wp-social-link-github {
color: #24292d
}
.wp-block-social-links.is-style-logos-only .wp-social-link-goodreads {
color: #382110
}
.wp-block-social-links.is-style-logos-only .wp-social-link-google {
color: #ea4434
}
.wp-block-social-links.is-style-logos-only .wp-social-link-instagram {
color: #f00075
}
.wp-block-social-links.is-style-logos-only .wp-social-link-lastfm {
color: #e21b24
}
.wp-block-social-links.is-style-logos-only .wp-social-link-linkedin {
color: #0577b5
}
.wp-block-social-links.is-style-logos-only .wp-social-link-mastodon {
color: #3288d4
}
.wp-block-social-links.is-style-logos-only .wp-social-link-medium {
color: #02ab6c
}
.wp-block-social-links.is-style-logos-only .wp-social-link-meetup {
color: #f6405f
}
.wp-block-social-links.is-style-logos-only .wp-social-link-pinterest {
color: #e60122
}
.wp-block-social-links.is-style-logos-only .wp-social-link-pocket {
color: #ef4155
}
.wp-block-social-links.is-style-logos-only .wp-social-link-reddit {
color: #fe4500
}
.wp-block-social-links.is-style-logos-only .wp-social-link-skype {
color: #0478d7
}
.wp-block-social-links.is-style-logos-only .wp-social-link-snapchat {
color: #fff;
stroke: #000
}
.wp-block-social-links.is-style-logos-only .wp-social-link-soundcloud {
color: #ff5600
}
.wp-block-social-links.is-style-logos-only .wp-social-link-spotify {
color: #1bd760
}
.wp-block-social-links.is-style-logos-only .wp-social-link-tumblr {
color: #011835
}
.wp-block-social-links.is-style-logos-only .wp-social-link-twitch {
color: #6440a4
}
.wp-block-social-links.is-style-logos-only .wp-social-link-twitter {
color: #21a1f3
}
.wp-block-social-links.is-style-logos-only .wp-social-link-vimeo {
color: #1eb7ea
}
.wp-block-social-links.is-style-logos-only .wp-social-link-vk {
color: #4680c2
}
.wp-block-social-links.is-style-logos-only .wp-social-link-wordpress {
color: #3499cd
}
.wp-block-social-links.is-style-logos-only .wp-social-link-yelp {
background-color: #d32422;
color: #fff
}
.wp-block-social-links.is-style-logos-only .wp-social-link-youtube {
color: #ff0100
}
.wp-block-social-links.is-style-pill-shape .wp-social-link {
width: auto
}
.wp-block-social-links.is-style-pill-shape .wp-social-link a {
padding-left: 16px;
padding-right: 16px
}
.wp-block-spacer {
clear: both
}
p.wp-block-subhead {
font-size: 1.1em;
font-style: italic;
opacity: .75
}
.wp-block-table {
overflow-x: auto
}
.wp-block-table table {
width: 100%
}
.wp-block-table .has-fixed-layout {
table-layout: fixed;
width: 100%
}
.wp-block-table .has-fixed-layout td,
.wp-block-table .has-fixed-layout th {
word-break: break-word
}
.wp-block-table.aligncenter,
.wp-block-table.alignleft,
.wp-block-table.alignright {
display: table;
width: auto
}
.wp-block-table.aligncenter td,
.wp-block-table.aligncenter th,
.wp-block-table.alignleft td,
.wp-block-table.alignleft th,
.wp-block-table.alignright td,
.wp-block-table.alignright th {
word-break: break-word
}
.wp-block-table .has-subtle-light-gray-background-color {
background-color: #f3f4f5
}
.wp-block-table .has-subtle-pale-green-background-color {
background-color: #e9fbe5
}
.wp-block-table .has-subtle-pale-blue-background-color {
background-color: #e7f5fe
}
.wp-block-table .has-subtle-pale-pink-background-color {
background-color: #fcf0ef
}
.wp-block-table.is-style-stripes {
border-spacing: 0;
border-collapse: inherit;
background-color: transparent;
border-bottom: 1px solid #f3f4f5
}
.wp-block-table.is-style-stripes tbody tr:nth-child(odd) {
background-color: #f3f4f5
}
.wp-block-table.is-style-stripes.has-subtle-light-gray-background-color tbody tr:nth-child(odd) {
background-color: #f3f4f5
}
.wp-block-table.is-style-stripes.has-subtle-pale-green-background-color tbody tr:nth-child(odd) {
background-color: #e9fbe5
}
.wp-block-table.is-style-stripes.has-subtle-pale-blue-background-color tbody tr:nth-child(odd) {
background-color: #e7f5fe
}
.wp-block-table.is-style-stripes.has-subtle-pale-pink-background-color tbody tr:nth-child(odd) {
background-color: #fcf0ef
}
.wp-block-table.is-style-stripes td,
.wp-block-table.is-style-stripes th {
border-color: transparent
}
.wp-block-text-columns,
.wp-block-text-columns.aligncenter {
display: flex
}
.wp-block-text-columns .wp-block-column {
margin: 0 16px;
padding: 0
}
.wp-block-text-columns .wp-block-column:first-child {
margin-left: 0
}
.wp-block-text-columns .wp-block-column:last-child {
margin-right: 0
}
.wp-block-text-columns.columns-2 .wp-block-column {
width: 50%
}
.wp-block-text-columns.columns-3 .wp-block-column {
width: 33.33333%
}
.wp-block-text-columns.columns-4 .wp-block-column {
width: 25%
}
.wp-block-video {
margin-left: 0;
margin-right: 0
}
.wp-block-video video {
max-width: 100%
}
@supports ((position:-webkit-sticky) or (position:sticky)) {
.wp-block-video [poster] {
object-fit: cover
}
}
.wp-block-video.aligncenter {
text-align: center
}
.wp-block-video figcaption {
margin-top: .5em;
margin-bottom: 1em
}
:root .has-pale-pink-background-color {
background-color: #f78da7
}
:root .has-vivid-red-background-color {
background-color: #cf2e2e
}
:root .has-luminous-vivid-orange-background-color {
background-color: #ff6900
}
:root .has-luminous-vivid-amber-background-color {
background-color: #fcb900
}
:root .has-light-green-cyan-background-color {
background-color: #7bdcb5
}
:root .has-vivid-green-cyan-background-color {
background-color: #00d084
}
:root .has-pale-cyan-blue-background-color {
background-color: #8ed1fc
}
:root .has-vivid-cyan-blue-background-color {
background-color: #0693e3
}
:root .has-vivid-purple-background-color {
background-color: #9b51e0
}
:root .has-very-light-gray-background-color {
background-color: #eee
}
:root .has-cyan-bluish-gray-background-color {
background-color: #abb8c3
}
:root .has-very-dark-gray-background-color {
background-color: #313131
}
:root .has-pale-pink-color {
color: #f78da7
}
:root .has-vivid-red-color {
color: #cf2e2e
}
:root .has-luminous-vivid-orange-color {
color: #ff6900
}
:root .has-luminous-vivid-amber-color {
color: #fcb900
}
:root .has-light-green-cyan-color {
color: #7bdcb5
}
:root .has-vivid-green-cyan-color {
color: #00d084
}
:root .has-pale-cyan-blue-color {
color: #8ed1fc
}
:root .has-vivid-cyan-blue-color {
color: #0693e3
}
:root .has-vivid-purple-color {
color: #9b51e0
}
:root .has-very-light-gray-color {
color: #eee
}
:root .has-cyan-bluish-gray-color {
color: #abb8c3
}
:root .has-very-dark-gray-color {
color: #313131
}
:root .has-vivid-cyan-blue-to-vivid-purple-gradient-background {
background: linear-gradient(135deg, #0693e3, #9b51e0)
}
:root .has-vivid-green-cyan-to-vivid-cyan-blue-gradient-background {
background: linear-gradient(135deg, #00d084, #0693e3)
}
:root .has-light-green-cyan-to-vivid-green-cyan-gradient-background {
background: linear-gradient(135deg, #7adcb4, #00d082)
}
:root .has-luminous-vivid-amber-to-luminous-vivid-orange-gradient-background {
background: linear-gradient(135deg, #fcb900, #ff6900)
}
:root .has-luminous-vivid-orange-to-vivid-red-gradient-background {
background: linear-gradient(135deg, #ff6900, #cf2e2e)
}
:root .has-very-light-gray-to-cyan-bluish-gray-gradient-background {
background: linear-gradient(135deg, #eee, #a9b8c3)
}
:root .has-cool-to-warm-spectrum-gradient-background {
background: linear-gradient(135deg, #4aeadc, #9778d1 20%, #cf2aba 40%, #ee2c82 60%, #fb6962 80%, #fef84c)
}
:root .has-blush-light-purple-gradient-background {
background: linear-gradient(135deg, #ffceec, #9896f0)
}
:root .has-blush-bordeaux-gradient-background {
background: linear-gradient(135deg, #fecda5, #fe2d2d 50%, #6b003e)
}
:root .has-purple-crush-gradient-background {
background: linear-gradient(135deg, #34e2e4, #4721fb 50%, #ab1dfe)
}
:root .has-luminous-dusk-gradient-background {
background: linear-gradient(135deg, #ffcb70, #c751c0 50%, #4158d0)
}
:root .has-hazy-dawn-gradient-background {
background: linear-gradient(135deg, #faaca8, #dad0ec)
}
:root .has-pale-ocean-gradient-background {
background: linear-gradient(135deg, #fff5cb, #b6e3d4 50%, #33a7b5)
}
:root .has-electric-grass-gradient-background {
background: linear-gradient(135deg, #caf880, #71ce7e)
}
:root .has-subdued-olive-gradient-background {
background: linear-gradient(135deg, #fafae1, #67a671)
}
:root .has-atomic-cream-gradient-background {
background: linear-gradient(135deg, #fdd79a, #004a59)
}
:root .has-nightshade-gradient-background {
background: linear-gradient(135deg, #330968, #31cdcf)
}
:root .has-midnight-gradient-background {
background: linear-gradient(135deg, #020381, #2874fc)
}
.has-small-font-size {
font-size: 13px
}
.has-normal-font-size,
.has-regular-font-size {
font-size: 16px
}
.has-medium-font-size {
font-size: 20px
}
.has-large-font-size {
font-size: 36px
}
.has-huge-font-size,
.has-larger-font-size {
font-size: 42px
}
.has-text-align-center {
text-align: center
}
.has-text-align-left {
text-align: left
}
.has-text-align-right {
text-align: right
}
.wc-block-featured-category {
position: relative;
background-color: #24292d;
background-size: cover;
background-position: 50%;
width: 100%;
margin: 0 0 1.5em
}
.wc-block-featured-category,
.wc-block-featured-category .wc-block-featured-category__wrapper {
display: -webkit-box;
display: flex;
-webkit-box-pack: center;
justify-content: center;
-webkit-box-align: center;
align-items: center;
flex-wrap: wrap;
align-content: center
}
.wc-block-featured-category .wc-block-featured-category__wrapper {
overflow: hidden;
height: 100%
}
.wc-block-featured-category.has-left-content {
-webkit-box-pack: start;
justify-content: flex-start
}
.wc-block-featured-category.has-left-content .wc-block-featured-category__description,
.wc-block-featured-category.has-left-content .wc-block-featured-category__price,
.wc-block-featured-category.has-left-content .wc-block-featured-category__title {
margin-left: 0;
text-align: left
}
.wc-block-featured-category.has-right-content {
-webkit-box-pack: end;
justify-content: flex-end
}
.wc-block-featured-category.has-right-content .wc-block-featured-category__description,
.wc-block-featured-category.has-right-content .wc-block-featured-category__price,
.wc-block-featured-category.has-right-content .wc-block-featured-category__title {
margin-right: 0;
text-align: right
}
.wc-block-featured-category .wc-block-featured-category__description,
.wc-block-featured-category .wc-block-featured-category__price,
.wc-block-featured-category .wc-block-featured-category__title {
color: #fff;
line-height: 1.25;
margin-bottom: 0;
text-align: center
}
.wc-block-featured-category .wc-block-featured-category__description a,
.wc-block-featured-category .wc-block-featured-category__description a:active,
.wc-block-featured-category .wc-block-featured-category__description a:focus,
.wc-block-featured-category .wc-block-featured-category__description a:hover,
.wc-block-featured-category .wc-block-featured-category__price a,
.wc-block-featured-category .wc-block-featured-category__price a:active,
.wc-block-featured-category .wc-block-featured-category__price a:focus,
.wc-block-featured-category .wc-block-featured-category__price a:hover,
.wc-block-featured-category .wc-block-featured-category__title a,
.wc-block-featured-category .wc-block-featured-category__title a:active,
.wc-block-featured-category .wc-block-featured-category__title a:focus,
.wc-block-featured-category .wc-block-featured-category__title a:hover {
color: #fff
}
.wc-block-featured-category .wc-block-featured-category__description,
.wc-block-featured-category .wc-block-featured-category__link,
.wc-block-featured-category .wc-block-featured-category__price,
.wc-block-featured-category .wc-block-featured-category__title {
width: 100%;
padding: 0 48px 16px;
z-index: 1
}
.wc-block-featured-category .wc-block-featured-category__title {
margin-top: 0
}
.wc-block-featured-category .wc-block-featured-category__title:before {
display: none
}
.wc-block-featured-category .wc-block-featured-category__description p {
margin: 0
}
.wc-block-featured-category.has-background-dim:before {
content: "";
position: absolute;
top: 0;
left: 0;
bottom: 0;
right: 0;
background-color: inherit;
opacity: .5;
z-index: 1
}
.wc-block-featured-category.has-background-dim.has-background-dim-10:before {
opacity: .1
}
.wc-block-featured-category.has-background-dim.has-background-dim-20:before {
opacity: .2
}
.wc-block-featured-category.has-background-dim.has-background-dim-30:before {
opacity: .3
}
.wc-block-featured-category.has-background-dim.has-background-dim-40:before {
opacity: .4
}
.wc-block-featured-category.has-background-dim.has-background-dim-50:before {
opacity: .5
}
.wc-block-featured-category.has-background-dim.has-background-dim-60:before {
opacity: .6
}
.wc-block-featured-category.has-background-dim.has-background-dim-70:before {
opacity: .7
}
.wc-block-featured-category.has-background-dim.has-background-dim-80:before {
opacity: .8
}
.wc-block-featured-category.has-background-dim.has-background-dim-90:before {
opacity: .9
}
.wc-block-featured-category.has-background-dim.has-background-dim-100:before {
opacity: 1
}
.wc-block-featured-category.alignleft,
.wc-block-featured-category.alignright {
max-width: 305px;
width: 100%
}
.wc-block-featured-category:after {
display: block;
content: "";
font-size: 0;
min-height: inherit
}
@supports ((position:-webkit-sticky) or (position:sticky)) {
.wc-block-featured-category:after {
content: none
}
}
.wc-block-featured-category.aligncenter,
.wc-block-featured-category.alignleft,
.wc-block-featured-category.alignright {
display: -webkit-box;
display: flex
}
.wc-block-product-categories {
margin-bottom: 1em
}
.wc-block-product-categories.is-dropdown {
display: -webkit-box;
display: flex
}
.wc-block-product-categories select {
margin-right: .5em
}
.wc-block-product-categories-list-item-count:before {
content: " ("
}
.wc-block-product-categories-list-item-count:after {
content: ")"
}
.wp-block-woocommerce-product-categories.is-loading .wc-block-product-categories__placeholder {
display: inline-block;
height: 1em;
width: 50%;
min-width: 200px;
background: currentColor;
opacity: .2
}
.wc-block-product-categories__button {
display: -webkit-box;
display: flex;
-webkit-box-align: center;
align-items: center;
text-decoration: none;
font-size: 13px;
margin: 0;
border: none;
cursor: pointer;
background: 0 0;
padding: 8px;
color: #555d66;
position: relative;
overflow: hidden;
border-radius: 4px
}
.wc-block-product-categories__button svg {
fill: currentColor;
outline: none
}
.rtl .wc-block-product-categories__button svg {
-webkit-transform: rotate(180deg);
transform: rotate(180deg)
}
.wc-block-product-categories__button:active {
color: currentColor
}
.wc-block-product-categories__button:disabled,
.wc-block-product-categories__button[aria-disabled=true] {
cursor: default;
opacity: .3
}
.wc-block-product-categories__button:focus:enabled {
background-color: #fff;
color: #191e23;
box-shadow: inset 0 0 0 1px #6c7781, inset 0 0 0 2px #fff;
outline: 2px solid transparent;
outline-offset: -2px
}
.wc-block-product-categories__button:not(:disabled):not([aria-disabled=true]):hover {
background-color: #fff;
color: #191e23;
box-shadow: inset 0 0 0 1px #e2e4e7, inset 0 0 0 2px #fff, 0 1px 1px rgba(25, 30, 35, .2)
}
.wc-block-product-categories__button:not(:disabled):not([aria-disabled=true]):active {
outline: none;
background-color: #fff;
color: #191e23;
box-shadow: inset 0 0 0 1px #ccd0d4, inset 0 0 0 2px #fff
}
.wc-block-product-categories__button:disabled:focus,
.wc-block-product-categories__button[aria-disabled=true]:focus {
box-shadow: none
}
.woocommerce-product-attributes__operator .components-base-control__help {
clip: rect(1px, 1px, 1px, 1px);
-webkit-clip-path: inset(50%);
clip-path: inset(50%);
height: 1px;
width: 1px;
margin: -1px;
overflow: hidden;
overflow-wrap: normal !important;
word-wrap: normal !important
}
.components-panel .woocommerce-product-attributes__operator.components-base-control {
margin-top: 16px
}
.components-panel .woocommerce-product-attributes__operator.components-base-control .components-select-control__input {
margin-left: 0;
min-width: 100%
}
.woocommerce-search-list__item.woocommerce-product-attributes__item.is-searching .woocommerce-search-list__item-prefix:after,
.woocommerce-search-list__item.woocommerce-product-attributes__item.is-skip-level .woocommerce-search-list__item-prefix:after {
content: ":"
}
.woocommerce-search-list__item.woocommerce-product-attributes__item.is-not-active:active,
.woocommerce-search-list__item.woocommerce-product-attributes__item.is-not-active:focus,
.woocommerce-search-list__item.woocommerce-product-attributes__item.is-not-active:hover {
background: #fff
}
.woocommerce-search-list__item.woocommerce-product-attributes__item.is-loading {
-webkit-box-pack: center;
justify-content: center
}
.woocommerce-search-list__item.woocommerce-product-attributes__item.is-loading .components-spinner {
margin-bottom: 12px
}
.woocommerce-search-list__item.woocommerce-product-attributes__item.depth-0:after {
margin-left: 8px;
content: "";
height: 24px;
width: 24px;
background-image: url('data:image/svg+xml;utf8,');
background-repeat: no-repeat;
background-position: 100%;
background-size: contain
}
.woocommerce-search-list__item.woocommerce-product-attributes__item.depth-0[aria-expanded=true]:after {
background-image: url('data:image/svg+xml;utf8,')
}
.woocommerce-search-list__item.woocommerce-product-attributes__item[disabled].depth-0:after {
margin-left: 0;
width: auto;
background: 0 0
}
.wc-block-featured-product {
position: relative;
background-color: #24292d;
background-size: cover;
background-position: 50%;
width: 100%;
margin: 0 0 1.5em
}
.wc-block-featured-product,
.wc-block-featured-product .wc-block-featured-product__wrapper {
display: -webkit-box;
display: flex;
-webkit-box-pack: center;
justify-content: center;
-webkit-box-align: center;
align-items: center;
flex-wrap: wrap;
align-content: center
}
.wc-block-featured-product .wc-block-featured-product__wrapper {
overflow: hidden;
height: 100%
}
.wc-block-featured-product.has-left-content {
-webkit-box-pack: start;
justify-content: flex-start
}
.wc-block-featured-product.has-left-content .wc-block-featured-product__description,
.wc-block-featured-product.has-left-content .wc-block-featured-product__price,
.wc-block-featured-product.has-left-content .wc-block-featured-product__title,
.wc-block-featured-product.has-left-content .wc-block-featured-product__variation {
margin-left: 0;
text-align: left
}
.wc-block-featured-product.has-right-content {
-webkit-box-pack: end;
justify-content: flex-end
}
.wc-block-featured-product.has-right-content .wc-block-featured-product__description,
.wc-block-featured-product.has-right-content .wc-block-featured-product__price,
.wc-block-featured-product.has-right-content .wc-block-featured-product__title,
.wc-block-featured-product.has-right-content .wc-block-featured-product__variation {
margin-right: 0;
text-align: right
}
.wc-block-featured-product .wc-block-featured-product__description,
.wc-block-featured-product .wc-block-featured-product__price,
.wc-block-featured-product .wc-block-featured-product__title,
.wc-block-featured-product .wc-block-featured-product__variation {
color: #fff;
line-height: 1.25;
margin-bottom: 0;
text-align: center
}
.wc-block-featured-product .wc-block-featured-product__description a,
.wc-block-featured-product .wc-block-featured-product__description a:active,
.wc-block-featured-product .wc-block-featured-product__description a:focus,
.wc-block-featured-product .wc-block-featured-product__description a:hover,
.wc-block-featured-product .wc-block-featured-product__price a,
.wc-block-featured-product .wc-block-featured-product__price a:active,
.wc-block-featured-product .wc-block-featured-product__price a:focus,
.wc-block-featured-product .wc-block-featured-product__price a:hover,
.wc-block-featured-product .wc-block-featured-product__title a,
.wc-block-featured-product .wc-block-featured-product__title a:active,
.wc-block-featured-product .wc-block-featured-product__title a:focus,
.wc-block-featured-product .wc-block-featured-product__title a:hover,
.wc-block-featured-product .wc-block-featured-product__variation a,
.wc-block-featured-product .wc-block-featured-product__variation a:active,
.wc-block-featured-product .wc-block-featured-product__variation a:focus,
.wc-block-featured-product .wc-block-featured-product__variation a:hover {
color: #fff
}
.wc-block-featured-product .wc-block-featured-product__description,
.wc-block-featured-product .wc-block-featured-product__link,
.wc-block-featured-product .wc-block-featured-product__price,
.wc-block-featured-product .wc-block-featured-product__title,
.wc-block-featured-product .wc-block-featured-product__variation {
width: 100%;
padding: 16px 48px 0;
z-index: 1
}
.wc-block-featured-product .wc-block-featured-product__title,
.wc-block-featured-product .wc-block-featured-product__variation {
margin-top: 0;
border: 0
}
.wc-block-featured-product .wc-block-featured-product__title:before,
.wc-block-featured-product .wc-block-featured-product__variation:before {
display: none
}
.wc-block-featured-product .wc-block-featured-product__variation {
font-style: italic;
padding-top: 0
}
.wc-block-featured-product .wc-block-featured-product__description p {
margin: 0;
line-height: 1.5em
}
.wc-block-featured-product.has-background-dim:before {
content: "";
position: absolute;
top: 0;
left: 0;
bottom: 0;
right: 0;
background-color: inherit;
opacity: .5;
z-index: 1
}
.wc-block-featured-product.has-background-dim.has-background-dim-10:before {
opacity: .1
}
.wc-block-featured-product.has-background-dim.has-background-dim-20:before {
opacity: .2
}
.wc-block-featured-product.has-background-dim.has-background-dim-30:before {
opacity: .3
}
.wc-block-featured-product.has-background-dim.has-background-dim-40:before {
opacity: .4
}
.wc-block-featured-product.has-background-dim.has-background-dim-50:before {
opacity: .5
}
.wc-block-featured-product.has-background-dim.has-background-dim-60:before {
opacity: .6
}
.wc-block-featured-product.has-background-dim.has-background-dim-70:before {
opacity: .7
}
.wc-block-featured-product.has-background-dim.has-background-dim-80:before {
opacity: .8
}
.wc-block-featured-product.has-background-dim.has-background-dim-90:before {
opacity: .9
}
.wc-block-featured-product.has-background-dim.has-background-dim-100:before {
opacity: 1
}
.wc-block-featured-product.alignleft,
.wc-block-featured-product.alignright {
max-width: 305px;
width: 100%
}
.wc-block-featured-product:after {
display: block;
content: "";
font-size: 0;
min-height: inherit
}
@supports ((position:-webkit-sticky) or (position:sticky)) {
.wc-block-featured-product:after {
content: none
}
}
.wc-block-featured-product.aligncenter,
.wc-block-featured-product.alignleft,
.wc-block-featured-product.alignright,
.wc-block-product-search .wc-block-product-search__fields {
display: -webkit-box;
display: flex
}
.wc-block-product-search .wc-block-product-search__field {
padding: 6px 8px;
line-height: 1.8;
-webkit-box-flex: 1;
flex-grow: 1
}
.wc-block-product-search .wc-block-product-search__button {
display: -webkit-box;
display: flex;
-webkit-box-align: center;
align-items: center;
text-decoration: none;
font-size: 13px;
margin: 0 0 0 6px;
border: none;
cursor: pointer;
background: 0 0;
padding: 8px;
color: #555d66;
position: relative;
overflow: hidden;
border-radius: 4px
}
.wc-block-product-search .wc-block-product-search__button svg {
fill: currentColor;
outline: none
}
.rtl .wc-block-product-search .wc-block-product-search__button svg {
-webkit-transform: rotate(180deg);
transform: rotate(180deg)
}
.wc-block-product-search .wc-block-product-search__button:active {
color: currentColor
}
.wc-block-product-search .wc-block-product-search__button:disabled,
.wc-block-product-search .wc-block-product-search__button[aria-disabled=true] {
cursor: default;
opacity: .3
}
.wc-block-product-search .wc-block-product-search__button:focus:enabled {
background-color: #fff;
color: #191e23;
box-shadow: inset 0 0 0 1px #6c7781, inset 0 0 0 2px #fff;
outline: 2px solid transparent;
outline-offset: -2px
}
.wc-block-product-search .wc-block-product-search__button:not(:disabled):not([aria-disabled=true]):hover {
background-color: #fff;
color: #191e23;
box-shadow: inset 0 0 0 1px #e2e4e7, inset 0 0 0 2px #fff, 0 1px 1px rgba(25, 30, 35, .2)
}
.wc-block-product-search .wc-block-product-search__button:not(:disabled):not([aria-disabled=true]):active {
outline: none;
background-color: #fff;
color: #191e23;
box-shadow: inset 0 0 0 1px #ccd0d4, inset 0 0 0 2px #fff
}
.wc-block-product-search .wc-block-product-search__button:disabled:focus,
.wc-block-product-search .wc-block-product-search__button[aria-disabled=true]:focus {
box-shadow: none
}
.woocommerce-product-tags__operator .components-base-control__help {
clip: rect(1px, 1px, 1px, 1px);
-webkit-clip-path: inset(50%);
clip-path: inset(50%);
height: 1px;
width: 1px;
margin: -1px;
overflow: hidden;
overflow-wrap: normal !important;
word-wrap: normal !important
}
.components-panel .woocommerce-product-tags__operator.components-base-control {
margin-top: 16px
}
.components-panel .woocommerce-product-tags__operator.components-base-control .components-select-control__input {
margin-left: 0;
min-width: 100%
}
.wc-block-error {
display: -webkit-box;
display: flex;
background-color: #f3f3f4;
border-left: 4px solid #6d6d6d;
padding: 36px 16px;
-webkit-box-align: center;
align-items: center;
-webkit-box-pack: center;
justify-content: center;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
flex-direction: column
}
.wc-block-error__header {
font-size: 2em;
font-weight: 700;
margin: 0
}
.wc-block-error__message,
.wc-block-error__text {
margin: 0
}
@media (min-width:481px) {
.wc-block-error {
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
flex-direction: row
}
.wc-block-error__image + .wc-block-error__content {
margin-left: 16px
}
}
.woocommerce-product-categories__operator .components-base-control__help {
clip: rect(1px, 1px, 1px, 1px);
-webkit-clip-path: inset(50%);
clip-path: inset(50%);
height: 1px;
width: 1px;
margin: -1px;
overflow: hidden;
overflow-wrap: normal !important;
word-wrap: normal !important
}
.components-panel .woocommerce-product-categories__operator.components-base-control {
margin-top: 16px
}
.components-panel .woocommerce-product-categories__operator.components-base-control .components-select-control__input {
margin-left: 0;
min-width: 100%
}
.components-toggle-button-control .components-base-control__field {
flex-wrap: wrap
}
.components-toggle-button-control .components-toggle-button-control__label {
width: 100%;
margin-bottom: 8px;
display: block
}
.components-toggle-button-control .components-base-control__help {
margin-top: 0
}
@-webkit-keyframes spin {
0% {
-webkit-transform: rotate(0deg);
transform: rotate(0deg)
}
to {
-webkit-transform: rotate(1turn);
transform: rotate(1turn)
}
}
@keyframes spin {
0% {
-webkit-transform: rotate(0deg);
transform: rotate(0deg)
}
to {
-webkit-transform: rotate(1turn);
transform: rotate(1turn)
}
}
.wc-block-grid {
text-align: center
}
.wc-block-grid__no-products {
padding: 40px;
text-align: center;
width: 100%
}
.wc-block-grid__no-products .wc-block-grid__no-products-image {
max-width: 150px;
margin: 0 auto 1em;
display: block
}
.wc-block-grid__no-products .wc-block-grid__no-products-title {
display: block;
margin: 0;
font-weight: 700
}
.wc-block-grid__no-products .wc-block-grid__no-products-description {
display: block;
margin: .25em 0 1em
}
.wc-block-grid__products {
display: -webkit-box;
display: flex;
flex-wrap: wrap;
list-style: none;
padding: 0;
margin: 0 -8px 16px;
background-clip: padding-box
}
.wc-block-grid__product {
box-sizing: border-box;
padding: 0;
margin: 0;
float: none;
width: auto;
position: relative;
text-align: center;
border-left: 8px solid transparent;
border-right: 8px solid transparent;
border-bottom: 16px solid transparent
}
.entry-content .wc-block-grid__product-image,
.wc-block-grid__product-image {
text-decoration: none;
display: block;
position: relative
}
.entry-content .wc-block-grid__product-image a,
.wc-block-grid__product-image a {
text-decoration: none;
border: 0;
outline: 0;
box-shadow: none
}
.entry-content .wc-block-grid__product-image .wc-block-grid__product-image__image,
.wc-block-grid__product-image .wc-block-grid__product-image__image {
vertical-align: middle;
width: 100%
}
.entry-content .wc-block-grid__product-image .wc-block-grid__product-image__image[hidden],
.wc-block-grid__product-image .wc-block-grid__product-image__image[hidden] {
display: none
}
.is-loading .entry-content .wc-block-grid__product-image .wc-block-grid__product-image__image,
.is-loading .wc-block-grid__product-image .wc-block-grid__product-image__image {
-webkit-animation: loading-fade 1.2s ease-in-out infinite;
animation: loading-fade 1.2s ease-in-out infinite;
background-color: #e2e4e7 !important;
color: transparent;
border: 0;
box-shadow: none;
height: 0;
padding-bottom: 100%
}
.is-loading .entry-content .wc-block-grid__product-image .wc-block-grid__product-image__image:after,
.is-loading .wc-block-grid__product-image .wc-block-grid__product-image__image:after {
content: "\00a0"
}
@media screen and (prefers-reduced-motion:reduce) {
.is-loading .entry-content .wc-block-grid__product-image .wc-block-grid__product-image__image,
.is-loading .wc-block-grid__product-image .wc-block-grid__product-image__image {
-webkit-animation: none;
animation: none
}
}
.edit-post-visual-editor .editor-block-list__block .wc-block-grid__product-title,
.editor-styles-wrapper .wc-block-grid__product-title,
.wc-block-grid__product-title {
line-height: 1.2em;
font-weight: 700;
padding: 0;
color: inherit;
font-size: inherit;
display: block
}
.is-loading .edit-post-visual-editor .editor-block-list__block .wc-block-grid__product-title:before,
.is-loading .editor-styles-wrapper .wc-block-grid__product-title:before,
.is-loading .wc-block-grid__product-title:before {
-webkit-animation: loading-fade 1.2s ease-in-out infinite;
animation: loading-fade 1.2s ease-in-out infinite;
background-color: #e2e4e7 !important;
color: transparent;
border: 0;
box-shadow: none;
content: ".";
display: inline-block;
width: 6em
}
.is-loading .edit-post-visual-editor .editor-block-list__block .wc-block-grid__product-title:before:after,
.is-loading .editor-styles-wrapper .wc-block-grid__product-title:before:after,
.is-loading .wc-block-grid__product-title:before:after {
content: "\00a0"
}
@media screen and (prefers-reduced-motion:reduce) {
.is-loading .edit-post-visual-editor .editor-block-list__block .wc-block-grid__product-title:before,
.is-loading .editor-styles-wrapper .wc-block-grid__product-title:before,
.is-loading .wc-block-grid__product-title:before {
-webkit-animation: none;
animation: none
}
}
.wc-block-grid__product-price {
display: block
}
.wc-block-grid__product-price .wc-block-grid__product-price__regular {
font-size: .8em;
line-height: 1;
color: #aaa;
margin-top: -.25em;
display: block
}
.wc-block-grid__product-price .wc-block-grid__product-price__value {
letter-spacing: -1px;
font-weight: 600;
display: block;
font-size: 1.25em;
line-height: 1.25;
color: #000
}
.wc-block-grid__product-price .wc-block-grid__product-price__value span {
white-space: nowrap
}
.is-loading .wc-block-grid__product-price .wc-block-grid__product-price__value:before {
-webkit-animation: loading-fade 1.2s ease-in-out infinite;
animation: loading-fade 1.2s ease-in-out infinite;
background-color: #e2e4e7 !important;
color: transparent;
border: 0;
box-shadow: none;
content: ".";
display: inline-block;
width: 3em
}
.is-loading .wc-block-grid__product-price .wc-block-grid__product-price__value:before:after {
content: "\00a0"
}
@media screen and (prefers-reduced-motion:reduce) {
.is-loading .wc-block-grid__product-price .wc-block-grid__product-price__value:before {
-webkit-animation: none;
animation: none
}
}
.wc-block-grid__product-add-to-cart {
word-break: break-word;
white-space: normal
}
.wc-block-grid__product-add-to-cart a,
.wc-block-grid__product-add-to-cart button {
word-break: break-word;
white-space: normal;
margin: 0 auto !important;
display: -webkit-inline-box;
display: inline-flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
flex-direction: column;
-webkit-box-pack: center;
justify-content: center
}
.wc-block-grid__product-add-to-cart a.loading,
.wc-block-grid__product-add-to-cart button.loading {
opacity: .25
}
.wc-block-grid__product-add-to-cart a:after,
.wc-block-grid__product-add-to-cart button:after {
margin-left: .5em;
display: inline-block
}
.wc-block-grid__product-add-to-cart a.added:after,
.wc-block-grid__product-add-to-cart button.added:after {
font-family: WooCommerce;
content: "\e017"
}
.wc-block-grid__product-add-to-cart a.loading:after,
.wc-block-grid__product-add-to-cart button.loading:after {
font-family: WooCommerce;
content: "\e031";
-webkit-animation: spin 2s linear infinite;
animation: spin 2s linear infinite
}
.is-loading .wc-block-grid__product-add-to-cart a,
.is-loading .wc-block-grid__product-add-to-cart button {
-webkit-animation: loading-fade 1.2s ease-in-out infinite;
animation: loading-fade 1.2s ease-in-out infinite;
background-color: #e2e4e7 !important;
color: transparent;
border: 0;
box-shadow: none;
min-width: 7em
}
.is-loading .wc-block-grid__product-add-to-cart a:after,
.is-loading .wc-block-grid__product-add-to-cart button:after {
content: "\00a0"
}
@media screen and (prefers-reduced-motion:reduce) {
.is-loading .wc-block-grid__product-add-to-cart a,
.is-loading .wc-block-grid__product-add-to-cart button {
-webkit-animation: none;
animation: none
}
}
.wc-block-grid__product-rating {
display: block
}
.wc-block-grid__product-rating .star-rating,
.wc-block-grid__product-rating .wc-block-grid__product-rating__stars {
overflow: hidden;
position: relative;
width: 5.3em;
height: 1.618em;
line-height: 1.618;
font-size: 1em;
font-family: star;
font-weight: 400;
display: -block;
margin: 0 auto;
text-align: left
}
.wc-block-grid__product-rating .star-rating:before,
.wc-block-grid__product-rating .wc-block-grid__product-rating__stars:before {
content: "\53\53\53\53\53";
top: 0;
left: 0;
right: 0;
position: absolute;
opacity: .5;
color: #aaa
}
.wc-block-grid__product-rating .star-rating span,
.wc-block-grid__product-rating .wc-block-grid__product-rating__stars span {
overflow: hidden;
top: 0;
left: 0;
right: 0;
position: absolute;
padding-top: 1.5em
}
.wc-block-grid__product-rating .star-rating span:before,
.wc-block-grid__product-rating .wc-block-grid__product-rating__stars span:before {
content: "\53\53\53\53\53";
top: 0;
left: 0;
right: 0;
position: absolute;
color: #000
}
.editor-styles-wrapper .wc-block-grid__products .wc-block-grid__product .wc-block-grid__product-onsale,
.wc-block-grid__product-onsale {
border: 1px solid #43454b;
color: #43454b;
background: #fff;
padding: .202em .6180469716em;
font-size: .875rem;
text-align: center;
text-transform: uppercase;
font-weight: 600;
display: inline-block;
width: auto;
border-radius: 3px;
z-index: 9;
position: relative;
margin: 8px auto
}
.editor-styles-wrapper .wc-block-grid__products .wc-block-grid__product .wc-block-grid__product-image .wc-block-grid__product-onsale.wc-block-grid__product-onsale--alignleft,
.wc-block-grid__product-image .wc-block-grid__product-onsale.wc-block-grid__product-onsale--alignleft {
position: absolute;
left: 4px;
top: 4px;
right: auto;
margin: 0
}
.editor-styles-wrapper .wc-block-grid__products .wc-block-grid__product .wc-block-grid__product-image .wc-block-grid__product-onsale.wc-block-grid__product-onsale--aligncenter,
.wc-block-grid__product-image .wc-block-grid__product-onsale.wc-block-grid__product-onsale--aligncenter {
position: absolute;
top: 4px;
left: 50%;
-webkit-transform: translateX(-50%);
transform: translateX(-50%);
margin: 0
}
.editor-styles-wrapper .wc-block-grid__products .wc-block-grid__product .wc-block-grid__product-image .wc-block-grid__product-onsale.wc-block-grid__product-onsale--alignright,
.wc-block-grid__product-image .wc-block-grid__product-onsale.wc-block-grid__product-onsale--alignright {
position: absolute;
right: 4px;
top: 4px;
left: auto;
margin: 0
}
.wc-block-grid__product .wc-block-grid__product-add-to-cart,
.wc-block-grid__product .wc-block-grid__product-image,
.wc-block-grid__product .wc-block-grid__product-price,
.wc-block-grid__product .wc-block-grid__product-rating,
.wc-block-grid__product .wc-block-grid__product-title {
margin-top: 0;
margin-bottom: 12px
}
.wc-block-grid.has-aligned-buttons .wc-block-grid__product {
display: -webkit-box;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
flex-direction: column
}
.wc-block-grid.has-aligned-buttons .wc-block-grid__product > .wc-block-grid__product-title:last-child,
.wc-block-grid.has-aligned-buttons .wc-block-grid__product > div:last-child {
margin-top: auto;
margin-bottom: 0;
padding-bottom: 12px
}
.wc-block-grid.has-1-columns .wc-block-grid__product {
-webkit-box-flex: 1;
flex: 1 0 100%;
max-width: 100%
}
.wc-block-grid.has-2-columns .wc-block-grid__product {
-webkit-box-flex: 1;
flex: 1 0 50%;
max-width: 50%
}
.wc-block-grid.has-3-columns .wc-block-grid__product {
-webkit-box-flex: 1;
flex: 1 0 33.33333%;
max-width: 33.33333%
}
.wc-block-grid.has-4-columns .wc-block-grid__product {
-webkit-box-flex: 1;
flex: 1 0 25%;
max-width: 25%
}
.wc-block-grid.has-5-columns .wc-block-grid__product {
-webkit-box-flex: 1;
flex: 1 0 20%;
max-width: 20%
}
.wc-block-grid.has-6-columns .wc-block-grid__product {
-webkit-box-flex: 1;
flex: 1 0 16.66667%;
max-width: 16.66667%
}
.wc-block-grid.has-7-columns .wc-block-grid__product {
-webkit-box-flex: 1;
flex: 1 0 14.28571%;
max-width: 14.28571%
}
.wc-block-grid.has-8-columns .wc-block-grid__product {
-webkit-box-flex: 1;
flex: 1 0 12.5%;
max-width: 12.5%
}
.wc-block-grid.has-4-columns:not(.alignwide):not(.alignfull) .wc-block-grid__product,
.wc-block-grid.has-5-columns:not(.alignfull) .wc-block-grid__product,
.wc-block-grid.has-6-columns:not(.alignfull) .wc-block-grid__product,
.wc-block-grid.has-7-columns .wc-block-grid__product,
.wc-block-grid.has-8-columns .wc-block-grid__product {
font-size: .8em
}
@media (max-width:480px) {
.wc-block-grid.has-2-columns .wc-block-grid__products {
display: block
}
.wc-block-grid.has-2-columns .wc-block-grid__product {
margin-left: auto;
margin-right: auto;
-webkit-box-flex: 1;
flex: 1 0 100%;
max-width: 100%;
padding: 0
}
.wc-block-grid.has-3-columns .wc-block-grid__products {
display: block
}
.wc-block-grid.has-3-columns .wc-block-grid__product {
margin-left: auto;
margin-right: auto;
-webkit-box-flex: 1;
flex: 1 0 100%;
max-width: 100%;
padding: 0
}
.wc-block-grid.has-4-columns .wc-block-grid__products {
display: block
}
.wc-block-grid.has-4-columns .wc-block-grid__product {
margin-left: auto;
margin-right: auto;
-webkit-box-flex: 1;
flex: 1 0 100%;
max-width: 100%;
padding: 0
}
.wc-block-grid.has-5-columns .wc-block-grid__products {
display: block
}
.wc-block-grid.has-5-columns .wc-block-grid__product {
margin-left: auto;
margin-right: auto;
-webkit-box-flex: 1;
flex: 1 0 100%;
max-width: 100%;
padding: 0
}
.wc-block-grid.has-6-columns .wc-block-grid__products {
display: block
}
.wc-block-grid.has-6-columns .wc-block-grid__product {
margin-left: auto;
margin-right: auto;
-webkit-box-flex: 1;
flex: 1 0 100%;
max-width: 100%;
padding: 0
}
.wc-block-grid.has-7-columns .wc-block-grid__products {
display: block
}
.wc-block-grid.has-7-columns .wc-block-grid__product {
margin-left: auto;
margin-right: auto;
-webkit-box-flex: 1;
flex: 1 0 100%;
max-width: 100%;
padding: 0
}
.wc-block-grid.has-8-columns .wc-block-grid__products {
display: block
}
.wc-block-grid.has-8-columns .wc-block-grid__product {
margin-left: auto;
margin-right: auto;
-webkit-box-flex: 1;
flex: 1 0 100%;
max-width: 100%;
padding: 0
}
.wc-block-grid .wc-block-grid__product-image img {
width: 100%
}
}
@media (min-width:481px) and (max-width:600px) {
.wc-block-grid.has-2-columns .wc-block-grid__product {
-webkit-box-flex: 1;
flex: 1 0 50%;
max-width: 50%;
padding: 0;
margin: 0 0 24px
}
.wc-block-grid.has-2-columns .wc-block-grid__product:nth-child(odd) {
padding-right: 8px
}
.wc-block-grid.has-2-columns .wc-block-grid__product:nth-child(2n) {
padding-left: 8px
}
.wc-block-grid.has-2-columns .wc-block-grid__product:nth-child(2n) .wc-block-grid__product-onsale {
left: 8px
}
.wc-block-grid.has-3-columns .wc-block-grid__product {
-webkit-box-flex: 1;
flex: 1 0 50%;
max-width: 50%;
padding: 0;
margin: 0 0 24px
}
.wc-block-grid.has-3-columns .wc-block-grid__product:nth-child(odd) {
padding-right: 8px
}
.wc-block-grid.has-3-columns .wc-block-grid__product:nth-child(2n) {
padding-left: 8px
}
.wc-block-grid.has-3-columns .wc-block-grid__product:nth-child(2n) .wc-block-grid__product-onsale {
left: 8px
}
.wc-block-grid.has-4-columns .wc-block-grid__product {
-webkit-box-flex: 1;
flex: 1 0 50%;
max-width: 50%;
padding: 0;
margin: 0 0 24px
}
.wc-block-grid.has-4-columns .wc-block-grid__product:nth-child(odd) {
padding-right: 8px
}
.wc-block-grid.has-4-columns .wc-block-grid__product:nth-child(2n) {
padding-left: 8px
}
.wc-block-grid.has-4-columns .wc-block-grid__product:nth-child(2n) .wc-block-grid__product-onsale {
left: 8px
}
.wc-block-grid.has-5-columns .wc-block-grid__product {
-webkit-box-flex: 1;
flex: 1 0 50%;
max-width: 50%;
padding: 0;
margin: 0 0 24px
}
.wc-block-grid.has-5-columns .wc-block-grid__product:nth-child(odd) {
padding-right: 8px
}
.wc-block-grid.has-5-columns .wc-block-grid__product:nth-child(2n) {
padding-left: 8px
}
.wc-block-grid.has-5-columns .wc-block-grid__product:nth-child(2n) .wc-block-grid__product-onsale {
left: 8px
}
.wc-block-grid.has-6-columns .wc-block-grid__product {
-webkit-box-flex: 1;
flex: 1 0 50%;
max-width: 50%;
padding: 0;
margin: 0 0 24px
}
.wc-block-grid.has-6-columns .wc-block-grid__product:nth-child(odd) {
padding-right: 8px
}
.wc-block-grid.has-6-columns .wc-block-grid__product:nth-child(2n) {
padding-left: 8px
}
.wc-block-grid.has-6-columns .wc-block-grid__product:nth-child(2n) .wc-block-grid__product-onsale {
left: 8px
}
.wc-block-grid.has-7-columns .wc-block-grid__product {
-webkit-box-flex: 1;
flex: 1 0 50%;
max-width: 50%;
padding: 0;
margin: 0 0 24px
}
.wc-block-grid.has-7-columns .wc-block-grid__product:nth-child(odd) {
padding-right: 8px
}
.wc-block-grid.has-7-columns .wc-block-grid__product:nth-child(2n) {
padding-left: 8px
}
.wc-block-grid.has-7-columns .wc-block-grid__product:nth-child(2n) .wc-block-grid__product-onsale {
left: 8px
}
.wc-block-grid.has-8-columns .wc-block-grid__product {
-webkit-box-flex: 1;
flex: 1 0 50%;
max-width: 50%;
padding: 0;
margin: 0 0 24px
}
.wc-block-grid.has-8-columns .wc-block-grid__product:nth-child(odd) {
padding-right: 8px
}
.wc-block-grid.has-8-columns .wc-block-grid__product:nth-child(2n) {
padding-left: 8px
}
.wc-block-grid.has-8-columns .wc-block-grid__product:nth-child(2n) .wc-block-grid__product-onsale {
left: 8px
}
.wc-block-grid .wc-block-grid__product-image img {
width: 100%
}
}
.theme-twentysixteen .wc-block-grid .price ins {
color: #77a464
}
.theme-twentynineteen .wc-block-grid__product {
font-size: .88889em
}
.theme-twentynineteen .wc-block-grid__product-onsale,
.theme-twentynineteen .wc-block-grid__product-title {
font-family: -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Oxygen, Ubuntu, Cantarell, Fira Sans, Droid Sans, Helvetica Neue, sans-serif
}
.theme-twentynineteen .wc-block-grid__product-title:before {
display: none
}
.theme-twentynineteen .wc-block-grid__product-onsale {
line-height: 1
}
.wc-block-product-sort-select {
margin-bottom: 24px;
text-align: left
}
.wc-block-price-filter .wc-block-price-filter__range-input-wrapper {
padding: 0;
border: 0;
outline: none;
background: 0 0;
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
height: 9px;
clear: both;
position: relative;
box-shadow: inset 0 0 0 1px rgba(0, 0, 0, .1);
background: #e1e1e1;
margin: 15px 0
}
.wc-block-price-filter .wc-block-price-filter__range-input-wrapper .wc-block-price-filter__range-input-progress {
height: 9px;
width: 100%;
position: absolute;
left: 0;
top: 0;
--track-background: linear-gradient(90deg, transparent var(--low), var(--range-color) 0, var(--range-color) var(--high), transparent 0) no-repeat 0 100%/100% 100%;
--range-color: #a8739d;
background: var(--track-background)
}
.wc-block-price-filter .wc-block-price-filter__controls {
display: -webkit-box;
display: flex;
margin: 0 0 20px
}
.wc-block-price-filter .wc-block-price-filter__controls .wc-block-price-filter__amount {
margin: 0;
border-radius: 4px;
width: auto;
max-width: 100px;
min-width: 0
}
.wc-block-price-filter .wc-block-price-filter__controls .wc-block-price-filter__amount.wc-block-price-filter__amount--min {
margin-right: 10px
}
.wc-block-price-filter .wc-block-price-filter__controls .wc-block-price-filter__amount.wc-block-price-filter__amount--max {
margin-left: auto
}
.wc-block-price-filter.wc-block-price-filter--has-filter-button .wc-block-price-filter__controls {
-webkit-box-pack: end;
justify-content: flex-end
}
.wc-block-price-filter.wc-block-price-filter--has-filter-button .wc-block-price-filter__controls .wc-block-price-filter__amount.wc-block-price-filter__amount--max {
margin-left: 0;
margin-right: 10px
}
.wc-block-price-filter.wc-block-price-filter--has-filter-button .wc-block-price-filter__controls .wc-block-price-filter__button {
margin-left: auto;
white-space: nowrap
}
.wc-block-price-filter .wc-block-price-filter__range-input {
margin: 0;
padding: 0;
border: 0;
outline: none;
background: 0 0;
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
width: 100%;
height: 0;
display: block;
position: relative;
pointer-events: none;
outline: none !important
}
.wc-block-price-filter .wc-block-price-filter__range-input::-webkit-slider-runnable-track {
cursor: default;
height: 1px;
outline: 0;
-webkit-appearance: none;
-moz-appearance: none;
appearance: none
}
.wc-block-price-filter .wc-block-price-filter__range-input::-webkit-slider-thumb {
background-color: transparent;
background-position: 0 0;
width: 26px;
height: 21px;
border: 0;
padding: 0;
vertical-align: top;
cursor: pointer;
z-index: 20;
pointer-events: auto;
background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' width='52' height='42'%3E%3Cdefs%3E%3Cpath id='a' d='M23.3176 7.9423l-8.4163-6.1432C13.1953.5706 11.2618-.0997 9.2146.0121h-.1137C4.2103.347.1159 4.368.0022 9.2827-.1115 14.644 4.2102 19 9.6696 19h.1137c1.8197 0 3.6395-.6702 5.118-1.787l8.4163-6.255c.9099-.8935.9099-2.2338 0-3.0157z'/%3E%3Cpath id='b' d='M23.3176 7.9423l-8.4163-6.1432C13.1953.5706 11.2618-.0997 9.2146.0121h-.1137C4.2103.347.1159 4.368.0022 9.2827-.1115 14.644 4.2102 19 9.6696 19h.1137c1.8197 0 3.6395-.6702 5.118-1.787l8.4163-6.255c.9099-.8935.9099-2.2338 0-3.0157z'/%3E%3C/defs%3E%3Cg fill='none' fill-rule='evenodd'%3E%3Cpath fill='%23FFF' fill-rule='nonzero' stroke='%2395588A' d='M24.3176 8.9423l-8.4163-6.1432c-1.706-1.2285-3.6395-1.8988-5.6867-1.787h-.1137c-4.8906.335-8.985 4.356-9.0987 9.2706C.8885 15.644 5.2102 20 10.6696 20h.1137c1.8197 0 3.6395-.6702 5.118-1.787l8.4163-6.255c.9099-.8935.9099-2.2338 0-3.0157z'/%3E%3Cpath stroke='%23B8B8B8' d='M9 6v9m3-9v9'/%3E%3Cg fill-rule='nonzero' transform='translate(1 22)'%3E%3Cuse fill='%23F8F3F7' stroke='%23FFF' stroke-opacity='.75' stroke-width='3' xlink:href='%23a'/%3E%3Cuse stroke='%2395588A' xlink:href='%23a'/%3E%3C/g%3E%3Cpath stroke='%2395588A' d='M9 27v9m3-9v9'/%3E%3Cg%3E%3Cpath fill='%23FFF' fill-rule='nonzero' stroke='%2395588A' d='M27.6824 8.9423l8.4163-6.1432c1.706-1.2285 3.6395-1.8988 5.6867-1.787h.1137c4.8906.335 8.985 4.356 9.0987 9.2706C51.1115 15.644 46.7898 20 41.3304 20h-.1137c-1.8197 0-3.6395-.6702-5.118-1.787l-8.4163-6.255c-.9099-.8935-.9099-2.2338 0-3.0157z'/%3E%3Cpath stroke='%23B8B8B8' d='M43 6v9m-3-9v9'/%3E%3C/g%3E%3Cg%3E%3Cg fill-rule='nonzero' transform='matrix(-1 0 0 1 51 22)'%3E%3Cuse fill='%23F8F3F7' stroke='%23FFF' stroke-opacity='.75' stroke-width='3' xlink:href='%23b'/%3E%3Cuse stroke='%2395588A' xlink:href='%23b'/%3E%3C/g%3E%3Cpath stroke='%2395588A' d='M43 27v9m-3-9v9'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E");
-webkit-transition: -webkit-transform .2s ease-in-out;
transition: -webkit-transform .2s ease-in-out;
transition: transform .2s ease-in-out;
transition: transform .2s ease-in-out, -webkit-transform .2s ease-in-out;
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
margin: -6px 0 0
}
.wc-block-price-filter .wc-block-price-filter__range-input::-webkit-slider-thumb:hover {
background-position-y: -21px;
-webkit-filter: drop-shadow(3px 0 0 hsla(0, 0%, 100%, .75)) drop-shadow(-3px 0 0 hsla(0, 0%, 100%, .75));
filter: drop-shadow(3px 0 0 rgba(255, 255, 255, .75)) drop-shadow(-3px 0 0 rgba(255, 255, 255, .75));
-webkit-transform: scale(1.1);
transform: scale(1.1)
}
.wc-block-price-filter .wc-block-price-filter__range-input::-webkit-slider-progress {
margin: 0;
padding: 0;
border: 0;
outline: none;
background: 0 0;
-webkit-appearance: none;
-moz-appearance: none;
appearance: none
}
.wc-block-price-filter .wc-block-price-filter__range-input::-moz-focus-outer {
border: 0
}
.wc-block-price-filter .wc-block-price-filter__range-input::-moz-range-track {
cursor: default;
height: 1px;
outline: 0;
-webkit-appearance: none;
-moz-appearance: none;
appearance: none
}
.wc-block-price-filter .wc-block-price-filter__range-input::-moz-range-progress {
margin: 0;
padding: 0;
border: 0;
outline: none;
background: 0 0;
-webkit-appearance: none;
-moz-appearance: none;
appearance: none
}
.wc-block-price-filter .wc-block-price-filter__range-input::-moz-range-thumb {
background-color: transparent;
background-position: 0 0;
width: 26px;
height: 21px;
border: 0;
padding: 0;
margin: 0;
vertical-align: top;
cursor: pointer;
z-index: 20;
pointer-events: auto;
background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' width='52' height='42'%3E%3Cdefs%3E%3Cpath id='a' d='M23.3176 7.9423l-8.4163-6.1432C13.1953.5706 11.2618-.0997 9.2146.0121h-.1137C4.2103.347.1159 4.368.0022 9.2827-.1115 14.644 4.2102 19 9.6696 19h.1137c1.8197 0 3.6395-.6702 5.118-1.787l8.4163-6.255c.9099-.8935.9099-2.2338 0-3.0157z'/%3E%3Cpath id='b' d='M23.3176 7.9423l-8.4163-6.1432C13.1953.5706 11.2618-.0997 9.2146.0121h-.1137C4.2103.347.1159 4.368.0022 9.2827-.1115 14.644 4.2102 19 9.6696 19h.1137c1.8197 0 3.6395-.6702 5.118-1.787l8.4163-6.255c.9099-.8935.9099-2.2338 0-3.0157z'/%3E%3C/defs%3E%3Cg fill='none' fill-rule='evenodd'%3E%3Cpath fill='%23FFF' fill-rule='nonzero' stroke='%2395588A' d='M24.3176 8.9423l-8.4163-6.1432c-1.706-1.2285-3.6395-1.8988-5.6867-1.787h-.1137c-4.8906.335-8.985 4.356-9.0987 9.2706C.8885 15.644 5.2102 20 10.6696 20h.1137c1.8197 0 3.6395-.6702 5.118-1.787l8.4163-6.255c.9099-.8935.9099-2.2338 0-3.0157z'/%3E%3Cpath stroke='%23B8B8B8' d='M9 6v9m3-9v9'/%3E%3Cg fill-rule='nonzero' transform='translate(1 22)'%3E%3Cuse fill='%23F8F3F7' stroke='%23FFF' stroke-opacity='.75' stroke-width='3' xlink:href='%23a'/%3E%3Cuse stroke='%2395588A' xlink:href='%23a'/%3E%3C/g%3E%3Cpath stroke='%2395588A' d='M9 27v9m3-9v9'/%3E%3Cg%3E%3Cpath fill='%23FFF' fill-rule='nonzero' stroke='%2395588A' d='M27.6824 8.9423l8.4163-6.1432c1.706-1.2285 3.6395-1.8988 5.6867-1.787h.1137c4.8906.335 8.985 4.356 9.0987 9.2706C51.1115 15.644 46.7898 20 41.3304 20h-.1137c-1.8197 0-3.6395-.6702-5.118-1.787l-8.4163-6.255c-.9099-.8935-.9099-2.2338 0-3.0157z'/%3E%3Cpath stroke='%23B8B8B8' d='M43 6v9m-3-9v9'/%3E%3C/g%3E%3Cg%3E%3Cg fill-rule='nonzero' transform='matrix(-1 0 0 1 51 22)'%3E%3Cuse fill='%23F8F3F7' stroke='%23FFF' stroke-opacity='.75' stroke-width='3' xlink:href='%23b'/%3E%3Cuse stroke='%2395588A' xlink:href='%23b'/%3E%3C/g%3E%3Cpath stroke='%2395588A' d='M43 27v9m-3-9v9'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E");
-moz-transition: transform .2s ease-in-out;
transition: transform .2s ease-in-out;
-webkit-appearance: none;
-moz-appearance: none;
appearance: none
}
.wc-block-price-filter .wc-block-price-filter__range-input::-moz-range-thumb:hover {
background-position-y: -21px;
filter: drop-shadow(3px 0 0 rgba(255, 255, 255, .75)) drop-shadow(-3px 0 0 rgba(255, 255, 255, .75));
transform: scale(1.1)
}
.wc-block-price-filter .wc-block-price-filter__range-input::-ms-thumb {
background-color: transparent;
background-position: 0 0;
width: 26px;
height: 21px;
border: 0;
padding: 0;
margin: 0;
vertical-align: top;
cursor: pointer;
z-index: 20;
pointer-events: auto;
background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' width='52' height='42'%3E%3Cdefs%3E%3Cpath id='a' d='M23.3176 7.9423l-8.4163-6.1432C13.1953.5706 11.2618-.0997 9.2146.0121h-.1137C4.2103.347.1159 4.368.0022 9.2827-.1115 14.644 4.2102 19 9.6696 19h.1137c1.8197 0 3.6395-.6702 5.118-1.787l8.4163-6.255c.9099-.8935.9099-2.2338 0-3.0157z'/%3E%3Cpath id='b' d='M23.3176 7.9423l-8.4163-6.1432C13.1953.5706 11.2618-.0997 9.2146.0121h-.1137C4.2103.347.1159 4.368.0022 9.2827-.1115 14.644 4.2102 19 9.6696 19h.1137c1.8197 0 3.6395-.6702 5.118-1.787l8.4163-6.255c.9099-.8935.9099-2.2338 0-3.0157z'/%3E%3C/defs%3E%3Cg fill='none' fill-rule='evenodd'%3E%3Cpath fill='%23FFF' fill-rule='nonzero' stroke='%2395588A' d='M24.3176 8.9423l-8.4163-6.1432c-1.706-1.2285-3.6395-1.8988-5.6867-1.787h-.1137c-4.8906.335-8.985 4.356-9.0987 9.2706C.8885 15.644 5.2102 20 10.6696 20h.1137c1.8197 0 3.6395-.6702 5.118-1.787l8.4163-6.255c.9099-.8935.9099-2.2338 0-3.0157z'/%3E%3Cpath stroke='%23B8B8B8' d='M9 6v9m3-9v9'/%3E%3Cg fill-rule='nonzero' transform='translate(1 22)'%3E%3Cuse fill='%23F8F3F7' stroke='%23FFF' stroke-opacity='.75' stroke-width='3' xlink:href='%23a'/%3E%3Cuse stroke='%2395588A' xlink:href='%23a'/%3E%3C/g%3E%3Cpath stroke='%2395588A' d='M9 27v9m3-9v9'/%3E%3Cg%3E%3Cpath fill='%23FFF' fill-rule='nonzero' stroke='%2395588A' d='M27.6824 8.9423l8.4163-6.1432c1.706-1.2285 3.6395-1.8988 5.6867-1.787h.1137c4.8906.335 8.985 4.356 9.0987 9.2706C51.1115 15.644 46.7898 20 41.3304 20h-.1137c-1.8197 0-3.6395-.6702-5.118-1.787l-8.4163-6.255c-.9099-.8935-.9099-2.2338 0-3.0157z'/%3E%3Cpath stroke='%23B8B8B8' d='M43 6v9m-3-9v9'/%3E%3C/g%3E%3Cg%3E%3Cg fill-rule='nonzero' transform='matrix(-1 0 0 1 51 22)'%3E%3Cuse fill='%23F8F3F7' stroke='%23FFF' stroke-opacity='.75' stroke-width='3' xlink:href='%23b'/%3E%3Cuse stroke='%2395588A' xlink:href='%23b'/%3E%3C/g%3E%3Cpath stroke='%2395588A' d='M43 27v9m-3-9v9'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E");
-ms-transition: transform .2s ease-in-out;
transition: transform .2s ease-in-out;
-webkit-appearance: none;
-moz-appearance: none;
appearance: none
}
.wc-block-price-filter .wc-block-price-filter__range-input::-ms-thumb:hover {
background-position-y: -21px;
filter: drop-shadow(3px 0 0 rgba(255, 255, 255, .75)) drop-shadow(-3px 0 0 rgba(255, 255, 255, .75));
transform: scale(1.1)
}
.wc-block-price-filter .wc-block-price-filter__range-input:focus::-webkit-slider-thumb {
background-position-y: -21px;
-webkit-filter: drop-shadow(3px 0 0 hsla(0, 0%, 100%, .75)) drop-shadow(-3px 0 0 hsla(0, 0%, 100%, .75));
filter: drop-shadow(3px 0 0 rgba(255, 255, 255, .75)) drop-shadow(-3px 0 0 rgba(255, 255, 255, .75))
}
.wc-block-price-filter .wc-block-price-filter__range-input:focus::-moz-range-thumb {
background-position-y: -21px;
filter: drop-shadow(3px 0 0 rgba(255, 255, 255, .75)) drop-shadow(-3px 0 0 rgba(255, 255, 255, .75))
}
.wc-block-price-filter .wc-block-price-filter__range-input:focus::-ms-thumb {
background-position-y: -21px;
filter: drop-shadow(3px 0 0 rgba(255, 255, 255, .75)) drop-shadow(-3px 0 0 rgba(255, 255, 255, .75))
}
.wc-block-price-filter .wc-block-price-filter__range-input.wc-block-price-filter__range-input--min {
z-index: 21
}
.wc-block-price-filter .wc-block-price-filter__range-input.wc-block-price-filter__range-input--min::-webkit-slider-thumb {
margin-left: -2px;
background-position-x: left
}
.wc-block-price-filter .wc-block-price-filter__range-input.wc-block-price-filter__range-input--min::-moz-range-thumb {
background-position-x: left;
transform: translate(-2px, 4px)
}
.wc-block-price-filter .wc-block-price-filter__range-input.wc-block-price-filter__range-input--min::-ms-thumb {
background-position-x: left
}
.wc-block-price-filter .wc-block-price-filter__range-input.wc-block-price-filter__range-input--max {
z-index: 20
}
.wc-block-price-filter .wc-block-price-filter__range-input.wc-block-price-filter__range-input--max::-webkit-slider-thumb {
background-position-x: right;
margin-left: 2px
}
.wc-block-price-filter .wc-block-price-filter__range-input.wc-block-price-filter__range-input--max::-moz-range-thumb {
background-position-x: right;
transform: translate(2px, 4px)
}
.wc-block-price-filter .wc-block-price-filter__range-input.wc-block-price-filter__range-input--max::-ms-thumb {
background-position-x: right
}
.wc-block-price-filter.is-disabled .wc-block-price-filter__amount,
.wc-block-price-filter.is-disabled .wc-block-price-filter__button,
.wc-block-price-filter.is-disabled .wc-block-price-filter__range-input-wrapper,
.wc-block-price-filter.is-loading .wc-block-price-filter__amount,
.wc-block-price-filter.is-loading .wc-block-price-filter__button,
.wc-block-price-filter.is-loading .wc-block-price-filter__range-input-wrapper {
-webkit-animation: loading-fade 1.2s ease-in-out infinite;
animation: loading-fade 1.2s ease-in-out infinite;
background-color: #e2e4e7 !important;
color: transparent;
border: 0;
box-shadow: none
}
.wc-block-price-filter.is-disabled .wc-block-price-filter__amount:after,
.wc-block-price-filter.is-disabled .wc-block-price-filter__button:after,
.wc-block-price-filter.is-disabled .wc-block-price-filter__range-input-wrapper:after,
.wc-block-price-filter.is-loading .wc-block-price-filter__amount:after,
.wc-block-price-filter.is-loading .wc-block-price-filter__button:after,
.wc-block-price-filter.is-loading .wc-block-price-filter__range-input-wrapper:after {
content: "\00a0"
}
@media screen and (prefers-reduced-motion:reduce) {
.wc-block-price-filter.is-disabled .wc-block-price-filter__amount,
.wc-block-price-filter.is-disabled .wc-block-price-filter__button,
.wc-block-price-filter.is-disabled .wc-block-price-filter__range-input-wrapper,
.wc-block-price-filter.is-loading .wc-block-price-filter__amount,
.wc-block-price-filter.is-loading .wc-block-price-filter__button,
.wc-block-price-filter.is-loading .wc-block-price-filter__range-input-wrapper {
-webkit-animation: none;
animation: none
}
}
.wc-block-price-filter.is-disabled:not(.is-loading) .wc-block-price-filter__amount,
.wc-block-price-filter.is-disabled:not(.is-loading) .wc-block-price-filter__button,
.wc-block-price-filter.is-disabled:not(.is-loading) .wc-block-price-filter__range-input-wrapper {
-webkit-animation: none;
animation: none
}
.rtl .wc-block-price-filter .wc-block-price-filter__range-input-wrapper .wc-block-price-filter__range-input-progress {
--track-background: linear-gradient(270deg, transparent var(--low), var(--range-color) 0, var(--range-color) var(--high), transparent 0) no-repeat 0 100%/100% 100%;
--range-color: #a8739d;
background: var(--track-background)
}
@media (-ms-high-contrast:active),
(-ms-high-contrast:none) {
.wc-block-price-filter .wc-block-price-filter__range-input-wrapper {
background: 0 0;
box-shadow: none;
height: 24px
}
.wc-block-price-filter .wc-block-price-filter__range-input-wrapper .wc-block-price-filter__range-input-progress {
background: #a8739d;
box-shadow: inset 0 0 0 1px #95588a;
width: 100%;
top: 7px
}
.wc-block-price-filter .wc-block-price-filter__range-input {
height: 24px;
pointer-events: auto;
position: absolute;
left: 0;
top: 0
}
.wc-block-price-filter .wc-block-price-filter__range-input::-ms-track {
background: 0 0;
border-color: transparent;
border-width: 7px 0;
color: transparent
}
.wc-block-price-filter .wc-block-price-filter__range-input::-ms-fill-lower {
background: #e1e1e1;
box-shadow: inset 0 0 0 1px #b8b8b8
}
.wc-block-price-filter .wc-block-price-filter__range-input::-ms-fill-upper {
background: 0 0
}
.wc-block-price-filter .wc-block-price-filter__range-input::-ms-tooltip {
display: none
}
.wc-block-price-filter .wc-block-price-filter__range-input::-ms-thumb {
transform: translate(1px);
pointer-events: auto
}
.wc-block-price-filter .wc-block-price-filter__range-input--max::-ms-fill-upper {
background: #e1e1e1;
box-shadow: inset 0 0 0 1px #b8b8b8
}
.wc-block-price-filter .wc-block-price-filter__range-input--max::-ms-fill-lower {
background: 0 0
}
.wc-block-price-filter.is-disabled .wc-block-price-filter__range-input-wrapper,
.wc-block-price-filter.is-loading .wc-block-price-filter__range-input-wrapper {
-webkit-animation: loading-fade 1.2s ease-in-out infinite;
animation: loading-fade 1.2s ease-in-out infinite;
background-color: #e2e4e7 !important;
color: transparent;
border: 0;
box-shadow: none
}
.wc-block-price-filter.is-disabled .wc-block-price-filter__range-input-wrapper:after,
.wc-block-price-filter.is-loading .wc-block-price-filter__range-input-wrapper:after {
content: "\00a0"
}
}
@media screen and (-ms-high-contrast:active) and (prefers-reduced-motion:reduce) {
.wc-block-price-filter.is-disabled .wc-block-price-filter__range-input-wrapper,
.wc-block-price-filter.is-loading .wc-block-price-filter__range-input-wrapper {
-webkit-animation: none;
animation: none
}
}
@media (-ms-high-contrast:active),
(-ms-high-contrast:none) {
.wc-block-price-filter.is-disabled:not(.is-loading) .wc-block-price-filter__range-input-wrapper {
-webkit-animation: none;
animation: none
}
}
@supports (-ms-ime-align:auto) {
.wc-block-price-filter .wc-block-price-filter__range-input-wrapper {
background: 0 0;
box-shadow: none;
height: 24px
}
.wc-block-price-filter .wc-block-price-filter__range-input-wrapper .wc-block-price-filter__range-input-progress {
background: #a8739d;
box-shadow: inset 0 0 0 1px #95588a;
width: 100%;
top: 7px
}
.wc-block-price-filter .wc-block-price-filter__range-input {
height: 24px;
pointer-events: auto;
position: absolute;
left: 0;
top: 0
}
.wc-block-price-filter .wc-block-price-filter__range-input::-ms-track {
background: 0 0;
border-color: transparent;
border-width: 7px 0;
color: transparent
}
.wc-block-price-filter .wc-block-price-filter__range-input::-ms-fill-lower {
background: #e1e1e1;
box-shadow: inset 0 0 0 1px #b8b8b8
}
.wc-block-price-filter .wc-block-price-filter__range-input::-ms-fill-upper {
background: 0 0
}
.wc-block-price-filter .wc-block-price-filter__range-input::-ms-tooltip {
display: none
}
.wc-block-price-filter .wc-block-price-filter__range-input::-ms-thumb {
transform: translate(1px);
pointer-events: auto
}
.wc-block-price-filter .wc-block-price-filter__range-input--max::-ms-fill-upper {
background: #e1e1e1;
box-shadow: inset 0 0 0 1px #b8b8b8
}
.wc-block-price-filter .wc-block-price-filter__range-input--max::-ms-fill-lower {
background: 0 0
}
.wc-block-price-filter.is-disabled .wc-block-price-filter__range-input-wrapper,
.wc-block-price-filter.is-loading .wc-block-price-filter__range-input-wrapper {
-webkit-animation: loading-fade 1.2s ease-in-out infinite;
animation: loading-fade 1.2s ease-in-out infinite;
background-color: #e2e4e7 !important;
color: transparent;
border: 0;
box-shadow: none
}
.wc-block-price-filter.is-disabled .wc-block-price-filter__range-input-wrapper:after,
.wc-block-price-filter.is-loading .wc-block-price-filter__range-input-wrapper:after {
content: "\00a0"
}
@media screen and (prefers-reduced-motion:reduce) {
.wc-block-price-filter.is-disabled .wc-block-price-filter__range-input-wrapper,
.wc-block-price-filter.is-loading .wc-block-price-filter__range-input-wrapper {
-webkit-animation: none;
animation: none
}
}
.wc-block-price-filter.is-disabled:not(.is-loading) .wc-block-price-filter__range-input-wrapper {
-webkit-animation: none;
animation: none
}
}
.wc-block-attribute-filter .wc-block-attribute-filter-list {
margin: 0 0 16px
}
.wc-block-attribute-filter .wc-block-attribute-filter-list li {
text-decoration: underline
}
.wc-block-attribute-filter .wc-block-attribute-filter-list li input,
.wc-block-attribute-filter .wc-block-attribute-filter-list li label {
cursor: pointer
}
.wc-block-attribute-filter .wc-block-attribute-filter-list .wc-block-attribute-filter-list-count {
float: right
}
.wc-block-attribute-filter .wc-block-attribute-filter-list .wc-block-attribute-filter-list-count:before {
content: " ("
}
.wc-block-attribute-filter .wc-block-attribute-filter-list .wc-block-attribute-filter-list-count:after {
content: ")"
}
.editor-styles-wrapper .wc-block-checkbox-list,
.wc-block-checkbox-list {
margin: 0;
padding: 0;
list-style: none outside
}
.editor-styles-wrapper .wc-block-checkbox-list li,
.wc-block-checkbox-list li {
margin: 0 0 4px;
padding: 0;
list-style: none outside
}
.editor-styles-wrapper .wc-block-checkbox-list li.show-less button,
.editor-styles-wrapper .wc-block-checkbox-list li.show-more button,
.wc-block-checkbox-list li.show-less button,
.wc-block-checkbox-list li.show-more button {
background: 0 0;
border: none;
padding: 0;
text-decoration: underline;
cursor: pointer
}
.editor-styles-wrapper .wc-block-checkbox-list.is-loading li,
.wc-block-checkbox-list.is-loading li {
-webkit-animation: loading-fade 1.2s ease-in-out infinite;
animation: loading-fade 1.2s ease-in-out infinite;
background-color: #e2e4e7 !important;
color: transparent;
border: 0;
box-shadow: none
}
.editor-styles-wrapper .wc-block-checkbox-list.is-loading li:after,
.wc-block-checkbox-list.is-loading li:after {
content: "\00a0"
}
@media screen and (prefers-reduced-motion:reduce) {
.editor-styles-wrapper .wc-block-checkbox-list.is-loading li,
.wc-block-checkbox-list.is-loading li {
-webkit-animation: none;
animation: none
}
}
.wc-block-active-filters {
margin: 0 0 16px;
overflow: hidden
}
.wc-block-active-filters .wc-block-active-filters__clear-all {
float: right;
background: transparent none;
border: none;
padding: 0;
text-decoration: underline;
cursor: pointer;
font-size: 1em
}
.wc-block-active-filters .wc-block-active-filters__clear-all:hover {
background: transparent none
}
.wc-block-active-filters .wc-block-active-filters-list {
margin: 0 0 4px;
list-style: none outside;
clear: both
}
.wc-block-active-filters .wc-block-active-filters-list li {
margin: 0 0 4px;
padding: 0 16px 0 0;
list-style: none outside;
clear: both;
position: relative
}
.wc-block-active-filters .wc-block-active-filters-list button {
background: 0 0;
border: 0;
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
height: 0;
padding: 16px 0 0;
width: 16px;
overflow: hidden;
position: absolute;
right: 0;
top: 50%;
margin: -8px 0 0
}
.wc-block-active-filters .wc-block-active-filters-list button:before {
width: 16px;
height: 16px;
background: transparent url("data:image/svg+xml;charset=utf-8,%3Csvg viewBox='0 0 18 18' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Ccircle cx='9' cy='9' r='9' fill='%2324292d'/%3E%3Cpath fill='%23fff' d='M4.5 6.887L6.887 4.5l7.033 7.034-2.386 2.386z'/%3E%3Cpath fill='%23fff' d='M11.533 4.5l2.387 2.386-7.034 7.034L4.5 11.533z'/%3E%3C/svg%3E") 50% no-repeat;
display: block;
content: "";
position: absolute;
top: 0
}
.wc-block-active-filters .wc-block-active-filters-list.wc-block-active-filters-list--chips li {
display: inline-block;
background: #c4c4c4;
border-radius: 4px;
padding: 4px 8px;
margin: 0 6px 6px 0;
color: #24292d
}
.wc-block-active-filters .wc-block-active-filters-list.wc-block-active-filters-list--chips li .wc-block-active-filters-list-item__type {
display: none
}
.wc-block-active-filters .wc-block-active-filters-list.wc-block-active-filters-list--chips button {
float: none;
vertical-align: middle;
margin: -2px 0 0 9px;
height: 0;
padding: 12px 0 0;
width: 12px;
overflow: hidden;
position: relative
}
.wc-block-active-filters .wc-block-active-filters-list.wc-block-active-filters-list--chips button:before {
width: 12px;
height: 12px;
background: transparent url("data:image/svg+xml;charset=utf-8,%3Csvg width='12' viewBox='0 0 9 9' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill='%2324292d' d='M7.033 0l1.414 1.414-7.033 7.034-1.415-1.415z'/%3E%3Cpath fill='%2324292d' d='M8.447 7.071L7.033 8.486 0 1.452 1.414.038z'/%3E%3C/svg%3E") 50% no-repeat;
display: block;
content: "";
position: absolute;
top: 0
}
.wc-block-error-message {
margin-bottom: 16px;
margin-top: 8px
}
.wc-block-api-error .components-placeholder__fieldset {
display: block
}
.wc-block-api-error .wc-block-error-message {
margin-top: 0
}
.wc-block-api-error .components-spinner {
float: none
}
.woocommerce-search-product__item .woocommerce-search-list__item-name .description {
display: block
}
.woocommerce-search-product__item.is-searching .woocommerce-search-list__item-prefix:after,
.woocommerce-search-product__item.is-skip-level .woocommerce-search-list__item-prefix:after {
content: ":"
}
.woocommerce-search-product__item.is-not-active:active,
.woocommerce-search-product__item.is-not-active:focus,
.woocommerce-search-product__item.is-not-active:hover {
background: #fff
}
.woocommerce-search-product__item.is-loading {
-webkit-box-pack: center;
justify-content: center
}
.woocommerce-search-product__item.is-loading .components-spinner {
margin-bottom: 12px
}
.woocommerce-search-product__item.depth-0.is-variable:after {
margin-left: 8px;
content: "";
height: 24px;
width: 24px;
background-image: url('data:image/svg+xml;utf8,');
background-repeat: no-repeat;
background-position: 100%;
background-size: contain
}
.woocommerce-search-product__item.depth-0.is-variable[aria-expanded=true]:after {
background-image: url('data:image/svg+xml;utf8,')
}
.wc-block-review-sort-select {
text-align: right
}
.wc-block-sort-select {
margin-bottom: 12px
}
.wc-block-sort-select__label {
margin-right: 12px;
display: inline-block;
font-weight: 400
}
.editor-styles .wc-block-review-list,
.wc-block-review-list {
margin: 0
}
.is-loading .wc-block-review-list-item__text {
-webkit-animation: loading-fade 1.2s ease-in-out infinite;
animation: loading-fade 1.2s ease-in-out infinite;
background-color: #e2e4e7 !important;
color: transparent;
border: 0;
box-shadow: none;
display: block;
width: 60%
}
.is-loading .wc-block-review-list-item__text:after {
content: "\00a0"
}
@media screen and (prefers-reduced-motion:reduce) {
.is-loading .wc-block-review-list-item__text {
-webkit-animation: none;
animation: none
}
}
.is-loading .wc-block-review-list-item__info .wc-block-review-list-item__image {
-webkit-animation: loading-fade 1.2s ease-in-out infinite;
animation: loading-fade 1.2s ease-in-out infinite;
background-color: #e2e4e7 !important;
color: transparent;
border: 0;
box-shadow: none
}
.is-loading .wc-block-review-list-item__info .wc-block-review-list-item__image:after {
content: "\00a0"
}
@media screen and (prefers-reduced-motion:reduce) {
.is-loading .wc-block-review-list-item__info .wc-block-review-list-item__image {
-webkit-animation: none;
animation: none
}
}
.is-loading .wc-block-review-list-item__info .wc-block-review-list-item__meta .wc-block-review-list-item__author {
-webkit-animation: loading-fade 1.2s ease-in-out infinite;
animation: loading-fade 1.2s ease-in-out infinite;
background-color: #e2e4e7 !important;
color: transparent;
border: 0;
box-shadow: none;
font-size: 1em;
width: 80px
}
.is-loading .wc-block-review-list-item__info .wc-block-review-list-item__meta .wc-block-review-list-item__author:after {
content: "\00a0"
}
@media screen and (prefers-reduced-motion:reduce) {
.is-loading .wc-block-review-list-item__info .wc-block-review-list-item__meta .wc-block-review-list-item__author {
-webkit-animation: none;
animation: none
}
}
.is-loading .wc-block-review-list-item__info .wc-block-review-list-item__meta .wc-block-review-list-item__product,
.is-loading .wc-block-review-list-item__info .wc-block-review-list-item__meta .wc-block-review-list-item__rating .wc-block-review-list-item__rating__stars > span {
display: none
}
.is-loading .wc-block-review-list-item__info .wc-block-review-list-item__published-date {
-webkit-animation: loading-fade 1.2s ease-in-out infinite;
animation: loading-fade 1.2s ease-in-out infinite;
background-color: #e2e4e7 !important;
color: transparent;
border: 0;
box-shadow: none;
height: 1em;
width: 120px
}
.is-loading .wc-block-review-list-item__info .wc-block-review-list-item__published-date:after {
content: "\00a0"
}
@media screen and (prefers-reduced-motion:reduce) {
.is-loading .wc-block-review-list-item__info .wc-block-review-list-item__published-date {
-webkit-animation: none;
animation: none
}
}
.editor-styles-wrapper .wc-block-review-list-item__item,
.wc-block-review-list-item__item {
margin: 0 0 48px;
list-style: none
}
.wc-block-review-list-item__info {
display: -ms-grid;
display: grid;
-ms-grid-columns: 1fr;
grid-template-columns: 1fr;
margin-bottom: 24px
}
.wc-block-review-list-item__meta {
-ms-grid-column: 1;
grid-column: 1;
-ms-grid-row: 1;
grid-row: 1
}
.has-image .wc-block-review-list-item__info {
-ms-grid-columns: 64px 1fr;
grid-template-columns: 64px 1fr
}
.has-image .wc-block-review-list-item__meta {
-ms-grid-column: 2;
grid-column: 2
}
.wc-block-review-list-item__image {
height: 48px;
-ms-grid-column: 1;
grid-column: 1;
-ms-grid-row: 1;
-ms-grid-row-span: 2;
grid-row: 1/3;
width: 48px;
position: relative
}
.wc-block-review-list-item__image img {
width: 100%;
height: 100%;
display: block
}
.wc-block-review-list-item__verified {
width: 21px;
height: 21px;
text-indent: 21px;
margin: 0;
line-height: 21px;
overflow: hidden;
position: absolute;
right: -7px;
bottom: -7px
}
.wc-block-review-list-item__verified:before {
width: 21px;
height: 21px;
background: transparent url('data:image/svg+xml;utf8,%3Csvg xmlns="http://www.w3.org/2000/svg" width="21" height="21" fill="none"%3E%3Ccircle cx="10.5" cy="10.5" r="10.5" fill="%23fff"/%3E%3Cpath fill="%23008A21" fill-rule="evenodd" d="M2.1667 10.5003c0-4.6 3.7333-8.3333 8.3333-8.3333s8.3334 3.7333 8.3334 8.3333S15.1 18.8337 10.5 18.8337s-8.3333-3.7334-8.3333-8.3334zm2.5 0l4.1666 4.1667 7.5001-7.5-1.175-1.1833-6.325 6.325-2.9917-2.9834-1.175 1.175z" clip-rule="evenodd"/%3E%3Cmask id="a" width="17" height="17" x="2" y="2" maskUnits="userSpaceOnUse"%3E%3Cpath fill="%23fff" fill-rule="evenodd" d="M2.1667 10.5003c0-4.6 3.7333-8.3333 8.3333-8.3333s8.3334 3.7333 8.3334 8.3333S15.1 18.8337 10.5 18.8337s-8.3333-3.7334-8.3333-8.3334zm2.5 0l4.1666 4.1667 7.5001-7.5-1.175-1.1833-6.325 6.325-2.9917-2.9834-1.175 1.175z" clip-rule="evenodd"/%3E%3C/mask%3E%3Cg mask="url(%23a)"%3E%3Cpath fill="%23008A21" d="M.5.5h20v20H.5z"/%3E%3C/g%3E%3C/svg%3E') 50% no-repeat;
display: block;
content: ""
}
.wc-block-review-list-item__meta {
display: -webkit-box;
display: flex;
-webkit-box-align: center;
align-items: center;
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
flex-flow: row wrap
}
.wc-block-review-list-item__meta:after {
-webkit-box-ordinal-group: 4;
order: 3;
content: "";
flex-basis: 100%
}
.wc-block-review-list-item__author,
.wc-block-review-list-item__product {
display: block;
font-weight: 700;
-webkit-box-ordinal-group: 2;
order: 1;
margin-right: 8px
}
.wc-block-review-list-item__product + .wc-block-review-list-item__author {
font-weight: 400;
color: grey;
-webkit-box-ordinal-group: 5;
order: 4
}
.wc-block-review-list-item__published-date {
color: grey;
-webkit-box-ordinal-group: 6;
order: 5
}
.wc-block-review-list-item__author + .wc-block-review-list-item__published-date:before {
content: "";
display: inline-block;
margin-right: 8px;
border-right: 1px solid #ddd;
height: 1em;
vertical-align: middle
}
.wc-block-review-list-item__author:first-child + .wc-block-review-list-item__published-date:before,
.wc-block-review-list-item__rating + .wc-block-review-list-item__author + .wc-block-review-list-item__published-date:before {
display: none
}
.wc-block-review-list-item__rating {
-webkit-box-ordinal-group: 3;
order: 2
}
.wc-block-review-list-item__rating > .wc-block-review-list-item__rating__stars {
display: inline-block;
top: 0;
overflow: hidden;
position: relative;
height: 1.618em;
line-height: 1.618;
font-size: 1em;
width: 5.3em;
font-family: star;
font-weight: 400;
vertical-align: top
}
.wc-block-review-list-item__rating > .wc-block-review-list-item__rating__stars:before {
content: "\53\53\53\53\53";
opacity: .25;
float: left;
top: 0;
left: 0;
position: absolute
}
.wc-block-review-list-item__rating > .wc-block-review-list-item__rating__stars span {
overflow: hidden;
float: left;
top: 0;
left: 0;
position: absolute;
padding-top: 1.5em
}
.wc-block-review-list-item__rating > .wc-block-review-list-item__rating__stars span:before {
content: "\53\53\53\53\53";
top: 0;
position: absolute;
left: 0;
color: #e6a237
}
.wc-block-load-more {
text-align: center;
width: 100%
}
.wc-block-pagination {
margin: 0 auto 16px
}
.wc-block-pagination-ellipsis,
.wc-block-pagination-page {
color: #333;
display: inline-block;
font-size: 1em;
font-weight: 400
}
.wc-block-pagination-page {
border-color: transparent;
padding: .3em .6em;
min-width: 2.2em
}
@media (max-width:782px) {
.wc-block-pagination-page {
padding: .1em .2em;
min-width: 1.6em
}
}
.wc-block-pagination-page:not(.toggle) {
background-color: transparent
}
.wc-block-pagination-ellipsis {
padding: .3em
}
@media (max-width:782px) {
.wc-block-pagination-ellipsis {
padding: .1em
}
}
.wc-block-pagination-page--active[disabled] {
color: #333;
font-weight: 700;
opacity: 1 !important
}
.wc-block-pagination-page--active[disabled]:focus,
.wc-block-pagination-page--active[disabled]:hover {
background-color: inherit;
color: #333;
opacity: 1 !important
}
@-webkit-keyframes loading-fade {
0% {
opacity: .7
}
50% {
opacity: 1
}
to {
opacity: .7
}
}
@keyframes loading-fade {
0% {
opacity: .7
}
50% {
opacity: 1
}
to {
opacity: .7
}
}
.with-scroll-to-top__scroll-point {
position: relative;
top: -36px
}
.selectBox-dropdown {
min-width: 150px;
position: relative;
border: solid 1px #bbb;
line-height: 1.5;
text-decoration: none;
text-align: left;
color: #000;
outline: none;
vertical-align: middle;
background: #f2f2f2;
background: -moz-linear-gradient(top, #f8f8f8 1%, #e1e1e1 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(1%, #f8f8f8), color-stop(100%, #e1e1e1));
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#F8F8F8', endColorstr='#E1E1E1', GradientType=0);
-moz-box-shadow: 0 1px 0 rgba(255, 255, 255, .75);
-webkit-box-shadow: 0 1px 0 rgba(255, 255, 255, .75);
box-shadow: 0 1px 0 rgba(255, 255, 255, .75);
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
border-radius: 4px;
display: inline-block;
cursor: default
}
.selectBox-dropdown:focus,
.selectBox-dropdown:focus .selectBox-arrow {
border-color: #666
}
.selectBox-dropdown.selectBox-menuShowing {
-moz-border-radius-bottomleft: 0;
-moz-border-radius-bottomright: 0;
-webkit-border-bottom-left-radius: 0;
-webkit-border-bottom-right-radius: 0;
border-bottom-left-radius: 0;
border-bottom-right-radius: 0
}
.selectBox-dropdown .selectBox-label {
padding: 2px 8px;
display: inline-block;
white-space: nowrap;
overflow: hidden
}
.selectBox-dropdown .selectBox-arrow {
position: absolute;
top: 0;
right: 0;
width: 23px;
height: 100%;
background: url(//webitkurigram.com/wp/techno/wp-content/plugins/yith-woocommerce-wishlist/assets/css/../images/jquery.selectBox-arrow.gif) 50% center no-repeat;
border-left: solid 1px #bbb
}
.selectBox-dropdown-menu {
position: absolute;
z-index: 99999;
max-height: 200px;
min-height: 1em;
border: solid 1px #bbb;
background: #fff;
-moz-box-shadow: 0 2px 6px rgba(0, 0, 0, .2);
-webkit-box-shadow: 0 2px 6px rgba(0, 0, 0, .2);
box-shadow: 0 2px 6px rgba(0, 0, 0, .2);
overflow: auto;
-webkit-overflow-scrolling: touch
}
.selectBox-inline {
min-width: 150px;
outline: none;
border: solid 1px #bbb;
background: #fff;
display: inline-block;
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
border-radius: 4px;
overflow: auto
}
.selectBox-inline:focus {
border-color: #666
}
.selectBox-options,
.selectBox-options LI,
.selectBox-options LI A {
list-style: none;
display: block;
cursor: default;
padding: 0;
margin: 0
}
.selectBox-options LI A {
line-height: 1.5;
padding: 0 .5em;
white-space: nowrap;
overflow: hidden;
background: 6px center no-repeat
}
.selectBox-options LI.selectBox-hover A {
background-color: #eee
}
.selectBox-options LI.selectBox-disabled A {
color: #888;
background-color: transparent
}
.selectBox-options LI.selectBox-selected A {
background-color: #c8def4
}
.selectBox-options .selectBox-optgroup {
color: #666;
background: #eee;
font-weight: 700;
line-height: 1.5;
padding: 0 .3em;
white-space: nowrap
}
.selectBox.selectBox-disabled {
color: #888 !important
}
.selectBox-dropdown.selectBox-disabled .selectBox-arrow {
opacity: .5;
filter: alpha(opacity=50);
border-color: #666
}
.selectBox-inline.selectBox-disabled {
color: #888 !important
}
.selectBox-inline.selectBox-disabled .selectBox-options A {
background-color: transparent !important
}
/*!
* Font Awesome 4.7.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(//webitkurigram.com/wp/techno/wp-content/plugins/yith-woocommerce-wishlist/assets/css/../fonts/fontawesome-webfont.eot?v=4.7.0);
src: url(//webitkurigram.com/wp/techno/wp-content/plugins/yith-woocommerce-wishlist/assets/css/../fonts/fontawesome-webfont.eot?#iefix&v=4.7.0) format('embedded-opentype'), url(//webitkurigram.com/wp/techno/wp-content/plugins/yith-woocommerce-wishlist/assets/css/../fonts/fontawesome-webfont.woff2?v=4.7.0) format('woff2'), url(//webitkurigram.com/wp/techno/wp-content/plugins/yith-woocommerce-wishlist/assets/css/../fonts/fontawesome-webfont.woff?v=4.7.0) format('woff'), url(//webitkurigram.com/wp/techno/wp-content/plugins/yith-woocommerce-wishlist/assets/css/../fonts/fontawesome-webfont.ttf?v=4.7.0) format('truetype'), url(//webitkurigram.com/wp/techno/wp-content/plugins/yith-woocommerce-wishlist/assets/css/../fonts/fontawesome-webfont.svg?v=4.7.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 {
-ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=1)";
-webkit-transform: rotate(90deg);
-ms-transform: rotate(90deg);
transform: rotate(90deg)
}
.fa-rotate-180 {
-ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=2)";
-webkit-transform: rotate(180deg);
-ms-transform: rotate(180deg);
transform: rotate(180deg)
}
.fa-rotate-270 {
-ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=3)";
-webkit-transform: rotate(270deg);
-ms-transform: rotate(270deg);
transform: rotate(270deg)
}
.fa-flip-horizontal {
-ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=0, mirror=1)";
-webkit-transform: scale(-1, 1);
-ms-transform: scale(-1, 1);
transform: scale(-1, 1)
}
.fa-flip-vertical {
-ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=2, mirror=1)";
-webkit-transform: scale(1, -1);
-ms-transform: scale(1, -1);
transform: scale(1, -1)
}
:root .fa-rotate-90,
:root .fa-rotate-180,
:root .fa-rotate-270,
:root .fa-flip-horizontal,
:root .fa-flip-vertical {
filter: none
}
.fa-stack {
position: relative;
display: inline-block;
width: 2em;
height: 2em;
line-height: 2em;
vertical-align: middle
}
.fa-stack-1x,
.fa-stack-2x {
position: absolute;
left: 0;
width: 100%;
text-align: center
}
.fa-stack-1x {
line-height: inherit
}
.fa-stack-2x {
font-size: 2em
}
.fa-inverse {
color: #fff
}
.fa-glass:before {
content: "\f000"
}
.fa-music:before {
content: "\f001"
}
.fa-search:before {
content: "\f002"
}
.fa-envelope-o:before {
content: "\f003"
}
.fa-heart:before {
content: "\f004"
}
.fa-star:before {
content: "\f005"
}
.fa-star-o:before {
content: "\f006"
}
.fa-user:before {
content: "\f007"
}
.fa-film:before {
content: "\f008"
}
.fa-th-large:before {
content: "\f009"
}
.fa-th:before {
content: "\f00a"
}
.fa-th-list:before {
content: "\f00b"
}
.fa-check:before {
content: "\f00c"
}
.fa-remove:before,
.fa-close:before,
.fa-times:before {
content: "\f00d"
}
.fa-search-plus:before {
content: "\f00e"
}
.fa-search-minus:before {
content: "\f010"
}
.fa-power-off:before {
content: "\f011"
}
.fa-signal:before {
content: "\f012"
}
.fa-gear:before,
.fa-cog:before {
content: "\f013"
}
.fa-trash-o:before {
content: "\f014"
}
.fa-home:before {
content: "\f015"
}
.fa-file-o:before {
content: "\f016"
}
.fa-clock-o:before {
content: "\f017"
}
.fa-road:before {
content: "\f018"
}
.fa-download:before {
content: "\f019"
}
.fa-arrow-circle-o-down:before {
content: "\f01a"
}
.fa-arrow-circle-o-up:before {
content: "\f01b"
}
.fa-inbox:before {
content: "\f01c"
}
.fa-play-circle-o:before {
content: "\f01d"
}
.fa-rotate-right:before,
.fa-repeat:before {
content: "\f01e"
}
.fa-refresh:before {
content: "\f021"
}
.fa-list-alt:before {
content: "\f022"
}
.fa-lock:before {
content: "\f023"
}
.fa-flag:before {
content: "\f024"
}
.fa-headphones:before {
content: "\f025"
}
.fa-volume-off:before {
content: "\f026"
}
.fa-volume-down:before {
content: "\f027"
}
.fa-volume-up:before {
content: "\f028"
}
.fa-qrcode:before {
content: "\f029"
}
.fa-barcode:before {
content: "\f02a"
}
.fa-tag:before {
content: "\f02b"
}
.fa-tags:before {
content: "\f02c"
}
.fa-book:before {
content: "\f02d"
}
.fa-bookmark:before {
content: "\f02e"
}
.fa-print:before {
content: "\f02f"
}
.fa-camera:before {
content: "\f030"
}
.fa-font:before {
content: "\f031"
}
.fa-bold:before {
content: "\f032"
}
.fa-italic:before {
content: "\f033"
}
.fa-text-height:before {
content: "\f034"
}
.fa-text-width:before {
content: "\f035"
}
.fa-align-left:before {
content: "\f036"
}
.fa-align-center:before {
content: "\f037"
}
.fa-align-right:before {
content: "\f038"
}
.fa-align-justify:before {
content: "\f039"
}
.fa-list:before {
content: "\f03a"
}
.fa-dedent:before,
.fa-outdent:before {
content: "\f03b"
}
.fa-indent:before {
content: "\f03c"
}
.fa-video-camera:before {
content: "\f03d"
}
.fa-photo:before,
.fa-image:before,
.fa-picture-o:before {
content: "\f03e"
}
.fa-pencil:before {
content: "\f040"
}
.fa-map-marker:before {
content: "\f041"
}
.fa-adjust:before {
content: "\f042"
}
.fa-tint:before {
content: "\f043"
}
.fa-edit:before,
.fa-pencil-square-o:before {
content: "\f044"
}
.fa-share-square-o:before {
content: "\f045"
}
.fa-check-square-o:before {
content: "\f046"
}
.fa-arrows:before {
content: "\f047"
}
.fa-step-backward:before {
content: "\f048"
}
.fa-fast-backward:before {
content: "\f049"
}
.fa-backward:before {
content: "\f04a"
}
.fa-play:before {
content: "\f04b"
}
.fa-pause:before {
content: "\f04c"
}
.fa-stop:before {
content: "\f04d"
}
.fa-forward:before {
content: "\f04e"
}
.fa-fast-forward:before {
content: "\f050"
}
.fa-step-forward:before {
content: "\f051"
}
.fa-eject:before {
content: "\f052"
}
.fa-chevron-left:before {
content: "\f053"
}
.fa-chevron-right:before {
content: "\f054"
}
.fa-plus-circle:before {
content: "\f055"
}
.fa-minus-circle:before {
content: "\f056"
}
.fa-times-circle:before {
content: "\f057"
}
.fa-check-circle:before {
content: "\f058"
}
.fa-question-circle:before {
content: "\f059"
}
.fa-info-circle:before {
content: "\f05a"
}
.fa-crosshairs:before {
content: "\f05b"
}
.fa-times-circle-o:before {
content: "\f05c"
}
.fa-check-circle-o:before {
content: "\f05d"
}
.fa-ban:before {
content: "\f05e"
}
.fa-arrow-left:before {
content: "\f060"
}
.fa-arrow-right:before {
content: "\f061"
}
.fa-arrow-up:before {
content: "\f062"
}
.fa-arrow-down:before {
content: "\f063"
}
.fa-mail-forward:before,
.fa-share:before {
content: "\f064"
}
.fa-expand:before {
content: "\f065"
}
.fa-compress:before {
content: "\f066"
}
.fa-plus:before {
content: "\f067"
}
.fa-minus:before {
content: "\f068"
}
.fa-asterisk:before {
content: "\f069"
}
.fa-exclamation-circle:before {
content: "\f06a"
}
.fa-gift:before {
content: "\f06b"
}
.fa-leaf:before {
content: "\f06c"
}
.fa-fire:before {
content: "\f06d"
}
.fa-eye:before {
content: "\f06e"
}
.fa-eye-slash:before {
content: "\f070"
}
.fa-warning:before,
.fa-exclamation-triangle:before {
content: "\f071"
}
.fa-plane:before {
content: "\f072"
}
.fa-calendar:before {
content: "\f073"
}
.fa-random:before {
content: "\f074"
}
.fa-comment:before {
content: "\f075"
}
.fa-magnet:before {
content: "\f076"
}
.fa-chevron-up:before {
content: "\f077"
}
.fa-chevron-down:before {
content: "\f078"
}
.fa-retweet:before {
content: "\f079"
}
.fa-shopping-cart:before {
content: "\f07a"
}
.fa-folder:before {
content: "\f07b"
}
.fa-folder-open:before {
content: "\f07c"
}
.fa-arrows-v:before {
content: "\f07d"
}
.fa-arrows-h:before {
content: "\f07e"
}
.fa-bar-chart-o:before,
.fa-bar-chart:before {
content: "\f080"
}
.fa-twitter-square:before {
content: "\f081"
}
.fa-facebook-square:before {
content: "\f082"
}
.fa-camera-retro:before {
content: "\f083"
}
.fa-key:before {
content: "\f084"
}
.fa-gears:before,
.fa-cogs:before {
content: "\f085"
}
.fa-comments:before {
content: "\f086"
}
.fa-thumbs-o-up:before {
content: "\f087"
}
.fa-thumbs-o-down:before {
content: "\f088"
}
.fa-star-half:before {
content: "\f089"
}
.fa-heart-o:before {
content: "\f08a"
}
.fa-sign-out:before {
content: "\f08b"
}
.fa-linkedin-square:before {
content: "\f08c"
}
.fa-thumb-tack:before {
content: "\f08d"
}
.fa-external-link:before {
content: "\f08e"
}
.fa-sign-in:before {
content: "\f090"
}
.fa-trophy:before {
content: "\f091"
}
.fa-github-square:before {
content: "\f092"
}
.fa-upload:before {
content: "\f093"
}
.fa-lemon-o:before {
content: "\f094"
}
.fa-phone:before {
content: "\f095"
}
.fa-square-o:before {
content: "\f096"
}
.fa-bookmark-o:before {
content: "\f097"
}
.fa-phone-square:before {
content: "\f098"
}
.fa-twitter:before {
content: "\f099"
}
.fa-facebook-f:before,
.fa-facebook:before {
content: "\f09a"
}
.fa-github:before {
content: "\f09b"
}
.fa-unlock:before {
content: "\f09c"
}
.fa-credit-card:before {
content: "\f09d"
}
.fa-feed:before,
.fa-rss:before {
content: "\f09e"
}
.fa-hdd-o:before {
content: "\f0a0"
}
.fa-bullhorn:before {
content: "\f0a1"
}
.fa-bell:before {
content: "\f0f3"
}
.fa-certificate:before {
content: "\f0a3"
}
.fa-hand-o-right:before {
content: "\f0a4"
}
.fa-hand-o-left:before {
content: "\f0a5"
}
.fa-hand-o-up:before {
content: "\f0a6"
}
.fa-hand-o-down:before {
content: "\f0a7"
}
.fa-arrow-circle-left:before {
content: "\f0a8"
}
.fa-arrow-circle-right:before {
content: "\f0a9"
}
.fa-arrow-circle-up:before {
content: "\f0aa"
}
.fa-arrow-circle-down:before {
content: "\f0ab"
}
.fa-globe:before {
content: "\f0ac"
}
.fa-wrench:before {
content: "\f0ad"
}
.fa-tasks:before {
content: "\f0ae"
}
.fa-filter:before {
content: "\f0b0"
}
.fa-briefcase:before {
content: "\f0b1"
}
.fa-arrows-alt:before {
content: "\f0b2"
}
.fa-group:before,
.fa-users:before {
content: "\f0c0"
}
.fa-chain:before,
.fa-link:before {
content: "\f0c1"
}
.fa-cloud:before {
content: "\f0c2"
}
.fa-flask:before {
content: "\f0c3"
}
.fa-cut:before,
.fa-scissors:before {
content: "\f0c4"
}
.fa-copy:before,
.fa-files-o:before {
content: "\f0c5"
}
.fa-paperclip:before {
content: "\f0c6"
}
.fa-save:before,
.fa-floppy-o:before {
content: "\f0c7"
}
.fa-square:before {
content: "\f0c8"
}
.fa-navicon:before,
.fa-reorder:before,
.fa-bars:before {
content: "\f0c9"
}
.fa-list-ul:before {
content: "\f0ca"
}
.fa-list-ol:before {
content: "\f0cb"
}
.fa-strikethrough:before {
content: "\f0cc"
}
.fa-underline:before {
content: "\f0cd"
}
.fa-table:before {
content: "\f0ce"
}
.fa-magic:before {
content: "\f0d0"
}
.fa-truck:before {
content: "\f0d1"
}
.fa-pinterest:before {
content: "\f0d2"
}
.fa-pinterest-square:before {
content: "\f0d3"
}
.fa-google-plus-square:before {
content: "\f0d4"
}
.fa-google-plus:before {
content: "\f0d5"
}
.fa-money:before {
content: "\f0d6"
}
.fa-caret-down:before {
content: "\f0d7"
}
.fa-caret-up:before {
content: "\f0d8"
}
.fa-caret-left:before {
content: "\f0d9"
}
.fa-caret-right:before {
content: "\f0da"
}
.fa-columns:before {
content: "\f0db"
}
.fa-unsorted:before,
.fa-sort:before {
content: "\f0dc"
}
.fa-sort-down:before,
.fa-sort-desc:before {
content: "\f0dd"
}
.fa-sort-up:before,
.fa-sort-asc:before {
content: "\f0de"
}
.fa-envelope:before {
content: "\f0e0"
}
.fa-linkedin:before {
content: "\f0e1"
}
.fa-rotate-left:before,
.fa-undo:before {
content: "\f0e2"
}
.fa-legal:before,
.fa-gavel:before {
content: "\f0e3"
}
.fa-dashboard:before,
.fa-tachometer:before {
content: "\f0e4"
}
.fa-comment-o:before {
content: "\f0e5"
}
.fa-comments-o:before {
content: "\f0e6"
}
.fa-flash:before,
.fa-bolt:before {
content: "\f0e7"
}
.fa-sitemap:before {
content: "\f0e8"
}
.fa-umbrella:before {
content: "\f0e9"
}
.fa-paste:before,
.fa-clipboard:before {
content: "\f0ea"
}
.fa-lightbulb-o:before {
content: "\f0eb"
}
.fa-exchange:before {
content: "\f0ec"
}
.fa-cloud-download:before {
content: "\f0ed"
}
.fa-cloud-upload:before {
content: "\f0ee"
}
.fa-user-md:before {
content: "\f0f0"
}
.fa-stethoscope:before {
content: "\f0f1"
}
.fa-suitcase:before {
content: "\f0f2"
}
.fa-bell-o:before {
content: "\f0a2"
}
.fa-coffee:before {
content: "\f0f4"
}
.fa-cutlery:before {
content: "\f0f5"
}
.fa-file-text-o:before {
content: "\f0f6"
}
.fa-building-o:before {
content: "\f0f7"
}
.fa-hospital-o:before {
content: "\f0f8"
}
.fa-ambulance:before {
content: "\f0f9"
}
.fa-medkit:before {
content: "\f0fa"
}
.fa-fighter-jet:before {
content: "\f0fb"
}
.fa-beer:before {
content: "\f0fc"
}
.fa-h-square:before {
content: "\f0fd"
}
.fa-plus-square:before {
content: "\f0fe"
}
.fa-angle-double-left:before {
content: "\f100"
}
.fa-angle-double-right:before {
content: "\f101"
}
.fa-angle-double-up:before {
content: "\f102"
}
.fa-angle-double-down:before {
content: "\f103"
}
.fa-angle-left:before {
content: "\f104"
}
.fa-angle-right:before {
content: "\f105"
}
.fa-angle-up:before {
content: "\f106"
}
.fa-angle-down:before {
content: "\f107"
}
.fa-desktop:before {
content: "\f108"
}
.fa-laptop:before {
content: "\f109"
}
.fa-tablet:before {
content: "\f10a"
}
.fa-mobile-phone:before,
.fa-mobile:before {
content: "\f10b"
}
.fa-circle-o:before {
content: "\f10c"
}
.fa-quote-left:before {
content: "\f10d"
}
.fa-quote-right:before {
content: "\f10e"
}
.fa-spinner:before {
content: "\f110"
}
.fa-circle:before {
content: "\f111"
}
.fa-mail-reply:before,
.fa-reply:before {
content: "\f112"
}
.fa-github-alt:before {
content: "\f113"
}
.fa-folder-o:before {
content: "\f114"
}
.fa-folder-open-o:before {
content: "\f115"
}
.fa-smile-o:before {
content: "\f118"
}
.fa-frown-o:before {
content: "\f119"
}
.fa-meh-o:before {
content: "\f11a"
}
.fa-gamepad:before {
content: "\f11b"
}
.fa-keyboard-o:before {
content: "\f11c"
}
.fa-flag-o:before {
content: "\f11d"
}
.fa-flag-checkered:before {
content: "\f11e"
}
.fa-terminal:before {
content: "\f120"
}
.fa-code:before {
content: "\f121"
}
.fa-mail-reply-all:before,
.fa-reply-all:before {
content: "\f122"
}
.fa-star-half-empty:before,
.fa-star-half-full:before,
.fa-star-half-o:before {
content: "\f123"
}
.fa-location-arrow:before {
content: "\f124"
}
.fa-crop:before {
content: "\f125"
}
.fa-code-fork:before {
content: "\f126"
}
.fa-unlink:before,
.fa-chain-broken:before {
content: "\f127"
}
.fa-question:before {
content: "\f128"
}
.fa-info:before {
content: "\f129"
}
.fa-exclamation:before {
content: "\f12a"
}
.fa-superscript:before {
content: "\f12b"
}
.fa-subscript:before {
content: "\f12c"
}
.fa-eraser:before {
content: "\f12d"
}
.fa-puzzle-piece:before {
content: "\f12e"
}
.fa-microphone:before {
content: "\f130"
}
.fa-microphone-slash:before {
content: "\f131"
}
.fa-shield:before {
content: "\f132"
}
.fa-calendar-o:before {
content: "\f133"
}
.fa-fire-extinguisher:before {
content: "\f134"
}
.fa-rocket:before {
content: "\f135"
}
.fa-maxcdn:before {
content: "\f136"
}
.fa-chevron-circle-left:before {
content: "\f137"
}
.fa-chevron-circle-right:before {
content: "\f138"
}
.fa-chevron-circle-up:before {
content: "\f139"
}
.fa-chevron-circle-down:before {
content: "\f13a"
}
.fa-html5:before {
content: "\f13b"
}
.fa-css3:before {
content: "\f13c"
}
.fa-anchor:before {
content: "\f13d"
}
.fa-unlock-alt:before {
content: "\f13e"
}
.fa-bullseye:before {
content: "\f140"
}
.fa-ellipsis-h:before {
content: "\f141"
}
.fa-ellipsis-v:before {
content: "\f142"
}
.fa-rss-square:before {
content: "\f143"
}
.fa-play-circle:before {
content: "\f144"
}
.fa-ticket:before {
content: "\f145"
}
.fa-minus-square:before {
content: "\f146"
}
.fa-minus-square-o:before {
content: "\f147"
}
.fa-level-up:before {
content: "\f148"
}
.fa-level-down:before {
content: "\f149"
}
.fa-check-square:before {
content: "\f14a"
}
.fa-pencil-square:before {
content: "\f14b"
}
.fa-external-link-square:before {
content: "\f14c"
}
.fa-share-square:before {
content: "\f14d"
}
.fa-compass:before {
content: "\f14e"
}
.fa-toggle-down:before,
.fa-caret-square-o-down:before {
content: "\f150"
}
.fa-toggle-up:before,
.fa-caret-square-o-up:before {
content: "\f151"
}
.fa-toggle-right:before,
.fa-caret-square-o-right:before {
content: "\f152"
}
.fa-euro:before,
.fa-eur:before {
content: "\f153"
}
.fa-gbp:before {
content: "\f154"
}
.fa-dollar:before,
.fa-usd:before {
content: "\f155"
}
.fa-rupee:before,
.fa-inr:before {
content: "\f156"
}
.fa-cny:before,
.fa-rmb:before,
.fa-yen:before,
.fa-jpy:before {
content: "\f157"
}
.fa-ruble:before,
.fa-rouble:before,
.fa-rub:before {
content: "\f158"
}
.fa-won:before,
.fa-krw:before {
content: "\f159"
}
.fa-bitcoin:before,
.fa-btc:before {
content: "\f15a"
}
.fa-file:before {
content: "\f15b"
}
.fa-file-text:before {
content: "\f15c"
}
.fa-sort-alpha-asc:before {
content: "\f15d"
}
.fa-sort-alpha-desc:before {
content: "\f15e"
}
.fa-sort-amount-asc:before {
content: "\f160"
}
.fa-sort-amount-desc:before {
content: "\f161"
}
.fa-sort-numeric-asc:before {
content: "\f162"
}
.fa-sort-numeric-desc:before {
content: "\f163"
}
.fa-thumbs-up:before {
content: "\f164"
}
.fa-thumbs-down:before {
content: "\f165"
}
.fa-youtube-square:before {
content: "\f166"
}
.fa-youtube:before {
content: "\f167"
}
.fa-xing:before {
content: "\f168"
}
.fa-xing-square:before {
content: "\f169"
}
.fa-youtube-play:before {
content: "\f16a"
}
.fa-dropbox:before {
content: "\f16b"
}
.fa-stack-overflow:before {
content: "\f16c"
}
.fa-instagram:before {
content: "\f16d"
}
.fa-flickr:before {
content: "\f16e"
}
.fa-adn:before {
content: "\f170"
}
.fa-bitbucket:before {
content: "\f171"
}
.fa-bitbucket-square:before {
content: "\f172"
}
.fa-tumblr:before {
content: "\f173"
}
.fa-tumblr-square:before {
content: "\f174"
}
.fa-long-arrow-down:before {
content: "\f175"
}
.fa-long-arrow-up:before {
content: "\f176"
}
.fa-long-arrow-left:before {
content: "\f177"
}
.fa-long-arrow-right:before {
content: "\f178"
}
.fa-apple:before {
content: "\f179"
}
.fa-windows:before {
content: "\f17a"
}
.fa-android:before {
content: "\f17b"
}
.fa-linux:before {
content: "\f17c"
}
.fa-dribbble:before {
content: "\f17d"
}
.fa-skype:before {
content: "\f17e"
}
.fa-foursquare:before {
content: "\f180"
}
.fa-trello:before {
content: "\f181"
}
.fa-female:before {
content: "\f182"
}
.fa-male:before {
content: "\f183"
}
.fa-gittip:before,
.fa-gratipay:before {
content: "\f184"
}
.fa-sun-o:before {
content: "\f185"
}
.fa-moon-o:before {
content: "\f186"
}
.fa-archive:before {
content: "\f187"
}
.fa-bug:before {
content: "\f188"
}
.fa-vk:before {
content: "\f189"
}
.fa-weibo:before {
content: "\f18a"
}
.fa-renren:before {
content: "\f18b"
}
.fa-pagelines:before {
content: "\f18c"
}
.fa-stack-exchange:before {
content: "\f18d"
}
.fa-arrow-circle-o-right:before {
content: "\f18e"
}
.fa-arrow-circle-o-left:before {
content: "\f190"
}
.fa-toggle-left:before,
.fa-caret-square-o-left:before {
content: "\f191"
}
.fa-dot-circle-o:before {
content: "\f192"
}
.fa-wheelchair:before {
content: "\f193"
}
.fa-vimeo-square:before {
content: "\f194"
}
.fa-turkish-lira:before,
.fa-try:before {
content: "\f195"
}
.fa-plus-square-o:before {
content: "\f196"
}
.fa-space-shuttle:before {
content: "\f197"
}
.fa-slack:before {
content: "\f198"
}
.fa-envelope-square:before {
content: "\f199"
}
.fa-wordpress:before {
content: "\f19a"
}
.fa-openid:before {
content: "\f19b"
}
.fa-institution:before,
.fa-bank:before,
.fa-university:before {
content: "\f19c"
}
.fa-mortar-board:before,
.fa-graduation-cap:before {
content: "\f19d"
}
.fa-yahoo:before {
content: "\f19e"
}
.fa-google:before {
content: "\f1a0"
}
.fa-reddit:before {
content: "\f1a1"
}
.fa-reddit-square:before {
content: "\f1a2"
}
.fa-stumbleupon-circle:before {
content: "\f1a3"
}
.fa-stumbleupon:before {
content: "\f1a4"
}
.fa-delicious:before {
content: "\f1a5"
}
.fa-digg:before {
content: "\f1a6"
}
.fa-pied-piper-pp:before {
content: "\f1a7"
}
.fa-pied-piper-alt:before {
content: "\f1a8"
}
.fa-drupal:before {
content: "\f1a9"
}
.fa-joomla:before {
content: "\f1aa"
}
.fa-language:before {
content: "\f1ab"
}
.fa-fax:before {
content: "\f1ac"
}
.fa-building:before {
content: "\f1ad"
}
.fa-child:before {
content: "\f1ae"
}
.fa-paw:before {
content: "\f1b0"
}
.fa-spoon:before {
content: "\f1b1"
}
.fa-cube:before {
content: "\f1b2"
}
.fa-cubes:before {
content: "\f1b3"
}
.fa-behance:before {
content: "\f1b4"
}
.fa-behance-square:before {
content: "\f1b5"
}
.fa-steam:before {
content: "\f1b6"
}
.fa-steam-square:before {
content: "\f1b7"
}
.fa-recycle:before {
content: "\f1b8"
}
.fa-automobile:before,
.fa-car:before {
content: "\f1b9"
}
.fa-cab:before,
.fa-taxi:before {
content: "\f1ba"
}
.fa-tree:before {
content: "\f1bb"
}
.fa-spotify:before {
content: "\f1bc"
}
.fa-deviantart:before {
content: "\f1bd"
}
.fa-soundcloud:before {
content: "\f1be"
}
.fa-database:before {
content: "\f1c0"
}
.fa-file-pdf-o:before {
content: "\f1c1"
}
.fa-file-word-o:before {
content: "\f1c2"
}
.fa-file-excel-o:before {
content: "\f1c3"
}
.fa-file-powerpoint-o:before {
content: "\f1c4"
}
.fa-file-photo-o:before,
.fa-file-picture-o:before,
.fa-file-image-o:before {
content: "\f1c5"
}
.fa-file-zip-o:before,
.fa-file-archive-o:before {
content: "\f1c6"
}
.fa-file-sound-o:before,
.fa-file-audio-o:before {
content: "\f1c7"
}
.fa-file-movie-o:before,
.fa-file-video-o:before {
content: "\f1c8"
}
.fa-file-code-o:before {
content: "\f1c9"
}
.fa-vine:before {
content: "\f1ca"
}
.fa-codepen:before {
content: "\f1cb"
}
.fa-jsfiddle:before {
content: "\f1cc"
}
.fa-life-bouy:before,
.fa-life-buoy:before,
.fa-life-saver:before,
.fa-support:before,
.fa-life-ring:before {
content: "\f1cd"
}
.fa-circle-o-notch:before {
content: "\f1ce"
}
.fa-ra:before,
.fa-resistance:before,
.fa-rebel:before {
content: "\f1d0"
}
.fa-ge:before,
.fa-empire:before {
content: "\f1d1"
}
.fa-git-square:before {
content: "\f1d2"
}
.fa-git:before {
content: "\f1d3"
}
.fa-y-combinator-square:before,
.fa-yc-square:before,
.fa-hacker-news:before {
content: "\f1d4"
}
.fa-tencent-weibo:before {
content: "\f1d5"
}
.fa-qq:before {
content: "\f1d6"
}
.fa-wechat:before,
.fa-weixin:before {
content: "\f1d7"
}
.fa-send:before,
.fa-paper-plane:before {
content: "\f1d8"
}
.fa-send-o:before,
.fa-paper-plane-o:before {
content: "\f1d9"
}
.fa-history:before {
content: "\f1da"
}
.fa-circle-thin:before {
content: "\f1db"
}
.fa-header:before {
content: "\f1dc"
}
.fa-paragraph:before {
content: "\f1dd"
}
.fa-sliders:before {
content: "\f1de"
}
.fa-share-alt:before {
content: "\f1e0"
}
.fa-share-alt-square:before {
content: "\f1e1"
}
.fa-bomb:before {
content: "\f1e2"
}
.fa-soccer-ball-o:before,
.fa-futbol-o:before {
content: "\f1e3"
}
.fa-tty:before {
content: "\f1e4"
}
.fa-binoculars:before {
content: "\f1e5"
}
.fa-plug:before {
content: "\f1e6"
}
.fa-slideshare:before {
content: "\f1e7"
}
.fa-twitch:before {
content: "\f1e8"
}
.fa-yelp:before {
content: "\f1e9"
}
.fa-newspaper-o:before {
content: "\f1ea"
}
.fa-wifi:before {
content: "\f1eb"
}
.fa-calculator:before {
content: "\f1ec"
}
.fa-paypal:before {
content: "\f1ed"
}
.fa-google-wallet:before {
content: "\f1ee"
}
.fa-cc-visa:before {
content: "\f1f0"
}
.fa-cc-mastercard:before {
content: "\f1f1"
}
.fa-cc-discover:before {
content: "\f1f2"
}
.fa-cc-amex:before {
content: "\f1f3"
}
.fa-cc-paypal:before {
content: "\f1f4"
}
.fa-cc-stripe:before {
content: "\f1f5"
}
.fa-bell-slash:before {
content: "\f1f6"
}
.fa-bell-slash-o:before {
content: "\f1f7"
}
.fa-trash:before {
content: "\f1f8"
}
.fa-copyright:before {
content: "\f1f9"
}
.fa-at:before {
content: "\f1fa"
}
.fa-eyedropper:before {
content: "\f1fb"
}
.fa-paint-brush:before {
content: "\f1fc"
}
.fa-birthday-cake:before {
content: "\f1fd"
}
.fa-area-chart:before {
content: "\f1fe"
}
.fa-pie-chart:before {
content: "\f200"
}
.fa-line-chart:before {
content: "\f201"
}
.fa-lastfm:before {
content: "\f202"
}
.fa-lastfm-square:before {
content: "\f203"
}
.fa-toggle-off:before {
content: "\f204"
}
.fa-toggle-on:before {
content: "\f205"
}
.fa-bicycle:before {
content: "\f206"
}
.fa-bus:before {
content: "\f207"
}
.fa-ioxhost:before {
content: "\f208"
}
.fa-angellist:before {
content: "\f209"
}
.fa-cc:before {
content: "\f20a"
}
.fa-shekel:before,
.fa-sheqel:before,
.fa-ils:before {
content: "\f20b"
}
.fa-meanpath:before {
content: "\f20c"
}
.fa-buysellads:before {
content: "\f20d"
}
.fa-connectdevelop:before {
content: "\f20e"
}
.fa-dashcube:before {
content: "\f210"
}
.fa-forumbee:before {
content: "\f211"
}
.fa-leanpub:before {
content: "\f212"
}
.fa-sellsy:before {
content: "\f213"
}
.fa-shirtsinbulk:before {
content: "\f214"
}
.fa-simplybuilt:before {
content: "\f215"
}
.fa-skyatlas:before {
content: "\f216"
}
.fa-cart-plus:before {
content: "\f217"
}
.fa-cart-arrow-down:before {
content: "\f218"
}
.fa-diamond:before {
content: "\f219"
}
.fa-ship:before {
content: "\f21a"
}
.fa-user-secret:before {
content: "\f21b"
}
.fa-motorcycle:before {
content: "\f21c"
}
.fa-street-view:before {
content: "\f21d"
}
.fa-heartbeat:before {
content: "\f21e"
}
.fa-venus:before {
content: "\f221"
}
.fa-mars:before {
content: "\f222"
}
.fa-mercury:before {
content: "\f223"
}
.fa-intersex:before,
.fa-transgender:before {
content: "\f224"
}
.fa-transgender-alt:before {
content: "\f225"
}
.fa-venus-double:before {
content: "\f226"
}
.fa-mars-double:before {
content: "\f227"
}
.fa-venus-mars:before {
content: "\f228"
}
.fa-mars-stroke:before {
content: "\f229"
}
.fa-mars-stroke-v:before {
content: "\f22a"
}
.fa-mars-stroke-h:before {
content: "\f22b"
}
.fa-neuter:before {
content: "\f22c"
}
.fa-genderless:before {
content: "\f22d"
}
.fa-facebook-official:before {
content: "\f230"
}
.fa-pinterest-p:before {
content: "\f231"
}
.fa-whatsapp:before {
content: "\f232"
}
.fa-server:before {
content: "\f233"
}
.fa-user-plus:before {
content: "\f234"
}
.fa-user-times:before {
content: "\f235"
}
.fa-hotel:before,
.fa-bed:before {
content: "\f236"
}
.fa-viacoin:before {
content: "\f237"
}
.fa-train:before {
content: "\f238"
}
.fa-subway:before {
content: "\f239"
}
.fa-medium:before {
content: "\f23a"
}
.fa-yc:before,
.fa-y-combinator:before {
content: "\f23b"
}
.fa-optin-monster:before {
content: "\f23c"
}
.fa-opencart:before {
content: "\f23d"
}
.fa-expeditedssl:before {
content: "\f23e"
}
.fa-battery-4:before,
.fa-battery:before,
.fa-battery-full:before {
content: "\f240"
}
.fa-battery-3:before,
.fa-battery-three-quarters:before {
content: "\f241"
}
.fa-battery-2:before,
.fa-battery-half:before {
content: "\f242"
}
.fa-battery-1:before,
.fa-battery-quarter:before {
content: "\f243"
}
.fa-battery-0:before,
.fa-battery-empty:before {
content: "\f244"
}
.fa-mouse-pointer:before {
content: "\f245"
}
.fa-i-cursor:before {
content: "\f246"
}
.fa-object-group:before {
content: "\f247"
}
.fa-object-ungroup:before {
content: "\f248"
}
.fa-sticky-note:before {
content: "\f249"
}
.fa-sticky-note-o:before {
content: "\f24a"
}
.fa-cc-jcb:before {
content: "\f24b"
}
.fa-cc-diners-club:before {
content: "\f24c"
}
.fa-clone:before {
content: "\f24d"
}
.fa-balance-scale:before {
content: "\f24e"
}
.fa-hourglass-o:before {
content: "\f250"
}
.fa-hourglass-1:before,
.fa-hourglass-start:before {
content: "\f251"
}
.fa-hourglass-2:before,
.fa-hourglass-half:before {
content: "\f252"
}
.fa-hourglass-3:before,
.fa-hourglass-end:before {
content: "\f253"
}
.fa-hourglass:before {
content: "\f254"
}
.fa-hand-grab-o:before,
.fa-hand-rock-o:before {
content: "\f255"
}
.fa-hand-stop-o:before,
.fa-hand-paper-o:before {
content: "\f256"
}
.fa-hand-scissors-o:before {
content: "\f257"
}
.fa-hand-lizard-o:before {
content: "\f258"
}
.fa-hand-spock-o:before {
content: "\f259"
}
.fa-hand-pointer-o:before {
content: "\f25a"
}
.fa-hand-peace-o:before {
content: "\f25b"
}
.fa-trademark:before {
content: "\f25c"
}
.fa-registered:before {
content: "\f25d"
}
.fa-creative-commons:before {
content: "\f25e"
}
.fa-gg:before {
content: "\f260"
}
.fa-gg-circle:before {
content: "\f261"
}
.fa-tripadvisor:before {
content: "\f262"
}
.fa-odnoklassniki:before {
content: "\f263"
}
.fa-odnoklassniki-square:before {
content: "\f264"
}
.fa-get-pocket:before {
content: "\f265"
}
.fa-wikipedia-w:before {
content: "\f266"
}
.fa-safari:before {
content: "\f267"
}
.fa-chrome:before {
content: "\f268"
}
.fa-firefox:before {
content: "\f269"
}
.fa-opera:before {
content: "\f26a"
}
.fa-internet-explorer:before {
content: "\f26b"
}
.fa-tv:before,
.fa-television:before {
content: "\f26c"
}
.fa-contao:before {
content: "\f26d"
}
.fa-500px:before {
content: "\f26e"
}
.fa-amazon:before {
content: "\f270"
}
.fa-calendar-plus-o:before {
content: "\f271"
}
.fa-calendar-minus-o:before {
content: "\f272"
}
.fa-calendar-times-o:before {
content: "\f273"
}
.fa-calendar-check-o:before {
content: "\f274"
}
.fa-industry:before {
content: "\f275"
}
.fa-map-pin:before {
content: "\f276"
}
.fa-map-signs:before {
content: "\f277"
}
.fa-map-o:before {
content: "\f278"
}
.fa-map:before {
content: "\f279"
}
.fa-commenting:before {
content: "\f27a"
}
.fa-commenting-o:before {
content: "\f27b"
}
.fa-houzz:before {
content: "\f27c"
}
.fa-vimeo:before {
content: "\f27d"
}
.fa-black-tie:before {
content: "\f27e"
}
.fa-fonticons:before {
content: "\f280"
}
.fa-reddit-alien:before {
content: "\f281"
}
.fa-edge:before {
content: "\f282"
}
.fa-credit-card-alt:before {
content: "\f283"
}
.fa-codiepie:before {
content: "\f284"
}
.fa-modx:before {
content: "\f285"
}
.fa-fort-awesome:before {
content: "\f286"
}
.fa-usb:before {
content: "\f287"
}
.fa-product-hunt:before {
content: "\f288"
}
.fa-mixcloud:before {
content: "\f289"
}
.fa-scribd:before {
content: "\f28a"
}
.fa-pause-circle:before {
content: "\f28b"
}
.fa-pause-circle-o:before {
content: "\f28c"
}
.fa-stop-circle:before {
content: "\f28d"
}
.fa-stop-circle-o:before {
content: "\f28e"
}
.fa-shopping-bag:before {
content: "\f290"
}
.fa-shopping-basket:before {
content: "\f291"
}
.fa-hashtag:before {
content: "\f292"
}
.fa-bluetooth:before {
content: "\f293"
}
.fa-bluetooth-b:before {
content: "\f294"
}
.fa-percent:before {
content: "\f295"
}
.fa-gitlab:before {
content: "\f296"
}
.fa-wpbeginner:before {
content: "\f297"
}
.fa-wpforms:before {
content: "\f298"
}
.fa-envira:before {
content: "\f299"
}
.fa-universal-access:before {
content: "\f29a"
}
.fa-wheelchair-alt:before {
content: "\f29b"
}
.fa-question-circle-o:before {
content: "\f29c"
}
.fa-blind:before {
content: "\f29d"
}
.fa-audio-description:before {
content: "\f29e"
}
.fa-volume-control-phone:before {
content: "\f2a0"
}
.fa-braille:before {
content: "\f2a1"
}
.fa-assistive-listening-systems:before {
content: "\f2a2"
}
.fa-asl-interpreting:before,
.fa-american-sign-language-interpreting:before {
content: "\f2a3"
}
.fa-deafness:before,
.fa-hard-of-hearing:before,
.fa-deaf:before {
content: "\f2a4"
}
.fa-glide:before {
content: "\f2a5"
}
.fa-glide-g:before {
content: "\f2a6"
}
.fa-signing:before,
.fa-sign-language:before {
content: "\f2a7"
}
.fa-low-vision:before {
content: "\f2a8"
}
.fa-viadeo:before {
content: "\f2a9"
}
.fa-viadeo-square:before {
content: "\f2aa"
}
.fa-snapchat:before {
content: "\f2ab"
}
.fa-snapchat-ghost:before {
content: "\f2ac"
}
.fa-snapchat-square:before {
content: "\f2ad"
}
.fa-pied-piper:before {
content: "\f2ae"
}
.fa-first-order:before {
content: "\f2b0"
}
.fa-yoast:before {
content: "\f2b1"
}
.fa-themeisle:before {
content: "\f2b2"
}
.fa-google-plus-circle:before,
.fa-google-plus-official:before {
content: "\f2b3"
}
.fa-fa:before,
.fa-font-awesome:before {
content: "\f2b4"
}
.fa-handshake-o:before {
content: "\f2b5"
}
.fa-envelope-open:before {
content: "\f2b6"
}
.fa-envelope-open-o:before {
content: "\f2b7"
}
.fa-linode:before {
content: "\f2b8"
}
.fa-address-book:before {
content: "\f2b9"
}
.fa-address-book-o:before {
content: "\f2ba"
}
.fa-vcard:before,
.fa-address-card:before {
content: "\f2bb"
}
.fa-vcard-o:before,
.fa-address-card-o:before {
content: "\f2bc"
}
.fa-user-circle:before {
content: "\f2bd"
}
.fa-user-circle-o:before {
content: "\f2be"
}
.fa-user-o:before {
content: "\f2c0"
}
.fa-id-badge:before {
content: "\f2c1"
}
.fa-drivers-license:before,
.fa-id-card:before {
content: "\f2c2"
}
.fa-drivers-license-o:before,
.fa-id-card-o:before {
content: "\f2c3"
}
.fa-quora:before {
content: "\f2c4"
}
.fa-free-code-camp:before {
content: "\f2c5"
}
.fa-telegram:before {
content: "\f2c6"
}
.fa-thermometer-4:before,
.fa-thermometer:before,
.fa-thermometer-full:before {
content: "\f2c7"
}
.fa-thermometer-3:before,
.fa-thermometer-three-quarters:before {
content: "\f2c8"
}
.fa-thermometer-2:before,
.fa-thermometer-half:before {
content: "\f2c9"
}
.fa-thermometer-1:before,
.fa-thermometer-quarter:before {
content: "\f2ca"
}
.fa-thermometer-0:before,
.fa-thermometer-empty:before {
content: "\f2cb"
}
.fa-shower:before {
content: "\f2cc"
}
.fa-bathtub:before,
.fa-s15:before,
.fa-bath:before {
content: "\f2cd"
}
.fa-podcast:before {
content: "\f2ce"
}
.fa-window-maximize:before {
content: "\f2d0"
}
.fa-window-minimize:before {
content: "\f2d1"
}
.fa-window-restore:before {
content: "\f2d2"
}
.fa-times-rectangle:before,
.fa-window-close:before {
content: "\f2d3"
}
.fa-times-rectangle-o:before,
.fa-window-close-o:before {
content: "\f2d4"
}
.fa-bandcamp:before {
content: "\f2d5"
}
.fa-grav:before {
content: "\f2d6"
}
.fa-etsy:before {
content: "\f2d7"
}
.fa-imdb:before {
content: "\f2d8"
}
.fa-ravelry:before {
content: "\f2d9"
}
.fa-eercast:before {
content: "\f2da"
}
.fa-microchip:before {
content: "\f2db"
}
.fa-snowflake-o:before {
content: "\f2dc"
}
.fa-superpowers:before {
content: "\f2dd"
}
.fa-wpexplorer:before {
content: "\f2de"
}
.fa-meetup:before {
content: "\f2e0"
}
.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
}
.woocommerce a.selectBox {
background: #fff;
min-width: 100px;
margin-right: 10px;
color: inherit
}
.woocommerce a.selectBox,
.woocommerce a.selectBox:hover {
border-bottom: 1px solid #bbb !important
}
.woocommerce a.selectBox:hover {
color: inherit
}
.woocommerce a.selectBox:focus {
border: 1px solid #ccc
}
.selectBox-dropdown .selectBox-label {
vertical-align: middle;
padding: 3px 8px
}
.selectBox-dropdown .selectBox-arrow {
border: none;
background: url(//webitkurigram.com/wp/techno/wp-content/plugins/yith-woocommerce-wishlist/assets/css/../images/jquery.selectBox-arrow.png) center right no-repeat
}
.selectBox-dropdown.selectBox-menuShowing .selectBox-arrow {
background: url(//webitkurigram.com/wp/techno/wp-content/plugins/yith-woocommerce-wishlist/assets/css/../images/jquery.selectBox-arrow.png) center left no-repeat
}
.selectBox-dropdown-menu {
border-bottom-left-radius: 3px;
border-bottom-right-radius: 3px;
padding: 5px;
font-size: 80%
}
.selectBox-dropdown-menu li a {
color: inherit;
padding: 5px 8px;
border-radius: 3px
}
.selectBox-dropdown-menu a:hover {
color: inherit;
text-decoration: none
}
select.selectBox.change-wishlist {
max-width: 100px
}
.selectBox.change-wishlist {
width: auto !important
}
.change-wishlist-selectBox-dropdown-menu {
width: auto !important
}
.yith-wcwl-with-pretty-photo {
overflow: hidden
}
.yith-wcwl-with-pretty-photo .pp_content {
height: auto !important
}
.woocommerce .wishlist-fragment .blockUI.blockOverlay:before,
.woocommerce .yith-wcwl-popup-form .blockUI.blockOverlay:before {
display: none
}
.yith-wcwl-popup {
display: none
}
.yith-wcwl-popup-content h3 {
text-align: center;
font-size: 1.5em
}
.yith-wcwl-popup-content .heading-icon,
.yith-wcwl-popup-feedback .heading-icon {
text-align: center;
display: block;
font-size: 70px;
color: #333;
margin-bottom: 15px
}
.yith-wcwl-popup-content .popup-description {
text-align: center;
font-weight: 600;
margin-bottom: 15px
}
.yith-wcwl-popup-content .popup-description a.show-tab.active {
cursor: inherit;
color: inherit;
pointer-events: none
}
.yith-wcwl-popup-feedback p.feedback {
margin-top: 1.5em;
text-align: center;
font-size: 1.1rem;
font-weight: 600
}
.yith-wcwl-popup-content label {
display: block
}
.yith-wcwl-popup-content input[type=text],
.yith-wcwl-popup-content select {
padding: 10px 7px
}
.yith-wcwl-popup-content .create {
display: none
}
.yith-wcwl-popup-content .yith-wcwl-second-row {
display: none
}
.yith-wcwl-popup-footer {
margin: 15px 0
}
.yith-wcwl-popup-footer .button.wishlist-submit {
display: block;
width: 100%;
text-align: center
}
.pp_pic_holder.pp_woocommerce.feedback {
max-width: 450px !important
}
.pp_pic_holder.pp_woocommerce.feedback .pp_content {
width: auto !important
}
.yith-wcwl-popup-feedback {
margin-top: 2em;
margin-bottom: 2em
}
.yith-wcwl-add-button.with-dropdown {
position: relative;
padding: 15px 0
}
.yes-js .yith-wcwl-add-button ul.yith-wcwl-dropdown {
display: none;
list-style: none;
margin-bottom: 0;
padding: 5px 25px;
border: 1px solid #cdcdcd;
background: #fff;
position: absolute;
z-index: 15;
top: calc(100% - 5px);
min-width: 200px
}
.yith-wcwl-add-button.show-dropdown ul.yith-wcwl-dropdown {
display: block
}
.yith-wcwl-add-button ul.yith-wcwl-dropdown li {
padding: 15px;
padding-left: 0;
text-transform: uppercase;
font-size: .8em
}
.yith-wcwl-add-button ul.yith-wcwl-dropdown li a {
font-size: 1em !important;
color: inherit;
box-shadow: none
}
.yith-wcwl-add-button ul.yith-wcwl-dropdown li a:hover {
color: initial
}
.yith-wcwl-add-button ul.yith-wcwl-dropdown li:before {
font-family: FontAwesome;
content: '\f067';
margin-right: 15px
}
.yith-wcwl-add-button ul.yith-wcwl-dropdown li:not(:last-child) {
border-bottom: 1px solid #cdcdcd
}
.yith-wcwl-add-to-wishlist .separator + [data-title] {
display: inline-block
}
.yith-wcwl-add-to-wishlist .with-tooltip {
position: relative
}
.yith-wcwl-tooltip {
z-index: 10;
padding: 5px 10px;
border-radius: 5px;
text-align: center;
top: calc(100% + 5px);
pointer-events: none;
cursor: initial;
font-size: .6875rem;
line-height: normal;
display: none
}
.with-dropdown .yith-wcwl-tooltip {
top: auto;
bottom: calc(100% + 10px)
}
.with-tooltip .yith-wcwl-tooltip {
position: absolute
}
.with-tooltip .yith-wcwl-tooltip:before {
content: '';
display: block;
position: absolute;
top: -5px;
left: calc(50% - 2px);
width: 0;
height: 0;
background: 0 0 !important;
border-left: 5px solid transparent !important;
border-right: 5px solid transparent !important;
border-bottom: 5px solid
}
.with-dropdown .with-tooltip .yith-wcwl-tooltip:before {
bottom: -5px;
top: auto;
border-left: 5px solid transparent;
border-right: 5px solid transparent;
border-top: 5px solid;
border-bottom: none
}
#yith-wcwl-popup-message {
font-weight: 700;
line-height: 50px;
text-align: center;
background: #fff;
-webkit-box-shadow: 0 0 15px rgba(0, 0, 0, .3);
-moz-box-shadow: 0 0 15px rgba(0, 0, 0, .3);
box-shadow: 0 0 15px rgba(0, 0, 0, .3);
position: fixed;
top: 50%;
left: 50%;
padding: 7px 40px;
z-index: 10000
}
.wishlist-title {
display: inline-block
}
.wishlist-title h2 {
display: inline-block;
padding: 5px
}
.wishlist-title.wishlist-title-with-form h2:hover {
background: #efefef
}
.wishlist-title a.show-title-form {
cursor: pointer;
visibility: hidden
}
.wishlist-title:hover a.show-title-form {
visibility: visible
}
.yes-js #yith-wcwl-form .hidden-title-form {
display: none;
margin: 25px 0 39px
}
table.wishlist_table {
font-size: 80%
}
table.wishlist_table tr {
position: relative
}
table.wishlist_table thead th {
border-top: 1px solid;
padding: 16px 12px
}
table.wishlist_table tbody td {
padding: 16px 12px
}
table.wishlist_table tbody td,
table.wishlist_table thead th {
border-color: #e7e7e7
}
.wishlist_table tr td,
.wishlist_table tr th.product-checkbox,
.wishlist_table tr th.wishlist-delete {
text-align: center
}
.wishlist_table tr th.product-checkbox {
vertical-align: middle;
width: 40px
}
.wishlist_table tr th.product-remove {
vertical-align: middle;
width: 40px
}
.wishlist_table tr th.product-thumbnail {
width: 80px
}
.wishlist_table tfoot td,
.wishlist_table tr td.product-name,
.wishlist_table tr td.product-thumbnail,
.wishlist_table tr td.wishlist-name,
.wishlist_table tr td.wishlist-privacy {
text-align: left
}
.wishlist_table tr td.product-remove {
padding: 16px 0
}
.wishlist_table tr td.product-thumbnail a {
display: block;
border: none;
max-width: 80px
}
.wishlist_table tr td.product-thumbnail a img {
width: 100%
}
.wishlist_table tr td.product-arrange {
cursor: grab
}
.wishlist_table tr td.product-arrange:active {
cursor: grabbing
}
.wishlist_table .product-stock-status span.wishlist-in-stock {
color: #297e29
}
.wishlist_table .product-stock-status span.wishlist-out-of-stock {
color: red
}
.wishlist_table .product-add-to-cart span.dateadded {
display: block
}
.wishlist_table .product-add-to-cart a {
display: table !important;
margin: 0 auto 5px !important;
text-align: center
}
.wishlist_table .product-add-to-cart a.button {
padding: 6px 25px !important
}
.wishlist_table .product-add-to-cart a > img {
display: inline;
max-width: 2em
}
.wishlist_table .price-variation {
display: block
}
.wishlist_table .price-variation.decrease .variation-rate {
color: red
}
.wishlist_table .price-variation .old-price {
display: block
}
.wishlist_table a.button {
white-space: normal;
margin-bottom: 5px !important
}
.wishlist_table.modern_grid {
list-style: none;
margin: 0 -7px 35px;
font-size: 0
}
.wishlist_table.modern_grid li {
display: inline-block;
vertical-align: top;
width: 33.33%;
padding: 0 7px;
margin-bottom: 15px
}
.wishlist_table.images_grid li.wishlist-empty,
.wishlist_table.modern_grid li.wishlist-empty {
width: 100%;
font-size: 1rem
}
.wishlist_table.images_grid li.show {
z-index: 10
}
.wishlist_table.modern_grid li .item-wrapper {
display: table;
margin: 0 -7px
}
.wishlist_table.modern_grid li .item-details,
.wishlist_table.modern_grid li .product-thumbnail {
display: table-cell;
vertical-align: top;
box-sizing: border-box;
width: 50%;
padding: 0 7px;
font-size: 1rem
}
.wishlist_table.images_grid li .product-thumbnail,
.wishlist_table.modern_grid li .product-thumbnail {
position: relative
}
.wishlist_table.images_grid li .product-thumbnail .product-checkbox,
.wishlist_table.modern_grid li .product-thumbnail .product-checkbox {
position: absolute;
top: 7px;
left: 15px;
z-index: 2
}
.wishlist_table.modern_grid li .product-thumbnail > a {
display: block
}
.wishlist_table.modern_grid li .product-thumbnail > a img {
display: block
}
.wishlist_table.images_grid li.show .product-thumbnail > a img,
.wishlist_table.images_grid li:hover .product-thumbnail > a img {
filter: brightness(1.1)
}
.wishlist_table.modern_grid.wishlist_view li .item-details {
position: relative
}
.wishlist_table.modern_grid.wishlist_view li .item-details:before {
content: '';
display: block;
top: 0;
bottom: 0;
left: 7px;
background: #fff;
position: absolute;
right: 7px;
z-index: 0;
border: 1px solid #cdcdcd
}
.wishlist_table.images_grid li .item-details {
display: none;
position: absolute;
z-index: 2;
bottom: 15px;
left: calc(50% - 150px);
width: 300px;
background: #fff;
padding: 10px 20px;
-webkit-box-shadow: 0 0 15px rgba(0, 0, 0, .3);
-moz-box-shadow: 0 0 15px rgba(0, 0, 0, .3);
box-shadow: 0 0 15px rgba(0, 0, 0, .3)
}
.wishlist_table.images_grid li.show .item-details {
display: block
}
.wishlist_table.modern_grid li .item-details .item-details-wrapper {
padding: 15px 20px;
line-height: normal;
position: relative
}
.wishlist_table.images_grid li .item-details a.close {
position: absolute;
top: 10px;
right: 20px
}
.wishlist_table.images_grid li .item-details h3,
.wishlist_table.mobile li .item-details h3,
.wishlist_table.modern_grid li .item-details h3 {
margin-bottom: 7px
}
.wishlist_table.images_grid li .item-details table.item-details-table,
.wishlist_table.mobile li .item-details table.item-details-table,
.wishlist_table.mobile li table.additional-info,
.wishlist_table.modern_grid li .item-details table.item-details-table {
border: none;
margin-bottom: 7px
}
.wishlist_table.images_grid li .item-details table.item-details-table td,
.wishlist_table.mobile li .item-details table.item-details-table td,
.wishlist_table.mobile li table.additional-info td,
.wishlist_table.modern_grid li .item-details table.item-details-table td {
border: none;
font-size: .7em;
padding: 3px;
vertical-align: top
}
.wishlist_table.images_grid li .item-details table.item-details-table td.label,
.wishlist_table.mobile li .item-details table.item-details-table td.label,
.wishlist_table.mobile li table.additional-info td.label,
.wishlist_table.modern_grid li .item-details table.item-details-table td.label {
text-align: left;
font-weight: 700;
width: 40%
}
.wishlist_table.images_grid li .item-details table.item-details-table td.value,
.wishlist_table.mobile li .item-details table.item-details-table td.value,
.wishlist_table.mobile li table.additional-info td.value,
.wishlist_table.modern_grid li .item-details table.item-details-table td.value {
text-align: right
}
.wishlist_table.modern_grid li .item-details table.item-details-table td.value a.selectBox {
margin-right: 0
}
.wishlist_table.images_grid li .item-details table.item-details-table td.value input,
.wishlist_table.mobile li table.additional-info td.value input,
.wishlist_table.modern_grid li .item-details table.item-details-table td.value input {
width: auto
}
.wishlist_table.images_grid li .item-details .product-add-to-cart,
.wishlist_table.modern_grid li .item-details .product-add-to-cart {
text-align: center;
margin-bottom: 7px
}
.wishlist_table.images_grid li .item-details .move-to-another-wishlist,
.wishlist_table.modern_grid li .item-details .move-to-another-wishlist {
text-align: center;
margin-bottom: 7px
}
.wishlist_table.images_grid li .item-details .product-remove,
.wishlist_table.modern_grid li .item-details .product-remove {
text-align: right
}
.wishlist_table.images_grid li .item-details .product-remove a,
.wishlist_table.modern_grid li .item-details .product-remove a {
border: none;
border-radius: 0;
display: inline-block
}
.wishlist_table.mobile {
list-style: none;
margin-left: 0
}
.wishlist_table.mobile li {
margin-bottom: 7px
}
.wishlist_table.mobile li .product-checkbox {
display: inline-block;
width: 20px;
vertical-align: top
}
.wishlist_table.mobile li .item-wrapper {
display: inline-block;
width: calc(100% - 25px);
vertical-align: top;
margin-bottom: 7px
}
.wishlist_table.wishlist_manage_table.mobile li .item-wrapper {
width: 100%
}
.wishlist_table.mobile li .item-wrapper .product-thumbnail {
display: inline-block;
max-width: 60px;
margin-right: 10px
}
.wishlist_table.mobile li .item-wrapper .item-details {
display: inline-block;
width: calc(100% - 80px);
vertical-align: top
}
.wishlist_table.mobile.with-checkbox li .additional-info-wrapper {
padding-left: 20px
}
.wishlist_table.mobile li .additional-info-wrapper .move-to-another-wishlist,
.wishlist_table.mobile li .additional-info-wrapper .product-add-to-cart {
text-align: center;
margin-bottom: 7px
}
.wishlist_table.mobile li .additional-info-wrapper .product-remove {
text-align: right
}
a.add_to_wishlist {
cursor: pointer
}
.yith-wcwl-add-to-wishlist .feedback .yith-wcwl-icon {
margin-right: 5px
}
.yith-wcwl-add-to-wishlist a.add_to_wishlist > img,
.yith-wcwl-add-to-wishlist a.delete_item > img,
.yith-wcwl-add-to-wishlist a.move_to_another_wishlist > img {
max-width: 32px;
display: inline-block;
margin-right: 10px
}
a.add_to_wishlist + a.view-wishlist,
a.delete_item + a.view-wishlist {
margin-left: 15px
}
.summary .single_add_to_wishlist.button,
div.product .woocommerce-price-and-add .single_add_to_wishlist.button {
margin: 0
}
.wishlist_table .add_to_cart.button {
padding: 7px 12px;
line-height: normal
}
.yith-wcwl-add-to-wishlist {
margin-top: 10px
}
.hidden-title-form a.hide-title-form i,
.hidden-title-form button i,
.wishlist-title a.show-title-form i,
.wishlist_manage_table tfoot a.create-new-wishlist i,
.wishlist_manage_table tfoot button.submit-wishlist-changes i,
.wishlist_table .add_to_cart.button i,
.wishlist_table .ask-an-estimate-button i,
.yith-wcwl-add-button > a i,
.yith-wcwl-wishlist-new button i,
.yith-wcwl-wishlist-search-form button.wishlist-search-button i {
margin-right: 10px
}
.hidden-title-form a.hide-title-form,
.wishlist-title a.show-title-form,
.wishlist_manage_table a.create-new-wishlist,
.wishlist_manage_table button.submit-wishlist-changes,
.wishlist_table .add_to_cart.button,
.wishlist_table a.ask-an-estimate-button,
.woocommerce .yith-wcwl-wishlist-new button,
.yith-wcwl-add-button a.add_to_wishlist,
.yith-wcwl-popup-button a.add_to_wishlist,
.yith-wcwl-wishlist-search-form button.wishlist-search-button {
margin: 0;
box-shadow: none;
text-shadow: none
}
.add-to-wishlist-before_image .yith-wcwl-add-to-wishlist {
position: absolute;
z-index: 10;
margin: 0;
top: 10px;
left: 10px
}
.add-to-wishlist-before_image .yith-wcwl-add-to-wishlist .with-dropdown {
padding: 0
}
.add-to-wishlist-before_image .yith-wcwl-add-to-wishlist .add_to_wishlist,
.add-to-wishlist-before_image .yith-wcwl-add-to-wishlist .disabled_item,
.add-to-wishlist-before_image .yith-wcwl-add-to-wishlist .open-pretty-photo {
font-size: 0;
background: 0 0
}
.add-to-wishlist-before_image .yith-wcwl-add-to-wishlist .delete_item,
.add-to-wishlist-before_image .yith-wcwl-add-to-wishlist .move_to_another_wishlist {
font-size: 0
}
.add-to-wishlist-before_image .yith-wcwl-add-to-wishlist .feedback {
display: none
}
.add-to-wishlist-before_image .yith-wcwl-add-to-wishlist .feedback + a {
font-size: 0;
background: 0 0
}
.add-to-wishlist-before_image .yith-wcwl-add-to-wishlist i {
font-size: 1.6rem;
margin: 0
}
.add-to-wishlist-before_image .yith-wcwl-add-to-wishlist img {
margin: 0
}
.woocommerce .wishlist-title {
margin-bottom: 30px
}
.woocommerce .wishlist-title h2 {
vertical-align: middle;
margin-bottom: 0
}
.woocommerce .hidden-title-form button {
padding: 7px 24px;
vertical-align: middle;
border: none;
position: relative
}
.woocommerce .hidden-title-form button:active {
top: 1px
}
.woocommerce .hidden-title-form a.hide-title-form {
vertical-align: middle;
line-height: normal
}
.woocommerce .back-to-all-wishlists {
margin-bottom: 20px
}
.woocommerce #content table.wishlist_table.cart a.remove {
color: #c3c3c3;
margin: 0 auto
}
.woocommerce #content table.wishlist_table.cart a.remove:hover {
background-color: #c3c3c3;
color: #fff
}
.yith-wcwl-share {
margin-bottom: 35px
}
.yith-wcwl-share h4.yith-wcwl-share-title {
margin: 10px 0
}
.yith-wcwl-share ul {
margin: 5px 0;
padding: 0
}
.entry-content .yith-wcwl-share ul li,
.yith-wcwl-share ul li {
display: inline-block;
margin-left: 0;
margin-right: 0
}
.yith-wcwl-share li a {
color: #fff;
text-align: center;
text-decoration: none;
line-height: 1;
padding: 5px;
display: block;
border: none;
min-width: 26px;
min-height: 26px
}
.yith-wcwl-share li a:hover {
color: #fff
}
.yith-wcwl-share li a > img {
max-width: 1em
}
.copy-trigger {
cursor: pointer
}
.woocommerce .ask-an-estimate-button > img {
max-width: 1em;
display: inline;
margin-right: 5px
}
#ask_an_estimate_popup {
display: none
}
.wishlist-ask-an-estimate-popup .ask-an-estimate-button-popup {
width: 100%
}
.wishlist-ask-an-estimate-popup .woocommerce-error {
margin-bottom: 0
}
.wishlist-ask-an-estimate-popup #additional_notes {
min-height: 150px
}
.ask-an-estimate-confirmation {
padding: 0 30px;
text-align: center
}
.yith_wcwl_wishlist_footer > div {
margin-bottom: 15px
}
.yith_wcwl_wishlist_footer .yith_wcwl_wishlist_bulk_action {
float: left
}
.yith_wcwl_wishlist_footer .yith_wcwl_wishlist_bulk_action label {
display: inline-block;
margin-right: 10px
}
.yith_wcwl_wishlist_footer .yith_wcwl_wishlist_bulk_action #bulk_actions {
min-width: 250px
}
.yith_wcwl_wishlist_footer .yith_wcwl_wishlist_bulk_action input[type=submit] {
margin: 0;
margin-left: 10px
}
.yith_wcwl_wishlist_footer .yith_wcwl_wishlist_update {
float: right
}
.yith_wcwl_wishlist_footer .yith-wcwl-share {
float: left;
clear: both
}
.yith_wcwl_wishlist_footer .yith_wcwl_footer_additional_action {
float: right
}
.yith_wcwl_wishlist_footer .yith_wcwl_footer_additional_action > * {
vertical-align: middle
}
.yith_wcwl_wishlist_update + .yith_wcwl_footer_additional_action {
clear: both
}
.wishlist-page-links {
clear: both
}
#move_to_another_wishlist {
display: none
}
.yith-wcwl-wishlist-new {
padding: 20px 0
}
.yith-wcwl-popup-content .yith-wcwl-wishlist-new {
padding: 0
}
.yith-wcwl-wishlist-new .wishlist-name {
display: inline-block
}
.yith-wcwl-wishlist-new .wishlist-privacy-radio label {
display: block
}
.yith-wcwl-popup-content .create-wishlist-button {
margin-top: 15px;
width: 100%
}
#create_new_wishlist {
display: none
}
.wishlist_manage_table select {
vertical-align: middle;
margin-right: 10px
}
.wishlist_manage_table td.wishlist-name .wishlist-title {
margin-bottom: 0
}
.wishlist_manage_table td.wishlist-name .wishlist-title .show-title-form {
display: inline-block;
padding: 0;
border: none;
background: 0 0;
top: 0;
margin: 0
}
.wishlist_manage_table td.wishlist-name a.show-title-form i {
padding: 5px;
margin: 0
}
.wishlist_manage_table td.wishlist-name:hover a.show-title-form {
visibility: visible
}
.wishlist_manage_table td.wishlist-name .hidden-title-form {
margin: 0 !important
}
.wishlist_manage_table td.wishlist-name .hidden-title-form input[type=text] {
width: 100%;
min-width: 0
}
.wishlist_manage_table td.wishlist-name .hidden-title-form {
position: relative
}
.wishlist_manage_table td.wishlist-name .hidden-title-form .edit-title-buttons {
position: absolute;
right: 0;
top: 0
}
.wishlist_manage_table td.wishlist-name .hidden-title-form a {
float: right;
cursor: pointer;
margin-left: 5px
}
.wishlist_manage_table td.wishlist-name .hidden-title-form a i {
padding: 5px;
margin: 0
}
table.wishlist_manage_table tfoot td {
text-align: right;
padding: 24px 12px
}
.wishlist_manage_table tfoot button.submit-wishlist-changes {
padding: 7px 24px;
vertical-align: middle;
border: 1px solid;
border-radius: 3px;
position: relative;
line-height: normal
}
.wishlist_manage_table tfoot button.submit-wishlist-changes:active {
top: 1px
}
.wishlist_manage_table tfoot a.create-new-wishlist {
vertical-align: middle;
line-height: normal;
padding: 7px 24px
}
.wishlist_manage_table.modern_grid li .item-wrapper {
display: block;
margin: 0;
padding: 40px 50px;
background: #fff;
border: 1px solid #cdcdcd
}
.wishlist_manage_table.modern_grid li .item-details,
.wishlist_manage_table.modern_grid li .product-thumbnail {
display: block;
width: 100%;
padding: 0
}
.wishlist_manage_table.modern_grid li .item-details .hidden-title-form {
position: relative
}
.wishlist_manage_table.modern_grid li .item-details .hidden-title-form .edit-title-buttons {
position: absolute;
right: 0;
top: 0
}
.wishlist_manage_table.modern_grid li .item-details .hidden-title-form .edit-title-buttons a {
float: right;
line-height: 1;
cursor: pointer;
margin-left: 5px
}
.wishlist_manage_table.modern_grid li .item-details .hidden-title-form .edit-title-buttons a i {
padding: 5px;
margin: 0
}
.wishlist_manage_table.modern_grid li .product-thumbnail .placeholder-item.empty-box {
display: flex;
background: #f2f2f2;
min-height: 400px;
align-items: center;
justify-content: center;
margin-bottom: 15px
}
.wishlist_manage_table.modern_grid li .product-thumbnail .placeholder-item.empty-box p {
font-size: 1em;
line-height: 1.5em;
font-weight: 600
}
.wishlist_manage_table.modern_grid li .product-thumbnail img:first-child {
width: 100%;
margin-bottom: 15px
}
.wishlist_manage_table.modern_grid li .product-thumbnail img {
width: calc(50% - 8px)
}
.wishlist_manage_table.modern_grid li .product-thumbnail img:nth-child(3) {
margin-left: 15px
}
.wishlist_manage_table.modern_grid li .wishlist-title-with-form {
display: block
}
.wishlist_manage_table.modern_grid li .wishlist-title-with-form h3 {
display: inline-block
}
.wishlist_manage_table.modern_grid li .wishlist-title-with-form .show-title-form,
.wishlist_manage_table.modern_grid li .wishlist-title-with-form .show-title-form:hover {
visibility: visible;
float: right;
margin: 0;
background: 0 0;
color: inherit
}
.wishlist_manage_table.modern_grid li .wishlist-title-with-form .show-title-form i {
margin: 0
}
.wishlist_manage_table.modern_grid li .hidden-title-form {
margin-top: 0 !important
}
.wishlist_manage_table.modern_grid li .hidden-title-form input[type=text] {
width: 100%;
min-width: 0
}
.wishlist_manage_table.mobile li {
margin-bottom: 30px
}
.wishlist_manage_table.mobile li .item-wrapper .item-details {
width: 100%
}
.wishlist_manage_table.mobile li .item-details .hidden-title-form {
position: relative
}
.wishlist_manage_table.mobile li .item-details .hidden-title-form input[type=text] {
width: 100%
}
.wishlist_manage_table.mobile li .item-details .hidden-title-form .edit-title-buttons {
position: absolute;
right: 0;
top: 0
}
.wishlist_manage_table.mobile li .item-details .hidden-title-form .edit-title-buttons a {
float: right;
line-height: 1;
cursor: pointer;
margin-left: 5px
}
.wishlist_manage_table.mobile li .item-details .hidden-title-form .edit-title-buttons a i {
padding: 5px;
margin: 0
}
.wishlist_manage_table.mobile li .item-wrapper .item-details .wishlist-title {
display: block;
border-bottom: 1px solid #cdcdcd;
position: relative
}
.wishlist_manage_table.mobile li .item-wrapper .item-details .wishlist-title-with-form a.show-title-form {
position: absolute;
right: 0;
top: 0;
visibility: visible
}
.wishlist_manage_table.mobile li .item-wrapper .item-details .wishlist-title-with-form a.show-title-form i {
margin-right: 0
}
.wishlist_manage_table.mobile li .item-details table.item-details-table td.value a.selectBox {
margin-right: 0
}
.wishlist_manage_table.mobile li .item-details table.item-details-table td.value a.wishlist-download {
float: left
}
.yith-wcwl-wishlist-search-form {
text-align: center;
padding: 20px 0
}
.yith-wcwl-wishlist-search-form #wishlist_search {
display: inline-block;
max-width: 300px;
vertical-align: middle
}
.yith-wcwl-wishlist-search-form button.wishlist-search-button {
display: inline-block;
padding: 7px 24px;
vertical-align: middle;
border: 1px solid;
border-radius: 3px;
position: relative;
line-height: normal
}
.yith-wcwl-wishlist-search-form button.wishlist-search-button i {
margin: 0
}
.yith-wcwl-wishlist-search-form button.wishlist-search-button:active {
top: 1px
}
.yith-wcwl-search-results .wishlist-owner {
text-align: left
}
.yith-wcwl-search-results .wishlist-owner .thumb {
display: inline-block;
margin-right: 15px
}
.yith-wcwl-add-to-wishlist .ajax-loading {
box-shadow: none !important;
-moz-box-shadow: none !important;
-webkit-box-shadow: none !important;
display: inline !important;
margin-left: 5px;
vertical-align: middle;
visibility: hidden;
width: 16px !important;
height: 16px !important
}
.elementor-widget-wp-widget-yith-wcwl-lists ul.dropdown li,
.widget_yith-wcwl-lists ul.dropdown li {
padding: 0
}
.elementor-widget-wp-widget-yith-wcwl-lists ul.dropdown ul.lists > li a,
.elementor-widget-wp-widget-yith-wcwl-lists ul.dropdown > li a,
.widget_yith-wcwl-lists ul.dropdown ul.lists > li a,
.widget_yith-wcwl-lists ul.dropdown > li a {
display: block;
padding: 5px 15px
}
.elementor-widget-wp-widget-yith-wcwl-lists ul.dropdown ul.lists > li a,
.widget_yith-wcwl-lists ul.dropdown ul.lists > li a {
padding: 5px 25px
}
.elementor-widget-wp-widget-yith-wcwl-lists ul.dropdown > li.lists-section,
.widget_yith-wcwl-lists ul.dropdown > li.lists-section {
border-bottom: 1px solid #e7e7e7
}
.elementor-widget-wp-widget-yith-wcwl-lists ul.dropdown ul.lists,
.widget_yith-wcwl-lists ul.dropdown ul.lists {
margin: 0
}
.elementor-widget-wp-widget-yith-wcwl-items .mini,
.widget_yith-wcwl-items .mini {
position: relative
}
.elementor-widget-wp-widget-yith-wcwl-items .heading,
.widget_yith-wcwl-items .heading {
text-align: center;
cursor: pointer
}
.elementor-widget-wp-widget-yith-wcwl-items .mini .heading,
.widget_yith-wcwl-items .mini .heading {
display: inline-block
}
.elementor-widget-wp-widget-yith-wcwl-items .heading a,
.widget_yith-wcwl-items .heading a {
color: inherit
}
.elementor-widget-wp-widget-yith-wcwl-items .extended .heading .items-counter,
.widget_yith-wcwl-items .extended .heading .items-counter {
position: relative
}
.elementor-widget-wp-widget-yith-wcwl-items .extended .heading .items-counter i,
.widget_yith-wcwl-items .extended .heading .items-counter i {
font-size: 70px;
position: relative;
margin-bottom: 10px
}
.elementor-widget-wp-widget-yith-wcwl-items .mini .heading .items-counter i,
.widget_yith-wcwl-items .mini .heading .items-counter i {
font-size: 30px
}
.elementor-widget-wp-widget-yith-wcwl-items .extended .heading .items-counter .items-count,
.widget_yith-wcwl-items .extended .heading .items-counter .items-count {
display: block;
position: absolute;
left: 0;
right: 0;
text-align: center;
top: calc(50% - 20px);
font-size: 1rem
}
.elementor-widget-wp-widget-yith-wcwl-items .mini .heading .items-counter .items-count,
.widget_yith-wcwl-items .mini .heading .items-counter .items-count {
font-size: 1rem
}
.elementor-widget-wp-widget-yith-wcwl-items .extended .heading h3:after,
.widget_yith-wcwl-items .extended .heading h3:after {
content: '';
display: block;
max-width: 80px;
border-bottom: 1px solid #cdcdcd;
margin: 10px auto
}
.elementor-widget-wp-widget-yith-wcwl-items .mini .list,
.widget_yith-wcwl-items .mini .list {
position: absolute;
z-index: 1;
left: 0;
background: #fff;
padding: 25px 40px;
display: none;
-webkit-box-shadow: 0 0 15px rgba(0, 0, 0, .3);
-moz-box-shadow: 0 0 15px rgba(0, 0, 0, .3);
box-shadow: 0 0 15px rgba(0, 0, 0, .3)
}
.elementor-widget-wp-widget-yith-wcwl-items .mini:hover .list,
.widget_yith-wcwl-items .mini:hover .list {
display: block
}
.elementor-widget-wp-widget-yith-wcwl-items ul.product_list_widget,
.widget_yith-wcwl-items ul.product_list_widget {
margin-bottom: 40px !important
}
.elementor-widget-wp-widget-yith-wcwl-items .mini ul.product_list_widget,
.widget_yith-wcwl-items .mini ul.product_list_widget {
max-height: 200px;
overflow-y: auto
}
.elementor-widget-wp-widget-yith-wcwl-items p.empty-wishlist,
.widget_yith-wcwl-items p.empty-wishlist {
margin-bottom: 0 !important
}
.elementor-widget-wp-widget-yith-wcwl-items .mini ul.product_list_widget,
.widget_yith-wcwl-items .mini ul.product_list_widget {
margin-left: -20px
}
.elementor-widget-wp-widget-yith-wcwl-items ul.product_list_widget li,
.widget_yith-wcwl-items ul.product_list_widget li {
display: table
}
.elementor-widget-wp-widget-yith-wcwl-items ul.product_list_widget li:not(:last-child),
.widget_yith-wcwl-items ul.product_list_widget li:not(:last-child) {
margin-bottom: 10px
}
.elementor-widget-wp-widget-yith-wcwl-items ul.product_list_widget li .image-thumb,
.elementor-widget-wp-widget-yith-wcwl-items ul.product_list_widget li .mini-cart-item-info,
.elementor-widget-wp-widget-yith-wcwl-items ul.product_list_widget li .remove_from_all_wishlists,
.widget_yith-wcwl-items ul.product_list_widget li .image-thumb,
.widget_yith-wcwl-items ul.product_list_widget li .mini-cart-item-info,
.widget_yith-wcwl-items ul.product_list_widget li .remove_from_all_wishlists {
display: table-cell;
vertical-align: middle
}
.elementor-widget-wp-widget-yith-wcwl-items ul.product_list_widget li .remove_from_all_wishlists,
.widget_yith-wcwl-items ul.product_list_widget li .remove_from_all_wishlists {
font-size: 1.2rem
}
.elementor-widget-wp-widget-yith-wcwl-items ul.product_list_widget li .image-thumb img. .widget_yith-wcwl-items ul.product_list_widget li .image-thumb img {
margin-left: 10px;
max-width: 40px
}
.elementor-widget-wp-widget-yith-wcwl-items ul.product_list_widget li .mini-cart-item-info,
.widget_yith-wcwl-items ul.product_list_widget li .mini-cart-item-info {
display: inline-block;
vertical-align: middle;
margin-left: 10px
}
.elementor-widget-wp-widget-yith-wcwl-items ul.product_list_widget li .mini-cart-item-info a,
.widget_yith-wcwl-items ul.product_list_widget li .mini-cart-item-info a {
display: inline-block
}
.elementor-widget-wp-widget-yith-wcwl-items ul.product_list_widget li .mini-cart-item-info > *,
.widget_yith-wcwl-items ul.product_list_widget li .mini-cart-item-info > * {
display: block
}
.elementor-widget-wp-widget-yith-wcwl-items .show-wishlist,
.elementor-widget-wp-widget-yith-wcwl-items a.add_all_to_cart,
.widget_yith-wcwl-items .show-wishlist,
.widget_yith-wcwl-items a.add_all_to_cart {
display: block !important
}
.elementor-widget-wp-widget-yith-wcwl-items .show-wishlist,
.widget_yith-wcwl-items .show-wishlist {
margin-bottom: 10px
}
.elementor-widget-wp-widget-yith-wcwl-items a.add_all_to_cart,
.widget_yith-wcwl-items a.add_all_to_cart {
text-align: center
}
@media(max-width:768px) {
.yith_wcwl_wishlist_bulk_action select {
width: 100%;
margin-bottom: 15px
}
.yith_wcwl_wishlist_bulk_action input {
float: right
}
.yith_wcwl_wishlist_footer .yith_wcwl_footer_additional_action {
float: none
}
.yith_wcwl_wishlist_footer .yith_wcwl_footer_additional_action .ask-an-estimate-button {
width: 100%;
text-align: center
}
}
.yith-wcwl-share li a {
color: #fff
}
.yith-wcwl-share li a:hover {
color: #fff
}
.yith-wcwl-share a.facebook {
background: #39599e;
background-color: #39599e
}
.yith-wcwl-share a.facebook:hover {
background: #39599e;
background-color: #39599e
}
.yith-wcwl-share a.twitter {
background: #45afe2;
background-color: #45afe2
}
.yith-wcwl-share a.twitter:hover {
background: #39599e;
background-color: #39599e
}
.yith-wcwl-share a.pinterest {
background: #ab2e31;
background-color: #ab2e31
}
.yith-wcwl-share a.pinterest:hover {
background: #39599e;
background-color: #39599e
}
.yith-wcwl-share a.email {
background: #fbb102;
background-color: #fbb102
}
.yith-wcwl-share a.email:hover {
background: #39599e;
background-color: #39599e
}
.yith-wcwl-share a.whatsapp {
background: #00a901;
background-color: #00a901
}
.yith-wcwl-share a.whatsapp:hover {
background: #39599e;
background-color: #39599e
}
div.wpcf7 .screen-reader-response {
position: absolute;
overflow: hidden;
clip: rect(1px, 1px, 1px, 1px);
height: 1px;
width: 1px;
margin: 0;
padding: 0;
border: 0
}
div.wpcf7-response-output {
margin: 2em .5em 1em;
padding: .2em 1em;
border: 2px solid red
}
div.wpcf7-mail-sent-ok {
border: 2px solid #398f14
}
div.wpcf7-mail-sent-ng,
div.wpcf7-aborted {
border: 2px solid red
}
div.wpcf7-spam-blocked {
border: 2px solid orange
}
div.wpcf7-validation-errors,
div.wpcf7-acceptance-missing {
border: 2px solid #f7e700
}
.wpcf7-form-control-wrap {
position: relative
}
span.wpcf7-not-valid-tip {
color: red;
font-size: 1em;
font-weight: 400;
display: block
}
.use-floating-validation-tip span.wpcf7-not-valid-tip {
position: absolute;
top: 20%;
left: 20%;
z-index: 100;
border: 1px solid red;
background: #fff;
padding: .2em .8em
}
span.wpcf7-list-item {
display: inline-block;
margin: 0 0 0 1em
}
span.wpcf7-list-item-label:before,
span.wpcf7-list-item-label:after {
content: " "
}
.wpcf7-display-none {
display: none
}
div.wpcf7 .ajax-loader {
visibility: hidden;
display: inline-block;
background-image: url(//webitkurigram.com/wp/techno/wp-content/plugins/contact-form-7/includes/css/../../images/ajax-loader.gif);
width: 16px;
height: 16px;
border: none;
padding: 0;
margin: 0 0 0 4px;
vertical-align: middle
}
div.wpcf7 .ajax-loader.is-active {
visibility: visible
}
div.wpcf7 div.ajax-error {
display: none
}
div.wpcf7 .placeheld {
color: #888
}
div.wpcf7 input[type=file] {
cursor: pointer
}
div.wpcf7 input[type=file]:disabled {
cursor: default
}
div.wpcf7 .wpcf7-submit:disabled {
cursor: not-allowed
}
.wpcf7 input[type=url],
.wpcf7 input[type=email],
.wpcf7 input[type=tel] {
direction: ltr
}
@charset "UTF-8";
.woocommerce .woocommerce-error .button,
.woocommerce .woocommerce-info .button,
.woocommerce .woocommerce-message .button,
.woocommerce-page .woocommerce-error .button,
.woocommerce-page .woocommerce-info .button,
.woocommerce-page .woocommerce-message .button {
float: right
}
.woocommerce .col2-set,
.woocommerce-page .col2-set {
width: 100%
}
.woocommerce .col2-set:after,
.woocommerce .col2-set:before,
.woocommerce-page .col2-set:after,
.woocommerce-page .col2-set:before {
content: ' ';
display: table
}
.woocommerce .col2-set:after,
.woocommerce-page .col2-set:after {
clear: both
}
.woocommerce .col2-set .col-1,
.woocommerce-page .col2-set .col-1 {
float: left;
width: 48%
}
.woocommerce .col2-set .col-2,
.woocommerce-page .col2-set .col-2 {
float: right;
width: 48%
}
.woocommerce img,
.woocommerce-page img {
height: auto;
max-width: 100%
}
.woocommerce #content div.product div.images,
.woocommerce div.product div.images,
.woocommerce-page #content div.product div.images,
.woocommerce-page div.product div.images {
float: left;
width: 48%
}
.woocommerce #content div.product div.thumbnails:after,
.woocommerce #content div.product div.thumbnails:before,
.woocommerce div.product div.thumbnails:after,
.woocommerce div.product div.thumbnails:before,
.woocommerce-page #content div.product div.thumbnails:after,
.woocommerce-page #content div.product div.thumbnails:before,
.woocommerce-page div.product div.thumbnails:after,
.woocommerce-page div.product div.thumbnails:before {
content: ' ';
display: table
}
.woocommerce #content div.product div.thumbnails:after,
.woocommerce div.product div.thumbnails:after,
.woocommerce-page #content div.product div.thumbnails:after,
.woocommerce-page div.product div.thumbnails:after {
clear: both
}
.woocommerce #content div.product div.thumbnails a,
.woocommerce div.product div.thumbnails a,
.woocommerce-page #content div.product div.thumbnails a,
.woocommerce-page div.product div.thumbnails a {
float: left;
width: 30.75%;
margin-right: 3.8%;
margin-bottom: 1em
}
.woocommerce #content div.product div.thumbnails a.last,
.woocommerce div.product div.thumbnails a.last,
.woocommerce-page #content div.product div.thumbnails a.last,
.woocommerce-page div.product div.thumbnails a.last {
margin-right: 0
}
.woocommerce #content div.product div.thumbnails a.first,
.woocommerce div.product div.thumbnails a.first,
.woocommerce-page #content div.product div.thumbnails a.first,
.woocommerce-page div.product div.thumbnails a.first {
clear: both
}
.woocommerce #content div.product div.thumbnails.columns-1 a,
.woocommerce div.product div.thumbnails.columns-1 a,
.woocommerce-page #content div.product div.thumbnails.columns-1 a,
.woocommerce-page div.product div.thumbnails.columns-1 a {
width: 100%;
margin-right: 0;
float: none
}
.woocommerce #content div.product div.thumbnails.columns-2 a,
.woocommerce div.product div.thumbnails.columns-2 a,
.woocommerce-page #content div.product div.thumbnails.columns-2 a,
.woocommerce-page div.product div.thumbnails.columns-2 a {
width: 48%
}
.woocommerce #content div.product div.thumbnails.columns-4 a,
.woocommerce div.product div.thumbnails.columns-4 a,
.woocommerce-page #content div.product div.thumbnails.columns-4 a,
.woocommerce-page div.product div.thumbnails.columns-4 a {
width: 22.05%
}
.woocommerce #content div.product div.thumbnails.columns-5 a,
.woocommerce div.product div.thumbnails.columns-5 a,
.woocommerce-page #content div.product div.thumbnails.columns-5 a,
.woocommerce-page div.product div.thumbnails.columns-5 a {
width: 16.9%
}
.woocommerce #content div.product div.summary,
.woocommerce div.product div.summary,
.woocommerce-page #content div.product div.summary,
.woocommerce-page div.product div.summary {
float: right;
width: 48%;
clear: none
}
.woocommerce #content div.product .woocommerce-tabs,
.woocommerce div.product .woocommerce-tabs,
.woocommerce-page #content div.product .woocommerce-tabs,
.woocommerce-page div.product .woocommerce-tabs {
clear: both
}
.woocommerce #content div.product .woocommerce-tabs ul.tabs:after,
.woocommerce #content div.product .woocommerce-tabs ul.tabs:before,
.woocommerce div.product .woocommerce-tabs ul.tabs:after,
.woocommerce div.product .woocommerce-tabs ul.tabs:before,
.woocommerce-page #content div.product .woocommerce-tabs ul.tabs:after,
.woocommerce-page #content div.product .woocommerce-tabs ul.tabs:before,
.woocommerce-page div.product .woocommerce-tabs ul.tabs:after,
.woocommerce-page div.product .woocommerce-tabs ul.tabs:before {
content: ' ';
display: table
}
.woocommerce #content div.product .woocommerce-tabs ul.tabs:after,
.woocommerce div.product .woocommerce-tabs ul.tabs:after,
.woocommerce-page #content div.product .woocommerce-tabs ul.tabs:after,
.woocommerce-page div.product .woocommerce-tabs ul.tabs:after {
clear: both
}
.woocommerce #content div.product .woocommerce-tabs ul.tabs li,
.woocommerce div.product .woocommerce-tabs ul.tabs li,
.woocommerce-page #content div.product .woocommerce-tabs ul.tabs li,
.woocommerce-page div.product .woocommerce-tabs ul.tabs li {
display: inline-block
}
.woocommerce #content div.product #reviews .comment:after,
.woocommerce #content div.product #reviews .comment:before,
.woocommerce div.product #reviews .comment:after,
.woocommerce div.product #reviews .comment:before,
.woocommerce-page #content div.product #reviews .comment:after,
.woocommerce-page #content div.product #reviews .comment:before,
.woocommerce-page div.product #reviews .comment:after,
.woocommerce-page div.product #reviews .comment:before {
content: ' ';
display: table
}
.woocommerce #content div.product #reviews .comment:after,
.woocommerce div.product #reviews .comment:after,
.woocommerce-page #content div.product #reviews .comment:after,
.woocommerce-page div.product #reviews .comment:after {
clear: both
}
.woocommerce #content div.product #reviews .comment img,
.woocommerce div.product #reviews .comment img,
.woocommerce-page #content div.product #reviews .comment img,
.woocommerce-page div.product #reviews .comment img {
float: right;
height: auto
}
.woocommerce ul.products,
.woocommerce-page ul.products {
clear: both
}
.woocommerce ul.products:after,
.woocommerce ul.products:before,
.woocommerce-page ul.products:after,
.woocommerce-page ul.products:before {
content: ' ';
display: table
}
.woocommerce ul.products:after,
.woocommerce-page ul.products:after {
clear: both
}
.woocommerce ul.products li.product,
.woocommerce-page ul.products li.product {
float: left;
margin: 0 3.8% 2.992em 0;
padding: 0;
position: relative;
width: 22.05%;
margin-left: 0
}
.woocommerce ul.products li.first,
.woocommerce-page ul.products li.first {
clear: both
}
.woocommerce ul.products li.last,
.woocommerce-page ul.products li.last {
margin-right: 0
}
.woocommerce ul.products.columns-1 li.product,
.woocommerce-page ul.products.columns-1 li.product {
width: 100%;
margin-right: 0
}
.woocommerce ul.products.columns-2 li.product,
.woocommerce-page ul.products.columns-2 li.product {
width: 48%
}
.woocommerce ul.products.columns-3 li.product,
.woocommerce-page ul.products.columns-3 li.product {
width: 30.75%
}
.woocommerce ul.products.columns-5 li.product,
.woocommerce-page ul.products.columns-5 li.product {
width: 16.95%
}
.woocommerce ul.products.columns-6 li.product,
.woocommerce-page ul.products.columns-6 li.product {
width: 13.5%
}
.woocommerce-page.columns-1 ul.products li.product,
.woocommerce.columns-1 ul.products li.product {
width: 100%;
margin-right: 0
}
.woocommerce-page.columns-2 ul.products li.product,
.woocommerce.columns-2 ul.products li.product {
width: 48%
}
.woocommerce-page.columns-3 ul.products li.product,
.woocommerce.columns-3 ul.products li.product {
width: 30.75%
}
.woocommerce-page.columns-5 ul.products li.product,
.woocommerce.columns-5 ul.products li.product {
width: 16.95%
}
.woocommerce-page.columns-6 ul.products li.product,
.woocommerce.columns-6 ul.products li.product {
width: 13.5%
}
.woocommerce .woocommerce-result-count,
.woocommerce-page .woocommerce-result-count {
float: left
}
.woocommerce .woocommerce-ordering,
.woocommerce-page .woocommerce-ordering {
float: right
}
.woocommerce .woocommerce-pagination ul.page-numbers:after,
.woocommerce .woocommerce-pagination ul.page-numbers:before,
.woocommerce-page .woocommerce-pagination ul.page-numbers:after,
.woocommerce-page .woocommerce-pagination ul.page-numbers:before {
content: ' ';
display: table
}
.woocommerce .woocommerce-pagination ul.page-numbers:after,
.woocommerce-page .woocommerce-pagination ul.page-numbers:after {
clear: both
}
.woocommerce .woocommerce-pagination ul.page-numbers li,
.woocommerce-page .woocommerce-pagination ul.page-numbers li {
display: inline-block
}
.woocommerce #content table.cart img,
.woocommerce table.cart img,
.woocommerce-page #content table.cart img,
.woocommerce-page table.cart img {
height: auto
}
.woocommerce #content table.cart td.actions,
.woocommerce table.cart td.actions,
.woocommerce-page #content table.cart td.actions,
.woocommerce-page table.cart td.actions {
text-align: right
}
.woocommerce #content table.cart td.actions .input-text,
.woocommerce table.cart td.actions .input-text,
.woocommerce-page #content table.cart td.actions .input-text,
.woocommerce-page table.cart td.actions .input-text {
width: 80px
}
.woocommerce #content table.cart td.actions .coupon,
.woocommerce table.cart td.actions .coupon,
.woocommerce-page #content table.cart td.actions .coupon,
.woocommerce-page table.cart td.actions .coupon {
float: left
}
.woocommerce #content table.cart td.actions .coupon label,
.woocommerce table.cart td.actions .coupon label,
.woocommerce-page #content table.cart td.actions .coupon label,
.woocommerce-page table.cart td.actions .coupon label {
display: none
}
.woocommerce .cart-collaterals,
.woocommerce-page .cart-collaterals {
width: 100%
}
.woocommerce .cart-collaterals:after,
.woocommerce .cart-collaterals:before,
.woocommerce-page .cart-collaterals:after,
.woocommerce-page .cart-collaterals:before {
content: ' ';
display: table
}
.woocommerce .cart-collaterals:after,
.woocommerce-page .cart-collaterals:after {
clear: both
}
.woocommerce .cart-collaterals .related,
.woocommerce-page .cart-collaterals .related {
width: 30.75%;
float: left
}
.woocommerce .cart-collaterals .cross-sells,
.woocommerce-page .cart-collaterals .cross-sells {
width: 48%;
float: left
}
.woocommerce .cart-collaterals .cross-sells ul.products,
.woocommerce-page .cart-collaterals .cross-sells ul.products {
float: none
}
.woocommerce .cart-collaterals .cross-sells ul.products li,
.woocommerce-page .cart-collaterals .cross-sells ul.products li {
width: 48%
}
.woocommerce .cart-collaterals .shipping_calculator,
.woocommerce-page .cart-collaterals .shipping_calculator {
width: 48%;
clear: right;
float: right
}
.woocommerce .cart-collaterals .shipping_calculator:after,
.woocommerce .cart-collaterals .shipping_calculator:before,
.woocommerce-page .cart-collaterals .shipping_calculator:after,
.woocommerce-page .cart-collaterals .shipping_calculator:before {
content: ' ';
display: table
}
.woocommerce .cart-collaterals .shipping_calculator:after,
.woocommerce-page .cart-collaterals .shipping_calculator:after {
clear: both
}
.woocommerce .cart-collaterals .shipping_calculator .col2-set .col-1,
.woocommerce .cart-collaterals .shipping_calculator .col2-set .col-2,
.woocommerce-page .cart-collaterals .shipping_calculator .col2-set .col-1,
.woocommerce-page .cart-collaterals .shipping_calculator .col2-set .col-2 {
width: 47%
}
.woocommerce .cart-collaterals .cart_totals,
.woocommerce-page .cart-collaterals .cart_totals {
float: right;
width: 48%
}
.woocommerce ul.cart_list li:after,
.woocommerce ul.cart_list li:before,
.woocommerce ul.product_list_widget li:after,
.woocommerce ul.product_list_widget li:before,
.woocommerce-page ul.cart_list li:after,
.woocommerce-page ul.cart_list li:before,
.woocommerce-page ul.product_list_widget li:after,
.woocommerce-page ul.product_list_widget li:before {
content: ' ';
display: table
}
.woocommerce ul.cart_list li:after,
.woocommerce ul.product_list_widget li:after,
.woocommerce-page ul.cart_list li:after,
.woocommerce-page ul.product_list_widget li:after {
clear: both
}
.woocommerce ul.cart_list li img,
.woocommerce ul.product_list_widget li img,
.woocommerce-page ul.cart_list li img,
.woocommerce-page ul.product_list_widget li img {
float: right;
height: auto
}
.woocommerce form .form-row:after,
.woocommerce form .form-row:before,
.woocommerce-page form .form-row:after,
.woocommerce-page form .form-row:before {
content: ' ';
display: table
}
.woocommerce form .form-row:after,
.woocommerce-page form .form-row:after {
clear: both
}
.woocommerce form .form-row label,
.woocommerce-page form .form-row label {
display: block
}
.woocommerce form .form-row label.checkbox,
.woocommerce-page form .form-row label.checkbox {
display: inline
}
.woocommerce form .form-row select,
.woocommerce-page form .form-row select {
width: 100%
}
.woocommerce form .form-row .input-text,
.woocommerce-page form .form-row .input-text {
box-sizing: border-box;
width: 100%
}
.woocommerce form .form-row-first,
.woocommerce form .form-row-last,
.woocommerce-page form .form-row-first,
.woocommerce-page form .form-row-last {
width: 47%;
overflow: visible
}
.woocommerce form .form-row-first,
.woocommerce-page form .form-row-first {
float: left
}
.woocommerce form .form-row-last,
.woocommerce-page form .form-row-last {
float: right
}
.woocommerce form .form-row-wide,
.woocommerce-page form .form-row-wide {
clear: both
}
.woocommerce form .password-input,
.woocommerce-page form .password-input {
display: -webkit-box;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
flex-direction: column;
-webkit-box-pack: center;
justify-content: center;
position: relative
}
.woocommerce form .password-input input[type=password],
.woocommerce-page form .password-input input[type=password] {
padding-right: 2.5rem
}
.woocommerce form .password-input input::-ms-reveal,
.woocommerce-page form .password-input input::-ms-reveal {
display: none
}
.woocommerce form .show-password-input,
.woocommerce-page form .show-password-input {
position: absolute;
right: .7em;
top: .7em;
cursor: pointer
}
.woocommerce form .show-password-input:after,
.woocommerce-page form .show-password-input:after {
font-family: WooCommerce;
speak: none;
font-weight: 400;
font-variant: normal;
text-transform: none;
line-height: 1;
-webkit-font-smoothing: antialiased;
margin-left: .618em;
content: "î";
text-decoration: none
}
.woocommerce form .show-password-input.display-password:after,
.woocommerce-page form .show-password-input.display-password:after {
color: #585858
}
.woocommerce #payment .form-row select,
.woocommerce-page #payment .form-row select {
width: auto
}
.woocommerce #payment .terms,
.woocommerce #payment .wc-terms-and-conditions,
.woocommerce-page #payment .terms,
.woocommerce-page #payment .wc-terms-and-conditions {
text-align: left;
padding: 0 1em 0 0;
float: left
}
.woocommerce #payment #place_order,
.woocommerce-page #payment #place_order {
float: right
}
.woocommerce .woocommerce-billing-fields:after,
.woocommerce .woocommerce-billing-fields:before,
.woocommerce .woocommerce-shipping-fields:after,
.woocommerce .woocommerce-shipping-fields:before,
.woocommerce-page .woocommerce-billing-fields:after,
.woocommerce-page .woocommerce-billing-fields:before,
.woocommerce-page .woocommerce-shipping-fields:after,
.woocommerce-page .woocommerce-shipping-fields:before {
content: ' ';
display: table
}
.woocommerce .woocommerce-billing-fields:after,
.woocommerce .woocommerce-shipping-fields:after,
.woocommerce-page .woocommerce-billing-fields:after,
.woocommerce-page .woocommerce-shipping-fields:after {
clear: both
}
.woocommerce .woocommerce-terms-and-conditions,
.woocommerce-page .woocommerce-terms-and-conditions {
margin-bottom: 1.618em;
padding: 1.618em
}
.woocommerce .woocommerce-oembed,
.woocommerce-page .woocommerce-oembed {
position: relative
}
.woocommerce-account .woocommerce-MyAccount-navigation {
float: left;
width: 30%
}
.woocommerce-account .woocommerce-MyAccount-content {
float: right;
width: 68%
}
.woocommerce-page.left-sidebar #content.twentyeleven {
width: 58.4%;
margin: 0 7.6%;
float: right
}
.woocommerce-page.right-sidebar #content.twentyeleven {
margin: 0 7.6%;
width: 58.4%;
float: left
}
.twentyfourteen .tfwc {
padding: 12px 10px 0;
max-width: 474px;
margin: 0 auto
}
.twentyfourteen .tfwc .product .entry-summary {
padding: 0 !important;
margin: 0 0 1.618em !important
}
.twentyfourteen .tfwc div.product.hentry.has-post-thumbnail {
margin-top: 0
}
@media screen and (min-width:673px) {
.twentyfourteen .tfwc {
padding-right: 30px;
padding-left: 30px
}
}
@media screen and (min-width:1040px) {
.twentyfourteen .tfwc {
padding-right: 15px;
padding-left: 15px
}
}
@media screen and (min-width:1110px) {
.twentyfourteen .tfwc {
padding-right: 30px;
padding-left: 30px
}
}
@media screen and (min-width:1218px) {
.twentyfourteen .tfwc {
margin-right: 54px
}
.full-width .twentyfourteen .tfwc {
margin-right: auto
}
}
.twentyfifteen .t15wc {
padding-left: 7.6923%;
padding-right: 7.6923%;
padding-top: 7.6923%;
margin-bottom: 7.6923%;
background: #fff;
box-shadow: 0 0 1px rgba(0, 0, 0, .15)
}
.twentyfifteen .t15wc .page-title {
margin-left: 0
}
@media screen and (min-width:38.75em) {
.twentyfifteen .t15wc {
margin-right: 7.6923%;
margin-left: 7.6923%;
margin-top: 8.3333%
}
}
@media screen and (min-width:59.6875em) {
.twentyfifteen .t15wc {
margin-left: 8.3333%;
margin-right: 8.3333%;
padding: 10%
}
.single-product .twentyfifteen .entry-summary {
padding: 0 !important
}
}
.twentysixteen .site-main {
margin-right: 7.6923%;
margin-left: 7.6923%
}
.twentysixteen .entry-summary {
margin-right: 0;
margin-left: 0
}
#content .twentysixteen div.product div.images,
#content .twentysixteen div.product div.summary {
width: 46.42857%
}
@media screen and (min-width:44.375em) {
.twentysixteen .site-main {
margin-right: 23.0769%
}
}
@media screen and (min-width:56.875em) {
.twentysixteen .site-main {
margin-right: 0;
margin-left: 0
}
.no-sidebar .twentysixteen .site-main {
margin-right: 15%;
margin-left: 15%
}
.no-sidebar .twentysixteen .entry-summary {
margin-right: 0;
margin-left: 0
}
}
.rtl .woocommerce .col2-set .col-1,
.rtl .woocommerce-page .col2-set .col-1 {
float: right
}
.rtl .woocommerce .col2-set .col-2,
.rtl .woocommerce-page .col2-set .col-2 {
float: left
}
@charset "UTF-8";
@-webkit-keyframes spin {
100% {
-webkit-transform: rotate(360deg);
transform: rotate(360deg)
}
}
@keyframes spin {
100% {
-webkit-transform: rotate(360deg);
transform: rotate(360deg)
}
}
.woocommerce-store-notice,
p.demo_store {
position: absolute;
top: 0;
left: 0;
right: 0;
margin: 0;
width: 100%;
font-size: 1em;
padding: 1em 0;
text-align: center;
background-color: #a46497;
color: #fff;
z-index: 99998;
box-shadow: 0 1px 1em rgba(0, 0, 0, .2);
display: none
}
.woocommerce-store-notice a,
p.demo_store a {
color: #fff;
text-decoration: underline
}
.screen-reader-text {
clip: rect(1px, 1px, 1px, 1px);
height: 1px;
overflow: hidden;
position: absolute !important;
width: 1px;
word-wrap: normal !important
}
.admin-bar p.demo_store {
top: 32px
}
.clear {
clear: both
}
.woocommerce .blockUI.blockOverlay {
position: relative
}
.woocommerce .blockUI.blockOverlay:before {
height: 1em;
width: 1em;
display: block;
position: absolute;
top: 50%;
left: 50%;
margin-left: -.5em;
margin-top: -.5em;
content: '';
-webkit-animation: spin 1s ease-in-out infinite;
animation: spin 1s ease-in-out infinite;
background: url(//webitkurigram.com/wp/techno/wp-content/plugins/woocommerce/assets/css/../images/icons/loader.svg) center center;
background-size: cover;
line-height: 1;
text-align: center;
font-size: 2em;
color: rgba(0, 0, 0, .75)
}
.woocommerce .loader:before {
height: 1em;
width: 1em;
display: block;
position: absolute;
top: 50%;
left: 50%;
margin-left: -.5em;
margin-top: -.5em;
content: '';
-webkit-animation: spin 1s ease-in-out infinite;
animation: spin 1s ease-in-out infinite;
background: url(//webitkurigram.com/wp/techno/wp-content/plugins/woocommerce/assets/css/../images/icons/loader.svg) center center;
background-size: cover;
line-height: 1;
text-align: center;
font-size: 2em;
color: rgba(0, 0, 0, .75)
}
.woocommerce a.remove {
display: block;
font-size: 1.5em;
height: 1em;
width: 1em;
text-align: center;
line-height: 1;
border-radius: 100%;
color: red !important;
text-decoration: none;
font-weight: 700;
border: 0
}
.woocommerce a.remove:hover {
color: #fff !important;
background: red
}
.woocommerce small.note {
display: block;
color: #767676;
font-size: .857em;
margin-top: 10px
}
.woocommerce .woocommerce-breadcrumb {
margin: 0 0 1em;
padding: 0;
font-size: .92em;
color: #767676
}
.woocommerce .woocommerce-breadcrumb:after,
.woocommerce .woocommerce-breadcrumb:before {
content: ' ';
display: table
}
.woocommerce .woocommerce-breadcrumb:after {
clear: both
}
.woocommerce .woocommerce-breadcrumb a {
color: #767676
}
.woocommerce .quantity .qty {
width: 3.631em;
text-align: center
}
.woocommerce div.product {
margin-bottom: 0;
position: relative
}
.woocommerce div.product .product_title {
clear: none;
margin-top: 0;
padding: 0
}
.woocommerce div.product p.price,
.woocommerce div.product span.price {
color: #77a464;
font-size: 1.25em
}
.woocommerce div.product p.price ins,
.woocommerce div.product span.price ins {
background: inherit;
font-weight: 700;
display: inline-block
}
.woocommerce div.product p.price del,
.woocommerce div.product span.price del {
opacity: .5;
display: inline-block
}
.woocommerce div.product p.stock {
font-size: .92em
}
.woocommerce div.product .stock {
color: #77a464
}
.woocommerce div.product .out-of-stock {
color: red
}
.woocommerce div.product .woocommerce-product-rating {
margin-bottom: 1.618em
}
.woocommerce div.product div.images {
margin-bottom: 2em
}
.woocommerce div.product div.images img {
display: block;
width: 100%;
height: auto;
box-shadow: none
}
.woocommerce div.product div.images div.thumbnails {
padding-top: 1em
}
.woocommerce div.product div.images.woocommerce-product-gallery {
position: relative
}
.woocommerce div.product div.images .woocommerce-product-gallery__wrapper {
-webkit-transition: all cubic-bezier(.795, -.035, 0, 1) .5s;
transition: all cubic-bezier(.795, -.035, 0, 1) .5s;
margin: 0;
padding: 0
}
.woocommerce div.product div.images .woocommerce-product-gallery__wrapper .zoomImg {
background-color: #fff;
opacity: 0
}
.woocommerce div.product div.images .woocommerce-product-gallery__image--placeholder {
border: 1px solid #f2f2f2
}
.woocommerce div.product div.images .woocommerce-product-gallery__image:nth-child(n+2) {
width: 25%;
display: inline-block
}
.woocommerce div.product div.images .woocommerce-product-gallery__trigger {
position: absolute;
top: .5em;
right: .5em;
font-size: 2em;
z-index: 9;
width: 36px;
height: 36px;
background: #fff;
text-indent: -9999px;
border-radius: 100%;
box-sizing: content-box
}
.woocommerce div.product div.images .woocommerce-product-gallery__trigger:before {
content: "";
display: block;
width: 10px;
height: 10px;
border: 2px solid #000;
border-radius: 100%;
position: absolute;
top: 9px;
left: 9px;
box-sizing: content-box
}
.woocommerce div.product div.images .woocommerce-product-gallery__trigger:after {
content: "";
display: block;
width: 2px;
height: 8px;
background: #000;
border-radius: 6px;
position: absolute;
top: 19px;
left: 22px;
-webkit-transform: rotate(-45deg);
-ms-transform: rotate(-45deg);
transform: rotate(-45deg);
box-sizing: content-box
}
.woocommerce div.product div.images .flex-control-thumbs {
overflow: hidden;
zoom: 1;
margin: 0;
padding: 0
}
.woocommerce div.product div.images .flex-control-thumbs li {
width: 25%;
float: left;
margin: 0;
list-style: none
}
.woocommerce div.product div.images .flex-control-thumbs li img {
cursor: pointer;
opacity: .5;
margin: 0
}
.woocommerce div.product div.images .flex-control-thumbs li img.flex-active,
.woocommerce div.product div.images .flex-control-thumbs li img:hover {
opacity: 1
}
.woocommerce div.product .woocommerce-product-gallery--columns-3 .flex-control-thumbs li:nth-child(3n+1) {
clear: left
}
.woocommerce div.product .woocommerce-product-gallery--columns-4 .flex-control-thumbs li:nth-child(4n+1) {
clear: left
}
.woocommerce div.product .woocommerce-product-gallery--columns-5 .flex-control-thumbs li:nth-child(5n+1) {
clear: left
}
.woocommerce div.product div.summary {
margin-bottom: 2em
}
.woocommerce div.product div.social {
text-align: right;
margin: 0 0 1em
}
.woocommerce div.product div.social span {
margin: 0 0 0 2px
}
.woocommerce div.product div.social span span {
margin: 0
}
.woocommerce div.product div.social span .stButton .chicklets {
padding-left: 16px;
width: 0
}
.woocommerce div.product div.social iframe {
float: left;
margin-top: 3px
}
.woocommerce div.product .woocommerce-tabs ul.tabs {
list-style: none;
padding: 0 0 0 1em;
margin: 0 0 1.618em;
overflow: hidden;
position: relative
}
.woocommerce div.product .woocommerce-tabs ul.tabs li {
border: 1px solid #d3ced2;
background-color: #ebe9eb;
display: inline-block;
position: relative;
z-index: 0;
border-radius: 4px 4px 0 0;
margin: 0 -5px;
padding: 0 1em
}
.woocommerce div.product .woocommerce-tabs ul.tabs li a {
display: inline-block;
padding: .5em 0;
font-weight: 700;
color: #515151;
text-decoration: none
}
.woocommerce div.product .woocommerce-tabs ul.tabs li a:hover {
text-decoration: none;
color: #6b6a6b
}
.woocommerce div.product .woocommerce-tabs ul.tabs li.active {
background: #fff;
z-index: 2;
border-bottom-color: #fff
}
.woocommerce div.product .woocommerce-tabs ul.tabs li.active a {
color: inherit;
text-shadow: inherit
}
.woocommerce div.product .woocommerce-tabs ul.tabs li.active:before {
box-shadow: 2px 2px 0 #fff
}
.woocommerce div.product .woocommerce-tabs ul.tabs li.active:after {
box-shadow: -2px 2px 0 #fff
}
.woocommerce div.product .woocommerce-tabs ul.tabs li:after,
.woocommerce div.product .woocommerce-tabs ul.tabs li:before {
border: 1px solid #d3ced2;
position: absolute;
bottom: -1px;
width: 5px;
height: 5px;
content: " ";
box-sizing: border-box
}
.woocommerce div.product .woocommerce-tabs ul.tabs li:before {
left: -5px;
border-bottom-right-radius: 4px;
border-width: 0 1px 1px 0;
box-shadow: 2px 2px 0 #ebe9eb
}
.woocommerce div.product .woocommerce-tabs ul.tabs li:after {
right: -5px;
border-bottom-left-radius: 4px;
border-width: 0 0 1px 1px;
box-shadow: -2px 2px 0 #ebe9eb
}
.woocommerce div.product .woocommerce-tabs ul.tabs:before {
position: absolute;
content: " ";
width: 100%;
bottom: 0;
left: 0;
border-bottom: 1px solid #d3ced2;
z-index: 1
}
.woocommerce div.product .woocommerce-tabs .panel {
margin: 0 0 2em;
padding: 0
}
.woocommerce div.product p.cart {
margin-bottom: 2em
}
.woocommerce div.product p.cart:after,
.woocommerce div.product p.cart:before {
content: ' ';
display: table
}
.woocommerce div.product p.cart:after {
clear: both
}
.woocommerce div.product form.cart {
margin-bottom: 2em
}
.woocommerce div.product form.cart:after,
.woocommerce div.product form.cart:before {
content: ' ';
display: table
}
.woocommerce div.product form.cart:after {
clear: both
}
.woocommerce div.product form.cart div.quantity {
float: left;
margin: 0 4px 0 0
}
.woocommerce div.product form.cart table {
border-width: 0 0 1px
}
.woocommerce div.product form.cart table td {
padding-left: 0
}
.woocommerce div.product form.cart table div.quantity {
float: none;
margin: 0
}
.woocommerce div.product form.cart table small.stock {
display: block;
float: none
}
.woocommerce div.product form.cart .variations {
margin-bottom: 1em;
border: 0;
width: 100%
}
.woocommerce div.product form.cart .variations td,
.woocommerce div.product form.cart .variations th {
border: 0;
vertical-align: top;
line-height: 2em
}
.woocommerce div.product form.cart .variations label {
font-weight: 700
}
.woocommerce div.product form.cart .variations select {
max-width: 100%;
min-width: 75%;
display: inline-block;
margin-right: 1em
}
.woocommerce div.product form.cart .variations td.label {
padding-right: 1em
}
.woocommerce div.product form.cart .woocommerce-variation-description p {
margin-bottom: 1em
}
.woocommerce div.product form.cart .reset_variations {
visibility: hidden;
font-size: .83em
}
.woocommerce div.product form.cart .wc-no-matching-variations {
display: none
}
.woocommerce div.product form.cart .button {
vertical-align: middle;
float: left
}
.woocommerce div.product form.cart .group_table td.woocommerce-grouped-product-list-item__label {
padding-right: 1em;
padding-left: 1em
}
.woocommerce div.product form.cart .group_table td {
vertical-align: top;
padding-bottom: .5em;
border: 0
}
.woocommerce div.product form.cart .group_table td:first-child {
width: 4em;
text-align: center
}
.woocommerce div.product form.cart .group_table .wc-grouped-product-add-to-cart-checkbox {
display: inline-block;
width: auto;
margin: 0 auto;
-webkit-transform: scale(1.5, 1.5);
-ms-transform: scale(1.5, 1.5);
transform: scale(1.5, 1.5)
}
.woocommerce span.onsale {
min-height: 3.236em;
min-width: 3.236em;
padding: .202em;
font-size: 1em;
font-weight: 700;
position: absolute;
text-align: center;
line-height: 3.236;
top: -.5em;
left: -.5em;
margin: 0;
border-radius: 100%;
background-color: #77a464;
color: #fff;
font-size: .857em;
z-index: 9
}
.woocommerce .products ul,
.woocommerce ul.products {
margin: 0 0 1em;
padding: 0;
list-style: none outside;
clear: both
}
.woocommerce .products ul:after,
.woocommerce .products ul:before,
.woocommerce ul.products:after,
.woocommerce ul.products:before {
content: ' ';
display: table
}
.woocommerce .products ul:after,
.woocommerce ul.products:after {
clear: both
}
.woocommerce .products ul li,
.woocommerce ul.products li {
list-style: none outside
}
.woocommerce ul.products li.product .onsale {
top: 0;
right: 0;
left: auto;
margin: -.5em -.5em 0 0
}
.woocommerce ul.products li.product .woocommerce-loop-category__title,
.woocommerce ul.products li.product .woocommerce-loop-product__title,
.woocommerce ul.products li.product h3 {
padding: .5em 0;
margin: 0;
font-size: 1em
}
.woocommerce ul.products li.product a {
text-decoration: none
}
.woocommerce ul.products li.product a img {
width: 100%;
height: auto;
display: block;
margin: 0 0 1em;
box-shadow: none
}
.woocommerce ul.products li.product strong {
display: block
}
.woocommerce ul.products li.product .woocommerce-placeholder {
border: 1px solid #f2f2f2
}
.woocommerce ul.products li.product .star-rating {
font-size: .857em
}
.woocommerce ul.products li.product .button {
margin-top: 1em
}
.woocommerce ul.products li.product .price {
color: #77a464;
display: block;
font-weight: 400;
margin-bottom: .5em;
font-size: .857em
}
.woocommerce ul.products li.product .price del {
color: inherit;
opacity: .5;
display: inline-block
}
.woocommerce ul.products li.product .price ins {
background: 0 0;
font-weight: 700;
display: inline-block
}
.woocommerce ul.products li.product .price .from {
font-size: .67em;
margin: -2px 0 0;
text-transform: uppercase;
color: rgba(132, 132, 132, .5)
}
.woocommerce .woocommerce-result-count {
margin: 0 0 1em
}
.woocommerce .woocommerce-ordering {
margin: 0 0 1em
}
.woocommerce .woocommerce-ordering select {
vertical-align: top
}
.woocommerce nav.woocommerce-pagination {
text-align: center
}
.woocommerce nav.woocommerce-pagination ul {
display: inline-block;
white-space: nowrap;
padding: 0;
clear: both;
border: 1px solid #d3ced2;
border-right: 0;
margin: 1px
}
.woocommerce nav.woocommerce-pagination ul li {
border-right: 1px solid #d3ced2;
padding: 0;
margin: 0;
float: left;
display: inline;
overflow: hidden
}
.woocommerce nav.woocommerce-pagination ul li a,
.woocommerce nav.woocommerce-pagination ul li span {
margin: 0;
text-decoration: none;
padding: 0;
line-height: 1;
font-size: 1em;
font-weight: 400;
padding: .5em;
min-width: 1em;
display: block
}
.woocommerce nav.woocommerce-pagination ul li a:focus,
.woocommerce nav.woocommerce-pagination ul li a:hover,
.woocommerce nav.woocommerce-pagination ul li span.current {
background: #ebe9eb;
color: #8a7e88
}
.woocommerce #respond input#submit,
.woocommerce a.button,
.woocommerce button.button,
.woocommerce input.button {
font-size: 100%;
margin: 0;
line-height: 1;
cursor: pointer;
position: relative;
text-decoration: none;
overflow: visible;
padding: .618em 1em;
font-weight: 700;
border-radius: 3px;
left: auto;
color: #515151;
background-color: #ebe9eb;
border: 0;
display: inline-block;
background-image: none;
box-shadow: none;
text-shadow: none
}
.woocommerce #respond input#submit.loading,
.woocommerce a.button.loading,
.woocommerce button.button.loading,
.woocommerce input.button.loading {
opacity: .25;
padding-right: 2.618em
}
.woocommerce #respond input#submit.loading:after,
.woocommerce a.button.loading:after,
.woocommerce button.button.loading:after,
.woocommerce input.button.loading:after {
font-family: WooCommerce;
content: "\e01c";
vertical-align: top;
font-weight: 400;
position: absolute;
top: .618em;
right: 1em;
-webkit-animation: spin 2s linear infinite;
animation: spin 2s linear infinite
}
.woocommerce #respond input#submit.added:after,
.woocommerce a.button.added:after,
.woocommerce button.button.added:after,
.woocommerce input.button.added:after {
font-family: WooCommerce;
content: "\e017";
margin-left: .53em;
vertical-align: bottom
}
.woocommerce #respond input#submit:hover,
.woocommerce a.button:hover,
.woocommerce button.button:hover,
.woocommerce input.button:hover {
background-color: #dfdcde;
text-decoration: none;
background-image: none;
color: #515151
}
.woocommerce #respond input#submit.alt,
.woocommerce a.button.alt,
.woocommerce button.button.alt,
.woocommerce input.button.alt {
background-color: #a46497;
color: #fff;
-webkit-font-smoothing: antialiased
}
.woocommerce #respond input#submit.alt:hover,
.woocommerce a.button.alt:hover,
.woocommerce button.button.alt:hover,
.woocommerce input.button.alt:hover {
background-color: #96588a;
color: #fff
}
.woocommerce #respond input#submit.alt.disabled,
.woocommerce #respond input#submit.alt.disabled:hover,
.woocommerce #respond input#submit.alt:disabled,
.woocommerce #respond input#submit.alt:disabled:hover,
.woocommerce #respond input#submit.alt:disabled[disabled],
.woocommerce #respond input#submit.alt:disabled[disabled]:hover,
.woocommerce a.button.alt.disabled,
.woocommerce a.button.alt.disabled:hover,
.woocommerce a.button.alt:disabled,
.woocommerce a.button.alt:disabled:hover,
.woocommerce a.button.alt:disabled[disabled],
.woocommerce a.button.alt:disabled[disabled]:hover,
.woocommerce button.button.alt.disabled,
.woocommerce button.button.alt.disabled:hover,
.woocommerce button.button.alt:disabled,
.woocommerce button.button.alt:disabled:hover,
.woocommerce button.button.alt:disabled[disabled],
.woocommerce button.button.alt:disabled[disabled]:hover,
.woocommerce input.button.alt.disabled,
.woocommerce input.button.alt.disabled:hover,
.woocommerce input.button.alt:disabled,
.woocommerce input.button.alt:disabled:hover,
.woocommerce input.button.alt:disabled[disabled],
.woocommerce input.button.alt:disabled[disabled]:hover {
background-color: #a46497;
color: #fff
}
.woocommerce #respond input#submit.disabled,
.woocommerce #respond input#submit:disabled,
.woocommerce #respond input#submit:disabled[disabled],
.woocommerce a.button.disabled,
.woocommerce a.button:disabled,
.woocommerce a.button:disabled[disabled],
.woocommerce button.button.disabled,
.woocommerce button.button:disabled,
.woocommerce button.button:disabled[disabled],
.woocommerce input.button.disabled,
.woocommerce input.button:disabled,
.woocommerce input.button:disabled[disabled] {
color: inherit;
cursor: not-allowed;
opacity: .5;
padding: .618em 1em
}
.woocommerce #respond input#submit.disabled:hover,
.woocommerce #respond input#submit:disabled:hover,
.woocommerce #respond input#submit:disabled[disabled]:hover,
.woocommerce a.button.disabled:hover,
.woocommerce a.button:disabled:hover,
.woocommerce a.button:disabled[disabled]:hover,
.woocommerce button.button.disabled:hover,
.woocommerce button.button:disabled:hover,
.woocommerce button.button:disabled[disabled]:hover,
.woocommerce input.button.disabled:hover,
.woocommerce input.button:disabled:hover,
.woocommerce input.button:disabled[disabled]:hover {
color: inherit;
background-color: #ebe9eb
}
.woocommerce .cart .button,
.woocommerce .cart input.button {
float: none
}
.woocommerce a.added_to_cart {
padding-top: .5em;
display: inline-block
}
.woocommerce #reviews h2 small {
float: right;
color: #767676;
font-size: 15px;
margin: 10px 0 0
}
.woocommerce #reviews h2 small a {
text-decoration: none;
color: #767676
}
.woocommerce #reviews h3 {
margin: 0
}
.woocommerce #reviews #respond {
margin: 0;
border: 0;
padding: 0
}
.woocommerce #reviews #comment {
height: 75px
}
.woocommerce #reviews #comments .add_review:after,
.woocommerce #reviews #comments .add_review:before {
content: ' ';
display: table
}
.woocommerce #reviews #comments .add_review:after {
clear: both
}
.woocommerce #reviews #comments h2 {
clear: none
}
.woocommerce #reviews #comments ol.commentlist {
margin: 0;
width: 100%;
background: 0 0;
list-style: none
}
.woocommerce #reviews #comments ol.commentlist:after,
.woocommerce #reviews #comments ol.commentlist:before {
content: ' ';
display: table
}
.woocommerce #reviews #comments ol.commentlist:after {
clear: both
}
.woocommerce #reviews #comments ol.commentlist li {
padding: 0;
margin: 0 0 20px;
border: 0;
position: relative;
background: 0;
border: 0
}
.woocommerce #reviews #comments ol.commentlist li .meta {
color: #767676;
font-size: .75em
}
.woocommerce #reviews #comments ol.commentlist li img.avatar {
float: left;
position: absolute;
top: 0;
left: 0;
padding: 3px;
width: 32px;
height: auto;
background: #ebe9eb;
border: 1px solid #e4e1e3;
margin: 0;
box-shadow: none
}
.woocommerce #reviews #comments ol.commentlist li .comment-text {
margin: 0 0 0 50px;
border: 1px solid #e4e1e3;
border-radius: 4px;
padding: 1em 1em 0
}
.woocommerce #reviews #comments ol.commentlist li .comment-text:after,
.woocommerce #reviews #comments ol.commentlist li .comment-text:before {
content: ' ';
display: table
}
.woocommerce #reviews #comments ol.commentlist li .comment-text:after {
clear: both
}
.woocommerce #reviews #comments ol.commentlist li .comment-text p {
margin: 0 0 1em
}
.woocommerce #reviews #comments ol.commentlist li .comment-text p.meta {
font-size: .83em
}
.woocommerce #reviews #comments ol.commentlist ul.children {
list-style: none outside;
margin: 20px 0 0 50px
}
.woocommerce #reviews #comments ol.commentlist ul.children .star-rating {
display: none
}
.woocommerce #reviews #comments ol.commentlist #respond {
border: 1px solid #e4e1e3;
border-radius: 4px;
padding: 1em 1em 0;
margin: 20px 0 0 50px
}
.woocommerce #reviews #comments .commentlist > li:before {
content: ""
}
.woocommerce .star-rating {
float: right;
overflow: hidden;
position: relative;
height: 1em;
line-height: 1;
font-size: 1em;
width: 5.4em;
font-family: star
}
.woocommerce .star-rating:before {
content: "\73\73\73\73\73";
color: #d3ced2;
float: left;
top: 0;
left: 0;
position: absolute
}
.woocommerce .star-rating span {
overflow: hidden;
float: left;
top: 0;
left: 0;
position: absolute;
padding-top: 1.5em
}
.woocommerce .star-rating span:before {
content: "\53\53\53\53\53";
top: 0;
position: absolute;
left: 0
}
.woocommerce .woocommerce-product-rating {
line-height: 2;
display: block
}
.woocommerce .woocommerce-product-rating:after,
.woocommerce .woocommerce-product-rating:before {
content: ' ';
display: table
}
.woocommerce .woocommerce-product-rating:after {
clear: both
}
.woocommerce .woocommerce-product-rating .star-rating {
margin: .5em 4px 0 0;
float: left
}
.woocommerce .products .star-rating {
display: block;
margin: 0 0 .5em;
float: none
}
.woocommerce .hreview-aggregate .star-rating {
margin: 10px 0 0
}
.woocommerce #review_form #respond {
position: static;
margin: 0;
width: auto;
padding: 0;
background: transparent none;
border: 0
}
.woocommerce #review_form #respond:after,
.woocommerce #review_form #respond:before {
content: ' ';
display: table
}
.woocommerce #review_form #respond:after {
clear: both
}
.woocommerce #review_form #respond p {
margin: 0 0 10px
}
.woocommerce #review_form #respond .form-submit input {
left: auto
}
.woocommerce #review_form #respond textarea {
box-sizing: border-box;
width: 100%
}
.woocommerce p.stars a {
position: relative;
height: 1em;
width: 1em;
text-indent: -999em;
display: inline-block;
text-decoration: none
}
.woocommerce p.stars a:before {
display: block;
position: absolute;
top: 0;
left: 0;
width: 1em;
height: 1em;
line-height: 1;
font-family: WooCommerce;
content: "\e021";
text-indent: 0
}
.woocommerce p.stars a:hover ~ a:before {
content: "\e021"
}
.woocommerce p.stars:hover a:before {
content: "\e020"
}
.woocommerce p.stars.selected a.active:before {
content: "\e020"
}
.woocommerce p.stars.selected a.active ~ a:before {
content: "\e021"
}
.woocommerce p.stars.selected a:not(.active):before {
content: "\e020"
}
.woocommerce table.shop_attributes {
border: 0;
border-top: 1px dotted rgba(0, 0, 0, .1);
margin-bottom: 1.618em;
width: 100%
}
.woocommerce table.shop_attributes th {
width: 150px;
font-weight: 700;
padding: 8px;
border-top: 0;
border-bottom: 1px dotted rgba(0, 0, 0, .1);
margin: 0;
line-height: 1.5
}
.woocommerce table.shop_attributes td {
font-style: italic;
padding: 0;
border-top: 0;
border-bottom: 1px dotted rgba(0, 0, 0, .1);
margin: 0;
line-height: 1.5
}
.woocommerce table.shop_attributes td p {
margin: 0;
padding: 8px 0
}
.woocommerce table.shop_attributes tr:nth-child(even) td,
.woocommerce table.shop_attributes tr:nth-child(even) th {
background: rgba(0, 0, 0, .025)
}
.woocommerce table.shop_table {
border: 1px solid rgba(0, 0, 0, .1);
margin: 0 -1px 24px 0;
text-align: left;
width: 100%;
border-collapse: separate;
border-radius: 5px
}
.woocommerce table.shop_table th {
font-weight: 700;
padding: 9px 12px;
line-height: 1.5em
}
.woocommerce table.shop_table td {
border-top: 1px solid rgba(0, 0, 0, .1);
padding: 9px 12px;
vertical-align: middle;
line-height: 1.5em
}
.woocommerce table.shop_table td small {
font-weight: 400
}
.woocommerce table.shop_table td del {
font-weight: 400
}
.woocommerce table.shop_table tbody:first-child tr:first-child td,
.woocommerce table.shop_table tbody:first-child tr:first-child th {
border-top: 0
}
.woocommerce table.shop_table tbody th,
.woocommerce table.shop_table tfoot td,
.woocommerce table.shop_table tfoot th {
font-weight: 700;
border-top: 1px solid rgba(0, 0, 0, .1)
}
.woocommerce table.my_account_orders {
font-size: .85em
}
.woocommerce table.my_account_orders td,
.woocommerce table.my_account_orders th {
padding: 4px 8px;
vertical-align: middle
}
.woocommerce table.my_account_orders .button {
white-space: nowrap
}
.woocommerce table.woocommerce-MyAccount-downloads td,
.woocommerce table.woocommerce-MyAccount-downloads th {
vertical-align: top;
text-align: center
}
.woocommerce table.woocommerce-MyAccount-downloads td:first-child,
.woocommerce table.woocommerce-MyAccount-downloads th:first-child {
text-align: left
}
.woocommerce table.woocommerce-MyAccount-downloads td:last-child,
.woocommerce table.woocommerce-MyAccount-downloads th:last-child {
text-align: left
}
.woocommerce table.woocommerce-MyAccount-downloads td .woocommerce-MyAccount-downloads-file:before,
.woocommerce table.woocommerce-MyAccount-downloads th .woocommerce-MyAccount-downloads-file:before {
content: "\2193";
display: inline-block
}
.woocommerce td.product-name .wc-item-meta,
.woocommerce td.product-name dl.variation {
list-style: none outside
}
.woocommerce td.product-name .wc-item-meta .wc-item-meta-label,
.woocommerce td.product-name .wc-item-meta dt,
.woocommerce td.product-name dl.variation .wc-item-meta-label,
.woocommerce td.product-name dl.variation dt {
float: left;
clear: both;
margin-right: .25em;
display: inline-block;
list-style: none outside
}
.woocommerce td.product-name .wc-item-meta dd,
.woocommerce td.product-name dl.variation dd {
margin: 0
}
.woocommerce td.product-name .wc-item-meta p,
.woocommerce td.product-name .wc-item-meta:last-child,
.woocommerce td.product-name dl.variation p,
.woocommerce td.product-name dl.variation:last-child {
margin-bottom: 0
}
.woocommerce td.product-name p.backorder_notification {
font-size: .83em
}
.woocommerce td.product-quantity {
min-width: 80px
}
.woocommerce ul.cart_list,
.woocommerce ul.product_list_widget {
list-style: none outside;
padding: 0;
margin: 0
}
.woocommerce ul.cart_list li,
.woocommerce ul.product_list_widget li {
padding: 4px 0;
margin: 0;
list-style: none
}
.woocommerce ul.cart_list li:after,
.woocommerce ul.cart_list li:before,
.woocommerce ul.product_list_widget li:after,
.woocommerce ul.product_list_widget li:before {
content: ' ';
display: table
}
.woocommerce ul.cart_list li:after,
.woocommerce ul.product_list_widget li:after {
clear: both
}
.woocommerce ul.cart_list li a,
.woocommerce ul.product_list_widget li a {
display: block;
font-weight: 700
}
.woocommerce ul.cart_list li img,
.woocommerce ul.product_list_widget li img {
float: right;
margin-left: 4px;
width: 32px;
height: auto;
box-shadow: none
}
.woocommerce ul.cart_list li dl,
.woocommerce ul.product_list_widget li dl {
margin: 0;
padding-left: 1em;
border-left: 2px solid rgba(0, 0, 0, .1)
}
.woocommerce ul.cart_list li dl:after,
.woocommerce ul.cart_list li dl:before,
.woocommerce ul.product_list_widget li dl:after,
.woocommerce ul.product_list_widget li dl:before {
content: ' ';
display: table
}
.woocommerce ul.cart_list li dl:after,
.woocommerce ul.product_list_widget li dl:after {
clear: both
}
.woocommerce ul.cart_list li dl dd,
.woocommerce ul.cart_list li dl dt,
.woocommerce ul.product_list_widget li dl dd,
.woocommerce ul.product_list_widget li dl dt {
display: inline-block;
float: left;
margin-bottom: 1em
}
.woocommerce ul.cart_list li dl dt,
.woocommerce ul.product_list_widget li dl dt {
font-weight: 700;
padding: 0 0 .25em;
margin: 0 4px 0 0;
clear: left
}
.woocommerce ul.cart_list li dl dd,
.woocommerce ul.product_list_widget li dl dd {
padding: 0 0 .25em
}
.woocommerce ul.cart_list li dl dd p:last-child,
.woocommerce ul.product_list_widget li dl dd p:last-child {
margin-bottom: 0
}
.woocommerce ul.cart_list li .star-rating,
.woocommerce ul.product_list_widget li .star-rating {
float: none
}
.woocommerce .widget_shopping_cart .total,
.woocommerce.widget_shopping_cart .total {
border-top: 3px double #ebe9eb;
padding: 4px 0 0
}
.woocommerce .widget_shopping_cart .total strong,
.woocommerce.widget_shopping_cart .total strong {
min-width: 40px;
display: inline-block
}
.woocommerce .widget_shopping_cart .cart_list li,
.woocommerce.widget_shopping_cart .cart_list li {
padding-left: 2em;
position: relative;
padding-top: 0
}
.woocommerce .widget_shopping_cart .cart_list li a.remove,
.woocommerce.widget_shopping_cart .cart_list li a.remove {
position: absolute;
top: 0;
left: 0
}
.woocommerce .widget_shopping_cart .buttons:after,
.woocommerce .widget_shopping_cart .buttons:before,
.woocommerce.widget_shopping_cart .buttons:after,
.woocommerce.widget_shopping_cart .buttons:before {
content: ' ';
display: table
}
.woocommerce .widget_shopping_cart .buttons:after,
.woocommerce.widget_shopping_cart .buttons:after {
clear: both
}
.woocommerce .widget_shopping_cart .buttons a,
.woocommerce.widget_shopping_cart .buttons a {
margin-right: 5px;
margin-bottom: 5px
}
.woocommerce form .form-row {
padding: 3px;
margin: 0 0 6px
}
.woocommerce form .form-row [placeholder]:focus::-webkit-input-placeholder {
-webkit-transition: opacity .5s .5s ease;
transition: opacity .5s .5s ease;
opacity: 0
}
.woocommerce form .form-row label {
line-height: 2
}
.woocommerce form .form-row label.hidden {
visibility: hidden
}
.woocommerce form .form-row label.inline {
display: inline
}
.woocommerce form .form-row .woocommerce-input-wrapper .description {
background: #1e85be;
color: #fff;
border-radius: 3px;
padding: 1em;
margin: .5em 0 0;
clear: both;
display: none;
position: relative
}
.woocommerce form .form-row .woocommerce-input-wrapper .description a {
color: #fff;
text-decoration: underline;
border: 0;
box-shadow: none
}
.woocommerce form .form-row .woocommerce-input-wrapper .description:before {
left: 50%;
top: 0;
margin-top: -4px;
-webkit-transform: translateX(-50%) rotate(180deg);
-ms-transform: translateX(-50%) rotate(180deg);
transform: translateX(-50%) rotate(180deg);
content: "";
position: absolute;
border-width: 4px 6px 0;
border-style: solid;
border-color: #1e85be transparent transparent;
z-index: 100;
display: block
}
.woocommerce form .form-row select {
cursor: pointer;
margin: 0
}
.woocommerce form .form-row .required {
color: red;
font-weight: 700;
border: 0 !important;
text-decoration: none;
visibility: hidden
}
.woocommerce form .form-row .optional {
visibility: visible
}
.woocommerce form .form-row .input-checkbox {
display: inline;
margin: -2px 8px 0 0;
text-align: center;
vertical-align: middle
}
.woocommerce form .form-row input.input-text,
.woocommerce form .form-row textarea {
box-sizing: border-box;
width: 100%;
margin: 0;
outline: 0;
line-height: normal
}
.woocommerce form .form-row textarea {
height: 4em;
line-height: 1.5;
display: block;
box-shadow: none
}
.woocommerce form .form-row .select2-container {
width: 100%;
line-height: 2em
}
.woocommerce form .form-row.woocommerce-invalid label {
color: #a00
}
.woocommerce form .form-row.woocommerce-invalid .select2-container,
.woocommerce form .form-row.woocommerce-invalid input.input-text,
.woocommerce form .form-row.woocommerce-invalid select {
border-color: #a00
}
.woocommerce form .form-row.woocommerce-validated .select2-container,
.woocommerce form .form-row.woocommerce-validated input.input-text,
.woocommerce form .form-row.woocommerce-validated select {
border-color: #6dc22e
}
.woocommerce form .form-row ::-webkit-input-placeholder {
line-height: normal
}
.woocommerce form .form-row :-moz-placeholder {
line-height: normal
}
.woocommerce form .form-row :-ms-input-placeholder {
line-height: normal
}
.woocommerce form.checkout_coupon,
.woocommerce form.login,
.woocommerce form.register {
border: 1px solid #d3ced2;
padding: 20px;
margin: 2em 0;
text-align: left;
border-radius: 5px
}
.woocommerce ul#shipping_method {
list-style: none outside;
margin: 0;
padding: 0
}
.woocommerce ul#shipping_method li {
margin: 0 0 .5em;
line-height: 1.5em;
list-style: none outside
}
.woocommerce ul#shipping_method li input {
margin: 3px .4375em 0 0;
vertical-align: top
}
.woocommerce ul#shipping_method li label {
display: inline
}
.woocommerce ul#shipping_method .amount {
font-weight: 700
}
.woocommerce p.woocommerce-shipping-contents {
margin: 0
}
.woocommerce ul.order_details {
margin: 0 0 3em;
list-style: none
}
.woocommerce ul.order_details:after,
.woocommerce ul.order_details:before {
content: ' ';
display: table
}
.woocommerce ul.order_details:after {
clear: both
}
.woocommerce ul.order_details li {
float: left;
margin-right: 2em;
text-transform: uppercase;
font-size: .715em;
line-height: 1;
border-right: 1px dashed #d3ced2;
padding-right: 2em;
margin-left: 0;
padding-left: 0;
list-style-type: none
}
.woocommerce ul.order_details li strong {
display: block;
font-size: 1.4em;
text-transform: none;
line-height: 1.5
}
.woocommerce ul.order_details li:last-of-type {
border: none
}
.woocommerce .wc-bacs-bank-details-account-name {
font-weight: 700
}
.woocommerce .woocommerce-customer-details,
.woocommerce .woocommerce-order-details,
.woocommerce .woocommerce-order-downloads {
margin-bottom: 2em
}
.woocommerce .woocommerce-customer-details :last-child,
.woocommerce .woocommerce-order-details :last-child,
.woocommerce .woocommerce-order-downloads :last-child {
margin-bottom: 0
}
.woocommerce .woocommerce-customer-details address {
font-style: normal;
margin-bottom: 0;
border: 1px solid rgba(0, 0, 0, .1);
border-bottom-width: 2px;
border-right-width: 2px;
text-align: left;
width: 100%;
border-radius: 5px;
padding: 6px 12px
}
.woocommerce .woocommerce-customer-details .woocommerce-customer-details--email,
.woocommerce .woocommerce-customer-details .woocommerce-customer-details--phone {
margin-bottom: 0;
padding-left: 1.5em
}
.woocommerce .woocommerce-customer-details .woocommerce-customer-details--phone:before {
font-family: WooCommerce;
speak: none;
font-weight: 400;
font-variant: normal;
text-transform: none;
line-height: 1;
-webkit-font-smoothing: antialiased;
margin-right: .618em;
content: "î·";
text-decoration: none;
margin-left: -1.5em;
line-height: 1.75;
position: absolute
}
.woocommerce .woocommerce-customer-details .woocommerce-customer-details--email:before {
font-family: WooCommerce;
speak: none;
font-weight: 400;
font-variant: normal;
text-transform: none;
line-height: 1;
-webkit-font-smoothing: antialiased;
margin-right: .618em;
content: "î";
text-decoration: none;
margin-left: -1.5em;
line-height: 1.75;
position: absolute
}
.woocommerce .woocommerce-widget-layered-nav-list {
margin: 0;
padding: 0;
border: 0;
list-style: none outside
}
.woocommerce .woocommerce-widget-layered-nav-list .woocommerce-widget-layered-nav-list__item {
padding: 0 0 1px;
list-style: none
}
.woocommerce .woocommerce-widget-layered-nav-list .woocommerce-widget-layered-nav-list__item:after,
.woocommerce .woocommerce-widget-layered-nav-list .woocommerce-widget-layered-nav-list__item:before {
content: ' ';
display: table
}
.woocommerce .woocommerce-widget-layered-nav-list .woocommerce-widget-layered-nav-list__item:after {
clear: both
}
.woocommerce .woocommerce-widget-layered-nav-list .woocommerce-widget-layered-nav-list__item a,
.woocommerce .woocommerce-widget-layered-nav-list .woocommerce-widget-layered-nav-list__item span {
padding: 1px 0
}
.woocommerce .woocommerce-widget-layered-nav-list .woocommerce-widget-layered-nav-list__item--chosen a:before {
font-family: WooCommerce;
speak: none;
font-weight: 400;
font-variant: normal;
text-transform: none;
line-height: 1;
-webkit-font-smoothing: antialiased;
margin-right: .618em;
content: "î";
text-decoration: none;
color: #a00
}
.woocommerce .woocommerce-widget-layered-nav-dropdown__submit {
margin-top: 1em
}
.woocommerce .widget_layered_nav_filters ul {
margin: 0;
padding: 0;
border: 0;
list-style: none outside;
overflow: hidden;
zoom: 1
}
.woocommerce .widget_layered_nav_filters ul li {
float: left;
padding: 0 1em 1px 1px;
list-style: none
}
.woocommerce .widget_layered_nav_filters ul li a {
text-decoration: none
}
.woocommerce .widget_layered_nav_filters ul li a:before {
font-family: WooCommerce;
speak: none;
font-weight: 400;
font-variant: normal;
text-transform: none;
line-height: 1;
-webkit-font-smoothing: antialiased;
margin-right: .618em;
content: "î";
text-decoration: none;
color: #a00;
vertical-align: inherit;
margin-right: .5em
}
.woocommerce .widget_price_filter .price_slider {
margin-bottom: 1em
}
.woocommerce .widget_price_filter .price_slider_amount {
text-align: right;
line-height: 2.4;
font-size: .8751em
}
.woocommerce .widget_price_filter .price_slider_amount .button {
font-size: 1.15em;
float: left
}
.woocommerce .widget_price_filter .ui-slider {
position: relative;
text-align: left;
margin-left: .5em;
margin-right: .5em
}
.woocommerce .widget_price_filter .ui-slider .ui-slider-handle {
position: absolute;
z-index: 2;
width: 1em;
height: 1em;
background-color: #a46497;
border-radius: 1em;
cursor: ew-resize;
outline: 0;
top: -.3em;
margin-left: -.5em
}
.woocommerce .widget_price_filter .ui-slider .ui-slider-range {
position: absolute;
z-index: 1;
font-size: .7em;
display: block;
border: 0;
border-radius: 1em;
background-color: #a46497
}
.woocommerce .widget_price_filter .price_slider_wrapper .ui-widget-content {
border-radius: 1em;
background-color: #462940;
border: 0
}
.woocommerce .widget_price_filter .ui-slider-horizontal {
height: .5em
}
.woocommerce .widget_price_filter .ui-slider-horizontal .ui-slider-range {
top: 0;
height: 100%
}
.woocommerce .widget_price_filter .ui-slider-horizontal .ui-slider-range-min {
left: -1px
}
.woocommerce .widget_price_filter .ui-slider-horizontal .ui-slider-range-max {
right: -1px
}
.woocommerce .widget_rating_filter ul {
margin: 0;
padding: 0;
border: 0;
list-style: none outside
}
.woocommerce .widget_rating_filter ul li {
padding: 0 0 1px;
list-style: none
}
.woocommerce .widget_rating_filter ul li:after,
.woocommerce .widget_rating_filter ul li:before {
content: ' ';
display: table
}
.woocommerce .widget_rating_filter ul li:after {
clear: both
}
.woocommerce .widget_rating_filter ul li a {
padding: 1px 0;
text-decoration: none
}
.woocommerce .widget_rating_filter ul li .star-rating {
float: none;
display: inline-block
}
.woocommerce .widget_rating_filter ul li.chosen a:before {
font-family: WooCommerce;
speak: none;
font-weight: 400;
font-variant: normal;
text-transform: none;
line-height: 1;
-webkit-font-smoothing: antialiased;
margin-right: .618em;
content: "î";
text-decoration: none;
color: #a00
}
.woocommerce .woocommerce-form-login .woocommerce-form-login__submit {
float: left;
margin-right: 1em
}
.woocommerce .woocommerce-form-login .woocommerce-form-login__rememberme {
display: inline-block
}
.woocommerce-no-js form.woocommerce-form-coupon,
.woocommerce-no-js form.woocommerce-form-login {
display: block !important
}
.woocommerce-no-js .showcoupon,
.woocommerce-no-js .woocommerce-form-coupon-toggle,
.woocommerce-no-js .woocommerce-form-login-toggle {
display: none !important
}
.woocommerce-error,
.woocommerce-info,
.woocommerce-message {
padding: 1em 2em 1em 3.5em;
margin: 0 0 2em;
position: relative;
background-color: #f7f6f7;
color: #515151;
border-top: 3px solid #a46497;
list-style: none outside;
width: auto;
word-wrap: break-word
}
.woocommerce-error:after,
.woocommerce-error:before,
.woocommerce-info:after,
.woocommerce-info:before,
.woocommerce-message:after,
.woocommerce-message:before {
content: ' ';
display: table
}
.woocommerce-error:after,
.woocommerce-info:after,
.woocommerce-message:after {
clear: both
}
.woocommerce-error:before,
.woocommerce-info:before,
.woocommerce-message:before {
font-family: WooCommerce;
content: "\e028";
display: inline-block;
position: absolute;
top: 1em;
left: 1.5em
}
.woocommerce-error .button,
.woocommerce-info .button,
.woocommerce-message .button {
float: right
}
.woocommerce-error li,
.woocommerce-info li,
.woocommerce-message li {
list-style: none outside !important;
padding-left: 0 !important;
margin-left: 0 !important
}
.rtl.woocommerce .price_label,
.rtl.woocommerce .price_label span {
direction: ltr;
unicode-bidi: embed
}
.woocommerce-message {
border-top-color: #8fae1b
}
.woocommerce-message:before {
content: "\e015";
color: #8fae1b
}
.woocommerce-info {
border-top-color: #1e85be
}
.woocommerce-info:before {
color: #1e85be
}
.woocommerce-error {
border-top-color: #b81c23
}
.woocommerce-error:before {
content: "\e016";
color: #b81c23
}
.woocommerce-account .woocommerce:after,
.woocommerce-account .woocommerce:before {
content: ' ';
display: table
}
.woocommerce-account .woocommerce:after {
clear: both
}
.woocommerce-account .addresses .title:after,
.woocommerce-account .addresses .title:before {
content: ' ';
display: table
}
.woocommerce-account .addresses .title:after {
clear: both
}
.woocommerce-account .addresses .title h3 {
float: left
}
.woocommerce-account .addresses .title .edit {
float: right
}
.woocommerce-account ol.commentlist.notes li.note p.meta {
font-weight: 700;
margin-bottom: 0
}
.woocommerce-account ol.commentlist.notes li.note .description p:last-child {
margin-bottom: 0
}
.woocommerce-account ul.digital-downloads {
margin-left: 0;
padding-left: 0
}
.woocommerce-account ul.digital-downloads li {
list-style: none;
margin-left: 0;
padding-left: 0
}
.woocommerce-account ul.digital-downloads li:before {
font-family: WooCommerce;
speak: none;
font-weight: 400;
font-variant: normal;
text-transform: none;
line-height: 1;
-webkit-font-smoothing: antialiased;
margin-right: .618em;
content: "î";
text-decoration: none
}
.woocommerce-account ul.digital-downloads li .count {
float: right
}
#add_payment_method table.cart .product-thumbnail,
.woocommerce-cart table.cart .product-thumbnail,
.woocommerce-checkout table.cart .product-thumbnail {
min-width: 32px
}
#add_payment_method table.cart img,
.woocommerce-cart table.cart img,
.woocommerce-checkout table.cart img {
width: 32px;
box-shadow: none
}
#add_payment_method table.cart td,
#add_payment_method table.cart th,
.woocommerce-cart table.cart td,
.woocommerce-cart table.cart th,
.woocommerce-checkout table.cart td,
.woocommerce-checkout table.cart th {
vertical-align: middle
}
#add_payment_method table.cart td.actions .coupon .input-text,
.woocommerce-cart table.cart td.actions .coupon .input-text,
.woocommerce-checkout table.cart td.actions .coupon .input-text {
float: left;
box-sizing: border-box;
border: 1px solid #d3ced2;
padding: 6px 6px 5px;
margin: 0 4px 0 0;
outline: 0
}
#add_payment_method table.cart input,
.woocommerce-cart table.cart input,
.woocommerce-checkout table.cart input {
margin: 0;
vertical-align: middle
}
#add_payment_method .wc-proceed-to-checkout,
.woocommerce-cart .wc-proceed-to-checkout,
.woocommerce-checkout .wc-proceed-to-checkout {
padding: 1em 0
}
#add_payment_method .wc-proceed-to-checkout:after,
#add_payment_method .wc-proceed-to-checkout:before,
.woocommerce-cart .wc-proceed-to-checkout:after,
.woocommerce-cart .wc-proceed-to-checkout:before,
.woocommerce-checkout .wc-proceed-to-checkout:after,
.woocommerce-checkout .wc-proceed-to-checkout:before {
content: ' ';
display: table
}
#add_payment_method .wc-proceed-to-checkout:after,
.woocommerce-cart .wc-proceed-to-checkout:after,
.woocommerce-checkout .wc-proceed-to-checkout:after {
clear: both
}
#add_payment_method .wc-proceed-to-checkout a.checkout-button,
.woocommerce-cart .wc-proceed-to-checkout a.checkout-button,
.woocommerce-checkout .wc-proceed-to-checkout a.checkout-button {
display: block;
text-align: center;
margin-bottom: 1em;
font-size: 1.25em;
padding: 1em
}
#add_payment_method .cart-collaterals .shipping-calculator-button,
.woocommerce-cart .cart-collaterals .shipping-calculator-button,
.woocommerce-checkout .cart-collaterals .shipping-calculator-button {
float: none;
margin-top: .5em;
display: inline-block
}
#add_payment_method .cart-collaterals .shipping-calculator-button:after,
.woocommerce-cart .cart-collaterals .shipping-calculator-button:after,
.woocommerce-checkout .cart-collaterals .shipping-calculator-button:after {
font-family: WooCommerce;
speak: none;
font-weight: 400;
font-variant: normal;
text-transform: none;
line-height: 1;
-webkit-font-smoothing: antialiased;
margin-left: .618em;
content: "î";
text-decoration: none
}
#add_payment_method .cart-collaterals .shipping-calculator-form,
.woocommerce-cart .cart-collaterals .shipping-calculator-form,
.woocommerce-checkout .cart-collaterals .shipping-calculator-form {
margin: 1em 0 0
}
#add_payment_method .cart-collaterals .cart_totals p small,
.woocommerce-cart .cart-collaterals .cart_totals p small,
.woocommerce-checkout .cart-collaterals .cart_totals p small {
color: #767676;
font-size: .83em
}
#add_payment_method .cart-collaterals .cart_totals table,
.woocommerce-cart .cart-collaterals .cart_totals table,
.woocommerce-checkout .cart-collaterals .cart_totals table {
border-collapse: separate;
margin: 0 0 6px;
padding: 0
}
#add_payment_method .cart-collaterals .cart_totals table tr:first-child td,
#add_payment_method .cart-collaterals .cart_totals table tr:first-child th,
.woocommerce-cart .cart-collaterals .cart_totals table tr:first-child td,
.woocommerce-cart .cart-collaterals .cart_totals table tr:first-child th,
.woocommerce-checkout .cart-collaterals .cart_totals table tr:first-child td,
.woocommerce-checkout .cart-collaterals .cart_totals table tr:first-child th {
border-top: 0
}
#add_payment_method .cart-collaterals .cart_totals table th,
.woocommerce-cart .cart-collaterals .cart_totals table th,
.woocommerce-checkout .cart-collaterals .cart_totals table th {
width: 35%
}
#add_payment_method .cart-collaterals .cart_totals table td,
#add_payment_method .cart-collaterals .cart_totals table th,
.woocommerce-cart .cart-collaterals .cart_totals table td,
.woocommerce-cart .cart-collaterals .cart_totals table th,
.woocommerce-checkout .cart-collaterals .cart_totals table td,
.woocommerce-checkout .cart-collaterals .cart_totals table th {
vertical-align: top;
border-left: 0;
border-right: 0;
line-height: 1.5em
}
#add_payment_method .cart-collaterals .cart_totals table small,
.woocommerce-cart .cart-collaterals .cart_totals table small,
.woocommerce-checkout .cart-collaterals .cart_totals table small {
color: #767676
}
#add_payment_method .cart-collaterals .cart_totals table select,
.woocommerce-cart .cart-collaterals .cart_totals table select,
.woocommerce-checkout .cart-collaterals .cart_totals table select {
width: 100%
}
#add_payment_method .cart-collaterals .cart_totals .discount td,
.woocommerce-cart .cart-collaterals .cart_totals .discount td,
.woocommerce-checkout .cart-collaterals .cart_totals .discount td {
color: #77a464
}
#add_payment_method .cart-collaterals .cart_totals tr td,
#add_payment_method .cart-collaterals .cart_totals tr th,
.woocommerce-cart .cart-collaterals .cart_totals tr td,
.woocommerce-cart .cart-collaterals .cart_totals tr th,
.woocommerce-checkout .cart-collaterals .cart_totals tr td,
.woocommerce-checkout .cart-collaterals .cart_totals tr th {
border-top: 1px solid #ebe9eb
}
#add_payment_method .cart-collaterals .cart_totals .woocommerce-shipping-destination,
.woocommerce-cart .cart-collaterals .cart_totals .woocommerce-shipping-destination,
.woocommerce-checkout .cart-collaterals .cart_totals .woocommerce-shipping-destination {
margin-bottom: 0
}
#add_payment_method .cart-collaterals .cross-sells ul.products li.product,
.woocommerce-cart .cart-collaterals .cross-sells ul.products li.product,
.woocommerce-checkout .cart-collaterals .cross-sells ul.products li.product {
margin-top: 0
}
#add_payment_method .checkout .col-2 h3#ship-to-different-address,
.woocommerce-cart .checkout .col-2 h3#ship-to-different-address,
.woocommerce-checkout .checkout .col-2 h3#ship-to-different-address {
float: left;
clear: none
}
#add_payment_method .checkout .col-2 .notes,
.woocommerce-cart .checkout .col-2 .notes,
.woocommerce-checkout .checkout .col-2 .notes {
clear: left
}
#add_payment_method .checkout .col-2 .form-row-first,
.woocommerce-cart .checkout .col-2 .form-row-first,
.woocommerce-checkout .checkout .col-2 .form-row-first {
clear: left
}
#add_payment_method .checkout .create-account small,
.woocommerce-cart .checkout .create-account small,
.woocommerce-checkout .checkout .create-account small {
font-size: 11px;
color: #767676;
font-weight: 400
}
#add_payment_method .checkout div.shipping-address,
.woocommerce-cart .checkout div.shipping-address,
.woocommerce-checkout .checkout div.shipping-address {
padding: 0;
clear: left;
width: 100%
}
#add_payment_method .checkout .shipping_address,
.woocommerce-cart .checkout .shipping_address,
.woocommerce-checkout .checkout .shipping_address {
clear: both
}
#add_payment_method #payment,
.woocommerce-cart #payment,
.woocommerce-checkout #payment {
background: #ebe9eb;
border-radius: 5px
}
#add_payment_method #payment ul.payment_methods,
.woocommerce-cart #payment ul.payment_methods,
.woocommerce-checkout #payment ul.payment_methods {
text-align: left;
padding: 1em;
border-bottom: 1px solid #d3ced2;
margin: 0;
list-style: none outside
}
#add_payment_method #payment ul.payment_methods:after,
#add_payment_method #payment ul.payment_methods:before,
.woocommerce-cart #payment ul.payment_methods:after,
.woocommerce-cart #payment ul.payment_methods:before,
.woocommerce-checkout #payment ul.payment_methods:after,
.woocommerce-checkout #payment ul.payment_methods:before {
content: ' ';
display: table
}
#add_payment_method #payment ul.payment_methods:after,
.woocommerce-cart #payment ul.payment_methods:after,
.woocommerce-checkout #payment ul.payment_methods:after {
clear: both
}
#add_payment_method #payment ul.payment_methods li,
.woocommerce-cart #payment ul.payment_methods li,
.woocommerce-checkout #payment ul.payment_methods li {
line-height: 2;
text-align: left;
margin: 0;
font-weight: 400
}
#add_payment_method #payment ul.payment_methods li input,
.woocommerce-cart #payment ul.payment_methods li input,
.woocommerce-checkout #payment ul.payment_methods li input {
margin: 0 1em 0 0
}
#add_payment_method #payment ul.payment_methods li img,
.woocommerce-cart #payment ul.payment_methods li img,
.woocommerce-checkout #payment ul.payment_methods li img {
vertical-align: middle;
margin: -2px 0 0 .5em;
padding: 0;
position: relative;
box-shadow: none
}
#add_payment_method #payment ul.payment_methods li img + img,
.woocommerce-cart #payment ul.payment_methods li img + img,
.woocommerce-checkout #payment ul.payment_methods li img + img {
margin-left: 2px
}
#add_payment_method #payment ul.payment_methods li:not(.woocommerce-notice):after,
#add_payment_method #payment ul.payment_methods li:not(.woocommerce-notice):before,
.woocommerce-cart #payment ul.payment_methods li:not(.woocommerce-notice):after,
.woocommerce-cart #payment ul.payment_methods li:not(.woocommerce-notice):before,
.woocommerce-checkout #payment ul.payment_methods li:not(.woocommerce-notice):after,
.woocommerce-checkout #payment ul.payment_methods li:not(.woocommerce-notice):before {
content: ' ';
display: table
}
#add_payment_method #payment ul.payment_methods li:not(.woocommerce-notice):after,
.woocommerce-cart #payment ul.payment_methods li:not(.woocommerce-notice):after,
.woocommerce-checkout #payment ul.payment_methods li:not(.woocommerce-notice):after {
clear: both
}
#add_payment_method #payment div.form-row,
.woocommerce-cart #payment div.form-row,
.woocommerce-checkout #payment div.form-row {
padding: 1em
}
#add_payment_method #payment div.payment_box,
.woocommerce-cart #payment div.payment_box,
.woocommerce-checkout #payment div.payment_box {
position: relative;
box-sizing: border-box;
width: 100%;
padding: 1em;
margin: 1em 0;
font-size: .92em;
border-radius: 2px;
line-height: 1.5;
background-color: #dfdcde;
color: #515151
}
#add_payment_method #payment div.payment_box input.input-text,
#add_payment_method #payment div.payment_box textarea,
.woocommerce-cart #payment div.payment_box input.input-text,
.woocommerce-cart #payment div.payment_box textarea,
.woocommerce-checkout #payment div.payment_box input.input-text,
.woocommerce-checkout #payment div.payment_box textarea {
border-color: #c7c1c6;
border-top-color: #bbb3b9
}
#add_payment_method #payment div.payment_box ::-webkit-input-placeholder,
.woocommerce-cart #payment div.payment_box ::-webkit-input-placeholder,
.woocommerce-checkout #payment div.payment_box ::-webkit-input-placeholder {
color: #bbb3b9
}
#add_payment_method #payment div.payment_box :-moz-placeholder,
.woocommerce-cart #payment div.payment_box :-moz-placeholder,
.woocommerce-checkout #payment div.payment_box :-moz-placeholder {
color: #bbb3b9
}
#add_payment_method #payment div.payment_box :-ms-input-placeholder,
.woocommerce-cart #payment div.payment_box :-ms-input-placeholder,
.woocommerce-checkout #payment div.payment_box :-ms-input-placeholder {
color: #bbb3b9
}
#add_payment_method #payment div.payment_box .woocommerce-SavedPaymentMethods,
.woocommerce-cart #payment div.payment_box .woocommerce-SavedPaymentMethods,
.woocommerce-checkout #payment div.payment_box .woocommerce-SavedPaymentMethods {
list-style: none outside;
margin: 0
}
#add_payment_method #payment div.payment_box .woocommerce-SavedPaymentMethods .woocommerce-SavedPaymentMethods-new,
#add_payment_method #payment div.payment_box .woocommerce-SavedPaymentMethods .woocommerce-SavedPaymentMethods-token,
.woocommerce-cart #payment div.payment_box .woocommerce-SavedPaymentMethods .woocommerce-SavedPaymentMethods-new,
.woocommerce-cart #payment div.payment_box .woocommerce-SavedPaymentMethods .woocommerce-SavedPaymentMethods-token,
.woocommerce-checkout #payment div.payment_box .woocommerce-SavedPaymentMethods .woocommerce-SavedPaymentMethods-new,
.woocommerce-checkout #payment div.payment_box .woocommerce-SavedPaymentMethods .woocommerce-SavedPaymentMethods-token {
margin: 0 0 .5em
}
#add_payment_method #payment div.payment_box .woocommerce-SavedPaymentMethods .woocommerce-SavedPaymentMethods-new label,
#add_payment_method #payment div.payment_box .woocommerce-SavedPaymentMethods .woocommerce-SavedPaymentMethods-token label,
.woocommerce-cart #payment div.payment_box .woocommerce-SavedPaymentMethods .woocommerce-SavedPaymentMethods-new label,
.woocommerce-cart #payment div.payment_box .woocommerce-SavedPaymentMethods .woocommerce-SavedPaymentMethods-token label,
.woocommerce-checkout #payment div.payment_box .woocommerce-SavedPaymentMethods .woocommerce-SavedPaymentMethods-new label,
.woocommerce-checkout #payment div.payment_box .woocommerce-SavedPaymentMethods .woocommerce-SavedPaymentMethods-token label {
cursor: pointer
}
#add_payment_method #payment div.payment_box .woocommerce-SavedPaymentMethods .woocommerce-SavedPaymentMethods-tokenInput,
.woocommerce-cart #payment div.payment_box .woocommerce-SavedPaymentMethods .woocommerce-SavedPaymentMethods-tokenInput,
.woocommerce-checkout #payment div.payment_box .woocommerce-SavedPaymentMethods .woocommerce-SavedPaymentMethods-tokenInput {
vertical-align: middle;
margin: -3px 1em 0 0;
position: relative
}
#add_payment_method #payment div.payment_box .wc-credit-card-form,
.woocommerce-cart #payment div.payment_box .wc-credit-card-form,
.woocommerce-checkout #payment div.payment_box .wc-credit-card-form {
border: 0;
padding: 0;
margin: 1em 0 0
}
#add_payment_method #payment div.payment_box .wc-credit-card-form-card-cvc,
#add_payment_method #payment div.payment_box .wc-credit-card-form-card-expiry,
#add_payment_method #payment div.payment_box .wc-credit-card-form-card-number,
.woocommerce-cart #payment div.payment_box .wc-credit-card-form-card-cvc,
.woocommerce-cart #payment div.payment_box .wc-credit-card-form-card-expiry,
.woocommerce-cart #payment div.payment_box .wc-credit-card-form-card-number,
.woocommerce-checkout #payment div.payment_box .wc-credit-card-form-card-cvc,
.woocommerce-checkout #payment div.payment_box .wc-credit-card-form-card-expiry,
.woocommerce-checkout #payment div.payment_box .wc-credit-card-form-card-number {
font-size: 1.5em;
padding: 8px;
background-repeat: no-repeat;
background-position: right .618em center;
background-size: 32px 20px
}
#add_payment_method #payment div.payment_box .wc-credit-card-form-card-cvc.visa,
#add_payment_method #payment div.payment_box .wc-credit-card-form-card-expiry.visa,
#add_payment_method #payment div.payment_box .wc-credit-card-form-card-number.visa,
.woocommerce-cart #payment div.payment_box .wc-credit-card-form-card-cvc.visa,
.woocommerce-cart #payment div.payment_box .wc-credit-card-form-card-expiry.visa,
.woocommerce-cart #payment div.payment_box .wc-credit-card-form-card-number.visa,
.woocommerce-checkout #payment div.payment_box .wc-credit-card-form-card-cvc.visa,
.woocommerce-checkout #payment div.payment_box .wc-credit-card-form-card-expiry.visa,
.woocommerce-checkout #payment div.payment_box .wc-credit-card-form-card-number.visa {
background-image: url(//webitkurigram.com/wp/techno/wp-content/plugins/woocommerce/assets/css/../images/icons/credit-cards/visa.svg)
}
#add_payment_method #payment div.payment_box .wc-credit-card-form-card-cvc.mastercard,
#add_payment_method #payment div.payment_box .wc-credit-card-form-card-expiry.mastercard,
#add_payment_method #payment div.payment_box .wc-credit-card-form-card-number.mastercard,
.woocommerce-cart #payment div.payment_box .wc-credit-card-form-card-cvc.mastercard,
.woocommerce-cart #payment div.payment_box .wc-credit-card-form-card-expiry.mastercard,
.woocommerce-cart #payment div.payment_box .wc-credit-card-form-card-number.mastercard,
.woocommerce-checkout #payment div.payment_box .wc-credit-card-form-card-cvc.mastercard,
.woocommerce-checkout #payment div.payment_box .wc-credit-card-form-card-expiry.mastercard,
.woocommerce-checkout #payment div.payment_box .wc-credit-card-form-card-number.mastercard {
background-image: url(//webitkurigram.com/wp/techno/wp-content/plugins/woocommerce/assets/css/../images/icons/credit-cards/mastercard.svg)
}
#add_payment_method #payment div.payment_box .wc-credit-card-form-card-cvc.laser,
#add_payment_method #payment div.payment_box .wc-credit-card-form-card-expiry.laser,
#add_payment_method #payment div.payment_box .wc-credit-card-form-card-number.laser,
.woocommerce-cart #payment div.payment_box .wc-credit-card-form-card-cvc.laser,
.woocommerce-cart #payment div.payment_box .wc-credit-card-form-card-expiry.laser,
.woocommerce-cart #payment div.payment_box .wc-credit-card-form-card-number.laser,
.woocommerce-checkout #payment div.payment_box .wc-credit-card-form-card-cvc.laser,
.woocommerce-checkout #payment div.payment_box .wc-credit-card-form-card-expiry.laser,
.woocommerce-checkout #payment div.payment_box .wc-credit-card-form-card-number.laser {
background-image: url(//webitkurigram.com/wp/techno/wp-content/plugins/woocommerce/assets/css/../images/icons/credit-cards/laser.svg)
}
#add_payment_method #payment div.payment_box .wc-credit-card-form-card-cvc.dinersclub,
#add_payment_method #payment div.payment_box .wc-credit-card-form-card-expiry.dinersclub,
#add_payment_method #payment div.payment_box .wc-credit-card-form-card-number.dinersclub,
.woocommerce-cart #payment div.payment_box .wc-credit-card-form-card-cvc.dinersclub,
.woocommerce-cart #payment div.payment_box .wc-credit-card-form-card-expiry.dinersclub,
.woocommerce-cart #payment div.payment_box .wc-credit-card-form-card-number.dinersclub,
.woocommerce-checkout #payment div.payment_box .wc-credit-card-form-card-cvc.dinersclub,
.woocommerce-checkout #payment div.payment_box .wc-credit-card-form-card-expiry.dinersclub,
.woocommerce-checkout #payment div.payment_box .wc-credit-card-form-card-number.dinersclub {
background-image: url(//webitkurigram.com/wp/techno/wp-content/plugins/woocommerce/assets/css/../images/icons/credit-cards/diners.svg)
}
#add_payment_method #payment div.payment_box .wc-credit-card-form-card-cvc.maestro,
#add_payment_method #payment div.payment_box .wc-credit-card-form-card-expiry.maestro,
#add_payment_method #payment div.payment_box .wc-credit-card-form-card-number.maestro,
.woocommerce-cart #payment div.payment_box .wc-credit-card-form-card-cvc.maestro,
.woocommerce-cart #payment div.payment_box .wc-credit-card-form-card-expiry.maestro,
.woocommerce-cart #payment div.payment_box .wc-credit-card-form-card-number.maestro,
.woocommerce-checkout #payment div.payment_box .wc-credit-card-form-card-cvc.maestro,
.woocommerce-checkout #payment div.payment_box .wc-credit-card-form-card-expiry.maestro,
.woocommerce-checkout #payment div.payment_box .wc-credit-card-form-card-number.maestro {
background-image: url(//webitkurigram.com/wp/techno/wp-content/plugins/woocommerce/assets/css/../images/icons/credit-cards/maestro.svg)
}
#add_payment_method #payment div.payment_box .wc-credit-card-form-card-cvc.jcb,
#add_payment_method #payment div.payment_box .wc-credit-card-form-card-expiry.jcb,
#add_payment_method #payment div.payment_box .wc-credit-card-form-card-number.jcb,
.woocommerce-cart #payment div.payment_box .wc-credit-card-form-card-cvc.jcb,
.woocommerce-cart #payment div.payment_box .wc-credit-card-form-card-expiry.jcb,
.woocommerce-cart #payment div.payment_box .wc-credit-card-form-card-number.jcb,
.woocommerce-checkout #payment div.payment_box .wc-credit-card-form-card-cvc.jcb,
.woocommerce-checkout #payment div.payment_box .wc-credit-card-form-card-expiry.jcb,
.woocommerce-checkout #payment div.payment_box .wc-credit-card-form-card-number.jcb {
background-image: url(//webitkurigram.com/wp/techno/wp-content/plugins/woocommerce/assets/css/../images/icons/credit-cards/jcb.svg)
}
#add_payment_method #payment div.payment_box .wc-credit-card-form-card-cvc.amex,
#add_payment_method #payment div.payment_box .wc-credit-card-form-card-expiry.amex,
#add_payment_method #payment div.payment_box .wc-credit-card-form-card-number.amex,
.woocommerce-cart #payment div.payment_box .wc-credit-card-form-card-cvc.amex,
.woocommerce-cart #payment div.payment_box .wc-credit-card-form-card-expiry.amex,
.woocommerce-cart #payment div.payment_box .wc-credit-card-form-card-number.amex,
.woocommerce-checkout #payment div.payment_box .wc-credit-card-form-card-cvc.amex,
.woocommerce-checkout #payment div.payment_box .wc-credit-card-form-card-expiry.amex,
.woocommerce-checkout #payment div.payment_box .wc-credit-card-form-card-number.amex {
background-image: url(//webitkurigram.com/wp/techno/wp-content/plugins/woocommerce/assets/css/../images/icons/credit-cards/amex.svg)
}
#add_payment_method #payment div.payment_box .wc-credit-card-form-card-cvc.discover,
#add_payment_method #payment div.payment_box .wc-credit-card-form-card-expiry.discover,
#add_payment_method #payment div.payment_box .wc-credit-card-form-card-number.discover,
.woocommerce-cart #payment div.payment_box .wc-credit-card-form-card-cvc.discover,
.woocommerce-cart #payment div.payment_box .wc-credit-card-form-card-expiry.discover,
.woocommerce-cart #payment div.payment_box .wc-credit-card-form-card-number.discover,
.woocommerce-checkout #payment div.payment_box .wc-credit-card-form-card-cvc.discover,
.woocommerce-checkout #payment div.payment_box .wc-credit-card-form-card-expiry.discover,
.woocommerce-checkout #payment div.payment_box .wc-credit-card-form-card-number.discover {
background-image: url(//webitkurigram.com/wp/techno/wp-content/plugins/woocommerce/assets/css/../images/icons/credit-cards/discover.svg)
}
#add_payment_method #payment div.payment_box span.help,
.woocommerce-cart #payment div.payment_box span.help,
.woocommerce-checkout #payment div.payment_box span.help {
font-size: .857em;
color: #767676;
font-weight: 400
}
#add_payment_method #payment div.payment_box .form-row,
.woocommerce-cart #payment div.payment_box .form-row,
.woocommerce-checkout #payment div.payment_box .form-row {
margin: 0 0 1em
}
#add_payment_method #payment div.payment_box p:last-child,
.woocommerce-cart #payment div.payment_box p:last-child,
.woocommerce-checkout #payment div.payment_box p:last-child {
margin-bottom: 0
}
#add_payment_method #payment div.payment_box:before,
.woocommerce-cart #payment div.payment_box:before,
.woocommerce-checkout #payment div.payment_box:before {
content: "";
display: block;
border: 1em solid #dfdcde;
border-right-color: transparent;
border-left-color: transparent;
border-top-color: transparent;
position: absolute;
top: -.75em;
left: 0;
margin: -1em 0 0 2em
}
#add_payment_method #payment .payment_method_paypal .about_paypal,
.woocommerce-cart #payment .payment_method_paypal .about_paypal,
.woocommerce-checkout #payment .payment_method_paypal .about_paypal {
float: right;
line-height: 52px;
font-size: .83em
}
#add_payment_method #payment .payment_method_paypal img,
.woocommerce-cart #payment .payment_method_paypal img,
.woocommerce-checkout #payment .payment_method_paypal img {
max-height: 52px;
vertical-align: middle
}
.woocommerce-terms-and-conditions {
border: 1px solid rgba(0, 0, 0, .2);
box-shadow: inset 0 1px 2px rgba(0, 0, 0, .1);
background: rgba(0, 0, 0, .05)
}
.woocommerce-invalid #terms {
outline: 2px solid red;
outline-offset: 2px
}
.woocommerce-password-strength {
text-align: center;
font-weight: 600;
padding: 3px .5em;
font-size: 1em
}
.woocommerce-password-strength.strong {
background-color: #c1e1b9;
border-color: #83c373
}
.woocommerce-password-strength.short {
background-color: #f1adad;
border-color: #e35b5b
}
.woocommerce-password-strength.bad {
background-color: #fbc5a9;
border-color: #f78b53
}
.woocommerce-password-strength.good {
background-color: #ffe399;
border-color: #ffc733
}
.woocommerce-password-hint {
margin: .5em 0 0;
display: block
}
#content.twentyeleven .woocommerce-pagination a {
font-size: 1em;
line-height: 1
}
.single-product .twentythirteen #reply-title,
.single-product .twentythirteen #respond #commentform,
.single-product .twentythirteen .entry-summary {
padding: 0
}
.single-product .twentythirteen p.stars {
clear: both
}
.twentythirteen .woocommerce-breadcrumb {
padding-top: 40px
}
.twentyfourteen ul.products li.product {
margin-top: 0 !important
}
body:not(.search-results) .twentysixteen .entry-summary {
color: inherit;
font-size: inherit;
line-height: inherit
}
.twentysixteen .price ins {
background: inherit;
color: inherit
}
.woocommerce form .form-row .required {
visibility: visible
}
#colorbox,
#cboxOverlay,
#cboxWrapper {
position: absolute;
top: 0;
left: 0;
z-index: 10000;
overflow: hidden
}
#cboxOverlay {
position: fixed;
width: 100%;
height: 100%
}
#cboxMiddleLeft,
#cboxBottomLeft {
clear: left
}
#cboxContent {
position: relative
}
#cboxLoadedContent {
overflow: auto;
-webkit-overflow-scrolling: touch
}
#cboxTitle {
margin: 0
}
#cboxLoadingOverlay,
#cboxLoadingGraphic {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%
}
#cboxPrevious,
#cboxNext,
#cboxClose,
#cboxSlideshow {
cursor: pointer
}
.cboxPhoto {
float: left;
margin: auto;
border: 0;
display: block;
max-width: none;
-ms-interpolation-mode: bicubic
}
.cboxIframe {
width: 100%;
height: 100%;
display: block;
border: 0
}
#colorbox,
#cboxContent,
#cboxLoadedContent {
box-sizing: content-box;
-moz-box-sizing: content-box;
-webkit-box-sizing: content-box
}
#cboxOverlay {
background: #000
}
#colorbox {
outline: 0
}
#cboxTopLeft {
width: 14px;
height: 14px;
background: url(//webitkurigram.com/wp/techno/wp-content/plugins/yith-woocommerce-compare/assets/css/../images/colorbox/controls.png) no-repeat 0 0
}
#cboxTopCenter {
height: 14px;
background: url(//webitkurigram.com/wp/techno/wp-content/plugins/yith-woocommerce-compare/assets/css/../images/colorbox/border.png) repeat-x top left
}
#cboxTopRight {
width: 14px;
height: 14px;
background: url(//webitkurigram.com/wp/techno/wp-content/plugins/yith-woocommerce-compare/assets/css/../images/colorbox/controls.png) no-repeat -36px 0
}
#cboxBottomLeft {
width: 14px;
height: 43px;
background: url(//webitkurigram.com/wp/techno/wp-content/plugins/yith-woocommerce-compare/assets/css/../images/colorbox/controls.png) no-repeat 0 -32px
}
#cboxBottomCenter {
height: 43px;
background: url(//webitkurigram.com/wp/techno/wp-content/plugins/yith-woocommerce-compare/assets/css/../images/colorbox/border.png) repeat-x bottom left
}
#cboxBottomRight {
width: 14px;
height: 43px;
background: url(//webitkurigram.com/wp/techno/wp-content/plugins/yith-woocommerce-compare/assets/css/../images/colorbox/controls.png) no-repeat -36px -32px
}
#cboxMiddleLeft {
width: 14px;
background: url(//webitkurigram.com/wp/techno/wp-content/plugins/yith-woocommerce-compare/assets/css/../images/colorbox/controls.png) repeat-y -175px 0
}
#cboxMiddleRight {
width: 14px;
background: url(//webitkurigram.com/wp/techno/wp-content/plugins/yith-woocommerce-compare/assets/css/../images/colorbox/controls.png) repeat-y -211px 0
}
#cboxContent {
background: #fff;
overflow: visible
}
.cboxIframe {
background: #fff
}
#cboxError {
padding: 50px;
border: 1px solid #ccc
}
#cboxLoadedContent {
margin-bottom: 5px
}
#cboxLoadingOverlay {
background: url(//webitkurigram.com/wp/techno/wp-content/plugins/yith-woocommerce-compare/assets/css/../images/colorbox/loading_background.png) no-repeat center center
}
#cboxLoadingGraphic {
background: url(//webitkurigram.com/wp/techno/wp-content/plugins/yith-woocommerce-compare/assets/css/../images/colorbox/loading.gif) no-repeat center center
}
#cboxTitle {
position: absolute;
bottom: -25px;
left: 0;
text-align: center;
width: 100%;
font-weight: 700;
color: #7c7c7c
}
#cboxCurrent {
position: absolute;
bottom: -25px;
left: 58px;
font-weight: 700;
color: #7c7c7c
}
#cboxPrevious,
#cboxNext,
#cboxSlideshow,
#cboxClose {
border: 0;
padding: 0;
margin: 0;
overflow: visible;
position: absolute;
bottom: -29px;
background: url(//webitkurigram.com/wp/techno/wp-content/plugins/yith-woocommerce-compare/assets/css/../images/colorbox/controls.png) no-repeat 0px 0px;
width: 23px;
height: 23px;
text-indent: -9999px
}
#cboxPrevious:active,
#cboxNext:active,
#cboxSlideshow:active,
#cboxClose:active {
outline: 0
}
#cboxPrevious {
left: 0;
background-position: -51px -25px
}
#cboxPrevious:hover {
background-position: -51px 0
}
#cboxNext {
left: 27px;
background-position: -75px -25px
}
#cboxNext:hover {
background-position: -75px 0
}
#cboxClose {
right: 0;
background-position: -100px -25px
}
#cboxClose:hover {
background-position: -100px 0
}
.cboxSlideshow_on #cboxSlideshow {
background-position: -125px 0;
right: 27px
}
.cboxSlideshow_on #cboxSlideshow:hover {
background-position: -150px 0
}
.cboxSlideshow_off #cboxSlideshow {
background-position: -150px -25px;
right: 27px
}
.cboxSlideshow_off #cboxSlideshow:hover {
background-position: -125px 0
}
.yith_woocompare_colorbox #cboxLoadedContent {
overflow: hidden !important
}
html.yith-quick-view-is-open,
html.yith-quick-view-is-open body {
overflow: hidden
}
#yith-quick-view-modal {
position: fixed;
visibility: hidden;
top: 0;
left: 0;
right: 0;
bottom: 0;
z-index: 1400;
opacity: 0;
text-align: center;
-webkit-transition: all .3s;
-moz-transition: all .3s;
transition: all .3s
}
#yith-quick-view-modal:before {
content: '';
display: inline-block;
vertical-align: middle;
height: 100%;
width: 0
}
#yith-quick-view-modal .yith-quick-view-overlay {
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
background: rgba(0, 0, 0, .8)
}
#yith-quick-view-modal .yith-wcqv-wrapper {
display: inline-block;
vertical-align: middle;
visibility: hidden;
-webkit-backface-visibility: hidden;
-moz-backface-visibility: hidden;
backface-visibility: hidden;
text-align: left;
height: 600px;
width: 1000px
}
#yith-quick-view-modal .yith-wcqv-main {
-webkit-transform: translateY(20%);
-moz-transform: translateY(20%);
-ms-transform: translateY(20%);
transform: translateY(20%);
opacity: 0;
height: 100%;
-webkit-transition: all .3s;
-moz-transition: all .3s;
transition: all .3s;
-webkit-box-shadow: 0 0 0 10px rgba(255, 255, 255, .2);
box-shadow: 0 0 0 10px rgba(255, 255, 255, .2)
}
#yith-quick-view-modal.open,
#yith-quick-view-modal.open .yith-wcqv-wrapper {
visibility: visible;
opacity: 1
}
#yith-quick-view-modal #yith-quick-view-content {
height: 100%
}
#yith-quick-view-modal .yith-wcqv-main:after,
#yith-quick-view-modal .yith-wcqv-main:before {
content: '';
display: table;
clear: both
}
#yith-quick-view-modal.open .yith-wcqv-main {
-webkit-transform: translateY(0);
-moz-transform: translateY(0);
-ms-transform: translateY(0);
transform: translateY(0);
opacity: 1;
height: 100%;
overflow-y: scroll;
position: relative
}
#yith-quick-view-close {
border: 1px solid;
position: absolute;
top: 5px;
right: 5px;
width: 20px;
height: 20px;
text-align: center;
line-height: 18px;
z-index: 2;
opacity: .5
}
#yith-quick-view-close:hover {
opacity: 1;
transition: all .2s ease;
-webkit-transition: all .2s ease;
-moz-transition: all .2s ease;
-ms-transition: all .2s ease
}
#yith-quick-view-content div.images {
width: 40%;
float: left;
opacity: 1 !important;
margin: 0
}
#yith-quick-view-content div.summary {
margin: 0;
padding: 15px;
width: 60%;
float: left;
font-size: inherit
}
#yith-quick-view-content div.woocommerce-product-rating:after,
#yith-quick-view-content div.woocommerce-product-rating:before {
content: '';
display: table;
clear: both
}
#yith-quick-view-content div.woocommerce-product-rating a.woocommerce-review-link {
display: none
}
#yith-quick-view-content .onsale {
top: 5px;
right: auto;
left: 5px
}
li.product .yith-wcqv-button .blockUI.blockOverlay:before {
background: 0 0
}
@media(max-width:480px) {
#yith-quick-view-content div.images,
#yith-quick-view-content div.summary {
width: 100%;
float: none
}
#yith-quick-view-content div.summary {
margin: 0;
padding: 15px;
width: 100%;
float: left
}
}
#yith-quick-view-modal .yith-wcqv-main {
background: #fff
}
#yith-quick-view-close {
color: #cdcdcd
}
#yith-quick-view-close:hover {
color: red
}
div.pp_woocommerce .pp_content_container {
background: #fff;
border-radius: 3px;
box-shadow: 0 1px 30px rgba(0, 0, 0, .25);
padding: 20px 0
}
div.pp_woocommerce .pp_content_container:after,
div.pp_woocommerce .pp_content_container:before {
content: ' ';
display: table
}
div.pp_woocommerce .pp_content_container:after {
clear: both
}
div.pp_woocommerce .pp_loaderIcon:before {
height: 1em;
width: 1em;
display: block;
position: absolute;
top: 50%;
left: 50%;
margin-left: -.5em;
margin-top: -.5em;
content: '';
-webkit-animation: spin 1s ease-in-out infinite;
animation: spin 1s ease-in-out infinite;
background: url(//webitkurigram.com/wp/techno/wp-content/plugins/woocommerce/assets/css/../images/icons/loader.svg) center center;
background-size: cover;
line-height: 1;
text-align: center;
font-size: 2em;
color: rgba(0, 0, 0, .75)
}
div.pp_woocommerce div.ppt {
color: #000
}
div.pp_woocommerce .pp_gallery ul li a {
border: 1px solid rgba(0, 0, 0, .5);
background: #fff;
box-shadow: 0 1px 2px rgba(0, 0, 0, .2);
border-radius: 2px;
display: block
}
div.pp_woocommerce .pp_gallery ul li a:hover {
border-color: #000
}
div.pp_woocommerce .pp_gallery ul li.selected a {
border-color: #000
}
div.pp_woocommerce .pp_next:before,
div.pp_woocommerce .pp_previous:before {
border-radius: 100%;
height: 1em;
width: 1em;
text-shadow: 0 1px 2px rgba(0, 0, 0, .5);
background-color: #444;
color: #fff !important;
font-size: 16px !important;
line-height: 1em;
-webkit-transition: all ease-in-out .2s;
transition: all ease-in-out .2s;
font-family: WooCommerce;
content: '\e00b';
text-indent: 0;
display: none;
position: absolute;
top: 50%;
margin-top: -10px;
text-align: center
}
div.pp_woocommerce .pp_next::before:hover,
div.pp_woocommerce .pp_previous::before:hover {
background-color: #000
}
div.pp_woocommerce .pp_next:hover:before,
div.pp_woocommerce .pp_previous:hover:before {
display: block
}
div.pp_woocommerce .pp_previous:before {
left: 1em
}
div.pp_woocommerce .pp_next:before {
right: 1em;
font-family: WooCommerce;
content: '\e008'
}
div.pp_woocommerce .pp_details {
margin: 0;
padding-top: 1em
}
div.pp_woocommerce .pp_description,
div.pp_woocommerce .pp_nav {
font-size: 14px
}
div.pp_woocommerce .pp_arrow_next,
div.pp_woocommerce .pp_arrow_previous,
div.pp_woocommerce .pp_nav,
div.pp_woocommerce .pp_nav .pp_pause,
div.pp_woocommerce .pp_nav p,
div.pp_woocommerce .pp_play {
margin: 0
}
div.pp_woocommerce .pp_nav {
margin-right: 1em;
position: relative
}
div.pp_woocommerce .pp_close {
border-radius: 100%;
height: 1em;
width: 1em;
text-shadow: 0 1px 2px rgba(0, 0, 0, .5);
background-color: #444;
color: #fff !important;
font-size: 16px !important;
line-height: 1em;
-webkit-transition: all ease-in-out .2s;
transition: all ease-in-out .2s;
top: -.5em;
right: -.5em;
font-size: 1.618em !important
}
div.pp_woocommerce .pp_close:hover {
background-color: #000
}
div.pp_woocommerce .pp_close:before {
font-family: WooCommerce;
content: '\e013';
display: block;
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
text-align: center;
text-indent: 0
}
div.pp_woocommerce .pp_arrow_next,
div.pp_woocommerce .pp_arrow_previous {
border-radius: 100%;
height: 1em;
width: 1em;
text-shadow: 0 1px 2px rgba(0, 0, 0, .5);
background-color: #444;
color: #fff !important;
font-size: 16px !important;
line-height: 1em;
-webkit-transition: all ease-in-out .2s;
transition: all ease-in-out .2s;
position: relative;
margin-top: -1px
}
div.pp_woocommerce .pp_arrow_next:hover,
div.pp_woocommerce .pp_arrow_previous:hover {
background-color: #000
}
div.pp_woocommerce .pp_arrow_next:before,
div.pp_woocommerce .pp_arrow_previous:before {
font-family: WooCommerce;
content: '\e00b';
display: block;
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
text-align: center;
text-indent: 0
}
div.pp_woocommerce .pp_arrow_previous {
margin-right: .5em
}
div.pp_woocommerce .pp_arrow_next {
margin-left: .5em
}
div.pp_woocommerce .pp_arrow_next:before {
content: '\e008'
}
div.pp_woocommerce a.pp_contract,
div.pp_woocommerce a.pp_expand {
border-radius: 100%;
height: 1em;
width: 1em;
text-shadow: 0 1px 2px rgba(0, 0, 0, .5);
background-color: #444;
color: #fff !important;
font-size: 16px !important;
line-height: 1em;
-webkit-transition: all ease-in-out .2s;
transition: all ease-in-out .2s;
right: auto;
left: -.5em;
top: -.5em;
font-size: 1.618em !important
}
div.pp_woocommerce a.pp_contract:hover,
div.pp_woocommerce a.pp_expand:hover {
background-color: #000
}
div.pp_woocommerce a.pp_contract:before,
div.pp_woocommerce a.pp_expand:before {
font-family: WooCommerce;
content: '\e005';
display: block;
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
text-align: center;
text-indent: 0
}
div.pp_woocommerce a.pp_contract:before {
content: '\e004'
}
div.pp_woocommerce #respond {
margin: 0;
width: 100%;
background: 0 0;
border: none;
padding: 0
}
div.pp_woocommerce #respond .form-submit {
margin-top: 0;
float: none
}
div.pp_woocommerce .pp_inline {
padding: 0 !important
}
.rtl div.pp_woocommerce .pp_content_container {
text-align: right
}
@media only screen and (max-width:768px) {
div.pp_woocommerce {
left: 5% !important;
right: 5% !important;
box-sizing: border-box;
width: 90% !important
}
div.pp_woocommerce .pp_contract,
div.pp_woocommerce .pp_expand,
div.pp_woocommerce .pp_gallery,
div.pp_woocommerce .pp_next,
div.pp_woocommerce .pp_previous {
display: none !important
}
div.pp_woocommerce .pp_arrow_next,
div.pp_woocommerce .pp_arrow_previous,
div.pp_woocommerce .pp_close {
height: 44px;
width: 44px;
font-size: 44px;
line-height: 44px
}
div.pp_woocommerce .pp_arrow_next:before,
div.pp_woocommerce .pp_arrow_previous:before,
div.pp_woocommerce .pp_close:before {
font-size: 44px
}
div.pp_woocommerce .pp_description {
display: none !important
}
div.pp_woocommerce .pp_details {
width: 100% !important
}
.pp_content {
width: 100% !important
}
.pp_content #pp_full_res > img {
width: 100% !important;
height: auto !important
}
.currentTextHolder {
line-height: 3
}
}
div.pp_pic_holder a:focus {
outline: 0
}
div.pp_overlay {
background: #000;
display: none;
left: 0;
position: absolute;
top: 0;
width: 100%;
z-index: 9999
}
div.pp_pic_holder {
display: none;
position: absolute;
width: 100px;
z-index: 10000
}
.pp_top {
height: 20px;
position: relative
}
* html .pp_top {
padding: 0 20px
}
.pp_top .pp_left {
height: 20px;
left: 0;
position: absolute;
width: 20px
}
.pp_top .pp_middle {
height: 20px;
left: 20px;
position: absolute;
right: 20px
}
* html .pp_top .pp_middle {
left: 0;
position: static
}
.pp_top .pp_right {
height: 20px;
left: auto;
position: absolute;
right: 0;
top: 0;
width: 20px
}
.pp_content {
height: 40px;
min-width: 40px
}
* html .pp_content {
width: 40px
}
.pp_fade {
display: none
}
.pp_content_container {
position: relative;
text-align: left;
width: 100%
}
.pp_content_container .pp_left {
padding-left: 20px
}
.pp_content_container .pp_right {
padding-right: 20px
}
.pp_content_container .pp_details {
float: left;
margin: 10px 0 2px
}
.pp_description {
display: none;
margin: 0
}
.pp_social {
float: left;
margin: 0
}
.pp_social .facebook {
float: left;
margin-left: 5px;
width: 55px;
overflow: hidden
}
.pp_social .twitter {
float: left
}
.pp_nav {
clear: right;
float: left;
margin: 3px 10px 0 0
}
.pp_nav p {
float: left;
margin: 2px 4px;
white-space: nowrap
}
.pp_nav .pp_pause,
.pp_nav .pp_play {
float: left;
margin-right: 4px;
text-indent: -10000px
}
a.pp_arrow_next,
a.pp_arrow_previous {
display: block;
float: left;
height: 15px;
margin-top: 3px;
text-indent: -100000px;
width: 14px
}
.pp_hoverContainer {
position: absolute;
top: 0;
width: 100%;
z-index: 2000
}
.pp_gallery {
display: none;
left: 50%;
margin-top: -50px;
position: absolute;
z-index: 10000
}
.pp_gallery div {
float: left;
overflow: hidden;
position: relative
}
.pp_gallery ul {
float: left;
height: 35px;
margin: 0 0 0 5px;
padding: 0;
position: relative;
white-space: nowrap
}
.pp_gallery ul a {
border: 1px #000 solid;
border: 1px rgba(0, 0, 0, .5) solid;
display: block;
float: left;
height: 33px;
overflow: hidden
}
.pp_gallery li.selected a,
.pp_gallery ul a:hover {
border-color: #fff
}
.pp_gallery ul a img {
border: 0
}
.pp_gallery li {
display: block;
float: left;
margin: 0 5px 0 0;
padding: 0
}
.pp_gallery li.default a {
display: block;
height: 33px;
width: 50px
}
.pp_gallery li.default a img {
display: none
}
.pp_gallery .pp_arrow_next,
.pp_gallery .pp_arrow_previous {
margin-top: 7px !important
}
a.pp_next {
display: block;
float: right;
height: 100%;
text-indent: -10000px;
width: 49%
}
a.pp_previous {
display: block;
float: left;
height: 100%;
text-indent: -10000px;
width: 49%
}
a.pp_contract,
a.pp_expand {
cursor: pointer;
display: none;
height: 20px;
position: absolute;
right: 30px;
text-indent: -10000px;
top: 10px;
width: 20px;
z-index: 20000
}
a.pp_close {
position: absolute;
right: 0;
top: 0;
display: block;
text-indent: -10000px
}
.pp_bottom {
height: 20px;
position: relative
}
* html .pp_bottom {
padding: 0 20px
}
.pp_bottom .pp_left {
height: 20px;
left: 0;
position: absolute;
width: 20px
}
.pp_bottom .pp_middle {
height: 20px;
left: 20px;
position: absolute;
right: 20px
}
* html .pp_bottom .pp_middle {
left: 0;
position: static
}
.pp_bottom .pp_right {
height: 20px;
left: auto;
position: absolute;
right: 0;
top: 0;
width: 20px
}
.pp_loaderIcon {
display: block;
height: 24px;
left: 50%;
margin: -12px 0 0 -12px;
position: absolute;
top: 50%;
width: 24px
}
#pp_full_res .pp_inline {
text-align: left
}
div.ppt {
color: #fff !important;
font-weight: 700;
display: none;
font-size: 17px;
margin: 0 0 5px 15px;
z-index: 9999
}
/*!
* Bootstrap v4.4.1 (https://getbootstrap.com/)
* Copyright 2011-2019 The Bootstrap Authors
* Copyright 2011-2019 Twitter, Inc.
* Licensed under MIT (https://github.com/twbs/bootstrap/blob/master/LICENSE)
*/
:root {
--blue: #007bff;
--indigo: #6610f2;
--purple: #6f42c1;
--pink: #e83e8c;
--red: #dc3545;
--orange: #fd7e14;
--yellow: #ffc107;
--green: #28a745;
--teal: #20c997;
--cyan: #17a2b8;
--white: #fff;
--gray: #6c757d;
--gray-dark: #343a40;
--primary: #007bff;
--secondary: #6c757d;
--success: #28a745;
--info: #17a2b8;
--warning: #ffc107;
--danger: #dc3545;
--light: #f8f9fa;
--dark: #343a40;
--breakpoint-xs: 0;
--breakpoint-sm: 576px;
--breakpoint-md: 768px;
--breakpoint-lg: 992px;
--breakpoint-xl: 1200px;
--font-family-sans-serif: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
--font-family-monospace: SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace
}
*,
::after,
::before {
box-sizing: border-box
}
html {
font-family: sans-serif;
line-height: 1.15;
-webkit-text-size-adjust: 100%;
-webkit-tap-highlight-color: transparent
}
article,
aside,
figcaption,
figure,
footer,
header,
hgroup,
main,
nav,
section {
display: block
}
body {
margin: 0;
font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
font-size: 1rem;
font-weight: 400;
line-height: 1.5;
color: #212529;
text-align: left;
background-color: #fff
}
[tabindex="-1"]:focus:not(:focus-visible) {
outline: 0 !important
}
hr {
box-sizing: content-box;
height: 0;
overflow: visible
}
h1,
h2,
h3,
h4,
h5,
h6 {
margin-top: 0;
margin-bottom: .5rem
}
p {
margin-top: 0;
margin-bottom: 1rem
}
abbr[data-original-title],
abbr[title] {
text-decoration: underline;
-webkit-text-decoration: underline dotted;
text-decoration: underline dotted;
cursor: help;
border-bottom: 0;
-webkit-text-decoration-skip-ink: none;
text-decoration-skip-ink: none
}
address {
margin-bottom: 1rem;
font-style: normal;
line-height: inherit
}
dl,
ol,
ul {
margin-top: 0;
margin-bottom: 1rem
}
ol ol,
ol ul,
ul ol,
ul ul {
margin-bottom: 0
}
dt {
font-weight: 700
}
dd {
margin-bottom: .5rem;
margin-left: 0
}
blockquote {
margin: 0 0 1rem
}
b,
strong {
font-weight: bolder
}
small {
font-size: 80%
}
sub,
sup {
position: relative;
font-size: 75%;
line-height: 0;
vertical-align: baseline
}
sub {
bottom: -.25em
}
sup {
top: -.5em
}
a {
color: #007bff;
text-decoration: none;
background-color: transparent
}
a:hover {
color: #0056b3;
text-decoration: underline
}
a:not([href]) {
color: inherit;
text-decoration: none
}
a:not([href]):hover {
color: inherit;
text-decoration: none
}
code,
kbd,
pre,
samp {
font-family: SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;
font-size: 1em
}
pre {
margin-top: 0;
margin-bottom: 1rem;
overflow: auto
}
figure {
margin: 0 0 1rem
}
img {
vertical-align: middle;
border-style: none
}
svg {
overflow: hidden;
vertical-align: middle
}
table {
border-collapse: collapse
}
caption {
padding-top: .75rem;
padding-bottom: .75rem;
color: #6c757d;
text-align: left;
caption-side: bottom
}
th {
text-align: inherit
}
label {
display: inline-block;
margin-bottom: .5rem
}
button {
border-radius: 0
}
button:focus {
outline: 1px dotted;
outline: 5px auto -webkit-focus-ring-color
}
button,
input,
optgroup,
select,
textarea {
margin: 0;
font-family: inherit;
font-size: inherit;
line-height: inherit
}
button,
input {
overflow: visible
}
button,
select {
text-transform: none
}
select {
word-wrap: normal
}
[type=button],
[type=reset],
[type=submit],
button {
-webkit-appearance: button
}
[type=button]:not(:disabled),
[type=reset]:not(:disabled),
[type=submit]:not(:disabled),
button:not(:disabled) {
cursor: pointer
}
[type=button]::-moz-focus-inner,
[type=reset]::-moz-focus-inner,
[type=submit]::-moz-focus-inner,
button::-moz-focus-inner {
padding: 0;
border-style: none
}
input[type=checkbox],
input[type=radio] {
box-sizing: border-box;
padding: 0
}
input[type=date],
input[type=datetime-local],
input[type=month],
input[type=time] {
-webkit-appearance: listbox
}
textarea {
overflow: auto;
resize: vertical
}
fieldset {
min-width: 0;
padding: 0;
margin: 0;
border: 0
}
legend {
display: block;
width: 100%;
max-width: 100%;
padding: 0;
margin-bottom: .5rem;
font-size: 1.5rem;
line-height: inherit;
color: inherit;
white-space: normal
}
progress {
vertical-align: baseline
}
[type=number]::-webkit-inner-spin-button,
[type=number]::-webkit-outer-spin-button {
height: auto
}
[type=search] {
outline-offset: -2px;
-webkit-appearance: none
}
[type=search]::-webkit-search-decoration {
-webkit-appearance: none
}
::-webkit-file-upload-button {
font: inherit;
-webkit-appearance: button
}
output {
display: inline-block
}
summary {
display: list-item;
cursor: pointer
}
template {
display: none
}
[hidden] {
display: none !important
}
.h1,
.h2,
.h3,
.h4,
.h5,
.h6,
h1,
h2,
h3,
h4,
h5,
h6 {
margin-bottom: .5rem;
font-weight: 500;
line-height: 1.2
}
.h1,
h1 {
font-size: 2.5rem
}
.h2,
h2 {
font-size: 2rem
}
.h3,
h3 {
font-size: 1.75rem
}
.h4,
h4 {
font-size: 1.5rem
}
.h5,
h5 {
font-size: 1.25rem
}
.h6,
h6 {
font-size: 1rem
}
.lead {
font-size: 1.25rem;
font-weight: 300
}
.display-1 {
font-size: 6rem;
font-weight: 300;
line-height: 1.2
}
.display-2 {
font-size: 5.5rem;
font-weight: 300;
line-height: 1.2
}
.display-3 {
font-size: 4.5rem;
font-weight: 300;
line-height: 1.2
}
.display-4 {
font-size: 3.5rem;
font-weight: 300;
line-height: 1.2
}
hr {
margin-top: 1rem;
margin-bottom: 1rem;
border: 0;
border-top: 1px solid rgba(0, 0, 0, .1)
}
.small,
small {
font-size: 80%;
font-weight: 400
}
.mark,
mark {
padding: .2em;
background-color: #fcf8e3
}
.list-unstyled {
padding-left: 0;
list-style: none
}
.list-inline {
padding-left: 0;
list-style: none
}
.list-inline-item {
display: inline-block
}
.list-inline-item:not(:last-child) {
margin-right: .5rem
}
.initialism {
font-size: 90%;
text-transform: uppercase
}
.blockquote {
margin-bottom: 1rem;
font-size: 1.25rem
}
.blockquote-footer {
display: block;
font-size: 80%;
color: #6c757d
}
.blockquote-footer::before {
content: "\2014\00A0"
}
.img-fluid {
max-width: 100%;
height: auto
}
.img-thumbnail {
padding: .25rem;
background-color: #fff;
border: 1px solid #dee2e6;
border-radius: .25rem;
max-width: 100%;
height: auto
}
.figure {
display: inline-block
}
.figure-img {
margin-bottom: .5rem;
line-height: 1
}
.figure-caption {
font-size: 90%;
color: #6c757d
}
code {
font-size: 87.5%;
color: #e83e8c;
word-wrap: break-word
}
a > code {
color: inherit
}
kbd {
padding: .2rem .4rem;
font-size: 87.5%;
color: #fff;
background-color: #212529;
border-radius: .2rem
}
kbd kbd {
padding: 0;
font-size: 100%;
font-weight: 700
}
pre {
display: block;
font-size: 87.5%;
color: #212529
}
pre code {
font-size: inherit;
color: inherit;
word-break: normal
}
.pre-scrollable {
max-height: 340px;
overflow-y: scroll
}
.container {
width: 100%;
padding-right: 15px;
padding-left: 15px;
margin-right: auto;
margin-left: auto
}
@media (min-width:576px) {
.container {
max-width: 540px
}
}
@media (min-width:768px) {
.container {
max-width: 720px
}
}
@media (min-width:992px) {
.container {
max-width: 960px
}
}
@media (min-width:1200px) {
.container {
max-width: 1140px
}
}
.container-fluid,
.container-lg,
.container-md,
.container-sm,
.container-xl {
width: 100%;
padding-right: 15px;
padding-left: 15px;
margin-right: auto;
margin-left: auto
}
@media (min-width:576px) {
.container,
.container-sm {
max-width: 540px
}
}
@media (min-width:768px) {
.container,
.container-md,
.container-sm {
max-width: 720px
}
}
@media (min-width:992px) {
.container,
.container-lg,
.container-md,
.container-sm {
max-width: 960px
}
}
@media (min-width:1200px) {
.container,
.container-lg,
.container-md,
.container-sm,
.container-xl {
max-width: 1140px
}
}
.row {
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
margin-right: -15px;
margin-left: -15px
}
.no-gutters {
margin-right: 0;
margin-left: 0
}
.no-gutters > .col,
.no-gutters > [class*=col-] {
padding-right: 0;
padding-left: 0
}
.col,
.col-1,
.col-10,
.col-11,
.col-12,
.col-2,
.col-3,
.col-4,
.col-5,
.col-6,
.col-7,
.col-8,
.col-9,
.col-auto,
.col-lg,
.col-lg-1,
.col-lg-10,
.col-lg-11,
.col-lg-12,
.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-auto,
.col-md,
.col-md-1,
.col-md-10,
.col-md-11,
.col-md-12,
.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-auto,
.col-sm,
.col-sm-1,
.col-sm-10,
.col-sm-11,
.col-sm-12,
.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-auto,
.col-xl,
.col-xl-1,
.col-xl-10,
.col-xl-11,
.col-xl-12,
.col-xl-2,
.col-xl-3,
.col-xl-4,
.col-xl-5,
.col-xl-6,
.col-xl-7,
.col-xl-8,
.col-xl-9,
.col-xl-auto {
position: relative;
width: 100%;
padding-right: 15px;
padding-left: 15px
}
.col {
-ms-flex-preferred-size: 0;
flex-basis: 0;
-ms-flex-positive: 1;
flex-grow: 1;
max-width: 100%
}
.row-cols-1 > * {
-ms-flex: 0 0 100%;
flex: 0 0 100%;
max-width: 100%
}
.row-cols-2 > * {
-ms-flex: 0 0 50%;
flex: 0 0 50%;
max-width: 50%
}
.row-cols-3 > * {
-ms-flex: 0 0 33.333333%;
flex: 0 0 33.333333%;
max-width: 33.333333%
}
.row-cols-4 > * {
-ms-flex: 0 0 25%;
flex: 0 0 25%;
max-width: 25%
}
.row-cols-5 > * {
-ms-flex: 0 0 20%;
flex: 0 0 20%;
max-width: 20%
}
.row-cols-6 > * {
-ms-flex: 0 0 16.666667%;
flex: 0 0 16.666667%;
max-width: 16.666667%
}
.col-auto {
-ms-flex: 0 0 auto;
flex: 0 0 auto;
width: auto;
max-width: 100%
}
.col-1 {
-ms-flex: 0 0 8.333333%;
flex: 0 0 8.333333%;
max-width: 8.333333%
}
.col-2 {
-ms-flex: 0 0 16.666667%;
flex: 0 0 16.666667%;
max-width: 16.666667%
}
.col-3 {
-ms-flex: 0 0 25%;
flex: 0 0 25%;
max-width: 25%
}
.col-4 {
-ms-flex: 0 0 33.333333%;
flex: 0 0 33.333333%;
max-width: 33.333333%
}
.col-5 {
-ms-flex: 0 0 41.666667%;
flex: 0 0 41.666667%;
max-width: 41.666667%
}
.col-6 {
-ms-flex: 0 0 50%;
flex: 0 0 50%;
max-width: 50%
}
.col-7 {
-ms-flex: 0 0 58.333333%;
flex: 0 0 58.333333%;
max-width: 58.333333%
}
.col-8 {
-ms-flex: 0 0 66.666667%;
flex: 0 0 66.666667%;
max-width: 66.666667%
}
.col-9 {
-ms-flex: 0 0 75%;
flex: 0 0 75%;
max-width: 75%
}
.col-10 {
-ms-flex: 0 0 83.333333%;
flex: 0 0 83.333333%;
max-width: 83.333333%
}
.col-11 {
-ms-flex: 0 0 91.666667%;
flex: 0 0 91.666667%;
max-width: 91.666667%
}
.col-12 {
-ms-flex: 0 0 100%;
flex: 0 0 100%;
max-width: 100%
}
.order-first {
-ms-flex-order: -1;
order: -1
}
.order-last {
-ms-flex-order: 13;
order: 13
}
.order-0 {
-ms-flex-order: 0;
order: 0
}
.order-1 {
-ms-flex-order: 1;
order: 1
}
.order-2 {
-ms-flex-order: 2;
order: 2
}
.order-3 {
-ms-flex-order: 3;
order: 3
}
.order-4 {
-ms-flex-order: 4;
order: 4
}
.order-5 {
-ms-flex-order: 5;
order: 5
}
.order-6 {
-ms-flex-order: 6;
order: 6
}
.order-7 {
-ms-flex-order: 7;
order: 7
}
.order-8 {
-ms-flex-order: 8;
order: 8
}
.order-9 {
-ms-flex-order: 9;
order: 9
}
.order-10 {
-ms-flex-order: 10;
order: 10
}
.order-11 {
-ms-flex-order: 11;
order: 11
}
.order-12 {
-ms-flex-order: 12;
order: 12
}
.offset-1 {
margin-left: 8.333333%
}
.offset-2 {
margin-left: 16.666667%
}
.offset-3 {
margin-left: 25%
}
.offset-4 {
margin-left: 33.333333%
}
.offset-5 {
margin-left: 41.666667%
}
.offset-6 {
margin-left: 50%
}
.offset-7 {
margin-left: 58.333333%
}
.offset-8 {
margin-left: 66.666667%
}
.offset-9 {
margin-left: 75%
}
.offset-10 {
margin-left: 83.333333%
}
.offset-11 {
margin-left: 91.666667%
}
@media (min-width:576px) {
.col-sm {
-ms-flex-preferred-size: 0;
flex-basis: 0;
-ms-flex-positive: 1;
flex-grow: 1;
max-width: 100%
}
.row-cols-sm-1 > * {
-ms-flex: 0 0 100%;
flex: 0 0 100%;
max-width: 100%
}
.row-cols-sm-2 > * {
-ms-flex: 0 0 50%;
flex: 0 0 50%;
max-width: 50%
}
.row-cols-sm-3 > * {
-ms-flex: 0 0 33.333333%;
flex: 0 0 33.333333%;
max-width: 33.333333%
}
.row-cols-sm-4 > * {
-ms-flex: 0 0 25%;
flex: 0 0 25%;
max-width: 25%
}
.row-cols-sm-5 > * {
-ms-flex: 0 0 20%;
flex: 0 0 20%;
max-width: 20%
}
.row-cols-sm-6 > * {
-ms-flex: 0 0 16.666667%;
flex: 0 0 16.666667%;
max-width: 16.666667%
}
.col-sm-auto {
-ms-flex: 0 0 auto;
flex: 0 0 auto;
width: auto;
max-width: 100%
}
.col-sm-1 {
-ms-flex: 0 0 8.333333%;
flex: 0 0 8.333333%;
max-width: 8.333333%
}
.col-sm-2 {
-ms-flex: 0 0 16.666667%;
flex: 0 0 16.666667%;
max-width: 16.666667%
}
.col-sm-3 {
-ms-flex: 0 0 25%;
flex: 0 0 25%;
max-width: 25%
}
.col-sm-4 {
-ms-flex: 0 0 33.333333%;
flex: 0 0 33.333333%;
max-width: 33.333333%
}
.col-sm-5 {
-ms-flex: 0 0 41.666667%;
flex: 0 0 41.666667%;
max-width: 41.666667%
}
.col-sm-6 {
-ms-flex: 0 0 50%;
flex: 0 0 50%;
max-width: 50%
}
.col-sm-7 {
-ms-flex: 0 0 58.333333%;
flex: 0 0 58.333333%;
max-width: 58.333333%
}
.col-sm-8 {
-ms-flex: 0 0 66.666667%;
flex: 0 0 66.666667%;
max-width: 66.666667%
}
.col-sm-9 {
-ms-flex: 0 0 75%;
flex: 0 0 75%;
max-width: 75%
}
.col-sm-10 {
-ms-flex: 0 0 83.333333%;
flex: 0 0 83.333333%;
max-width: 83.333333%
}
.col-sm-11 {
-ms-flex: 0 0 91.666667%;
flex: 0 0 91.666667%;
max-width: 91.666667%
}
.col-sm-12 {
-ms-flex: 0 0 100%;
flex: 0 0 100%;
max-width: 100%
}
.order-sm-first {
-ms-flex-order: -1;
order: -1
}
.order-sm-last {
-ms-flex-order: 13;
order: 13
}
.order-sm-0 {
-ms-flex-order: 0;
order: 0
}
.order-sm-1 {
-ms-flex-order: 1;
order: 1
}
.order-sm-2 {
-ms-flex-order: 2;
order: 2
}
.order-sm-3 {
-ms-flex-order: 3;
order: 3
}
.order-sm-4 {
-ms-flex-order: 4;
order: 4
}
.order-sm-5 {
-ms-flex-order: 5;
order: 5
}
.order-sm-6 {
-ms-flex-order: 6;
order: 6
}
.order-sm-7 {
-ms-flex-order: 7;
order: 7
}
.order-sm-8 {
-ms-flex-order: 8;
order: 8
}
.order-sm-9 {
-ms-flex-order: 9;
order: 9
}
.order-sm-10 {
-ms-flex-order: 10;
order: 10
}
.order-sm-11 {
-ms-flex-order: 11;
order: 11
}
.order-sm-12 {
-ms-flex-order: 12;
order: 12
}
.offset-sm-0 {
margin-left: 0
}
.offset-sm-1 {
margin-left: 8.333333%
}
.offset-sm-2 {
margin-left: 16.666667%
}
.offset-sm-3 {
margin-left: 25%
}
.offset-sm-4 {
margin-left: 33.333333%
}
.offset-sm-5 {
margin-left: 41.666667%
}
.offset-sm-6 {
margin-left: 50%
}
.offset-sm-7 {
margin-left: 58.333333%
}
.offset-sm-8 {
margin-left: 66.666667%
}
.offset-sm-9 {
margin-left: 75%
}
.offset-sm-10 {
margin-left: 83.333333%
}
.offset-sm-11 {
margin-left: 91.666667%
}
}
@media (min-width:768px) {
.col-md {
-ms-flex-preferred-size: 0;
flex-basis: 0;
-ms-flex-positive: 1;
flex-grow: 1;
max-width: 100%
}
.row-cols-md-1 > * {
-ms-flex: 0 0 100%;
flex: 0 0 100%;
max-width: 100%
}
.row-cols-md-2 > * {
-ms-flex: 0 0 50%;
flex: 0 0 50%;
max-width: 50%
}
.row-cols-md-3 > * {
-ms-flex: 0 0 33.333333%;
flex: 0 0 33.333333%;
max-width: 33.333333%
}
.row-cols-md-4 > * {
-ms-flex: 0 0 25%;
flex: 0 0 25%;
max-width: 25%
}
.row-cols-md-5 > * {
-ms-flex: 0 0 20%;
flex: 0 0 20%;
max-width: 20%
}
.row-cols-md-6 > * {
-ms-flex: 0 0 16.666667%;
flex: 0 0 16.666667%;
max-width: 16.666667%
}
.col-md-auto {
-ms-flex: 0 0 auto;
flex: 0 0 auto;
width: auto;
max-width: 100%
}
.col-md-1 {
-ms-flex: 0 0 8.333333%;
flex: 0 0 8.333333%;
max-width: 8.333333%
}
.col-md-2 {
-ms-flex: 0 0 16.666667%;
flex: 0 0 16.666667%;
max-width: 16.666667%
}
.col-md-3 {
-ms-flex: 0 0 25%;
flex: 0 0 25%;
max-width: 25%
}
.col-md-4 {
-ms-flex: 0 0 33.333333%;
flex: 0 0 33.333333%;
max-width: 33.333333%
}
.col-md-5 {
-ms-flex: 0 0 41.666667%;
flex: 0 0 41.666667%;
max-width: 41.666667%
}
.col-md-6 {
-ms-flex: 0 0 50%;
flex: 0 0 50%;
max-width: 50%
}
.col-md-7 {
-ms-flex: 0 0 58.333333%;
flex: 0 0 58.333333%;
max-width: 58.333333%
}
.col-md-8 {
-ms-flex: 0 0 66.666667%;
flex: 0 0 66.666667%;
max-width: 66.666667%
}
.col-md-9 {
-ms-flex: 0 0 75%;
flex: 0 0 75%;
max-width: 75%
}
.col-md-10 {
-ms-flex: 0 0 83.333333%;
flex: 0 0 83.333333%;
max-width: 83.333333%
}
.col-md-11 {
-ms-flex: 0 0 91.666667%;
flex: 0 0 91.666667%;
max-width: 91.666667%
}
.col-md-12 {
-ms-flex: 0 0 100%;
flex: 0 0 100%;
max-width: 100%
}
.order-md-first {
-ms-flex-order: -1;
order: -1
}
.order-md-last {
-ms-flex-order: 13;
order: 13
}
.order-md-0 {
-ms-flex-order: 0;
order: 0
}
.order-md-1 {
-ms-flex-order: 1;
order: 1
}
.order-md-2 {
-ms-flex-order: 2;
order: 2
}
.order-md-3 {
-ms-flex-order: 3;
order: 3
}
.order-md-4 {
-ms-flex-order: 4;
order: 4
}
.order-md-5 {
-ms-flex-order: 5;
order: 5
}
.order-md-6 {
-ms-flex-order: 6;
order: 6
}
.order-md-7 {
-ms-flex-order: 7;
order: 7
}
.order-md-8 {
-ms-flex-order: 8;
order: 8
}
.order-md-9 {
-ms-flex-order: 9;
order: 9
}
.order-md-10 {
-ms-flex-order: 10;
order: 10
}
.order-md-11 {
-ms-flex-order: 11;
order: 11
}
.order-md-12 {
-ms-flex-order: 12;
order: 12
}
.offset-md-0 {
margin-left: 0
}
.offset-md-1 {
margin-left: 8.333333%
}
.offset-md-2 {
margin-left: 16.666667%
}
.offset-md-3 {
margin-left: 25%
}
.offset-md-4 {
margin-left: 33.333333%
}
.offset-md-5 {
margin-left: 41.666667%
}
.offset-md-6 {
margin-left: 50%
}
.offset-md-7 {
margin-left: 58.333333%
}
.offset-md-8 {
margin-left: 66.666667%
}
.offset-md-9 {
margin-left: 75%
}
.offset-md-10 {
margin-left: 83.333333%
}
.offset-md-11 {
margin-left: 91.666667%
}
}
@media (min-width:992px) {
.col-lg {
-ms-flex-preferred-size: 0;
flex-basis: 0;
-ms-flex-positive: 1;
flex-grow: 1;
max-width: 100%
}
.row-cols-lg-1 > * {
-ms-flex: 0 0 100%;
flex: 0 0 100%;
max-width: 100%
}
.row-cols-lg-2 > * {
-ms-flex: 0 0 50%;
flex: 0 0 50%;
max-width: 50%
}
.row-cols-lg-3 > * {
-ms-flex: 0 0 33.333333%;
flex: 0 0 33.333333%;
max-width: 33.333333%
}
.row-cols-lg-4 > * {
-ms-flex: 0 0 25%;
flex: 0 0 25%;
max-width: 25%
}
.row-cols-lg-5 > * {
-ms-flex: 0 0 20%;
flex: 0 0 20%;
max-width: 20%
}
.row-cols-lg-6 > * {
-ms-flex: 0 0 16.666667%;
flex: 0 0 16.666667%;
max-width: 16.666667%
}
.col-lg-auto {
-ms-flex: 0 0 auto;
flex: 0 0 auto;
width: auto;
max-width: 100%
}
.col-lg-1 {
-ms-flex: 0 0 8.333333%;
flex: 0 0 8.333333%;
max-width: 8.333333%
}
.col-lg-2 {
-ms-flex: 0 0 16.666667%;
flex: 0 0 16.666667%;
max-width: 16.666667%
}
.col-lg-3 {
-ms-flex: 0 0 25%;
flex: 0 0 25%;
max-width: 25%
}
.col-lg-4 {
-ms-flex: 0 0 33.333333%;
flex: 0 0 33.333333%;
max-width: 33.333333%
}
.col-lg-5 {
-ms-flex: 0 0 41.666667%;
flex: 0 0 41.666667%;
max-width: 41.666667%
}
.col-lg-6 {
-ms-flex: 0 0 50%;
flex: 0 0 50%;
max-width: 50%
}
.col-lg-7 {
-ms-flex: 0 0 58.333333%;
flex: 0 0 58.333333%;
max-width: 58.333333%
}
.col-lg-8 {
-ms-flex: 0 0 66.666667%;
flex: 0 0 66.666667%;
max-width: 66.666667%
}
.col-lg-9 {
-ms-flex: 0 0 75%;
flex: 0 0 75%;
max-width: 75%
}
.col-lg-10 {
-ms-flex: 0 0 83.333333%;
flex: 0 0 83.333333%;
max-width: 83.333333%
}
.col-lg-11 {
-ms-flex: 0 0 91.666667%;
flex: 0 0 91.666667%;
max-width: 91.666667%
}
.col-lg-12 {
-ms-flex: 0 0 100%;
flex: 0 0 100%;
max-width: 100%
}
.order-lg-first {
-ms-flex-order: -1;
order: -1
}
.order-lg-last {
-ms-flex-order: 13;
order: 13
}
.order-lg-0 {
-ms-flex-order: 0;
order: 0
}
.order-lg-1 {
-ms-flex-order: 1;
order: 1
}
.order-lg-2 {
-ms-flex-order: 2;
order: 2
}
.order-lg-3 {
-ms-flex-order: 3;
order: 3
}
.order-lg-4 {
-ms-flex-order: 4;
order: 4
}
.order-lg-5 {
-ms-flex-order: 5;
order: 5
}
.order-lg-6 {
-ms-flex-order: 6;
order: 6
}
.order-lg-7 {
-ms-flex-order: 7;
order: 7
}
.order-lg-8 {
-ms-flex-order: 8;
order: 8
}
.order-lg-9 {
-ms-flex-order: 9;
order: 9
}
.order-lg-10 {
-ms-flex-order: 10;
order: 10
}
.order-lg-11 {
-ms-flex-order: 11;
order: 11
}
.order-lg-12 {
-ms-flex-order: 12;
order: 12
}
.offset-lg-0 {
margin-left: 0
}
.offset-lg-1 {
margin-left: 8.333333%
}
.offset-lg-2 {
margin-left: 16.666667%
}
.offset-lg-3 {
margin-left: 25%
}
.offset-lg-4 {
margin-left: 33.333333%
}
.offset-lg-5 {
margin-left: 41.666667%
}
.offset-lg-6 {
margin-left: 50%
}
.offset-lg-7 {
margin-left: 58.333333%
}
.offset-lg-8 {
margin-left: 66.666667%
}
.offset-lg-9 {
margin-left: 75%
}
.offset-lg-10 {
margin-left: 83.333333%
}
.offset-lg-11 {
margin-left: 91.666667%
}
}
@media (min-width:1200px) {
.col-xl {
-ms-flex-preferred-size: 0;
flex-basis: 0;
-ms-flex-positive: 1;
flex-grow: 1;
max-width: 100%
}
.row-cols-xl-1 > * {
-ms-flex: 0 0 100%;
flex: 0 0 100%;
max-width: 100%
}
.row-cols-xl-2 > * {
-ms-flex: 0 0 50%;
flex: 0 0 50%;
max-width: 50%
}
.row-cols-xl-3 > * {
-ms-flex: 0 0 33.333333%;
flex: 0 0 33.333333%;
max-width: 33.333333%
}
.row-cols-xl-4 > * {
-ms-flex: 0 0 25%;
flex: 0 0 25%;
max-width: 25%
}
.row-cols-xl-5 > * {
-ms-flex: 0 0 20%;
flex: 0 0 20%;
max-width: 20%
}
.row-cols-xl-6 > * {
-ms-flex: 0 0 16.666667%;
flex: 0 0 16.666667%;
max-width: 16.666667%
}
.col-xl-auto {
-ms-flex: 0 0 auto;
flex: 0 0 auto;
width: auto;
max-width: 100%
}
.col-xl-1 {
-ms-flex: 0 0 8.333333%;
flex: 0 0 8.333333%;
max-width: 8.333333%
}
.col-xl-2 {
-ms-flex: 0 0 16.666667%;
flex: 0 0 16.666667%;
max-width: 16.666667%
}
.col-xl-3 {
-ms-flex: 0 0 25%;
flex: 0 0 25%;
max-width: 25%
}
.col-xl-4 {
-ms-flex: 0 0 33.333333%;
flex: 0 0 33.333333%;
max-width: 33.333333%
}
.col-xl-5 {
-ms-flex: 0 0 41.666667%;
flex: 0 0 41.666667%;
max-width: 41.666667%
}
.col-xl-6 {
-ms-flex: 0 0 50%;
flex: 0 0 50%;
max-width: 50%
}
.col-xl-7 {
-ms-flex: 0 0 58.333333%;
flex: 0 0 58.333333%;
max-width: 58.333333%
}
.col-xl-8 {
-ms-flex: 0 0 66.666667%;
flex: 0 0 66.666667%;
max-width: 66.666667%
}
.col-xl-9 {
-ms-flex: 0 0 75%;
flex: 0 0 75%;
max-width: 75%
}
.col-xl-10 {
-ms-flex: 0 0 83.333333%;
flex: 0 0 83.333333%;
max-width: 83.333333%
}
.col-xl-11 {
-ms-flex: 0 0 91.666667%;
flex: 0 0 91.666667%;
max-width: 91.666667%
}
.col-xl-12 {
-ms-flex: 0 0 100%;
flex: 0 0 100%;
max-width: 100%
}
.order-xl-first {
-ms-flex-order: -1;
order: -1
}
.order-xl-last {
-ms-flex-order: 13;
order: 13
}
.order-xl-0 {
-ms-flex-order: 0;
order: 0
}
.order-xl-1 {
-ms-flex-order: 1;
order: 1
}
.order-xl-2 {
-ms-flex-order: 2;
order: 2
}
.order-xl-3 {
-ms-flex-order: 3;
order: 3
}
.order-xl-4 {
-ms-flex-order: 4;
order: 4
}
.order-xl-5 {
-ms-flex-order: 5;
order: 5
}
.order-xl-6 {
-ms-flex-order: 6;
order: 6
}
.order-xl-7 {
-ms-flex-order: 7;
order: 7
}
.order-xl-8 {
-ms-flex-order: 8;
order: 8
}
.order-xl-9 {
-ms-flex-order: 9;
order: 9
}
.order-xl-10 {
-ms-flex-order: 10;
order: 10
}
.order-xl-11 {
-ms-flex-order: 11;
order: 11
}
.order-xl-12 {
-ms-flex-order: 12;
order: 12
}
.offset-xl-0 {
margin-left: 0
}
.offset-xl-1 {
margin-left: 8.333333%
}
.offset-xl-2 {
margin-left: 16.666667%
}
.offset-xl-3 {
margin-left: 25%
}
.offset-xl-4 {
margin-left: 33.333333%
}
.offset-xl-5 {
margin-left: 41.666667%
}
.offset-xl-6 {
margin-left: 50%
}
.offset-xl-7 {
margin-left: 58.333333%
}
.offset-xl-8 {
margin-left: 66.666667%
}
.offset-xl-9 {
margin-left: 75%
}
.offset-xl-10 {
margin-left: 83.333333%
}
.offset-xl-11 {
margin-left: 91.666667%
}
}
.table {
width: 100%;
margin-bottom: 1rem;
color: #212529
}
.table td,
.table th {
padding: .75rem;
vertical-align: top;
border-top: 1px solid #dee2e6
}
.table thead th {
vertical-align: bottom;
border-bottom: 2px solid #dee2e6
}
.table tbody + tbody {
border-top: 2px solid #dee2e6
}
.table-sm td,
.table-sm th {
padding: .3rem
}
.table-bordered {
border: 1px solid #dee2e6
}
.table-bordered td,
.table-bordered th {
border: 1px solid #dee2e6
}
.table-bordered thead td,
.table-bordered thead th {
border-bottom-width: 2px
}
.table-borderless tbody + tbody,
.table-borderless td,
.table-borderless th,
.table-borderless thead th {
border: 0
}
.table-striped tbody tr:nth-of-type(odd) {
background-color: rgba(0, 0, 0, .05)
}
.table-hover tbody tr:hover {
color: #212529;
background-color: rgba(0, 0, 0, .075)
}
.table-primary,
.table-primary > td,
.table-primary > th {
background-color: #b8daff
}
.table-primary tbody + tbody,
.table-primary td,
.table-primary th,
.table-primary thead th {
border-color: #7abaff
}
.table-hover .table-primary:hover {
background-color: #9fcdff
}
.table-hover .table-primary:hover > td,
.table-hover .table-primary:hover > th {
background-color: #9fcdff
}
.table-secondary,
.table-secondary > td,
.table-secondary > th {
background-color: #d6d8db
}
.table-secondary tbody + tbody,
.table-secondary td,
.table-secondary th,
.table-secondary thead th {
border-color: #b3b7bb
}
.table-hover .table-secondary:hover {
background-color: #c8cbcf
}
.table-hover .table-secondary:hover > td,
.table-hover .table-secondary:hover > th {
background-color: #c8cbcf
}
.table-success,
.table-success > td,
.table-success > th {
background-color: #c3e6cb
}
.table-success tbody + tbody,
.table-success td,
.table-success th,
.table-success thead th {
border-color: #8fd19e
}
.table-hover .table-success:hover {
background-color: #b1dfbb
}
.table-hover .table-success:hover > td,
.table-hover .table-success:hover > th {
background-color: #b1dfbb
}
.table-info,
.table-info > td,
.table-info > th {
background-color: #bee5eb
}
.table-info tbody + tbody,
.table-info td,
.table-info th,
.table-info thead th {
border-color: #86cfda
}
.table-hover .table-info:hover {
background-color: #abdde5
}
.table-hover .table-info:hover > td,
.table-hover .table-info:hover > th {
background-color: #abdde5
}
.table-warning,
.table-warning > td,
.table-warning > th {
background-color: #ffeeba
}
.table-warning tbody + tbody,
.table-warning td,
.table-warning th,
.table-warning thead th {
border-color: #ffdf7e
}
.table-hover .table-warning:hover {
background-color: #ffe8a1
}
.table-hover .table-warning:hover > td,
.table-hover .table-warning:hover > th {
background-color: #ffe8a1
}
.table-danger,
.table-danger > td,
.table-danger > th {
background-color: #f5c6cb
}
.table-danger tbody + tbody,
.table-danger td,
.table-danger th,
.table-danger thead th {
border-color: #ed969e
}
.table-hover .table-danger:hover {
background-color: #f1b0b7
}
.table-hover .table-danger:hover > td,
.table-hover .table-danger:hover > th {
background-color: #f1b0b7
}
.table-light,
.table-light > td,
.table-light > th {
background-color: #fdfdfe
}
.table-light tbody + tbody,
.table-light td,
.table-light th,
.table-light thead th {
border-color: #fbfcfc
}
.table-hover .table-light:hover {
background-color: #ececf6
}
.table-hover .table-light:hover > td,
.table-hover .table-light:hover > th {
background-color: #ececf6
}
.table-dark,
.table-dark > td,
.table-dark > th {
background-color: #c6c8ca
}
.table-dark tbody + tbody,
.table-dark td,
.table-dark th,
.table-dark thead th {
border-color: #95999c
}
.table-hover .table-dark:hover {
background-color: #b9bbbe
}
.table-hover .table-dark:hover > td,
.table-hover .table-dark:hover > th {
background-color: #b9bbbe
}
.table-active,
.table-active > td,
.table-active > th {
background-color: rgba(0, 0, 0, .075)
}
.table-hover .table-active:hover {
background-color: rgba(0, 0, 0, .075)
}
.table-hover .table-active:hover > td,
.table-hover .table-active:hover > th {
background-color: rgba(0, 0, 0, .075)
}
.table .thead-dark th {
color: #fff;
background-color: #343a40;
border-color: #454d55
}
.table .thead-light th {
color: #495057;
background-color: #e9ecef;
border-color: #dee2e6
}
.table-dark {
color: #fff;
background-color: #343a40
}
.table-dark td,
.table-dark th,
.table-dark thead th {
border-color: #454d55
}
.table-dark.table-bordered {
border: 0
}
.table-dark.table-striped tbody tr:nth-of-type(odd) {
background-color: rgba(255, 255, 255, .05)
}
.table-dark.table-hover tbody tr:hover {
color: #fff;
background-color: rgba(255, 255, 255, .075)
}
@media (max-width:575.98px) {
.table-responsive-sm {
display: block;
width: 100%;
overflow-x: auto;
-webkit-overflow-scrolling: touch
}
.table-responsive-sm > .table-bordered {
border: 0
}
}
@media (max-width:767.98px) {
.table-responsive-md {
display: block;
width: 100%;
overflow-x: auto;
-webkit-overflow-scrolling: touch
}
.table-responsive-md > .table-bordered {
border: 0
}
}
@media (max-width:991.98px) {
.table-responsive-lg {
display: block;
width: 100%;
overflow-x: auto;
-webkit-overflow-scrolling: touch
}
.table-responsive-lg > .table-bordered {
border: 0
}
}
@media (max-width:1199.98px) {
.table-responsive-xl {
display: block;
width: 100%;
overflow-x: auto;
-webkit-overflow-scrolling: touch
}
.table-responsive-xl > .table-bordered {
border: 0
}
}
.table-responsive {
display: block;
width: 100%;
overflow-x: auto;
-webkit-overflow-scrolling: touch
}
.table-responsive > .table-bordered {
border: 0
}
.form-control {
display: block;
width: 100%;
height: calc(1.5em + .75rem + 2px);
padding: .375rem .75rem;
font-size: 1rem;
font-weight: 400;
line-height: 1.5;
color: #495057;
background-color: #fff;
background-clip: padding-box;
border: 1px solid #ced4da;
border-radius: .25rem;
transition: border-color .15s ease-in-out, box-shadow .15s ease-in-out
}
@media (prefers-reduced-motion:reduce) {
.form-control {
transition: none
}
}
.form-control::-ms-expand {
background-color: transparent;
border: 0
}
.form-control:-moz-focusring {
color: transparent;
text-shadow: 0 0 0 #495057
}
.form-control:focus {
color: #495057;
background-color: #fff;
border-color: #80bdff;
outline: 0;
box-shadow: 0 0 0 .2rem rgba(0, 123, 255, .25)
}
.form-control::-webkit-input-placeholder {
color: #6c757d;
opacity: 1
}
.form-control::-moz-placeholder {
color: #6c757d;
opacity: 1
}
.form-control:-ms-input-placeholder {
color: #6c757d;
opacity: 1
}
.form-control::-ms-input-placeholder {
color: #6c757d;
opacity: 1
}
.form-control::placeholder {
color: #6c757d;
opacity: 1
}
.form-control:disabled,
.form-control[readonly] {
background-color: #e9ecef;
opacity: 1
}
select.form-control:focus::-ms-value {
color: #495057;
background-color: #fff
}
.form-control-file,
.form-control-range {
display: block;
width: 100%
}
.col-form-label {
padding-top: calc(.375rem + 1px);
padding-bottom: calc(.375rem + 1px);
margin-bottom: 0;
font-size: inherit;
line-height: 1.5
}
.col-form-label-lg {
padding-top: calc(.5rem + 1px);
padding-bottom: calc(.5rem + 1px);
font-size: 1.25rem;
line-height: 1.5
}
.col-form-label-sm {
padding-top: calc(.25rem + 1px);
padding-bottom: calc(.25rem + 1px);
font-size: .875rem;
line-height: 1.5
}
.form-control-plaintext {
display: block;
width: 100%;
padding: .375rem 0;
margin-bottom: 0;
font-size: 1rem;
line-height: 1.5;
color: #212529;
background-color: transparent;
border: solid transparent;
border-width: 1px 0
}
.form-control-plaintext.form-control-lg,
.form-control-plaintext.form-control-sm {
padding-right: 0;
padding-left: 0
}
.form-control-sm {
height: calc(1.5em + .5rem + 2px);
padding: .25rem .5rem;
font-size: .875rem;
line-height: 1.5;
border-radius: .2rem
}
.form-control-lg {
height: calc(1.5em + 1rem + 2px);
padding: .5rem 1rem;
font-size: 1.25rem;
line-height: 1.5;
border-radius: .3rem
}
select.form-control[multiple],
select.form-control[size] {
height: auto
}
textarea.form-control {
height: auto
}
.form-group {
margin-bottom: 1rem
}
.form-text {
display: block;
margin-top: .25rem
}
.form-row {
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
margin-right: -5px;
margin-left: -5px
}
.form-row > .col,
.form-row > [class*=col-] {
padding-right: 5px;
padding-left: 5px
}
.form-check {
position: relative;
display: block;
padding-left: 1.25rem
}
.form-check-input {
position: absolute;
margin-top: .3rem;
margin-left: -1.25rem
}
.form-check-input:disabled ~ .form-check-label,
.form-check-input[disabled] ~ .form-check-label {
color: #6c757d
}
.form-check-label {
margin-bottom: 0
}
.form-check-inline {
display: -ms-inline-flexbox;
display: inline-flex;
-ms-flex-align: center;
align-items: center;
padding-left: 0;
margin-right: .75rem
}
.form-check-inline .form-check-input {
position: static;
margin-top: 0;
margin-right: .3125rem;
margin-left: 0
}
.valid-feedback {
display: none;
width: 100%;
margin-top: .25rem;
font-size: 80%;
color: #28a745
}
.valid-tooltip {
position: absolute;
top: 100%;
z-index: 5;
display: none;
max-width: 100%;
padding: .25rem .5rem;
margin-top: .1rem;
font-size: .875rem;
line-height: 1.5;
color: #fff;
background-color: rgba(40, 167, 69, .9);
border-radius: .25rem
}
.is-valid ~ .valid-feedback,
.is-valid ~ .valid-tooltip,
.was-validated :valid ~ .valid-feedback,
.was-validated :valid ~ .valid-tooltip {
display: block
}
.form-control.is-valid,
.was-validated .form-control:valid {
border-color: #28a745;
padding-right: calc(1.5em + .75rem);
background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='8' height='8' viewBox='0 0 8 8'%3e%3cpath fill='%2328a745' d='M2.3 6.73L.6 4.53c-.4-1.04.46-1.4 1.1-.8l1.1 1.4 3.4-3.8c.6-.63 1.6-.27 1.2.7l-4 4.6c-.43.5-.8.4-1.1.1z'/%3e%3c/svg%3e");
background-repeat: no-repeat;
background-position: right calc(.375em + .1875rem) center;
background-size: calc(.75em + .375rem) calc(.75em + .375rem)
}
.form-control.is-valid:focus,
.was-validated .form-control:valid:focus {
border-color: #28a745;
box-shadow: 0 0 0 .2rem rgba(40, 167, 69, .25)
}
.was-validated textarea.form-control:valid,
textarea.form-control.is-valid {
padding-right: calc(1.5em + .75rem);
background-position: top calc(.375em + .1875rem) right calc(.375em + .1875rem)
}
.custom-select.is-valid,
.was-validated .custom-select:valid {
border-color: #28a745;
padding-right: calc(.75em + 2.3125rem);
background: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='4' height='5' viewBox='0 0 4 5'%3e%3cpath fill='%23343a40' d='M2 0L0 2h4zm0 5L0 3h4z'/%3e%3c/svg%3e") no-repeat right .75rem center/8px 10px, url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='8' height='8' viewBox='0 0 8 8'%3e%3cpath fill='%2328a745' d='M2.3 6.73L.6 4.53c-.4-1.04.46-1.4 1.1-.8l1.1 1.4 3.4-3.8c.6-.63 1.6-.27 1.2.7l-4 4.6c-.43.5-.8.4-1.1.1z'/%3e%3c/svg%3e") #fff no-repeat center right 1.75rem/calc(.75em + .375rem) calc(.75em + .375rem)
}
.custom-select.is-valid:focus,
.was-validated .custom-select:valid:focus {
border-color: #28a745;
box-shadow: 0 0 0 .2rem rgba(40, 167, 69, .25)
}
.form-check-input.is-valid ~ .form-check-label,
.was-validated .form-check-input:valid ~ .form-check-label {
color: #28a745
}
.form-check-input.is-valid ~ .valid-feedback,
.form-check-input.is-valid ~ .valid-tooltip,
.was-validated .form-check-input:valid ~ .valid-feedback,
.was-validated .form-check-input:valid ~ .valid-tooltip {
display: block
}
.custom-control-input.is-valid ~ .custom-control-label,
.was-validated .custom-control-input:valid ~ .custom-control-label {
color: #28a745
}
.custom-control-input.is-valid ~ .custom-control-label::before,
.was-validated .custom-control-input:valid ~ .custom-control-label::before {
border-color: #28a745
}
.custom-control-input.is-valid:checked ~ .custom-control-label::before,
.was-validated .custom-control-input:valid:checked ~ .custom-control-label::before {
border-color: #34ce57;
background-color: #34ce57
}
.custom-control-input.is-valid:focus ~ .custom-control-label::before,
.was-validated .custom-control-input:valid:focus ~ .custom-control-label::before {
box-shadow: 0 0 0 .2rem rgba(40, 167, 69, .25)
}
.custom-control-input.is-valid:focus:not(:checked) ~ .custom-control-label::before,
.was-validated .custom-control-input:valid:focus:not(:checked) ~ .custom-control-label::before {
border-color: #28a745
}
.custom-file-input.is-valid ~ .custom-file-label,
.was-validated .custom-file-input:valid ~ .custom-file-label {
border-color: #28a745
}
.custom-file-input.is-valid:focus ~ .custom-file-label,
.was-validated .custom-file-input:valid:focus ~ .custom-file-label {
border-color: #28a745;
box-shadow: 0 0 0 .2rem rgba(40, 167, 69, .25)
}
.invalid-feedback {
display: none;
width: 100%;
margin-top: .25rem;
font-size: 80%;
color: #dc3545
}
.invalid-tooltip {
position: absolute;
top: 100%;
z-index: 5;
display: none;
max-width: 100%;
padding: .25rem .5rem;
margin-top: .1rem;
font-size: .875rem;
line-height: 1.5;
color: #fff;
background-color: rgba(220, 53, 69, .9);
border-radius: .25rem
}
.is-invalid ~ .invalid-feedback,
.is-invalid ~ .invalid-tooltip,
.was-validated :invalid ~ .invalid-feedback,
.was-validated :invalid ~ .invalid-tooltip {
display: block
}
.form-control.is-invalid,
.was-validated .form-control:invalid {
border-color: #dc3545;
padding-right: calc(1.5em + .75rem);
background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' fill='none' stroke='%23dc3545' viewBox='0 0 12 12'%3e%3ccircle cx='6' cy='6' r='4.5'/%3e%3cpath stroke-linejoin='round' d='M5.8 3.6h.4L6 6.5z'/%3e%3ccircle cx='6' cy='8.2' r='.6' fill='%23dc3545' stroke='none'/%3e%3c/svg%3e");
background-repeat: no-repeat;
background-position: right calc(.375em + .1875rem) center;
background-size: calc(.75em + .375rem) calc(.75em + .375rem)
}
.form-control.is-invalid:focus,
.was-validated .form-control:invalid:focus {
border-color: #dc3545;
box-shadow: 0 0 0 .2rem rgba(220, 53, 69, .25)
}
.was-validated textarea.form-control:invalid,
textarea.form-control.is-invalid {
padding-right: calc(1.5em + .75rem);
background-position: top calc(.375em + .1875rem) right calc(.375em + .1875rem)
}
.custom-select.is-invalid,
.was-validated .custom-select:invalid {
border-color: #dc3545;
padding-right: calc(.75em + 2.3125rem);
background: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='4' height='5' viewBox='0 0 4 5'%3e%3cpath fill='%23343a40' d='M2 0L0 2h4zm0 5L0 3h4z'/%3e%3c/svg%3e") no-repeat right .75rem center/8px 10px, url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' fill='none' stroke='%23dc3545' viewBox='0 0 12 12'%3e%3ccircle cx='6' cy='6' r='4.5'/%3e%3cpath stroke-linejoin='round' d='M5.8 3.6h.4L6 6.5z'/%3e%3ccircle cx='6' cy='8.2' r='.6' fill='%23dc3545' stroke='none'/%3e%3c/svg%3e") #fff no-repeat center right 1.75rem/calc(.75em + .375rem) calc(.75em + .375rem)
}
.custom-select.is-invalid:focus,
.was-validated .custom-select:invalid:focus {
border-color: #dc3545;
box-shadow: 0 0 0 .2rem rgba(220, 53, 69, .25)
}
.form-check-input.is-invalid ~ .form-check-label,
.was-validated .form-check-input:invalid ~ .form-check-label {
color: #dc3545
}
.form-check-input.is-invalid ~ .invalid-feedback,
.form-check-input.is-invalid ~ .invalid-tooltip,
.was-validated .form-check-input:invalid ~ .invalid-feedback,
.was-validated .form-check-input:invalid ~ .invalid-tooltip {
display: block
}
.custom-control-input.is-invalid ~ .custom-control-label,
.was-validated .custom-control-input:invalid ~ .custom-control-label {
color: #dc3545
}
.custom-control-input.is-invalid ~ .custom-control-label::before,
.was-validated .custom-control-input:invalid ~ .custom-control-label::before {
border-color: #dc3545
}
.custom-control-input.is-invalid:checked ~ .custom-control-label::before,
.was-validated .custom-control-input:invalid:checked ~ .custom-control-label::before {
border-color: #e4606d;
background-color: #e4606d
}
.custom-control-input.is-invalid:focus ~ .custom-control-label::before,
.was-validated .custom-control-input:invalid:focus ~ .custom-control-label::before {
box-shadow: 0 0 0 .2rem rgba(220, 53, 69, .25)
}
.custom-control-input.is-invalid:focus:not(:checked) ~ .custom-control-label::before,
.was-validated .custom-control-input:invalid:focus:not(:checked) ~ .custom-control-label::before {
border-color: #dc3545
}
.custom-file-input.is-invalid ~ .custom-file-label,
.was-validated .custom-file-input:invalid ~ .custom-file-label {
border-color: #dc3545
}
.custom-file-input.is-invalid:focus ~ .custom-file-label,
.was-validated .custom-file-input:invalid:focus ~ .custom-file-label {
border-color: #dc3545;
box-shadow: 0 0 0 .2rem rgba(220, 53, 69, .25)
}
.form-inline {
display: -ms-flexbox;
display: flex;
-ms-flex-flow: row wrap;
flex-flow: row wrap;
-ms-flex-align: center;
align-items: center
}
.form-inline .form-check {
width: 100%
}
@media (min-width:576px) {
.form-inline label {
display: -ms-flexbox;
display: flex;
-ms-flex-align: center;
align-items: center;
-ms-flex-pack: center;
justify-content: center;
margin-bottom: 0
}
.form-inline .form-group {
display: -ms-flexbox;
display: flex;
-ms-flex: 0 0 auto;
flex: 0 0 auto;
-ms-flex-flow: row wrap;
flex-flow: row wrap;
-ms-flex-align: center;
align-items: center;
margin-bottom: 0
}
.form-inline .form-control {
display: inline-block;
width: auto;
vertical-align: middle
}
.form-inline .form-control-plaintext {
display: inline-block
}
.form-inline .custom-select,
.form-inline .input-group {
width: auto
}
.form-inline .form-check {
display: -ms-flexbox;
display: flex;
-ms-flex-align: center;
align-items: center;
-ms-flex-pack: center;
justify-content: center;
width: auto;
padding-left: 0
}
.form-inline .form-check-input {
position: relative;
-ms-flex-negative: 0;
flex-shrink: 0;
margin-top: 0;
margin-right: .25rem;
margin-left: 0
}
.form-inline .custom-control {
-ms-flex-align: center;
align-items: center;
-ms-flex-pack: center;
justify-content: center
}
.form-inline .custom-control-label {
margin-bottom: 0
}
}
.btn {
display: inline-block;
font-weight: 400;
color: #212529;
text-align: center;
vertical-align: middle;
cursor: pointer;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
background-color: transparent;
border: 1px solid transparent;
padding: .375rem .75rem;
font-size: 1rem;
line-height: 1.5;
border-radius: .25rem;
transition: color .15s ease-in-out, background-color .15s ease-in-out, border-color .15s ease-in-out, box-shadow .15s ease-in-out
}
@media (prefers-reduced-motion:reduce) {
.btn {
transition: none
}
}
.btn:hover {
color: #212529;
text-decoration: none
}
.btn.focus,
.btn:focus {
outline: 0;
box-shadow: 0 0 0 .2rem rgba(0, 123, 255, .25)
}
.btn.disabled,
.btn:disabled {
opacity: .65
}
a.btn.disabled,
fieldset:disabled a.btn {
pointer-events: none
}
.btn-primary {
color: #fff;
background-color: #007bff;
border-color: #007bff
}
.btn-primary:hover {
color: #fff;
background-color: #0069d9;
border-color: #0062cc
}
.btn-primary.focus,
.btn-primary:focus {
color: #fff;
background-color: #0069d9;
border-color: #0062cc;
box-shadow: 0 0 0 .2rem rgba(38, 143, 255, .5)
}
.btn-primary.disabled,
.btn-primary:disabled {
color: #fff;
background-color: #007bff;
border-color: #007bff
}
.btn-primary:not(:disabled):not(.disabled).active,
.btn-primary:not(:disabled):not(.disabled):active,
.show > .btn-primary.dropdown-toggle {
color: #fff;
background-color: #0062cc;
border-color: #005cbf
}
.btn-primary:not(:disabled):not(.disabled).active:focus,
.btn-primary:not(:disabled):not(.disabled):active:focus,
.show > .btn-primary.dropdown-toggle:focus {
box-shadow: 0 0 0 .2rem rgba(38, 143, 255, .5)
}
.btn-secondary {
color: #fff;
background-color: #6c757d;
border-color: #6c757d
}
.btn-secondary:hover {
color: #fff;
background-color: #5a6268;
border-color: #545b62
}
.btn-secondary.focus,
.btn-secondary:focus {
color: #fff;
background-color: #5a6268;
border-color: #545b62;
box-shadow: 0 0 0 .2rem rgba(130, 138, 145, .5)
}
.btn-secondary.disabled,
.btn-secondary:disabled {
color: #fff;
background-color: #6c757d;
border-color: #6c757d
}
.btn-secondary:not(:disabled):not(.disabled).active,
.btn-secondary:not(:disabled):not(.disabled):active,
.show > .btn-secondary.dropdown-toggle {
color: #fff;
background-color: #545b62;
border-color: #4e555b
}
.btn-secondary:not(:disabled):not(.disabled).active:focus,
.btn-secondary:not(:disabled):not(.disabled):active:focus,
.show > .btn-secondary.dropdown-toggle:focus {
box-shadow: 0 0 0 .2rem rgba(130, 138, 145, .5)
}
.btn-success {
color: #fff;
background-color: #28a745;
border-color: #28a745
}
.btn-success:hover {
color: #fff;
background-color: #218838;
border-color: #1e7e34
}
.btn-success.focus,
.btn-success:focus {
color: #fff;
background-color: #218838;
border-color: #1e7e34;
box-shadow: 0 0 0 .2rem rgba(72, 180, 97, .5)
}
.btn-success.disabled,
.btn-success:disabled {
color: #fff;
background-color: #28a745;
border-color: #28a745
}
.btn-success:not(:disabled):not(.disabled).active,
.btn-success:not(:disabled):not(.disabled):active,
.show > .btn-success.dropdown-toggle {
color: #fff;
background-color: #1e7e34;
border-color: #1c7430
}
.btn-success:not(:disabled):not(.disabled).active:focus,
.btn-success:not(:disabled):not(.disabled):active:focus,
.show > .btn-success.dropdown-toggle:focus {
box-shadow: 0 0 0 .2rem rgba(72, 180, 97, .5)
}
.btn-info {
color: #fff;
background-color: #17a2b8;
border-color: #17a2b8
}
.btn-info:hover {
color: #fff;
background-color: #138496;
border-color: #117a8b
}
.btn-info.focus,
.btn-info:focus {
color: #fff;
background-color: #138496;
border-color: #117a8b;
box-shadow: 0 0 0 .2rem rgba(58, 176, 195, .5)
}
.btn-info.disabled,
.btn-info:disabled {
color: #fff;
background-color: #17a2b8;
border-color: #17a2b8
}
.btn-info:not(:disabled):not(.disabled).active,
.btn-info:not(:disabled):not(.disabled):active,
.show > .btn-info.dropdown-toggle {
color: #fff;
background-color: #117a8b;
border-color: #10707f
}
.btn-info:not(:disabled):not(.disabled).active:focus,
.btn-info:not(:disabled):not(.disabled):active:focus,
.show > .btn-info.dropdown-toggle:focus {
box-shadow: 0 0 0 .2rem rgba(58, 176, 195, .5)
}
.btn-warning {
color: #212529;
background-color: #ffc107;
border-color: #ffc107
}
.btn-warning:hover {
color: #212529;
background-color: #e0a800;
border-color: #d39e00
}
.btn-warning.focus,
.btn-warning:focus {
color: #212529;
background-color: #e0a800;
border-color: #d39e00;
box-shadow: 0 0 0 .2rem rgba(222, 170, 12, .5)
}
.btn-warning.disabled,
.btn-warning:disabled {
color: #212529;
background-color: #ffc107;
border-color: #ffc107
}
.btn-warning:not(:disabled):not(.disabled).active,
.btn-warning:not(:disabled):not(.disabled):active,
.show > .btn-warning.dropdown-toggle {
color: #212529;
background-color: #d39e00;
border-color: #c69500
}
.btn-warning:not(:disabled):not(.disabled).active:focus,
.btn-warning:not(:disabled):not(.disabled):active:focus,
.show > .btn-warning.dropdown-toggle:focus {
box-shadow: 0 0 0 .2rem rgba(222, 170, 12, .5)
}
.btn-danger {
color: #fff;
background-color: #dc3545;
border-color: #dc3545
}
.btn-danger:hover {
color: #fff;
background-color: #c82333;
border-color: #bd2130
}
.btn-danger.focus,
.btn-danger:focus {
color: #fff;
background-color: #c82333;
border-color: #bd2130;
box-shadow: 0 0 0 .2rem rgba(225, 83, 97, .5)
}
.btn-danger.disabled,
.btn-danger:disabled {
color: #fff;
background-color: #dc3545;
border-color: #dc3545
}
.btn-danger:not(:disabled):not(.disabled).active,
.btn-danger:not(:disabled):not(.disabled):active,
.show > .btn-danger.dropdown-toggle {
color: #fff;
background-color: #bd2130;
border-color: #b21f2d
}
.btn-danger:not(:disabled):not(.disabled).active:focus,
.btn-danger:not(:disabled):not(.disabled):active:focus,
.show > .btn-danger.dropdown-toggle:focus {
box-shadow: 0 0 0 .2rem rgba(225, 83, 97, .5)
}
.btn-light {
color: #212529;
background-color: #f8f9fa;
border-color: #f8f9fa
}
.btn-light:hover {
color: #212529;
background-color: #e2e6ea;
border-color: #dae0e5
}
.btn-light.focus,
.btn-light:focus {
color: #212529;
background-color: #e2e6ea;
border-color: #dae0e5;
box-shadow: 0 0 0 .2rem rgba(216, 217, 219, .5)
}
.btn-light.disabled,
.btn-light:disabled {
color: #212529;
background-color: #f8f9fa;
border-color: #f8f9fa
}
.btn-light:not(:disabled):not(.disabled).active,
.btn-light:not(:disabled):not(.disabled):active,
.show > .btn-light.dropdown-toggle {
color: #212529;
background-color: #dae0e5;
border-color: #d3d9df
}
.btn-light:not(:disabled):not(.disabled).active:focus,
.btn-light:not(:disabled):not(.disabled):active:focus,
.show > .btn-light.dropdown-toggle:focus {
box-shadow: 0 0 0 .2rem rgba(216, 217, 219, .5)
}
.btn-dark {
color: #fff;
background-color: #343a40;
border-color: #343a40
}
.btn-dark:hover {
color: #fff;
background-color: #23272b;
border-color: #1d2124
}
.btn-dark.focus,
.btn-dark:focus {
color: #fff;
background-color: #23272b;
border-color: #1d2124;
box-shadow: 0 0 0 .2rem rgba(82, 88, 93, .5)
}
.btn-dark.disabled,
.btn-dark:disabled {
color: #fff;
background-color: #343a40;
border-color: #343a40
}
.btn-dark:not(:disabled):not(.disabled).active,
.btn-dark:not(:disabled):not(.disabled):active,
.show > .btn-dark.dropdown-toggle {
color: #fff;
background-color: #1d2124;
border-color: #171a1d
}
.btn-dark:not(:disabled):not(.disabled).active:focus,
.btn-dark:not(:disabled):not(.disabled):active:focus,
.show > .btn-dark.dropdown-toggle:focus {
box-shadow: 0 0 0 .2rem rgba(82, 88, 93, .5)
}
.btn-outline-primary {
color: #007bff;
border-color: #007bff
}
.btn-outline-primary:hover {
color: #fff;
background-color: #007bff;
border-color: #007bff
}
.btn-outline-primary.focus,
.btn-outline-primary:focus {
box-shadow: 0 0 0 .2rem rgba(0, 123, 255, .5)
}
.btn-outline-primary.disabled,
.btn-outline-primary:disabled {
color: #007bff;
background-color: transparent
}
.btn-outline-primary:not(:disabled):not(.disabled).active,
.btn-outline-primary:not(:disabled):not(.disabled):active,
.show > .btn-outline-primary.dropdown-toggle {
color: #fff;
background-color: #007bff;
border-color: #007bff
}
.btn-outline-primary:not(:disabled):not(.disabled).active:focus,
.btn-outline-primary:not(:disabled):not(.disabled):active:focus,
.show > .btn-outline-primary.dropdown-toggle:focus {
box-shadow: 0 0 0 .2rem rgba(0, 123, 255, .5)
}
.btn-outline-secondary {
color: #6c757d;
border-color: #6c757d
}
.btn-outline-secondary:hover {
color: #fff;
background-color: #6c757d;
border-color: #6c757d
}
.btn-outline-secondary.focus,
.btn-outline-secondary:focus {
box-shadow: 0 0 0 .2rem rgba(108, 117, 125, .5)
}
.btn-outline-secondary.disabled,
.btn-outline-secondary:disabled {
color: #6c757d;
background-color: transparent
}
.btn-outline-secondary:not(:disabled):not(.disabled).active,
.btn-outline-secondary:not(:disabled):not(.disabled):active,
.show > .btn-outline-secondary.dropdown-toggle {
color: #fff;
background-color: #6c757d;
border-color: #6c757d
}
.btn-outline-secondary:not(:disabled):not(.disabled).active:focus,
.btn-outline-secondary:not(:disabled):not(.disabled):active:focus,
.show > .btn-outline-secondary.dropdown-toggle:focus {
box-shadow: 0 0 0 .2rem rgba(108, 117, 125, .5)
}
.btn-outline-success {
color: #28a745;
border-color: #28a745
}
.btn-outline-success:hover {
color: #fff;
background-color: #28a745;
border-color: #28a745
}
.btn-outline-success.focus,
.btn-outline-success:focus {
box-shadow: 0 0 0 .2rem rgba(40, 167, 69, .5)
}
.btn-outline-success.disabled,
.btn-outline-success:disabled {
color: #28a745;
background-color: transparent
}
.btn-outline-success:not(:disabled):not(.disabled).active,
.btn-outline-success:not(:disabled):not(.disabled):active,
.show > .btn-outline-success.dropdown-toggle {
color: #fff;
background-color: #28a745;
border-color: #28a745
}
.btn-outline-success:not(:disabled):not(.disabled).active:focus,
.btn-outline-success:not(:disabled):not(.disabled):active:focus,
.show > .btn-outline-success.dropdown-toggle:focus {
box-shadow: 0 0 0 .2rem rgba(40, 167, 69, .5)
}
.btn-outline-info {
color: #17a2b8;
border-color: #17a2b8
}
.btn-outline-info:hover {
color: #fff;
background-color: #17a2b8;
border-color: #17a2b8
}
.btn-outline-info.focus,
.btn-outline-info:focus {
box-shadow: 0 0 0 .2rem rgba(23, 162, 184, .5)
}
.btn-outline-info.disabled,
.btn-outline-info:disabled {
color: #17a2b8;
background-color: transparent
}
.btn-outline-info:not(:disabled):not(.disabled).active,
.btn-outline-info:not(:disabled):not(.disabled):active,
.show > .btn-outline-info.dropdown-toggle {
color: #fff;
background-color: #17a2b8;
border-color: #17a2b8
}
.btn-outline-info:not(:disabled):not(.disabled).active:focus,
.btn-outline-info:not(:disabled):not(.disabled):active:focus,
.show > .btn-outline-info.dropdown-toggle:focus {
box-shadow: 0 0 0 .2rem rgba(23, 162, 184, .5)
}
.btn-outline-warning {
color: #ffc107;
border-color: #ffc107
}
.btn-outline-warning:hover {
color: #212529;
background-color: #ffc107;
border-color: #ffc107
}
.btn-outline-warning.focus,
.btn-outline-warning:focus {
box-shadow: 0 0 0 .2rem rgba(255, 193, 7, .5)
}
.btn-outline-warning.disabled,
.btn-outline-warning:disabled {
color: #ffc107;
background-color: transparent
}
.btn-outline-warning:not(:disabled):not(.disabled).active,
.btn-outline-warning:not(:disabled):not(.disabled):active,
.show > .btn-outline-warning.dropdown-toggle {
color: #212529;
background-color: #ffc107;
border-color: #ffc107
}
.btn-outline-warning:not(:disabled):not(.disabled).active:focus,
.btn-outline-warning:not(:disabled):not(.disabled):active:focus,
.show > .btn-outline-warning.dropdown-toggle:focus {
box-shadow: 0 0 0 .2rem rgba(255, 193, 7, .5)
}
.btn-outline-danger {
color: #dc3545;
border-color: #dc3545
}
.btn-outline-danger:hover {
color: #fff;
background-color: #dc3545;
border-color: #dc3545
}
.btn-outline-danger.focus,
.btn-outline-danger:focus {
box-shadow: 0 0 0 .2rem rgba(220, 53, 69, .5)
}
.btn-outline-danger.disabled,
.btn-outline-danger:disabled {
color: #dc3545;
background-color: transparent
}
.btn-outline-danger:not(:disabled):not(.disabled).active,
.btn-outline-danger:not(:disabled):not(.disabled):active,
.show > .btn-outline-danger.dropdown-toggle {
color: #fff;
background-color: #dc3545;
border-color: #dc3545
}
.btn-outline-danger:not(:disabled):not(.disabled).active:focus,
.btn-outline-danger:not(:disabled):not(.disabled):active:focus,
.show > .btn-outline-danger.dropdown-toggle:focus {
box-shadow: 0 0 0 .2rem rgba(220, 53, 69, .5)
}
.btn-outline-light {
color: #f8f9fa;
border-color: #f8f9fa
}
.btn-outline-light:hover {
color: #212529;
background-color: #f8f9fa;
border-color: #f8f9fa
}
.btn-outline-light.focus,
.btn-outline-light:focus {
box-shadow: 0 0 0 .2rem rgba(248, 249, 250, .5)
}
.btn-outline-light.disabled,
.btn-outline-light:disabled {
color: #f8f9fa;
background-color: transparent
}
.btn-outline-light:not(:disabled):not(.disabled).active,
.btn-outline-light:not(:disabled):not(.disabled):active,
.show > .btn-outline-light.dropdown-toggle {
color: #212529;
background-color: #f8f9fa;
border-color: #f8f9fa
}
.btn-outline-light:not(:disabled):not(.disabled).active:focus,
.btn-outline-light:not(:disabled):not(.disabled):active:focus,
.show > .btn-outline-light.dropdown-toggle:focus {
box-shadow: 0 0 0 .2rem rgba(248, 249, 250, .5)
}
.btn-outline-dark {
color: #343a40;
border-color: #343a40
}
.btn-outline-dark:hover {
color: #fff;
background-color: #343a40;
border-color: #343a40
}
.btn-outline-dark.focus,
.btn-outline-dark:focus {
box-shadow: 0 0 0 .2rem rgba(52, 58, 64, .5)
}
.btn-outline-dark.disabled,
.btn-outline-dark:disabled {
color: #343a40;
background-color: transparent
}
.btn-outline-dark:not(:disabled):not(.disabled).active,
.btn-outline-dark:not(:disabled):not(.disabled):active,
.show > .btn-outline-dark.dropdown-toggle {
color: #fff;
background-color: #343a40;
border-color: #343a40
}
.btn-outline-dark:not(:disabled):not(.disabled).active:focus,
.btn-outline-dark:not(:disabled):not(.disabled):active:focus,
.show > .btn-outline-dark.dropdown-toggle:focus {
box-shadow: 0 0 0 .2rem rgba(52, 58, 64, .5)
}
.btn-link {
font-weight: 400;
color: #007bff;
text-decoration: none
}
.btn-link:hover {
color: #0056b3;
text-decoration: underline
}
.btn-link.focus,
.btn-link:focus {
text-decoration: underline;
box-shadow: none
}
.btn-link.disabled,
.btn-link:disabled {
color: #6c757d;
pointer-events: none
}
.btn-group-lg > .btn,
.btn-lg {
padding: .5rem 1rem;
font-size: 1.25rem;
line-height: 1.5;
border-radius: .3rem
}
.btn-group-sm > .btn,
.btn-sm {
padding: .25rem .5rem;
font-size: .875rem;
line-height: 1.5;
border-radius: .2rem
}
.btn-block {
display: block;
width: 100%
}
.btn-block + .btn-block {
margin-top: .5rem
}
input[type=button].btn-block,
input[type=reset].btn-block,
input[type=submit].btn-block {
width: 100%
}
.fade {
transition: opacity .15s linear
}
@media (prefers-reduced-motion:reduce) {
.fade {
transition: none
}
}
.fade:not(.show) {
opacity: 0
}
.collapse:not(.show) {
display: none
}
.collapsing {
position: relative;
height: 0;
overflow: hidden;
transition: height .35s ease
}
@media (prefers-reduced-motion:reduce) {
.collapsing {
transition: none
}
}
.dropdown,
.dropleft,
.dropright,
.dropup {
position: relative
}
.dropdown-toggle {
white-space: nowrap
}
.dropdown-toggle::after {
display: inline-block;
margin-left: .255em;
vertical-align: .255em;
content: "";
border-top: .3em solid;
border-right: .3em solid transparent;
border-bottom: 0;
border-left: .3em solid transparent
}
.dropdown-toggle:empty::after {
margin-left: 0
}
.dropdown-menu {
position: absolute;
top: 100%;
left: 0;
z-index: 1000;
display: none;
float: left;
min-width: 10rem;
padding: .5rem 0;
margin: .125rem 0 0;
font-size: 1rem;
color: #212529;
text-align: left;
list-style: none;
background-color: #fff;
background-clip: padding-box;
border: 1px solid rgba(0, 0, 0, .15);
border-radius: .25rem
}
.dropdown-menu-left {
right: auto;
left: 0
}
.dropdown-menu-right {
right: 0;
left: auto
}
@media (min-width:576px) {
.dropdown-menu-sm-left {
right: auto;
left: 0
}
.dropdown-menu-sm-right {
right: 0;
left: auto
}
}
@media (min-width:768px) {
.dropdown-menu-md-left {
right: auto;
left: 0
}
.dropdown-menu-md-right {
right: 0;
left: auto
}
}
@media (min-width:992px) {
.dropdown-menu-lg-left {
right: auto;
left: 0
}
.dropdown-menu-lg-right {
right: 0;
left: auto
}
}
@media (min-width:1200px) {
.dropdown-menu-xl-left {
right: auto;
left: 0
}
.dropdown-menu-xl-right {
right: 0;
left: auto
}
}
.dropup .dropdown-menu {
top: auto;
bottom: 100%;
margin-top: 0;
margin-bottom: .125rem
}
.dropup .dropdown-toggle::after {
display: inline-block;
margin-left: .255em;
vertical-align: .255em;
content: "";
border-top: 0;
border-right: .3em solid transparent;
border-bottom: .3em solid;
border-left: .3em solid transparent
}
.dropup .dropdown-toggle:empty::after {
margin-left: 0
}
.dropright .dropdown-menu {
top: 0;
right: auto;
left: 100%;
margin-top: 0;
margin-left: .125rem
}
.dropright .dropdown-toggle::after {
display: inline-block;
margin-left: .255em;
vertical-align: .255em;
content: "";
border-top: .3em solid transparent;
border-right: 0;
border-bottom: .3em solid transparent;
border-left: .3em solid
}
.dropright .dropdown-toggle:empty::after {
margin-left: 0
}
.dropright .dropdown-toggle::after {
vertical-align: 0
}
.dropleft .dropdown-menu {
top: 0;
right: 100%;
left: auto;
margin-top: 0;
margin-right: .125rem
}
.dropleft .dropdown-toggle::after {
display: inline-block;
margin-left: .255em;
vertical-align: .255em;
content: ""
}
.dropleft .dropdown-toggle::after {
display: none
}
.dropleft .dropdown-toggle::before {
display: inline-block;
margin-right: .255em;
vertical-align: .255em;
content: "";
border-top: .3em solid transparent;
border-right: .3em solid;
border-bottom: .3em solid transparent
}
.dropleft .dropdown-toggle:empty::after {
margin-left: 0
}
.dropleft .dropdown-toggle::before {
vertical-align: 0
}
.dropdown-menu[x-placement^=bottom],
.dropdown-menu[x-placement^=left],
.dropdown-menu[x-placement^=right],
.dropdown-menu[x-placement^=top] {
right: auto;
bottom: auto
}
.dropdown-divider {
height: 0;
margin: .5rem 0;
overflow: hidden;
border-top: 1px solid #e9ecef
}
.dropdown-item {
display: block;
width: 100%;
padding: .25rem 1.5rem;
clear: both;
font-weight: 400;
color: #212529;
text-align: inherit;
white-space: nowrap;
background-color: transparent;
border: 0
}
.dropdown-item:focus,
.dropdown-item:hover {
color: #16181b;
text-decoration: none;
background-color: #f8f9fa
}
.dropdown-item.active,
.dropdown-item:active {
color: #fff;
text-decoration: none;
background-color: #007bff
}
.dropdown-item.disabled,
.dropdown-item:disabled {
color: #6c757d;
pointer-events: none;
background-color: transparent
}
.dropdown-menu.show {
display: block
}
.dropdown-header {
display: block;
padding: .5rem 1.5rem;
margin-bottom: 0;
font-size: .875rem;
color: #6c757d;
white-space: nowrap
}
.dropdown-item-text {
display: block;
padding: .25rem 1.5rem;
color: #212529
}
.btn-group,
.btn-group-vertical {
position: relative;
display: -ms-inline-flexbox;
display: inline-flex;
vertical-align: middle
}
.btn-group-vertical > .btn,
.btn-group > .btn {
position: relative;
-ms-flex: 1 1 auto;
flex: 1 1 auto
}
.btn-group-vertical > .btn:hover,
.btn-group > .btn:hover {
z-index: 1
}
.btn-group-vertical > .btn.active,
.btn-group-vertical > .btn:active,
.btn-group-vertical > .btn:focus,
.btn-group > .btn.active,
.btn-group > .btn:active,
.btn-group > .btn:focus {
z-index: 1
}
.btn-toolbar {
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-ms-flex-pack: start;
justify-content: flex-start
}
.btn-toolbar .input-group {
width: auto
}
.btn-group > .btn-group:not(:first-child),
.btn-group > .btn:not(:first-child) {
margin-left: -1px
}
.btn-group > .btn-group:not(:last-child) > .btn,
.btn-group > .btn:not(:last-child):not(.dropdown-toggle) {
border-top-right-radius: 0;
border-bottom-right-radius: 0
}
.btn-group > .btn-group:not(:first-child) > .btn,
.btn-group > .btn:not(:first-child) {
border-top-left-radius: 0;
border-bottom-left-radius: 0
}
.dropdown-toggle-split {
padding-right: .5625rem;
padding-left: .5625rem
}
.dropdown-toggle-split::after,
.dropright .dropdown-toggle-split::after,
.dropup .dropdown-toggle-split::after {
margin-left: 0
}
.dropleft .dropdown-toggle-split::before {
margin-right: 0
}
.btn-group-sm > .btn + .dropdown-toggle-split,
.btn-sm + .dropdown-toggle-split {
padding-right: .375rem;
padding-left: .375rem
}
.btn-group-lg > .btn + .dropdown-toggle-split,
.btn-lg + .dropdown-toggle-split {
padding-right: .75rem;
padding-left: .75rem
}
.btn-group-vertical {
-ms-flex-direction: column;
flex-direction: column;
-ms-flex-align: start;
align-items: flex-start;
-ms-flex-pack: center;
justify-content: center
}
.btn-group-vertical > .btn,
.btn-group-vertical > .btn-group {
width: 100%
}
.btn-group-vertical > .btn-group:not(:first-child),
.btn-group-vertical > .btn:not(:first-child) {
margin-top: -1px
}
.btn-group-vertical > .btn-group:not(:last-child) > .btn,
.btn-group-vertical > .btn:not(:last-child):not(.dropdown-toggle) {
border-bottom-right-radius: 0;
border-bottom-left-radius: 0
}
.btn-group-vertical > .btn-group:not(:first-child) > .btn,
.btn-group-vertical > .btn:not(:first-child) {
border-top-left-radius: 0;
border-top-right-radius: 0
}
.btn-group-toggle > .btn,
.btn-group-toggle > .btn-group > .btn {
margin-bottom: 0
}
.btn-group-toggle > .btn input[type=checkbox],
.btn-group-toggle > .btn input[type=radio],
.btn-group-toggle > .btn-group > .btn input[type=checkbox],
.btn-group-toggle > .btn-group > .btn input[type=radio] {
position: absolute;
clip: rect(0, 0, 0, 0);
pointer-events: none
}
.input-group {
position: relative;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-ms-flex-align: stretch;
align-items: stretch;
width: 100%
}
.input-group > .custom-file,
.input-group > .custom-select,
.input-group > .form-control,
.input-group > .form-control-plaintext {
position: relative;
-ms-flex: 1 1 0%;
flex: 1 1 0%;
min-width: 0;
margin-bottom: 0
}
.input-group > .custom-file + .custom-file,
.input-group > .custom-file + .custom-select,
.input-group > .custom-file + .form-control,
.input-group > .custom-select + .custom-file,
.input-group > .custom-select + .custom-select,
.input-group > .custom-select + .form-control,
.input-group > .form-control + .custom-file,
.input-group > .form-control + .custom-select,
.input-group > .form-control + .form-control,
.input-group > .form-control-plaintext + .custom-file,
.input-group > .form-control-plaintext + .custom-select,
.input-group > .form-control-plaintext + .form-control {
margin-left: -1px
}
.input-group > .custom-file .custom-file-input:focus ~ .custom-file-label,
.input-group > .custom-select:focus,
.input-group > .form-control:focus {
z-index: 3
}
.input-group > .custom-file .custom-file-input:focus {
z-index: 4
}
.input-group > .custom-select:not(:last-child),
.input-group > .form-control:not(:last-child) {
border-top-right-radius: 0;
border-bottom-right-radius: 0
}
.input-group > .custom-select:not(:first-child),
.input-group > .form-control:not(:first-child) {
border-top-left-radius: 0;
border-bottom-left-radius: 0
}
.input-group > .custom-file {
display: -ms-flexbox;
display: flex;
-ms-flex-align: center;
align-items: center
}
.input-group > .custom-file:not(:last-child) .custom-file-label,
.input-group > .custom-file:not(:last-child) .custom-file-label::after {
border-top-right-radius: 0;
border-bottom-right-radius: 0
}
.input-group > .custom-file:not(:first-child) .custom-file-label {
border-top-left-radius: 0;
border-bottom-left-radius: 0
}
.input-group-append,
.input-group-prepend {
display: -ms-flexbox;
display: flex
}
.input-group-append .btn,
.input-group-prepend .btn {
position: relative;
z-index: 2
}
.input-group-append .btn:focus,
.input-group-prepend .btn:focus {
z-index: 3
}
.input-group-append .btn + .btn,
.input-group-append .btn + .input-group-text,
.input-group-append .input-group-text + .btn,
.input-group-append .input-group-text + .input-group-text,
.input-group-prepend .btn + .btn,
.input-group-prepend .btn + .input-group-text,
.input-group-prepend .input-group-text + .btn,
.input-group-prepend .input-group-text + .input-group-text {
margin-left: -1px
}
.input-group-prepend {
margin-right: -1px
}
.input-group-append {
margin-left: -1px
}
.input-group-text {
display: -ms-flexbox;
display: flex;
-ms-flex-align: center;
align-items: center;
padding: .375rem .75rem;
margin-bottom: 0;
font-size: 1rem;
font-weight: 400;
line-height: 1.5;
color: #495057;
text-align: center;
white-space: nowrap;
background-color: #e9ecef;
border: 1px solid #ced4da;
border-radius: .25rem
}
.input-group-text input[type=checkbox],
.input-group-text input[type=radio] {
margin-top: 0
}
.input-group-lg > .custom-select,
.input-group-lg > .form-control:not(textarea) {
height: calc(1.5em + 1rem + 2px)
}
.input-group-lg > .custom-select,
.input-group-lg > .form-control,
.input-group-lg > .input-group-append > .btn,
.input-group-lg > .input-group-append > .input-group-text,
.input-group-lg > .input-group-prepend > .btn,
.input-group-lg > .input-group-prepend > .input-group-text {
padding: .5rem 1rem;
font-size: 1.25rem;
line-height: 1.5;
border-radius: .3rem
}
.input-group-sm > .custom-select,
.input-group-sm > .form-control:not(textarea) {
height: calc(1.5em + .5rem + 2px)
}
.input-group-sm > .custom-select,
.input-group-sm > .form-control,
.input-group-sm > .input-group-append > .btn,
.input-group-sm > .input-group-append > .input-group-text,
.input-group-sm > .input-group-prepend > .btn,
.input-group-sm > .input-group-prepend > .input-group-text {
padding: .25rem .5rem;
font-size: .875rem;
line-height: 1.5;
border-radius: .2rem
}
.input-group-lg > .custom-select,
.input-group-sm > .custom-select {
padding-right: 1.75rem
}
.input-group > .input-group-append:last-child > .btn:not(:last-child):not(.dropdown-toggle),
.input-group > .input-group-append:last-child > .input-group-text:not(:last-child),
.input-group > .input-group-append:not(:last-child) > .btn,
.input-group > .input-group-append:not(:last-child) > .input-group-text,
.input-group > .input-group-prepend > .btn,
.input-group > .input-group-prepend > .input-group-text {
border-top-right-radius: 0;
border-bottom-right-radius: 0
}
.input-group > .input-group-append > .btn,
.input-group > .input-group-append > .input-group-text,
.input-group > .input-group-prepend:first-child > .btn:not(:first-child),
.input-group > .input-group-prepend:first-child > .input-group-text:not(:first-child),
.input-group > .input-group-prepend:not(:first-child) > .btn,
.input-group > .input-group-prepend:not(:first-child) > .input-group-text {
border-top-left-radius: 0;
border-bottom-left-radius: 0
}
.custom-control {
position: relative;
display: block;
min-height: 1.5rem;
padding-left: 1.5rem
}
.custom-control-inline {
display: -ms-inline-flexbox;
display: inline-flex;
margin-right: 1rem
}
.custom-control-input {
position: absolute;
left: 0;
z-index: -1;
width: 1rem;
height: 1.25rem;
opacity: 0
}
.custom-control-input:checked ~ .custom-control-label::before {
color: #fff;
border-color: #007bff;
background-color: #007bff
}
.custom-control-input:focus ~ .custom-control-label::before {
box-shadow: 0 0 0 .2rem rgba(0, 123, 255, .25)
}
.custom-control-input:focus:not(:checked) ~ .custom-control-label::before {
border-color: #80bdff
}
.custom-control-input:not(:disabled):active ~ .custom-control-label::before {
color: #fff;
background-color: #b3d7ff;
border-color: #b3d7ff
}
.custom-control-input:disabled ~ .custom-control-label,
.custom-control-input[disabled] ~ .custom-control-label {
color: #6c757d
}
.custom-control-input:disabled ~ .custom-control-label::before,
.custom-control-input[disabled] ~ .custom-control-label::before {
background-color: #e9ecef
}
.custom-control-label {
position: relative;
margin-bottom: 0;
vertical-align: top
}
.custom-control-label::before {
position: absolute;
top: .25rem;
left: -1.5rem;
display: block;
width: 1rem;
height: 1rem;
pointer-events: none;
content: "";
background-color: #fff;
border: #adb5bd solid 1px
}
.custom-control-label::after {
position: absolute;
top: .25rem;
left: -1.5rem;
display: block;
width: 1rem;
height: 1rem;
content: "";
background: no-repeat 50%/50% 50%
}
.custom-checkbox .custom-control-label::before {
border-radius: .25rem
}
.custom-checkbox .custom-control-input:checked ~ .custom-control-label::after {
background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='8' height='8' viewBox='0 0 8 8'%3e%3cpath fill='%23fff' d='M6.564.75l-3.59 3.612-1.538-1.55L0 4.26l2.974 2.99L8 2.193z'/%3e%3c/svg%3e")
}
.custom-checkbox .custom-control-input:indeterminate ~ .custom-control-label::before {
border-color: #007bff;
background-color: #007bff
}
.custom-checkbox .custom-control-input:indeterminate ~ .custom-control-label::after {
background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='4' height='4' viewBox='0 0 4 4'%3e%3cpath stroke='%23fff' d='M0 2h4'/%3e%3c/svg%3e")
}
.custom-checkbox .custom-control-input:disabled:checked ~ .custom-control-label::before {
background-color: rgba(0, 123, 255, .5)
}
.custom-checkbox .custom-control-input:disabled:indeterminate ~ .custom-control-label::before {
background-color: rgba(0, 123, 255, .5)
}
.custom-radio .custom-control-label::before {
border-radius: 50%
}
.custom-radio .custom-control-input:checked ~ .custom-control-label::after {
background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='-4 -4 8 8'%3e%3ccircle r='3' fill='%23fff'/%3e%3c/svg%3e")
}
.custom-radio .custom-control-input:disabled:checked ~ .custom-control-label::before {
background-color: rgba(0, 123, 255, .5)
}
.custom-switch {
padding-left: 2.25rem
}
.custom-switch .custom-control-label::before {
left: -2.25rem;
width: 1.75rem;
pointer-events: all;
border-radius: .5rem
}
.custom-switch .custom-control-label::after {
top: calc(.25rem + 2px);
left: calc(-2.25rem + 2px);
width: calc(1rem - 4px);
height: calc(1rem - 4px);
background-color: #adb5bd;
border-radius: .5rem;
transition: background-color .15s ease-in-out, border-color .15s ease-in-out, box-shadow .15s ease-in-out, -webkit-transform .15s ease-in-out;
transition: transform .15s ease-in-out, background-color .15s ease-in-out, border-color .15s ease-in-out, box-shadow .15s ease-in-out;
transition: transform .15s ease-in-out, background-color .15s ease-in-out, border-color .15s ease-in-out, box-shadow .15s ease-in-out, -webkit-transform .15s ease-in-out
}
@media (prefers-reduced-motion:reduce) {
.custom-switch .custom-control-label::after {
transition: none
}
}
.custom-switch .custom-control-input:checked ~ .custom-control-label::after {
background-color: #fff;
-webkit-transform: translateX(.75rem);
transform: translateX(.75rem)
}
.custom-switch .custom-control-input:disabled:checked ~ .custom-control-label::before {
background-color: rgba(0, 123, 255, .5)
}
.custom-select {
display: inline-block;
width: 100%;
height: calc(1.5em + .75rem + 2px);
padding: .375rem 1.75rem .375rem .75rem;
font-size: 1rem;
font-weight: 400;
line-height: 1.5;
color: #495057;
vertical-align: middle;
background: #fff url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='4' height='5' viewBox='0 0 4 5'%3e%3cpath fill='%23343a40' d='M2 0L0 2h4zm0 5L0 3h4z'/%3e%3c/svg%3e") no-repeat right .75rem center/8px 10px;
border: 1px solid #ced4da;
border-radius: .25rem;
-webkit-appearance: none;
-moz-appearance: none;
appearance: none
}
.custom-select:focus {
border-color: #80bdff;
outline: 0;
box-shadow: 0 0 0 .2rem rgba(0, 123, 255, .25)
}
.custom-select:focus::-ms-value {
color: #495057;
background-color: #fff
}
.custom-select[multiple],
.custom-select[size]:not([size="1"]) {
height: auto;
padding-right: .75rem;
background-image: none
}
.custom-select:disabled {
color: #6c757d;
background-color: #e9ecef
}
.custom-select::-ms-expand {
display: none
}
.custom-select:-moz-focusring {
color: transparent;
text-shadow: 0 0 0 #495057
}
.custom-select-sm {
height: calc(1.5em + .5rem + 2px);
padding-top: .25rem;
padding-bottom: .25rem;
padding-left: .5rem;
font-size: .875rem
}
.custom-select-lg {
height: calc(1.5em + 1rem + 2px);
padding-top: .5rem;
padding-bottom: .5rem;
padding-left: 1rem;
font-size: 1.25rem
}
.custom-file {
position: relative;
display: inline-block;
width: 100%;
height: calc(1.5em + .75rem + 2px);
margin-bottom: 0
}
.custom-file-input {
position: relative;
z-index: 2;
width: 100%;
height: calc(1.5em + .75rem + 2px);
margin: 0;
opacity: 0
}
.custom-file-input:focus ~ .custom-file-label {
border-color: #80bdff;
box-shadow: 0 0 0 .2rem rgba(0, 123, 255, .25)
}
.custom-file-input:disabled ~ .custom-file-label,
.custom-file-input[disabled] ~ .custom-file-label {
background-color: #e9ecef
}
.custom-file-input:lang(en) ~ .custom-file-label::after {
content: "Browse"
}
.custom-file-input ~ .custom-file-label[data-browse]::after {
content: attr(data-browse)
}
.custom-file-label {
position: absolute;
top: 0;
right: 0;
left: 0;
z-index: 1;
height: calc(1.5em + .75rem + 2px);
padding: .375rem .75rem;
font-weight: 400;
line-height: 1.5;
color: #495057;
background-color: #fff;
border: 1px solid #ced4da;
border-radius: .25rem
}
.custom-file-label::after {
position: absolute;
top: 0;
right: 0;
bottom: 0;
z-index: 3;
display: block;
height: calc(1.5em + .75rem);
padding: .375rem .75rem;
line-height: 1.5;
color: #495057;
content: "Browse";
background-color: #e9ecef;
border-left: inherit;
border-radius: 0 .25rem .25rem 0
}
.custom-range {
width: 100%;
height: 1.4rem;
padding: 0;
background-color: transparent;
-webkit-appearance: none;
-moz-appearance: none;
appearance: none
}
.custom-range:focus {
outline: 0
}
.custom-range:focus::-webkit-slider-thumb {
box-shadow: 0 0 0 1px #fff, 0 0 0 .2rem rgba(0, 123, 255, .25)
}
.custom-range:focus::-moz-range-thumb {
box-shadow: 0 0 0 1px #fff, 0 0 0 .2rem rgba(0, 123, 255, .25)
}
.custom-range:focus::-ms-thumb {
box-shadow: 0 0 0 1px #fff, 0 0 0 .2rem rgba(0, 123, 255, .25)
}
.custom-range::-moz-focus-outer {
border: 0
}
.custom-range::-webkit-slider-thumb {
width: 1rem;
height: 1rem;
margin-top: -.25rem;
background-color: #007bff;
border: 0;
border-radius: 1rem;
-webkit-transition: background-color .15s ease-in-out, border-color .15s ease-in-out, box-shadow .15s ease-in-out;
transition: background-color .15s ease-in-out, border-color .15s ease-in-out, box-shadow .15s ease-in-out;
-webkit-appearance: none;
appearance: none
}
@media (prefers-reduced-motion:reduce) {
.custom-range::-webkit-slider-thumb {
-webkit-transition: none;
transition: none
}
}
.custom-range::-webkit-slider-thumb:active {
background-color: #b3d7ff
}
.custom-range::-webkit-slider-runnable-track {
width: 100%;
height: .5rem;
color: transparent;
cursor: pointer;
background-color: #dee2e6;
border-color: transparent;
border-radius: 1rem
}
.custom-range::-moz-range-thumb {
width: 1rem;
height: 1rem;
background-color: #007bff;
border: 0;
border-radius: 1rem;
-moz-transition: background-color .15s ease-in-out, border-color .15s ease-in-out, box-shadow .15s ease-in-out;
transition: background-color .15s ease-in-out, border-color .15s ease-in-out, box-shadow .15s ease-in-out;
-moz-appearance: none;
appearance: none
}
@media (prefers-reduced-motion:reduce) {
.custom-range::-moz-range-thumb {
-moz-transition: none;
transition: none
}
}
.custom-range::-moz-range-thumb:active {
background-color: #b3d7ff
}
.custom-range::-moz-range-track {
width: 100%;
height: .5rem;
color: transparent;
cursor: pointer;
background-color: #dee2e6;
border-color: transparent;
border-radius: 1rem
}
.custom-range::-ms-thumb {
width: 1rem;
height: 1rem;
margin-top: 0;
margin-right: .2rem;
margin-left: .2rem;
background-color: #007bff;
border: 0;
border-radius: 1rem;
-ms-transition: background-color .15s ease-in-out, border-color .15s ease-in-out, box-shadow .15s ease-in-out;
transition: background-color .15s ease-in-out, border-color .15s ease-in-out, box-shadow .15s ease-in-out;
appearance: none
}
@media (prefers-reduced-motion:reduce) {
.custom-range::-ms-thumb {
-ms-transition: none;
transition: none
}
}
.custom-range::-ms-thumb:active {
background-color: #b3d7ff
}
.custom-range::-ms-track {
width: 100%;
height: .5rem;
color: transparent;
cursor: pointer;
background-color: transparent;
border-color: transparent;
border-width: .5rem
}
.custom-range::-ms-fill-lower {
background-color: #dee2e6;
border-radius: 1rem
}
.custom-range::-ms-fill-upper {
margin-right: 15px;
background-color: #dee2e6;
border-radius: 1rem
}
.custom-range:disabled::-webkit-slider-thumb {
background-color: #adb5bd
}
.custom-range:disabled::-webkit-slider-runnable-track {
cursor: default
}
.custom-range:disabled::-moz-range-thumb {
background-color: #adb5bd
}
.custom-range:disabled::-moz-range-track {
cursor: default
}
.custom-range:disabled::-ms-thumb {
background-color: #adb5bd
}
.custom-control-label::before,
.custom-file-label,
.custom-select {
transition: background-color .15s ease-in-out, border-color .15s ease-in-out, box-shadow .15s ease-in-out
}
@media (prefers-reduced-motion:reduce) {
.custom-control-label::before,
.custom-file-label,
.custom-select {
transition: none
}
}
.nav {
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
padding-left: 0;
margin-bottom: 0;
list-style: none
}
.nav-link {
display: block;
padding: .5rem 1rem
}
.nav-link:focus,
.nav-link:hover {
text-decoration: none
}
.nav-link.disabled {
color: #6c757d;
pointer-events: none;
cursor: default
}
.nav-tabs {
border-bottom: 1px solid #dee2e6
}
.nav-tabs .nav-item {
margin-bottom: -1px
}
.nav-tabs .nav-link {
border: 1px solid transparent;
border-top-left-radius: .25rem;
border-top-right-radius: .25rem
}
.nav-tabs .nav-link:focus,
.nav-tabs .nav-link:hover {
border-color: #e9ecef #e9ecef #dee2e6
}
.nav-tabs .nav-link.disabled {
color: #6c757d;
background-color: transparent;
border-color: transparent
}
.nav-tabs .nav-item.show .nav-link,
.nav-tabs .nav-link.active {
color: #495057;
background-color: #fff;
border-color: #dee2e6 #dee2e6 #fff
}
.nav-tabs .dropdown-menu {
margin-top: -1px;
border-top-left-radius: 0;
border-top-right-radius: 0
}
.nav-pills .nav-link {
border-radius: .25rem
}
.nav-pills .nav-link.active,
.nav-pills .show > .nav-link {
color: #fff;
background-color: #007bff
}
.nav-fill .nav-item {
-ms-flex: 1 1 auto;
flex: 1 1 auto;
text-align: center
}
.nav-justified .nav-item {
-ms-flex-preferred-size: 0;
flex-basis: 0;
-ms-flex-positive: 1;
flex-grow: 1;
text-align: center
}
.tab-content > .tab-pane {
display: none
}
.tab-content > .active {
display: block
}
.navbar {
position: relative;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-ms-flex-align: center;
align-items: center;
-ms-flex-pack: justify;
justify-content: space-between;
padding: .5rem 1rem
}
.navbar .container,
.navbar .container-fluid,
.navbar .container-lg,
.navbar .container-md,
.navbar .container-sm,
.navbar .container-xl {
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-ms-flex-align: center;
align-items: center;
-ms-flex-pack: justify;
justify-content: space-between
}
.navbar-brand {
display: inline-block;
padding-top: .3125rem;
padding-bottom: .3125rem;
margin-right: 1rem;
font-size: 1.25rem;
line-height: inherit;
white-space: nowrap
}
.navbar-brand:focus,
.navbar-brand:hover {
text-decoration: none
}
.navbar-nav {
display: -ms-flexbox;
display: flex;
-ms-flex-direction: column;
flex-direction: column;
padding-left: 0;
margin-bottom: 0;
list-style: none
}
.navbar-nav .nav-link {
padding-right: 0;
padding-left: 0
}
.navbar-nav .dropdown-menu {
position: static;
float: none
}
.navbar-text {
display: inline-block;
padding-top: .5rem;
padding-bottom: .5rem
}
.navbar-collapse {
-ms-flex-preferred-size: 100%;
flex-basis: 100%;
-ms-flex-positive: 1;
flex-grow: 1;
-ms-flex-align: center;
align-items: center
}
.navbar-toggler {
padding: .25rem .75rem;
font-size: 1.25rem;
line-height: 1;
background-color: transparent;
border: 1px solid transparent;
border-radius: .25rem
}
.navbar-toggler:focus,
.navbar-toggler:hover {
text-decoration: none
}
.navbar-toggler-icon {
display: inline-block;
width: 1.5em;
height: 1.5em;
vertical-align: middle;
content: "";
background: no-repeat center center;
background-size: 100% 100%
}
@media (max-width:575.98px) {
.navbar-expand-sm > .container,
.navbar-expand-sm > .container-fluid,
.navbar-expand-sm > .container-lg,
.navbar-expand-sm > .container-md,
.navbar-expand-sm > .container-sm,
.navbar-expand-sm > .container-xl {
padding-right: 0;
padding-left: 0
}
}
@media (min-width:576px) {
.navbar-expand-sm {
-ms-flex-flow: row nowrap;
flex-flow: row nowrap;
-ms-flex-pack: start;
justify-content: flex-start
}
.navbar-expand-sm .navbar-nav {
-ms-flex-direction: row;
flex-direction: row
}
.navbar-expand-sm .navbar-nav .dropdown-menu {
position: absolute
}
.navbar-expand-sm .navbar-nav .nav-link {
padding-right: .5rem;
padding-left: .5rem
}
.navbar-expand-sm > .container,
.navbar-expand-sm > .container-fluid,
.navbar-expand-sm > .container-lg,
.navbar-expand-sm > .container-md,
.navbar-expand-sm > .container-sm,
.navbar-expand-sm > .container-xl {
-ms-flex-wrap: nowrap;
flex-wrap: nowrap
}
.navbar-expand-sm .navbar-collapse {
display: -ms-flexbox !important;
display: flex !important;
-ms-flex-preferred-size: auto;
flex-basis: auto
}
.navbar-expand-sm .navbar-toggler {
display: none
}
}
@media (max-width:767.98px) {
.navbar-expand-md > .container,
.navbar-expand-md > .container-fluid,
.navbar-expand-md > .container-lg,
.navbar-expand-md > .container-md,
.navbar-expand-md > .container-sm,
.navbar-expand-md > .container-xl {
padding-right: 0;
padding-left: 0
}
}
@media (min-width:768px) {
.navbar-expand-md {
-ms-flex-flow: row nowrap;
flex-flow: row nowrap;
-ms-flex-pack: start;
justify-content: flex-start
}
.navbar-expand-md .navbar-nav {
-ms-flex-direction: row;
flex-direction: row
}
.navbar-expand-md .navbar-nav .dropdown-menu {
position: absolute
}
.navbar-expand-md .navbar-nav .nav-link {
padding-right: .5rem;
padding-left: .5rem
}
.navbar-expand-md > .container,
.navbar-expand-md > .container-fluid,
.navbar-expand-md > .container-lg,
.navbar-expand-md > .container-md,
.navbar-expand-md > .container-sm,
.navbar-expand-md > .container-xl {
-ms-flex-wrap: nowrap;
flex-wrap: nowrap
}
.navbar-expand-md .navbar-collapse {
display: -ms-flexbox !important;
display: flex !important;
-ms-flex-preferred-size: auto;
flex-basis: auto
}
.navbar-expand-md .navbar-toggler {
display: none
}
}
@media (max-width:991.98px) {
.navbar-expand-lg > .container,
.navbar-expand-lg > .container-fluid,
.navbar-expand-lg > .container-lg,
.navbar-expand-lg > .container-md,
.navbar-expand-lg > .container-sm,
.navbar-expand-lg > .container-xl {
padding-right: 0;
padding-left: 0
}
}
@media (min-width:992px) {
.navbar-expand-lg {
-ms-flex-flow: row nowrap;
flex-flow: row nowrap;
-ms-flex-pack: start;
justify-content: flex-start
}
.navbar-expand-lg .navbar-nav {
-ms-flex-direction: row;
flex-direction: row
}
.navbar-expand-lg .navbar-nav .dropdown-menu {
position: absolute
}
.navbar-expand-lg .navbar-nav .nav-link {
padding-right: .5rem;
padding-left: .5rem
}
.navbar-expand-lg > .container,
.navbar-expand-lg > .container-fluid,
.navbar-expand-lg > .container-lg,
.navbar-expand-lg > .container-md,
.navbar-expand-lg > .container-sm,
.navbar-expand-lg > .container-xl {
-ms-flex-wrap: nowrap;
flex-wrap: nowrap
}
.navbar-expand-lg .navbar-collapse {
display: -ms-flexbox !important;
display: flex !important;
-ms-flex-preferred-size: auto;
flex-basis: auto
}
.navbar-expand-lg .navbar-toggler {
display: none
}
}
@media (max-width:1199.98px) {
.navbar-expand-xl > .container,
.navbar-expand-xl > .container-fluid,
.navbar-expand-xl > .container-lg,
.navbar-expand-xl > .container-md,
.navbar-expand-xl > .container-sm,
.navbar-expand-xl > .container-xl {
padding-right: 0;
padding-left: 0
}
}
@media (min-width:1200px) {
.navbar-expand-xl {
-ms-flex-flow: row nowrap;
flex-flow: row nowrap;
-ms-flex-pack: start;
justify-content: flex-start
}
.navbar-expand-xl .navbar-nav {
-ms-flex-direction: row;
flex-direction: row
}
.navbar-expand-xl .navbar-nav .dropdown-menu {
position: absolute
}
.navbar-expand-xl .navbar-nav .nav-link {
padding-right: .5rem;
padding-left: .5rem
}
.navbar-expand-xl > .container,
.navbar-expand-xl > .container-fluid,
.navbar-expand-xl > .container-lg,
.navbar-expand-xl > .container-md,
.navbar-expand-xl > .container-sm,
.navbar-expand-xl > .container-xl {
-ms-flex-wrap: nowrap;
flex-wrap: nowrap
}
.navbar-expand-xl .navbar-collapse {
display: -ms-flexbox !important;
display: flex !important;
-ms-flex-preferred-size: auto;
flex-basis: auto
}
.navbar-expand-xl .navbar-toggler {
display: none
}
}
.navbar-expand {
-ms-flex-flow: row nowrap;
flex-flow: row nowrap;
-ms-flex-pack: start;
justify-content: flex-start
}
.navbar-expand > .container,
.navbar-expand > .container-fluid,
.navbar-expand > .container-lg,
.navbar-expand > .container-md,
.navbar-expand > .container-sm,
.navbar-expand > .container-xl {
padding-right: 0;
padding-left: 0
}
.navbar-expand .navbar-nav {
-ms-flex-direction: row;
flex-direction: row
}
.navbar-expand .navbar-nav .dropdown-menu {
position: absolute
}
.navbar-expand .navbar-nav .nav-link {
padding-right: .5rem;
padding-left: .5rem
}
.navbar-expand > .container,
.navbar-expand > .container-fluid,
.navbar-expand > .container-lg,
.navbar-expand > .container-md,
.navbar-expand > .container-sm,
.navbar-expand > .container-xl {
-ms-flex-wrap: nowrap;
flex-wrap: nowrap
}
.navbar-expand .navbar-collapse {
display: -ms-flexbox !important;
display: flex !important;
-ms-flex-preferred-size: auto;
flex-basis: auto
}
.navbar-expand .navbar-toggler {
display: none
}
.navbar-light .navbar-brand {
color: rgba(0, 0, 0, .9)
}
.navbar-light .navbar-brand:focus,
.navbar-light .navbar-brand:hover {
color: rgba(0, 0, 0, .9)
}
.navbar-light .navbar-nav .nav-link {
color: rgba(0, 0, 0, .5)
}
.navbar-light .navbar-nav .nav-link:focus,
.navbar-light .navbar-nav .nav-link:hover {
color: rgba(0, 0, 0, .7)
}
.navbar-light .navbar-nav .nav-link.disabled {
color: rgba(0, 0, 0, .3)
}
.navbar-light .navbar-nav .active > .nav-link,
.navbar-light .navbar-nav .nav-link.active,
.navbar-light .navbar-nav .nav-link.show,
.navbar-light .navbar-nav .show > .nav-link {
color: rgba(0, 0, 0, .9)
}
.navbar-light .navbar-toggler {
color: rgba(0, 0, 0, .5);
border-color: rgba(0, 0, 0, .1)
}
.navbar-light .navbar-toggler-icon {
background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='30' height='30' viewBox='0 0 30 30'%3e%3cpath stroke='rgba(0, 0, 0, 0.5)' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e")
}
.navbar-light .navbar-text {
color: rgba(0, 0, 0, .5)
}
.navbar-light .navbar-text a {
color: rgba(0, 0, 0, .9)
}
.navbar-light .navbar-text a:focus,
.navbar-light .navbar-text a:hover {
color: rgba(0, 0, 0, .9)
}
.navbar-dark .navbar-brand {
color: #fff
}
.navbar-dark .navbar-brand:focus,
.navbar-dark .navbar-brand:hover {
color: #fff
}
.navbar-dark .navbar-nav .nav-link {
color: rgba(255, 255, 255, .5)
}
.navbar-dark .navbar-nav .nav-link:focus,
.navbar-dark .navbar-nav .nav-link:hover {
color: rgba(255, 255, 255, .75)
}
.navbar-dark .navbar-nav .nav-link.disabled {
color: rgba(255, 255, 255, .25)
}
.navbar-dark .navbar-nav .active > .nav-link,
.navbar-dark .navbar-nav .nav-link.active,
.navbar-dark .navbar-nav .nav-link.show,
.navbar-dark .navbar-nav .show > .nav-link {
color: #fff
}
.navbar-dark .navbar-toggler {
color: rgba(255, 255, 255, .5);
border-color: rgba(255, 255, 255, .1)
}
.navbar-dark .navbar-toggler-icon {
background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='30' height='30' viewBox='0 0 30 30'%3e%3cpath stroke='rgba(255, 255, 255, 0.5)' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e")
}
.navbar-dark .navbar-text {
color: rgba(255, 255, 255, .5)
}
.navbar-dark .navbar-text a {
color: #fff
}
.navbar-dark .navbar-text a:focus,
.navbar-dark .navbar-text a:hover {
color: #fff
}
.card {
position: relative;
display: -ms-flexbox;
display: flex;
-ms-flex-direction: column;
flex-direction: column;
min-width: 0;
word-wrap: break-word;
background-color: #fff;
background-clip: border-box;
border: 1px solid rgba(0, 0, 0, .125);
border-radius: .25rem
}
.card > hr {
margin-right: 0;
margin-left: 0
}
.card > .list-group:first-child .list-group-item:first-child {
border-top-left-radius: .25rem;
border-top-right-radius: .25rem
}
.card > .list-group:last-child .list-group-item:last-child {
border-bottom-right-radius: .25rem;
border-bottom-left-radius: .25rem
}
.card-body {
-ms-flex: 1 1 auto;
flex: 1 1 auto;
min-height: 1px;
padding: 1.25rem
}
.card-title {
margin-bottom: .75rem
}
.card-subtitle {
margin-top: -.375rem;
margin-bottom: 0
}
.card-text:last-child {
margin-bottom: 0
}
.card-link:hover {
text-decoration: none
}
.card-link + .card-link {
margin-left: 1.25rem
}
.card-header {
padding: .75rem 1.25rem;
margin-bottom: 0;
background-color: rgba(0, 0, 0, .03);
border-bottom: 1px solid rgba(0, 0, 0, .125)
}
.card-header:first-child {
border-radius: calc(.25rem - 1px) calc(.25rem - 1px) 0 0
}
.card-header + .list-group .list-group-item:first-child {
border-top: 0
}
.card-footer {
padding: .75rem 1.25rem;
background-color: rgba(0, 0, 0, .03);
border-top: 1px solid rgba(0, 0, 0, .125)
}
.card-footer:last-child {
border-radius: 0 0 calc(.25rem - 1px) calc(.25rem - 1px)
}
.card-header-tabs {
margin-right: -.625rem;
margin-bottom: -.75rem;
margin-left: -.625rem;
border-bottom: 0
}
.card-header-pills {
margin-right: -.625rem;
margin-left: -.625rem
}
.card-img-overlay {
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
padding: 1.25rem
}
.card-img,
.card-img-bottom,
.card-img-top {
-ms-flex-negative: 0;
flex-shrink: 0;
width: 100%
}
.card-img,
.card-img-top {
border-top-left-radius: calc(.25rem - 1px);
border-top-right-radius: calc(.25rem - 1px)
}
.card-img,
.card-img-bottom {
border-bottom-right-radius: calc(.25rem - 1px);
border-bottom-left-radius: calc(.25rem - 1px)
}
.card-deck .card {
margin-bottom: 15px
}
@media (min-width:576px) {
.card-deck {
display: -ms-flexbox;
display: flex;
-ms-flex-flow: row wrap;
flex-flow: row wrap;
margin-right: -15px;
margin-left: -15px
}
.card-deck .card {
-ms-flex: 1 0 0%;
flex: 1 0 0%;
margin-right: 15px;
margin-bottom: 0;
margin-left: 15px
}
}
.card-group > .card {
margin-bottom: 15px
}
@media (min-width:576px) {
.card-group {
display: -ms-flexbox;
display: flex;
-ms-flex-flow: row wrap;
flex-flow: row wrap
}
.card-group > .card {
-ms-flex: 1 0 0%;
flex: 1 0 0%;
margin-bottom: 0
}
.card-group > .card + .card {
margin-left: 0;
border-left: 0
}
.card-group > .card:not(:last-child) {
border-top-right-radius: 0;
border-bottom-right-radius: 0
}
.card-group > .card:not(:last-child) .card-header,
.card-group > .card:not(:last-child) .card-img-top {
border-top-right-radius: 0
}
.card-group > .card:not(:last-child) .card-footer,
.card-group > .card:not(:last-child) .card-img-bottom {
border-bottom-right-radius: 0
}
.card-group > .card:not(:first-child) {
border-top-left-radius: 0;
border-bottom-left-radius: 0
}
.card-group > .card:not(:first-child) .card-header,
.card-group > .card:not(:first-child) .card-img-top {
border-top-left-radius: 0
}
.card-group > .card:not(:first-child) .card-footer,
.card-group > .card:not(:first-child) .card-img-bottom {
border-bottom-left-radius: 0
}
}
.card-columns .card {
margin-bottom: .75rem
}
@media (min-width:576px) {
.card-columns {
-webkit-column-count: 3;
-moz-column-count: 3;
column-count: 3;
-webkit-column-gap: 1.25rem;
-moz-column-gap: 1.25rem;
column-gap: 1.25rem;
orphans: 1;
widows: 1
}
.card-columns .card {
display: inline-block;
width: 100%
}
}
.accordion > .card {
overflow: hidden
}
.accordion > .card:not(:last-of-type) {
border-bottom: 0;
border-bottom-right-radius: 0;
border-bottom-left-radius: 0
}
.accordion > .card:not(:first-of-type) {
border-top-left-radius: 0;
border-top-right-radius: 0
}
.accordion > .card > .card-header {
border-radius: 0;
margin-bottom: -1px
}
.breadcrumb {
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
padding: .75rem 1rem;
margin-bottom: 1rem;
list-style: none;
background-color: #e9ecef;
border-radius: .25rem
}
.breadcrumb-item + .breadcrumb-item {
padding-left: .5rem
}
.breadcrumb-item + .breadcrumb-item::before {
display: inline-block;
padding-right: .5rem;
color: #6c757d;
content: "/"
}
.breadcrumb-item + .breadcrumb-item:hover::before {
text-decoration: underline
}
.breadcrumb-item + .breadcrumb-item:hover::before {
text-decoration: none
}
.breadcrumb-item.active {
color: #6c757d
}
.pagination {
display: -ms-flexbox;
display: flex;
padding-left: 0;
list-style: none;
border-radius: .25rem
}
.page-link {
position: relative;
display: block;
padding: .5rem .75rem;
margin-left: -1px;
line-height: 1.25;
color: #007bff;
background-color: #fff;
border: 1px solid #dee2e6
}
.page-link:hover {
z-index: 2;
color: #0056b3;
text-decoration: none;
background-color: #e9ecef;
border-color: #dee2e6
}
.page-link:focus {
z-index: 3;
outline: 0;
box-shadow: 0 0 0 .2rem rgba(0, 123, 255, .25)
}
.page-item:first-child .page-link {
margin-left: 0;
border-top-left-radius: .25rem;
border-bottom-left-radius: .25rem
}
.page-item:last-child .page-link {
border-top-right-radius: .25rem;
border-bottom-right-radius: .25rem
}
.page-item.active .page-link {
z-index: 3;
color: #fff;
background-color: #007bff;
border-color: #007bff
}
.page-item.disabled .page-link {
color: #6c757d;
pointer-events: none;
cursor: auto;
background-color: #fff;
border-color: #dee2e6
}
.pagination-lg .page-link {
padding: .75rem 1.5rem;
font-size: 1.25rem;
line-height: 1.5
}
.pagination-lg .page-item:first-child .page-link {
border-top-left-radius: .3rem;
border-bottom-left-radius: .3rem
}
.pagination-lg .page-item:last-child .page-link {
border-top-right-radius: .3rem;
border-bottom-right-radius: .3rem
}
.pagination-sm .page-link {
padding: .25rem .5rem;
font-size: .875rem;
line-height: 1.5
}
.pagination-sm .page-item:first-child .page-link {
border-top-left-radius: .2rem;
border-bottom-left-radius: .2rem
}
.pagination-sm .page-item:last-child .page-link {
border-top-right-radius: .2rem;
border-bottom-right-radius: .2rem
}
.badge {
display: inline-block;
padding: .25em .4em;
font-size: 75%;
font-weight: 700;
line-height: 1;
text-align: center;
white-space: nowrap;
vertical-align: baseline;
border-radius: .25rem;
transition: color .15s ease-in-out, background-color .15s ease-in-out, border-color .15s ease-in-out, box-shadow .15s ease-in-out
}
@media (prefers-reduced-motion:reduce) {
.badge {
transition: none
}
}
a.badge:focus,
a.badge:hover {
text-decoration: none
}
.badge:empty {
display: none
}
.btn .badge {
position: relative;
top: -1px
}
.badge-pill {
padding-right: .6em;
padding-left: .6em;
border-radius: 10rem
}
.badge-primary {
color: #fff;
background-color: #007bff
}
a.badge-primary:focus,
a.badge-primary:hover {
color: #fff;
background-color: #0062cc
}
a.badge-primary.focus,
a.badge-primary:focus {
outline: 0;
box-shadow: 0 0 0 .2rem rgba(0, 123, 255, .5)
}
.badge-secondary {
color: #fff;
background-color: #6c757d
}
a.badge-secondary:focus,
a.badge-secondary:hover {
color: #fff;
background-color: #545b62
}
a.badge-secondary.focus,
a.badge-secondary:focus {
outline: 0;
box-shadow: 0 0 0 .2rem rgba(108, 117, 125, .5)
}
.badge-success {
color: #fff;
background-color: #28a745
}
a.badge-success:focus,
a.badge-success:hover {
color: #fff;
background-color: #1e7e34
}
a.badge-success.focus,
a.badge-success:focus {
outline: 0;
box-shadow: 0 0 0 .2rem rgba(40, 167, 69, .5)
}
.badge-info {
color: #fff;
background-color: #17a2b8
}
a.badge-info:focus,
a.badge-info:hover {
color: #fff;
background-color: #117a8b
}
a.badge-info.focus,
a.badge-info:focus {
outline: 0;
box-shadow: 0 0 0 .2rem rgba(23, 162, 184, .5)
}
.badge-warning {
color: #212529;
background-color: #ffc107
}
a.badge-warning:focus,
a.badge-warning:hover {
color: #212529;
background-color: #d39e00
}
a.badge-warning.focus,
a.badge-warning:focus {
outline: 0;
box-shadow: 0 0 0 .2rem rgba(255, 193, 7, .5)
}
.badge-danger {
color: #fff;
background-color: #dc3545
}
a.badge-danger:focus,
a.badge-danger:hover {
color: #fff;
background-color: #bd2130
}
a.badge-danger.focus,
a.badge-danger:focus {
outline: 0;
box-shadow: 0 0 0 .2rem rgba(220, 53, 69, .5)
}
.badge-light {
color: #212529;
background-color: #f8f9fa
}
a.badge-light:focus,
a.badge-light:hover {
color: #212529;
background-color: #dae0e5
}
a.badge-light.focus,
a.badge-light:focus {
outline: 0;
box-shadow: 0 0 0 .2rem rgba(248, 249, 250, .5)
}
.badge-dark {
color: #fff;
background-color: #343a40
}
a.badge-dark:focus,
a.badge-dark:hover {
color: #fff;
background-color: #1d2124
}
a.badge-dark.focus,
a.badge-dark:focus {
outline: 0;
box-shadow: 0 0 0 .2rem rgba(52, 58, 64, .5)
}
.jumbotron {
padding: 2rem 1rem;
margin-bottom: 2rem;
background-color: #e9ecef;
border-radius: .3rem
}
@media (min-width:576px) {
.jumbotron {
padding: 4rem 2rem
}
}
.jumbotron-fluid {
padding-right: 0;
padding-left: 0;
border-radius: 0
}
.alert {
position: relative;
padding: .75rem 1.25rem;
margin-bottom: 1rem;
border: 1px solid transparent;
border-radius: .25rem
}
.alert-heading {
color: inherit
}
.alert-link {
font-weight: 700
}
.alert-dismissible {
padding-right: 4rem
}
.alert-dismissible .close {
position: absolute;
top: 0;
right: 0;
padding: .75rem 1.25rem;
color: inherit
}
.alert-primary {
color: #004085;
background-color: #cce5ff;
border-color: #b8daff
}
.alert-primary hr {
border-top-color: #9fcdff
}
.alert-primary .alert-link {
color: #002752
}
.alert-secondary {
color: #383d41;
background-color: #e2e3e5;
border-color: #d6d8db
}
.alert-secondary hr {
border-top-color: #c8cbcf
}
.alert-secondary .alert-link {
color: #202326
}
.alert-success {
color: #155724;
background-color: #d4edda;
border-color: #c3e6cb
}
.alert-success hr {
border-top-color: #b1dfbb
}
.alert-success .alert-link {
color: #0b2e13
}
.alert-info {
color: #0c5460;
background-color: #d1ecf1;
border-color: #bee5eb
}
.alert-info hr {
border-top-color: #abdde5
}
.alert-info .alert-link {
color: #062c33
}
.alert-warning {
color: #856404;
background-color: #fff3cd;
border-color: #ffeeba
}
.alert-warning hr {
border-top-color: #ffe8a1
}
.alert-warning .alert-link {
color: #533f03
}
.alert-danger {
color: #721c24;
background-color: #f8d7da;
border-color: #f5c6cb
}
.alert-danger hr {
border-top-color: #f1b0b7
}
.alert-danger .alert-link {
color: #491217
}
.alert-light {
color: #818182;
background-color: #fefefe;
border-color: #fdfdfe
}
.alert-light hr {
border-top-color: #ececf6
}
.alert-light .alert-link {
color: #686868
}
.alert-dark {
color: #1b1e21;
background-color: #d6d8d9;
border-color: #c6c8ca
}
.alert-dark hr {
border-top-color: #b9bbbe
}
.alert-dark .alert-link {
color: #040505
}
@-webkit-keyframes progress-bar-stripes {
from {
background-position: 1rem 0
}
to {
background-position: 0 0
}
}
@keyframes progress-bar-stripes {
from {
background-position: 1rem 0
}
to {
background-position: 0 0
}
}
.progress {
display: -ms-flexbox;
display: flex;
height: 1rem;
overflow: hidden;
font-size: .75rem;
background-color: #e9ecef;
border-radius: .25rem
}
.progress-bar {
display: -ms-flexbox;
display: flex;
-ms-flex-direction: column;
flex-direction: column;
-ms-flex-pack: center;
justify-content: center;
overflow: hidden;
color: #fff;
text-align: center;
white-space: nowrap;
background-color: #007bff;
transition: width .6s ease
}
@media (prefers-reduced-motion:reduce) {
.progress-bar {
transition: none
}
}
.progress-bar-striped {
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);
background-size: 1rem 1rem
}
.progress-bar-animated {
-webkit-animation: progress-bar-stripes 1s linear infinite;
animation: progress-bar-stripes 1s linear infinite
}
@media (prefers-reduced-motion:reduce) {
.progress-bar-animated {
-webkit-animation: none;
animation: none
}
}
.media {
display: -ms-flexbox;
display: flex;
-ms-flex-align: start;
align-items: flex-start
}
.media-body {
-ms-flex: 1;
flex: 1
}
.list-group {
display: -ms-flexbox;
display: flex;
-ms-flex-direction: column;
flex-direction: column;
padding-left: 0;
margin-bottom: 0
}
.list-group-item-action {
width: 100%;
color: #495057;
text-align: inherit
}
.list-group-item-action:focus,
.list-group-item-action:hover {
z-index: 1;
color: #495057;
text-decoration: none;
background-color: #f8f9fa
}
.list-group-item-action:active {
color: #212529;
background-color: #e9ecef
}
.list-group-item {
position: relative;
display: block;
padding: .75rem 1.25rem;
background-color: #fff;
border: 1px solid rgba(0, 0, 0, .125)
}
.list-group-item:first-child {
border-top-left-radius: .25rem;
border-top-right-radius: .25rem
}
.list-group-item:last-child {
border-bottom-right-radius: .25rem;
border-bottom-left-radius: .25rem
}
.list-group-item.disabled,
.list-group-item:disabled {
color: #6c757d;
pointer-events: none;
background-color: #fff
}
.list-group-item.active {
z-index: 2;
color: #fff;
background-color: #007bff;
border-color: #007bff
}
.list-group-item + .list-group-item {
border-top-width: 0
}
.list-group-item + .list-group-item.active {
margin-top: -1px;
border-top-width: 1px
}
.list-group-horizontal {
-ms-flex-direction: row;
flex-direction: row
}
.list-group-horizontal .list-group-item:first-child {
border-bottom-left-radius: .25rem;
border-top-right-radius: 0
}
.list-group-horizontal .list-group-item:last-child {
border-top-right-radius: .25rem;
border-bottom-left-radius: 0
}
.list-group-horizontal .list-group-item.active {
margin-top: 0
}
.list-group-horizontal .list-group-item + .list-group-item {
border-top-width: 1px;
border-left-width: 0
}
.list-group-horizontal .list-group-item + .list-group-item.active {
margin-left: -1px;
border-left-width: 1px
}
@media (min-width:576px) {
.list-group-horizontal-sm {
-ms-flex-direction: row;
flex-direction: row
}
.list-group-horizontal-sm .list-group-item:first-child {
border-bottom-left-radius: .25rem;
border-top-right-radius: 0
}
.list-group-horizontal-sm .list-group-item:last-child {
border-top-right-radius: .25rem;
border-bottom-left-radius: 0
}
.list-group-horizontal-sm .list-group-item.active {
margin-top: 0
}
.list-group-horizontal-sm .list-group-item + .list-group-item {
border-top-width: 1px;
border-left-width: 0
}
.list-group-horizontal-sm .list-group-item + .list-group-item.active {
margin-left: -1px;
border-left-width: 1px
}
}
@media (min-width:768px) {
.list-group-horizontal-md {
-ms-flex-direction: row;
flex-direction: row
}
.list-group-horizontal-md .list-group-item:first-child {
border-bottom-left-radius: .25rem;
border-top-right-radius: 0
}
.list-group-horizontal-md .list-group-item:last-child {
border-top-right-radius: .25rem;
border-bottom-left-radius: 0
}
.list-group-horizontal-md .list-group-item.active {
margin-top: 0
}
.list-group-horizontal-md .list-group-item + .list-group-item {
border-top-width: 1px;
border-left-width: 0
}
.list-group-horizontal-md .list-group-item + .list-group-item.active {
margin-left: -1px;
border-left-width: 1px
}
}
@media (min-width:992px) {
.list-group-horizontal-lg {
-ms-flex-direction: row;
flex-direction: row
}
.list-group-horizontal-lg .list-group-item:first-child {
border-bottom-left-radius: .25rem;
border-top-right-radius: 0
}
.list-group-horizontal-lg .list-group-item:last-child {
border-top-right-radius: .25rem;
border-bottom-left-radius: 0
}
.list-group-horizontal-lg .list-group-item.active {
margin-top: 0
}
.list-group-horizontal-lg .list-group-item + .list-group-item {
border-top-width: 1px;
border-left-width: 0
}
.list-group-horizontal-lg .list-group-item + .list-group-item.active {
margin-left: -1px;
border-left-width: 1px
}
}
@media (min-width:1200px) {
.list-group-horizontal-xl {
-ms-flex-direction: row;
flex-direction: row
}
.list-group-horizontal-xl .list-group-item:first-child {
border-bottom-left-radius: .25rem;
border-top-right-radius: 0
}
.list-group-horizontal-xl .list-group-item:last-child {
border-top-right-radius: .25rem;
border-bottom-left-radius: 0
}
.list-group-horizontal-xl .list-group-item.active {
margin-top: 0
}
.list-group-horizontal-xl .list-group-item + .list-group-item {
border-top-width: 1px;
border-left-width: 0
}
.list-group-horizontal-xl .list-group-item + .list-group-item.active {
margin-left: -1px;
border-left-width: 1px
}
}
.list-group-flush .list-group-item {
border-right-width: 0;
border-left-width: 0;
border-radius: 0
}
.list-group-flush .list-group-item:first-child {
border-top-width: 0
}
.list-group-flush:last-child .list-group-item:last-child {
border-bottom-width: 0
}
.list-group-item-primary {
color: #004085;
background-color: #b8daff
}
.list-group-item-primary.list-group-item-action:focus,
.list-group-item-primary.list-group-item-action:hover {
color: #004085;
background-color: #9fcdff
}
.list-group-item-primary.list-group-item-action.active {
color: #fff;
background-color: #004085;
border-color: #004085
}
.list-group-item-secondary {
color: #383d41;
background-color: #d6d8db
}
.list-group-item-secondary.list-group-item-action:focus,
.list-group-item-secondary.list-group-item-action:hover {
color: #383d41;
background-color: #c8cbcf
}
.list-group-item-secondary.list-group-item-action.active {
color: #fff;
background-color: #383d41;
border-color: #383d41
}
.list-group-item-success {
color: #155724;
background-color: #c3e6cb
}
.list-group-item-success.list-group-item-action:focus,
.list-group-item-success.list-group-item-action:hover {
color: #155724;
background-color: #b1dfbb
}
.list-group-item-success.list-group-item-action.active {
color: #fff;
background-color: #155724;
border-color: #155724
}
.list-group-item-info {
color: #0c5460;
background-color: #bee5eb
}
.list-group-item-info.list-group-item-action:focus,
.list-group-item-info.list-group-item-action:hover {
color: #0c5460;
background-color: #abdde5
}
.list-group-item-info.list-group-item-action.active {
color: #fff;
background-color: #0c5460;
border-color: #0c5460
}
.list-group-item-warning {
color: #856404;
background-color: #ffeeba
}
.list-group-item-warning.list-group-item-action:focus,
.list-group-item-warning.list-group-item-action:hover {
color: #856404;
background-color: #ffe8a1
}
.list-group-item-warning.list-group-item-action.active {
color: #fff;
background-color: #856404;
border-color: #856404
}
.list-group-item-danger {
color: #721c24;
background-color: #f5c6cb
}
.list-group-item-danger.list-group-item-action:focus,
.list-group-item-danger.list-group-item-action:hover {
color: #721c24;
background-color: #f1b0b7
}
.list-group-item-danger.list-group-item-action.active {
color: #fff;
background-color: #721c24;
border-color: #721c24
}
.list-group-item-light {
color: #818182;
background-color: #fdfdfe
}
.list-group-item-light.list-group-item-action:focus,
.list-group-item-light.list-group-item-action:hover {
color: #818182;
background-color: #ececf6
}
.list-group-item-light.list-group-item-action.active {
color: #fff;
background-color: #818182;
border-color: #818182
}
.list-group-item-dark {
color: #1b1e21;
background-color: #c6c8ca
}
.list-group-item-dark.list-group-item-action:focus,
.list-group-item-dark.list-group-item-action:hover {
color: #1b1e21;
background-color: #b9bbbe
}
.list-group-item-dark.list-group-item-action.active {
color: #fff;
background-color: #1b1e21;
border-color: #1b1e21
}
.close {
float: right;
font-size: 1.5rem;
font-weight: 700;
line-height: 1;
color: #000;
text-shadow: 0 1px 0 #fff;
opacity: .5
}
.close:hover {
color: #000;
text-decoration: none
}
.close:not(:disabled):not(.disabled):focus,
.close:not(:disabled):not(.disabled):hover {
opacity: .75
}
button.close {
padding: 0;
background-color: transparent;
border: 0;
-webkit-appearance: none;
-moz-appearance: none;
appearance: none
}
a.close.disabled {
pointer-events: none
}
.toast {
max-width: 350px;
overflow: hidden;
font-size: .875rem;
background-color: rgba(255, 255, 255, .85);
background-clip: padding-box;
border: 1px solid rgba(0, 0, 0, .1);
box-shadow: 0 .25rem .75rem rgba(0, 0, 0, .1);
-webkit-backdrop-filter: blur(10px);
backdrop-filter: blur(10px);
opacity: 0;
border-radius: .25rem
}
.toast:not(:last-child) {
margin-bottom: .75rem
}
.toast.showing {
opacity: 1
}
.toast.show {
display: block;
opacity: 1
}
.toast.hide {
display: none
}
.toast-header {
display: -ms-flexbox;
display: flex;
-ms-flex-align: center;
align-items: center;
padding: .25rem .75rem;
color: #6c757d;
background-color: rgba(255, 255, 255, .85);
background-clip: padding-box;
border-bottom: 1px solid rgba(0, 0, 0, .05)
}
.toast-body {
padding: .75rem
}
.modal-open {
overflow: hidden
}
.modal-open .modal {
overflow-x: hidden;
overflow-y: auto
}
.modal {
position: fixed;
top: 0;
left: 0;
z-index: 1050;
display: none;
width: 100%;
height: 100%;
overflow: hidden;
outline: 0
}
.modal-dialog {
position: relative;
width: auto;
margin: .5rem;
pointer-events: none
}
.modal.fade .modal-dialog {
transition: -webkit-transform .3s ease-out;
transition: transform .3s ease-out;
transition: transform .3s ease-out, -webkit-transform .3s ease-out;
-webkit-transform: translate(0, -50px);
transform: translate(0, -50px)
}
@media (prefers-reduced-motion:reduce) {
.modal.fade .modal-dialog {
transition: none
}
}
.modal.show .modal-dialog {
-webkit-transform: none;
transform: none
}
.modal.modal-static .modal-dialog {
-webkit-transform: scale(1.02);
transform: scale(1.02)
}
.modal-dialog-scrollable {
display: -ms-flexbox;
display: flex;
max-height: calc(100% - 1rem)
}
.modal-dialog-scrollable .modal-content {
max-height: calc(100vh - 1rem);
overflow: hidden
}
.modal-dialog-scrollable .modal-footer,
.modal-dialog-scrollable .modal-header {
-ms-flex-negative: 0;
flex-shrink: 0
}
.modal-dialog-scrollable .modal-body {
overflow-y: auto
}
.modal-dialog-centered {
display: -ms-flexbox;
display: flex;
-ms-flex-align: center;
align-items: center;
min-height: calc(100% - 1rem)
}
.modal-dialog-centered::before {
display: block;
height: calc(100vh - 1rem);
content: ""
}
.modal-dialog-centered.modal-dialog-scrollable {
-ms-flex-direction: column;
flex-direction: column;
-ms-flex-pack: center;
justify-content: center;
height: 100%
}
.modal-dialog-centered.modal-dialog-scrollable .modal-content {
max-height: none
}
.modal-dialog-centered.modal-dialog-scrollable::before {
content: none
}
.modal-content {
position: relative;
display: -ms-flexbox;
display: flex;
-ms-flex-direction: column;
flex-direction: column;
width: 100%;
pointer-events: auto;
background-color: #fff;
background-clip: padding-box;
border: 1px solid rgba(0, 0, 0, .2);
border-radius: .3rem;
outline: 0
}
.modal-backdrop {
position: fixed;
top: 0;
left: 0;
z-index: 1040;
width: 100vw;
height: 100vh;
background-color: #000
}
.modal-backdrop.fade {
opacity: 0
}
.modal-backdrop.show {
opacity: .5
}
.modal-header {
display: -ms-flexbox;
display: flex;
-ms-flex-align: start;
align-items: flex-start;
-ms-flex-pack: justify;
justify-content: space-between;
padding: 1rem 1rem;
border-bottom: 1px solid #dee2e6;
border-top-left-radius: calc(.3rem - 1px);
border-top-right-radius: calc(.3rem - 1px)
}
.modal-header .close {
padding: 1rem 1rem;
margin: -1rem -1rem -1rem auto
}
.modal-title {
margin-bottom: 0;
line-height: 1.5
}
.modal-body {
position: relative;
-ms-flex: 1 1 auto;
flex: 1 1 auto;
padding: 1rem
}
.modal-footer {
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-ms-flex-align: center;
align-items: center;
-ms-flex-pack: end;
justify-content: flex-end;
padding: .75rem;
border-top: 1px solid #dee2e6;
border-bottom-right-radius: calc(.3rem - 1px);
border-bottom-left-radius: calc(.3rem - 1px)
}
.modal-footer > * {
margin: .25rem
}
.modal-scrollbar-measure {
position: absolute;
top: -9999px;
width: 50px;
height: 50px;
overflow: scroll
}
@media (min-width:576px) {
.modal-dialog {
max-width: 500px;
margin: 1.75rem auto
}
.modal-dialog-scrollable {
max-height: calc(100% - 3.5rem)
}
.modal-dialog-scrollable .modal-content {
max-height: calc(100vh - 3.5rem)
}
.modal-dialog-centered {
min-height: calc(100% - 3.5rem)
}
.modal-dialog-centered::before {
height: calc(100vh - 3.5rem)
}
.modal-sm {
max-width: 300px
}
}
@media (min-width:992px) {
.modal-lg,
.modal-xl {
max-width: 800px
}
}
@media (min-width:1200px) {
.modal-xl {
max-width: 1140px
}
}
.tooltip {
position: absolute;
z-index: 1070;
display: block;
margin: 0;
font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
font-style: normal;
font-weight: 400;
line-height: 1.5;
text-align: left;
text-align: start;
text-decoration: none;
text-shadow: none;
text-transform: none;
letter-spacing: normal;
word-break: normal;
word-spacing: normal;
white-space: normal;
line-break: auto;
font-size: .875rem;
word-wrap: break-word;
opacity: 0
}
.tooltip.show {
opacity: .9
}
.tooltip .arrow {
position: absolute;
display: block;
width: .8rem;
height: .4rem
}
.tooltip .arrow::before {
position: absolute;
content: "";
border-color: transparent;
border-style: solid
}
.bs-tooltip-auto[x-placement^=top],
.bs-tooltip-top {
padding: .4rem 0
}
.bs-tooltip-auto[x-placement^=top] .arrow,
.bs-tooltip-top .arrow {
bottom: 0
}
.bs-tooltip-auto[x-placement^=top] .arrow::before,
.bs-tooltip-top .arrow::before {
top: 0;
border-width: .4rem .4rem 0;
border-top-color: #000
}
.bs-tooltip-auto[x-placement^=right],
.bs-tooltip-right {
padding: 0 .4rem
}
.bs-tooltip-auto[x-placement^=right] .arrow,
.bs-tooltip-right .arrow {
left: 0;
width: .4rem;
height: .8rem
}
.bs-tooltip-auto[x-placement^=right] .arrow::before,
.bs-tooltip-right .arrow::before {
right: 0;
border-width: .4rem .4rem .4rem 0;
border-right-color: #000
}
.bs-tooltip-auto[x-placement^=bottom],
.bs-tooltip-bottom {
padding: .4rem 0
}
.bs-tooltip-auto[x-placement^=bottom] .arrow,
.bs-tooltip-bottom .arrow {
top: 0
}
.bs-tooltip-auto[x-placement^=bottom] .arrow::before,
.bs-tooltip-bottom .arrow::before {
bottom: 0;
border-width: 0 .4rem .4rem;
border-bottom-color: #000
}
.bs-tooltip-auto[x-placement^=left],
.bs-tooltip-left {
padding: 0 .4rem
}
.bs-tooltip-auto[x-placement^=left] .arrow,
.bs-tooltip-left .arrow {
right: 0;
width: .4rem;
height: .8rem
}
.bs-tooltip-auto[x-placement^=left] .arrow::before,
.bs-tooltip-left .arrow::before {
left: 0;
border-width: .4rem 0 .4rem .4rem;
border-left-color: #000
}
.tooltip-inner {
max-width: 200px;
padding: .25rem .5rem;
color: #fff;
text-align: center;
background-color: #000;
border-radius: .25rem
}
.popover {
position: absolute;
top: 0;
left: 0;
z-index: 1060;
display: block;
max-width: 276px;
font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
font-style: normal;
font-weight: 400;
line-height: 1.5;
text-align: left;
text-align: start;
text-decoration: none;
text-shadow: none;
text-transform: none;
letter-spacing: normal;
word-break: normal;
word-spacing: normal;
white-space: normal;
line-break: auto;
font-size: .875rem;
word-wrap: break-word;
background-color: #fff;
background-clip: padding-box;
border: 1px solid rgba(0, 0, 0, .2);
border-radius: .3rem
}
.popover .arrow {
position: absolute;
display: block;
width: 1rem;
height: .5rem;
margin: 0 .3rem
}
.popover .arrow::after,
.popover .arrow::before {
position: absolute;
display: block;
content: "";
border-color: transparent;
border-style: solid
}
.bs-popover-auto[x-placement^=top],
.bs-popover-top {
margin-bottom: .5rem
}
.bs-popover-auto[x-placement^=top] > .arrow,
.bs-popover-top > .arrow {
bottom: calc(-.5rem - 1px)
}
.bs-popover-auto[x-placement^=top] > .arrow::before,
.bs-popover-top > .arrow::before {
bottom: 0;
border-width: .5rem .5rem 0;
border-top-color: rgba(0, 0, 0, .25)
}
.bs-popover-auto[x-placement^=top] > .arrow::after,
.bs-popover-top > .arrow::after {
bottom: 1px;
border-width: .5rem .5rem 0;
border-top-color: #fff
}
.bs-popover-auto[x-placement^=right],
.bs-popover-right {
margin-left: .5rem
}
.bs-popover-auto[x-placement^=right] > .arrow,
.bs-popover-right > .arrow {
left: calc(-.5rem - 1px);
width: .5rem;
height: 1rem;
margin: .3rem 0
}
.bs-popover-auto[x-placement^=right] > .arrow::before,
.bs-popover-right > .arrow::before {
left: 0;
border-width: .5rem .5rem .5rem 0;
border-right-color: rgba(0, 0, 0, .25)
}
.bs-popover-auto[x-placement^=right] > .arrow::after,
.bs-popover-right > .arrow::after {
left: 1px;
border-width: .5rem .5rem .5rem 0;
border-right-color: #fff
}
.bs-popover-auto[x-placement^=bottom],
.bs-popover-bottom {
margin-top: .5rem
}
.bs-popover-auto[x-placement^=bottom] > .arrow,
.bs-popover-bottom > .arrow {
top: calc(-.5rem - 1px)
}
.bs-popover-auto[x-placement^=bottom] > .arrow::before,
.bs-popover-bottom > .arrow::before {
top: 0;
border-width: 0 .5rem .5rem .5rem;
border-bottom-color: rgba(0, 0, 0, .25)
}
.bs-popover-auto[x-placement^=bottom] > .arrow::after,
.bs-popover-bottom > .arrow::after {
top: 1px;
border-width: 0 .5rem .5rem .5rem;
border-bottom-color: #fff
}
.bs-popover-auto[x-placement^=bottom] .popover-header::before,
.bs-popover-bottom .popover-header::before {
position: absolute;
top: 0;
left: 50%;
display: block;
width: 1rem;
margin-left: -.5rem;
content: "";
border-bottom: 1px solid #f7f7f7
}
.bs-popover-auto[x-placement^=left],
.bs-popover-left {
margin-right: .5rem
}
.bs-popover-auto[x-placement^=left] > .arrow,
.bs-popover-left > .arrow {
right: calc(-.5rem - 1px);
width: .5rem;
height: 1rem;
margin: .3rem 0
}
.bs-popover-auto[x-placement^=left] > .arrow::before,
.bs-popover-left > .arrow::before {
right: 0;
border-width: .5rem 0 .5rem .5rem;
border-left-color: rgba(0, 0, 0, .25)
}
.bs-popover-auto[x-placement^=left] > .arrow::after,
.bs-popover-left > .arrow::after {
right: 1px;
border-width: .5rem 0 .5rem .5rem;
border-left-color: #fff
}
.popover-header {
padding: .5rem .75rem;
margin-bottom: 0;
font-size: 1rem;
background-color: #f7f7f7;
border-bottom: 1px solid #ebebeb;
border-top-left-radius: calc(.3rem - 1px);
border-top-right-radius: calc(.3rem - 1px)
}
.popover-header:empty {
display: none
}
.popover-body {
padding: .5rem .75rem;
color: #212529
}
.carousel {
position: relative
}
.carousel.pointer-event {
-ms-touch-action: pan-y;
touch-action: pan-y
}
.carousel-inner {
position: relative;
width: 100%;
overflow: hidden
}
.carousel-inner::after {
display: block;
clear: both;
content: ""
}
.carousel-item {
position: relative;
display: none;
float: left;
width: 100%;
margin-right: -100%;
-webkit-backface-visibility: hidden;
backface-visibility: hidden;
transition: -webkit-transform .6s ease-in-out;
transition: transform .6s ease-in-out;
transition: transform .6s ease-in-out, -webkit-transform .6s ease-in-out
}
@media (prefers-reduced-motion:reduce) {
.carousel-item {
transition: none
}
}
.carousel-item-next,
.carousel-item-prev,
.carousel-item.active {
display: block
}
.active.carousel-item-right,
.carousel-item-next:not(.carousel-item-left) {
-webkit-transform: translateX(100%);
transform: translateX(100%)
}
.active.carousel-item-left,
.carousel-item-prev:not(.carousel-item-right) {
-webkit-transform: translateX(-100%);
transform: translateX(-100%)
}
.carousel-fade .carousel-item {
opacity: 0;
transition-property: opacity;
-webkit-transform: none;
transform: none
}
.carousel-fade .carousel-item-next.carousel-item-left,
.carousel-fade .carousel-item-prev.carousel-item-right,
.carousel-fade .carousel-item.active {
z-index: 1;
opacity: 1
}
.carousel-fade .active.carousel-item-left,
.carousel-fade .active.carousel-item-right {
z-index: 0;
opacity: 0;
transition: opacity 0s .6s
}
@media (prefers-reduced-motion:reduce) {
.carousel-fade .active.carousel-item-left,
.carousel-fade .active.carousel-item-right {
transition: none
}
}
.carousel-control-next,
.carousel-control-prev {
position: absolute;
top: 0;
bottom: 0;
z-index: 1;
display: -ms-flexbox;
display: flex;
-ms-flex-align: center;
align-items: center;
-ms-flex-pack: center;
justify-content: center;
width: 15%;
color: #fff;
text-align: center;
opacity: .5;
transition: opacity .15s ease
}
@media (prefers-reduced-motion:reduce) {
.carousel-control-next,
.carousel-control-prev {
transition: none
}
}
.carousel-control-next:focus,
.carousel-control-next:hover,
.carousel-control-prev:focus,
.carousel-control-prev:hover {
color: #fff;
text-decoration: none;
outline: 0;
opacity: .9
}
.carousel-control-prev {
left: 0
}
.carousel-control-next {
right: 0
}
.carousel-control-next-icon,
.carousel-control-prev-icon {
display: inline-block;
width: 20px;
height: 20px;
background: no-repeat 50%/100% 100%
}
.carousel-control-prev-icon {
background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='%23fff' width='8' height='8' viewBox='0 0 8 8'%3e%3cpath d='M5.25 0l-4 4 4 4 1.5-1.5L4.25 4l2.5-2.5L5.25 0z'/%3e%3c/svg%3e")
}
.carousel-control-next-icon {
background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='%23fff' width='8' height='8' viewBox='0 0 8 8'%3e%3cpath d='M2.75 0l-1.5 1.5L3.75 4l-2.5 2.5L2.75 8l4-4-4-4z'/%3e%3c/svg%3e")
}
.carousel-indicators {
position: absolute;
right: 0;
bottom: 0;
left: 0;
z-index: 15;
display: -ms-flexbox;
display: flex;
-ms-flex-pack: center;
justify-content: center;
padding-left: 0;
margin-right: 15%;
margin-left: 15%;
list-style: none
}
.carousel-indicators li {
box-sizing: content-box;
-ms-flex: 0 1 auto;
flex: 0 1 auto;
width: 30px;
height: 3px;
margin-right: 3px;
margin-left: 3px;
text-indent: -999px;
cursor: pointer;
background-color: #fff;
background-clip: padding-box;
border-top: 10px solid transparent;
border-bottom: 10px solid transparent;
opacity: .5;
transition: opacity .6s ease
}
@media (prefers-reduced-motion:reduce) {
.carousel-indicators li {
transition: none
}
}
.carousel-indicators .active {
opacity: 1
}
.carousel-caption {
position: absolute;
right: 15%;
bottom: 20px;
left: 15%;
z-index: 10;
padding-top: 20px;
padding-bottom: 20px;
color: #fff;
text-align: center
}
@-webkit-keyframes spinner-border {
to {
-webkit-transform: rotate(360deg);
transform: rotate(360deg)
}
}
@keyframes spinner-border {
to {
-webkit-transform: rotate(360deg);
transform: rotate(360deg)
}
}
.spinner-border {
display: inline-block;
width: 2rem;
height: 2rem;
vertical-align: text-bottom;
border: .25em solid currentColor;
border-right-color: transparent;
border-radius: 50%;
-webkit-animation: spinner-border .75s linear infinite;
animation: spinner-border .75s linear infinite
}
.spinner-border-sm {
width: 1rem;
height: 1rem;
border-width: .2em
}
@-webkit-keyframes spinner-grow {
0% {
-webkit-transform: scale(0);
transform: scale(0)
}
50% {
opacity: 1
}
}
@keyframes spinner-grow {
0% {
-webkit-transform: scale(0);
transform: scale(0)
}
50% {
opacity: 1
}
}
.spinner-grow {
display: inline-block;
width: 2rem;
height: 2rem;
vertical-align: text-bottom;
background-color: currentColor;
border-radius: 50%;
opacity: 0;
-webkit-animation: spinner-grow .75s linear infinite;
animation: spinner-grow .75s linear infinite
}
.spinner-grow-sm {
width: 1rem;
height: 1rem
}
.align-baseline {
vertical-align: baseline !important
}
.align-top {
vertical-align: top !important
}
.align-middle {
vertical-align: middle !important
}
.align-bottom {
vertical-align: bottom !important
}
.align-text-bottom {
vertical-align: text-bottom !important
}
.align-text-top {
vertical-align: text-top !important
}
.bg-primary {
background-color: #007bff !important
}
a.bg-primary:focus,
a.bg-primary:hover,
button.bg-primary:focus,
button.bg-primary:hover {
background-color: #0062cc !important
}
.bg-secondary {
background-color: #6c757d !important
}
a.bg-secondary:focus,
a.bg-secondary:hover,
button.bg-secondary:focus,
button.bg-secondary:hover {
background-color: #545b62 !important
}
.bg-success {
background-color: #28a745 !important
}
a.bg-success:focus,
a.bg-success:hover,
button.bg-success:focus,
button.bg-success:hover {
background-color: #1e7e34 !important
}
.bg-info {
background-color: #17a2b8 !important
}
a.bg-info:focus,
a.bg-info:hover,
button.bg-info:focus,
button.bg-info:hover {
background-color: #117a8b !important
}
.bg-warning {
background-color: #ffc107 !important
}
a.bg-warning:focus,
a.bg-warning:hover,
button.bg-warning:focus,
button.bg-warning:hover {
background-color: #d39e00 !important
}
.bg-danger {
background-color: #dc3545 !important
}
a.bg-danger:focus,
a.bg-danger:hover,
button.bg-danger:focus,
button.bg-danger:hover {
background-color: #bd2130 !important
}
.bg-light {
background-color: #f8f9fa !important
}
a.bg-light:focus,
a.bg-light:hover,
button.bg-light:focus,
button.bg-light:hover {
background-color: #dae0e5 !important
}
.bg-dark {
background-color: #343a40 !important
}
a.bg-dark:focus,
a.bg-dark:hover,
button.bg-dark:focus,
button.bg-dark:hover {
background-color: #1d2124 !important
}
.bg-white {
background-color: #fff !important
}
.bg-transparent {
background-color: transparent !important
}
.border {
border: 1px solid #dee2e6 !important
}
.border-top {
border-top: 1px solid #dee2e6 !important
}
.border-right {
border-right: 1px solid #dee2e6 !important
}
.border-bottom {
border-bottom: 1px solid #dee2e6 !important
}
.border-left {
border-left: 1px solid #dee2e6 !important
}
.border-0 {
border: 0 !important
}
.border-top-0 {
border-top: 0 !important
}
.border-right-0 {
border-right: 0 !important
}
.border-bottom-0 {
border-bottom: 0 !important
}
.border-left-0 {
border-left: 0 !important
}
.border-primary {
border-color: #007bff !important
}
.border-secondary {
border-color: #6c757d !important
}
.border-success {
border-color: #28a745 !important
}
.border-info {
border-color: #17a2b8 !important
}
.border-warning {
border-color: #ffc107 !important
}
.border-danger {
border-color: #dc3545 !important
}
.border-light {
border-color: #f8f9fa !important
}
.border-dark {
border-color: #343a40 !important
}
.border-white {
border-color: #fff !important
}
.rounded-sm {
border-radius: .2rem !important
}
.rounded {
border-radius: .25rem !important
}
.rounded-top {
border-top-left-radius: .25rem !important;
border-top-right-radius: .25rem !important
}
.rounded-right {
border-top-right-radius: .25rem !important;
border-bottom-right-radius: .25rem !important
}
.rounded-bottom {
border-bottom-right-radius: .25rem !important;
border-bottom-left-radius: .25rem !important
}
.rounded-left {
border-top-left-radius: .25rem !important;
border-bottom-left-radius: .25rem !important
}
.rounded-lg {
border-radius: .3rem !important
}
.rounded-circle {
border-radius: 50% !important
}
.rounded-pill {
border-radius: 50rem !important
}
.rounded-0 {
border-radius: 0 !important
}
.clearfix::after {
display: block;
clear: both;
content: ""
}
.d-none {
display: none !important
}
.d-inline {
display: inline !important
}
.d-inline-block {
display: inline-block !important
}
.d-block {
display: block !important
}
.d-table {
display: table !important
}
.d-table-row {
display: table-row !important
}
.d-table-cell {
display: table-cell !important
}
.d-flex {
display: -ms-flexbox !important;
display: flex !important
}
.d-inline-flex {
display: -ms-inline-flexbox !important;
display: inline-flex !important
}
@media (min-width:576px) {
.d-sm-none {
display: none !important
}
.d-sm-inline {
display: inline !important
}
.d-sm-inline-block {
display: inline-block !important
}
.d-sm-block {
display: block !important
}
.d-sm-table {
display: table !important
}
.d-sm-table-row {
display: table-row !important
}
.d-sm-table-cell {
display: table-cell !important
}
.d-sm-flex {
display: -ms-flexbox !important;
display: flex !important
}
.d-sm-inline-flex {
display: -ms-inline-flexbox !important;
display: inline-flex !important
}
}
@media (min-width:768px) {
.d-md-none {
display: none !important
}
.d-md-inline {
display: inline !important
}
.d-md-inline-block {
display: inline-block !important
}
.d-md-block {
display: block !important
}
.d-md-table {
display: table !important
}
.d-md-table-row {
display: table-row !important
}
.d-md-table-cell {
display: table-cell !important
}
.d-md-flex {
display: -ms-flexbox !important;
display: flex !important
}
.d-md-inline-flex {
display: -ms-inline-flexbox !important;
display: inline-flex !important
}
}
@media (min-width:992px) {
.d-lg-none {
display: none !important
}
.d-lg-inline {
display: inline !important
}
.d-lg-inline-block {
display: inline-block !important
}
.d-lg-block {
display: block !important
}
.d-lg-table {
display: table !important
}
.d-lg-table-row {
display: table-row !important
}
.d-lg-table-cell {
display: table-cell !important
}
.d-lg-flex {
display: -ms-flexbox !important;
display: flex !important
}
.d-lg-inline-flex {
display: -ms-inline-flexbox !important;
display: inline-flex !important
}
}
@media (min-width:1200px) {
.d-xl-none {
display: none !important
}
.d-xl-inline {
display: inline !important
}
.d-xl-inline-block {
display: inline-block !important
}
.d-xl-block {
display: block !important
}
.d-xl-table {
display: table !important
}
.d-xl-table-row {
display: table-row !important
}
.d-xl-table-cell {
display: table-cell !important
}
.d-xl-flex {
display: -ms-flexbox !important;
display: flex !important
}
.d-xl-inline-flex {
display: -ms-inline-flexbox !important;
display: inline-flex !important
}
}
@media print {
.d-print-none {
display: none !important
}
.d-print-inline {
display: inline !important
}
.d-print-inline-block {
display: inline-block !important
}
.d-print-block {
display: block !important
}
.d-print-table {
display: table !important
}
.d-print-table-row {
display: table-row !important
}
.d-print-table-cell {
display: table-cell !important
}
.d-print-flex {
display: -ms-flexbox !important;
display: flex !important
}
.d-print-inline-flex {
display: -ms-inline-flexbox !important;
display: inline-flex !important
}
}
.embed-responsive {
position: relative;
display: block;
width: 100%;
padding: 0;
overflow: hidden
}
.embed-responsive::before {
display: block;
content: ""
}
.embed-responsive .embed-responsive-item,
.embed-responsive embed,
.embed-responsive iframe,
.embed-responsive object,
.embed-responsive video {
position: absolute;
top: 0;
bottom: 0;
left: 0;
width: 100%;
height: 100%;
border: 0
}
.embed-responsive-21by9::before {
padding-top: 42.857143%
}
.embed-responsive-16by9::before {
padding-top: 56.25%
}
.embed-responsive-4by3::before {
padding-top: 75%
}
.embed-responsive-1by1::before {
padding-top: 100%
}
.flex-row {
-ms-flex-direction: row !important;
flex-direction: row !important
}
.flex-column {
-ms-flex-direction: column !important;
flex-direction: column !important
}
.flex-row-reverse {
-ms-flex-direction: row-reverse !important;
flex-direction: row-reverse !important
}
.flex-column-reverse {
-ms-flex-direction: column-reverse !important;
flex-direction: column-reverse !important
}
.flex-wrap {
-ms-flex-wrap: wrap !important;
flex-wrap: wrap !important
}
.flex-nowrap {
-ms-flex-wrap: nowrap !important;
flex-wrap: nowrap !important
}
.flex-wrap-reverse {
-ms-flex-wrap: wrap-reverse !important;
flex-wrap: wrap-reverse !important
}
.flex-fill {
-ms-flex: 1 1 auto !important;
flex: 1 1 auto !important
}
.flex-grow-0 {
-ms-flex-positive: 0 !important;
flex-grow: 0 !important
}
.flex-grow-1 {
-ms-flex-positive: 1 !important;
flex-grow: 1 !important
}
.flex-shrink-0 {
-ms-flex-negative: 0 !important;
flex-shrink: 0 !important
}
.flex-shrink-1 {
-ms-flex-negative: 1 !important;
flex-shrink: 1 !important
}
.justify-content-start {
-ms-flex-pack: start !important;
justify-content: flex-start !important
}
.justify-content-end {
-ms-flex-pack: end !important;
justify-content: flex-end !important
}
.justify-content-center {
-ms-flex-pack: center !important;
justify-content: center !important
}
.justify-content-between {
-ms-flex-pack: justify !important;
justify-content: space-between !important
}
.justify-content-around {
-ms-flex-pack: distribute !important;
justify-content: space-around !important
}
.align-items-start {
-ms-flex-align: start !important;
align-items: flex-start !important
}
.align-items-end {
-ms-flex-align: end !important;
align-items: flex-end !important
}
.align-items-center {
-ms-flex-align: center !important;
align-items: center !important
}
.align-items-baseline {
-ms-flex-align: baseline !important;
align-items: baseline !important
}
.align-items-stretch {
-ms-flex-align: stretch !important;
align-items: stretch !important
}
.align-content-start {
-ms-flex-line-pack: start !important;
align-content: flex-start !important
}
.align-content-end {
-ms-flex-line-pack: end !important;
align-content: flex-end !important
}
.align-content-center {
-ms-flex-line-pack: center !important;
align-content: center !important
}
.align-content-between {
-ms-flex-line-pack: justify !important;
align-content: space-between !important
}
.align-content-around {
-ms-flex-line-pack: distribute !important;
align-content: space-around !important
}
.align-content-stretch {
-ms-flex-line-pack: stretch !important;
align-content: stretch !important
}
.align-self-auto {
-ms-flex-item-align: auto !important;
align-self: auto !important
}
.align-self-start {
-ms-flex-item-align: start !important;
align-self: flex-start !important
}
.align-self-end {
-ms-flex-item-align: end !important;
align-self: flex-end !important
}
.align-self-center {
-ms-flex-item-align: center !important;
align-self: center !important
}
.align-self-baseline {
-ms-flex-item-align: baseline !important;
align-self: baseline !important
}
.align-self-stretch {
-ms-flex-item-align: stretch !important;
align-self: stretch !important
}
@media (min-width:576px) {
.flex-sm-row {
-ms-flex-direction: row !important;
flex-direction: row !important
}
.flex-sm-column {
-ms-flex-direction: column !important;
flex-direction: column !important
}
.flex-sm-row-reverse {
-ms-flex-direction: row-reverse !important;
flex-direction: row-reverse !important
}
.flex-sm-column-reverse {
-ms-flex-direction: column-reverse !important;
flex-direction: column-reverse !important
}
.flex-sm-wrap {
-ms-flex-wrap: wrap !important;
flex-wrap: wrap !important
}
.flex-sm-nowrap {
-ms-flex-wrap: nowrap !important;
flex-wrap: nowrap !important
}
.flex-sm-wrap-reverse {
-ms-flex-wrap: wrap-reverse !important;
flex-wrap: wrap-reverse !important
}
.flex-sm-fill {
-ms-flex: 1 1 auto !important;
flex: 1 1 auto !important
}
.flex-sm-grow-0 {
-ms-flex-positive: 0 !important;
flex-grow: 0 !important
}
.flex-sm-grow-1 {
-ms-flex-positive: 1 !important;
flex-grow: 1 !important
}
.flex-sm-shrink-0 {
-ms-flex-negative: 0 !important;
flex-shrink: 0 !important
}
.flex-sm-shrink-1 {
-ms-flex-negative: 1 !important;
flex-shrink: 1 !important
}
.justify-content-sm-start {
-ms-flex-pack: start !important;
justify-content: flex-start !important
}
.justify-content-sm-end {
-ms-flex-pack: end !important;
justify-content: flex-end !important
}
.justify-content-sm-center {
-ms-flex-pack: center !important;
justify-content: center !important
}
.justify-content-sm-between {
-ms-flex-pack: justify !important;
justify-content: space-between !important
}
.justify-content-sm-around {
-ms-flex-pack: distribute !important;
justify-content: space-around !important
}
.align-items-sm-start {
-ms-flex-align: start !important;
align-items: flex-start !important
}
.align-items-sm-end {
-ms-flex-align: end !important;
align-items: flex-end !important
}
.align-items-sm-center {
-ms-flex-align: center !important;
align-items: center !important
}
.align-items-sm-baseline {
-ms-flex-align: baseline !important;
align-items: baseline !important
}
.align-items-sm-stretch {
-ms-flex-align: stretch !important;
align-items: stretch !important
}
.align-content-sm-start {
-ms-flex-line-pack: start !important;
align-content: flex-start !important
}
.align-content-sm-end {
-ms-flex-line-pack: end !important;
align-content: flex-end !important
}
.align-content-sm-center {
-ms-flex-line-pack: center !important;
align-content: center !important
}
.align-content-sm-between {
-ms-flex-line-pack: justify !important;
align-content: space-between !important
}
.align-content-sm-around {
-ms-flex-line-pack: distribute !important;
align-content: space-around !important
}
.align-content-sm-stretch {
-ms-flex-line-pack: stretch !important;
align-content: stretch !important
}
.align-self-sm-auto {
-ms-flex-item-align: auto !important;
align-self: auto !important
}
.align-self-sm-start {
-ms-flex-item-align: start !important;
align-self: flex-start !important
}
.align-self-sm-end {
-ms-flex-item-align: end !important;
align-self: flex-end !important
}
.align-self-sm-center {
-ms-flex-item-align: center !important;
align-self: center !important
}
.align-self-sm-baseline {
-ms-flex-item-align: baseline !important;
align-self: baseline !important
}
.align-self-sm-stretch {
-ms-flex-item-align: stretch !important;
align-self: stretch !important
}
}
@media (min-width:768px) {
.flex-md-row {
-ms-flex-direction: row !important;
flex-direction: row !important
}
.flex-md-column {
-ms-flex-direction: column !important;
flex-direction: column !important
}
.flex-md-row-reverse {
-ms-flex-direction: row-reverse !important;
flex-direction: row-reverse !important
}
.flex-md-column-reverse {
-ms-flex-direction: column-reverse !important;
flex-direction: column-reverse !important
}
.flex-md-wrap {
-ms-flex-wrap: wrap !important;
flex-wrap: wrap !important
}
.flex-md-nowrap {
-ms-flex-wrap: nowrap !important;
flex-wrap: nowrap !important
}
.flex-md-wrap-reverse {
-ms-flex-wrap: wrap-reverse !important;
flex-wrap: wrap-reverse !important
}
.flex-md-fill {
-ms-flex: 1 1 auto !important;
flex: 1 1 auto !important
}
.flex-md-grow-0 {
-ms-flex-positive: 0 !important;
flex-grow: 0 !important
}
.flex-md-grow-1 {
-ms-flex-positive: 1 !important;
flex-grow: 1 !important
}
.flex-md-shrink-0 {
-ms-flex-negative: 0 !important;
flex-shrink: 0 !important
}
.flex-md-shrink-1 {
-ms-flex-negative: 1 !important;
flex-shrink: 1 !important
}
.justify-content-md-start {
-ms-flex-pack: start !important;
justify-content: flex-start !important
}
.justify-content-md-end {
-ms-flex-pack: end !important;
justify-content: flex-end !important
}
.justify-content-md-center {
-ms-flex-pack: center !important;
justify-content: center !important
}
.justify-content-md-between {
-ms-flex-pack: justify !important;
justify-content: space-between !important
}
.justify-content-md-around {
-ms-flex-pack: distribute !important;
justify-content: space-around !important
}
.align-items-md-start {
-ms-flex-align: start !important;
align-items: flex-start !important
}
.align-items-md-end {
-ms-flex-align: end !important;
align-items: flex-end !important
}
.align-items-md-center {
-ms-flex-align: center !important;
align-items: center !important
}
.align-items-md-baseline {
-ms-flex-align: baseline !important;
align-items: baseline !important
}
.align-items-md-stretch {
-ms-flex-align: stretch !important;
align-items: stretch !important
}
.align-content-md-start {
-ms-flex-line-pack: start !important;
align-content: flex-start !important
}
.align-content-md-end {
-ms-flex-line-pack: end !important;
align-content: flex-end !important
}
.align-content-md-center {
-ms-flex-line-pack: center !important;
align-content: center !important
}
.align-content-md-between {
-ms-flex-line-pack: justify !important;
align-content: space-between !important
}
.align-content-md-around {
-ms-flex-line-pack: distribute !important;
align-content: space-around !important
}
.align-content-md-stretch {
-ms-flex-line-pack: stretch !important;
align-content: stretch !important
}
.align-self-md-auto {
-ms-flex-item-align: auto !important;
align-self: auto !important
}
.align-self-md-start {
-ms-flex-item-align: start !important;
align-self: flex-start !important
}
.align-self-md-end {
-ms-flex-item-align: end !important;
align-self: flex-end !important
}
.align-self-md-center {
-ms-flex-item-align: center !important;
align-self: center !important
}
.align-self-md-baseline {
-ms-flex-item-align: baseline !important;
align-self: baseline !important
}
.align-self-md-stretch {
-ms-flex-item-align: stretch !important;
align-self: stretch !important
}
}
@media (min-width:992px) {
.flex-lg-row {
-ms-flex-direction: row !important;
flex-direction: row !important
}
.flex-lg-column {
-ms-flex-direction: column !important;
flex-direction: column !important
}
.flex-lg-row-reverse {
-ms-flex-direction: row-reverse !important;
flex-direction: row-reverse !important
}
.flex-lg-column-reverse {
-ms-flex-direction: column-reverse !important;
flex-direction: column-reverse !important
}
.flex-lg-wrap {
-ms-flex-wrap: wrap !important;
flex-wrap: wrap !important
}
.flex-lg-nowrap {
-ms-flex-wrap: nowrap !important;
flex-wrap: nowrap !important
}
.flex-lg-wrap-reverse {
-ms-flex-wrap: wrap-reverse !important;
flex-wrap: wrap-reverse !important
}
.flex-lg-fill {
-ms-flex: 1 1 auto !important;
flex: 1 1 auto !important
}
.flex-lg-grow-0 {
-ms-flex-positive: 0 !important;
flex-grow: 0 !important
}
.flex-lg-grow-1 {
-ms-flex-positive: 1 !important;
flex-grow: 1 !important
}
.flex-lg-shrink-0 {
-ms-flex-negative: 0 !important;
flex-shrink: 0 !important
}
.flex-lg-shrink-1 {
-ms-flex-negative: 1 !important;
flex-shrink: 1 !important
}
.justify-content-lg-start {
-ms-flex-pack: start !important;
justify-content: flex-start !important
}
.justify-content-lg-end {
-ms-flex-pack: end !important;
justify-content: flex-end !important
}
.justify-content-lg-center {
-ms-flex-pack: center !important;
justify-content: center !important
}
.justify-content-lg-between {
-ms-flex-pack: justify !important;
justify-content: space-between !important
}
.justify-content-lg-around {
-ms-flex-pack: distribute !important;
justify-content: space-around !important
}
.align-items-lg-start {
-ms-flex-align: start !important;
align-items: flex-start !important
}
.align-items-lg-end {
-ms-flex-align: end !important;
align-items: flex-end !important
}
.align-items-lg-center {
-ms-flex-align: center !important;
align-items: center !important
}
.align-items-lg-baseline {
-ms-flex-align: baseline !important;
align-items: baseline !important
}
.align-items-lg-stretch {
-ms-flex-align: stretch !important;
align-items: stretch !important
}
.align-content-lg-start {
-ms-flex-line-pack: start !important;
align-content: flex-start !important
}
.align-content-lg-end {
-ms-flex-line-pack: end !important;
align-content: flex-end !important
}
.align-content-lg-center {
-ms-flex-line-pack: center !important;
align-content: center !important
}
.align-content-lg-between {
-ms-flex-line-pack: justify !important;
align-content: space-between !important
}
.align-content-lg-around {
-ms-flex-line-pack: distribute !important;
align-content: space-around !important
}
.align-content-lg-stretch {
-ms-flex-line-pack: stretch !important;
align-content: stretch !important
}
.align-self-lg-auto {
-ms-flex-item-align: auto !important;
align-self: auto !important
}
.align-self-lg-start {
-ms-flex-item-align: start !important;
align-self: flex-start !important
}
.align-self-lg-end {
-ms-flex-item-align: end !important;
align-self: flex-end !important
}
.align-self-lg-center {
-ms-flex-item-align: center !important;
align-self: center !important
}
.align-self-lg-baseline {
-ms-flex-item-align: baseline !important;
align-self: baseline !important
}
.align-self-lg-stretch {
-ms-flex-item-align: stretch !important;
align-self: stretch !important
}
}
@media (min-width:1200px) {
.flex-xl-row {
-ms-flex-direction: row !important;
flex-direction: row !important
}
.flex-xl-column {
-ms-flex-direction: column !important;
flex-direction: column !important
}
.flex-xl-row-reverse {
-ms-flex-direction: row-reverse !important;
flex-direction: row-reverse !important
}
.flex-xl-column-reverse {
-ms-flex-direction: column-reverse !important;
flex-direction: column-reverse !important
}
.flex-xl-wrap {
-ms-flex-wrap: wrap !important;
flex-wrap: wrap !important
}
.flex-xl-nowrap {
-ms-flex-wrap: nowrap !important;
flex-wrap: nowrap !important
}
.flex-xl-wrap-reverse {
-ms-flex-wrap: wrap-reverse !important;
flex-wrap: wrap-reverse !important
}
.flex-xl-fill {
-ms-flex: 1 1 auto !important;
flex: 1 1 auto !important
}
.flex-xl-grow-0 {
-ms-flex-positive: 0 !important;
flex-grow: 0 !important
}
.flex-xl-grow-1 {
-ms-flex-positive: 1 !important;
flex-grow: 1 !important
}
.flex-xl-shrink-0 {
-ms-flex-negative: 0 !important;
flex-shrink: 0 !important
}
.flex-xl-shrink-1 {
-ms-flex-negative: 1 !important;
flex-shrink: 1 !important
}
.justify-content-xl-start {
-ms-flex-pack: start !important;
justify-content: flex-start !important
}
.justify-content-xl-end {
-ms-flex-pack: end !important;
justify-content: flex-end !important
}
.justify-content-xl-center {
-ms-flex-pack: center !important;
justify-content: center !important
}
.justify-content-xl-between {
-ms-flex-pack: justify !important;
justify-content: space-between !important
}
.justify-content-xl-around {
-ms-flex-pack: distribute !important;
justify-content: space-around !important
}
.align-items-xl-start {
-ms-flex-align: start !important;
align-items: flex-start !important
}
.align-items-xl-end {
-ms-flex-align: end !important;
align-items: flex-end !important
}
.align-items-xl-center {
-ms-flex-align: center !important;
align-items: center !important
}
.align-items-xl-baseline {
-ms-flex-align: baseline !important;
align-items: baseline !important
}
.align-items-xl-stretch {
-ms-flex-align: stretch !important;
align-items: stretch !important
}
.align-content-xl-start {
-ms-flex-line-pack: start !important;
align-content: flex-start !important
}
.align-content-xl-end {
-ms-flex-line-pack: end !important;
align-content: flex-end !important
}
.align-content-xl-center {
-ms-flex-line-pack: center !important;
align-content: center !important
}
.align-content-xl-between {
-ms-flex-line-pack: justify !important;
align-content: space-between !important
}
.align-content-xl-around {
-ms-flex-line-pack: distribute !important;
align-content: space-around !important
}
.align-content-xl-stretch {
-ms-flex-line-pack: stretch !important;
align-content: stretch !important
}
.align-self-xl-auto {
-ms-flex-item-align: auto !important;
align-self: auto !important
}
.align-self-xl-start {
-ms-flex-item-align: start !important;
align-self: flex-start !important
}
.align-self-xl-end {
-ms-flex-item-align: end !important;
align-self: flex-end !important
}
.align-self-xl-center {
-ms-flex-item-align: center !important;
align-self: center !important
}
.align-self-xl-baseline {
-ms-flex-item-align: baseline !important;
align-self: baseline !important
}
.align-self-xl-stretch {
-ms-flex-item-align: stretch !important;
align-self: stretch !important
}
}
.float-left {
float: left !important
}
.float-right {
float: right !important
}
.float-none {
float: none !important
}
@media (min-width:576px) {
.float-sm-left {
float: left !important
}
.float-sm-right {
float: right !important
}
.float-sm-none {
float: none !important
}
}
@media (min-width:768px) {
.float-md-left {
float: left !important
}
.float-md-right {
float: right !important
}
.float-md-none {
float: none !important
}
}
@media (min-width:992px) {
.float-lg-left {
float: left !important
}
.float-lg-right {
float: right !important
}
.float-lg-none {
float: none !important
}
}
@media (min-width:1200px) {
.float-xl-left {
float: left !important
}
.float-xl-right {
float: right !important
}
.float-xl-none {
float: none !important
}
}
.overflow-auto {
overflow: auto !important
}
.overflow-hidden {
overflow: hidden !important
}
.position-static {
position: static !important
}
.position-relative {
position: relative !important
}
.position-absolute {
position: absolute !important
}
.position-fixed {
position: fixed !important
}
.position-sticky {
position: -webkit-sticky !important;
position: sticky !important
}
.fixed-top {
position: fixed;
top: 0;
right: 0;
left: 0;
z-index: 1030
}
.fixed-bottom {
position: fixed;
right: 0;
bottom: 0;
left: 0;
z-index: 1030
}
@supports ((position:-webkit-sticky) or (position:sticky)) {
.sticky-top {
position: -webkit-sticky;
position: sticky;
top: 0;
z-index: 1020
}
}
.sr-only {
position: absolute;
width: 1px;
height: 1px;
padding: 0;
margin: -1px;
overflow: hidden;
clip: rect(0, 0, 0, 0);
white-space: nowrap;
border: 0
}
.sr-only-focusable:active,
.sr-only-focusable:focus {
position: static;
width: auto;
height: auto;
overflow: visible;
clip: auto;
white-space: normal
}
.shadow-sm {
box-shadow: 0 .125rem .25rem rgba(0, 0, 0, .075) !important
}
.shadow {
box-shadow: 0 .5rem 1rem rgba(0, 0, 0, .15) !important
}
.shadow-lg {
box-shadow: 0 1rem 3rem rgba(0, 0, 0, .175) !important
}
.shadow-none {
box-shadow: none !important
}
.w-25 {
width: 25% !important
}
.w-50 {
width: 50% !important
}
.w-75 {
width: 75% !important
}
.w-100 {
width: 100% !important
}
.w-auto {
width: auto !important
}
.h-25 {
height: 25% !important
}
.h-50 {
height: 50% !important
}
.h-75 {
height: 75% !important
}
.h-100 {
height: 100% !important
}
.h-auto {
height: auto !important
}
.mw-100 {
max-width: 100% !important
}
.mh-100 {
max-height: 100% !important
}
.min-vw-100 {
min-width: 100vw !important
}
.min-vh-100 {
min-height: 100vh !important
}
.vw-100 {
width: 100vw !important
}
.vh-100 {
height: 100vh !important
}
.stretched-link::after {
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
z-index: 1;
pointer-events: auto;
content: "";
background-color: rgba(0, 0, 0, 0)
}
.m-0 {
margin: 0 !important
}
.mt-0,
.my-0 {
margin-top: 0 !important
}
.mr-0,
.mx-0 {
margin-right: 0 !important
}
.mb-0,
.my-0 {
margin-bottom: 0 !important
}
.ml-0,
.mx-0 {
margin-left: 0 !important
}
.m-1 {
margin: .25rem !important
}
.mt-1,
.my-1 {
margin-top: .25rem !important
}
.mr-1,
.mx-1 {
margin-right: .25rem !important
}
.mb-1,
.my-1 {
margin-bottom: .25rem !important
}
.ml-1,
.mx-1 {
margin-left: .25rem !important
}
.m-2 {
margin: .5rem !important
}
.mt-2,
.my-2 {
margin-top: .5rem !important
}
.mr-2,
.mx-2 {
margin-right: .5rem !important
}
.mb-2,
.my-2 {
margin-bottom: .5rem !important
}
.ml-2,
.mx-2 {
margin-left: .5rem !important
}
.m-3 {
margin: 1rem !important
}
.mt-3,
.my-3 {
margin-top: 1rem !important
}
.mr-3,
.mx-3 {
margin-right: 1rem !important
}
.mb-3,
.my-3 {
margin-bottom: 1rem !important
}
.ml-3,
.mx-3 {
margin-left: 1rem !important
}
.m-4 {
margin: 1.5rem !important
}
.mt-4,
.my-4 {
margin-top: 1.5rem !important
}
.mr-4,
.mx-4 {
margin-right: 1.5rem !important
}
.mb-4,
.my-4 {
margin-bottom: 1.5rem !important
}
.ml-4,
.mx-4 {
margin-left: 1.5rem !important
}
.m-5 {
margin: 3rem !important
}
.mt-5,
.my-5 {
margin-top: 3rem !important
}
.mr-5,
.mx-5 {
margin-right: 3rem !important
}
.mb-5,
.my-5 {
margin-bottom: 3rem !important
}
.ml-5,
.mx-5 {
margin-left: 3rem !important
}
.p-0 {
padding: 0 !important
}
.pt-0,
.py-0 {
padding-top: 0 !important
}
.pr-0,
.px-0 {
padding-right: 0 !important
}
.pb-0,
.py-0 {
padding-bottom: 0 !important
}
.pl-0,
.px-0 {
padding-left: 0 !important
}
.p-1 {
padding: .25rem !important
}
.pt-1,
.py-1 {
padding-top: .25rem !important
}
.pr-1,
.px-1 {
padding-right: .25rem !important
}
.pb-1,
.py-1 {
padding-bottom: .25rem !important
}
.pl-1,
.px-1 {
padding-left: .25rem !important
}
.p-2 {
padding: .5rem !important
}
.pt-2,
.py-2 {
padding-top: .5rem !important
}
.pr-2,
.px-2 {
padding-right: .5rem !important
}
.pb-2,
.py-2 {
padding-bottom: .5rem !important
}
.pl-2,
.px-2 {
padding-left: .5rem !important
}
.p-3 {
padding: 1rem !important
}
.pt-3,
.py-3 {
padding-top: 1rem !important
}
.pr-3,
.px-3 {
padding-right: 1rem !important
}
.pb-3,
.py-3 {
padding-bottom: 1rem !important
}
.pl-3,
.px-3 {
padding-left: 1rem !important
}
.p-4 {
padding: 1.5rem !important
}
.pt-4,
.py-4 {
padding-top: 1.5rem !important
}
.pr-4,
.px-4 {
padding-right: 1.5rem !important
}
.pb-4,
.py-4 {
padding-bottom: 1.5rem !important
}
.pl-4,
.px-4 {
padding-left: 1.5rem !important
}
.p-5 {
padding: 3rem !important
}
.pt-5,
.py-5 {
padding-top: 3rem !important
}
.pr-5,
.px-5 {
padding-right: 3rem !important
}
.pb-5,
.py-5 {
padding-bottom: 3rem !important
}
.pl-5,
.px-5 {
padding-left: 3rem !important
}
.m-n1 {
margin: -.25rem !important
}
.mt-n1,
.my-n1 {
margin-top: -.25rem !important
}
.mr-n1,
.mx-n1 {
margin-right: -.25rem !important
}
.mb-n1,
.my-n1 {
margin-bottom: -.25rem !important
}
.ml-n1,
.mx-n1 {
margin-left: -.25rem !important
}
.m-n2 {
margin: -.5rem !important
}
.mt-n2,
.my-n2 {
margin-top: -.5rem !important
}
.mr-n2,
.mx-n2 {
margin-right: -.5rem !important
}
.mb-n2,
.my-n2 {
margin-bottom: -.5rem !important
}
.ml-n2,
.mx-n2 {
margin-left: -.5rem !important
}
.m-n3 {
margin: -1rem !important
}
.mt-n3,
.my-n3 {
margin-top: -1rem !important
}
.mr-n3,
.mx-n3 {
margin-right: -1rem !important
}
.mb-n3,
.my-n3 {
margin-bottom: -1rem !important
}
.ml-n3,
.mx-n3 {
margin-left: -1rem !important
}
.m-n4 {
margin: -1.5rem !important
}
.mt-n4,
.my-n4 {
margin-top: -1.5rem !important
}
.mr-n4,
.mx-n4 {
margin-right: -1.5rem !important
}
.mb-n4,
.my-n4 {
margin-bottom: -1.5rem !important
}
.ml-n4,
.mx-n4 {
margin-left: -1.5rem !important
}
.m-n5 {
margin: -3rem !important
}
.mt-n5,
.my-n5 {
margin-top: -3rem !important
}
.mr-n5,
.mx-n5 {
margin-right: -3rem !important
}
.mb-n5,
.my-n5 {
margin-bottom: -3rem !important
}
.ml-n5,
.mx-n5 {
margin-left: -3rem !important
}
.m-auto {
margin: auto !important
}
.mt-auto,
.my-auto {
margin-top: auto !important
}
.mr-auto,
.mx-auto {
margin-right: auto !important
}
.mb-auto,
.my-auto {
margin-bottom: auto !important
}
.ml-auto,
.mx-auto {
margin-left: auto !important
}
@media (min-width:576px) {
.m-sm-0 {
margin: 0 !important
}
.mt-sm-0,
.my-sm-0 {
margin-top: 0 !important
}
.mr-sm-0,
.mx-sm-0 {
margin-right: 0 !important
}
.mb-sm-0,
.my-sm-0 {
margin-bottom: 0 !important
}
.ml-sm-0,
.mx-sm-0 {
margin-left: 0 !important
}
.m-sm-1 {
margin: .25rem !important
}
.mt-sm-1,
.my-sm-1 {
margin-top: .25rem !important
}
.mr-sm-1,
.mx-sm-1 {
margin-right: .25rem !important
}
.mb-sm-1,
.my-sm-1 {
margin-bottom: .25rem !important
}
.ml-sm-1,
.mx-sm-1 {
margin-left: .25rem !important
}
.m-sm-2 {
margin: .5rem !important
}
.mt-sm-2,
.my-sm-2 {
margin-top: .5rem !important
}
.mr-sm-2,
.mx-sm-2 {
margin-right: .5rem !important
}
.mb-sm-2,
.my-sm-2 {
margin-bottom: .5rem !important
}
.ml-sm-2,
.mx-sm-2 {
margin-left: .5rem !important
}
.m-sm-3 {
margin: 1rem !important
}
.mt-sm-3,
.my-sm-3 {
margin-top: 1rem !important
}
.mr-sm-3,
.mx-sm-3 {
margin-right: 1rem !important
}
.mb-sm-3,
.my-sm-3 {
margin-bottom: 1rem !important
}
.ml-sm-3,
.mx-sm-3 {
margin-left: 1rem !important
}
.m-sm-4 {
margin: 1.5rem !important
}
.mt-sm-4,
.my-sm-4 {
margin-top: 1.5rem !important
}
.mr-sm-4,
.mx-sm-4 {
margin-right: 1.5rem !important
}
.mb-sm-4,
.my-sm-4 {
margin-bottom: 1.5rem !important
}
.ml-sm-4,
.mx-sm-4 {
margin-left: 1.5rem !important
}
.m-sm-5 {
margin: 3rem !important
}
.mt-sm-5,
.my-sm-5 {
margin-top: 3rem !important
}
.mr-sm-5,
.mx-sm-5 {
margin-right: 3rem !important
}
.mb-sm-5,
.my-sm-5 {
margin-bottom: 3rem !important
}
.ml-sm-5,
.mx-sm-5 {
margin-left: 3rem !important
}
.p-sm-0 {
padding: 0 !important
}
.pt-sm-0,
.py-sm-0 {
padding-top: 0 !important
}
.pr-sm-0,
.px-sm-0 {
padding-right: 0 !important
}
.pb-sm-0,
.py-sm-0 {
padding-bottom: 0 !important
}
.pl-sm-0,
.px-sm-0 {
padding-left: 0 !important
}
.p-sm-1 {
padding: .25rem !important
}
.pt-sm-1,
.py-sm-1 {
padding-top: .25rem !important
}
.pr-sm-1,
.px-sm-1 {
padding-right: .25rem !important
}
.pb-sm-1,
.py-sm-1 {
padding-bottom: .25rem !important
}
.pl-sm-1,
.px-sm-1 {
padding-left: .25rem !important
}
.p-sm-2 {
padding: .5rem !important
}
.pt-sm-2,
.py-sm-2 {
padding-top: .5rem !important
}
.pr-sm-2,
.px-sm-2 {
padding-right: .5rem !important
}
.pb-sm-2,
.py-sm-2 {
padding-bottom: .5rem !important
}
.pl-sm-2,
.px-sm-2 {
padding-left: .5rem !important
}
.p-sm-3 {
padding: 1rem !important
}
.pt-sm-3,
.py-sm-3 {
padding-top: 1rem !important
}
.pr-sm-3,
.px-sm-3 {
padding-right: 1rem !important
}
.pb-sm-3,
.py-sm-3 {
padding-bottom: 1rem !important
}
.pl-sm-3,
.px-sm-3 {
padding-left: 1rem !important
}
.p-sm-4 {
padding: 1.5rem !important
}
.pt-sm-4,
.py-sm-4 {
padding-top: 1.5rem !important
}
.pr-sm-4,
.px-sm-4 {
padding-right: 1.5rem !important
}
.pb-sm-4,
.py-sm-4 {
padding-bottom: 1.5rem !important
}
.pl-sm-4,
.px-sm-4 {
padding-left: 1.5rem !important
}
.p-sm-5 {
padding: 3rem !important
}
.pt-sm-5,
.py-sm-5 {
padding-top: 3rem !important
}
.pr-sm-5,
.px-sm-5 {
padding-right: 3rem !important
}
.pb-sm-5,
.py-sm-5 {
padding-bottom: 3rem !important
}
.pl-sm-5,
.px-sm-5 {
padding-left: 3rem !important
}
.m-sm-n1 {
margin: -.25rem !important
}
.mt-sm-n1,
.my-sm-n1 {
margin-top: -.25rem !important
}
.mr-sm-n1,
.mx-sm-n1 {
margin-right: -.25rem !important
}
.mb-sm-n1,
.my-sm-n1 {
margin-bottom: -.25rem !important
}
.ml-sm-n1,
.mx-sm-n1 {
margin-left: -.25rem !important
}
.m-sm-n2 {
margin: -.5rem !important
}
.mt-sm-n2,
.my-sm-n2 {
margin-top: -.5rem !important
}
.mr-sm-n2,
.mx-sm-n2 {
margin-right: -.5rem !important
}
.mb-sm-n2,
.my-sm-n2 {
margin-bottom: -.5rem !important
}
.ml-sm-n2,
.mx-sm-n2 {
margin-left: -.5rem !important
}
.m-sm-n3 {
margin: -1rem !important
}
.mt-sm-n3,
.my-sm-n3 {
margin-top: -1rem !important
}
.mr-sm-n3,
.mx-sm-n3 {
margin-right: -1rem !important
}
.mb-sm-n3,
.my-sm-n3 {
margin-bottom: -1rem !important
}
.ml-sm-n3,
.mx-sm-n3 {
margin-left: -1rem !important
}
.m-sm-n4 {
margin: -1.5rem !important
}
.mt-sm-n4,
.my-sm-n4 {
margin-top: -1.5rem !important
}
.mr-sm-n4,
.mx-sm-n4 {
margin-right: -1.5rem !important
}
.mb-sm-n4,
.my-sm-n4 {
margin-bottom: -1.5rem !important
}
.ml-sm-n4,
.mx-sm-n4 {
margin-left: -1.5rem !important
}
.m-sm-n5 {
margin: -3rem !important
}
.mt-sm-n5,
.my-sm-n5 {
margin-top: -3rem !important
}
.mr-sm-n5,
.mx-sm-n5 {
margin-right: -3rem !important
}
.mb-sm-n5,
.my-sm-n5 {
margin-bottom: -3rem !important
}
.ml-sm-n5,
.mx-sm-n5 {
margin-left: -3rem !important
}
.m-sm-auto {
margin: auto !important
}
.mt-sm-auto,
.my-sm-auto {
margin-top: auto !important
}
.mr-sm-auto,
.mx-sm-auto {
margin-right: auto !important
}
.mb-sm-auto,
.my-sm-auto {
margin-bottom: auto !important
}
.ml-sm-auto,
.mx-sm-auto {
margin-left: auto !important
}
}
@media (min-width:768px) {
.m-md-0 {
margin: 0 !important
}
.mt-md-0,
.my-md-0 {
margin-top: 0 !important
}
.mr-md-0,
.mx-md-0 {
margin-right: 0 !important
}
.mb-md-0,
.my-md-0 {
margin-bottom: 0 !important
}
.ml-md-0,
.mx-md-0 {
margin-left: 0 !important
}
.m-md-1 {
margin: .25rem !important
}
.mt-md-1,
.my-md-1 {
margin-top: .25rem !important
}
.mr-md-1,
.mx-md-1 {
margin-right: .25rem !important
}
.mb-md-1,
.my-md-1 {
margin-bottom: .25rem !important
}
.ml-md-1,
.mx-md-1 {
margin-left: .25rem !important
}
.m-md-2 {
margin: .5rem !important
}
.mt-md-2,
.my-md-2 {
margin-top: .5rem !important
}
.mr-md-2,
.mx-md-2 {
margin-right: .5rem !important
}
.mb-md-2,
.my-md-2 {
margin-bottom: .5rem !important
}
.ml-md-2,
.mx-md-2 {
margin-left: .5rem !important
}
.m-md-3 {
margin: 1rem !important
}
.mt-md-3,
.my-md-3 {
margin-top: 1rem !important
}
.mr-md-3,
.mx-md-3 {
margin-right: 1rem !important
}
.mb-md-3,
.my-md-3 {
margin-bottom: 1rem !important
}
.ml-md-3,
.mx-md-3 {
margin-left: 1rem !important
}
.m-md-4 {
margin: 1.5rem !important
}
.mt-md-4,
.my-md-4 {
margin-top: 1.5rem !important
}
.mr-md-4,
.mx-md-4 {
margin-right: 1.5rem !important
}
.mb-md-4,
.my-md-4 {
margin-bottom: 1.5rem !important
}
.ml-md-4,
.mx-md-4 {
margin-left: 1.5rem !important
}
.m-md-5 {
margin: 3rem !important
}
.mt-md-5,
.my-md-5 {
margin-top: 3rem !important
}
.mr-md-5,
.mx-md-5 {
margin-right: 3rem !important
}
.mb-md-5,
.my-md-5 {
margin-bottom: 3rem !important
}
.ml-md-5,
.mx-md-5 {
margin-left: 3rem !important
}
.p-md-0 {
padding: 0 !important
}
.pt-md-0,
.py-md-0 {
padding-top: 0 !important
}
.pr-md-0,
.px-md-0 {
padding-right: 0 !important
}
.pb-md-0,
.py-md-0 {
padding-bottom: 0 !important
}
.pl-md-0,
.px-md-0 {
padding-left: 0 !important
}
.p-md-1 {
padding: .25rem !important
}
.pt-md-1,
.py-md-1 {
padding-top: .25rem !important
}
.pr-md-1,
.px-md-1 {
padding-right: .25rem !important
}
.pb-md-1,
.py-md-1 {
padding-bottom: .25rem !important
}
.pl-md-1,
.px-md-1 {
padding-left: .25rem !important
}
.p-md-2 {
padding: .5rem !important
}
.pt-md-2,
.py-md-2 {
padding-top: .5rem !important
}
.pr-md-2,
.px-md-2 {
padding-right: .5rem !important
}
.pb-md-2,
.py-md-2 {
padding-bottom: .5rem !important
}
.pl-md-2,
.px-md-2 {
padding-left: .5rem !important
}
.p-md-3 {
padding: 1rem !important
}
.pt-md-3,
.py-md-3 {
padding-top: 1rem !important
}
.pr-md-3,
.px-md-3 {
padding-right: 1rem !important
}
.pb-md-3,
.py-md-3 {
padding-bottom: 1rem !important
}
.pl-md-3,
.px-md-3 {
padding-left: 1rem !important
}
.p-md-4 {
padding: 1.5rem !important
}
.pt-md-4,
.py-md-4 {
padding-top: 1.5rem !important
}
.pr-md-4,
.px-md-4 {
padding-right: 1.5rem !important
}
.pb-md-4,
.py-md-4 {
padding-bottom: 1.5rem !important
}
.pl-md-4,
.px-md-4 {
padding-left: 1.5rem !important
}
.p-md-5 {
padding: 3rem !important
}
.pt-md-5,
.py-md-5 {
padding-top: 3rem !important
}
.pr-md-5,
.px-md-5 {
padding-right: 3rem !important
}
.pb-md-5,
.py-md-5 {
padding-bottom: 3rem !important
}
.pl-md-5,
.px-md-5 {
padding-left: 3rem !important
}
.m-md-n1 {
margin: -.25rem !important
}
.mt-md-n1,
.my-md-n1 {
margin-top: -.25rem !important
}
.mr-md-n1,
.mx-md-n1 {
margin-right: -.25rem !important
}
.mb-md-n1,
.my-md-n1 {
margin-bottom: -.25rem !important
}
.ml-md-n1,
.mx-md-n1 {
margin-left: -.25rem !important
}
.m-md-n2 {
margin: -.5rem !important
}
.mt-md-n2,
.my-md-n2 {
margin-top: -.5rem !important
}
.mr-md-n2,
.mx-md-n2 {
margin-right: -.5rem !important
}
.mb-md-n2,
.my-md-n2 {
margin-bottom: -.5rem !important
}
.ml-md-n2,
.mx-md-n2 {
margin-left: -.5rem !important
}
.m-md-n3 {
margin: -1rem !important
}
.mt-md-n3,
.my-md-n3 {
margin-top: -1rem !important
}
.mr-md-n3,
.mx-md-n3 {
margin-right: -1rem !important
}
.mb-md-n3,
.my-md-n3 {
margin-bottom: -1rem !important
}
.ml-md-n3,
.mx-md-n3 {
margin-left: -1rem !important
}
.m-md-n4 {
margin: -1.5rem !important
}
.mt-md-n4,
.my-md-n4 {
margin-top: -1.5rem !important
}
.mr-md-n4,
.mx-md-n4 {
margin-right: -1.5rem !important
}
.mb-md-n4,
.my-md-n4 {
margin-bottom: -1.5rem !important
}
.ml-md-n4,
.mx-md-n4 {
margin-left: -1.5rem !important
}
.m-md-n5 {
margin: -3rem !important
}
.mt-md-n5,
.my-md-n5 {
margin-top: -3rem !important
}
.mr-md-n5,
.mx-md-n5 {
margin-right: -3rem !important
}
.mb-md-n5,
.my-md-n5 {
margin-bottom: -3rem !important
}
.ml-md-n5,
.mx-md-n5 {
margin-left: -3rem !important
}
.m-md-auto {
margin: auto !important
}
.mt-md-auto,
.my-md-auto {
margin-top: auto !important
}
.mr-md-auto,
.mx-md-auto {
margin-right: auto !important
}
.mb-md-auto,
.my-md-auto {
margin-bottom: auto !important
}
.ml-md-auto,
.mx-md-auto {
margin-left: auto !important
}
}
@media (min-width:992px) {
.m-lg-0 {
margin: 0 !important
}
.mt-lg-0,
.my-lg-0 {
margin-top: 0 !important
}
.mr-lg-0,
.mx-lg-0 {
margin-right: 0 !important
}
.mb-lg-0,
.my-lg-0 {
margin-bottom: 0 !important
}
.ml-lg-0,
.mx-lg-0 {
margin-left: 0 !important
}
.m-lg-1 {
margin: .25rem !important
}
.mt-lg-1,
.my-lg-1 {
margin-top: .25rem !important
}
.mr-lg-1,
.mx-lg-1 {
margin-right: .25rem !important
}
.mb-lg-1,
.my-lg-1 {
margin-bottom: .25rem !important
}
.ml-lg-1,
.mx-lg-1 {
margin-left: .25rem !important
}
.m-lg-2 {
margin: .5rem !important
}
.mt-lg-2,
.my-lg-2 {
margin-top: .5rem !important
}
.mr-lg-2,
.mx-lg-2 {
margin-right: .5rem !important
}
.mb-lg-2,
.my-lg-2 {
margin-bottom: .5rem !important
}
.ml-lg-2,
.mx-lg-2 {
margin-left: .5rem !important
}
.m-lg-3 {
margin: 1rem !important
}
.mt-lg-3,
.my-lg-3 {
margin-top: 1rem !important
}
.mr-lg-3,
.mx-lg-3 {
margin-right: 1rem !important
}
.mb-lg-3,
.my-lg-3 {
margin-bottom: 1rem !important
}
.ml-lg-3,
.mx-lg-3 {
margin-left: 1rem !important
}
.m-lg-4 {
margin: 1.5rem !important
}
.mt-lg-4,
.my-lg-4 {
margin-top: 1.5rem !important
}
.mr-lg-4,
.mx-lg-4 {
margin-right: 1.5rem !important
}
.mb-lg-4,
.my-lg-4 {
margin-bottom: 1.5rem !important
}
.ml-lg-4,
.mx-lg-4 {
margin-left: 1.5rem !important
}
.m-lg-5 {
margin: 3rem !important
}
.mt-lg-5,
.my-lg-5 {
margin-top: 3rem !important
}
.mr-lg-5,
.mx-lg-5 {
margin-right: 3rem !important
}
.mb-lg-5,
.my-lg-5 {
margin-bottom: 3rem !important
}
.ml-lg-5,
.mx-lg-5 {
margin-left: 3rem !important
}
.p-lg-0 {
padding: 0 !important
}
.pt-lg-0,
.py-lg-0 {
padding-top: 0 !important
}
.pr-lg-0,
.px-lg-0 {
padding-right: 0 !important
}
.pb-lg-0,
.py-lg-0 {
padding-bottom: 0 !important
}
.pl-lg-0,
.px-lg-0 {
padding-left: 0 !important
}
.p-lg-1 {
padding: .25rem !important
}
.pt-lg-1,
.py-lg-1 {
padding-top: .25rem !important
}
.pr-lg-1,
.px-lg-1 {
padding-right: .25rem !important
}
.pb-lg-1,
.py-lg-1 {
padding-bottom: .25rem !important
}
.pl-lg-1,
.px-lg-1 {
padding-left: .25rem !important
}
.p-lg-2 {
padding: .5rem !important
}
.pt-lg-2,
.py-lg-2 {
padding-top: .5rem !important
}
.pr-lg-2,
.px-lg-2 {
padding-right: .5rem !important
}
.pb-lg-2,
.py-lg-2 {
padding-bottom: .5rem !important
}
.pl-lg-2,
.px-lg-2 {
padding-left: .5rem !important
}
.p-lg-3 {
padding: 1rem !important
}
.pt-lg-3,
.py-lg-3 {
padding-top: 1rem !important
}
.pr-lg-3,
.px-lg-3 {
padding-right: 1rem !important
}
.pb-lg-3,
.py-lg-3 {
padding-bottom: 1rem !important
}
.pl-lg-3,
.px-lg-3 {
padding-left: 1rem !important
}
.p-lg-4 {
padding: 1.5rem !important
}
.pt-lg-4,
.py-lg-4 {
padding-top: 1.5rem !important
}
.pr-lg-4,
.px-lg-4 {
padding-right: 1.5rem !important
}
.pb-lg-4,
.py-lg-4 {
padding-bottom: 1.5rem !important
}
.pl-lg-4,
.px-lg-4 {
padding-left: 1.5rem !important
}
.p-lg-5 {
padding: 3rem !important
}
.pt-lg-5,
.py-lg-5 {
padding-top: 3rem !important
}
.pr-lg-5,
.px-lg-5 {
padding-right: 3rem !important
}
.pb-lg-5,
.py-lg-5 {
padding-bottom: 3rem !important
}
.pl-lg-5,
.px-lg-5 {
padding-left: 3rem !important
}
.m-lg-n1 {
margin: -.25rem !important
}
.mt-lg-n1,
.my-lg-n1 {
margin-top: -.25rem !important
}
.mr-lg-n1,
.mx-lg-n1 {
margin-right: -.25rem !important
}
.mb-lg-n1,
.my-lg-n1 {
margin-bottom: -.25rem !important
}
.ml-lg-n1,
.mx-lg-n1 {
margin-left: -.25rem !important
}
.m-lg-n2 {
margin: -.5rem !important
}
.mt-lg-n2,
.my-lg-n2 {
margin-top: -.5rem !important
}
.mr-lg-n2,
.mx-lg-n2 {
margin-right: -.5rem !important
}
.mb-lg-n2,
.my-lg-n2 {
margin-bottom: -.5rem !important
}
.ml-lg-n2,
.mx-lg-n2 {
margin-left: -.5rem !important
}
.m-lg-n3 {
margin: -1rem !important
}
.mt-lg-n3,
.my-lg-n3 {
margin-top: -1rem !important
}
.mr-lg-n3,
.mx-lg-n3 {
margin-right: -1rem !important
}
.mb-lg-n3,
.my-lg-n3 {
margin-bottom: -1rem !important
}
.ml-lg-n3,
.mx-lg-n3 {
margin-left: -1rem !important
}
.m-lg-n4 {
margin: -1.5rem !important
}
.mt-lg-n4,
.my-lg-n4 {
margin-top: -1.5rem !important
}
.mr-lg-n4,
.mx-lg-n4 {
margin-right: -1.5rem !important
}
.mb-lg-n4,
.my-lg-n4 {
margin-bottom: -1.5rem !important
}
.ml-lg-n4,
.mx-lg-n4 {
margin-left: -1.5rem !important
}
.m-lg-n5 {
margin: -3rem !important
}
.mt-lg-n5,
.my-lg-n5 {
margin-top: -3rem !important
}
.mr-lg-n5,
.mx-lg-n5 {
margin-right: -3rem !important
}
.mb-lg-n5,
.my-lg-n5 {
margin-bottom: -3rem !important
}
.ml-lg-n5,
.mx-lg-n5 {
margin-left: -3rem !important
}
.m-lg-auto {
margin: auto !important
}
.mt-lg-auto,
.my-lg-auto {
margin-top: auto !important
}
.mr-lg-auto,
.mx-lg-auto {
margin-right: auto !important
}
.mb-lg-auto,
.my-lg-auto {
margin-bottom: auto !important
}
.ml-lg-auto,
.mx-lg-auto {
margin-left: auto !important
}
}
@media (min-width:1200px) {
.m-xl-0 {
margin: 0 !important
}
.mt-xl-0,
.my-xl-0 {
margin-top: 0 !important
}
.mr-xl-0,
.mx-xl-0 {
margin-right: 0 !important
}
.mb-xl-0,
.my-xl-0 {
margin-bottom: 0 !important
}
.ml-xl-0,
.mx-xl-0 {
margin-left: 0 !important
}
.m-xl-1 {
margin: .25rem !important
}
.mt-xl-1,
.my-xl-1 {
margin-top: .25rem !important
}
.mr-xl-1,
.mx-xl-1 {
margin-right: .25rem !important
}
.mb-xl-1,
.my-xl-1 {
margin-bottom: .25rem !important
}
.ml-xl-1,
.mx-xl-1 {
margin-left: .25rem !important
}
.m-xl-2 {
margin: .5rem !important
}
.mt-xl-2,
.my-xl-2 {
margin-top: .5rem !important
}
.mr-xl-2,
.mx-xl-2 {
margin-right: .5rem !important
}
.mb-xl-2,
.my-xl-2 {
margin-bottom: .5rem !important
}
.ml-xl-2,
.mx-xl-2 {
margin-left: .5rem !important
}
.m-xl-3 {
margin: 1rem !important
}
.mt-xl-3,
.my-xl-3 {
margin-top: 1rem !important
}
.mr-xl-3,
.mx-xl-3 {
margin-right: 1rem !important
}
.mb-xl-3,
.my-xl-3 {
margin-bottom: 1rem !important
}
.ml-xl-3,
.mx-xl-3 {
margin-left: 1rem !important
}
.m-xl-4 {
margin: 1.5rem !important
}
.mt-xl-4,
.my-xl-4 {
margin-top: 1.5rem !important
}
.mr-xl-4,
.mx-xl-4 {
margin-right: 1.5rem !important
}
.mb-xl-4,
.my-xl-4 {
margin-bottom: 1.5rem !important
}
.ml-xl-4,
.mx-xl-4 {
margin-left: 1.5rem !important
}
.m-xl-5 {
margin: 3rem !important
}
.mt-xl-5,
.my-xl-5 {
margin-top: 3rem !important
}
.mr-xl-5,
.mx-xl-5 {
margin-right: 3rem !important
}
.mb-xl-5,
.my-xl-5 {
margin-bottom: 3rem !important
}
.ml-xl-5,
.mx-xl-5 {
margin-left: 3rem !important
}
.p-xl-0 {
padding: 0 !important
}
.pt-xl-0,
.py-xl-0 {
padding-top: 0 !important
}
.pr-xl-0,
.px-xl-0 {
padding-right: 0 !important
}
.pb-xl-0,
.py-xl-0 {
padding-bottom: 0 !important
}
.pl-xl-0,
.px-xl-0 {
padding-left: 0 !important
}
.p-xl-1 {
padding: .25rem !important
}
.pt-xl-1,
.py-xl-1 {
padding-top: .25rem !important
}
.pr-xl-1,
.px-xl-1 {
padding-right: .25rem !important
}
.pb-xl-1,
.py-xl-1 {
padding-bottom: .25rem !important
}
.pl-xl-1,
.px-xl-1 {
padding-left: .25rem !important
}
.p-xl-2 {
padding: .5rem !important
}
.pt-xl-2,
.py-xl-2 {
padding-top: .5rem !important
}
.pr-xl-2,
.px-xl-2 {
padding-right: .5rem !important
}
.pb-xl-2,
.py-xl-2 {
padding-bottom: .5rem !important
}
.pl-xl-2,
.px-xl-2 {
padding-left: .5rem !important
}
.p-xl-3 {
padding: 1rem !important
}
.pt-xl-3,
.py-xl-3 {
padding-top: 1rem !important
}
.pr-xl-3,
.px-xl-3 {
padding-right: 1rem !important
}
.pb-xl-3,
.py-xl-3 {
padding-bottom: 1rem !important
}
.pl-xl-3,
.px-xl-3 {
padding-left: 1rem !important
}
.p-xl-4 {
padding: 1.5rem !important
}
.pt-xl-4,
.py-xl-4 {
padding-top: 1.5rem !important
}
.pr-xl-4,
.px-xl-4 {
padding-right: 1.5rem !important
}
.pb-xl-4,
.py-xl-4 {
padding-bottom: 1.5rem !important
}
.pl-xl-4,
.px-xl-4 {
padding-left: 1.5rem !important
}
.p-xl-5 {
padding: 3rem !important
}
.pt-xl-5,
.py-xl-5 {
padding-top: 3rem !important
}
.pr-xl-5,
.px-xl-5 {
padding-right: 3rem !important
}
.pb-xl-5,
.py-xl-5 {
padding-bottom: 3rem !important
}
.pl-xl-5,
.px-xl-5 {
padding-left: 3rem !important
}
.m-xl-n1 {
margin: -.25rem !important
}
.mt-xl-n1,
.my-xl-n1 {
margin-top: -.25rem !important
}
.mr-xl-n1,
.mx-xl-n1 {
margin-right: -.25rem !important
}
.mb-xl-n1,
.my-xl-n1 {
margin-bottom: -.25rem !important
}
.ml-xl-n1,
.mx-xl-n1 {
margin-left: -.25rem !important
}
.m-xl-n2 {
margin: -.5rem !important
}
.mt-xl-n2,
.my-xl-n2 {
margin-top: -.5rem !important
}
.mr-xl-n2,
.mx-xl-n2 {
margin-right: -.5rem !important
}
.mb-xl-n2,
.my-xl-n2 {
margin-bottom: -.5rem !important
}
.ml-xl-n2,
.mx-xl-n2 {
margin-left: -.5rem !important
}
.m-xl-n3 {
margin: -1rem !important
}
.mt-xl-n3,
.my-xl-n3 {
margin-top: -1rem !important
}
.mr-xl-n3,
.mx-xl-n3 {
margin-right: -1rem !important
}
.mb-xl-n3,
.my-xl-n3 {
margin-bottom: -1rem !important
}
.ml-xl-n3,
.mx-xl-n3 {
margin-left: -1rem !important
}
.m-xl-n4 {
margin: -1.5rem !important
}
.mt-xl-n4,
.my-xl-n4 {
margin-top: -1.5rem !important
}
.mr-xl-n4,
.mx-xl-n4 {
margin-right: -1.5rem !important
}
.mb-xl-n4,
.my-xl-n4 {
margin-bottom: -1.5rem !important
}
.ml-xl-n4,
.mx-xl-n4 {
margin-left: -1.5rem !important
}
.m-xl-n5 {
margin: -3rem !important
}
.mt-xl-n5,
.my-xl-n5 {
margin-top: -3rem !important
}
.mr-xl-n5,
.mx-xl-n5 {
margin-right: -3rem !important
}
.mb-xl-n5,
.my-xl-n5 {
margin-bottom: -3rem !important
}
.ml-xl-n5,
.mx-xl-n5 {
margin-left: -3rem !important
}
.m-xl-auto {
margin: auto !important
}
.mt-xl-auto,
.my-xl-auto {
margin-top: auto !important
}
.mr-xl-auto,
.mx-xl-auto {
margin-right: auto !important
}
.mb-xl-auto,
.my-xl-auto {
margin-bottom: auto !important
}
.ml-xl-auto,
.mx-xl-auto {
margin-left: auto !important
}
}
.text-monospace {
font-family: SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace !important
}
.text-justify {
text-align: justify !important
}
.text-wrap {
white-space: normal !important
}
.text-nowrap {
white-space: nowrap !important
}
.text-truncate {
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap
}
.text-left {
text-align: left !important
}
.text-right {
text-align: right !important
}
.text-center {
text-align: center !important
}
@media (min-width:576px) {
.text-sm-left {
text-align: left !important
}
.text-sm-right {
text-align: right !important
}
.text-sm-center {
text-align: center !important
}
}
@media (min-width:768px) {
.text-md-left {
text-align: left !important
}
.text-md-right {
text-align: right !important
}
.text-md-center {
text-align: center !important
}
}
@media (min-width:992px) {
.text-lg-left {
text-align: left !important
}
.text-lg-right {
text-align: right !important
}
.text-lg-center {
text-align: center !important
}
}
@media (min-width:1200px) {
.text-xl-left {
text-align: left !important
}
.text-xl-right {
text-align: right !important
}
.text-xl-center {
text-align: center !important
}
}
.text-lowercase {
text-transform: lowercase !important
}
.text-uppercase {
text-transform: uppercase !important
}
.text-capitalize {
text-transform: capitalize !important
}
.font-weight-light {
font-weight: 300 !important
}
.font-weight-lighter {
font-weight: lighter !important
}
.font-weight-normal {
font-weight: 400 !important
}
.font-weight-bold {
font-weight: 700 !important
}
.font-weight-bolder {
font-weight: bolder !important
}
.font-italic {
font-style: italic !important
}
.text-white {
color: #fff !important
}
.text-primary {
color: #007bff !important
}
a.text-primary:focus,
a.text-primary:hover {
color: #0056b3 !important
}
.text-secondary {
color: #6c757d !important
}
a.text-secondary:focus,
a.text-secondary:hover {
color: #494f54 !important
}
.text-success {
color: #28a745 !important
}
a.text-success:focus,
a.text-success:hover {
color: #19692c !important
}
.text-info {
color: #17a2b8 !important
}
a.text-info:focus,
a.text-info:hover {
color: #0f6674 !important
}
.text-warning {
color: #ffc107 !important
}
a.text-warning:focus,
a.text-warning:hover {
color: #ba8b00 !important
}
.text-danger {
color: #dc3545 !important
}
a.text-danger:focus,
a.text-danger:hover {
color: #a71d2a !important
}
.text-light {
color: #f8f9fa !important
}
a.text-light:focus,
a.text-light:hover {
color: #cbd3da !important
}
.text-dark {
color: #343a40 !important
}
a.text-dark:focus,
a.text-dark:hover {
color: #121416 !important
}
.text-body {
color: #212529 !important
}
.text-muted {
color: #6c757d !important
}
.text-black-50 {
color: rgba(0, 0, 0, .5) !important
}
.text-white-50 {
color: rgba(255, 255, 255, .5) !important
}
.text-hide {
font: 0/0 a;
color: transparent;
text-shadow: none;
background-color: transparent;
border: 0
}
.text-decoration-none {
text-decoration: none !important
}
.text-break {
word-break: break-word !important;
overflow-wrap: break-word !important
}
.text-reset {
color: inherit !important
}
.visible {
visibility: visible !important
}
.invisible {
visibility: hidden !important
}
@media print {
*,
::after,
::before {
text-shadow: none !important;
box-shadow: none !important
}
a:not(.btn) {
text-decoration: underline
}
abbr[title]::after {
content: " ("attr(title) ")"
}
pre {
white-space: pre-wrap !important
}
blockquote,
pre {
border: 1px solid #adb5bd;
page-break-inside: avoid
}
thead {
display: table-header-group
}
img,
tr {
page-break-inside: avoid
}
h2,
h3,
p {
orphans: 3;
widows: 3
}
h2,
h3 {
page-break-after: avoid
}
@page {
size: a3
}
body {
min-width: 992px !important
}
.container {
min-width: 992px !important
}
.navbar {
display: none
}
.badge {
border: 1px solid #000
}
.table {
border-collapse: collapse !important
}
.table td,
.table th {
background-color: #fff !important
}
.table-bordered td,
.table-bordered th {
border: 1px solid #dee2e6 !important
}
.table-dark {
color: inherit
}
.table-dark tbody + tbody,
.table-dark td,
.table-dark th,
.table-dark thead th {
border-color: #dee2e6
}
.table .thead-dark th {
color: inherit;
border-color: #dee2e6
}
}
/*# sourceMappingURL=bootstrap.min.css.map */
.vbox-overlay *,
.vbox-overlay *:before,
.vbox-overlay *:after {
-webkit-backface-visibility: hidden;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box
}
.vbox-overlay {
background: #fdfdfd;
background: rgba(0, 0, 0, .85);
width: 100%;
height: auto;
position: fixed;
top: 0;
left: 0;
bottom: 0;
z-index: 9999;
opacity: 0;
overflow-x: hidden;
overflow-y: auto
}
.vbox-preloader {
position: fixed;
width: 32px;
height: 32px;
left: 50%;
top: 50%;
margin-left: -16px;
margin-top: -16px;
background-image: url(//webitkurigram.com/wp/techno/wp-content/themes/techno/venobox/preload-circle.png);
text-indent: -100px;
overflow: hidden;
-webkit-animation: playload 1.4s steps(18) infinite;
-moz-animation: playload 1.4s steps(18) infinite;
-ms-animation: playload 1.4s steps(18) infinite;
-o-animation: playload 1.4s steps(18) infinite;
animation: playload 1.4s steps(18) infinite
}
@-webkit-keyframes playload {
from {
background-position: 0
}
to {
background-position: -576px
}
}
@-moz-keyframes playload {
from {
background-position: 0
}
to {
background-position: -576px
}
}
@-ms-keyframes playload {
from {
background-position: 0
}
to {
background-position: -576px
}
}
@-o-keyframes playload {
from {
background-position: 0
}
to {
background-position: -576px
}
}
@keyframes playload {
from {
background-position: 0
}
to {
background-position: -576px
}
}
.vbox-close {
cursor: pointer;
position: fixed;
top: -1px;
right: 0;
width: 46px;
height: 40px;
padding: 10px 20px 10px 0;
display: block;
background: url(//webitkurigram.com/wp/techno/wp-content/themes/techno/venobox/close.gif) no-repeat #161617;
background-position: 10px center;
color: #fff;
text-indent: -100px;
overflow: hidden
}
.vbox-next,
.vbox-prev {
box-sizing: content-box;
cursor: pointer;
position: fixed;
top: 50%;
color: #fff;
width: 30px;
height: 170px;
margin-top: -85px;
text-indent: -100px;
border: solid transparent;
overflow: hidden
}
.vbox-prev {
left: 0;
border-width: 0 30px 0 10px;
background: url(//webitkurigram.com/wp/techno/wp-content/themes/techno/venobox/prev.gif) center center no-repeat
}
.vbox-next {
right: 0;
border-width: 0 10px 0 30px;
background: url(//webitkurigram.com/wp/techno/wp-content/themes/techno/venobox/next.gif) center center no-repeat
}
.vbox-title {
width: 100%;
height: 40px;
float: left;
text-align: center;
line-height: 28px;
font-size: 12px;
color: #fff;
padding: 6px 40px;
overflow: hidden;
background: #161617;
position: fixed;
display: none;
top: -1px;
left: 0
}
.vbox-num {
cursor: pointer;
position: fixed;
top: -1px;
left: 0;
height: 40px;
display: block;
color: #fff;
overflow: hidden;
line-height: 28px;
font-size: 12px;
padding: 6px 10px;
background: #161617;
display: none
}
.vbox-inline {
width: 420px;
height: 315px;
padding: 10px;
background: #fff;
text-align: left;
margin: 0 auto;
overflow: auto
}
.venoframe {
border: none;
width: 960px;
height: 720px
}
@media (max-width:992px) {
.venoframe {
width: 640px;
height: 480px
}
}
@media (max-width:767px) {
.venoframe {
width: 420px;
height: 315px
}
}
@media (max-width:460px) {
.vbox-inline {
width: 100%
}
.venoframe {
width: 100%;
height: 260px
}
}
.vbox-open {
overflow: hidden
}
.vbox-container {
position: relative;
background: #000;
width: 100%;
max-width: 1200px;
margin: 0 auto;
padding: 0 15px
}
.vbox-content {
text-align: center;
float: left;
width: 100%;
position: relative;
overflow: hidden
}
.vbox-container img {
max-width: 100%;
height: auto
}
.nivoSlider {
position: relative;
width: 100%;
height: auto;
overflow: hidden
}
.nivoSlider img {
position: absolute;
top: 0;
left: 0;
max-width: none
}
.nivo-main-image {
display: block !important;
position: relative !important;
width: 100% !important
}
.nivoSlider a.nivo-imageLink {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
border: 0;
padding: 0;
margin: 0;
z-index: 6;
display: none;
background: #fff;
filter: alpha(opacity=0);
opacity: 0
}
.nivo-slice {
display: block;
position: absolute;
z-index: 5;
height: 100%;
top: 0
}
.nivo-box {
display: block;
position: absolute;
z-index: 5;
overflow: hidden
}
.nivo-box img {
display: block
}
.nivo-caption {
position: absolute;
left: 0;
bottom: 0;
background: #000;
color: #fff;
width: 100%;
z-index: 8;
padding: 5px 10px;
opacity: .8;
overflow: hidden;
display: none;
-moz-opacity: .8;
filter: alpha(opacity=8);
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box
}
.nivo-caption p {
padding: 5px
}
.nivo-caption a {
display: inline-block
}
.nivo-html-caption {
display: none
}
.nivo-directionNav a {
position: absolute;
top: 45%;
z-index: 9;
cursor: pointer
}
.nivo-prevNav {
left: 0
}
.nivo-nextNav {
right: 0
}
.nivo-controlNav {
text-align: center;
padding: 15px 0
}
.nivo-controlNav a {
cursor: pointer
}
.nivo-controlNav a.active {
font-weight: 700
}
@charset "UTF-8";
/*!
* animate.css -http://daneden.me/animate
* Version - 3.5.1
* Licensed under the MIT license - http://opensource.org/licenses/MIT
*
* Copyright (c) 2016 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(.215, .61, .355, 1);
animation-timing-function: cubic-bezier(.215, .61, .355, 1);
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0)
}
40%,
43% {
-webkit-animation-timing-function: cubic-bezier(.755, .05, .855, .06);
animation-timing-function: cubic-bezier(.755, .05, .855, .06);
-webkit-transform: translate3d(0, -30px, 0);
transform: translate3d(0, -30px, 0)
}
70% {
-webkit-animation-timing-function: cubic-bezier(.755, .05, .855, .06);
animation-timing-function: cubic-bezier(.755, .05, .855, .06);
-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(.215, .61, .355, 1);
animation-timing-function: cubic-bezier(.215, .61, .355, 1);
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0)
}
40%,
43% {
-webkit-animation-timing-function: cubic-bezier(.755, .05, .855, .06);
animation-timing-function: cubic-bezier(.755, .05, .855, .06);
-webkit-transform: translate3d(0, -30px, 0);
transform: translate3d(0, -30px, 0)
}
70% {
-webkit-animation-timing-function: cubic-bezier(.755, .05, .855, .06);
animation-timing-function: cubic-bezier(.755, .05, .855, .06);
-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
}
@-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, .75, 1);
transform: scale3d(1.25, .75, 1)
}
40% {
-webkit-transform: scale3d(.75, 1.25, 1);
transform: scale3d(.75, 1.25, 1)
}
50% {
-webkit-transform: scale3d(1.15, .85, 1);
transform: scale3d(1.15, .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, .75, 1);
transform: scale3d(1.25, .75, 1)
}
40% {
-webkit-transform: scale3d(.75, 1.25, 1);
transform: scale3d(.75, 1.25, 1)
}
50% {
-webkit-transform: scale3d(1.15, .85, 1);
transform: scale3d(1.15, .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
}
@-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(-.78125deg) skewY(-.78125deg);
transform: skewX(-.78125deg) skewY(-.78125deg)
}
77.7% {
-webkit-transform: skewX(.390625deg) skewY(.390625deg);
transform: skewX(.390625deg) skewY(.390625deg)
}
88.8% {
-webkit-transform: skewX(-.1953125deg) skewY(-.1953125deg);
transform: skewX(-.1953125deg) skewY(-.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(-.78125deg) skewY(-.78125deg);
transform: skewX(-.78125deg) skewY(-.78125deg)
}
77.7% {
-webkit-transform: skewX(.390625deg) skewY(.390625deg);
transform: skewX(.390625deg) skewY(.390625deg)
}
88.8% {
-webkit-transform: skewX(-.1953125deg) skewY(-.1953125deg);
transform: skewX(-.1953125deg) skewY(-.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(.215, .61, .355, 1);
animation-timing-function: cubic-bezier(.215, .61, .355, 1)
}
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(.215, .61, .355, 1);
animation-timing-function: cubic-bezier(.215, .61, .355, 1)
}
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(.215, .61, .355, 1);
animation-timing-function: cubic-bezier(.215, .61, .355, 1)
}
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(.215, .61, .355, 1);
animation-timing-function: cubic-bezier(.215, .61, .355, 1)
}
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(.215, .61, .355, 1);
animation-timing-function: cubic-bezier(.215, .61, .355, 1)
}
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(.215, .61, .355, 1);
animation-timing-function: cubic-bezier(.215, .61, .355, 1)
}
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(.215, .61, .355, 1);
animation-timing-function: cubic-bezier(.215, .61, .355, 1)
}
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(.215, .61, .355, 1);
animation-timing-function: cubic-bezier(.215, .61, .355, 1)
}
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(.215, .61, .355, 1);
animation-timing-function: cubic-bezier(.215, .61, .355, 1)
}
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(.215, .61, .355, 1);
animation-timing-function: cubic-bezier(.215, .61, .355, 1)
}
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
}
@-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
}
@-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(.55, .055, .675, .19);
animation-timing-function: cubic-bezier(.55, .055, .675, .19)
}
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(.175, .885, .32, 1);
animation-timing-function: cubic-bezier(.175, .885, .32, 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(.55, .055, .675, .19);
animation-timing-function: cubic-bezier(.55, .055, .675, .19)
}
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(.175, .885, .32, 1);
animation-timing-function: cubic-bezier(.175, .885, .32, 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(.55, .055, .675, .19);
animation-timing-function: cubic-bezier(.55, .055, .675, .19)
}
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(.175, .885, .32, 1);
animation-timing-function: cubic-bezier(.175, .885, .32, 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(.55, .055, .675, .19);
animation-timing-function: cubic-bezier(.55, .055, .675, .19)
}
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(.175, .885, .32, 1);
animation-timing-function: cubic-bezier(.175, .885, .32, 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(.55, .055, .675, .19);
animation-timing-function: cubic-bezier(.55, .055, .675, .19)
}
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(.175, .885, .32, 1);
animation-timing-function: cubic-bezier(.175, .885, .32, 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(.55, .055, .675, .19);
animation-timing-function: cubic-bezier(.55, .055, .675, .19)
}
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(.175, .885, .32, 1);
animation-timing-function: cubic-bezier(.175, .885, .32, 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(.55, .055, .675, .19);
animation-timing-function: cubic-bezier(.55, .055, .675, .19)
}
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(.175, .885, .32, 1);
animation-timing-function: cubic-bezier(.175, .885, .32, 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(.55, .055, .675, .19);
animation-timing-function: cubic-bezier(.55, .055, .675, .19)
}
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(.175, .885, .32, 1);
animation-timing-function: cubic-bezier(.175, .885, .32, 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(.55, .055, .675, .19);
animation-timing-function: cubic-bezier(.55, .055, .675, .19)
}
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(.175, .885, .32, 1);
animation-timing-function: cubic-bezier(.175, .885, .32, 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(.55, .055, .675, .19);
animation-timing-function: cubic-bezier(.55, .055, .675, .19)
}
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(.175, .885, .32, 1);
animation-timing-function: cubic-bezier(.175, .885, .32, 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(.55, .055, .675, .19);
animation-timing-function: cubic-bezier(.55, .055, .675, .19)
}
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(.175, .885, .32, 1);
animation-timing-function: cubic-bezier(.175, .885, .32, 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(.55, .055, .675, .19);
animation-timing-function: cubic-bezier(.55, .055, .675, .19)
}
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(.175, .885, .32, 1);
animation-timing-function: cubic-bezier(.175, .885, .32, 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
}
.cd-words-wrapper {
display: inline-block;
position: relative;
text-align: left
}
.cd-words-wrapper b {
display: inline-block;
position: absolute;
white-space: nowrap;
left: 0;
top: 0
}
.cd-words-wrapper b.is-visible {
position: relative
}
.no-js .cd-words-wrapper b {
opacity: 0
}
.no-js .cd-words-wrapper b.is-visible {
opacity: 1
}
.cd-headline.rotate-1 .cd-words-wrapper {
-webkit-perspective: 300px;
-moz-perspective: 300px;
perspective: 300px
}
.cd-headline.rotate-1 b {
opacity: 0;
-webkit-transform-origin: 50% 100%;
-moz-transform-origin: 50% 100%;
-ms-transform-origin: 50% 100%;
-o-transform-origin: 50% 100%;
transform-origin: 50% 100%;
-webkit-transform: rotateX(180deg);
-moz-transform: rotateX(180deg);
-ms-transform: rotateX(180deg);
-o-transform: rotateX(180deg);
transform: rotateX(180deg)
}
.cd-headline.rotate-1 b.is-visible {
opacity: 1;
-webkit-transform: rotateX(0deg);
-moz-transform: rotateX(0deg);
-ms-transform: rotateX(0deg);
-o-transform: rotateX(0deg);
transform: rotateX(0deg);
-webkit-animation: cd-rotate-1-in 1.2s;
-moz-animation: cd-rotate-1-in 1.2s;
animation: cd-rotate-1-in 1.2s
}
.cd-headline.rotate-1 b.is-hidden {
-webkit-transform: rotateX(180deg);
-moz-transform: rotateX(180deg);
-ms-transform: rotateX(180deg);
-o-transform: rotateX(180deg);
transform: rotateX(180deg);
-webkit-animation: cd-rotate-1-out 1.2s;
-moz-animation: cd-rotate-1-out 1.2s;
animation: cd-rotate-1-out 1.2s
}
@-webkit-keyframes cd-rotate-1-in {
0% {
-webkit-transform: rotateX(180deg);
opacity: 0
}
35% {
-webkit-transform: rotateX(120deg);
opacity: 0
}
65% {
opacity: 0
}
100% {
-webkit-transform: rotateX(360deg);
opacity: 1
}
}
@-moz-keyframes cd-rotate-1-in {
0% {
-moz-transform: rotateX(180deg);
opacity: 0
}
35% {
-moz-transform: rotateX(120deg);
opacity: 0
}
65% {
opacity: 0
}
100% {
-moz-transform: rotateX(360deg);
opacity: 1
}
}
@keyframes cd-rotate-1-in {
0% {
-webkit-transform: rotateX(180deg);
-moz-transform: rotateX(180deg);
-ms-transform: rotateX(180deg);
-o-transform: rotateX(180deg);
transform: rotateX(180deg);
opacity: 0
}
35% {
-webkit-transform: rotateX(120deg);
-moz-transform: rotateX(120deg);
-ms-transform: rotateX(120deg);
-o-transform: rotateX(120deg);
transform: rotateX(120deg);
opacity: 0
}
65% {
opacity: 0
}
100% {
-webkit-transform: rotateX(360deg);
-moz-transform: rotateX(360deg);
-ms-transform: rotateX(360deg);
-o-transform: rotateX(360deg);
transform: rotateX(360deg);
opacity: 1
}
}
@-webkit-keyframes cd-rotate-1-out {
0% {
-webkit-transform: rotateX(0deg);
opacity: 1
}
35% {
-webkit-transform: rotateX(-40deg);
opacity: 1
}
65% {
opacity: 0
}
100% {
-webkit-transform: rotateX(180deg);
opacity: 0
}
}
@-moz-keyframes cd-rotate-1-out {
0% {
-moz-transform: rotateX(0deg);
opacity: 1
}
35% {
-moz-transform: rotateX(-40deg);
opacity: 1
}
65% {
opacity: 0
}
100% {
-moz-transform: rotateX(180deg);
opacity: 0
}
}
@keyframes cd-rotate-1-out {
0% {
-webkit-transform: rotateX(0deg);
-moz-transform: rotateX(0deg);
-ms-transform: rotateX(0deg);
-o-transform: rotateX(0deg);
transform: rotateX(0deg);
opacity: 1
}
35% {
-webkit-transform: rotateX(-40deg);
-moz-transform: rotateX(-40deg);
-ms-transform: rotateX(-40deg);
-o-transform: rotateX(-40deg);
transform: rotateX(-40deg);
opacity: 1
}
65% {
opacity: 0
}
100% {
-webkit-transform: rotateX(180deg);
-moz-transform: rotateX(180deg);
-ms-transform: rotateX(180deg);
-o-transform: rotateX(180deg);
transform: rotateX(180deg);
opacity: 0
}
}
.cd-headline.type .cd-words-wrapper {
vertical-align: top;
overflow: hidden
}
.cd-headline.type .cd-words-wrapper:after {
content: '';
position: absolute;
right: 0;
top: 50%;
bottom: auto;
-webkit-transform: translateY(-50%);
-moz-transform: translateY(-50%);
-ms-transform: translateY(-50%);
-o-transform: translateY(-50%);
transform: translateY(-50%);
height: 90%;
width: 1px;
background-color: #aebcb9
}
.cd-headline.type .cd-words-wrapper.waiting:after {
-webkit-animation: cd-pulse 1s infinite;
-moz-animation: cd-pulse 1s infinite;
animation: cd-pulse 1s infinite
}
.cd-headline.type .cd-words-wrapper.selected {
background-color: #aebcb9
}
.cd-headline.type .cd-words-wrapper.selected:after {
visibility: hidden
}
.cd-headline.type .cd-words-wrapper.selected b {
color: #0d0d0d
}
.cd-headline.type b {
visibility: hidden
}
.cd-headline.type b.is-visible {
visibility: visible
}
.cd-headline.type i {
position: absolute;
visibility: hidden
}
.cd-headline.type i.in {
position: relative;
visibility: visible
}
@-webkit-keyframes cd-pulse {
0% {
-webkit-transform: translateY(-50%) scale(1);
opacity: 1
}
40% {
-webkit-transform: translateY(-50%) scale(.9);
opacity: 0
}
100% {
-webkit-transform: translateY(-50%) scale(0);
opacity: 0
}
}
@-moz-keyframes cd-pulse {
0% {
-moz-transform: translateY(-50%) scale(1);
opacity: 1
}
40% {
-moz-transform: translateY(-50%) scale(.9);
opacity: 0
}
100% {
-moz-transform: translateY(-50%) scale(0);
opacity: 0
}
}
@keyframes cd-pulse {
0% {
-webkit-transform: translateY(-50%) scale(1);
-moz-transform: translateY(-50%) scale(1);
-ms-transform: translateY(-50%) scale(1);
-o-transform: translateY(-50%) scale(1);
transform: translateY(-50%) scale(1);
opacity: 1
}
40% {
-webkit-transform: translateY(-50%) scale(.9);
-moz-transform: translateY(-50%) scale(.9);
-ms-transform: translateY(-50%) scale(.9);
-o-transform: translateY(-50%) scale(.9);
transform: translateY(-50%) scale(.9);
opacity: 0
}
100% {
-webkit-transform: translateY(-50%) scale(0);
-moz-transform: translateY(-50%) scale(0);
-ms-transform: translateY(-50%) scale(0);
-o-transform: translateY(-50%) scale(0);
transform: translateY(-50%) scale(0);
opacity: 0
}
}
.cd-headline.rotate-2 .cd-words-wrapper {
-webkit-perspective: 300px;
-moz-perspective: 300px;
perspective: 300px
}
.cd-headline.rotate-2 i,
.cd-headline.rotate-2 em {
display: inline-block;
-webkit-backface-visibility: hidden;
backface-visibility: hidden
}
.cd-headline.rotate-2 b {
opacity: 0
}
.cd-headline.rotate-2 i {
-webkit-transform-style: preserve-3d;
-moz-transform-style: preserve-3d;
-ms-transform-style: preserve-3d;
-o-transform-style: preserve-3d;
transform-style: preserve-3d;
-webkit-transform: translateZ(-20px) rotateX(90deg);
-moz-transform: translateZ(-20px) rotateX(90deg);
-ms-transform: translateZ(-20px) rotateX(90deg);
-o-transform: translateZ(-20px) rotateX(90deg);
transform: translateZ(-20px) rotateX(90deg);
opacity: 0
}
.is-visible .cd-headline.rotate-2 i {
opacity: 1
}
.cd-headline.rotate-2 i.in {
-webkit-animation: cd-rotate-2-in .4s forwards;
-moz-animation: cd-rotate-2-in .4s forwards;
animation: cd-rotate-2-in .4s forwards
}
.cd-headline.rotate-2 i.out {
-webkit-animation: cd-rotate-2-out .4s forwards;
-moz-animation: cd-rotate-2-out .4s forwards;
animation: cd-rotate-2-out .4s forwards
}
.cd-headline.rotate-2 em {
-webkit-transform: translateZ(20px);
-moz-transform: translateZ(20px);
-ms-transform: translateZ(20px);
-o-transform: translateZ(20px);
transform: translateZ(20px)
}
.no-csstransitions .cd-headline.rotate-2 i {
-webkit-transform: rotateX(0deg);
-moz-transform: rotateX(0deg);
-ms-transform: rotateX(0deg);
-o-transform: rotateX(0deg);
transform: rotateX(0deg);
opacity: 0
}
.no-csstransitions .cd-headline.rotate-2 i em {
-webkit-transform: scale(1);
-moz-transform: scale(1);
-ms-transform: scale(1);
-o-transform: scale(1);
transform: scale(1)
}
.no-csstransitions .cd-headline.rotate-2 .is-visible i {
opacity: 1
}
@-webkit-keyframes cd-rotate-2-in {
0% {
opacity: 0;
-webkit-transform: translateZ(-20px) rotateX(90deg)
}
60% {
opacity: 1;
-webkit-transform: translateZ(-20px) rotateX(-10deg)
}
100% {
opacity: 1;
-webkit-transform: translateZ(-20px) rotateX(0deg)
}
}
@-moz-keyframes cd-rotate-2-in {
0% {
opacity: 0;
-moz-transform: translateZ(-20px) rotateX(90deg)
}
60% {
opacity: 1;
-moz-transform: translateZ(-20px) rotateX(-10deg)
}
100% {
opacity: 1;
-moz-transform: translateZ(-20px) rotateX(0deg)
}
}
@keyframes cd-rotate-2-in {
0% {
opacity: 0;
-webkit-transform: translateZ(-20px) rotateX(90deg);
-moz-transform: translateZ(-20px) rotateX(90deg);
-ms-transform: translateZ(-20px) rotateX(90deg);
-o-transform: translateZ(-20px) rotateX(90deg);
transform: translateZ(-20px) rotateX(90deg)
}
60% {
opacity: 1;
-webkit-transform: translateZ(-20px) rotateX(-10deg);
-moz-transform: translateZ(-20px) rotateX(-10deg);
-ms-transform: translateZ(-20px) rotateX(-10deg);
-o-transform: translateZ(-20px) rotateX(-10deg);
transform: translateZ(-20px) rotateX(-10deg)
}
100% {
opacity: 1;
-webkit-transform: translateZ(-20px) rotateX(0deg);
-moz-transform: translateZ(-20px) rotateX(0deg);
-ms-transform: translateZ(-20px) rotateX(0deg);
-o-transform: translateZ(-20px) rotateX(0deg);
transform: translateZ(-20px) rotateX(0deg)
}
}
@-webkit-keyframes cd-rotate-2-out {
0% {
opacity: 1;
-webkit-transform: translateZ(-20px) rotateX(0)
}
60% {
opacity: 0;
-webkit-transform: translateZ(-20px) rotateX(-100deg)
}
100% {
opacity: 0;
-webkit-transform: translateZ(-20px) rotateX(-90deg)
}
}
@-moz-keyframes cd-rotate-2-out {
0% {
opacity: 1;
-moz-transform: translateZ(-20px) rotateX(0)
}
60% {
opacity: 0;
-moz-transform: translateZ(-20px) rotateX(-100deg)
}
100% {
opacity: 0;
-moz-transform: translateZ(-20px) rotateX(-90deg)
}
}
@keyframes cd-rotate-2-out {
0% {
opacity: 1;
-webkit-transform: translateZ(-20px) rotateX(0);
-moz-transform: translateZ(-20px) rotateX(0);
-ms-transform: translateZ(-20px) rotateX(0);
-o-transform: translateZ(-20px) rotateX(0);
transform: translateZ(-20px) rotateX(0)
}
60% {
opacity: 0;
-webkit-transform: translateZ(-20px) rotateX(-100deg);
-moz-transform: translateZ(-20px) rotateX(-100deg);
-ms-transform: translateZ(-20px) rotateX(-100deg);
-o-transform: translateZ(-20px) rotateX(-100deg);
transform: translateZ(-20px) rotateX(-100deg)
}
100% {
opacity: 0;
-webkit-transform: translateZ(-20px) rotateX(-90deg);
-moz-transform: translateZ(-20px) rotateX(-90deg);
-ms-transform: translateZ(-20px) rotateX(-90deg);
-o-transform: translateZ(-20px) rotateX(-90deg);
transform: translateZ(-20px) rotateX(-90deg)
}
}
.cd-headline.loading-bar span {
display: inline-block;
padding: .2em 0
}
.cd-headline.loading-bar .cd-words-wrapper {
overflow: hidden;
vertical-align: top
}
.cd-headline.loading-bar .cd-words-wrapper:after {
content: '';
position: absolute;
left: 0;
bottom: 0;
height: 3px;
width: 0;
background: #0096a7;
z-index: 2;
-webkit-transition: width .3s -.1s;
-moz-transition: width .3s -.1s;
transition: width .3s -.1s
}
.cd-headline.loading-bar .cd-words-wrapper.is-loading:after {
width: 100%;
-webkit-transition: width 3s;
-moz-transition: width 3s;
transition: width 3s
}
.cd-headline.loading-bar b {
top: .2em;
opacity: 0;
-webkit-transition: opacity .3s;
-moz-transition: opacity .3s;
transition: opacity .3s
}
.cd-headline.loading-bar b.is-visible {
opacity: 1;
top: 0
}
.cd-headline.slide span {
display: inline-block;
padding: .2em 0
}
.cd-headline.slide .cd-words-wrapper {
overflow: hidden;
vertical-align: top
}
.cd-headline.slide b {
opacity: 0;
top: .2em
}
.cd-headline.slide b.is-visible {
top: 0;
opacity: 1;
-webkit-animation: slide-in .6s;
-moz-animation: slide-in .6s;
animation: slide-in .6s
}
.cd-headline.slide b.is-hidden {
-webkit-animation: slide-out .6s;
-moz-animation: slide-out .6s;
animation: slide-out .6s
}
@-webkit-keyframes slide-in {
0% {
opacity: 0;
-webkit-transform: translateY(-100%)
}
60% {
opacity: 1;
-webkit-transform: translateY(20%)
}
100% {
opacity: 1;
-webkit-transform: translateY(0)
}
}
@-moz-keyframes slide-in {
0% {
opacity: 0;
-moz-transform: translateY(-100%)
}
60% {
opacity: 1;
-moz-transform: translateY(20%)
}
100% {
opacity: 1;
-moz-transform: translateY(0)
}
}
@keyframes slide-in {
0% {
opacity: 0;
-webkit-transform: translateY(-100%);
-moz-transform: translateY(-100%);
-ms-transform: translateY(-100%);
-o-transform: translateY(-100%);
transform: translateY(-100%)
}
60% {
opacity: 1;
-webkit-transform: translateY(20%);
-moz-transform: translateY(20%);
-ms-transform: translateY(20%);
-o-transform: translateY(20%);
transform: translateY(20%)
}
100% {
opacity: 1;
-webkit-transform: translateY(0);
-moz-transform: translateY(0);
-ms-transform: translateY(0);
-o-transform: translateY(0);
transform: translateY(0)
}
}
@-webkit-keyframes slide-out {
0% {
opacity: 1;
-webkit-transform: translateY(0)
}
60% {
opacity: 0;
-webkit-transform: translateY(120%)
}
100% {
opacity: 0;
-webkit-transform: translateY(100%)
}
}
@-moz-keyframes slide-out {
0% {
opacity: 1;
-moz-transform: translateY(0)
}
60% {
opacity: 0;
-moz-transform: translateY(120%)
}
100% {
opacity: 0;
-moz-transform: translateY(100%)
}
}
@keyframes slide-out {
0% {
opacity: 1;
-webkit-transform: translateY(0);
-moz-transform: translateY(0);
-ms-transform: translateY(0);
-o-transform: translateY(0);
transform: translateY(0)
}
60% {
opacity: 0;
-webkit-transform: translateY(120%);
-moz-transform: translateY(120%);
-ms-transform: translateY(120%);
-o-transform: translateY(120%);
transform: translateY(120%)
}
100% {
opacity: 0;
-webkit-transform: translateY(100%);
-moz-transform: translateY(100%);
-ms-transform: translateY(100%);
-o-transform: translateY(100%);
transform: translateY(100%)
}
}
.cd-headline.clip span {
display: inline-block;
padding: 0
}
.cd-headline.clip .cd-words-wrapper {
overflow: hidden;
vertical-align: top
}
.cd-headline.clip .cd-words-wrapper:after {
content: '';
position: absolute;
right: 0;
top: 50%;
bottom: auto;
-webkit-transform: translateY(-50%);
-moz-transform: translateY(-50%);
-ms-transform: translateY(-50%);
-o-transform: translateY(-50%);
transform: translateY(-50%);
height: 90%;
width: 5px;
background-color: #fff
}
.cd-headline.clip b {
opacity: 0
}
.cd-headline.clip b.is-visible {
opacity: 1
}
.cd-headline.zoom .cd-words-wrapper {
-webkit-perspective: 300px;
-moz-perspective: 300px;
perspective: 300px
}
.cd-headline.zoom b {
opacity: 0
}
.cd-headline.zoom b.is-visible {
opacity: 1;
-webkit-animation: zoom-in .8s;
-moz-animation: zoom-in .8s;
animation: zoom-in .8s
}
.cd-headline.zoom b.is-hidden {
-webkit-animation: zoom-out .8s;
-moz-animation: zoom-out .8s;
animation: zoom-out .8s
}
@-webkit-keyframes zoom-in {
0% {
opacity: 0;
-webkit-transform: translateZ(100px)
}
100% {
opacity: 1;
-webkit-transform: translateZ(0)
}
}
@-moz-keyframes zoom-in {
0% {
opacity: 0;
-moz-transform: translateZ(100px)
}
100% {
opacity: 1;
-moz-transform: translateZ(0)
}
}
@keyframes zoom-in {
0% {
opacity: 0;
-webkit-transform: translateZ(100px);
-moz-transform: translateZ(100px);
-ms-transform: translateZ(100px);
-o-transform: translateZ(100px);
transform: translateZ(100px)
}
100% {
opacity: 1;
-webkit-transform: translateZ(0);
-moz-transform: translateZ(0);
-ms-transform: translateZ(0);
-o-transform: translateZ(0);
transform: translateZ(0)
}
}
@-webkit-keyframes zoom-out {
0% {
opacity: 1;
-webkit-transform: translateZ(0)
}
100% {
opacity: 0;
-webkit-transform: translateZ(-100px)
}
}
@-moz-keyframes zoom-out {
0% {
opacity: 1;
-moz-transform: translateZ(0)
}
100% {
opacity: 0;
-moz-transform: translateZ(-100px)
}
}
@keyframes zoom-out {
0% {
opacity: 1;
-webkit-transform: translateZ(0);
-moz-transform: translateZ(0);
-ms-transform: translateZ(0);
-o-transform: translateZ(0);
transform: translateZ(0)
}
100% {
opacity: 0;
-webkit-transform: translateZ(-100px);
-moz-transform: translateZ(-100px);
-ms-transform: translateZ(-100px);
-o-transform: translateZ(-100px);
transform: translateZ(-100px)
}
}
.cd-headline.rotate-3 .cd-words-wrapper {
-webkit-perspective: 300px;
-moz-perspective: 300px;
perspective: 300px
}
.cd-headline.rotate-3 b {
opacity: 0
}
.cd-headline.rotate-3 i {
display: inline-block;
-webkit-transform: rotateY(180deg);
-moz-transform: rotateY(180deg);
-ms-transform: rotateY(180deg);
-o-transform: rotateY(180deg);
transform: rotateY(180deg);
-webkit-backface-visibility: hidden;
backface-visibility: hidden
}
.is-visible .cd-headline.rotate-3 i {
-webkit-transform: rotateY(0deg);
-moz-transform: rotateY(0deg);
-ms-transform: rotateY(0deg);
-o-transform: rotateY(0deg);
transform: rotateY(0deg)
}
.cd-headline.rotate-3 i.in {
-webkit-animation: cd-rotate-3-in .6s forwards;
-moz-animation: cd-rotate-3-in .6s forwards;
animation: cd-rotate-3-in .6s forwards
}
.cd-headline.rotate-3 i.out {
-webkit-animation: cd-rotate-3-out .6s forwards;
-moz-animation: cd-rotate-3-out .6s forwards;
animation: cd-rotate-3-out .6s forwards
}
.no-csstransitions .cd-headline.rotate-3 i {
-webkit-transform: rotateY(0deg);
-moz-transform: rotateY(0deg);
-ms-transform: rotateY(0deg);
-o-transform: rotateY(0deg);
transform: rotateY(0deg);
opacity: 0
}
.no-csstransitions .cd-headline.rotate-3 .is-visible i {
opacity: 1
}
@-webkit-keyframes cd-rotate-3-in {
0% {
-webkit-transform: rotateY(180deg)
}
100% {
-webkit-transform: rotateY(0deg)
}
}
@-moz-keyframes cd-rotate-3-in {
0% {
-moz-transform: rotateY(180deg)
}
100% {
-moz-transform: rotateY(0deg)
}
}
@keyframes cd-rotate-3-in {
0% {
-webkit-transform: rotateY(180deg);
-moz-transform: rotateY(180deg);
-ms-transform: rotateY(180deg);
-o-transform: rotateY(180deg);
transform: rotateY(180deg)
}
100% {
-webkit-transform: rotateY(0deg);
-moz-transform: rotateY(0deg);
-ms-transform: rotateY(0deg);
-o-transform: rotateY(0deg);
transform: rotateY(0deg)
}
}
@-webkit-keyframes cd-rotate-3-out {
0% {
-webkit-transform: rotateY(0)
}
100% {
-webkit-transform: rotateY(-180deg)
}
}
@-moz-keyframes cd-rotate-3-out {
0% {
-moz-transform: rotateY(0)
}
100% {
-moz-transform: rotateY(-180deg)
}
}
@keyframes cd-rotate-3-out {
0% {
-webkit-transform: rotateY(0);
-moz-transform: rotateY(0);
-ms-transform: rotateY(0);
-o-transform: rotateY(0);
transform: rotateY(0)
}
100% {
-webkit-transform: rotateY(-180deg);
-moz-transform: rotateY(-180deg);
-ms-transform: rotateY(-180deg);
-o-transform: rotateY(-180deg);
transform: rotateY(-180deg)
}
}
.cd-headline.scale b {
opacity: 0
}
.cd-headline.scale i {
display: inline-block;
opacity: 0;
-webkit-transform: scale(0);
-moz-transform: scale(0);
-ms-transform: scale(0);
-o-transform: scale(0);
transform: scale(0)
}
.is-visible .cd-headline.scale i {
opacity: 1
}
.cd-headline.scale i.in {
-webkit-animation: scale-up .6s forwards;
-moz-animation: scale-up .6s forwards;
animation: scale-up .6s forwards
}
.cd-headline.scale i.out {
-webkit-animation: scale-down .6s forwards;
-moz-animation: scale-down .6s forwards;
animation: scale-down .6s forwards
}
.no-csstransitions .cd-headline.scale i {
-webkit-transform: scale(1);
-moz-transform: scale(1);
-ms-transform: scale(1);
-o-transform: scale(1);
transform: scale(1);
opacity: 0
}
.no-csstransitions .cd-headline.scale .is-visible i {
opacity: 1
}
@-webkit-keyframes scale-up {
0% {
-webkit-transform: scale(0);
opacity: 0
}
60% {
-webkit-transform: scale(1.2);
opacity: 1
}
100% {
-webkit-transform: scale(1);
opacity: 1
}
}
@-moz-keyframes scale-up {
0% {
-moz-transform: scale(0);
opacity: 0
}
60% {
-moz-transform: scale(1.2);
opacity: 1
}
100% {
-moz-transform: scale(1);
opacity: 1
}
}
@keyframes scale-up {
0% {
-webkit-transform: scale(0);
-moz-transform: scale(0);
-ms-transform: scale(0);
-o-transform: scale(0);
transform: scale(0);
opacity: 0
}
60% {
-webkit-transform: scale(1.2);
-moz-transform: scale(1.2);
-ms-transform: scale(1.2);
-o-transform: scale(1.2);
transform: scale(1.2);
opacity: 1
}
100% {
-webkit-transform: scale(1);
-moz-transform: scale(1);
-ms-transform: scale(1);
-o-transform: scale(1);
transform: scale(1);
opacity: 1
}
}
@-webkit-keyframes scale-down {
0% {
-webkit-transform: scale(1);
opacity: 1
}
60% {
-webkit-transform: scale(0);
opacity: 0
}
}
@-moz-keyframes scale-down {
0% {
-moz-transform: scale(1);
opacity: 1
}
60% {
-moz-transform: scale(0);
opacity: 0
}
}
@keyframes scale-down {
0% {
-webkit-transform: scale(1);
-moz-transform: scale(1);
-ms-transform: scale(1);
-o-transform: scale(1);
transform: scale(1);
opacity: 1
}
60% {
-webkit-transform: scale(0);
-moz-transform: scale(0);
-ms-transform: scale(0);
-o-transform: scale(0);
transform: scale(0);
opacity: 0
}
}
.cd-headline.push b {
opacity: 0
}
.cd-headline.push b.is-visible {
opacity: 1;
-webkit-animation: push-in .6s;
-moz-animation: push-in .6s;
animation: push-in .6s
}
.cd-headline.push b.is-hidden {
-webkit-animation: push-out .6s;
-moz-animation: push-out .6s;
animation: push-out .6s
}
@-webkit-keyframes push-in {
0% {
opacity: 0;
-webkit-transform: translateX(-100%)
}
60% {
opacity: 1;
-webkit-transform: translateX(10%)
}
100% {
opacity: 1;
-webkit-transform: translateX(0)
}
}
@-moz-keyframes push-in {
0% {
opacity: 0;
-moz-transform: translateX(-100%)
}
60% {
opacity: 1;
-moz-transform: translateX(10%)
}
100% {
opacity: 1;
-moz-transform: translateX(0)
}
}
@keyframes push-in {
0% {
opacity: 0;
-webkit-transform: translateX(-100%);
-moz-transform: translateX(-100%);
-ms-transform: translateX(-100%);
-o-transform: translateX(-100%);
transform: translateX(-100%)
}
60% {
opacity: 1;
-webkit-transform: translateX(10%);
-moz-transform: translateX(10%);
-ms-transform: translateX(10%);
-o-transform: translateX(10%);
transform: translateX(10%)
}
100% {
opacity: 1;
-webkit-transform: translateX(0);
-moz-transform: translateX(0);
-ms-transform: translateX(0);
-o-transform: translateX(0);
transform: translateX(0)
}
}
@-webkit-keyframes push-out {
0% {
opacity: 1;
-webkit-transform: translateX(0)
}
60% {
opacity: 0;
-webkit-transform: translateX(110%)
}
100% {
opacity: 0;
-webkit-transform: translateX(100%)
}
}
@-moz-keyframes push-out {
0% {
opacity: 1;
-moz-transform: translateX(0)
}
60% {
opacity: 0;
-moz-transform: translateX(110%)
}
100% {
opacity: 0;
-moz-transform: translateX(100%)
}
}
@keyframes push-out {
0% {
opacity: 1;
-webkit-transform: translateX(0);
-moz-transform: translateX(0);
-ms-transform: translateX(0);
-o-transform: translateX(0);
transform: translateX(0)
}
60% {
opacity: 0;
-webkit-transform: translateX(110%);
-moz-transform: translateX(110%);
-ms-transform: translateX(110%);
-o-transform: translateX(110%);
transform: translateX(110%)
}
100% {
opacity: 0;
-webkit-transform: translateX(100%);
-moz-transform: translateX(100%);
-ms-transform: translateX(100%);
-o-transform: translateX(100%);
transform: translateX(100%)
}
}
.bubble-animate {
position: absolute;
left: -215px;
bottom: 0;
width: 162%;
height: 100%;
overflow: hidden
}
.circle {
background: #0c5adb;
bottom: 0;
position: absolute;
border-radius: 50%
}
.circle.small {
width: 15px;
height: 15px;
opacity: .7
}
.circle.small.square1 {
left: 18%;
top: 100%;
-webkit-animation-name: smallBubble;
animation-name: smallBubble;
-webkit-animation-duration: 3s;
animation-duration: 3s;
-webkit-animation-iteration-count: infinite;
animation-iteration-count: infinite;
-webkit-animation-delay: 1s;
animation-delay: 1s;
-webkit-animation-timing-function: ease-in;
animation-timing-function: ease-in
}
.circle.small.square2 {
left: 36%;
top: 100%;
-webkit-animation-name: smallBubble;
animation-name: smallBubble;
-webkit-animation-duration: 4s;
animation-duration: 4s;
-webkit-animation-iteration-count: infinite;
animation-iteration-count: infinite;
-webkit-animation-delay: 2s;
animation-delay: 2s;
-webkit-animation-timing-function: ease-in;
animation-timing-function: ease-in
}
.circle.small.square3 {
left: 54%;
top: 100%;
-webkit-animation-name: smallBubble;
animation-name: smallBubble;
-webkit-animation-duration: 5s;
animation-duration: 5s;
-webkit-animation-iteration-count: infinite;
animation-iteration-count: infinite;
-webkit-animation-delay: 1s;
animation-delay: 1s;
-webkit-animation-timing-function: ease-in;
animation-timing-function: ease-in
}
.circle.small.square4 {
left: 72%;
top: 100%;
-webkit-animation-name: smallBubble;
animation-name: smallBubble;
-webkit-animation-duration: 6s;
animation-duration: 6s;
-webkit-animation-iteration-count: infinite;
animation-iteration-count: infinite;
-webkit-animation-delay: 4s;
animation-delay: 4s;
-webkit-animation-timing-function: ease-in;
animation-timing-function: ease-in
}
.circle.small.square5 {
left: 90%;
top: 100%;
-webkit-animation-name: smallBubble;
animation-name: smallBubble;
-webkit-animation-duration: 7s;
animation-duration: 7s;
-webkit-animation-iteration-count: infinite;
animation-iteration-count: infinite;
-webkit-animation-delay: 5s;
animation-delay: 5s;
-webkit-animation-timing-function: ease-in;
animation-timing-function: ease-in
}
.circle.medium {
width: 35px;
height: 35px;
opacity: .45
}
.circle.medium.square1 {
left: 21%;
top: 100%;
-webkit-animation-name: mediumBubble;
animation-name: mediumBubble;
-webkit-animation-duration: 5s;
animation-duration: 5s;
-webkit-animation-iteration-count: infinite;
animation-iteration-count: infinite;
-webkit-animation-delay: 2s;
animation-delay: 2s;
-webkit-animation-timing-function: ease-in;
animation-timing-function: ease-in
}
.circle.medium.square2 {
left: 42%;
top: 100%;
-webkit-animation-name: mediumBubble;
animation-name: mediumBubble;
-webkit-animation-duration: 8s;
animation-duration: 8s;
-webkit-animation-iteration-count: infinite;
animation-iteration-count: infinite;
-webkit-animation-delay: 6s;
animation-delay: 6s;
-webkit-animation-timing-function: ease-in;
animation-timing-function: ease-in
}
.circle.medium.square3 {
left: 63%;
top: 100%;
-webkit-animation-name: mediumBubble;
animation-name: mediumBubble;
-webkit-animation-duration: 12s;
animation-duration: 12s;
-webkit-animation-iteration-count: infinite;
animation-iteration-count: infinite;
-webkit-animation-delay: 12s;
animation-delay: 12s;
-webkit-animation-timing-function: ease-in;
animation-timing-function: ease-in
}
.circle.medium.square4 {
left: 84%;
top: 100%;
-webkit-animation-name: mediumBubble;
animation-name: mediumBubble;
-webkit-animation-duration: 4s;
animation-duration: 4s;
-webkit-animation-iteration-count: infinite;
animation-iteration-count: infinite;
-webkit-animation-delay: 12s;
animation-delay: 12s;
-webkit-animation-timing-function: ease-in;
animation-timing-function: ease-in
}
.circle.medium.square5 {
left: 105%;
top: 100%;
-webkit-animation-name: mediumBubble;
animation-name: mediumBubble;
-webkit-animation-duration: 18s;
animation-duration: 18s;
-webkit-animation-iteration-count: infinite;
animation-iteration-count: infinite;
-webkit-animation-delay: 6s;
animation-delay: 6s;
-webkit-animation-timing-function: ease-in;
animation-timing-function: ease-in
}
.circle.medium.square5 {
left: 5%;
top: 100%;
-webkit-animation-name: mediumBubble;
animation-name: mediumBubble;
-webkit-animation-duration: 8s;
animation-duration: 8s;
-webkit-animation-iteration-count: infinite;
animation-iteration-count: infinite;
-webkit-animation-delay: 2s;
animation-delay: 2s;
-webkit-animation-timing-function: ease-in;
animation-timing-function: ease-in
}
.circle.large {
width: 100px;
height: 100px;
opacity: .35
}
.circle.large.square1 {
left: 21%;
top: 100%;
-webkit-animation-name: bigBubble;
animation-name: bigBubble;
-webkit-animation-duration: 6s;
animation-duration: 6s;
-webkit-animation-iteration-count: infinite;
animation-iteration-count: infinite;
-webkit-animation-delay: 6s;
animation-delay: 6s;
-webkit-animation-timing-function: ease-in;
animation-timing-function: ease-in
}
.circle.large.square2 {
left: 42%;
top: 100%;
-webkit-animation-name: bigBubble;
animation-name: bigBubble;
-webkit-animation-duration: 6s;
animation-duration: 6s;
-webkit-animation-iteration-count: infinite;
animation-iteration-count: infinite;
-webkit-animation-delay: 3s;
animation-delay: 3s;
-webkit-animation-timing-function: ease-in;
animation-timing-function: ease-in
}
.circle.large.square3 {
left: 63%;
top: 100%;
-webkit-animation-name: bigBubble;
animation-name: bigBubble;
-webkit-animation-duration: 6s;
animation-duration: 6s;
-webkit-animation-iteration-count: infinite;
animation-iteration-count: infinite;
-webkit-animation-delay: 13s;
animation-delay: 13s;
-webkit-animation-timing-function: ease-in;
animation-timing-function: ease-in
}
.circle.large.square4 {
left: 84%;
top: 100%;
-webkit-animation-name: bigBubble;
animation-name: bigBubble;
-webkit-animation-duration: 6s;
animation-duration: 6s;
-webkit-animation-iteration-count: infinite;
animation-iteration-count: infinite;
-webkit-animation-delay: 9s;
animation-delay: 9s;
-webkit-animation-timing-function: ease-in;
animation-timing-function: ease-in
}
.circle.large.square5 {
left: 105%;
top: 100%;
-webkit-animation-name: bigBubble;
animation-name: bigBubble;
-webkit-animation-duration: 6s;
animation-duration: 6s;
-webkit-animation-iteration-count: infinite;
animation-iteration-count: infinite;
-webkit-animation-delay: 13s;
animation-delay: 13s;
-webkit-animation-timing-function: ease-in;
animation-timing-function: ease-in
}
@-webkit-keyframes smallBubble {
0% {
top: 100%;
margin-left: 10px
}
25% {
margin-left: -10px
}
50% {
margin-left: 10px
}
75% {
margin-left: -10px
}
100% {
top: 0;
opacity: 0;
margin-left: 0
}
}
@keyframes smallBubble {
0% {
top: 100%;
margin-left: 10px
}
25% {
margin-left: -10px
}
50% {
margin-left: 10px
}
75% {
margin-left: -10px
}
100% {
top: 0;
opacity: 0;
margin-left: 0
}
}
@-webkit-keyframes mediumBubble {
0% {
top: 100%;
margin-left: 15px
}
25% {
margin-left: -15px
}
50% {
margin-left: 15px
}
75% {
margin-left: -15px
}
100% {
top: 0;
opacity: 0;
margin-left: 0
}
}
@keyframes mediumBubble {
0% {
top: 100%;
margin-left: 15px
}
25% {
margin-left: -15px
}
50% {
margin-left: 15px
}
75% {
margin-left: -15px
}
100% {
top: 0;
opacity: 0;
margin-left: 0
}
}
@-webkit-keyframes bigBubble {
0% {
top: 100%;
margin-left: 20px
}
25% {
margin-left: -20px
}
50% {
margin-left: 20px
}
75% {
margin-left: -20px
}
100% {
top: 0;
opacity: 0;
margin-left: 0
}
}
@keyframes bigBubble {
0% {
top: 100%;
margin-left: 20px
}
25% {
margin-left: -20px
}
50% {
margin-left: 20px
}
75% {
margin-left: -20px
}
100% {
top: 0;
opacity: 0;
margin-left: 0
}
}
.slick-slider {
position: relative;
display: block;
box-sizing: border-box;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
-webkit-touch-callout: none;
-khtml-user-select: none;
-ms-touch-action: pan-y;
touch-action: pan-y;
-webkit-tap-highlight-color: transparent
}
.slick-list {
position: relative;
display: block;
overflow: hidden;
margin: 0;
padding: 0
}
.slick-list:focus {
outline: none
}
.slick-list.dragging {
cursor: pointer;
cursor: hand
}
.slick-slider .slick-track,
.slick-slider .slick-list {
-webkit-transform: translate3d(0, 0, 0);
-moz-transform: translate3d(0, 0, 0);
-ms-transform: translate3d(0, 0, 0);
-o-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0)
}
.slick-track {
position: relative;
top: 0;
left: 0;
display: block;
margin-left: auto;
margin-right: auto
}
.slick-track:before,
.slick-track:after {
display: table;
content: '';
/* margin: 85px 0 0;*/
}
.slick-track:after {
clear: both
}
.slick-loading .slick-track {
visibility: hidden
}
.slick-slide {
display: none;
float: left;
height: 100%;
min-height: 1px
}
[dir=rtl] .slick-slide {
float: right
}
.slick-slide img {
display: block
}
.slick-slide.slick-loading img {
display: none
}
.slick-slide.dragging img {
pointer-events: none
}
.slick-initialized .slick-slide {
display: block
}
.slick-loading .slick-slide {
visibility: hidden
}
.slick-vertical .slick-slide {
display: block;
height: auto;
border: 1px solid transparent
}
.slick-arrow.slick-hidden {
display: none
}
.owl-carousel,
.owl-carousel .owl-item {
-webkit-tap-highlight-color: transparent;
position: relative
}
.owl-carousel {
display: none;
width: 100%;
z-index: 1
}
.owl-carousel .owl-stage {
position: relative;
-ms-touch-action: pan-Y;
-moz-backface-visibility: hidden
}
.owl-carousel .owl-stage:after {
content: ".";
display: block;
clear: both;
visibility: hidden;
line-height: 0;
height: 0
}
.owl-carousel .owl-stage-outer {
position: relative;
overflow: hidden;
-webkit-transform: translate3d(0, 0, 0)
}
.owl-carousel .owl-item,
.owl-carousel .owl-wrapper {
-webkit-backface-visibility: hidden;
-moz-backface-visibility: hidden;
-ms-backface-visibility: hidden;
-webkit-transform: translate3d(0, 0, 0);
-moz-transform: translate3d(0, 0, 0);
-ms-transform: translate3d(0, 0, 0)
}
.owl-carousel .owl-item {
min-height: 1px;
float: left;
-webkit-backface-visibility: hidden;
-webkit-touch-callout: none
}
.owl-carousel .owl-item img {
display: block
}
.owl-carousel .owl-dots.disabled,
.owl-carousel .owl-nav.disabled {
display: none
}
.no-js .owl-carousel,
.owl-carousel.owl-loaded {
display: block
}
.owl-carousel .owl-dot,
.owl-carousel .owl-nav .owl-next,
.owl-carousel .owl-nav .owl-prev {
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-loading {
opacity: 0;
display: block
}
.owl-carousel.owl-hidden {
opacity: 0
}
.owl-carousel.owl-refresh .owl-item {
visibility: hidden
}
.owl-carousel.owl-drag .owl-item {
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none
}
.owl-carousel.owl-grab {
cursor: move;
cursor: grab
}
.owl-carousel.owl-rtl {
direction: rtl
}
.owl-carousel.owl-rtl .owl-item {
float: right
}
.owl-carousel .animated {
animation-duration: 1s;
animation-fill-mode: both
}
.owl-carousel .owl-animated-in {
z-index: 0
}
.owl-carousel .owl-animated-out {
z-index: 1
}
.owl-carousel .fadeOut {
animation-name: fadeOut
}
@keyframes fadeOut {
0% {
opacity: 1
}
100% {
opacity: 0
}
}
.owl-height {
transition: height .5s ease-in-out
}
.owl-carousel .owl-item .owl-lazy {
opacity: 0;
transition: opacity .4s ease
}
.owl-carousel .owl-item img.owl-lazy {
transform-style: preserve-3d
}
.owl-carousel .owl-video-wrapper {
position: relative;
height: 100%;
background: #000
}
.owl-carousel .owl-video-play-icon {
position: absolute;
height: 80px;
width: 80px;
left: 50%;
top: 50%;
margin-left: -40px;
margin-top: -40px;
background: url(//webitkurigram.com/wp/techno/wp-content/themes/techno/assets/css/owl.video.play.png) no-repeat;
cursor: pointer;
z-index: 1;
-webkit-backface-visibility: hidden;
transition: transform .1s ease
}
.owl-carousel .owl-video-play-icon:hover {
-ms-transform: scale(1.3, 1.3);
transform: scale(1.3, 1.3)
}
.owl-carousel .owl-video-playing .owl-video-play-icon,
.owl-carousel .owl-video-playing .owl-video-tn {
display: none
}
.owl-carousel .owl-video-tn {
opacity: 0;
height: 100%;
background-position: center center;
background-repeat: no-repeat;
background-size: contain;
transition: opacity .4s ease
}
.owl-carousel .owl-video-frame {
position: relative;
z-index: 1;
height: 100%;
width: 100%
}
.owl-origin {
-webkit-perspective: 1200px;
-webkit-perspective-origin-x: 50%;
-webkit-perspective-origin-y: 50%;
-moz-perspective: 1200px;
-moz-perspective-origin-x: 50%;
-moz-perspective-origin-y: 50%;
perspective: 1200px
}
.owl-fade-out {
z-index: 10;
-webkit-animation: fadeOut .7s both ease;
-moz-animation: fadeOut .7s both ease;
animation: fadeOut .7s both ease
}
.owl-fade-in {
-webkit-animation: fadeIn .7s both ease;
-moz-animation: fadeIn .7s both ease;
animation: fadeIn .7s both ease
}
.owl-backSlide-out {
-webkit-animation: backSlideOut 1s both ease;
-moz-animation: backSlideOut 1s both ease;
animation: backSlideOut 1s both ease
}
.owl-backSlide-in {
-webkit-animation: backSlideIn 1s both ease;
-moz-animation: backSlideIn 1s both ease;
animation: backSlideIn 1s both ease
}
.owl-goDown-out {
-webkit-animation: scaleToFade .7s ease both;
-moz-animation: scaleToFade .7s ease both;
animation: scaleToFade .7s ease both
}
.owl-goDown-in {
-webkit-animation: goDown .6s ease both;
-moz-animation: goDown .6s ease both;
animation: goDown .6s ease both
}
.owl-fadeUp-in {
-webkit-animation: scaleUpFrom .5s ease both;
-moz-animation: scaleUpFrom .5s ease both;
animation: scaleUpFrom .5s ease both
}
.owl-fadeUp-out {
-webkit-animation: scaleUpTo .5s ease both;
-moz-animation: scaleUpTo .5s ease both;
animation: scaleUpTo .5s ease both
}
@-webkit-keyframes empty {
0% {
opacity: 1
}
}
@-moz-keyframes empty {
0% {
opacity: 1
}
}
@keyframes empty {
0% {
opacity: 1
}
}
@-webkit-keyframes fadeIn {
0% {
opacity: 0
}
100% {
opacity: 1
}
}
@-moz-keyframes fadeIn {
0% {
opacity: 0
}
100% {
opacity: 1
}
}
@keyframes fadeIn {
0% {
opacity: 0
}
100% {
opacity: 1
}
}
@-webkit-keyframes fadeOut {
0% {
opacity: 1
}
100% {
opacity: 0
}
}
@-moz-keyframes fadeOut {
0% {
opacity: 1
}
100% {
opacity: 0
}
}
@keyframes fadeOut {
0% {
opacity: 1
}
100% {
opacity: 0
}
}
@-webkit-keyframes backSlideOut {
25% {
opacity: .5;
-webkit-transform: translateZ(-500px)
}
75% {
opacity: .5;
-webkit-transform: translateZ(-500px) translateX(-200%)
}
100% {
opacity: .5;
-webkit-transform: translateZ(-500px) translateX(-200%)
}
}
@-moz-keyframes backSlideOut {
25% {
opacity: .5;
-moz-transform: translateZ(-500px)
}
75% {
opacity: .5;
-moz-transform: translateZ(-500px) translateX(-200%)
}
100% {
opacity: .5;
-moz-transform: translateZ(-500px) translateX(-200%)
}
}
@keyframes backSlideOut {
25% {
opacity: .5;
transform: translateZ(-500px)
}
75% {
opacity: .5;
transform: translateZ(-500px) translateX(-200%)
}
100% {
opacity: .5;
transform: translateZ(-500px) translateX(-200%)
}
}
@-webkit-keyframes backSlideIn {
0%,
25% {
opacity: .5;
-webkit-transform: translateZ(-500px) translateX(200%)
}
75% {
opacity: .5;
-webkit-transform: translateZ(-500px)
}
100% {
opacity: 1;
-webkit-transform: translateZ(0) translateX(0)
}
}
@-moz-keyframes backSlideIn {
0%,
25% {
opacity: .5;
-moz-transform: translateZ(-500px) translateX(200%)
}
75% {
opacity: .5;
-moz-transform: translateZ(-500px)
}
100% {
opacity: 1;
-moz-transform: translateZ(0) translateX(0)
}
}
@keyframes backSlideIn {
0%,
25% {
opacity: .5;
transform: translateZ(-500px) translateX(200%)
}
75% {
opacity: .5;
transform: translateZ(-500px)
}
100% {
opacity: 1;
transform: translateZ(0) translateX(0)
}
}
@-webkit-keyframes scaleToFade {
to {
opacity: 0;
-webkit-transform: scale(.8)
}
}
@-moz-keyframes scaleToFade {
to {
opacity: 0;
-moz-transform: scale(.8)
}
}
@keyframes scaleToFade {
to {
opacity: 0;
transform: scale(.8)
}
}
@-webkit-keyframes goDown {
from {
-webkit-transform: translateY(-100%)
}
}
@-moz-keyframes goDown {
from {
-moz-transform: translateY(-100%)
}
}
@keyframes goDown {
from {
transform: translateY(-100%)
}
}
@-webkit-keyframes scaleUpFrom {
from {
opacity: 0;
-webkit-transform: scale(1.5)
}
}
@-moz-keyframes scaleUpFrom {
from {
opacity: 0;
-moz-transform: scale(1.5)
}
}
@keyframes scaleUpFrom {
from {
opacity: 0;
transform: scale(1.5)
}
}
@-webkit-keyframes scaleUpTo {
to {
opacity: 0;
-webkit-transform: scale(1.5)
}
}
@-moz-keyframes scaleUpTo {
to {
opacity: 0;
-moz-transform: scale(1.5)
}
}
@keyframes scaleUpTo {
to {
opacity: 0;
transform: scale(1.5)
}
}
/*!
* 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(//webitkurigram.com/wp/techno/wp-content/themes/techno/assets/css/../fonts/fontawesome-webfont3295.eot?v=4.5.0);
src: url(//webitkurigram.com/wp/techno/wp-content/themes/techno/assets/css/../fonts/fontawesome-webfontd41d.eot?#iefix&v=4.5.0) format('embedded-opentype'), url(//webitkurigram.com/wp/techno/wp-content/themes/techno/assets/css/../fonts/fontawesome-webfont3295.woff2?v=4.5.0) format('woff2'), url(//webitkurigram.com/wp/techno/wp-content/themes/techno/assets/css/../fonts/fontawesome-webfont3295.woff?v=4.5.0) format('woff'), url(//webitkurigram.com/wp/techno/wp-content/themes/techno/assets/css/../fonts/fontawesome-webfont3295.ttf?v=4.5.0) format('truetype'), url(//webitkurigram.com/wp/techno/wp-content/themes/techno/assets/css/../fonts/fontawesome-webfont3295.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-trtechno: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"
}
a.meanmenu-reveal {
display: none
}
.mean-container .mean-bar {
background: #eb1b2b;
float: left;
min-height: 60px;
padding: 4px 0 0;
position: relative;
width: 100%;
z-index: 999;
}
.mean-container a.meanmenu-reveal {
width: 22px;
height: 22px;
padding: 18px;
top: 0;
right: 0;
cursor: pointer;
color: #fff;
text-decoration: none;
font-size: 16px;
text-indent: -9999em;
line-height: 22px;
font-size: 1px;
display: block;
font-family: Arial, Helvetica, sans-serif;
font-weight: 700;
float: right;
}
.mean-container a.meanmenu-reveal span {
display: block;
background: #fff;
height: 3px;
margin-top: 3px
}
.mean-container .mean-nav {
float: left;
width: 100%;
background: #0c1923
}
.mean-container .mean-nav ul {
padding: 0;
margin: 0;
width: 100%;
list-style-type: none
}
.mean-container .mean-nav ul li {
background: #f8f8f8;
float: left;
position: relative;
width: 100%;
border-top: 1px solid#ddd;
}
.mean-container .mean-nav ul li a {
background: #f8f8f8;
color: #232323;
display: block;
float: left;
font-size: 14px;
margin: 0;
padding: 1em 5%;
text-align: left;
text-decoration: none;
text-transform: capitalize;
width: 90%;
}
.mobile-menu-area {
background: #262626;
}
.mean-container .mean-nav ul li li a {
border-top: 1px solid rgba(255, 255, 255, 0.25);
color: #232323;
font-size: 14px;
font-weight: 500;
opacity: 0.75;
padding: 1em 10%;
text-shadow: none !important;
text-transform: capitalize;
visibility: visible;
width: 80%;
}
.mean-container .mean-nav ul li.mean-last a {
border-bottom: 0;
margin-bottom: 0
}
.mean-container .mean-nav ul li li li a {
width: 70%;
padding: 1em 15%
}
.mean-container .mean-nav ul li li li li a {
width: 60%;
padding: 1em 20%
}
.mean-container .mean-nav ul li li li li li a {
width: 50%;
padding: 1em 25%
}
.mean-container .mean-nav ul li a:hover {
background: #f8f8f8 none repeat scroll 0 0;
}
.mean-container .mean-nav ul li a.mean-expand {
width: 26px;
height: 15px;
margin-top: 1px;
padding: 12px !important;
text-align: center;
position: absolute;
right: 0;
top: 0;
z-index: 2;
font-weight: 700;
background: rgba(255, 255, 255, .1);
border: 0 !important;
background: #F8F8F8;
}
.mean-container .mean-nav ul li a.mean-expand:hover {
background: #f8f8f8;
}
.mean-container .mean-push {
float: left;
width: 100%;
padding: 0;
margin: 0;
clear: both
}
.mean-nav .wrapper {
width: 100%;
padding: 0;
margin: 0
}
.mean-container .mean-bar,
.mean-container .mean-bar * {
-webkit-box-sizing: content-box;
-moz-box-sizing: content-box;
box-sizing: content-box
}
.mean-remove {
display: none !important
}
.mean-container .mean-bar::after {
color: #ffffff;
content: "MENU";
font-size: 21px;
left: 5%;
position: absolute;
top: 12px;
}
/* -------------------------------
39. Mobile menu
----------------------------------*/
.mean-container .mean-bar::after {
display: none;
}
.mean-container .mean-nav ul li a:hover {
border-radius: 0;
}
.mean-container a.meanmenu-reveal span {
background: #fff;
}
.mobile-menu-area {
background: #fff none repeat scroll 0 0;
border-top: 3px solid #2bcdc1;
}
.mean-container .mean-nav ul li a.mean-expand {
background: none;
top: -4px;
}
.mean-container .mean-nav ul li a.mean-expand:hover {
background: none;
}
.mean-container .mean-nav ul li {
background: #444;
}
.mean-container a.meanmenu-reveal {
color: #fff;
}
.meanmenu-reveal.meanclose:hover {
color: #fff !important;
}
.mean-container a.meanmenu-reveal:hover span {
background: #fff;
}
.mean-container .mean-bar::before {
color: #fff;
/* content: "techno";*/
font-size: 18px;
font-weight: 700;
left: 10px;
position: absolute;
top: 18px;
}
body {
color: #616161;
font-family: 'Raleway-Regular';
font-weight: 400;
font-style: normal;
font-size: 16px;
font-variant-numeric: lining-nums;
line-height: 1.5
}
h1,
h2,
h3,
h4,
h5,
h6 {
color: #232323;
font-family: 'Raleway-Bold';
font-style: normal;
margin-bottom: 0;
margin-top: 10px;
line-height: 1.3;
font-weight: 700;
-webkit-transition: .5s;
transition: .5s;
letter-spacing: 0px
}
h2 {
font-size: 25px
}
a {
-webkit-transition: all .3s ease-out 0s;
transition: all .3s ease-out 0s
}
a {
color: #0c5adb
}
a:focus,
.btn:focus {
text-decoration: none;
outline: none
}
a:focus,
a:hover {
text-decoration: none;
text-decoration: none
}
.uppercase {
text-transform: uppercase
}
.capitalize {
text-transform: capitalize
}
h1 a,
h2 a,
h3 a,
h4 a,
h5 a,
h6 a {
color: inherit;
-webkit-transition: .5s;
transition: .5s
}
h1 {
font-size: 48px
}
h2 {
font-size: 22px
}
h3 {
font-size: 18px
}
h4 {
font-size: 22px
}
h5 {
font-size: 18px
}
h6 {
font-size: 16px
}
ul {
margin: 0;
padding: 0
}
ul {
margin: 0;
padding: 0
}
input:focus,
button:focus {
border-color: transparent;
outline-color: transparent
}
textarea:focus {
border-color: transparent;
outline-color: transparent
}
hr {
margin: 60px 0;
padding: 0;
border-bottom: 1px solid #eceff8;
border-top: 0
}
hr.style-2 {
border-bottom: 1px dashed #f10
}
hr.mp-0 {
margin: 0;
border-bottom: 1px solid #eceff8
}
hr.mtb-40 {
margin: 40px 0;
border-bottom: 1px solid #eceff8;
border-top: 0
}
label {
color: #616161;
cursor: pointer;
margin-bottom: 10px
}
a,
i,
cite,
em,
var,
address,
dfn,
ol,
li,
ul {
font-style: normal;
font-weight: 400
}
::-moz-placeholder {
color: #666;
font-size: 12px
}
::-webkit-input-placeholder {
color: #666;
font-size: 12px
}
:-ms-input-placeholder {
color: #666;
font-size: 12px
}
::placeholder {
color: #666;
font-size: 12px
}
.btn {
color: rgba(255, 255, 255, 1);
background: #e96e53;
font-size: 14px;
display: inline-block;
letter-spacing: 0px
}
.btn-primary {
background-color: #e96e53;
font-size: 14px;
padding: 15px 28px;
border: 1px solid #0c5adb;
text-transform: uppercase;
-webkit-transition: none;
-moz-transition: none;
transition: none;
-webkit-transition: all .5s ease;
-ms-transition: all .5s ease;
-o-transition: all .5s ease;
-moz-transition: all .5s ease;
transition: all .5s ease
}
.btn-primary:hover {
background-color: #fff;
color: #0c5adb;
border: 1px solid transparent
}
.btn-primary:focus {
background-color: #fff;
color: #0c5adb;
border: 1px solid transparent
}
.btn-secondary {
background-color: #232323;
font-size: 14px;
text-transform: uppercase;
line-height: .71;
padding: 19px 25px;
border: 1px solid #232323;
-webkit-transition: none;
-moz-transition: none;
transition: none;
-webkit-transition: all .5s ease;
-ms-transition: all .5s ease;
-o-transition: all .5s ease;
-moz-transition: all .5s ease;
transition: all .5s ease
}
.btn-secondary:hover {
background-color: #fff;
color: #232;
border: 1px solid transparent
}
.coaching-details-two .details-button-two a i {
font-style: italic
}
.details-button-two .btn-primary i {
padding: 5px
}
.details-button-two .btn-primary:hover {
background: #232323;
color: #fff
}
.blog-left-side > div {
margin-bottom: 40px;
padding: 35px 30px 35px;
border-radius: 8px;
background: #fff;
border: 1px solid #e6e6e6;
box-shadow: 0 0 5px rgba(0, 0, 0, .1)
}
.blog-left-side > div:last-child {
margin-bottom: 0
}
.blog-left-side h2 {
margin-bottom: 10px
}
.blog-left-side .content {
padding: 0
}
.blog-left-side .textwidget h4,
.blog-right-side .textwidget h4 {
font-size: 18px;
padding-bottom: 8px
}
.textwidget-icon {
margin-top: 15px
}
.textwidget-icon li {
display: inline
}
.textwidget-icon li a {
font-size: 15px !important;
color: #fff !important;
background: #0c5adb;
width: 30px;
height: 30px;
color: #fff;
line-height: 30px;
border-radius: 5px;
margin: 0 2px;
display: inline-block
}
.textwidget-icon.social-profile li a {
display: inline-block;
margin: 0 2px;
font-size: 18px;
color: red !important;
width: 50px;
height: 50px;
line-height: 50px;
background: #062a4d;
color: #fff !important;
text-align: center
}
.textwidget-icon.social-profile li a:hover {
background: #0c5adb
}
.sb_instagram_header {
display: none
}
#sb_instagram #sbi_load .sbi_load_btn,
#sb_instagram .sbi_follow_btn a {
background: #062a4d;
border-radius: 0
}
#sb_instagram #sbi_load .sbi_load_btn:hover {
background: #0c5adb
}
#sb_instagram .sbi_follow_btn a:focus,
#sb_instagram .sbi_follow_btn a:hover {
outline: 0;
box-shadow: inset 0 0 10px 20px #0c5adb
}
.blog-left-side .push-bottom-large {
margin-bottom: 0
}
.blog-left-side > div:last-child {
margin-bottom: 0
}
.blog-left-side > aside:last-child {
margin-bottom: 0 !important
}
.blog-left-side .sub-menu li a:hover,
.blog-left-side .nav .children li a:hover {
background: 0 0;
color: #47087c
}
.search {
position: relative;
border-radius: 8px
}
.search input {
background: #fff none repeat scroll 0 0;
height: 60px;
position: relative;
width: 100%;
border: 1px solid #ced4da;
color: #616161;
transition: border-color .15s ease-in-out, box-shadow .15s ease-in-out;
border-radius: 8px
}
.search input::-ms-input-placeholder,
.search input::-webkit-placeholder,
.search input::-moz-placeholder {
color: #858585;
font-size: 14px
}
.search button {
background: transparent none repeat scroll 0 0;
border: 0 none;
color: #616161;
font-size: 18px;
padding: 1px 15px;
position: absolute;
right: 0;
top: 50%;
transform: translateY(-50%);
height: 100%;
width: 53px
}
.search input[type=text] {
padding-left: 10px
}
.blog-left-side .widget h2 {
color: #232323;
display: block;
font-size: 21px;
margin-bottom: 40px;
padding-bottom: 0;
position: relative;
text-transform: capitalize
}
.blog-left-side .widget h2:before {
position: absolute;
left: 0;
bottom: -11px;
width: 88px;
height: 3px;
background: #aec6ef;
content: ""
}
.blog-left-side .widget h2:after {
content: '';
position: absolute;
left: 0;
bottom: -13px;
height: 8px;
width: 8px;
border-radius: 50%;
background: #0c5adb;
-webkit-animation-duration: 3s;
animation-duration: 3s;
-webkit-animation-timing-function: linear;
animation-timing-function: linear;
-webkit-animation-iteration-count: infinite;
animation-iteration-count: infinite;
-webkit-animation-name: MOVE-BG;
animation-name: MOVE-BG
}
.footer-middle .widget h5 {
color: #333;
font-size: 24px
}
.blog-left-side .widget ul {
list-style: none
}
.blog-left-side .widget ul li {
position: relative
}
.blog-left-side .widget ul ul {
padding-left: 10px;
margin-top: 10px
}
.blog-left-side .widget ul li:last-child {
padding-bottom: 0;
margin-bottom: 0
}
.blog-left-side .widget ul li a {
color: #616161;
font-weight: 400
}
.blog-left-side .widget ul li a:hover {
color: #0c5adb
}
.blog-left-side .widget ul.children {
margin-top: 10px;
padding-left: 10px
}
.blog-left-side .widget select {
width: 100%;
height: 40px;
background: #fff;
border: 1px solid #ddd;
padding-left: 5px
}
.widget .screen-reader-text {
display: none
}
.textwidget select {
width: 100%
}
#wp-calendar {
width: 100%
}
.tagcloud a {
color: #616161;
display: inline-block;
font-size: 15px !important;
padding: 5px 11px;
text-align: center;
text-transform: capitalize;
background: #fff;
border: 1px solid #e6e6e6;
border-radius: 5px;
margin: 0 3px 9px 0
}
.widget_categories ul li:hover:before,
.widget_archive ul li:hover:before,
.widget_categories ul li a:hover,
.widget_archive ul li a:hover,
.tagcloud a:hover,
.r-post-content h3:hover,
.r-post-content h3 a:hover {
color: #0c5adb
}
.tagcloud a:hover {
background: #0c5adb;
color: #fff;
border-color: #0c5adb
}
#wp-calendar caption {
font-size: 16px;
font-weight: 400;
margin-bottom: 10px;
text-align: left;
text-transform: capitalize;
color: #616161;
padding-top: 0
}
#wp-calendar {
font-size: 13px
}
#wp-calendar {
border: 0 solid #e5e5e5;
margin-bottom: 20px;
overflow: auto;
vertical-align: top;
width: 100%;
margin: 0;
color: #333
}
table#wp-calendar td {
border: 1px solid #e5e5e5;
color: #444;
padding: 5px 10px;
text-align: center;
vertical-align: top;
font-size: 14px
}
#wp-calendar th,
#wp-calendar td {
padding: 8px
}
table#wp-calendar th {
border: 1px solid #e5e5e5;
color: #333;
font-size: 13px;
font-weight: 700;
padding: 5px 10px;
text-align: center;
text-transform: uppercase;
vertical-align: middle
}
table#wp-calendar td#today {
color: #fff;
background-color: #0c5adb
}
table#wp-calendar td#today a {
color: #fff
}
.text-widget-about {
text-align: center
}
.text-widget-about ul li {
border-top: 0;
padding: 0
}
.wp-block-archives li a,
.wp-block-categories li a {
color: #5e629c
}
.wp-block-archives select {
height: 40px;
width: 200px;
border: 1px solid #ddd;
padding: 0 10px
}
.single-blog-content .wp-block-latest-comments {
padding-left: 0
}
.recent-post-text span i {
color: #f8f9fe;
margin-right: 5px;
font-size: 14px
}
.tag-sticky-2 .techno-single-blog {
border: 1px solid #fe8264
}
.post_reply ul,
.blog-content ul,
.single-blog-content ul {
list-style-type: square;
padding-left: 18px
}
.blockquote p {
font-size: 16px
}
table {
border-bottom: 1px solid #ededed;
border-collapse: collapse;
border-spacing: 0;
font-size: 14px;
line-height: 2;
margin: 0 0 20px;
width: 100%
}
th {
font-weight: 700;
text-transform: uppercase
}
td {
border-top: 1px solid #ededed;
padding: 6px 10px 6px 0
}
caption,
th,
td {
font-weight: 400;
text-align: center
}
blockquote {
padding: 10px 20px;
margin: 0 0 30px;
font-size: 14px;
border-left: 5px solid #b9b9b9;
background: #f9f9f9;
font-style: italic
}
blockquote blockquote {
margin-right: 0
}
blockquote cite,
blockquote small {
font-size: 14px;
font-weight: 400;
text-transform: uppercase
}
blockquote em,
blockquote i {
font-style: normal
}
small {
font-size: smaller
}
sub,
sup {
font-size: 75%;
line-height: 0;
position: relative;
vertical-align: baseline
}
sup {
top: -.5em
}
sub {
bottom: -.25em
}
dl {
margin: 0
}
dt {
font-weight: 700
}
dd {
margin: 0 0 20px
}
address {
font-style: italic;
margin: 0 0 24px
}
i,
cite,
em,
var,
address,
dfn {
font-style: italic
}
em {
font-style: italic;
font-weight: 700
}
pre {
background: #f5f5f5;
margin: 20px 0;
overflow: auto;
padding: 20px;
white-space: pre;
white-space: pre-wrap;
word-wrap: break-word
}
tt,
code,
samp {
color: #666
}
.entry-content img.alignleft,
.entry-content .wp-caption.alignleft {
margin-left: -60px
}
figure.wp-caption.alignleft,
img.alignleft {
margin: 5px 20px 5px 0
}
img.size-full,
img.size-large,
img.wp-post-image {
height: auto;
max-width: 100%
}
.alignleft {
float: left
}
.entry-content img,
.entry-summary img,
.comment-content img,
.widget img,
.wp-caption {
max-width: 100%
}
.alignleft {
display: inline;
float: left
}
.alignright {
display: inline;
float: right
}
.aligncenter {
display: block;
margin-right: auto;
margin-left: auto;
text-align: center
}
blockquote.alignleft,
.wp-caption.alignleft,
img.alignleft {
margin: .4em 1.6em 1.6em 0
}
blockquote.alignright,
.wp-caption.alignright,
img.alignright {
margin: .4em 0 1.6em 1.6em
}
blockquote.aligncenter,
.wp-caption.aligncenter,
img.aligncenter {
clear: both;
margin-top: .4em;
margin-bottom: 1.6em
}
.wp-caption.alignleft,
.wp-caption.alignright,
.wp-caption.aligncenter {
margin-bottom: 1.2em
}
.wp-caption {
margin-bottom: 1.6em;
max-width: 100%
}
.wp-caption img[class*=wp-image-] {
display: block;
margin: 0
}
.wp-caption-text {
color: #707070;
color: rgba(51, 51, 51, .7);
line-height: 1.5;
padding: .5em 0;
font-size: 14px
}
.gallery {
margin-bottom: 1.6em
}
.gallery-item {
display: inline-block;
padding: 1.79104477%;
text-align: center;
vertical-align: top;
width: 100%
}
.gallery-columns-2 .gallery-item {
max-width: 50%
}
.gallery-columns-3 .gallery-item {
max-width: 33.33%
}
.gallery-columns-4 .gallery-item {
max-width: 25%
}
.gallery-columns-5 .gallery-item {
max-width: 20%
}
.gallery-columns-6 .gallery-item {
max-width: 16.66%
}
.gallery-columns-7 .gallery-item {
max-width: 14.28%
}
.gallery-columns-8 .gallery-item {
max-width: 12.5%
}
.gallery-columns-9 .gallery-item {
max-width: 11.11%
}
.gallery-icon img {
margin: 0 auto
}
.gallery-caption {
color: #707070;
color: rgba(51, 51, 51, .7);
display: block;
line-height: 1.5;
padding: .5em 0
}
.gallery-columns-6 .gallery-caption,
.gallery-columns-7 .gallery-caption,
.gallery-columns-8 .gallery-caption,
.gallery-columns-9 .gallery-caption {
display: none
}
.post-password-form input[type=submit] {
border: none;
padding: 2px 14px;
background: #1a7dd7;
color: #fff
}
.post-password-form input[type=password] {
border: 1px solid #ddd;
width: 100%;
height: 40px;
padding: 0 15px
}
.site-title {
font-size: 30px;
margin: 0;
margin-top: 12px;
color: #333
}
.site-title a {
font-weight: 600;
color: #333;
font-family: "Raleway", sans-serif;
text-transform: capitalize
}
.site-title a:hover {
color: #333
}
.site-description {
margin: 0;
color: #333;
padding-bottom: 10px
}
.sticky {
border-color: #1a7dd7
}
.bypostauthor {
color: #333
}
.wp-block-cover.alignleft {
margin-right: 10px
}
.wp-block-button.alignleft {
margin-right: 10px
}
.wp-block-gallery.alignleft {
margin-right: 10px
}
.has-large-font-size {
font-size: 36px;
line-height: 1.3
}
.wp-block-media-text {
margin-top: 15px
}
.inner-post-pagination a,
.inner-post-pagination span.post-page-numbers {
border: 2px solid #ddd;
display: inline-block;
min-width: 35px;
text-align: center;
margin-left: 2px;
height: 33px;
line-height: 30px;
margin-right: 3px;
color: #444
}
.inner-post-pagination span.current {
border: 2px solid #fe8264;
color: #fe8264
}
.wp-block-table.is-style-stripes td {
border-color: transparent;
padding: 5px 13px
}
.single-blog-content table,
.single-blog-content th,
.single-blog-content td {
border: 1px solid #d1d1d1
}
.single-blog-content table th {
padding: 12px;
font-size: 15px;
border-color: #ddd;
text-align: center;
font-weight: 400
}
.comment-list table,
.comment-list th,
.comment-list td {
border: 1px solid #d1d1d1
}
.comment-list table th {
padding: 12px;
font-size: 15px;
border-color: #ddd;
text-align: center;
font-weight: 400
}
.post-password-form label {
width: 100%
}
img {
max-width: 100%;
height: auto
}
.box.wrapper {
max-width: 1200px;
margin: auto;
background: #fff;
-webkit-box-shadow: 0px 0px 5px #ddd;
box-shadow: 0px 0px 5px #ddd
}
.fix {
overflow: hidden
}
.clear_both {
clear: both
}
h1 {
font-size: 40px;
font-weight: 500
}
h2 {
font-size: 35px;
margin-bottom: 10px
}
h3 {
font-size: 28px
}
h4 {
font-size: 22px
}
h5 {
font-size: 18px
}
h6 {
font-size: 16px
}
.em40_header_area_main.hdisplay_none {
display: none
}
.techno-header-top {
padding: 10px 0;
background: #0c5adb
}
.top-address p {
margin-bottom: 0;
font-size: 12px;
display: inline-block
}
.top-address p span,
.top-address p a {
margin-right: 20px
}
.top-address p span i,
.top-address p a i {
font-size: 15px;
color: #fff;
margin-right: 10px
}
.top-address p a {
display: inline-block;
text-decoration: none;
-webkit-transition: all .2s ease-in-out;
-o-transition: all .2s ease-in-out;
transition: all .2s ease-in-out
}
.top-right-menu ul.social-icons {
margin: 0;
padding: 0
}
.top-right-menu ul.social-icons li {
display: inline-block;
margin-left: 18px;
position: relative
}
.top-right-menu ul.social-icons li a {
display: inline-block;
text-decoration: none;
-webkit-transition: all .2s ease-in-out;
-o-transition: all .2s ease-in-out;
transition: all .2s ease-in-out;
font-size: 15px
}
.top-address p a,
.top-right-menu ul.social-icons li a,
.top-address p span {
color: #fff;
font-size: 14px;
font-weight: 400
}
.top-right-menu .social-icons li a:hover,
.top-right-menu .social-icons li a i:hover {
color: #fff
}
.top-both-p0 .top-address p a,
.top-both-p0 .top-address p span {
margin-right: 0;
margin-left: 12px
}
.right_menu_button {
text-align: right
}
.login_button {
font-size: 12px;
text-transform: uppercase;
color: #fff;
border: 1px solid #fff;
display: inline-block;
padding: 0 17px;
margin-left: 10px;
font-weight: 500;
-webkit-transition: .3s;
-o-transition: .3s;
transition: .3s;
line-height: 24px
}
.login_button.active,
.login_button:hover {
background: #333;
border-color: #333;
color: #fff
}
.header-support {
margin-top: 11px;
margin-left: 14px;
display: inline-block
}
.header-support a {
color: #fff;
font-weight: 500;
background: #0c5adb;
padding: 8px 21px;
border-radius: 30px;
display: inline-block;
position: relative;
z-index: 1
}
.header-support a:before {
position: absolute;
left: 0;
top: 0;
height: 100%;
width: 0;
content: "";
background: #161a33;
border-radius: 30px;
z-index: -1;
-webkit-transition: .3s;
-o-transition: .3s;
transition: .3s
}
.header-support a:hover:before {
width: 100%
}
.header-support b {
font-weight: 400;
font-size: 17px;
color: #565872
}
.header-support i {
margin-right: 12px;
display: inline-block
}
.top-right-menu ul .sub-menu {
position: absolute;
left: 0;
top: 100%;
visibility: hidden;
opacity: 0;
-ms-filter: "alpha(opacity=0)";
border-top: 1px solid red;
width: 150px;
-webkit-transition: .5s;
-o-transition: .5s;
transition: .5s;
text-align: left;
background: #fff;
z-index: 1
}
.top-right-menu ul.social-icons li:hover .sub-menu {
opacity: 1;
-ms-filter: "alpha(opacity=100)";
visibility: visible
}
.top-right-menu ul .sub-menu li {
padding: 5px 0 0 5px
}
.top-right-menu ul .sub-menu li a {
font-size: 12px
}
.top-right-menu ul .sub-menu ul {
display: none
}
.top-welcome p {
padding: 0;
margin: 0
}
.top-address a {
margin-right: 5px;
color: #43342c
}
.top-address.em-login a + a {
margin-right: 0
}
.top-address.em-login p a i,
.top-address.em-login p a i {
margin-right: 5px
}
.top-address.em-login a + a:before {
content: "|";
margin-right: 12px
}
.txtc {
text-align: center
}
.text-center {
text-align: center
}
.text-center {
text-align: center
}
.text-left {
text-align: left
}
.text-right {
text-align: right
}
.top-address a:hover {
color: #fff
}
.top-address.menu_18 span {
background: #fff;
padding: 8px 15px 9px;
display: inline-block;
color: #333
}
.top-right-menu ul.social-icons.menu_18,
.top-right-menu ul.social-icons.menu_19 {
padding: 7px 0
}
.em-login.menu_18,
.em-quearys-top.menu_19 {
padding: 7px 0
}
.em-top-quearys-area {
position: relative;
display: inline-block
}
.em-header-quearys {
list-style: none
}
.em-quearys-menu i {
border-radius: 3px;
display: inline-block;
height: 30px;
text-align: center;
width: 30px;
line-height: 30px;
font-size: 13px;
cursor: pointer;
color: #fff;
margin-top: 0;
background: #0c5adb
}
.heading_style_3 .hbg2 .em-quearys-menu i {
color: #333
}
.em-quearys-inner {
position: absolute;
right: 15px;
top: 36px;
z-index: 999;
display: none;
-webkit-transition: .5s;
-o-transition: .5s;
transition: .5s
}
.em-quearys-form {
background-color: #f5f5f5;
width: 363px;
float: right;
border-radius: 30px
}
.top-form-control {
position: relative
}
.em-quearys-inner:before {
position: absolute;
right: 1px;
top: -11px;
width: 47px;
height: 47px;
text-align: center;
width: 0;
height: 0;
border-left: 10px solid transparent;
border-right: 10px solid transparent;
border-bottom: 8px solid #0c5adb;
content: " "
}
.top-form-control input {
background: #f4f6f9;
color: #555;
font-size: 13px;
font-weight: 300;
height: 55px;
padding: 0 40px 0 25px;
width: 100%;
border: none;
-webkit-transition: 1s;
-o-transition: 1s;
transition: 1s;
border-radius: 30px
}
.top-form-control button.top-quearys-style {
position: absolute;
right: 0;
top: 50%;
background: 0 0;
font-size: 16px;
border: none;
color: #0c5adb;
-webkit-transform: translateY(-50%);
-ms-transform: translateY(-50%);
transform: translateY(-50%);
height: 100%;
background: #0c5adb;
width: 58px;
border-radius: 0 30px 30px 0;
text-align: center
}
.top-quearys-style i {
font-size: 18px;
color: #fff
}
.em-s-hidden {
display: none !important
}
.top-right-menu.litop {
float: left
}
.mobile_menu_logo.text-center {
padding: 20px 0
}
.tr_search .em-quearys-menu i {
color: #fff
}
.top-right-address p {
margin-bottom: 0;
font-size: 12px;
display: inline-block
}
.top-right-address .social-icons {
display: inline-block;
margin: 0;
padding: 0;
list-style: none;
position: relative
}
.top-right-address .social-icons li {
display: inline-block;
margin-left: 17px;
color: #fff;
font-size: 14px
}
.em_creative_header {
background: #f9f9f9 none repeat scroll 0 0;
padding: 28px 0;
position: relative;
overflow: hidden;
z-index: 1
}
.em_creative_header:before {
background: #0c5adb none repeat scroll 0 0;
content: "";
left: 0;
top: 0;
bottom: 0;
width: 25%;
height: 100%;
z-index: -1;
position: absolute
}
.em_creative_header:after {
background: #0c5adb none repeat scroll 0 0;
content: "";
left: 18%;
top: 0;
bottom: 0;
width: 15%;
height: 100%;
position: absolute;
-webkit-transform: rotate(-121deg);
-ms-transform: rotate(-121deg);
transform: rotate(-121deg);
z-index: -1
}
.creative_logo_thumb {
z-index: 9;
text-align: right
}
.creative_header_icon {
float: left;
margin-right: 10px;
overflow: hidden
}
.creative_header_icon i {
color: #0c5adb;
font-size: 28px;
margin-top: 5px
}
.creative_header_address {
overflow: hidden;
padding-left: 80px
}
.creative_header_address_text > h3 {
font-size: 18px;
font-weight: 600;
margin: 0;
padding: 0
}
.creative_header_address_text > p {
margin: 0
}
.creative_logo_thumb {
z-index: 9
}
.creative_header_button {
padding-left: 50px;
position: relative;
margin-top: 5px
}
.creative_header_button:before {
content: "";
position: absolute;
background: #0c5adb;
width: 1px;
height: 74px;
left: 10px;
top: -21px
}
.creative_header_button .dtbtn {
background: #0c5adb none repeat scroll 0 0;
border-radius: 30px;
color: #fff;
display: inline-block;
font-family: raleway;
font-size: 14px;
font-weight: 600;
margin-left: 0;
padding: 6px 26px;
text-transform: capitalize;
-webkit-transition: all .3s ease 0s;
-o-transition: all .3s ease 0s;
transition: all .3s ease 0s
}
.creative_header_button > a:hover {
background: #0c5adb none repeat scroll 0 0
}
.no-logo-sr .creative_search_icon {
position: absolute;
right: 19%;
top: 50%;
-webkit-transform: translateY(-50%);
-ms-transform: translateY(-50%);
transform: translateY(-50%);
z-index: 999
}
.no-logo-sr .em-quearys-top.msin-menu-search .em-quearys-inner {
top: 70px
}
.no-logo-sr .techno_menu ul {
text-align: center
}
.no-logo-sr .techno_menu ul li {
text-align: left
}
.mean-container .mean-bar {
padding: 0
}
.mean-container .mean-nav {
background: #0c5adb none repeat scroll 0 0;
float: none;
left: 0;
position: absolute;
right: 0;
top: 60px
}
.mean-container .mean-nav > ul > li:first-child {
border-top: 0 solid #fff
}
.main_menu_div {
position: relative
}
.techno_nav_area {
background: #fff none repeat scroll 0 0
}
.techno_menu {
text-align: right
}
.container-fluid .techno_menu {
text-align: center
}
.logo a {
font-size: 23px;
font-weight: 600;
display: inline-block
}
.logo a.retina-logo {
display: none
}
.techno_menu ul {
list-style: none;
text-align: right;
display: inline-block
}
.transprent-menu .techno_menu ul {
list-style: none;
text-align: center
}
.techno_menu > ul > li {
display: inline-block;
position: relative
}
.techno_menu > ul > li > a {
display: block;
margin: 30px 10px;
-webkit-transition: .5s;
-o-transition: .5s;
transition: .5s;
position: relative;
color: #232323;
font-size: 18px;
font-family: 'Raleway-Bold';
}
.heading_style_2 .techno_menu > ul > li > a {
color: #fff
}
.heading_style_3 .techno_menu > ul > li > a {
color: #d6aee9
}
.heading_style_4 .techno_menu > ul > li > a {
color: #cacce3
}
.heading_style_5 .techno_menu > ul > li > a {
color: #fff
}
.techno_menu ul li:last-child a {
margin-right: 0
}
.techno_menu > ul > li.current > a,
.techno_menu > ul > li:hover > a,
.creative_header_menu > ul > li:hover > a {
color: #0c5adb
}
.transprent-menu .techno_menu > ul > li a {
color: #0f224d
}
.transprent-menu.menu-style-16 .techno_menu ul {
text-align: center;
list-style: none
}
.transprent-menu.menu-style-16 .techno_menu ul .sub-menu {
text-align: left
}
.heading_style_4.tr_btn .techno_menu.main-search-menu {
float: none;
text-align: center
}
.trp_nav_area {
position: fixed;
left: 0;
right: 0;
top: 0;
z-index: 9999;
background-color: transparent;
padding: 0 100px;
-webkit-transition: .5s;
-o-transition: .5s;
transition: .5s
}
.trp_nav_area:before{
display: block;
content: "";
height: 55px;
margin: -55px 0 0;
}
.hbg2 {
background: rgba(0, 0, 0, .7);
padding: 0 50px;
}
.trp_nav_area.full-width {
padding: 37px 100px;
}
.trp_nav_area.full-width.hbg2 {
padding: 7px 20px 10px;
}
.transprent-menu.menu4 {
position: relative;
}
.transprent-menu .techno_nav_area {
left: 0;
right: 0;
top: 0;
z-index: 9999;
background-color: transparent;
-webkit-transition: .5s;
-o-transition: .5s;
transition: .5s;
position: absolute
}
.techno_nav_area.postfix {
-webkit-transition: .3s;
-o-transition: .3s;
transition: .3s
}
.techno_nav_area.prefix,
.hbg2 {
-webkit-box-shadow: 0 2px 5px -2px rgba(0, 0, 0, .1);
box-shadow: 0 2px 5px -2px rgba(0, 0, 0, .1) !important;
}
.techno_nav_area.prefix .techno_menu > ul > li > a {
color: #fff
}
.heading_style_3.tr_btn .prefix .techno_menu > ul > li > a:hover,
.heading_style_3.tr_btn .hbg2 .techno_menu > ul > li.current a {
color: #0c5adb
}
.heading_style_3 .prefix .techno_menu > ul > li > a:hover,
.heading_style_3 .hbg2 .techno_menu > ul > li.current a {
color: #0c5adb
}
.heading_style_3 .techno_nav_area.prefix .em-quearys-top.msin-menu-search .em-quearys-menu i {
color: #fff
}
.tr_white_btn .hbg2 {
background: #0c5adb !important
}
.tr_white_btn .hbg2 .techno_menu > ul > li > a {
color: #fff !important
}
.logo-right .logo {
text-align: right
}
.logo-right .techno_menu > ul {
text-align: left
}
.logo-right .techno_menu > ul > li:first-child a {
padding-left: 0
}
.logo-right .techno_menu > ul > li:last-child a {
padding-right: auto
}
.search_button {
text-align: right;
padding-top: 21px
}
.transprent-menu.tr-btn-search a.dtbtn {
margin-top: -5px
}
.logo-top .logo {
text-align: center
}
.logo-top .techno_menu > ul {
text-align: center
}
.logo-top > .techno_menu > ul > li:last-child a {
padding-right: auto
}
.techno_menu ul .sub-menu {
position: absolute;
left: 0;
top: 130%;
width: 270px;
text-align: left;
background: #fff;
margin: 0;
padding: 5px 0;
z-index: 1;
-webkit-transition: .5s;
-o-transition: .5s;
transition: .5s;
opacity: 0;
-ms-filter: "alpha(opacity=0)";
visibility: hidden;
border: 0;
border-radius: 5px;
box-shadow: 0 0 5px rgba(0, 0, 0, .15)
}
.techno_menu ul li:hover > .sub-menu {
opacity: 1;
-ms-filter: "alpha(opacity=100)";
visibility: visible;
top: 100%;
z-index: 9
}
.techno_menu ul .sub-menu li {
position: relative
}
.techno_menu ul .sub-menu li a {
display: block;
padding: 10px 20px;
margin: 0;
line-height: 1.3;
letter-spacing: normal;
font-size: 16px;
color: #616161;
font-weight: 500;
text-transform: capitalize;
-webkit-transition: .1s;
-o-transition: .1s;
transition: .1s;
visibility: inherit !important
}
.techno_menu ul .sub-menu li:hover > a,
.techno_menu ul .sub-menu .sub-menu li:hover > a,
.techno_menu ul .sub-menu .sub-menu .sub-menu li:hover > a,
.techno_menu ul .sub-menu .sub-menu .sub-menu .sub-menu li:hover > a {
color: #0c5adb
}
.techno_menu ul .sub-menu li {
position: relative;
-webkit-transition: .3s;
-o-transition: .3s;
transition: .3s
}
.techno_menu ul .sub-menu li:before {
position: absolute;
left: 0;
top: 50%;
font-size: 20px;
color: #5451c1;
content: "";
-webkit-transform: translateY(-50%);
-ms-transform: translateY(-50%);
transform: translateY(-50%);
opacity: 0;
-webkit-transition: .1s;
-o-transition: .1s;
transition: .1s;
width: 15px;
height: 1px;
background: #0c5adb
}
.techno_menu ul .sub-menu li:hover {
margin-left: 15px
}
.techno_menu ul .sub-menu li:hover:before {
opacity: 1;
left: 0
}
.techno_menu ul .sub-menu li:hover {
margin-left: 15px
}
.techno_menu ul .sub-menu .sub-menu {
left: 100%;
top: 130%;
opacity: 0;
-ms-filter: "alpha(opacity=0)";
visibility: hidden
}
.techno_menu ul .sub-menu li:hover > .sub-menu {
opacity: 1;
-ms-filter: "alpha(opacity=100)";
visibility: visible;
top: 0
}
.techno_menu ul .sub-menu .sub-menu li {
position: relative
}
.techno_menu ul .sub-menu .sub-menu .sub-menu {
right: 100%;
left: auto;
top: 130%;
opacity: 0;
-ms-filter: "alpha(opacity=0)";
visibility: hidden
}
.techno_menu ul .sub-menu .sub-menu li:hover > .sub-menu {
opacity: 1;
-ms-filter: "alpha(opacity=100)";
visibility: visible;
top: 0
}
.techno_menu ul .sub-menu .sub-menu .sub-menu li {
position: relative
}
.techno_menu ul .sub-menu .sub-menu .sub-menu li:hover > .sub-menu {
opacity: 1;
-ms-filter: "alpha(opacity=100)";
visibility: visible;
top: 0
}
.logged-in .transprent-menu .techno_nav_area.prefix {
top: 32px
}
.logged-in .trp_nav_area.hbg2 {
top: 32px
}
.top-address.em-quearys-top.text-right {
float: right
}
nav.techno_menu.main-search-menu {
float: right
}
.techno_menu.main-search-menu > ul,
.em-quearys-top.msin-menu-search {
display: inline-block
}
.em-quearys-top.msin-menu-search .em-quearys-menu i {
margin-left: 20px
}
.em-quearys-top.msin-menu-search .em-quearys-inner {
top: 61px;
background: #fff;
padding: 20px;
border-top: 3px solid #0c5adb
}
nav.techno_menu.main-search-menu {
text-align: center
}
.techno-main-menu .menu-item-has-children > a:after {
margin-left: 5px;
content: "\f107";
font-family: FontAwesome;
opacity: 1;
-ms-filter: "alpha(opacity=100)";
font-size: 13px;
opacity: .5;
-ms-filter: "alpha(opacity=50)"
}
.techno-main-menu .menu-item-has-children .menu-item-has-children > a:after {
margin-left: 8px;
content: "\f105"
}
.donate-btn-header {
display: inline-block;
float: right;
margin-top: 16px;
margin-left: 20px
}
a.dtbtn {
-moz-user-select: none;
background: #0c5adb;
border: medium none;
color: #fff;
cursor: pointer;
display: inline-block;
font-size: 17px;
margin-bottom: 0;
padding: 11px 28px;
text-align: center;
text-transform: capitalize;
-webkit-transition: all .3s ease 0s;
-o-transition: all .3s ease 0s;
transition: all .3s ease 0s;
vertical-align: middle;
border-radius: 3px;
border: 2px solid #0c5adb;
font-weight: 600
}
a.dtbtn:hover {
background: #00247e;
color: #fff;
border-color: #00247e
}
.tr-btn-search .donate-btn-header {
margin-top: 0
}
.tr_white_btn a.dtbtn {
background-color: #fff;
color: #333
}
.tr_white_btn a.dtbtn:hover {
background-color: transparent;
border-color: #fff;
color: #fff
}
.prefix a.dtbtn {
background: #fff;
color: #0c5adb;
border: 2px solid #fff
}
.transprent-menu a.dtbtn {
background: 0 0;
color: #fff;
border: 1px solid #fff
}
.transprent-menu a.dtbtn:hover {
background: #fff;
border-color: #fff;
color: #0c5adb
}
.techno-main-menu .logo a.main_sticky_main_l {
display: block
}
.techno-main-menu .logo a.main_sticky_l {
display: none
}
.techno-main-menu .prefix .logo a.main_sticky_main_l {
display: none
}
.techno-main-menu .prefix .logo a.main_sticky_l {
display: block
}
.headroom--pinned {
-webkit-transform: translateY(0);
-ms-transform: translateY(0);
transform: translateY(0)
}
.headroom--unpinned {
-webkit-transform: translateY(-100%);
-ms-transform: translateY(-100%);
transform: translateY(-100%)
}
.header--fixed {
position: fixed;
z-index: 10;
right: 0;
left: 0;
top: 0;
-webkit-transition: -webkit-transform .25s ease-in-out;
transition: -webkit-transform .25s ease-in-out;
-o-transition: transform .25s ease-in-out;
transition: transform .25s ease-in-out;
transition: transform .25s ease-in-out, -webkit-transform .25s ease-in-out;
will-change: transform
}
.menu-height-space {
height: 100px
}
.creative_logo_thumb a.main_sticky_l {
display: none
}
.creative_logo_thumb .logo a {
margin-top: 0
}
.white_box_shadow {
padding: 40px 30px;
background: #fff;
-webkit-box-shadow: 0 0 20px rgba(0, 0, 0, .1);
box-shadow: 0 0 20px rgba(0, 0, 0, .1)
}
.techno-main-menu.menu-18 .hbg2 .logo a.main_sticky_main_l {
display: none
}
.techno-main-menu.menu-18 .hbg2 .logo a.main_sticky_l {
display: block
}
.techno-main-menu.menu-18 .hbg2 .techno_menu > ul > li > a {
color: #fff
}
.techno-blog-index.blog-area.techno-blog-area,
.techno-blog-single {
background: #f6f6f6
}
.techno-blog-area {
padding: 90px 0 100px;
background: #f6f6f6
}
.techno-single-blog {
margin-bottom: 40px;
overflow: hidden;
text-align: left;
-webkit-transition: all .3s ease-in-out 0s;
-o-transition: all .3s ease-in-out 0s;
transition: all .3s ease-in-out 0s;
background: #fff;
border-radius: 7px;
border: 1px solid #e6e6e6
}
.techno-single-blog:hover {
-webkit-box-shadow: 6px 5px 30px rgba(0, 0, 0, .12);
box-shadow: 6px 5px 30px rgba(0, 0, 0, .12);
border-color: transparent
}
.techno-blog-index.blog-area.techno-blog-area,
.techno-blog-area.techno-blog-archive {
padding: 100px 0 100px;
background: #f6f6f6
}
.techno-blog-index.blog-area.techno-blog-area {
padding: 100px 0 100px
}
.techno-blog-thumb {
overflow: hidden;
position: relative
}
.techno-blog-thumb a {
display: block;
position: relative
}
.techno-blog-thumb img {
-webkit-transition: .5s;
-o-transition: .5s;
transition: .5s;
display: block
}
.blog-content {
word-break: break-word
}
.em-blog-content-area {
padding: 33px 23px 32px
}
.blog-page-title h2 {
margin: 0;
margin-bottom: 20px;
font-size: 22px;
margin-top: 18px
}
.blog-page-title a {
display: block;
font-weight: 500;
margin-bottom: 0;
text-transform: none;
-webkit-transition: all .5s ease 0s;
-o-transition: all .5s ease 0s;
transition: all .5s ease 0s;
color: #232323
}
.blog-page-title a:hover {
color: #0c5adb
}
.techno-blog-meta-left a,
.techno-blog-meta-left span {
margin-right: 13px;
-o-transition: .3s;
-webkit-transition: .3s;
transition: .3s;
display: inline-block;
text-decoration: none;
text-transform: capitalize;
margin-right: 24px;
color: #616161;
position: relative;
font-weight: 500
}
.techno-blog-meta-left span:before,
.techno-blog-meta-left a:before {
content: "";
background: #616161;
width: 1px;
height: 14px;
position: absolute;
right: -13px;
top: 7px
}
.techno-blog-meta-left a:last-child:before,
.techno-blog-meta-left span:last-child:before {
display: none
}
.techno-blog-meta-right {
float: right;
padding: 17px 0 0
}
.techno-blog-meta-right a,
.techno-blog-meta-right span {
color: #777;
font-size: 14px;
margin-left: 10px;
text-transform: uppercase;
-webkit-transition: .3s;
-o-transition: .3s;
transition: .3s;
display: inline-block;
text-decoration: none;
position: relative
}
.techno-blog-meta-right a:hover,
.techno-blog-meta-right span:hover,
.techno-blog-meta-left a:hover,
.techno-blog-meta-left span:hover {
color: #0c5adb
}
.techno-blog-meta-right i {
margin-right: 5px
}
.upper.techno-blog-meta-left a,
.upper.techno-blog-meta-left span {
color: #0c5adb;
font-size: 14px;
margin-right: 12px;
font-weight: 400;
text-transform: uppercase;
letter-spacing: 0;
font-family: 'Roboto', sans-serif
}
.upper.techno-blog-meta-left a:hover,
.upper.techno-blog-meta-left span:hover {
color: #0c5adb
}
.meta-list.techno-blog-meta-left a,
.meta-list.techno-blog-meta-left span {
color: #0c5adb;
font-size: 14px;
margin-right: 10px;
text-transform: uppercase;
font-weight: 400;
letter-spacing: 0
}
.readmore a {
border: 1px solid #ddd;
color: #444;
display: inline-block;
font-size: 11px;
font-weight: 400;
padding: 6px 10px;
text-transform: uppercase;
transition: all .5s ease 0s;
-webkit-transition: all .5s ease 0s;
-moz-transition: all .5s ease 0s;
-o-transition: all .5s ease 0s;
-ms-transition: all .5s ease 0s
}
.readmore a:hover {
border-color: #0c5adb;
background: #0c5adb;
color: #fff
}
.techno-single-blog-details {
background: #fff;
margin-bottom: 40px
}
.em-theme-main-page .techno-single-blog-details {
padding: 30px
}
.techno-single-blog-details-inner {
padding: 38px 45px 45px;
-webkit-box-shadow: 0 3px 19px rgba(0, 0, 0, .08);
box-shadow: 0 3px 19px rgba(0, 0, 0, .08);
border-radius: 0 0 10px 10px
}
.em-theme-main-page .techno-single-blog-title h2 {
padding-bottom: 15px
}
.techno-single-blog--thumb {
position: relative;
border-radius: 10px 10px 0 0
}
.techno-single-blog--thumb img {
border-radius: 10px 10px 0 0
}
.single-blog-title {
font-size: 24px;
padding: 0;
margin-top: 17px;
margin-bottom: 20px;
text-transform: unset;
color: #232323
}
.techno-single-blog-content p {
margin-bottom: 20px
}
.techno-single-blog-details h2 {
font-size: 30px
}
.techno-blog-social {
padding-top: 26px;
text-align: left;
border-top: 1px solid #ddd;
margin-top: 40px
}
.techno-single-icon-inner {
text-align: left
}
.techno-single-icon-inner span {
font-size: 17px;
margin-right: 6px
}
.techno-single-icon-inner a i {
border: 1px solid #e6e6e6;
color: #565872;
display: inline-block;
font-size: 15px;
height: 40px;
line-height: 41px;
margin: 0 9px 0 0;
text-align: center;
width: 40px;
border-radius: 5px
}
.techno-single-icon-inner a i:hover {
background: #0c5adb;
border-color: #0c5adb;
color: #fff
}
.single-blog-content ul {
padding-bottom: 10px
}
blockquote {
padding: 20px 30px;
font-size: 16px;
border-left: 4px solid #0c5adb;
background: 0 0;
font-style: normal;
color: #232;
font-weight: 400;
position: relative;
line-height: 1.5
}
blockquote i {
margin-right: 10px
}
.post-text blockquote:before {
content: "\f10d";
left: 42px;
top: 50px;
position: absolute;
color: #758799;
font-family: "FontAwesome";
font-weight: 700;
font-size: 41px
}
blockquote .small,
blockquote footer,
blockquote small {
display: block;
font-size: 80%;
line-height: 1.42857143;
color: #fff;
text-transform: uppercase;
font-size: 14px;
letter-spacing: 2px
}
.techno-blog-social {
padding-top: 40px;
text-align: left;
border-top: 1px solid #e6e6e6;
margin-top: 40px
}
.techno-single-blog-details .inner-content h4 {
padding-bottom: 20px;
font-size: 24px
}
.techno-blog-meta.txp-meta {
padding-bottom: 22px
}
.comments {
padding-bottom: 50px;
padding-top: 14px
}
.post_comment {
border-bottom: 1px solid #eaeaea;
margin: 20px 0;
padding: 0 15px
}
.commment_title h3 {
font-size: 24px;
margin-bottom: 30px;
position: relative;
margin-top: 0;
position: relative;
display: inline-block
}
.commment_title h3:before {
position: absolute;
left: 0;
bottom: -15px;
width: 88px;
height: 3px;
background: #aec6ef;
content: ""
}
.commment_title h3:after {
content: '';
position: absolute;
left: 0;
bottom: -17px;
height: 8px;
width: 8px;
border-radius: 50%;
background: #0c5adb;
-webkit-animation-duration: 3s;
animation-duration: 3s;
-webkit-animation-timing-function: linear;
animation-timing-function: linear;
-webkit-animation-iteration-count: infinite;
animation-iteration-count: infinite;
-webkit-animation-name: MOVE-BG;
animation-name: MOVE-BG
}
.post_replay_inner {
word-wrap: break-word;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
margin-bottom: 30px
}
.mgl-30 {
margin-left: 30px
}
.post_reply_thumb img {
border-radius: 50%
}
.post_replay {
margin-top: 36px
}
.post_reply {
padding-left: 15px;
width: 100%;
position: relative
}
.post_reply div.st {
font-size: 18px;
font-weight: 400
}
.post_reply div.st a {
color: #232323;
font-size: 18px;
display: inline-block;
padding-bottom: 3px;
font-weight: 700
}
.reply_date {
overflow: hidden;
margin-bottom: 5px
}
.reply_date span.span_left {
display: block
}
.reply_date span.span_right {
float: none;
color: #fff;
font-size: 12px;
font-weight: 400;
text-transform: capitalize;
letter-spacing: 1px;
position: absolute;
top: 0;
right: 0;
background: #0c5adb;
padding: 3px 18px;
-webkit-transition: .3s;
-o-transition: .3s;
transition: .3s;
border-radius: 4px
}
.reply_date span.span_right:hover {
background: #0c5adb
}
.comments-area .children {
margin-left: 90px
}
.post_comment .post_comment {
margin-left: 15px
}
.em-theme-main-page .commment_title h3 {
margin-top: 0
}
.em-theme-main-page .empgc {
margin-top: 40px
}
.em-theme-main-page .empgc.commment_title h3 {
margin-bottom: 35px
}
.em-single-page-comment .commment_title.empgc > h3 {
margin-bottom: 35px
}
.logged-in-as {
margin-bottom: 10px;
margin-top: 30px
}
.logged-in-as a {
color: #333
}
a.comment-edit-link {
margin-bottom: 12px;
display: inline-block
}
.em-theme-main-page .comments-area {
margin-top: 40px;
clear: both
}
.comment-respond {
padding-top: 14px
}
.comment-respond .commment_title h3 {
margin-bottom: 60px
}
.blog-page-title > h2 {
margin: 0;
margin-top: 0;
margin-bottom: 0;
margin-bottom: 20px;
font-size: 30px;
margin-top: 11px;
font-weight: 800
}
.grid-item .blog-page-title > h2 {
font-size: 21px;
margin-bottom: 2px
}
.blog-page-title a {
display: block;
font-weight: 800;
margin-bottom: 0;
text-transform: none;
-webkit-transition: all .5s ease 0s;
-o-transition: all .5s ease 0s;
transition: all .5s ease 0s;
color: #232323;
font-family: 'Raleway-Regular';
}
.blog-page-title h2 a:hover {
color: #0c5adb
}
.em-blog-content-area {
display: block;
width: 100%
}
.em-blog-content-area {
padding: 28px 35px 30px;
overflow: hidden
}
.blog-content p {
margin-bottom: 0
}
.single-blog-content iframe {
margin-top: 20px
}
.blog-content h1,
.blog-content h2,
.blog-content h3,
.blog-content h4,
.blog-content h5,
.blog-content h6 {
margin-top: 10px;
margin-bottom: 10px;
font-weight: 500;
color: #333;
font-size: 30px
}
.post_reply h1,
.post_reply h2,
.post_reply h3,
.post_reply h4,
.post_reply h5,
.post_reply h6 {
color: #303030;
font-size: 30px;
font-weight: 500;
margin-top: 15px;
margin-bottom: 15px
}
.blog-content h2,
.post_reply h2 {
font-size: 26px
}
.blog-content h3,
.post_reply h3 {
font-size: 22px
}
.blog-content h4,
.post_reply h4 {
font-size: 20px
}
.blog-content h5,
.post_reply h5 {
font-size: 18px
}
.blog-content h6,
.post_reply h6 {
font-size: 17px
}
.single-blog-content ol,
.single-blog-content ul {
padding-left: 20px
}
.paginations {
text-align: left;
margin-top: 20px
}
.page-numbers li {
display: inline-block;
text-align: center
}
.paginations a,
.page-numbers span.current {
width: 40px;
height: 40px;
line-height: 40px;
display: inline-block;
font-size: 16px;
font-weight: 500;
margin: 0 5px 0 0;
color: #9990b8;
background: #fff;
-webkit-box-shadow: 0 0 5px rgba(0, 0, 0, .2);
box-shadow: 0 0 5px rgba(0, 0, 0, .2)
}
.page-numbers li {
display: inline-block
}
.paginations a:hover,
.paginations a.current,
.page-numbers span.current {
background: #0c5adb;
border-color: #0c5adb;
color: #fff
}
.kc_counter_box i {
display: inline-block;
font-size: 45px;
margin-bottom: 0
}
.em_single_coaching {
margin-bottom: 30px;
-webkit-transition: .3s;
-o-transition: .3s;
transition: .3s;
-webkit-box-shadow: 0px 0px 15px 0px rgba(0, 0, 0, .1);
box-shadow: 0px 0px 15px 0px rgba(0, 0, 0, .1);
background: #fff
}
.em_coaching_content {
padding: 20px 25px;
-webkit-transition: .3s;
-o-transition: .3s;
transition: .3s;
background: #fff
}
.em_coaching_title h2 {
font-size: 20px;
padding: 12px 0 5px;
-webkit-transition: .3s;
-o-transition: .3s;
transition: .3s
}
.em_coaching_title h2:hover {
color: #0c5adb
}
.techno-single-coaching-details {
background: #fff
}
.techno-single-coaching--thumb img {
width: 100%
}
.techno-blog-main-content {
padding: 40px
}
.techno-single-coaching-content h4,
.techno-single-coaching-title h2 {
font-size: 24px;
padding-bottom: 12px
}
.techno-single-coaching-content h4 {
padding-top: 30px
}
.techno-single-coaching-details .techno-blog-meta.txp-meta .techno-blog-meta-left a,
.techno-single-coaching-details .techno-blog-meta.txp-meta .techno-blog-meta-left span {
color: #0c5adb;
font-size: 14px;
text-transform: capitalize;
font-weight: 500
}
.techno-single-coaching-details .techno-blog-meta.txp-meta {
margin-bottom: 15px
}
.techno-single-coaching-content ul li {
list-style: none;
padding: 30px 0 0;
font-size: 17px
}
.coaching-fee ul li {
color: #0c5adb
}
.coaching-details-block-two {
background-color: #fff
}
.coaching-details-two {
padding: 40px 40px 0
}
.coaching-details-two hr {
margin-bottom: 28px
}
.coaching-details-two .details-button-two {
margin-bottom: 30px
}
.coaching-details-two .details-button-two a i {
font-style: italic
}
.coaching-details-meta {
font-size: 12px;
font-weight: 500;
margin-bottom: 13px;
color: #0c5adb
}
.coaching-list ul li {
padding: 15px 0 0;
font-size: 17px;
font-style: normal
}
.coaching-list ul li:last-child {
margin-bottom: 20px
}
.fee-structure {
color: #333
}
.coaching-fee {
color: #0c5adb
}
.applications-heading {
font-size: 20px
}
.coaching-application p {
margin-bottom: 30px
}
.coaching-application ul li {
padding: 5px 20px
}
.applications i {
font-size: 14px;
color: #0c5adb;
margin-right: 10px
}
.exam-block {
margin-bottom: 40px
}
.coaching-exam .coaching-subheading {
font-size: 18px;
padding-bottom: 10px
}
.exam-Pattern-min {
font-size: 14px
}
.breadcumb-area {
padding: 215px 0 143px;
background-color: #121b51;
background-position: center top;
background-repeat: no-repeat;
position: relative
}
.breadcumb-area:before {
background: rgba(41, 52, 92, .62);
position: absolute;
top: 0;
right: 0;
left: 0;
height: 100%;
width: 100%;
content: ""
}
.breadcrumb_tran_header .breadcumb-area {
padding: 191px 0 110px
}
.breadcumb-inner h2 {
font-size: 55px;
color: #fff;
margin-bottom: 25px
}
.breadcumb-inner li {
display: inline-block;
margin: 0 6px;
color: #fff;
font-size: 14px;
font-weight: 500;
text-transform: uppercase
}
.breadcumb-inner li:nth-last-child(-n+1) {
color: #0c5adb
}
.breadcumb-inner li a {
color: #fff;
text-transform: uppercase
}
.brpt h2 {
font-size: 55px;
margin-bottom: 30px;
margin-top: 0;
color: #fff
}
.lcase {
text-transform: lowercase
}
.ucase {
text-transform: uppercase
}
.ccase {
text-transform: capitalize
}
.breadcumb-inner {
text-align: center
}
.pimgs img {
width: 100%
}
.techno-breadcroumb-area.product-breadcrumb {
background: #000;
padding: 113px 0 80px;
background-image: url("https://webitkurigram.com/wp/techno/wp-content/uploads/2020/06/techno-animate-bg.jpg");
background-size: cover;
background-repeat: no-repeat
}
.not-found-area {
background-color: #f9f9f9;
background-position: center top;
background-repeat: repeat;
background-size: cover;
padding: 0 0 16px
}
.not-found {
display: table;
width: 100%;
text-align: center;
background: #fff;
margin: 70px 0;
padding: 120px 0;
-webkit-box-shadow: 0 5px 15px rgba(0, 0, 0, .15);
box-shadow: 0 5px 15px rgba(0, 0, 0, .15)
}
.not-found-inner {
display: table-cell;
vertical-align: middle
}
.not-found-inner {
font-size: 30px
}
.not-found-inner h2 {
color: #0c5adb;
display: inline-block;
font-size: 160px;
font-weight: 700;
line-height: 1.2;
padding: 15px 0
}
.not-found-inner p {
font-size: 30px
}
.not-found-inner a {
color: #fff;
font-size: 24px;
margin-top: 40px;
display: inline-block;
background: #0c5adb;
-webkit-box-shadow: 0 0 4px rgba(0, 0, 0, .15);
box-shadow: 0 0 4px rgba(0, 0, 0, .15);
padding: 10px 40px
}
.not-found-inner a:hover {
background: #0c5adb;
color: #fff
}
.techno-search-page {
background: #f6f6f6;
padding-bottom: 135px
}
.search-error .search input {
padding: 20px 0
}
.search-error .search input[type=text] {
padding-left: 10px
}
.search-error .search button {
top: 48%;
-webkit-transform: translateY(-50%);
-ms-transform: translateY(-50%);
transform: translateY(-50%)
}
.search-error > p {
font-size: 18px;
margin: 14px 0 20px
}
.search-error > h3 {
display: block;
font-size: 60px;
color: #0c5adb
}
.search-error .search input {
height: 54px;
border: 1px solid #ddd
}
.mobile_menu_logo a {
font-size: 23px;
font-weight: 600;
text-transform: uppercase
}
.top-address-area {
background: #111;
padding: 90px 0 85px;
text-align: center
}
.top_address_logo {
margin-bottom: 30px
}
.address_content {
padding-top: 38px
}
.top_address_content a,
.top_address_content span {
color: #fff;
display: inline-block;
font-weight: 400;
line-height: 12px;
margin-right: 14px
}
.top_address_content a i,
.top_address_content span i {
font-size: 14px;
margin-right: 11px
}
.footer-top-address h2 {
color: #fff;
text-transform: uppercase;
margin-bottom: 30px;
letter-spacing: 10px;
font-weight: 700;
font-size: 26px
}
.footer-top-address h2 span {
color: #0c5adb;
font-weight: 700
}
.footer-top {
background: #0f1328;
padding: 120px 0 100px
}
.footer-top-inner h2 {
color: #fff;
font-family: "Raleway", sans-serif;
font-size: 35px;
font-weight: 700;
height: 60px;
line-height: 60px;
padding: 0 15px;
text-transform: uppercase
}
.footer-top-inner h2 span {
color: #0c5adb;
font-weight: 600
}
.footer-top-inner p {
font-size: 18px;
line-height: 30px;
margin-bottom: 0;
padding: 0 10px;
color: #b4bbc9;
margin-left: auto;
margin-right: auto;
width: 69%
}
.footer-social-icon {
padding: 10px 0 20px;
text-align: center
}
.footer-social-icon a i {
color: #b4bbc9;
font-size: 16px;
height: 70px;
width: 70px;
display: inline-block;
border-radius: 50%;
background: #1c2940;
line-height: 70px;
text-align: center;
-webkit-transition: .3s;
-o-transition: .3s;
transition: .3s;
margin: 0 5px
}
.footer-social-icon a i:hover {
background-color: #ff4b57;
color: #fff
}
.footer-social-icon.htop-menu-s {
padding: 0;
display: inline-block;
margin-left: 30px
}
.footer-social-icon.htop-menu-s a i {
font-size: 14px;
height: 35px;
line-height: 35px;
margin: 0 3px;
width: 35px;
color: #333
}
.footer-top-inner .text-center {
margin-bottom: 32px;
text-align: center
}
.footer-middle {
padding: 82px 0 33px;
position: relative;
background: #111a3a;
z-index: 1
}
.get_quote {
position: relative;
z-index: 1
}
.get_quote:before {
content: "";
position: absolute;
right: 15px;
top: 28px;
background: url(//webitkurigram.com/wp/techno/wp-content/themes/techno/assets/images/circle-small.png);
background-repeat: no-repeat;
height: 270px;
width: 271px;
z-index: 999;
-webkit-animation: alltuchtopdown 1.5s ease-in-out 0s infinite alternate;
animation: alltuchtopdown 1.5s ease-in-out 0s infinite alternate;
-webkit-animation-duration: 2.5s;
animation-duration: 2.5s;
z-index: -1;
opacity: .6
}
.get_quote:after {
content: "";
position: absolute;
left: 48%;
top: 64%;
background: url(//webitkurigram.com/wp/techno/wp-content/themes/techno/assets/images/shape6.png);
background-repeat: no-repeat;
height: 270px;
width: 271px;
z-index: 999;
-webkit-animation: alltuchtopdown 1.5s ease-in-out 0s infinite alternate;
animation: alltuchtopdown 1.5s ease-in-out 0s infinite alternate;
-webkit-animation-duration: 2.5s;
animation-duration: 2.5s;
z-index: -1;
opacity: .5
}
.wpfdp {
padding-bottom: 30px
}
.footer-middle .widget h2 {
font-size: 22px;
margin-bottom: 35px;
margin-top: 15px;
position: relative;
color: #f8f9fe;
font-weight: 700
}
.footer-middle .recent-post-text h4 a {
color: #f8f9fe;
font-size: 17px;
-webkit-transition: all .3s ease 0s;
-o-transition: all .3s ease 0s;
transition: all .3s ease 0s;
font-weight: 500;
letter-spacing: 0
}
.footer-middle #archives-dropdown--1 {
height: 34px;
width: 100%
}
.recent-post-image img {
border-radius: 5px
}
.footer-middle .widget ul {
list-style: none
}
.footer-middle .widget ul li {
margin-bottom: 10px
}
.footer-middle .widget ul li {
margin-bottom: 13px;
position: relative;
-webkit-transition: .5s;
-o-transition: .5s;
transition: .5s;
font-size: 16px;
color: #f8f9fe;
padding-left: 25px
}
.footer-middle .widget ul li a {
color: #f8f9fe;
font-size: 16px
}
.footer-middle .widget ul li:before {
position: absolute;
content: "";
left: 0;
top: 14px;
background: #f8f9fe;
height: 1px;
width: 10px;
font-size: 14px
}
.footer-middle .widget ul li a:hover,
.footer-middle .widget ul li:hover:before {
color: #0c5adb
}
.footer-middle .widget .menu-social-menu-container ul li:before {
display: none
}
.recent-portfolio-area {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-flow: row;
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
flex-flow: row;
-ms-flex-wrap: wrap;
flex-wrap: wrap
}
.recent-portfolio {
margin-bottom: 10px;
margin-right: 10px
}
.recent-portfolio {
width: 29.33%
}
.recent-portfolio-image img {
width: 100%
}
.footer-bottom {
background: #111a3a
}
.footer-bottom .row {
padding: 20px 0;
border-top: 1px solid rgba(255, 255, 255, .23)
}
.footer-bottom-box {
padding: 20px 0 20px
}
.copy-right-text p {
color: #f8f9fe;
padding: 0;
margin: 1px 0 0
}
.footer-menu ul {
list-style: none;
margin: 0;
padding: 0
}
.footer-menu ul li {
display: inline-block
}
.footer-menu ul .menu-item {
margin-left: 10px
}
.footer-menu ul .menu-item a {
color: #f8f9fe;
padding: 0;
display: block;
text-transform: capitalize;
margin-left: 10px;
-webkit-transition: .3s;
-o-transition: .3s;
transition: .3s;
font-size: 14px
}
.footer-menu ul .menu-item a:hover {
color: #f8f9fe
}
.footer-menu .social-icon {
color: #f8f9fe;
display: block;
font-size: 15px;
margin-left: 10px;
-webkit-transition: .3s;
-o-transition: .3s;
transition: .3s;
width: 50px;
height: 50px;
line-height: 50px;
background: #fff;
text-align: center;
color: #f8f9fe;
border-radius: 100%;
-webkit-box-shadow: 0px 16px 32px 0px rgba(212, 212, 212, .2);
box-shadow: 0px 16px 32px 0px rgba(212, 212, 212, .2)
}
.footer-menu .social-icon:hover {
color: #fff;
background-color: #42047b
}
.footer-menu ul li:last-child a {
padding-right: 0
}
.footer_style_3 .footer-menu ul li:first-child a {
padding-left: 0
}
.footer-menu ul ul {
display: none
}
#scrollUp {
bottom: 30px;
color: #fff;
font-size: 34px;
height: 60px;
line-height: 60px;
right: 30px;
text-align: center;
width: 60px;
border-radius: 100%;
background: #1999ff;
-webkit-transition: .3s;
-o-transition: .3s;
transition: .3s
}
#scrollUp:hover {
background: #0c5adb
}
#scrollUp i {
color: #fff
}
.copy-right-text a {
color: #0c5adb
}
.template-home .vc_row {
margin-left: 0 !important;
margin-right: 0 !important
}
.wpb_gallery.wpb_content_element.vc_clearfix {
margin-bottom: 0
}
.widget_recent_data {
padding-bottom: 9px !important
}
.recent-post-item {
clear: both
}
.recent-post-image {
float: left;
margin-right: 10px
}
.recent-post-image a {
display: block;
margin-top: 0;
margin-bottom: 17px
}
.recent-post-text {
overflow: hidden
}
.recent-post-text > h4 {
margin-bottom: 2px;
margin-top: 0;
line-height: 16px
}
.recent-post-text h4 a {
color: #232323;
font-size: 18px;
line-height: 22px;
-webkit-transition: all .3s ease 0s;
-o-transition: all .3s ease 0s;
transition: all .3s ease 0s;
font-weight: 700
}
.recent-post-text h4 a:hover {
color: #0c5adb
}
.recent-post-item:last-child {
border-bottom: 0
}
.recent-post-text .rcomment {
color: #0c5adb;
font-size: 12px;
text-transform: none
}
.recent-post-text .rcomment i {
margin-right: 5px
}
.recent-post-text .rcomment {
color: #616161;
font-size: 15px
}
.footer-middle .recent-post-text > h4 {
margin-bottom: 2px
}
.footer-middle .recent-post-text > h4 a:hover {
color: #eee
}
.footer-middle .recent-post-text .rcomment {
color: #fff;
font-size: 13px;
font-weight: 400
}
.footer-middle .recent-post-item {
margin-bottom: 19px;
padding-bottom: 5px
}
.mean-container .mean-bar {
float: none;
background: #2d426c
}
.mean-container .mean-nav ul li li a {
color: #333;
opacity: 1;
-ms-filter: "alpha(opacity=100)"
}
.footer-middle .widget .menu-social-menu-container ul {
margin-left: 0;
margin-top: 5px
}
.footer-middle .widget .menu-social-menu-container ul li {
display: inline-block;
margin-bottom: 0;
margin-right: 5px;
margin-top: 0;
padding-left: 0;
position: inherit
}
.footer-middle .widget .menu-social-menu-container ul li a {
display: block
}
.footer-middle .widget .menu-social-menu-container ul li i {
border: 0;
display: block;
margin-right: 6px;
-webkit-transition: all .5s ease 0s;
-o-transition: all .5s ease 0s;
transition: all .5s ease 0s;
font-size: 16px
}
.footer-middle .widget .menu-social-menu-container ul li i:hover {
color: #0c5adb;
background: 0 0
}
.template-home-wrapper {
overflow: hidden
}
.section-title {
margin: auto auto auto 0;
width: 100%;
text-align: left;
position: relative;
margin-bottom: 30px
}
.section-title.t_center {
margin: auto;
text-align: center;
position: relative;
z-index: 99;
margin-bottom: 30px
}
.section-title.t_left {
margin: auto auto auto 0;
width: 100%;
text-align: left;
position: relative;
margin-bottom: 30px
}
.section-title.t_right {
margin: auto 0 auto auto;
width: 63%;
text-align: right
}
.section-title.t_right .em-bar {
margin: 0 0 5px auto
}
.section-title.t_left .em-bar {
margin: 0 0 5px
}
.section-title h2 {
font-size: 42px;
margin-bottom: 0;
text-transform: capitalize;
margin-top: 0;
line-height: 1.2;
font-weight: 800;
letter-spacing: -1px
}
.tmr0 .section-title h2 {
margin: 0
}
.section-title h5 {
color: #0c5adb;
font-size: 16px;
text-transform: uppercase;
font-weight: 700;
margin-bottom: 15px;
letter-spacing: 5px
}
.section-title p {
margin-top: 7px;
font-size: 19px;
margin-bottom: 0;
width: 73%;
margin: 7px auto 0
}
.section-title.t_left p {
margin-top: 7px;
font-size: 19px;
margin-bottom: 0;
width: 100%;
margin: auto
}
.em-bar-main {
margin: 18px 0 30px
}
.em-bar {
background: #9b50db none repeat scroll 0 0;
height: 2px;
margin: 0 auto 5px;
width: 62px
}
.em-bar.em-bar-big {
height: 5px;
width: 90px;
background: #aec6ef;
margin: 20px auto;
position: relative;
border-radius: 30px
}
.em-bar.em-bar-big:before {
content: '';
position: absolute;
left: 0;
top: -2.7px;
height: 10px;
width: 10px;
border-radius: 50%;
background: #0c5adb;
-webkit-animation-duration: 3s;
animation-duration: 3s;
-webkit-animation-timing-function: linear;
animation-timing-function: linear;
-webkit-animation-iteration-count: infinite;
animation-iteration-count: infinite;
-webkit-animation-name: MOVE-BG;
animation-name: MOVE-BG
}
@-webkit-keyframes MOVE-BG {
from {
-webkit-transform: translateX(0);
transform: translateX(0)
}
to {
-webkit-transform: translateX(88px);
transform: translateX(88px)
}
}
@keyframes MOVE-BG {
from {
-webkit-transform: translateX(0);
transform: translateX(0)
}
to {
-webkit-transform: translateX(88px);
transform: translateX(88px)
}
}
.em-image {
margin-bottom: 0;
margin-top: 0
}
.section-title.t_left span {
color: #0c5adb
}
.title_in {
float: left;
padding-right: 30px;
position: relative;
margin-right: 30px
}
.title_in:before {
position: absolute;
left: -89px;
top: 23px;
height: 3px;
width: 70px;
background: #0c5adb;
content: ""
}
.title_tx h5,
.title_tx h2 {
margin: 0
}
.title_tx h5 {
font-size: 18px;
font-weight: 600
}
.title_tx h2 {
font-size: 45px;
margin-bottom: 0;
text-transform: none;
margin-top: 0;
line-height: 1.1;
font-weight: 800;
letter-spacing: -1px
}
.title_ptx p {
margin: 0;
overflow: hidden;
font-size: 18px
}
.default-style.em-feature {
margin-bottom: 30px;
-webkit-transition: .5s;
-o-transition: .5s;
transition: .5s;
z-index: 999;
text-align: center;
padding: 35px 30px 0;
box-shadow: 0 10px 29.7px .3px rgba(225, 225, 225, .64);
position: relative;
z-index: 1
}
.default-style.em-feature:hover {
transform: translateY(-10px);
background: #0c5adb
}
.default-style.em-feature:after {
position: absolute;
content: "";
top: 0;
left: 0;
height: 100%;
width: 100%;
background-image: url(//webitkurigram.com/wp/techno/wp-content/themes/techno/assets/images/what-we-are-dot.png);
background-size: cover;
background-position: center;
background-repeat: no-repeat;
z-index: -1
}
.default-style.em-feature .em-feature-title h3 {
font-size: 22px;
font-weight: 700;
text-transform: capitalize;
margin: 0;
-webkit-transition: .5s;
-o-transition: .5s;
transition: .5s
}
.default-style.em-feature .em-feature-title h2 {
font-size: 23px;
font-weight: 700;
margin: 17px 0 15px;
-webkit-transition: .5s;
-o-transition: .5s;
transition: .5s
}
.default-style.em-feature .em-feature-desc {
margin-bottom: 30px;
transition: .5s
}
.default-style.em-feature .em_feature-icon i {
font-size: 40px;
color: #0c5adb;
text-align: center;
transition: .5s
}
.default-style.em-feature .feature-btn a {
text-transform: capitalize;
-webkit-transition: .3s;
-o-transition: .3s;
transition: .3s;
color: #333;
display: inline-block;
width: 40px;
height: 40px;
background: #0c5adb;
color: #fff;
line-height: 40px;
text-align: center
}
.default-style.em-feature .feature-btn a i {
font-size: 12px
}
.default-style.em-feature:hover .em_feature-icon i,
.default-style.em-feature:hover .em-feature-title h3,
.default-style.em-feature:hover .em-feature-title h2,
.default-style.em-feature:hover .em-feature-desc {
color: #fff
}
.default-style.em-feature:hover .feature-btn a {
background: #fff;
color: #0c5adb
}
.em-feature.feature-style-two {
margin-bottom: 30px;
z-index: 999;
-webkit-transition: .5s;
-o-transition: .5s;
transition: .5s;
position: relative;
z-index: 1;
border-radius: 10px;
overflow: hidden;
z-index: 999
}
.feature-style-two.em-feature:hover {
-webkit-transform: translateY(-10px);
-ms-transform: translateY(-10px);
transform: translateY(-10px);
-webkit-box-shadow: 0 25px 55px rgba(0, 0, 0, .22);
box-shadow: 0 25px 55px rgba(0, 0, 0, .22)
}
.feature-style-two.em-feature:before {
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 100%;
background: rgba(41, 55, 66, .6);
content: "";
-webkit-transition: .5s;
-o-transition: .5s;
transition: .5s;
border-radius: 10px
}
.feature-style-two .em_content_text {
position: absolute;
left: 0;
bottom: -67px;
padding: 0 59px 0 40px;
-webkit-transition: .5s;
-o-transition: .5s;
transition: .5s
}
.feature-style-two .em-feature-title h3 {
font-size: 14px;
font-weight: 700;
text-transform: uppercase;
color: #fff;
margin: 0;
-webkit-transition: .5s;
-o-transition: .5s;
transition: .5s
}
.feature-style-two .em-feature-title h2 {
font-size: 23px;
font-weight: 700;
margin: 17px 0 15px;
-webkit-transition: .5s;
-o-transition: .5s;
transition: .5s;
color: #fff
}
.feature-style-two .em-feature-thumb img {
border-radius: 10px;
-webkit-transition: .5s;
-o-transition: .5s;
transition: .5s
}
.feature-style-two .em-feature-desc {
overflow: hidden;
-webkit-transition: .5s;
-o-transition: .5s;
transition: .5s;
color: #fff;
opacity: 0;
-webkit-transition: .3s;
-o-transition: .3s;
transition: .3s;
-webkit-transition-delay: .3s;
-o-transition-delay: .3s;
transition-delay: .3s
}
.feature-style-two .em_feature-icon i {
color: #fff;
font-size: 50px
}
.feature-style-two .feature-btn a {
color: #fff;
text-transform: uppercase;
font-size: 14px;
margin-top: 20px;
display: inline-block;
opacity: 0;
-webkit-transition: .3s;
-o-transition: .3s;
transition: .3s;
-webkit-transition-delay: .3s;
-o-transition-delay: .3s;
transition-delay: .3s
}
.feature-style-two.em-feature:hover:before {
background: rgba(12, 90, 219, .85)
}
.feature-style-two.em-feature:hover .em_content_text {
bottom: 40px
}
.feature-style-two.em-feature:hover .em-feature-desc,
.feature-style-two.em-feature:hover .feature-btn a {
opacity: 1
}
.techno_flipbox .front,
.techno_flipbox .back {
-webkit-box-shadow: 0 5px 20px rgba(0, 0, 0, .1);
box-shadow: 0 5px 20px rgba(0, 0, 0, .1)
}
.techno_flipbox-2 .front {
position: relative;
z-index: 1
}
.techno_flipbox-2 .front:before {
position: absolute;
left: 0;
top: 0;
height: 100%;
width: 100%;
content: "";
background: -webkit-gradient(linear, left bottom, left top, from(#000), to(rgba(255, 255, 255, 0))) !important;
background: -o-linear-gradient(bottom, #000 0%, rgba(255, 255, 255, 0) 100%) !important;
background: linear-gradient(0deg, #000 0%, rgba(255, 255, 255, 0) 100%) !important;
z-index: -1
}
.em-feature.style-three {
background: #fff;
text-align: center;
box-shadow: 6px 5px 30px 0px rgba(0, 0, 0, .12);
border-radius: 7px;
padding: 50px 45px;
transition: .4s
}
.em-feature.style-three:hover {
background: #0c5adb;
transform: translateY(-10px)
}
.em-feature.style-three .em_feature-icon i {
background: #edf4fc;
width: 130px;
height: 130px;
border-radius: 100%;
line-height: 130px;
font-size: 40px;
color: #0c5adb;
margin-bottom: 20px;
transition: .4s;
display: inline-block
}
.em-feature.style-three .em-feature-title h2 {
font-size: 23px;
font-weight: 700;
margin-bottom: 15px;
transition: .4s
}
.em-feature.style-three .feature-btn a {
text-transform: uppercase;
font-weight: 600;
font-size: 14px;
margin-top: 25px;
display: inline-block;
transition: .4s
}
.em-feature.style-three .feature-btn a i {
margin-left: 4px
}
.em-feature-desc {
transition: .4s
}
.em-feature.style-three:hover .em-feature-title h3,
.em-feature.style-three:hover .em-feature-title h2,
.em-feature.style-three:hover .feature-btn a,
.em-feature.style-three:hover .em-feature-desc {
color: #fff
}
.em-feature.style-three:hover .em_feature-icon i {
background: #fff;
color: #0c5adb
}
.em-feature.style-four:before {
position: absolute;
right: 0;
bottom: 0;
width: 45px;
height: 45px;
content: "";
background: #adc7f1;
transition: .3s;
z-index: -1
}
.em-feature.style-four {
text-align: center;
padding: 40px 24px;
border: 1px solid #e4ecf9;
position: relative;
z-index: 1;
background: #fff
}
.em-feature.style-four:hover:before {
width: 100%;
height: 100%;
background: #0c5adb
}
.em_feature-icon i {
color: #0c5adb;
display: inline-block;
font-size: 55px
}
.em-feature-title h2 {
font-size: 23px;
margin: 15px 0 10px
}
.em-feature.style-four:hover .em-feature-title h3,
.em-feature.style-four:hover .em-feature-title h2,
.em-feature.style-four:hover .feature-btn a,
.em-feature.style-four:hover .em_feature-icon i,
.em-feature.style-four:hover .em-feature-desc {
color: #fff
}
.em-feature.style-five {
background: rgba(0, 0, 0, .67);
border: 1px solid rgba(255, 255, 255, .1);
padding: 15px 23px 30px;
position: relative;
z-index: 1
}
.em-feature.style-five:before {
content: "";
position: absolute;
right: 0;
top: 0;
height: 100%;
width: 3px;
background: #0c5adb;
z-index: -1;
transition: .3s
}
.em-feature.style-five:hover:before {
width: 100%
}
.em-feature.style-five .em-feature-title h3,
.em-feature.style-five .em-feature-title h2,
.em-feature.style-five .em_feature-icon i,
.em-feature.style-five .feature-btn a,
.em-feature.style-five .em-feature-desc {
color: #fff
}
.em-feature.style-five .em-feature-title h2 {
font-size: 20px;
transition: .3s
}
.em-feature.style-five .em_feature-icon {
float: left;
margin-right: 20px;
padding-top: 7px
}
.em-feature.style-five .em_content_text {
overflow: hidden
}
.em-feature.style-five .em_feature-icon i {
font-size: 40px;
transition: .3s
}
.em-feature.style-five:hover .em-feature-title h2,
.em-feature.style-five:hover .em_feature-icon i {
color: #fff
}
.feature-icon.bottom {
position: absolute;
right: 10px;
bottom: 5px;
font-size: 40px;
color: #69717d;
opacity: .4
}
.feature-btn a i {
margin-left: 7px
}
.about_shape {
position: absolute !important;
bottom: -76px;
z-index: -1;
left: -72px
}
.about_shape img {
-webkit-animation: alltuchtopdown 1.5s ease-in-out 0s infinite alternate;
animation: alltuchtopdown 1.5s ease-in-out 0s infinite alternate;
-webkit-animation-duration: 2.5s;
animation-duration: 2.5s;
width: 416px
}
.heading_number {
font-size: 136px;
display: inline;
font-weight: 800;
color: #0c5adb;
float: left;
line-height: 1;
margin-top: -14px;
margin-right: 15px
}
.heading_title {
font-size: 36px;
font-weight: 800;
line-height: 1;
color: #232323;
padding-top: 11px;
display: inline
}
.specialist_social {
margin-top: 15px
}
.specialist_social a {
display: inline-block;
width: 30px;
height: 30px;
background: #0c5adb;
color: #fff;
line-height: 30px;
border-radius: 3px;
margin: 0 3px
}
.kc_wrap-video-bg:before {
position: absolute !important;
left: 0;
top: 0;
width: 100%;
height: 100%;
background: rgba(41, 55, 66, .8);
content: ""
}
.em_service_content {
overflow: hidden
}
.service_top_text {
display: block
}
.em-service-icon {
color: #333;
font-size: 35px;
-webkit-transition: all .5s ease 0s;
-o-transition: all .5s ease 0s;
transition: all .5s ease 0s
}
.em-service .em-service-icon i {
margin-bottom: 20px;
display: inline-block;
color: #0c5adb;
text-align: center
}
.em-service-title {
overflow: hidden
}
.em-service-title h2 {
margin: 0 0 20px;
font-size: 24px;
padding: 0;
-webkit-transition: all .5s ease 0s;
-o-transition: all .5s ease 0s;
transition: all .5s ease 0s
}
.em-service-title h2:hover {
color: #0c5adb
}
.em-service-desc p {
-webkit-transition: .5s;
-o-transition: .5s;
transition: .5s
}
.service-btn {
margin-top: 15px
}
.service-btn > a {
border-radius: 30px;
color: #616161;
display: inline-block;
font-size: 16px;
-webkit-transition: all .5s ease 0s;
-o-transition: all .5s ease 0s;
transition: all .5s ease 0s
}
.service-btn > a i {
margin-left: 7px
}
.service-btn a:hover {
color: #0c5adb
}
.em-service-thumb {
float: left;
margin-right: 20px
}
.em-service2 {
text-align: center;
background: #fff;
padding: 40px 25px 40px;
border-radius: 10px
}
.em-service2 .em-service-title h2 {
position: relative;
margin: 0 0 34px;
color: #0c5adb
}
.em-service2 .em-service-title h2:before {
content: '';
position: absolute;
left: 0;
bottom: -8px;
background: #d1d1d1;
width: 100px;
height: 1px;
-o-transition: .6s;
transition: .6s;
-webkit-transition: .6s;
right: 0;
margin: auto
}
.em-service2 .em-service-icon {
font-size: 30px
}
.em-service2 .em-service-icon i {
width: 75px;
height: 75px;
line-height: 75px;
background: #e8ecfc;
border-radius: 100%;
color: #0c5adb;
display: inline-block;
margin-bottom: 33px;
border-radius: 33% 66% 70% 30%/49% 62% 38% 51%;
-webkit-transition: .5s;
-o-transition: .5s;
transition: .5s;
text-align: center
}
.em-service2 .service-btn > a {
color: #616161;
border: 1px solid #e8ecfc;
padding: 5px 23px;
margin-top: 14px
}
.em-service2:hover .service-btn > a {
background-color: #0c5adb;
color: #fff;
border-color: #0c5adb
}
.em-service2:hover .em-service-icon i {
background-color: #0c5adb;
color: #fff
}
.em-service2.sleft {
text-align: left
}
.em-service2.sleft .em-service-icon {
float: left;
overflow: hidden;
margin-right: 20px
}
.em-service2.sleft .em-service-inner {
overflow: hidden
}
.em-service2.sleft .em-service-title h2:before {
bottom: -14px;
right: inherit;
margin: auto
}
.em-service2.sright {
text-align: right
}
.em-service2.sright .em-service-icon {
float: right;
overflow: hidden;
margin-left: 20px
}
.em-service2.sright .em-service-inner {
overflow: hidden
}
.em-service2.sright .em-service-title h2:before {
bottom: -14px;
left: inherit;
margin: auto
}
.em-service.service-style-two {
padding: 28px 20px 28px;
text-align: center;
position: relative;
background: #fff;
border-radius: 7px;
transition: .5s;
box-shadow: 2px 10px 50px rgba(158, 158, 158, .25);
margin-bottom: 30px;
z-index: 999
}
.em-service.service-style-two:hover {
background: #1999ff;
transform: translateY(-8px)
}
.em-service.service-style-two .em-service-icon i {
font-size: 48px;
display: inline-block;
color: #0c5adb;
transition: .5s
}
.em-service.service-style-two .em-service-title h2 {
margin: 0 0 12px;
transition: .5s;
font-size: 22px
}
.em-service.service-style-two .service-btn > a {
color: #0c5adb;
display: inline-block;
font-size: 16px;
font-weight: 600;
letter-spacing: -1px;
position: relative
}
.em-service.service-style-two .service-btn > a:before {
content: '';
width: 0;
height: 0;
border-width: 5px 0 5px 7px;
border-style: solid;
display: block;
right: -38px;
border-color: transparent transparent transparent #f5f5f5;
position: absolute;
top: 53%;
transform: translateY(-50%)
}
.em-service.service-style-two .service-btn > a:after {
content: "";
position: absolute;
right: -32px;
background: #fff;
width: 22px;
height: 2px;
top: 55%;
z-index: 1;
transform: translateY(-50%)
}
.em-service.service-style-two .service-btn > a i {
margin-left: 4px;
font-size: 13px;
display: none
}
.em-service.service-style-two .service-btn > a,
.em-service.service-style-two .em-service-desc p {
transition: .5s
}
.em-service.service-style-two:hover .em-service-title h2,
.em-service.service-style-two:hover .service-btn > a,
.em-service.service-style-two:hover .em-service-desc p {
color: #fff
}
.em-service.service-style-two:hover .em-service-icon i {
color: #fff
}
.em-service.service-style-three {
text-align: center;
background: #fff;
padding: 60px 30px 55px;
border-radius: 7px;
box-shadow: 2px 10px 50px rgba(158, 158, 158, .25);
border: 2px solid transparent;
transition: .5s
}
.em-service.service-style-three:hover {
box-shadow: none;
border-color: #0c5adb
}
.em-service.service-style-three .em-service-title h2 {
margin: 0 0 15px;
font-size: 22px;
padding: 0
}
.em-service.service-style-three .em-service-icon i {
width: 95px;
height: 95px;
line-height: 95px;
background: #0c5adb;
border-radius: 100%;
color: #fff;
display: inline-block;
margin-bottom: 33px;
-webkit-transition: .5s;
-o-transition: .5s;
transition: .5s;
text-align: center;
font-size: 30px
}
.em-service.service-style-three .service-btn {
margin-top: 0;
position: absolute;
bottom: 2px;
left: 50%;
transform: translateX(-50%)
}
.em-service.service-style-three .service-btn > a {
width: 55px;
height: 55px;
border-radius: 100%;
border: 2px solid #0c5adb;
text-align: center;
line-height: 50px;
color: #0c5adb;
background: #fff;
transition: .5s
}
.em-service.service-style-three:hover .service-btn > a {
background: #0c5adb;
color: #fff
}
.em-service.service-style-three .service-btn > a i {
margin: 0
}
.em-service.service-style-five {
padding: 40px;
box-shadow: 0 0px 18px rgba(0, 0, 0, .12);
border-radius: 7px;
transition: .5s;
position: relative
}
.em-service.service-style-five:hover {
background-position: 0;
-moz-border-radius-bottomleft: 50% 20px;
border-bottom-left-radius: 23% 56px;
-webkit-box-shadow: -5px 10px 15px rgba(0, 0, 0, .25);
-moz-box-shadow: -5px 10px 15px rgba(0, 0, 0, .25);
box-shadow: -5px 10px 15px rgba(0, 0, 0, .25);
position: relative;
z-index: 10
}
.em-service.service-style-five .em-service-icon i {
margin-bottom: 15px;
display: inline-block;
color: #0c5adb;
font-size: 52px
}
.em-service-number {
position: absolute;
right: 39px;
bottom: 4px;
font-size: 78px;
font-weight: 800;
opacity: .1
}
.service_feature ul li {
text-transform: uppercase;
padding: 3px 0;
font-size: 15px;
font-weight: 500;
position: relative;
transition: .5s
}
.service_feature ul li:before {
content: "\f105";
font-family: FontAwesome;
position: absolute;
z-index: 1;
left: 0;
opacity: 0;
-webkit-transform: translateX(-10px);
-moz-transform: translateX(-10px);
-ms-transform: translateX(-10px);
-o-transform: translateX(-10px);
transform: translateX(-10px);
-webkit-transition: opacity .4s, -webkit-transform .4s;
transition: opacity .4s, -webkit-transform .4s;
-o-transition: opacity .4s, -o-transform .4s;
-moz-transition: transform .4s, opacity .4s, -moz-transform .4s;
transition: transform .4s, opacity .4s;
transition: transform .4s, opacity .4s, -webkit-transform .4s, -moz-transform .4s, -o-transform .4s;
color: #0c5adb
}
.service_feature ul li:hover {
padding-left: 24px;
color: #0c5adb
}
.service_feature ul li:hover:before {
opacity: 1;
-webkit-transform: translateX(0);
-moz-transform: translateX(0);
-ms-transform: translateX(0);
-o-transform: translateX(0);
transform: translateX(0)
}
.menu-service-menu-container ul {
list-style: none;
padding: 0
}
.menu-service-menu-container ul li {
list-style: none;
margin-bottom: 2px
}
.menu-service-menu-container ul li a {
position: relative;
display: block;
padding: 14px 15px 14px 18px;
background-color: #f3f6f9;
font-weight: 600;
font-size: 17px;
-webkit-transition: .3s;
-o-transition: .3s;
transition: .3s;
color: #232323;
font-family: 'Raleway-Regular';
position: relative
}
.menu-service-menu-container ul li a:after {
content: '\f105';
position: absolute;
right: 16px;
top: 12px;
font-size: 17px;
font-family: 'FontAwesome'
}
.menu-service-menu-container ul li a:hover {
color: #fff;
background: #0c5adb
}
#menu-service-menu li.current_page_item a {
background: #0c5adb !important;
color: #fff !important
}
.service-call-title p {
color: #fff;
font-size: 25px;
font-weight: 800;
font-family: 'Raleway-Regular';
line-height: 1.4
}
.service-pra {
color: #fff
}
.call-button {
display: inline-block;
padding: 10px 30px;
background: #fff;
color: #0c5adb;
border-radius: 5px;
font-size: 17px;
font-weight: 700;
margin-top: 20px;
font-family: 'Raleway-Bold';
}
.sidebar-btn a {
display: block !important;
text-align: center
}
.em-service.service-style-six {
min-height: 400px;
padding: 35px 30px 40px;
z-index: 1;
transition: .3s;
overflow: hidden;
position: relative
}
.em-service.service-style-six:hover {
-webkit-transform: translateY(-5px);
transform: translateY(-5px)
}
.em-service.service-style-six:before {
content: "";
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
background-image: -webkit-gradient(linear, left top, left bottom, from(transparent), to(rgba(1, 4, 20, .99)));
background-image: linear-gradient(to bottom, transparent, rgba(1, 4, 20, .99))
}
.em-service.service-style-six:after {
content: "";
position: absolute;
bottom: 0;
left: 0;
width: 100%;
height: 0;
background-image: linear-gradient(to bottom, rgba(37, 19, 209, .7), #2513d1);
background-image: linear-gradient(to bottom, rgba(37, 19, 209, .7), #2513d1);
opacity: .8;
-webkit-transition: all .5s;
transition: all .5s;
z-index: -1
}
.em-service.service-style-six:hover:after {
height: 100%;
top: 0;
bottom: auto
}
.em-service.service-style-six .em_service_content {
position: absolute;
bottom: 50px;
left: 30px
}
.em-service.service-style-six .em-service-title h2 {
margin: 0 0 10px
}
.em-visa {
padding: 80px 175px;
border: 1px solid rgba(255, 255, 255, .15);
position: relative
}
.em-visa-title h2 {
color: #fff;
font-size: 24px;
padding: 20px 0 7px
}
.em_visa-icon i {
color: #0c5adb;
font-size: 50px
}
.em-visa-desc {
margin: 0;
color: #fff
}
.visa-btn a {
text-transform: uppercase;
font-size: 14px;
color: #fff;
margin-top: 32px;
display: inline-block;
-webkit-transition: .3s;
-o-transition: .3s;
transition: .3s
}
.visa-btn a:hover {
color: #0c5adb
}
.visa-btn a i {
margin-left: 7px;
color: #0c5adb
}
.em_visa-icon2 {
position: absolute;
right: 25px;
bottom: 0
}
.em_visa-icon2 i {
font-size: 80px;
color: #f4f4f4;
opacity: .1
}
#team {
position: relative;
z-index: 1
}
#team:before {
content: "";
position: absolute;
right: 41px;
top: 18px;
background: url(//webitkurigram.com/wp/techno/wp-content/themes/techno/assets/images/circle-small.png);
background-repeat: no-repeat;
height: 270px;
width: 270px;
z-index: 999;
-webkit-animation: alltuchtopdown 1.5s ease-in-out 0s infinite alternate;
animation: alltuchtopdown 1.5s ease-in-out 0s infinite alternate;
-webkit-animation-duration: 2.5s;
animation-duration: 2.5s;
z-index: -1
}
.main-style.em-team {
text-align: left;
position: relative;
margin-bottom: 30px;
background: #fff;
-webkit-box-shadow: 0 8px 16px rgba(207, 228, 255, .2);
box-shadow: 0 8px 16px rgba(207, 228, 255, .2);
-webkit-transition: .3s;
-o-transition: .3s;
transition: .3s;
overflow: hidden;
border-bottom: 3px solid #0c5adb;
border-radius: 4px
}
.main-style.em-team:hover {
-webkit-box-shadow: 0 16px 32px rgba(207, 228, 255, .8);
box-shadow: 0 16px 32px rgba(207, 228, 255, .8);
-webkit-transform: translateY(-10px);
-ms-transform: translateY(-10px);
transform: translateY(-10px)
}
.main-style.em-team .em-team-content-waraper {
-webkit-transition: .5s;
-o-transition: .5s;
transition: .5s;
background: #fff;
padding: 16px 20px 23px;
text-align: center
}
.main-style.em-team .em-team-content-image-inner {
position: relative
}
.main-style.em-team .em-team-content-image {
position: relative
}
.main-style.em-team .em-team-content-image:before {
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 100%;
background: rgba(12, 90, 219, .85);
content: "";
-webkit-transition: .5s;
-o-transition: .5s;
transition: .5s;
opacity: 0;
-webkit-transition: .3s;
-o-transition: .3s;
transition: .3s
}
.main-style.em-team:hover .em-team-content-image:before {
opacity: 1
}
.main-style.em-team .em-team-content-socials-inner {
position: absolute;
top: 50%;
right: -100px;
text-align: center;
-webkit-transform: translateY(-50%);
-ms-transform: translateY(-50%);
transform: translateY(-50%);
opacity: 0;
-webkit-transition: .3s;
-o-transition: .3s;
transition: .3s;
background: #fff;
width: 45px;
padding: 13px 0
}
.main-style.em-team:hover .em-team-content-socials-inner {
opacity: 1;
top: 50%;
right: 0
}
.main-style.em-team .em-team-content-title h2 {
-webkit-transition: all .3s ease-in-out 0s;
-o-transition: all .3s ease-in-out 0s;
transition: all .3s ease-in-out 0s;
font-size: 20px;
margin-bottom: 5px;
font-weight: 700
}
.main-style.em-team .em-team-content-title h2:hover {
color: #0c5adb
}
.main-style.em-team .em-team-content-subtitle {
color: #0c5adb;
text-transform: uppercase;
font-size: 13px;
font-weight: 500
}
.main-style.em-team .em-team-content-image {
position: relative;
overflow: hidden
}
.main-style.em-team .em-team-content-image img {
width: 100%
}
.main-style.em-team .em-team-content-telephone {
position: absolute;
bottom: 16px;
right: -140px;
background: #0c5adb;
padding: 4px 20px;
border-radius: 30px 0 0 30px;
color: #fff;
cursor: pointer;
-webkit-transition: .5s;
-o-transition: .5s;
transition: .5s
}
.main-style.em-team .em-team-content-telephone:hover {
right: 0
}
.main-style.em-team .em-team-content-telephone i {
margin-right: 13px
}
.main-style.em-team .em-team-content-socials a {
display: block;
font-size: 16px;
color: #0c5adb;
text-align: center;
margin: 4px 0;
-webkit-transition: .3s;
-o-transition: .3s;
transition: .3s
}
.main-style.em-team .em-content-title h2 {
font-size: 16px;
font-weight: 700;
margin-bottom: 0;
text-transform: uppercase
}
.main-style.em-team .em-content-subtitle {
font-size: 14px;
margin: 5px 0 0;
text-transform: uppercase
}
.team-black .main-style.em-team:hover {
box-shadow: none
}
.team-black .main-style.em-team .em-team-content-waraper {
background: #000036
}
.main-style.style-four.em-team {
box-shadow: none;
overflow: hidden;
border-bottom: 0;
border-radius: 0
}
.main-style.style-four.em-team:hover {
-webkit-box-shadow: 0 16px 32px rgba(207, 228, 255, .8);
box-shadow: 0 16px 32px rgba(207, 228, 255, .8);
-webkit-transform: translateY(0px);
-ms-transform: translateY(0px);
transform: translateY(0px)
}
.main-style.style-four.em-team .em-team-content-subtitle {
color: #616161
}
.main-style.style-four.em-team .em-team-content-socials-inner {
position: absolute;
top: 105%;
right: 0;
left: 0;
text-align: center;
-webkit-transform: translateY(-100%);
-ms-transform: translateY(-100%);
transform: translateY(-100%);
width: 83%;
background: #0c5adb;
margin: 0 30px;
margin: auto
}
.main-style.style-four.em-team:hover .em-team-content-socials-inner {
opacity: 1;
top: 100%;
right: 0
}
.main-style.style-four.em-team .em-team-content-socials a {
display: inline-block;
font-size: 15px;
color: #fff;
margin: 0 8px
}
.main-style.style-four.em-team .em-team-content-image-inner {
position: relative;
overflow: hidden
}
.main-style.style-four.em-team .em-team-content-image:before {
background: rgba(255, 255, 255, .35)
}
.em-team.style-two {
text-align: left;
transition: .3s;
overflow: hidden;
border-bottom: 0;
border-radius: 0;
box-shadow: 0;
-webkit-box-shadow: 0;
position: relative;
z-index: 1
}
.em-team.style-two:before {
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 100%;
background: rgba(12, 90, 219, .85);
content: "";
-webkit-transition: .5s;
-o-transition: .5s;
transition: .5s;
opacity: 0;
-webkit-transition: .3s;
-o-transition: .3s;
transition: .3s;
border-radius: 100%
}
.style-two .em-team-content-image {
overflow: hidden;
border-radius: 100%
}
.style-two .em-team-content-inner {
position: absolute;
left: 0;
top: 62%;
transform: translateY(-50%);
text-align: center;
right: 0;
opacity: 0;
transition: .5s;
transition-delay: .3s
}
.em-team.style-two .em-team-content-title h2 {
font-size: 20px;
color: #fff;
margin: 0
}
.em-team.style-two .em-team-content-subtitle {
color: #fff;
font-size: 15px;
margin-bottom: 9px;
margin-top: 8px
}
.em-team.style-two .em-team-content-socials a {
display: inline-block;
color: #fff;
margin: 0 5px;
font-size: 14px
}
.em-team.style-two:hover {
-webkit-box-shadow: 0;
box-shadow: 0;
-webkit-transform: translateY(-10px);
-ms-transform: translateY(-10px);
transform: translateY(-10px)
}
.em-team.style-two:hover:before {
opacity: 1
}
.em-team.style-two:hover .em-team-content-inner {
opacity: 1;
top: 50%
}
.team_cursousel_slider .em-team {
margin: 0 15px 30px
}
.techno-single-cases-study {
position: relative;
z-index: 999
}
.em-cases-study-content {
position: absolute;
left: 0;
top: 60%;
right: 0;
text-align: center;
background: #fff;
width: 70%;
margin: auto;
border-radius: 5px;
padding: 40px 10px;
opacity: 0;
-webkit-transition: .5s;
-o-transition: .5s;
transition: .5s;
-webkit-transform: translateY(-50%);
-ms-transform: translateY(-50%);
transform: translateY(-50%);
z-index: 999
}
.techno-single-cases-study:hover .em-cases-study-content {
opacity: 1;
top: 50%
}
.case-study-thumb {
position: relative;
z-index: 1
}
.case-study-thumb:before {
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 100%;
background: rgba(12, 90, 219, .85);
content: "";
-webkit-transition: .5s;
-o-transition: .5s;
transition: .5s;
opacity: 0;
-webkit-transition: .3s;
-o-transition: .3s;
transition: .3s
}
.techno-single-cases-study:hover .case-study-thumb:before {
opacity: 1
}
.case-study-style3 .case-study-thumb:before {
position: absolute;
left: 0;
width: 100%;
height: 100%;
background: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, 0)), to(#000));
background: linear-gradient(to bottom, rgba(0, 0, 0, 0), #000);
top: 25px;
content: "";
opacity: 1;
transition: .5s
}
.case-study-style3 .techno-single-cases-study:hover .case-study-thumb:before {
background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(37, 19, 209, .2)), to(blue));
background-image: linear-gradient(to bottom, rgba(37, 19, 209, .4), #2513d1);
top: 0
}
.em-cases-study-title h2 {
font-size: 24px;
font-weight: 700;
margin: 0;
line-height: 1
}
.em-cases-study-title h2 a {
font-size: 20px;
font-weight: 700;
margin: 0;
-webkit-transition: .3s;
-o-transition: .3s;
transition: .3s
}
.em-cases-study-title h2 a:hover {
color: #0c5adb
}
.case_default .em-cases-study-content {
background: 0 0;
width: 83%;
padding: 21px 24px;
top: inherit;
opacity: 1;
text-align: center;
background: #fff;
top: 120%;
margin: auto;
border-radius: 0
}
.case_default .techno-single-cases-study:hover .em-cases-study-content {
top: 80%
}
.case_default .em-cases-study-title h2 a {
font-size: 23px
}
.case_default .techno-single-cases-study {
margin-bottom: 30px;
overflow: hidden
}
.case_default .case-study-thumb {
position: relative;
z-index: 1
}
.case_default .case-study-thumb:before {
display: none
}
.case_default .techno-single-cases-study .case-study-thumb:after {
content: "";
background: rgba(12, 90, 219, .85);
height: 100%;
width: 100%;
position: absolute;
top: 0;
transform-origin: top;
-moz-transition: all .5s ease-out 0s;
-webkit-transition: all .5s ease-out 0s;
-ms-transition: all .5s ease-out 0s;
-o-transition: all .5s ease-out 0s;
transition: all .5s ease-out 0s;
-moz-transform: perspective(15em) rotateX(-90deg);
-o-transform: perspective(15em) rotateX(-90deg);
-ms-transform: perspective(15em) rotateX(-90deg);
-webkit-transform: perspective(15em) rotateX(-90deg);
transform: perspective(15em) rotateX(-90deg);
z-index: 1;
left: 0
}
.case_default .techno-single-cases-study:hover .case-study-thumb:after {
-moz-transform: perspective(0) rotateX(0);
-o-transform: perspective(0) rotateX(0);
-ms-transform: perspective(0) rotateX(0);
-webkit-transform: perspective(0) rotateX(0);
transform: perspective(0) rotateX(0)
}
.case_default .em-cases-study-title h2 {
margin: 0 0 3px
}
.case_default .cases-study-content p {
margin: 20px 0
}
.em-case-study-button {
margin-top: 20px
}
.case_category span {
color: #0c5adb
}
.case-study-style3 .em-cases-study-title h2 {
font-size: 24px;
margin: 12px 0 0
}
.case-study-style3 .em-cases-study-title h2 a {
color: #fff
}
.case-study-style3 .case_category span {
color: #fff
}
.case-study-style3 .em-case-study-button a {
display: inline-block;
background: #fff;
padding: 3px 20px;
border-radius: 30px;
color: #0c5adb;
margin-top: 10px
}
.case-study-style3 .em-cases-study-content {
top: 76%;
background: 0 0;
width: 100%;
border-radius: 0;
padding: 0;
opacity: 1
}
.case-study-style3 .techno-single-cases-study:hover .em-cases-study-content {
top: 70%
}
.em_work_progress {
padding: 0 25px
}
.em_progress_content {
text-align: center
}
.em_work_progress-title h2 {
font-size: 20px;
margin: 56px 0 17px;
font-weight: 700
}
.em_work_progress-number {
position: relative;
z-index: 1
}
.em_work_progress-number:before {
position: absolute;
top: 22px;
width: calc(100% - 100px);
height: 1px;
background-image: -webkit-gradient(linear, left top, right top, from(#0c5adb), color-stop(40%, #0c5adb), color-stop(40%, transparent), to(transparent));
background-image: -o-linear-gradient(left, #0c5adb, #0c5adb 40%, transparent 40%, transparent 100%);
background-image: linear-gradient(90deg, #0c5adb, #0c5adb 40%, transparent 40%, transparent 100%);
background-size: 12px 1px;
content: "";
left: -143px
}
.first-process .em_work_progress-number:before {
display: none
}
.em_work_progress-number span {
background: #0c5adb;
border-radius: 50%;
color: #fff;
font-weight: 600;
position: relative;
height: 45px;
width: 45px;
line-height: 45px;
display: inline-block;
-webkit-transition: .3s;
-o-transition: .3s;
transition: .3s
}
.em_work_progress-number span:after {
position: absolute;
left: -10px;
top: -10px;
height: 65px;
width: 65px;
content: "";
background: #0c5adb;
z-index: -1;
border-radius: 50%;
right: 0;
margin: auto;
opacity: .4;
-webkit-transition: .3s;
-o-transition: .3s;
transition: .3s
}
.em_work_progress-number span:before {
position: absolute;
left: -20px;
top: -20px;
height: 85px;
width: 85px;
content: "";
background: #0c5adb;
z-index: -1;
border-radius: 50%;
right: 0;
margin: auto;
opacity: .2;
-webkit-transition: .3s;
-o-transition: .3s;
transition: .3s
}
.em_work_progress :hover .em_work_progress-number span,
.em_work_progress :hover .em_work_progress-number span:before,
.em_work_progress :hover .em_work_progress-number span:after {
-webkit-transform: scale(1.1);
-ms-transform: scale(1.1);
transform: scale(1.1)
}
.style-two.em_work_progress {
padding: 0 25px;
text-align: center;
position: relative
}
.style-two.em_work_progress:after {
position: absolute;
right: 0;
top: 10px;
content: "";
background-image: url(//webitkurigram.com/wp/techno/wp-content/themes/techno/assets/images/direction-sign.png);
height: 40px;
width: 200px;
background-repeat: no-repeat;
margin-right: -119px;
background-size: contain
}
.last-item.style-two.em_work_progress:after {
display: none
}
.style-two .em_work_progress_icon {
position: relative;
display: inline-block;
text-align: center;
margin-bottom: 60px
}
.style-two .em_work_progress_icon i {
background: linear-gradient(90deg, rgba(30, 85, 189, 1) 0%, rgba(67, 126, 235, 1) 100%);
-webkit-border-radius: 50%;
-moz-border-radius: 50%;
border-radius: 50%;
color: #fff;
font-size: 50px;
height: 120px;
line-height: 120px;
text-align: center;
width: 120px;
z-index: 1;
-webkit-transition: all .35s ease-in-out;
-moz-transition: all .35s ease-in-out;
-ms-transition: all .35s ease-in-out;
-o-transition: all .35s ease-in-out;
transition: all .35s ease-in-out;
display: inline-block
}
.style-two .em_work_progress-number span:before,
.style-two .em_work_progress-number span:after {
display: none
}
.style-two .em_work_progress-number {
position: relative;
z-index: 1;
position: absolute;
right: 0;
top: 0
}
.style-two .em_work_progress_icon .em_work_progress-number:before {
display: none
}
.style-two .em_work_progress-number span {
background: #fff;
border-radius: 50%;
color: #0c5adb;
box-shadow: 0 0 10px #ccc
}
.style-two .em_work_progress-title h2 {
font-size: 20px;
margin: 30px 0 10px;
font-weight: 700
}
.em_work_progress_icon:before {
position: absolute;
content: "";
left: 0;
right: 0;
margin: auto;
width: 2px;
height: 40px;
border-left: 2px dashed #ddd;
border-radius: 100%;
bottom: -74px
}
.em_work_progress_icon:after {
position: absolute;
content: "";
left: 0;
right: 0;
margin: auto;
width: 15px;
height: 15px;
border: 2px solid #ddd;
border-radius: 100%;
bottom: -32px
}
.why-choose-area .front,
.why-choose-area .back {
-webkit-box-shadow: 0px 1px 51.3px 5.7px rgba(137, 143, 156, .15);
box-shadow: 0px 1px 51.3px 5.7px rgba(137, 143, 156, .15)
}
.why-choose-area .front i {
border-radius: 33% 66% 70% 30%/49% 62% 38% 51% !important
}
.em-call-to-action {
text-align: left;
position: relative
}
.em-call-to-action-title h2 {
margin-bottom: 12px;
color: #fff;
font-size: 20px;
margin-bottom: 42px;
letter-spacing: 1px;
font-weight: 500
}
.em-call-to-action-title span {
font-size: 45px;
margin-top: 12px;
display: block;
width: 47%;
letter-spacing: 0;
line-height: 1.2;
margin-top: 20px;
font-weight: 700
}
.call-to-action-btn {
margin-top: 20px
}
.call-to-action-btn a {
border: none;
display: inline-block;
font-size: 14px;
text-transform: uppercase;
background-color: #fff;
border-radius: 5px;
color: #0c5adb;
padding: 16px 32px;
-webkit-transition: .5s;
-o-transition: .5s;
transition: .5s;
font-weight: 600;
font-family: 'Raleway-Regular';
}
.call-to-action-btn a i {
margin-left: 8px
}
.call-to-action-btn a:hover {
background: #00247e;
color: #fff
}
.em-call-to-action-desc {
color: #fff;
width: 55%;
margin: auto;
margin-left: 0;
font-size: 14px
}
.em-call-to-action2 {
text-align: center
}
.em-call-to-action2 .em-call-to-action-title span {
margin: 20px auto 0
}
.em-call-to-action2 .em-call-to-action-desc {
width: 65%;
margin-left: 0;
margin: auto
}
.em-call-to-video {
position: absolute;
right: 0;
top: 50%;
width: 24%;
-webkit-transform: translateY(-50%);
-ms-transform: translateY(-50%);
transform: translateY(-50%)
}
.em-call-video-link {
float: left;
margin-right: 20px
}
.em-call-video-link a {
display: inline-block
}
.em-call-video-link a i {
width: 90px;
height: 90px;
display: inline-block;
background: #fff;
text-align: center;
line-height: 90px;
color: #0c5adb;
border-radius: 100%;
position: relative;
z-index: 1;
-webkit-transition: .3s;
-o-transition: .3s;
transition: .3s
}
#for_mobile_only{
display:none;
}
.slider-video-icon a i {
width: 75px;
height: 75px;
line-height: 75px
}
.slider-video-icon a,
.em-call-video-link a {
position: relative
}
.em-call-video-link a:before {
content: "";
position: absolute;
left: 50%;
top: 50%;
height: 100px;
width: 100px;
background: rgba(255, 255, 255, .8);
z-index: -1;
border-radius: 50%;
-webkit-transform: translate(-50%, -50%);
-ms-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
-webkit-animation: pulse-border 1.5s ease-out infinite;
animation: pulse-border 1.5s ease-out infinite
}
.em-call-to-action.style-three {
text-align: center;
position: relative
}
.style-three .em-call-to-action-title h2 {
margin-bottom: 12px;
color: #fff;
font-size: 50px;
margin-bottom: 29px;
letter-spacing: 0;
font-weight: 800
}
.style-three .em-call-to-action-title span {
width: 50%;
font-weight: 800;
margin: auto;
margin-top: 0;
font-size: 50px
}
.style-three .em-call-to-video {
position: inherit;
right: inherit;
top: inherit;
width: 100%;
text-align: center
}
.style-three .em-call-video-link {
float: none;
margin-right: auto
}
.style-three .em-call-to-action-desc {
color: #fff;
width: 40%;
margin: auto;
margin-left: auto;
font-size: 16px;
margin-bottom: 40px
}
@-webkit-keyframes pulse-border {
0% {
-webkit-transform: translateX(-50%) translateY(-50%) translateZ(0) scale(1);
transform: translateX(-50%) translateY(-50%) translateZ(0) scale(1);
opacity: 1
}
100% {
-webkit-transform: translateX(-50%) translateY(-50%) translateZ(0) scale(1.7);
transform: translateX(-50%) translateY(-50%) translateZ(0) scale(1.7);
opacity: 0
}
}
@keyframes pulse-border {
0% {
-webkit-transform: translateX(-50%) translateY(-50%) translateZ(0) scale(1);
transform: translateX(-50%) translateY(-50%) translateZ(0) scale(1);
opacity: 1
}
100% {
-webkit-transform: translateX(-50%) translateY(-50%) translateZ(0) scale(1.7);
transform: translateX(-50%) translateY(-50%) translateZ(0) scale(1.7);
opacity: 0
}
}
.em-call-to-video h3 {
color: #fff
}
.em-call-to-video h3 {
margin-top: 5px;
font-size: 25px
}
.slider-video-icon a i,
.em-call-to-video i {
font-size: 28px
}
.slider-style-seven .slider-video-icon,
.slider-style-four .slider-video-icon {
display: inline-block;
padding-top: 14px;
position: absolute;
right: 20%;
top: 50%;
-webkit-transform: translateY(-50%);
-ms-transform: translateY(-50%);
transform: translateY(-50%);
z-index: 999
}
.slider-style-seven .slider-video-icon {
top: 40%
}
.slider-video-icon a,
.video-icon-box a {
background: #fff;
height: 70px;
width: 70px;
top: 50%;
left: 0;
right: 0;
margin: auto;
text-align: center;
border-radius: 50%;
line-height: 70px;
color: #0c5adb;
font-size: 15px;
position: relative;
display: inline-block
}
.slider-video-icon a,
.video-icon-box a {
border-radius: 50%;
-webkit-animation: ripple-white 1s linear infinite;
animation: ripple-white 1s linear infinite;
-webkit-transition: .5s
}
@-webkit-keyframes ripple-white {
0% {
-webkit-box-shadow: 0 0 0 0 rgba(255, 255, 255, .3), 0 0 0 10px rgba(255, 255, 255, .3), 0 0 0 20px rgba(255, 255, 255, .3);
box-shadow: 0 0 0 0 rgba(255, 255, 255, .3), 0 0 0 10px rgba(255, 255, 255, .3), 0 0 0 20px rgba(255, 255, 255, .3)
}
100% {
-webkit-box-shadow: 0 0 0 10px rgba(255, 255, 255, .3), 0 0 0 20px rgba(255, 255, 255, .3), 0 0 0 30px rgba(255, 255, 255, 0);
box-shadow: 0 0 0 10px rgba(255, 255, 255, .3), 0 0 0 20px rgba(255, 255, 255, .3), 0 0 0 30px rgba(255, 255, 255, 0)
}
}
@keyframes ripple-white {
0% {
-webkit-box-shadow: 0 0 0 0 rgba(255, 255, 255, .3), 0 0 0 10px rgba(255, 255, 255, .3), 0 0 0 20px rgba(255, 255, 255, .3);
box-shadow: 0 0 0 0 rgba(255, 255, 255, .3), 0 0 0 10px rgba(255, 255, 255, .3), 0 0 0 20px rgba(255, 255, 255, .3)
}
100% {
-webkit-box-shadow: 0 0 0 10px rgba(255, 255, 255, .3), 0 0 0 20px rgba(255, 255, 255, .3), 0 0 0 30px rgba(255, 255, 255, 0);
box-shadow: 0 0 0 10px rgba(255, 255, 255, .3), 0 0 0 20px rgba(255, 255, 255, .3), 0 0 0 30px rgba(255, 255, 255, 0)
}
}
.video-icon-box h3 {
margin-left: 40px;
display: inline-block
}
.portfolio_nav {
padding: 0 0 15px;
text-align: center
}
.portfolio_nav ul {
margin-bottom: 30px;
text-align: center
}
.portfolio_nav ul li {
display: inline
}
.portfolio_nav ul li {
background: #f2f4ff;
border: medium none;
font-size: 16px;
line-height: 1;
-webkit-transition: all .3s ease 0s;
-o-transition: all .3s ease 0s;
transition: all .3s ease 0s;
cursor: pointer;
text-transform: capitalize;
padding: 12px 27px;
font-weight: 500;
letter-spacing: 2px;
position: relative;
margin: 0 3px;
margin-bottom: 7px;
display: inline-block;
border-radius: 5px
}
.portfolio_nav ul li:hover,
.portfolio_nav ul li.current_menu_item {
color: #fff;
background: #0c5adb
}
.portfolio_nav ul li:first-child {
border-left: 0
}
.prot_wrap {
overflow: hidden
}
.single_protfolio {
position: relative;
margin-bottom: 30px;
overflow: hidden
}
.prot_thumb img {
display: block;
-webkit-transform: scale(1);
-ms-transform: scale(1);
transform: scale(1);
-webkit-transition: all .5s ease 0s;
-o-transition: all .5s ease 0s;
transition: all .5s ease 0s;
width: 100%
}
.single_protfolio:hover .prot_thumb img {
-webkit-transform: scale(1.1);
-ms-transform: scale(1.1);
transform: scale(1.1)
}
.prot_content {
position: absolute;
text-align: center;
-ms-filter: "alpha(opacity=0)";
-webkit-transition: .5s;
-o-transition: .5s;
transition: .5s;
right: 20px;
bottom: 35px;
left: 20px;
opacity: 0;
background: #0c5adb;
margin: auto;
text-align: left;
padding: 30px 20px 30px;
border-radius: 5px
}
.single_protfolio:hover .prot_content {
opacity: 1;
bottom: 50px
}
.multi_gallery.prot_content {
height: 90%;
width: 80%;
right: 10%;
top: 5%;
bottom: 5%;
left: 10%
}
.prot_content h3 {
margin: 8px 0 0;
text-transform: capitalize;
color: #fff;
font-size: 20px;
font-weight: 600
}
.prot_content h3 a {
color: #fff;
font-size: 20px;
font-weight: 700;
text-transform: capitalize
}
.prot_content p {
color: #fff;
line-height: 1.2;
margin: 5px 0 0
}
.prot_content p span {
display: inline-block;
padding-top: 0
}
.porttitle_inner span {
position: relative;
margin: 0 2px
}
.prot_content span:before {
bottom: 0;
content: ",";
position: absolute;
right: -5px
}
.porttitle_inner span:last-child:before {
content: ""
}
.nospace.col-xs-12 {
padding: 0
}
.nospace .single_protfolio {
margin-bottom: 0
}
.gallery_load_button a {
border: 1px solid #ddd;
color: #444;
padding: 7px 15px;
display: inline-block;
font-size: 17px;
margin-top: 0
}
.gallery_load_button a:hover {
border-color: #333;
background: #333;
color: #fff
}
.prot_wrap.nospace .gallery_load_button a {
margin-top: 30px
}
.picon {
margin-bottom: 25px
}
.picon a {
background: #fff none repeat scroll 0 0;
border-radius: 50%;
color: #0c5adb;
display: inline-block;
font-size: 18px;
height: 40px;
line-height: 40px;
margin: 0 3px 0;
width: 40px;
text-align: center
}
.picon a:hover {
background: #00247e;
color: #fff
}
.pimgs {
margin-bottom: 15px
}
.prots-contentg ul {
margin-left: 0
}
.portfolio_details {
overflow: hidden;
-webkit-box-shadow: 0 0 30px rgba(0, 0, 0, .1);
box-shadow: 0 0 30px rgba(0, 0, 0, .1);
padding: 65px 50px 50px
}
.portfolio_info {
padding-left: 50px;
padding-top: 48px
}
.portfolio_info h2 {
font-size: 25px;
font-family: 'Raleway-Bold';
padding-bottom: 17px
}
.portfolio-details-box li strong {
font-size: 20px;
margin-right: 5px
}
.pr-title {
padding: 24px 0 18px
}
.port_dtl_social span {
font-size: 20px;
font-weight: 700;
margin-bottom: 10px;
display: block
}
.port_dtl_social a {
display: inline-block;
width: 35px;
height: 35px;
background: #0c5adb;
color: #fff;
border-radius: 5px;
font-size: 18px;
text-align: center;
margin-right: 10px;
line-height: 35px
}
.portfolio_details .col-md-6 {
float: left
}
.fun_fact_area {
position: relative
}
.fun_fact_area:before {
content: "";
position: absolute;
right: 0;
top: 76px;
background: url(//webitkurigram.com/wp/techno/wp-content/themes/techno/assets/images/08.png);
background-repeat: no-repeat;
width: 100%;
height: 100%;
background-position: center;
left: 0
}
.single_counter {
position: relative;
text-align: center;
-webkit-transition: all .3s ease 0s;
-o-transition: all .3s ease 0s;
transition: all .3s ease 0s;
margin-bottom: 30px
}
.counter_icon {
-webkit-transition: .5s;
-o-transition: .5s;
transition: .5s
}
.counter_icon i {
font-size: 40px;
color: #0c5adb;
-webkit-transition: .5s;
-o-transition: .5s;
transition: .5s;
display: inline-block
}
.countr_text > h1 {
font-size: 40px;
display: inline-block;
font-weight: 800;
margin: 0
}
.countr_text > h3 {
font-size: 40px;
display: inline-block;
font-weight: 800;
margin: 0
}
.counter_title {
padding: 0
}
.counter_title h4 {
color: #0c5adb;
text-transform: capitalize;
font-size: 20px;
margin-top: 5px;
font-weight: 500;
letter-spacing: 0
}
.single_counter2 .counter_icon i {
font-size: 30px;
color: #fff;
-webkit-transition: .5s;
-o-transition: .5s;
transition: .5s;
display: inline-block;
width: 80px;
height: 80px;
background: #0c5adb;
border-radius: 100%;
line-height: 80px;
margin-bottom: 22px
}
.kc-ui-progress2 span.value {
background: #0c5adb !important;
color: #fff !important
}
.style-three .counter_icon {
-webkit-transition: .5s;
-o-transition: .5s;
transition: .5s;
float: left;
overflow: hidden;
margin-right: 15px
}
.style-three .single_counter_inner {
overflow: hidden;
text-align: left;
margin: 0
}
.style-three .countr_text > h1 {
font-size: 42px;
display: inline-block;
font-weight: 800;
margin: 0
}
.style-three .counter_title h4 {
color: #232323;
text-transform: uppercase;
font-size: 13px;
margin-top: 0;
font-weight: 700;
letter-spacing: 0
}
.single_counter2.style-three .counter_icon i {
font-size: 31px;
width: 70px;
height: 70px;
line-height: 70px;
margin-bottom: 0;
margin-top: 5px
}
.em_single_testimonial {
-webkit-transition: all .5s ease 0s;
-o-transition: all .5s ease 0s;
transition: all .5s ease 0s;
position: relative;
margin-top: 40px
}
.testi-width {
padding: 36px 100px
}
.em_testi_content {
position: relative;
padding-top: 45px;
padding: 52px 50px 52px;
-webkit-box-shadow: 0 25px 40px 0 rgba(0, 0, 0, .1);
box-shadow: 0 25px 40px 0 rgba(0, 0, 0, .1);
background: #fff;
border-radius: 5px;
text-align: left;
margin-bottom: 40px
}
.dark-version .em_testi_content {
background: #0b0e3c
}
.em_testi_content:before {
content: '';
bottom: -20px;
top: auto;
border-color: #fff transparent transparent #fff;
display: block;
position: absolute;
left: 0;
margin-left: 0;
width: 0;
height: 0;
border-style: solid;
border-width: 15px
}
.dark-version .em_testi_content:before {
border-color: #0b0e3c transparent transparent #0b0e3c
}
.em_test_thumb {
position: relative;
display: inline-block;
float: left;
margin-right: 20px
}
.em_test_thumb img {
border-radius: 100%;
width: 90px
}
.em_testi_title {
margin-bottom: 4px
}
.em_testi_title h2 {
font-size: 20px;
margin-bottom: 0;
text-transform: capitalize;
letter-spacing: 0;
font-weight: 700
}
.em_testi_title h2 sup {
font-size: 15px;
font-weight: 700;
margin-left: 5px
}
.em_testi_title span {
color: #0c5adb;
font-weight: 500;
font-size: 16px;
display: block;
padding-top: 5px
}
.em_testi_text.texti_style2 {
color: #444;
font-style: italic;
margin: auto;
width: 100%
}
.testimonial_list.curosel-style .owl-nav div {
-webkit-box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, .3);
box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, .3)
}
.em_testi_degi {
line-height: 1;
margin-top: -4px
}
.em_reviews_rating {
margin-top: 10px
}
.em_reviews i {
color: #ddd
}
.testi-star i {
color: #ddd
}
.testi-star i.active {
color: #0c5adb;
font-size: 19px;
margin: 0 1px
}
.em_testi_country_img ul li {
display: inline-block;
overflow: hidden
}
.em_testi_country_img ul li img {
display: inline-block
}
.country-name {
margin-left: 10px
}
.testimonial-style-two .em_single_testimonial {
text-align: center
}
.testimonial-style-two .em_testi_content {
position: relative;
padding: 0;
-webkit-box-shadow: 0 25px 40px 0 rgba(0, 0, 0, .1);
box-shadow: none;
background: 0 0;
border-radius: 0;
text-align: center;
margin-bottom: 30px
}
.testimonial-style-two .em_testi_content:before {
display: none
}
.testimonial-style-two .em_test_thumb {
position: relative;
display: inline-block;
float: none;
margin: 0 0 30px
}
.testimonial-style-two .em_test_thumb img {
border-radius: 100%;
width: 115px
}
.testimonial-style-two .em_testi_text {
width: 71%;
margin: auto;
font-size: 18px;
font-style: italic;
font-weight: 500;
font-family: 'Raleway-Regular';
}
.testimonial-style-two .em_test_thumb:before {
content: "\f10d";
font-family: FontAwesome;
font-size: 18px;
position: absolute;
line-height: 50px;
bottom: 0;
right: -16px;
background-color: #0c5adb;
width: 50px;
height: 50px;
text-align: center;
color: #fff;
border-radius: 50%
}
.style-three .em_single_testimonial {
-webkit-transition: all .5s ease 0s;
-o-transition: all .5s ease 0s;
transition: all .5s ease 0s;
position: relative;
margin-top: 40px;
text-align: center;
box-shadow: 0px 0px 27px 0px rgba(0, 0, 0, .17);
margin-bottom: 30px;
padding: 36px;
background: #fff
}
.style-three .em_test_thumb {
position: relative;
display: inline-block;
float: none;
margin-right: 0;
text-align: center
}
.style-three .em_testi_content {
padding-top: 0;
padding: 15px 0 5px;
box-shadow: none;
background: 0 0;
border-radius: 0;
text-align: center;
margin-bottom: 0
}
.style-three .em_testi_content:before {
display: none
}
.curosel-style .owl-nav div {
border-radius: 50%;
color: #fff;
font-size: 19px;
height: 60px;
line-height: 60px;
position: absolute;
top: 50%;
-webkit-transition: all .5s ease 0s;
-o-transition: all .5s ease 0s;
transition: all .5s ease 0s;
width: 60px;
text-align: center;
z-index: 99;
-webkit-transform: translateY(-49%);
-ms-transform: translateY(-49%);
transform: translateY(-49%);
opacity: 0;
-ms-filter: "alpha(opacity=0)";
background: #0c5adb
}
.curosel-style .owl-nav .owl-next {
left: auto;
right: -50px
}
.curosel-style .owl-nav .owl-prev {
right: auto;
left: -50px
}
.single_gallery.curosel-style .owl-nav div {
left: 30px
}
.single_gallery.curosel-style .owl-nav .owl-next {
right: 30px;
left: auto
}
.portfolio_gallery_post.curosel-style .owl-nav div {
left: 0
}
.portfolio_gallery_post.curosel-style .owl-nav .owl-next {
right: 0;
left: auto
}
.portfolio_gallery_post.curosel-style .owl-nav div {
opacity: 1;
-ms-filter: "alpha(opacity=100)"
}
.curosel-style .owl-nav .owl-next:hover {
background: #121b51;
color: #fff
}
.curosel-style .owl-nav .owl-prev:hover {
background: #121b51;
color: #fff
}
.owl-carousel .owl-item img {
margin: auto
}
.curosel-style:hover .owl-nav div {
opacity: 1;
-ms-filter: "alpha(opacity=100)"
}
select,
.form-control {
height: 54px;
background-color: #fff;
border-color: transparent;
-webkit-transition: .5s;
-o-transition: .5s;
transition: .5s;
border: 1px solid #e6e6e6;
padding: 6px 20px;
-webkit-box-shadow: none;
box-shadow: none;
border-radius: 5px
}
select {
width: 100%
}
.quote_form .form-control {
background-color: rgba(255, 255, 255, .2);
border-color: transparent
}
.form-control:focus {
background-color: rgba(255, 255, 255, .7)
}
.buttons {
text-align: center
}
.button {
background: #1999ff;
border: 0;
display: inline-block;
text-align: center;
padding: 14px 39px;
border-radius: 7px;
-webkit-transition: .3s;
-o-transition: .3s;
transition: .3s;
color: #fff
}
.button:hover {
background: #00247e;
color: #fff
}
.button i {
margin-left: 5px
}
.quote_form .button {
background: #fff;
color: #232323
}
.quote_form .button:hover {
background: #00247e;
color: #fff
}
.quote-form-two .buttons {
text-align: left
}
.odoo-consult-form {
z-index: 1;
position: relative
}
.em-slick-testi-main {
text-align: center
}
.main-slider-area {
display: block;
position: relative
}
.nivo-caption {
background: rgba(0, 0, 0, .0);
height: 100%;
opacity: 1;
-ms-filter: "alpha(opacity=100)";
overflow: visible !important
}
.em_slider_inner {
margin: auto;
position: absolute;
top: 50%;
left: 0;
right: 0;
-webkit-transform: translateY(-50%);
-ms-transform: translateY(-50%);
transform: translateY(-50%)
}
.nivoSlider {
overflow: visible
}
.em-slider-title {
font-size: 33px;
color: #fff;
margin-bottom: 0;
font-weight: 400;
margin: 0
}
.em-slider-sub-title {
font-size: 120px;
text-transform: capitalize;
color: #fff;
font-weight: 800;
display: block;
margin: 0
}
.em-slider-descript {
color: #fff
}
.em-slider-descript {
width: 55%;
text-align: left;
color: #fff;
margin: 5px 0 30px;
font-size: 33px
}
.text-left .em-slider-descript {
margin-left: 0;
margin-right: auto
}
.text-center .em-slider-descript {
margin: 0 auto 31px
}
.text-right .em-slider-descript {
margin-right: 0;
margin-left: auto
}
.em-button-button-area a {
-moz-user-select: none;
background: #0c5adb;
border: medium none;
color: #fff;
cursor: pointer;
display: inline-block;
font-size: 16px;
margin-bottom: 0;
padding: 15px 41px;
text-align: center;
text-transform: uppercase;
-ms-touch-action: manipulation;
touch-action: manipulation;
-webkit-transition: all .3s ease 0s;
-o-transition: all .3s ease 0s;
transition: all .3s ease 0s;
border-radius: 4px;
border: 1px solid transparent;
font-weight: 400;
margin-top: 17px
}
.em-button-button-area a:hover {
background-color: #fff;
border-color: #fff;
color: #0c5adb
}
.em-slider-button .withput-active {
background: 0 0;
color: #fff;
border-color: rgba(255, 255, 255, .8);
margin-left: 7px
}
.em-slider-button .withput-active:hover {
background: #fff;
border-color: #fff;
color: #0c5adb
}
.em-button-button-area a i {
margin-left: 10px;
display: inline-block
}
.text-left a.em-active-button {
margin-left: 0
}
.em-slider-half-width {
width: 50%
}
.text-center .em-button-button-area a {
margin: 0 15px
}
.em-slider-left {
padding-right: 30px
}
.em-slider-right {
padding-left: 30px
}
.em-slider-full-width {
width: 85%
}
.em-slider-half-width .em-slider-descript {
width: 100%
}
.em-nivo-slider-wrapper .nivo-directionNav a {
top: 50%;
-webkit-transform: translateY(-50%);
-ms-transform: translateY(-50%);
transform: translateY(-50%);
height: 78px;
width: 50px;
line-height: 74px;
border: 0;
text-align: center;
display: block;
color: #0c5adb;
font-size: 28px;
left: 0;
-webkit-transition: all .3s ease 0s;
-o-transition: all .3s ease 0s;
transition: all .3s ease 0s;
opacity: 0;
-ms-filter: "alpha(opacity=0)";
visibility: hidden;
background: #fff
}
.em-nivo-slider-wrapper .nivo-directionNav .nivo-nextNav {
left: auto;
right: 0
}
.em-nivo-slider-wrapper .nivo-directionNav a:hover {
background: #0c5adb;
border-color: #0c5adb;
color: #fff
}
.em-nivo-slider-wrapper:hover .nivo-directionNav a {
opacity: 1;
-ms-filter: "alpha(opacity=100)";
visibility: visible;
left: 50px
}
.em-nivo-slider-wrapper:hover .nivo-directionNav .nivo-nextNav {
left: auto;
right: 50px
}
.em-nivo-slider-wrapper .nivo-controlNav {
top: 50%;
padding: 0;
position: absolute;
width: 100%;
z-index: 9;
left: 38px;
-webkit-transform: translateY(-50%);
-ms-transform: translateY(-50%);
transform: translateY(-50%)
}
.em-nivo-slider-wrapper .nivo-controlNav a {
background: #fff none repeat scroll 0 0;
border-radius: 50%;
cursor: pointer;
display: block;
font-size: 9px;
height: 17px;
margin: 8px 0;
width: 17px;
color: #0c5adb;
line-height: 17px
}
.em-nivo-slider-wrapper .nivo-controlNav a:hover,
.em-nivo-slider-wrapper .nivo-controlNav a.active {
background: #fff none repeat scroll 0 0;
opacity: 1;
-ms-filter: "alpha(opacity=100)"
}
.single_slide_img {
position: absolute;
top: -180px;
text-align: right;
left: 59%
}
.single_pricing {
-webkit-transition: all .3s ease 0s;
-o-transition: all .3s ease 0s;
transition: all .3s ease 0s;
padding: 31px 40px 50px;
position: relative;
z-index: 1;
overflow: hidden;
text-align: center;
border: 1px solid #e6e6e6;
border-radius: 8px;
background: #fff
}
.pricing_head {
padding: 0;
-webkit-transition: all .3s ease 0s;
-o-transition: all .3s ease 0s;
transition: all .3s ease 0s
}
.pricing_icon {
text-align: center
}
.pricing_img {
text-align: center
}
.pricing_title h2 {
font-size: 20px;
-webkit-transition: .3s;
-o-transition: .3s;
transition: .3s
}
.pricing_title h3 {
font-size: 30px;
color: #0c5adb;
text-transform: capitalize;
padding-bottom: 25px
}
.pricing_subtitle h4 {
font-size: 18px;
color: #656565;
font-weight: 400;
margin: 0
}
.price_item_inner_center {
-webkit-transition: .3s;
-o-transition: .3s;
transition: .3s
}
.price_item {
-webkit-transition: all .5s ease 0s;
-webkit-transition: all .3s ease 0s;
-o-transition: all .3s ease 0s;
transition: all .3s ease 0s;
margin-bottom: 17px;
margin-top: 15px
}
.price_item span {
display: inline-block;
-webkit-transition: all .3s ease 0s;
-webkit-transition: all .5s ease 0s;
-o-transition: all .3s ease 0s;
transition: all .3s ease 0s;
font-size: 55px;
font-weight: 700;
text-align: center;
color: #0c5adb
}
.slash {
font-size: 0
}
.curencyp {
font-size: 29px !important;
font-weight: 500;
position: relative;
top: -15px
}
.bootmp {
font-size: 19px !important;
font-weight: 500 !important
}
.pricing_btn span {
border: 1px solid #ddd;
display: inline-block;
padding: 0 23px;
border-radius: 30px;
font-size: 15px
}
.featur {
border: 1px solid #e6e6e6;
-webkit-transition: all .3s ease 0s;
-o-transition: all .3s ease 0s;
transition: all .3s ease 0s;
border-radius: 7px
}
.featur ul {
padding: 31px 0 44px
}
.featur ul li {
display: block;
font-size: 17px;
padding: 8px 0;
text-transform: none;
-webkit-transition: all .3s ease 0s;
-o-transition: all .3s ease 0s;
transition: all .3s ease 0s;
text-transform: capitalize
}
.featur ul li b {
font-weight: 600
}
.featur ul li:last-child {
padding-bottom: 0
}
.order_now {
-webkit-transition: all .3s ease 0s;
-o-transition: all .3s ease 0s;
transition: all .3s ease 0s;
margin-top: 36px
}
.order_now a {
display: inline-block;
font-size: 18px;
font-weight: 600;
padding: 12px 35px;
position: relative;
text-transform: capitalize;
-webkit-transition: all .3s ease 0s;
-o-transition: all .3s ease 0s;
transition: all .3s ease 0s;
color: #616161;
border: 1px solid #e6e6e6;
border-radius: 3px
}
.single_pricing:hover .order_now a,
.single_pricing.active .order_now a {
background: #0c5adb;
color: #fff
}
.single_pricing .order_now a,
.single_pricing .price_item_inner,
.single_pricing .pricing_title > h3 {
-webkit-transition: .5s;
-o-transition: .5s;
transition: .5s
}
.single_pricing:hover,
.single_pricing.active,
.single_pricing.active .featur,
.single_pricing:hover .featur {
border-color: #0c5adb
}
.style-two.single_pricing {
-webkit-transition: all .3s ease 0s;
-o-transition: all .3s ease 0s;
transition: all .3s ease 0s;
position: relative;
z-index: 1;
overflow: hidden;
text-align: center;
box-shadow: 0px 0px 30px rgba(0, 0, 0, .2);
margin-bottom: 30px;
padding: 0;
position: relative;
border: inherit;
text-align: center
}
.style-two .pricing_top_bar {
position: relative;
background: #0c5adb;
padding-top: 36px;
z-index: 1;
padding-bottom: 10px
}
.style-two .pricing_top_bar:before {
position: absolute;
left: 0;
top: 0;
height: 100%;
width: 100%;
content: "";
background: url(//webitkurigram.com/wp/techno/wp-content/themes/techno/assets/images/pricing-bg3.png);
background-repeat: no-repeat;
background-position: bottom center;
background-size: auto;
z-index: -1
}
.active .pricing_top_bar:before {
background: url(//webitkurigram.com/wp/techno/wp-content/themes/techno/assets/images/pricing-bg1.png);
background-size: cover;
background-repeat: no-repeat;
background-position: center
}
.pricing-3 .pricing_top_bar:before {
background: url(//webitkurigram.com/wp/techno/wp-content/themes/techno/assets/images/pricing-bg2.png);
background-size: cover;
background-repeat: no-repeat;
background-position: center
}
.style-two .pricing_head {
padding: 0;
-webkit-transition: all .3s ease 0s;
-o-transition: all .3s ease 0s;
transition: all .3s ease 0s
}
.style-two .pricing_icon {
text-align: center
}
.style-two .pricing_title h3 {
font-size: 28px;
text-transform: capitalize;
padding-bottom: 0;
color: #fff;
font-weight: 700;
position: relative
}
.style-two .pricing_title h3:after,
.style-two .pricing_title h3:before {
content: '';
top: 48px;
right: 0;
width: 4px;
height: 4px;
display: block;
position: absolute;
background: #fff;
left: 40px;
margin: auto
}
.style-two .pricing_title h3:before {
width: 25px;
left: 0;
right: 0;
margin: auto
}
.style-two .pricing_subtitle h4 {
font-size: 18px;
color: #656565;
font-weight: 400;
margin: 0
}
.style-two .pricing_img {
background: #fff;
display: inline-block;
border: 1px solid #0c5adb;
border-radius: 100%;
margin-top: -23px;
position: relative
}
.style-two.active .pricing_img {
background: #fff;
display: inline-block;
border: 1px solid #0c5adb;
border-radius: 100%;
margin-top: 0;
position: relative;
margin-bottom: -26px
}
.style-two .pricing_body {
padding: 40px 0 50px
}
.style-two .price_item_inner_center {
-webkit-transition: .3s;
-o-transition: .3s;
transition: .3s
}
.style-two .price_item {
-webkit-transition: all .5s ease 0s;
-webkit-transition: all .3s ease 0s;
-o-transition: all .3s ease 0s;
transition: all .3s ease 0s;
margin-bottom: 19px;
margin-top: 28px
}
.style-two .price_item span {
display: inline-block;
-webkit-transition: all .3s ease 0s;
-webkit-transition: all .5s ease 0s;
-o-transition: all .3s ease 0s;
transition: all .3s ease 0s;
font-size: 70px;
font-weight: 700;
text-align: center;
color: #fff
}
.style-two .slash {
font-size: 0
}
.style-two .curencyp {
font-size: 32px !important;
font-weight: 700 !important;
position: relative;
top: -28px;
color: #fff !important
}
.style-two .bootmp {
font-size: 20px !important;
font-weight: 500 !important
}
.style-two .pricing_btn span {
border: 1px solid #ddd;
display: inline-block;
padding: 0 23px;
border-radius: 30px;
font-size: 15px
}
.style-two .featur {
border: inherit;
-webkit-transition: all .3s ease 0s;
-o-transition: all .3s ease 0s;
transition: all .3s ease 0s;
border-radius: 7px;
text-align: center;
padding: 0
}
.style-two .featur ul {
padding: 0
}
.style-two .featur ul li {
display: block;
font-size: 16px;
padding: 7px 0;
text-transform: none;
-webkit-transition: all .3s ease 0s;
-o-transition: all .3s ease 0s;
transition: all .3s ease 0s;
text-transform: capitalize;
font-weight: 300
}
.style-two .featur ul li b {
font-weight: 600
}
.style-two .featur ul li:last-child {
padding-bottom: 0
}
.style-two .order_now {
-webkit-transition: all .3s ease 0s;
-o-transition: all .3s ease 0s;
transition: all .3s ease 0s;
margin-top: 34px
}
.style-two .order_now a {
display: inline-block;
font-size: 18px;
font-weight: 400;
padding: 13px 37px;
position: relative;
text-transform: capitalize;
-webkit-transition: all .3s ease 0s;
-o-transition: all .3s ease 0s;
transition: all .3s ease 0s;
color: #0c5adb;
border: 1px solid #0c5adb;
border-radius: 0
}
.style-two.single_pricing:hover .order_now a {
background: #0c5adb;
color: #fff
}
.gradient .pricing_top_bar {
position: relative;
background: linear-gradient(to bottom, #1f2a6c, #40497c, #ac616c, #c45969, #e94d65) !important;
padding-top: 25px
}
.gradient .order_now a {
color: #e94d65;
border: 1px solid #e94d65
}
.gradient .single_pricing:hover .order_now a {
background: linear-gradient(to right, #38406e, #565b76, #ac616c, #c45969, #e94d65) !important
}
.single_pricing.style-three {
-webkit-transition: all .3s ease 0s;
-o-transition: all .3s ease 0s;
transition: all .3s ease 0s;
padding: 35px 40px 50px;
position: relative;
z-index: 1;
overflow: hidden;
text-align: center;
box-shadow: 0px 0px 30px rgba(0, 0, 0, .1);
border: 0;
border-radius: 0
}
.single_pricing.style-three .pricing_title h3 {
font-size: 22px;
padding-bottom: 0;
color: #232323
}
.single_pricing.style-three .price_item {
margin-bottom: 0
}
.single_pricing.style-three .price_item span {
color: #232323
}
.single_pricing.style-three .curencyp {
top: -25px
}
.style-three .featur {
border: 0
}
.style-three .featur ul {
padding: 11px 0 6px
}
.single_pricing.style-three.active {
background: #0c5adb;
padding: 58px 40px 69px;
margin-top: -18px
}
.single_pricing.style-three.active .pricing_title h3 {
color: #fff
}
.single_pricing.style-three.active .price_item span {
color: #fff
}
.single_pricing.style-three.active .featur ul li {
color: #fff
}
.single_pricing.style-three:hover .order_now a,
.single_pricing.style-three.active .order_now a {
background: #0c5adb
}
div.wpcf7-response-output {
margin: 0
}
.footer-address {
padding-top: 0
}
.footer-widget.address,
.footer-widget.address p {
font-size: 16px;
color: #f4f6fe
}
.footer-sociala-info {
overflow: hidden
}
.footer-logo {
margin-bottom: 18px;
margin-top: 19px
}
.footer_s_inner {
margin-top: 0;
margin-bottom: 0
}
.footer-sociala-icon {
clear: both;
float: left;
font-size: 26px;
margin-right: 17px;
overflow: hidden;
color: #0c5adb;
display: none
}
.recent-post-item {
clear: both;
overflow: hidden;
margin-bottom: 14px;
border-bottom: 1px solid #e8e8e8;
padding-bottom: 0
}
.recent-post-image {
float: left;
margin-right: 25px
}
.recent-post-image a {
display: inline-block
}
.recent-post-text {
margin-top: 0;
overflow: hidden
}
.recent-post-text .rcomment i {
margin-right: 5px
}
.footer-middle .post-date {
display: block
}
.footer-middle .recent-post-item + .recent-post-item {
margin-top: 0;
margin-bottom: 10px
}
::-webkit-input-placeholder {
color: #666;
font-size: 17px
}
::-moz-placeholder {
color: #666;
font-size: 17px
}
:-ms-input-placeholder {
color: #666;
font-size: 17px
}
:-moz-placeholder {
color: #666;
font-size: 17px
}
.mc4wp-form-fields input::-moz-placeholder {
color: #6c757d;
font-size: 17px
}
.mc4wp-form-fields ::-webkit-input-placeholder {
color: #6c757d !important;
font-size: 17px
}
.mc4wp-form-fields ::-moz-placeholder {
color: #6c757d !important;
font-size: 17px
}
.mc4wp-form-fields :-ms-input-placeholder {
color: #6c757d !important;
font-size: 17px
}
.mc4wp-form-fields :-moz-placeholder {
color: #6c757d !important;
font-size: 17px
}
.quote_form input::-moz-placeholder {
color: #fff;
font-size: 17px
}
.quote_form ::-webkit-input-placeholder {
color: #fff !important;
font-size: 16px;
font-weight: 400
}
.quote_form ::-moz-placeholder {
color: #fff !important;
font-size: 16px;
font-weight: 400
}
.quote_form :-ms-input-placeholder {
color: #fff !important;
font-size: 16px;
font-weight: 400
}
.quote_form :-moz-placeholder {
color: #fff !important;
font-size: 16px;
font-weight: 400
}
.mailchim-form-inner {
width: 100%;
background: #fff;
border-radius: 15px;
padding: 33px 190px 40px;
overflow: hidden;
background: #0c5adb
}
.dark-version .mailchim-form-inner {
background: #181b2d
}
.mailchim-form-inner .widgettitle {
font-size: 31px;
font-weight: 700;
padding-bottom: 25px;
text-align: center;
text-transform: capitalize;
color: #fff
}
.mc4wp-form-fields p {
position: relative;
color: #5e629c;
font-size: 16px
}
.footer-middle .mc4wp-form-fields p {
color: #a0a1a2
}
.mc4wp-form-fields p {
position: relative;
color: #333;
text-align: center
}
.mc4wp-form-fields p label {
font-size: 16px;
font-weight: 700;
margin: 15px 0
}
.mc4wp-form-fields input,
.mc4wp-form-fields textarea {
font-size: 14px;
height: 65px;
padding: 5px 25px;
position: relative;
width: 100%;
background: #f6f6fc;
border: 0;
border-radius: 0;
margin-bottom: 14px;
margin: auto;
border: 0;
border-radius: 15px
}
.mc4wp-form-fields textarea {
height: 80px
}
.mc4wp-form-fields button {
text-align: center;
-webkit-transition: all .4s ease 0s;
-o-transition: all .4s ease 0s;
transition: all .4s ease 0s;
border: medium none;
border-radius: 15px;
background: #0c5adb;
color: #5451c1;
display: block;
color: #fff;
font-weight: 500;
text-transform: capitalize;
text-align: center;
margin: auto;
padding: 6px 43px;
position: absolute;
right: 7px;
top: 50%;
height: 80%;
display: inline-block;
-webkit-transform: translateY(-50%);
-ms-transform: translateY(-50%);
transform: translateY(-50%)
}
.mc4wp-form-fields button:hover {
-webkit-box-shadow: 0px 10px 20px 0px rgba(0, 0, 0, .15);
box-shadow: 0px 10px 20px 0px rgba(0, 0, 0, .15)
}
.mc4wp-form-fields input:focus,
.mc4wp-form-fields textarea: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)
}
.mc4wp-form-fields i {
margin-right: 10px;
color: #000
}
.form-area.apppontment-form {
background: #fff;
padding: 32px 50px 9px;
border-radius: 7px;
box-shadow: 0 2px 4px 0 rgba(0, 0, 0, .12)
}
.apointment-form-title {
text-align: center;
margin-bottom: 30px
}
.apointment-form-title h2 {
font-size: 25px
}
.form-area.apppontment-form .button {
padding: 14px 39px;
border-radius: 4px;
width: 100%
}
.techno-single-blog_adn {
margin-bottom: 30px;
overflow: hidden;
text-align: left;
-webkit-transition: all .3s ease-in-out 0s;
-o-transition: all .3s ease-in-out 0s;
transition: all .3s ease-in-out 0s;
background: #fff;
border: 1px solid #ebebeb
}
.dark-version .techno-single-blog_adn {
background: #0b0e3c;
border: 1px solid rgba(255, 255, 255, .1)
}
.techno-single-blog_adn:hover {
-webkit-box-shadow: 0 5px 30px rgba(0, 0, 0, .2);
box-shadow: 0 5px 30px rgba(255, 255, 255, .2) !important
}
.blog_adn_thumb_inner {
position: relative
}
.techno-blog-thumb_adn {
overflow: hidden;
position: relative
}
.techno-blog-thumb_adn a {
position: relative
}
.techno-blog-thumb_adn a {
display: block
}
.em-blog-content-area_adn {
overflow: hidden;
padding: 25px 30px 25px
}
.blog-page-title_adn h2 {
font-size: 21px;
margin: 10px 0 7px;
line-height: 1.2
}
.blog-page-title_adn a {
margin-bottom: 0;
text-transform: none;
-webkit-transition: all .5s ease 0s;
-o-transition: all .5s ease 0s;
color: #232323;
font-weight: 700
}
.blog-page-title_adn a:hover {
color: #0c5adb
}
.blog-content_adn h2 a {
font-size: 15px;
font-weight: 700;
text-transform: uppercase
}
.blog-content_adn h2 a:hover {
color: #0c5adb
}
.blog-content_adn p {
margin: 16px 0 15px
}
.blog-page-title_adn2 {
position: absolute;
left: 0;
right: 0;
bottom: 0;
text-align: center;
z-index: 9999
}
.blog-page-title_adn2 h2 {
margin: 0;
background: rgba(0, 0, 0, .72);
padding: 15px;
color: #fff;
-webkit-transition: .5s;
-o-transition: .5s;
transition: .5s
}
.blog-page-title_adn2 h2 a {
color: #fff
}
.techno-blog-meta_adn {
border-top: 1px solid #0c5adb;
margin-top: 18px;
padding-top: 11px
}
.techno-blog-meta-left_adn a,
.techno-blog-meta-left_adn span {
color: #595555;
font-size: 15px;
margin-right: 16px;
text-transform: capitalize;
-webkit-transition: .3s;
-o-transition: .3s;
transition: .3s;
display: inline-block;
text-decoration: none;
position: relative
}
.techno-blog-meta-left_adn a:before {
position: absolute;
content: "";
right: -11px;
width: 1px;
height: 18px;
background: #595555;
top: 5px
}
.techno-blog-meta-left_adn i {
margin-right: 0;
color: #333
}
.blog_nospace_adn.col-xs-12 {
padding: 0
}
.blog_nospace_adn .techno-single-blog {
margin-bottom: 0
}
.btn-link {
font-weight: 500;
color: #616161;
font-size: 16px;
font-family: 'Raleway-Regular';
}
.btn-link:hover {
text-decoration: none;
color: #0c5adb
}
.btn-link i {
margin-left: 5px
}
.techno-blog-meta-top {
position: absolute;
left: 30px;
top: 30px
}
.techno-blog-meta-top li {
display: inline-block
}
.techno-blog-meta-top li a {
display: inline-block;
background: #0c5adb;
padding: 0 16px;
line-height: 19px;
font-size: 10px;
text-transform: uppercase;
font-weight: 700;
color: #fff;
border-radius: 5px
}
@media (max-width:767px) {
body {
overflow-x: hidden
}
.techno-header-top {
display: none
}
.mean-container .mean-bar:before {
text-transform: uppercase;
top: 19px
}
.mean-container a.meanmenu-reveal {
padding: 19px 20px 18px
}
}
.banner-area .btn {
-moz-user-select: none;
background: #1999ff;
border-radius: 5px;
color: #fff;
cursor: pointer;
display: inline-block;
font-size: 17px;
font-weight: 500;
line-height: 1;
padding: 19px 32px;
text-align: center;
-webkit-transition: all .3s ease 0s;
-o-transition: all .3s ease 0s;
transition: all .3s ease 0s;
-webkit-box-shadow: none;
box-shadow: none;
margin-top: 20px;
margin-right: 10px;
letter-spacing: 1px
}
.banner-area .active .btn {
background: #00247e;
-webkit-box-shadow: none;
box-shadow: none;
border: 1px solid #00247e
}
.btn i {
margin-left: 7px
}
.btn-sm {
font-size: 12px;
letter-spacing: 1px;
padding: 12px 20px
}
.btn.btn-bordered {
background: transparent none repeat scroll 0 0;
border: 2px solid #0c5adb;
color: #0c5adb;
padding-bottom: 11px;
padding-top: 11px
}
.btn.btn-lg.btn-bordered {
padding-bottom: 16px;
padding-top: 16px
}
.btn.btn-sm.btn-bordered {
padding-bottom: 8px;
padding-top: 8px
}
.btn-icon i {
font-size: 10px;
left: 0;
position: relative;
-webkit-transition: all .3s ease-in-out 0s;
-o-transition: all .3s ease-in-out 0s;
transition: all .3s ease-in-out 0s
}
.btn-icon:hover i {
left: 2px
}
.banner-area .btn:hover {
background-color: #31456d;
color: #fff;
border: 1px solid #31456d
}
.banner-area .active .btn:hover {
background-color: #1999ff;
color: #fff;
border: 1px solid #1999ff
}
#hover-button:hover{
background-color: #1999ff;
color: #fff;
border: 1px solid #1999ff
}
#hover-button{
background: transparent;
border: 1px solid white;
text-transform: uppercase;
}
.button2{
background: transparent;
border: 1px solid white;
display: inline-block;
text-align: center;
padding: 14px 39px;
border-radius: 7px;
-webkit-transition: .3s;
-o-transition: .3s;
transition: .3s;
color: #fff;
text-transform: uppercase;
}
.button2:hover{
background-color: #1999ff;
color: #fff;
border: 1px solid #1999ff
}
#hover-button:hover2{
background-color: #1999ff;
color: #fff;
border: 1px solid #1999ff
}
#but-hover:hover{
background-color: #31456d !important;
color: #fff;
border: 1px solid #31456d
}
.btn.btn-bordered:hover {
background-color: #0c5adb;
color: #fff
}
.button-group {
margin-top: 30px
}
.button-group a {
margin-right: 25px
}
.button-group a:last-child {
margin-right: 0
}
.bottom-img {
position: absolute;
bottom: -8px;
width: 100%
}
.banner-slider-area {
height: 800px;
padding: 0;
position: relative
}
.banner-slider-content h1 {
font-size: 65px;
font-weight: 800;
margin: 0;
line-height: 1.1
}
.banner-slider-content h2 {
margin: 0;
font-size: 65px;
font-weight: 800;
line-height: 1.1
}
.banner-slider-content p {
width: 54%;
margin: 20px 0 32px;
font-size: 18px
}
.banner-slider-content .b-batton.active {
float: left;
margin-right: 13px
}
.banner-slider-content .btn {
color: #fff;
background: #0c5adb;
font-size: 16px;
display: inline-block;
letter-spacing: 0px;
padding: 13px 40px;
border-radius: 4px;
transition: .3s;
font-weight: 500
}
.banner-slider-content .btn:hover {
background: #00247e;
color: #fff
}
.scroll-next {
bottom: 10px;
left: 0;
position: absolute;
right: 0;
z-index: 1
}
.scroll-next > a {
border-radius: 20px;
display: inline-block;
height: 30px;
width: 30px;
position: relative
}
.scroll-next i {
color: #0c5adb;
font-size: 40px;
left: 0;
position: absolute;
right: 0;
top: 0
}
#parallax {
position: relative
}
.slider-shape {
position: absolute !important
}
.layer-1 {
top: 12% !important;
left: 8% !important
}
.layer-2 {
top: 53% !important;
left: 6% !important
}
.layer-3 {
top: 87% !important;
left: 16% !important
}
.layer-4 {
top: 54% !important;
left: 74% !important;
opacity: .09
}
.layer-5 {
top: 24% !important;
left: 13% !important;
opacity: .03
}
.area-padding {
padding: 30px
}
.t-slider-shape {
position: absolute !important;
opacity: .4
}
.s-layer-1 {
top: 53% !important;
left: 7% !important
}
.s-layer-2 {
top: 73% !important;
left: 13% !important;
opacity: .2
}
.s-layer-3 {
top: 75% !important;
left: 39% !important
}
.s-layer-4 {
top: 82% !important;
left: 24% !important
}
@-webkit-keyframes second-heartbeat {
to {
-webkit-transform: scale(1.05);
transform: scale(1.05)
}
}
@keyframes second-heartbeat {
to {
-webkit-transform: scale(1.05);
transform: scale(1.05)
}
}
.slider-video-icon a {
text-align: center;
display: inline-block;
position: relative
}
.slider-style-seven .slider-video-icon a {
border-radius: 0
}
.single-video .layer-1 {
top: -20% !important;
left: -158px !important;
z-index: -1
}
.single-video .layer-2 {
top: -47% !important;
left: 36% !important;
z-index: -1
}
.single-video .layer-3 {
top: 109% !important;
left: -12% !important;
z-index: -1
}
.single-video {
position: relative;
text-align: center;
margin-left: 190px
}
.single-video .layer-4 {
top: 83% !important;
left: inherit !important;
right: -126px;
z-index: -1;
opacity: 1
}
.single-video .layer-1 img,
.single-video .layer-2 img,
.single-video .layer-3 img,
.single-video .layer-4 img {
-webkit-animation: alltuchtopdown 1.5s ease-in-out 0s infinite alternate;
animation: alltuchtopdown 1.5s ease-in-out 0s infinite alternate;
-webkit-animation-duration: 2.5s;
animation-duration: 2.5s
}
.about-video.single-video {
position: relative;
text-align: left;
margin-left: 0
}
.about-video.single-video .layer-1,
.about-video.single-video .layer-2,
.about-video.single-video .layer-3,
.about-video.single-video .layer-4 {
display: none
}
.style_two.single-video {
position: relative;
text-align: center;
margin-left: 0
}
.em-slick-slider-new {
background: rgba(0, 0, 0, 0) none repeat scroll 0 0;
height: auto;
position: relative;
z-index: 0
}
.em-slick-slider-new .single-slide {
height: 650px;
position: relative
}
.em-slick-slider-new .single-slide.slider-style-six {
height: 700px;
position: relative
}
.em-slick-slider-new .single-slide.slider-style-seven {
/* height: 950px ; */
position: relative
}
@media screen and (min-width: 2000px) and (orientation: landscape) {
.em-slick-slider-new .single-slide.slider-style-seven {
height: 1320px;
position: relative
}
}
@media (min-width: 1880px) and (max-width: 1920px) {
.em-slick-slider-new .single-slide.slider-style-seven {
height: 950px;
position: relative
}
}
@media (min-width: 1440px) and (max-width: 1880px) {
.em-slick-slider-new .single-slide.slider-style-seven {
height: 900px;
position: relative
}
}
@media (min-width: 1280px) and (max-width: 1440px) {
.em-slick-slider-new .single-slide.slider-style-seven {
height: 750px;
position: relative
}
}
@media (min-width: 1000px) and (max-width: 1280px) {
.em-slick-slider-new .single-slide.slider-style-seven {
height: 600px;
position: relative
}
}
.em-slick-slider-new .slide-one-bg {
background: rgba(0, 0, 0, 0) no-repeat scroll center center/cover
}
.em-slick-slider-new .slide-two-bg {
background: rgba(0, 0, 0, 0) no-repeat scroll center center/cover
}
.em-slick-slider-new .slide-three-bg {
background: rgba(0, 0, 0, 0) no-repeat scroll center center/cover
}
.em-slick-slider-new .banner-content {
left: 0;
position: absolute;
text-align: center;
top: 50%;
-webkit-transform: translateY(-50%);
-ms-transform: translateY(-50%);
transform: translateY(-50%);
margin: auto
}
.it-startup .em-slick-slider-new .single-slide {
height: 770px
}
.slider-style-eight.single-slide {
background: #090218
}
.slider-style-eight.single-slide:before {
content: "";
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
background-image: url(http://webitkurigram.com/wp/techno/wp-content/uploads/2020/06/cyber-security-slider.png);
background-position: center center;
background-repeat: no-repeat;
background-size: cover;
-webkit-animation: FocuS 1s linear 1s infinite;
animation: FocuS 1s linear 1s infinite
}
@keyframes FocuS {
0% {
opacity: 0
}
75% {
opacity: 1
}
100% {
opacity: 0
}
}
.slick-prev,
.slick-next {
font-size: 0;
line-height: 0;
position: absolute;
top: 50%;
display: block;
width: 20px;
height: 20px;
padding: 0;
-webkit-transform: translate(0, -50%);
-ms-transform: translate(0, -50%);
transform: translate(0, -50%);
cursor: pointer;
color: transparent;
border: none;
outline: none;
background: 0 0
}
.slick-prev,
.slick-next {
background-color: transparent;
border-radius: 100%;
-webkit-box-shadow: 0 0 5px rgba(0, 0, 0, .1);
height: 60px;
top: 50%;
-webkit-transform: translate(0px, -50%);
-ms-transform: translate(0px, -50%);
transform: translate(0px, -50%);
width: 60px;
z-index: 1;
-webkit-transition: all .3s ease 0s;
-o-transition: all .3s ease 0s;
transition: all .3s ease 0s;
line-height: 55px;
color: #fff;
border: 2px solid #fff
}
.em-slick-slider-new .slick-prev {
left: -57px
}
.em-slick-slider-new .slick-next {
right: -57px
}
.em-slick-slider-new:hover .slick-prev {
left: 50px
}
.em-slick-slider-new:hover .slick-next {
right: 50px
}
.slick-prev:before,
.slick-next:before {
color: #fff;
font-size: 25px;
-webkit-transition: all .3s ease 0s;
-o-transition: all .3s ease 0s;
transition: all .3s ease 0s;
content: "\f104";
font-family: FontAwesome
}
.slick-next:before {
content: "\f105";
font-family: FontAwesome
}
.slick-prev:hover,
.slick-prev:focus,
.slick-next:hover,
.slick-next:focus {
background-color: rgba(255, 255, 255, .2);
color: #fff;
border: 2px solid #d3d3d3
}
.slick-prev:hover:before,
.slick-prev:focus:before,
.slick-next:hover:before,
.slick-next:focus:before {
color: #fff
}
.em-slick-slider-new .slick-dots {
bottom: 35px;
position: absolute;
text-align: center;
-webkit-transform: translateX(-50%);
-ms-transform: translateX(-50%);
transform: translateX(-50%);
left: 50%
}
.slick-dots {
bottom: -30px
}
.slick-dots li {
position: relative;
display: inline-block;
width: 20px;
height: 20px;
margin: 0 5px;
padding: 0;
cursor: pointer
}
.slick-dots li {
height: 5px;
margin: 0 3px;
width: 20px
}
.slick-dots li button {
background-color: #fff;
border: 0 none;
height: 13px;
padding: 0;
text-indent: -99999px;
width: 13px;
border-radius: 100%
}
.slick-dots .slick-active button {
background-color: #0c5adb
}
.bnrsk:after {
background-color: rgba(0, 0, 0, .0)
}
.em_slick_testimonial .slick-dots li button {
background-color: #333
}
.em_slick_testimonial .slick-dots .slick-active button {
background-color: #0c5adb
}
.em-image-sliderslick .slick-prev,
.em-image-sliderslick .slick-next,
.em-image-sliderslick .slick-dots li button {
opacity: 0;
-ms-filter: "alpha(opacity=0)"
}
.em-image-sliderslick:hover .slick-prev,
.em-image-sliderslick:hover .slick-next,
.em-image-sliderslick:hover .slick-dots li button {
opacity: 1;
-ms-filter: "alpha(opacity=100)"
}
.em-slick-slider-new.em-image-sliderslick .slick-dots {
bottom: 20px;
position: relative
}
.em-slick-slider-new.em-image-sliderslick .slick-dots li button {
background-color: #000
}
.em-slick-slider-new.em-image-sliderslick .slick-dots .slick-active button {
background-color: #0c5adb
}
.em-testi-content.slick-slide:focus,
.em-testi-content.slick-slide:active {
color: #fff;
background-color: #fff
}
.em-slick-testi-wraper .slick-active .em_testi_title_ar {
opacity: 0;
-ms-filter: "alpha(opacity=0)"
}
.em-slick-testi-wraper .slick-active.slick-current .em_testi_title_ar {
opacity: 1;
-ms-filter: "alpha(opacity=100)"
}
.about-image-slider .em-slick-slider-new .slick-prev {
left: 0
}
.about-image-slider .em-slick-slider-new .slick-next {
right: 0
}
.about-image-slider .em-image-sliderslick .slick-prev,
.about-image-slider .em-image-sliderslick .slick-next,
.about-image-slider .em-image-sliderslick .slick-dots li button {
opacity: 1;
-ms-filter: "alpha(opacity=0)"
}
.about-image-slider .slick-prev,
.about-image-slider .slick-next {
border-radius: 0;
height: 47px;
line-height: 47px;
color: #fff !important;
background: rgba(0, 0, 0, .6)
}
.about-image-slider .slick-prev:before,
.about-image-slider .slick-next:before {
color: #fff
}
.about-image-slider .em-image-sliderslick:hover .slick-prev,
.about-image-slider .em-image-sliderslick:hover .slick-next {
background: #0c5adb;
color: #fff
}
.effective-area {
min-height: 950px;
padding: 0;
position: relative
}
.effective-area.overlay-white:after,
.effective-area .overlay-dark:after {
background-color: rgba(0, 0, 0, 0);
content: "";
height: 100%;
left: 0;
position: absolute;
right: 0;
top: 0;
width: 100%;
z-index: -1
}
.overlay-white:after {
background-color: rgba(0, 0, 0, 0)
}
.effective-content {
left: 0;
margin: 0 auto;
position: absolute;
right: 0;
top: 50%;
-webkit-transform: translateY(-50%);
-ms-transform: translateY(-50%);
transform: translateY(-50%);
z-index: 1
}
.effective-content h1 {
font-size: 17px;
font-weight: 500;
margin-bottom: 30px;
color: #fff
}
.effective-content h2 {
color: #fff;
font-size: 65px;
text-transform: uppercase;
margin: 0;
padding: 25px 0 0
}
.effective-content > h5 {
color: #fff;
font-size: 26px;
font-weight: 600;
text-transform: uppercase
}
.effective-content p {
font-size: 18px;
margin: 13px auto 32px;
width: 41%;
color: #fff
}
.effective-area .btn {
margin-top: 30px
}
.scroll-next {
bottom: 10px;
left: 0;
position: absolute;
right: 0;
z-index: 1
}
.scroll-next > a {
border-radius: 20px;
display: inline-block;
height: 30px;
width: 30px;
position: relative
}
.scroll-next i {
color: #fff;
font-size: 40px;
left: 0;
position: absolute;
right: 0;
top: -106px
}
.effective_icon_inner {
margin-top: 26px
}
.effective_icon_inner a {
display: inline-block;
font-size: 19px;
color: #fff;
margin: 0 10px
}
.effective_slider_btn a {
padding: 14px 36px;
background: #0c5adb;
color: #fff;
-webkit-transition: .5s;
-o-transition: .5s;
transition: .5s;
font-weight: 600;
text-transform: uppercase;
border-radius: 4px;
display: inline-block;
margin: 0 9px
}
.effective_slider_btn a:hover {
background: #fff;
color: #0c5adb
}
.portfolio-details-box li {
border-bottom: 1px solid #ddd;
font-size: 18px;
font-weight: 300;
padding: 13px 0;
text-transform: capitalize;
list-style: none
}
.portfolio-details-box li:last-child {
border-bottom: 0 none
}
.portfolio-details-box li span {
color: #333;
display: inline-block;
font-weight: 700;
margin-right: 15px;
text-transform: uppercase;
width: 170px
}
.portfolio-details-box li:first-child {
padding-top: 0
}
.portfolio-details-box ul {
margin-bottom: 20px
}
.portfolio-description {
margin-top: 50px
}
.portfolio-description > p {
font-size: 18px
}
.projects-navigation-wrap {
margin-top: 50px
}
.projects-navigation-wrap a {
font-family: 'Raleway', sans-serif;
font-size: 14px;
text-transform: uppercase
}
.pr-title h2 {
font-size: 27px;
text-transform: capitalize;
padding-top: 10px
}
.prot_content.multi_gallery {
width: 75%;
margin: auto
}
.abtext em {
color: #444;
font-weight: 600
}
.abtext ol {
padding-left: 15px
}
.abtext ol li {
font-weight: 600;
line-height: 30px
}
.single-video {
position: relative;
text-align: center
}
.single-video h3 {
color: #fff;
font-size: 25px;
font-weight: 600;
margin-bottom: 0;
padding-top: 26px;
letter-spacing: 3px
}
.video-icon a {
text-align: center;
display: inline-block;
position: relative;
z-index: 99
}
.video-icon a:before {
content: "";
position: absolute;
left: 50%;
top: 50%;
height: 99px;
width: 99px;
background: rgba(12, 90, 219, 1);
z-index: -1;
border-radius: 50%;
-webkit-transform: translate(-50%, -50%);
-ms-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
-webkit-animation: pulse-border 1.5s ease-out infinite;
animation: pulse-border 1.5s ease-out infinite
}
@keyframes pulse-border {
0% {
-webkit-transform: translateX(-50%) translateY(-50%) translateZ(0) scale(1);
transform: translateX(-50%) translateY(-50%) translateZ(0) scale(1);
opacity: 1
}
100% {
-webkit-transform: translateX(-50%) translateY(-50%) translateZ(0) scale(1.5);
transform: translateX(-50%) translateY(-50%) translateZ(0) scale(1.5);
opacity: 0
}
}
.video-icon a i {
background: #fff;
height: 90px;
width: 90px;
top: 50%;
left: 0;
right: 0;
margin: auto;
text-align: center;
border-radius: 50%;
line-height: 90px;
color: #0c5adb;
font-size: 26px;
position: relative
}
.v-overlay .video-icon a i {
border: 0 solid #fff;
font-size: 30px
}
.video-icon {
left: 50%;
position: absolute;
top: 51%;
-webkit-transform: translateX(-50%) translateY(-50%);
-ms-transform: translateX(-50%) translateY(-50%);
transform: translateX(-50%) translateY(-50%)
}
.slick-list {
overflow: visible !important;
position: relative
}
.team_cursousel_slider .slick-list {
overflow: hidden !important;
position: relative
}
.em-slick-slider-new .banner-content {
left: 20%;
position: absolute;
text-align: left;
top: 50%;
-webkit-transform: translateY(-50%);
-ms-transform: translateY(-50%);
transform: translateY(-50%);
margin: auto;
width: 100%;
z-index: 999
}
.em-slick-slider-new .slider-style-seven .banner-content {
/*top: 40%*/
}
.em-slick-slider-new .text-center .banner-content {
left: 0;
margin: auto;
right: 0;
margin: auto;
text-align: center !important
}
.banner-slick.banner-content h1 {
font-family: 'Raleway-Bold';
font-size: 65px;
text-transform: none;
font-weight: 800;
color: #fff;
margin: 0;
margin: 0;
line-height: 1.1
}
.banner-slick.banner-content h2 {
font-size: 65px;
text-transform: none;
font-weight: 800;
color: #fff;
margin: 0;
margin: 0;
line-height: 1.1
}
.banner-slick.banner-content h3 {
font-size: 65px;
text-transform: none;
font-weight: 800;
color: #fff;
margin: 0;
margin-bottom: 20px;
line-height: 1.1
}
.banner-content h3 img {
display: inline-block;
}
.banner-content.banner-slick.banner-content h4 {
font-size: 20px;
text-transform: uppercase;
color: #fff;
font-weight: 600;
letter-spacing: 0;
margin: 0 0 24px;
letter-spacing: 1px
}
.banner-slick.banner-content.banner-content p {
width: 29%;
text-align: left;
color: #fff;
margin: 16px 0 26px;
font-size: 18px
}
.hero.banner-slick.banner-content h1,
.hero.banner-slick.banner-content h2,
.hero.banner-slick.banner-content h3,
.hero.banner-slick.banner-content h4,
.hero.banner-slick.banner-content p {
color: #000;
}
.text-center .banner-slick.banner-content.banner-content p {
text-align: center;
margin: 20px auto 26px
}
.banner-slick .b-batton {
display: inline-block;
}
.slick-style-two .banner-slick .b-batton {
float: left
}
.slider-video-icon {
display: inline-block;
padding-top: 14px
}
.slider-video-icon span {
color: #fff;
font-family: 'Raleway-Regular';
font-weight: 600;
margin-left: 22px;
font-size: 18px
}
.slider_single_img {
position: absolute;
top: -176px;
right: 34%
}
.slider_single_img {
position: absolute;
top: -198px;
right: 20%
}
.slider_single_img img {
width: 300px;
opacity: .6
}
.slider_single_img img {
-webkit-animation: alltuchtopdown 1.5s ease-in-out 0s infinite alternate;
animation: alltuchtopdown 1.5s ease-in-out 0s infinite alternate;
-webkit-animation-duration: 2.5s;
animation-duration: 2.5s
}
.single-slide:before {
position: absolute;
content: "";
left: 0;
top: 0;
width: 100%;
height: 100%;
background: rgba(0, 0, 0, .0)
}
@keyframes alltuchtopdown {
0% {
-webkit-transform: rotateX(0deg) translateY(0px);
-ms-transform: rotateX(0deg) translateY(0px);
transform: rotateX(0deg) translateY(0px)
}
50% {
-webkit-transform: rotateX(0deg) translateY(-20px);
-ms-transform: rotateX(0deg) translateY(-20px);
transform: rotateX(0deg) translateY(-20px)
}
100% {
-webkit-transform: rotateX(0deg) translateY(0px);
-ms-transform: rotateX(0deg) translateY(0px);
transform: rotateX(0deg) translateY(0px)
}
}
@-webkit-keyframes alltuchtopdown {
0% {
-webkit-transform: rotateX(0deg) translateY(0px);
-ms-transform: rotateX(0deg) translateY(0px);
transform: rotateX(0deg) translateY(0px)
}
50% {
-webkit-transform: rotateX(0deg) translateY(-20px);
-ms-transform: rotateX(0deg) translateY(-20px);
transform: rotateX(0deg) translateY(-20px)
}
100% {
-webkit-transform: rotateX(0deg) translateY(0px);
-ms-transform: rotateX(0deg) translateY(0px);
transform: rotateX(0deg) translateY(0px)
}
}
.slick-style-two .slider_single_img {
position: absolute;
top: 41px;
right: 9%;
z-index: 999
}
.slick-style-two .slider_single_img img {
width: 97%;
opacity: 1
}
.slick-style-two .slider_single_img img {
-webkit-animation: none;
animation: none
}
.slider-style-eight .slider_single_img img {
width: 67%;
opacity: 1
}
.slider_circle_img.rotateme {
position: absolute;
right: 50px;
top: 0
}
.slick-style-three .slider_circle_img.rotateme {
position: absolute;
right: inherit;
top: 33px;
left: -415px
}
.slider-style-eight .slider_single_img {
position: absolute;
top: -118px;
right: 16%
}
.rotateme {
-webkit-animation-name: rotateme;
animation-name: rotateme;
-webkit-animation-duration: 20s;
animation-duration: 20s;
-webkit-animation-iteration-count: infinite;
animation-iteration-count: infinite;
-webkit-animation-timing-function: linear;
animation-timing-function: linear
}
@keyframes rotateme {
from {
-webkit-transform: rotate(0deg);
transform: rotate(0deg)
}
to {
-webkit-transform: rotate(360deg);
transform: rotate(360deg)
}
}
@-webkit-keyframes rotateme {
from {
-webkit-transform: rotate(0deg)
}
to {
-webkit-transform: rotate(360deg)
}
}
.mean-container .mean-bar:before {
text-transform: uppercase
}
.footer-logo img {
margin-bottom: 40px
}
#foot-menu{
margin-left: 50%;
}
#copyright{
display: inline-flex;
justify-content: space-between;
}
@media only screen and (max-width:479px) {
#foot-menu{
margin-left: 0% ;
}
#cont-mob {
margin-left: -12%;
}
.kc-css-452117{
padding-top:30px;
}
#hover-button:hover{
background-color: #31456d;
color: #fff;
}
#hover-button{
background: #1999ff;
text-transform: uppercase;
}
.banner-slick.banner-content h1{
color:#1999ff;
}
.kc-css-488033{
padding-top:20px;
}
#copyright{
display:block;
text-align: center;
}
}
.mc4wp-alert.mc4wp-error a,
.mc4wp-alert.mc4wp-error p {
color: #0c5adb !important
}
span.wpcf7-not-valid-tip {
text-align: left
}
.footer-middle .widget.widget_archive .widget-title {
margin-bottom: 34px !important;
margin-top: 28px !important
}
.footer-middle .widget.widget_search .widget-title {
margin-top: 25px !important
}
.footer-middle .widget.widget_tag_cloud .widget-title {
margin-bottom: 20px !important
}
.footer-middle .widget.widget_text p img {
margin-top: 10px !important;
margin-bottom: 6px !important
}
.blog-left-side .widget.widget_text p img {
margin-top: 10px !important;
margin-bottom: 6px !important
}
.blog-left-side .widget.widget_text .wp-caption {
margin-bottom: 0
}
.blog-left-side .widget.widget_archive .widget h2 {
padding-bottom: 19px !important
}
.footer-middle table#wp-calendar td#today a {
color: #fff !important
}
.footer-middle table#wp-calendar th {
color: #e3e3e3
}
.blog-left-side .widget h2 {
margin-top: 0
}
.footer-middle #archives-dropdown--1 {
height: 34px;
width: 100%
}
.widget.widget_categories select {
width: 100%;
height: 34px
}
.widget .screen-reader-text {
display: none
}
.search input {
width: 100%
}
.textwidget select {
width: 100%
}
.widget ul li:first-child {
padding-top: 0
}
.blog-left-side .widget ul li {
-webkit-transition: .3s;
-o-transition: .3s;
transition: .3s;
border-top: 1px solid #e8e8e8;
padding: 15px 0
}
.widget ul li:hover {
color: #0c5adb
}
.comment_field .textarea-field label {
margin-top: 20px;
margin-bottom: 10px
}
.blog-content {
word-break: break-word
}
.post-password-form input[type=submit] {
background: #0c5adb;
height: 40px;
width: 100px
}
.page-list-single {
clear: both
}
.blog-left-side .text-widget-about ul li {
border-top: 0;
padding: 0
}
.copyright-social ul li {
font-size: 16px;
display: inline
}
.copyright-social ul li a {
color: #f8f9fe;
font-size: 14px
}
.copyright-social ul .policy:after {
content: "/";
color: #f8f9fe;
padding-left: 10px;
padding-right: 10px
}
.nav-pills {
line-height: 45px;
margin: 0;
padding: 0;
text-align: center;
margin-bottom: 80px !important
}
.nav-pills > li {
float: left;
color: #fff;
border: 0;
margin: 0;
width: 23%;
background: #0c5adb;
margin-right: 15px
}
.nav-pills > li > a {
padding: 0 30px;
text-decoration: none;
outline: 0;
display: block;
line-height: 25px !important;
color: #fff !important;
font-size: 20px !important;
font-weight: 600 !important;
margin: 0;
padding: 20px 20px 19px !important;
border-radius: 0
}
.nav-pills > li.active > a,
.nav-pills > li.active > a:focus,
.nav-pills > li.active > a:hover {
color: #0c5adb !important;
background: #fff !important
}
.nav > li > a:focus,
.nav > li > a:hover {
text-decoration: none;
background-color: transparent !important
}
.nav-pills li i {
font-size: 30px;
display: block;
padding-bottom: 8px
}
.em_post_tab_thumb {
-webkit-box-shadow: 13px 10px 14px 3px rgba(12, 90, 219, .1);
box-shadow: 13px 10px 14px 3px rgba(12, 90, 219, .1);
border-radius: 10px
}
.em_post_tab_thumb img {
width: 100%;
border-radius: 10px
}
.tab_pan_content {
padding-left: 40px;
padding-top: 6px
}
.tab_pan_content h2 {
padding-bottom: 17px;
font-size: 24px;
margin-top: 0
}
.tab_pan_content .tab_desc {
margin-bottom: 17px
}
.tab_pan_content ul {
list-style: none;
margin: 26px 0 20px
}
.tab_pan_content ul li {
margin-bottom: 12px;
font-weight: 600;
font-family: 'Raleway-Regular';
font-size: 16px;
margin-left: 20px
}
.tab_pan_content ul li i {
color: #0c5adb;
margin-right: 7px
}
.tab_pan_content a {
display: inline-block;
font-size: 17px;
color: #fff;
background: #0c5adb;
border-radius: 6px;
padding: 16px 40px;
display: inline-block;
margin-top: 20px;
-webkit-transition: .3s;
-o-transition: .3s;
transition: .3s;
margin-right: 15px
}
a.active-tab-btn {
background: #00247e
}
.tab_pan_content a:hover {
background: #00247e
}
a.active-tab-btn:hover {
background: #0c5adb
}
@media (min-width:768px) {
.em_tab_inner .col-md-6 {
float: left
}
}
.tab_post_style2 .nav-pills {
border-bottom: 0 !important;
margin-bottom: 27px !important
}
.tab_post_style2 .nav-pills > li.active > a:before {
display: none
}
.tab_post_style2 .nav-pills li i {
font-size: 39px;
margin-bottom: 0;
color: #0c5adb;
width: 90px;
height: 90px;
line-height: 90px;
-webkit-box-shadow: 0 0 22px rgba(0, 0, 0, .15);
box-shadow: 0 0 22px rgba(0, 0, 0, .15);
border-radius: 100%;
margin-bottom: 10px;
-webkit-transition: .3s;
-o-transition: .3s;
transition: .3s
}
.tab_post_style2 .nav-pills > li i:hover,
.tab_post_style2 .nav-pills > li.active i {
background: #0c5adb;
color: #fff
}
.owl-dots {
position: absolute;
left: 50%;
bottom: -36px;
border-radius: 100%;
-webkit-transform: translateX(-50%);
-ms-transform: translateX(-50%);
transform: translateX(-50%)
}
.owl-dot {
background: #bfcadc;
height: 5px;
width: 25px;
display: inline-block !important;
margin: 0 3px;
border-radius: 50px;
-webkit-transition: .5s;
-o-transition: .5s;
transition: .5s
}
.owl-dot.active {
background: #0c5adb;
width: 35px
}
.case_study_carousel .owl-dots {
bottom: -60px
}
.techno-single-brand {
margin-bottom: 30px;
overflow: hidden;
-webkit-transition: .3s;
-o-transition: .3s;
transition: .3s;
text-align: center
}
.brand-thumb img {
-webkit-filter: contrast(0%);
filter: contrast(0%);
opacity: .7;
transition: all .3s linear;
-webkit-transition: all .3s linear;
-moz-transition: all .3s linear;
-o-transition: all .3s linear;
-ms-transition: all .3s linear
}
.techno-single-brand:hover .brand-thumb img {
webkit-filter: none;
filter: none;
opacity: 1
}
.techno-single-brand.style2 {
border: 0;
padding: 0;
-webkit-box-shadow: none;
box-shadow: none
}
.techno-single-brand.style2:hover {
margin-top: 0
}
.author.mt-120 {
background: #fff;
padding: 38px 38px 30px;
margin-top: 70px;
margin-bottom: 50px;
overflow: hidden;
-webkit-box-shadow: 0 3px 19px rgba(0, 0, 0, .08);
box-shadow: 0 3px 19px rgba(0, 0, 0, .08);
border-radius: 7px
}
.author.mt-120 p {
font-size: 16px;
overflow: hidden
}
.author-text h3 {
margin: 0 0 10px;
font-size: 25px
}
.author-text h3 a {
font-size: 24px;
text-transform: capitalize;
font-weight: 800;
color: #232323;
font-family: 'Raleway-Regular';
}
.author-img.text-center {
float: left;
margin-right: 30px
}
.author-img img {
border-radius: 100%
}
.author-icon {
margin-bottom: 26px
}
.author-icon a {
color: #9498b6;
font-size: 15px;
margin: 0 5px
}
.kc-google-maps iframe {
width: 100%;
height: 600px;
frameborder: 0;
border: 0
}
.kc_accordion_section.group {
padding-bottom: 20px !important
}
.acoading .kc_accordion_header > span.ui-accordion-header-icon {
float: left !important
}
.acoading .kc_accordion_header,
.acoading .kc_accordion_header > a {
overflow: hidden !important
}
.content-title {
-webkit-transition: .5s;
-o-transition: .5s;
transition: .5s
}
.logo a.retina-logo {
margin-top: 0 ;
}
#visa-type .content-image img {
width: 80px !important;
height: 80px !important
}
.footer-middle table#wp-calendar td {
color: #e3e3e3
}
.footer-middle #wp-calendar caption {
color: #e3e3e3
}
.footer-middle .wp-caption-text {
color: #e3e3e3
}
.footer-middle .textwidget p {
color: #e3e3e3
}
.kc_accordion_section.group {
padding-bottom: 20px !important
}
.acoading .kc_accordion_header > span.ui-accordion-header-icon {
float: left !important
}
.acoading .kc_accordion_header,
.acoading .kc_accordion_header > a {
overflow: hidden !important
}
.content-title {
-webkit-transition: .5s;
-o-transition: .5s;
transition: .5s
}
.logo a.retina-logo {
margin-top: 0
}
.em-service2.style-three.sright .em-service-icon {
margin-right: -70px
}
.em-service2.style-three.sleft .em-service-icon {
margin-left: -70px
}
#visa-type .content-image img {
width: 80px !important;
height: 80px !important
}
.menu-serivice-menu-container ul li {
padding: 19px 20px;
border: 1px solid #ddd;
border-bottom: none;
-webkit-transition: .3s;
-o-transition: .3s;
transition: .3s;
background: #fff
}
.menu-serivice-menu-container ul {
list-style: none;
padding: 0
}
.menu-serivice-menu-container ul li a {
display: block;
color: #555;
text-transform: uppercase;
font-weight: 500;
font-size: 15px
}
.widget .menu-serivice-menu-container ul li:first-child {
border-top: 1px solid #ddd;
padding-top: 19px
}
.widget .menu-serivice-menu-container ul li:last-child {
border-bottom: 1px solid #ddd
}
.menu-serivice-menu-container ul li:hover {
background: #0c5adb;
color: #fff
}
.menu-serivice-menu-container ul li.current_menu_item {
background: #0c5adb;
color: #fff
}
.menu-serivice-menu-container ul li:hover a {
color: #fff
}
.menu-serivice-menu-container ul li.current_menu_item a {
color: #fff
}
#faqs .kc_single_image img {
width: 100%
}
#faqs .kc_column_inner {
padding: 0 !important
}
.breadcumb-inner ul,
.breadcumb-inner li,
.breadcumb-inner li a {
color: #fff
}
.kc_wrapper > ul.ui-tabs-nav > li {
overflow: hidden;
margin-right: 6px;
border-left: 1px solid rgba(11, 91, 224, .2) !important
}
.kc_tab_content {
padding: 24px 20px 19px !important;
overflow: hidden
}
.cyber-security-tab .kc_wrapper > ul.ui-tabs-nav > li {
overflow: hidden;
margin-right: 8px;
border: 0 !important
}
.cyber-security-tab .kc_tab_content {
padding: 24px 0 0 !important;
overflow: hidden
}
.classic-it-service .message-box-wrap {
font-size: 18px !important;
background: #fff !important;
border-radius: 0 30px 30px !important;
transition: .5s;
box-shadow: 0 10px 29.7px .3px rgba(225, 225, 225, .64) !important;
padding: 15px;
color: #232323 !important;
margin-bottom: 20px;
border: 0
}
.classic-it-service .message-box-wrap:hover {
background: #0c5adb !important;
color: #fff !important
}
.classic-it-service .message-box-wrap i {
font-size: 20px !important;
color: #fff !important;
background: #0c5adb;
height: 56px;
width: 56px;
margin-top: -15px;
text-align: center;
line-height: 56px;
margin-left: -20px;
border-radius: 0 30px 30px
}
.col-lg-6.col-md-6.about-list {
float: left !important;
padding: 0 !important
}
.about-list ul {
list-style: none
}
.about-list ul li {
padding: 7px 0;
font-size: 16px;
font-family: 'Raleway-Regular';
}
.about-list ul li i {
color: #0c5adb;
margin-right: 8px
}
.techno_about {
position: relative;
z-index: 1
}
.skill-section .kc-col-inner-container {
background: #fff
}
.techno-button a {
display: inline-block;
background: #0c5adb;
color: #fff;
font-weight: 500;
font-size: 16px;
padding: 12px 26px;
border-radius: 3px;
transition: .5s;
border: 2px solid #0c5adb
}
.techno-button a:hover {
color: #0c5adb;
background: 0 0;
border: 2px solid #0c5adb
}
.techno-button a i {
margin-left: 4px
}
.lines {
position: absolute;
top: 0;
left: 0;
right: 0;
height: 100%;
margin: auto;
width: 90vw
}
.lines .line {
position: absolute;
width: 2px;
height: 100%;
top: 0;
left: 50%;
background: rgba(255, 255, 255, .1);
overflow: hidden
}
.lines .line:after {
content: "";
display: block;
position: absolute;
height: 10px;
width: 100%;
top: 0;
left: 0;
background-color: #fff;
-webkit-animation: moveLeftBounces-one 20s linear infinite;
animation: moveLeftBounces-one 20s linear infinite
}
.lines .line:nth-child(1) {
margin-left: -25%
}
.lines .line:nth-child(1):after {
-webkit-animation-delay: 2s;
animation-delay: 2s
}
.lines .line:nth-child(3):after {
-webkit-animation-delay: 2.5s;
animation-delay: 2.5s
}
.lines .line:nth-child(3) {
margin-left: 25%
}
.lines .line-two {
position: absolute;
width: 2px;
height: 100%;
top: 0;
left: 50%;
background: rgba(255, 255, 255, .1);
overflow: hidden
}
.lines .line-two:after {
content: "";
display: block;
position: absolute;
height: 10px;
width: 100%;
top: 0;
left: 0;
background-color: #d80650;
-webkit-animation: moveLeftBounces-two 20s linear infinite;
animation: moveLeftBounces-two 20s linear infinite
}
.lines .line-two:nth-child(1) {
margin-left: -25%
}
.lines .line-two:nth-child(1):after {
-webkit-animation-delay: 2s;
animation-delay: 2s
}
.lines .line-two:nth-child(3):after {
-webkit-animation-delay: 2.5s;
animation-delay: 2.5s
}
.lines .line-two:nth-child(3) {
margin-left: 25%
}
.lines .line-three {
position: absolute;
width: 2px;
height: 100%;
top: 0;
left: 50%;
background: rgba(255, 255, 255, .1);
overflow: hidden
}
.lines .line-three:after {
content: "";
display: block;
position: absolute;
height: 10px;
width: 100%;
top: 0;
left: 0;
background-color: #d80650;
-webkit-animation: moveLeftBounces-one 20s linear infinite;
animation: moveLeftBounces-one 20s linear infinite
}
.lines .line-three:nth-child(1) {
margin-left: -25%
}
.lines .line-three:nth-child(1):after {
-webkit-animation-delay: 2s;
animation-delay: 2s
}
.lines .line-three:nth-child(3):after {
-webkit-animation-delay: 2.5s;
animation-delay: 2.5s
}
.lines .line-three:nth-child(3) {
margin-left: 25%
}
@-webkit-keyframes moveLeftBounces-one {
0% {
-webkit-transform: translateY(0);
transform: translateY(0)
}
50% {
-webkit-transform: translateY(1000px);
transform: translateY(1000px)
}
100% {
-webkit-transform: translateY(0);
transform: translateY(0)
}
}
@keyframes moveLeftBounces-one {
0% {
-webkit-transform: translateY(0);
transform: translateY(0)
}
50% {
-webkit-transform: translateY(1000px);
transform: translateY(1000px)
}
100% {
-webkit-transform: translateY(0);
transform: translateY(0)
}
}
.image_background_circle_gray {
z-index: 1;
position: relative
}
.image_background_circle_gray:after {
content: '';
width: 536px;
height: 475px;
background: 0 0;
position: absolute;
top: -50px;
right: -41px;
z-index: -1;
border: 15px solid #00000008;
animation: bannerimage_translate 3s infinite;
animation-play-state: running;
animation-direction: alternate
}
@keyframes bannerimage_translate {
0% {
transform: translateX(0px) translateY(0px)
}
0% {
transform: translateX(-30px) translateY(-12px)
}
}
.containers.techno-product-page.techno-wactive-sidebar {
padding: 100px 0
}
#serv-icon1{
/* background-image: url('http://neoten.vmeste-gifts.by/assets/images/1_czto_blue.png');
display: block;
width: 60px;
height: 60px;
background-size: cover;
margin-bottom: 10px;*/
}
@media (min-width:1500) and (max-width:1700px) {
.full-width-content.kc_col-sm-6 {
padding: 0 100px !important
}
}
@media (min-width:320px) and (max-width:1600px) {
.full-width-content.kc_col-sm-6 {
padding: 30px 30px 0 !important
}
}
@media (min-width:320px) and (max-width:667px) {
.em-slick-slider-new .single-slide.slider-style-seven{
background-position: right;
}
.em-slick-slider-new .slider-style-seven .banner-content {
top: 50%;
}
#banner-main-block{
display:none;
}
#for_mobile_only {
display:block !important;
}
body.kc-css-system .kc-css-99051 {
padding-top: 50px !important;
padding-bottom: 50px !important;
}
.slick-slider-button{
text-align: center;
}
.banner-slick.banner-content h1{
font-size:40px !important;
}
.wave{
margin-left:40%;
}
#foot-menu{
margin-left: 0% ;
}
#cont-mob{
margin-left: -12%;
}
.kc-css-452117{
padding-top:30px;
}
.kc-css-488033{
padding-top:20px;
}
#copyright{
display:block;
text-align: center;
}
#hover-button:hover{
background-color: #31456d;
color: #fff;
border: 1px solid #31456d;
}
#hover-button{
background: #1999ff;
text-transform: uppercase;
border: 1px solid #1999ff;
}
.banner-slick.banner-content h1{
color:#1999ff;
text-align: center;
}
}
@media (min-width:320px) and (max-width:568px) {
#foot-menu{
margin-left: 0% !important;
}
}
.techno-product-page {
padding: 70px 0
}
.em-hero-slider {
background: rgba(0, 0, 0, 0) none repeat scroll 0 0;
height: auto;
position: relative;
z-index: 0
}
.hero-single-slide .container {
z-index: 9
}
.hero-single-slide {
min-height: 900px;
position: relative;
background-repeat: no-repeat;
background-size: cover;
background-position: center center;
overflow: hidden
}
.hero-single-slide.hero-style-six {
min-height: 800px
}
.hero-single-slide.hero-style-five {
position: relative;
z-index: 1
}
.hero-single-slide.hero-style-five:after {
content: "";
position: absolute;
z-index: -1;
width: 100%;
height: 175%;
bottom: 0;
background-image: url(//webitkurigram.com/wp/techno/wp-content/themes/techno/assets/images/slider_bg-hero.png);
background-repeat: no-repeat;
background-size: cover
}
.hero-single-slide.hero-style-five:before {
display: none
}
.hero-style-two.single-slide:before {
display: none
}
.hero-content-left h1 {
font-size: 53px;
margin-bottom: 0;
margin-top: 0;
font-weight: 800;
color: #fff
}
.hero-content-left h2 {
font-size: 53px;
font-weight: 800;
margin-bottom: 20px;
margin-top: 0;
color: #fff
}
.hero-content-left h3 {
font-size: 25px;
font-weight: 600;
color: #fff;
margin-bottom: 10px
}
.hero-content-left p {
padding-right: 70px;
margin-bottom: 35px;
color: #fff
}
.hero-style-six .hero-content-left {
padding-right: 0;
margin-top: -112px
}
.hero-animation-img {
position: relative;
display: block;
width: 100%
}
.hero-single-slide.hero-style-three .hero-animation-img {
margin-top: -60px
}
.bottom-img {
position: absolute;
bottom: -8px;
width: 100%
}
.hero-single-slide.hero-style-five.bottom-img {
bottom: -10px
}
.bottom-img img {
width: 100%
}
.hero-style-two .app-store-btn {
border-radius: 30px;
color: #fff;
border: 2px solid #6730e3;
background: #6730e3;
font-weight: 500
}
.hero-style-two .app-store-btn:hover {
background: 0 0;
color: #6730e3
}
.shape-image {
position: absolute;
width: 100%;
height: auto;
bottom: 76px;
z-index: 0;
left: 268px;
overflow: hidden;
background-size: cover;
right: 0
}
.hero-slider-btn {
display: inline-block
}
.hero-slider-btn a {
-moz-user-select: none;
background: #0c5adb;
color: #fff;
cursor: pointer;
display: inline-block;
font-size: 16px;
margin-bottom: 0;
padding: 15px 40px;
text-align: center;
text-transform: capitalize;
-webkit-transition: all .3s ease 0s;
-o-transition: all .3s ease 0s;
transition: all .3s ease 0s;
vertical-align: middle;
border-radius: 4px;
font-weight: 600
}
.hero-slider-btn a:hover {
background: #fff;
color: #0c5adb
}
.hero-video-icon {
display: inline-block;
margin-left: 24px
}
.hero-video-icon a {
width: 50px;
height: 50px;
line-height: 50px;
display: inline-block;
text-align: center;
border-radius: 500%;
position: relative;
color: #fff;
-webkit-animation: ripple-white 1s linear infinite;
animation: ripple-blue 1s linear infinite;
-webkit-transition: .5s;
background: #0c5adb
}
.hero-shape {
position: absolute;
left: auto;
top: -70%;
right: -44%;
bottom: auto;
width: 100%;
height: 115%;
border-radius: 100px;
background-color: #7744d9;
-webkit-transform: rotate(-35deg);
-ms-transform: rotate(-35deg);
transform: rotate(-35deg)
}
.hero-single-slide.hero-style-three {
min-height: 840px;
position: relative
}
.hero-single-slide.hero-style-three:before {
position: absolute;
content: '';
background-image: linear-gradient(to right, rgba(32, 40, 119, .95), rgba(55, 46, 149, .95), rgba(83, 49, 177, .9), rgba(114, 48, 205, .85), rgba(150, 41, 230, .95));
width: 100%;
height: 100%;
top: 0;
left: 0
}
.hero-single-slide.hero-style-three .hero-video-icon a {
color: #7744d9;
background: #fff
}
.hero-single-slide.hero-style-three .hero-content-left p,
.hero-single-slide.hero-style-four .hero-content-left p {
width: 54%
}
.hero-video-icon span {
display: inline-block;
margin-left: 25px
}
.hero-style-four .hero-content-left h2 {
font-weight: 800
}
.hero-style-four .hero-content-left {
position: relative
}
.hero-style-four .hero-video-icon {
display: inline-block;
margin-left: 24px;
position: absolute;
right: 171px;
top: 50%;
transform: translateY(-50%)
}
.text-center .hero-content-left p {
width: 54%;
margin: 0 auto 30px
}
@-webkit-keyframes ripple-blue {
0% {
-webkit-box-shadow: 0 0 0 0 rgba(12, 90, 219, .3), 0 0 0 10px rgba(12, 90, 219, .3), 0 0 0 20px rgba(12, 90, 219, .3);
box-shadow: 0 0 0 0 rgba(12, 90, 219, .3), 0 0 0 10px rgba(255, 255, 255, .3), 0 0 0 20px rgba(12, 90, 219, .3)
}
100% {
-webkit-box-shadow: 0 0 0 10px rgba(12, 90, 219, .3), 0 0 0 20px rgba(255, 255, 255, .3), 0 0 0 30px rgba(255, 255, 255, 0);
box-shadow: 0 0 0 10px rgba(255, 255, 255, .3), 0 0 0 20px rgba(255, 255, 255, .3), 0 0 0 30px rgba(255, 255, 255, 0)
}
}
@keyframes ripple-blue {
0% {
-webkit-box-shadow: 0 0 0 0 rgba(12, 90, 219, .3), 0 0 0 10px rgba(12, 90, 219, .3), 0 0 0 20px rgba(12, 90, 219, .3);
box-shadow: 0 0 0 0 rgba(12, 90, 219, .3), 0 0 0 10px rgba(12, 90, 219, .3), 0 0 0 20px rgba(12, 90, 219, .3)
}
100% {
-webkit-box-shadow: 0 0 0 10px rgba(12, 90, 219, .3), 0 0 0 20px rgba(12, 90, 219, .3), 0 0 0 30px rgba(12, 90, 219, 0);
box-shadow: 0 0 0 10px rgba(12, 90, 219, .3), 0 0 0 20px rgba(12, 90, 219, .3), 0 0 0 30px rgba(12, 90, 219, 0)
}
}
.animation-right {
position: absolute;
right: -52px;
-webkit-animation: move-two 8s ease-in-out infinite;
animation: move-two 8s ease-in-out infinite;
top: 114px
}
.animation-one {
-webkit-animation: move-one 7s ease-in-out infinite;
animation: move-one 7s ease-in-out infinite
}
@keyframes move-one {
0% {
-webkit-transform: translateX(0) translateY(5px);
transform: translateX(0) translateY(5px)
}
50% {
-webkit-transform: translateX(0) translateY(-5px);
transform: translateX(0) translateY(-5px)
}
100% {
-webkit-transform: translateX(0) translateY(5px);
transform: translateX(0) translateY(5px)
}
}
@-webkit-keyframes move-one {
0% {
-webkit-transform: translateX(0) translateY(5px);
transform: translateX(0) translateY(5px)
}
50% {
-webkit-transform: translateX(0) translateY(-5px);
transform: translateX(0) translateY(-5px)
}
100% {
-webkit-transform: translateX(0) translateY(5px);
transform: translateX(0) translateY(5px)
}
}
.animation-two {
position: absolute;
bottom: 18px;
-webkit-animation: move-two 8s ease-in-out infinite;
animation: move-two 8s ease-in-out infinite
}
@-webkit-keyframes move-two {
0% {
-webkit-transform: translateX(-25px) translateY(-225px);
transform: translateX(-25px) translateY(-225px)
}
50% {
-webkit-transform: translateX(-25px) translateY(-205px);
transform: translateX(-25px) translateY(-205px)
}
100% {
-webkit-transform: translateX(-25px) translateY(-225px);
transform: translateX(-25px) translateY(-225px)
}
}
@keyframes move-two {
0% {
-webkit-transform: translateX(-25px) translateY(-225px);
transform: translateX(-25px) translateY(-225px)
}
50% {
-webkit-transform: translateX(-25px) translateY(-205px);
transform: translateX(-25px) translateY(-205px)
}
100% {
-webkit-transform: translateX(-25px) translateY(-225px);
transform: translateX(-25px) translateY(-225px)
}
}
.animation-three {
position: absolute;
-webkit-animation: move-three 9s ease-in-out infinite;
animation: move-three 9s ease-in-out infinite;
left: -127px;
bottom: -227px
}
@-webkit-keyframes move-three {
0% {
-webkit-transform: translateX(-45px) translateY(-225px);
transform: translateX(-45px) translateY(-225px)
}
50% {
-webkit-transform: translateX(-45px) translateY(-205px);
transform: translateX(-45px) translateY(-205px)
}
100% {
-webkit-transform: translateX(-45px) translateY(-225px);
transform: translateX(-45px) translateY(-225px)
}
}
@keyframes move-three {
0% {
-webkit-transform: translateX(-45px) translateY(-225px);
transform: translateX(-45px) translateY(-225px)
}
50% {
-webkit-transform: translateX(-45px) translateY(-205px);
transform: translateX(-45px) translateY(-205px)
}
100% {
-webkit-transform: translateX(-45px) translateY(-225px);
transform: translateX(-45px) translateY(-225px)
}
}
.animation-four {
position: absolute;
-webkit-animation: move-four 6s ease-in-out infinite;
animation: move-four 6s ease-in-out infinite;
bottom: -174px;
left: 100px
}
.animation-new {
position: absolute;
bottom: 10px
}
@-webkit-keyframes move-four {
0% {
-webkit-transform: translateX(330px) translateY(-215px);
transform: translateX(330px) translateY(-215px)
}
50% {
-webkit-transform: translateX(330px) translateY(-240px);
transform: translateX(330px) translateY(-240px)
}
100% {
-webkit-transform: translateX(330px) translateY(-215px);
transform: translateX(330px) translateY(-215px)
}
}
@keyframes move-four {
0% {
-webkit-transform: translateX(330px) translateY(-215px);
transform: translateX(330px) translateY(-215px)
}
50% {
-webkit-transform: translateX(330px) translateY(-240px);
transform: translateX(330px) translateY(-240px)
}
100% {
-webkit-transform: translateX(330px) translateY(-215px);
transform: translateX(330px) translateY(-215px)
}
}
.circles {
overflow: hidden;
width: 100%;
position: absolute;
height: 100%;
right: 0;
left: 0;
margin: auto;
text-align: center
}
.point {
border-radius: 50%;
z-index: 999;
position: absolute
}
.animated-point-1 {
background-color: red;
height: 12px;
width: 12px;
position: relative;
-webkit-animation-name: p1;
-webkit-animation-duration: 80s;
-webkit-animation-iteration-count: infinite;
animation-name: p1;
animation-duration: 80s;
animation-iteration-count: infinite
}
.animated-point-2 {
background-color: green;
height: 15px;
width: 15px;
position: relative;
-webkit-animation-name: p2;
-webkit-animation-duration: 90s;
-webkit-animation-iteration-count: infinite;
animation-name: p2;
animation-duration: 90s;
animation-iteration-count: infinite
}
.animated-point-3 {
background-color: orange;
height: 8px;
width: 8px;
position: relative;
-webkit-animation-name: p3;
-webkit-animation-duration: 80s;
-webkit-animation-iteration-count: infinite;
animation-name: p3;
animation-duration: 80s;
animation-iteration-count: infinite
}
.animated-point-4 {
background-color: pink;
height: 10px;
width: 10px;
position: relative;
-webkit-animation-name: p4;
-webkit-animation-duration: 80s;
-webkit-animation-iteration-count: infinite;
animation-name: p4;
animation-duration: 80s;
animation-iteration-count: infinite
}
.animated-point-5 {
background-color: #ffc64c;
height: 12px;
width: 12px;
position: relative;
-webkit-animation-name: p5;
-webkit-animation-duration: 50s;
-webkit-animation-iteration-count: infinite;
animation-name: p5;
animation-duration: 50s;
animation-iteration-count: infinite
}
.animated-point-6 {
background-color: #ffc64c;
height: 10px;
width: 10px;
position: relative;
-webkit-animation-name: p6;
-webkit-animation-duration: 70s;
-webkit-animation-iteration-count: infinite;
animation-name: p6;
animation-duration: 70s;
animation-iteration-count: infinite
}
.animated-point-7 {
background-color: orange;
height: 14px;
width: 14px;
position: relative;
-webkit-animation-name: p7;
-webkit-animation-duration: 70s;
-webkit-animation-iteration-count: infinite;
animation-name: p7;
animation-duration: 70s;
animation-iteration-count: infinite
}
.animated-point-8 {
background-color: purple;
height: 8px;
width: 8px;
position: relative;
-webkit-animation-name: p8;
-webkit-animation-duration: 50s;
-webkit-animation-iteration-count: infinite;
animation-name: p8;
animation-duration: 50s;
animation-iteration-count: infinite
}
.animated-point-9 {
background-color: purple;
height: 12px;
width: 12px;
position: relative;
-webkit-animation-name: p9;
-webkit-animation-duration: 100s;
-webkit-animation-iteration-count: infinite;
animation-name: p9;
animation-duration: 100s;
animation-iteration-count: infinite
}
@-webkit-keyframes p1 {
0% {
left: 0;
top: 0
}
50% {
left: 0;
top: 800px
}
100% {
left: 0;
top: 0
}
}
@keyframes p1 {
0% {
left: 800px;
top: 0
}
50% {
left: 0;
top: 800px
}
100% {
left: 800px;
top: 0
}
}
@-webkit-keyframes p2 {
0% {
left: 0;
top: 100px
}
50% {
left: 0;
top: 800px
}
100% {
left: 0;
top: 100px
}
}
@keyframes p2 {
0% {
left: 0;
top: 100px
}
50% {
left: 0;
top: 800px
}
100% {
left: 0;
top: 100px
}
}
@-webkit-keyframes p3 {
0% {
left: 300px;
top: 900px
}
50% {
left: 500px;
top: 0
}
100% {
left: 300px;
top: 900px
}
}
@keyframes p3 {
0% {
left: 300px;
top: 900px
}
50% {
left: 500px;
top: 0
}
100% {
left: 300px;
top: 900px
}
}
@-webkit-keyframes p4 {
0% {
left: 1000px;
top: 500px
}
50% {
left: 0;
top: 500px
}
100% {
left: 1000px;
top: 500px
}
}
@keyframes p4 {
0% {
left: 1000px;
top: 500px
}
50% {
left: 0;
top: 500px
}
100% {
left: 1000px;
top: 500px
}
}
@-webkit-keyframes p5 {
0% {
left: 500px;
top: 1000px
}
50% {
left: 50%;
top: 0
}
100% {
left: 500px;
top: 1000px
}
}
@keyframes p5 {
0% {
left: 500px;
top: 1000px
}
50% {
left: 50%;
top: 0
}
100% {
left: 500px;
top: 1000px
}
}
@-webkit-keyframes p6 {
0% {
left: 500px;
top: 200px
}
50% {
left: 50%;
top: 70%
}
100% {
left: 500px;
top: 200px
}
}
@keyframes p6 {
0% {
left: 500px;
top: 200px
}
50% {
left: 50%;
top: 70%
}
100% {
left: 500px;
top: 200px
}
}
@-webkit-keyframes p7 {
0% {
left: 50px;
top: 10%
}
50% {
left: 50%;
top: 10%
}
100% {
left: 50px;
top: 10%
}
}
@keyframes p7 {
0% {
left: 50px;
top: 10%
}
50% {
left: 50%;
top: 10%
}
100% {
left: 50px;
top: 10%
}
}
@-webkit-keyframes p8 {
0% {
left: 0;
top: 20%
}
50% {
left: 50%;
top: 20%
}
100% {
left: 0;
top: 20%
}
}
@keyframes p8 {
0% {
left: 0;
top: 20%
}
50% {
left: 50%;
top: 20%
}
100% {
left: 0;
top: 20%
}
}
@-webkit-keyframes p9 {
0% {
left: 1000px;
top: 100px
}
50% {
left: 500px;
top: 950px
}
100% {
left: 1000px;
top: 100px
}
}
@keyframes p9 {
0% {
left: 1000px;
top: 100px
}
50% {
left: 500px;
top: 950px
}
100% {
left: 1000px;
top: 100px
}
}
@media (min-width:1280px) and (max-width:1700px) {
.banner-slick.banner-content h2 {
width: 52%
}
.section-title h2 {
font-size: 30px
}
.em-slick-slider-new .banner-content {
left: 14%
}
.banner-content {
width: 100%
}
.single-video {
position: relative;
text-align: center;
margin-left: 115px
}
.slick-style-two .slider_single_img {
right: 1%
}
.techno_menu > ul > li > a {
margin: 30px 9px
}
.about_choose_us {
background: #2d2d2d;
padding: 41px 50px 0 178px !important
}
#team:before {
right: inherit;
z-index: -1;
left: -10px;
bottom: 0 !important;
top: inherit
}
.text-center .banner-slick.banner-content h2 {
width: 100%
}
.trp_nav_area {
padding: 0 50px
}
.slider-style-eight .slider_single_img {
position: absolute;
right: 0
}
.banner-slick.banner-content.banner-content p {
width: 45%
}
}
@media (min-width:1280px) and (max-width:1439px) {
.em-nivo-slider-wrapper .nivo-directionNav {
display: none
}
.banner-content {
width: 100%
}
.single-video {
position: relative;
text-align: center;
margin-left: 115px
}
.slick-style-two .slider_single_img {
right: 1%
}
.slick-style-two .slider_single_img img {
width: 69%
}
a.dtbtn {
padding: 13px 26px
}
.slick-style-two .slider_single_img {
right: -16%;
top: 282px
}
.slider_circle_img.rotateme {
right: -220px;
top: 0
}
.text-center .banner-slick.banner-content h2 {
width: 100%
}
}
@media (min-width:1170px) and (max-width:1366px) {
.banner-content p {
width: 70%
}
.banner-slick.banner-content.banner-content p {
width: 50%
}
.donate-btn-header {
margin-left: 8px
}
.em-slider-descript {
width: 65%
}
.slider-style-eight .slider_single_img img {
width: 49%;
opacity: 1
}
.slider-style-eight .slider_single_img {
position: absolute;
top: -39px;
right: -26%
}
a.dtbtn {
padding: 11px 15px;
font-size: 13px;
margin-top: 5px
}
.tr-btn-search .trp_nav_area {
padding: 0 20px
}
.techno-blog-meta-left a,
.techno-blog-meta-left span {
font-size: 14px
}
.blog-page-title > h2 {
font-size: 20px
}
.banner-slick.banner-content h2 {
width: 68%
}
.text-center .banner-slick.banner-content h2 {
width: 100%
}
.em-slick-slider-new .banner-content {
left: 10%
}
.techno_menu > ul > li > a {
margin: 30px 6px
}
.banner-content {
width: 100%
}
.em_single_testimonial {
margin-top: 40px
}
.footer-middle .recent-post-text h4 a {
font-size: 16px
}
.footer-middle .recent-post-text .rcomment {
font-size: 11px
}
.single-video {
margin-left: 0
}
.single-video .layer-2 {
top: -43% !important;
left: 57% !important
}
.single-video .layer-4 {
right: 11px
}
.single-video .layer-3 {
left: -7% !important
}
.single-video .layer-1 {
top: -30% !important;
left: -59px !important
}
.slick-style-two .slider_single_img {
right: -16%;
top: 282px
}
.slick-style-two .slider_single_img img {
width: 69%
}
.slider_circle_img.rotateme {
right: -220px;
top: 0
}
.about_choose_us {
background: #2d2d2d;
padding: 41px 50px 0 76px !important
}
#team:before {
right: inherit;
z-index: -1;
left: -10px;
bottom: 0 !important;
top: inherit
}
.section-title h2 {
font-size: 39px
}
.em-slick-slider-new .slick-prev {
left: 7px
}
.em-slick-slider-new .slick-next {
right: 7px
}
.banner-slick.banner-content h1,
.banner-slick.banner-content h3 {
font-family: 'Raleway-Bold';
font-size: 60px
}
.portfolio_info {
padding-top: 0
}
.effective-content p {
width: 86%
}
}
@media (min-width:992px) and (max-width:1169px) {
.slider-style-eight .slider_single_img img {
width: 49%;
opacity: 1
}
.slider-style-eight .slider_single_img {
position: absolute;
top: -39px;
right: -52%
}
.trp_nav_area {
padding: 0 50px
}
.em-slider-sub-title {
font-size: 90px
}
.slider_circle_img.rotateme {
right: -220px;
top: 0
}
.section-title h2 {
font-size: 25px
}
.tr-btn-search .donate-btn-header {
margin-top: 0;
display: none
}
.style-three .countr_text > h1 {
font-size: 30px
}
.countr_text > h3 {
font-size: 30px
}
.em-slick-slider-new .slider-style-seven .banner-content {
top: 50%
}
.slider-style-seven .slider-video-icon {
top: 50%;
right: 10%
}
.portfolio_info {
padding-left: 30px;
padding-top: 0
}
.single_protfolio:hover .prot_content {
bottom: 18px
}
.em-slider-descript {
width: 65%
}
.tr-btn-search .trp_nav_area {
padding: 0 20px
}
.price_item span {
font-size: 45px
}
.menu-height-space {
height: 0
}
.slick-style-two .slider_single_img {
position: absolute;
top: 222px;
right: -19%;
z-index: 999
}
.slick-style-two .slider_single_img img {
width: 73%;
opacity: 1
}
.em-nivo-slider-wrapper:hover .nivo-directionNav a {
left: 5px
}
.em-nivo-slider-wrapper:hover .nivo-directionNav .nivo-nextNav {
left: auto;
right: 5px
}
.em-nivo-slider-wrapper .nivo-directionNav {
display: none
}
.curosel-style .owl-nav div {
left: 15px
}
.curosel-style .owl-nav .owl-next {
left: auto;
right: 15px
}
.banner-content p {
width: 58%
}
.style_two .em_content_text h2 {
font-size: 24px;
font-weight: 700;
margin-bottom: 27px
}
.banner-content p {
width: 96%
}
.em_slider_inner {
left: 0;
right: 0
}
.em-blog-content-area_adn {
padding: 26px 13px 34px
}
.style_three .em_content_text h2 {
font-size: 25px
}
.em-nivo-slider-wrapper .nivo-controlNav {
display: none
}
.em_content_text h2 {
font-size: 17px !important
}
.em-service2 .em-service-title h2 {
font-size: 18px
}
.banner-slick.banner-content.banner-content p {
width: 60%
}
a.dtbtn {
margin-left: 15px
}
.techno_menu > ul > li > a {
font-size: 14px
}
.em-slick-slider-new .single-slide {
height: calc(125vh - 100px);
position: relative
}
a.dtbtn {
padding: 15px 21px;
font-size: 13px
}
.t_left.section-title h6 {
font-size: 210px
}
.blog-page-title > h2 {
font-size: 20px
}
.single-video h3 {
font-size: 32px
}
.techno-blog-thumb_adn {
float: none
}
.techno-blog-thumb_adn img {
width: 100%
}
.banner-content {
width: 100%
}
.em-slick-slider-new .banner-content {
left: 3%
}
.techno_menu.main-search-menu > ul,
.em-quearys-top.msin-menu-search {
display: inline-block;
margin-right: 0
}
.em-quearys-top.msin-menu-search .em-quearys-menu i {
margin-left: 0
}
.style-five .em_content_text {
padding: 0
}
.em_content_text {
padding: 0 44px 0 40px
}
.default-style .em_content_text {
padding: 0
}
.em-feature:hover .em_content_text {
bottom: 26px
}
.em-call-to-action-title span {
width: 58%
}
.em_single_testimonial {
margin-top: 40px
}
.mailchim-form {
padding-left: 26px !important;
padding-right: 49px !important
}
.single-video {
margin-left: 0
}
.single-video .layer-2 {
top: -43% !important;
left: 57% !important
}
.single-video .layer-4 {
right: 11px
}
.single-video .layer-3 {
left: -7% !important
}
.single-video .layer-1 {
top: -30% !important;
left: -59px !important
}
.em-service-title h2 {
font-size: 22px
}
.em-service.service-style-two .em-service-title h2 {
font-size: 20px
}
.about_choose_us {
background: #2d2d2d;
padding: 41px 40px 0 50px !important
}
.about_choose_us .section-title h2 {
font-size: 35px
}
.front h3,
.back h3 {
font-size: 20px !important
}
.third_block {
display: block !important
}
.mailchim-form-inner {
margin: auto !important
}
.footer-middle .recent-post-text .rcomment {
font-size: 12px
}
.footer-middle .recent-post-text h4 a {
font-size: 15px
}
.footer-widget.address,
.footer-widget.address p {
font-size: 15px;
color: #f4f6fe
}
#team:before {
right: inherit;
z-index: -1;
left: -10px;
bottom: 0 !important;
top: inherit
}
.em-slick-slider-new .slick-prev,
.em-slick-slider-new .slick-next {
display: none !important
}
.slider-style-four .slider-video-icon {
right: 13%
}
.curosel-style .owl-nav .owl-prev {
left: 15px
}
.curosel-style .owl-nav .owl-next {
right: 15px
}
.techno_menu > ul > li > a {
margin: 30px 8px
}
.em-quearys-menu i {
margin-left: 5px !important;
display: inline-block
}
.case_default .em-cases-study-title h2 a {
font-size: 22px
}
.effective-content p {
width: 86%
}
.em-feature.style-three {
padding: 50px 15px
}
.heading_title {
font-size: 31px
}
}
@media (min-width:992px) and (max-width:1920px) {
.em-nivo-slider-wrapper .nivo-controlNav {
display: none
}
}
@media (min-width:840px) and (max-width:850px) {
.em_slider_inner {
left: 0
}
}
@media (min-width:768px) and (max-width:991px) {
.kc_col-sm-4,
.kc_col-sm-3 {
width: 50% !important
}
.kc_accordion_header > a {
font-size: 14px !important
}
.column-full .kc_col-sm-7,
.column-full .kc_col-sm-5,
.column-full .kc_col-sm-6 {
width: 100% !important;
padding: 0 15px 30px !important
}
.em_work_progress-number:before {
display: none
}
.slider-style-four .slider-video-icon {
right: 13%;
top: 26%
}
.banner-slider-content p {
width: 85%;
color: #d5c6c6
}
.breadcumb-area {
padding: 125px 0 143px
}
.service_details .kc_col-sm-8 {
width: 60% !important
}
.service_details .kc_col-sm-4 {
width: 40% !important
}
.service_details .kc_tabs_nav > li > a,
.service_details .nav-pills > li > a {
padding: 0 10px
}
.slider_circle_img.rotateme {
right: -320px;
top: 0
}
.srv-dtl-inner .kc_col-sm-6 {
width: 100% !important
}
.author.mt-120 p {
font-size: 16px;
overflow: hidden
}
.em-slider-sub-title {
font-size: 85px
}
.em-slider-descript {
width: 80%
}
.em-button-button-area a {
margin-top: 20px
}
.footer-top-inner p {
width: 78%
}
.menu-height-space {
height: 0
}
.banner-content p {
width: 85%
}
.curosel-style .owl-nav div {
left: 15px
}
.curosel-style .owl-nav .owl-next {
left: auto;
right: 15px
}
.style-three .em-call-to-action-desc,
.em-call-to-action-desc {
width: 75%
}
.portfolio_nav ul li {
padding: 14px 13px
}
.banner-content h2,
.banner-content h1 {
font-size: 30px
}
.mean-container .mean-bar:before {
top: 15px
}
.title_in_area {
width: 100%
}
.em-call-to-video h3 {
margin-top: 10px;
font-size: 18px
}
.em-nivo-slider-wrapper:hover .nivo-directionNav a {
left: 5px
}
.em-nivo-slider-wrapper:hover .nivo-directionNav .nivo-nextNav {
left: auto;
right: 5px
}
.section-title.t_center {
width: 67%
}
.em-content-image > img {
width: 100%
}
.reponsive_full .cfull.kc_col-sm-6 {
width: 100% !important
}
.reponsive_full .cfull .slick-slide img {
width: 100% !important
}
.message_full .kc_col-sm-6 {
width: 100% !important
}
.feature-btn {
margin-top: 30px
}
.section-title.t_center {
width: 89%
}
.banner-slick.banner-content.banner-content p {
width: 74%
}
.top-address.em-login.text-right {
display: none
}
.em_slider_inner {
left: 0
}
.single-video-content p {
width: 83%
}
.em-nivo-slider-wrapper .nivo-controlNav {
display: none
}
.em-slick-slider-new {
z-index: 0
}
.footer-menu ul li a {
margin-left: 13px
}
.title_tx h2,
.section-title h2 {
font-size: 30px
}
.section-title h5 {
margin: 0 0 25px
}
blockquote {
padding: 121px 30px 50px
}
.post-text blockquote:before {
left: 30px
}
.comments-area .children {
margin-left: 0
}
.blog-page-title > h2 {
font-size: 24px
}
.author.mt-120 {
padding: 40px 16px 35px
}
.em-team-content-image img {
width: 100%
}
.em-slick-slider-new .single-slide {
height: 600px;
background-position: right;
}
.em-call-to-action-title span {
width: 55%
}
.style-three .em-call-to-action-title span {
width: 70%
}
.em-slick-slider-new .banner-content {
left: 15px
}
.techno-blog-thumb_adn {
float: none
}
.techno-blog-thumb_adn img {
width: 100%
}
.banner-area {
height: 600px
}
.banner-content {
/*top: 30%;*/
width: 100%
}
.techno-header-top {
display: none
}
.meta_comments {
display: none !important
}
.slider_single_img {
display: none
}
.em-feature-thumb img {
width: 100%
}
.choose_us .kc_col-sm-6 {
width: 100% !important
}
.em_single_testimonial {
margin-top: 40px
}
.mailchim-form-inner {
padding: 33px 100px 40px
}
.mailchim-form {
padding-left: 26px !important;
padding-right: 49px !important
}
.single-video {
margin-left: 0
}
.techno_about2 .kc_col-sm-6 {
width: 100% !important
}
.single-video .layer-4 {
top: 78% !important;
right: -15px
}
.single-video .layer-3 {
top: 94% !important;
left: 0 !important
}
.single-video .layer-2 {
top: -28% !important;
left: 75% !important
}
.single-video .layer-1 {
top: -24% !important;
left: 0 !important
}
.nav-pills > li {
margin-right: 12px;
-webkit-box-shadow: 0 0 3px rgba(0, 0, 0, .2);
box-shadow: 0 0 3px rgba(0, 0, 0, .2)
}
.tab_pan_content {
padding-left: 0;
padding-top: 40px
}
.nav-pills > li > a {
font-size: 14px !important
}
.about_choose_us2.kc_col-sm-6,
.about_choose_us.kc_col-sm-6 {
width: 100% !important
}
.single-video img {
width: 100%
}
.portfolio_details {
padding: 40px 15px
}
.portfolio_info {
padding-left: 0
}
.recent-post-image {
margin-right: 11px
}
.mailchim-form-inner {
margin: auto !important
}
.em-slick-slider-new .slick-prev,
.em-slick-slider-new .slick-next {
display: none !important
}
.single_protfolio:hover .prot_content {
opacity: 1;
bottom: 11px
}
.prot_content {
right: 7px;
left: 7px
}
.prot_content h3 a {
font-size: 19px
}
#team:before {
display: none
}
.recent-post-text h4 a {
font-size: 15px;
line-height: 14px
}
.recent-post-text .rcomment {
color: #616161;
font-size: 13px
}
.classic-it-service .kc_col-sm-7,
.classic-it-service .kc_col-sm-5 {
width: 100% !important
}
.case_default .em-cases-study-content {
padding: 40px 10px;
top: 129%
}
.case_default .em-cases-study-title h2 a {
font-size: 19px
}
.effective-content p {
width: 85%
}
.heading_number {
float: none;
line-height: 1;
margin-top: 0;
margin-right: 0
}
.heading_title {
display: block
}
.style-two.em_work_progress:after {
display: none
}
.em-feature.style-five {
background: #232323
}
.em-slick-slider-new .slider-style-seven .banner-content {
top: 50%
}
.slider-style-seven .slider-video-icon {
top: 50%;
right: 10%
}
.image_background_circle_gray:after {
display: none
}
.odoo-consult-form .kc_col-sm-8 {
width: 50% !important
}
}
@media (max-width:767px) {
.em-slider-descript {
display: none
}
.em-feature-thumb img {
width: 100%
}
.em-slick-slider-new .slider-style-seven .banner-content {
top: 50%
}
.slider-style-seven .slider-video-icon {
display: none
}
.em-feature.style-five .em_content_text {
padding: 0
}
.image_background_circle_gray:after {
display: none
}
.banner-slider-content {
text-align: center
}
.classic-it-service .kc_col-sm-7,
.classic-it-service .kc_col-sm-5 {
width: 100% !important
}
.banner-slider-content h1,
.banner-slider-content h2 {
color: #fff;
font-size: 30px
}
.banner-slider-content p {
color: #fff;
width: 77%;
margin: 20px auto 32px
}
.em_work_progress-number:before {
display: none
}
.em-slider-button {
display: none
}
.section-title.t_center {
width: 100%
}
.section-title.t_right {
width: 100%
}
.about_shape img {
display: none !important
}
.em-nivo-slider-wrapper .nivo-controlNav {
bottom: 8px
}
.slider-style-four .slider-video-icon {
right: 42%;
top: 10%
}
.top-address {
text-align: center
}
.social-icons.text-right {
text-align: center
}
.footer-top-inner p {
width: 100%
}
.footer-menu ul {
margin: 10px 0 0;
text-align: center
}
.copy-right-text p {
text-align: center
}
.breadcumb-blog-area {
padding: 30px 0 50px
}
.em-blog-content-area_adn {
padding: 25px 15px 25px
}
.techno-blog-meta-left a,
.techno-blog-meta-left span {
margin-right: 17px
}
.post_reply ul,
.blog-content ul,
.single-blog-content ul {
padding-left: 20px
}
.post_reply ol,
.blog-content ol,
.single-blog-content ol {
padding-left: 20px
}
.comments-area .children {
margin-left: 10px
}
.pdsr {
padding-top: 50px
}
.pdsl {
padding-bottom: 90px
}
#wp-calendar {
display: block
}
.techno-blog-thumb_adn > a img {
width: 100%
}
.em-content-image > img {
width: 100%
}
.kc_video_play.kc_video_wrapper {
overflow: scroll
}
.form-address-item {
width: 100%;
margin-bottom: 30px
}
.footer-social-icon a i {
font-size: 16px;
height: 35px;
line-height: 35px;
width: 35px
}
.portfolio_nav ul li {
letter-spacing: 0;
display: block
}
.menu-height-space {
height: 0
}
.testimonial_list {
width: 100%
}
.curosel-style .owl-nav div {
left: 0
}
.curosel-style .owl-nav .owl-next {
left: auto;
right: 0
}
.em-feature-content-image img {
width: 100%
}
.em-call-to-action-desc {
width: 78%
}
.em-call-to-action-title h2 {
font-size: 18px
}
.em-call-to-action2 .em-call-to-action-desc {
width: 100%
}
.single-video h3 {
font-size: 16px;
padding-top: 0;
display: none
}
.single_header_address.ctrp {
padding-bottom: 40px
}
.section-title h2 {
font-size: 28px
}
.title_in_area {
width: 100%
}
.title_in {
float: none
}
.title_tx h2 {
font-size: 28px;
margin-bottom: 20px
}
.mean-container .mean-bar:before {
text-transform: uppercase;
top: 15px
}
.em-call-to-video {
display: none
}
.style-three .em-call-to-action-title span,
.em-call-to-action-title span {
width: 90%;
font-size: 30px
}
.style-three .em-call-to-action-title h2 {
font-size: 30px
}
.style-three .em-call-to-action-desc,
.em-call-to-action-desc {
width: 100%
}
.em_content_text {
bottom: -54px;
padding: 0 25px
}
.em-feature-title h2 {
margin: 7px 0 15px
}
.em-feature:hover .em_content_text {
bottom: 25px
}
.em-nivo-slider-wrapper .nivo-directionNav {
display: none
}
.em_slider_inner.container.text-right,
.em_slider_inner.container.text-center,
.em_slider_inner.container.text-left {
text-align: center
}
.footer-middle .widget h2 {
margin-top: 10px
}
.footer-middle {
padding: 70px 0 36px
}
.pr-title {
margin-bottom: 15px
}
.page-numbers li {
margin-bottom: 15px
}
.banner-content p {
width: 98%
}
.banner-slick.banner-content.banner-content p {
width: 85%;
text-align: center;
margin: auto
}
.banner-area .btn {
padding: 22px 27px;
font-size: 14px
}
.b-batton.active {
display: block
}
.banner-content {
/*top: 22%;*/
width: 100%
}
.em_slider_inner {
left: 0
}
.kc_tabs_nav,
.nav-pills {
border-bottom: 0;
padding-top: 29px !important
}
.kc_tabs_nav > li,
.nav-pills > li {
float: none !important;
display: block !important;
line-height: 0;
width: 100%
}
.nav-pills li i {
padding-top: 12px
}
.nav-pills > li + li {
margin-left: 0
}
.tab_pan_content {
padding-left: 0;
padding-top: 30px
}
a.active-tab-btn {
display: none
}
.em-slick-slider-new .banner-content {
left: 0;
text-align: center !important;
right: 0
}
.em_testi_text {
width: 90%
}
.single-video-content h4 {
letter-spacing: 2px
}
.single-video-content p {
width: 93%
}
.em-nivo-slider-wrapper .nivo-controlNav {
display: none
}
.em-slider-title {
font-size: 21px
}
.em-slick-slider-new {
z-index: 0
}
.testimonial_list.curosel-style .owl-nav .owl-prev {
display: none
}
.testimonial_list.curosel-style .owl-nav .owl-next {
display: none
}
.em-slick-slider-new .single-slide {
height: calc(90vh - 100px);
position: relative
}
.post-text blockquote:before {
left: 30px
}
.comments-area .children {
margin-left: 0
}
.techno-single-icon-inner a {
font-size: 14px;
height: 30px;
line-height: 30px;
margin: 0 3px;
width: 30px
}
.post_replay_inner {
display: block
}
.post_reply_thumb {
margin-bottom: 15px
}
.comment-respond {
padding: 23px 6px 40px
}
.techno_btn {
padding: 8px 18px
}
.textwidget-icon.social-profile li a {
width: 35px;
height: 35px;
line-height: 35px
}
.techno-blog-thumb img {
width: 100%
}
.author.mt-120 {
padding: 40px 15px 35px
}
.paginations a,
.page-numbers span.current {
width: 38px;
height: 38px;
line-height: 38px;
font-size: 15px;
margin: auto 3px
}
.footer-menu .social-icon {
width: 45px;
height: 45px;
line-height: 45px
}
.em-service2.smiddle {
text-align: center
}
.countr_text > h1 {
font-size: 40px;
padding-bottom: 0
}
.countr_text > h3 {
font-size: 40px
}
.banner-slick.banner-content h3,
.banner-slick.banner-content h2,
.banner-slick.banner-content h1 {
font-size: 30px
}
.banner-content.banner-slick.text-center h4 {
font-size: 15px
}
.em-slick-slider-new .single-slide {
height: 500px !important;
position: relative
background-position: right bottom;
}
.banner-content h2 {
font-size: 20px
}
.banner-area {
height: 715px
}
.banner-area.em-slick-slider-new {
height: auto
}
.em-service2.sright .em-service-icon {
float: none;
margin: 0
}
.blog-left-side {
margin-top: 30px
}
.em_feature_img {
float: none;
overflow: hidden;
margin-right: 0
}
.techno-single-blog-details-inner {
padding: 40px 30px
}
.banner-slick.banner-content h4 {
font-size: 18px;
margin-bottom: 23px
}
.breadcrumb_tran_header .breadcumb-area {
padding: 121px 0 110px
}
.author-img.text-center {
float: left;
margin-right: 0;
float: none;
margin-bottom: 20px
}
.author-text {
padding-top: 20px;
text-align: center
}
.copyright-social {
text-align: center;
padding-top: 10px
}
.slider_single_img {
display: none
}
#team:before {
display: none
}
.em_single_testimonial {
margin-top: 40px
}
.mailchim-form-inner {
padding: 33px 15px 40px
}
.mailchim-form-inner .widgettitle {
font-size: 23px
}
.mc4wp-form-fields button {
background: #fff;
color: #5451c1;
padding: 12px 43px;
position: inherit;
right: inherit;
top: inherit;
height: inherit;
display: inline-block;
-webkit-transform: inherit;
-ms-transform: inherit;
transform: inherit;
margin-top: 20px
}
.slick-style-two .banner-slick .b-batton {
float: none
}
.slider-video-icon {
display: none
}
.single-video {
margin-left: 0
}
.single-video .layer-1,
.single-video .layer-2,
.single-video .layer-3,
.single-video .layer-4 {
display: none
}
.em-service-thumb {
float: none;
margin-right: 0;
margin-bottom: 30px
}
.price_item span {
font-size: 43px
}
.portfolio_details {
padding: 40px 15px
}
.portfolio_info {
padding-left: 0
}
.em-blog-content-area {
padding: 28px 30px 30px
}
.meta_comments {
display: none !important
}
.techno-single-icon-inner a i {
font-size: 13px;
height: 30px;
line-height: 28px;
margin: 0;
width: 30px
}
.footer-middle {
padding: 80px 0 29px
}
.footer-menu .text-right {
text-align: center !important
}
.curosel-style .owl-nav div {
display: none
}
.prot_content h3 a {
font-size: 18px
}
.single_protfolio:hover .prot_content {
bottom: 11px
}
.kc_accordion_header > a {
font-size: 15px !important
}
.brpt h2 {
font-size: 31px;
margin-bottom: 13px
}
.em-slider-sub-title {
font-size: 50px
}
.kc-call-to-action .kc-cta-button a {
float: left !important
}
.kc-cta-3 .kc-cta-button {
width: 100% !important;
display: block !important
}
.kc-cta-3.kc-is-button .kc-cta-desc {
width: 100% !important;
display: block !important
}
.feature-style-two .em-feature-title h2 {
font-size: 17px
}
.effective-content p {
width: 85%
}
.effective-content h2 {
font-size: 40px
}
.effective_slider_btn a {
margin: 0 9px 20px
}
.em-feature.style-three {
padding: 50px 25px
}
.heading_number {
float: none;
line-height: 1;
margin-top: 0;
margin-right: 0
}
.heading_title {
display: block
}
.style-two.em_work_progress:after {
display: none
}
.style-three .counter_icon {
float: none;
margin-right: 0;
margin-bottom: 20px
}
.style-three .single_counter_inner {
text-align: center
}
.breadcumb-inner h2 {
font-size: 30px
}
.em-feature.style-five {
background: #232323
}
}
@media only screen and (min-width:480px) and (max-width:767px) {
.em-slider-button {
display: block;
margin-top: 24px
}
.single_protfolio:hover .prot_content {
bottom: 11px
}
.banner-slider-content h1,
.banner-slider-content h2 {
color: #fff;
font-size: 38px
}
a.active-tab-btn {
display: inline-block
}
.em-button-button-area a {
padding: 10px 18px;
font-size: 12px;
margin: 0 5px !important
}
.banner-content p {
width: 92%
}
.single-video h3 {
font-size: 22px
}
.brand_logo .kc_col-sm-2 {
width: 50% !important
}
.copy-right-text p {
font-size: 14px
}
.em-slider-sub-title {
font-size: 54px
}
.em-team-content-image img {
width: 100%
}
.countr_text > h1 {
font-size: 40px;
padding-bottom: 0
}
.countr_text > h3 {
font-size: 40px
}
.banner-slick.banner-content h3,
.banner-slick.banner-content h2,
.banner-slick.banner-content h1 {
font-size: 45px
}
.banner-content.banner-slick.text-center h4 {
font-size: 20px
}
}
@media only screen and (min-width:600px) and (max-width:767px) {
.techno-blog-meta-left_adn a,
.techno-blog-meta-left_adn span {
font-size: 12px
}
}
@media only screen and (-webkit-min-device-pixel-ratio:2) and (max-width:991.98px),
only screen and (-o-min-device-pixel-ratio:2/1) and (max-width:991.98px),
only screen and (min-device-pixel-ratio:2) and (max-width:991.98px),
only screen and (min-resolution:192dpi) and (max-width:991.98px),
only screen and (min-resolution:2dppx) and (max-width:991.98px) {
.logo a.standard-logo {
display: none
}
.logo a.retina-logo {
display: inline-block
}
}
@media only screen and (-webkit-min-device-pixel-ratio:3),
only screen and (-o-min-device-pixel-ratio:3/1),
only screen and (min-device-pixel-ratio:3),
only screen and (min-resolution:292dpi),
only screen and (min-resolution:3dppx) {
.logo a.standard-logo {
display: none;
margin-top: 25px;
}
.logo a.retina-logo {
display: inline-block;
margin-top: 25px;
}
.techno_nav_area.prefix, .hbg2 .retina-logo{
margin-top: 0px ;
}
}
@media only screen and (-webkit-min-device-pixel-ratio:2),
only screen and (-o-min-device-pixel-ratio:2/1),
only screen and (min-device-pixel-ratio:2),
only screen and (min-resolution:192dpi),
only screen and (min-resolution:2dppx) {
.logo a.standard-logo {
display: none;
margin-top: 25px;
}
.logo a.retina-logo {
display: inline-block;
margin-top: 25px;
padding-top: 25px;
}
.techno_nav_area.prefix, .hbg2 .retina-logo{
margin-top: 10px !important;
}
}
table.shop_table_responsive thead {
display: none
}
table.shop_table_responsive tbody th {
display: none
}
table.shop_table_responsive tr td {
display: block;
text-align: right;
clear: both
}
table.shop_table_responsive tr td:before {
content: attr(data-title) ": ";
float: left
}
table.shop_table_responsive tr td.product-remove a {
text-align: left
}
table.shop_table_responsive tr td.product-remove:before {
display: none
}
table.shop_table_responsive tr td.actions:before,
table.shop_table_responsive tr td.download-actions:before {
display: none
}
table.shop_table_responsive tr td.download-actions .button {
display: block;
text-align: center
}
@media screen and (min-width:48em) {
table.shop_table_responsive thead {
display: table-header-group
}
table.shop_table_responsive tbody th {
display: table-cell
}
table.shop_table_responsive tr th,
table.shop_table_responsive tr td {
text-align: left
}
table.shop_table_responsive tr td {
display: table-cell
}
table.shop_table_responsive tr td:before {
display: none
}
}
ul.products {
content: "";
display: table;
table-layout: fixed;
margin: 0;
padding: 0
}
ul.products li.product {
list-style: none;
position: relative;
margin-bottom: 2em
}
ul.products li.product .woocommerce-loop-product__title {
font-size: 1rem
}
ul.products li.product img {
display: block
}
ul.products li.product .button {
display: block
}
@media screen and (min-width:48em) {
ul.products li.product {
width: 30.7966666667%;
float: left;
margin-right: 3.8%
}
ul.products li.product.first {
clear: both
}
ul.products li.product.last {
margin-right: 0
}
.columns-1 ul.products li.product {
float: none;
width: 100%
}
.columns-2 ul.products li.product {
width: 48.1%
}
.columns-3 ul.products li.product {
width: 30.7966666667%
}
.columns-4 ul.products li.product {
width: 23.1%
}
.columns-5 ul.products li.product {
width: 16.96%
}
.columns-6 ul.products li.product {
width: 13.4933333333%
}
}
.single-product div.product {
content: "";
display: table;
table-layout: fixed;
position: relative
}
.single-product div.product .woocommerce-product-gallery {
position: relative
}
.single-product div.product .woocommerce-product-gallery .woocommerce-product-gallery__trigger {
position: absolute;
top: 1em;
right: 1em;
display: block;
z-index: 99
}
.single-product div.product .woocommerce-product-gallery .flex-viewport {
margin-bottom: 1em
}
.single-product div.product .woocommerce-product-gallery .flex-control-thumbs {
content: "";
display: table;
table-layout: fixed;
margin: 0;
padding: 0
}
.single-product div.product .woocommerce-product-gallery .flex-control-thumbs li {
list-style: none;
cursor: pointer;
float: left
}
.single-product div.product .woocommerce-product-gallery .flex-control-thumbs li img {
opacity: .5
}
.single-product div.product .woocommerce-product-gallery .flex-control-thumbs li img.flex-active {
opacity: 1
}
.single-product div.product .woocommerce-product-gallery .flex-control-thumbs li:hover img {
opacity: 1
}
.single-product div.product .woocommerce-product-gallery.woocommerce-product-gallery--columns-2 .flex-control-thumbs li {
width: 48.1%
}
.single-product div.product .woocommerce-product-gallery.woocommerce-product-gallery--columns-2 .flex-control-thumbs li:nth-child(2n) {
margin-right: 0
}
.single-product div.product .woocommerce-product-gallery.woocommerce-product-gallery--columns-2 .flex-control-thumbs li:nth-child(2n+1) {
clear: both
}
.single-product div.product .woocommerce-product-gallery.woocommerce-product-gallery--columns-3 .flex-control-thumbs li {
width: 30.7966666667%
}
.single-product div.product .woocommerce-product-gallery.woocommerce-product-gallery--columns-3 .flex-control-thumbs li:nth-child(3n) {
margin-right: 0
}
.single-product div.product .woocommerce-product-gallery.woocommerce-product-gallery--columns-3 .flex-control-thumbs li:nth-child(3n+1) {
clear: both
}
.single-product div.product .woocommerce-product-gallery.woocommerce-product-gallery--columns-4 .flex-control-thumbs li {
width: 22.15%
}
.single-product div.product .woocommerce-product-gallery.woocommerce-product-gallery--columns-4 .flex-control-thumbs li:nth-child(4n) {
margin-right: 0
}
.single-product div.product .woocommerce-product-gallery.woocommerce-product-gallery--columns-4 .flex-control-thumbs li:nth-child(4n+1) {
clear: both
}
.single-product div.product .woocommerce-product-gallery.woocommerce-product-gallery--columns-5 .flex-control-thumbs li {
width: 16.96%
}
.single-product div.product .woocommerce-product-gallery.woocommerce-product-gallery--columns-5 .flex-control-thumbs li:nth-child(5n) {
margin-right: 0
}
.single-product div.product .woocommerce-product-gallery.woocommerce-product-gallery--columns-5 .flex-control-thumbs li:nth-child(5n+1) {
clear: both
}
.stock:empty:before {
display: none
}
.stock.in-stock {
color: #0f834d
}
.stock.out-of-stock {
color: #e2401c
}
@media screen and (min-width:768px) {
.col2-set .form-row-first {
float: left;
margin-right: 3.8%
}
.col2-set .form-row-last {
float: right;
margin-right: 0
}
.col2-set .form-row-first,
.col2-set .form-row-last {
width: 48.1%
}
}
.site-header-cart {
position: relative;
margin: 0;
padding: 0;
content: "";
display: table;
table-layout: fixed
}
.site-header-cart .cart-contents {
text-decoration: none
}
.site-header-cart .widget_shopping_cart {
display: none
}
.site-header-cart .product_list_widget {
margin: 0;
padding: 0
}
.star-rating {
overflow: hidden;
position: relative;
height: 1.618em;
line-height: 1.618;
font-size: 1em;
width: 5.3em;
font-family: 'star';
font-weight: 400
}
.star-rating:before {
content: "\53\53\53\53\53";
opacity: .25;
float: left;
top: 0;
left: 0;
position: absolute
}
.star-rating span {
overflow: hidden;
float: left;
top: 0;
left: 0;
position: absolute;
padding-top: 1.5em
}
.star-rating span:before {
content: "\53\53\53\53\53";
top: 0;
position: absolute;
left: 0;
color: #0c5adb
}
p.stars a {
position: relative;
height: 1em;
width: 1em;
text-indent: -999em;
display: inline-block;
text-decoration: none;
margin-right: 1px;
font-weight: 400
}
p.stars a:before {
display: block;
position: absolute;
top: 0;
left: 0;
width: 1em;
height: 1em;
line-height: 1;
font-family: "star";
content: "\53";
color: #404040;
text-indent: 0;
opacity: .25
}
p.stars a:hover ~ a:before {
content: "\53";
color: #404040;
opacity: .25
}
p.stars:hover a:before {
content: "\53";
color: #0c5adb;
opacity: 1
}
p.stars.selected a.active:before {
content: "\53";
color: #0c5adb;
opacity: 1
}
p.stars.selected a.active ~ a:before {
content: "\53";
color: #404040;
opacity: .25
}
p.stars.selected a:not(.active):before {
content: "\53";
color: #0c5adb;
opacity: 1
}
.woocommerce-tabs ul.tabs {
list-style: none;
margin: 0;
padding: 0;
text-align: left
}
.woocommerce-tabs ul.tabs li {
display: block;
margin: 0;
position: relative
}
.woocommerce-tabs ul.tabs li a {
padding: 1em 0;
display: block
}
.woocommerce-tabs .panel h2:first-of-type {
margin-bottom: 1em
}
.woocommerce-password-strength {
text-align: right
}
.woocommerce-password-strength.strong {
color: #0f834d
}
.woocommerce-password-strength.short {
color: #e2401c
}
.woocommerce-password-strength.bad {
color: #e2401c
}
.woocommerce-password-strength.good {
color: #3d9cd2
}
.woocommerce form .form-row.woocommerce-validated .select2-container,
.woocommerce form .form-row.woocommerce-validated input.input-text,
.woocommerce form .form-row.woocommerce-validated select {
border-color: #0c5adb
}
.form-row.woocommerce-validated input.input-text {
box-shadow: inset 2px 0 0 #0c5adb
}
.form-row.woocommerce-invalid input.input-text {
box-shadow: inset 2px 0 0 #0c5adb
}
.required {
color: red
}
.woocommerce-message,
.woocommerce-info,
.woocommerce-error,
.woocommerce-noreviews,
p.no-comments {
content: "";
display: block;
table-layout: fixed;
background-color: #fff;
clear: both
}
.woocommerce-message {
border-top-color: #0c5adb
}
.woocommerce-info,
.woocommerce-noreviews,
p.no-comments {
background-color: #3d9cd2
}
.woocommerce-message:before {
content: "\e015";
color: #0c5adb
}
.woocommerce-error {
background-color: #fff
}
.woocommerce-message a.button {
padding: 16px 30px;
background-color: #0c5adb;
color: #fff
}
.woocommerce div.product p.price,
.woocommerce div.product span.price {
color: #0c5adb;
font-size: 1.7em;
font-weight: 700
}
.woocommerce div.product .stock {
color: #0c5adb
}
.demo_store {
position: fixed;
left: 0;
bottom: 0;
right: 0;
margin: 0;
padding: 1em;
background-color: #3d9cd2;
z-index: 9999
}
.woocommerce #respond input#submit,
.woocommerce a.button,
.woocommerce button.button,
.woocommerce input.button {
margin: 0;
padding: 15px 20px;
color: #fff;
background-color: #0c5adb;
display: inline-block
}
.woocommerce #respond input#submit:hover,
.woocommerce a.button:hover,
.woocommerce button.button:hover,
.woocommerce input.button:hover {
background-color: #23282d;
color: #fff
}
@media screen and (min-width:48em) {
.site-header-cart .widget_shopping_cart {
position: absolute;
top: 100%;
width: 100%;
z-index: 999999;
left: -999em;
display: block;
box-shadow: 0 3px 3px rgba(0, 0, 0, .2)
}
.site-header-cart:hover .widget_shopping_cart,
.site-header-cart.focus .widget_shopping_cart {
left: 0;
display: block
}
}
.widget_price_filter .price_slider {
margin-bottom: 1.5em
}
.widget_price_filter .price_slider_amount {
text-align: right;
line-height: 2.4em
}
.widget_price_filter .price_slider_amount .button {
float: left
}
.widget_price_filter .ui-slider {
position: relative;
text-align: left
}
.widget_price_filter .ui-slider .ui-slider-handle {
position: absolute;
z-index: 2;
width: 1em;
height: 1em;
cursor: ew-resize;
outline: none;
background: #0c5adb;
box-sizing: border-box;
margin-top: -.25em;
opacity: 1
}
.widget_price_filter .ui-slider .ui-slider-handle:last-child {
margin-left: -1em
}
.widget_price_filter .ui-slider .ui-slider-handle:hover,
.widget_price_filter .ui-slider .ui-slider-handle.ui-state-active {
box-shadow: 0 0 0 .25em rgba(0, 0, 0, .1)
}
.widget_price_filter .ui-slider .ui-slider-range {
position: absolute;
z-index: 1;
display: block;
border: 0;
background: #0c5adb
}
.widget_price_filter .price_slider_wrapper .ui-widget-content {
background: rgba(0, 0, 0, .1)
}
.widget_price_filter .ui-slider-horizontal {
height: .5em
}
.widget_price_filter .ui-slider-horizontal .ui-slider-range {
height: 100%
}
ul.products {
width: 100%
}
.technowpro-img {
height: 350px;
width: 100%;
background-size: cover;
background-position: center center;
background-repeat: no-repeat;
position: relative;
border-bottom: 1px solid rgba(220, 220, 220, .5);
overflow: hidden
}
ul.products li.product.last {
margin-right: 0 !important
}
.woocommerce ul.products li.product,
.woocommerce-page ul.products li.product {
float: left;
margin: 0 2.5% 2.992em 0;
padding: 0;
position: relative;
width: 23.05%
}
.woocommerce ul.products li.product .woocommerce-loop-category__title,
.woocommerce ul.products li.product .woocommerce-loop-product__title,
.woocommerce ul.products li.product h3 {
padding: 16px 0;
margin: 0;
font-size: 22px
}
.techno-wpro-title a h2 {
margin: 0 !important;
padding: 15px 0 5px !important
}
.woocommerce ul.products li.product .price {
color: #0c5adb;
display: block;
margin-bottom: 0;
font-size: 16px;
font-weight: 700
}
.woocommerce ul.products li.product a:hover h2 {
color: #0c5adb;
transition: .4s
}
.woocommerce ul.products li.product a {
transition: .4s
}
.techno-wpro-rprice.row span.price {
margin: 0;
padding: 0
}
.techno-wpro-rprice.row .star-ratting {
flex-grow: 1
}
.techno-wpro-rprice.row .star-rating {
flex-grow: 1
}
.techno-wpro-rprice.row {
padding: 0 15px;
display: block;
text-align: center
}
.techno-wproducts {
background-color: #fff
}
.techno-wpro-item-content {
padding: 0 12px;
text-align: center
}
.techno-plist-view .techno-wpro-item-content {
padding: 0 12px;
text-align: left
}
.techno-plist-view .techno-wpro-rprice.row {
padding: 0 15px;
display: block;
text-align: left
}
.woocommerce ul.products li.product .star-rating {
font-size: 16px
}
.woocommerce .star-rating:before {
color: #0c5adb
}
.woocommerce span.onsale {
min-height: 15px;
min-width: 52px;
padding: 3px 6px;
line-height: 24px;
margin: 0;
border-radius: 0;
background-color: #0c5adb;
font-size: 13px;
margin: 0 !important;
z-index: 99999
}
.woocommerce ul.products li.product .onsale {
z-index: 999;
top: 8px;
right: auto;
left: 7px;
margin: -.5em -.5em 0 0
}
span.onsale:after {
content: "";
padding: 3px;
top: -7px;
position: absolute;
left: 4px;
right: 0;
width: 0;
height: 0;
border-top: 12px solid transparent;
border-left: 22px solid #0c5adb;
border-bottom: 0 solid transparent
}
.tafo-wpro-addtocart,
.techno-wpro-btn-compare,
.techno-wpro-wishlist-btn,
.techno-quick-view {
display: inline-block;
overflow: hidden;
margin: 0;
padding: 0;
line-height: 12px
}
ul.products li.product .button.added {
display: none
}
a.added_to_cart.wc-forward {
background-color: #0c5adb;
padding: 16px 22px;
border-radius: 4px;
color: #fff
}
ul.products li.product .button.added {
display: none
}
a.added_to_cart.wc-forward {
background-color: #0c5adb;
padding: 16px 22px;
border-radius: 4px;
color: #fff
}
a.compare.added {
font-size: 0;
background-color: #0c5adb
}
a.compare.added:after {
content: "\f079";
font-size: 14px;
font-family: fontawesome
}
.techno-wpro-btn {
overflow: hidden;
padding: 10px 0 20px
}
.tafo-wpro-addtocart a.button {
padding: 16px 28px;
background-color: #0c5adb;
color: #fff;
font-weight: 600;
font-size: 14px;
border-radius: 0;
text-transform: uppercase
}
.tafo-wpro-addtocart {
position: absolute;
bottom: -57px;
left: 0;
right: 0;
margin: auto;
width: 93%;
transition: .4s
}
.techno-wproducts:hover .tafo-wpro-addtocart {
bottom: 15px
}
.tafo-wpro-addtocart a.button:hover {
background-color: #202328;
color: #fff
}
a.compare,
.yith-wcwl-add-button a,
a.yith-wcqv-button {
width: 35px;
height: 35px;
display: inline-block;
text-align: center;
background-color: #0c5adb;
color: #fff;
clear: both;
overflow: hidden;
font-size: 14px;
border-radius: 3px;
line-height: 35px;
margin: 0 5px
}
a.compare:hover,
.yith-wcwl-add-button a:hover,
a.yith-wcqv-button:hover {
color: #fff;
background-color: #232323
}
.yith-wcwl-wishlistaddedbrowse span.feedback,
.yith-wcwl-wishlistexistsbrowse span.feedback {
display: none
}
.yith-wcwl-wishlistaddedbrowse a,
.yith-wcwl-wishlistexistsbrowse a {
font-size: 0;
width: 45px;
height: 45px;
display: inline-block;
text-align: center;
background-color: #0c5adb;
color: #fff;
border-radius: 4px;
padding: 18px 0
}
.yith-wcwl-wishlistaddedbrowse a:before,
.yith-wcwl-wishlistexistsbrowse a:before {
content: "\f004";
font-family: fontawesome;
font-size: 14px
}
.woocommerce nav.woocommerce-pagination ul {
border: 1px solid transparent
}
.woocommerce nav.woocommerce-pagination ul li {
border-right: 1px solid transparent;
margin: 2px
}
.woocommerce nav.woocommerce-pagination ul li a:focus,
.woocommerce nav.woocommerce-pagination ul li a:hover,
.woocommerce nav.woocommerce-pagination ul li span.current {
background: #0c5adb;
color: #fff
}
.woocommerce nav.woocommerce-pagination ul li a,
.woocommerce nav.woocommerce-pagination ul li span {
font-size: 1em;
padding: .5em;
min-width: 35px;
min-height: 35px;
padding: 11px;
background-color: #202328;
color: #fff
}
.woocommerce ul.product_list_widget li {
padding: 10px 0
}
.woocommerce ul.product_list_widget li img {
width: 48px
}
.woocommerce ul.product_list_widget li .star-rating {
float: none;
margin: 8px 0
}
.widget_product_search form.woocommerce-product-search {
position: relative
}
.widget_product_search button {
position: absolute;
top: 0;
right: -9px;
font-size: 0;
border: 0;
background-color: #0c5adb;
color: #fff;
cursor: pointer;
transition: .4s;
height: 100%;
width: 23%
}
.widget_product_search button:after {
content: "\f002";
font-family: fontawesome;
font-size: 14px;
position: relative;
top: 0
}
.widget_product_search form.woocommerce-product-search input {
border: 0;
padding-left: 8px;
background: #f6f6f6;
height: 50px
}
.widget_product_search button:hover {
background-color: #202328;
color: #fff;
transition: .4s
}
.yith-woocompare-widget a.compare.added.button {
margin: 0;
width: auto;
height: auto;
background: 0 0;
color: #000
}
.woocommerce.widget_price_filter .ui-slider-horizontal {
height: 3px
}
.woocommerce.widget_price_filter .ui-slider .ui-slider-range {
background-color: #0c5adb
}
.woocommerce.widget_price_filter .ui-slider .ui-slider-handle {
width: 10px;
height: 10px;
background-color: #0c5adb;
top: 0;
margin-left: -.5em
}
.widget.woocommerce.widget_price_filter .price_slider_wrapper {
padding-top: 15px
}
.widget.woocommerce.widget_price_filter .price_slider_wrapper .price_slider_amount {
padding-top: 15px
}
.widget.woocommerce.widget_price_filter .price_slider_wrapper .price_label {
padding-top: 8px
}
.select2-container--default .select2-selection--multiple {
background-color: #f0f5fe;
border: 1px solid transparent;
border-radius: 0;
cursor: pointer;
padding: 7px 10px
}
.select2-container--default.select2-container--focus .select2-selection--multiple {
border: solid #0c5adb 1px
}
.select2-container--default .select2-selection--multiple .select2-selection__choice {
background-color: #0c5adb;
border: 1px solid #0c5adb;
padding: 1px 7px;
color: #fff;
font-size: 14px
}
.select2-container--default .select2-selection--multiple .select2-selection__choice__remove {
color: #fff
}
.widget.woocommerce.widget_price_filter .price_slider_wrapper {
padding-top: 15px
}
.widget.woocommerce.widget_price_filter .price_slider_wrapper .price_slider_amount {
padding-top: 15px
}
.widget.woocommerce.widget_price_filter .price_slider_wrapper .price_label {
padding-top: 8px
}
button.woocommerce-widget-layered-nav-dropdown__submit {
background: #0c5adb;
border: none;
padding: 7px 20px;
color: #fff;
cursor: pointer;
border-radius: 5px
}
.widget_price_filter button.button:hover {
background-color: #202328;
color: #fff
}
.widget_price_filter button.button {
background: #0c5adb;
color: #fff;
font-size: 12px !important;
transition: .4s
}
.row.single-pro-top {
overflow: hidden;
padding: 34px 17px 30px;
background-color: #f9f9f9;
margin-bottom: 50px;
margin-right: 0;
margin-left: 0;
margin-top: 70px
}
.techno-spimg {
border: 1px solid #00000014
}
.techno-sspimg {
cursor: pointer
}
.woocommerce #content div.product div.summary,
.woocommerce div.product div.summary,
.woocommerce-page #content div.product div.summary,
.woocommerce-page div.product div.summary {
float: right;
width: 100%;
clear: none
}
.single-product div.product {
display: block
}
.techno-sspimg img {
border: 1px solid rgba(239, 239, 239, .6);
cursor: pointer
}
.techno-spimg {
border: 1px solid rgba(239, 239, 239, .6)
}
.techno-product-small-img {
margin-top: 20px
}
.woocommerce .techno-product-small-img button.slick-arrow {
display: none !important
}
.techno-product-small-img .slick-dots li {
position: relative;
display: inline-block;
width: 10px;
height: 10px;
margin: 0 2px;
padding: 0;
cursor: pointer
}
.techno-product-small-img .slick-slide .techno-sspimg {
position: relative
}
.techno-product-small-img .slick-slide .techno-sspimg:after {
content: "";
width: 91%;
height: 2px;
background: #0c5adb;
position: absolute;
bottom: 4px;
margin: 0 auto;
text-align: center;
transition: .4s
}
.techno-product-small-img .slick-slide .techno-sspimg:hover:after {
height: 100%;
transition: .4s;
background-color: rgba(238, 50, 74, .47843137254901963);
z-index: 1;
cursor: pointer
}
.single-product.woocommerce div.product form.cart {
margin-bottom: 0;
display: inline-block
}
.woocommerce #respond input#submit.alt,
.woocommerce a.button.alt,
.woocommerce button.button.alt,
.woocommerce input.button.alt {
background-color: #0c5adb
}
.single-product .yith-wcwl-add-to-wishlist {
margin-top: 0;
display: inline-block;
clear: both
}
.single-product a.compare.button {
display: inline-block;
clear: both;
overflow: hidden;
position: relative;
font-size: 0;
width: 45px;
height: 45px;
text-align: center;
background: #212529;
color: #fff;
padding: 17px 0;
font-weight: 400;
border-radius: 5px;
margin: 0 4px
}
button.single_add_to_cart_button.button {
background-color: #0c5adb;
padding: 16px 20px;
text-transform: capitalize;
font-size: 14px;
position: relative;
transition: .4s
}
button.single_add_to_cart_button.button:hover {
background-color: #000 !important;
transition: .4s
}
.single-product a.compare.button:after {
content: "\f079";
font-family: fontawesome;
font-size: 14px
}
.single-product a.compare.button:hover {
background-color: #0c5adb
}
.single-product .yith-wcwl-add-to-wishlist {
text-align: center;
margin-left: 7px;
margin-right: 4px
}
.summary.entry-summary .yith-wcwl-add-to-wishlist a {
color: #fff;
width: 45px;
height: 45px;
background: #000;
display: inline-block;
padding: 11px;
border-radius: 5px;
line-height: inherit;
overflow: hidden
}
.summary.entry-summary .yith-wcwl-add-to-wishlist a:hover {
background-color: #0c5adb
}
.summary.entry-summary .quantity input {
margin-bottom: 0;
padding: 10px 0;
background-color: #f7f7f7;
border: 1px solid #ddd;
margin-right: 8px
}
.single-product a.compare.button.added:after {
margin-right: 6px
}
.single-product a.compare.button.added:after {
margin-right: 6px
}
.single-product .product_meta > span {
display: block;
line-height: 27px
}
.single-product .product_meta {
margin-top: 17px
}
.woocommerce-product-details__short-description {
margin-bottom: 0
}
.woocommerce-tabs.wc-tabs-wrapper {
background-color: #f9f9f9;
padding: 40px 31px 8px;
margin-bottom: 50px
}
.woocommerce div.product .woocommerce-tabs ul.tabs li:after,
.woocommerce div.product .woocommerce-tabs ul.tabs li:before,
.woocommerce div.product .woocommerce-tabs ul.tabs:before,
.woocommerce div.product .woocommerce-tabs ul.tabs:after {
content: unset !important
}
.woocommerce div.product .woocommerce-tabs ul.tabs li.active {
background: #0c5adb;
border-bottom-color: transparent
}
.related.products {
padding: 30px 40px 0;
background: #f9f9f9;
margin-bottom: 50px
}
.woocommerce div.product .woocommerce-tabs ul.tabs li {
border: none;
display: inline-block;
position: relative;
z-index: 0;
border-radius: 0;
margin-right: 5px;
padding: 0
}
.woocommerce div.product .woocommerce-tabs ul.tabs li a {
font-weight: 400;
color: #000;
font-size: 15px;
font-weight: 700;
padding: 12px 25px;
background-color: #e8e8ef
}
.woocommerce div.product .woocommerce-tabs ul.tabs li.active a {
color: #fff;
text-shadow: none;
background-color: #0c5adb
}
.woocommerce div.product .woocommerce-tabs ul.tabs {
padding: 0
}
.woocommerce div.product .woocommerce-tabs ul.tabs li a:hover {
background-color: #0c5adb
}
.woocommerce div.product .woocommerce-tabs ul.tabs li a:hover {
color: #fff
}
.woocommerce-tabs .panel h2 {
font-size: 24px;
color: #000
}
.woocommerce-Reviews form#commentform p.comment-notes {
width: 100% !important
}
.woocommerce #review_form #respond p.comment-form-author {
margin-right: 15px
}
.woocommerce #review_form #respond p.comment-form-author,
.woocommerce #review_form #respond p.comment-form-email {
margin: 0 0 10px;
width: 49%;
display: inline-block;
clear: both;
overflow: hidden
}
.woocommerce-Reviews form#commentform p.comment-notes {
width: 100% !important
}
.woocommerce #review_form #respond p.comment-form-author {
margin-right: 15px
}
div#review_form {
border: 1px solid #e2e0e0;
padding: 24px
}
.woocommerce #respond input#submit {
padding: 18px 33px;
background-color: #0c5adb;
color: #fff !important;
margin-top: 20px;
transition: .4s
}
.woocommerce #respond input#submit:hover {
background-color: #202328;
transition: .4s
}
section.up-sells.upsells.products > h2 {
padding: 30px 0
}
section.related.products > h2 {
margin-bottom: 33px
}
h2.woocommerce-products-header__title.page-title,
.woocommerce .woocommerce-breadcrumb,
.woocommerce .woocommerce-breadcrumb a {
color: #fff
}
.woocommerce .slick-dots {
text-align: center;
padding: 0;
margin-bottom: 0;
padding-top: 20px;
width: 100%
}
.woocommerce .slick-dots li button {
width: auto;
height: 3px;
margin: 5px;
background-color: #000
}
.woocommerce .slick-dots li button:hover {
background-color: #0c5adb
}
table.shop_table_responsive tr td.product-remove a {
text-align: center;
padding: 0;
margin: 0;
width: auto;
color: #0c5adb !important
}
tr.woocommerce-cart-form__cart-item.cart_item {
border-bottom: .5px solid #e6e6e6;
border-right: .5px solid #e6e6e6
}
tr.woocommerce-cart-form__cart-item.cart_item td {
padding: 5px 10px;
border-right: 1px solid #d8d8d8
}
table.shop_table_responsive tr td.product-remove a:hover {
background: 0 0;
color: #000 !important
}
.woocommerce table.shop_table th:last-child {
border-right: none
}
.woocommerce table.shop_table th {
font-weight: 600;
color: #000;
border-right: 1px solid #d8d8d8
}
.woocommerce table.shop_table {
border: 1px solid #d8d8d8;
margin: 0 0 40px;
border-radius: 0
}
.woocommerce table,
.woocommerce table th,
.woocommerce table td {
border: none;
border-bottom: 1px solid #d8d8d8
}
tr.woocommerce-cart-form__cart-item.cart_item td:last-child {
border-right: none
}
.woocommerce table.shop_table td {
border-top: none
}
.woocommerce table.shop_table td.actions {
border-bottom: transparent
}
.woocommerce table.cart td.actions .input-text,
.woocommerce-page #content table.cart td.actions .input-text,
.woocommerce-page table.cart td.actions .input-text {
max-width: 170px;
width: 100%;
padding: 10px
}
.woocommerce button.button:disabled,
.woocommerce button.button:disabled[disabled] {
padding: 13px 16px;
color: #fff
}
.cart_totals h2 {
margin-bottom: 21px
}
.woocommerce #content table.cart td.actions,
.woocommerce table.cart td.actions,
.woocommerce-page #content table.cart td.actions,
.woocommerce-page table.cart td.actions {
padding: 25px
}
.woocommerce .cart-collaterals .cart_totals,
.woocommerce-page .cart-collaterals .cart_totals {
margin-bottom: 80px;
background-color: #fff;
padding: 27px;
padding-bottom: 0
}
.woocommerce #respond input#submit.alt:hover,
.woocommerce a.button.alt:hover,
.woocommerce button.button.alt:hover,
.woocommerce input.button.alt:hover {
background-color: #222;
color: #fff
}
.woocommerce-info,
.woocommerce-noreviews {
background: #f6f6f6
}
.woocommerce-info {
border-top-color: #0c5adb
}
.woocommerce-info:before {
color: #0c5adb
}
.woocommerce .col2-set .col-1,
.woocommerce-page .col2-set .col-1,
.woocommerce .col2-set .col-2,
.woocommerce-page .col2-set .col-2 {
max-width: 100%
}
.woocommerce .select2-container--default .select2-selection--single {
background-color: #f7f7f7;
border: 1px solid transparent;
border-radius: 4px;
height: 50px;
padding: 12px 0
}
.woocommerce .select2-container--default .select2-selection--single .select2-selection__arrow {
height: 49px;
position: absolute;
top: 1px;
right: 9px;
width: 20px
}
.woocommerce span.woocommerce-input-wrapper {
width: 100%
}
.woocommerce span.woocommerce-input-wrapper input {
border: 1px solid transparent
}
.woocommerce span.woocommerce-input-wrapper textarea {
border: 1px solid transparent
}
h3#order_review_heading {
color: #000;
margin-top: 30px;
margin-bottom: 23px
}
.woocommerce-checkout-review-order tr th {
border: none;
text-align: left !important;
margin: 0
}
.woocommerce-checkout-review-order tr th:first-child {
border-right: 1px solid #e6e6e6
}
.woocommerce-checkout-review-order tbody tr {
border: none;
padding: 0
}
table.shop_table.woocommerce-checkout-review-order-table td {
border-right: none;
border-bottom: none;
padding: 14px 12px;
border-left: none
}
.woocommerce-checkout-review-order tbody tr td:first-child {
border-right: 1px solid #e5e5e5
}
.woocommerce .col2-set,
.woocommerce-page .col2-set {
width: 100%;
background-color: #fff;
padding-top: 30px;
padding-bottom: 30px
}
div#order_review {
background-color: #fff;
padding: 30px
}
#add_payment_method #payment,
.woocommerce-cart #payment,
.woocommerce-checkout #payment {
background: #f7f7f7;
border-radius: 5px
}
div#order_review {
background-color: #fff;
padding: 30px;
margin-bottom: 80px
}
form.woocommerce-cart-form {
background-color: #fff;
padding: 30px;
padding-bottom: 1px;
margin-bottom: 49px
}
nav.woocommerce-MyAccount-navigation ul {
padding: 0;
list-style: none
}
nav.woocommerce-MyAccount-navigation ul li {
line-height: 40px
}
nav.woocommerce-MyAccount-navigation {
margin-bottom: 80px
}
nav.woocommerce-MyAccount-navigation ul li a {
display: block;
background-color: #e4e9f1;
color: #000;
padding: 3px 23px;
margin: 8px 0
}
nav.woocommerce-MyAccount-navigation ul li a:hover,
nav.woocommerce-MyAccount-navigation ul li.is-active a {
background-color: #0c5adb;
color: #fff
}
.woocommerce-MyAccount-content h3 {
color: #000
}
.woocommerce-MyAccount-content .woocommerce-address-fields > p > button {
margin-top: 30px !important
}
.woocommerce-account .woocommerce-MyAccount-content {
float: right;
width: 68%;
background-color: #fff;
padding: 40px;
padding-bottom: 16px;
margin-bottom: 80px
}
.woocommerce-MyAccount-content span.password-input {
width: 100%
}
.techno-mini-cart-items {
position: absolute;
z-index: 10;
visibility: hidden;
opacity: 0;
top: -webkit-calc(100% + 1px);
top: expression(100% + 1px);
top: -moz-calc(100% + 1px);
top: -o-calc(100% + 1px);
top: calc(100% + 1px);
right: -30px;
background: #fff;
width: 330px;
padding: 30px;
box-shadow: 8px 8px 30px 0px rgba(42, 67, 113, .15);
-webkit-box-shadow: 8px 8px 30px 0px rgba(42, 67, 113, .15);
-moz-box-shadow: 8px 8px 30px 0px rgba(42, 67, 113, .15);
-webkit-transform: translateY(30px);
-ms-transform: translateY(30px);
transform: translateY(30px);
transition: all .3s ease-in-out;
-webkit-transition: all .3s ease-in-out;
-moz-transition: all .3s ease-in-out;
-o-transition: all .3s ease-in-out;
-ms-transition: all .3s ease-in-out
}
.techno-hmini:hover .techno-mini-cart-items {
visibility: visible;
opacity: 1;
-webkit-transform: translateY(0px);
-ms-transform: translateY(0px);
transform: translateY(0px)
}
.techno-mini-cart-items h2.widgettitle {
display: none
}
a.mini-cart-button {
display: inline-flex;
align-items: center;
justify-content: center;
position: relative
}
.techno-mini-cart-items p.woocommerce-mini-cart__total.total {
padding-top: 20px
}
.techno-mini-cart-items p.woocommerce-mini-cart__buttons.buttons {
margin-bottom: 0;
text-align: left
}
.techno-mini-cart-items .woocommerce-mini-cart__total.total span.woocommerce-Price-amount.amount {
float: right
}
.techno-mini-cart-items .widget_shopping_cart_content li:last-child {
margin-bottom: 15px
}
.techno-mini-cart-items span.quantity {
font-size: 90%
}
.techno-mini-cart-items li.woocommerce-mini-cart-item.mini_cart_item a {
font-size: 16px
}
.techno-mini-cart-items a.remove.remove_from_cart_button {
margin: 6px 0;
font-size: 23px
}
.techno-mini-cart-items a.button.checkout.wc-forward {
margin-left: 15px
}
a.mini-cart-button label {
width: 18px;
height: 18px;
background: #0c5adb;
border-radius: 100%;
text-align: center;
font-size: 69%;
color: #fff;
line-height: 18px;
position: relative;
top: -7px;
left: -5px;
font-weight: 600
}
li.techno-mini-cart-items .widget.woocommerce.widget_shopping_cart {
margin-bottom: 0
}
ul.techno-hmini {
list-style: none;
padding: 0;
margin: 0;
min-height: 40px;
display: inline-flex;
flex-direction: column;
align-items: center;
justify-content: center;
margin-left: 6px
}
a.cart-contents > span {
color: #fff;
display: inline-block;
height: 30px;
width: 30px;
background: #0c5adb;
text-align: center;
line-height: 30px;
border-radius: 3px
}
ul.techno-hmini span.count {
font-size: 11px;
background: #000;
width: 19px;
height: 19px;
display: inline-block;
border-radius: 100%;
text-align: center;
line-height: 19px;
color: #fff;
position: relative;
top: -17px;
left: -12px
}
li.techno-mini-cart-items li.woocommerce-mini-cart-item.mini_cart_item a:hover {
color: #0c5adb
}
li.techno-mini-cart-items li.woocommerce-mini-cart-item.mini_cart_item a {
color: #222
}
ul.techno-hmini p.woocommerce-mini-cart__empty-message {
margin-bottom: 0
}
.woocommerce .widget_shopping_cart .cart_list li,
.woocommerce.widget_shopping_cart .cart_list li {
padding-top: 10px
}
.woocommerce .techno-wactive-sidebar ul.products.columns-3 li.product,
.woocommerce-page .techno-wactive-sidebar ul.products.columns-3 li.product {
width: 31.6%
}
.woocommerce ul.products.techno-plist-view li.product {
width: 100% !important;
background-color: #fff
}
.woocommerce ul.products.techno-plist-view li.product .technowpro-img {
float: left;
width: 350px;
clear: both;
overflow: hidden;
margin-right: 30px;
border-right: 1px solid #e6e6e6
}
.woocommerce ul.products.techno-plist-view li.product .techno-wpro-item-content {
display: table-cell;
vertical-align: middle;
width: 100%
}
.woocommerce ul.products.techno-plist-view li.product .techno-wproducts {
display: table;
height: 100%;
width: 100%
}
.woocommerce ul.products.techno-plist-view li.product .star-rating {
flex-grow: unset;
display: block;
width: 100%
}
.woocommerce ul.products.techno-plist-view li.product span.price {
display: block;
margin-top: 4px
}
.woocommerce ul.products.techno-plist-view .techno-plist-dec {
display: block
}
.techno-plist-dec {
display: none
}
.woocommerce ul.products.techno-plist-view .techno-plist-dec p {
line-height: 26px
}
.woocommerce ul.products.techno-plist-view .techno-plist-dec {
display: block;
margin-top: 14px;
padding-right: 20%
}
.techno-grid-list-view {
float: right;
position: absolute;
right: 35px
}
.containers {
position: relative
}
.techno-plist-dec {
display: none
}
.techno-grid-list-view a {
padding: 14px 12px;
display: inline-block;
width: 49px;
background: #0f0f0f;
color: #fff;
text-align: center
}
.woocommerce .woocommerce-ordering,
.woocommerce-page .woocommerce-ordering {
padding-right: 140px;
margin-bottom: 0
}
.woocommerce .woocommerce-result-count {
margin: 0;
padding: 14px 0
}
.techno-woocatalog {
background: #fff;
overflow: hidden;
margin-bottom: 30px;
padding: 18px 24px;
position: relative
}
.woocommerce .woocommerce-ordering select,
.woocommerce-page .woocommerce-ordering select {
margin-bottom: 0;
background-color: #efefef;
border: 0;
cursor: pointer;
height: 52px;
padding: 0 9px
}
.techno-grid-list-view a.active,
.techno-grid-list-view a:hover {
background-color: #0c5adb
}
.woocommerce-error li {
line-height: 37px
}
.woocommerce-order section.woocommerce-order-details {
background-color: #fff;
padding: 19px
}
.woocommerce-order section.woocommerce-order-details > h2 {
margin-bottom: 16px
}
p.woocommerce-notice.woocommerce-notice--success.woocommerce-thankyou-order-received {
background: #fff;
padding: 24px;
margin-bottom: 28px
}
ul.woocommerce-order-overview.woocommerce-thankyou-order-details.order_details {
background-color: #fff;
padding: 22px
}
.wishlist_table.wishlist_view a.button.yith-wcqv-button {
float: right;
padding: 17px 22px;
text-align: center;
display: inline-block;
min-width: 126px
}
.woocommerce table.wishlist_table.wishlist_view td {
padding: 7px 12px;
line-height: 4.5em
}
form#yith-wcwl-form {
padding: 20px 30px;
background: #fff;
padding-bottom: 1px;
margin-bottom: 80px
}
.yith_wcwl_wishlist_footer {
overflow: hidden;
clear: both;
border-top: 1px solid #d8d8d8;
padding-top: 11px
}
table.shop_table.cart.wishlist_table.wishlist_view.traditional.responsive {
border: none;
border-left: 1px solid #d8d8d8;
border-right: 1px solid #d8d8d8
}
.woocommerce table.wishlist_table.wishlist_view td:last-child {
border-right: none
}
.woocommerce table.wishlist_table.wishlist_view td {
padding: 7px 12px;
line-height: 4.5em;
border-right: 1px solid #d8d8d8
}
@media (min-width:1499px) and (max-width:1640px) {
.tafo-wpro-addtocart a.button {
padding: 16px 15px
}
.woocommerce ul.products.techno-plist-view li.product .technowpro-img {
border-right: none
}
.woocommerce ul.products.techno-plist-view .techno-plist-dec {
padding-right: 0
}
}
@media (min-width:992px) and (max-width:1498px) {
.techno-pgrid-view .tafo-wpro-addtocart a.button {
padding: 16px 17px;
font-weight: 400;
font-size: 0;
position: relative
}
.techno-pgrid-view .tafo-wpro-addtocart a.button:after {
content: "\f291";
font-family: fontawesome;
font-size: 14px
}
.woocommerce ul.products.techno-plist-view .techno-plist-dec {
padding-right: 0
}
}
@media (min-width:769px) and (max-width:991px) {
.tafo-wpro-addtocart a.button {
padding: 16px 15px
}
.techno-woocommerce .techno-sidebar {
margin-top: 50px
}
.woocommerce ul.products.techno-plist-view .techno-plist-dec {
padding-right: 0
}
.woocommerce ul.products.columns-4 li.product,
.woocommerce-page ul.products.columns-4 li.product {
width: 47.05%
}
}
@media (min-width:769px) and (max-width:934px) {
.techno-quick-view {
display: none
}
.tafo-wpro-addtocart a.button {
padding: 16px 25px
}
}
@media (min-width:600px) and (max-width:768px) {
.woocommerce .woocommerce-ordering,
.woocommerce-page .woocommerce-ordering {
padding-right: 127px
}
.woocommerce .techno-wactive-sidebar ul.products.columns-3 li.product,
.woocommerce-page .techno-wactive-sidebar ul.products.columns-3 li.product {
width: 48%
}
.tafo-wpro-addtocart a.button {
padding: 16px 20px
}
a.compare,
.yith-wcwl-add-button a,
a.yith-wcqv-button {
width: 40px
}
.techno-woocommerce .techno-sidebar {
margin-top: 50px
}
.woocommerce ul.products.techno-plist-view li.product .technowpro-img {
float: unset;
width: 100%;
margin-right: 0;
border-right: none;
background-size: auto;
background-position: center center
}
.woocommerce ul.products.techno-plist-view li.product .techno-wpro-item-content {
display: block;
vertical-align: middle;
width: 100%;
margin-top: 0
}
.woocommerce-account .woocommerce-MyAccount-content {
width: 100%
}
}
@media (min-width:509px) and (max-width:599px) {
.techno-grid-list-view a {
padding: 8px 12px;
width: 40px
}
.techno-grid-list-view {
bottom: 27px;
top: auto
}
.woocommerce .woocommerce-result-count {
width: 100%;
text-align: center
}
.woocommerce .woocommerce-ordering,
.woocommerce-page .woocommerce-ordering {
padding-right: 104px;
margin-bottom: 0;
width: 100%
}
.woocommerce .techno-wactive-sidebar ul.products.columns-3 li.product,
.woocommerce-page .techno-wactive-sidebar ul.products.columns-3 li.product {
width: 100%
}
.tafo-wpro-addtocart a.button {
padding: 16px 20px
}
.techno-woocommerce .techno-sidebar {
margin-top: 50px
}
.woocommerce ul.products.techno-plist-view li.product .technowpro-img {
float: unset;
width: 100%;
margin-right: 0;
border-right: none;
background-size: auto;
background-position: center center
}
.woocommerce ul.products.techno-plist-view li.product .techno-wpro-item-content {
display: block;
vertical-align: middle;
width: 100%;
margin-top: 0
}
ul.products.columns-4.techno-pgrid-view .tafo-wpro-addtocart a.button {
padding: 16px 17px;
font-weight: 400;
font-size: 0;
position: relative
}
ul.products.columns-4.techno-pgrid-view .tafo-wpro-addtocart a.button:after {
content: "\f291";
font-family: fontawesome;
font-size: 14px
}
ul.products.columns-4 .technowpro-img {
height: 278px;
background-size: contain
}
.woocommerce-account .woocommerce-MyAccount-content {
width: 100%
}
}
@media (min-width:200px) and (max-width:508px) {
.woocommerce .woocommerce-ordering,
.woocommerce-page .woocommerce-ordering {
padding-right: 85px;
margin-bottom: 0;
float: left
}
.woocommerce .woocommerce-result-count {
width: 100%;
text-align: center
}
.techno-grid-list-view {
float: right;
position: absolute;
right: 20px;
top: 75px
}
.woocommerce .techno-wactive-sidebar ul.products.columns-3 li.product,
.woocommerce-page .techno-wactive-sidebar ul.products.columns-3 li.product {
width: 100%
}
.tafo-wpro-addtocart a.button {
padding: 16px 20px
}
.techno-woocommerce .techno-sidebar {
margin-top: 50px
}
.techno-grid-list-view a {
padding: 9px 12px;
width: 40px
}
.woocommerce ul.products.techno-plist-view li.product .technowpro-img {
float: unset;
width: 100%;
margin-right: 0;
border-right: none;
background-size: auto;
background-position: center center
}
.woocommerce ul.products.techno-plist-view li.product .techno-wpro-item-content {
display: block;
vertical-align: middle;
width: 100%;
margin-top: 0
}
.woocommerce div.product .woocommerce-tabs ul.tabs li a {
padding: 12px 13px
}
.woocommerce ul.products[class*=columns-] li.product,
.woocommerce-page ul.products[class*=columns-] li.product {
width: 100%
}
.woocommerce-account .woocommerce-MyAccount-content {
width: 100%
}
}
.woocommerce ul.product_list_widget li img {
width: 65px;
margin-left: 0 !important
}
.woocommerce .widget_shopping_cart .total strong,
.woocommerce.widget_shopping_cart .total strong {
font-size: 19px
}
.techno-mini-cart-items p.woocommerce-mini-cart__total.total {
text-align: left
}
.form-row.form-row-first input {
background: #f9f9f9;
border: 0;
height: 50px;
padding-left: 15px
}
.woocommerce-input-wrapper textarea {
background: #f9f9f9;
padding: 10px 15px 0
}
span.woocommerce-input-wrapper input {
border: 0;
background: #f9f9f9;
height: 50px;
padding-left: 15px
}
table.shop_table.woocommerce-checkout-review-order-table td {
text-align: left
}
.coupon {
display: flex;
width: 78%
}
.widget_shopping_cart_content {
text-align: left
}
.widget_shopping_cart_content ul {
list-style: none;
text-align: left !important;
display: inline-block
}
.widget_shopping_cart_content ul li {
padding-left: 0 !important;
position: relative;
padding-top: 0
}
.widget_shopping_cart_content li img {
width: 50px;
margin-left: 0 !important;
margin-right: 10px;
float: left !important
}
.woocommerce .widget_shopping_cart .cart_list li a.remove,
.woocommerce.widget_shopping_cart .cart_list li a.remove {
position: absolute;
top: 7px !important;
right: -54px !important;
font-size: 21px !important;
left: inherit !important
}
span.woocommerce-Price-amount.amount {
font-weight: 700;
color: #0c5adb
}
.woocommerce .widget_shopping_cart .buttons a,
.woocommerce.widget_shopping_cart .buttons a {
border-radius: 0
}
.woocommerce .woocommerce-breadcrumb {
margin: 0 0 1em;
padding: 0;
font-size: 22px;
color: #fff
}
.mfp-bg {
top: 0;
left: 0;
width: 100%;
height: 100%;
z-index: 1042;
overflow: hidden;
position: fixed;
background: #0b0b0b;
opacity: .8
}
.mfp-wrap {
top: 0;
left: 0;
width: 100%;
height: 100%;
z-index: 1043;
position: fixed;
outline: none !important;
-webkit-backface-visibility: hidden
}
.mfp-container {
text-align: center;
position: absolute;
width: 100%;
height: 100%;
left: 0;
top: 0;
padding: 0 8px;
box-sizing: border-box
}
.mfp-container:before {
content: '';
display: inline-block;
height: 100%;
vertical-align: middle
}
.mfp-align-top .mfp-container:before {
display: none
}
.mfp-content {
position: relative;
display: inline-block;
vertical-align: middle;
margin: 0 auto;
text-align: left;
z-index: 1045
}
.mfp-inline-holder .mfp-content,
.mfp-ajax-holder .mfp-content {
width: 100%;
cursor: auto
}
.mfp-ajax-cur {
cursor: progress
}
.mfp-zoom-out-cur,
.mfp-zoom-out-cur .mfp-image-holder .mfp-close {
cursor: -moz-zoom-out;
cursor: -webkit-zoom-out;
cursor: zoom-out
}
.mfp-zoom {
cursor: pointer;
cursor: -webkit-zoom-in;
cursor: -moz-zoom-in;
cursor: zoom-in
}
.mfp-auto-cursor .mfp-content {
cursor: auto
}
.mfp-close,
.mfp-arrow,
.mfp-preloader,
.mfp-counter {
-webkit-user-select: none;
-moz-user-select: none;
user-select: none
}
.mfp-loading.mfp-figure {
display: none
}
.mfp-hide {
display: none !important
}
.mfp-preloader {
color: #ccc;
position: absolute;
top: 50%;
width: auto;
text-align: center;
margin-top: -.8em;
left: 8px;
right: 8px;
z-index: 1044
}
.mfp-preloader a {
color: #ccc
}
.mfp-preloader a:hover {
color: #fff
}
.mfp-s-ready .mfp-preloader {
display: none
}
.mfp-s-error .mfp-content {
display: none
}
button.mfp-close,
button.mfp-arrow {
overflow: visible;
cursor: pointer;
background: 0 0;
border: 0;
-webkit-appearance: none;
display: block;
outline: none;
padding: 0;
z-index: 1046;
box-shadow: none;
touch-action: manipulation
}
button::-moz-focus-inner {
padding: 0;
border: 0
}
.mfp-close {
width: 44px;
height: 44px;
line-height: 44px;
position: absolute;
right: 0;
top: 0;
text-decoration: none;
text-align: center;
opacity: .65;
padding: 0 0 18px 10px;
color: #fff;
font-style: normal;
font-size: 28px;
font-family: Arial, Baskerville, monospace
}
.mfp-close:hover,
.mfp-close:focus {
opacity: 1
}
.mfp-close:active {
top: 1px
}
.mfp-close-btn-in .mfp-close {
color: #333
}
.mfp-image-holder .mfp-close,
.mfp-iframe-holder .mfp-close {
color: #fff;
right: -6px;
text-align: right;
padding-right: 6px;
width: 100%
}
.mfp-counter {
position: absolute;
top: 0;
right: 0;
color: #ccc;
font-size: 12px;
line-height: 18px;
white-space: nowrap
}
.mfp-arrow {
position: absolute;
opacity: .65;
margin: 0;
top: 50%;
margin-top: -55px;
padding: 0;
width: 90px;
height: 110px;
-webkit-tap-highlight-color: transparent
}
.mfp-arrow:active {
margin-top: -54px
}
.mfp-arrow:hover,
.mfp-arrow:focus {
opacity: 1
}
.mfp-arrow:before,
.mfp-arrow:after {
content: '';
display: block;
width: 0;
height: 0;
position: absolute;
left: 0;
top: 0;
margin-top: 35px;
margin-left: 35px;
border: medium inset transparent
}
.mfp-arrow:after {
border-top-width: 13px;
border-bottom-width: 13px;
top: 8px
}
.mfp-arrow:before {
border-top-width: 21px;
border-bottom-width: 21px;
opacity: .7
}
.mfp-arrow-left {
left: 0
}
.mfp-arrow-left:after {
border-right: 17px solid #fff;
margin-left: 31px
}
.mfp-arrow-left:before {
margin-left: 25px;
border-right: 27px solid #3f3f3f
}
.mfp-arrow-right {
right: 0
}
.mfp-arrow-right:after {
border-left: 17px solid #fff;
margin-left: 39px
}
.mfp-arrow-right:before {
border-left: 27px solid #3f3f3f
}
.mfp-iframe-holder {
padding-top: 40px;
padding-bottom: 40px
}
.mfp-iframe-holder .mfp-content {
line-height: 0;
width: 100%;
max-width: 900px
}
.mfp-iframe-holder .mfp-close {
top: -40px
}
.mfp-iframe-scaler {
width: 100%;
height: 0;
overflow: hidden;
padding-top: 56.25%
}
.mfp-iframe-scaler iframe {
position: absolute;
display: block;
top: 0;
left: 0;
width: 100%;
height: 100%;
box-shadow: 0 0 8px rgba(0, 0, 0, .6);
background: #000
}
img.mfp-img {
width: auto;
max-width: 100%;
height: auto;
display: block;
line-height: 0;
box-sizing: border-box;
padding: 40px 0 40px;
margin: 0 auto
}
.mfp-figure {
line-height: 0
}
.mfp-figure:after {
content: '';
position: absolute;
left: 0;
top: 40px;
bottom: 40px;
display: block;
right: 0;
width: auto;
height: auto;
z-index: -1;
box-shadow: 0 0 8px rgba(0, 0, 0, .6);
background: #444
}
.mfp-figure small {
color: #bdbdbd;
display: block;
font-size: 12px;
line-height: 14px
}
.mfp-figure figure {
margin: 0
}
.mfp-bottom-bar {
margin-top: -36px;
position: absolute;
top: 100%;
left: 0;
width: 100%;
cursor: auto
}
.mfp-title {
text-align: left;
line-height: 18px;
color: #f3f3f3;
word-wrap: break-word;
padding-right: 36px
}
.mfp-image-holder .mfp-content {
max-width: 100%
}
.mfp-gallery .mfp-image-holder .mfp-figure {
cursor: pointer
}
@media screen and (max-width:800px) and (orientation:landscape),
screen and (max-height:300px) {
.mfp-img-mobile .mfp-image-holder {
padding-left: 0;
padding-right: 0
}
.mfp-img-mobile img.mfp-img {
padding: 0
}
.mfp-img-mobile .mfp-figure:after {
top: 0;
bottom: 0
}
.mfp-img-mobile .mfp-figure small {
display: inline;
margin-left: 5px
}
.mfp-img-mobile .mfp-bottom-bar {
background: rgba(0, 0, 0, .6);
bottom: 0;
margin: 0;
top: auto;
padding: 3px 5px;
position: fixed;
box-sizing: border-box
}
.mfp-img-mobile .mfp-bottom-bar:empty {
padding: 0
}
.mfp-img-mobile .mfp-counter {
right: 5px;
top: 3px
}
.mfp-img-mobile .mfp-close {
top: 0;
right: 0;
width: 35px;
height: 35px;
line-height: 35px;
background: rgba(0, 0, 0, .6);
position: fixed;
text-align: center;
padding: 0
}
}
@media all and (max-width:900px) {
.mfp-arrow {
-webkit-transform: scale(.75);
transform: scale(.75)
}
.mfp-arrow-left {
-webkit-transform-origin: 0;
transform-origin: 0
}
.mfp-arrow-right {
-webkit-transform-origin: 100%;
transform-origin: 100%
}
.mfp-container {
padding-left: 6px;
padding-right: 6px
}
}
/* breadcrumbs css */
.logo a {
margin-top: 25px
}
.mean-container .mean-bar:before {
/* content: "techno"*/
}
@charset "UTF-8";
/*!
* @name: kingcomposer.css
* @website: https://kingcomposer.com
* @Copyright: (c) 2016 King-Theme
*/
*,
.kc-col-container,
.kc-container,
.kc-elm {
box-sizing: border-box
}
.kc-off-notice a,
.kc_twitter_feed a:hover {
text-decoration: underline
}
.kc_google_maps[data-wheel=disable] iframe,
.kc_wrap-video-bg {
pointer-events: none
}
.fb-line-1 .likes,
.fb-line-1 .username,
.kc-owl-post-carousel .owl-item .title {
text-overflow: ellipsis;
white-space: nowrap
}
.back i,
.front i {
display: inline-block
}
div {
display: block
}
.kc-elm {
float: left;
width: 100%
}
.kc_col-sm-1 {
width: 8.33333%
}
.kc_col-sm-2 {
width: 16.6667%
}
div.kc_col-of-5 {
width: 20%;
float: left
}
.kc_col-sm-3 {
width: 25%
}
.kc_col-sm-4 {
width: 33.3333%
}
.kc_col-sm-5 {
width: 41.6667%
}
.kc_col-sm-6 {
width: 50%
}
.kc_col-sm-7 {
width: 58.3333%
}
.kc_col-sm-8 {
width: 66.6667%
}
.kc_col-sm-9 {
width: 75%
}
.kc_col-sm-10 {
width: 83.3333%
}
.kc_col-sm-11 {
width: 91.6667%
}
.kc_col-sm-12 {
width: 100%
}
.kc-container {
width: 100%;
max-width: 1170px;
margin: 0 auto;
padding-left: 15px;
padding-right: 15px
}
.kc-row-container:not(.kc-container) {
padding-left: 0;
padding-right: 0;
width: 100%;
max-width: 100%
}
.kc_wrap-video-bg {
height: 100%;
left: 0;
overflow: hidden;
position: absolute;
top: 0;
width: 100%;
z-index: 0
}
.kc_single_image img {
max-width: 100%;
display: inline-block
}
.kc-video-bg .kc_column {
position: relative
}
.kc-infinite-loop {
text-align: center;
padding: 50px;
font-size: 18px;
color: red;
width: 100%;
display: inline-block
}
.align-left {
text-align: left
}
.align-center {
text-align: center
}
.align-right {
text-align: right
}
.kc_row:not(.kc_row_inner) {
clear: both;
float: left;
width: 100%
}
.kc-row-container.kc-container .kc-wrap-columns,
.kc_row_inner {
margin-left: -15px;
margin-right: -15px;
clear: both
}
.kc_row.kc_row_inner {
width: calc(100% + 30px)
}
.kc_tab_content > .kc_row_inner {
width: 100%;
margin: 0
}
.kc_column,
.kc_column_inner {
min-height: 1px;
position: relative;
padding-right: 15px;
padding-left: 15px;
float: left
}
.kc_column > .kc-col-container,
.kc_column_inner > .kc-col-inner-container {
height: 100%
}
.kingcomposer div.kc_column,
.kingcomposer div.kc_column_inner {
clear: none
}
.kc_row_inner > div.kc_column_inner:only-child {
width: 100%
}
.kc_clfw {
width: 100% !important;
clear: both !important;
display: block !important;
height: 0 !important;
padding: 0 !important;
margin: 0 !important
}
.kc-col-container {
clear: both;
display: block;
width: 100%
}
section[data-kc-fullheight] {
min-height: 100vh
}
html body section[data-kc-parallax=true] {
background-position: 50% 0;
background-repeat: no-repeat !important;
background-attachment: fixed !important
}
section[data-kc-fullwidth] {
margin-left: 0 !important;
margin-right: 0 !important;
position: relative;
box-sizing: content-box
}
.kc_text_block {
display: inline-block;
clear: both;
width: 100%
}
body section[data-kc-equalheight=true],
body section[data-kc-equalheight=true] > .kc-container,
body section[data-kc-equalheight=true] > .kc-container .kc-wrap-columns {
display: -webkit-flex !important;
display: -ms-flexbox !important;
display: flex !important;
width: 100%
}
body div.kc_row_inner[data-kc-equalheight=true] {
width: calc(100% + 30px);
flex-wrap: wrap
}
body div[data-kc-equalheight-align=middle] > .kc_column_inner > .kc_wrapper,
body div[data-kc-equalheight-align=bottom] > .kc_column_inner > .kc_wrapper,
body section[data-kc-equalheight-align=middle] > .kc-container > .kc-wrap-columns > .kc_column > .kc-col-container,
body section[data-kc-equalheight-align=middle] > .kc-row-container > .kc-wrap-columns > .kc_column > .kc-col-container,
body section[data-kc-equalheight-align=bottom] > .kc-container > .kc-wrap-columns > .kc_column > .kc-col-container {
display: -webkit-flex !important;
display: -ms-flexbox !important;
display: flex !important;
flex-wrap: wrap;
height: 100%;
width: 100%
}
body div.kc_row_inner[data-kc-equalheight=true] > .kc_column_inner > .kc_wrapper.kc_row_inner {
height: 100%
}
body div[data-kc-equalheight-align=middle] > .kc_column_inner > .kc_wrapper,
body section[data-kc-equalheight-align=middle] > .kc-container > .kc-wrap-columns > .kc_column > .kc-col-container,
body section[data-kc-equalheight-align=middle] > .kc-row-container > .kc-wrap-columns > .kc_column > .kc-col-container {
align-content: center;
justify-content: center;
align-items: center
}
body div[data-kc-equalheight-align=bottom] > .kc_column_inner > .kc_wrapper,
body section[data-kc-equalheight-align=bottom] > .kc-container > .kc-wrap-columns > .kc_column > .kc-col-container,
body section[data-kc-equalheight-align=bottom] > .kc-row-container > .kc-wrap-columns > .kc_column > .kc-col-container {
align-content: flex-end;
align-items: flex-end
}
body section[data-kc-fullheight=middle-content],
body section[data-kc-fullheight=middle-content] > .kc-container,
body section[data-kc-fullheight=middle-content] > .kc-row-container {
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
align-items: center;
align-content: center
}
body section[data-kc-equalheight=true] > .kc-container .kc-wrap-columns {
flex-wrap: wrap;
margin-left: initial;
margin-right: initial
}
.kc-off-notice {
width: 100%;
padding: 10px;
text-align: left;
background-color: #e9e385;
color: #333;
font-size: 14px
}
.kc-off-notice a {
text-transform: capitalize
}
@media screen and (min-width:999px) {
.kc-row-container .kc-wrap-columns,
.kc_row_inner {
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
width: 100%;
flex-wrap: wrap
}
.kc-row-container.kc-container .kc-wrap-columns,
.kc_row_inner {
width: calc(100% + 30px)
}
}
@media screen and (max-width:767px) {
body.kc-css-system .kc_column,
body.kc-css-system .kc_column_inner {
width: 100%
}
div.kc_row {
display: block
}
}
.kc_shortcode .kc-widget-title,
.kc_shortcode .kc_title {
margin-bottom: 20px
}
.kc_shortcode ul {
margin: 0;
padding: 0
}
.kc_shortcode ul li {
list-style: none
}
.kc_shortcode h3,
.kc_shortcode h4,
.kc_shortcode h5 {
font-size: 18px;
margin: 0;
padding: 0;
font-weight: 600
}
.kc_shortcode h4 {
font-size: 16px;
line-height: 26px;
margin-bottom: 15px
}
.kc_shortcode h5 {
font-size: 16px
}
.kc_accordion_wrapper,
.kc_tabs {
margin-bottom: 24px
}
.kc_tabs .kc_tabs {
margin-bottom: 0
}
.kc_tabs {
display: inline-block;
width: 100%
}
.kc_wrapper.ui-tabs {
width: 100%;
display: inline-block
}
.kc_vertical_tabs > .kc_wrapper.ui-tabs {
border: none
}
.kc_tabs.kc-tabs-slider ul.kc-tabs-slider-nav {
margin: 0
}
ul.kc-tabs-slider-nav li {
display: inline-block;
cursor: pointer;
padding: 8px 15px
}
ul.kc-tabs-slider-nav li.kc-title-active {
background: #ddd
}
.kc_tabs_nav,
.nav-pills {
line-height: 45px;
margin: 0;
padding: 0
}
.kc_tabs_nav:after,
.kc_tabs_nav:before,
.nav-pills:after,
.nav-pills:before {
display: table;
line-height: 0;
content: ""
}
.kc_tabs_nav:after,
.nav-pills:after {
clear: both
}
.kc_tabs_nav ~ .kc_tab {
overflow: hidden;
float: left;
width: 100%;
height: 0
}
html body.kc-css-system .kc_tabs_nav ~ .kc_tab:not(.ui-tabs-body-active) {
margin: 0 !important;
padding: 0 !important
}
.kc_tabs_nav ~ .kc_tab.ui-tabs-body-active {
height: inherit !important;
background: #ddd
}
.kc_tabs_nav ~ .kc_tab .kc_tab_content {
padding: 30px 30px 15px
}
.kc_tabs_nav > li,
.nav-pills > li {
float: left
}
.kc_tabs_nav > li > a,
.nav-pills > li > a {
padding: 0 30px;
text-decoration: none;
outline: 0;
display: block;
line-height: 50px;
color: #6b6b6b
}
.kc_tabs > .kc_wrapper > .kc_tabs_nav {
background: #eee;
float: left;
min-height: 50px;
margin: 0;
width: 100%
}
.kc_tabs_nav {
border-right: 0 !important;
border-bottom: 0 !important;
border-top: 0 !important
}
.kc_tabs_nav > li {
list-style: none;
border-right: 1px solid #fff;
border-left: none !important;
border-bottom: none !important;
margin: 0;
float: left;
color: #333;
box-shadow: none;
cursor: pointer
}
.kc_tabs_nav > .ui-tabs-active > a,
.kc_tabs_nav > li:hover,
.kc_tabs_nav > li > a:hover {
background-color: #ddd;
color: #333
}
.kc_tabs_nav > .ui-tabs-active,
.kc_tabs_nav > .ui-tabs-active:hover,
.kc_tabs_nav > .ui-tabs-active > a,
.kc_tabs_nav > .ui-tabs-active > a:hover {
color: #555;
display: block
}
.kc_vertical_tabs > .kc_wrapper > ul.ui-tabs-nav {
float: left;
margin: 0;
padding: 0;
position: relative;
width: 25%;
z-index: 10;
right: 0
}
.kc_vertical_tabs.tabs_right > .kc_wrapper > ul.ui-tabs-nav {
border-right: none;
right: 0;
left: 0
}
.kc_vertical_tabs > .kc_wrapper > ul.ui-tabs-nav ~ div.kc_tab {
float: left;
width: 75%;
height: 0;
overflow: hidden
}
.kc_vertical_tabs > .kc_wrapper > ul.ui-tabs-nav ~ div.kc_tab.ui-tabs-body-active {
height: inherit;
border: 1px solid #ddd
}
.kc_vertical_tabs.tabs_right > .kc_wrapper > ul.ui-tabs-nav ~ div.kc_tab {
list-style: none
}
.kc_vertical_tabs > .kc_wrapper > ul.ui-tabs-nav > li {
list-style: none;
border: 1px solid #ddd
}
.kc_wrapper > ul.ui-tabs-nav > li {
overflow: hidden
}
.kc_vertical_tabs:not(.tabs_right) > .kc_wrapper > ul.ui-tabs-nav > li {
border-right: 0 !important
}
.kc_vertical_tabs.tabs_right > .kc_wrapper > ul.ui-tabs-nav > li {
border-left: 0 !important
}
.kc_vertical_tabs > .kc_wrapper > ul.ui-tabs-nav > li:not(:last-child) {
border-bottom: 0 !important
}
.kc_vertical_tabs > .kc_wrapper > ul.ui-tabs-nav > li.ui-tabs-active > a,
.kc_vertical_tabs > .kc_wrapper > ul.ui-tabs-nav > li.ui-tabs-active > a:hover,
.kc_vertical_tabs > .kc_wrapper > ul.ui-tabs-nav > li > a:hover {
border: none;
background: #f7f7f7;
margin-left: 0;
color: #333
}
.kc_vertical_tabs > .kc_wrapper > ul.ui-tabs-nav > li > a {
display: block;
padding: 12px 0 12px 20px;
outline: 0;
text-decoration: none
}
.kc_vertical_tabs.tabs_right > .kc_wrapper > ul.ui-tabs-nav {
float: right
}
.kc-video-inner iframe {
margin-bottom: 0
}
.kc_accordion_content {
padding-bottom: 0;
border-left: 1px solid #eaeaea;
border-right: 1px solid #eaeaea;
color: #727272;
display: none
}
.kc_accordion_content.ui-state-body-active {
height: inherit !important
}
.kc_accordion_section > .kc_accordion_header {
position: relative;
cursor: pointer;
min-height: 30px;
line-height: 30px;
font-weight: 700;
font-size: inherit;
margin-top: 0;
margin-bottom: -1px;
float: left;
width: 100%;
border: 1px solid #e0e0e0
}
.kc_accordion_section > .ui-state-active {
border-bottom-left-radius: 0;
border-bottom-right-radius: 0;
margin: 0
}
.kc_accordion_header > span.ui-accordion-header-icon {
float: right;
font-family: simple-line-icons;
margin: 17px;
color: #aaa;
speak: none;
font-style: normal;
font-weight: 400;
font-variant: normal;
text-transform: none;
line-height: 1;
font-size: 14px;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale
}
.kc_accordion_header > span.ui-accordion-header-icon:before {
content: "\e604"
}
.kc-section-active .kc_accordion_header.ui-state-active > span.ui-accordion-header-icon:before {
content: "\e607"
}
.kc_accordion_header > a {
display: block;
font-size: 15px;
padding: 10px 15px;
text-decoration: none;
outline: 0;
font-weight: 400;
border: none;
cursor: pointer
}
.kc_accordion_content .kc-panel-body {
padding: 15px;
float: left;
width: 100%
}
body div.dark_rounded .pp_loaderIcon {
animation: 2s cubic-bezier(.63, .045, .34, 1) 0s normal none infinite kc-spinner;
display: block;
height: 50px;
left: 50%;
margin: -25px 0 0 -25px;
position: absolute;
top: 50%;
width: 50px;
background: url(//webitkurigram.com/wp/techno/wp-content/plugins/kingcomposer/assets/frontend/css/../images/loader.png) center center no-repeat;
background-size: 50px 50px
}
body div.dark_rounded .pp_content,
body div.dark_rounded .pp_content_container .pp_left,
body div.dark_rounded .pp_content_container .pp_right {
background: 0 0
}
body div.dark_rounded .pp_close {
background: 0 0;
text-indent: 0;
text-align: right;
color: #fff;
font-size: 24px
}
body div.dark_rounded .pp_close:hover {
color: #aaa
}
body div.dark_rounded a.pp_next,
body div.dark_rounded a.pp_previous {
position: fixed;
-webkit-transform: translateZ(0);
text-indent: 0 !important;
top: 50%;
margin-top: -20px;
font-size: 25px;
z-index: 1000001;
color: #fff;
width: 50px;
height: 50px;
-webkit-backface-visibility: hidden;
cursor: pointer
}
body div.dark_rounded a.pp_next {
right: 0;
background: 0 0
}
body div.dark_rounded a.pp_previous {
left: 25px
}
body div.dark_rounded a.pp_next:hover,
body div.dark_rounded a.pp_previous:hover {
background: 0 0;
color: #aaa
}
body .div.dark_rounded .pp_details {
position: relative;
text-align: center
}
body .div.dark_rounded .pp_content_container .pp_details {
float: left;
margin: 10px 0 2px
}
body div.dark_rounded .pp_nav {
font-size: 14px;
margin: 0 10px 0 0;
clear: right;
float: left
}
body .pp_nav p {
float: left;
margin: 0 4px
}
body div.dark_rounded .pp_nav .pp_play,
body div.ppt {
display: none !important
}
.kc_google_maps {
position: relative;
overflow: hidden;
width: 100%;
min-height: 100px
}
.kc_google_maps img {
max-width: inherit;
max-height: inherit
}
.kc_google_maps .map_popup_contact_form {
position: absolute;
z-index: 999;
top: 0;
overflow-y: auto;
padding: 50px 60px 0;
height: 100%;
transform: translate(0, 0);
transition: transform .4s ease;
-webkit-transition-property: -webkit-transform, left, right;
-webkit-backface-visibility: hidden
}
.map_popup_contact_form input[type=text],
.map_popup_contact_form input[type=email],
.map_popup_contact_form textarea {
width: 100%;
border: 1px solid #999;
background: 0 0;
color: #FFF
}
.map_popup_contact_form textarea {
height: 100px
}
.map_popup_contact_form p {
margin-bottom: 10px
}
.map_popup_contact_form .close {
position: absolute;
top: 10px;
right: 10px
}
.map_popup_contact_form .wpcf7-submit {
text-transform: uppercase;
width: 100%;
padding: 15px 0;
box-shadow: inset 0 0 1px 0 rgba(255, 255, 255, 1)
}
.kc_google_maps .show_contact_form {
position: absolute;
left: 10px;
top: 110px;
z-index: 99;
font-size: 20px;
height: 33px;
line-height: 20px;
color: #F75850;
display: none;
background: #FFF;
padding: 0 10px;
border-radius: 3px;
box-shadow: 0 1px 1px #BEBEBE;
transition: all .2s ease
}
.kc_google_maps .show_contact_form i {
margin-top: 7px
}
.kc_google_maps .show_contact_form:hover {
background: #EBEBEB;
color: #000
}
.map_popup_contact_form.left.hidden {
transform: translate(-100%, 0) !important
}
.map_popup_contact_form.right.hidden {
transform: translate(100%, 0) !important
}
.map_popup_contact_form.right {
float: right;
right: 0
}
.map_popup_contact_form.right + a {
right: 10px;
float: right;
left: auto;
top: 50px
}
.map_popup_contact_form .close {
text-decoration: none;
box-shadow: none;
color: #FFF
}
.kc-fb-layout-2,
.kc-pricing-layout-1,
.kc-pricing-layout-2,
.kc-pricing-layout-4,
.kc-testi-layout-3 {
box-shadow: 0 1px 21px rgba(0, 0, 0, .21)
}
.map_popup_contact_form .close i {
font-weight: 100;
font-size: 25px
}
.kc_image_gallery.kc-grid {
width: 100%
}
.kc_image_gallery.kc-grid .item-grid {
float: left;
position: relative;
width: 25%
}
.kc_image_gallery.kc-grid .item-grid .kc-image-overlay {
background: rgba(0, 0, 0, .2)
}
.kc_image_gallery.kc-grid .item-grid:hover .kc-image-overlay {
opacity: 1
}
.kc_image_gallery.kc-grid .item-grid img {
display: block;
max-width: 100%;
border-image-width: 0
}
.kc-countdown-timer span.group,
.kc_button {
padding: 10px 20px;
color: #FFF;
display: inline-block
}
.kc_image_gallery.kc-grid .item-grid.grid-2 {
width: 50%
}
.kc_image_gallery.kc-grid .item-grid.grid-3 {
width: 32.7%
}
.kc_image_gallery.kc-grid .item-grid.grid-4 {
width: 25%
}
.kc_image_gallery.kc-grid.masonry .item-grid.grid-4 {
width: 24.8%
}
.kc_image_gallery.kc-grid .item-grid.grid-5 {
width: 20%
}
.kc_image_gallery.kc-grid .item-grid.grid-6 {
width: 16.66666666666666%
}
.kc-countdown-timer .countdown-style2 .timer,
.kc-countdown-timer .countdown-style2 .unit,
.kc-ui-progress-bar {
width: 100%;
float: left
}
.kc_image_gallery {
clear: both
}
.kc_button {
transition: background-color .3s ease 0s, color .3s ease 0s, border-radius .3s ease 0s;
white-space: nowrap;
text-decoration: none;
font-size: 14px;
background-color: #1E73BE
}
.kc-countdown-timer {
text-align: left
}
.kc-countdown-timer span.group {
background: #42BCE2;
border-radius: 5px;
margin-right: 10px;
text-align: center
}
.kc-countdown-timer .group .timer {
font-size: 20px;
font-weight: 700
}
.kc-countdown-timer .countdown-style2 .group {
padding: 10px
}
@-webkit-keyframes animate-stripes {
from {
background-position: 0 0
}
to {
background-position: 44px 0
}
}
.kc_progress_bars .progress-item {
float: left;
width: 100%;
margin-bottom: 20px
}
.kc_progress_bars div.progress-item:first-child {
margin-top: 0 !important
}
.kc_progress_bars div.progress-item:last-child {
margin-bottom: 0 !important
}
.kc-ui-progress-bar {
position: relative;
background: #e4e4e4
}
.kc-ui-progress {
position: relative;
display: block;
height: 10px;
z-index: 2;
background: #42BCE2;
overflow: initial !important
}
.kc-ui-progress-bar:after {
background: #e4e4e4
}
.kc-ui-progress-bar2 .kc-ui-progress div.ui-label {
margin-bottom: 10px
}
.kc-ui-progress div.ui-label {
text-transform: uppercase;
color: #272727;
position: absolute;
right: 0;
margin-right: 12px;
white-space: nowrap;
bottom: 100%
}
.kc-ui-progress div.ui-label .value {
display: block;
color: #333
}
.kc_progress_bars .progress-item span.label {
margin-bottom: 6px;
font-size: 14px;
padding: 0;
color: #333;
float: left;
font-weight: 500;
position: relative
}
.kc-ui-progress2 span.value {
float: left;
width: 45px;
height: 26px;
line-height: 26px;
text-align: center;
background: rgba(0, 0, 0, .4);
background-size: 90%;
border-radius: 3px;
color: #fff;
font-size: 12px
}
.kc-ui-progress2 span.value:before {
content: '';
position: absolute;
left: 50%;
top: 100%;
border: 4px solid transparent;
border-top-color: rgba(0, 0, 0, .4);
transform: translateX(-50%)
}
.kc-ui-progress3 div.ui-label {
bottom: 0;
font-size: 1em;
height: 100%;
display: flex;
align-items: center
}
.pie-chart-wrapper {
text-align: center
}
.kc_piechart {
display: inline-block;
position: relative;
text-align: center;
width: 100px
}
.kc_piechart .percent:after {
content: "%";
font-size: .8em;
margin-left: .1em
}
.kc_piechart .percent {
z-index: 2;
text-align: center;
font-size: 14px;
display: block;
color: #42BCE2
}
.kc_piechart .pie_chart_percent i {
width: 100%;
font-size: 14px
}
.kc_piechart .pie_chart_percent {
z-index: 2;
top: 50%;
position: absolute;
left: 50%;
text-align: center;
font-size: 14px;
transform: translateX(-50%) translateY(-50%);
-webkit-transform: translateX(-50%) translateY(-50%)
}
.kc_piechart canvas {
left: 0;
position: absolute;
top: 0
}
.pie_chart_text {
margin: 20px 0
}
.kc-flip-container {
perspective: 1000;
-webkit-perspective: 1000;
min-height: 50px;
float: left;
width: 100%
}
.kc-flip-container.flip .flipper,
.kc-flip-container.hover .flipper,
.kc-flip-container:hover .flipper {
transform: rotateY(180deg);
-webkit-transform: rotateY(180deg)
}
.kc-flip-container.flip-vertical.flip .flipper,
.kc-flip-container.flip-vertical.hover .flipper,
.kc-flip-container.flip-vertical:hover .flipper {
transform: rotateX(180deg) rotateY(0);
-webkit-transform: rotateX(180deg) rotateY(0)
}
.kc-flip-container .wrap-icon {
float: left;
width: 100%
}
.kc-flip-container .front {
background: #f7f7f7;
border: 1px solid #ebebeb
}
.kc-flip-container .front .front-content {
float: left;
width: 100%;
padding: 30px 15px;
text-align: center
}
.kc-flip-container .front .front-content i {
font-size: 40px;
color: #42BCE2
}
.kc-flip-container .front .front-content h3 {
margin: 0 0 20px;
font-size: 18px;
float: left;
width: 100%;
color: #444;
text-transform: uppercase
}
.kc-flip-container .front .front-content p {
color: #666;
float: left;
width: 100%;
margin-bottom: 20px
}
.kc-flip-container .front .front-content .button {
background: #42BCE2;
display: inline-block;
color: #fff;
border-radius: 2px;
text-transform: uppercase;
padding: 10px 16px;
font-size: 12px
}
.kc-flip-container .back {
background: #fff;
border: 4px solid #ddd
}
.kc-flip-container .back .des {
float: left;
width: 100%;
padding: 30px 15px;
text-align: center;
overflow-y: auto
}
.kc-flip-container .back .des i {
font-size: 40px;
color: #C13740
}
.kc-flip-container .back .des h3 {
margin: 0 0 20px;
float: left;
width: 100%;
font-size: 18px;
color: #444;
text-transform: uppercase
}
.kc-flip-container .back .des p {
color: #666;
float: left;
width: 100%;
margin-bottom: 20px
}
.kc-flip-container .back .des .button {
background: #C13740;
display: inline-block;
color: #fff;
border-radius: 2px;
text-transform: uppercase;
padding: 10px 16px;
font-size: 12px
}
.kc-flip-container .flipper {
transition: all .6s ease;
-webkit-transition: all .6s ease;
transform-style: preserve-3d;
-webkit-transform-style: preserve-3d;
position: relative;
height: 100%;
float: left;
width: 100%
}
.content-icon i,
.kc-feature-boxes,
.kc-feature-boxes a,
.kc-pricing-tables {
transition: all .3s ease 0s
}
.kc-flip-container .back,
.kc-flip-container .front {
width: 100%;
height: 100%;
backface-visibility: hidden;
-webkit-backface-visibility: hidden;
position: absolute;
top: 0;
left: 0
}
.kc-flip-container .front {
z-index: 2;
transform: rotateY(0);
-webkit-transform: rotateY(0);
float: left;
width: 100%;
position: relative
}
.kc-flip-container .front img {
width: 100%;
float: left;
max-width: 100%
}
.kc-flip-container .back {
transform: rotateY(180deg);
-webkit-transform: rotateY(180deg)
}
.kc-flip-container.flip-vertical .back {
transform: rotateX(180deg) rotateY(0);
-webkit-transform: rotateX(180deg) rotateY(0)
}
.kc_wrap_instagram {
overflow: hidden;
clear: both
}
.kc_wrap_instagram ul {
margin: 0;
padding-left: 0
}
.kc_wrap_instagram ul li.el-end {
margin-right: 0
}
.kc_wrap_instagram ul li.el-start {
clear: left
}
.kc-blog-posts-3,
.kc_box_wrap,
.kc_video_wrapper {
clear: both
}
.ins_mark_low_resolution,
.ins_mark_standard_resolution,
.ins_mark_thumbnail {
padding: 25px 10px
}
.kc_wrap_instagram ul li {
background: url(//webitkurigram.com/wp/techno/wp-content/plugins/kingcomposer/assets/frontend/css/../images/loading.gif) center center no-repeat;
float: left;
list-style: none;
width: 100%;
margin: 0 0 10px;
padding: 0 5px
}
.kc_wrap_instagram {
width: calc(100% + 10px);
margin-left: -5px;
margin-right: -5px
}
.kc_wrap_instagram ul li.loaded a {
float: left;
width: 100%
}
.kc_wrap_instagram ul li.loaded img {
width: 100%;
float: left
}
.kc_wrap_instagram ul li.loaded {
background-image: none
}
.kc_ins_col_1 ul li {
width: 100%
}
.kc_ins_col_2 ul li {
width: 50%
}
.kc_ins_col_3 ul li {
width: 33.3333333333%
}
.kc_ins_col_4 ul li {
width: 25%
}
.kc_ins_col_5 ul li {
width: 20%
}
.kc_ins_col_6 ul li {
width: 16.6666666666666%
}
.kc-fb-layout-1,
.kc-fb-layout-1 .content-button,
.kc-fb-layout-1 .content-desc,
.kc-fb-layout-1 .content-icon,
.kc-fb-layout-1 .content-title,
.kc-fb-layout-2 .content-image,
.kc-fb-layout-3,
.kc-fb-layout-3 .content-desc,
.kc-fb-layout-3 .content-title,
.kc-fb-layout-4,
.kc-feature-boxes {
width: 100%;
float: left
}
.content-icon i {
display: inline-block
}
.kc-fb-layout-1 {
text-align: center
}
.kc-fb-layout-1 .content-icon i {
font-size: 55px;
color: #42BCE2;
text-align: center
}
.kc-fb-layout-1 .content-title {
margin: 25px 0;
font-size: 20px;
text-transform: uppercase;
font-weight: 700;
color: #444
}
.kc-fb-layout-1 .content-desc {
font-weight: 400;
margin-bottom: 25px
}
.kc-fb-layout-1 .content-desc p {
margin: 0;
color: rgba(86, 86, 86, .8)
}
.kc-fb-layout-1 .content-button a {
display: inline-block;
padding: 7px 20px;
text-transform: uppercase;
background: #eee;
color: #666;
font-size: 12px
}
.kc-fb-layout-1 .content-button a:hover {
background: #42BCE2;
color: #fff
}
.kc-fb-layout-2 {
overflow: hidden;
text-align: center
}
.kc-fb-layout-2 .content-button,
.kc-fb-layout-2 .content-desc,
.kc-fb-layout-2 .content-title {
float: left;
width: 100%;
padding: 0 10px
}
.content-title {
margin: 25px 0 20px;
font-size: 20px;
text-transform: uppercase;
font-weight: 700;
color: #444
}
.content-desc {
font-weight: 400;
margin-bottom: 25px;
color: rgba(86, 86, 86, .8);
padding: 0
}
.content-desc p {
margin: 0;
color: rgba(86, 86, 86, .8)
}
.content-button a {
display: inline-block;
padding: 7px 20px;
text-transform: uppercase;
background: #eee;
color: #666;
font-size: 12px
}
.kc-fb-layout-2 .content-button {
margin-bottom: 30px
}
.kc-fb-layout-2 .content-button a:hover {
background: #42BCE2;
color: #fff
}
.kc-fb-layout-3 {
display: -webkit-flex;
display: flex
}
.kc-fb-layout-3 .content-icon {
float: left
}
.kc-fb-layout-3 .content-icon i {
font-size: 29px;
text-align: center
}
.kc-fb-layout-4 .content-position,
.kc-fb-layout-5 .content-position {
font-size: 11px;
color: #42BCE2;
text-transform: uppercase
}
.kc-fb-layout-3 .box-right {
padding-left: 25px
}
.kc-fb-layout-3 .content-title {
margin: 0 0 15px
}
.kc-fb-layout-4 .content-image {
float: left;
width: 50%
}
.kc-fb-layout-4 .box-right .content-button,
.kc-fb-layout-5,
.kc-testi-layout-1,
.kc-testi-layout-2,
.kc-testi-layout-3,
.kc-testi-layout-4,
.kc-testimo .content-desc,
.kc-testimo .content-image,
.kc-testimo .content-position,
.kc-testimo .content-title {
width: 100%;
float: left
}
.kc-fb-layout-4 .content-image img {
float: left
}
.kc-fb-layout-4 .box-right {
overflow: hidden;
padding: 0 0 0 20px
}
.kc-fb-layout-4 .content-title {
margin: 0 0 20px
}
.kc-fb-layout-4 .box-right .content-button a {
float: left
}
.kc-fb-layout-5 .content-title {
margin: 0 0 15px
}
.kc-testi-layout-1 {
text-align: center
}
.kc-testi-layout-1 .content-image img {
border-radius: 50%
}
.kc-testi-layout-1 .content-desc {
margin: 30px 0 27px
}
.kc-testi-layout-1 .content-title {
margin: 0;
font-size: 18px
}
.kc-testi-layout-1 .content-position {
color: #999;
font-size: 11px
}
.kc-testi-layout-2 {
background: #eee;
padding: 25px 20px 30px;
border-radius: 4px
}
.kc-testi-layout-2 .content-title {
margin: 0;
color: #42BCE2;
font-size: 18px
}
.kc-testi-layout-2 .content-position {
color: #999;
font-size: 11px
}
.kc-testi-layout-2 .content-desc {
margin: 15px 0 0
}
.kc-testi-layout-3 {
text-align: center;
padding: 0 0 30px
}
.kc-testi-layout-3 .content-title {
margin: 20px 0 0;
color: #42BCE2;
font-size: 18px;
padding: 0 15px
}
.kc-testi-layout-3 .content-position {
color: #999;
font-size: 11px;
padding: 0 15px
}
.kc-testi-layout-3 .content-desc {
margin: 15px 0 0;
padding: 0 15px
}
.kc-testi-layout-4 .content-image {
padding-right: 20px;
float: left;
width: 40%
}
.kc-testi-layout-4 .content-image img {
border-radius: 50%;
float: left
}
.kc-testi-layout-4 .box-right {
overflow: hidden
}
.kc-testi-layout-4 .content-title {
margin: 0;
font-size: 18px
}
.kc-testi-layout-4 .content-desc {
margin-bottom: 20px
}
.kc-testi-layout-4 .content-position {
color: #42BCE2;
font-size: 11px
}
.kc-testi-layout-5 {
float: left;
width: 100%
}
.kc-testi-layout-5 .content-image {
padding-right: 20px;
float: left;
width: auto;
max-width: 40%
}
.kc-testi-layout-5 .content-image img {
border-radius: 50%
}
.kc-testi-layout-5 .box-right {
float: left
}
.kc-testi-layout-5 .content-title {
margin: 0;
font-size: 18px
}
.kc-pricing-tables {
float: left;
width: 100%;
overflow: hidden
}
.kc-pricing-layout-1 {
border-radius: 10px;
overflow: hidden;
background: #42BCE2
}
.kc-pricing-layout-1 .header-pricing {
float: left;
width: 100%;
line-height: 1.4
}
.kc-pricing-layout-1 .header-pricing .kc-pricing-price {
float: left;
width: 100%;
text-align: center
}
.kc-pricing-layout-1 .kc-pricing-price .content-price {
padding-bottom: 30px
}
.kc-pricing-layout-1 .header-pricing .kc-pricing-price span {
font-weight: 400;
color: #fff;
font-size: 28px
}
.kc-pricing-layout-1 .header-pricing .kc-pricing-price span.content-duration {
font-size: 16px;
color: #fff
}
.kc-pricing-layout-1 .header-pricing .content-title {
float: left;
width: 100%;
text-align: center;
font-size: 20px;
margin: 0;
font-weight: 700;
text-transform: uppercase;
color: #fff;
background: rgba(0, 0, 0, .1);
padding: 15px 0
}
.kc-pricing-layout-1 .content-icon-header i {
font-size: 80px;
color: #fff;
margin-top: 30px
}
.kc-pricing-layout-1 .content-desc {
float: left;
width: 100%;
list-style: none;
margin: 0;
text-align: center;
padding: 0
}
.kc-pricing-tables .content-desc li:last-child {
margin-left: 0 !important;
margin-top: 0 !important;
margin-right: 0 !important
}
.kc-pricing-tables .content-desc li:first-child {
margin-left: 0 !important;
margin-bottom: 0 !important;
margin-right: 0 !important
}
.kc-pricing-layout-1 .content-desc li {
float: left;
width: 100%;
padding: 8px 0;
font-size: 14px;
color: #173d50
}
.kc-pricing-tables .content-desc li {
border-left: 0 !important;
border-right: 0 !important;
list-style: none
}
.kc-pricing-tables .content-desc li:not(:last-child) {
border-bottom: 0 !important
}
.kc-pricing-layout-1 .content-desc li:nth-of-type(2n+1) {
background: #F1F3F5
}
.kc-pricing-layout-1 .content-button {
float: left;
width: 100%;
text-align: center;
background: #42BCE2
}
.kc-pricing-layout-1 .content-button a {
display: inline-block;
margin-top: 25px;
margin-bottom: 25px;
background: rgba(0, 0, 0, .1);
color: #fff
}
.kc-pricing-layout-1 .content-button a:hover {
background: #fff;
color: #42BCE2
}
.kc-pricing-layout-2 .header-pricing {
float: left;
width: 100%;
line-height: 1.4
}
.kc-pricing-layout-2 .header-pricing .kc-pricing-price {
float: left;
width: 100%;
text-align: center;
border-left: 0 !important;
border-right: 0 !important
}
.kc-pricing-layout-2 .kc-pricing-price .content-price {
padding-bottom: 30px
}
.kc-pricing-layout-2 .header-pricing .kc-pricing-price span {
color: #42BCE2;
font-weight: 300;
font-size: 60px
}
.kc-pricing-layout-2 .header-pricing .kc-pricing-price span.content-duration {
font-size: 16px;
color: rgba(23, 61, 80, .4)
}
.kc-pricing-layout-2 .header-pricing .content-title {
float: left;
width: 100%;
text-align: center;
font-size: 18px;
margin: 0 0 3px;
font-weight: 700;
text-transform: uppercase;
color: #173d50;
padding: 30px 0 0
}
.kc-pricing-layout-2 .content-desc {
float: left;
width: 100%;
list-style: none;
text-align: center;
margin: 0
}
.kc-pricing-layout-2 .content-desc li {
float: left;
width: 100%;
padding: 8px 0;
font-size: 14px;
color: #173d50
}
.kc-pricing-layout-2 .content-desc li:nth-of-type(2n+1) {
background: rgba(23, 61, 80, .06)
}
.kc-pricing-layout-2 .content-button {
float: left;
width: 100%;
text-align: center
}
.kc-pricing-layout-2 .content-button a {
display: inline-block;
margin-bottom: 25px;
margin-top: 25px;
background: #42BCE2;
color: #fff;
border: 2px solid #42BCE2
}
.kc-pricing-layout-2 .content-button a:hover {
background: #fff;
color: #42BCE2
}
.kc-pricing-layout-3 {
float: left;
width: 100%;
line-height: 1.4;
background: #42BCE2
}
.kc-pricing-layout-3 .kc-pricing-price {
float: left;
width: 100%;
text-align: center;
padding: 10px 0;
background: rgba(255, 255, 255, .15)
}
.kc-pricing-layout-3 .kc-pricing-price span {
font-weight: 300;
color: #fff;
font-size: 60px
}
.kc-pricing-layout-3 .kc-pricing-price span.content-duration {
font-size: 14px
}
.kc-pricing-layout-3 .content-title {
float: left;
width: 100%;
text-align: center;
font-size: 30px;
font-weight: 300;
color: #fff;
margin: 0 0 15px;
padding: 30px 0;
background: rgba(255, 255, 255, .15);
text-transform: uppercase
}
.kc-pricing-layout-3 .content-desc {
float: left;
width: 100%;
list-style: none;
margin: 0;
text-align: center
}
.kc-pricing-layout-3 .content-desc li {
float: left;
width: 100%;
padding: 8px 0;
font-size: 14px;
color: #fff
}
.kc-pricing-layout-3 .content-button {
float: left;
width: 100%;
text-align: center
}
.kc-pricing-layout-3 .content-button a {
display: inline-block;
padding: 10px 20px;
font-size: 16px;
font-weight: 300;
margin-top: 25px;
margin-bottom: 25px;
background: rgba(255, 255, 255, .15);
color: #fff
}
.kc-pricing-layout-3 .content-button a:hover {
background: #fff;
color: #42BCE2
}
.kc-pricing-layout-4 {
border-radius: 10px;
overflow: hidden;
background: #42BCE2
}
.kc-pricing-layout-4 .header-pricing {
float: left;
width: 100%;
line-height: 1.4
}
.kc-pricing-layout-4 .header-pricing .kc-pricing-price {
float: left;
width: 100%;
text-align: center;
padding-bottom: 30px
}
.kc-pricing-price span {
display: inline-block
}
.kc-pricing-layout-4 .kc-pricing-price span {
font-weight: 300;
color: #fff;
font-size: 60px;
display: inline-block
}
.kc-pricing-layout-4 .kc-pricing-price .content-price {
line-height: 60px;
margin: 0 5px
}
.kc-pricing-layout-4 .kc-pricing-price .content-duration {
font-size: 16px;
color: rgba(255, 255, 255, .75);
text-transform: uppercase;
vertical-align: bottom
}
.kc-pricing-layout-4 .kc-pricing-price .content-currency {
font-size: 16px;
vertical-align: top;
color: rgba(255, 255, 255, .75)
}
.kc-pricing-layout-4 .content-title {
float: left;
width: 100%;
text-align: center;
font-size: 22px;
margin: 0;
font-weight: 300;
text-transform: uppercase;
color: #fff;
padding: 0 0 10px
}
.content-icon-header {
float: left;
width: 100%;
text-align: center
}
.content-icon-header i {
display: inline-block
}
.kc-pricing-layout-4 .content-icon-header i {
margin: 30px 0;
font-size: 90px;
text-align: center;
color: #fff;
background: rgba(255, 255, 255, .15);
border-radius: 50%;
width: 160px;
height: 160px;
line-height: 160px
}
.kc-pricing-layout-4 .content-desc {
float: left;
width: 100%;
list-style: none;
margin: 0;
background: #fff;
text-align: center
}
.kc-pricing-layout-4 .content-desc li {
float: left;
width: 100%;
padding: 8px 0;
font-size: 14px;
color: #173d50
}
.kc-pricing-layout-4 .content-desc li:nth-of-type(2n+1) {
background: #F1F3F5
}
.kc-pricing-layout-4 .content-button {
float: left;
width: 100%;
background: #fff;
text-align: center
}
.kc-pricing-layout-4 .content-button a {
display: inline-block;
background: #42BCE2;
margin-top: 25px;
margin-bottom: 25px;
color: #fff
}
.kc_facebook_recent_post .list-posts {
background: #e9ebee
}
.kc_facebook_recent_post .list-posts li {
border: 1px solid;
border-color: #e5e6e9 #dfe0e4 #d0d1d5;
background: #fff;
border-radius: 3px
}
.kc_facebook_recent_post .list-posts li:last-child {
margin-bottom: 0
}
.kc_facebook_recent_post ul li.fb_mark_cls {
background: url(//webitkurigram.com/wp/techno/wp-content/plugins/kingcomposer/assets/frontend/css/../images/fb_loading.gif) left 20px center no-repeat;
height: 60px;
border: 1px dashed #E6E6E6;
margin-bottom: 15px;
z-index: 2;
background-size: 16px
}
.fb-header .fb-line-1,
.fb-header .fb-line-2 {
z-index: 11;
position: relative;
width: 100%;
float: left
}
.kc_facebook_recent_post ul {
max-height: 300px;
overflow-y: auto
}
.kc_facebook_recent_post ul li {
border-bottom: 1px solid #E6E6E6
}
.kc_facebook_recent_post .fb-post-info span {
margin-right: 15px
}
.kc_facebook_recent_post .fb-post-info a {
font-size: 12px;
box-shadow: none;
border-bottom: 0;
color: #7f7f7f
}
.kc_facebook_recent_post img {
margin-bottom: 10px;
max-width: 100%
}
.kc_facebook_recent_post .fb-message {
margin: 0;
font-size: 13px;
font-weight: 400;
line-height: 1.38;
overflow: hidden
}
.kc_shortcode .fb-button-profile {
background-color: #4e69a2;
border-radius: 2px;
border: 1px solid;
box-shadow: 0 1px 1px rgba(0, 0, 0, .05);
margin-top: 15px;
display: inline-block;
text-align: center;
color: #FFF;
padding: 5px 20px;
text-decoration: none
}
.kc_shortcode .fb-button-profile:active,
.kc_shortcode .fb-button-profile:hover {
background-color: #4e69a2;
color: #FFF;
box-shadow: 0 0 1px 2px rgba(88, 144, 255, .75), 0 1px 1px rgba(0, 0, 0, .15);
outline: 0
}
.kc_shortcode .fb-button-profile:visited {
color: #FFF
}
.kc_facebook_recent_post ul {
border-top: 0;
padding: 10px
}
.kc_facebook_recent_post ul li {
padding: 10px;
margin-bottom: 20px
}
.kc_facebook_recent_post .fb-post-info {
margin-top: 10px;
padding-top: 6px;
border-top: 1px solid #e5e5e5;
line-height: 1
}
.kc_facebook_recent_post .fb-post-infoa span {
color: #7f7f7f;
font-size: 12px;
font-weight: 700;
line-height: 14px;
text-transform: capitalize
}
.kc_facebook_recent_post .fb-post-infoa span:hover {
color: #333
}
.fb-header {
width: 100%;
height: 130px;
background-size: cover;
position: relative
}
.fb-header .fb-line-1 {
color: #fff;
text-shadow: 0 2px 4px rgba(0, 0, 0, .9)
}
.fb-header .fb-line-2 {
display: block
}
.fb-line-1 .img-profile {
width: 54px;
height: auto;
margin: 7px 10px 0 7px;
border: 2px solid #fff;
float: left
}
.fb-line-1 .username {
font-size: 18px;
font-weight: 500;
display: inline-block;
line-height: 35px;
overflow: hidden
}
.fb-line-1 .likes {
font-size: 12px;
line-height: 1.358;
overflow: hidden;
display: block;
margin-left: 65px
}
.fb-line-2 .like_page,
.fb-line-2 .share_page {
background: #f6f7f8;
padding: 0 10px;
margin-left: 10px;
margin-top: 30px;
display: inline-block;
font-size: 12px;
line-height: 22px;
color: #4e5665;
border-radius: 1px;
text-shadow: 0 1px 0 #fff;
box-shadow: 0 1px 1px rgba(0, 0, 0, .05);
font-weight: 700;
box-sizing: content-box;
text-align: center;
font-family: helvetica, arial, sans-serif
}
.fb-line-2 .share_page {
margin-right: 10px;
margin-left: inherit;
float: right
}
.fb-line-2 .share_page i {
font-size: 13px
}
.fb-line-2 .like_page i {
font-size: 13px;
color: #3A5897
}
.overlay {
position: absolute;
top: 0;
left: 0;
height: 100%;
width: 100%;
background-color: rgba(0, 0, 0, .5);
z-index: 10
}
.kc_wrap_twitter .button_follow_wrap {
padding: 10px 15px;
background: #e1e8ed
}
.kc_twitter_feed .owl-item {
text-align: center
}
.kc_twitter_feed ul li {
margin-bottom: 20px;
padding: 10px;
border: 1px solid #E6E6E6;
border-radius: 2px;
background: #fff
}
.kc_twitter_feed ul li:last-child {
margin-bottom: 0
}
.kc_twitter_feed .kc_tweet_icon i {
display: block;
margin-bottom: 10px
}
.kc_twitter_feed .twitter-footer {
font-size: 12px;
font-style: italic;
margin-top: 15px
}
.kc_twitter_style-1 .twitter-footer.show_avatar {
margin-left: 58px;
border-top: 1px solid #e5e5e5;
padding-top: 10px;
line-height: 1;
padding-bottom: 6px
}
.kc_twitter_feed .twitter-footer > span {
margin-right: 25px
}
.kc_twitter_feed .twitter-footer > span a {
color: #aab8c2
}
.kc_twitter_feed .twitter-footer > span a:hover {
color: #1da1f2
}
.kc_twitter_feed .twitter-footer > span:last-child {
margin-right: 0
}
.kc_twitter_feed a {
color: #02A4BC
}
.kc_twitter_feed .tweet_user a {
position: relative;
line-height: 21px;
color: #333;
cursor: pointer;
background-color: #eee;
border-radius: 3px;
box-sizing: border-box;
text-decoration: none;
font-size: 13px;
font-weight: 700;
display: inline-block;
border: 1px solid #ccc;
background-image: linear-gradient(#fff, #dedede)
}
.kc-blog-posts-2 .kc-list-item-2 .post-title-alt a:hover,
.kc-blog-posts-3 .kc-list-item-3 .entry-meta a:hover,
.kc-blog-posts-4 .kc-list-item-4 .post-meta a:hover {
text-decoration: underline
}
.kc_twitter_feed .tweet_user a:hover {
color: #333;
background-color: #d9d9d9;
background-image: linear-gradient(#f8f8f8, #d9d9d9);
border-color: #bbb
}
.kc_twitter_feed .kc_tweet_icon {
font-size: 40px;
display: block
}
.kc_twitter_feed .tweet_desc .user_twitter {
width: 48px;
height: 48px;
display: inline-block;
float: left
}
.kc_twitter_feed .description,
.kc_twitter_feed .user_twitter span {
display: block
}
.kc_twitter_follow i {
margin-right: 5px;
color: #1b95e0;
font-size: 20px
}
.kc_twitter_feed .kc_twitter_follow {
line-height: 25px;
float: right;
padding: 2px 5px
}
.tweet_reply a i,
.tweet_retweet a i {
font-size: 17px
}
.kc_twitter_feed.kc_twitter_style-1 .kc_tweet_icon {
float: left
}
.kc_twitter_feed.kc_twitter_style-1 .tweet_desc.show_avatar {
margin-left: 58px
}
.kc_twitter_feed.kc_twitter_style-1 .tweet_desc .user_twitter {
margin-left: -58px
}
.kc_twitter_feed .user_twitter {
text-align: left
}
.kc_twitter_feed .user_twitter img {
float: left;
margin-right: 10px;
border-radius: 5px
}
.kc_twitter_feed .tweet_desc .name {
font-weight: 800
}
.kc_twitter_feed .tweet_desc .screen_name {
color: #8899a6
}
.kc_twitter_feed .tweet_user {
display: inline-block;
width: 100%;
margin-bottom: 0;
padding-bottom: 20px
}
.kc_counter_box h4,
.kc_counter_box i {
margin-bottom: 15px
}
.kc_wrap_twitter .result_twitter_feed {
overflow-y: auto;
padding: 20px 15px;
border: 1px solid #e9eaed;
height: 350px;
background: #F5F8FA
}
.kc_twitter_style-2 .button_follow_wrap {
display: none
}
.kc_twitter_feed.kc_twitter_style-2 .tweet_desc .user_twitter {
float: none;
display: block;
margin-right: 0;
text-align: center;
width: 100%
}
.kc_twitter_feed.kc_twitter_style-2 .tweet_desc .user_twitter img {
margin-right: 0;
float: none
}
.kc_twitter_feed.kc_twitter_style-2.tweet_desc span {
display: block
}
.kc_twitter_feed.kc_twitter_style-2 .tweet_desc {
text-align: center
}
.kc_twitter_feed.kc_twitter_style-2 .tweet_user {
text-align: center;
margin-top: 20px;
border: none
}
.kc_twitter_feed.kc_twitter_style-2 .kc_twitter_follow {
float: none
}
.kc-pie-chart-wrapper,
.kc_counter_box {
text-align: center
}
.kc_counter_box .counterup {
display: block;
font-size: 40px;
font-weight: 700;
line-height: 40px
}
.kc_counter_box i {
display: inline-block;
font-size: 45px
}
.kc_box_wrap .one-second,
.kc_box_wrap .one-third,
.kc_box_wrap .two-third {
float: left;
padding-left: 15px;
padding-right: 15px
}
.kc_box_wrap .one-third {
width: 33.3%
}
.kc_box_wrap .one-second {
width: 50%
}
.kc_box_wrap .two-third {
width: 66.7%
}
.kc-owl-post-carousel .owl-item {
padding-right: 20px
}
.kc-owl-post-carousel .owl-item .kc-read-more {
font-size: 13px;
padding: 9px 30px;
border-radius: 25px;
white-space: nowrap;
border: 1px solid #e3e3e3;
transition: all .3s ease
}
.kc-owl-post-carousel .owl-item .kc-read-more:hover {
background: #ccc;
border: 0
}
.kc-owl-post-carousel .owl-item .footer-button {
padding: 15px 0;
text-align: center
}
.kc-owl-post-carousel .owl-item .list-item {
box-shadow: 0 0 0 1px rgba(224, 224, 224, .5) inset;
text-align: center;
padding-bottom: 25px
}
.kc-owl-post-carousel .in-post-content {
text-align: justify
}
.kc-owl-post-carousel .owl-item .image {
margin-bottom: 20px;
position: relative
}
.kc-owl-post-carousel .owl-item .image .caption {
background: rgba(0, 0, 0, .5);
display: block;
position: absolute;
left: 0;
bottom: 0;
padding: 5px 10px;
margin: 0;
width: 100%;
text-overflow: ellipsis;
white-space: nowrap;
overflow: hidden
}
.kc_single_image,
.kc_single_image figure {
position: relative
}
.kc-owl-post-carousel .owl-item .image .caption a {
color: #FFF;
font-size: 16px
}
.kc-owl-post-carousel .owl-item .title {
overflow: hidden;
padding: 20px 12px 0
}
.kc-owl-post-carousel .owl-item .in-post-content {
padding: 0 15px
}
.kc-owl-post-carousel .owl-item .kc-entry_meta {
margin-bottom: 10px;
font-size: 80%
}
.list-post-type .list-item {
margin-bottom: 32px;
padding-bottom: 32px;
border-bottom: 1px solid #dbdbdb;
float: left;
width: 100%
}
.list-post-type .list-item figure {
float: left;
width: 100%;
margin-bottom: 25px
}
.list-post-type .list-item img {
display: block;
max-width: 100%
}
.list-post-type .list-item h3 {
float: left;
width: 100%;
margin-bottom: 6px
}
.list-post-type .list-item h3 a {
display: block;
color: #272727;
font-size: 24px;
transition: all .3s ease 0s
}
.list-post-type .list-item h3 a:hover {
color: #42BCE2
}
.kc-read-more {
float: left;
padding: 7px 30px;
border: 1px solid #e4e4e4;
border-radius: 30px;
font-weight: 600;
color: #505050;
transition: all .3s ease 0s
}
.kc-read-more:hover {
background: #42BCE2;
border-color: #42BCE2;
color: #fff
}
.kc-entry_meta > span {
margin-right: 13px;
font-size: 12px;
font-weight: 500
}
.kc-entry_meta > span i {
color: #42BCE2
}
.kc-entry_meta > span a {
color: #7a7a7a;
transition: all .3s ease 0s
}
.kc-entry_meta > span a:hover {
color: #42BCE2
}
.kc-carousel-images .progressBar {
width: 100%;
background: #EDEDED
}
.kc-carousel-images .progressBar .bar {
width: 0;
max-width: 100%;
height: 4px;
background: #7fc242
}
.kc_accordion_section.group {
padding-bottom: 8px
}
.entry-content a {
box-shadow: none
}
.kc_accordion_content {
border-bottom: 1px solid #eaeaea;
border-top: none !important;
float: left;
width: 100%
}
.kc_single_image {
max-width: 100%;
width: 100%;
line-height: 0
}
.kc_single_image > a {
width: 100%;
float: left;
position: relative
}
.kc_single_image p {
margin: 10px 0;
float: left;
width: 100%
}
.kc_image_empty {
max-width: 100%
}
.kc-image-overlay {
width: 100%;
height: 100%;
position: absolute;
top: 0;
left: 0;
transition: all .6s ease;
opacity: 0
}
.kc-image-overlay i {
font-size: 25px;
color: #fff;
position: absolute;
top: 50%;
left: 50%;
transform: translateX(-50%) translateY(-50%);
transition: all .3s ease;
border: 2px solid #fff;
width: 50px;
height: 50px;
text-align: center;
line-height: 50px
}
.kc-image-overlay:hover i {
border-radius: 10px
}
.kc_single_image:hover .kc-image-overlay {
background: rgba(58, 52, 42, .7);
opacity: 1
}
.list-post-type .kc-entry_meta span.tags-links {
display: inline !important
}
.kc-icon-wrapper i,
.list-post-type .kc-read-more {
display: inline-block
}
.kc-entry_meta {
float: left;
width: 100%;
padding-bottom: 15px
}
.list-post-type .text {
float: left;
width: 100%;
margin-bottom: 20px
}
.kc-entry_meta i {
margin-right: 5px
}
.kc-sync2.owl-carousel.owl-theme {
margin-top: 10px
}
.kc-sync2 .owl-item.synced .item img {
border: 1px solid #869791
}
.kc-carousel-no-images {
padding: 20px 0
}
.kc-icon-wrapper i {
color: #42BCE2;
font-size: 16px;
text-align: center;
line-height: 1em;
transition: background-color .3s ease 0s, color .3s ease 0s, border-radius .3s ease 0s
}
.kc-multi-icons-wrapper i {
width: 1em;
height: 1em;
text-align: center;
color: #fff;
font-size: 20px
}
.kc-multi-icons-wrapper a {
padding: 10px;
margin: 3px;
background: #1E73BE;
line-height: 1;
display: inline-block;
border-radius: 3px
}
.kc-multi-icons-wrapper a:last-child {
margin-right: 0 !important
}
.owl-nav-arrow.owl-theme .owl-controls .owl-buttons div {
position: absolute;
top: 50%;
width: 40px;
height: 50px;
margin-top: -25px;
background: 0 0;
opacity: 0;
left: 50px;
color: transparent;
transition: all .3s ease;
padding: 0;
z-index: 9
}
.owl-nav-arrow.owl-theme .owl-controls .owl-buttons .owl-next {
right: 50px;
left: initial
}
.owl-nav-arrow.owl-theme .owl-controls .owl-buttons div:before {
content: "\e605";
color: #999;
transition: all .6s ease;
font-family: simple-line-icons;
font-size: 50px;
line-height: 50px;
font-weight: 100
}
.owl-nav-arrow.owl-theme .owl-controls .owl-buttons .owl-next:before {
content: "\e606"
}
.owl-nav-arrow.owl-theme:hover .owl-controls .owl-buttons div {
opacity: 1;
left: 15px
}
.owl-nav-arrow.owl-theme .owl-controls .owl-buttons div:hover:before {
color: #666
}
.owl-nav-arrow.owl-theme:hover .owl-controls .owl-buttons div.owl-next {
right: 15px;
left: initial
}
.owl-nav-round.owl-theme .owl-controls .owl-buttons div {
position: absolute;
top: 50%;
width: 40px;
height: 40px;
margin-top: -25px;
background: #fafafa;
opacity: 0;
left: 50px;
color: transparent;
transition: all .3s ease;
padding: 0;
border: 1px solid #aaa;
border-radius: 100%
}
.owl-nav-round.owl-theme .owl-controls .owl-buttons .owl-next {
right: 50px;
left: initial
}
.owl-nav-round.owl-theme .owl-controls .owl-buttons div:before {
content: "\e605";
color: #999;
transition: all .6s ease;
font-family: simple-line-icons;
font-size: 20px;
line-height: 40px;
font-weight: 100;
width: 40px;
height: 40px;
text-align: left;
display: block;
padding-left: 8px;
margin-top: -1px
}
.owl-nav-round.owl-theme .owl-controls .owl-buttons .owl-next:before {
content: "\e606";
padding-right: 8px;
text-align: right
}
.owl-nav-round.owl-theme:hover .owl-controls .owl-buttons div {
opacity: 1;
left: 15px
}
.owl-nav-round.owl-theme .owl-controls .owl-buttons div:hover {
background: #FFF
}
.owl-nav-round.owl-theme .owl-controls .owl-buttons div:hover:before {
color: #666
}
.owl-nav-round.owl-theme:hover .owl-controls .owl-buttons div.owl-next {
right: 15px;
left: initial
}
@keyframes kc-spinner {
0% {
transform: scale(1) rotate(0)
}
100% {
transform: scale(1) rotate(720deg)
}
}
.kc-title-wrap {
width: 100%
}
.image_fadein_slider {
display: inline-block;
width: 100%
}
.image_fadein_slider .image_fadein {
display: inline-block;
width: 100%;
position: relative
}
.image_fadein_slider img {
position: absolute;
top: 0;
left: 0;
max-width: 100%;
opacity: 0;
transition: all ease 650ms
}
.image_fadein_slider img.active {
position: relative;
opacity: 1;
transition: all ease 850ms
}
.image_fadein_slider .image_fadein.fast img {
position: absolute;
top: 0;
left: 0;
max-width: 100%;
opacity: 0;
transition: all ease 350ms
}
.image_fadein_slider .image_fadein.fast img.active {
position: relative;
opacity: 1;
transition: all ease 550ms
}
.image_fadein_slider .image_fadein.slow img {
position: absolute;
top: 0;
left: 0;
max-width: 100%;
opacity: 0;
transition: all ease 950ms
}
.image_fadein_slider .image_fadein.slow img.active {
position: relative;
opacity: 1;
transition: all ease 1.15s
}
.kc-blog-posts-4 {
width: calc(100% + 30px) !important;
margin-left: -15px;
margin-right: -15px
}
.kc-blog-posts-4 .kc-list-item-4 {
float: left;
width: 100%;
position: relative
}
.kc-blog-posts-4 .item {
padding: 0 15px
}
.meta-title {
position: absolute;
left: 0;
bottom: 0;
background: linear-gradient(to bottom, rgba(101, 100, 96, 0) 0, rgba(0, 0, 0, .35) 50%, rgba(0, 0, 0, .35) 100%);
padding: 20px
}
.kc-blog-posts-4 .kc-list-item-4 .kc-post-header {
float: left;
width: 100%
}
.kc-blog-posts-4 .kc-list-item-4 .kc-post-header > a {
float: left;
width: 100%;
overflow: hidden
}
.kc-blog-posts-4 .kc-list-item-4 .kc-post-header > a img {
display: block
}
.kc-blog-posts-4 .kc-list-item-4 .kc-post-header .post-meta a.date-link {
margin-left: 7px
}
.kc-blog-posts-4 .kc-list-item-4 .kc-post-header .post-meta a.date-link:before {
content: '|';
margin-right: 7px
}
.kc-blog-posts-4 .kc-list-item-4 .kc-post-header a img {
-webkit-transition: all .4s ease 0s;
-moz-transition: all .4s ease 0s;
-ms-transition: all .4s ease 0s;
-o-transition: all .4s ease 0s;
transition: all .4s ease 0s
}
.kc-blog-posts-4 .kc-list-item-4 .kc-post-header a:hover img {
-webkit-transform: scale(1.1);
-moz-transform: scale(1.1);
-ms-transform: scale(1.1);
-o-transform: scale(1.1);
transform: scale(1.1)
}
.divider_line2 i,
.divider_line3 .line_text {
left: 50%;
top: 50%;
transform: translate(-50%, -50%)
}
.kc-blog-posts-4 .kc-list-item-4 .post-meta {
text-transform: uppercase;
font-size: 12px;
color: #fff;
float: left;
width: 100%
}
.kc-blog-posts-4 .kc-list-item-4 .post-meta a {
text-transform: capitalize;
font-size: 12px;
color: #fff
}
.kc-blog-posts-4 .kc-list-item-4 .kc-post-header .post-title-alt {
float: left;
width: 100%;
line-height: 1.4;
margin: 4px 0 10px;
font-size: 18px;
font-weight: 700;
text-transform: uppercase
}
.kc-blog-posts-4 .kc-list-item-4 .kc-post-header .post-title-alt a {
color: #fff
}
.kc-blog-posts-4 .kc-list-item-4 .kc-post-header .post-title-alt a:hover {
color: #42BCE2
}
.kc-blog-posts-1 .kc-list-item-1 {
position: relative;
min-height: 200px
}
.kc-blog-posts-1 .kc-list-item-1 figure {
width: 100%;
display: inline-block
}
.kc-blog-posts-1 .kc-list-item-1 .post-details {
position: absolute;
padding: 40px 20px 30px;
width: 100%;
bottom: 0;
text-align: left;
background: rgba(255, 255, 255, .7)
}
.kc-blog-posts-1 .kc-list-item-1 .post-title-alt {
margin: 0 0 15px
}
.kc-blog-posts-1 .kc-list-item-1 .post-title-alt a {
color: #000;
display: block;
font-size: 22px;
text-transform: uppercase
}
.kc-blog-posts-1 .kc-list-item-1 .post-title-alt a:hover {
color: #555
}
.kc-blog-posts-1 .kc-list-item-1 .post-date {
margin-bottom: 10px;
color: #999;
font-size: 12px;
font-style: italic
}
.kc-blog-posts-1 .kc-list-item-1 .post-date .kc-post-author {
margin-right: 8px;
padding-right: 8px;
border-right: 1px solid #ddd
}
.kc-blog-posts-1 .kc-list-item-1 .post-date .post-cats {
margin-left: 8px;
padding-left: 8px;
border-left: 1px solid #ddd
}
.kc-blog-posts-1 .kc-list-item-1 .post-date .kc-post-author a,
.kc-blog-posts-1 .kc-list-item-1 .post-date .post-cats a {
color: #333
}
.kc-blog-posts-1 .kc-list-item-1 .post-date .kc-post-author a:hover,
.kc-blog-posts-1 .kc-list-item-1 .post-date .post-cats a:hover {
color: #000
}
.kc-blog-posts-1 .kc-list-item-1 .post-details .btn {
display: inline-block;
font-size: 12px;
padding: 10px 20px;
line-height: 1;
color: #272727;
text-transform: uppercase;
border: 2px solid #42BCE2
}
.kc-blog-posts-1 .kc-list-item-1 .post-details .btn:hover {
background: #42BCE2;
color: #fff
}
.kc-blog-posts-2 .kc-list-item-2 {
float: left;
width: 100%;
border: 1px solid #ddd;
padding: 20px;
margin-bottom: 30px
}
.kc-blog-posts-2 .kc-list-item-2 .post-item-left {
float: left;
width: 50%;
padding-right: 30px
}
.kc-blog-posts-2 .kc-list-item-2 .post-item-left > p,
.kc-blog-posts-2 .kc-list-item-2 .post-item-right > p {
font-size: 14px;
color: #666;
float: left;
width: 100%;
margin-bottom: 15px
}
.kc-blog-posts-2 .kc-list-item-2 .post-item-right {
float: left;
width: 50%
}
.kc-blog-posts-2 .kc-list-item-2 .post-title-alt {
margin: 0 0 20px;
float: left;
width: 100%;
font-weight: 700;
text-transform: uppercase;
font-size: 20px
}
.kc-blog-posts-2 .kc-list-item-2 .post-title-alt a {
display: block;
color: #333
}
.kc-blog-posts-2 .kc-list-item-2 .post-meta {
float: left;
width: 100%;
margin-bottom: 20px;
border-top: 1px solid #e5e5e5;
border-bottom: 1px solid #e5e5e5;
line-height: 38px
}
.kc-blog-posts-2 .kc-list-item-2 .post-meta span {
float: left;
margin-right: 15px;
font-size: 12px
}
.kc-blog-posts-2 .kc-list-item-2 .post-meta span i {
margin-right: 5px;
color: #42BCE2;
font-size: 12px
}
.kc-blog-posts-2 .kc-list-item-2 .post-meta span a {
color: #999
}
.kc-blog-posts-2 .kc-list-item-2 .post-meta span a:hover {
color: #000
}
.kc-blog-posts .kc-post-2-button {
float: left;
padding: 10px 20px;
border: 1px solid #ddd;
border-radius: 2px;
color: #000;
font-size: 12px;
line-height: 1
}
.kc-blog-posts .kc-post-2-button:hover {
border-color: #42BCE2;
background: #42BCE2;
color: #fff
}
.kc-blog-posts-3.kc-blog-grid {
width: calc(100% + 30px);
margin-left: -15px;
margin-right: -15px
}
.kc-blog-posts-3.kc-blog-grid .post-grid.grid-1 {
width: 100%;
float: left;
padding: 0 15px
}
.kc-blog-posts-3.kc-blog-grid .post-grid.grid-2 {
width: 50%;
float: left;
padding: 0 15px
}
.kc-blog-posts-3.kc-blog-grid .post-grid.grid-3 {
width: 33.33333333333%;
padding: 0 15px;
float: left
}
.kc-blog-posts-3.kc-blog-grid .post-grid.grid-4 {
width: 25%;
float: left;
padding: 0 15px
}
.kc-blog-posts-3.kc-blog-grid .post-grid.grid-5 {
width: 20%;
float: left;
padding: 0 15px
}
.kc-blog-posts-3.kc-blog-grid .post-grid.grid-6 {
width: 16.5%;
float: left;
padding: 0 15px
}
.kc-blog-posts-3.kc-blog-grid .post-grid img {
max-width: 100%;
transition: all .3s ease 0
}
.kc-blog-posts-3 .kc-list-item-3 {
float: left;
width: 100%;
margin-bottom: 30px
}
.kc-blog-posts-3 .kc-list-item-3 > a {
float: left;
width: 100%
}
.kc-blog-posts-3 .kc-list-item-3 > a img {
display: block
}
.kc-blog-posts-3 .kc-list-item-3 .content {
float: left;
width: 100%;
padding: 26px;
box-shadow: 0 1px 4px 0 rgba(0, 0, 0, .14)
}
.kc-button-7 a:hover,
.kc-button-9 a:hover {
box-shadow: 0 11px 3px -7px #ccc !important
}
.kc-blog-posts-3 .kc-list-item-3 .entry-thumb-link:hover img {
opacity: .4
}
.kc-blog-posts-3 .kc-list-item-3 .entry-meta {
text-transform: uppercase;
font-size: 12px;
color: #b4b4b4;
float: left;
width: 100%;
margin: 5px 0 10px
}
.kc-blog-posts-3 .kc-list-item-3 .entry-meta .entry-date,
.kc-blog-posts-3 .kc-list-item-3 .entry-meta .kc-post-author {
padding-right: 7px;
margin-right: 7px;
border-right: 1px solid #e4e4e4
}
.kc-blog-posts-3 .kc-list-item-3 .entry-meta a {
text-transform: capitalize;
font-size: 12px;
color: #42BCE2
}
.kc-blog-posts-3 .kc-list-item-3 .post-title-alt {
float: left;
width: 100%;
line-height: 1.4;
margin: 0;
font-size: 18px;
font-weight: 700;
text-transform: uppercase;
position: relative
}
.kc-blog-posts-3 .kc-list-item-3 .post-content p {
color: #7a7a7a;
line-height: 26px;
font-size: 14px
}
.kc-blog-posts-3 .kc-list-item-3 .post-title-alt a {
color: #272727
}
.kc-blog-posts-3 .kc-list-item-3 .post-title-alt a:hover {
color: #42BCE2
}
.kc-blog-posts-3 .kc-list-item-3 .entry-excerpt p {
font-size: 14px;
color: #888
}
.divider_line {
float: left;
width: 100%;
margin-top: 30px;
margin-bottom: 30px
}
.divider_line .divider_inner {
display: inline-block;
width: 100%;
border-bottom: 1px solid #ccc;
border-top: 0 !important;
border-left: 0 !important;
border-right: 0 !important
}
.divider_line2 {
height: 1px;
position: relative
}
.divider_line2 i {
color: #fff;
width: 27px;
height: 27px;
border-radius: 100%;
background-color: #d3d3d3;
text-align: center;
vertical-align: middle;
line-height: 27px;
position: absolute
}
.divider_line3 {
position: relative
}
.divider_line3 .line_text {
text-transform: uppercase;
background: #fff;
padding: 0 10px;
position: absolute
}
.message-boxes i {
margin-right: 7px;
float: left
}
.message-box-wrap {
padding: 20px;
border-radius: 0;
border: 2px solid #eee;
font-size: 14px
}
.kc-close-but {
width: 10px;
height: 10px;
float: right;
border: none;
margin: 8px;
cursor: pointer;
font-size: 0;
background: url(//webitkurigram.com/wp/techno/wp-content/plugins/kingcomposer/assets/frontend/css/../images/icon-remove.png) center top no-repeat;
text-indent: -9999px
}
button.kc-close-but:hover {
background-color: rgba(51, 51, 51, 0)
}
.kc-filters-alignCenter {
margin-top: 30px;
margin-bottom: 30px;
text-align: center;
font-size: 12px;
font-weight: 400;
line-height: 21px;
color: #DADADA
}
.kc-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
}
.kc-filter-item-active.kc-filter-item {
color: #4183d7
}
.kc-caption-zoom {
float: left;
position: relative;
width: 640px;
height: 360px;
margin: 0 auto;
overflow: hidden
}
.kc-caption-defaultWrap {
position: absolute;
top: 0;
left: 0
}
.kc-caption-defaultWrap img {
transition: .4s ease
}
.kc-caption-zoom .kc-caption:hover .kc-caption-defaultWrap img {
transform: scale(1.08)
}
.kc-caption-activeWrap {
width: 100%;
z-index: 2;
height: 100%
}
.kc-caption-zoom .kc-caption:hover .kc-caption-activeWrap {
position: absolute;
opacity: 1
}
.kc-caption-activeWrap .kc-caption-body {
padding: 12px 30px;
text-align: center
}
.kc-caption-zoom .kc-caption-activeWrap .kc-caption-body {
padding-top: 120px
}
.kc-caption-body .kc-caption-title {
color: #fff;
font-size: 16px;
font-weight: 400;
line-height: 21px
}
.kc-caption-body .kc-caption-desc {
color: #aaa;
font-size: 12px;
font-weight: 400;
line-height: 16px
}
.kc-caption-zoom .kc-caption-activeWrap {
opacity: 0;
top: 0;
background-color: rgba(0, 0, 0, .9);
transition: opacity .8s cubic-bezier(.19, 1, .22, 1)
}
.cbp-l-filters-button .cbp-filter-item:hover .cbp-filter-counter {
bottom: 125%
}
.kc_tooltip {
position: relative;
display: inline-block;
border-bottom: initial
}
.kc_tooltip span {
background: #454545;
border-radius: 3px;
bottom: 117%;
color: #fff;
font-size: 14px;
left: 50%;
position: absolute;
width: 200px;
z-index: 9999;
margin: 0 !important;
padding: 10px;
text-align: center;
transform: translateX(-50%);
transition: all .3s ease-in-out 0s;
opacity: 0;
visibility: hidden
}
.kc_tooltip .fati17 {
width: 50px;
height: 50px;
color: #fff;
font-size: 27px;
display: inline-block;
vertical-align: middle;
line-height: 50px;
border-radius: 100%;
text-align: center;
background-color: #181818;
transition: all .3s ease 0s
}
.kc_tooltip[data-position=top] span:before {
background: #454545;
z-index: -1;
bottom: -9px;
content: "";
left: 50%;
display: block;
height: 10px;
width: 10px;
position: absolute;
border-width: 10px;
margin-left: -9px;
transform: rotate(45deg) translateY(-50%)
}
.kc_tooltip[data-position=right] span:before {
background: #454545;
z-index: -1;
top: 50%;
margin: 0 !important;
content: "";
left: -8px;
display: block;
height: 10px;
width: 10px;
position: absolute;
border-width: 10px;
transform: rotate(45deg) translateY(-50%)
}
.kc_tooltip[data-position=right] span,
.kc_tooltip[data-position=left] span {
bottom: initial !important;
top: 50%;
transform: translateY(-50%)
}
.kc_tooltip[data-position=bottom] span:before {
background: #454545;
z-index: -1;
content: '';
left: 50%;
margin-left: -10px;
top: 0;
display: block;
height: 10px;
width: 10px;
position: absolute;
border-width: 10px;
transform: rotate(45deg) translateY(-50%)
}
.kc_tooltip[data-position=bottom] span {
transform: translateX(-50%)
}
.kc_tooltip[data-position=left] span:before {
background: #454545;
top: 50%;
margin: 0;
content: " ";
right: 0;
display: block;
height: 10px;
width: 10px;
position: absolute;
border-width: 10px;
transform: rotate(45deg) translateY(-50%)
}
.but_large1 {
color: #fff;
padding: 18px 50px;
background-color: '. $bg_color .';
border-radius: 3px;
transition: all .3s ease;
white-space: nowrap
}
.but_large1:hover {
color: #fff;
background-color: #2a363f
}
.kc_tooltip:hover span {
opacity: 1;
visibility: visible
}
.content-button a {
transition: all .3s ease 0s
}
.kc_tooltip.style2 img {
display: block
}
.kc-image-hover-effects {
position: relative;
overflow: hidden
}
.kc-image-hover-effects > a {
float: left;
width: 100%
}
.kc-image-hover-effects .overlay-effects {
position: absolute;
left: 0;
top: 0;
opacity: 0;
width: 100%;
height: 100%;
background: rgba(0, 0, 0, .4);
text-align: center
}
.kc-image-hover-effects .overlay-effects,
.kc-image-hover-effects .overlay-effects .content-button a,
.kc-image-hover-effects .overlay-effects .content-desc,
.kc-image-hover-effects .overlay-effects .content-title,
.kc-image-hover-effects a img {
transition: transform .4s cubic-bezier(.4, 0, .2, 1), opacity .4s
}
.kc-image-hover-effects img {
float: left;
max-width: 100%;
transition: all .3s ease 0s
}
.kc-image-hover-effects .overlay-effects .content-title {
color: #fff;
text-transform: uppercase;
font-size: 25px;
font-weight: 600;
margin: 20px 0 15px
}
.kc-image-hover-effects .overlay-effects .content-desc {
color: rgba(255, 255, 255, .7)
}
.kc-img-effects-1:hover .overlay-effects {
opacity: 1
}
.kc-img-effects-1 .overlay-effects {
display: -webkit-flex;
display: flex;
align-items: center;
justify-content: center
}
.kc-img-effects-1 .overlay-effects .content-title {
margin: 0
}
.kc-img-effects-2 .overlay-effects {
transform: scale(1.3) display: -webkit-flex;
display: flex;
align-items: center;
justify-content: center;
flex-direction: column
}
.kc-img-effects-2 .overlay-effects .content-title {
margin: 0 0 4px;
font-size: 20px
}
.kc-img-effects-2 .overlay-effects .content-desc {
margin: 0
}
.kc-img-effects-2:hover .overlay-effects {
opacity: 1;
transform: scale(1)
}
.kc-img-effects-2:hover a img {
transform: scale(1.2)
}
.kc-img-effects-3 .overlay-effects {
padding: 20px;
text-align: left;
display: -webkit-flex;
display: flex;
align-items: flex-end
}
.kc-img-effects-3 .overlay-effects .content-title {
margin: 0 0 7px;
opacity: 0;
transform: translate(-40px, 0)
}
.kc-img-effects-3 .overlay-effects .content-desc {
margin: 0;
opacity: 0;
transform: translate(-40px, 0);
transition-delay: .15s
}
.kc-img-effects-3:hover .overlay-effects {
opacity: 1;
transform: scale(1)
}
.kc-img-effects-3:hover .overlay-effects .content-desc,
.kc-img-effects-3:hover .overlay-effects .content-title {
opacity: 1;
transform: translate(0, 0)
}
.kc-img-effects-4 .overlay-effects .content-desc,
.kc-img-effects-4 .overlay-effects .content-title {
opacity: 0;
transform: translate(0, -40px)
}
.kc-img-effects-4 .overlay-effects .content-button a {
opacity: 0
}
.kc-img-effects-4 .overlay-effects .content-desc {
transition-delay: .2s
}
.kc-img-effects-4:hover .overlay-effects .content-desc,
.kc-img-effects-4:hover .overlay-effects .content-title {
opacity: 1;
transform: translate(0, 0)
}
.kc-img-effects-4:hover a img {
transform: scale(1.1)
}
.kc-img-effects-4:hover .overlay-effects,
.kc-img-effects-4:hover .overlay-effects .content-button a {
opacity: 1
}
.kc-img-effects-5 .overlay-effects {
padding: 20px;
text-align: left;
display: -webkit-flex;
display: flex;
align-items: center;
justify-content: center
}
.kc-button-7 a,
.kc-button-8 a {
line-height: 40px;
text-align: center
}
.kc-img-effects-5 .overlay-effects i {
width: 40px;
height: 40px;
line-height: 40px;
background: rgba(255, 255, 255, .8);
color: #333;
text-align: center;
font-size: 14px;
border-radius: 50%
}
.kc-button-1 a,
.kc-button-main a {
border: 2px solid #42BCE2;
padding: 10px 30px
}
.kc-img-effects-5:hover .overlay-effects {
opacity: 1
}
.kc-image-hover-effects.slide_bottom:hover img,
.kc-image-hover-effects.slide_left:hover img,
.kc-image-hover-effects.slide_right:hover img,
.kc-image-hover-effects.slide_top:hover img {
transform: none
}
.kc-image-hover-effects.slide_left .overlay-effects {
opacity: 1;
background: #333;
transform: translateX(-100%)
}
.kc-image-hover-effects.slide_right .overlay-effects {
opacity: 1;
background: #333;
transform: translateX(100%)
}
.kc-image-hover-effects.slide_top .overlay-effects {
opacity: 1;
background: #333;
transform: translateY(-100%)
}
.kc-image-hover-effects.slide_bottom .overlay-effects {
opacity: 1;
background: #333;
transform: translateY(100%)
}
.kc-image-hover-effects.slide_bottom:hover .overlay-effects,
.kc-image-hover-effects.slide_left:hover .overlay-effects,
.kc-image-hover-effects.slide_right:hover .overlay-effects,
.kc-image-hover-effects.slide_top:hover .overlay-effects {
transform: translate(0, 0)
}
.kc-image-hover-effects.push_bottom .overlay-effects,
.kc-image-hover-effects.push_left .overlay-effects,
.kc-image-hover-effects.push_right .overlay-effects,
.kc-image-hover-effects.push_top .overlay-effects {
background: #333;
opacity: 1
}
.kc-image-hover-effects.push_bottom img,
.kc-image-hover-effects.push_left img,
.kc-image-hover-effects.push_right img,
.kc-image-hover-effects.push_top img {
z-index: 2;
position: relative
}
.kc-image-hover-effects.push_left:hover img {
transform: translateX(100%)
}
.kc-image-hover-effects.push_right:hover img {
transform: translateX(-100%)
}
.kc-image-hover-effects.push_top:hover img {
transform: translateY(100%)
}
.kc-image-hover-effects.push_bottom:hover img {
transform: translateY(-100%)
}
.kc-image-hover-effects.zoom_in img {
transform: scale(1)
}
.kc-image-hover-effects.zoom_in:hover img,
.kc-image-hover-effects.zoom_out img {
transform: scale(1.2)
}
.kc-image-hover-effects.zoom_out:hover img {
transform: scale(1)
}
.kc-image-hover-effects.tranlate {
overflow: inherit
}
.kc-image-hover-effects.tranlate .overlay-effects {
background: #333;
transition: all .3s ease 0s
}
.kc-image-hover-effects.tranlate:hover .overlay-effects {
top: 15px;
left: 15px
}
.kc-image-hover-effects.overlay_scale_in .overlay-effects {
transition: all .3s ease 0s;
background: #333;
transform: scale(.75)
}
.kc-image-hover-effects.overlay_scale_in:hover .overlay-effects {
transform: scale(1)
}
.kc-image-hover-effects.overlay_scale_out .overlay-effects {
transition: all .3s ease 0s;
background: #333;
transform: scale(1)
}
.kc-image-hover-effects.overlay_scale_out:hover .overlay-effects {
transform: scale(.9)
}
.kc-pro-button a {
display: inline-block;
transition: all .3s;
text-transform: uppercase
}
.kc-button-2 a:after,
.kc-button-3 a:after {
content: '';
top: 0;
left: 0;
transition: all .3s ease 0s
}
.kc-button-main a {
color: #fff;
background: #42BCE2
}
.kc-button-1 a,
.kc-button-main a:active,
.kc-button-main a:hover {
background: #fff;
color: #42BCE2
}
.kc-button-1 a {
z-index: 1
}
.kc-button-1 a:hover {
border-radius: 10px;
border-style: dotted;
color: #42BCE2
}
.kc-button-2 a,
.kc-button-3 a {
border: 2px solid #42BCE2;
padding: 10px 30px
}
.kc-button-2 a {
color: #fff;
background: #42BCE2;
position: relative;
z-index: 1
}
.kc-button-2 a:after {
position: absolute;
width: 0;
height: 100%;
background: #fff;
z-index: -1
}
.kc-button-2 a:hover {
color: #42BCE2
}
.kc-button-2 a:active:after,
.kc-button-2 a:hover:after {
width: 100%
}
.kc-button-3 a {
color: #fff;
background: #42BCE2;
z-index: 1;
overflow: hidden;
position: relative
}
.kc-button-3 a:after {
position: absolute;
width: 100%;
height: 0;
background: #fff;
z-index: -1
}
.kc-button-3 a:hover {
color: #42BCE2
}
.kc-button-3 a:hover:after {
height: 100%
}
.kc-button-4 a {
border: 3px solid #42BCE2;
color: #fff;
background: #42BCE2;
z-index: 1;
overflow: hidden;
position: relative;
padding: 10px 30px
}
.kc-button-4 a:after,
.kc-button-4 a:before {
width: 0;
position: absolute;
content: '';
height: 100%;
top: 0;
background: #fff;
transition: all .3s ease 0s;
z-index: -1
}
.kc-button-4 a:after {
left: 50%
}
.kc-button-4 a:before {
right: 50%
}
.kc-button-5 a,
.kc-button-6 a {
background: #42BCE2;
padding: 10px 30px
}
.kc-button-4 a:hover {
color: #42BCE2
}
.kc-button-4 a:hover:after,
.kc-button-4 a:hover:before {
width: 100%
}
.kc-button-5 a {
color: #fff
}
.kc-button-5 a:hover {
color: #fff;
animation-name: pulse;
animation-duration: .5s;
animation-timing-function: linear;
animation-iteration-count: 1
}
.creative_icon_right {
margin: 0 0 0 4px
}
.creative_icon_left,
.kc-button-6 a .creative_icon_left i {
margin: 0 4px 0 0
}
.kc-button-6 a,
.kc-button-6 a:hover {
color: #fff
}
.kc-button-6 a .creative_icon_right i {
margin: 0 0 0 4px
}
.kc-button-6 a:hover span i {
color: #fff;
animation-name: bounce;
animation-duration: .6s;
animation-timing-function: linear
}
.kc-button-7 a {
color: #fff;
position: relative;
background-color: #3fa962;
border: 1px solid rgba(255, 255, 255, .15);
letter-spacing: .2px;
min-height: 40px;
overflow: visible;
display: inline-block;
transition: all .25s ease-in-out;
padding: 3px 25px
}
.kc-button-10 a,
.kc-team,
.kc-team-2 .box-right,
.kc-team-3 {
overflow: hidden
}
.kc-button-7 a:after,
.kc-button-7 a:before {
content: "";
display: block;
position: absolute;
width: 20%;
height: 30%;
transition: all .3s ease 0s
}
.kc-button-7 a:before {
border-top: 2px solid rgba(255, 255, 255, .8);
border-left: 2px solid rgba(255, 255, 255, .8);
left: 5px;
top: 5px
}
.kc-button-7 a:after {
border-bottom: 2px solid rgba(255, 255, 255, .8);
border-right: 2px solid rgba(255, 255, 255, .8);
bottom: 5px;
right: 5px
}
.kc-button-7 a i {
margin-left: 6px
}
.kc-button-7 a .creative_icon_left i {
margin: 0 6px 0 0
}
.kc-button-7 a:hover {
color: #fff
}
.kc-button-7 a:hover:after,
.kc-button-7 a:hover:before {
width: calc(100% - 10px);
height: calc(100% - 10px)
}
.kc-button-8 a {
color: #fff;
position: relative;
background-color: #42BCE2;
letter-spacing: .2px;
min-height: 40px;
display: inline-block;
transition: all .25s ease-in-out;
padding: 8px 34px;
border-radius: 30px;
text-transform: capitalize
}
.kc-button-8 a .creative_title,
.kc-button-8 a i,
.kc-button-9 a {
transition: all .3s ease 0s
}
.kc-button-8 a .creative_icon_right i {
margin: 0 0 0 4px
}
.kc-button-8 a:hover .creative_icon_right i {
margin: 0 0 0 15px
}
.kc-button-8 a .creative_icon_left i {
margin: 0 4px 0 0
}
.kc-button-8 a:hover .creative_icon_left i {
margin: 0 15px 0 0
}
.kc-button-8 a:hover .creative_title,
.kc-button-8 a:hover i {
color: #fff
}
.kc-button-9 a {
padding: 10px 30px;
color: #fff;
position: relative;
background: #42BCE2;
transform-style: preserve-3d
}
.kc-button-9 a:hover,
.kc-button-9 a:hover:before {
transform: translateY(-5px)
}
.kc-button-9 a:before {
pointer-events: none;
position: absolute;
z-index: -1;
content: '';
top: 100%;
left: 5%;
height: 10px;
width: 90%;
opacity: 0;
background: radial-gradient(ellipse at center, rgba(0, 0, 0, .35) 0, rgba(0, 0, 0, 0) 80%);
transition-property: transform, opacity
}
.kc-button-9 a:hover {
color: #fff
}
.kc-button-10 a {
padding: 10px 30px;
color: #fff;
position: relative;
background: #42BCE2;
transition: all .3s ease 0s
}
.kc-button-10 a:after {
background: #fff;
content: "";
height: 155px;
left: -75px;
opacity: .2;
position: absolute;
top: -50px;
transform: rotate(35deg);
transition: all 550ms cubic-bezier(.19, 1, .22, 1);
width: 50px
}
.kc-team-3,
.kc-video-bg {
position: relative
}
.kc-button-10 a:hover {
color: #fff
}
.kc-button-10 a:hover:after {
left: 120%;
transition: all 550ms cubic-bezier(.19, 1, .22, 1)
}
.kc-infobox-default {
float: left;
padding: 60px 60px 80px;
text-align: left;
background-color: #fff;
border: 1px solid #eee;
transition: all .3s ease;
width: 100%
}
.kc-infobox-default i {
font-size: 30px;
color: #272727;
padding-bottom: 32px
}
.kc-infobox-1 h3,
.kc-infobox-default h3 {
font-size: 16px;
font-style: normal;
line-height: 23px
}
.kc-infobox-default h3 {
margin-bottom: 20px;
font-weight: 600
}
.kc-infobox-default.active,
.kc-infobox-default:hover {
background-color: #42BCE2;
transition: all .3s ease
}
.kc-infobox-default.active,
.kc-infobox-default.active h5,
.kc-infobox-default.active i,
.kc-infobox-default:hover,
.kc-infobox-default:hover h5,
.kc-infobox-default:hover i {
color: #fff
}
.kc-infobox-1 h3 {
font-weight: 700;
text-align: left;
text-transform: uppercase;
margin-bottom: 12px;
display: inline-block
}
.kc-infobox-1 i {
color: #42BCE2;
font-size: 22px;
padding-right: 16px;
padding-top: 2px;
float: left
}
.kc-infobox-1 p {
float: left;
margin: 8px 0 16px;
width: 100%
}
.kc-infobox-1 .kc-infobox-button1 {
color: #272727;
font-size: 12px;
font-weight: 400;
text-transform: uppercase;
transition: all .3s ease;
float: left
}
.kc-infobox-1 .kc-infobox-button1:hover {
color: #727272
}
.kc-dropcaps .dropcaps-text {
position: relative;
display: inline-block;
float: left;
height: 45px;
width: 45px;
line-height: 45px;
font-size: 40px;
background: #42BCE2;
color: #fff;
font-weight: 700;
text-align: center;
margin: 5px 18px 0 0
}
.kc-call-to-action {
background: #fafafa;
padding: 30px 50px;
display: table;
width: 100%
}
.kc-call-to-action .kc-cta-desc h2,
.kc-call-to-action .kc-cta-text {
margin: 0 0 20px
}
.kc-call-to-action .kc-cta-button a {
background: #34495e;
text-transform: uppercase;
color: #fff;
float: right;
padding: 10px 25px;
transition: all .3s ease 0s
}
.kc-call-to-action .kc-cta-button a:hover {
background-color: #ff2a40
}
.kc-call-to-action.kc-cta-2 .kc-cta-button a {
float: none;
display: inline-block
}
.kc-cta-3.kc-is-button .kc-cta-desc {
width: 75%;
display: table-cell;
vertical-align: middle
}
.kc-cta-3 .kc-cta-text p {
margin: 0
}
.kc-cta-3 .kc-cta-button {
width: 25%;
display: table-cell;
vertical-align: middle
}
.kc-cta-1,
.kc-cta-2,
.kc-image-hover-effects,
.kc-team {
width: 100%;
float: left
}
.kc-cta-3 .kc-cta-button a {
display: inline-block
}
.kc-cta-1 .kc-cta-button {
float: left
}
.kc-cta-1 .kc-cta-button a {
display: block
}
.kc-cta-2 {
text-align: center
}
.kc-team {
text-align: center;
transition: all .3s ease 0s
}
.kc-team .content-socials a {
text-align: center;
display: inline-block;
margin: 0 5px 25px;
width: 35px;
height: 35px;
font-size: 18px;
color: #fff;
border: 1px solid #42BCE2;
background-color: #42BCE2;
border-radius: 2px;
line-height: 35px
}
.kc-team .content-socials {
float: left;
width: 100%
}
.kc-team.kc-team-3 .content-socials {
margin-top: 25px
}
.content-subtitle {
float: left;
width: 100%
}
.kc-team .content-desc {
margin: 0 0 20px;
float: left;
width: 100%
}
.kc-team-2 {
text-align: left
}
.kc-team-2 .content-title {
margin: 0;
float: left;
width: 100%
}
.kc-team-2 .content-image {
float: left;
max-width: 35%;
padding-right: 20px
}
.kc-team-3 .content-image img {
float: left
}
.kc-team-2 .content-desc {
margin: 13px 0 20px
}
.kc-team-3:hover .overlay {
transform: translateY(0);
opacity: 1
}
.kc-team-3 .overlay {
width: 100%;
height: 100%;
padding-top: 30px;
opacity: 0;
transition: all .3s ease 0s;
transform: translateY(100%);
background: rgba(0, 0, 0, .4)
}
.kc-team-3 .content-subtitle,
.kc-team-3 .content-title {
color: #fff
}
.kc-team-3 .content-desc {
margin: 0 0 25px;
color: rgba(255, 255, 255, .8)
}
@media only screen and (max-width:479px) {
.kc-blog-posts-2 .kc-list-item-2 .post-item-left,
.kc-blog-posts-2 .kc-list-item-2 .post-item-right,
.kc-blog-posts-3.kc-blog-grid .post-grid.grid-2,
.kc-blog-posts-3.kc-blog-grid .post-grid.grid-3,
.kc-blog-posts-3.kc-blog-grid .post-grid.grid-4 {
width: 100%
}
div.dark_rounded .pp_content_container .pp_left,
div.dark_rounded .pp_content_container .pp_right {
padding: 0
}
div.pp_pic_holder {
width: 85% !important;
left: 7.5% !important
}
div.dark_rounded .pp_content,
div.pp_pic_holder img {
width: 100% !important;
height: auto !important
}
}
@media only screen and (min-width:480px) and (max-width:999px) {
.kc-blog-posts-2 .kc-list-item-2 .post-item-left,
.kc-blog-posts-2 .kc-list-item-2 .post-item-right,
.kc-blog-posts-3.kc-blog-grid .post-grid.grid-2,
.kc-blog-posts-3.kc-blog-grid .post-grid.grid-3,
.kc-blog-posts-3.kc-blog-grid .post-grid.grid-4 {
width: 50%
}
}
@charset "UTF-8";
/*!
* animate.css -http://daneden.me/animate
* Version - 3.5.1
* Licensed under the MIT license - http://opensource.org/licenses/MIT
*
* Copyright (c) 2016 Daniel Eden
*/
@media screen and (min-width:768px) {
.kc-animated {
opacity: 0
}
.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.bounceIn {
-webkit-animation-duration: .75s;
animation-duration: .75s
}
@-webkit-keyframes bounce {
20%,
53%,
80%,
from,
to {
-webkit-animation-timing-function: cubic-bezier(.215, .61, .355, 1);
animation-timing-function: cubic-bezier(.215, .61, .355, 1);
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0)
}
40%,
43% {
-webkit-animation-timing-function: cubic-bezier(.755, .05, .855, .06);
animation-timing-function: cubic-bezier(.755, .05, .855, .06);
-webkit-transform: translate3d(0, -30px, 0);
transform: translate3d(0, -30px, 0)
}
70% {
-webkit-animation-timing-function: cubic-bezier(.755, .05, .855, .06);
animation-timing-function: cubic-bezier(.755, .05, .855, .06);
-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 {
20%,
53%,
80%,
from,
to {
-webkit-animation-timing-function: cubic-bezier(.215, .61, .355, 1);
animation-timing-function: cubic-bezier(.215, .61, .355, 1);
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0)
}
40%,
43% {
-webkit-animation-timing-function: cubic-bezier(.755, .05, .855, .06);
animation-timing-function: cubic-bezier(.755, .05, .855, .06);
-webkit-transform: translate3d(0, -30px, 0);
transform: translate3d(0, -30px, 0)
}
70% {
-webkit-animation-timing-function: cubic-bezier(.755, .05, .855, .06);
animation-timing-function: cubic-bezier(.755, .05, .855, .06);
-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 {
50%,
from,
to {
opacity: 1
}
25%,
75% {
opacity: 0
}
}
@keyframes flash {
50%,
from,
to {
opacity: 1
}
25%,
75% {
opacity: 0
}
}
.flash {
-webkit-animation-name: flash;
animation-name: flash
}
@-webkit-keyframes pulse {
from,
to {
-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)
}
}
@keyframes pulse {
from,
to {
-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)
}
}
.pulse {
-webkit-animation-name: pulse;
animation-name: pulse
}
@-webkit-keyframes rubberBand {
from,
to {
-webkit-transform: scale3d(1, 1, 1);
transform: scale3d(1, 1, 1)
}
30% {
-webkit-transform: scale3d(1.25, .75, 1);
transform: scale3d(1.25, .75, 1)
}
40% {
-webkit-transform: scale3d(.75, 1.25, 1);
transform: scale3d(.75, 1.25, 1)
}
50% {
-webkit-transform: scale3d(1.15, .85, 1);
transform: scale3d(1.15, .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)
}
}
@keyframes rubberBand {
from,
to {
-webkit-transform: scale3d(1, 1, 1);
transform: scale3d(1, 1, 1)
}
30% {
-webkit-transform: scale3d(1.25, .75, 1);
transform: scale3d(1.25, .75, 1)
}
40% {
-webkit-transform: scale3d(.75, 1.25, 1);
transform: scale3d(.75, 1.25, 1)
}
50% {
-webkit-transform: scale3d(1.15, .85, 1);
transform: scale3d(1.15, .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)
}
}
.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,
to {
-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)
}
}
@keyframes tada {
from,
to {
-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)
}
}
.tada {
-webkit-animation-name: tada;
animation-name: tada
}
@-webkit-keyframes wobble {
from,
to {
-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)
}
}
@keyframes wobble {
from,
to {
-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)
}
}
.wobble {
-webkit-animation-name: wobble;
animation-name: wobble
}
@-webkit-keyframes jello {
11.1%,
from,
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(-.78125deg) skewY(-.78125deg);
transform: skewX(-.78125deg) skewY(-.78125deg)
}
77.7% {
-webkit-transform: skewX(.390625deg) skewY(.390625deg);
transform: skewX(.390625deg) skewY(.390625deg)
}
88.8% {
-webkit-transform: skewX(-.1953125deg) skewY(-.1953125deg);
transform: skewX(-.1953125deg) skewY(-.1953125deg)
}
}
@keyframes jello {
11.1%,
from,
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(-.78125deg) skewY(-.78125deg);
transform: skewX(-.78125deg) skewY(-.78125deg)
}
77.7% {
-webkit-transform: skewX(.390625deg) skewY(.390625deg);
transform: skewX(.390625deg) skewY(.390625deg)
}
88.8% {
-webkit-transform: skewX(-.1953125deg) skewY(-.1953125deg);
transform: skewX(-.1953125deg) skewY(-.1953125deg)
}
}
.jello {
-webkit-animation-name: jello;
animation-name: jello;
-webkit-transform-origin: center;
transform-origin: center
}
@-webkit-keyframes bounceIn {
20%,
40%,
60%,
80%,
from,
to {
-webkit-animation-timing-function: cubic-bezier(.215, .61, .355, 1);
animation-timing-function: cubic-bezier(.215, .61, .355, 1)
}
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 {
20%,
40%,
60%,
80%,
from,
to {
-webkit-animation-timing-function: cubic-bezier(.215, .61, .355, 1);
animation-timing-function: cubic-bezier(.215, .61, .355, 1)
}
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 {
60%,
75%,
90%,
from,
to {
-webkit-animation-timing-function: cubic-bezier(.215, .61, .355, 1);
animation-timing-function: cubic-bezier(.215, .61, .355, 1)
}
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 {
60%,
75%,
90%,
from,
to {
-webkit-animation-timing-function: cubic-bezier(.215, .61, .355, 1);
animation-timing-function: cubic-bezier(.215, .61, .355, 1)
}
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 {
60%,
75%,
90%,
from,
to {
-webkit-animation-timing-function: cubic-bezier(.215, .61, .355, 1);
animation-timing-function: cubic-bezier(.215, .61, .355, 1)
}
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 {
60%,
75%,
90%,
from,
to {
-webkit-animation-timing-function: cubic-bezier(.215, .61, .355, 1);
animation-timing-function: cubic-bezier(.215, .61, .355, 1)
}
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 {
60%,
75%,
90%,
from,
to {
-webkit-animation-timing-function: cubic-bezier(.215, .61, .355, 1);
animation-timing-function: cubic-bezier(.215, .61, .355, 1)
}
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 {
60%,
75%,
90%,
from,
to {
-webkit-animation-timing-function: cubic-bezier(.215, .61, .355, 1);
animation-timing-function: cubic-bezier(.215, .61, .355, 1)
}
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 {
60%,
75%,
90%,
from,
to {
-webkit-animation-timing-function: cubic-bezier(.215, .61, .355, 1);
animation-timing-function: cubic-bezier(.215, .61, .355, 1)
}
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 {
60%,
75%,
90%,
from,
to {
-webkit-animation-timing-function: cubic-bezier(.215, .61, .355, 1);
animation-timing-function: cubic-bezier(.215, .61, .355, 1)
}
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 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 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
}
.flipInY {
-webkit-backface-visibility: visible !important
}
@-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 {
backface-visibility: visible !important;
-webkit-animation-name: flipInY;
animation-name: flipInY
}
@-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 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 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
}
@-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(.55, .055, .675, .19);
animation-timing-function: cubic-bezier(.55, .055, .675, .19)
}
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(.175, .885, .32, 1);
animation-timing-function: cubic-bezier(.175, .885, .32, 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(.55, .055, .675, .19);
animation-timing-function: cubic-bezier(.55, .055, .675, .19)
}
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(.175, .885, .32, 1);
animation-timing-function: cubic-bezier(.175, .885, .32, 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(.55, .055, .675, .19);
animation-timing-function: cubic-bezier(.55, .055, .675, .19)
}
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(.175, .885, .32, 1);
animation-timing-function: cubic-bezier(.175, .885, .32, 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(.55, .055, .675, .19);
animation-timing-function: cubic-bezier(.55, .055, .675, .19)
}
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(.175, .885, .32, 1);
animation-timing-function: cubic-bezier(.175, .885, .32, 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(.55, .055, .675, .19);
animation-timing-function: cubic-bezier(.55, .055, .675, .19)
}
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(.175, .885, .32, 1);
animation-timing-function: cubic-bezier(.175, .885, .32, 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(.55, .055, .675, .19);
animation-timing-function: cubic-bezier(.55, .055, .675, .19)
}
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(.175, .885, .32, 1);
animation-timing-function: cubic-bezier(.175, .885, .32, 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(.55, .055, .675, .19);
animation-timing-function: cubic-bezier(.55, .055, .675, .19)
}
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(.175, .885, .32, 1);
animation-timing-function: cubic-bezier(.175, .885, .32, 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(.55, .055, .675, .19);
animation-timing-function: cubic-bezier(.55, .055, .675, .19)
}
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(.175, .885, .32, 1);
animation-timing-function: cubic-bezier(.175, .885, .32, 1)
}
}
.zoomInUp {
-webkit-animation-name: zoomInUp;
animation-name: zoomInUp
}
@-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
}
}
[class^=flaticon-]:before,
[class*=" flaticon-"]:before,
[class^=flaticon-]:after,
[class*=" flaticon-"]:after {
font-family: Flaticon;
font-size: inherit;
font-style: normal
}
.flaticon-report:before {
content: "\f100"
}
.flaticon-clock:before {
content: "\f101"
}
.flaticon-call:before {
content: "\f102"
}
.flaticon-tourism:before {
content: "\f103"
}
.flaticon-process:before {
content: "\f104"
}
.flaticon-data:before {
content: "\f105"
}
.flaticon-global:before {
content: "\f106"
}
.flaticon-system:before {
content: "\f107"
}
.flaticon-padlock:before {
content: "\f108"
}
.flaticon-process-1:before {
content: "\f109"
}
.flaticon-data-1:before {
content: "\f10a"
}
.flaticon-work:before {
content: "\f10b"
}
.flaticon-data-analytics:before {
content: "\f10c"
}
.flaticon-chart:before {
content: "\f10d"
}
.flaticon-algorithm:before {
content: "\f10e"
}
.flaticon-data-2:before {
content: "\f10f"
}
.flaticon-clock-1:before {
content: "\f110"
}
.flaticon-microchip:before {
content: "\f111"
}
.flaticon-server:before {
content: "\f112"
}
.flaticon-24h:before {
content: "\f113"
}
.flaticon-global-1:before {
content: "\f114"
}
.flaticon-business-and-finance:before {
content: "\f115"
}
.flaticon-space:before {
content: "\f116"
}
.flaticon-information:before {
content: "\f117"
}
.flaticon-privacy:before {
content: "\f118"
}
.flaticon-alert:before {
content: "\f119"
}
.flaticon-online-library:before {
content: "\f11a"
}
.flaticon-info:before {
content: "\f11b"
}
.flaticon-interaction:before {
content: "\f11c"
}
.flaticon-mobile-app:before {
content: "\f11d"
}
.flaticon-code:before {
content: "\f11e"
}
.flaticon-developer:before {
content: "\f11f"
}
.flaticon-intelligent:before {
content: "\f120"
}
.flaticon-content:before {
content: "\f121"
}
.flaticon-laptop:before {
content: "\f122"
}
.flaticon-web:before {
content: "\f123"
}
.flaticon-content-writing:before {
content: "\f124"
}
.flaticon-computer:before {
content: "\f125"
}
.flaticon-computer-1:before {
content: "\f126"
}
.flaticon-graphic-design:before {
content: "\f127"
}
.flaticon-analysis:before {
content: "\f128"
}
.flaticon-bar-chart:before {
content: "\f129"
}
.flaticon-analytics:before {
content: "\f12a"
}
.flaticon-ui:before {
content: "\f12b"
}
.flaticon-resume:before {
content: "\f12c"
}
.flaticon-taxi:before {
content: "\f12d"
}
.flaticon-online-shop:before {
content: "\f12e"
}
.flaticon-smartphone:before {
content: "\f12f"
}
.flaticon-next-1:before {
content: "\f100"
}
.flaticon-back:before {
content: "\f101"
}
.flaticon-next:before {
content: "\f102"
}
.flaticon-back-1:before {
content: "\f103"
}
.flaticon-respect:before {
content: "\f104"
}
.flaticon-briefcase:before {
content: "\f105"
}
.flaticon-graduation-hat:before {
content: "\f106"
}
.flaticon-left-quote:before {
content: "\f107"
}
.flaticon-aeroplane:before {
content: "\f108"
}
.flaticon-jet:before {
content: "\f109"
}
.flaticon-phone-call-1:before {
content: "\f10a"
}
.flaticon-phone-call:before {
content: "\f10b"
}
.flaticon-customer-service:before {
content: "\f10c"
}
.flaticon-speech-bubble:before {
content: "\f10d"
}
.flaticon-shopping-basket:before {
content: "\f10e"
}
.flaticon-mail:before {
content: "\f10f"
}
.flaticon-graph:before {
content: "\f110"
}
.flaticon-compass:before {
content: "\f111"
}
.flaticon-home:before {
content: "\f112"
}
.flaticon-lifebuoy:before {
content: "\f113"
}
.flaticon-time:before {
content: "\f114"
}
@font-face {
font-family: 'simple-line-icons';
src: url(//webitkurigram.com/wp/techno/wp-content/plugins/kingcomposer/assets/css/fonts/Simple-Line-Icons.eot?-i3a2kk);
src: url(//webitkurigram.com/wp/techno/wp-content/plugins/kingcomposer/assets/css/fonts/Simple-Line-Icons.eot?#iefix-i3a2kk) format('embedded-opentype'), url(//webitkurigram.com/wp/techno/wp-content/plugins/kingcomposer/assets/css/fonts/Simple-Line-Icons.ttf) format('truetype'), url(//webitkurigram.com/wp/techno/wp-content/plugins/kingcomposer/assets/css/fonts/Simple-Line-Icons.woff) format('woff'), url(//webitkurigram.com/wp/techno/wp-content/plugins/kingcomposer/assets/css/fonts/Simple-Line-Icons.svg?#simple-line-icons) format('svg');
font-weight: 400;
font-style: normal
}
@font-face {
font-family: 'FontAwesomeBrands';
font-style: normal;
font-weight: 400;
src: url(//webitkurigram.com/wp/techno/wp-content/plugins/kingcomposer/assets/css/fonts/fa-brands-400.eot);
src: url(//webitkurigram.com/wp/techno/wp-content/plugins/kingcomposer/assets/css/fonts/fa-brands-400.eot?#iefix) format("embedded-opentype"), url(//webitkurigram.com/wp/techno/wp-content/plugins/kingcomposer/assets/css/fonts/fa-brands-400.woff2) format("woff2"), url(//webitkurigram.com/wp/techno/wp-content/plugins/kingcomposer/assets/css/fonts/fa-brands-400.woff) format("woff"), url(//webitkurigram.com/wp/techno/wp-content/plugins/kingcomposer/assets/css/fonts/fa-brands-400.ttf) format("truetype"), url(//webitkurigram.com/wp/techno/wp-content/plugins/kingcomposer/assets/css/fonts/fa-brands-400.svg#fontawesome) format("svg")
}
[class^=et-],
[class*=" et-"],
[class^=et-]:before,
[class*=" et-"]:before {
font-family: 'et-line';
font-style: inherit;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
display: inline-block;
text-rendering: auto;
speak: none;
font-weight: 400
}
.et-mobile:before {
content: "\e000"
}
.et-laptop:before {
content: "\e001"
}
.et-desktop:before {
content: "\e002"
}
.et-tablet:before {
content: "\e003"
}
.et-phone:before {
content: "\e004"
}
.et-document:before {
content: "\e005"
}
.et-documents:before {
content: "\e006"
}
.et-search:before {
content: "\e007"
}
.et-clipboard:before {
content: "\e008"
}
.et-newspaper:before {
content: "\e009"
}
.et-notebook:before {
content: "\e00a"
}
.et-book-open:before {
content: "\e00b"
}
.et-browser:before {
content: "\e00c"
}
.et-calendar:before {
content: "\e00d"
}
.et-presentation:before {
content: "\e00e"
}
.et-picture:before {
content: "\e00f"
}
.et-pictures:before {
content: "\e010"
}
.et-video:before {
content: "\e011"
}
.et-camera:before {
content: "\e012"
}
.et-printer:before {
content: "\e013"
}
.et-toolbox:before {
content: "\e014"
}
.et-briefcase:before {
content: "\e015"
}
.et-wallet:before {
content: "\e016"
}
.et-gift:before {
content: "\e017"
}
.et-bargraph:before {
content: "\e018"
}
.et-grid:before {
content: "\e019"
}
.et-expand:before {
content: "\e01a"
}
.et-focus:before {
content: "\e01b"
}
.et-edit:before {
content: "\e01c"
}
.et-adjustments:before {
content: "\e01d"
}
.et-ribbon:before {
content: "\e01e"
}
.et-hourglass:before {
content: "\e01f"
}
.et-lock:before {
content: "\e020"
}
.et-megaphone:before {
content: "\e021"
}
.et-shield:before {
content: "\e022"
}
.et-trophy:before {
content: "\e023"
}
.et-flag:before {
content: "\e024"
}
.et-map:before {
content: "\e025"
}
.et-puzzle:before {
content: "\e026"
}
.et-basket:before {
content: "\e027"
}
.et-envelope:before {
content: "\e028"
}
.et-streetsign:before {
content: "\e029"
}
.et-telescope:before {
content: "\e02a"
}
.et-gears:before {
content: "\e02b"
}
.et-key:before {
content: "\e02c"
}
.et-paperclip:before {
content: "\e02d"
}
.et-attachment:before {
content: "\e02e"
}
.et-pricetags:before {
content: "\e02f"
}
.et-lightbulb:before {
content: "\e030"
}
.et-layers:before {
content: "\e031"
}
.et-pencil:before {
content: "\e032"
}
.et-tools:before {
content: "\e033"
}
.et-tools-2:before {
content: "\e034"
}
.et-scissors:before {
content: "\e035"
}
.et-paintbrush:before {
content: "\e036"
}
.et-magnifying-glass:before {
content: "\e037"
}
.et-circle-compass:before {
content: "\e038"
}
.et-linegraph:before {
content: "\e039"
}
.et-mic:before {
content: "\e03a"
}
.et-strategy:before {
content: "\e03b"
}
.et-beaker:before {
content: "\e03c"
}
.et-caution:before {
content: "\e03d"
}
.et-recycle:before {
content: "\e03e"
}
.et-anchor:before {
content: "\e03f"
}
.et-profile-male:before {
content: "\e040"
}
.et-profile-female:before {
content: "\e041"
}
.et-bike:before {
content: "\e042"
}
.et-wine:before {
content: "\e043"
}
.et-hotairballoon:before {
content: "\e044"
}
.et-globe:before {
content: "\e045"
}
.et-genius:before {
content: "\e046"
}
.et-map-pin:before {
content: "\e047"
}
.et-dial:before {
content: "\e048"
}
.et-chat:before {
content: "\e049"
}
.et-heart:before {
content: "\e04a"
}
.et-cloud:before {
content: "\e04b"
}
.et-upload:before {
content: "\e04c"
}
.et-download:before {
content: "\e04d"
}
.et-target:before {
content: "\e04e"
}
.et-hazardous:before {
content: "\e04f"
}
.et-piechart:before {
content: "\e050"
}
.et-speedometer:before {
content: "\e051"
}
.et-global:before {
content: "\e052"
}
.et-compass:before {
content: "\e053"
}
.et-lifesaver:before {
content: "\e054"
}
.et-clock:before {
content: "\e055"
}
.et-aperture:before {
content: "\e056"
}
.et-quote:before {
content: "\e057"
}
.et-scope:before {
content: "\e058"
}
.et-alarmclock:before {
content: "\e059"
}
.et-refresh:before {
content: "\e05a"
}
.et-happy:before {
content: "\e05b"
}
.et-sad:before {
content: "\e05c"
}
.et-facebook:before {
content: "\e05d"
}
.et-twitter:before {
content: "\e05e"
}
.et-googleplus:before {
content: "\e05f"
}
.et-rss:before {
content: "\e060"
}
.et-tumblr:before {
content: "\e061"
}
.et-linkedin:before {
content: "\e062"
}
.et-dribbble:before {
content: "\e063"
}
[class^=sl-],
[class*=" sl-"],
[class^=sl-]:before,
[class*=" sl-"]:before {
font-family: 'simple-line-icons';
font-style: inherit;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
text-rendering: auto;
speak: none;
font-weight: 400
}
.sl-user:before {
content: "\e005"
}
.sl-people:before {
content: "\e001"
}
.sl-user-female:before {
content: "\e000"
}
.sl-user-follow:before {
content: "\e002"
}
.sl-user-following:before {
content: "\e003"
}
.sl-user-unfollow:before {
content: "\e004"
}
.sl-login:before {
content: "\e066"
}
.sl-logout:before {
content: "\e065"
}
.sl-emotsmile:before {
content: "\e021"
}
.sl-phone:before {
content: "\e600"
}
.sl-call-end:before {
content: "\e048"
}
.sl-call-in:before {
content: "\e047"
}
.sl-call-out:before {
content: "\e046"
}
.sl-map:before {
content: "\e033"
}
.sl-location-pin:before {
content: "\e096"
}
.sl-direction:before {
content: "\e042"
}
.sl-directions:before {
content: "\e041"
}
.sl-compass:before {
content: "\e045"
}
.sl-layers:before {
content: "\e034"
}
.sl-menu:before {
content: "\e601"
}
.sl-list:before {
content: "\e067"
}
.sl-options-vertical:before {
content: "\e602"
}
.sl-options:before {
content: "\e603"
}
.sl-arrow-down:before {
content: "\e604"
}
.sl-arrow-left:before {
content: "\e605"
}
.sl-arrow-right:before {
content: "\e606"
}
.sl-arrow-up:before {
content: "\e607"
}
.sl-arrow-up-circle:before {
content: "\e078"
}
.sl-arrow-left-circle:before {
content: "\e07a"
}
.sl-arrow-right-circle:before {
content: "\e079"
}
.sl-arrow-down-circle:before {
content: "\e07b"
}
.sl-check:before {
content: "\e080"
}
.sl-clock:before {
content: "\e081"
}
.sl-plus:before {
content: "\e095"
}
.sl-close:before {
content: "\e082"
}
.sl-trophy:before {
content: "\e006"
}
.sl-screen-smartphone:before {
content: "\e010"
}
.sl-screen-desktop:before {
content: "\e011"
}
.sl-plane:before {
content: "\e012"
}
.sl-notebook:before {
content: "\e013"
}
.sl-mustache:before {
content: "\e014"
}
.sl-mouse:before {
content: "\e015"
}
.sl-magnet:before {
content: "\e016"
}
.sl-energy:before {
content: "\e020"
}
.sl-disc:before {
content: "\e022"
}
.sl-cursor:before {
content: "\e06e"
}
.sl-cursor-move:before {
content: "\e023"
}
.sl-crop:before {
content: "\e024"
}
.sl-chemistry:before {
content: "\e026"
}
.sl-speedometer:before {
content: "\e007"
}
.sl-shield:before {
content: "\e00e"
}
.sl-screen-tablet:before {
content: "\e00f"
}
.sl-magic-wand:before {
content: "\e017"
}
.sl-hourglass:before {
content: "\e018"
}
.sl-graduation:before {
content: "\e019"
}
.sl-ghost:before {
content: "\e01a"
}
.sl-game-controller:before {
content: "\e01b"
}
.sl-fire:before {
content: "\e01c"
}
.sl-eyeglass:before {
content: "\e01d"
}
.sl-envelope-open:before {
content: "\e01e"
}
.sl-envolope-letter:before {
content: "\e01f"
}
.sl-bell:before {
content: "\e027"
}
.sl-badge:before {
content: "\e028"
}
.sl-anchor:before {
content: "\e029"
}
.sl-wallet:before {
content: "\e02a"
}
.sl-vector:before {
content: "\e02b"
}
.sl-speech:before {
content: "\e02c"
}
.sl-puzzle:before {
content: "\e02d"
}
.sl-printer:before {
content: "\e02e"
}
.sl-present:before {
content: "\e02f"
}
.sl-playlist:before {
content: "\e030"
}
.sl-pin:before {
content: "\e031"
}
.sl-picture:before {
content: "\e032"
}
.sl-handbag:before {
content: "\e035"
}
.sl-globe-alt:before {
content: "\e036"
}
.sl-globe:before {
content: "\e037"
}
.sl-folder-alt:before {
content: "\e039"
}
.sl-folder:before {
content: "\e089"
}
.sl-film:before {
content: "\e03a"
}
.sl-feed:before {
content: "\e03b"
}
.sl-drop:before {
content: "\e03e"
}
.sl-drawar:before {
content: "\e03f"
}
.sl-docs:before {
content: "\e040"
}
.sl-doc:before {
content: "\e085"
}
.sl-diamond:before {
content: "\e043"
}
.sl-cup:before {
content: "\e044"
}
.sl-calculator:before {
content: "\e049"
}
.sl-bubbles:before {
content: "\e04a"
}
.sl-briefcase:before {
content: "\e04b"
}
.sl-book-open:before {
content: "\e04c"
}
.sl-basket-loaded:before {
content: "\e04d"
}
.sl-basket:before {
content: "\e04e"
}
.sl-bag:before {
content: "\e04f"
}
.sl-action-undo:before {
content: "\e050"
}
.sl-action-redo:before {
content: "\e051"
}
.sl-wrench:before {
content: "\e052"
}
.sl-umbrella:before {
content: "\e053"
}
.sl-trash:before {
content: "\e054"
}
.sl-tag:before {
content: "\e055"
}
.sl-support:before {
content: "\e056"
}
.sl-frame:before {
content: "\e038"
}
.sl-size-fullscreen:before {
content: "\e057"
}
.sl-size-actual:before {
content: "\e058"
}
.sl-shuffle:before {
content: "\e059"
}
.sl-share-alt:before {
content: "\e05a"
}
.sl-share:before {
content: "\e05b"
}
.sl-rocket:before {
content: "\e05c"
}
.sl-question:before {
content: "\e05d"
}
.sl-pie-chart:before {
content: "\e05e"
}
.sl-pencil:before {
content: "\e05f"
}
.sl-note:before {
content: "\e060"
}
.sl-loop:before {
content: "\e064"
}
.sl-home:before {
content: "\e069"
}
.sl-grid:before {
content: "\e06a"
}
.sl-graph:before {
content: "\e06b"
}
.sl-microphone:before {
content: "\e063"
}
.sl-music-tone-alt:before {
content: "\e061"
}
.sl-music-tone:before {
content: "\e062"
}
.sl-earphones-alt:before {
content: "\e03c"
}
.sl-earphones:before {
content: "\e03d"
}
.sl-equalizer:before {
content: "\e06c"
}
.sl-like:before {
content: "\e068"
}
.sl-dislike:before {
content: "\e06d"
}
.sl-control-start:before {
content: "\e06f"
}
.sl-control-rewind:before {
content: "\e070"
}
.sl-control-play:before {
content: "\e071"
}
.sl-control-pause:before {
content: "\e072"
}
.sl-control-forward:before {
content: "\e073"
}
.sl-control-end:before {
content: "\e074"
}
.sl-volume-1:before {
content: "\e09f"
}
.sl-volume-2:before {
content: "\e0a0"
}
.sl-volume-off:before {
content: "\e0a1"
}
.sl-calender:before {
content: "\e075"
}
.sl-bulb:before {
content: "\e076"
}
.sl-chart:before {
content: "\e077"
}
.sl-ban:before {
content: "\e07c"
}
.sl-bubble:before {
content: "\e07d"
}
.sl-camrecorder:before {
content: "\e07e"
}
.sl-camera:before {
content: "\e07f"
}
.sl-cloud-download:before {
content: "\e083"
}
.sl-cloud-upload:before {
content: "\e084"
}
.sl-envolope:before {
content: "\e086"
}
.sl-eye:before {
content: "\e087"
}
.sl-flag:before {
content: "\e088"
}
.sl-heart:before {
content: "\e08a"
}
.sl-info:before {
content: "\e08b"
}
.sl-key:before {
content: "\e08c"
}
.sl-link:before {
content: "\e08d"
}
.sl-lock:before {
content: "\e08e"
}
.sl-lock-open:before {
content: "\e08f"
}
.sl-magnifier:before {
content: "\e090"
}
.sl-magnifier-add:before {
content: "\e091"
}
.sl-magnifier-remove:before {
content: "\e092"
}
.sl-paper-clip:before {
content: "\e093"
}
.sl-paper-plane:before {
content: "\e094"
}
.sl-power:before {
content: "\e097"
}
.sl-refresh:before {
content: "\e098"
}
.sl-reload:before {
content: "\e099"
}
.sl-settings:before {
content: "\e09a"
}
.sl-star:before {
content: "\e09b"
}
.sl-symble-female:before {
content: "\e09c"
}
.sl-symbol-male:before {
content: "\e09d"
}
.sl-target:before {
content: "\e09e"
}
.sl-credit-card:before {
content: "\e025"
}
.sl-paypal:before {
content: "\e608"
}
.sl-social-tumblr:before {
content: "\e00a"
}
.sl-social-twitter:before {
content: "\e009"
}
.sl-social-facebook:before {
content: "\e00b"
}
.sl-social-instagram:before {
content: "\e609"
}
.sl-social-linkedin:before {
content: "\e60a"
}
.sl-social-pintarest:before {
content: "\e60b"
}
.sl-social-github:before {
content: "\e60c"
}
.sl-social-gplus:before {
content: "\e60d"
}
.sl-social-reddit:before {
content: "\e60e"
}
.sl-social-skype:before {
content: "\e60f"
}
.sl-social-dribbble:before {
content: "\e00d"
}
.sl-social-behance:before {
content: "\e610"
}
.sl-social-foursqare:before {
content: "\e611"
}
.sl-social-soundcloud:before {
content: "\e612"
}
.sl-social-spotify:before {
content: "\e613"
}
.sl-social-stumbleupon:before {
content: "\e614"
}
.sl-social-youtube:before {
content: "\e008"
}
.sl-social-dropbox:before {
content: "\e00c"
}
/*!
* Font Awesome 4.4.0 by @davegandy - http://fontawesome.io - @fontawesome
* License - http://fontawesome.io/license (Font: SIL OFL 1.1, CSS: MIT License)
*/
[class^=fa-],
[class*=" fa-"],
[class^=fa-]:before,
[class*=" fa-"]:before,
[class^=fab-],
[class*=" fab-"],
[class^=fab-]:before,
[class*=" fab-"]:before {
font-family: 'FontAwesome';
font-style: inherit;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
display: inline-block;
text-rendering: auto;
speak: none;
font-weight: 400
}
[class^=fab-],
[class*=" fab-"],
[class^=fab-]:before,
[class*=" fab-"]:before {
font-family: 'FontAwesomeBrands'
}
.fa-fw,
.fa-li {
text-align: center
}
.fa-lg {
font-size: 1.33333em;
line-height: .75em;
vertical-align: -.0667em
}
.fa-xs {
font-size: .75em
}
.fa-sm {
font-size: .875em
}
.fa-1x {
font-size: 1em
}
.fa-2x {
font-size: 2em
}
.fa-3x {
font-size: 3em
}
.fa-4x {
font-size: 4em
}
.fa-5x {
font-size: 5em
}
.fa-6x {
font-size: 6em
}
.fa-7x {
font-size: 7em
}
.fa-8x {
font-size: 8em
}
.fa-9x {
font-size: 9em
}
.fa-10x {
font-size: 10em
}
.fa-fw {
width: 1.25em
}
.fa-ul {
list-style-type: none;
margin-left: 2.5em;
padding-left: 0
}
.fa-ul > li {
position: relative
}
.fa-li {
left: -2em;
position: absolute;
width: 2em;
line-height: inherit
}
.fa-border {
border: .08em solid #eee;
border-radius: .1em;
padding: .2em .25em .15em
}
.fa-pull-left {
float: left
}
.fa-pull-right {
float: right
}
.fa.fa-pull-left,
.fab.fa-pull-left,
.fal.fa-pull-left,
.far.fa-pull-left,
.fas.fa-pull-left {
margin-right: .3em
}
.fa.fa-pull-right,
.fab.fa-pull-right,
.fal.fa-pull-right,
.far.fa-pull-right,
.fas.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(0);
transform: rotate(0)
}
100% {
-webkit-transform: rotate(360deg);
transform: rotate(360deg)
}
}
@keyframes fa-spin {
0% {
-webkit-transform: rotate(0);
transform: rotate(0)
}
100% {
-webkit-transform: rotate(360deg);
transform: rotate(360deg)
}
}
.fa-rotate-90 {
-ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=1)";
-webkit-transform: rotate(90deg);
transform: rotate(90deg)
}
.fa-rotate-180 {
-ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=2)";
-webkit-transform: rotate(180deg);
transform: rotate(180deg)
}
.fa-rotate-270 {
-ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=3)";
-webkit-transform: rotate(270deg);
transform: rotate(270deg)
}
.fa-flip-horizontal {
-ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=0, mirror=1)";
-webkit-transform: scale(-1, 1);
transform: scale(-1, 1)
}
.fa-flip-vertical {
-ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=2, mirror=1)";
-webkit-transform: scale(1, -1);
transform: scale(1, -1)
}
.fa-flip-horizontal.fa-flip-vertical {
-ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=2, mirror=1)";
-webkit-transform: scale(-1, -1);
transform: scale(-1, -1)
}
:root .fa-flip-horizontal,
:root .fa-flip-vertical,
:root .fa-rotate-180,
:root .fa-rotate-270,
:root .fa-rotate-90 {
-webkit-filter: none;
filter: none
}
.fa-stack {
display: inline-block;
height: 2em;
line-height: 2em;
position: relative;
vertical-align: middle;
width: 2em
}
.fa-stack-1x,
.fa-stack-2x {
left: 0;
position: absolute;
text-align: center;
width: 100%
}
.fa-stack-1x {
line-height: inherit
}
.fa-stack-2x {
font-size: 2em
}
.fa-inverse {
color: #fff
}
.fa-500px:before {
content: "\f26e"
}
.fab-accessible-icon:before {
content: "\f368"
}
.fab-accusoft:before {
content: "\f369"
}
.fa-address-book:before {
content: "\f2b9"
}
.fa-address-card:before {
content: "\f2bb"
}
.fa-adjust:before {
content: "\f042"
}
.fab-adn:before {
content: "\f170"
}
.fab-adversal:before {
content: "\f36a"
}
.fab-affiliatetheme:before {
content: "\f36b"
}
.fab-algolia:before {
content: "\f36c"
}
.fa-align-center:before {
content: "\f037"
}
.fa-align-justify:before {
content: "\f039"
}
.fa-align-left:before {
content: "\f036"
}
.fa-align-right:before {
content: "\f038"
}
.fa-allergies:before {
content: "\f461"
}
.fab-amazon:before {
content: "\f270"
}
.fab-amazon-pay:before {
content: "\f42c"
}
.fa-ambulance:before {
content: "\f0f9"
}
.fa-american-sign-language-interpreting:before {
content: "\f2a3"
}
.fab-amilia:before {
content: "\f36d"
}
.fa-anchor:before {
content: "\f13d"
}
.fab-android:before {
content: "\f17b"
}
.fab-angellist:before {
content: "\f209"
}
.fa-angle-double-down:before {
content: "\f103"
}
.fa-angle-double-left:before {
content: "\f100"
}
.fa-angle-double-right:before {
content: "\f101"
}
.fa-angle-double-up:before {
content: "\f102"
}
.fa-angle-down:before {
content: "\f107"
}
.fa-angle-left:before {
content: "\f104"
}
.fa-angle-right:before {
content: "\f105"
}
.fa-angle-up:before {
content: "\f106"
}
.fab-angrycreative:before {
content: "\f36e"
}
.fab-angular:before {
content: "\f420"
}
.fab-app-store:before {
content: "\f36f"
}
.fab-app-store-ios:before {
content: "\f370"
}
.fab-apper:before {
content: "\f371"
}
.fab-apple:before {
content: "\f179"
}
.fab-apple-pay:before {
content: "\f415"
}
.fa-archive:before {
content: "\f187"
}
.fa-arrow-alt-circle-down:before {
content: "\f358"
}
.fa-arrow-alt-circle-left:before {
content: "\f359"
}
.fa-arrow-alt-circle-right:before {
content: "\f35a"
}
.fa-arrow-alt-circle-up:before {
content: "\f35b"
}
.fa-arrow-circle-down:before {
content: "\f0ab"
}
.fa-arrow-circle-left:before {
content: "\f0a8"
}
.fa-arrow-circle-right:before {
content: "\f0a9"
}
.fa-arrow-circle-up:before {
content: "\f0aa"
}
.fa-arrow-down:before {
content: "\f063"
}
.fa-arrow-left:before {
content: "\f060"
}
.fa-arrow-right:before {
content: "\f061"
}
.fa-arrow-up:before {
content: "\f062"
}
.fa-arrows-alt:before {
content: "\f0b2"
}
.fa-arrows-alt-h:before {
content: "\f337"
}
.fa-arrows-alt-v:before {
content: "\f338"
}
.fa-assistive-listening-systems:before {
content: "\f2a2"
}
.fa-asterisk:before {
content: "\f069"
}
.fab-asymmetrik:before {
content: "\f372"
}
.fa-at:before {
content: "\f1fa"
}
.fab-audible:before {
content: "\f373"
}
.fa-audio-description:before {
content: "\f29e"
}
.fab-autoprefixer:before {
content: "\f41c"
}
.fab-avianex:before {
content: "\f374"
}
.fab-aviato:before {
content: "\f421"
}
.fab-aws:before {
content: "\f375"
}
.fa-backward:before {
content: "\f04a"
}
.fa-balance-scale:before {
content: "\f24e"
}
.fa-ban:before {
content: "\f05e"
}
.fa-band-aid:before {
content: "\f462"
}
.fa-bandcamp:before {
content: "\f2d5"
}
.fa-barcode:before {
content: "\f02a"
}
.fa-bars:before {
content: "\f0c9"
}
.fa-baseball-ball:before {
content: "\f433"
}
.fa-basketball-ball:before {
content: "\f434"
}
.fa-bath:before {
content: "\f2cd"
}
.fa-battery-empty:before {
content: "\f244"
}
.fa-battery-full:before {
content: "\f240"
}
.fa-battery-half:before {
content: "\f242"
}
.fa-battery-quarter:before {
content: "\f243"
}
.fa-battery-three-quarters:before {
content: "\f241"
}
.fa-bed:before {
content: "\f236"
}
.fa-beer:before {
content: "\f0fc"
}
.fab-behance:before {
content: "\f1b4"
}
.fab-behance-square:before {
content: "\f1b5"
}
.fa-bell:before {
content: "\f0f3"
}
.fa-bell-slash:before {
content: "\f1f6"
}
.fa-bicycle:before {
content: "\f206"
}
.fab-bimobject:before {
content: "\f378"
}
.fa-binoculars:before {
content: "\f1e5"
}
.fa-birthday-cake:before {
content: "\f1fd"
}
.fab-bitbucket:before {
content: "\f171"
}
.fab-bitcoin:before {
content: "\f379"
}
.fab-bity:before {
content: "\f37a"
}
.fab-black-tie:before {
content: "\f27e"
}
.fab-blackberry:before {
content: "\f37b"
}
.fa-blind:before {
content: "\f29d"
}
.fab-blogger:before {
content: "\f37c"
}
.fab-blogger-b:before {
content: "\f37d"
}
.fab-bluetooth:before {
content: "\f293"
}
.fab-bluetooth-b:before {
content: "\f294"
}
.fa-bold:before {
content: "\f032"
}
.fa-bolt:before {
content: "\f0e7"
}
.fa-bomb:before {
content: "\f1e2"
}
.fa-book:before {
content: "\f02d"
}
.fa-bookmark:before {
content: "\f02e"
}
.fa-bowling-ball:before {
content: "\f436"
}
.fa-box:before {
content: "\f466"
}
.fa-box-open:before {
content: "\f49e"
}
.fa-boxes:before {
content: "\f468"
}
.fa-braille:before {
content: "\f2a1"
}
.fa-briefcase:before {
content: "\f0b1"
}
.fa-briefcase-medical:before {
content: "\f469"
}
.fab-btc:before {
content: "\f15a"
}
.fa-bug:before {
content: "\f188"
}
.fa-building:before {
content: "\f1ad"
}
.fa-bullhorn:before {
content: "\f0a1"
}
.fa-bullseye:before {
content: "\f140"
}
.fa-burn:before {
content: "\f46a"
}
.fab-buromobelexperte:before {
content: "\f37f"
}
.fa-bus:before {
content: "\f207"
}
.fab-buysellads:before {
content: "\f20d"
}
.fa-calculator:before {
content: "\f1ec"
}
.fa-calendar:before {
content: "\f133"
}
.fa-calendar-alt:before {
content: "\f073"
}
.fa-calendar-check:before {
content: "\f274"
}
.fa-calendar-minus:before {
content: "\f272"
}
.fa-calendar-plus:before {
content: "\f271"
}
.fa-calendar-times:before {
content: "\f273"
}
.fa-camera:before {
content: "\f030"
}
.fa-camera-retro:before {
content: "\f083"
}
.fa-capsules:before {
content: "\f46b"
}
.fa-car:before {
content: "\f1b9"
}
.fa-caret-down:before {
content: "\f0d7"
}
.fa-caret-left:before {
content: "\f0d9"
}
.fa-caret-right:before {
content: "\f0da"
}
.fa-caret-square-down:before {
content: "\f150"
}
.fa-caret-square-left:before {
content: "\f191"
}
.fa-caret-square-right:before {
content: "\f152"
}
.fa-caret-square-up:before {
content: "\f151"
}
.fa-caret-up:before {
content: "\f0d8"
}
.fa-cart-arrow-down:before {
content: "\f218"
}
.fa-cart-plus:before {
content: "\f217"
}
.fab-cc-amazon-pay:before {
content: "\f42d"
}
.fab-cc-amex:before {
content: "\f1f3"
}
.fab-cc-apple-pay:before {
content: "\f416"
}
.fab-cc-diners-club:before {
content: "\f24c"
}
.fab-cc-discover:before {
content: "\f1f2"
}
.fab-cc-jcb:before {
content: "\f24b"
}
.fab-cc-mastercard:before {
content: "\f1f1"
}
.fab-cc-paypal:before {
content: "\f1f4"
}
.fab-cc-stripe:before {
content: "\f1f5"
}
.fab-cc-visa:before {
content: "\f1f0"
}
.fab-centercode:before {
content: "\f380"
}
.fa-certificate:before {
content: "\f0a3"
}
.fa-chart-area:before {
content: "\f1fe"
}
.fa-chart-bar:before {
content: "\f080"
}
.fa-chart-line:before {
content: "\f201"
}
.fa-chart-pie:before {
content: "\f200"
}
.fa-check:before {
content: "\f00c"
}
.fa-check-circle:before {
content: "\f058"
}
.fa-check-square:before {
content: "\f14a"
}
.fa-chess:before {
content: "\f439"
}
.fa-chess-bishop:before {
content: "\f43a"
}
.fa-chess-board:before {
content: "\f43c"
}
.fa-chess-king:before {
content: "\f43f"
}
.fa-chess-knight:before {
content: "\f441"
}
.fa-chess-pawn:before {
content: "\f443"
}
.fa-chess-queen:before {
content: "\f445"
}
.fa-chess-rook:before {
content: "\f447"
}
.fa-chevron-circle-down:before {
content: "\f13a"
}
.fa-chevron-circle-left:before {
content: "\f137"
}
.fa-chevron-circle-right:before {
content: "\f138"
}
.fa-chevron-circle-up:before {
content: "\f139"
}
.fa-chevron-down:before {
content: "\f078"
}
.fa-chevron-left:before {
content: "\f053"
}
.fa-chevron-right:before {
content: "\f054"
}
.fa-chevron-up:before {
content: "\f077"
}
.fa-child:before {
content: "\f1ae"
}
.fab-chrome:before {
content: "\f268"
}
.fa-circle:before {
content: "\f111"
}
.fa-circle-notch:before {
content: "\f1ce"
}
.fa-clipboard:before {
content: "\f328"
}
.fa-clipboard-check:before {
content: "\f46c"
}
.fa-clipboard-list:before {
content: "\f46d"
}
.fa-clock:before {
content: "\f017"
}
.fa-clone:before {
content: "\f24d"
}
.fa-closed-captioning:before {
content: "\f20a"
}
.fa-cloud:before {
content: "\f0c2"
}
.fa-cloud-download-alt:before {
content: "\f381"
}
.fa-cloud-upload-alt:before {
content: "\f382"
}
.fab-cloudscale:before {
content: "\f383"
}
.fab-cloudsmith:before {
content: "\f384"
}
.fab-cloudversify:before {
content: "\f385"
}
.fa-code:before {
content: "\f121"
}
.fa-code-branch:before {
content: "\f126"
}
.fab-codepen:before {
content: "\f1cb"
}
.fab-codiepie:before {
content: "\f284"
}
.fa-coffee:before {
content: "\f0f4"
}
.fa-cog:before {
content: "\f013"
}
.fa-cogs:before {
content: "\f085"
}
.fa-columns:before {
content: "\f0db"
}
.fa-comment:before {
content: "\f075"
}
.fa-comment-alt:before {
content: "\f27a"
}
.fa-comment-dots:before {
content: "\f4ad"
}
.fa-comment-slash:before {
content: "\f4b3"
}
.fa-comments:before {
content: "\f086"
}
.fa-compass:before {
content: "\f14e"
}
.fa-compress:before {
content: "\f066"
}
.fab-connectdevelop:before {
content: "\f20e"
}
.fab-contao:before {
content: "\f26d"
}
.fa-copy:before {
content: "\f0c5"
}
.fa-copyright:before {
content: "\f1f9"
}
.fa-couch:before {
content: "\f4b8"
}
.fab-cpanel:before {
content: "\f388"
}
.fab-creative-commons:before {
content: "\f25e"
}
.fa-credit-card:before {
content: "\f09d"
}
.fa-crop:before {
content: "\f125"
}
.fa-crosshairs:before {
content: "\f05b"
}
.fab-css3:before {
content: "\f13c"
}
.fab-css3-alt:before {
content: "\f38b"
}
.fa-cube:before {
content: "\f1b2"
}
.fa-cubes:before {
content: "\f1b3"
}
.fa-cut:before {
content: "\f0c4"
}
.fab-cuttlefish:before {
content: "\f38c"
}
.fab-d-and-d:before {
content: "\f38d"
}
.fab-dashcube:before {
content: "\f210"
}
.fa-database:before {
content: "\f1c0"
}
.fa-deaf:before {
content: "\f2a4"
}
.fab-delicious:before {
content: "\f1a5"
}
.fab-deploydog:before {
content: "\f38e"
}
.fab-deskpro:before {
content: "\f38f"
}
.fa-desktop:before {
content: "\f108"
}
.fab-deviantart:before {
content: "\f1bd"
}
.fa-diagnoses:before {
content: "\f470"
}
.fab-digg:before {
content: "\f1a6"
}
.fab-digital-ocean:before {
content: "\f391"
}
.fab-discord:before {
content: "\f392"
}
.fab-discourse:before {
content: "\f393"
}
.fa-dna:before {
content: "\f471"
}
.fab-dochub:before {
content: "\f394"
}
.fab-docker:before {
content: "\f395"
}
.fa-dollar-sign:before {
content: "\f155"
}
.fa-dolly:before {
content: "\f472"
}
.fa-dolly-flatbed:before {
content: "\f474"
}
.fa-donate:before {
content: "\f4b9"
}
.fa-dot-circle:before {
content: "\f192"
}
.fa-dove:before {
content: "\f4ba"
}
.fa-download:before {
content: "\f019"
}
.fab-draft2digital:before {
content: "\f396"
}
.fab-dribbble:before {
content: "\f17d"
}
.fab-dribbble-square:before {
content: "\f397"
}
.fab-dropbox:before {
content: "\f16b"
}
.fab-drupal:before {
content: "\f1a9"
}
.fab-dyalog:before {
content: "\f399"
}
.fab-earlybirds:before {
content: "\f39a"
}
.fab-edge:before {
content: "\f282"
}
.fa-edit:before {
content: "\f044"
}
.fa-eject:before {
content: "\f052"
}
.fab-elementor:before {
content: "\f430"
}
.fa-ellipsis-h:before {
content: "\f141"
}
.fa-ellipsis-v:before {
content: "\f142"
}
.fab-ember:before {
content: "\f423"
}
.fab-empire:before {
content: "\f1d1"
}
.fa-envelope:before {
content: "\f0e0"
}
.fa-envelope-open:before {
content: "\f2b6"
}
.fa-envelope-square:before {
content: "\f199"
}
.fab-envira:before {
content: "\f299"
}
.fa-eraser:before {
content: "\f12d"
}
.fa-erlang:before {
content: "\f39d"
}
.fab-ethereum:before {
content: "\f42e"
}
.fab-etsy:before {
content: "\f2d7"
}
.fa-euro-sign:before {
content: "\f153"
}
.fa-exchange-alt:before {
content: "\f362"
}
.fa-exclamation:before {
content: "\f12a"
}
.fa-exclamation-circle:before {
content: "\f06a"
}
.fa-exclamation-triangle:before {
content: "\f071"
}
.fa-expand:before {
content: "\f065"
}
.fa-expand-arrows-alt:before {
content: "\f31e"
}
.fab-expeditedssl:before {
content: "\f23e"
}
.fa-external-link-alt:before {
content: "\f35d"
}
.fa-external-link-square-alt:before {
content: "\f360"
}
.fa-eye:before {
content: "\f06e"
}
.fa-eye-dropper:before {
content: "\f1fb"
}
.fa-eye-slash:before {
content: "\f070"
}
.fab-facebook:before {
content: "\f09a"
}
.fab-facebook-f:before {
content: "\f39e"
}
.fab-facebook-messenger:before {
content: "\f39f"
}
.fab-facebook-square:before {
content: "\f082"
}
.fa-fast-backward:before {
content: "\f049"
}
.fa-fast-forward:before {
content: "\f050"
}
.fa-fax:before {
content: "\f1ac"
}
.fa-female:before {
content: "\f182"
}
.fa-fighter-jet:before {
content: "\f0fb"
}
.fa-file:before {
content: "\f15b"
}
.fa-file-alt:before {
content: "\f15c"
}
.fa-file-archive:before {
content: "\f1c6"
}
.fa-file-audio:before {
content: "\f1c7"
}
.fa-file-code:before {
content: "\f1c9"
}
.fa-file-excel:before {
content: "\f1c3"
}
.fa-file-image:before {
content: "\f1c5"
}
.fa-file-medical:before {
content: "\f477"
}
.fa-file-medical-alt:before {
content: "\f478"
}
.fa-file-pdf:before {
content: "\f1c1"
}
.fa-file-powerpoint:before {
content: "\f1c4"
}
.fa-file-video:before {
content: "\f1c8"
}
.fa-file-word:before {
content: "\f1c2"
}
.fa-film:before {
content: "\f008"
}
.fa-filter:before {
content: "\f0b0"
}
.fa-fire:before {
content: "\f06d"
}
.fa-fire-extinguisher:before {
content: "\f134"
}
.fab-firefox:before {
content: "\f269"
}
.fa-first-aid:before {
content: "\f479"
}
.fab-first-order:before {
content: "\f2b0"
}
.fab-firstdraft:before {
content: "\f3a1"
}
.fa-flag:before {
content: "\f024"
}
.fa-flag-checkered:before {
content: "\f11e"
}
.fa-flask:before {
content: "\f0c3"
}
.fab-flickr:before {
content: "\f16e"
}
.fab-flipboard:before {
content: "\f44d"
}
.fab-fly:before {
content: "\f417"
}
.fa-folder:before {
content: "\f07b"
}
.fa-folder-open:before {
content: "\f07c"
}
.fa-font:before {
content: "\f031"
}
.fab-font-awesome:before {
content: "\f2b4"
}
.fab-font-awesome-alt:before {
content: "\f35c"
}
.fab-font-awesome-flag:before {
content: "\f425"
}
.fab-fonticons:before {
content: "\f280"
}
.fab-fonticons-fi:before {
content: "\f3a2"
}
.fa-football-ball:before {
content: "\f44e"
}
.fab-fort-awesome:before {
content: "\f286"
}
.fab-fort-awesome-alt:before {
content: "\f3a3"
}
.fab-forumbee:before {
content: "\f211"
}
.fa-forward:before {
content: "\f04e"
}
.fab-foursquare:before {
content: "\f180"
}
.fa-free-code-camp:before {
content: "\f2c5"
}
.fa-freebsd:before {
content: "\f3a4"
}
.fa-frown:before {
content: "\f119"
}
.fa-futbol:before {
content: "\f1e3"
}
.fa-gamepad:before {
content: "\f11b"
}
.fa-gavel:before {
content: "\f0e3"
}
.fa-gem:before {
content: "\f3a5"
}
.fa-genderless:before {
content: "\f22d"
}
.fab-get-pocket:before {
content: "\f265"
}
.fab-gg:before {
content: "\f260"
}
.fab-gg-circle:before {
content: "\f261"
}
.fa-gift:before {
content: "\f06b"
}
.fab-git:before {
content: "\f1d3"
}
.fab-git-square:before {
content: "\f1d2"
}
.fab-github:before {
content: "\f09b"
}
.fab-github-alt:before {
content: "\f113"
}
.fab-github-square:before {
content: "\f092"
}
.fab-gitkraken:before {
content: "\f3a6"
}
.fab-gitlab:before {
content: "\f296"
}
.fab-gitter:before {
content: "\f426"
}
.fa-glass-martini:before {
content: "\f000"
}
.fab-glide:before {
content: "\f2a5"
}
.fab-glide-g:before {
content: "\f2a6"
}
.fa-globe:before {
content: "\f0ac"
}
.fab-gofore:before {
content: "\f3a7"
}
.fa-golf-ball:before {
content: "\f450"
}
.fab-goodreads:before {
content: "\f3a8"
}
.fab-goodreads-g:before {
content: "\f3a9"
}
.fab-google:before {
content: "\f1a0"
}
.fab-google-drive:before {
content: "\f3aa"
}
.fab-google-play:before {
content: "\f3ab"
}
.fab-google-plus:before {
content: "\f2b3"
}
.fab-google-plus-g:before {
content: "\f0d5"
}
.fab-google-plus-square:before {
content: "\f0d4"
}
.fab-google-wallet:before {
content: "\f1ee"
}
.fa-graduation-cap:before {
content: "\f19d"
}
.fab-gratipay:before {
content: "\f184"
}
.fab-grav:before {
content: "\f2d6"
}
.fab-gripfire:before {
content: "\f3ac"
}
.fab-grunt:before {
content: "\f3ad"
}
.fab-gulp:before {
content: "\f3ae"
}
.fa-h-square:before {
content: "\f0fd"
}
.fab-hacker-news:before {
content: "\f1d4"
}
.fab-hacker-news-square:before {
content: "\f3af"
}
.fa-hand-holding:before {
content: "\f4bd"
}
.fa-hand-holding-heart:before {
content: "\f4be"
}
.fa-hand-holding-usd:before {
content: "\f4c0"
}
.fa-hand-lizard:before {
content: "\f258"
}
.fa-hand-paper:before {
content: "\f256"
}
.fa-hand-peace:before {
content: "\f25b"
}
.fa-hand-point-down:before {
content: "\f0a7"
}
.fa-hand-point-left:before {
content: "\f0a5"
}
.fa-hand-point-right:before {
content: "\f0a4"
}
.fa-hand-point-up:before {
content: "\f0a6"
}
.fa-hand-pointer:before {
content: "\f25a"
}
.fa-hand-rock:before {
content: "\f255"
}
.fa-hand-scissors:before {
content: "\f257"
}
.fa-hand-spock:before {
content: "\f259"
}
.fa-hands:before {
content: "\f4c2"
}
.fa-hands-helping:before {
content: "\f4c4"
}
.fa-handshake:before {
content: "\f2b5"
}
.fa-hashtag:before {
content: "\f292"
}
.fa-hdd:before {
content: "\f0a0"
}
.fa-heading:before {
content: "\f1dc"
}
.fa-headphones:before {
content: "\f025"
}
.fa-heart:before {
content: "\f004"
}
.fa-heartbeat:before {
content: "\f21e"
}
.fab-hips:before {
content: "\f452"
}
.fab-hire-a-helper:before {
content: "\f3b0"
}
.fa-history:before {
content: "\f1da"
}
.fa-hockey-puck:before {
content: "\f453"
}
.fa-home:before {
content: "\f015"
}
.fab-hooli:before {
content: "\f427"
}
.fa-hospital:before {
content: "\f0f8"
}
.fa-hospital-alt:before {
content: "\f47d"
}
.fa-hospital-symbol:before {
content: "\f47e"
}
.fab-hotjar:before {
content: "\f3b1"
}
.fa-hourglass:before {
content: "\f254"
}
.fa-hourglass-end:before {
content: "\f253"
}
.fa-hourglass-half:before {
content: "\f252"
}
.fa-hourglass-start:before {
content: "\f251"
}
.fab-houzz:before {
content: "\f27c"
}
.fab-html5:before {
content: "\f13b"
}
.fab-hubspot:before {
content: "\f3b2"
}
.fa-i-cursor:before {
content: "\f246"
}
.fa-id-badge:before {
content: "\f2c1"
}
.fa-id-card:before {
content: "\f2c2"
}
.fa-id-card-alt:before {
content: "\f47f"
}
.fa-image:before {
content: "\f03e"
}
.fa-images:before {
content: "\f302"
}
.fab-imdb:before {
content: "\f2d8"
}
.fa-inbox:before {
content: "\f01c"
}
.fa-indent:before {
content: "\f03c"
}
.fa-industry:before {
content: "\f275"
}
.fa-info:before {
content: "\f129"
}
.fa-info-circle:before {
content: "\f05a"
}
.fab-instagram:before {
content: "\f16d"
}
.fab-internet-explorer:before {
content: "\f26b"
}
.fab-ioxhost:before {
content: "\f208"
}
.fa-italic:before {
content: "\f033"
}
.fab-itunes:before {
content: "\f3b4"
}
.fab-itunes-note:before {
content: "\f3b5"
}
.fab-java:before {
content: "\f4e4"
}
.fab-jenkins:before {
content: "\f3b6"
}
.fab-joget:before {
content: "\f3b7"
}
.fab-joomla:before {
content: "\f1aa"
}
.fab-js:before {
content: "\f3b8"
}
.fab-js-square:before {
content: "\f3b9"
}
.fa-jsfiddle:before {
content: "\f1cc"
}
.fa-key:before {
content: "\f084"
}
.fa-keyboard:before {
content: "\f11c"
}
.fab-keycdn:before {
content: "\f3ba"
}
.fab-kickstarter:before {
content: "\f3bb"
}
.fab-kickstarter-k:before {
content: "\f3bc"
}
.fab-korvue:before {
content: "\f42f"
}
.fa-language:before {
content: "\f1ab"
}
.fa-laptop:before {
content: "\f109"
}
.fab-laravel:before {
content: "\f3bd"
}
.fab-lastfm:before {
content: "\f202"
}
.fab-lastfm-square:before {
content: "\f203"
}
.fa-leaf:before {
content: "\f06c"
}
.fab-leanpub:before {
content: "\f212"
}
.fa-lemon:before {
content: "\f094"
}
.fab-less:before {
content: "\f41d"
}
.fa-level-down-alt:before {
content: "\f3be"
}
.fa-level-up-alt:before {
content: "\f3bf"
}
.fa-life-ring:before {
content: "\f1cd"
}
.fa-lightbulb:before {
content: "\f0eb"
}
.fab-line:before {
content: "\f3c0"
}
.fa-link:before {
content: "\f0c1"
}
.fab-linkedin:before {
content: "\f08c"
}
.fab-linkedin-in:before {
content: "\f0e1"
}
.fab-linode:before {
content: "\f2b8"
}
.fab-linux:before {
content: "\f17c"
}
.fa-lira-sign:before {
content: "\f195"
}
.fa-list:before {
content: "\f03a"
}
.fa-list-alt:before {
content: "\f022"
}
.fa-list-ol:before {
content: "\f0cb"
}
.fa-list-ul:before {
content: "\f0ca"
}
.fa-location-arrow:before {
content: "\f124"
}
.fa-lock:before {
content: "\f023"
}
.fa-lock-open:before {
content: "\f3c1"
}
.fa-long-arrow-alt-down:before {
content: "\f309"
}
.fa-long-arrow-alt-left:before {
content: "\f30a"
}
.fa-long-arrow-alt-right:before {
content: "\f30b"
}
.fa-long-arrow-alt-up:before {
content: "\f30c"
}
.fa-low-vision:before {
content: "\f2a8"
}
.fab-lyft:before {
content: "\f3c3"
}
.fab-magento:before {
content: "\f3c4"
}
.fa-magic:before {
content: "\f0d0"
}
.fa-magnet:before {
content: "\f076"
}
.fa-male:before {
content: "\f183"
}
.fa-map:before {
content: "\f279"
}
.fa-map-marker:before {
content: "\f041"
}
.fa-map-marker-alt:before {
content: "\f3c5"
}
.fa-map-pin:before {
content: "\f276"
}
.fa-map-signs:before {
content: "\f277"
}
.fa-mars:before {
content: "\f222"
}
.fa-mars-double:before {
content: "\f227"
}
.fa-mars-stroke:before {
content: "\f229"
}
.fa-mars-stroke-h:before {
content: "\f22b"
}
.fa-mars-stroke-v:before {
content: "\f22a"
}
.fab-maxcdn:before {
content: "\f136"
}
.fab-medapps:before {
content: "\f3c6"
}
.fab-medium:before {
content: "\f23a"
}
.fab-medium-m:before {
content: "\f3c7"
}
.fa-medkit:before {
content: "\f0fa"
}
.fab-medrt:before {
content: "\f3c8"
}
.fab-meetup:before {
content: "\f2e0"
}
.fa-meh:before {
content: "\f11a"
}
.fa-mercury:before {
content: "\f223"
}
.fa-microchip:before {
content: "\f2db"
}
.fa-microphone:before {
content: "\f130"
}
.fa-microphone-slash:before {
content: "\f131"
}
.fab-microsoft:before {
content: "\f3ca"
}
.fa-minus:before {
content: "\f068"
}
.fa-minus-circle:before {
content: "\f056"
}
.fa-minus-square:before {
content: "\f146"
}
.fab-mix:before {
content: "\f3cb"
}
.fab-mixcloud:before {
content: "\f289"
}
.fab-mizuni:before {
content: "\f3cc"
}
.fa-mobile:before {
content: "\f10b"
}
.fa-mobile-alt:before {
content: "\f3cd"
}
.fab-modx:before {
content: "\f285"
}
.fab-monero:before {
content: "\f3d0"
}
.fa-money-bill-alt:before {
content: "\f3d1"
}
.fa-moon:before {
content: "\f186"
}
.fa-motorcycle:before {
content: "\f21c"
}
.fa-mouse-pointer:before {
content: "\f245"
}
.fa-music:before {
content: "\f001"
}
.fab-napster:before {
content: "\f3d2"
}
.fa-neuter:before {
content: "\f22c"
}
.fa-newspaper:before {
content: "\f1ea"
}
.fa-nintendo-switch:before {
content: "\f418"
}
.fab-node:before {
content: "\f419"
}
.fab-node-js:before {
content: "\f3d3"
}
.fa-notes-medical:before {
content: "\f481"
}
.fab-npm:before {
content: "\f3d4"
}
.fab-ns8:before {
content: "\f3d5"
}
.fab-nutritionix:before {
content: "\f3d6"
}
.fa-object-group:before {
content: "\f247"
}
.fa-object-ungroup:before {
content: "\f248"
}
.fab-odnoklassniki:before {
content: "\f263"
}
.fab-odnoklassniki-square:before {
content: "\f264"
}
.fab-opencart:before {
content: "\f23d"
}
.fab-openid:before {
content: "\f19b"
}
.fab-opera:before {
content: "\f26a"
}
.fab-optin-monster:before {
content: "\f23c"
}
.fab-osi:before {
content: "\f41a"
}
.fa-outdent:before {
content: "\f03b"
}
.fab-page4:before {
content: "\f3d7"
}
.fab-pagelines:before {
content: "\f18c"
}
.fa-paint-brush:before {
content: "\f1fc"
}
.fa-palfed:before {
content: "\f3d8"
}
.fa-pallet:before {
content: "\f482"
}
.fa-paper-plane:before {
content: "\f1d8"
}
.fa-paperclip:before {
content: "\f0c6"
}
.fa-parachute-box:before {
content: "\f4cd"
}
.fa-paragraph:before {
content: "\f1dd"
}
.fa-paste:before {
content: "\f0ea"
}
.fa-patreon:before {
content: "\f3d9"
}
.fa-pause:before {
content: "\f04c"
}
.fa-pause-circle:before {
content: "\f28b"
}
.fa-paw:before {
content: "\f1b0"
}
.fab-paypal:before {
content: "\f1ed"
}
.fa-pen-square:before {
content: "\f14b"
}
.fa-pencil-alt:before {
content: "\f303"
}
.fa-people-carry:before {
content: "\f4ce"
}
.fa-percent:before {
content: "\f295"
}
.fab-periscope:before {
content: "\f3da"
}
.fab-phabricator:before {
content: "\f3db"
}
.fab-phoenix-framework:before {
content: "\f3dc"
}
.fa-phone:before {
content: "\f095"
}
.fa-phone-slash:before {
content: "\f3dd"
}
.fa-phone-square:before {
content: "\f098"
}
.fa-phone-volume:before {
content: "\f2a0"
}
.fab-php:before {
content: "\f457"
}
.fab-pied-piper:before {
content: "\f2ae"
}
.fab-pied-piper-alt:before {
content: "\f1a8"
}
.fab-pied-piper-hat:before {
content: "\f4e5"
}
.fab-pied-piper-pp:before {
content: "\f1a7"
}
.fa-piggy-bank:before {
content: "\f4d3"
}
.fa-pills:before {
content: "\f484"
}
.fab-pinterest:before {
content: "\f0d2"
}
.fab-pinterest-p:before {
content: "\f231"
}
.fab-pinterest-square:before {
content: "\f0d3"
}
.fa-plane:before {
content: "\f072"
}
.fa-play:before {
content: "\f04b"
}
.fa-play-circle:before {
content: "\f144"
}
.fab-playstation:before {
content: "\f3df"
}
.fa-plug:before {
content: "\f1e6"
}
.fa-plus:before {
content: "\f067"
}
.fa-plus-circle:before {
content: "\f055"
}
.fa-plus-square:before {
content: "\f0fe"
}
.fa-podcast:before {
content: "\f2ce"
}
.fa-poo:before {
content: "\f2fe"
}
.fa-pound-sign:before {
content: "\f154"
}
.fa-power-off:before {
content: "\f011"
}
.fa-prescription-bottle:before {
content: "\f485"
}
.fa-prescription-bottle-alt:before {
content: "\f486"
}
.fa-print:before {
content: "\f02f"
}
.fa-procedures:before {
content: "\f487"
}
.fab-product-hunt:before {
content: "\f288"
}
.fab-pushed:before {
content: "\f3e1"
}
.fa-puzzle-piece:before {
content: "\f12e"
}
.fab-python:before {
content: "\f3e2"
}
.fab-qq:before {
content: "\f1d6"
}
.fa-qrcode:before {
content: "\f029"
}
.fa-question:before {
content: "\f128"
}
.fa-question-circle:before {
content: "\f059"
}
.fa-quidditch:before {
content: "\f458"
}
.fab-quinscape:before {
content: "\f459"
}
.fab-quora:before {
content: "\f2c4"
}
.fa-quote-left:before {
content: "\f10d"
}
.fa-quote-right:before {
content: "\f10e"
}
.fa-random:before {
content: "\f074"
}
.fab-ravelry:before {
content: "\f2d9"
}
.fab-react:before {
content: "\f41b"
}
.fab-readme:before {
content: "\f4d5"
}
.fab-rebel:before {
content: "\f1d0"
}
.fa-recycle:before {
content: "\f1b8"
}
.fab-red-river:before {
content: "\f3e3"
}
.fa-reddit:before {
content: "\f1a1"
}
.fa-reddit-alien:before {
content: "\f281"
}
.fab-reddit-square:before {
content: "\f1a2"
}
.fa-redo:before {
content: "\f01e"
}
.fa-redo-alt:before {
content: "\f2f9"
}
.fa-registered:before {
content: "\f25d"
}
.fab-rendact:before {
content: "\f3e4"
}
.fab-renren:before {
content: "\f18b"
}
.fa-reply:before {
content: "\f3e5"
}
.fa-reply-all:before {
content: "\f122"
}
.fab-replyd:before {
content: "\f3e6"
}
.fab-resolving:before {
content: "\f3e7"
}
.fa-retweet:before {
content: "\f079"
}
.fa-ribbon:before {
content: "\f4d6"
}
.fa-road:before {
content: "\f018"
}
.fa-rocket:before {
content: "\f135"
}
.fab-rocketchat:before {
content: "\f3e8"
}
.fab-rockrms:before {
content: "\f3e9"
}
.fa-rss:before {
content: "\f09e"
}
.fa-rss-square:before {
content: "\f143"
}
.fa-ruble-sign:before {
content: "\f158"
}
.fa-rupee-sign:before {
content: "\f156"
}
.fab-safari:before {
content: "\f267"
}
.fab-sass:before {
content: "\f41e"
}
.fa-save:before {
content: "\f0c7"
}
.fab-schlix:before {
content: "\f3ea"
}
.fab-scribd:before {
content: "\f28a"
}
.fa-search:before {
content: "\f002"
}
.fa-search-minus:before {
content: "\f010"
}
.fa-search-plus:before {
content: "\f00e"
}
.fab-searchengin:before {
content: "\f3eb"
}
.fa-seedling:before {
content: "\f4d8"
}
.fab-sellcast:before {
content: "\f2da"
}
.fab-sellsy:before {
content: "\f213"
}
.fa-server:before {
content: "\f233"
}
.fab-servicestack:before {
content: "\f3ec"
}
.fa-share:before {
content: "\f064"
}
.fa-share-alt:before {
content: "\f1e0"
}
.fa-share-alt-square:before {
content: "\f1e1"
}
.fa-share-square:before {
content: "\f14d"
}
.fa-shekel-sign:before {
content: "\f20b"
}
.fa-shield-alt:before {
content: "\f3ed"
}
.fa-ship:before {
content: "\f21a"
}
.fa-shipping-fast:before {
content: "\f48b"
}
.fab-shirtsinbulk:before {
content: "\f214"
}
.fa-shopping-bag:before {
content: "\f290"
}
.fa-shopping-basket:before {
content: "\f291"
}
.fa-shopping-cart:before {
content: "\f07a"
}
.fa-shower:before {
content: "\f2cc"
}
.fa-sign:before {
content: "\f4d9"
}
.fa-sign-in-alt:before {
content: "\f2f6"
}
.fa-sign-language:before {
content: "\f2a7"
}
.fa-sign-out-alt:before {
content: "\f2f5"
}
.fa-signal:before {
content: "\f012"
}
.fab-simplybuilt:before {
content: "\f215"
}
.fab-sistrix:before {
content: "\f3ee"
}
.fa-sitemap:before {
content: "\f0e8"
}
.fab-skyatlas:before {
content: "\f216"
}
.fab-skype:before {
content: "\f17e"
}
.fab-slack:before {
content: "\f198"
}
.fab-slack-hash:before {
content: "\f3ef"
}
.fa-sliders-h:before {
content: "\f1de"
}
.fab-slideshare:before {
content: "\f1e7"
}
.fa-smile:before {
content: "\f118"
}
.fa-smoking:before {
content: "\f48d"
}
.fa-snapchat:before {
content: "\f2ab"
}
.fab-snapchat-ghost:before {
content: "\f2ac"
}
.fab-snapchat-square:before {
content: "\f2ad"
}
.fa-snowflake:before {
content: "\f2dc"
}
.fa-sort:before {
content: "\f0dc"
}
.fa-sort-alpha-down:before {
content: "\f15d"
}
.fa-sort-alpha-up:before {
content: "\f15e"
}
.fa-sort-amount-down:before {
content: "\f160"
}
.fa-sort-amount-up:before {
content: "\f161"
}
.fa-sort-down:before {
content: "\f0dd"
}
.fa-sort-numeric-down:before {
content: "\f162"
}
.fa-sort-numeric-up:before {
content: "\f163"
}
.fa-sort-up:before {
content: "\f0de"
}
.fab-soundcloud:before {
content: "\f1be"
}
.fa-space-shuttle:before {
content: "\f197"
}
.fab-speakap:before {
content: "\f3f3"
}
.fa-spinner:before {
content: "\f110"
}
.fab-spotify:before {
content: "\f1bc"
}
.fa-square:before {
content: "\f0c8"
}
.fa-square-full:before {
content: "\f45c"
}
.fab-stack-exchange:before {
content: "\f18d"
}
.fab-stack-overflow:before {
content: "\f16c"
}
.fa-star:before {
content: "\f005"
}
.fa-star-half:before {
content: "\f089"
}
.fab-staylinked:before {
content: "\f3f5"
}
.fab-steam:before {
content: "\f1b6"
}
.fab-steam-square:before {
content: "\f1b7"
}
.fab-steam-symbol:before {
content: "\f3f6"
}
.fa-step-backward:before {
content: "\f048"
}
.fa-step-forward:before {
content: "\f051"
}
.fa-stethoscope:before {
content: "\f0f1"
}
.fab-sticker-mule:before {
content: "\f3f7"
}
.fa-sticky-note:before {
content: "\f249"
}
.fa-stop:before {
content: "\f04d"
}
.fa-stop-circle:before {
content: "\f28d"
}
.fa-stopwatch:before {
content: "\f2f2"
}
.fab-strava:before {
content: "\f428"
}
.fa-street-view:before {
content: "\f21d"
}
.fa-strikethrough:before {
content: "\f0cc"
}
.fab-stripe:before {
content: "\f429"
}
.fab-stripe-s:before {
content: "\f42a"
}
.fab-studiovinari:before {
content: "\f3f8"
}
.fab-stumbleupon:before {
content: "\f1a4"
}
.fab-stumbleupon-circle:before {
content: "\f1a3"
}
.fa-subscript:before {
content: "\f12c"
}
.fa-subway:before {
content: "\f239"
}
.fa-suitcase:before {
content: "\f0f2"
}
.fa-sun:before {
content: "\f185"
}
.fab-superpowers:before {
content: "\f2dd"
}
.fa-superscript:before {
content: "\f12b"
}
.fab-supple:before {
content: "\f3f9"
}
.fa-sync:before {
content: "\f021"
}
.fa-sync-alt:before {
content: "\f2f1"
}
.fa-syringe:before {
content: "\f48e"
}
.fa-table:before {
content: "\f0ce"
}
.fa-table-tennis:before {
content: "\f45d"
}
.fa-tablet:before {
content: "\f10a"
}
.fa-tablet-alt:before {
content: "\f3fa"
}
.fa-tablets:before {
content: "\f490"
}
.fa-tachometer-alt:before {
content: "\f3fd"
}
.fa-tag:before {
content: "\f02b"
}
.fa-tags:before {
content: "\f02c"
}
.fa-tape:before {
content: "\f4db"
}
.fa-tasks:before {
content: "\f0ae"
}
.fa-taxi:before {
content: "\f1ba"
}
.fab-telegram:before {
content: "\f2c6"
}
.fab-telegram-plane:before {
content: "\f3fe"
}
.fab-tencent-weibo:before {
content: "\f1d5"
}
.fa-terminal:before {
content: "\f120"
}
.fa-text-height:before {
content: "\f034"
}
.fa-text-width:before {
content: "\f035"
}
.fa-th:before {
content: "\f00a"
}
.fa-th-large:before {
content: "\f009"
}
.fa-th-list:before {
content: "\f00b"
}
.fab-themeisle:before {
content: "\f2b2"
}
.fa-thermometer:before {
content: "\f491"
}
.fa-thermometer-empty:before {
content: "\f2cb"
}
.fa-thermometer-full:before {
content: "\f2c7"
}
.fa-thermometer-half:before {
content: "\f2c9"
}
.fa-thermometer-quarter:before {
content: "\f2ca"
}
.fa-thermometer-three-quarters:before {
content: "\f2c8"
}
.fa-thumbs-down:before {
content: "\f165"
}
.fa-thumbs-up:before {
content: "\f164"
}
.fa-thumbtack:before {
content: "\f08d"
}
.fa-ticket-alt:before {
content: "\f3ff"
}
.fa-times:before {
content: "\f00d"
}
.fa-times-circle:before {
content: "\f057"
}
.fa-tint:before {
content: "\f043"
}
.fa-toggle-off:before {
content: "\f204"
}
.fa-toggle-on:before {
content: "\f205"
}
.fa-trademark:before {
content: "\f25c"
}
.fa-train:before {
content: "\f238"
}
.fa-transgender:before {
content: "\f224"
}
.fa-transgender-alt:before {
content: "\f225"
}
.fa-trash:before {
content: "\f1f8"
}
.fa-trash-alt:before {
content: "\f2ed"
}
.fa-tree:before {
content: "\f1bb"
}
.fab-trello:before {
content: "\f181"
}
.fab-tripadvisor:before {
content: "\f262"
}
.fa-trophy:before {
content: "\f091"
}
.fa-truck:before {
content: "\f0d1"
}
.fa-truck-loading:before {
content: "\f4de"
}
.fa-truck-moving:before {
content: "\f4df"
}
.fa-tty:before {
content: "\f1e4"
}
.fab-tumblr:before {
content: "\f173"
}
.fab-tumblr-square:before {
content: "\f174"
}
.fa-tv:before {
content: "\f26c"
}
.fab-twitch:before {
content: "\f1e8"
}
.fab-twitter:before {
content: "\f099"
}
.fab-twitter-square:before {
content: "\f081"
}
.fab-typo3:before {
content: "\f42b"
}
.fab-uber:before {
content: "\f402"
}
.fab-uikit:before {
content: "\f403"
}
.fa-umbrella:before {
content: "\f0e9"
}
.fa-underline:before {
content: "\f0cd"
}
.fa-undo:before {
content: "\f0e2"
}
.fa-undo-alt:before {
content: "\f2ea"
}
.fab-uniregistry:before {
content: "\f404"
}
.fa-universal-access:before {
content: "\f29a"
}
.fa-university:before {
content: "\f19c"
}
.fa-unlink:before {
content: "\f127"
}
.fa-unlock:before {
content: "\f09c"
}
.fa-unlock-alt:before {
content: "\f13e"
}
.fa-untappd:before {
content: "\f405"
}
.fa-upload:before {
content: "\f093"
}
.fab-usb:before {
content: "\f287"
}
.fa-user:before {
content: "\f007"
}
.fa-user-circle:before {
content: "\f2bd"
}
.fa-user-md:before {
content: "\f0f0"
}
.fa-user-plus:before {
content: "\f234"
}
.fa-user-secret:before {
content: "\f21b"
}
.fa-user-times:before {
content: "\f235"
}
.fa-users:before {
content: "\f0c0"
}
.fab-ussunnah:before {
content: "\f407"
}
.fa-utensil-spoon:before {
content: "\f2e5"
}
.fa-utensils:before {
content: "\f2e7"
}
.fab-vaadin:before {
content: "\f408"
}
.fa-venus:before {
content: "\f221"
}
.fa-venus-double:before {
content: "\f226"
}
.fa-venus-mars:before {
content: "\f228"
}
.fab-viacoin:before {
content: "\f237"
}
.fab-viadeo:before {
content: "\f2a9"
}
.fab-viadeo-square:before {
content: "\f2aa"
}
.fa-vial:before {
content: "\f492"
}
.fa-vials:before {
content: "\f493"
}
.fab-viber:before {
content: "\f409"
}
.fa-video:before {
content: "\f03d"
}
.fa-video-slash:before {
content: "\f4e2"
}
.fab-vimeo:before {
content: "\f40a"
}
.fab-vimeo-square:before {
content: "\f194"
}
.fab-vimeo-v:before {
content: "\f27d"
}
.fab-vine:before {
content: "\f1ca"
}
.fab-vk:before {
content: "\f189"
}
.fab-vnv:before {
content: "\f40b"
}
.fa-volleyball-ball:before {
content: "\f45f"
}
.fa-volume-down:before {
content: "\f027"
}
.fa-volume-off:before {
content: "\f026"
}
.fa-volume-up:before {
content: "\f028"
}
.fab-vuejs:before {
content: "\f41f"
}
.fa-warehouse:before {
content: "\f494"
}
.fab-weibo:before {
content: "\f18a"
}
.fa-weight:before {
content: "\f496"
}
.fab-weixin:before {
content: "\f1d7"
}
.fab-whatsapp:before {
content: "\f232"
}
.fab-whatsapp-square:before {
content: "\f40c"
}
.fa-wheelchair:before {
content: "\f193"
}
.fab-whmcs:before {
content: "\f40d"
}
.fa-wifi:before {
content: "\f1eb"
}
.fab-wikipedia-w:before {
content: "\f266"
}
.fa-window-close:before {
content: "\f410"
}
.fa-window-maximize:before {
content: "\f2d0"
}
.fa-window-minimize:before {
content: "\f2d1"
}
.fa-window-restore:before {
content: "\f2d2"
}
.fab-windows:before {
content: "\f17a"
}
.fa-wine-glass:before {
content: "\f4e3"
}
.fa-won-sign:before {
content: "\f159"
}
.fab-wordpress:before {
content: "\f19a"
}
.fab-wordpress-simple:before {
content: "\f411"
}
.fab-wpbeginner:before {
content: "\f297"
}
.fab-wpexplorer:before {
content: "\f2de"
}
.fab-wpforms:before {
content: "\f298"
}
.fa-wrench:before {
content: "\f0ad"
}
.fa-x-ray:before {
content: "\f497"
}
.fab-xbox:before {
content: "\f412"
}
.fab-xing:before {
content: "\f168"
}
.fab-xing-square:before {
content: "\f169"
}
.fab-y-combinator:before {
content: "\f23b"
}
.fab-yahoo:before {
content: "\f19e"
}
.fab-yandex:before {
content: "\f413"
}
.fab-yandex-international:before {
content: "\f414"
}
.fab-yelp:before {
content: "\f1e9"
}
.fa-yen-sign:before {
content: "\f157"
}
.fab-yoast:before {
content: "\f2b1"
}
.fab-youtube:before {
content: "\f167"
}
.fab-youtube-square:before {
content: "\f431"
}
.kc-off-notice {
display: inline-block !important
}
.kc-container {
max-width: 1170px
}
.woocommerce img.pswp__img,
.woocommerce-page img.pswp__img {
max-width: none
}
button.pswp__button {
box-shadow: none !important;
background-image: url(//webitkurigram.com/wp/techno/wp-content/plugins/woocommerce/assets/css/photoswipe/default-skin/default-skin.png) !important
}
button.pswp__button,
button.pswp__button--arrow--left::before,
button.pswp__button--arrow--right::before,
button.pswp__button:hover {
background-color: transparent !important
}
button.pswp__button--arrow--left,
button.pswp__button--arrow--left:hover,
button.pswp__button--arrow--right,
button.pswp__button--arrow--right:hover {
background-image: none !important
}
button.pswp__button--close:hover {
background-position: 0 -44px
}
button.pswp__button--zoom:hover {
background-position: -88px 0
}
/*! PhotoSwipe main CSS by Dmitry Semenov | photoswipe.com | MIT license */
.pswp {
display: none;
position: absolute;
width: 100%;
height: 100%;
left: 0;
top: 0;
overflow: hidden;
-ms-touch-action: none;
touch-action: none;
z-index: 1500;
-webkit-text-size-adjust: 100%;
-webkit-backface-visibility: hidden;
outline: 0
}
.pswp * {
-webkit-box-sizing: border-box;
box-sizing: border-box
}
.pswp img {
max-width: none
}
.pswp--animate_opacity {
opacity: .001;
will-change: opacity;
-webkit-transition: opacity 333ms cubic-bezier(.4, 0, .22, 1);
transition: opacity 333ms cubic-bezier(.4, 0, .22, 1)
}
.pswp--open {
display: block
}
.pswp--zoom-allowed .pswp__img {
cursor: -webkit-zoom-in;
cursor: -moz-zoom-in;
cursor: zoom-in
}
.pswp--zoomed-in .pswp__img {
cursor: -webkit-grab;
cursor: -moz-grab;
cursor: grab
}
.pswp--dragging .pswp__img {
cursor: -webkit-grabbing;
cursor: -moz-grabbing;
cursor: grabbing
}
.pswp__bg {
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 100%;
background: #000;
opacity: 0;
-webkit-transform: translateZ(0);
transform: translateZ(0);
-webkit-backface-visibility: hidden;
will-change: opacity
}
.pswp__scroll-wrap {
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 100%;
overflow: hidden
}
.pswp__container,
.pswp__zoom-wrap {
-ms-touch-action: none;
touch-action: none;
position: absolute;
left: 0;
right: 0;
top: 0;
bottom: 0
}
.pswp__container,
.pswp__img {
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
-webkit-tap-highlight-color: transparent;
-webkit-touch-callout: none
}
.pswp__zoom-wrap {
position: absolute;
width: 100%;
-webkit-transform-origin: left top;
-ms-transform-origin: left top;
transform-origin: left top;
-webkit-transition: -webkit-transform 333ms cubic-bezier(.4, 0, .22, 1);
transition: transform 333ms cubic-bezier(.4, 0, .22, 1)
}
.pswp__bg {
will-change: opacity;
-webkit-transition: opacity 333ms cubic-bezier(.4, 0, .22, 1);
transition: opacity 333ms cubic-bezier(.4, 0, .22, 1)
}
.pswp--animated-in .pswp__bg,
.pswp--animated-in .pswp__zoom-wrap {
-webkit-transition: none;
transition: none
}
.pswp__container,
.pswp__zoom-wrap {
-webkit-backface-visibility: hidden
}
.pswp__item {
position: absolute;
left: 0;
right: 0;
top: 0;
bottom: 0;
overflow: hidden
}
.pswp__img {
position: absolute;
width: auto;
height: auto;
top: 0;
left: 0
}
.pswp__img--placeholder {
-webkit-backface-visibility: hidden
}
.pswp__img--placeholder--blank {
background: #222
}
.pswp--ie .pswp__img {
width: 100% !important;
height: auto !important;
left: 0;
top: 0
}
.pswp__error-msg {
position: absolute;
left: 0;
top: 50%;
width: 100%;
text-align: center;
font-size: 14px;
line-height: 16px;
margin-top: -8px;
color: #ccc
}
.pswp__error-msg a {
color: #ccc;
text-decoration: underline
}
/*! PhotoSwipe Default UI CSS by Dmitry Semenov | photoswipe.com | MIT license */
.pswp__button {
width: 44px;
height: 44px;
position: relative;
background: 0 0;
cursor: pointer;
overflow: visible;
-webkit-appearance: none;
display: block;
border: 0;
padding: 0;
margin: 0;
float: right;
opacity: .75;
-webkit-transition: opacity .2s;
transition: opacity .2s;
-webkit-box-shadow: none;
box-shadow: none
}
.pswp__button:focus,
.pswp__button:hover {
opacity: 1
}
.pswp__button:active {
outline: 0;
opacity: .9
}
.pswp__button::-moz-focus-inner {
padding: 0;
border: 0
}
.pswp__ui--over-close .pswp__button--close {
opacity: 1
}
.pswp__button,
.pswp__button--arrow--left:before,
.pswp__button--arrow--right:before {
background: url(//webitkurigram.com/wp/techno/wp-content/plugins/woocommerce/assets/css/photoswipe/default-skin/default-skin.png) 0 0 no-repeat;
background-size: 264px 88px;
width: 44px;
height: 44px
}
@media (-webkit-min-device-pixel-ratio:1.1),
(-webkit-min-device-pixel-ratio:1.09375),
(min-resolution:105dpi),
(min-resolution:1.1dppx) {
.pswp--svg .pswp__button,
.pswp--svg .pswp__button--arrow--left:before,
.pswp--svg .pswp__button--arrow--right:before {
background-image: url(//webitkurigram.com/wp/techno/wp-content/plugins/woocommerce/assets/css/photoswipe/default-skin/default-skin.svg)
}
.pswp--svg .pswp__button--arrow--left,
.pswp--svg .pswp__button--arrow--right {
background: 0 0
}
}
.pswp__button--close {
background-position: 0 -44px
}
.pswp__button--share {
background-position: -44px -44px
}
.pswp__button--fs {
display: none
}
.pswp--supports-fs .pswp__button--fs {
display: block
}
.pswp--fs .pswp__button--fs {
background-position: -44px 0
}
.pswp__button--zoom {
display: none;
background-position: -88px 0
}
.pswp--zoom-allowed .pswp__button--zoom {
display: block
}
.pswp--zoomed-in .pswp__button--zoom {
background-position: -132px 0
}
.pswp--touch .pswp__button--arrow--left,
.pswp--touch .pswp__button--arrow--right {
visibility: hidden
}
.pswp__button--arrow--left,
.pswp__button--arrow--right {
background: 0 0;
top: 50%;
margin-top: -50px;
width: 70px;
height: 100px;
position: absolute
}
.pswp__button--arrow--left {
left: 0
}
.pswp__button--arrow--right {
right: 0
}
.pswp__button--arrow--left:before,
.pswp__button--arrow--right:before {
content: '';
top: 35px;
background-color: rgba(0, 0, 0, .3);
height: 30px;
width: 32px;
position: absolute
}
.pswp__button--arrow--left:before {
left: 6px;
background-position: -138px -44px
}
.pswp__button--arrow--right:before {
right: 6px;
background-position: -94px -44px
}
.pswp__counter,
.pswp__share-modal {
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none
}
.pswp__share-modal {
display: block;
background: rgba(0, 0, 0, .5);
width: 100%;
height: 100%;
top: 0;
left: 0;
padding: 10px;
position: absolute;
z-index: 1600;
opacity: 0;
-webkit-transition: opacity .25s ease-out;
transition: opacity .25s ease-out;
-webkit-backface-visibility: hidden;
will-change: opacity
}
.pswp__share-modal--hidden {
display: none
}
.pswp__share-tooltip {
z-index: 1620;
position: absolute;
background: #fff;
top: 56px;
border-radius: 2px;
display: block;
width: auto;
right: 44px;
-webkit-box-shadow: 0 2px 5px rgba(0, 0, 0, .25);
box-shadow: 0 2px 5px rgba(0, 0, 0, .25);
-webkit-transform: translateY(6px);
-ms-transform: translateY(6px);
transform: translateY(6px);
-webkit-transition: -webkit-transform .25s;
transition: transform .25s;
-webkit-backface-visibility: hidden;
will-change: transform
}
.pswp__share-tooltip a {
display: block;
padding: 8px 12px;
color: #000;
text-decoration: none;
font-size: 14px;
line-height: 18px
}
.pswp__share-tooltip a:hover {
text-decoration: none;
color: #000
}
.pswp__share-tooltip a:first-child {
border-radius: 2px 2px 0 0
}
.pswp__share-tooltip a:last-child {
border-radius: 0 0 2px 2px
}
.pswp__share-modal--fade-in {
opacity: 1
}
.pswp__share-modal--fade-in .pswp__share-tooltip {
-webkit-transform: translateY(0);
-ms-transform: translateY(0);
transform: translateY(0)
}
.pswp--touch .pswp__share-tooltip a {
padding: 16px 12px
}
a.pswp__share--facebook:before {
content: '';
display: block;
width: 0;
height: 0;
position: absolute;
top: -12px;
right: 15px;
border: 6px solid transparent;
border-bottom-color: #fff;
-webkit-pointer-events: none;
-moz-pointer-events: none;
pointer-events: none
}
a.pswp__share--facebook:hover {
background: #3e5c9a;
color: #fff
}
a.pswp__share--facebook:hover:before {
border-bottom-color: #3e5c9a
}
a.pswp__share--twitter:hover {
background: #55acee;
color: #fff
}
a.pswp__share--pinterest:hover {
background: #ccc;
color: #ce272d
}
a.pswp__share--download:hover {
background: #ddd
}
.pswp__counter {
position: absolute;
left: 0;
top: 0;
height: 44px;
font-size: 13px;
line-height: 44px;
color: #fff;
opacity: .75;
padding: 0 10px
}
.pswp__caption {
position: absolute;
left: 0;
bottom: 0;
width: 100%;
min-height: 44px
}
.pswp__caption small {
font-size: 11px;
color: #bbb
}
.pswp__caption__center {
text-align: left;
max-width: 420px;
margin: 0 auto;
font-size: 13px;
padding: 10px;
line-height: 20px;
color: #ccc
}
.pswp__caption--empty {
display: none
}
.pswp__caption--fake {
visibility: hidden
}
.pswp__preloader {
width: 44px;
height: 44px;
position: absolute;
top: 0;
left: 50%;
margin-left: -22px;
opacity: 0;
-webkit-transition: opacity .25s ease-out;
transition: opacity .25s ease-out;
will-change: opacity;
direction: ltr
}
.pswp__preloader__icn {
width: 20px;
height: 20px;
margin: 12px
}
.pswp__preloader--active {
opacity: 1
}
.pswp__preloader--active .pswp__preloader__icn {
background: url(//webitkurigram.com/wp/techno/wp-content/plugins/woocommerce/assets/css/photoswipe/default-skin/preloader.gif) 0 0 no-repeat
}
.pswp--css_animation .pswp__preloader--active {
opacity: 1
}
.pswp--css_animation .pswp__preloader--active .pswp__preloader__icn {
-webkit-animation: clockwise .5s linear infinite;
animation: clockwise .5s linear infinite
}
.pswp--css_animation .pswp__preloader--active .pswp__preloader__donut {
-webkit-animation: donut-rotate 1s cubic-bezier(.4, 0, .22, 1) infinite;
animation: donut-rotate 1s cubic-bezier(.4, 0, .22, 1) infinite
}
.pswp--css_animation .pswp__preloader__icn {
background: 0 0;
opacity: .75;
width: 14px;
height: 14px;
position: absolute;
left: 15px;
top: 15px;
margin: 0
}
.pswp--css_animation .pswp__preloader__cut {
position: relative;
width: 7px;
height: 14px;
overflow: hidden
}
.pswp--css_animation .pswp__preloader__donut {
-webkit-box-sizing: border-box;
box-sizing: border-box;
width: 14px;
height: 14px;
border: 2px solid #fff;
border-radius: 50%;
border-left-color: transparent;
border-bottom-color: transparent;
position: absolute;
top: 0;
left: 0;
background: 0 0;
margin: 0
}
@media screen and (max-width:1024px) {
.pswp__preloader {
position: relative;
left: auto;
top: auto;
margin: 0;
float: right
}
}
@-webkit-keyframes clockwise {
0% {
-webkit-transform: rotate(0);
transform: rotate(0)
}
100% {
-webkit-transform: rotate(360deg);
transform: rotate(360deg)
}
}
@keyframes clockwise {
0% {
-webkit-transform: rotate(0);
transform: rotate(0)
}
100% {
-webkit-transform: rotate(360deg);
transform: rotate(360deg)
}
}
@-webkit-keyframes donut-rotate {
0% {
-webkit-transform: rotate(0);
transform: rotate(0)
}
50% {
-webkit-transform: rotate(-140deg);
transform: rotate(-140deg)
}
100% {
-webkit-transform: rotate(0);
transform: rotate(0)
}
}
@keyframes donut-rotate {
0% {
-webkit-transform: rotate(0);
transform: rotate(0)
}
50% {
-webkit-transform: rotate(-140deg);
transform: rotate(-140deg)
}
100% {
-webkit-transform: rotate(0);
transform: rotate(0)
}
}
.pswp__ui {
-webkit-font-smoothing: auto;
visibility: visible;
opacity: 1;
z-index: 1550
}
.pswp__top-bar {
position: absolute;
left: 0;
top: 0;
height: 44px;
width: 100%
}
.pswp--has_mouse .pswp__button--arrow--left,
.pswp--has_mouse .pswp__button--arrow--right,
.pswp__caption,
.pswp__top-bar {
-webkit-backface-visibility: hidden;
will-change: opacity;
-webkit-transition: opacity 333ms cubic-bezier(.4, 0, .22, 1);
transition: opacity 333ms cubic-bezier(.4, 0, .22, 1)
}
.pswp--has_mouse .pswp__button--arrow--left,
.pswp--has_mouse .pswp__button--arrow--right {
visibility: visible
}
.pswp__caption,
.pswp__top-bar {
background-color: rgba(0, 0, 0, .5)
}
.pswp__ui--fit .pswp__caption,
.pswp__ui--fit .pswp__top-bar {
background-color: rgba(0, 0, 0, .3)
}
.pswp__ui--idle .pswp__top-bar {
opacity: 0
}
.pswp__ui--idle .pswp__button--arrow--left,
.pswp__ui--idle .pswp__button--arrow--right {
opacity: 0
}
.pswp__ui--hidden .pswp__button--arrow--left,
.pswp__ui--hidden .pswp__button--arrow--right,
.pswp__ui--hidden .pswp__caption,
.pswp__ui--hidden .pswp__top-bar {
opacity: .001
}
.pswp__ui--one-slide .pswp__button--arrow--left,
.pswp__ui--one-slide .pswp__button--arrow--right,
.pswp__ui--one-slide .pswp__counter {
display: none
}
.pswp__element--disabled {
display: none !important
}
.pswp--minimal--dark .pswp__top-bar {
background: 0 0
}
.language-switcher {
border: 2px solid #1999ff;
display: inline-block;
font-family: sans-serif;
font-weight: bold;
margin-left: 10px;
}
.language-switcher span {
display: inline-block;
padding-left: 4px;
padding-right: 4px;
margin: 0;
background-color: #1999ff;
color: #ffffff;
}
.language-switcher .active {
background-color: #fff;
color: #1999ff;
}
.language-switcher .language-en.active {
padding-left: 2px;
}
.transprent-menu .techno_menu > ul > li a.menu-item-catalog {
display: inline-block;
background-color: #1999ff;
border: 2px solid #fff;
color: #fff;
padding: 1px 8px;
}
.mean-container .mean-nav ul li a.menu-item-catalog {
background-color: #1999ff;
border-block: 2px solid #fff;
color: #fff;
}
#map-placeholder {
height: 500px;
margin-bottom: 50px;
}