body,html {
width: 100%;
height: 100%
}
body,h1,h2,h3,h4,h5,h6,small {
font-family: 'Open Sans',sans-serif
}
a,a: focus,a: hover {
color: #111;
outline: 0
}
#pageloader,body,html {
height: 100%
}
.mouse-icon,small {
opacity: .7;
display: block
}
ol,p,ul {
color: #747474
}
#portfolio ul li a: hover,.megamenu a: hover,a: focus,a: hover {
text-decoration: none
}
* {
-webkit-box-sizing: border-box;
box-sizing: border-box
}
html {
text-rendering: optimizeLegibility!important;
-webkit-font-smoothing: antialiased!important
}
body {
background-color: #fff;
color: #5f6467
}
h1,h2,h3,h4,h5,h6 {
font-weight: 400!important;
color: #000;
-webkit-font-smoothing: antialiased
}
h1 {
font-size: 36px;
line-height: 45px
}
h2 {
font-size: 30px;
line-height: 40px
}
h3 {
font-size: 24px;
line-height: 35px
}
h4 {
font-size: 18px;
line-height: 30px
}
h5 {
font-size: 14px;
line-height: 25px
}
h6 {
font-size: 12px;
line-height: 20px
}
.lead,p {
line-height: 25px
}
h1 small {
font-size: 50%
}
h2 small {
font-size: 60%
}
h3 small {
font-size: 70%
}
h4 small {
font-size: 80%
}
h5 small,h6 small,small {
font-size: 90%
}
small {
margin-top: 5px
}
code {
text-transform: none;
font-family: monospace,serif
}
p {
font-family: 'Open Sans',sans-serif!important;
margin: 0 0 10px;
font-size: 13px
}
p strong {
font-weight: 600
}
.lead {
font-size: 14px;
font-weight: 400
}
.dropcap {
float: left;
width: .7em;
font-size: 400%;
font-family: algerian,courier;
line-height: 80%;
-webkit-border-radius: 2px;
-moz-border-radius: 2px;
border-radius: 2px;
padding-left: 3px;
margin-top: 5px;
margin-right: 5px
}
.heading-desc,.panel-body,ol li {
line-height: 25px
}
a {
-webkit-transition: all .2s ease-in-out;
-moz-transition: all .2s ease-in-out;
transition: all .2s ease-in-out
}
.button,.button-3d,.button-o,.team-three,.team-two {
-webkit-transition: all .25s ease-in-out;
-moz-transition: all .25s ease-in-out
}
.animated {
visibility: hidden
}
.visible {
visibility: visible
}
.font-pacifico {
font-family: Pacifico,cursive!important
}
.font-open-sans {
font-family: 'Open Sans',sans-serif!important
}
.font-montserrat {
font-family: Montserrat,sans-serif!important
}
.font-source-sans-pro {
font-family: 'Source Sans Pro',sans-serif!important
}
.heading-desc,.modal-dialog,ol,ul {
font-family: 'Open Sans',sans-serif
}
.fs-75 {
font-size: 75px!important
}
.fs-100 {
font-size: 100px!important
}
.font-size-light {
font-weight: 200!important
}
.font-size-normal {
font-weight: 300!important
}
.font-size-bold {
font-weight: 400!important
}
.modal-dialog,.strong {
font-weight: 600
}
#pageloader {
background-color: #E74C3C;
position: fixed;
top: 0;
width: 100%;
z-index: 9999
}
.loader-item {
height: 40px;
left: 50%;
margin: -20px 0 0 -20px;
position: absolute;
text-align: center;
top: 50%;
width: 40px
}
.loader-item img {
width: 80px
}
: : -moz-selection {
color: #fff
}
: : selection {
color: #fff
}
.intro-direction {
position: absolute;
left: 50%;
bottom: 5%
}
.mouse-icon {
border: 2px solid #fff;
border-radius: 16px;
height: 40px;
width: 24px;
z-index: 10;
background-color: rgba(255,255,255,.5)
}
.mouse-icon .wheel {
-webkit-animation-name: mouse-anim-drop;
animation-name: mouse-anim-drop;
-webkit-animation-duration: 1s;
animation-duration: 1s;
-webkit-animation-timing-function: linear;
animation-timing-function: linear;
-webkit-animation-delay: 0s;
animation-delay: 0s;
-webkit-animation-iteration-count: infinite;
animation-iteration-count: infinite;
-webkit-animation-play-state: running;
animation-play-state: running;
position: relative;
border-radius: 10px;
width: 2px;
height: 6px;
top: 4px;
margin-left: auto;
margin-right: auto
}
@-webkit-keyframes mouse-anim-drop {
0% {
top: 5px;
opacity: 0
}
30% {
top: 10px;
opacity: 1
}
100% {
top: 25px;
opacity: 0
}
}@keyframes mouse-anim-drop {
0% {
top: 5px;
opacity: 0
}
30% {
top: 10px;
opacity: 1
}
100% {
top: 25px;
opacity: 0
}
}.icon-svg {
max-height: 80px
}
ol,ul {
font-size: 13px;
margin: 0;
padding: 0
}
ol li {
padding: 0;
margin-left: 20px
}
ul.icon-list {
text-align: left
}
.content-box.content-box-center,.modal-footer,.modal-search-input {
text-align: center
}
ul.icon-list li,ul.icon-list-underline li {
list-style: none;
line-height: 25px
}
ul.icon-list li i,ul.icon-list-underline li i {
margin-right: 10px
}
ul.icon-list-underline li {
padding-bottom: 5px;
margin-bottom: 5px
}
ul.no-icon-list,ul.no-icon-list li {
padding: 0;
margin: 0
}
.underline-solid li {
border-bottom: 1px solid #b9b9b9
}
.underline-dotted li {
border-bottom: 1px dotted #b9b9b9
}
.underline-dashed li {
border-bottom: 1px dashed #b9b9b9
}
.underline-double li {
border-bottom: 3px double #b9b9b9
}
ul.no-icon-list li {
list-style: none
}
.heading {
height: 20px;
display: block;
margin-bottom: 20px;
font-size: 15px;
opacity: 1!important
}
.heading-desc {
display: block;
font-size: 14px;
margin-left: auto;
margin-right: auto
}
.heading-dashed,.heading-dotted,.heading-double,.heading-solid {
width: 50px;
border-bottom-width: 3px
}
.heading-solid {
border-bottom-style: solid
}
.heading-dotted {
border-bottom-style: dotted
}
.heading-dashed {
border-bottom-style: dashed
}
.heading-double {
border-bottom-style: double
}
.heading-dashed-icon,.heading-dotted-icon,.heading-double-icon,.heading-solid-icon {
width: 120px;
margin-top: 20px
}
.heading-dashed-icon span,.heading-dotted-icon span,.heading-double-icon span,.heading-solid-icon span {
width: 40px;
height: 2px;
float: left
}
.heading-daouble-icon span span,.heading-dashed-icon span span,.heading-dotted-icon span span,.heading-solid-icon span span {
width: 40px;
height: 2px;
float: right
}
.heading-dashed-icon span,.heading-dashed-icon span span,.heading-dotted-icon span,.heading-dotted-icon span span,.heading-solid-icon span,.heading-solid-icon span span {
border-top-width: 2px;
border-top-style: solid;
display: block
}
.heading-double-icon span,.heading-double-icon span span {
border-bottom-width: 3px;
border-top-style: solid;
display: block
}
.heading-dashed-icon i,.heading-dotted-icon i,.heading-double-icon i,.heading-solid-icon i {
float: left;
margin-left: 10px;
margin-right: 10px;
margin-top: -5px
}
.heading-solid-icon div,.heading-solid-icon div div {
border-bottom-style: solid
}
.heading-dotted-icon div,.heading-dotted-icon div div {
border-bottom-style: dotted
}
.heading-dashed-icon div,.heading-dashed-icon div div {
border-bottom-style: dashed
}
.heading-double-icon div,.heading-double-icon div div {
border-bottom-style: double
}
.heading-icon,.heading-icon-o {
width: 60px;
height: 60px;
font-size: 20px;
padding-top: 20px
}
.heading-icon {
color: #fff
}
.heading-icon-o {
background-color: transparent;
border-width: 2px;
border-style: solid
}
.heading-icon-rounded {
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px
}
.heading-icon-circle {
-webkit-border-radius: 100%;
-moz-border-radius: 100%;
border-radius: 100%
}
.modal-dialog {
font-size: 12px;
max-width: 500px
}
.modal-header {
-webkit-border-top-left-radius: 3px;
-moz-border-top-left-radius: 3px;
border-top-left-radius: 3px;
-webkit-border-top-right-radius: 3px;
-moz-border-top-right-radius: 3px;
border-top-right-radius: 3px
}
.modal-footer {
-webkit-border-bottom-left-radius: 3px;
-moz-border-bottom-left-radius: 3px;
border-bottom-left-radius: 3px;
-webkit-border-bottom-right-radius: 3px;
-moz-border-bottom-right-radius: 3px;
border-bottom-right-radius: 3px
}
.modal-search-input {
border: 0;
width: 100%;
height: 50px;
outline: 0;
font-size: 30px
}
.panel-square {
-webkit-border-radius: 0;
-moz-border-radius: 0;
border-radius: 0
}
.panel-default {
border: 1px solid #ffb7ac
}
.panel-default .panel-heading {
background-color: #fddad4;
color: #b55241
}
.panel-heading a {
font-size: 14px;
color: #333
}
.panel-light {
border: 1px solid #ebebeb
}
.panel-light .panel-heading {
background-color: #fff;
color: #333
}
.panel-gray {
border: 1px solid #e1e1e1
}
.panel-gray .panel-heading {
background-color: #e1e1e1;
color: #333
}
.panel-dark {
border: 1px solid #111
}
.panel-dark .panel-heading {
background-color: #333;
color: #fff
}
.panel-heading {
padding: 10px 15px;
font-size: 13px!important;
cursor: pointer
}
.panel-heading i {
margin-right: 10px
}
.panel-collapse.collapse.in,.panel-collapse.collapsing {
background-color: #fff!important
}
.accordian-toggle-arrow-left: after,.accordian-toggle-arrow-right: after,.accordian-toggle-chevron-left: after,.accordian-toggle-chevron-right: after,.accordian-toggle-plus-left: after,.accordian-toggle-plus-right: after,.accordian-toggle-plus-sign-left: after,.accordian-toggle-plus-sign-right: after {
font-family: "Glyphicons Halflings";
margin-left: 15px;
margin-top: 1px;
font-size: 10px
}
.accordian-toggle-arrow-left: after,.accordian-toggle-chevron-left: after,.accordian-toggle-plus-left: after,.accordian-toggle-plus-sign-left: after {
float: left;
margin-top: 2px;
margin-left: 0;
margin-right: 10px
}
.accordian-toggle-arrow-right: after,.accordian-toggle-chevron-right: after,.accordian-toggle-plus-right: after,.accordian-toggle-plus-sign-right: after {
float: right
}
.accordian-toggle-chevron-left: after,.accordian-toggle-chevron-right: after {
content: "\e114"
}
.accordian-toggle-chevron-left.collapsed: after,.accordian-toggle-chevron-right.collapsed: after {
content: "\e080"
}
.accordian-toggle-plus-left: after,.accordian-toggle-plus-right: after {
content: "\2212"
}
.accordian-toggle-plus-left.collapsed: after,.accordian-toggle-plus-right.collapsed: after {
content: "\2b"
}
.accordian-toggle-plus-sign-left: after {
content: "\e082"
}
.accordian-toggle-plus-sign-left.collapsed: after,.accordian-toggle-plus-sign-right.collapsed: after {
content: "\e081"
}
.accordian-toggle-arrow-left: after,.accordian-toggle-arrow-right: after {
content: "\e094"
}
.accordian-toggle-arrow-left.collapsed: after,.accordian-toggle-arrow-right.collapsed: after {
content: "\e092"
}
.accordian-toggle-arrow-left.collapsed: after,.accordian-toggle-arrow-left: after,.accordian-toggle-arrow-right.collapsed: after,.accordian-toggle-arrow-right: after,.accordian-toggle-chevron-left.collapsed: after,.accordian-toggle-chevron-left: after,.accordian-toggle-chevron-right.collapsed: after,.accordian-toggle-chevron-right: after,.accordian-toggle-plus-left.collapsed: after,.accordian-toggle-plus-left: after,.accordian-toggle-plus-right.collapsed: after,.accordian-toggle-plus-right: after,.accordian-toggle-plus-sign-left.collapsed: after,.accordian-toggle-plus-sign-left: after,.accordian-toggle-plus-sign-lerightft.collapsed: after,.accordian-toggle-plus-sign-right: after {
opacity: .5
}
.panel-body {
color: #747474;
font-family: 'Open Sans',sans-serif;
font-size: 13px
}
.button,.button-3d,.button-o {
display: inline-block;
padding: 8px 16px;
margin-bottom: 5px;
font-size: 12px;
line-height: 1.42857143;
text-align: center;
white-space: nowrap;
vertical-align: middle;
-ms-touch-action: manipulation;
touch-action: manipulation;
cursor: pointer;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
background-image: none;
border: 1px solid transparent;
border-radius: 4px;
font-family: Montserrat,sans-serif;
text-transform: uppercase;
text-shadow: none;
font-weight: 400!important;
letter-spacing: 1px;
transition: all .25s ease-in-out
}
.button-o,.button-o.button-pasific {
background: 0 0!important
}
.button,.button-3d,.button-3d: hover,.button: hover {
color: #fff!important
}
.button-o {
border-width: 1px;
border-style: solid
}
.button i,.button-3d i,.button-o i {
margin-left: 15px;
margin-right: 0;
font-size: 14px
}
.button small,.button-3d small,.button-o small {
margin-top: 0
}
.button: focus {
outline: 0;
color: #fff
}
.button-xs {
font-size: 9px;
padding: 5px 12px
}
.button-sm {
font-size: 10px;
padding: 8px 20px
}
.button-md {
font-size: 11px;
padding: 12px 25px
}
.button-lg {
font-size: 13px;
padding: 15px 30px
}
.button-square {
-webkit-border-radius: 0;
-moz-border-radius: 0;
border-radius: 0
}
.button-rounded.button-xs,.button-xs.button-rounded {
-webkit-border-radius: 2px;
-moz-border-radius: 2px;
border-radius: 2px
}
.button-rounded.button-sm,.button-sm.button-rounded {
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
border-radius: 4px
}
.button-md.button-rounded,.button-rounded.button-md {
-webkit-border-radius: 7px;
-moz-border-radius: 7px;
border-radius: 7px
}
.button-lg.button-rounded,.button-rounded.button-lg {
-webkit-border-radius: 10px;
-moz-border-radius: 10px;
border-radius: 10px
}
.button-circle {
-webkit-border-radius: 100px;
-moz-border-radius: 100px;
border-radius: 100px
}
.button-block {
display: block;
width: 100%;
margin-top: 5px
}
.button.button-pasific {
color: #fff
}
.button-3d.button-pasific {
color: #fff;
-webkit-box-shadow: 0 5px 0 #ee3135;
-moz-box-shadow: 0 5px 0 #ee3135;
box-shadow: 0 5px 0 #ee3135
}
.button-3d: hover.button-pasific {
-webkit-box-shadow: 0 3px 0 #ee3135;
-moz-box-shadow: 0 3px 0 #ee3135;
box-shadow: 0 3px 0 #ee3135
}
.button-o.button-pasific: hover {
color: #fff!important
}
.button-3d.button-red,.button.button-red {
background-color: #fd3635
}
.button-3d.button-pink,.button.button-pink {
background-color: #fd40b3
}
.button-3d.button-orange,.button.button-orange {
background-color: #ff8b34
}
.button-3d.button-purple,.button.button-purple {
background-color: #a85ad4
}
.button-3d.button-blue,.button.button-blue {
background-color: #3dace1
}
.button-3d.button-cyan,.button.button-cyan {
background-color: #1abc9c
}
.button-3d.button-green,.button.button-green {
background-color: #b2cc71
}
.button-3d.button-yellow,.button.button-yellow {
background-color: #ffc501
}
.button-3d.button-dark,.button.button-dark {
background-color: #5f6467
}
.button-3d.button-gray,.button.button-gray {
background-color: #e0e0e0;
color: #111!important
}
.button-3d.button-red {
-webkit-box-shadow: 0 5px 0 #d92726;
-moz-box-shadow: 0 5px 0 #d92726;
box-shadow: 0 5px 0 #d92726
}
.button-3d.button-pink {
-webkit-box-shadow: 0 5px 0 #dc2193;
-moz-box-shadow: 0 5px 0 #dc2193;
box-shadow: 0 5px 0 #dc2193
}
.button-3d.button-orange {
-webkit-box-shadow: 0 5px 0 #e1660b;
-moz-box-shadow: 0 5px 0 #e1660b;
box-shadow: 0 5px 0 #e1660b
}
.button-3d.button-purple {
-webkit-box-shadow: 0 5px 0 #8632b5;
-moz-box-shadow: 0 5px 0 #8632b5;
box-shadow: 0 5px 0 #8632b5
}
.button-3d.button-blue {
-webkit-box-shadow: 0 5px 0 #1f8abe;
-moz-box-shadow: 0 5px 0 #1f8abe;
box-shadow: 0 5px 0 #1f8abe
}
.button-3d.button-cyan {
-webkit-box-shadow: 0 5px 0 #148d75;
-moz-box-shadow: 0 5px 0 #148d75;
box-shadow: 0 5px 0 #148d75
}
.button-3d.button-green {
-webkit-box-shadow: 0 5px 0 #7d9345;
-moz-box-shadow: 0 5px 0 #7d9345;
box-shadow: 0 5px 0 #7d9345
}
.button-3d.button-yellow {
-webkit-box-shadow: 0 5px 0 #deac02;
-moz-box-shadow: 0 5px 0 #deac02;
box-shadow: 0 5px 0 #deac02
}
.button-3d.button-dark {
-webkit-box-shadow: 0 5px 0 #404345;
-moz-box-shadow: 0 5px 0 #404345;
box-shadow: 0 5px 0 #404345
}
.button-3d.button-gray {
-webkit-box-shadow: 0 5px 0 #a7a7a7;
-moz-box-shadow: 0 5px 0 #a7a7a7;
box-shadow: 0 5px 0 #a7a7a7
}
.button-3d: hover.button-red {
-webkit-box-shadow: 0 3px 0 #d92726;
-moz-box-shadow: 0 3px 0 #d92726;
box-shadow: 0 3px 0 #d92726
}
.button-3d: hover.button-pink {
-webkit-box-shadow: 0 3px 0 #dc2193;
-moz-box-shadow: 0 3px 0 #dc2193;
box-shadow: 0 3px 0 #dc2193
}
.button-3d: hover.button-orange {
-webkit-box-shadow: 0 3px 0 #e1660b;
-moz-box-shadow: 0 3px 0 #e1660b;
box-shadow: 0 3px 0 #e1660b
}
.button-3d: hover.button-purple {
-webkit-box-shadow: 0 3px 0 #8632b5;
-moz-box-shadow: 0 3px 0 #8632b5;
box-shadow: 0 3px 0 #8632b5
}
.button-3d: hover.button-blue {
-webkit-box-shadow: 0 3px 0 #1f8abe;
-moz-box-shadow: 0 3px 0 #1f8abe;
box-shadow: 0 3px 0 #1f8abe
}
.button-3d: hover.button-cyan {
-webkit-box-shadow: 0 3px 0 #148d75;
-moz-box-shadow: 0 3px 0 #148d75;
box-shadow: 0 3px 0 #148d75
}
.button-3d: hover.button-green {
-webkit-box-shadow: 0 3px 0 #7d9345;
-moz-box-shadow: 0 3px 0 #7d9345;
box-shadow: 0 3px 0 #7d9345
}
.button-3d: hover.button-yellow {
-webkit-box-shadow: 0 3px 0 #deac02;
-moz-box-shadow: 0 3px 0 #deac02;
box-shadow: 0 3px 0 #deac02
}
.button-3d: hover.button-dark {
-webkit-box-shadow: 0 3px 0 #404345;
-moz-box-shadow: 0 3px 0 #404345;
box-shadow: 0 3px 0 #404345
}
.button-3d: hover.button-gray {
-webkit-box-shadow: 0 3px 0 #a7a7a7;
-moz-box-shadow: 0 3px 0 #a7a7a7;
box-shadow: 0 3px 0 #a7a7a7
}
.button-o.button-red {
border-color: #fd3635;
color: #fd3635
}
.button-o.button-pink {
border-color: #fd40b3;
color: #fd40b3
}
.button-o.button-orange {
border-color: #ff8b34;
color: #ff8b34
}
.button-o.button-purple {
border-color: #a85ad4;
color: #a85ad4
}
.button-o.button-blue {
border-color: #3dace1;
color: #3dace1
}
.button-o.button-cyan {
border-color: #1abc9c;
color: #1abc9c
}
.button-o.button-green {
border-color: #b2cc71;
color: #b2cc71
}
.button-o.button-yellow {
border-color: #edc951;
color: #edc951
}
.button-o.button-dark {
border-color: #323a45;
color: #323a45
}
.button-o.button-gray {
border-color: #e0e0e0;
color: #e0e0e0
}
.button-3d.button-primary,.button.button-primary {
background-color: #286090
}
.button-3d.button-success,.button.button-success {
background-color: #5cb85c
}
.button-3d.button-info,.button.button-info {
background-color: #5bc0de
}
.button-3d.button-warning,.button.button-warning {
background-color: #ec971f
}
.button-3d.button-danger,.button.button-danger {
background-color: #c9302c
}
.button-3d.button-primary {
-webkit-box-shadow: 0 5px 0 #1a456b;
-moz-box-shadow: 0 5px 0 #1a456b;
box-shadow: 0 5px 0 #1a456b
}
.button-3d.button-success {
-webkit-box-shadow: 0 5px 0 #408940;
-moz-box-shadow: 0 5px 0 #408940;
box-shadow: 0 5px 0 #408940
}
.button-3d.button-info {
-webkit-box-shadow: 0 5px 0 #398ca5;
-moz-box-shadow: 0 5px 0 #398ca5;
box-shadow: 0 5px 0 #398ca5
}
.button-3d.button-warning {
-webkit-box-shadow: 0 5px 0 #bb7614;
-moz-box-shadow: 0 5px 0 #bb7614;
box-shadow: 0 5px 0 #bb7614
}
.button-3d.button-danger {
-webkit-box-shadow: 0 5px 0 #9d201c;
-moz-box-shadow: 0 5px 0 #9d201c;
box-shadow: 0 5px 0 #9d201c
}
.button-3d: hover.button-primary {
-webkit-box-shadow: 0 3px 0 #1a456b;
-moz-box-shadow: 0 3px 0 #1a456b;
box-shadow: 0 3px 0 #1a456b
}
.button-3d: hover.button-success {
-webkit-box-shadow: 0 3px 0 #408940;
-moz-box-shadow: 0 3px 0 #408940;
box-shadow: 0 3px 0 #408940
}
.button-3d: hover.button-info {
-webkit-box-shadow: 0 3px 0 #398ca5;
-moz-box-shadow: 0 3px 0 #398ca5;
box-shadow: 0 3px 0 #398ca5
}
.button-3d: hover.button-warning {
-webkit-box-shadow: 0 3px 0 #bb7614;
-moz-box-shadow: 0 3px 0 #bb7614;
box-shadow: 0 3px 0 #bb7614
}
.button-3d: hover.button-danger {
-webkit-box-shadow: 0 3px 0 #9d201c;
-moz-box-shadow: 0 3px 0 #9d201c;
box-shadow: 0 3px 0 #9d201c
}
.button-o.button-primary {
border-color: #286090;
color: #286090
}
.button-o.button-success {
border-color: #5cb85c;
color: #5cb85c
}
.button-o.button-info {
border-color: #5bc0de;
color: #5bc0de
}
.button-o.button-warning {
border-color: #ec971f;
color: #ec971f
}
.button-o.button-danger {
border-color: #c9302c;
color: #c9302c
}
.button-grad-violet {
background: #5f2c82;
background: -webkit-linear-gradient(-45deg,#4776E6,#8E54E9);
background: -o-linear-gradient(-45deg,#4776E6,#8E54E9);
background: -moz-linear-gradient(-45deg,#4776E6,#8E54E9);
background: linear-gradient(-45deg,#4776E6,#8E54E9)
}
.button-grad-violet: hover {
background: #5f2c82;
background: -webkit-linear-gradient(45deg,#4776E6,#8E54E9);
background: -o-linear-gradient(45deg,#4776E6,#8E54E9);
background: -moz-linear-gradient(45deg,#4776E6,#8E54E9);
background: linear-gradient(45deg,#4776E6,#8E54E9)
}
.button-grad-blood-mary {
background: #FF512F;
background: -webkit-linear-gradient(-45deg,#FF512F,#DD2476);
background: -o-linear-gradient(-45deg,#FF512F,#DD2476);
background: -moz-linear-gradient(-45deg,#FF512F,#DD2476);
background: linear-gradient(-45deg,#FF512F,#DD2476)
}
.button-grad-blood-mary: hover {
background: #FF512F;
background: -webkit-linear-gradient(45deg,#FF512F,#DD2476);
background: -o-linear-gradient(45deg,#FF512F,#DD2476);
background: -moz-linear-gradient(45deg,#FF512F,#DD2476);
background: linear-gradient(45deg,#FF512F,#DD2476)
}
.button-grad-bora {
background: #2BC0E4;
background: -webkit-linear-gradient(45deg,#2BC0E4,#EAECC6);
background: -o-linear-gradient(45deg,#2BC0E4,#EAECC6);
background: -moz-linear-gradient(45deg,#2BC0E4,#EAECC6);
background: linear-gradient(45deg,#2BC0E4,#EAECC6)
}
.button-grad-bora: hover {
background: #2BC0E4;
background: -webkit-linear-gradient(-45deg,#2BC0E4,#EAECC6);
background: -o-linear-gradient(-45deg,#2BC0E4,#EAECC6);
background: -moz-linear-gradient(-45deg,#2BC0E4,#EAECC6);
background: linear-gradient(-45deg,#2BC0E4,#EAECC6)
}
.button-grad-mojito {
background: #68e9b6;
background: -webkit-linear-gradient(45deg,#68e9b6,#4e75b9);
background: -o-linear-gradient(45deg,#68e9b6,#4e75b9);
background: -moz-linear-gradient(45deg,#68e9b6,#4e75b9);
background: linear-gradient(45deg,#68e9b6,#4e75b9)
}
.button-grad-mojito: hover {
background: #4e75b9;
background: -webkit-linear-gradient(-45deg,#4e75b9,#68e9b6);
background: -o-linear-gradient(-45deg,#4e75b9,#68e9b6);
background: -moz-linear-gradient(-45deg,#4e75b9,#68e9b6);
background: linear-gradient(-45deg,#4e75b9,#68e9b6)
}
.button-grad-orange {
background: #FFB75E;
background: -webkit-linear-gradient(-45deg,#FFB75E,#ED8F03);
background: -o-linear-gradient(-45deg,#FFB75E,#ED8F03);
background: -moz-linear-gradient(-45deg,#FFB75E,#ED8F03);
background: linear-gradient(-45deg,#FFB75E,#ED8F03)
}
.button-grad-orange: hover {
background: #FFB75E;
background: -webkit-linear-gradient(45deg,#FFB75E,#ED8F03);
background: -o-linear-gradient(45deg,#FFB75E,#ED8F03);
background: -moz-linear-gradient(45deg,#FFB75E,#ED8F03);
background: linear-gradient(45deg,#FFB75E,#ED8F03)
}
.button-grad-purple {
background: #DA22FF;
background: -webkit-linear-gradient(-45deg,#DA22FF,#9733EE);
background: -o-linear-gradient(-45deg,#DA22FF,#9733EE);
background: -moz-linear-gradient(-45deg,#DA22FF,#9733EE);
background: linear-gradient(-45deg,#DA22FF,#9733EE)
}
.button-grad-purple: hover {
background: #DA22FF;
background: -webkit-linear-gradient(45deg,#DA22FF,#9733EE);
background: -o-linear-gradient(45deg,#DA22FF,#9733EE);
background: -moz-linear-gradient(45deg,#DA22FF,#9733EE);
background: linear-gradient(45deg,#DA22FF,#9733EE)
}
.button-grad-stellar {
background: #7474BF;
background: -webkit-linear-gradient(-45deg,#7474BF,#348AC7);
background: -o-linear-gradient(-45deg,#7474BF,#348AC7);
background: -moz-linear-gradient(-45deg,#7474BF,#348AC7);
background: linear-gradient(-45deg,#7474BF,#348AC7)
}
.btn-grad-stellar: hover {
background: #7474BF;
background: -webkit-linear-gradient(45deg,#7474BF,#348AC7);
background: -o-linear-gradient(45deg,#7474BF,#348AC7);
background: -moz-linear-gradient(45deg,#7474BF,#348AC7);
background: linear-gradient(45deg,#7474BF,#348AC7)
}
.button-grad-day-tripper {
background: #f857a6;
background: -webkit-linear-gradient(-45deg,#f857a6,#ff5858);
background: -o-linear-gradient(-45deg,#f857a6,#ff5858);
background: -moz-linear-gradient(-45deg,#f857a6,#ff5858);
background: linear-gradient(-45deg,#f857a6,#ff5858)
}
.button-grad-day-tripper: hover {
background: #f857a6;
background: -webkit-linear-gradient(45deg,#f857a6,#ff5858);
background: -o-linear-gradient(45deg,#f857a6,#ff5858);
background: -moz-linear-gradient(45deg,#f857a6,#ff5858);
background: linear-gradient(45deg,#f857a6,#ff5858)
}
.button-grad-blood-mary,.button-grad-bora,.button-grad-mojito,.button-grad-orange,.button-grad-purple,.button-grad-stellar,.button-grad-tripper,.button-grad-violet {
border: 0!important;
color: #fff!important
}
.content-box {
display: block;
float: left
}
.content-box-o {
border: 1px solid #ddd;
padding: 25px 0 10px;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px
}
.content-box-o-no-border {
border: 0;
padding: 25px 0 10px;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px
}
.content-box.content-box-left {
text-align: left
}
.content-box.content-box-right {
text-align: right
}
.content-box.content-box-inverse h5 {
color: #fff
}
.content-box.content-box-inverse p {
color: #ccc
}
.content-box.content-box-center i,.content-box.content-box-center span,.content-box.content-box-left i,.content-box.content-box-left span,.content-box.content-box-right i,.content-box.content-box-right span {
margin: 0 auto;
font-size: 40px
}
.content-box.content-box-left i,.content-box.content-box-left span {
margin-left: 0
}
.content-box.content-box-right i,.content-box.content-box-right span {
margin-right: 0
}
.content-box.content-box-icon i,.content-box.content-box-icon span,.content-box.content-box-icon-o i,.content-box.content-box-icon-o span {
display: block;
width: 75px;
height: 75px;
padding-top: 18px;
margin-bottom: 20px;
text-align: center;
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
border-radius: 4px;
font-size: 35px
}
.content-box.content-box-icon-circle i,.content-box.content-box-icon-circle span,.content-box.content-box-icon-o-circle i,.content-box.content-box-icon-o-circle span {
display: block;
width: 80px;
height: 80px;
padding-top: 20px;
margin-bottom: 20px;
text-align: center;
-webkit-border-radius: 100px;
-moz-border-radius: 100px;
border-radius: 100px
}
.content-box.content-box-right-icon,blockquote.blockquote-pasific-reverse {
text-align: right
}
.content-box-icon-circle,.content-box-icon-o-circle {
font-size: 35px
}
.content-box.content-box-icon i,.content-box.content-box-icon span,.content-box.content-box-icon-circle i,.content-box.content-box-icon-circle span {
color: #fff
}
.content-box.content-box-icon-o i,.content-box.content-box-icon-o span,.content-box.content-box-icon-o-circle i,.content-box.content-box-icon-o-circle span {
border-width: 1px;
border-style: solid
}
.content-box.content-box-left-icon i,.content-box.content-box-left-icon span {
float: left;
margin: 0 15px 0 0;
font-size: 40px
}
.content-box.content-box-left-icon h4,.content-box.content-box-left-icon h5 {
float: left
}
.content-box.content-box-left-icon p {
margin-top: 10px;
float: left
}
.content-box-left-icon.content-box-icon i,.content-box-left-icon.content-box-icon span,.content-box-left-icon.content-box-icon-circle i,.content-box-left-icon.content-box-icon-circle span,.content-box-left-icon.content-box-icon-o i,.content-box-left-icon.content-box-icon-o span,.content-box-left-icon.content-box-icon-o-circle i,.content-box-left-icon.content-box-icon-o-circle span {
margin-bottom: 50px;
position: absolute;
top: 5px
}
.content-box-left-icon.content-box-icon h4,.content-box-left-icon.content-box-icon h5,.content-box-left-icon.content-box-icon-circle h4,.content-box-left-icon.content-box-icon-circle h5,.content-box-left-icon.content-box-icon-o h4,.content-box-left-icon.content-box-icon-o h5,.content-box-left-icon.content-box-icon-o-circle h4,.content-box-left-icon.content-box-icon-o-circle h5 {
margin: 0 0 0 90px;
float: left
}
.content-box-left-icon.content-box-icon p,.content-box-left-icon.content-box-icon-circle p,.content-box-left-icon.content-box-icon-o p,.content-box-left-icon.content-box-icon-o-circle p {
float: left;
margin: 10px 0 0 90px
}
.content-box.content-box-right-icon i,.content-box.content-box-right-icon span {
float: right;
margin: 0 15px 0 0;
font-size: 40px
}
.content-box.content-box-right-icon h4,.content-box.content-box-right-icon h5 {
margin-right: 80px
}
.content-box.content-box-right-icon p {
margin-top: 10px;
margin-right: 20px;
float: right
}
.content-box-right-icon.content-box-icon i,.content-box-right-icon.content-box-icon span,.content-box-right-icon.content-box-icon-circle i,.content-box-right-icon.content-box-icon-circle span,.content-box-right-icon.content-box-icon-o i,.content-box-right-icon.content-box-icon-o span,.content-box-right-icon.content-box-icon-o-circle i,.content-box-right-icon.content-box-icon-o-circle span {
margin-bottom: 50px;
position: absolute;
top: 5px;
right: 0
}
.content-box-right-icon.content-box-icon h4,.content-box-right-icon.content-box-icon h5,.content-box-right-icon.content-box-icon-circle h4,.content-box-right-icon.content-box-icon-circle h5,.content-box-right-icon.content-box-icon-o h4,.content-box-right-icon.content-box-icon-o h5,.content-box-right-icon.content-box-icon-o-circle h4,.content-box-right-icon.content-box-icon-o-circle h5 {
margin: 0 100px 0 0;
float: right
}
.content-box-right-icon.content-box-icon p,.content-box-right-icon.content-box-icon-circle p,.content-box-right-icon.content-box-icon-o p,.content-box-right-icon.content-box-icon-o-circle p {
margin: 10px 100px 0 0
}
blockquote,blockquote.blockquote-pasific {
border-top: 0;
border-right: 0;
border-bottom: 0;
border-left-width: 5px;
border-left-style: solid
}
blockquote.blockquote-pasific-reverse,blockquote.blockquote-reverse {
border-top: 0;
border-left: 0;
border-bottom: 0;
border-right-width: 5px;
border-right-style: solid
}
blockquote p {
font-size: 14px;
margin-bottom: 10px
}
blockquote footer {
font-size: 12px;
color: #111;
margin: 0;
padding: 0
}
blockquote footer cite {
color: #ccc
}
blockquote.blockquote-pasific,blockquote.blockquote-pasific-reverse {
background-color: #fff;
border: 1px solid #ddd;
padding: 20px;
-webkit-box-shadow: 7px 7px 0 #f0f0f0;
-moz-box-shadow: 7px 7px 0 #f0f0f0;
box-shadow: 7px 7px 0 #f0f0f0;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px
}
blockquote.blockquote-pasific-has-photo,blockquote.blockquote-pasific-has-photo-reverse {
border: 0;
padding: 0
}
blockquote.blockquote-pasific-has-photo img {
float: left;
margin-right: 20px;
width: 80px;
height: 80px
}
blockquote.blockquote-pasific-has-photo footer,blockquote.blockquote-pasific-has-photo p {
margin-left: 100px
}
blockquote.blockquote-pasific-has-photo-reverse img {
float: right;
margin-left: 20px;
width: 80px;
height: 80px
}
blockquote.blockquote-pasific-has-photo-reverse footer,blockquote.blockquote-pasific-has-photo-reverse p {
margin-right: 100px;
text-align: right
}
label {
font-weight: 400!important;
font-size: 13px;
color: #747474
}
: : -webkit-input-placeholder {
font-family: 'Open Sans',sans-serif;
font-size-adjust: auto;
margin: 0;
padding: 0
}
: -moz-placeholder {
font-family: 'Open Sans',sans-serif;
text-transform: none;
font-size-adjust: auto;
font-size: 12px;
letter-spacing: 0;
margin: 0;
padding: 0
}
: : -moz-placeholder {
font-family: 'Open Sans',sans-serif;
text-transform: none;
font-size-adjust: auto;
font-size: 12px;
letter-spacing: 0;
margin: 0;
padding: 0
}
: -ms-input-placeholder {
font-family: 'Open Sans',sans-serif;
text-transform: none;
font-size-adjust: auto;
font-size: 12px;
letter-spacing: 0;
margin: 0;
padding: 0
}
: : -ms-input-placeholder {
font-family: 'Open Sans',sans-serif;
text-transform: none;
font-size-adjust: auto;
font-size: 12px;
letter-spacing: 0;
margin: 0;
padding: 0
}
.input-lg,.input-md,.input-sm,.input-xs {
padding: 4px 10px
}
.input-square {
-webkit-border-radius: 0;
-moz-border-radius: 0;
border-radius: 0
}
.input-rounded {
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
border-radius: 4px
}
.input-circle {
-webkit-border-radius: 100px;
-moz-border-radius: 100px;
border-radius: 100px
}
.input-xs {
height: 30px;
font-size: 12px
}
.input-sm {
height: 35px;
font-size: 13px
}
.input-md {
height: 40px;
font-size: 14px
}
.input-lg {
height: 50px;
font-size: 15px
}
.help-block {
font-family: 'Open Sans',sans-serif;
font-size: 13px;
color: #aaa
}
#price [class*=col-md],#price [class*=col-sm],#price [class*=col-xs] {
padding: 1px
}
.price {
margin-top: 10px;
margin-bottom: 10px;
-webkit-transition: all .3s ease-in-out;
-moz-transition: all .3s ease-in-out;
transition: all .3s ease-in-out;
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
border-radius: 4px
}
.price ul {
margin: 0;
padding: 0
}
.price ul li {
list-style: none;
line-height: 25px
}
sup {
font-size: 30px
}
.price-one span,.price-two span {
font-size: 50px;
display: block
}
.price-one,.price-two {
-webkit-box-shadow: 0 1px 1px #ddd;
-moz-box-shadow: 0 1px 1px #ddd;
box-shadow: 0 1px 1px #ddd
}
.price-one.active,.price-one: hover,.price-two.active,.price-two: hover {
-webkit-box-shadow: 0 0 40px #ddd;
-moz-box-shadow: 0 0 40px #ddd;
box-shadow: 0 0 40px #ddd
}
.price-one {
text-align: center;
padding-top: 20px;
padding-bottom: 20px
}
.price-one.active,.price-one: hover {
background-color: #fff;
border-width: 0;
border-style: solid;
-webkit-box-shadow: 0 0 40px #ddd;
-moz-box-shadow: 0 0 40px #ddd;
box-shadow: 0 0 40px #ddd
}
.price-four .price-body ul,.team-one {
-webkit-box-shadow: 0 1px 1px #ddd;
-moz-box-shadow: 0 1px 1px #ddd
}
.price-one.active {
padding: 30px 0;
margin-top: 0
}
.price-one h4 {
line-height: 20px;
margin: 0;
padding: 0
}
.price-one span {
font-family: 'Source Sans Pro',sans-serif;
font-weight: 100!important
}
.price-one .price-footer {
margin-top: 10px
}
.price-two {
text-align: center;
padding: 15px 0
}
.price-two.active {
padding: 10px 0;
margin-top: 0;
background-color: #fff
}
.price-two.active span {
margin: 20px 0
}
.price-two.active .price-header {
background-color: #fff
}
.price-two .price-header {
border-top-left-radius: 2px;
border-top-right-radius: 2px;
padding: 20px 0 10px;
color: #555
}
.price-two h4 {
font-family: Pacifico,cursive
}
.price-three span,.price-two span {
font-family: 'Source Sans Pro',sans-serif;
font-weight: 100!important
}
.price-two sup {
font-size: 30px
}
.price-two .price-body {
padding-top: 10px
}
.price-two .price-footer {
padding-bottom: 20px
}
.price.price-three {
text-align: center;
background-color: #fff!important;
padding: 30px 0
}
.price-three.active {
background-color: #fff;
border: 0
}
.price-three span {
font-size: 80px;
line-height: 70px
}
.price-five .price-header span,.price-four .price-header span {
font-family: 'Source Sans Pro',sans-serif;
line-height: 1
}
.price-three .price-body {
padding: 20px 0
}
.price-three .price-badge {
margin: -30px auto 5px;
width: 50%;
font-size: 11px;
text-transform: uppercase;
color: #fff;
padding: 5px 0;
-webkit-border-bottom-right-radius: 2px;
-moz-border-bottom-right-radius: 2px;
border-bottom-right-radius: 2px;
-webkit-border-bottom-left-radius: 2px;
-moz-border-bottom-left-radius: 2px;
border-bottom-left-radius: 2px
}
.price-four {
float: left;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;
padding: 10px 0;
border-bottom: 4px solid #ccc
}
.price-four h3 small,.team-two .team-social a {
-webkit-border-radius: 2px;
-moz-border-radius: 2px
}
.price-four h3 small {
display: block;
font-size: 12px;
text-transform: uppercase;
width: 120px;
color: #fff;
padding: 3px 2px;
margin: 0 auto;
border-radius: 2px
}
.nav-pills-vertical li.active a,.nav-pills>li.active>a,.nav-pills>li.active>a: focus,.nav-pills>li.active>a: hover {
color: #fff!important
}
.price-four img {
width: 200px;
margin: 10px auto
}
.price-four .price-header {
display: block;
text-align: center;
width: 100%
}
.price-four .price-header span {
font-size: 80px;
font-weight: 200
}
.price-four .price-body {
display: block;
float: left;
padding: 20px 0;
width: 100%
}
.price-four .price-body ul {
margin: 20px 30px 10px;
background-color: #fff;
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
border-radius: 4px;
box-shadow: 0 1px 1px #ddd
}
.price-four .price-body ul li {
padding: 10px 0 10px 20px;
text-align: left;
border-bottom: 1px dotted #ddd
}
.price-four .price-body ul li: last-child {
border-bottom: 0
}
.price-four .price-body ul li i,.price-four .price-body ul li span {
margin-right: 10px
}
.price-four .price-footer {
float: left;
padding-bottom: 25px;
width: 100%;
text-align: center
}
.price-five {
float: left;
width: 100%;
padding: 0
}
.price-five .price-body,.price-five .price-footer,.price-five .price-header {
float: left;
display: block
}
.price-five .price-header {
border-right: 1px solid #ddd;
padding: 10px 20px;
text-align: center
}
.price-five ul li {
display: inline-block
}
.price-five .price-header span {
font-size: 40px;
font-weight: 100
}
table,table th {
font-family: 'Open Sans',sans-serif
}
.price-five .price-body {
text-align: center
}
.price-five .price-body ul li {
display: inline-block;
margin: 10px;
height: 100px;
border: 1px solid red
}
.price-five .price-body ul li i,.price-five .price-body ul li span {
display: block;
font-size: 20px
}
.nav-tabs li a {
background-color: #f1f2f3;
margin-right: 2px;
border-top: 1px solid #fff;
border-right: 1px solid #fff;
border-left: 1px solid #fff;
border-bottom: 1px solid #ddd;
-webkit-border-bottom-left-radius: 0;
-moz-border-bottom-left-radius: 0;
border-bottom-left-radius: 0;
-webkit-border-bottom-right-radius: 0;
-moz-border-bottom-right-radius: 0;
border-bottom-right-radius: 0
}
.nav-pills>li>a {
border-radius: 4px
}
.nav-pills>li+li {
margin-left: 2px
}
.nav-pills-vertical {
margin-top: 25px;
border-bottom: 0
}
.nav-pills-vertical li {
float: none;
margin: 5px 0
}
.nav-pills-vertical li a {
margin-right: 0;
border: 0;
background-color: #f1f2f2;
-webkit-border-radius: 2px;
-moz-border-radius: 2px;
border-radius: 2px
}
.nav-pills-vertical>li.active>a,.nav-pills-vertical>li.active>a: focus,.nav-pills-vertical>li.active>a: hover {
border: 0
}
.tab-content .tab-pane {
display: none;
background-color: #fff;
padding-top: 20px;
overflow-y: auto
}
.tab-content .active {
display: block
}
.nav-tabs-vertical {
margin-top: 25px;
border-bottom: 0
}
.nav-tabs-vertical ul {
float: left
}
.nav-tabs-vertical li {
float: none;
background-color: #fff;
-webkit-border-radius: 0;
-moz-border-radius: 0;
border-radius: 0
}
.nav-tabs-vertical li a {
margin-right: 0;
border: 0;
background: #f1f2f2;
padding-right: 50px;
border-bottom: 1px solid #fff;
border-left: 3px solid #f1f2f2;
border-right: 1px solid #f1f2f2
}
.nav-tabs-vertical li a: hover {
background-color: #f1f2f2;
border-right: 0;
border-top: 0;
border-bottom: 0;
border-left-width: 3px;
border-left-style: solid
}
.nav-tabs-vertical li.active,.nav-tabs-vertical li.active a {
background-color: #fff;
border-top: 1px solid #f1f2f2;
border-bottom: 1px solid #f1f2f2;
border-right: 0;
border-left-width: 3px;
border-left-style: solid
}
.nav-tabs-vertical>li.active>a,.nav-tabs-vertical>li.active>a: focus,.nav-tabs-vertical>li.active>a: hover {
border: 0
}
table th {
font-weight: 600;
font-size: 14px
}
table tr td {
font-size: 13px;
color: #747474
}
table tr.danger td,table tr.info td,table tr.success td,table tr.warning td {
border-top: 1px solid #fff
}
table th.bg-danger,table th.bg-default,table th.bg-info,table th.bg-pasific,table th.bg-primary,table th.bg-success,table th.bg-warning {
color: #fff;
font-size: 14px;
border: 0
}
.table.table-colored th {
border-right: 1px solid #fff
}
.table.table-colored th: last-child {
border-right: 0
}
.testimonial .testimonial-header {
margin-bottom: 20px;
font-size: 12px
}
.testimonial .testimonial-header a {
color: #aaa
}
.testimonial .testimonial-header img {
width: 60px;
height: 60px
}
.testimonial-triangle-isosceles .testimonial-body: after,.testimonial-triangle-isosceles-has-bg.bottom-center .testimonial-body: after {
content: "";
bottom: -15px;
border-width: 15px 15px 0;
border-style: solid;
width: 0;
border-color: #f1f2f2 transparent;
display: block
}
.testimonial .testimonial-body p {
line-height: 25px;
margin-bottom: 15px
}
.testimonial .testimonial-footer {
font-size: 12px
}
.testimonial .testimonial-footer i,.testimonial .testimonial-header i {
margin-right: 5px
}
.testimonial .testimonial-footer a {
color: #aaa;
margin-left: 5px
}
.testimonial-center {
text-align: center;
padding: 0 30px
}
.testimonial-left {
text-align: left;
padding: 0 20px
}
.testimonial-right {
text-align: right;
padding: 0 20px
}
.testimonial-center .testimonial-header img {
margin: 0 auto
}
.testimonial-left .testimonial-header {
float: left;
margin-right: 20px
}
.testimonial-right .testimonial-header {
float: right;
margin-left: 20px
}
.testimonial-left .testimonial-footer {
margin-left: 80px
}
.testimonial-right .testimonial-footer {
margin-right: 80px
}
.testimonial-triangle-isosceles .testimonial-body,.testimonial-triangle-isosceles-has-bg .testimonial-body {
position: relative;
padding: 20px 20px 10px;
margin: 20px;
color: #000;
background: #f5f7f9;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px
}
.testimonial-triangle-isosceles .testimonial-body {
-webkit-box-shadow: 0 1px 0 #ddd;
-moz-box-shadow: 0 1px 0 #ddd;
box-shadow: 0 1px 0 #ddd
}
.testimonial-triangle-isosceles-has-bg .testimonial-body p {
color: #fff;
text-align: center
}
.testimonial-triangle-isosceles.top .testimonial-body {
background: #f1f2f2
}
.testimonial-triangle-isosceles .testimonial-body: after {
position: absolute;
left: 50px
}
.testimonial-triangle-isosceles-has-bg.bottom-center .testimonial-body: after {
position: absolute;
left: 48%
}
.testimonial-triangle-isosceles-has-bg.bottom-center .testimonial-body.bg-pasific: after {
border-color: transparent
}
.testimonial-triangle-isosceles-has-bg.bottom-center .testimonial-body.bg-primary: after {
border-color: #337ab7 transparent
}
.testimonial-triangle-isosceles-has-bg.bottom-center .testimonial-body.bg-success: after {
border-color: #5cb85c transparent
}
.testimonial-triangle-isosceles-has-bg.bottom-center .testimonial-body.bg-info: after {
border-color: #5bc0de transparent
}
.testimonial-triangle-isosceles-has-bg.bottom-center .testimonial-body.bg-warning: after {
border-color: #f0ad4e transparent
}
.testimonial-triangle-isosceles-has-bg.bottom-center .testimonial-body.bg-danger: after {
border-color: #d9534f transparent
}
.testimonial-triangle-isosceles-has-bg.bottom-center .testimonial-body.bg-light: after {
border-color: #fff transparent
}
.testimonial-triangle-isosceles-has-bg.bottom-center .testimonial-body.bg-gray2: after {
border-color: #8b949b transparent
}
.testimonial-triangle-isosceles-has-bg.bottom-center .testimonial-body.bg-dark: after {
border-color: #5f6467 transparent
}
.testimonial-triangle-isosceles.top .testimonial-body: after {
top: -15px;
right: 50px;
bottom: auto;
left: auto;
border-width: 0 15px 15px;
border-color: #f1f2f2 transparent
}
.testimonial-triangle-isosceles .testimonial-footer {
padding: 10px 0 0 55px
}
.testimonial-triangle-isosceles .testimonial-footer img {
float: left;
margin: -10px 20px 0 0
}
.testimonial-triangle-isosceles .testimonial-footer a {
display: block;
margin-top: 0;
margin-left: 0;
height: 30px
}
.testimonial-triangle-isosceles-has-bg.bottom-center .testimonial-footer {
display: block;
margin: 0 auto;
text-align: center;
padding: 10px
}
.testimonial-triangle-isosceles-has-bg.bottom-center .testimonial-footer img {
margin: 0 auto 10px
}
.testimonial-triangle-isosceles-has-bg.bottom-center .testimonial-footer a {
display: block;
margin-top: 5px
}
.testimonial-triangle-isosceles.top .testimonial-header {
padding-top: 10px;
padding-right: 55px;
text-align: right
}
.testimonial-triangle-isosceles.top .testimonial-header img {
float: right;
margin: -10px 0 0 20px
}
.testimonial-triangle-isosceles.top .testimonial-header a {
display: block;
margin-top: 0;
margin-left: 0;
height: 30px
}
.testimonial-triangle-isosceles.top .testimonial-header i {
float: right;
margin-left: 10px
}
.carousel {
margin-top: 0;
height: 800px
}
.carousel-caption {
position: absolute;
top: 35%;
z-index: 10
}
.carousel-caption h1 {
font-size: 50px;
line-height: 60px
}
.carousel-caption p {
font-size: 18px
}
.carousel .item {
height: 800px;
background-color: #777
}
.navbar-pasific,.navbar-pasific .navbar-brand: focus,.navbar-pasific .navbar-brand: hover,.navbar-pasific .navbar-nav>li>a: focus,.navbar-pasific .navbar-nav>li>a: hover {
background-color: transparent
}
.carousel-inner>.item>img {
position: absolute;
top: 0;
left: 0;
min-width: 1920px;
height: 800px
}
.slide {
border: 0 solid red
}
ol.carousel-indicator li {
margin-left: 10px;
margin-right: 10px
}
.svg-container {
position: absolute;
width: 100%;
bottom: -10%;
height: 300px;
z-index: 1
}
.svg-container-bottom,.svg-container3 {
position: absolute;
bottom: 0;
font-family: 'Open Sans',sans-serif;
z-index: 1;
width: 100%
}
.svg-container-middle {
position: absolute;
width: 100%;
top: 50%;
height: 300px;
z-index: 1;
font-family: 'Open Sans',sans-serif
}
.svg-container-bottom {
height: 300px
}
.svg-container3 {
height: 400px
}
.svg-container2 {
width: 100%;
height: 300px;
z-index: 1
}
@media(max-width: 1170px) {
.svg-container3 {
height: 500px
}
}@media (max-width: 768px) {
.carousel-caption p {
margin-bottom: 20px;
font-size: 21px;
line-height: 1.4
}
.svg-container {
position: absolute;
width: 100%;
bottom: -8%;
height: 300px;
z-index: 1
}
}.navbar-pasific {
padding: 20px 0;
-webkit-transition: background .5s ease-in-out,padding .5s ease-in-out;
-moz-transition: background .5s ease-in-out,padding .5s ease-in-out;
transition: background .5s ease-in-out,padding .5s ease-in-out
}
.navbar-pasific .navbar-brand {
color: #fff;
font-size: 24px
}
.navbar-pasific .navbar-brand img {
float: left;
margin-right: 10px;
margin-top: -5px
}
.navbar-pasific .container-fluid .navbar-brand img {
margin-left: 20px
}
.navbar-pasific .container .navbar-brand img {
margin-left: 0
}
.navbar-pasific .navbar-text {
color: #777
}
.navbar-pasific .navbar-nav>li {
font-family: Montserrat,sans-serif;
font-size: 12px;
text-transform: uppercase;
letter-spacing: 1px
}
.navbar-pasific .navbar-nav>li>a {
color: rgba(255,255,255,.7)
}
.navbar-pasific .navbar-nav>li>a: hover {
color: rgba(255,255,255,1)
}
.navbar-pasific .navbar-nav>.active>a,.navbar-pasific .navbar-nav>.active>a: focus,.navbar-pasific .navbar-nav>.active>a: hover,.navbar-pasific .navbar-nav>li a: hover {
background: 0 0!important
}
.navbar-pasific .navbar-nav>.disabled>a,.navbar-pasific .navbar-nav>.disabled>a: focus,.navbar-pasific .navbar-nav>.disabled>a: hover {
color: #ccc;
background-color: transparent
}
.top-nav-collapse {
padding: 10px 0;
background: #fff!important
}
.top-nav-collapse .navbar-brand {
color: #555!important
}
@media (max-width: 1200px) {
.navbar-pasific.navbar-op {
background-color: #fff;
border-color: #e7e7e7;
padding: 0;
margin: 0
}
.navbar-op.top-nav-collapse {
padding: 0;
margin: 0
}
.navbar-op .navbar-header {
float: none
}
.navbar-op .navbar-brand {
color: #333
}
.navbar-op .navbar-left,.navbar-right {
float: none!important
}
.navbar-op .navbar-toggle {
display: block
}
.navbar-op .navbar-toggle: hover {
background-color: #f8f8f8
}
.navbar-op .navbar-collapse {
border-top: 1px solid transparent;
background: 0 0
}
.navbar-op.navbar-fixed-top {
top: 0;
border-width: 0 0 1px
}
.navbar-op .navbar-collapse.collapse {
display: none!important
}
.navbar-op .navbar-nav {
float: none!important;
margin-top: 7.5px
}
.navbar-op .navbar-nav>li {
float: none;
font-size: 11px
}
.navbar-op .navbar-nav>li>a {
padding-top: 5px;
padding-bottom: 5px
}
.navbar-op .collapse.in {
display: block!important;
background-color: #222
}
.in,.navbar-op .collapsing {
background-color: #222
}
}.navbar-mp.top-nav-collapse,.navbar-op.top-nav-collapse {
border-bottom: 1px solid #eee
}
.navbar-op.top-nav-collapse .navbar-nav li a {
color: #555!important
}
@media(min-width: 766px) {
.navbar-mp .dropdown: hover>.dropdown-menu {
display: block
}
.navbar-mp .navbar-main-collapse {
float: right
}
.navbar-mp.top-nav-collapse .navbar-nav li a {
color: #555!important
}
.navbar-mp .navbar-nav>li>a {
color: rgba(255,255,255,.7)!important
}
.navbar-mp .navbar-nav>li>a: hover {
color: rgba(255,255,255,1)!important
}
}@media (max-width: 766px) {
.navbar-mp {
background-color: #fff;
border-color: #e7e7e7;
padding: 0!important;
margin: 0
}
.navbar-mp.top-nav-collapse .navbar-nav li a {
color: #fff!important
}
.navbar-mp .navbar-brand,.navbar-mp.top-nav-collapse .navbar-brand {
color: #555!important
}
.navbar-mp .dropdown-submenu>ul.dropdown-menu {
display: block;
overflow: hidden;
padding-left: 20px
}
.navbar-mp .collapse.in {
display: block!important;
background-color: #222
}
.in,.navbar-mp .collapsing {
background-color: #222
}
.navbar-mp .navbar-brand img {
margin-left: 0!important
}
}.megamenu .dropdown .dropdown-menu li a {
color: #999!important
}
.megamenu .dropdown-menu li a {
text-transform: capitalize;
font-family: 'Open Sans',sans-serif!important;
font-size: 13px;
font-weight: 600;
letter-spacing: 0!important
}
.megamenu .dropdown-menu li i {
margin-right: 10px;
color: #fff
}
.megamenu .dropdown-menu li: first-child {
padding-top: 10px
}
.megamenu .dropdown-menu>li>a {
padding: 6px 15px
}
.megamenu .navbar-nav>li>.dropdown-menu a {
margin-top: 1px
}
.megamenu .dropdown-menu {
box-shadow: none;
padding: 0
}
.megamenu .dropdown-menu .withoutdesc {
margin-top: 0;
padding: 15px 20px;
display: block;
text-align: left;
text-transform: none;
width: 100%
}
.megamenu .dropdown-menu .withoutdesc ul li {
padding: 7px 10px 7px 0
}
.megamenu .dropdown-menu .withoutdesc ul li a {
font-family: 'Open Sans',sans-serif;
font-size: 13px;
font-weight: 600;
letter-spacing: 0!important;
color: #999!important
}
.megamenu .dropdown-menu .withoutdesc ul li: focus,.megamenu .dropdown-menu .withoutdesc ul li: hover {
color: #262626;
text-decoration: none;
background-color: #181818!important
}
.megamenu .dropdown-menu .withoutdesc li: last-child {
border-bottom: 0 solid #fff
}
.megamenu .megamenu-content.withdesc a: after {
display: block;
font-size: 11px;
font-weight: 400;
line-height: 0;
margin: 10px 0 15px
}
.megamenu .dropdown-submenu {
position: relative
}
.megamenu .dropdown-submenu>.dropdown-menu {
top: 0;
left: 100%;
margin-top: 0;
margin-left: 0;
-webkit-border-radius: 1px;
-moz-border-radius: 1px;
border-radius: 1px
}
.megamenu .dropdown-submenu: hover>.dropdown-menu {
display: block
}
.megamenu .dropdown-submenu>a: after {
display: block;
content: " ";
float: right;
width: 0;
height: 0;
border-color: transparent transparent transparent #ccc;
border-style: solid;
border-width: 5px 0 5px 5px;
margin-top: 5px;
margin-right: -10px
}
.megamenu .dropdown-menu.has-submenu.pull-left {
text-align: right;
position: absolute;
right: 30px
}
@media (min-width: 780px) {
.megamenu .dropdown-menu.has-submenu .dropdown-submenu .dropdown-menu {
position: absolute;
left: -160px
}
.megamenu .dropdown-menu.has-submenu {
margin-left: -100px
}
}.megamenu p {
font-size: 13px;
color: #747474
}
.megamenu .collapse,.megamenu .dropdown,.megamenu .dropup,.megamenu .nav {
position: static
}
.megamenu .container,.megamenu .container-fluid {
position: relative
}
.megamenu .container-fluid .fullwidth {
margin-left: auto!important;
margin-right: auto!important;
width: 100%
}
.megamenu .half {
width: 50%;
left: auto!important;
right: auto!important
}
.megamenu .dropdown-menu {
left: auto;
padding-bottom: 10px;
background-color: #222
}
.megamenu .navbar-right .dropdown-menu {
width: 250px
}
.megamenu .megamenu-content {
padding: 15px 25px;
background: #222
}
.megamenu .dropdown.megamenu-fw .dropdown-menu {
left: 0;
right: 0
}
.megamenu .title {
font-size: 13px;
font-weight: 700;
margin-top: 15px;
text-transform: uppercase;
border-bottom: 1px solid #494949;
padding-bottom: 10px
}
.megamenu ul {
list-style: none;
padding-left: 0
}
.intro,.intro-full {
display: table;
width: 100%;
height: auto;
text-align: center;
background-color: #fff
}
.intro .intro-body,.intro-full .intro-body-full {
display: table-cell;
vertical-align: middle
}
.intro .intro-body .brand-heading,.intro-full .intro-body .brand-heading {
margin-bottom: 25px;
box-sizing: border-box;
color: #545454;
line-height: 1.3
}
.intro .intro-body .intro-text,.intro-full .intro-body .intro-text {
font-size: 16px;
color: #545454;
font-weight: 400;
line-height: 25px
}
@media(min-width: 960px) {
.intro,.intro-full {
height: 100%;
padding: 0
}
.intro .intro-body .brand-heading {
font-size: 50px
}
.intro-full .intro-body .brand-heading {
font-size: 30px
}
.intro .intro-body .brand-heading-big {
font-size: 60px;
line-height: 1.3
}
.intro .intro-body .intro-text,.intro-full .intro-body .intro-text {
font-size: 15px
}
.intro .intro-body .intro-text-big,.intro-full .intro-body .intro-text-big {
font-size: 18px;
line-height: 1.5
}
}@media(max-width: 960px) {
.intro,.intro-full {
-webkit-background-size: cover;
-moz-background-size: cover;
-o-background-size: cover;
height: 100%;
background-size: cover
}
.intro .intro-body .brand-heading,.intro-full .intro-body .brand-heading {
font-size: 250%
}
.intro .intro-body .intro-text,.intro-full .intro-body .intro-text {
font-size: 100%
}
}@media(max-width: 768px) {
.intro {
-webkit-background-size: cover;
-moz-background-size: cover;
-o-background-size: cover;
height: 100%;
background-size: cover
}
}.team-one,.team-three,.team-two {
background: #fff;
text-align: center
}
.img-mobile-intro {
position: absolute;
left: 0;
top: -100px
}
.intro-img-macbook {
position: absolute;
border: 1px solid #fff;
bottom: 0;
left: 35%;
max-width: 654px
}
.team-one {
padding: 20px 0;
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
border-radius: 4px;
box-shadow: 0 1px 1px #ddd
}
.team-one img {
border-radius: 100%;
width: 150px;
height: 150px;
margin: 20px auto 30px;
border: 8px solid #ddd
}
.team-one .team-social {
font-size: 14px;
margin-right: 5px;
margin-bottom: 20px
}
.team-one .team-social a {
color: #747474;
width: 30px;
height: 30px;
border-radius: 2px;
border: 1px solid #ddd;
padding: 5px 7px
}
.team-three,.team-two {
padding: 0 0 10px;
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
border-radius: 4px;
transition: all .25s ease-in-out;
-webkit-box-shadow: 0 1px 1px #ddd;
-moz-box-shadow: 0 1px 1px #ddd;
box-shadow: 0 1px 1px #ddd
}
.team-three img,.team-two .team-social {
-webkit-transition: all .25s ease-in-out;
-moz-transition: all .25s ease-in-out
}
.team-two: hover {
-webkit-box-shadow: 0 0 40px #aaa;
-moz-box-shadow: 0 0 40px #aaa;
box-shadow: 0 0 40px #aaa
}
.team-three img,.team-two img {
width: 100%;
z-index: 0;
-webkit-border-top-left-radius: 4px;
-moz-border-top-left-radius: 4px;
border-top-left-radius: 4px;
-webkit-border-top-right-radius: 4px;
-moz-border-top-right-radius: 4px;
border-top-right-radius: 4px
}
.team-two .team-social {
text-align: center;
margin-top: -35px;
padding-bottom: 20px;
left: 35%;
z-index: 9;
opacity: 0;
transition: all .25s ease-in-out
}
.team-two: hover>.team-social {
opacity: 1
}
.team-two .team-social a {
margin-right: 5px;
padding: 5px 8px;
color: #fff;
background-color: rgba(0,0,0,.5);
border-radius: 2px
}
.team-two .team-social a: last-child {
margin-right: 0
}
.team-two .team-social a: hover {
background-color: #111
}
.team-three {
text-align: left
}
.team-three h5 {
margin-left: 20px;
padding-top: 5px
}
.team-three p {
padding-left: 20px;
padding-top: 10px
}
.team-three .team-social {
position: absolute;
right: 20px;
margin-top: 18px;
font-size: 18px
}
.team-three img {
transition: all .25s ease-in-out
}
.blog-one,.team-six {
-webkit-transition: all .25s ease-in-out;
-moz-transition: all .25s ease-in-out
}
.team-three img: hover {
-webkit-box-shadow: 2px 2px 0 #ccc;
-moz-box-shadow: 2px 2px 0 #ccc;
box-shadow: 2px 2px 0 #ccc
}
.team-four {
padding: 20px 0;
-webkit-border-radius: 2px;
-moz-border-radius: 2px;
border-radius: 2px;
text-align: center;
color: #fff
}
.team-four h5 {
color: #fff
}
.team-four img {
border-radius: 100%;
width: 150px;
height: 150px;
margin: 20px auto 30px
}
.team-four .team-social {
font-size: 14px;
margin-right: 5px;
margin-bottom: 20px
}
.team-four .team-social a {
width: 30px;
height: 30px;
border-radius: 2px;
padding: 5px 7px;
color: #fff;
background-color: rgba(255,255,255,.3)
}
.team-four .team-social a: hover {
opacity: .6;
color: #fff!important
}
.team-five {
-webkit-box-shadow: 0 1px 1px #ddd;
padding: 1px
}
.blog-one: hover,.team-six: hover {
-webkit-box-shadow: 0 0 40px #ddd
}
.team-five img {
float: left;
margin-right: 30px
}
.team-five h5 {
margin-top: 20px
}
.team-five .team-social {
margin: 10px 0
}
.team-five .team-social a {
padding: 4px 6px;
background-color: #fff;
border: 1px solid #ddd;
width: 30px;
-webkit-border-radius: 2px;
-moz-border-radius: 2px;
border-radius: 2px
}
.team-five a.button,.team-five a.button-3d,.team-five a.button-o {
position: absolute;
margin-top: -32.5px;
right: 30px
}
.team-six {
text-align: center;
padding: 20px 0;
margin-top: -100px;
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
border-radius: 4px;
transition: all .25s ease-in-out
}
.team-six img {
margin: 20px auto;
border: 8px solid #ddd;
-webkit-border-radius: 100%;
-moz-border-radius: 100%;
border-radius: 100%
}
.team-six p {
padding: 0 10px
}
.team-six .team-social a {
padding: 4px 5px;
border: 1px solid #ddd;
display: inline-block;
margin-bottom: 20px;
border-radius: 2px
}
.team-six .team-social,.team-six a.button,.team-six a.button-3d,.team-six a.button-o,.team-six h5,.team-six p {
opacity: 0
}
.team-six.active,.team-six: hover {
background-color: #fff
}
.team-six: hover {
-moz-box-shadow: 0 0 40px #ddd;
box-shadow: 0 0 40px #ddd
}
.team-six.active .team-social,.team-six.active a.button,.team-six.active a.button-3d,.team-six.active a.button-o,.team-six.active h5,.team-six.active p,.team-six: hover>.team-social,.team-six: hover>a.button,.team-six: hover>a.button-3d,.team-six: hover>a.button-o,.team-six: hover>h5,.team-six: hover>p {
opacity: 1
}
.team-six.active img,.team-six: hover>img {
filter: grayscale(100%);
-webkit-filter: grayscale(100%)
}
.team-seven {
width: 170px;
height: 170px;
float: left;
position: relative
}
.team-seven-content {
display: block;
width: 100%;
height: 100%;
background: #333;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
-o-box-sizing: border-box;
border-radius: 5px
}
.team-seven-content h5 {
color: #fff;
font-weight: 600
}
.team-seven-content i {
margin: 0 5px
}
.team-seven-content a {
color: #545454;
-webkit-transition: color .5s ease-in-out;
-moz-transition: color .5s ease-in-out;
transition: color .5s ease-in-out
}
.team-seven-overlay {
width: 100%;
height: 100%;
position: absolute;
top: 0;
left: 0;
z-index: 10
}
#portfolioGrid ul li a,#portfolioMasonry ul li a {
cursor: pointer;
font-size: 12px;
text-transform: uppercase;
letter-spacing: 1px;
color: #747474;
font-weight: 600
}
#portfolio ul li a: hover {
color: coral
}
#portfolioGrid ul li,#portfolioMasonry ul li {
list-style: none;
display: inline;
margin: 0 20px
}
#portfolioMasonry .portfolio-masonry-one,#portfolioMasonry .portfolio-masonry-two {
content: '';
display: block;
clear: both;
max-width: 1170px
}
#portfolioMasonry .portfolio-masonry-two {
padding: 0 3%
}
#portfolioMasonry .portfolio-masonry-one-fullwidth {
max-width: 1900px
}
#portfolioMasonry .portfolio-masonry-two-fullwidth {
max-width: 1900px;
margin: 0 1.2%
}
#portfolioMasonry .portfolio-masonry-one-item,#portfolioMasonry .portfolio-masonry-two-item {
float: left;
background-color: #111;
border-radius: 2px;
margin-bottom: 10px
}
#portfolioMasonry .portfolio-masonry-one-item {
width: 180px
}
#portfolioMasonry .portfolio-masonry-two-item {
width: 250px
}
#portfolioMasonry .portfolio-masonry-one-item>img,#portfolioMasonry .portfolio-masonry-two-item>img {
-webkit-transition: all .5s ease-in-out;
-moz-transition: all .5s ease-in-out;
transition: all .5s ease-in-out
}
#portfolioMasonry .portfolio-masonry-one-item: hover>img,#portfolioMasonry .portfolio-masonry-two-item: hover>img {
opacity: .2;
-webkit-filter: grayscale(100%);
filter: grayscale(100%)
}
#portfolioMasonry .portfolio-masonry-one-item.width2 {
width: 370px
}
#portfolioMasonry .portfolio-masonry-one-item.width3 {
width: 560px
}
#portfolioMasonry .portfolio-masonry-one-item.height2 {
height: 340px
}
@media(min-width: 768px) {
#portfolioMasonry .portfolio-masonry-two-item {
height: 165px
}
}@media(max-width: 480px) {
#portfolioMasonry .portfolio-masonry-two-item {
height: 134px
}
#portfolioMasonry .portfolio-masonry-one-item.width2,#portfolioMasonry .portfolio-masonry-one-item.width3 {
width: 300px
}
#portfolioMasonry .portfolio-masonry-one-item.height2 {
height: 276px
}
}#portfolioMasonry .portfolio-masonry-one-item .portfolio-mask,#portfolioMasonry .portfolio-masonry-two-item .portfolio-mask {
background-color: rgba(1,1,1,.2);
position: absolute;
z-index: 9;
width: 100%;
height: 100%;
opacity: 0;
-webkit-border-radius: 2px;
-moz-border-radius: 2px;
border-radius: 2px;
-webkit-transition: all .2s ease-in-out;
-moz-transition: all .2s ease-in-out;
transition: all .2s ease-in-out
}
#portfolioMasonry .portfolio-masonry-one-item .portfolio-mask h6,#portfolioMasonry .portfolio-masonry-one-item .portfolio-mask p,#portfolioMasonry .portfolio-masonry-two-item .portfolio-mask h6,#portfolioMasonry .portfolio-masonry-two-item .portfolio-mask p {
color: #fff;
margin: 0;
padding: 0
}
#portfolioMasonry .portfolio-masonry-one-item: hover>.portfolio-mask,#portfolioMasonry .portfolio-masonry-two-item: hover>.portfolio-mask {
opacity: 1
}
#portfolioMasonry .portfolio-masonry-one-item .portfolio-mask {
padding-top: 55px
}
#portfolioMasonry .portfolio-masonry-one-item.height2 .portfolio-mask {
padding-top: 150px
}
#portfolioMasonry .portfolio-masonry-two-item.width200 {
width: 250px
}
#portfolioMasonry .portfolio-masonry-two-item.width350 {
width: 350px
}
#portfolioMasonry .portfolio-masonry-two-item.height150 {
height: 150px
}
#portfolioMasonry .portfolio-masonry-two-item.height200 {
height: 200px
}
#portfolioMasonry .portfolio-masonry-two-item.height250 {
height: 250px
}
#portfolioMasonry .portfolio-masonry-two-item.height300 {
height: 300px
}
#portfolioMasonry .portfolio-masonry-two-item.height350 {
height: 350px
}
#portfolioMasonry .portfolio-masonry-two-item.height400 {
height: 400px
}
#portfolioMasonry .portfolio-masonry-two-item.height450 {
height: 450px
}
#portfolioMasonry .portfolio-masonry-two-item.height500 {
height: 500px
}
#portfolioMasonry .portfolio-masonry-two-item.height150 .portfolio-mask {
padding-top: 45px
}
#portfolioMasonry .portfolio-masonry-two-item.height200 .portfolio-mask {
padding-top: 75px
}
#portfolioMasonry .portfolio-masonry-two-item.height250 .portfolio-mask {
padding-top: 95px
}
#portfolioMasonry .portfolio-masonry-two-item.height300 .portfolio-mask {
padding-top: 120px
}
#portfolioMasonry .portfolio-masonry-two-item.height350 .portfolio-mask {
padding-top: 140px
}
#portfolioMasonry .portfolio-masonry-two-item.height400 .portfolio-mask {
padding-top: 160px
}
#portfolioMasonry .portfolio-masonry-two-item.height450 .portfolio-mask {
padding-top: 190px
}
#portfolioMasonry .portfolio-masonry-two-item.height500 .portfolio-mask {
padding-top: 210px
}
#portfolioGrid [class*=col-md],#portfolioGrid [class*=col-sm],#portfolioGrid [class*=col-xs] {
margin: 0;
padding: 0
}
#portfolioGrid .portfolio .portfolio-item img {
width: 100%;
height: 220px
}
#portfolioGrid .portfolio .portfolio-item a {
position: absolute;
background-color: rgba(1,1,1,.7);
width: 100%;
height: 100%;
display: block;
vertical-align: middle;
float: left;
text-align: center;
color: #fff;
padding-top: 30%;
opacity: 0;
font-size: 25px;
z-index: 1;
-webkit-transition: all .3s ease-in-out;
-moz-transition: all .3s ease-in-out;
transition: all .3s ease-in-out
}
#portfolioGrid .portfolio .portfolio-item: hover>a {
opacity: 1
}
#portfolioGrid .portfolio .portfolio-item: hover>img {
-webkit-filter: grayscale(100%);
filter: grayscale(100%)
}
#portfolioGrid .portfolio .portfolio-item {
display: block
}
.fact,.factor {
text-align: center;
font-family: 'Source Sans Pro',sans-serif;
font-size: 80px;
margin-bottom: 30px;
font-weight: 200
}
#blog nav ul li a,.fact-title {
font-size: 11px;
text-transform: uppercase;
letter-spacing: 1px;
font-family: Montserrat,sans-serif
}
.fact-title {
display: block
}
#client img {
margin-bottom: 30px;
-webkit-transition: all .2s ease;
-moz-transition: all .2s ease;
transition: all .2s ease
}
#client img: hover {
-webkit-filter: opacity(50%);
filter: opacity(50%)
}
#blog a,#blog a i.fa {
-webkit-transition: all .3s ease-in-out;
-moz-transition: all .3s ease-in-out;
transition: all .3s ease-in-out
}
#blog h1,#blog h2,#blog h3,#blog h4,#blog h5,#blog h6 {
font-family: Montserrat,sans-serif
}
#blog nav ul {
padding-left: 20px
}
#blog nav ul li {
margin-right: 20px
}
#blog nav ul li a {
font-weight: 400;
color: #8b949b
}
#blog .blog-sidebar-popular-post-container span,#blog blockquote,#info h2,.blog-one .blog-one-footer,.blog-one-attrib,.blog-three-attrib,ul.breadcrumb li {
font-family: 'Open Sans',sans-serif
}
#blog nav ul li.active a {
background: 0 0!important
}
#blog form.blog-form-search input[type=text] {
height: 50px;
border: 0;
border-left: 1px solid #e7e7e7;
width: 250px;
padding: 0 20px;
outline: 0;
-webkit-border-top-right-radius: 4px;
-moz-border-top-right-radius: 4px;
border-top-right-radius: 4px;
-webkit-border-bottom-right-radius: 4px;
-moz-border-bottom-right-radius: 4px;
border-bottom-right-radius: 4px
}
#blog form.blog-form-search input: : -webkit-input-placeholder {
text-transform: inherit;
font-size: 12px;
font-family: 'Open Sans',sans-serif
}
#blog form.blog-form-search button {
border: 0;
height: 30px;
color: #fff;
width: 30px;
margin-right: 10px;
outline: 0;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px
}
.blog-one {
background-color: #fff;
display: block;
padding: 0;
transition: all .25s ease-in-out;
-webkit-border-radius: 2px;
-moz-border-radius: 2px;
border-radius: 2px;
-webkit-box-shadow: 0 1px 1px #ddd;
-moz-box-shadow: 0 1px 1px #ddd;
box-shadow: 0 1px 1px #ddd
}
.blog-one: hover {
-moz-box-shadow: 0 0 40px #ddd;
box-shadow: 0 0 40px #ddd
}
.blog-one .blog-one-header img {
-webkit-border-top-left-radius: 2px;
-moz-border-top-left-radius: 2px;
border-top-left-radius: 2px;
-webkit-border-top-right-radius: 2px;
-moz-border-top-right-radius: 2px;
border-top-right-radius: 2px
}
.blog-one-attrib {
background-color: #f1f5f9;
height: 50px;
padding: 15px 25px;
border-bottom: 1px solid #eee
}
.blog-one .blog-one-attrib .blog-author-photo {
width: 60px;
height: 60px;
float: left;
-webkit-border-radius: 50%;
-moz-border-radius: 50%;
border-radius: 50%;
margin-right: 10px;
border: 5px solid #fff;
-webkit-box-shadow: 0 1px 2px #ddd;
-moz-box-shadow: 0 1px 2px #ddd;
box-shadow: 0 1px 2px #ddd
}
.blog-one .blog-one-attrib .blog-author-name {
font-size: 12px;
font-weight: 600;
margin-right: 20px;
display: block;
float: left;
margin-top: 5px
}
.blog-one .blog-one-attrib .blog-date {
color: #bbb;
font-size: 11px;
font-weight: 600;
float: right;
display: block;
margin-top: 5px
}
.blog-one .blog-one-attrib .blog-category {
float: right;
text-align: center;
padding: 1px 5px 2px;
margin-top: 0;
margin-left: 10px;
-webkit-border-radius: 2px;
-moz-border-radius: 2px;
border-radius: 2px
}
.blog-one .blog-one-attrib .blog-category a {
color: #fff;
font-size: 10px;
text-transform: uppercase;
letter-spacing: .5px;
font-weight: 600
}
.shop-label,a.add-to-cart {
letter-spacing: 1px;
position: absolute
}
.blog-one .blog-one-attrib .blog-category a: hover>i {
color: #fff
}
@media(max-width: 1200px) {
.blog-one .blog-one-attrib .blog-date {
visibility: hidden;
overflow: hidden
}
.blog-one-attrib {
padding: 15px 10px
}
}.blog-one .blog-one-body {
padding: 30px 25px 0;
background: 0 0;
margin-top: -25px;
float: left;
width: 100%;
-webkit-border-bottom-left-radius: 2px;
-moz-border-bottom-left-radius: 2px;
border-bottom-left-radius: 2px;
-webkit-border-bottom-right-radius: 2px;
-moz-border-bottom-right-radius: 2px;
border-bottom-right-radius: 2px
}
.blog-one .blog-one-body p {
border-bottom: 1px dashed #ddd;
padding-bottom: 20px;
margin-bottom: 15px
}
.blog-one .blog-one-body .blog-title {
font-size: 15px;
color: #aaa
}
.blog-one .blog-one-body .blog-title a {
color: #555
}
.blog-one .blog-one-footer {
font-size: 12px;
font-weight: 400;
color: #bbb;
padding-left: 25px;
padding-bottom: 20px;
margin-top: 20px
}
.blog-one .blog-one-footer i {
margin-right: 5px;
margin-left: 20px
}
.blog-one .blog-one-footer a {
color: #bbb
}
#blog .blog-three {
border-bottom: 1px dotted #ccc;
padding-bottom: 25px
}
#blog ul.pagination li {
font-size: 12px
}
#blog ul.pagination li a {
color: #333c4e
}
#blog ul.pagination li.active {
background: red!important;
color: #fff
}
.blog-title {
text-transform: inherit!important;
font-size: 18px;
line-height: 1.45
}
.blog-title a {
color: #5f6467;
font-weight: 600
}
.blog-three-attrib {
font-size: 11px;
font-weight: 500;
color: #8b949b;
text-transform: uppercase!important;
letter-spacing: 1px;
margin-bottom: 25px
}
.blog-three-attrib i.fa {
padding-right: 5px;
font-size: 13px
}
.blog-three-attrib div {
margin: 0 10px 0 0;
display: inline-block
}
.blog-three-attrib a {
color: #8b949b
}
ul.breadcrumb {
background: 0 0!important;
margin: 0;
padding: 0;
color: #FFFFFF
}
ul.breadcrumb a {
color: #FFFFFF
}
ul.breadcrumb li {
font-weight: 600;
font-size: 13px;
margin-right: 15px;
color: #f1f5f9
}
.blog-post-author-name,.blog-post-comment-name,ul.breadcrumb li: before {
margin-right: 10px
}
ul.breadcrumb li a {
color: #fff;
opacity: .9
}
ul.breadcrumb li a: hover {
color: #fff!important;
opacity: .5
}
#blog div.blog-three-mini {
margin-bottom: 50px;
padding-bottom: 50px;
border-bottom: 1px dotted #ccc
}
#blog div.blog-three-mini p {
font-size: 14px;
line-height: 30px
}
.blog-post-comment-container,.blog-post-read-tag {
font-size: 12px
}
#blog div.blog-three-mini .blog-three-attrib {
margin-top: 30px;
margin-bottom: 40px
}
#blog blockquote {
background-color: #323a45;
border: 0;
color: #f1f1f1;
line-height: 30px;
padding: 40px;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px
}
#blog blockquote footer {
color: #8b949b
}
#blog blockquote footer: before {
content: ' '
}
.blog-post-read-tag a {
color: #ccc
}
.blog-post-author,.blog-post-comment-container {
display: block;
padding-bottom: 20px;
border-bottom: 1px dotted #ccc
}
.blog-post-author img,.blog-post-comment img {
margin-right: 30px;
float: left
}
.blog-post-author p,.blog-post-comment p {
margin-left: 90px;
margin-top: 10px
}
.blog-post-comment {
border: 1px solid #e7e7e7;
margin: 15px 0;
padding: 20px 20px 10px;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px
}
.blog-post-comment-reply {
margin-left: 90px;
border-top: 1px dashed #e7e7e7;
padding-top: 20px
}
.blog-post-comment a,.blog-post-comment-reply a {
color: #747474
}
.blog-post-leave-comment {
border-bottom: 1px dotted #ccc;
padding-bottom: 25px
}
.blog-leave-comment-input {
width: 32%;
float: left;
margin-right: 10px;
border: 1px solid #e7e7e7;
padding: 10px;
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
border-radius: 4px
}
.blog-leave-comment-textarea {
width: 99%;
height: 150px;
margin: 10px 0;
border: 1px solid #e7e7e7;
padding: 10px;
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
border-radius: 4px
}
#blog .blog-sidebar-form-search {
border: 1px solid #e7e7e7;
padding: 10px;
height: 45px
}
#blog .blog-sidebar-form-search input {
border: 0;
width: 160px;
float: left;
outline: 0
}
#blog .blog-sidebar-form-search button {
border: 0;
background: 0 0;
color: #e7e7e7;
height: 20px;
width: 20px;
margin-right: 5px;
outline: 0;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px
}
#blog .blog-sidebar-popular-post-container {
height: 80px
}
#blog .blog-sidebar-popular-post-container a {
color: #3b4455
}
#blog .blog-sidebar-popular-post-container img {
width: 100px;
margin-right: 10px
}
#blog .blog-sidebar-popular-post-container span {
font-size: 12px
}
#banner img {
background-size: cover
}
#info h2 {
text-transform: capitalize
}
#shop [class*=col-] {
position: relative
}
#shop [class*=col-md-3] a.add-to-cart,#shop [class*=col-sm-3] a.add-to-cart,#shop [class*=col-xs-3] a.add-to-cart {
font-size: 10px
}
.shop-item-container-out {
margin-right: 30px
}
.shop-item-container-in {
background: #fff;
border-radius: 3px;
padding: 25px 0;
margin-top: 20px;
border: 1px solid #eaeff3;
-webkit-transition: all .25s ease-in-out;
-moz-transition: all .25s ease-in-out;
transition: all .25s ease-in-out
}
.shop-item-container-in: hover {
-webkit-box-shadow: 0 0 40px #ddd
}
.shop-item-title {
font-size: 13px;
text-transform: uppercase;
margin: 15px 0 10px;
color: #323a45
}
.shop-item-price {
font-family: 'Source Sans Pro',sans-serif;
font-size: 20px
}
.shop-label,a.add-to-cart,ul.pagination.pagination-pasific li a {
font-size: 11px;
text-transform: uppercase
}
a.add-to-cart,a.add-to-wishlist,a.send-to-friend {
background: #fff;
margin-top: 10px;
margin-bottom: 40px;
border-radius: 3px;
padding: 10px 0;
display: block;
color: #323a45;
transition: all .5s ease-in-out;
border: 1px solid #eaeff3
}
a.add-to-cart {
width: 100%;
left: 0;
padding: 12.5px
}
a.add-to-wishlist: hover,a.send-to-friend: hover {
color: #fff!important;
background: #323a45;
border: 1px solid #323a45
}
a.add-to-cart: hover {
color: #fff!important;
border-width: 1px;
border-style: solid
}
.shop-label {
color: #fff;
border-radius: 2px;
padding: 3px 7px;
float: left
}
.shop-label: nth-child(2) {
margin-top: 25px
}
.shop-label: nth-child(3) {
margin-top: 50px
}
.shop-control-next,.shop-control-prev {
background-color: #fff;
cursor: pointer;
display: block;
width: 40px;
height: 30px;
margin-right: 10px;
padding-top: 7px;
border: 1px solid #eaeff3;
-webkit-border-radius: 2px;
-moz-border-radius: 2px;
border-radius: 2px;
-webkit-transition: all .3s ease-in-out;
-moz-transition: all .3s ease-in-out;
transition: all .3s ease-in-out
}
.shop-layout {
padding: 5px 10px;
-webkit-border-radius: 2px;
-moz-border-radius: 2px;
border-radius: 2px;
border: 1px solid #ccc;
-webkit-transition: all .2s ease;
-moz-transition: all .2s ease;
transition: all .2s ease
}
.shop-layout: hover {
background-color: transparent
}
ul.pagination.pagination-pasific {
margin-top: 0
}
ul.pagination.pagination-pasific li a {
background: 0 0!important;
border: 1px solid #ccc;
padding: 7px 10px;
color: #747474;
font-family: Montserrat,sans-serif
}
ul.pagination.pagination-pasific li: hover {
background-color: #fff
}
ul.pagination.pagination-pasific li.active a {
border-color: #ccc;
color: #ccc
}
#sidebar h5 {
border-bottom: 1px solid #f1f5f9;
padding-bottom: 10px;
margin-bottom: 20px;
font-size: 14px;
text-transform: uppercase
}
#sidebar form label {
text-transform: uppercase;
font-size: 11px;
letter-spacing: .5px;
font-weight: 400
}
#sidebar .shop-layout ul li.active a {
text-transform: uppercase
}
#sidebar ul.shop-sidebar {
margin: 0;
padding: 0
}
#sidebar ul.shop-sidebar li {
list-style: none;
font-family: 'Open Sans',sans-serif;
font-size: 13px;
font-weight: 400!important;
line-height: 25px;
padding: 7px 0;
border-bottom: 1px dotted #ccc
}
#sidebar ul.shop-sidebar li a {
color: #555
}
#sidebar ul.shop-sidebar li: before {
content: '\f105';
font-family: FontAwesome;
float: left;
margin-right: 15px;
color: #8b949b
}
#sidebar ul.shop-sidebar-checkbox,#sidebar ul.tag li,.circle-progress .circle-progress-value,.footer.footer-one .copyright {
font-family: 'Open Sans',sans-serif
}
#sidebar .badge {
font-size: 11px;
margin-top: 5px;
padding: 2px;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px
}
#sidebar ul.tag li {
display: inline-block;
float: left;
padding: 5px 7px;
color: #747474;
border: 1px solid #ccc;
font-size: 13px;
margin: 0 5px 5px 0;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px
}
#sidebar ul.tag li a {
color: #747474
}
#sidebar ul.tag li: hover {
border-width: 1px;
border-style: solid
}
#sidebar ul.tag li: hover a {
color: #fff!important
}
#sidebar ul.shop-sidebar-checkbox {
list-style: none;
font-size: 13px;
font-weight: 400!important;
line-height: 25px;
padding: 7px 0
}
#sidebar ul.shop-sidebar-checkbox input[type=checkbox] {
margin-right: 10px
}
#sidebar .shop-by-color {
display: block;
float: left;
width: 25px;
height: 25px;
margin-right: 5px;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px
}
#sidebar .shop-by-color: hover {
border: 3px solid #fff;
-webkit-box-shadow: 0 0 8px #ccc;
-moz-box-shadow: 0 0 8px #ccc;
box-shadow: 0 0 8px #ccc
}
.shop-sidebar-checkbox input[type=checkbox] {
display: none
}
.shop-sidebar-checkbox label: before {
content: "";
display: inline-block;
width: 16px;
height: 16px;
margin-right: 10px;
position: absolute;
left: 0;
bottom: 1px;
background-color: #fff;
border: 1px solid #ccc;
border-radius: 3px
}
.btn-newsletter,.input-newsletter {
background: 0 0;
letter-spacing: 1px
}
.shop-sidebar-checkbox label {
margin-bottom: 10px;
display: inline-block;
cursor: pointer;
position: relative;
padding-left: 25px;
margin-right: 15px;
font-size: 13px;
color: #555;
font-weight: 400
}
.shop-sidebar-checkbox input[type=checkbox]: checked+label: before {
content: " ";
font-size: 15px;
text-align: center;
line-height: 15px;
color: #fff;
border-width: 1px;
border-style: solid
}
#shop .shop-sidebar-cart .sidebar-cart-container {
height: 90px;
border-bottom: 1px dotted #ccc;
margin-bottom: 15px
}
#shop .shop-sidebar-cart .sidebar-cart-container img {
margin-right: 10px
}
#shop .shop-sidebar-cart .sidebar-cart-container h6 {
margin: 0
}
#shop .shop-sidebar-cart .sidebar-cart-price {
font-size: 12px
}
#shop .shop-sidebar-cart .sidebar-cart-remove a {
font-size: 12px;
color: #555;
display: block;
margin-top: 10px
}
.shop-sidebar-support h3,.shop-sidebar-support h6 {
margin: 0;
padding: 0
}
.input-newsletter {
width: 80%;
border: 0;
outline: 0;
color: #fff
}
: : -webkit-input-placeholder {
font-size: 11px;
letter-spacing: 1px;
text-transform: uppercase;
padding-top: 2px
}
.input-newsletter-container {
border-bottom: 1px dotted #8b949b;
width: 80%;
float: left;
margin-right: 20px;
padding: 7px 0
}
.btn-newsletter {
border: 1px dotted #555;
padding: 10px 25px;
border-radius: 3px;
color: #8b949b;
font-size: 11px;
text-transform: uppercase;
-webkit-transition: background .5s ease-in-out,color .5s ease-in-out;
-moz-transition: background .5s ease-in-out,color .5s ease-in-out;
-o-transition: background .5s ease-in-out,color .5s ease-in-out;
transition: background .5s ease-in-out,color .5s ease-in-out
}
.btn-newsletter: hover {
background: #fff;
color: #111;
border: 1px dotted transparent!important
}
@-webkit-keyframes progress-bar-stripes {
from {
background-position: 40px 0
}
to {
background-position: 0 0
}
}@keyframes progress-bar-stripes {
from {
background-position: 40px 0
}
to {
background-position: 0 0
}
}.progress,.progress-transparent {
overflow: hidden;
height: 20px;
margin-bottom: 20px;
border-radius: 4px;
-webkit-box-shadow: inset 0 1px 2px rgba(0,0,0,.1);
box-shadow: inset 0 1px 2px rgba(0,0,0,.1);
position: relative
}
.progress-transparent {
background-color: rgba(255,255,255,.3)
}
.progress-bar {
float: left;
width: 0;
height: 100%;
font-size: 12px;
line-height: 20px;
color: #fff;
text-align: center;
background-color: #337ab7;
-webkit-box-shadow: inset 0 0 0 rgba(0,0,0,.15);
-webkit-transition: width .6s ease;
-o-transition: width .6s ease;
transition: width .6s ease
}
.progress-bar-striped,.progress-striped .progress-bar {
background-image: -webkit-linear-gradient(45deg,rgba(255,255,255,.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,.15) 50%,rgba(255,255,255,.15) 75%,transparent 75%,transparent);
background-image: -o-linear-gradient(45deg,rgba(255,255,255,.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,.15) 50%,rgba(255,255,255,.15) 75%,transparent 75%,transparent);
background-image: linear-gradient(45deg,rgba(255,255,255,.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,.15) 50%,rgba(255,255,255,.15) 75%,transparent 75%,transparent);
background-size: 40px 40px
}
.progress-bar.active,.progress-transparent.active .progress-bar,.progress.active .progress-bar {
-webkit-animation: progress-bar-stripes 2s linear infinite;
-o-animation: progress-bar-stripes 2s linear infinite;
animation: progress-bar-stripes 2s linear infinite
}
.progress .progress-bar,.progress-transparent .progress-bar {
position: absolute;
overflow: hidden;
line-height: 20px
}
.progress .progressbar-back-text,.progress-transparent .progressbar-back-text {
position: absolute;
width: 100%;
height: 100%;
font-size: 12px;
line-height: 20px;
text-align: center
}
.progress .progressbar-front-text,.progress-transparent .progressbar-front-text {
display: block;
width: 100%;
font-size: 12px;
line-height: 20px;
text-align: center
}
.progress-transparent.right .progress-bar,.progress.right .progress-bar {
right: 0
}
.progress-transparent.right .progressbar-front-text,.progress.right .progressbar-front-text {
position: absolute;
right: 0
}
.progress {
background-color: #f1f1f1!important;
margin-top: -5px;
-webkit-box-shadow: none;
-moz-box-shadow: none;
box-shadow: none
}
.progress .bar {
-webkit-transition: width 2s ease-in-out;
-moz-transition: width 2s ease-in-out;
-ms-transition: width 2s ease-in-out;
-o-transition: width 2s ease-in-out;
transition: width 2s ease-in-out
}
.progress-bar {
box-shadow: 0!important;
border: 0!important;
-webkit-border-radius: 2px;
-moz-border-radius: 2px;
border-radius: 2px
}
.progress-xs {
height: 5px
}
.progress-sm {
height: 20px
}
.progress-md {
height: 30px
}
.progress-lg {
height: 40px
}
.progress-sm .progress-bar {
font-size: 11px;
padding-top: 0!important
}
.progress-md .progress-bar {
padding-top: 5px
}
.progress-lg .progress-bar {
padding-top: 10px
}
.progress-circle,.progress-circle .progress-bar {
-webkit-border-radius: 50px;
-moz-border-radius: 50px;
border-radius: 50px
}
.progress-striped .bg-danger,.progress-striped .bg-info,.progress-striped .bg-pasific,.progress-striped .bg-primary,.progress-striped .bg-success,.progress-striped .bg-warning {
background-image: -webkit-linear-gradient(45deg,rgba(255,255,255,.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,.15) 50%,rgba(255,255,255,.15) 75%,transparent 75%,transparent);
background-image: -o-linear-gradient(45deg,rgba(255,255,255,.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,.15) 50%,rgba(255,255,255,.15) 75%,transparent 75%,transparent);
background-image: linear-gradient(45deg,rgba(255,255,255,.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,.15) 50%,rgba(255,255,255,.15) 75%,transparent 75%,transparent)
}
.circle-progress {
margin: 6px 6px 20px;
display: inline-block;
position: relative;
text-align: center;
line-height: 1.2
}
.circle-progress canvas {
vertical-align: top
}
.circle-progress .circle-progress-value {
position: absolute;
top: 52.5px;
left: 0;
width: 100%;
height: 100%;
text-align: center;
line-height: 40px;
font-size: 25px;
color: #aaa
}
.circle-progress .circle-progress-value i {
font-style: normal;
font-size: .6em;
font-weight: 400
}
.circle-progress .circle-progress-title {
display: block;
color: #aaa;
margin-top: 20px
}
.contact.contact-us-one {
display: block;
float: left;
background-color: rgba(255,255,255,.9);
padding: 20px 20px 40px;
border-bottom: 10px solid #ddd;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px
}
.footer.footer-one .copyright {
font-size: 13px;
margin: 0 auto 25px;
text-align: center
}
.navbar-brand-footer {
background: url(../image/logo-gray.png) no-repeat;
display: block;
width: 100px;
height: 50px;
font-family: Pacifico,cursive;
font-size: 20px;
color: #8b949b;
padding-left: 40px
}
#footer .copyright {
font-family: 'Open Sans',sans-serif;
font-size: 12px;
color: #8b949b;
display: block;
width: 160px
}
.copyright a: hover {
border-bottom-width: 1px;
border-bottom-style: dotted
}
.footer-one ul {
margin: 0 30px;
padding: 0 0 25px
}
.footer-one ul li {
list-style: none;
display: inline
}
.footer-one ul li a {
color: #8b949b;
font-size: 12px;
margin: 0 10px
}
#footer .social-container {
margin-top: 10px
}
#footer .social-container ul.footer-social li a {
font-size: 15px;
display: inline-block;
width: 30px;
height: 30px;
margin: 0 0 5px;
line-height: 30px;
border: 1px solid #f1f1f1;
-webkit-border-radius: 3px
}
.footer-two a {
color: #747474
}
.footer-two ul li {
line-height: 25px
}
.social.social-one {
text-align: center;
margin-top: 20px
}
.social.social-one a {
width: 30px;
height: 30px;
display: inline-block;
border: 1px solid #ddd;
padding-top: 4px;
-webkit-border-radius: 50px;
-moz-border-radius: 50px;
border-radius: 50px
}
.social.social-three a,.social.social-two a {
width: 30px;
height: 30px;
padding: 5px 8px;
text-align: center;
float: left;
display: block;
margin-right: 5px
}
.social.social-two a {
border-radius: 2px;
border: 1px solid #ddd
}
.social.social-three a {
border-radius: 2px;
background-color: rgba(255,255,255,.1)
}
.hover-grow,.hover-shrink {
display: inline-block;
vertical-align: middle;
box-shadow: 0 0 1px transparent;
-webkit-backface-visibility: hidden
}
.parallax-window {
min-height: 400px;
background: 0 0
}
.parallax-window-2 {
min-height: 350px;
background: 0 0
}
.parallax-window-3 {
min-height: 250px;
max-width: 1920px;
background: 0 0
}
.parallax-window-4 {
min-height: 92%;
max-width: 1920px;
background: 0 0
}
.parallax-window-5 {
min-height: 600px;
max-width: 1920px;
background: 0 0
}
.pos-absolute {
position: absolute
}
.pos-absolute-right {
position: absolute;
right: 0
}
.pos-absolute-left {
position: absolute;
left: 0
}
.pos-absolute-top {
position: absolute;
top: 0
}
.pos-absolute-bottom {
position: absolute;
bottom: 0
}
.alpha2 {
opacity: .2!important
}
.alpha3 {
opacity: .3!important
}
.alpha4 {
opacity: .4!important
}
.alpha5 {
opacity: .5!important
}
.alpha6 {
opacity: .6!important
}
.alpha7 {
opacity: .7!important
}
.alpha8 {
opacity: .8!important
}
.alpha9 {
opacity: .9!important
}
.alpha10 {
opacity: 1!important
}
.bt-solid-1 {
border-top: 1px solid #e9eaec
}
.bb-solid-1 {
border-bottom: 1px solid #e9eaec
}
.bb-solid-1-red {
border-bottom: 1px solid #fa5961
}
.bt-dotted-1 {
border-top: 1px dotted #e9eaec
}
.bb-dotted-1 {
border-bottom: 1px dotted #e9eaec
}
.bt-dashed-1 {
border-top: 1px dashed #e9eaec
}
.bb-dashed-1 {
border-bottom: 1px dashed #e9eaec
}
.bt-double-1 {
border-top: 3px double #e9eaec
}
.bb-double-1 {
border-bottom: 3px double #e9eaec
}
.no-border {
border: 0!important
}
.color-red {
color: #fd3635!important
}
.color-pink {
color: #fd40b3!important
}
.color-orange {
color: #ff8b34!important
}
.color-purple {
color: #a85ad4!important
}
.color-blue {
color: #3dace1!important
}
.color-cyan {
color: #1abc9c!important
}
.color-green {
color: #b2cc71!important
}
.color-yellow {
color: #ffc501!important
}
.color-dark {
color: #5f6467!important
}
.color-dark2 {
color: #323a45!important
}
.color-gray {
color: #e0e0e0!important
}
.color-light {
color: #fff!important
}
.color-black {
color: #111!important
}
.color-primary {
color: #337ab7!important
}
.color-success {
color: #5cb85c!important
}
.color-info {
color: #5bc0de!important
}
.color-warning {
color: #f0ad4e!important
}
.color-danger {
color: #d9534f!important
}
.bg-transparent {
background: 0 0!important
}
.bg-light-transparent {
background-color: rgba(255,255,255,.75)!important
}
.bg-red {
background-color: #fd3635!important
}
.bg-pink {
background-color: #fd40b3!important
}
.bg-orange {
background-color: #ff8b34!important
}
.bg-purple {
background-color: #a85ad4!important
}
.bg-blue {
background-color: #3dace1!important
}
.bg-cyan {
background-color: #1abc9c!important
}
.bg-green {
background-color: #b2cc71!important
}
.bg-yellow {
background-color: #ffc501!important
}
.bg-dark {
background-color: #5f6467!important
}
.bg-dark2 {
background-color: #323a45!important
}
.bg-gray {
background-color: #f5f7f9!important
}
.bg-gray2 {
background-color: #e0e0e0!important
}
.bg-light {
background-color: #fff!important
}
.bg-black {
background-color: #111!important
}
.bg-dark3 {
background-color: #141c27
}
.bg-dark4 {
background-color: #0b0f16
}
.bg-primary {
background-color: #337ab7!important
}
.bg-success {
background-color: #5cb85c!important
}
.bg-info {
background-color: #5bc0de!important
}
.bg-warning {
background-color: #f0ad4e!important
}
.bg-danger {
background-color: #d9534f!important
}
.border-red {
border-color: #fd3635!important
}
.border-pink {
border-color: #fd40b3!important
}
.border-orange {
border-color: #ff8b34!important
}
.border-purple {
border-color: #a85ad4!important
}
.border-blue {
border-color: #3dace1!important
}
.border-cyan {
border-color: #1abc9c!important
}
.border-green {
border-color: #b2cc71!important
}
.border-yellow {
border-color: #ffc501!important
}
.border-dark {
border-color: #5f6467!important
}
.border-dark2 {
border-color: #323a45!important
}
.border-gray {
border-color: #f5f7f9!important
}
.border-gray2 {
border-color: #e0e0e0!important
}
.border-light {
border-color: #fff!important
}
.border-black {
border-color: #111!important
}
.border-primary {
border: 1px solid #337ab7
}
.border-success {
border: 1px solid #5cb85c
}
.border-info {
border: 1px solid #5bc0de
}
.border-warning {
border: 1px solid #f0ad4e
}
.border-danger {
border: 1px solid #d9534f
}
.bg-grad-blue {
background: #041021;
background: -webkit-linear-gradient(-15deg,#041021,#275d86,#4c8ab9);
background: -o-linear-gradient(-15deg,#041021,#275d86,#4c8ab9);
background: -moz-linear-gradient(-15deg,#041021,#275d86,#4c8ab9);
background: linear-gradient(-15deg,#041021,#275d86,#4c8ab9)
}
.bg-grad-violet {
background: #5f2c82;
background: -webkit-linear-gradient(-45deg,#4776E6,#8E54E9);
background: -o-linear-gradient(-45deg,#4776E6,#8E54E9);
background: -moz-linear-gradient(-45deg,#4776E6,#8E54E9);
background: linear-gradient(-45deg,#4776E6,#8E54E9)
}
.bg-grad-blood-mary {
background: #FF512F;
background: -webkit-linear-gradient(-45deg,#FF512F,#DD2476);
background: -o-linear-gradient(-45deg,#FF512F,#DD2476);
background: -moz-linear-gradient(-45deg,#FF512F,#DD2476);
background: linear-gradient(-45deg,#FF512F,#DD2476)
}
.bg-grad-bora {
background: #2BC0E4;
background: -webkit-linear-gradient(45deg,#2BC0E4,#EAECC6);
background: -o-linear-gradient(45deg,#2BC0E4,#EAECC6);
background: -moz-linear-gradient(45deg,#2BC0E4,#EAECC6);
background: linear-gradient(45deg,#2BC0E4,#EAECC6)
}
.bg-grad-mojito {
background: #68e9b6;
background: -webkit-linear-gradient(-125deg,#68e9b6,#4e75b9);
background: -o-linear-gradient(-125deg,#68e9b6,#4e75b9);
background: -moz-linear-gradient(-125deg,#68e9b6,#4e75b9);
background: linear-gradient(-125deg,#68e9b6,#4e75b9)
}
.bg-grad-orange {
background: #FFB75E;
background: -webkit-linear-gradient(-45deg,#FFB75E,#ED8F03);
background: -o-linear-gradient(-45deg,#FFB75E,#ED8F03);
background: -moz-linear-gradient(-45deg,#FFB75E,#ED8F03);
background: linear-gradient(-45deg,#FFB75E,#ED8F03)
}
.bg-grad-purple {
background: #DA22FF;
background: -webkit-linear-gradient(-45deg,#DA22FF,#9733EE);
background: -o-linear-gradient(-45deg,#DA22FF,#9733EE);
background: -moz-linear-gradient(-45deg,#DA22FF,#9733EE);
background: linear-gradient(-45deg,#DA22FF,#9733EE)
}
.bg-grad-stellar {
background: #7474BF;
background: -webkit-linear-gradient(-45deg,#7474BF,#348AC7);
background: -o-linear-gradient(-45deg,#7474BF,#348AC7);
background: -moz-linear-gradient(-45deg,#7474BF,#348AC7);
background: linear-gradient(-45deg,#7474BF,#348AC7)
}
.bg-grad-day-tripper {
background: #f857a6;
background: -webkit-linear-gradient(-45deg,#f857a6,#ff5858);
background: -o-linear-gradient(-45deg,#f857a6,#ff5858);
background: -moz-linear-gradient(-45deg,#f857a6,#ff5858);
background: linear-gradient(-45deg,#f857a6,#ff5858)
}
.p0 {
padding: 0
}
.p5 {
padding: 5px
}
.p10 {
padding: 10px
}
.p15 {
padding: 15px
}
.p20 {
padding: 20px
}
.p25 {
padding: 25px
}
.p30 {
padding: 30px
}
.p35 {
padding: 35px
}
.p40 {
padding: 40px
}
.p45 {
padding: 45px
}
.p50 {
padding: 50px
}
.p55 {
padding: 55px
}
.p60 {
padding: 60px
}
.p65 {
padding: 65px
}
.p70 {
padding: 70px
}
.p75 {
padding: 75px
}
.p80 {
padding: 80px
}
.p85 {
padding: 85px
}
.p90 {
padding: 90px
}
.p95 {
padding: 95px
}
.p100 {
padding: 100px
}
.pt0 {
padding-top: 0
}
.pt5 {
padding-top: 5px
}
.pt10 {
padding-top: 10px
}
.pt15 {
padding-top: 15px
}
.pt20 {
padding-top: 20px
}
.pt25 {
padding-top: 25px
}
.pt30 {
padding-top: 30px
}
.pt35 {
padding-top: 35px
}
.pt40 {
padding-top: 40px
}
.pt45 {
padding-top: 45px
}
.pt50 {
padding-top: 50px
}
.pt55 {
padding-top: 55px
}
.pt60 {
padding-top: 60px
}
.pt65 {
padding-top: 65px
}
.pt70 {
padding-top: 70px
}
.pt75 {
padding-top: 75px
}
.pt80 {
padding-top: 80px
}
.pt85 {
padding-top: 85px
}
.pt90 {
padding-top: 90px
}
.pt95 {
padding-top: 95px
}
.pt100 {
padding-top: 100px
}
.pr0 {
padding-right: 0
}
.pr5 {
padding-right: 5px
}
.pr10 {
padding-right: 10px
}
.pr15 {
padding-right: 15px
}
.pr20 {
padding-right: 20px
}
.pr25 {
padding-right: 25px
}
.pr30 {
padding-right: 30px
}
.pr35 {
padding-right: 35px
}
.pr40 {
padding-right: 40px
}
.pr45 {
padding-right: 45px
}
.pr50 {
padding-right: 50px
}
.pr55 {
padding-right: 55px
}
.pr60 {
padding-right: 60px
}
.pr65 {
padding-right: 65px
}
.pr70 {
padding-right: 70px
}
.pr75 {
padding-right: 75px
}
.pr80 {
padding-right: 80px
}
.pr85 {
padding-right: 85px
}
.pr90 {
padding-right: 90px
}
.pr95 {
padding-right: 95px
}
.pr100 {
padding-right: 100px
}
.pb0 {
padding-bottom: 0
}
.pb5 {
padding-bottom: 5px
}
.pb10 {
padding-bottom: 10px
}
.pb15 {
padding-bottom: 15px
}
.pb20 {
padding-bottom: 20px
}
.pb25 {
padding-bottom: 25px
}
.pb30 {
padding-bottom: 30px
}
.pb35 {
padding-bottom: 35px
}
.pb40 {
padding-bottom: 40px
}
.pb45 {
padding-bottom: 45px
}
.pb50 {
padding-bottom: 50px
}
.pb55 {
padding-bottom: 55px
}
.pb60 {
padding-bottom: 60px
}
.pb65 {
padding-bottom: 65px
}
.pb70 {
padding-bottom: 70px
}
.pb75 {
padding-bottom: 75px
}
.pb80 {
padding-bottom: 80px
}
.pb85 {
padding-bottom: 85px
}
.pb90 {
padding-bottom: 90px
}
.pb95 {
padding-bottom: 95px
}
.pb100 {
padding-bottom: 100px
}
.pl0 {
padding-left: 0
}
.pl5 {
padding-left: 5px
}
.pl10 {
padding-left: 10px
}
.pl15 {
padding-left: 15px
}
.pl20 {
padding-left: 20px
}
.pl25 {
padding-left: 25px
}
.pl30 {
padding-left: 30px
}
.pl35 {
padding-left: 35px
}
.pl40 {
padding-left: 40px
}
.pl45 {
padding-left: 45px
}
.pl50 {
padding-left: 50px
}
.pl55 {
padding-left: 55px
}
.pl60 {
padding-left: 60px
}
.pl65 {
padding-left: 65px
}
.pl70 {
padding-left: 70px
}
.pl75 {
padding-left: 75px
}
.pl80 {
padding-left: 80px
}
.pl85 {
padding-left: 85px
}
.pl90 {
padding-left: 90px
}
.pl95 {
padding-left: 95px
}
.pl100 {
padding-left: 100px
}
.m0 {
margin: 0
}
.m5 {
margin: 5px
}
.m10 {
margin: 10px
}
.m15 {
margin: 15px
}
.m20 {
margin: 20px
}
.m25 {
margin: 25px
}
.m30 {
margin: 30px
}
.m35 {
margin: 35px
}
.m40 {
margin: 40px
}
.m45 {
margin: 45px
}
.m50 {
margin: 50px
}
.m55 {
margin: 55px
}
.m60 {
margin: 60px
}
.m65 {
margin: 65px
}
.m70 {
margin: 70px
}
.m75 {
margin: 75px
}
.m80 {
margin: 80px
}
.m85 {
margin: 85px
}
.m90 {
margin: 90px
}
.m95 {
margin: 95px
}
.m100 {
margin: 100px
}
.mt0 {
margin-top: 0
}
.mt5 {
margin-top: 5px
}
.mt10 {
margin-top: 10px
}
.mt15 {
margin-top: 15px
}
.mt20 {
margin-top: 20px
}
.mt25 {
margin-top: 25px
}
.mt30 {
margin-top: 30px
}
.mt35 {
margin-top: 35px
}
.mt40 {
margin-top: 40px
}
.mt45 {
margin-top: 45px
}
.mt50 {
margin-top: 50px
}
.mt55 {
margin-top: 55px
}
.mt60 {
margin-top: 60px
}
.mt65 {
margin-top: 65px
}
.mt70 {
margin-top: 70px
}
.mt75 {
margin-top: 75px
}
.mt80 {
margin-top: 80px
}
.mt85 {
margin-top: 85px
}
.mt90 {
margin-top: 90px
}
.mt95 {
margin-top: 95px
}
.mt100 {
margin-top: 100px
}
.mt110 {
margin-top: 110px
}
.mt120 {
margin-top: 120px
}
.mr0 {
margin-right: 0
}
.mr5 {
margin-right: 5px
}
.mr10 {
margin-right: 10px
}
.mr15 {
margin-right: 15px
}
.mr20 {
margin-right: 20px
}
.mr25 {
margin-right: 25px
}
.mr30 {
margin-right: 30px
}
.mr35 {
margin-right: 35px
}
.mr40 {
margin-right: 40px
}
.mr45 {
margin-right: 45px
}
.mr50 {
margin-right: 50px
}
.mr55 {
margin-right: 55px
}
.mr60 {
margin-right: 60px
}
.mr65 {
margin-right: 65px
}
.mr70 {
margin-right: 70px
}
.mr75 {
margin-right: 75px
}
.mr80 {
margin-right: 80px
}
.mr85 {
margin-right: 85px
}
.mr90 {
margin-right: 90px
}
.mr95 {
margin-right: 95px
}
.mr100 {
margin-right: 100px
}
.mb0 {
margin-bottom: 0
}
.mb5 {
margin-bottom: 5px
}
.mb10 {
margin-bottom: 10px
}
.mb15 {
margin-bottom: 15px
}
.mb20 {
margin-bottom: 20px
}
.mb25 {
margin-bottom: 25px
}
.mb30 {
margin-bottom: 30px
}
.mb35 {
margin-bottom: 35px
}
.mb40 {
margin-bottom: 40px
}
.mb45 {
margin-bottom: 45px
}
.mb50 {
margin-bottom: 50px
}
.mb55 {
margin-bottom: 55px
}
.mb60 {
margin-bottom: 60px
}
.mb65 {
margin-bottom: 65px
}
.mb70 {
margin-bottom: 70px
}
.mb75 {
margin-bottom: 75px
}
.mb80 {
margin-bottom: 80px
}
.mb85 {
margin-bottom: 85px
}
.mb90 {
margin-bottom: 90px
}
.mb95 {
margin-bottom: 95px
}
.mb100 {
margin-bottom: 100px
}
.ml0 {
margin-left: 0
}
.ml5 {
margin-left: 5px
}
.ml10 {
margin-left: 10px
}
.ml15 {
margin-left: 15px
}
.ml20 {
margin-left: 20px
}
.ml25 {
margin-left: 25px
}
.ml30 {
margin-left: 30px
}
.ml35 {
margin-left: 35px
}
.ml40 {
margin-left: 40px
}
.ml45 {
margin-left: 45px
}
.ml50 {
margin-left: 50px
}
.ml55 {
margin-left: 55px
}
.ml60 {
margin-left: 60px
}
.ml65 {
margin-left: 65px
}
.ml70 {
margin-left: 70px
}
.ml75 {
margin-left: 75px
}
.ml80 {
margin-left: 80px
}
.ml85 {
margin-left: 85px
}
.ml90 {
margin-left: 90px
}
.ml95 {
margin-left: 95px
}
.ml100 {
margin-left: 100px
}
.mt-5 {
margin-top: -5px
}
.mt-10 {
margin-top: -10px
}
.mt-15 {
margin-top: -15px
}
.mt-20 {
margin-top: -20px
}
.mt-25 {
margin-top: -25px
}
.mt-30 {
margin-top: -30px
}
.mt-35 {
margin-top: -35px
}
.mt-40 {
margin-top: -40px
}
.mt-45 {
margin-top: -45px
}
.mt-50 {
margin-top: -50px
}
.mt-55 {
margin-top: -55px
}
.mt-60 {
margin-top: -60px
}
.mt-65 {
margin-top: -65px
}
.mt-70 {
margin-top: -70px
}
.mt-75 {
margin-top: -75px
}
.mt-80 {
margin-top: -80px
}
.mt-85 {
margin-top: -85px
}
.mt-90 {
margin-top: -90px
}
.mt-95 {
margin-top: -95px
}
.mt-100 {
margin-top: -100px
}
.mt-110 {
margin-top: -110px
}
.mt-120 {
margin-top: -120px
}
.mt-130 {
margin-top: -130px
}
.mt-140 {
margin-top: -140px
}
.mt-150 {
margin-top: -150px
}
.ml-5 {
margin-left: -5px
}
.ml-10 {
margin-left: -10px
}
.ml-15 {
margin-left: -15px
}
.ml-20 {
margin-left: -20px
}
.ml-25 {
margin-left: -25px
}
.ml-30 {
margin-left: -30px
}
.ml-35 {
margin-left: -35px
}
.ml-40 {
margin-left: -40px
}
.ml-45 {
margin-left: -45px
}
.ml-50 {
margin-left: -50px
}
.ml-55 {
margin-left: -55px
}
.ml-60 {
margin-left: -60px
}
.ml-65 {
margin-left: -65px
}
.ml-70 {
margin-left: -70px
}
.ml-75 {
margin-left: -75px
}
.ml-80 {
margin-left: -80px
}
.ml-85 {
margin-left: -85px
}
.ml-90 {
margin-left: -90px
}
.ml-95 {
margin-left: -95px
}
.ml-100 {
margin-left: -100px
}
.ml-110 {
margin-left: -110px
}
.ml-120 {
margin-left: -120px
}
.ml-130 {
margin-left: -130px
}
.ml-140 {
margin-left: -140px
}
.ml-150 {
margin-left: -150px
}
.mb-5 {
margin-bottom: -5px
}
.mb-10 {
margin-bottom: -10px
}
.mb-15 {
margin-bottom: -15px
}
.mb-20 {
margin-bottom: -20px
}
.mb-25 {
margin-bottom: -25px
}
.mb-30 {
margin-bottom: -30px
}
.mb-35 {
margin-bottom: -35px
}
.mb-40 {
margin-bottom: -40px
}
.mb-45 {
margin-bottom: -45px
}
.mb-50 {
margin-bottom: -50px
}
.mb-55 {
margin-bottom: -55px
}
.mb-60 {
margin-bottom: -60px
}
.mb-65 {
margin-bottom: -65px
}
.mb-70 {
margin-bottom: -70px
}
.mb-75 {
margin-bottom: -75px
}
.mb-80 {
margin-bottom: -80px
}
.mb-85 {
margin-bottom: -85px
}
.mb-90 {
margin-bottom: -90px
}
.mb-95 {
margin-bottom: -95px
}
.mb-100 {
margin-bottom: -100px
}
.mb-110 {
margin-bottom: -110px
}
.mb-120 {
margin-bottom: -120px
}
.mb-130 {
margin-bottom: -130px
}
.mb-140 {
margin-bottom: -140px
}
.mb-150 {
margin-bottom: -150px
}
/*! * Hover.css (http: //ianlunn.github.io/Hover/) * Version: 2.0.2 * Author: Ian Lunn @IanLunn * Author URL: http: //ianlunn.co.uk/ * Github: https: //github.com/IanLunn/Hover * Made available under a MIT License: * http: //www.opensource.org/licenses/mit-license.php * Hover.css Copyright Ian Lunn 2014. Generated with Sass.*/
.hover-grow {
-webkit-transform: translateZ(0);
transform: translateZ(0);
backface-visibility: hidden;
-moz-osx-font-smoothing: grayscale;
-webkit-transition-duration: .3s;
transition-duration: .3s;
-webkit-transition-property: transform;
transition-property: transform
}
.hover-rotate,.hover-shrink {
-webkit-transition-duration: .3s;
-webkit-transition-property: transform
}
.hover-grow: active,.hover-grow: focus,.hover-grow: hover {
-webkit-transform: scale(1.1);
transform: scale(1.1)
}
.hover-shrink {
-webkit-transform: translateZ(0);
transform: translateZ(0);
backface-visibility: hidden;
-moz-osx-font-smoothing: grayscale;
transition-duration: .3s;
transition-property: transform
}
.hover-pulse,.hover-pulse-grow {
display: inline-block;
vertical-align: middle;
box-shadow: 0 0 1px transparent;
-webkit-backface-visibility: hidden;
-moz-osx-font-smoothing: grayscale
}
.hover-shrink: active,.hover-shrink: focus,.hover-shrink: hover {
-webkit-transform: scale(.9);
transform: scale(.9)
}
@-webkit-keyframes hover-pulse {
25% {
-webkit-transform: scale(1.1);
transform: scale(1.1)
}
75% {
-webkit-transform: scale(.9);
transform: scale(.9)
}
}@keyframes hover-pulse {
25% {
-webkit-transform: scale(1.1);
transform: scale(1.1)
}
75% {
-webkit-transform: scale(.9);
transform: scale(.9)
}
}.hover-pulse {
-webkit-transform: translateZ(0);
transform: translateZ(0);
backface-visibility: hidden
}
.hover-pulse: active,.hover-pulse: focus,.hover-pulse: hover {
-webkit-animation-name: hover-pulse;
animation-name: hover-pulse;
-webkit-animation-duration: 1s;
animation-duration: 1s;
-webkit-animation-timing-function: linear;
animation-timing-function: linear;
-webkit-animation-iteration-count: infinite;
animation-iteration-count: infinite
}
@-webkit-keyframes hover-pulse-grow {
to {
-webkit-transform: scale(1.1);
transform: scale(1.1)
}
}@keyframes hover-pulse-grow {
to {
-webkit-transform: scale(1.1);
transform: scale(1.1)
}
}.hover-pulse-grow {
-webkit-transform: translateZ(0);
transform: translateZ(0);
backface-visibility: hidden
}
.hover-pulse-shrink,.hover-push {
display: inline-block;
vertical-align: middle;
box-shadow: 0 0 1px transparent;
-webkit-backface-visibility: hidden
}
.hover-pulse-grow: active,.hover-pulse-grow: focus,.hover-pulse-grow: hover {
-webkit-animation-name: hover-pulse-grow;
animation-name: hover-pulse-grow;
-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-direction: alternate;
animation-direction: alternate
}
@-webkit-keyframes hover-pulse-shrink {
to {
-webkit-transform: scale(.9);
transform: scale(.9)
}
}@keyframes hover-pulse-shrink {
to {
-webkit-transform: scale(.9);
transform: scale(.9)
}
}.hover-pulse-shrink {
-webkit-transform: translateZ(0);
transform: translateZ(0);
backface-visibility: hidden;
-moz-osx-font-smoothing: grayscale
}
.hover-pulse-shrink: active,.hover-pulse-shrink: focus,.hover-pulse-shrink: hover {
-webkit-animation-name: hover-pulse-shrink;
animation-name: hover-pulse-shrink;
-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-direction: alternate;
animation-direction: alternate
}
@-webkit-keyframes hover-push {
50% {
-webkit-transform: scale(.8);
transform: scale(.8)
}
100% {
-webkit-transform: scale(1);
transform: scale(1)
}
}@keyframes hover-push {
50% {
-webkit-transform: scale(.8);
transform: scale(.8)
}
100% {
-webkit-transform: scale(1);
transform: scale(1)
}
}.hover-pop,.hover-push {
-webkit-transform: translateZ(0);
-moz-osx-font-smoothing: grayscale
}
.hover-push {
transform: translateZ(0);
backface-visibility: hidden
}
.hover-bounce-in,.hover-pop {
display: inline-block;
vertical-align: middle;
box-shadow: 0 0 1px transparent;
-webkit-backface-visibility: hidden
}
.hover-push: active,.hover-push: focus,.hover-push: hover {
-webkit-animation-name: hover-push;
animation-name: hover-push;
-webkit-animation-duration: .3s;
animation-duration: .3s;
-webkit-animation-timing-function: linear;
animation-timing-function: linear;
-webkit-animation-iteration-count: 1;
animation-iteration-count: 1
}
@-webkit-keyframes hover-pop {
50% {
-webkit-transform: scale(1.2);
transform: scale(1.2)
}
}@keyframes hover-pop {
50% {
-webkit-transform: scale(1.2);
transform: scale(1.2)
}
}.hover-pop {
transform: translateZ(0);
backface-visibility: hidden
}
.hover-pop: active,.hover-pop: focus,.hover-pop: hover {
-webkit-animation-name: hover-pop;
animation-name: hover-pop;
-webkit-animation-duration: .3s;
animation-duration: .3s;
-webkit-animation-timing-function: linear;
animation-timing-function: linear;
-webkit-animation-iteration-count: 1;
animation-iteration-count: 1
}
.hover-bounce-in {
-webkit-transform: translateZ(0);
transform: translateZ(0);
backface-visibility: hidden;
-moz-osx-font-smoothing: grayscale;
-webkit-transition-duration: .5s;
transition-duration: .5s
}
.hover-bounce-out,.hover-rotate {
display: inline-block;
vertical-align: middle;
box-shadow: 0 0 1px transparent;
-webkit-backface-visibility: hidden;
-moz-osx-font-smoothing: grayscale
}
.hover-bounce-in: active,.hover-bounce-in: focus,.hover-bounce-in: hover {
-webkit-transform: scale(1.2);
transform: scale(1.2);
-webkit-transition-timing-function: cubic-bezier(.47,2.02,.31,-.36);
transition-timing-function: cubic-bezier(.47,2.02,.31,-.36)
}
.hover-bounce-out {
-webkit-transform: translateZ(0);
transform: translateZ(0);
backface-visibility: hidden;
-webkit-transition-duration: .5s;
transition-duration: .5s
}
.hover-bounce-out: active,.hover-bounce-out: focus,.hover-bounce-out: hover {
-webkit-transform: scale(.8);
transform: scale(.8);
-webkit-transition-timing-function: cubic-bezier(.47,2.02,.31,-.36);
transition-timing-function: cubic-bezier(.47,2.02,.31,-.36)
}
.hover-float,.hover-sink {
-webkit-transition-timing-function: ease-out
}
.hover-rotate {
-webkit-transform: translateZ(0);
transform: translateZ(0);
backface-visibility: hidden;
transition-duration: .3s;
transition-property: transform
}
.hover-float,.hover-grow-rotate {
-webkit-backface-visibility: hidden;
-webkit-transition-duration: .3s;
-webkit-transition-property: transform;
display: inline-block;
vertical-align: middle;
box-shadow: 0 0 1px transparent;
-moz-osx-font-smoothing: grayscale
}
.hover-rotate: active,.hover-rotate: focus,.hover-rotate: hover {
-webkit-transform: rotate(4deg);
transform: rotate(4deg)
}
.hover-grow-rotate {
-webkit-transform: translateZ(0);
transform: translateZ(0);
backface-visibility: hidden;
transition-duration: .3s;
transition-property: transform
}
.hover-grow-rotate: active,.hover-grow-rotate: focus,.hover-grow-rotate: hover {
-webkit-transform: scale(1.1) rotate(4deg);
transform: scale(1.1) rotate(4deg)
}
.hover-float {
-webkit-transform: translateZ(0);
transform: translateZ(0);
backface-visibility: hidden;
transition-duration: .3s;
transition-property: transform;
transition-timing-function: ease-out
}
.hover-float: active,.hover-float: focus,.hover-float: hover {
-webkit-transform: translateY(-8px);
transform: translateY(-8px)
}
.hover-sink {
display: inline-block;
vertical-align: middle;
-webkit-transform: translateZ(0);
transform: translateZ(0);
box-shadow: 0 0 1px transparent;
-webkit-backface-visibility: hidden;
backface-visibility: hidden;
-moz-osx-font-smoothing: grayscale;
-webkit-transition-duration: .3s;
transition-duration: .3s;
-webkit-transition-property: transform;
transition-property: transform;
transition-timing-function: ease-out
}
.hover-sweep-to-left: before,.hover-sweep-to-right: before {
content: "";
z-index: -1;
top: 0;
left: 0;
right: 0;
bottom: 0;
-webkit-transition-timing-function: ease-out
}
.hover-sink: active,.hover-sink: focus,.hover-sink: hover {
-webkit-transform: translateY(8px);
transform: translateY(8px)
}
@-webkit-keyframes hover-bob {
0%,100% {
-webkit-transform: translateY(-8px);
transform: translateY(-8px)
}
50% {
-webkit-transform: translateY(-4px);
transform: translateY(-4px)
}
}@keyframes hover-bob {
0%,100% {
-webkit-transform: translateY(-8px);
transform: translateY(-8px)
}
50% {
-webkit-transform: translateY(-4px);
transform: translateY(-4px)
}
}@-webkit-keyframes hover-bob-float {
100% {
-webkit-transform: translateY(-8px);
transform: translateY(-8px)
}
}@keyframes hover-bob-float {
100% {
-webkit-transform: translateY(-8px);
transform: translateY(-8px)
}
}.hover-bob,.hover-hang {
display: inline-block;
vertical-align: middle;
-webkit-transform: translateZ(0);
box-shadow: 0 0 1px transparent;
-webkit-backface-visibility: hidden
}
.hover-bob {
transform: translateZ(0);
backface-visibility: hidden;
-moz-osx-font-smoothing: grayscale
}
.hover-bob: active,.hover-bob: focus,.hover-bob: hover {
-webkit-animation-name: hover-bob-float,hover-bob;
animation-name: hover-bob-float,hover-bob;
-webkit-animation-duration: .3s,1.5s;
animation-duration: .3s,1.5s;
-webkit-animation-delay: 0s,.3s;
animation-delay: 0s,.3s;
-webkit-animation-timing-function: ease-out,ease-in-out;
animation-timing-function: ease-out,ease-in-out;
-webkit-animation-iteration-count: 1,infinite;
animation-iteration-count: 1,infinite;
-webkit-animation-fill-mode: forwards;
animation-fill-mode: forwards;
-webkit-animation-direction: normal,alternate;
animation-direction: normal,alternate
}
.hover-hang: active,.hover-hang: focus,.hover-hang: hover,.hover-icon-bob: active i,.hover-icon-bob: focus i,.hover-icon-bob: hover i {
-webkit-animation-duration: .3s,1.5s;
-webkit-animation-delay: 0s,.3s;
-webkit-animation-timing-function: ease-out,ease-in-out;
-webkit-animation-iteration-count: 1,infinite;
-webkit-animation-direction: normal,alternate
}
@-webkit-keyframes hover-hang {
0%,100% {
-webkit-transform: translateY(8px);
transform: translateY(8px)
}
50% {
-webkit-transform: translateY(4px);
transform: translateY(4px)
}
}@keyframes hover-hang {
0%,100% {
-webkit-transform: translateY(8px);
transform: translateY(8px)
}
50% {
-webkit-transform: translateY(4px);
transform: translateY(4px)
}
}@-webkit-keyframes hover-hang-sink {
100% {
-webkit-transform: translateY(8px);
transform: translateY(8px)
}
}@keyframes hover-hang-sink {
100% {
-webkit-transform: translateY(8px);
transform: translateY(8px)
}
}.hover-hang {
transform: translateZ(0);
backface-visibility: hidden;
-moz-osx-font-smoothing: grayscale
}
.hover-skew,.hover-skew-forward {
display: inline-block;
vertical-align: middle;
box-shadow: 0 0 1px transparent;
-webkit-backface-visibility: hidden;
-webkit-transition-duration: .3s;
-webkit-transition-property: transform;
-moz-osx-font-smoothing: grayscale
}
.hover-hang: active,.hover-hang: focus,.hover-hang: hover {
-webkit-animation-name: hover-hang-sink,hover-hang;
animation-name: hover-hang-sink,hover-hang;
animation-duration: .3s,1.5s;
animation-delay: 0s,.3s;
animation-timing-function: ease-out,ease-in-out;
animation-iteration-count: 1,infinite;
-webkit-animation-fill-mode: forwards;
animation-fill-mode: forwards;
animation-direction: normal,alternate
}
.hover-skew {
-webkit-transform: translateZ(0);
transform: translateZ(0);
backface-visibility: hidden;
transition-duration: .3s;
transition-property: transform
}
.hover-skew: active,.hover-skew: focus,.hover-skew: hover {
-webkit-transform: skew(-10deg);
transform: skew(-10deg)
}
.hover-skew-forward {
-webkit-transform: translateZ(0);
transform: translateZ(0);
backface-visibility: hidden;
transition-duration: .3s;
transition-property: transform;
-webkit-transform-origin: 0 100%;
transform-origin: 0 100%
}
.hover-skew-backward,.hover-wobble-vertical {
display: inline-block;
vertical-align: middle;
box-shadow: 0 0 1px transparent;
-webkit-backface-visibility: hidden
}
.hover-skew-forward: active,.hover-skew-forward: focus,.hover-skew-forward: hover {
-webkit-transform: skew(-10deg);
transform: skew(-10deg)
}
.hover-skew-backward {
-webkit-transform: translateZ(0);
transform: translateZ(0);
backface-visibility: hidden;
-moz-osx-font-smoothing: grayscale;
-webkit-transition-duration: .3s;
transition-duration: .3s;
-webkit-transition-property: transform;
transition-property: transform;
-webkit-transform-origin: 0 100%;
transform-origin: 0 100%
}
.hover-skew-backward: active,.hover-skew-backward: focus,.hover-skew-backward: hover {
-webkit-transform: skew(10deg);
transform: skew(10deg)
}
@-webkit-keyframes hover-wobble-vertical {
16.65% {
-webkit-transform: translateY(8px);
transform: translateY(8px)
}
33.3% {
-webkit-transform: translateY(-6px);
transform: translateY(-6px)
}
49.95% {
-webkit-transform: translateY(4px);
transform: translateY(4px)
}
66.6% {
-webkit-transform: translateY(-2px);
transform: translateY(-2px)
}
83.25% {
-webkit-transform: translateY(1px);
transform: translateY(1px)
}
100% {
-webkit-transform: translateY(0);
transform: translateY(0)
}
}@keyframes hover-wobble-vertical {
16.65% {
-webkit-transform: translateY(8px);
transform: translateY(8px)
}
33.3% {
-webkit-transform: translateY(-6px);
transform: translateY(-6px)
}
49.95% {
-webkit-transform: translateY(4px);
transform: translateY(4px)
}
66.6% {
-webkit-transform: translateY(-2px);
transform: translateY(-2px)
}
83.25% {
-webkit-transform: translateY(1px);
transform: translateY(1px)
}
100% {
-webkit-transform: translateY(0);
transform: translateY(0)
}
}.hover-wobble-vertical {
-webkit-transform: translateZ(0);
transform: translateZ(0);
backface-visibility: hidden;
-moz-osx-font-smoothing: grayscale
}
.hover-wobble-horizontal,.hover-wobble-to-bottom-right {
display: inline-block;
vertical-align: middle;
box-shadow: 0 0 1px transparent;
-webkit-backface-visibility: hidden;
-moz-osx-font-smoothing: grayscale
}
.hover-wobble-vertical: active,.hover-wobble-vertical: focus,.hover-wobble-vertical: hover {
-webkit-animation-name: hover-wobble-vertical;
animation-name: hover-wobble-vertical;
-webkit-animation-duration: 1s;
animation-duration: 1s;
-webkit-animation-timing-function: ease-in-out;
animation-timing-function: ease-in-out;
-webkit-animation-iteration-count: 1;
animation-iteration-count: 1
}
@-webkit-keyframes hover-wobble-horizontal {
16.65% {
-webkit-transform: translateX(8px);
transform: translateX(8px)
}
33.3% {
-webkit-transform: translateX(-6px);
transform: translateX(-6px)
}
49.95% {
-webkit-transform: translateX(4px);
transform: translateX(4px)
}
66.6% {
-webkit-transform: translateX(-2px);
transform: translateX(-2px)
}
83.25% {
-webkit-transform: translateX(1px);
transform: translateX(1px)
}
100% {
-webkit-transform: translateX(0);
transform: translateX(0)
}
}@keyframes hover-wobble-horizontal {
16.65% {
-webkit-transform: translateX(8px);
transform: translateX(8px)
}
33.3% {
-webkit-transform: translateX(-6px);
transform: translateX(-6px)
}
49.95% {
-webkit-transform: translateX(4px);
transform: translateX(4px)
}
66.6% {
-webkit-transform: translateX(-2px);
transform: translateX(-2px)
}
83.25% {
-webkit-transform: translateX(1px);
transform: translateX(1px)
}
100% {
-webkit-transform: translateX(0);
transform: translateX(0)
}
}.hover-wobble-horizontal {
-webkit-transform: translateZ(0);
transform: translateZ(0);
backface-visibility: hidden
}
.hover-wobble-horizontal: active,.hover-wobble-horizontal: focus,.hover-wobble-horizontal: hover {
-webkit-animation-name: hover-wobble-horizontal;
animation-name: hover-wobble-horizontal;
-webkit-animation-duration: 1s;
animation-duration: 1s;
-webkit-animation-timing-function: ease-in-out;
animation-timing-function: ease-in-out;
-webkit-animation-iteration-count: 1;
animation-iteration-count: 1
}
@-webkit-keyframes hover-wobble-to-bottom-right {
16.65% {
-webkit-transform: translate(8px,8px);
transform: translate(8px,8px)
}
33.3% {
-webkit-transform: translate(-6px,-6px);
transform: translate(-6px,-6px)
}
49.95% {
-webkit-transform: translate(4px,4px);
transform: translate(4px,4px)
}
66.6% {
-webkit-transform: translate(-2px,-2px);
transform: translate(-2px,-2px)
}
83.25% {
-webkit-transform: translate(1px,1px);
transform: translate(1px,1px)
}
100% {
-webkit-transform: translate(0,0);
transform: translate(0,0)
}
}@keyframes hover-wobble-to-bottom-right {
16.65% {
-webkit-transform: translate(8px,8px);
transform: translate(8px,8px)
}
33.3% {
-webkit-transform: translate(-6px,-6px);
transform: translate(-6px,-6px)
}
49.95% {
-webkit-transform: translate(4px,4px);
transform: translate(4px,4px)
}
66.6% {
-webkit-transform: translate(-2px,-2px);
transform: translate(-2px,-2px)
}
83.25% {
-webkit-transform: translate(1px,1px);
transform: translate(1px,1px)
}
100% {
-webkit-transform: translate(0,0);
transform: translate(0,0)
}
}.hover-wobble-to-bottom-right {
-webkit-transform: translateZ(0);
transform: translateZ(0);
backface-visibility: hidden
}
.hover-wobble-to-top-right,.hover-wobble-top {
display: inline-block;
vertical-align: middle;
box-shadow: 0 0 1px transparent;
-webkit-backface-visibility: hidden
}
.hover-wobble-to-bottom-right: active,.hover-wobble-to-bottom-right: focus,.hover-wobble-to-bottom-right: hover {
-webkit-animation-name: hover-wobble-to-bottom-right;
animation-name: hover-wobble-to-bottom-right;
-webkit-animation-duration: 1s;
animation-duration: 1s;
-webkit-animation-timing-function: ease-in-out;
animation-timing-function: ease-in-out;
-webkit-animation-iteration-count: 1;
animation-iteration-count: 1
}
@-webkit-keyframes hover-wobble-to-top-right {
16.65% {
-webkit-transform: translate(8px,-8px);
transform: translate(8px,-8px)
}
33.3% {
-webkit-transform: translate(-6px,6px);
transform: translate(-6px,6px)
}
49.95% {
-webkit-transform: translate(4px,-4px);
transform: translate(4px,-4px)
}
66.6% {
-webkit-transform: translate(-2px,2px);
transform: translate(-2px,2px)
}
83.25% {
-webkit-transform: translate(1px,-1px);
transform: translate(1px,-1px)
}
100% {
-webkit-transform: translate(0,0);
transform: translate(0,0)
}
}@keyframes hover-wobble-to-top-right {
16.65% {
-webkit-transform: translate(8px,-8px);
transform: translate(8px,-8px)
}
33.3% {
-webkit-transform: translate(-6px,6px);
transform: translate(-6px,6px)
}
49.95% {
-webkit-transform: translate(4px,-4px);
transform: translate(4px,-4px)
}
66.6% {
-webkit-transform: translate(-2px,2px);
transform: translate(-2px,2px)
}
83.25% {
-webkit-transform: translate(1px,-1px);
transform: translate(1px,-1px)
}
100% {
-webkit-transform: translate(0,0);
transform: translate(0,0)
}
}.hover-wobble-to-top-right {
-webkit-transform: translateZ(0);
transform: translateZ(0);
backface-visibility: hidden;
-moz-osx-font-smoothing: grayscale
}
.hover-wobble-to-top-right: active,.hover-wobble-to-top-right: focus,.hover-wobble-to-top-right: hover {
-webkit-animation-name: hover-wobble-to-top-right;
animation-name: hover-wobble-to-top-right;
-webkit-animation-duration: 1s;
animation-duration: 1s;
-webkit-animation-timing-function: ease-in-out;
animation-timing-function: ease-in-out;
-webkit-animation-iteration-count: 1;
animation-iteration-count: 1
}
@-webkit-keyframes hover-wobble-top {
16.65% {
-webkit-transform: skew(-12deg);
transform: skew(-12deg)
}
33.3% {
-webkit-transform: skew(10deg);
transform: skew(10deg)
}
49.95% {
-webkit-transform: skew(-6deg);
transform: skew(-6deg)
}
66.6% {
-webkit-transform: skew(4deg);
transform: skew(4deg)
}
83.25% {
-webkit-transform: skew(-2deg);
transform: skew(-2deg)
}
100% {
-webkit-transform: skew(0);
transform: skew(0)
}
}@keyframes hover-wobble-top {
16.65% {
-webkit-transform: skew(-12deg);
transform: skew(-12deg)
}
33.3% {
-webkit-transform: skew(10deg);
transform: skew(10deg)
}
49.95% {
-webkit-transform: skew(-6deg);
transform: skew(-6deg)
}
66.6% {
-webkit-transform: skew(4deg);
transform: skew(4deg)
}
83.25% {
-webkit-transform: skew(-2deg);
transform: skew(-2deg)
}
100% {
-webkit-transform: skew(0);
transform: skew(0)
}
}.hover-wobble-top {
-webkit-transform: translateZ(0);
transform: translateZ(0);
backface-visibility: hidden;
-moz-osx-font-smoothing: grayscale;
-webkit-transform-origin: 0 100%;
transform-origin: 0 100%
}
.hover-wobble-bottom,.hover-wobble-skew {
display: inline-block;
vertical-align: middle;
box-shadow: 0 0 1px transparent;
-webkit-backface-visibility: hidden;
-moz-osx-font-smoothing: grayscale
}
.hover-wobble-top: active,.hover-wobble-top: focus,.hover-wobble-top: hover {
-webkit-animation-name: hover-wobble-top;
animation-name: hover-wobble-top;
-webkit-animation-duration: 1s;
animation-duration: 1s;
-webkit-animation-timing-function: ease-in-out;
animation-timing-function: ease-in-out;
-webkit-animation-iteration-count: 1;
animation-iteration-count: 1
}
@-webkit-keyframes hover-wobble-bottom {
16.65% {
-webkit-transform: skew(-12deg);
transform: skew(-12deg)
}
33.3% {
-webkit-transform: skew(10deg);
transform: skew(10deg)
}
49.95% {
-webkit-transform: skew(-6deg);
transform: skew(-6deg)
}
66.6% {
-webkit-transform: skew(4deg);
transform: skew(4deg)
}
83.25% {
-webkit-transform: skew(-2deg);
transform: skew(-2deg)
}
100% {
-webkit-transform: skew(0);
transform: skew(0)
}
}@keyframes hover-wobble-bottom {
16.65% {
-webkit-transform: skew(-12deg);
transform: skew(-12deg)
}
33.3% {
-webkit-transform: skew(10deg);
transform: skew(10deg)
}
49.95% {
-webkit-transform: skew(-6deg);
transform: skew(-6deg)
}
66.6% {
-webkit-transform: skew(4deg);
transform: skew(4deg)
}
83.25% {
-webkit-transform: skew(-2deg);
transform: skew(-2deg)
}
100% {
-webkit-transform: skew(0);
transform: skew(0)
}
}.hover-wobble-bottom {
-webkit-transform: translateZ(0);
transform: translateZ(0);
backface-visibility: hidden;
-webkit-transform-origin: 100% 0;
transform-origin: 100% 0
}
.hover-wobble-bottom: active,.hover-wobble-bottom: focus,.hover-wobble-bottom: hover {
-webkit-animation-name: hover-wobble-bottom;
animation-name: hover-wobble-bottom;
-webkit-animation-duration: 1s;
animation-duration: 1s;
-webkit-animation-timing-function: ease-in-out;
animation-timing-function: ease-in-out;
-webkit-animation-iteration-count: 1;
animation-iteration-count: 1
}
@-webkit-keyframes hover-wobble-skew {
16.65% {
-webkit-transform: skew(-12deg);
transform: skew(-12deg)
}
33.3% {
-webkit-transform: skew(10deg);
transform: skew(10deg)
}
49.95% {
-webkit-transform: skew(-6deg);
transform: skew(-6deg)
}
66.6% {
-webkit-transform: skew(4deg);
transform: skew(4deg)
}
83.25% {
-webkit-transform: skew(-2deg);
transform: skew(-2deg)
}
100% {
-webkit-transform: skew(0);
transform: skew(0)
}
}@keyframes hover-wobble-skew {
16.65% {
-webkit-transform: skew(-12deg);
transform: skew(-12deg)
}
33.3% {
-webkit-transform: skew(10deg);
transform: skew(10deg)
}
49.95% {
-webkit-transform: skew(-6deg);
transform: skew(-6deg)
}
66.6% {
-webkit-transform: skew(4deg);
transform: skew(4deg)
}
83.25% {
-webkit-transform: skew(-2deg);
transform: skew(-2deg)
}
100% {
-webkit-transform: skew(0);
transform: skew(0)
}
}.hover-wobble-skew {
-webkit-transform: translateZ(0);
transform: translateZ(0);
backface-visibility: hidden
}
.hover-buzz,.hover-buzz-out {
display: inline-block;
vertical-align: middle;
box-shadow: 0 0 1px transparent;
-webkit-backface-visibility: hidden
}
.hover-wobble-skew: active,.hover-wobble-skew: focus,.hover-wobble-skew: hover {
-webkit-animation-name: hover-wobble-skew;
animation-name: hover-wobble-skew;
-webkit-animation-duration: 1s;
animation-duration: 1s;
-webkit-animation-timing-function: ease-in-out;
animation-timing-function: ease-in-out;
-webkit-animation-iteration-count: 1;
animation-iteration-count: 1
}
@-webkit-keyframes hover-buzz {
50% {
-webkit-transform: translateX(3px) rotate(2deg);
transform: translateX(3px) rotate(2deg)
}
100% {
-webkit-transform: translateX(-3px) rotate(-2deg);
transform: translateX(-3px) rotate(-2deg)
}
}@keyframes hover-buzz {
50% {
-webkit-transform: translateX(3px) rotate(2deg);
transform: translateX(3px) rotate(2deg)
}
100% {
-webkit-transform: translateX(-3px) rotate(-2deg);
transform: translateX(-3px) rotate(-2deg)
}
}.hover-buzz {
-webkit-transform: translateZ(0);
transform: translateZ(0);
backface-visibility: hidden;
-moz-osx-font-smoothing: grayscale
}
.hover-buzz: active,.hover-buzz: focus,.hover-buzz: hover {
-webkit-animation-name: hover-buzz;
animation-name: hover-buzz;
-webkit-animation-duration: .15s;
animation-duration: .15s;
-webkit-animation-timing-function: linear;
animation-timing-function: linear;
-webkit-animation-iteration-count: infinite;
animation-iteration-count: infinite
}
@-webkit-keyframes hover-buzz-out {
10%,30% {
-webkit-transform: translateX(3px) rotate(2deg);
transform: translateX(3px) rotate(2deg)
}
20%,40% {
-webkit-transform: translateX(-3px) rotate(-2deg);
transform: translateX(-3px) rotate(-2deg)
}
50%,70% {
-webkit-transform: translateX(2px) rotate(1deg);
transform: translateX(2px) rotate(1deg)
}
60%,80% {
-webkit-transform: translateX(-2px) rotate(-1deg);
transform: translateX(-2px) rotate(-1deg)
}
90% {
-webkit-transform: translateX(1px) rotate(0);
transform: translateX(1px) rotate(0)
}
100% {
-webkit-transform: translateX(-1px) rotate(0);
transform: translateX(-1px) rotate(0)
}
}@keyframes hover-buzz-out {
10%,30% {
-webkit-transform: translateX(3px) rotate(2deg);
transform: translateX(3px) rotate(2deg)
}
20%,40% {
-webkit-transform: translateX(-3px) rotate(-2deg);
transform: translateX(-3px) rotate(-2deg)
}
50%,70% {
-webkit-transform: translateX(2px) rotate(1deg);
transform: translateX(2px) rotate(1deg)
}
60%,80% {
-webkit-transform: translateX(-2px) rotate(-1deg);
transform: translateX(-2px) rotate(-1deg)
}
90% {
-webkit-transform: translateX(1px) rotate(0);
transform: translateX(1px) rotate(0)
}
100% {
-webkit-transform: translateX(-1px) rotate(0);
transform: translateX(-1px) rotate(0)
}
}.hover-buzz-out,.hover-fade {
-webkit-transform: translateZ(0)
}
.hover-buzz-out {
transform: translateZ(0);
backface-visibility: hidden;
-moz-osx-font-smoothing: grayscale
}
.hover-fade,.hover-sweep-to-right {
display: inline-block;
vertical-align: middle;
box-shadow: 0 0 1px transparent;
-webkit-backface-visibility: hidden;
-webkit-transition-duration: .3s;
-moz-osx-font-smoothing: grayscale
}
.hover-buzz-out: active,.hover-buzz-out: focus,.hover-buzz-out: hover {
-webkit-animation-name: hover-buzz-out;
animation-name: hover-buzz-out;
-webkit-animation-duration: .75s;
animation-duration: .75s;
-webkit-animation-timing-function: linear;
animation-timing-function: linear;
-webkit-animation-iteration-count: 1;
animation-iteration-count: 1
}
.hover-fade {
transform: translateZ(0);
backface-visibility: hidden;
overflow: hidden;
transition-duration: .3s;
-webkit-transition-property: color,background-color;
transition-property: color,background-color
}
.hover-fade: active,.hover-fade: focus,.hover-fade: hover {
color: #fff!important
}
.hover-bounce-to-bottom: active,.hover-bounce-to-bottom: focus,.hover-bounce-to-bottom: hover,.hover-bounce-to-left: active,.hover-bounce-to-left: focus,.hover-bounce-to-left: hover,.hover-bounce-to-right: active,.hover-bounce-to-right: focus,.hover-bounce-to-right: hover,.hover-radial-out: active,.hover-radial-out: focus,.hover-radial-out: hover,.hover-rectangle-in: active,.hover-rectangle-in: focus,.hover-rectangle-in: hover,.hover-rectangle-out: active,.hover-rectangle-out: focus,.hover-rectangle-out: hover,.hover-shutter-in-horizontal: active,.hover-shutter-in-horizontal: focus,.hover-shutter-in-horizontal: hover,.hover-shutter-in-vertical: active,.hover-shutter-in-vertical: focus,.hover-shutter-in-vertical: hover,.hover-shutter-out-horizontal: active,.hover-shutter-out-horizontal: focus,.hover-shutter-out-horizontal: hover,.hover-shutter-out-vertical: active,.hover-shutter-out-vertical: focus,.hover-shutter-out-vertical: hover,.hover-sweep-to-bottom: active,.hover-sweep-to-bottom: focus,.hover-sweep-to-bottom: hover,.hover-sweep-to-left: active,.hover-sweep-to-left: focus,.hover-sweep-to-left: hover,.hover-sweep-to-right: active,.hover-sweep-to-right: focus,.hover-sweep-to-right: hover,.hover-sweep-to-top: active,.hover-sweep-to-top: focus,.hover-sweep-to-top: hover {
color: #fff
}
.hover-sweep-to-right {
-webkit-transform: translateZ(0);
transform: translateZ(0);
backface-visibility: hidden;
position: relative;
-webkit-transition-property: color;
transition-property: color;
transition-duration: .3s
}
.hover-sweep-to-bottom,.hover-sweep-to-left {
display: inline-block;
vertical-align: middle;
box-shadow: 0 0 1px transparent;
-webkit-backface-visibility: hidden
}
.hover-sweep-to-right: before {
position: absolute;
-webkit-transform: scaleX(0);
transform: scaleX(0);
-webkit-transform-origin: 0 50%;
transform-origin: 0 50%;
-webkit-transition-property: transform;
transition-property: transform;
-webkit-transition-duration: .3s;
transition-duration: .3s;
transition-timing-function: ease-out
}
.hover-sweep-to-right: active: before,.hover-sweep-to-right: focus: before,.hover-sweep-to-right: hover: before {
-webkit-transform: scaleX(1);
transform: scaleX(1)
}
.hover-sweep-to-left {
-webkit-transform: translateZ(0);
transform: translateZ(0);
backface-visibility: hidden;
-moz-osx-font-smoothing: grayscale;
position: relative;
-webkit-transition-property: color;
transition-property: color;
-webkit-transition-duration: .3s;
transition-duration: .3s
}
.hover-sweep-to-left: before {
position: absolute;
-webkit-transform: scaleX(0);
transform: scaleX(0);
-webkit-transform-origin: 100% 50%;
transform-origin: 100% 50%;
-webkit-transition-property: transform;
transition-property: transform;
-webkit-transition-duration: .3s;
transition-duration: .3s;
transition-timing-function: ease-out
}
.hover-sweep-to-bottom: before,.hover-sweep-to-top: before {
-webkit-transition-timing-function: ease-out;
content: "";
z-index: -1;
top: 0;
left: 0;
right: 0;
bottom: 0
}
.hover-sweep-to-left: active: before,.hover-sweep-to-left: focus: before,.hover-sweep-to-left: hover: before {
-webkit-transform: scaleX(1);
transform: scaleX(1)
}
.hover-sweep-to-bottom {
-webkit-transform: translateZ(0);
transform: translateZ(0);
backface-visibility: hidden;
-moz-osx-font-smoothing: grayscale;
position: relative;
-webkit-transition-property: color;
transition-property: color;
-webkit-transition-duration: .3s;
transition-duration: .3s
}
.hover-bounce-to-right,.hover-sweep-to-top {
display: inline-block;
vertical-align: middle;
box-shadow: 0 0 1px transparent;
-webkit-backface-visibility: hidden;
-moz-osx-font-smoothing: grayscale
}
.hover-sweep-to-bottom: before {
position: absolute;
-webkit-transform: scaleY(0);
transform: scaleY(0);
-webkit-transform-origin: 50% 0;
transform-origin: 50% 0;
-webkit-transition-property: transform;
transition-property: transform;
-webkit-transition-duration: .3s;
transition-duration: .3s;
transition-timing-function: ease-out
}
.hover-sweep-to-bottom: active: before,.hover-sweep-to-bottom: focus: before,.hover-sweep-to-bottom: hover: before {
-webkit-transform: scaleY(1);
transform: scaleY(1)
}
.hover-sweep-to-top {
-webkit-transform: translateZ(0);
transform: translateZ(0);
backface-visibility: hidden;
position: relative;
-webkit-transition-property: color;
transition-property: color;
-webkit-transition-duration: .3s;
transition-duration: .3s
}
.hover-sweep-to-top: before {
position: absolute;
-webkit-transform: scaleY(0);
transform: scaleY(0);
-webkit-transform-origin: 50% 100%;
transform-origin: 50% 100%;
-webkit-transition-property: transform;
transition-property: transform;
-webkit-transition-duration: .3s;
transition-duration: .3s;
transition-timing-function: ease-out
}
.hover-sweep-to-top: active: before,.hover-sweep-to-top: focus: before,.hover-sweep-to-top: hover: before {
-webkit-transform: scaleY(1);
transform: scaleY(1)
}
.hover-bounce-to-right {
-webkit-transform: translateZ(0);
transform: translateZ(0);
backface-visibility: hidden;
position: relative;
-webkit-transition-property: color;
transition-property: color;
-webkit-transition-duration: .5s;
transition-duration: .5s
}
.hover-bounce-to-bottom,.hover-bounce-to-left {
display: inline-block;
vertical-align: middle;
box-shadow: 0 0 1px transparent;
-webkit-backface-visibility: hidden
}
.hover-bounce-to-right: before {
content: "";
position: absolute;
z-index: -1;
top: 0;
left: 0;
right: 0;
bottom: 0;
-webkit-transform: scaleX(0);
transform: scaleX(0);
-webkit-transform-origin: 0 50%;
transform-origin: 0 50%;
-webkit-transition-property: transform;
transition-property: transform;
-webkit-transition-duration: .5s;
transition-duration: .5s;
-webkit-transition-timing-function: ease-out;
transition-timing-function: ease-out
}
.hover-bounce-to-right: active: before,.hover-bounce-to-right: focus: before,.hover-bounce-to-right: hover: before {
-webkit-transform: scaleX(1);
transform: scaleX(1);
-webkit-transition-timing-function: cubic-bezier(.52,1.64,.37,.66);
transition-timing-function: cubic-bezier(.52,1.64,.37,.66)
}
.hover-bounce-to-left {
-webkit-transform: translateZ(0);
transform: translateZ(0);
backface-visibility: hidden;
-moz-osx-font-smoothing: grayscale;
position: relative;
-webkit-transition-property: color;
transition-property: color;
-webkit-transition-duration: .5s;
transition-duration: .5s
}
.hover-bounce-to-left: before {
content: "";
position: absolute;
z-index: -1;
top: 0;
left: 0;
right: 0;
bottom: 0;
-webkit-transform: scaleX(0);
transform: scaleX(0);
-webkit-transform-origin: 100% 50%;
transform-origin: 100% 50%;
-webkit-transition-property: transform;
transition-property: transform;
-webkit-transition-duration: .5s;
transition-duration: .5s;
-webkit-transition-timing-function: ease-out;
transition-timing-function: ease-out
}
.hover-bounce-to-left: active: before,.hover-bounce-to-left: focus: before,.hover-bounce-to-left: hover: before {
-webkit-transform: scaleX(1);
transform: scaleX(1);
-webkit-transition-timing-function: cubic-bezier(.52,1.64,.37,.66);
transition-timing-function: cubic-bezier(.52,1.64,.37,.66)
}
.hover-bounce-to-bottom {
-webkit-transform: translateZ(0);
transform: translateZ(0);
backface-visibility: hidden;
-moz-osx-font-smoothing: grayscale;
position: relative;
-webkit-transition-property: color;
transition-property: color;
-webkit-transition-duration: .5s;
transition-duration: .5s
}
.hover-bounce-to-top,.hover-radial-out {
display: inline-block;
vertical-align: middle;
box-shadow: 0 0 1px transparent;
-webkit-backface-visibility: hidden;
-moz-osx-font-smoothing: grayscale
}
.hover-bounce-to-bottom: before {
content: "";
position: absolute;
z-index: -1;
top: 0;
left: 0;
right: 0;
bottom: 0;
-webkit-transform: scaleY(0);
transform: scaleY(0);
-webkit-transform-origin: 50% 0;
transform-origin: 50% 0;
-webkit-transition-property: transform;
transition-property: transform;
-webkit-transition-duration: .5s;
transition-duration: .5s;
-webkit-transition-timing-function: ease-out;
transition-timing-function: ease-out
}
.hover-bounce-to-bottom: active: before,.hover-bounce-to-bottom: focus: before,.hover-bounce-to-bottom: hover: before {
-webkit-transform: scaleY(1);
transform: scaleY(1);
-webkit-transition-timing-function: cubic-bezier(.52,1.64,.37,.66);
transition-timing-function: cubic-bezier(.52,1.64,.37,.66)
}
.hover-bounce-to-top: before,.hover-radial-out: before {
content: "";
z-index: -1;
top: 0;
left: 0;
right: 0;
bottom: 0;
-webkit-transition-timing-function: ease-out
}
.hover-bounce-to-top {
-webkit-transform: translateZ(0);
transform: translateZ(0);
backface-visibility: hidden;
position: relative;
-webkit-transition-property: color;
transition-property: color;
-webkit-transition-duration: .5s;
transition-duration: .5s
}
.hover-bounce-to-top: before {
position: absolute;
-webkit-transform: scaleY(0);
transform: scaleY(0);
-webkit-transform-origin: 50% 100%;
transform-origin: 50% 100%;
-webkit-transition-property: transform;
transition-property: transform;
-webkit-transition-duration: .5s;
transition-duration: .5s;
transition-timing-function: ease-out
}
.hover-bounce-to-top: active,.hover-bounce-to-top: focus,.hover-bounce-to-top: hover {
color: #fff
}
.hover-bounce-to-top: active: before,.hover-bounce-to-top: focus: before,.hover-bounce-to-top: hover: before {
-webkit-transform: scaleY(1);
transform: scaleY(1);
-webkit-transition-timing-function: cubic-bezier(.52,1.64,.37,.66);
transition-timing-function: cubic-bezier(.52,1.64,.37,.66)
}
.hover-radial-out {
-webkit-transform: translateZ(0);
transform: translateZ(0);
backface-visibility: hidden;
position: relative;
overflow: hidden;
background: 0 0;
-webkit-transition-property: color;
transition-property: color;
-webkit-transition-duration: .3s;
transition-duration: .3s
}
.hover-radial-in,.hover-rectangle-in {
display: inline-block;
vertical-align: middle;
box-shadow: 0 0 1px transparent;
-webkit-backface-visibility: hidden
}
.hover-radial-out: before {
position: absolute;
border-radius: 100%;
-webkit-transform: scale(0);
transform: scale(0);
-webkit-transition-property: transform;
transition-property: transform;
-webkit-transition-duration: .3s;
transition-duration: .3s;
transition-timing-function: ease-out
}
.hover-radial-in: before,.hover-rectangle-in: before {
content: "";
z-index: -1;
top: 0;
left: 0;
right: 0;
bottom: 0;
-webkit-transition-timing-function: ease-out
}
.hover-radial-out: active: before,.hover-radial-out: focus: before,.hover-radial-out: hover: before {
-webkit-transform: scale(2);
transform: scale(2)
}
.hover-radial-in {
-webkit-transform: translateZ(0);
transform: translateZ(0);
backface-visibility: hidden;
-moz-osx-font-smoothing: grayscale;
position: relative;
overflow: hidden;
-webkit-transition-property: color;
transition-property: color;
-webkit-transition-duration: .3s;
transition-duration: .3s
}
.hover-radial-in: before {
position: absolute;
border-radius: 100%;
-webkit-transform: scale(2);
transform: scale(2);
-webkit-transition-property: transform;
transition-property: transform;
-webkit-transition-duration: .3s;
transition-duration: .3s;
transition-timing-function: ease-out
}
.hover-radial-in: active: before,.hover-radial-in: focus: before,.hover-radial-in: hover: before {
-webkit-transform: scale(0);
transform: scale(0)
}
.hover-rectangle-in {
-webkit-transform: translateZ(0);
transform: translateZ(0);
backface-visibility: hidden;
-moz-osx-font-smoothing: grayscale;
position: relative;
background: #2098d1;
-webkit-transition-property: color;
transition-property: color;
-webkit-transition-duration: .3s;
transition-duration: .3s
}
.hover-rectangle-out,.hover-shutter-in-horizontal {
display: inline-block;
vertical-align: middle;
box-shadow: 0 0 1px transparent;
-webkit-backface-visibility: hidden;
-moz-osx-font-smoothing: grayscale
}
.hover-rectangle-in: before {
position: absolute;
background: #e1e1e1;
-webkit-transform: scale(1);
transform: scale(1);
-webkit-transition-property: transform;
transition-property: transform;
-webkit-transition-duration: .3s;
transition-duration: .3s;
transition-timing-function: ease-out
}
.hover-rectangle-out: before,.hover-shutter-in-horizontal: before {
content: "";
z-index: -1;
top: 0;
bottom: 0;
left: 0;
right: 0;
-webkit-transition-timing-function: ease-out
}
.hover-rectangle-in: active: before,.hover-rectangle-in: focus: before,.hover-rectangle-in: hover: before {
-webkit-transform: scale(0);
transform: scale(0)
}
.hover-rectangle-out {
-webkit-transform: translateZ(0);
transform: translateZ(0);
backface-visibility: hidden;
position: relative;
background: 0 0;
-webkit-transition-property: color;
transition-property: color;
-webkit-transition-duration: .3s;
transition-duration: .3s
}
.hover-rectangle-out: before {
position: absolute;
-webkit-transform: scale(0);
transform: scale(0);
-webkit-transition-property: transform;
transition-property: transform;
-webkit-transition-duration: .3s;
transition-duration: .3s;
transition-timing-function: ease-out
}
.hover-rectangle-out: active: before,.hover-rectangle-out: focus: before,.hover-rectangle-out: hover: before {
-webkit-transform: scale(1);
transform: scale(1)
}
.hover-shutter-in-horizontal {
-webkit-transform: translateZ(0);
transform: translateZ(0);
backface-visibility: hidden;
position: relative;
background: #2098d1;
-webkit-transition-property: color;
transition-property: color;
-webkit-transition-duration: .3s;
transition-duration: .3s
}
.hover-shutter-in-vertical,.hover-shutter-out-horizontal {
box-shadow: 0 0 1px transparent;
-webkit-backface-visibility: hidden;
display: inline-block;
vertical-align: middle
}
.hover-shutter-in-horizontal: before {
position: absolute;
background: #e1e1e1;
-webkit-transform: scaleX(1);
transform: scaleX(1);
-webkit-transform-origin: 50%;
transform-origin: 50%;
-webkit-transition-property: transform;
transition-property: transform;
-webkit-transition-duration: .3s;
transition-duration: .3s;
transition-timing-function: ease-out
}
.hover-shutter-in-vertical: before,.hover-shutter-out-horizontal: before {
-webkit-transition-timing-function: ease-out;
content: "";
z-index: -1;
top: 0;
bottom: 0;
left: 0;
right: 0
}
.hover-shutter-in-horizontal: active: before,.hover-shutter-in-horizontal: focus: before,.hover-shutter-in-horizontal: hover: before {
-webkit-transform: scaleX(0);
transform: scaleX(0)
}
.hover-shutter-out-horizontal {
-webkit-transform: translateZ(0);
transform: translateZ(0);
backface-visibility: hidden;
-moz-osx-font-smoothing: grayscale;
position: relative;
background: 0 0;
-webkit-transition-property: color;
transition-property: color;
-webkit-transition-duration: .3s;
transition-duration: .3s
}
.hover-shutter-out-horizontal: before {
position: absolute;
-webkit-transform: scaleX(0);
transform: scaleX(0);
-webkit-transform-origin: 50%;
transform-origin: 50%;
-webkit-transition-property: transform;
transition-property: transform;
-webkit-transition-duration: .3s;
transition-duration: .3s;
transition-timing-function: ease-out
}
.hover-shutter-out-horizontal: active: before,.hover-shutter-out-horizontal: focus: before,.hover-shutter-out-horizontal: hover: before {
-webkit-transform: scaleX(1);
transform: scaleX(1)
}
.hover-shutter-in-vertical {
-webkit-transform: translateZ(0);
transform: translateZ(0);
backface-visibility: hidden;
-moz-osx-font-smoothing: grayscale;
position: relative;
background: #2098d1;
-webkit-transition-property: color;
transition-property: color;
-webkit-transition-duration: .3s;
transition-duration: .3s
}
.hover-shutter-out-vertical,.hover-trim {
box-shadow: 0 0 1px transparent;
-webkit-backface-visibility: hidden;
-moz-osx-font-smoothing: grayscale
}
.hover-shutter-in-vertical: before {
position: absolute;
background: #e1e1e1;
-webkit-transform: scaleY(1);
transform: scaleY(1);
-webkit-transform-origin: 50%;
transform-origin: 50%;
-webkit-transition-property: transform;
transition-property: transform;
-webkit-transition-duration: .3s;
transition-duration: .3s;
transition-timing-function: ease-out
}
.hover-shutter-in-vertical: active: before,.hover-shutter-in-vertical: focus: before,.hover-shutter-in-vertical: hover: before {
-webkit-transform: scaleY(0);
transform: scaleY(0)
}
.hover-shutter-out-vertical {
display: inline-block;
vertical-align: middle;
-webkit-transform: translateZ(0);
transform: translateZ(0);
backface-visibility: hidden;
position: relative;
background: 0 0;
-webkit-transition-property: color;
transition-property: color;
-webkit-transition-duration: .3s;
transition-duration: .3s
}
.hover-shutter-out-vertical: before {
content: "";
position: absolute;
z-index: -1;
top: 0;
bottom: 0;
left: 0;
right: 0;
-webkit-transform: scaleY(0);
transform: scaleY(0);
-webkit-transform-origin: 50%;
transform-origin: 50%;
-webkit-transition-property: transform;
transition-property: transform;
-webkit-transition-duration: .3s;
transition-duration: .3s;
-webkit-transition-timing-function: ease-out;
transition-timing-function: ease-out
}
.hover-shutter-out-vertical: active: before,.hover-shutter-out-vertical: focus: before,.hover-shutter-out-vertical: hover: before {
-webkit-transform: scaleY(1);
transform: scaleY(1)
}
.hover-ripple-out,.hover-trim {
display: inline-block;
vertical-align: middle;
-webkit-transform: translateZ(0)
}
.hover-trim {
transform: translateZ(0);
backface-visibility: hidden;
position: relative
}
.hover-ripple-in,.hover-ripple-out {
-webkit-backface-visibility: hidden
}
.hover-trim: before {
content: '';
position: absolute;
border: 1px solid #fff;
top: 4px;
left: 4px;
right: 4px;
bottom: 4px;
opacity: 0;
-webkit-transition-duration: .3s;
transition-duration: .3s;
-webkit-transition-property: opacity;
transition-property: opacity
}
.hover-ripple-in: before,.hover-ripple-out: before {
content: '';
border-width: 1px;
border-style: solid
}
.hover-trim: active: before,.hover-trim: focus: before,.hover-trim: hover: before {
opacity: 1
}
@-webkit-keyframes hover-ripple-out {
100% {
top: -12px;
right: -12px;
bottom: -12px;
left: -12px;
opacity: 0
}
}@keyframes hover-ripple-out {
100% {
top: -12px;
right: -12px;
bottom: -12px;
left: -12px;
opacity: 0
}
}.hover-ripple-out {
transform: translateZ(0);
box-shadow: 0 0 1px transparent;
backface-visibility: hidden;
-moz-osx-font-smoothing: grayscale;
position: relative
}
.hover-ripple-in,.hover-shadow {
display: inline-block;
vertical-align: middle;
-webkit-transform: translateZ(0);
box-shadow: 0 0 1px transparent;
-moz-osx-font-smoothing: grayscale
}
.hover-ripple-out: before {
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
-webkit-animation-duration: 1s;
animation-duration: 1s;
-webkit-border-radius: 2px;
-moz-border-radius: 2px;
border-radius: 2px
}
.hover-ripple-out: active: before,.hover-ripple-out: focus: before,.hover-ripple-out: hover: before {
-webkit-animation-name: hover-ripple-out;
animation-name: hover-ripple-out
}
@-webkit-keyframes hover-ripple-in {
100% {
top: 0;
right: 0;
bottom: 0;
left: 0;
opacity: 1
}
}@keyframes hover-ripple-in {
100% {
top: 0;
right: 0;
bottom: 0;
left: 0;
opacity: 1
}
}.hover-ripple-in {
transform: translateZ(0);
backface-visibility: hidden;
position: relative
}
.hover-ripple-in: before {
position: absolute;
top: -12px;
right: -12px;
bottom: -12px;
left: -12px;
opacity: 0;
-webkit-animation-duration: 1s;
animation-duration: 1s
}
.hover-ripple-in: active: before,.hover-ripple-in: focus: before,.hover-ripple-in: hover: before {
-webkit-animation-name: hover-ripple-in;
animation-name: hover-ripple-in
}
.hover-shadow {
transform: translateZ(0);
-webkit-backface-visibility: hidden;
backface-visibility: hidden;
-webkit-transition-duration: .3s;
transition-duration: .3s;
-webkit-transition-property: box-shadow;
transition-property: box-shadow
}
.hover-shadow: active,.hover-shadow: focus,.hover-shadow: hover {
box-shadow: 0 10px 10px -10px rgba(0,0,0,.5)
}
.hover-icon-back i {
-webkit-transform: translateZ(0);
transform: translateZ(0);
-webkit-transition-duration: .1s;
transition-duration: .1s;
-webkit-transition-property: transform;
transition-property: transform;
-webkit-transition-timing-function: ease-out;
transition-timing-function: ease-out
}
.hover-icon-back: active i,.hover-icon-back: focus i,.hover-icon-back: hover i {
-webkit-transform: translateX(-4px);
transform: translateX(-4px)
}
.hover-icon-forward i {
-webkit-transform: translateZ(0);
transform: translateZ(0);
-webkit-transition-duration: .1s;
transition-duration: .1s;
-webkit-transition-property: transform;
transition-property: transform;
-webkit-transition-timing-function: ease-out;
transition-timing-function: ease-out
}
.hover-icon-grow i,.hover-icon-spin i {
-webkit-transition-property: transform
}
.hover-icon-forward: active i,.hover-icon-forward: focus i,.hover-icon-forward: hover i {
-webkit-transform: translateX(4px);
transform: translateX(4px)
}
@-webkit-keyframes hover-icon-down {
0%,100%,50% {
-webkit-transform: translateY(0);
transform: translateY(0)
}
25%,75% {
-webkit-transform: translateY(6px);
transform: translateY(6px)
}
}@keyframes hover-icon-down {
0%,100%,50% {
-webkit-transform: translateY(0);
transform: translateY(0)
}
25%,75% {
-webkit-transform: translateY(6px);
transform: translateY(6px)
}
}.hover-icon-down i {
-webkit-transform: translateZ(0);
transform: translateZ(0)
}
.hover-icon-down: active i,.hover-icon-down: focus i,.hover-icon-down: hover i {
-webkit-animation-name: hover-icon-down;
animation-name: hover-icon-down;
-webkit-animation-duration: .75s;
animation-duration: .75s;
-webkit-animation-timing-function: ease-out;
animation-timing-function: ease-out
}
@-webkit-keyframes hover-icon-up {
0%,100%,50% {
-webkit-transform: translateY(0);
transform: translateY(0)
}
25%,75% {
-webkit-transform: translateY(-6px);
transform: translateY(-6px)
}
}@keyframes hover-icon-up {
0%,100%,50% {
-webkit-transform: translateY(0);
transform: translateY(0)
}
25%,75% {
-webkit-transform: translateY(-6px);
transform: translateY(-6px)
}
}.hover-icon-up i {
-webkit-transform: translateZ(0);
transform: translateZ(0)
}
.hover-icon-up: active i,.hover-icon-up: focus i,.hover-icon-up: hover i {
-webkit-animation-name: hover-icon-up;
animation-name: hover-icon-up;
-webkit-animation-duration: .75s;
animation-duration: .75s;
-webkit-animation-timing-function: ease-out;
animation-timing-function: ease-out
}
.hover-icon-spin i {
-webkit-transition-duration: 1s;
transition-duration: 1s;
transition-property: transform;
-webkit-transition-timing-function: ease-in-out;
transition-timing-function: ease-in-out
}
.hover-icon-grow i,.hover-icon-shrink i {
-webkit-transition-timing-function: ease-out
}
.hover-icon-spin: active i,.hover-icon-spin: focus i,.hover-icon-spin: hover i {
-webkit-transform: rotate(360deg);
transform: rotate(360deg)
}
@-webkit-keyframes hover-icon-drop {
0% {
opacity: 0
}
50% {
opacity: 0;
-webkit-transform: translateY(-100%);
transform: translateY(-100%)
}
100%,51% {
opacity: 1
}
}@keyframes hover-icon-drop {
0% {
opacity: 0
}
50% {
opacity: 0;
-webkit-transform: translateY(-100%);
transform: translateY(-100%)
}
100%,51% {
opacity: 1
}
}.hover-icon-drop i {
-webkit-transform: translateZ(0);
transform: translateZ(0)
}
.hover-icon-drop: active i,.hover-icon-drop: focus i,.hover-icon-drop: hover i {
opacity: 0;
-webkit-transition-duration: .3s;
transition-duration: .3s;
-webkit-animation-name: hover-icon-drop;
animation-name: hover-icon-drop;
-webkit-animation-duration: .5s;
animation-duration: .5s;
-webkit-animation-delay: .3s;
animation-delay: .3s;
-webkit-animation-fill-mode: forwards;
animation-fill-mode: forwards;
-webkit-animation-timing-function: cubic-bezier(.52,1.64,.37,.66);
animation-timing-function: cubic-bezier(.52,1.64,.37,.66)
}
.hover-icon-grow i {
-webkit-transform: translateZ(0);
transform: translateZ(0);
-webkit-transition-duration: .3s;
transition-duration: .3s;
transition-property: transform;
transition-timing-function: ease-out
}
.hover-icon-grow: active i,.hover-icon-grow: focus i,.hover-icon-grow: hover i {
-webkit-transform: scale(1.3) translateZ(0);
transform: scale(1.3) translateZ(0)
}
.hover-icon-shrink i {
-webkit-transform: translateZ(0);
transform: translateZ(0);
-webkit-transition-duration: .3s;
transition-duration: .3s;
-webkit-transition-property: transform;
transition-property: transform;
transition-timing-function: ease-out
}
.hover-icon-shrink: active i,.hover-icon-shrink: focus i,.hover-icon-shrink: hover i {
-webkit-transform: scale(.8);
transform: scale(.8)
}
@-webkit-keyframes hover-icon-pulse {
25% {
-webkit-transform: scale(1.3);
transform: scale(1.3)
}
75% {
-webkit-transform: scale(.8);
transform: scale(.8)
}
}@keyframes hover-icon-pulse {
25% {
-webkit-transform: scale(1.3);
transform: scale(1.3)
}
75% {
-webkit-transform: scale(.8);
transform: scale(.8)
}
}.hover-icon-pulse i {
-webkit-transform: translateZ(0);
transform: translateZ(0);
-webkit-transition-timing-function: ease-out;
transition-timing-function: ease-out
}
.hover-icon-pulse: active i,.hover-icon-pulse: focus i,.hover-icon-pulse: hover i {
-webkit-animation-name: hover-icon-pulse;
animation-name: hover-icon-pulse;
-webkit-animation-duration: 1s;
animation-duration: 1s;
-webkit-animation-timing-function: linear;
animation-timing-function: linear;
-webkit-animation-iteration-count: infinite;
animation-iteration-count: infinite
}
@-webkit-keyframes hover-icon-pulse-grow {
to {
-webkit-transform: scale(1.3);
transform: scale(1.3)
}
}@keyframes hover-icon-pulse-grow {
to {
-webkit-transform: scale(1.3);
transform: scale(1.3)
}
}.hover-icon-pulse-grow i {
-webkit-transform: translateZ(0);
transform: translateZ(0);
-webkit-transition-timing-function: ease-out;
transition-timing-function: ease-out
}
.hover-icon-pulse-grow: active i,.hover-icon-pulse-grow: focus i,.hover-icon-pulse-grow: hover i {
-webkit-animation-name: hover-icon-pulse-grow;
animation-name: hover-icon-pulse-grow;
-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-direction: alternate;
animation-direction: alternate
}
@-webkit-keyframes hover-icon-pulse-shrink {
to {
-webkit-transform: scale(.8);
transform: scale(.8)
}
}@keyframes hover-icon-pulse-shrink {
to {
-webkit-transform: scale(.8);
transform: scale(.8)
}
}.hover-icon-pulse-shrink i {
-webkit-transform: translateZ(0);
transform: translateZ(0);
-webkit-transition-timing-function: ease-out;
transition-timing-function: ease-out
}
.hover-icon-pulse-shrink: active i,.hover-icon-pulse-shrink: focus i,.hover-icon-pulse-shrink: hover i {
-webkit-animation-name: hover-icon-pulse-shrink;
animation-name: hover-icon-pulse-shrink;
-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-direction: alternate;
animation-direction: alternate
}
@-webkit-keyframes hover-icon-push {
50% {
-webkit-transform: scale(.5);
transform: scale(.5)
}
}@keyframes hover-icon-push {
50% {
-webkit-transform: scale(.5);
transform: scale(.5)
}
}.hover-icon-pop i,.hover-icon-push i {
-webkit-transform: translateZ(0);
-webkit-transition-duration: .3s;
-webkit-transition-property: transform;
-webkit-transition-timing-function: ease-out
}
.hover-icon-push i {
transform: translateZ(0);
transition-duration: .3s;
transition-property: transform;
transition-timing-function: ease-out
}
.hover-icon-push: active i,.hover-icon-push: focus i,.hover-icon-push: hover i {
-webkit-animation-name: hover-icon-push;
animation-name: hover-icon-push;
-webkit-animation-duration: .3s;
animation-duration: .3s;
-webkit-animation-timing-function: linear;
animation-timing-function: linear;
-webkit-animation-iteration-count: 1;
animation-iteration-count: 1
}
@-webkit-keyframes hover-icon-pop {
50% {
-webkit-transform: scale(1.5);
transform: scale(1.5)
}
}@keyframes hover-icon-pop {
50% {
-webkit-transform: scale(1.5);
transform: scale(1.5)
}
}.hover-icon-pop i {
transform: translateZ(0);
transition-duration: .3s;
transition-property: transform;
transition-timing-function: ease-out
}
.hover-icon-bounce i,.hover-icon-rotate i {
-webkit-transition-duration: .3s;
-webkit-transition-property: transform;
-webkit-transition-timing-function: ease-out
}
.hover-icon-pop: active i,.hover-icon-pop: focus i,.hover-icon-pop: hover i {
-webkit-animation-name: hover-icon-pop;
animation-name: hover-icon-pop;
-webkit-animation-duration: .3s;
animation-duration: .3s;
-webkit-animation-timing-function: linear;
animation-timing-function: linear;
-webkit-animation-iteration-count: 1;
animation-iteration-count: 1
}
.hover-icon-bounce i {
-webkit-transform: translateZ(0);
transform: translateZ(0);
transition-duration: .3s;
transition-property: transform;
transition-timing-function: ease-out
}
.hover-icon-bounce: active i,.hover-icon-bounce: focus i,.hover-icon-bounce: hover i {
-webkit-transform: scale(1.5);
transform: scale(1.5);
-webkit-transition-timing-function: cubic-bezier(.47,2.02,.31,-.36);
transition-timing-function: cubic-bezier(.47,2.02,.31,-.36)
}
.hover-icon-rotate i {
-webkit-transform: translateZ(0);
transform: translateZ(0);
transition-duration: .3s;
transition-property: transform;
transition-timing-function: ease-out
}
.hover-icon-float i,.hover-icon-grow-rotate i {
-webkit-transition-duration: .3s;
-webkit-transition-property: transform;
-webkit-transition-timing-function: ease-out
}
.hover-icon-rotate: active i,.hover-icon-rotate: focus i,.hover-icon-rotate: hover i {
-webkit-transform: rotate(20deg);
transform: rotate(20deg)
}
.hover-icon-grow-rotate i {
-webkit-transform: translateZ(0);
transform: translateZ(0);
transition-duration: .3s;
transition-property: transform;
transition-timing-function: ease-out
}
.hover-icon-grow-rotate: active i,.hover-icon-grow-rotate: focus i,.hover-icon-grow-rotate: hover i {
-webkit-transform: scale(1.5) rotate(12deg);
transform: scale(1.5) rotate(12deg)
}
.hover-icon-float i {
-webkit-transform: translateZ(0);
transform: translateZ(0);
transition-duration: .3s;
transition-property: transform;
transition-timing-function: ease-out
}
.hover-icon-float: active i,.hover-icon-float: focus i,.hover-icon-float: hover i {
-webkit-transform: translateY(-4px);
transform: translateY(-4px)
}
.hover-icon-sink i {
-webkit-transform: translateZ(0);
transform: translateZ(0);
-webkit-transition-duration: .3s;
transition-duration: .3s;
-webkit-transition-property: transform;
transition-property: transform;
-webkit-transition-timing-function: ease-out;
transition-timing-function: ease-out
}
.hover-icon-sink: active i,.hover-icon-sink: focus i,.hover-icon-sink: hover i {
-webkit-transform: translateY(4px);
transform: translateY(4px)
}
@-webkit-keyframes hover-icon-bob {
0%,100% {
-webkit-transform: translateY(-6px);
transform: translateY(-6px)
}
50% {
-webkit-transform: translateY(-2px);
transform: translateY(-2px)
}
}@keyframes hover-icon-bob {
0%,100% {
-webkit-transform: translateY(-6px);
transform: translateY(-6px)
}
50% {
-webkit-transform: translateY(-2px);
transform: translateY(-2px)
}
}@-webkit-keyframes hover-icon-bob-float {
100% {
-webkit-transform: translateY(-6px);
transform: translateY(-6px)
}
}@keyframes hover-icon-bob-float {
100% {
-webkit-transform: translateY(-6px);
transform: translateY(-6px)
}
}.hover-icon-bob i {
-webkit-transform: translateZ(0);
transform: translateZ(0)
}
.hover-icon-bob: active i,.hover-icon-bob: focus i,.hover-icon-bob: hover i {
-webkit-animation-name: hover-icon-bob-float,hover-icon-bob;
animation-name: hover-icon-bob-float,hover-icon-bob;
animation-duration: .3s,1.5s;
animation-delay: 0s,.3s;
animation-timing-function: ease-out,ease-in-out;
animation-iteration-count: 1,infinite;
-webkit-animation-fill-mode: forwards;
animation-fill-mode: forwards;
animation-direction: normal,alternate
}
@-webkit-keyframes hover-icon-hang {
0%,100% {
-webkit-transform: translateY(6px);
transform: translateY(6px)
}
50% {
-webkit-transform: translateY(2px);
transform: translateY(2px)
}
}@keyframes hover-icon-hang {
0%,100% {
-webkit-transform: translateY(6px);
transform: translateY(6px)
}
50% {
-webkit-transform: translateY(2px);
transform: translateY(2px)
}
}@-webkit-keyframes hover-icon-hang-sink {
100% {
-webkit-transform: translateY(6px);
transform: translateY(6px)
}
}@keyframes hover-icon-hang-sink {
100% {
-webkit-transform: translateY(6px);
transform: translateY(6px)
}
}.hover-icon-hang i {
-webkit-transform: translateZ(0);
transform: translateZ(0)
}
.hover-icon-hang: active i,.hover-icon-hang: focus i,.hover-icon-hang: hover i {
-webkit-animation-name: hover-icon-hang-sink,hover-icon-hang;
animation-name: hover-icon-hang-sink,hover-icon-hang;
-webkit-animation-duration: .3s,1.5s;
animation-duration: .3s,1.5s;
-webkit-animation-delay: 0s,.3s;
animation-delay: 0s,.3s;
-webkit-animation-timing-function: ease-out,ease-in-out;
animation-timing-function: ease-out,ease-in-out;
-webkit-animation-iteration-count: 1,infinite;
animation-iteration-count: 1,infinite;
-webkit-animation-fill-mode: forwards;
animation-fill-mode: forwards;
-webkit-animation-direction: normal,alternate;
animation-direction: normal,alternate
}
@-webkit-keyframes hover-icon-wobble-horizontal {
16.65% {
-webkit-transform: translateX(6px);
transform: translateX(6px)
}
33.3% {
-webkit-transform: translateX(-5px);
transform: translateX(-5px)
}
49.95% {
-webkit-transform: translateX(4px);
transform: translateX(4px)
}
66.6% {
-webkit-transform: translateX(-2px);
transform: translateX(-2px)
}
83.25% {
-webkit-transform: translateX(1px);
transform: translateX(1px)
}
100% {
-webkit-transform: translateX(0);
transform: translateX(0)
}
}@keyframes hover-icon-wobble-horizontal {
16.65% {
-webkit-transform: translateX(6px);
transform: translateX(6px)
}
33.3% {
-webkit-transform: translateX(-5px);
transform: translateX(-5px)
}
49.95% {
-webkit-transform: translateX(4px);
transform: translateX(4px)
}
66.6% {
-webkit-transform: translateX(-2px);
transform: translateX(-2px)
}
83.25% {
-webkit-transform: translateX(1px);
transform: translateX(1px)
}
100% {
-webkit-transform: translateX(0);
transform: translateX(0)
}
}.hover-icon-wobble-horizontal: active i,.hover-icon-wobble-horizontal: focus i,.hover-icon-wobble-horizontal: hover i {
-webkit-animation-name: hover-icon-wobble-horizontal;
animation-name: hover-icon-wobble-horizontal;
-webkit-animation-duration: 1s;
animation-duration: 1s;
-webkit-animation-timing-function: ease-in-out;
animation-timing-function: ease-in-out;
-webkit-animation-iteration-count: 1;
animation-iteration-count: 1
}
@-webkit-keyframes hover-icon-wobble-vertical {
16.65% {
-webkit-transform: translateY(6px);
transform: translateY(6px)
}
33.3% {
-webkit-transform: translateY(-5px);
transform: translateY(-5px)
}
49.95% {
-webkit-transform: translateY(4px);
transform: translateY(4px)
}
66.6% {
-webkit-transform: translateY(-2px);
transform: translateY(-2px)
}
83.25% {
-webkit-transform: translateY(1px);
transform: translateY(1px)
}
100% {
-webkit-transform: translateY(0);
transform: translateY(0)
}
}@keyframes hover-icon-wobble-vertical {
16.65% {
-webkit-transform: translateY(6px);
transform: translateY(6px)
}
33.3% {
-webkit-transform: translateY(-5px);
transform: translateY(-5px)
}
49.95% {
-webkit-transform: translateY(4px);
transform: translateY(4px)
}
66.6% {
-webkit-transform: translateY(-2px);
transform: translateY(-2px)
}
83.25% {
-webkit-transform: translateY(1px);
transform: translateY(1px)
}
100% {
-webkit-transform: translateY(0);
transform: translateY(0)
}
}.hover-icon-wobble-vertical i {
-webkit-transform: translateZ(0);
transform: translateZ(0)
}
.hover-icon-wobble-vertical: active i,.hover-icon-wobble-vertical: focus i,.hover-icon-wobble-vertical: hover i {
-webkit-animation-name: hover-icon-wobble-vertical;
animation-name: hover-icon-wobble-vertical;
-webkit-animation-duration: 1s;
animation-duration: 1s;
-webkit-animation-timing-function: ease-in-out;
animation-timing-function: ease-in-out;
-webkit-animation-iteration-count: 1;
animation-iteration-count: 1
}
@-webkit-keyframes hover-icon-buzz {
50% {
-webkit-transform: translateX(3px) rotate(2deg);
transform: translateX(3px) rotate(2deg)
}
100% {
-webkit-transform: translateX(-3px) rotate(-2deg);
transform: translateX(-3px) rotate(-2deg)
}
}@keyframes hover-icon-buzz {
50% {
-webkit-transform: translateX(3px) rotate(2deg);
transform: translateX(3px) rotate(2deg)
}
100% {
-webkit-transform: translateX(-3px) rotate(-2deg);
transform: translateX(-3px) rotate(-2deg)
}
}.hover-icon-buzz i {
-webkit-transform: translateZ(0);
transform: translateZ(0)
}
.hover-icon-buzz: active i,.hover-icon-buzz: focus i,.hover-icon-buzz: hover i {
-webkit-animation-name: hover-icon-buzz;
animation-name: hover-icon-buzz;
-webkit-animation-duration: .15s;
animation-duration: .15s;
-webkit-animation-timing-function: linear;
animation-timing-function: linear;
-webkit-animation-iteration-count: infinite;
animation-iteration-count: infinite
}
@-webkit-keyframes hover-icon-buzz-out {
10%,30% {
-webkit-transform: translateX(3px) rotate(2deg);
transform: translateX(3px) rotate(2deg)
}
20%,40% {
-webkit-transform: translateX(-3px) rotate(-2deg);
transform: translateX(-3px) rotate(-2deg)
}
50%,70% {
-webkit-transform: translateX(2px) rotate(1deg);
transform: translateX(2px) rotate(1deg)
}
60%,80% {
-webkit-transform: translateX(-2px) rotate(-1deg);
transform: translateX(-2px) rotate(-1deg)
}
90% {
-webkit-transform: translateX(1px) rotate(0);
transform: translateX(1px) rotate(0)
}
100% {
-webkit-transform: translateX(-1px) rotate(0);
transform: translateX(-1px) rotate(0)
}
}@keyframes hover-icon-buzz-out {
10%,30% {
-webkit-transform: translateX(3px) rotate(2deg);
transform: translateX(3px) rotate(2deg)
}
20%,40% {
-webkit-transform: translateX(-3px) rotate(-2deg);
transform: translateX(-3px) rotate(-2deg)
}
50%,70% {
-webkit-transform: translateX(2px) rotate(1deg);
transform: translateX(2px) rotate(1deg)
}
60%,80% {
-webkit-transform: translateX(-2px) rotate(-1deg);
transform: translateX(-2px) rotate(-1deg)
}
90% {
-webkit-transform: translateX(1px) rotate(0);
transform: translateX(1px) rotate(0)
}
100% {
-webkit-transform: translateX(-1px) rotate(0);
transform: translateX(-1px) rotate(0)
}
}.hover-icon-buzz-out i {
-webkit-transform: translateZ(0);
transform: translateZ(0)
}
.hover-icon-buzz-out: active i,.hover-icon-buzz-out: focus i,.hover-icon-buzz-out: hover i {
-webkit-animation-name: hover-icon-buzz-out;
animation-name: hover-icon-buzz-out;
-webkit-animation-duration: .75s;
animation-duration: .75s;
-webkit-animation-timing-function: linear;
animation-timing-function: linear;
-webkit-animation-iteration-count: 1;
animation-iteration-count: 1
}
.button-rounded.hover-fade: hover,.hover-fade: active,.hover-fade: focus {
-webkit-border-radius: 7px;
-moz-border-radius: 7px;
border-radius: 7px
}
.button-rounded.hover-bounce-to-bottom: before,.button-rounded.hover-bounce-to-left: before,.button-rounded.hover-bounce-to-right: before,.button-rounded.hover-bounce-to-top: before,.button-rounded.hover-radial-out: before,.button-rounded.hover-rectangle-out: before,.button-rounded.hover-shutter-out-horizontal: before,.button-rounded.hover-shutter-out-vertical: before,.button-rounded.hover-sweep-to-bottom: before,.button-rounded.hover-sweep-to-left: before,.button-rounded.hover-sweep-to-right: before,.button-rounded.hover-sweep-to-top: before {
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
border-radius: 4px
}
.button-lg.button-rounded.hover-bounce-to-bottom: before,.button-lg.button-rounded.hover-bounce-to-left: before,.button-lg.button-rounded.hover-bounce-to-right: before,.button-lg.button-rounded.hover-bounce-to-top: before,.button-lg.button-rounded.hover-radial-out: before,.button-lg.button-rounded.hover-rectangle-out: before,.button-lg.button-rounded.hover-shutter-out-horizontal: before,.button-lg.button-rounded.hover-shutter-out-vertical: before,.button-lg.button-rounded.hover-sweep-to-bottom: before,.button-lg.button-rounded.hover-sweep-to-left: before,.button-lg.button-rounded.hover-sweep-to-right: before,.button-lg.button-rounded.hover-sweep-to-top: before {
-webkit-border-radius: 7px;
-moz-border-radius: 7px;
border-radius: 7px
}
.button-circle.hover-bounce-to-bottom: before,.button-circle.hover-bounce-to-left: before,.button-circle.hover-bounce-to-right: before,.button-circle.hover-bounce-to-top: before,.button-circle.hover-fade: active,.button-circle.hover-fade: focus,.button-circle.hover-fade: hover,.button-circle.hover-radial-out: before,.button-circle.hover-rectangle-out: before,.button-circle.hover-shutter-out-horizontal: before,.button-circle.hover-shutter-out-vertical: before,.button-circle.hover-sweep-to-bottom: before,.button-circle.hover-sweep-to-left: before,.button-circle.hover-sweep-to-right: before,.button-circle.hover-sweep-to-top: before {
-webkit-border-radius: 100px;
-moz-border-radius: 100px;
border-radius: 100px
}
.button-red.hover-bounce-to-bottom: before,.button-red.hover-bounce-to-left: before,.button-red.hover-bounce-to-right: before,.button-red.hover-bounce-to-top: before,.button-red.hover-fade: active,.button-red.hover-fade: focus,.button-red.hover-fade: hover,.button-red.hover-radial-out: before,.button-red.hover-rectangle-out: before,.button-red.hover-shutter-out-horizontal: before,.button-red.hover-shutter-out-vertical: before,.button-red.hover-sweep-to-bottom: before,.button-red.hover-sweep-to-left: before,.button-red.hover-sweep-to-right: before,.button-red.hover-sweep-to-top: before {
background-color: #fd3635!important
}
.button-pink.hover-bounce-to-bottom: before,.button-pink.hover-bounce-to-left: before,.button-pink.hover-bounce-to-right: before,.button-pink.hover-bounce-to-top: before,.button-pink.hover-fade: active,.button-pink.hover-fade: focus,.button-pink.hover-fade: hover,.button-pink.hover-radial-out: before,.button-pink.hover-rectangle-out: before,.button-pink.hover-shutter-out-horizontal: before,.button-pink.hover-shutter-out-vertical: before,.button-pink.hover-sweep-to-bottom: before,.button-pink.hover-sweep-to-left: before,.button-pink.hover-sweep-to-right: before,.button-pink.hover-sweep-to-top: before {
background-color: #fd40b3!important
}
.button-orange.hover-bounce-to-bottom: before,.button-orange.hover-bounce-to-left: before,.button-orange.hover-bounce-to-right: before,.button-orange.hover-bounce-to-top: before,.button-orange.hover-fade: active,.button-orange.hover-fade: focus,.button-orange.hover-fade: hover,.button-orange.hover-radial-out: before,.button-orange.hover-rectangle-out: before,.button-orange.hover-shutter-out-horizontal: before,.button-orange.hover-shutter-out-vertical: before,.button-orange.hover-sweep-to-bottom: before,.button-orange.hover-sweep-to-left: before,.button-orange.hover-sweep-to-right: before,.button-orange.hover-sweep-to-top: before {
background-color: #ff8b34!important
}
.button-purple.hover-bounce-to-bottom: before,.button-purple.hover-bounce-to-left: before,.button-purple.hover-bounce-to-right: before,.button-purple.hover-bounce-to-top: before,.button-purple.hover-fade: active,.button-purple.hover-fade: focus,.button-purple.hover-fade: hover,.button-purple.hover-radial-out: before,.button-purple.hover-rectangle-out: before,.button-purple.hover-shutter-out-horizontal: before,.button-purple.hover-shutter-out-vertical: before,.button-purple.hover-sweep-to-bottom: before,.button-purple.hover-sweep-to-left: before,.button-purple.hover-sweep-to-right: before,.button-purple.hover-sweep-to-top: before {
background-color: #a85ad4!important
}
.button-blue.hover-bounce-to-bottom: before,.button-blue.hover-bounce-to-left: before,.button-blue.hover-bounce-to-right: before,.button-blue.hover-bounce-to-top: before,.button-blue.hover-fade: active,.button-blue.hover-fade: focus,.button-blue.hover-fade: hover,.button-blue.hover-radial-out: before,.button-blue.hover-rectangle-out: before,.button-blue.hover-shutter-out-horizontal: before,.button-blue.hover-shutter-out-vertical: before,.button-blue.hover-sweep-to-bottom: before,.button-blue.hover-sweep-to-left: before,.button-blue.hover-sweep-to-right: before,.button-blue.hover-sweep-to-top: before {
background-color: #3dace1!important
}
.button-cyan.hover-bounce-to-bottom: before,.button-cyan.hover-bounce-to-left: before,.button-cyan.hover-bounce-to-right: before,.button-cyan.hover-bounce-to-top: before,.button-cyan.hover-fade: active,.button-cyan.hover-fade: focus,.button-cyan.hover-fade: hover,.button-cyan.hover-radial-out: before,.button-cyan.hover-rectangle-out: before,.button-cyan.hover-shutter-out-horizontal: before,.button-cyan.hover-shutter-out-vertical: before,.button-cyan.hover-sweep-to-bottom: before,.button-cyan.hover-sweep-to-left: before,.button-cyan.hover-sweep-to-right: before,.button-cyan.hover-sweep-to-top: before {
background-color: #1abc9c!important
}
.button-green.hover-bounce-to-bottom: before,.button-green.hover-bounce-to-left: before,.button-green.hover-bounce-to-right: before,.button-green.hover-bounce-to-top: before,.button-green.hover-fade: active,.button-green.hover-fade: focus,.button-green.hover-fade: hover,.button-green.hover-radial-out: before,.button-green.hover-rectangle-out: before,.button-green.hover-shutter-out-horizontal: before,.button-green.hover-shutter-out-vertical: before,.button-green.hover-sweep-to-bottom: before,.button-green.hover-sweep-to-left: before,.button-green.hover-sweep-to-right: before,.button-green.hover-sweep-to-top: before {
background-color: #b2cc71!important
}
.button-yellow.hover-bounce-to-bottom: before,.button-yellow.hover-bounce-to-left: before,.button-yellow.hover-bounce-to-right: before,.button-yellow.hover-bounce-to-top: before,.button-yellow.hover-fade: active,.button-yellow.hover-fade: focus,.button-yellow.hover-fade: hover,.button-yellow.hover-radial-out: before,.button-yellow.hover-rectangle-out: before,.button-yellow.hover-shutter-out-horizontal: before,.button-yellow.hover-shutter-out-vertical: before,.button-yellow.hover-sweep-to-bottom: before,.button-yellow.hover-sweep-to-left: before,.button-yellow.hover-sweep-to-right: before,.button-yellow.hover-sweep-to-top: before {
background-color: #ffc501!important
}
.button-dark.hover-bounce-to-bottom: before,.button-dark.hover-bounce-to-left: before,.button-dark.hover-bounce-to-right: before,.button-dark.hover-bounce-to-top: before,.button-dark.hover-fade: active,.button-dark.hover-fade: focus,.button-dark.hover-fade: hover,.button-dark.hover-radial-out: before,.button-dark.hover-rectangle-out: before,.button-dark.hover-shutter-out-horizontal: before,.button-dark.hover-shutter-out-vertical: before,.button-dark.hover-sweep-to-bottom: before,.button-dark.hover-sweep-to-left: before,.button-dark.hover-sweep-to-right: before,.button-dark.hover-sweep-to-top: before {
background-color: #5f6467!important
}
.button-gray.hover-bounce-to-bottom: before,.button-gray.hover-bounce-to-left: before,.button-gray.hover-bounce-to-right: before,.button-gray.hover-bounce-to-top: before,.button-gray.hover-fade: active,.button-gray.hover-fade: focus,.button-gray.hover-fade: hover,.button-gray.hover-radial-out: before,.button-gray.hover-rectangle-out: before,.button-gray.hover-shutter-out-horizontal: before,.button-gray.hover-shutter-out-vertical: before,.button-gray.hover-sweep-to-bottom: before,.button-gray.hover-sweep-to-left: before,.button-gray.hover-sweep-to-right: before,.button-gray.hover-sweep-to-top: before {
background-color: #e0e0e0!important
}
.button-primary.hover-bounce-to-bottom: before,.button-primary.hover-bounce-to-left: before,.button-primary.hover-bounce-to-right: before,.button-primary.hover-bounce-to-top: before,.button-primary.hover-fade: active,.button-primary.hover-fade: focus,.button-primary.hover-fade: hover,.button-primary.hover-radial-out: before,.button-primary.hover-rectangle-out: before,.button-primary.hover-shutter-out-horizontal: before,.button-primary.hover-shutter-out-vertical: before,.button-primary.hover-sweep-to-bottom: before,.button-primary.hover-sweep-to-left: before,.button-primary.hover-sweep-to-right: before,.button-primary.hover-sweep-to-top: before {
background-color: #286090!important
}
.button-success.hover-bounce-to-bottom: before,.button-success.hover-bounce-to-left: before,.button-success.hover-bounce-to-right: before,.button-success.hover-bounce-to-top: before,.button-success.hover-fade: active,.button-success.hover-fade: focus,.button-success.hover-fade: hover,.button-success.hover-radial-out: before,.button-success.hover-rectangle-out: before,.button-success.hover-shutter-out-horizontal: before,.button-success.hover-shutter-out-vertical: before,.button-success.hover-sweep-to-bottom: before,.button-success.hover-sweep-to-left: before,.button-success.hover-sweep-to-right: before,.button-success.hover-sweep-to-top: before {
background-color: #5cb85c!important
}
.button-info.hover-bounce-to-bottom: before,.button-info.hover-bounce-to-left: before,.button-info.hover-bounce-to-right: before,.button-info.hover-bounce-to-top: before,.button-info.hover-fade: active,.button-info.hover-fade: focus,.button-info.hover-fade: hover,.button-info.hover-radial-out: before,.button-info.hover-rectangle-out: before,.button-info.hover-shutter-out-horizontal: before,.button-info.hover-shutter-out-vertical: before,.button-info.hover-sweep-to-bottom: before,.button-info.hover-sweep-to-left: before,.button-info.hover-sweep-to-right: before,.button-info.hover-sweep-to-top: before {
background-color: #5bc0de!important
}
.button-warning.hover-bounce-to-bottom: before,.button-warning.hover-bounce-to-left: before,.button-warning.hover-bounce-to-right: before,.button-warning.hover-bounce-to-top: before,.button-warning.hover-fade: active,.button-warning.hover-fade: focus,.button-warning.hover-fade: hover,.button-warning.hover-radial-out: before,.button-warning.hover-rectangle-out: before,.button-warning.hover-shutter-out-horizontal: before,.button-warning.hover-shutter-out-vertical: before,.button-warning.hover-sweep-to-bottom: before,.button-warning.hover-sweep-to-left: before,.button-warning.hover-sweep-to-right: before,.button-warning.hover-sweep-to-top: before {
background-color: #ec971f!important
}
.button-danger.hover-bounce-to-bottom: before,.button-danger.hover-bounce-to-left: before,.button-danger.hover-bounce-to-right: before,.button-danger.hover-bounce-to-top: before,.button-danger.hover-fade: active,.button-danger.hover-fade: focus,.button-danger.hover-fade: hover,.button-danger.hover-radial-out: before,.button-danger.hover-rectangle-out: before,.button-danger.hover-shutter-out-horizontal: before,.button-danger.hover-shutter-out-vertical: before,.button-danger.hover-sweep-to-bottom: before,.button-danger.hover-sweep-to-left: before,.button-danger.hover-sweep-to-right: before,.button-danger.hover-sweep-to-top: before {
background-color: #c9302c!important
}
.hover-trim: before {
-webkit-border-radius: 0;
-moz-border-radius: 0;
border-radius: 0
}
.hover-trim.hover-trim-rounded: before {
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
border-radius: 4px
}
.hover-trim.hover-trim-circle: before {
-webkit-border-radius: 100px;
-moz-border-radius: 100px;
border-radius: 100px
}
.button-xs.button-rounded.hover-ripple-out: before {
-webkit-border-radius: 2px;
-moz-border-radius: 2px;
border-radius: 2px
}
.button-sm.button-rounded.hover-ripple-out: before {
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
border-radius: 4px
}
.button-md.button-rounded.hover-ripple-out: before {
-webkit-border-radius: 7px;
-moz-border-radius: 7px;
border-radius: 7px
}
.button-lg.button-rounded.hover-ripple-out: before {
-webkit-border-radius: 10px;
-moz-border-radius: 10px;
border-radius: 10px
}
.button-circle.hover-ripple-out: before {
-webkit-border-radius: 100px;
-moz-border-radius: 100px;
border-radius: 100px
}
.button-xs.button-rounded.hover-ripple-in: before {
-webkit-border-radius: 2px;
-moz-border-radius: 2px;
border-radius: 2px
}
.button-sm.button-rounded.hover-ripple-in: before {
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
border-radius: 4px
}
.button-md.button-rounded.hover-ripple-in: before {
-webkit-border-radius: 7px;
-moz-border-radius: 7px;
border-radius: 7px
}
.button-lg.button-rounded.hover-ripple-in: before {
-webkit-border-radius: 10px;
-moz-border-radius: 10px;
border-radius: 10px
}
.button-circle.hover-ripple-in: before {
-webkit-border-radius: 100px;
-moz-border-radius: 100px;
border-radius: 100px
}
.button-red.hover-ripple-in: before,.button-red.hover-ripple-out: before {
border-color: #fd3635!important
}
.button-pink.hover-ripple-in: before,.button-pink.hover-ripple-out: before {
border-color: #fd40b3!important
}
.button-orange.hover-ripple-in: before,.button-orange.hover-ripple-out: before {
border-color: #ff8b34!important
}
.button-purple.hover-ripple-in: before,.button-purple.hover-ripple-out: before {
border-color: #a85ad4!important
}
.button-blue.hover-ripple-in: before,.button-blue.hover-ripple-out: before {
border-color: #3dace1!important
}
.button-cyan.hover-ripple-in: before,.button-cyan.hover-ripple-out: before {
border-color: #1abc9c!important
}
.button-green.hover-ripple-in: before,.button-green.hover-ripple-out: before {
border-color: #b2cc71!important
}
.button-yellow.hover-ripple-in: before,.button-yellow.hover-ripple-out: before {
border-color: #ffc501!important
}
.button-dark.hover-ripple-in: before,.button-dark.hover-ripple-out: before {
border-color: #5f6467!important
}
.button-gray.hover-ripple-in: before,.button-gray.hover-ripple-out: before {
border-color: #e0e0e0!important
}
.button-primary.hover-ripple-in: before,.button-primary.hover-ripple-out: before {
border-color: #286090!important
}
.button-success.hover-ripple-in: before,.button-success.hover-ripple-out: before {
border-color: #5cb85c!important
}
.button-info.hover-ripple-in: before,.button-info.hover-ripple-out: before {
border-color: #5bc0de!important
}
.button-warning.hover-ripple-in: before,.button-warning.hover-ripple-out: before {
border-color: #ec971f!important
}
.button-danger.hover-ripple-in: before,.button-danger.hover-ripple-out: before {
border-color: #c9302c!important
}
.dede_pages {
clear: both;
height: 40px;
margin: 0 auto;
text-align: center;
}
.dede_pages li {
float: left;
padding: 8px 10px;
border: 1px solid #CCCCCC;
margin-right: 10px;
color: #666;
font-size: 12px;
list-style: none;
}
.dede_pages li: hover {
border: 1px solid #ff4530;
}
.dede_pages li: hover a {
color: #ff4530
}
.dede_pages li a {
color: #666
}
.dede_pages li.thisclass {
border: 1px solid #ff4530;
background-color: #ff4530;
color: #FFFFFF
}
.dede_pages li.thisclass a {
color: #fff
}