html {
font-family: sans-serif;
-ms-text-size-adjust: 100%;
-webkit-text-size-adjust: 100%
}
body {
margin: 0
}
article, aside, details, figcaption, figure, footer, header, hgroup, main, nav, section, summary {
display: block
}
audio, canvas, progress, video {
display: inline-block;
vertical-align: baseline
}
audio:not([controls]) {
display: none;
height: 0
}
[hidden], template {
display:none
}
a {
background: 0 0
}
b, strong {
font-weight: 700
}
dfn {
font-style: italic
}
h1 {
margin: .67em 0
}
mark {
background: #ff0;
color: #000
}
sub, sup {
font-size: 75%;
line-height: 0;
position: relative;
vertical-align: baseline
}
sup {
top: -.5em
}
sub {
bottom: -.25em
}
img {
border: 0
}
svg:not(:root) {
overflow: hidden
}
hr {
-moz-box-sizing: content-box;
box-sizing: content-box;
height: 0
}
pre {
overflow: auto
}
code, kbd, pre, samp {
font-family: monospace, monospace;
font-size: 1em
}
button, input, optgroup, select, textarea {
color: inherit;
font: inherit;
margin: 0
}
button {
overflow: visible
}
button, select {
text-transform: none
}
button, html input[type=button], input[type=reset], input[type=submit] {
-webkit-appearance: button;
cursor: pointer
}
button[disabled], html input[disabled] {
cursor: default
}
button::-moz-focus-inner, input::-moz-focus-inner {
border:0;
padding:0
}
input[type=checkbox], input[type=radio] {
box-sizing: border-box;
padding: 0
}
input[type=number]::-webkit-inner-spin-button, input[type=number]::-webkit-outer-spin-button {
height:auto
}
input[type=search] {
-webkit-box-sizing: content-box
}
input[type=search]::-webkit-search-cancel-button, input[type=search]::-webkit-search-decoration {
-webkit-appearance:none
}
fieldset {
border: 1px solid silver;
margin: 0 2px;
padding: .35em .625em .75em
}
legend {
border: 0;
padding: 0
}
textarea {
overflow: auto
}
optgroup {
font-weight: 700
}
table {
border-collapse: collapse;
border-spacing: 0
}
td, th {
padding: 0
}
*, :after, :before {
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box
}
html {
font-size: 10px;
-webkit-tap-highlight-color: rgba(0,0,0,0)
}
body {
font-size: 14px;
line-height: 1.42857143;
color: #333;
background-color: #fff
}
button, input, select, textarea {
font-family: inherit;
font-size: inherit;
line-height: inherit
}
a {
text-decoration: none
}
a:focus, a:hover {
color: #23527c;
text-decoration: underline
}
a:focus {
outline-offset: -2px
}
figure {
margin: 0
}
img {
vertical-align: middle
}
.img-responsive {
display: block;
max-width: 100%;
height: auto
}
.img-rounded {
border-radius: 6px
}
.img-thumbnail {
padding: 4px;
line-height: 1.42857143;
background-color: #fff;
border: 1px solid #ddd;
border-radius: 4px;
-webkit-transition: all .2s ease-in-out;
-o-transition: all .2s ease-in-out;
transition: all .2s ease-in-out;
display: inline-block;
max-width: 100%;
height: auto
}
.img-circle {
border-radius: 50%
}
hr {
margin-top: 20px;
margin-bottom: 20px;
border: 0;
border-top: 1px solid #eee
}
.sr-only {
position: absolute;
width: 1px;
height: 1px;
margin: -1px;
padding: 0;
overflow: hidden;
clip: rect(0,0,0,0);
border: 0
}
.sr-only-focusable:active, .sr-only-focusable:focus {
position: static;
width: auto;
height: auto;
margin: 0;
overflow: visible;
clip: auto
}
.h1, .h2, .h3, .h4, .h5, .h6, h1, h2, h3, h4, h5, h6 {
font-family: inherit;
font-weight: 500;
line-height: 1.1;
color: inherit
}
.h1 .small, .h1 small, .h2 .small, .h2 small, .h3 .small, .h3 small, .h4 .small, .h4 small, .h5 .small, .h5 small, .h6 .small, .h6 small, h1 .small, h1 small, h2 .small, h2 small, h3 .small, h3 small, h4 .small, h4 small, h5 .small, h5 small, h6 .small, h6 small {
font-weight: 400;
line-height: 1;
color: #777
}
.h1, .h2, .h3, h1, h2, h3 {
margin-top: 20px;
margin-bottom: 10px
}
.h1 .small, .h1 small, .h2 .small, .h2 small, .h3 .small, .h3 small, h1 .small, h1 small, h2 .small, h2 small, h3 .small, h3 small {
font-size: 65%
}
.h4, .h5, .h6, h4, h5, h6 {
margin-top: 10px;
margin-bottom: 10px
}
.h4 .small, .h4 small, .h5 .small, .h5 small, .h6 .small, .h6 small, h4 .small, h4 small, h5 .small, h5 small, h6 .small, h6 small {
font-size: 75%
}
.h1, h1 {
font-size: 36px
}
.h2, h2 {
font-size: 30px
}
.h3, h3 {
font-size: 24px
}
.h4, h4 {
font-size: 18px
}
.h5, h5 {
font-size: 14px
}
.h6, h6 {
font-size: 12px
}
p {
margin: 0 0 10px
}
.lead {
margin-bottom: 20px;
font-size: 16px;
font-weight: 300;
line-height: 1.4
}
@media (min-width:768px) {
.lead {
font-size: 21px
}
}
.small, small {
font-size: 85%
}
.mark, mark {
background-color: #fcf8e3;
padding: .2em
}
.text-left {
text-align: left
}
.text-right {
text-align: right
}
.text-center {
text-align: center
}
.text-justify {
text-align: justify
}
.text-nowrap {
white-space: nowrap
}
.text-lowercase {
text-transform: lowercase
}
.text-uppercase {
text-transform: uppercase
}
.text-capitalize {
text-transform: capitalize
}
.text-muted {
color: #777
}
.text-primary {
color: #337ab7
}
a.text-primary:hover {
color: #286090
}
.text-success {
color: #3c763d
}
a.text-success:hover {
color: #2b542c
}
.text-info {
color: #31708f
}
a.text-info:hover {
color: #245269
}
.text-warning {
color: #8a6d3b
}
a.text-warning:hover {
color: #66512c
}
.text-danger {
color: #a94442
}
a.text-danger:hover {
color: #843534
}
.bg-primary {
color: #fff;
background-color: #337ab7
}
a.bg-primary:hover {
background-color: #286090
}
.bg-success {
background-color: #dff0d8
}
a.bg-success:hover {
background-color: #c1e2b3
}
.bg-info {
background-color: #d9edf7
}
a.bg-info:hover {
background-color: #afd9ee
}
.bg-warning {
background-color: #fcf8e3
}
a.bg-warning:hover {
background-color: #f7ecb5
}
.bg-danger {
background-color: #f2dede
}
a.bg-danger:hover {
background-color: #e4b9b9
}
.page-header {
padding-bottom: 9px;
margin: 40px 0 20px;
border-bottom: 1px solid #eee
}
ol, ul {
margin-top: 0;
margin-bottom: 10px
}
ol ol, ol ul, ul ol, ul ul {
margin-bottom: 0
}
.list-unstyled {
padding-left: 0;
list-style: none
}
.list-inline {
padding-left: 0;
list-style: none;
margin-left: -5px
}
.list-inline>li {
display: inline-block;
padding-left: 5px;
padding-right: 5px
}
dl {
margin-top: 0;
margin-bottom: 20px
}
dd, dt {
line-height: 1.42857143
}
dt {
font-weight: 700
}
dd {
margin-left: 0
}
@media (min-width:768px) {
.dl-horizontal dt {
float: left;
width: 160px;
clear: left;
text-align: right;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap
}
.dl-horizontal dd {
margin-left: 180px
}
}
abbr[data-original-title], abbr[title] {
cursor: help;
border-bottom: 1px dotted #777
}
.initialism {
font-size: 90%;
text-transform: uppercase
}
blockquote {
padding: 10px 20px;
margin: 0 0 20px;
font-size: 17.5px;
border-left: 5px solid #eee
}
blockquote ol:last-child, blockquote p:last-child, blockquote ul:last-child {
margin-bottom: 0
}
blockquote .small, blockquote footer, blockquote small {
display: block;
font-size: 80%;
line-height: 1.42857143;
color: #777
}
blockquote .small:before, blockquote footer:before, blockquote small:before {
content: '\2014 \00A0'
}
.blockquote-reverse, blockquote.pull-right {
padding-right: 15px;
padding-left: 0;
border-right: 5px solid #eee;
border-left: 0;
text-align: right
}
.blockquote-reverse .small:before, .blockquote-reverse footer:before, .blockquote-reverse small:before, blockquote.pull-right .small:before, blockquote.pull-right footer:before, blockquote.pull-right small:before {
content: ''
}
.blockquote-reverse .small:after, .blockquote-reverse footer:after, .blockquote-reverse small:after, blockquote.pull-right .small:after, blockquote.pull-right footer:after, blockquote.pull-right small:after {
content: '\00A0 \2014'
}
address {
margin-bottom: 20px;
font-style: normal;
line-height: 1.42857143
}
body {
font-family: 'Open Sans', sans-serif;
overflow-x: hidden;
-moz-osx-font-smoothing: grayscale
}
.wrapper {
overflow: hidden
}
a {
color: #85d6de;
-webkit-transition: all 300ms ease-in;
-o-transition: all 300ms ease-in;
transition: all 300ms ease-in
}
a:hover {
color: #7e7f81;
text-decoration: none
}
a:focus {
text-decoration: none
}
a:active, a:focus, a:hover {
outline: 0
}
.breadcrumb a:hover {
color: #85d6de
}
h1, h2, h3, h4, h5, h6 {
//margin-top: 60px;
//margin-bottom: 31px;
font-family: 'Varela Round', sans-serif;
color: #34495e
}
h1 {
font-size: 28px
}
h2 {
font-size: 26px
}
h3 {
font-size: 24px;
line-height: 30px
}
h4 {
font-size: 22px
}
h5 {
font-size: 20px
}
h6 {
font-size: 16px
}
.smaller-top-space {
margin-top: 43px
}
p {
color: #737c85;
line-height: 26px
}
.p-space {
margin-bottom: 28px
}
.p-null {
margin-bottom: 0
}
input, textarea {
-webkit-appearance: none;
-webkit-border-radius: 0;
border-radius: 0
}
input:focus, textarea:focus {
outline: 0
}
input[type=search] {
-webkit-appearance: none;
-moz-box-sizing: border-box;
box-sizing: border-box
}
button:focus, input[type=search]:focus {
outline: 0
}
textarea {
resize: none
}
::-webkit-input-placeholder {
opacity:1!important;
color:#34495e
}
input[type=search]::-webkit-input-placeholder {
color:#758594
}
.contact--icon ::-webkit-input-placeholder, .footer--contact ::-webkit-input-placeholder, .footer--info ::-webkit-input-placeholder {
color:#758594
}
.footer--expand ::-webkit-input-placeholder {
color:#fff
}
.footer--light ::-webkit-input-placeholder {
color:#34495e
}
:-moz-placeholder {
opacity:1
}
::-moz-placeholder {
opacity:1
}
.form-error {
overflow: hidden;
padding-top: 0!important;
padding-bottom: 0!important
}
.form-error .form-error__holder .inv-em {
margin-bottom: 0
}
.form-error .form-error__holder .inv-em:first-child {
padding-top: 20px
}
.form-error .form-error__holder .inv-em:last-child {
padding-bottom: 17px
}
.form-error .inv-em+p {
margin-top: 0
}
.inv-em {
width: 100%;
color: #34495e
}
.contact .contact__field.invalid_field {
width: 100%;
border: 1px solid #fe8f8c
}
.success {
padding-top: 30%;
padding-bottom: 20%;
font-size: 18px;
text-align: center;
color: #34495e
}
.success .success__icon {
display: inline-block;
padding-top: 30px;
width: 80px;
height: 80px;
font-size: 22px;
text-align: center;
color: #fff;
background-color: #8dc63f;
-webkit-border-radius: 50%;
-moz-border-radius: 50%;
border-radius: 50%
}
.success .success__lead {
display: block;
font-size: 22px;
padding-top: 30px;
padding-bottom: 7px;
font-weight: 700;
text-transform: uppercase
}
ol, ul {
font-style: italic;
color: #34495e;
margin-bottom: 0
}
.not-visible {
display: none
}
.divider {
width: 100%;
height: 1px;
background-color: #dfe6e7
}
.divider--double {
background: 0 0;
border-bottom: 3px double #dfe6e7
}
.divider--double-dotted {
height: 3px;
background: 0 0;
border-top: 1px dotted #57687a;
border-bottom: 1px dotted #57687a
}
.divider--dotted {
background: 0 0;
border-bottom: 1px dotted #57687a
}
.divider--colored {
position: relative
}
.divider--colored .divider-dot {
position: absolute;
top: -4px;
left: 50%;
margin-left: -4px;
width: 8px;
height: 8px;
background: #85d6de;
-webkit-border-radius: 50%;
-moz-border-radius: 50%;
border-radius: 50%
}
.divider--colored .divider-dot:after, .divider--colored .divider-dot:before {
content: "";
position: absolute;
top: 0;
width: 8px;
height: 8px;
-webkit-border-radius: 50%;
-moz-border-radius: 50%;
border-radius: 50%
}
.divider--colored .divider-dot:before {
left: -20px;
background: #fed37f
}
.divider--colored .divider-dot:after {
right: -20px;
background: #fe8f8c
}
.divider--icon {
position: relative
}
.divider--icon:before {
content: "";
position: absolute;
top: -14px;
left: 50%;
width: 29px;
height: 29px;
margin-left: -14px;
background: #85d6de;
-webkit-border-radius: 50%;
-moz-border-radius: 50%;
border-radius: 50%
}
.divider--icon:after {
content: "\f1d8";
position: absolute;
top: 0;
left: 50%;
margin-left: -6px;
margin-top: -8px;
font-size: 12px;
font-family: FontAwesome;
color: #fff
}
.divider--dark {
background-color: rgba(0,0,0,.2)
}
.divider-brand {
position: relative;
margin-top: 0;
border-bottom: 1px solid #dfe6e7
}
.divider-brand:before {
content: "";
position: absolute;
bottom: -1px;
left: 50%;
width: 80px;
height: 3px;
margin-left: -40px;
background-color: #85d6de
}
.divider-brand--special:before {
background-color: #ff6163
}
.divider--top-larger-b {
margin-top: 90px
}
.divider--top-universal {
margin-top: 60px
}
.divider--top-larger {
margin-top: 80px
}
.divider--top-large {
margin-top: 50px
}
.divider--top-xs {
margin-top: 10px
}
.divider--top {
margin-top: 20px
}
.divider--top2x {
margin-top: 40px
}
.divider--thin {
margin-top: 10px
}
.divider--middle {
margin-top: 30px
}
.bottom-universal {
margin-bottom: 40px
}
.divider--bottom-thin {
margin-bottom: 20px
}
.divider--bottom-s {
margin-bottom: 30px
}
.divider--bottom-sm {
margin-bottom: 34px
}
.divider--bottom-m {
margin-bottom: 51px
}
.divider--bottom-md {
margin-bottom: 64px
}
.divider--bottom {
margin-bottom: 68px
}
.divider--bottom-lg {
margin-bottom: 80px
}
.divider-color {
width: 100%;
height: 3px;
background-image: url(../images/components/stripe.png);
background-repeat: repeat-x
}
.divider-color-special {
background-image: url(../images/components/strip-top.png)
}
.top-space {
margin-bottom: 120px
}
.bottom-space {
margin-top: 40px
}
.bottom-space--smaller {
margin-top: 105px
}
.bottom-space--small {
margin-top: 100px
}
.bottom-space--uni {
margin-top: 90px
}
.bottom-space--m {
margin-top: 80px
}
.bottom-space--md {
margin-top: 60px
}
.bottom-space--sm {
margin-top: 40px
}
.present-addition {
//margin-top: -10px
}
.present-addition-lg {
margin-top: -20px
}
.present-addition-huge {
margin-top: -30px
}
.skip-element {
position: static!important
}
.relative-block {
position: relative
}
.color-block {
display: block;
width: 70px;
height: 70px;
float: left;
margin-bottom: 20px
}
.color-primary {
background-color: #34495e
}
.color-secondary {
background-color: #85d6de
}
.color-warning {
background-color: #fed37f
}
.color-danger {
background-color: #fe8f8c
}
.loader, .loader:after, .loader:before {
border-radius: 50%
}
.loader:after, .loader:before {
position: absolute;
content: ''
}
.loader:before {
width: 5.2em;
height: 10.2em;
background: #34495e;
border-radius: 10.2em 0 0 10.2em;
top: -.1em;
left: -.1em;
-webkit-transform-origin: 5.2em 5.1em;
transform-origin: 5.2em 5.1em;
-webkit-animation: load2 2s infinite ease 1.5s;
animation: load2 2s infinite ease 1.5s
}
.loader {
font-size: 11px;
text-indent: -99999em;
margin: 20px auto;
position: relative;
width: 10em;
height: 10em;
box-shadow: inset 0 0 0 1em #FFF
}
.loader:after {
width: 5.2em;
height: 10.2em;
background: #34495e;
border-radius: 0 10.2em 10.2em 0;
top: -.1em;
left: 5.1em;
-webkit-transform-origin: 0 5.1em;
transform-origin: 0 5.1em;
-webkit-animation: load2 2s infinite ease;
animation: load2 2s infinite ease
}
.loader--dark {
box-shadow: inset 0 0 0 1em #34495e
}
.loader--dark:after, .loader--dark:before {
background: #fff
}
@-webkit-keyframes load2 {
0% {
-webkit-transform:rotate(0deg);
transform:rotate(0deg)
}
100% {
-webkit-transform:rotate(360deg);
transform:rotate(360deg)
}
}
@keyframes load2 {
0% {
-webkit-transform:rotate(0deg);
transform:rotate(0deg)
}
100% {
-webkit-transform:rotate(360deg);
transform:rotate(360deg)
}
}
.twitter-section .loader:after, .twitter-section .loader:before {
background: #506374
}
.top-scroll {
position: fixed;
bottom: 50px;
right: 5%;
z-index: 1000;
display: block;
width: 48px;
height: 48px;
font-size: 28px;
color: #fff;
text-align: center;
background-color: #85d6de;
border: 2px solid #fff;
-webkit-border-radius: 25px;
-moz-border-radius: 25px;
border-radius: 25px;
cursor: pointer;
-webkit-transform: translateZ(0);
-moz-transform: translateZ(0);
transform: translateZ(0)
}
.top-scroll.top-scroll:hover {
color: #fff;
opacity: .6
}
.top-scroll-special {
background-color: #a2dbeb
}
.full-row {
overflow: hidden;
margin: -15px;
padding-left: 50px
}
.column-sm {
width: 33.3%;
padding: 0 15px;
float: left
}
.column-lg {
width: 66.6%;
padding: 0 15px;
float: left
}
.animationload {
position: fixed;
top: 0;
left: 0;
z-index: 10000;
width: 100%;
height: 100%;
background-color: #fff
}
.preloader {
position: absolute;
top: 50%;
left: 50%;
margin-top: -25px;
margin-left: -25px;
width: 50px;
height: 50px;
background: #fed37f;
border-radius: 50px;
-webkit-animation: preloader 1.5s infinite linear;
animation: preloader 1.5s infinite linear
}
.preloader:after {
position: absolute;
width: 80px;
height: 80px;
border-top: 10px solid #85d6de;
border-bottom: 10px solid #85d6de;
border-left: 10px solid transparent;
border-right: 10px solid transparent;
border-radius: 80px;
content: '';
top: -15px;
left: -15px;
-webkit-animation: preloader_after 1.5s infinite linear;
animation: preloader_after 1.5s infinite linear
}
@-webkit-keyframes preloader {
0% {
-webkit-transform:rotate(0deg)
}
50% {
-webkit-transform:rotate(180deg);
background:#85d6de
}
100% {
-webkit-transform:rotate(360deg)
}
}
@-webkit-keyframes preloader_after {
0% {
border-top:10px solid #85d6de;
border-bottom:10px solid #85d6de
}
50% {
border-top:10px solid #34495e;
border-bottom:10px solid #34495e
}
100% {
border-top:10px solid #85d6de;
border-bottom:10px solid #85d6de
}
}
@keyframes preloader {
0% {
transform:rotate(0deg)
}
50% {
transform:rotate(180deg);
background:#85d6de
}
100% {
transform:rotate(360deg)
}
}
@keyframes preloader_after {
0% {
border-top:10px solid #85d6de;
border-bottom:10px solid #85d6de
}
50% {
border-top:10px solid #34495e;
border-bottom:10px solid #34495e
}
100% {
border-top:10px solid #85d6de;
border-bottom:10px solid #85d6de
}
}
.animated {
-webkit-animation-duration: 1s;
animation-duration: 1s;
-webkit-animation-fill-mode: both;
animation-fill-mode: both
}
.animated.slow {
-webkit-animation-duration: 2s;
animation-duration: 2s
}
.stage2 {
-webkit-animation-delay: .5s;
animation-delay: .5s
}
.stage3 {
-webkit-animation-delay: 1s;
animation-delay: 1s
}
.stage4 {
-webkit-animation-delay: 1.5s;
animation-delay: 1.5s
}
.animated.infinite {
-webkit-animation-iteration-count: infinite;
animation-iteration-count: infinite
}
@-webkit-keyframes fadeInUp {
0% {
opacity:0;
-webkit-transform:translate3d(0, 100%, 0);
transform:translate3d(0, 100%, 0)
}
100% {
opacity:1;
-webkit-transform:none;
transform:none
}
}
@keyframes fadeInUp {
0% {
opacity:0;
-webkit-transform:translate3d(0, 100%, 0);
-ms-transform:translate3d(0, 100%, 0);
transform:translate3d(0, 100%, 0)
}
100% {
opacity:1;
-webkit-transform:none;
-ms-transform:none;
transform:none
}
}
.fadeInUpStart {
opacity: 0;
-webkit-transform: translate3d(0, 100%, 0);
-ms-transform: translate(0, 0);
transform: translate3d(0, 100%, 0)
}
.fadeInUp {
-webkit-animation-name: fadeInUp;
animation-name: fadeInUp
}
@-webkit-keyframes fadeIn {
0% {
opacity:0
}
100% {
opacity:1
}
}
@keyframes fadeIn {
0% {
opacity:0
}
100% {
opacity:1
}
}
.fadeInStart {
opacity: 0
}
.fadeIn {
-webkit-animation-name: fadeIn;
animation-name: fadeIn
}
@-webkit-keyframes zoomIn {
0% {
opacity:0;
-webkit-transform:scale3d(.3, .3, .3);
transform:scale3d(.3, .3, .3)
}
100%, 50% {
opacity:1;
-webkit-transform:none;
-ms-transform:none;
transform:none
}
}
@keyframes zoomIn {
0% {
opacity:0;
-webkit-transform:scale3d(.3, .3, .3);
-ms-transform:scale3d(.3, .3, .3);
transform:scale3d(.3, .3, .3)
}
100%, 50% {
opacity:1;
-webkit-transform:none;
-ms-transform:none;
transform:none
}
}
.zoomInStart {
opacity: 0;
-webkit-transform: scale3d(.3, .3, .3);
transform: scale3d(.3, .3, .3)
}
.zoomIn {
-webkit-animation-name: zoomIn;
animation-name: zoomIn
}
.post.zoomIn, .post.zoomIn:hover {
opacity: 1;
-webkit-transform: none;
-ms-transform: none;
transform: none
}
@-webkit-keyframes fadeInDown {
0% {
opacity:0;
-webkit-transform:translate3d(0, -100%, 0);
transform:translate3d(0, -100%, 0)
}
100% {
opacity:1;
-webkit-transform:none;
transform:none
}
}
@keyframes fadeInDown {
0% {
opacity:0;
-webkit-transform:translate3d(0, -100%, 0);
-ms-transform:translate3d(0, -100%, 0);
transform:translate3d(0, -100%, 0)
}
100% {
opacity:1;
-webkit-transform:none;
-ms-transform:none;
transform:none
}
}
.fadeInDownStart {
opacity: 0;
-webkit-transform: translate3d(0, -100%, 0);
-ms-transform: translate(0, 0);
transform: translate3d(0, -100%, 0)
}
.fadeInDown {
-webkit-animation-name: fadeInDown;
animation-name: fadeInDown
}
@-webkit-keyframes fadeInRight {
0% {
opacity:0;
-webkit-transform:translate3d(100%, 0, 0);
transform:translate3d(100%, 0, 0)
}
100% {
opacity:1;
-webkit-transform:none;
transform:none
}
}
@keyframes fadeInRight {
0% {
opacity:0;
-webkit-transform:translate3d(100%, 0, 0);
-ms-transform:translate3d(100%, 0, 0);
transform:translate3d(100%, 0, 0)
}
100% {
opacity:1;
-webkit-transform:none;
-ms-transform:none;
transform:none
}
}
.fadeInRightStart {
opacity: 0;
-webkit-transform: translate3d(100%, 0, 0);
-ms-transform: translate(0, 0);
transform: translate3d(100%, 0, 0)
}
.fadeInRight {
-webkit-animation-name: fadeInRight;
animation-name: fadeInRight
}
@-webkit-keyframes fadeInLeft {
0% {
opacity:0;
-webkit-transform:translate3d(-100%, 0, 0);
transform:translate3d(-100%, 0, 0)
}
100% {
opacity:1;
-webkit-transform:none;
transform:none
}
}
@keyframes fadeInLeft {
0% {
opacity:0;
-webkit-transform:translate3d(-100%, 0, 0);
-ms-transform:translate3d(-100%, 0, 0);
transform:translate3d(-100%, 0, 0)
}
100% {
opacity:1;
-webkit-transform:none;
-ms-transform:none;
transform:none
}
}
.fadeInLeftStart {
opacity: 0;
-webkit-transform: translate3d(-100%, 0, 0);
-ms-transform: translate(0, 0);
transform: translate3d(-100%, 0, 0)
}
.fadeInLeft {
-webkit-animation-name: fadeInLeft;
animation-name: fadeInLeft
}
@-webkit-keyframes rotateIn {
0% {
-webkit-transform-origin:center;
transform-origin:center;
-webkit-transform:rotate3d(0, 0, 1, -200deg);
transform:rotate3d(0, 0, 1, -200deg);
opacity:0
}
100% {
-webkit-transform-origin:center;
transform-origin:center;
-webkit-transform:none;
transform:none;
opacity:1
}
}
@keyframes rotateIn {
0% {
-webkit-transform-origin:center;
transform-origin:center;
-webkit-transform:rotate3d(0, 0, 1, -200deg);
transform:rotate3d(0, 0, 1, -200deg);
opacity:0
}
100% {
-webkit-transform-origin:center;
transform-origin:center;
-webkit-transform:none;
transform:none;
opacity:1
}
}
.rotateInStart {
-webkit-transform-origin: center;
transform-origin: center;
-webkit-transform: rotate3d(0, 0, 1, -200deg);
transform: rotate3d(0, 0, 1, -200deg);
opacity: 0
}
.rotateIn {
-webkit-animation-name: rotateIn;
animation-name: rotateIn
}
@-webkit-keyframes rotateInDownLeft {
0% {
-webkit-transform-origin:left bottom;
transform-origin:left bottom;
-webkit-transform:rotate3d(0, 0, 1, -45deg);
transform:rotate3d(0, 0, 1, -45deg);
opacity:0
}
100% {
-webkit-transform-origin:left bottom;
transform-origin:left bottom;
-webkit-transform:none;
transform:none;
opacity:1
}
}
@keyframes rotateInDownLeft {
0% {
-webkit-transform-origin:left bottom;
transform-origin:left bottom;
-webkit-transform:rotate3d(0, 0, 1, -45deg);
transform:rotate3d(0, 0, 1, -45deg);
opacity:0
}
100% {
-webkit-transform-origin:left bottom;
transform-origin:left bottom;
-webkit-transform:none;
transform:none;
opacity:1
}
}
.rotateInDownLeftStart {
-webkit-transform-origin: left bottom;
transform-origin: left bottom;
-webkit-transform: rotate3d(0, 0, 1, -45deg);
transform: rotate3d(0, 0, 1, -45deg);
opacity: 0
}
.rotateInDownLeft {
-webkit-animation-name: rotateInDownLeft;
animation-name: rotateInDownLeft
}
@-webkit-keyframes rotateInDownRight {
0% {
-webkit-transform-origin:right bottom;
transform-origin:right bottom;
-webkit-transform:rotate3d(0, 0, 1, 45deg);
transform:rotate3d(0, 0, 1, 45deg);
opacity:0
}
100% {
-webkit-transform-origin:right bottom;
transform-origin:right bottom;
-webkit-transform:none;
transform:none;
opacity:1
}
}
@keyframes rotateInDownRight {
0% {
-webkit-transform-origin:right bottom;
transform-origin:right bottom;
-webkit-transform:rotate3d(0, 0, 1, 45deg);
transform:rotate3d(0, 0, 1, 45deg);
opacity:0
}
100% {
-webkit-transform-origin:right bottom;
transform-origin:right bottom;
-webkit-transform:none;
transform:none;
opacity:1
}
}
.rotateInDownRightStart {
-webkit-transform-origin: right bottom;
transform-origin: right bottom;
-webkit-transform: rotate3d(0, 0, 1, 45deg);
transform: rotate3d(0, 0, 1, 45deg);
opacity: 0
}
.rotateInDownRight {
-webkit-animation-name: rotateInDownRight;
animation-name: rotateInDownRight
}
@-webkit-keyframes rollIn {
0% {
opacity:0;
-webkit-transform:translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg);
transform:translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg)
}
100% {
opacity:1;
-webkit-transform:none;
transform:none
}
}
@keyframes rollIn {
0% {
opacity:0;
-webkit-transform:translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg);
transform:translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg)
}
100% {
opacity:1;
-webkit-transform:none;
transform:none
}
}
.rollInStart {
opacity: 0;
-webkit-transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg);
transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg)
}
.rollIn {
-webkit-animation-name: rollIn;
animation-name: rollIn
}
[class*=" ns-effect-"], [class^=ns-effect-] {
-webkit-animation-duration:.5s;
animation-duration:.5s;
-webkit-animation-fill-mode:both;
animation-fill-mode:both
}
.ns-effect-scale.ns-hide {
-webkit-transform: translate3d(0, 40px, 0) scale3d(.1, .6, 1);
transform: translate3d(0, 40px, 0) scale3d(.1, .6, 1);
opacity: 0
}
.ns-effect-scale.ns-show {
-webkit-animation-name: animScale;
animation-name: animScale
}
@-webkit-keyframes animScale {
0% {
opacity:0;
-webkit-transform:translate3d(0, 40px, 0) scale3d(.1, .6, 1)
}
100% {
opacity:1;
-webkit-transform:translate3d(0, 0, 0) scale3d(1, 1, 1)
}
}
@keyframes animScale {
0% {
opacity:0;
-webkit-transform:translate3d(0, 40px, 0) scale3d(.1, .6, 1);
transform:translate3d(0, 40px, 0) scale3d(.1, .6, 1)
}
100% {
opacity:1;
-webkit-transform:translate3d(0, 0, 0) scale3d(1, 1, 1);
transform:translate3d(0, 0, 0) scale3d(1, 1, 1)
}
}
.ns-effect-jelly {
-webkit-transition: opacity 300ms ease;
transition: opacity 300ms ease
}
.ns-effect-jelly.ns-hide {
-webkit-transform: matrix3d(.7, 0, 0, 0, 0, .7, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
transform: matrix3d(.7, 0, 0, 0, 0, .7, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
opacity: 0
}
.ns-effect-jelly.ns-show {
-webkit-animation-name: animJelly;
animation-name: animJelly;
-webkit-animation-duration: 1s;
animation-duration: 1s;
-webkit-animation-timing-function: linear;
animation-timing-function: linear
}
@-webkit-keyframes animJelly {
0% {
opacity:0;
-webkit-transform:matrix3d(.7, 0, 0, 0, 0, .7, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
transform:matrix3d(.7, 0, 0, 0, 0, .7, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1)
}
2.083333% {
-webkit-transform:matrix3d(.75266, 0, 0, 0, 0, .76342, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
transform:matrix3d(.75266, 0, 0, 0, 0, .76342, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1)
}
4.166667% {
-webkit-transform:matrix3d(.81071, 0, 0, 0, 0, .84545, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
transform:matrix3d(.81071, 0, 0, 0, 0, .84545, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1)
}
6.25% {
-webkit-transform:matrix3d(.86808, 0, 0, 0, 0, .9286, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
transform:matrix3d(.86808, 0, 0, 0, 0, .9286, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1)
}
8.333333% {
-webkit-transform:matrix3d(.92038, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
transform:matrix3d(.92038, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1)
}
10.416667% {
-webkit-transform:matrix3d(.96482, 0, 0, 0, 0, 1.05202, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
transform:matrix3d(.96482, 0, 0, 0, 0, 1.05202, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1)
}
12.5% {
-webkit-transform:matrix3d(1, 0, 0, 0, 0, 1.08204, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
transform:matrix3d(1, 0, 0, 0, 0, 1.08204, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1)
}
14.583333% {
-webkit-transform:matrix3d(1.02563, 0, 0, 0, 0, 1.09149, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
transform:matrix3d(1.02563, 0, 0, 0, 0, 1.09149, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1)
}
16.666667% {
-webkit-transform:matrix3d(1.04227, 0, 0, 0, 0, 1.08453, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
transform:matrix3d(1.04227, 0, 0, 0, 0, 1.08453, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1)
}
18.75% {
-webkit-transform:matrix3d(1.05102, 0, 0, 0, 0, 1.06666, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
transform:matrix3d(1.05102, 0, 0, 0, 0, 1.06666, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1)
}
20.833333% {
-webkit-transform:matrix3d(1.05334, 0, 0, 0, 0, 1.04355, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
transform:matrix3d(1.05334, 0, 0, 0, 0, 1.04355, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1)
}
22.916667% {
-webkit-transform:matrix3d(1.05078, 0, 0, 0, 0, 1.02012, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
transform:matrix3d(1.05078, 0, 0, 0, 0, 1.02012, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1)
}
25% {
-webkit-transform:matrix3d(1.04487, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
transform:matrix3d(1.04487, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1)
}
27.083333% {
-webkit-transform:matrix3d(1.03699, 0, 0, 0, 0, .98534, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
transform:matrix3d(1.03699, 0, 0, 0, 0, .98534, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1)
}
29.166667% {
-webkit-transform:matrix3d(1.02831, 0, 0, 0, 0, .97688, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
transform:matrix3d(1.02831, 0, 0, 0, 0, .97688, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1)
}
31.25% {
-webkit-transform:matrix3d(1.01973, 0, 0, 0, 0, .97422, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
transform:matrix3d(1.01973, 0, 0, 0, 0, .97422, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1)
}
33.333333% {
-webkit-transform:matrix3d(1.01191, 0, 0, 0, 0, .97618, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
transform:matrix3d(1.01191, 0, 0, 0, 0, .97618, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1)
}
35.416667% {
-webkit-transform:matrix3d(1.00526, 0, 0, 0, 0, .98122, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
transform:matrix3d(1.00526, 0, 0, 0, 0, .98122, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1)
}
37.5% {
-webkit-transform:matrix3d(1, 0, 0, 0, 0, .98773, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
transform:matrix3d(1, 0, 0, 0, 0, .98773, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1)
}
39.583333% {
-webkit-transform:matrix3d(.99617, 0, 0, 0, 0, .99433, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
transform:matrix3d(.99617, 0, 0, 0, 0, .99433, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1)
}
41.666667% {
-webkit-transform:matrix3d(.99368, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
transform:matrix3d(.99368, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1)
}
43.75% {
-webkit-transform:matrix3d(.99237, 0, 0, 0, 0, 1.00413, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
transform:matrix3d(.99237, 0, 0, 0, 0, 1.00413, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1)
}
45.833333% {
-webkit-transform:matrix3d(.99202, 0, 0, 0, 0, 1.00651, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
transform:matrix3d(.99202, 0, 0, 0, 0, 1.00651, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1)
}
47.916667% {
-webkit-transform:matrix3d(.99241, 0, 0, 0, 0, 1.00726, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
transform:matrix3d(.99241, 0, 0, 0, 0, 1.00726, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1)
}
50% {
opacity:1;
-webkit-transform:matrix3d(.99329, 0, 0, 0, 0, 1.00671, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
transform:matrix3d(.99329, 0, 0, 0, 0, 1.00671, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1)
}
52.083333% {
-webkit-transform:matrix3d(.99447, 0, 0, 0, 0, 1.00529, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
transform:matrix3d(.99447, 0, 0, 0, 0, 1.00529, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1)
}
54.166667% {
-webkit-transform:matrix3d(.99577, 0, 0, 0, 0, 1.00346, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
transform:matrix3d(.99577, 0, 0, 0, 0, 1.00346, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1)
}
56.25% {
-webkit-transform:matrix3d(.99705, 0, 0, 0, 0, 1.0016, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
transform:matrix3d(.99705, 0, 0, 0, 0, 1.0016, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1)
}
58.333333% {
-webkit-transform:matrix3d(.99822, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
transform:matrix3d(.99822, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1)
}
60.416667% {
-webkit-transform:matrix3d(.99921, 0, 0, 0, 0, .99884, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
transform:matrix3d(.99921, 0, 0, 0, 0, .99884, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1)
}
62.5% {
-webkit-transform:matrix3d(1, 0, 0, 0, 0, .99816, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
transform:matrix3d(1, 0, 0, 0, 0, .99816, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1)
}
64.583333% {
-webkit-transform:matrix3d(1.00057, 0, 0, 0, 0, .99795, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
transform:matrix3d(1.00057, 0, 0, 0, 0, .99795, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1)
}
66.666667% {
-webkit-transform:matrix3d(1.00095, 0, 0, 0, 0, .99811, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
transform:matrix3d(1.00095, 0, 0, 0, 0, .99811, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1)
}
68.75% {
-webkit-transform:matrix3d(1.00114, 0, 0, 0, 0, .99851, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
transform:matrix3d(1.00114, 0, 0, 0, 0, .99851, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1)
}
70.833333% {
-webkit-transform:matrix3d(1.00119, 0, 0, 0, 0, .99903, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
transform:matrix3d(1.00119, 0, 0, 0, 0, .99903, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1)
}
72.916667% {
-webkit-transform:matrix3d(1.00114, 0, 0, 0, 0, .99955, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
transform:matrix3d(1.00114, 0, 0, 0, 0, .99955, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1)
}
75% {
-webkit-transform:matrix3d(1.001, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
transform:matrix3d(1.001, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1)
}
77.083333% {
-webkit-transform:matrix3d(1.00083, 0, 0, 0, 0, 1.00033, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
transform:matrix3d(1.00083, 0, 0, 0, 0, 1.00033, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1)
}
79.166667% {
-webkit-transform:matrix3d(1.00063, 0, 0, 0, 0, 1.00052, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
transform:matrix3d(1.00063, 0, 0, 0, 0, 1.00052, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1)
}
81.25% {
-webkit-transform:matrix3d(1.00044, 0, 0, 0, 0, 1.00058, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
transform:matrix3d(1.00044, 0, 0, 0, 0, 1.00058, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1)
}
83.333333% {
-webkit-transform:matrix3d(1.00027, 0, 0, 0, 0, 1.00053, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
transform:matrix3d(1.00027, 0, 0, 0, 0, 1.00053, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1)
}
85.416667% {
-webkit-transform:matrix3d(1.00012, 0, 0, 0, 0, 1.00042, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
transform:matrix3d(1.00012, 0, 0, 0, 0, 1.00042, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1)
}
87.5% {
-webkit-transform:matrix3d(1, 0, 0, 0, 0, 1.00027, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
transform:matrix3d(1, 0, 0, 0, 0, 1.00027, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1)
}
89.583333% {
-webkit-transform:matrix3d(.99991, 0, 0, 0, 0, 1.00013, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
transform:matrix3d(.99991, 0, 0, 0, 0, 1.00013, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1)
}
91.666667% {
-webkit-transform:matrix3d(.99986, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
transform:matrix3d(.99986, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1)
}
93.75% {
-webkit-transform:matrix3d(.99983, 0, 0, 0, 0, .99991, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
transform:matrix3d(.99983, 0, 0, 0, 0, .99991, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1)
}
95.833333% {
-webkit-transform:matrix3d(.99982, 0, 0, 0, 0, .99985, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
transform:matrix3d(.99982, 0, 0, 0, 0, .99985, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1)
}
97.916667% {
-webkit-transform:matrix3d(.99983, 0, 0, 0, 0, .99984, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
transform:matrix3d(.99983, 0, 0, 0, 0, .99984, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1)
}
100% {
opacity:1;
-webkit-transform:matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
transform:matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1)
}
}
@keyframes animJelly {
0% {
opacity:0;
-webkit-transform:matrix3d(.7, 0, 0, 0, 0, .7, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
transform:matrix3d(.7, 0, 0, 0, 0, .7, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1)
}
2.083333% {
-webkit-transform:matrix3d(.75266, 0, 0, 0, 0, .76342, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
transform:matrix3d(.75266, 0, 0, 0, 0, .76342, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1)
}
4.166667% {
-webkit-transform:matrix3d(.81071, 0, 0, 0, 0, .84545, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
transform:matrix3d(.81071, 0, 0, 0, 0, .84545, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1)
}
6.25% {
-webkit-transform:matrix3d(.86808, 0, 0, 0, 0, .9286, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
transform:matrix3d(.86808, 0, 0, 0, 0, .9286, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1)
}
8.333333% {
-webkit-transform:matrix3d(.92038, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
transform:matrix3d(.92038, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1)
}
10.416667% {
-webkit-transform:matrix3d(.96482, 0, 0, 0, 0, 1.05202, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
transform:matrix3d(.96482, 0, 0, 0, 0, 1.05202, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1)
}
12.5% {
-webkit-transform:matrix3d(1, 0, 0, 0, 0, 1.08204, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
transform:matrix3d(1, 0, 0, 0, 0, 1.08204, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1)
}
14.583333% {
-webkit-transform:matrix3d(1.02563, 0, 0, 0, 0, 1.09149, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
transform:matrix3d(1.02563, 0, 0, 0, 0, 1.09149, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1)
}
16.666667% {
-webkit-transform:matrix3d(1.04227, 0, 0, 0, 0, 1.08453, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
transform:matrix3d(1.04227, 0, 0, 0, 0, 1.08453, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1)
}
18.75% {
-webkit-transform:matrix3d(1.05102, 0, 0, 0, 0, 1.06666, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
transform:matrix3d(1.05102, 0, 0, 0, 0, 1.06666, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1)
}
20.833333% {
-webkit-transform:matrix3d(1.05334, 0, 0, 0, 0, 1.04355, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
transform:matrix3d(1.05334, 0, 0, 0, 0, 1.04355, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1)
}
22.916667% {
-webkit-transform:matrix3d(1.05078, 0, 0, 0, 0, 1.02012, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
transform:matrix3d(1.05078, 0, 0, 0, 0, 1.02012, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1)
}
25% {
-webkit-transform:matrix3d(1.04487, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
transform:matrix3d(1.04487, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1)
}
27.083333% {
-webkit-transform:matrix3d(1.03699, 0, 0, 0, 0, .98534, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
transform:matrix3d(1.03699, 0, 0, 0, 0, .98534, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1)
}
29.166667% {
-webkit-transform:matrix3d(1.02831, 0, 0, 0, 0, .97688, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
transform:matrix3d(1.02831, 0, 0, 0, 0, .97688, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1)
}
31.25% {
-webkit-transform:matrix3d(1.01973, 0, 0, 0, 0, .97422, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
transform:matrix3d(1.01973, 0, 0, 0, 0, .97422, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1)
}
33.333333% {
-webkit-transform:matrix3d(1.01191, 0, 0, 0, 0, .97618, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
transform:matrix3d(1.01191, 0, 0, 0, 0, .97618, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1)
}
35.416667% {
-webkit-transform:matrix3d(1.00526, 0, 0, 0, 0, .98122, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
transform:matrix3d(1.00526, 0, 0, 0, 0, .98122, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1)
}
37.5% {
-webkit-transform:matrix3d(1, 0, 0, 0, 0, .98773, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
transform:matrix3d(1, 0, 0, 0, 0, .98773, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1)
}
39.583333% {
-webkit-transform:matrix3d(.99617, 0, 0, 0, 0, .99433, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
transform:matrix3d(.99617, 0, 0, 0, 0, .99433, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1)
}
41.666667% {
-webkit-transform:matrix3d(.99368, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
transform:matrix3d(.99368, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1)
}
43.75% {
-webkit-transform:matrix3d(.99237, 0, 0, 0, 0, 1.00413, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
transform:matrix3d(.99237, 0, 0, 0, 0, 1.00413, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1)
}
45.833333% {
-webkit-transform:matrix3d(.99202, 0, 0, 0, 0, 1.00651, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
transform:matrix3d(.99202, 0, 0, 0, 0, 1.00651, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1)
}
47.916667% {
-webkit-transform:matrix3d(.99241, 0, 0, 0, 0, 1.00726, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
transform:matrix3d(.99241, 0, 0, 0, 0, 1.00726, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1)
}
50% {
opacity:1;
-webkit-transform:matrix3d(.99329, 0, 0, 0, 0, 1.00671, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
transform:matrix3d(.99329, 0, 0, 0, 0, 1.00671, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1)
}
52.083333% {
-webkit-transform:matrix3d(.99447, 0, 0, 0, 0, 1.00529, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
transform:matrix3d(.99447, 0, 0, 0, 0, 1.00529, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1)
}
54.166667% {
-webkit-transform:matrix3d(.99577, 0, 0, 0, 0, 1.00346, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
transform:matrix3d(.99577, 0, 0, 0, 0, 1.00346, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1)
}
56.25% {
-webkit-transform:matrix3d(.99705, 0, 0, 0, 0, 1.0016, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
transform:matrix3d(.99705, 0, 0, 0, 0, 1.0016, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1)
}
58.333333% {
-webkit-transform:matrix3d(.99822, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
transform:matrix3d(.99822, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1)
}
60.416667% {
-webkit-transform:matrix3d(.99921, 0, 0, 0, 0, .99884, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
transform:matrix3d(.99921, 0, 0, 0, 0, .99884, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1)
}
62.5% {
-webkit-transform:matrix3d(1, 0, 0, 0, 0, .99816, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
transform:matrix3d(1, 0, 0, 0, 0, .99816, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1)
}
64.583333% {
-webkit-transform:matrix3d(1.00057, 0, 0, 0, 0, .99795, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
transform:matrix3d(1.00057, 0, 0, 0, 0, .99795, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1)
}
66.666667% {
-webkit-transform:matrix3d(1.00095, 0, 0, 0, 0, .99811, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
transform:matrix3d(1.00095, 0, 0, 0, 0, .99811, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1)
}
68.75% {
-webkit-transform:matrix3d(1.00114, 0, 0, 0, 0, .99851, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
transform:matrix3d(1.00114, 0, 0, 0, 0, .99851, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1)
}
70.833333% {
-webkit-transform:matrix3d(1.00119, 0, 0, 0, 0, .99903, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
transform:matrix3d(1.00119, 0, 0, 0, 0, .99903, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1)
}
72.916667% {
-webkit-transform:matrix3d(1.00114, 0, 0, 0, 0, .99955, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
transform:matrix3d(1.00114, 0, 0, 0, 0, .99955, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1)
}
75% {
-webkit-transform:matrix3d(1.001, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
transform:matrix3d(1.001, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1)
}
77.083333% {
-webkit-transform:matrix3d(1.00083, 0, 0, 0, 0, 1.00033, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
transform:matrix3d(1.00083, 0, 0, 0, 0, 1.00033, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1)
}
79.166667% {
-webkit-transform:matrix3d(1.00063, 0, 0, 0, 0, 1.00052, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
transform:matrix3d(1.00063, 0, 0, 0, 0, 1.00052, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1)
}
81.25% {
-webkit-transform:matrix3d(1.00044, 0, 0, 0, 0, 1.00058, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
transform:matrix3d(1.00044, 0, 0, 0, 0, 1.00058, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1)
}
83.333333% {
-webkit-transform:matrix3d(1.00027, 0, 0, 0, 0, 1.00053, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
transform:matrix3d(1.00027, 0, 0, 0, 0, 1.00053, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1)
}
85.416667% {
-webkit-transform:matrix3d(1.00012, 0, 0, 0, 0, 1.00042, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
transform:matrix3d(1.00012, 0, 0, 0, 0, 1.00042, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1)
}
87.5% {
-webkit-transform:matrix3d(1, 0, 0, 0, 0, 1.00027, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
transform:matrix3d(1, 0, 0, 0, 0, 1.00027, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1)
}
89.583333% {
-webkit-transform:matrix3d(.99991, 0, 0, 0, 0, 1.00013, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
transform:matrix3d(.99991, 0, 0, 0, 0, 1.00013, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1)
}
91.666667% {
-webkit-transform:matrix3d(.99986, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
transform:matrix3d(.99986, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1)
}
93.75% {
-webkit-transform:matrix3d(.99983, 0, 0, 0, 0, .99991, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
transform:matrix3d(.99983, 0, 0, 0, 0, .99991, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1)
}
95.833333% {
-webkit-transform:matrix3d(.99982, 0, 0, 0, 0, .99985, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
transform:matrix3d(.99982, 0, 0, 0, 0, .99985, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1)
}
97.916667% {
-webkit-transform:matrix3d(.99983, 0, 0, 0, 0, .99984, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
transform:matrix3d(.99983, 0, 0, 0, 0, .99984, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1)
}
100% {
opacity:1;
-webkit-transform:matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
transform:matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1)
}
}
.ns-effect-bouncyflip {
-webkit-transform-origin: 50% 0;
transform-origin: 50% 0
}
.ns-effect-bouncyflip.ns-hide {
-webkit-transform: perspective(400px) rotate3d(1, 0, 0, -90deg);
transform: perspective(400px) rotate3d(1, 0, 0, -90deg);
-webkit-transition-timing-function: ease-in;
transition-timing-function: ease-in
}
.ns-effect-bouncyflip.ns-show {
-webkit-animation-name: flipInX;
animation-name: flipInX;
-webkit-animation-duration: .8s;
animation-duration: .8s
}
@-webkit-keyframes flipInX {
0% {
-webkit-transform:perspective(400px) rotate3d(1, 0, 0, -90deg);
-webkit-transition-timing-function:ease-in
}
40% {
-webkit-transform:perspective(400px) rotate3d(1, 0, 0, 20deg);
-webkit-transition-timing-function:ease-out
}
60% {
-webkit-transform:perspective(400px) rotate3d(1, 0, 0, -10deg);
-webkit-transition-timing-function:ease-in;
opacity:1
}
80% {
-webkit-transform:perspective(400px) rotate3d(1, 0, 0, 5deg);
-webkit-transition-timing-function:ease-out
}
100% {
-webkit-transform:perspective(400px)
}
}
@keyframes flipInX {
0% {
-webkit-transform:perspective(400px) rotate3d(1, 0, 0, -90deg);
transform:perspective(400px) rotate3d(1, 0, 0, -90deg);
-webkit-transition-timing-function:ease-in;
transition-timing-function:ease-in
}
40% {
-webkit-transform:perspective(400px) rotate3d(1, 0, 0, 20deg);
transform:perspective(400px) rotate3d(1, 0, 0, 20deg);
-webkit-transition-timing-function:ease-out;
transition-timing-function:ease-out
}
60% {
-webkit-transform:perspective(400px) rotate3d(1, 0, 0, -10deg);
transform:perspective(400px) rotate3d(1, 0, 0, -10deg);
-webkit-transition-timing-function:ease-in;
transition-timing-function:ease-in;
opacity:1
}
80% {
-webkit-transform:perspective(400px) rotate3d(1, 0, 0, 5deg);
transform:perspective(400px) rotate3d(1, 0, 0, 5deg);
-webkit-transition-timing-function:ease-out;
transition-timing-function:ease-out
}
100% {
-webkit-transform:perspective(400px);
transform:perspective(400px)
}
}
.ns-effect-exploader {
-webkit-transform-origin: 0 0;
transform-origin: 0 0
}
.ns-effect-exploader .ns-box-inner {
position: relative
}
.ns-effect-exploader.ns-hide {
-webkit-transform: scale3d(0, .3, 1);
transform: scale3d(0, .3, 1);
opacity: 1
}
.ns-effect-exploader.ns-show {
-webkit-animation-name: animLoad;
animation-name: animLoad;
-webkit-animation-duration: 2.5s;
animation-duration: 2.5s
}
@-webkit-keyframes animLoad {
0% {
opacity:1;
-webkit-transform:scale3d(0, .3, 1)
}
33% {
opacity:1;
-webkit-transform:scale3d(.5, .3, 1)
}
50% {
opacity:1;
-webkit-transform:scale3d(.6, .3, 1)
}
80%, 85% {
opacity:1;
-webkit-transform:scale3d(1, .3, 1);
-webkit-animation-timing-function:cubic-bezier(.7, 0, .3, 1)
}
100% {
opacity:1;
-webkit-transform:scale3d(1, 1, 1)
}
}
@keyframes animLoad {
0% {
opacity:1;
-webkit-transform:scale3d(0, .3, 1);
transform:scale3d(0, .3, 1)
}
33% {
opacity:1;
-webkit-transform:scale3d(.5, .3, 1);
transform:scale3d(.5, .3, 1)
}
50% {
opacity:1;
-webkit-transform:scale3d(.6, .3, 1);
transform:scale3d(.6, .3, 1)
}
80%, 85% {
opacity:1;
-webkit-transform:scale3d(1, .3, 1);
transform:scale3d(1, .3, 1);
-webkit-animation-timing-function:cubic-bezier(.7, 0, .3, 1);
animation-timing-function:cubic-bezier(.7, 0, .3, 1)
}
100% {
opacity:1;
-webkit-transform:scale3d(1, 1, 1);
transform:scale3d(1, 1, 1)
}
}
.ns-effect-exploader .box-inner {
-webkit-transform: translate3d(0, 10px, 0);
transform: translate3d(0, 10px, 0);
opacity: 0
}
.ns-effect-exploader.ns-show .box-inner {
-webkit-animation-name: animFadeMove;
animation-name: animFadeMove;
-webkit-animation-fill-mode: both;
animation-fill-mode: both;
-webkit-animation-duration: .3s;
animation-duration: .3s;
-webkit-animation-delay: 2.4s;
animation-delay: 2.4s
}
.ns-effect-exploader.stage2 .box-inner {
-webkit-animation-delay: 2.9s;
animation-delay: 2.9s
}
.ns-effect-exploader.stage3 .box-inner {
-webkit-animation-delay: 3.4s;
animation-delay: 3.4s
}
.ns-effect-exploader.stage4 .box-inner {
-webkit-animation-delay: 3.9s;
animation-delay: 3.9s
}
@-webkit-keyframes animFadeMove {
0% {
opacity:0;
-webkit-transform:translate3d(0, 10px, 0)
}
100% {
opacity:1;
-webkit-transform:translate3d(0, 0, 0)
}
}
@keyframes animFadeMove {
0% {
opacity:0;
-webkit-transform:translate3d(0, 10px, 0);
transform:translate3d(0, 10px, 0)
}
100% {
opacity:1;
-webkit-transform:translate3d(0, 0, 0);
transform:translate3d(0, 0, 0)
}
}
.container, .container-fluid {
margin-right: auto;
margin-left: auto;
padding-left: 15px;
padding-right: 15px
}
@media (min-width:768px) {
.container {
width: 750px
}
}
@media (min-width:992px) {
.container {
width: 970px
}
}
@media (min-width:1200px) {
.container {
width: 1170px
}
}
.row {
margin-left: -15px;
margin-right: -15px
}
.col-lg-1, .col-lg-10, .col-lg-11, .col-lg-12, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-md-1, .col-md-10, .col-md-11, .col-md-12, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-sm-1, .col-sm-10, .col-sm-11, .col-sm-12, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-xs-1, .col-xs-10, .col-xs-11, .col-xs-12, .col-xs-2, .col-xs-3, .col-xs-4, .col-xs-5, .col-xs-6, .col-xs-7, .col-xs-8, .col-xs-9 {
position: relative;
min-height: 1px;
padding-left: 15px;
padding-right: 15px
}
.col-xs-1, .col-xs-10, .col-xs-11, .col-xs-12, .col-xs-2, .col-xs-3, .col-xs-4, .col-xs-5, .col-xs-6, .col-xs-7, .col-xs-8, .col-xs-9 {
float: left
}
.col-xs-12 {
width: 100%
}
.col-xs-11 {
width: 91.66666667%
}
.col-xs-10 {
width: 83.33333333%
}
.col-xs-9 {
width: 75%
}
.col-xs-8 {
width: 66.66666667%
}
.col-xs-7 {
width: 58.33333333%
}
.col-xs-6 {
width: 50%
}
.col-xs-5 {
width: 41.66666667%
}
.col-xs-4 {
width: 33.33333333%
}
.col-xs-3 {
width: 25%
}
.col-xs-2 {
width: 16.66666667%
}
.col-xs-1 {
width: 8.33333333%
}
.col-xs-pull-12 {
right: 100%
}
.col-xs-pull-11 {
right: 91.66666667%
}
.col-xs-pull-10 {
right: 83.33333333%
}
.col-xs-pull-9 {
right: 75%
}
.col-xs-pull-8 {
right: 66.66666667%
}
.col-xs-pull-7 {
right: 58.33333333%
}
.col-xs-pull-6 {
right: 50%
}
.col-xs-pull-5 {
right: 41.66666667%
}
.col-xs-pull-4 {
right: 33.33333333%
}
.col-xs-pull-3 {
right: 25%
}
.col-xs-pull-2 {
right: 16.66666667%
}
.col-xs-pull-1 {
right: 8.33333333%
}
.col-xs-pull-0 {
right: auto
}
.col-xs-push-12 {
left: 100%
}
.col-xs-push-11 {
left: 91.66666667%
}
.col-xs-push-10 {
left: 83.33333333%
}
.col-xs-push-9 {
left: 75%
}
.col-xs-push-8 {
left: 66.66666667%
}
.col-xs-push-7 {
left: 58.33333333%
}
.col-xs-push-6 {
left: 50%
}
.col-xs-push-5 {
left: 41.66666667%
}
.col-xs-push-4 {
left: 33.33333333%
}
.col-xs-push-3 {
left: 25%
}
.col-xs-push-2 {
left: 16.66666667%
}
.col-xs-push-1 {
left: 8.33333333%
}
.col-xs-push-0 {
left: auto
}
.col-xs-offset-12 {
margin-left: 100%
}
.col-xs-offset-11 {
margin-left: 91.66666667%
}
.col-xs-offset-10 {
margin-left: 83.33333333%
}
.col-xs-offset-9 {
margin-left: 75%
}
.col-xs-offset-8 {
margin-left: 66.66666667%
}
.col-xs-offset-7 {
margin-left: 58.33333333%
}
.col-xs-offset-6 {
margin-left: 50%
}
.col-xs-offset-5 {
margin-left: 41.66666667%
}
.col-xs-offset-4 {
margin-left: 33.33333333%
}
.col-xs-offset-3 {
margin-left: 25%
}
.col-xs-offset-2 {
margin-left: 16.66666667%
}
.col-xs-offset-1 {
margin-left: 8.33333333%
}
.col-xs-offset-0 {
margin-left: 0
}
@media (min-width:768px) {
.col-sm-1, .col-sm-10, .col-sm-11, .col-sm-12, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9 {
float: left
}
.col-sm-12 {
width: 100%
}
.col-sm-11 {
width: 91.66666667%
}
.col-sm-10 {
width: 83.33333333%
}
.col-sm-9 {
width: 75%
}
.col-sm-8 {
width: 66.66666667%
}
.col-sm-7 {
width: 58.33333333%
}
.col-sm-6 {
width: 50%
}
.col-sm-5 {
width: 41.66666667%
}
.col-sm-4 {
width: 33.33333333%
}
.col-sm-3 {
width: 25%
}
.col-sm-2 {
width: 16.66666667%
}
.col-sm-1 {
width: 8.33333333%
}
.col-sm-pull-12 {
right: 100%
}
.col-sm-pull-11 {
right: 91.66666667%
}
.col-sm-pull-10 {
right: 83.33333333%
}
.col-sm-pull-9 {
right: 75%
}
.col-sm-pull-8 {
right: 66.66666667%
}
.col-sm-pull-7 {
right: 58.33333333%
}
.col-sm-pull-6 {
right: 50%
}
.col-sm-pull-5 {
right: 41.66666667%
}
.col-sm-pull-4 {
right: 33.33333333%
}
.col-sm-pull-3 {
right: 25%
}
.col-sm-pull-2 {
right: 16.66666667%
}
.col-sm-pull-1 {
right: 8.33333333%
}
.col-sm-pull-0 {
right: auto
}
.col-sm-push-12 {
left: 100%
}
.col-sm-push-11 {
left: 91.66666667%
}
.col-sm-push-10 {
left: 83.33333333%
}
.col-sm-push-9 {
left: 75%
}
.col-sm-push-8 {
left: 66.66666667%
}
.col-sm-push-7 {
left: 58.33333333%
}
.col-sm-push-6 {
left: 50%
}
.col-sm-push-5 {
left: 41.66666667%
}
.col-sm-push-4 {
left: 33.33333333%
}
.col-sm-push-3 {
left: 25%
}
.col-sm-push-2 {
left: 16.66666667%
}
.col-sm-push-1 {
left: 8.33333333%
}
.col-sm-push-0 {
left: auto
}
.col-sm-offset-12 {
margin-left: 100%
}
.col-sm-offset-11 {
margin-left: 91.66666667%
}
.col-sm-offset-10 {
margin-left: 83.33333333%
}
.col-sm-offset-9 {
margin-left: 75%
}
.col-sm-offset-8 {
margin-left: 66.66666667%
}
.col-sm-offset-7 {
margin-left: 58.33333333%
}
.col-sm-offset-6 {
margin-left: 50%
}
.col-sm-offset-5 {
margin-left: 41.66666667%
}
.col-sm-offset-4 {
margin-left: 33.33333333%
}
.col-sm-offset-3 {
margin-left: 25%
}
.col-sm-offset-2 {
margin-left: 16.66666667%
}
.col-sm-offset-1 {
margin-left: 8.33333333%
}
.col-sm-offset-0 {
margin-left: 0
}
}
@media (min-width:992px) {
.col-md-1, .col-md-10, .col-md-11, .col-md-12, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9 {
float: left
}
.col-md-12 {
width: 100%
}
.col-md-11 {
width: 91.66666667%
}
.col-md-10 {
width: 83.33333333%
}
.col-md-9 {
width: 75%
}
.col-md-8 {
width: 66.66666667%
}
.col-md-7 {
width: 58.33333333%
}
.col-md-6 {
width: 50%
}
.col-md-5 {
width: 41.66666667%
}
.col-md-4 {
width: 33.33333333%
}
.col-md-3 {
width: 25%
}
.col-md-2 {
width: 16.66666667%
}
.col-md-1 {
width: 8.33333333%
}
.col-md-pull-12 {
right: 100%
}
.col-md-pull-11 {
right: 91.66666667%
}
.col-md-pull-10 {
right: 83.33333333%
}
.col-md-pull-9 {
right: 75%
}
.col-md-pull-8 {
right: 66.66666667%
}
.col-md-pull-7 {
right: 58.33333333%
}
.col-md-pull-6 {
right: 50%
}
.col-md-pull-5 {
right: 41.66666667%
}
.col-md-pull-4 {
right: 33.33333333%
}
.col-md-pull-3 {
right: 25%
}
.col-md-pull-2 {
right: 16.66666667%
}
.col-md-pull-1 {
right: 8.33333333%
}
.col-md-pull-0 {
right: auto
}
.col-md-push-12 {
left: 100%
}
.col-md-push-11 {
left: 91.66666667%
}
.col-md-push-10 {
left: 83.33333333%
}
.col-md-push-9 {
left: 75%
}
.col-md-push-8 {
left: 66.66666667%
}
.col-md-push-7 {
left: 58.33333333%
}
.col-md-push-6 {
left: 50%
}
.col-md-push-5 {
left: 41.66666667%
}
.col-md-push-4 {
left: 33.33333333%
}
.col-md-push-3 {
left: 25%
}
.col-md-push-2 {
left: 16.66666667%
}
.col-md-push-1 {
left: 8.33333333%
}
.col-md-push-0 {
left: auto
}
.col-md-offset-12 {
margin-left: 100%
}
.col-md-offset-11 {
margin-left: 91.66666667%
}
.col-md-offset-10 {
margin-left: 83.33333333%
}
.col-md-offset-9 {
margin-left: 75%
}
.col-md-offset-8 {
margin-left: 66.66666667%
}
.col-md-offset-7 {
margin-left: 58.33333333%
}
.col-md-offset-6 {
margin-left: 50%
}
.col-md-offset-5 {
margin-left: 41.66666667%
}
.col-md-offset-4 {
margin-left: 33.33333333%
}
.col-md-offset-3 {
margin-left: 25%
}
.col-md-offset-2 {
margin-left: 16.66666667%
}
.col-md-offset-1 {
margin-left: 8.33333333%
}
.col-md-offset-0 {
margin-left: 0
}
}
@media (min-width:1200px) {
.col-lg-1, .col-lg-10, .col-lg-11, .col-lg-12, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9 {
float: left
}
.col-lg-12 {
width: 100%
}
.col-lg-11 {
width: 91.66666667%
}
.col-lg-10 {
width: 83.33333333%
}
.col-lg-9 {
width: 75%
}
.col-lg-8 {
width: 66.66666667%
}
.col-lg-7 {
width: 58.33333333%
}
.col-lg-6 {
width: 50%
}
.col-lg-5 {
width: 41.66666667%
}
.col-lg-4 {
width: 33.33333333%
}
.col-lg-3 {
width: 25%
}
.col-lg-2 {
width: 16.66666667%
}
.col-lg-1 {
width: 8.33333333%
}
.col-lg-pull-12 {
right: 100%
}
.col-lg-pull-11 {
right: 91.66666667%
}
.col-lg-pull-10 {
right: 83.33333333%
}
.col-lg-pull-9 {
right: 75%
}
.col-lg-pull-8 {
right: 66.66666667%
}
.col-lg-pull-7 {
right: 58.33333333%
}
.col-lg-pull-6 {
right: 50%
}
.col-lg-pull-5 {
right: 41.66666667%
}
.col-lg-pull-4 {
right: 33.33333333%
}
.col-lg-pull-3 {
right: 25%
}
.col-lg-pull-2 {
right: 16.66666667%
}
.col-lg-pull-1 {
right: 8.33333333%
}
.col-lg-pull-0 {
right: auto
}
.col-lg-push-12 {
left: 100%
}
.col-lg-push-11 {
left: 91.66666667%
}
.col-lg-push-10 {
left: 83.33333333%
}
.col-lg-push-9 {
left: 75%
}
.col-lg-push-8 {
left: 66.66666667%
}
.col-lg-push-7 {
left: 58.33333333%
}
.col-lg-push-6 {
left: 50%
}
.col-lg-push-5 {
left: 41.66666667%
}
.col-lg-push-4 {
left: 33.33333333%
}
.col-lg-push-3 {
left: 25%
}
.col-lg-push-2 {
left: 16.66666667%
}
.col-lg-push-1 {
left: 8.33333333%
}
.col-lg-push-0 {
left: auto
}
.col-lg-offset-12 {
margin-left: 100%
}
.col-lg-offset-11 {
margin-left: 91.66666667%
}
.col-lg-offset-10 {
margin-left: 83.33333333%
}
.col-lg-offset-9 {
margin-left: 75%
}
.col-lg-offset-8 {
margin-left: 66.66666667%
}
.col-lg-offset-7 {
margin-left: 58.33333333%
}
.col-lg-offset-6 {
margin-left: 50%
}
.col-lg-offset-5 {
margin-left: 41.66666667%
}
.col-lg-offset-4 {
margin-left: 33.33333333%
}
.col-lg-offset-3 {
margin-left: 25%
}
.col-lg-offset-2 {
margin-left: 16.66666667%
}
.col-lg-offset-1 {
margin-left: 8.33333333%
}
.col-lg-offset-0 {
margin-left: 0
}
}
.clearfix:after, .clearfix:before, .container-fluid:after, .container-fluid:before, .container:after, .container:before, .dl-horizontal dd:after, .dl-horizontal dd:before, .nav:after, .nav:before, .panel-body:after, .panel-body:before, .row:after, .row:before {
content: " ";
display: table
}
.clearfix:after, .container-fluid:after, .container:after, .dl-horizontal dd:after, .nav:after, .panel-body:after, .row:after {
clear: both
}
.center-block {
display: block;
margin-left: auto;
margin-right: auto
}
.pull-right {
float: right!important
}
.pull-left {
float: left!important
}
.hide {
display: none!important
}
.show {
display: block!important
}
.invisible {
visibility: hidden
}
.text-hide {
font: 0/0 a;
color: transparent;
text-shadow: none;
background-color: transparent;
border: 0
}
.hidden {
display: none!important;
visibility: hidden!important
}
.affix {
position: fixed
}
@-ms-viewport {
width:device-width
}
.visible-lg, .visible-lg-block, .visible-lg-inline, .visible-lg-inline-block, .visible-md, .visible-md-block, .visible-md-inline, .visible-md-inline-block, .visible-print, .visible-print-block, .visible-print-inline, .visible-print-inline-block, .visible-sm, .visible-sm-block, .visible-sm-inline, .visible-sm-inline-block, .visible-xs, .visible-xs-block, .visible-xs-inline, .visible-xs-inline-block {
display: none!important
}
@media (max-width:767px) {
.visible-xs {
display: block!important
}
table.visible-xs {
display: table
}
tr.visible-xs {
display: table-row!important
}
td.visible-xs, th.visible-xs {
display: table-cell!important
}
}
@media (max-width:767px) {
.visible-xs-block {
display: block!important
}
}
@media (max-width:767px) {
.visible-xs-inline {
display: inline!important
}
}
@media (max-width:767px) {
.visible-xs-inline-block {
display: inline-block!important
}
}
@media (min-width:768px) and (max-width:991px) {
.visible-sm {
display: block!important
}
table.visible-sm {
display: table
}
tr.visible-sm {
display: table-row!important
}
td.visible-sm, th.visible-sm {
display: table-cell!important
}
}
@media (min-width:768px) and (max-width:991px) {
.visible-sm-block {
display: block!important
}
}
@media (min-width:768px) and (max-width:991px) {
.visible-sm-inline {
display: inline!important
}
}
@media (min-width:768px) and (max-width:991px) {
.visible-sm-inline-block {
display: inline-block!important
}
}
@media (min-width:992px) and (max-width:1199px) {
.visible-md {
display: block!important
}
table.visible-md {
display: table
}
tr.visible-md {
display: table-row!important
}
td.visible-md, th.visible-md {
display: table-cell!important
}
}
@media (min-width:992px) and (max-width:1199px) {
.visible-md-block {
display: block!important
}
}
@media (min-width:992px) and (max-width:1199px) {
.visible-md-inline {
display: inline!important
}
}
@media (min-width:992px) and (max-width:1199px) {
.visible-md-inline-block {
display: inline-block!important
}
}
@media (min-width:1200px) {
.visible-lg {
display: block!important
}
table.visible-lg {
display: table
}
tr.visible-lg {
display: table-row!important
}
td.visible-lg, th.visible-lg {
display: table-cell!important
}
}
@media (min-width:1200px) {
.visible-lg-block {
display: block!important
}
}
@media (min-width:1200px) {
.visible-lg-inline {
display: inline!important
}
}
@media (min-width:1200px) {
.visible-lg-inline-block {
display: inline-block!important
}
}
@media (max-width:767px) {
.hidden-xs {
display: none!important
}
}
@media (min-width:768px) and (max-width:991px) {
.hidden-sm {
display: none!important
}
}
@media (min-width:992px) and (max-width:1199px) {
.hidden-md {
display: none!important
}
}
@media (min-width:1200px) {
.hidden-lg {
display: none!important
}
}
@media print {
.visible-print {
display: block!important
}
table.visible-print {
display: table
}
tr.visible-print {
display: table-row!important
}
td.visible-print, th.visible-print {
display: table-cell!important
}
}
@media print {
.visible-print-block {
display: block!important
}
}
@media print {
.visible-print-inline {
display: inline!important
}
}
@media print {
.visible-print-inline-block {
display: inline-block!important
}
}
@media print {
.hidden-print {
display: none!important
}
}
.header {
min-height: 151px
}
.header--dark {
background-color: #34495e
}
.header-fixed {
//position: fixed;
top: 0;
left: 0;
width: 100%;
padding-top: 10px;
max-height: 152px;
z-index: 1010;
background-color: #34495e;
-webkit-transition: background 300ms ease-out, -webkit-transform 300ms ease-out;
-moz-transition: background 300ms ease-out, -moz-transform 300ms ease-out;
transition: background 300ms ease-out, transform 300ms ease-out
}
.header-line {
background-color: rgba(0,0,0,.15);
margin-bottom: 106px;
position: relative
}
.fixed-top {
position: relative;
top: 0;
left: 0;
z-index: 1000;
width: 100%;
background-color: #34495e;
-webkit-transform: translate3d(0, 0, 0);
-moz-transform: translate3d(0, 0, 0);
-ms-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
margin-top: -106px
}
.header-up {
-webkit-transform: translate3d(0, -45px, 0);
-moz-transform: translate3d(0, -45px, 0);
-ms-transform: translate(0, -45px);
transform: translate3d(0, -45px, 0)
}
.header-down {
-webkit-transform: translate3d(0, 0, 0);
-moz-transform: translate3d(0, 0, 0);
-ms-transform: translate(0, 0);
transform: translate3d(0, 0, 0)
}
.header--slice {
padding-top: 0;
background-color: #34495e;
background-image: url(../images/components/promo-primary.png);
background-repeat: no-repeat;
background-position: 50% 50%;
background-attachment: fixed
}
.header--slice .fixed-top {
top: 0
}
.header--slice .z-nav .z-nav__link--simple.current-position {
color: #85d6de
}
.logo {
float: left;
margin-bottom: 13px;
text-decoration: none;
position: relative;
z-index: 22
}
.logo:focus, .logo:hover {
text-decoration: none
}
.logo img {
width: 100%;
height: 86px;
margin-top: 3px
}
.logo .logo__text {
padding: 9px 0 9px 65px;
margin-top: 26px;
margin-bottom: 10px;
font: 28px 'Varela Round', sans-serif;
line-height: 16px;
color: #fff;
background-image: url(../images/logo.png);
background-size: 46px;
background-repeat: no-repeat;
background-position: 0 2px;
-webkit-transition: 500ms;
-o-transition: 500ms;
transition: 500ms
}
.logo .logo__slogan {
font: 12px 'Open Sans', sans-serif;
color: #fff
}
.logo .highlight, .logo:hover .logo__text {
color: #fed37f
}
.logo:hover .logo__slogan {
color: #fff
}
.z-nav__toggle {
width: 393px;
height: 48px;
padding-left: 72px;
background-color: transparent;
border: none;
-webkit-transform: translate3d(371px, 0, 0);
-moz-transform: translate3d(371px, 0, 0);
-ms-transform: translate(371px, 0);
transform: translate3d(371px, 0, 0);
-webkit-transition: -webkit-transform 500ms ease 300ms;
-moz-transition: -moz-transform 500ms ease 300ms;
transition: transform 500ms ease 300ms
}
.z-nav__toggle.open-nav {
-webkit-transform: translate3d(50px, 0, 0);
-moz-transform: translate3d(50px, 0, 0);
-ms-transform: translate(50px, 0);
transform: translate3d(50px, 0, 0);
-webkit-transition: -webkit-transform 500ms ease 400ms;
-moz-transition: -moz-transform 500ms ease 400ms;
transition: transform 500ms ease 400ms
}
.z-nav__toggle.open-nav .menu-text {
-webkit-transform: translateY(0);
-moz-transform: translateY(0);
-ms-transform: translateY(0);
transform: translateY(0);
-webkit-transition-delay: 800ms;
-moz-transition-delay: 800ms;
-o-transition-delay: 800ms;
-ms-transition-delay: 800ms;
transition-delay: 800ms
}
.z-nav__toggle.open-nav .menu-icon {
-webkit-transform: translate3d(-24px, 0, 0);
-moz-transform: translate3d(-24px, 0, 0);
-ms-transform: translate(-24px, 0);
transform: translate3d(-24px, 0, 0);
-webkit-transition: -webkit-transform 300ms ease 0ms;
-moz-transition: -moz-transform 300ms ease 0ms;
-ms-transition: -ms-transform 300ms ease 0ms;
transition: transform 300ms ease 0ms
}
.menu-icon {
display: inline-block;
width: 40px;
height: 40px;
margin-top: 0;
background-color: #85d6de;
background-image: url(../images/menu-icon.png);
background-size: 40px;
background-position: -2px -1px;
background-repeat: no-repeat;
border: 1px solid #85d6de;
-webkit-border-radius: 24px;
-moz-border-radius: 24px;
border-radius: 24px;
-webkit-transform: translate3d(-72px, 0, 0);
-moz-transform: translate3d(-72px, 0, 0);
-ms-transform: translate(-72px, 0);
transform: translate3d(-72px, 0, 0);
-webkit-transition: -webkit-transform 300ms ease 900ms;
-moz-transition: -moz-transform 300ms ease 900ms;
-ms-transition: -ms-transform 300ms ease 900ms;
transition: transform 300ms ease 900ms
}
.menu-text {
display: block;
font-weight: 700;
text-transform: uppercase;
color: #fff;
position: absolute;
top: 14px;
left: 107px;
-webkit-transform: translateY(-40px);
-moz-transform: translateY(-40px);
-ms-transform: translateY(-40px);
transform: translateY(-40px);
-webkit-transition: all 300ms ease-in;
-o-transition: all 300ms ease-in;
transition: all 300ms ease-in;
-webkit-transition-delay: 0ms;
-moz-transition-delay: 0ms;
-o-transition-delay: 0ms;
-ms-transition-delay: 0ms;
transition-delay: 0ms
}
.menu-head {
width: 100%;
height: 100%;
margin-top: -53px;
background-color: #85d6de
}
@media (min-width:769px) {
.header--shop .z-nav {
margin-right: 0
}
.z-nav {
margin: 0 -30px 0 0;
background: 0 0;
position: relative;
z-index: 20
}
.z-nav .z-nav__item {
padding: 0
}
.z-nav .z-nav__link {
padding: 42px 20px;
font: 14px 'Open Sans', sans-serif;
color: #fff;
-webkit-transition: color 300ms ease, background 300ms ease;
-moz-transition: color 300ms ease, background 300ms ease;
transition: color 300ms ease, background 300ms ease
}
.z-nav .z-nav__link:focus, .z-nav .z-nav__link:hover {
text-decoration: none
}
.z-nav .z-nav__link:hover {
color: #34495e;
background-color: #85d6de
}
.z-nav .z-nav__link--simple:hover {
color: #85d6de;
background-color: transparent
}
.z-nav .z-nav__link--active {
color: #85d6de;
background-color: transparent
}
.z-nav__list-secondary .z-nav__item {
position: relative;
border: none
}
.z-nav__list-secondary .z-nav__link {
padding: 8px 0 7px 10px;
color: #34495e
}
.z-nav__list-secondary .z-nav__link:before {
content: "\f111";
position: absolute;
top: 15px;
left: -5px;
font: 5px FontAwesome;
color: #34495e;
-webkit-transition: 300ms;
-o-transition: 300ms;
transition: 300ms
}
.z-nav__list-secondary .z-nav__link:hover, .z-nav__list-secondary .z-nav__link:hover:before {
color: #fff
}
.z-nav__item .z-nav__list-secondary {
top: 103px;
width: 210px;
padding-top: 27px;
padding-bottom: 28px;
background-color: #85d6de;
}
.z-nav__item .z-nav__list-secondary:before {
content: "";
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
padding-right: 3000px;
padding-left: 3000px;
margin-left: -3000px;
background-color: #85d6de;
}
.z-nav__list.open-nav {
-webkit-animation: slide-left 0ms forwards 0ms;
-moz-animation: slide-left 0ms forwards 0ms;
animation: slide-left 0ms forwards 0ms
}
.z-nav__list.close-nav {
-webkit-animation: slide-right 0ms backwards 0ms;
-moz-animation: slide-right 0ms backwards 0ms;
animation: slide-right 0ms backwards 0ms
}
.z-nav__item:hover .z-nav__list-secondary .z-nav__list-secondary {
z-index: 0;
-webkit-transition: none;
-o-transition: none;
transition: none
}
.z-nav__item:hover .z-nav__list-secondary .z-nav__list-secondary:before {
z-index: -1
}
.z-nav__list-secondary .z-nav__item .z-nav_nested {
background: #85d6de;
display: none;
position: absolute;
z-index: 0;
width: 250px;
top: 0;
left: 0;
padding-bottom: 20px;
padding-top: 0;
-webkit-transform: translateX(-100%);
-moz-transform: translateX(-100%);
-ms-transform: translate(-100%, 0);
transform: translateX(-100%)
}
.z-nav__list-secondary .z-nav__link {
position: relative;
z-index: 20
}
.z-nav__list-secondary .z-nav__item:hover .z-nav_nested {
display: block
}
@-webkit-keyframes slide-left {
0%, 100% {
opacity:1
}
}
@-moz-keyframes slide-left {
0%, 100% {
opacity:1
}
}
@keyframes slide-left {
0%, 100% {
opacity:1
}
}
@-webkit-keyframes slide-right {
0%, 100% {
opacity:1
}
}
@-moz-keyframes slide-right {
0%, 100% {
opacity:1
}
}
@keyframes slide-right {
0%, 100% {
opacity:1
}
}
}
@media (max-width:768px) {
.z-nav--shop {
margin-right: 0
}
.fixed-top {
position: static
}
.header-up {
-webkit-transform: translate3d(0, 0, 0);
-moz-transform: translate3d(0, 0, 0);
-ms-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0)
}
.header-line {
margin-bottom: 0
}
.z-nav__toggle {
z-index: 1500;
position: relative
}
.z-nav {
position: absolute;
top: 0;
right: 15px;
margin: 15px;
background: 0 0
}
.z-nav__list {
right: -35px;
top: 58px;
z-index: 100;
display: block;
width: 310px;
padding: 20px 0;
background-color: #34495e;
box-shadow: 0 0 10px rgba(0,0,0,.2)
}
.z-nav__list .z-nav__item {
border: none
}
.z-nav__list .z-nav__link {
padding: 0 30px;
font-style: normal
}
.z-nav__list .z-nav__link:hover {
color: #85d6de
}
.z-nav__list .z-nav__link:focus {
color: #fff;
text-decoration: none
}
.z-nav__list .z-nav__toggle-sub {
margin-top: 0;
margin-right: 20px;
-webkit-transition: all 300ms ease-in;
-o-transition: all 300ms ease-in;
transition: all 300ms ease-in
}
.z-nav__list .z-nav__toggle-sub .fa {
margin-top: -4px
}
.z-nav__list .z-nav__toggle-sub .fa-plus:before {
content: "\f13a";
font-size: 14px
}
.z-nav__list .z-nav__toggle-sub .fa-minus:before {
content: "\f139";
font-size: 14px
}
.z-nav__link {
-webkit-transition: none;
-moz-transition: none;
transition: none
}
.z-nav__toggle-sub.plus {
background-color: #34495e
}
.z-nav__toggle-sub.plus+.z-nav__link {
background: 0 0
}
.z-nav__toggle-sub, .z-nav__toggle-sub+.z-nav__link {
background-color: #273747
}
.z-nav__list-secondary {
background-color: #273747;
padding-bottom: 10px
}
.z-nav__list-secondary .z-nav__item {
max-width: 100%;
padding: 10px 34px;
line-height: 30px
}
.z-nav__list-secondary .z-nav__link {
width: 100%;
color: #758594
}
.z-nav__list {
opacity: 0;
-webkit-transform: translate3d(100%, 0, 0);
-moz-transform: translate3d(100%, 0, 0);
transform: translate3d(100%, 0, 0)
}
.z-nav__list.open-nav {
-webkit-transform: translate3d(0, 0, 0);
-ms-transform: translate(0, 0);
transform: translate3d(0, 0, 0);
-webkit-transition: -webkit-transform 500ms ease 400ms;
transition: transform 500ms ease 400ms;
opacity: 1
}
.z-nav__list.close-nav {
-webkit-transform: translate3d(100%, 0, 0);
-ms-transform: translate(100%, 0);
transform: translate3d(100%, 0, 0);
-webkit-transition: -webkit-transform 500ms ease 300ms;
transition: transform 500ms ease 300ms;
opacity: 1
}
.z-nav__list-secondary .z-nav__item .z-nav__toggle-sub {
margin-right: -15px
}
.z-nav__list-secondary .z-nav__item .z-nav__toggle-sub.plus+.z-nav__link {
background-color: #273747
}
.z-nav__list-secondary .z-nav__list-secondary {
width: 100%;
background: 0 0;
margin-bottom: 0;
margin-top: 18px;
padding-left: 30px
}
.z-nav__list-secondary .z-nav__list-secondary .z-nav__link {
padding: 5px 0 5px 12px;
line-height: 21px
}
@-webkit-keyframes slide-left {
0% {
-webkit-transform:translate3d(100%, 0, 0);
opacity:0
}
1% {
opacity:1
}
100% {
-webkit-transform:translate3d(0, 0, 0);
opacity:1
}
}
@-moz-keyframes slide-left {
0% {
-moz-transform:translate3d(100%, 0, 0);
opacity:0
}
1% {
opacity:1
}
100% {
-moz-transform:translate3d(0, 0, 0);
opacity:1
}
}
@keyframes slide-left {
0% {
transform:translate3d(100%, 0, 0);
opacity:0
}
1% {
opacity:1
}
100% {
transform:translate3d(0, 0, 0);
opacity:1
}
}
@-webkit-keyframes slide-right {
0% {
-webkit-transform:translate3d(0, 0, 0);
opacity:1
}
99% {
opacity:1
}
100% {
-webkit-transform:translate3d(100%, 0, 0);
opacity:0
}
}
@-moz-keyframes slide-right {
0% {
-moz-transform:translate3d(0, 0, 0);
opacity:1
}
99% {
opacity:1
}
100% {
-moz-transform:translate3d(100%, 0, 0);
opacity:0
}
}
@keyframes slide-right {
0% {
transform:translate3d(0, 0, 0);
opacity:1
}
99% {
opacity:1
}
100% {
transform:translate3d(100%, 0, 0);
opacity:0
}
}
}
.mega-menu {
list-style: none
}
.mega-menu .z-nav__link:before {
display: none
}
.mega-menu .fa {
padding-right: 7px
}
.z-nav__item .mega-menu {
width: 100%;
padding: 27px 0 28px;
margin: 0 -20px
}
.header-fluid {
min-height: 110px;
background-color: #f3f7f7
}
.header-fluid .header__controls {
float: right;
margin-right: 30px;
padding-top: 32px
}
.logo--block {
display: block;
height: 100%;
min-height: 110px;
width: 245px;
padding-top: 8px;
padding-left: 30px;
margin: 0;
background-color: rgba(39,125,134,.08);
-webkit-transition: none;
-o-transition: none;
transition: none
}
.logo--block .logo__text {
padding: 10px 0 10px 39px;
font-size: 25px;
color: #34495e;
background-image: url(../images/logo-alt.png);
background-size: 29px 29px
}
.user {
padding-right: 10px
}
.user:focus {
text-decoration: none
}
.user .user__photo {
width: 48px;
height: 48px;
float: left;
margin-right: 10px;
-webkit-border-radius: 50%;
-moz-border-radius: 50%;
border-radius: 50%;
overflow: hidden
}
.user .user__photo img {
max-width: 100%
}
.user .user__name {
color: #34495e
}
.notification {
position: relative;
display: inline-block;
font-size: 18px;
color: #34495e;
padding: 0 10px
}
.notification:before {
content: "";
position: absolute;
top: 0;
right: 3px;
width: 6px;
height: 6px;
background-color: #fe8f8c;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px
}
.notification:focus {
color: #34495e
}
.nav-sidebar {
position: relative;
float: left;
width: 245px;
background-color: #34495e;
-webkit-transition: none;
-o-transition: none;
transition: none
}
.nav-sidebar .nav-sidebar__title {
padding-top: 35px;
padding-bottom: 10px;
margin: 0;
font: 14px 'Open Sans', sans-serif;
font-weight: 700;
text-transform: uppercase;
color: #758594
}
.nav-sidebar:before {
content: "";
position: fixed;
top: 0;
left: 0;
width: 245px;
height: 100%;
background-color: #34495e;
z-index: -1
}
.nav-sidebar-container {
padding-left: 30px;
padding-right: 20px;
padding-bottom: 5px
}
.navigation {
padding-left: 0;
list-style: none
}
.navigation .navigation__item {
font-style: normal
}
.navigation .navigation__link {
display: block;
margin-bottom: 30px;
color: #758594
}
.navigation .navigation__link:hover {
color: #85d6de
}
.navigation .navigation__link:focus {
text-decoration: none
}
.navigation .fa {
padding-right: 20px
}
.navigation-toggle {
display: none
}
.badge {
padding: 0 3px;
min-width: 30px;
font-size: 12px;
font-weight: 400;
text-align: center;
color: #34495e;
background-color: #85d6de;
-webkit-border-radius: 9px;
-moz-border-radius: 9px;
border-radius: 9px
}
.labels {
padding-left: 0;
padding-bottom: 10px;
list-style: none
}
.labels .labels__item {
margin-bottom: 20px;
color: #758594;
font-style: normal
}
.labels .fa {
padding-right: 20px;
font-size: 14px;
opacity: .9
}
.labels .icon--warning {
color: #fed37f
}
.labels .icon--danger {
color: #fe8f8c
}
.labels .icon--secondary {
color: #85d6de
}
.news .news__heading {
font-size: 13px;
display: block;
margin-bottom: -2px;
color: #fff
}
.news .news__heading:hover {
color: #85d6de
}
.news .news__heading:focus {
text-decoration: none
}
.news .news__date {
margin-bottom: 8px;
font-size: 12px;
color: #758594
}
.news:last-child {
padding-bottom: 20px
}
.header--social .header-line {
position: relative;
background: 0 0
}
.header--social .header-line:before {
content: "";
position: absolute;
bottom: 3px;
left: 0;
height: 1px;
width: 100%;
background: rgba(0,0,0,.15)
}
.header--social .header-fixed {
max-height: 151px
}
.header--social .fixed-top {
position: relative;
top: -3px
}
.header--social .contact-info {
padding-top: 1px
}
.header--social .contact-info .contact-info__item {
position: relative;
padding-right: 29px;
margin-left: 31px;
display: inline-block
}
.header--social .contact-info .contact-info__item:before {
content: "";
position: absolute;
top: -13px;
right: 0;
height: 44px;
width: 1px;
background: rgba(0,0,0,.15)
}
.header--social .contact-info .contact-info__item:first-child:after {
content: "";
position: absolute;
top: -13px;
left: -31px;
height: 44px;
width: 1px;
background: rgba(0,0,0,.15)
}
.header--social .social--small {
float: right;
margin-top: -2px
}
.header--social .social--small .social__link {
height: 28px;
width: 28px;
padding-top: 5px
}
.header--social .social--small .social__icon {
font-size: 14px
}
.header--block {
min-height: 171px
}
.header--block .header-line {
position: relative;
text-align: center;
background: 0 0;
margin-bottom: 71px
}
.header--block .header-line:before {
content: "";
position: absolute;
bottom: 0;
right: 0;
height: 1px;
width: 100%;
background: rgba(0,0,0,.15)
}
.header--block .logo img {
margin-top: 20px;
margin-bottom: 16px
}
.header--block .fixed-top {
top: 35px
}
.header--block .header-up {
-webkit-transform: translate3d(0, -100px, 0);
-moz-transform: translate3d(0, -100px, 0);
-ms-transform: translate(0, -100px);
transform: translate3d(0, -100px, 0)
}
.header--block .logo {
float: none;
display: inline-block;
margin-bottom: 10px
}
.header--block .logo .logo__text {
margin-top: 15px;
text-align: left
}
@media (min-width:769px) {
.header--block .z-nav {
text-align: center
}
.header--block .z-nav .z-nav__list {
float: none
}
.header--block .z-nav .z-nav__list>.z-nav__item {
display: inline-block
}
.header--block .z-nav .z-nav__list>.z-nav__item>.z-nav__link {
position: relative;
padding: 24px 45px
}
.header--block .z-nav .z-nav__list>.z-nav__item>.z-nav__link:before {
content: "";
position: absolute;
top: 0;
left: 0;
height: 68px;
width: 1px;
background: rgba(0,0,0,.15)
}
.header--block .z-nav .z-nav__list>.z-nav__item:first-child>.z-nav__link:before {
display: none
}
.header--block .z-nav .z-nav__list>.z-nav__item>.z-nav__link:before {
transition: opacity 300ms
}
.header--block .z-nav .z-nav__list>.z-nav__item>.z-nav__link:hover:before {
opacity: .4
}
.header--block .z-nav .z-nav__link {
text-align: left
}
.header--block .z-nav .z-nav__item .z-nav__list-secondary {
top: 67px
}
.header--block .z-nav .z-nav__item .z-nav__list-secondary .z-nav__list-secondary {
top: 0
}
}
@media (min-width:992px) and (max-width:1199px) {
.header--block .z-nav .z-nav__list>.z-nav__item>.z-nav__link {
padding: 24px 35px
}
}
@media (min-width:768px) and (max-width:991px) {
.header--block .z-nav .z-nav__list>.z-nav__item>.z-nav__link {
padding: 24px 20px
}
}
@media (max-width:768px) {
.header {
min-height: 1px
}
.header--block .header-line {
margin-bottom: 0
}
.header--block .z-nav {
top: 0;
margin-top: -86px
}
.header--block .header-up {
-webkit-transform: translate3d(0, 0, 0);
-moz-transform: translate3d(0, 0, 0);
-ms-transform: translate(0, 0);
transform: translate3d(0, 0, 0)
}
.header--block .z-nav .z-nav__list>.z-nav__item>.z-nav__link {
padding: 0 30px
}
.header--block .fixed-top {
margin-top: 65px;
position: absolute
}
.header--block .fixed-top .z-nav {
width: 50px
}
}
.header--complex {
min-height: 150px;
background: #2C3E50
}
.header--complex .fixed-top {
top: 2px;
margin-top: -85px
}
.header--complex .header-fixed {
background: #2C3E50
}
.header--complex .header-line {
background: 0 0;
margin-bottom: 85px
}
.header--complex .header-up {
-webkit-transform: translate3d(0, -66px, 0);
-moz-transform: translate3d(0, -66px, 0);
-ms-transform: translate(0, -66px);
transform: translate3d(0, -66px, 0)
}
.header--complex .contact-info {
margin-top: 11px;
padding-top: 1px;
margin-right: 34px
}
.header--complex .contact-info .contact-info__item {
position: relative;
padding-right: 29px;
margin-left: 31px;
display: inline-block
}
.header--complex .contact-info .contact-info__item:before {
content: "";
position: absolute;
top: -13px;
right: 0;
height: 44px;
width: 1px;
background: rgba(0,0,0,.15)
}
.header--complex .contact-info .contact-info__item:first-child:after {
content: "";
position: absolute;
top: -13px;
left: -31px;
height: 44px;
width: 1px;
background: rgba(0,0,0,.15)
}
.header--complex .social--small {
float: right;
margin-top: 9px
}
.header--complex .social--small .social__link {
height: 28px;
width: 28px;
padding-top: 5px
}
.header--complex .social--small .social__icon {
font-size: 14px
}
.header--complex .logo-sm img {
height: 36px;
margin-top: 6px;
width: 101px
}
.header--complex .logo-sm .logo__text {
margin-top: 5px;
margin-bottom: 0;
padding-top: 11px;
padding-bottom: 11px;
padding-left: 46px;
font-size: 24px;
background-image: url(../images/logo-sm.png);
background-position: 0 0;
background-size: 36px auto
}
.header--complex .search {
margin-top: -34px;
z-index: 30
}
.header--complex .search .search__field {
background: #2C3E50
}
@media (min-width:769px) {
.header--complex .z-nav {
padding: 0;
margin-left: -20px
}
.header--complex .z-nav .z-nav__list>.z-nav__item>.z-nav__link {
padding: 31px 20px
}
.header--complex .z-nav__list {
float: left
}
.header--complex .z-nav__item:hover .z-nav__list-secondary {
top: 81px
}
.header--complex .z-nav__item .z-nav__list-secondary {
top: 82px
}
.header--complex .z-nav__item .z-nav__list-secondary .z-nav__list-secondary {
top: 0
}
}
@media (min-width:992px) and (max-width:1199px) {
.header--complex .search .search__field {
width: 255px
}
}
@media (min-width:768px) and (max-width:991px) {
.header--complex .contact-info {
margin-right: 15px
}
.header--complex .z-nav {
margin-left: -10px
}
.header--complex .z-nav .z-nav__list>.z-nav__item>.z-nav__link {
padding: 31px 10px
}
}
@media (max-width:768px) {
.header--complex {
min-height: 68px
}
.header--complex .header-line {
margin-bottom: 0
}
.header--complex .z-nav {
top: 0;
margin-top: -68px
}
.header--complex .header-up {
-webkit-transform: translate3d(0, 0, 0);
-moz-transform: translate3d(0, 0, 0);
-ms-transform: translate(0, 0);
transform: translate3d(0, 0, 0)
}
.header--complex .z-nav .z-nav__list>.z-nav__item>.z-nav__link {
padding: 0 30px
}
.header--complex .contact-info, .header--complex .search, .header--complex .social {
display: none
}
.header--complex .fixed-top {
margin-top: 64px;
position: absolute
}
.header--complex .fixed-top .z-nav {
width: 50px
}
}
.header--thin {
padding-top: 0;
min-height: 69px
}
.header--thin .fixed-top {
top: 0;
margin-top: -10px
}
.header--thin .header-line {
margin-bottom: 0
}
.header--thin .logo-sm img {
height: 36px;
margin-top: 16px;
width: 101px
}
.header--thin .logo-sm .logo__text {
margin-top: 15px;
margin-bottom: 0;
padding-top: 11px;
padding-bottom: 11px;
padding-left: 46px;
font-size: 24px;
background-image: url(../images/logo-sm.png);
background-position: 0 0;
background-size: 36px auto
}
.header--thin .header-up {
-webkit-transform: translate3d(0, 0, 0);
-moz-transform: translate3d(0, 0, 0);
-ms-transform: translate(0, 0);
transform: translate3d(0, 0, 0)
}
@media (min-width:768px) {
.header--thin .z-nav .z-nav__list>.z-nav__item>.z-nav__link {
padding: 23px 20px
}
.header--thin .z-nav__item .z-nav__list-secondary {
top: 65px
}
.header--thin .z-nav__item .z-nav__list-secondary .z-nav__list-secondary {
top: 0
}
}
@media (min-width:768px) and (max-width:991px) {
.header--thin .z-nav .z-nav__list>.z-nav__item>.z-nav__link {
padding: 23px 12px
}
}
@media (max-width:768px) {
.header--thin .header-line {
margin-bottom: 0
}
.header--thin .z-nav {
top: 0;
margin-top: -1px
}
.header--thin .z-nav .z-nav__list>.z-nav__item>.z-nav__link {
padding: 0 30px
}
}
.header--light {
background: #f3f7f7
}
.header--light .header-fixed {
background-color: #f3f7f7
}
.header--light .fixed-top, .header--light .z-nav__list {
background: #f3f7f7
}
.header--light .search .search__field {
background: #f3f7f7;
border-color: #f3f7f7
}
.header--light .logo .highlight, .header--light .logo .logo__slogan, .header--light .logo .logo__text, .header--light .search .search__field:focus, .header--light .search .search__field:focus+.search__btn, .header--light .search .search__field:hover, .header--light .search .search__field:hover+.search__btn {
color: #34495e
}
.header--light .logo .highlight {
-webkit-transition: all 500ms ease;
-moz-transition: all 500ms ease;
transition: all 500ms ease
}
.header--light .logo:hover .highlight, .header--light .logo:hover .logo__text {
color: #fed37f
}
.header--light .cart .cart__link, .header--light .z-nav .z-nav__link, .header--light .z-nav__toggle-sub .fa-minus, .header--light .z-nav__toggle-sub .fa-plus {
color: #34495e
}
.header--light .cart:hover .cart__link {
color: #fff
}
.header--light .social .social__link {
background: #d7dde0
}
.header--light .z-nav .z-nav__link--active {
color: #758594
}
.header--light .search .search__field:focus {
border-color: #34495e
}
.header--complex.header--light, .header--complex.header--light .header-fixed {
background: #e9eeef
}
.header--complex.header--light .search .search__field {
background: #fff;
border-color: #dfe6e7
}
.header--complex.header--light .search .search__field:focus {
border-color: #34495e
}
@media (min-width:768px) {
.header--light .z-nav__list-secondary .z-nav__link:hover {
color: #fff
}
}
@media (max-width:768px) {
.header--light .z-nav .z-nav__link:hover {
color: #85d6de
}
.header--light .z-nav__toggle-sub.minus, .header--light .z-nav__toggle-sub.plus, .header--light .z-nav__toggle-sub.plus+.z-nav__link {
background: #f3f7f7
}
.header--light .z-nav__list-secondary, .header--light .z-nav__list-secondary .z-nav__item .z-nav__toggle-sub.plus+.z-nav__link, .header--light .z-nav__toggle-sub, .header--light .z-nav__toggle-sub+.z-nav__link {
background: #e9eeef
}
}
.place-shrink {
overflow-x: hidden
}
.header-placement .header-fixed {
background: 0 0;
top: 0;
padding-top: 0
}
.header-placement .header-up {
background-color: #34495e;
-webkit-transform: translate3d(0, 0, 0);
-moz-transform: translate3d(0, 0, 0);
-ms-transform: translate(0, 0);
transform: translate3d(0, 0, 0)
}
.header-placement .main-title {
margin-top: -10px
}
.header-placement .main-title-helper {
position: absolute;
top: 50%;
left: 0;
width: 100%;
margin-top: 50px;
text-align: center;
font-size: 24px;
text-transform: none;
color: #85d6de
}
.header-placement .scroll-next {
background-color: rgba(86,104,121,.5)
}
@media (max-width:768px) {
.header-placement .header-fixed {
position: relative;
margin-bottom: -104px
}
}
@media (max-width:480px) {
.header-placement .main-title {
font-size: 36px
}
.header-placement .main-title-helper {
font-size: 22px
}
}
.hero-header {
position: relative;
height: 850px;
background-color: #34495e;
text-align: center;
overflow: hidden;
background-image: url(../images/video-placement.jpg);
background-position: 50% 50%;
background-repeat: no-repeat
}
.hero-header:before {
content: "";
position: absolute;
top: 0;
left: 0;
z-index: 2;
width: 100%;
height: 100%;
background: #000;
opacity: .3
}
.hero-header .main-title {
position: absolute;
top: 50%;
left: 0;
width: 100%;
padding: 0;
font-size: 50px;
text-transform: uppercase;
text-align: center;
color: #fff;
z-index: 5
}
.hero-header .main-title-helper {
z-index: 5
}
.hero-header .btn {
position: absolute;
top: 65%;
left: 50%;
margin-left: -119px
}
.hero-header video {
position: absolute;
top: 0;
left: 0;
width: 100%
}
@media (max-width:1600px) {
.hero-header {
height: 650px
}
}
@media (max-width:1199px) {
.hero-header {
height: 530px
}
.hero-header .btn {
top: 68%
}
}
@media (max-width:933px) {
.hero-header {
height: 530px
}
.hero-header .main-title {
font-size: 46px
}
.hero-header .btn {
top: 70%
}
.hero-header video {
width: 140%;
margin-left: -20%
}
}
@media (max-width:768px) {
.hero-header {
height: 470px
}
.hero-header .main-title {
font-size: 40px
}
}
@media (max-width:640px) {
.hero-header {
height: 440px
}
.hero-header .main-title {
font-size: 40px;
margin-top: -40px
}
.hero-header .main-title-helper {
font-size: 18px
}
.hero-header video {
width: 180%;
margin-left: -40%
}
}
@media (max-width:480px) {
.hero-header {
height: 390px
}
.hero-header .main-title {
font-size: 34px;
margin-top: -40px
}
.hero-header .main-title-helper {
font-size: 18px
}
.hero-header .btn {
top: 80%
}
.hero-header video {
width: 240%;
margin-left: -70%
}
}
.header--opacity {
background: rgba(243,247,247,.9);
position: fixed;
z-index: 250
}
.header--opacity .header-fixed {
max-height: 100px
}
.header--opacity .fixed-top, .header--opacity .header-fixed {
background: rgba(243,247,247,.9)
}
@media (max-width:768px) {
.header--opacity {
width: 100%;
position: relative
}
}
.header--fixed {
position: fixed;
top: 0;
left: 0;
width: 100%;
z-index: 30;
background: 0 0
}
@media (max-width:768px) {
.header--fixed {
margin-bottom: -155px;
position: relative
}
}
.bubble-header .main-title {
position: relative;
display: inline-block;
width: auto;
font-family: 'Varela Round', sans-serif;
font-size: 44px;
color: #000
}
.bubble-header .main-title:before {
content: "";
position: absolute;
bottom: -36px;
left: 0;
width: 100%;
height: 1px;
background: #fff
}
.bubble-header .main-title:after {
content: "";
position: absolute;
bottom: -36px;
left: 50%;
width: 80px;
height: 3px;
margin-left: -40px;
background: #85d6de
}
.bubble-header .btn-container {
margin-top: 71px;
text-align: center;
display: block
}
.bubble-header .btn-container .btn {
padding-left: 25px;
padding-right: 25px
}
.bubble-header .bubble-heade__content {
text-align: center;
position: absolute;
top: 50%;
left: 0;
width: 100%;
margin-top: -30px
}
.header-offer {
position: relative;
background-color: #f5e6d2;
background-image: radial-gradient(center center, circle cover, #fff, #f5e6d2);
background-image: -o-radial-gradient(center center, circle cover, #fff, #f5e6d2);
background-image: -ms-radial-gradient(center center, circle cover, #fff, #f5e6d2);
background-image: -moz-radial-gradient(center center, circle cover, #fff, #f5e6d2);
background-image: -webkit-radial-gradient(center center, circle cover, #fff, #f5e6d2)
}
.header-offer:after, .header-offer:before {
content: "";
position: absolute;
left: 0;
width: 100%;
height: 3px;
background-repeat: repeat-x
}
.header-offer:before {
top: 0;
background: url(../images/components/strip-top.png);
z-index: 1500
}
.header-offer:after {
bottom: 0;
background: url(../images/components/strip-bottom.png)
}
.header-offer .header-fixed {
padding-top: 0;
background: 0 0
}
.header-offer .header-fixed.header-up {
background: #fbf4eb;
-webkit-transform: translate3d(0, 0, 0);
-moz-transform: translate3d(0, 0, 0);
-ms-transform: translate(0, 0);
transform: translate3d(0, 0, 0)
}
.header-offer .header-inner:after, .header-offer .header-inner:before {
content: "";
position: absolute;
top: 0;
width: 3px;
height: 100%;
background-repeat: repeat-x;
z-index: 1500
}
.header-offer .header-inner:before {
left: 0;
background: url(../images/components/strip-left.png)
}
.header-offer .header-inner:after {
right: 0;
background: url(../images/components/strip-right.png)
}
.header-offer .strip-helper-right {
position: absolute;
top: 0;
right: 0;
height: 100%;
width: 100%
}
.header-offer .strip-helper-right:after, .header-offer .strip-helper-right:before {
content: "";
position: absolute;
background-repeat: no-repeat
}
.header-offer .strip-helper-right:before {
top: 0;
right: 0;
width: 110px;
height: 54px;
background: url(../images/components/corner-1.png)
}
.header-offer .strip-helper-right:after {
bottom: 0;
right: 0;
width: 20px;
height: 93px;
background: url(../images/components/corner-2.png);
z-index: 20
}
.header-offer .strip-helper-left {
position: absolute;
top: 0;
right: 0;
height: 100%;
width: 100%
}
.header-offer .strip-helper-left:before {
content: "";
position: absolute;
bottom: 0;
left: 0;
width: 44px;
height: 43px;
background: url(../images/components/corner-3.png)
}
.header-offer .z-nav .z-nav__link:hover {
background: #a2dbeb
}
.header-offer .z-nav__list>.z-nav__item>.z-nav__link {
color: #838a8e;
padding-top: 57px;
padding-bottom: 43px
}
.header-offer .z-nav__list>.z-nav__item>.z-nav__link:hover {
color: #34495e
}
.header-offer .z-nav__item .z-nav__list-secondary {
top: 119px;
background: #a2dbeb
}
.header-offer .z-nav__item .z-nav__list-secondary:before {
background: #a2dbeb;
-webkit-box-shadow: 0 4px 6px rgba(0,0,0,.1);
-moz-box-shadow: 0 4px 6px rgba(0,0,0,.1);
box-shadow: 0 4px 6px rgba(0,0,0,.1)
}
.header-offer .menu-head {
background-color: #a2dbeb
}
.header-offer .menu-icon {
background-color: #a2dbeb;
border-color: #a2dbeb
}
@media (max-width:768px) {
.header-offer .z-nav__item .z-nav__list-secondary {
background-color: #273747
}
.header-offer .z-nav__list>.z-nav__item>.z-nav__link {
color: #fff;
padding-top: 0;
padding-bottom: 0
}
.header-offer .z-nav__list .z-nav__link:hover, .header-offer .z-nav__list>.z-nav__item>.z-nav__link:hover {
color: #a2dbeb
}
.header-offer .z-nav .z-nav__link:hover {
background: 0 0
}
.header-offer .z-nav .z-nav__toggle-sub:not(.plus)+.z-nav__link:hover {
background-color: #273747
}
}
.header-offer .logo {
margin-top: 15px
}
.header-offer .logo .logo__text {
color: #ff6163;
background-image: url(../images/logo-special.png)
}
.header-offer .logo .logo__slogan {
color: #838a8e
}
.header-offer .main-block {
padding-top: 200px;
padding-bottom: 120px;
position: relative;
z-index: 30;
text-align: center
}
.header-offer .main-block .main-block__image {
max-width: 785px
}
.header-offer .main-block .main-block__btn {
margin-top: 80px;
padding-left: 26px;
padding-right: 26px
}
.header-offer .helper-nav {
position: absolute;
top: -150px;
left: 0
}
@media (max-width:992px) {
.header-offer .main-block .main-block__image {
max-width: 690px
}
}
@media (max-width:768px) {
.header-offer .main-block {
padding: 60px 30px
}
.header-offer .main-block .main-block__image {
max-width: 100%
}
}
.footer {
background-color: #34495e
}
#loading-container {
text-align: center
}
.swiper-container {
padding-bottom: 40px;
margin-top: 55px;
margin-bottom: 47px;
border-bottom: 1px solid rgba(0,0,0,.15)
}
.footer .swiper-slide {
padding-right: 15px
}
.swiper-pagination {
position: absolute;
bottom: 25px;
left: 0;
display: block;
width: 100%;
text-align: center
}
.swiper-pagination-switch {
display: inline-block;
width: 8px;
height: 8px;
margin: 6px;
background-color: #758594;
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
border-radius: 4px
}
.swiper-active-switch, .swiper-pagination-switch:hover {
background-color: #85d6de;
cursor: pointer
}
.twitter__follow {
position: absolute;
top: 0;
right: 0;
padding: 7px 14px 8px 11px;
font-size: 12px;
text-decoration: none;
color: #fff!important;
background-color: #00acee;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;
-webkit-transition: 300ms;
-o-transition: 300ms;
transition: 300ms
}
.twitter__follow:focus, .twitter__follow:hover {
text-decoration: none;
color: #fff;
opacity: .8
}
.twitter__follow .fa-twitter {
margin-right: 8px
}
.twitter-article {
position: relative
}
.twitter-article p {
line-height: 18px
}
.twitter-article a {
color: #85d6de
}
.twitter-article a:hover {
color: #fff
}
.twitter-article .twitter-pic {
float: left;
margin: 5px 10px 70px 0
}
.twitter-article .twitter-pic img {
-webkit-border-radius: 24px;
-moz-border-radius: 24px;
border-radius: 24px
}
.twitter-article .twitter-author {
margin: 9px 10px 10px 0;
float: left;
color: #fff;
font-weight: 700
}
.twitter-article .tweetprofilelink {
display: inline-block;
margin-top: 11px;
font-size: 12px
}
.twitter-article .twitter-text p {
color: #fff
}
.twitter-article .tweet-time {
display: block;
margin-top: -2px;
font-size: 12px
}
#twitter-actions {
float: right;
margin-top: -20px
}
.intent {
font-size: 12px;
display: inline-block
}
.intent a {
background-repeat: no-repeat;
background-size: 20px 20px;
padding-left: 20px;
padding-right: 17px;
background-position: 0 -1px;
-webkit-transition: none;
-o-transition: none;
transition: none
}
.intent a:hover {
color: #fff
}
#intent-reply a {
background-image: url(../images/icons/reply.svg)
}
#intent-retweet a {
padding-right: 14px;
background-image: url(../images/icons/retweet.svg)
}
#intent-fave a {
padding-right: 0;
background-position: 0 -3px;
background-image: url(../images/icons/fave.svg)
}
#intent-reply a:hover {
background-image: url(../images/icons/reply-null.svg);
background-position: 1px -1px
}
#intent-retweet a:hover {
background-image: url(../images/icons/retweet-null.svg);
background-position: 0 0
}
#intent-fave a:hover {
background-image: url(../images/icons/fave-null.svg);
background-position: 0 -2px
}
.copy {
margin-top: 25px;
padding: 24px 0 28px;
font-size: 12px;
text-align: center;
color: #fff;
border-top: 1px solid rgba(0,0,0,.15)
}
.copy a {
text-decoration: none;
color: #758594
}
.copy a:hover {
color: #85d6de
}
.footer--expand {
text-align: center;
background-image: url(../images/components/footer-stars.png);
background-repeat: no-repeat;
background-position: 50% 0;
background-attachment: fixed
}
.footer--expand .contact-info {
padding-top: 5px;
padding-bottom: 5px
}
.footer--expand .contact-info .contact-info__item {
display: inline-block;
max-width: 240px;
text-align: left;
color: #758594;
vertical-align: top
}
.footer--expand .contact-info .contact-info__item .fa {
color: #fff
}
.footer--expand .social {
padding-top: 23px
}
.footer--expand .contact .contact__field {
margin-bottom: 30px;
color: #fff;
background-color: #758594;
border-color: transparent
}
.footer--expand .contact .contact__field:focus {
border-color: #fff
}
.footer--expand .contact .contact__field.invalid_field {
border-color: #fe8f8c
}
.footer--expand .copy {
margin-top: 51px;
padding-top: 166px;
padding-bottom: 75px;
border: none
}
.footer--expand .copy--space {
position: relative;
z-index: 20;
background-image: url(../images/components/planet-huge.png);
background-repeat: no-repeat;
background-position: 50% 100%;
background-size: 448px 258px
}
.footer--expand .success {
color: #fff
}
.map--fullwidht {
width: 100%;
height: 300px
}
.footer--info {
padding-top: 46px
}
.footer--info p {
color: #758594
}
.footer--info .logo {
display: inline-block;
float: none;
margin-bottom: 0
}
.footer--info .logo img {
margin-top: 15px;
margin-bottom: 40px
}
.footer--info .logo .logo__text {
margin-top: 13px;
margin-bottom: 26px
}
.footer--info .logo .highlight {
-webkit-transition: all 500ms ease;
-moz-transition: all 500ms ease;
transition: all 500ms ease
}
.footer--info .logo:hover .highlight {
color: #fed37f
}
.footer--info .heading-info {
margin-bottom: 9px
}
.footer--info .form--name {
position: relative;
margin-top: 2px
}
.footer--info .form--name .form__input {
width: 100%;
padding: 9px 30px;
font-size: 14px;
font-style: italic;
color: #758594;
background: #2c3e50;
border: 1px solid #34495e;
-webkit-border-radius: 19px;
-moz-border-radius: 19px;
border-radius: 19px;
box-shadow: none;
-webkit-transition: border-color 300ms ease-out;
-o-transition: border-color 300ms ease-out;
transition: border-color 300ms ease-out
}
.footer--info .form--name .form__input:focus {
border-color: #fff;
color: #fff
}
.footer--info .form--name .form__input:focus+div+.clear .form__submit {
color: #fff
}
.footer--info .form--name .form__submit {
position: absolute;
top: 7px;
right: 20px;
font-size: 16px;
color: #758594;
background: 0 0;
border: none;
box-shadow: none;
-webkit-transition: color 300ms ease-out;
-o-transition: color 300ms ease-out;
transition: color 300ms ease-out
}
.footer--info .copy {
margin-top: 30px;
text-align: left
}
.footer--info .navigation {
float: right;
font-size: 0;
font-style: normal
}
.footer--info .navigation li {
font-size: 12px;
display: inline-block;
padding: 0 15px
}
.footer--info .navigation a:hover {
color: #85d6de
}
@media (min-width:768px) and (max-width:991px) {
.footer--info .copy {
text-align: center
}
.footer--info .navigation {
float: none;
margin-top: 20px;
text-align: center
}
}
@media (max-width:768px) {
.footer--info .copy {
text-align: center
}
.footer--info .navigation {
float: none;
margin-top: 20px;
text-align: center
}
.footer--info .navigation li {
margin-bottom: 10px
}
}
.footer--contact {
padding-top: 48px
}
.footer--contact p {
color: #758594
}
.footer--contact p+p {
margin-top: 26px
}
.footer--contact .logo {
float: none;
display: inline-block;
margin-bottom: 0
}
.footer--contact .logo img {
margin-top: 15px;
margin-bottom: 30px
}
.footer--contact .logo .logo__text {
margin-top: 13px;
margin-bottom: 26px
}
.footer--contact .logo .highlight {
-webkit-transition: all 500ms ease;
-moz-transition: all 500ms ease;
transition: all 500ms ease
}
.footer--contact .logo:hover .highlight {
color: #fed37f
}
.footer--contact .copy {
margin-top: 33px;
text-align: left
}
.footer--contact .contact--dark {
margin-bottom: 60px;
text-align: left
}
.footer--contact .contact--dark .contact__field {
margin-bottom: 15px;
color: #758594;
background: #2c3e50;
border-color: #2c3e50
}
.footer--contact .contact--dark .contact__field:focus {
border-color: #fff
}
.footer--contact .contact--dark .contact__field.invalid_field {
border-color: #fe8f8c
}
.footer--contact .form-container {
position: relative;
top: 0;
background-color: #34495e
}
.footer--contact .form-error p {
color: #34495e
}
@media (max-width:768px) {
.footer--contact .contact--dark {
margin-bottom: 10px
}
.footer--contact .relative-block {
padding-bottom: 105px
}
.footer--contact .copy {
position: absolute;
bottom: 0;
left: 15px;
width: 95%
}
}
.footer--simple .copy {
padding: 69px 0 65px 45px;
margin-top: 0;
text-align: left;
font-size: 14px;
border: none;
background: url(../images/logo-alt.png) 0 52% no-repeat;
background-size: 28px 28px
}
.footer--simple .navigation {
float: right;
margin-top: 69px;
font-size: 0;
font-style: normal
}
.footer--simple .navigation li {
font-size: 14px;
display: inline-block;
padding: 0 20px
}
.footer--simple .navigation a {
color: #758594
}
.footer--simple .navigation a:hover {
color: #85d6de
}
@media (min-width:768px) and (max-width:991px) {
.footer--simple {
text-align: center
}
.footer--simple .copy {
display: inline-block;
padding-top: 50px;
padding-bottom: 45px;
text-align: center
}
.footer--simple .navigation {
float: none;
margin-top: 50px;
text-align: center
}
}
@media (max-width:768px) {
.footer--simple {
text-align: center
}
.footer--simple .copy {
display: inline-block;
padding-top: 50px;
padding-bottom: 45px;
text-align: center
}
.footer--simple .navigation {
float: none;
margin-top: 50px;
text-align: center
}
.footer--simple .navigation li {
margin-bottom: 10px;
padding: 0 10px
}
}
.footer--media {
padding-top: 45px
}
.footer--media .copy {
margin-top: 35px
}
.footer--media .heading-info {
margin-bottom: 12px
}
.footer--media .footer__list {
padding-left: 5px
}
.footer--media .footer__list li {
position: relative;
font-style: normal;
padding-bottom: 20px;
padding-left: 30px
}
.footer--media .footer__list li:before {
content: "\f111";
position: absolute;
left: 0;
top: 7px;
font: 6px FontAwesome;
color: #fff
}
.footer--media .footer__list a {
color: #758594
}
.footer--media .footer__list a:hover {
color: #85d6de
}
.footer--media .instagram-feed {
position: relative
}
.footer--media .instagram-feed .media-follow {
position: absolute;
top: -31px;
right: 0;
font-size: 11px;
font-weight: 700;
text-transform: uppercase
}
.footer--media .instagram-feed .media-follow:hover {
color: #fff
}
@media (min-width:992px) and (max-width:1199px) {
.footer--media #instagram {
width: 290px!important
}
}
@media (min-width:768px) and (max-width:991px) {
.footer--media #instagram {
width: 215px!important
}
}
@media (max-width:480px) {
.footer--media #instagram {
width: 290px!important
}
}
@media (max-width:360px) {
.footer--media #instagram {
width: 215px!important
}
}
.footer--light {
background-color: #f3f7f7
}
.footer--light ul {
list-style: none
}
.footer--light .contact-info .fa, .footer--light .footer__list li:before, .footer--light .instagram-feed .media-follow:hover, .footer--light .logo__text, .footer--light .logo__text .highlight, .footer--light .logo__text .logo__slogan {
color: #34495e
}
.footer--light .contact--dark .contact__field, .footer--light .form--name .form__input {
background: #fff;
border: 1px solid #dfe6e7;
color: #34495e
}
.footer--light .form--name .form__submit {
color: #34495e
}
.footer--light .form--name .form__input:focus {
border-color: #34495e;
color: #34495e
}
.footer--light .form--name .form__input:focus+div+.clear .form__submit {
color: #34495e
}
.footer--light .contact--dark .contact__field:focus {
border-color: #34495e
}
.footer--light .post--latest .post__date {
color: #34495e
}
.footer--light .social .social__link {
background: #d7dde0
}
.footer--light .twitter-article .twitter-author {
color: #34495e
}
.footer--light .twitter-article .twitter-text p {
color: #758594
}
.footer--light .contact-info .contact-info__item i.fa {
color: #34495e
}
.footer--light .form-container, .footer--light .loader:after, .footer--light .loader:before {
background: #f3f7f7
}
.footer--light .twitter-article a:hover {
color: #34495e
}
.footer--offer {
background: #fbf4eb
}
.footer--offer .copy {
color: #838a8e;
background-image: url(../images/logo-alt-special.png)
}
.footer--offer .navigation a {
color: #838a8e
}
.footer--offer .navigation a:hover {
color: #34495e
}
.bannercontainer {
width: 100%;
position: relative;
padding: 0;
max-height: 580px;
overflow: hidden;
background-color: #85d6de
}
.bannercontainer ul {
padding-left: 0
}
.bannercontainer ul li {
list-style: none
}
.slider__heading {
font: 40px 'Varela Round', sans-serif;
color: #fff;
text-shadow: 0 3px rgba(0,0,0,.4)
}
.slider__phone img {
width: 269px;
height: 400px
}
.slider__btn {
margin-left: -5px
}
.slider__btn .btn {
color: #fff;
padding-left: 20px;
padding-right: 20px
}
.slider__btn .btn:hover {
color: #fff
}
.slider-width {
width: 450px;
text-align: left
}
.slider__btn .link {
color: #fe8f8c;
font-style: normal;
border-color: #fe8f8c
}
.slider__btn .link:hover {
color: #fe8f8c
}
.slider__heading--sm-danger {
font: 24px 'Varela Round', sans-serif;
color: #fe8f8c
}
.slider__heading--lg-primary {
font: 48px 'Varela Round', sans-serif;
color: #000
}
.slider__text {
font-style: normal;
line-height: 26px;
color: #737c85
}
.slider__heading--dark {
font: 44px 'Varela Round', sans-serif;
color: #000
}
.slider__heading--dark-sm {
font: 24px 'Varela Round', sans-serif;
color: #000
}
.brand-circle {
position: relative;
width: 390px;
height: 390px;
background-color: #fff;
-webkit-border-radius: 50%;
-moz-border-radius: 50%;
border-radius: 50%;
opacity: .8
}
.brand-circle:before {
content: "";
position: absolute;
top: 10px;
left: 18%;
width: 200px;
height: 189px;
margin-left: 25px;
background-image: url(../images/slide.png);
background-size: 100%;
background-repeat: no-repeat;
}
.banner-control {
width: 100%;
height: 80px;
margin-top: -1px;
background-color: #85d6de
}
.tparrows.default {
top: 100%!important;
width: 15%;
height: 79px;
background: 0 0;
background: rgba(52,73,94,.1);
-webkit-transition: all 300ms ease-in;
-o-transition: all 300ms ease-in;
transition: all 300ms ease-in
}
.tparrows.default:hover {
background-color: #34495e
}
.tparrows.default:before {
content: "";
position: absolute;
top: 24px;
font: 30px FontAwesome;
color: #fff
}
.tp-leftarrow.default:before {
content: "\f104";
right: 25px
}
.tp-rightarrow.default:before {
content: "\f105";
left: 25px
}
.slider-info {
padding-top: 27px;
font-size: 18px;
text-align: center;
color: #fff
}
.mobile-full-placeholeder {
position: relative;
z-index: 50;
display: none;
text-align: center;
height: 450px;
background-image: url(../images/slider/full-width/image1.jpg)
}
.mobile-full-placeholeder .full-placeholeder__headind {
padding-top: 100px;
margin-top: 0;
margin-bottom: 60px
}
.mobile-full-placeholeder .slider__heading--sm-danger {
padding-top: 160px;
margin: 0
}
.mobile-full-placeholeder .slider__heading--lg-primary {
margin-top: 10px;
margin-bottom: 45px
}
.mobile-full-placeholeder .brand-circle {
width: 390px;
height: 390px;
position: absolute;
top: 50%;
left: 50%;
z-index: -1;
margin-top: -190px;
margin-left: -190px
}
.mobile-full-placeholeder .brand-circle:before {
top: 70px
}
.mobile-full-placeholeder .slider__heading--dark {
margin: 0;
padding-top: 180px
}
.mobile-full-placeholeder .slider__heading--dark-sm {
margin-top: 0;
margin-bottom: 40px
}
.full-placeholeder--second {
background-image: url(../images/slider/full-width/image2-alt.jpg);
background-position: left center;
background-size: 768px 560px
}
.full-placeholeder--third {
background-image: url(../images/slider/full-width/image3-alt.jpg);
background-position: center;
background-size: 768px 560px
}
.placeholeder-control {
display: none;
padding: 20px 15px 18px;
background-color: #85d6de
}
.placeholeder-control .placeholeder-info {
color: #fff;
font-size: 16px;
line-height: 20px;
text-align: center
}
.royalSlider {
width: 100%;
max-height: 560px
}
.rsImg {
margin-top: 0!important;
margin-left: 0!important;
width: 100%!important;
height: 100%!important
}
.rsThumbs {
position: absolute;
bottom: -101px;
left: 0;
right: 0;
text-align: center
}
.rsThumbs .rsThumbsContainer {
display: inline-block
}
.rsThumbs .rsThumb {
position: relative;
border: 1px solid #85d6de
}
.rsThumbs .rsThumb:before {
content: "";
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
background-color: #34495e;
opacity: .3;
-webkit-transition: all 300ms ease-out;
-o-transition: all 300ms ease-out;
transition: all 300ms ease-out
}
.rsThumbs .rsThumb:hover:before {
opacity: 0
}
.royal-line {
height: 100px;
background-color: #85d6de
}
.slide .slide__heading, .slide .slide__heading-sub, .slide .slide__info {
margin: 0
}
.slide--phone .slide__heading {
position: absolute;
top: 15%;
left: 0;
right: 0;
font-size: 40px;
text-align: center;
color: #fff;
text-shadow: 0 3px rgba(0,0,0,.4)
}
.slide--phone .slide__image {
position: absolute;
bottom: 0;
left: 0;
right: 0;
text-align: center
}
.slide--phone .slide__image img {
width: 270px;
height: 401px
}
.slide--phone .slide__btn {
position: absolute;
bottom: 14%;
left: 0;
right: 0;
margin-left: -4px;
text-align: center
}
.slide--phone .slide__btn .btn {
padding-left: 21px;
padding-right: 21px
}
.slide--text .slide__heading {
position: absolute;
top: 23%;
left: 50%;
font-size: 24px;
color: #fe8f8c
}
.slide--text .slide__heading-sub {
position: absolute;
top: 29%;
left: 50%;
font-size: 48px;
color: #000
}
.slide--text .slide__info {
position: absolute;
top: 44%;
left: 50%;
color: #737c85
}
.slide--text .link {
position: absolute;
top: 70%;
left: 50%;
color: #fe8f8c;
border-color: #fe8f8c
}
.slide--text .link:hover {
color: #fe8f8c
}
.slide--circle .brand-circle {
position: absolute;
top: 15%;
left: 50%;
margin-left: -195px;
text-align: center
}
.slide--circle .slide__heading {
position: absolute;
top: 43%;
left: 0;
right: 0;
text-align: center;
font-size: 44px;
color: #000
}
.slide--circle .slide__heading-sub {
position: absolute;
top: 52%;
left: 0;
right: 0;
text-align: center;
font-size: 26px;
color: #000
}
.slide--circle .slide__btn {
position: absolute;
top: 65%;
left: 0;
right: 0;
text-align: center
}
.flexslider {
width: 100%;
border: none;
box-shadow: none;
margin-bottom: 0
}
.flexslider ul {
font-style: normal
}
.flexslider .slides img {
display: inline-block
}
.flexslider .slide {
max-height: 560px;
overflow: hidden
}
.slide .slider-info {
position: absolute;
bottom: -60px;
left: 0;
right: 0;
text-align: center
}
.flex-direction-nav .flex-next, .flex-direction-nav .flex-prev {
width: 60px;
height: 60px;
margin-top: -30px;
background-color: #85d6de
}
.flex-direction-nav .flex-next:hover, .flex-direction-nav .flex-prev:hover {
background-color: #34495e
}
.flex-direction-nav .flex-next:before, .flex-direction-nav .flex-prev:before {
content: "";
position: absolute;
top: 15px;
font: 30px FontAwesome;
color: #fff
}
.flex-direction-nav a.flex-prev {
left: -60px;
color: #fff
}
.flex-direction-nav a.flex-prev:before {
content: "\f104";
right: 25px
}
.flex-direction-nav a.flex-next {
right: -60px;
color: #fff
}
.flex-direction-nav a.flex-next:before {
content: "\f105";
left: 25px
}
.flexslider:hover .flex-prev {
left: 0;
opacity: 1
}
.flexslider:hover .flex-next {
right: 0;
opacity: 1
}
.full-carousel {
position: relative
}
.carousel-sides {
max-height: 270px;
margin: 0 -10px;
padding: 0;
border: none;
overflow: hidden
}
.carousel-sides .swiper-slide {
position: relative;
padding: 0 10px
}
.carousel-sides .swiper-slide .image-container {
position: relative
}
.carousel-sides .swiper-slide .image-container img {
-webkit-transition: all 400ms ease-in;
-o-transition: all 400ms ease-in;
transition: all 400ms ease-in
}
.carousel-sides .swiper-slide .image-container:before {
content: "";
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
border: 5px solid transparent;
-webkit-transition: all 400ms ease-in;
-o-transition: all 400ms ease-in;
transition: all 400ms ease-in
}
.carousel-sides .swiper-slide:hover .image-container:before {
border-color: #85d6de
}
.leftside-arrow, .rightside-arrow {
position: absolute;
top: 50%;
z-index: 30;
display: block;
margin-top: -30px;
font-size: 30px;
color: #fff;
background-color: #85d6de;
border: 1px solid #85d6de;
-webkit-transition: all 300ms ease-in;
-o-transition: all 300ms ease-in;
transition: all 300ms ease-in;
cursor: pointer
}
.leftside-arrow:hover, .rightside-arrow:hover {
color: #fff;
background-color: #34495e;
border-color: #34495e
}
.leftside-arrow .slide-preview, .rightside-arrow .slide-preview {
position: absolute;
top: -21px;
-webkit-transition: -webkit-transform 300ms 300ms;
transition: transform 300ms 300ms;
-webkit-perspective: 1000px;
perspective: 1000px
}
.leftside-arrow .img-arrow, .rightside-arrow .img-arrow {
height: 100px;
border: 1px solid #34495e
}
.leftside-arrow .arrow-heading, .rightside-arrow .arrow-heading {
display: block;
padding: 9px 20px;
font-size: 14px;
font-weight: 700;
color: #fff;
background-color: #34495e;
-webkit-transform: rotateX(-90deg);
-moz-transform: rotateX(-90deg);
-ms-transform: rotateX(-90deg);
transform: rotateX(-90deg);
-webkit-transform-origin: 50% 0;
transform-origin: 50% 0;
-webkit-backface-visibility: hidden;
backface-visibility: hidden;
-webkit-transition: -webkit-transform 300ms;
transition: transform 300ms
}
.leftside-arrow .fa, .rightside-arrow .fa {
-webkit-transition: -webkit-transform 300ms;
transition: transform 300ms;
-webkit-transform: translate(0, -1px);
-moz-transform: translate(0, -1px);
-ms-transform: translate(0, -1px);
transform: translate(0, -1px)
}
.leftside-arrow:hover .slide-preview, .rightside-arrow:hover .slide-preview {
-webkit-transform: translateX(0);
-moz-transform: translateX(0);
-ms-transform: translateX(0);
transform: translateX(0)
}
.leftside-arrow:hover .arrow-heading, .rightside-arrow:hover .arrow-heading {
-webkit-transition-delay: 700ms;
transition-delay: 700ms;
-webkit-transform: rotateX(0deg);
transform: rotateX(0deg)
}
.leftside-arrow {
left: 0;
padding: 5px 26px 10px 22px
}
.leftside-arrow .slide-preview {
left: -1px;
-webkit-transform: translateX(-100%);
-moz-transform: translateX(-100%);
-ms-transform: translateX(-100%);
transform: translateX(-100%)
}
.leftside-arrow:hover .fa {
-webkit-transform: translate(-100%, -1px);
-moz-transform: translate(-100%, -1px);
-ms-transform: translate(-100%, -1px);
transform: translate(-100%, -1px)
}
.rightside-arrow {
right: 0;
padding: 5px 22px 10px 26px
}
.rightside-arrow .slide-preview {
right: -1px;
-webkit-transform: translateX(100%);
-moz-transform: translateX(100%);
-ms-transform: translateX(100%);
transform: translateX(100%)
}
.rightside-arrow:hover .fa {
-webkit-transform: translate(100%, -1px);
-moz-transform: translate(100%, -1px);
-ms-transform: translate(100%, -1px);
transform: translate(100%, -1px);
}
.carousel-present {
margin-top: 0px;
}
.swiper-slide {
max-width: 100%;
}
.minimal-slider {
position: relative;
max-height: 375px;
overflow: hidden;
padding: 0;
margin: 0;
border: none
}
.minimal-slider-control {
position: absolute;
bottom: 1px;
left: 0
}
.minimal-slider-control .next-arrow, .minimal-slider-control .prev-arrow {
display: block;
width: 87px;
height: 80px;
float: left;
padding-top: 17px;
margin-right: 3px;
font-size: 30px;
color: #fff;
background-color: rgba(0,0,0,.3);
-webkit-transition: all 300ms;
-o-transition: all 300ms;
transition: all 300ms
}
.minimal-slider-control .next-arrow {
padding-left: 25px
}
.minimal-slider-control .prev-arrow {
padding-left: 50px
}
.minimal-slider-control .next-arrow:hover, .minimal-slider-control .prev-arrow:hover {
background-color: #000
}
.date-slider {
position: relative;
max-height: 375px;
overflow: hidden;
padding: 0;
margin: 0;
border: 1px solid #dfe6e7
}
.date-slider .swiper-slide {
margin-top: 3px;
padding: 19px
}
.date-slider-control {
position: absolute;
top: 50%;
left: 0;
margin-top: -108px
}
.date-slider-control .next-arrow, .date-slider-control .prev-arrow {
display: block;
width: 70px;
height: 70px;
padding-top: 14px;
padding-left: 27px;
margin: 1px 0;
font-size: 30px;
color: #fff;
background-color: rgba(0,0,0,.3)
}
.date-slider-control .date-slide {
width: 70px;
height: 70px;
padding-top: 18px;
padding-left: 10px;
margin: 2px 0;
font-weight: 700;
line-height: 18px;
color: #fff;
background-color: #85d6de
}
.slider-present {
margin-top: 60px;
margin-bottom: 40px
}
.product-slider {
max-height: 365px;
overflow: hidden;
padding: 0;
margin: 0;
border: 5px solid #dfe6e7
}
.product-slider-pagination {
display: inline-block;
margin-top: 15px
}
.product-slider-pagination .swiper-pagination-switch {
margin: 5px;
background-color: #dfe6e7
}
.product-slider-pagination .swiper-active-switch, .product-slider-pagination .swiper-pagination-switch:hover {
background-color: #34495e
}
.product-slider-wrapper {
text-align: center
}
.slideshow {
max-height: 365px;
border: 5px solid #dfe6e7;
overflow: hidden
}
.slideshow img {
max-width: 100%;
height: auto;
margin-bottom: 80px
}
#thumbs {
margin-bottom: 20px
}
.thumbs {
padding-left: 0;
margin-top: 3px;
font-size: 0;
text-align: center;
list-style: none
}
.thumbs li {
display: inline-block;
margin-left: 3px;
margin-bottom: 3px
}
.thumbs .thumb {
display: inline-block;
max-width: 118px;
border: 5px solid #dfe6e7;
-webkit-transition: all 300ms ease-in;
-o-transition: all 300ms ease-in;
transition: all 300ms ease-in
}
.thumbs .thumb img {
max-width: 100%
}
.thumbs .thumb:hover {
border: 5px solid #34495e
}
.thumbs--full {
margin-left: -3px;
margin-right: -3px
}
.thumbs--full .thumb {
max-width: 100%
}
.thumbs--full li {
width: 32.1%;
float: left
}
.block--full {
padding-left: 0;
padding-right: 0
}
.slider-siderbar {
position: relative;
max-height: 418px;
overflow: hidden;
padding: 0;
margin: 0;
border: none
}
.slider-siderbar-control {
position: relative;
top: 0;
left: 0;
min-height: 418px;
height: 100%;
padding-top: 10px;
background-color: #fed37f
}
.slider-siderbar-control .next-arrow, .slider-siderbar-control .prev-arrow {
position: absolute;
bottom: 1px;
display: block;
width: 87px;
height: 80px;
float: left;
padding-top: 17px;
font-size: 30px;
color: #fff;
background-color: rgba(0,0,0,.05);
-webkit-transition: all 300ms ease-in;
-o-transition: all 300ms ease-in;
transition: all 300ms ease-in
}
.slider-siderbar-control .next-arrow:hover, .slider-siderbar-control .prev-arrow:hover {
background-color: #000
}
.slider-siderbar-control .next-arrow {
padding-left: 25px;
right: 0
}
.slider-siderbar-control .prev-arrow {
padding-left: 50px;
left: 0
}
.slider-siderbar-control .slider-siderbar-counter {
position: absolute;
bottom: 1px;
left: 50%;
width: 70px;
height: 80px;
margin-left: -35px;
font-size: 40px;
font-weight: 700;
color: #fff
}
.slider-siderbar-control .slider-siderbar-counter .current-slide {
position: absolute;
top: 3px;
left: 15px
}
.slider-siderbar-control .slider-siderbar-counter .current-slide:after {
content: "/";
margin-left: 0;
font-size: 18px
}
.slider-siderbar-control .slider-siderbar-counter .all-slide {
position: absolute;
top: 33px;
left: 45px;
font-size: 26px
}
.slide-info .slide-info__icon {
font-size: 100px;
text-align: center;
color: #fff
}
.slide-info .slide-info__heading {
padding: 0 10px 0 40px;
margin-top: -5px;
margin-bottom: 21px;
font-size: 18px;
font-family: 'Open Sans', sans-serif;
font-weight: 700;
color: #fff
}
.slide-info .slide-info__text {
padding: 0 10px 0 40px;
font-size: 14px;
line-height: 26px;
color: #34495e
}
.counter-slider-present {
margin-top: 60px
}
.carousel-all .swiper-slide {
padding: 0 5px;
-webkit-transition: none;
-o-transition: none;
transition: none
}
.carousel-all .image-container--fading, .carousel-all .image-container__info {
-webkit-transition: all 300ms ease-in;
-o-transition: all 300ms ease-in;
transition: all 300ms ease-in
}
.carousel-all .swiper-slide:hover .image-container--fading:before {
background-color: rgba(255,255,255,0)
}
.carousel-all .swiper-slide:hover .image-container__info {
opacity: 0
}
.staff-slider {
border-bottom: none;
margin-top: 45px;
margin-bottom: -10px
}
.staff-slider-control .next-arrow, .staff-slider-control .prev-arrow {
position: absolute;
top: 50%;
z-index: 30;
display: block;
width: 60px;
height: 60px;
padding-top: 8px;
margin-top: -30px;
font-size: 30px;
color: #fff;
background-color: #85d6de;
-webkit-transition: all 300ms;
-o-transition: all 300ms;
transition: all 300ms
}
.staff-slider-control .next-arrow {
right: 0;
padding-left: 25px
}
.staff-slider-control .prev-arrow {
left: 0;
padding-left: 23px
}
.staff-slider-control .next-arrow:hover, .staff-slider-control .prev-arrow:hover {
background-color: #34495e
}
.fading-slider {
border: none;
padding-bottom: 0;
margin-bottom: 42px;
margin-top: 0
}
.fading-slider .swiper-slide {
padding: 0 25px
}
.fading-slider .service {
padding-bottom: 0
}
.fading-slider .product-slider-pagination {
display: none
}
.fading-slider .slide-disabled {
position: relative
}
.fading-slider .slide-disabled:before {
content: "";
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
background-color: rgba(255,255,255,.6);
z-index: 20
}
.fade-slider-control .next-arrow, .fade-slider-control .prev-arrow {
position: absolute;
top: 50%;
z-index: 100;
display: block;
width: 60px;
height: 60px;
padding-top: 7px;
padding-left: 23px;
margin-top: -15px;
font-size: 30px;
color: #fff;
background-color: #85d6de
}
.fade-slider-control .prev-arrow {
left: 0
}
.fade-slider-control .next-arrow {
right: 0
}
.fearure-slider {
display: none;
border: none;
text-align: center;
margin-top: 0;
margin-bottom: 0;
padding-bottom: 0
}
.fearure-slider .feature {
margin-bottom: 0
}
.fearure-slider--special, .fearure-slider--special .swiper-wrapper {
height: auto!important
}
.fearure-slider--special .swiper-slide {
height: auto!important;
float: left
}
.contact {
margin-bottom: 20px;
text-align: center
}
.contact .contact__field {
width: 100%;
padding: 9px 30px;
margin-bottom: 10px;
font-size: 14px;
font-style: italic;
color: #34495e;
background: 0 0;
border: none;
border: 1px solid #dfe6e7;
-webkit-border-radius: 20px;
-moz-border-radius: 20px;
border-radius: 20px;
box-shadow: none;
-webkit-transition: border-color 300ms ease-out;
-o-transition: border-color 300ms ease-out;
transition: border-color 300ms ease-out
}
.contact .contact__field:focus {
border-color: #34495e
}
.contact .contact__area {
min-height: 200px
}
.contact .btn-submit {
padding-left: 24px;
padding-right: 24px
}
.select-box {
display: none
}
.bootstrap-select:not([class*=span]):not([class*=col-]):not([class*=form-control]):not(.input-group-btn) {
width: 100%;
margin-bottom: 20px;
background-color: #fff
}
.bootstrap-select {
position: relative;
background: 0 0;
border: 1px solid #dfe6e7;
-webkit-border-radius: 20px;
-moz-border-radius: 20px;
border-radius: 20px;
-webkit-transition: border-color 300ms ease-in;
-o-transition: border-color 300ms ease-in;
transition: border-color 300ms ease-in
}
.bootstrap-select .selectpicker {
padding: 10px 30px;
font: 14px 'Open Sans', sans-serif;
font-style: italic;
color: #34495e;
-webkit-transition: none;
-o-transition: none;
transition: none
}
.bootstrap-select .selectpicker:active, .bootstrap-select .selectpicker:focus, .bootstrap-select .selectpicker:hover {
background-color: #fff;
outline: 0!important;
box-shadow: none
}
.bootstrap-select .filter-option {
padding-top: 2px;
padding-bottom: 2px
}
.bootstrap-select.btn-group .dropdown-menu {
z-index: 200
}
.bootstrap-select .dropdown-menu {
padding-top: 10px;
padding-bottom: 10px;
font-size: 12px;
border: none;
-webkit-border-radius: 20px;
-moz-border-radius: 20px;
border-radius: 20px;
-webkit-box-shadow: 0 0 10px rgba(0,0,0,.1);
-moz-box-shadow: 0 0 10px rgba(0,0,0,.1);
box-shadow: 0 0 10px rgba(0,0,0,.1)
}
.bootstrap-select .dropdown-menu li {
border-bottom: 1px solid #dfe6e7
}
.bootstrap-select .dropdown-menu li:last-child {
border-bottom: 1px solid transparent
}
.bootstrap-select .dropdown-menu li>a {
padding-top: 9px;
padding-bottom: 13px
}
.bootstrap-select .dropdown-menu li>a:after, .bootstrap-select .dropdown-menu li>a:before {
content: "";
position: absolute;
left: 0;
width: 100%;
height: 1px;
background-color: #85d6de;
opacity: 0;
-webkit-transition: all 300ms ease-in;
-o-transition: all 300ms ease-in;
transition: all 300ms ease-in
}
.bootstrap-select .dropdown-menu li>a:before {
top: -1px
}
.bootstrap-select .dropdown-menu li>a:after {
bottom: -1px
}
.bootstrap-select .dropdown-menu li.selected>a, .bootstrap-select .dropdown-menu li>a:hover {
position: relative;
background-color: #85d6de
}
.bootstrap-select .dropdown-menu li.selected>a:after, .bootstrap-select .dropdown-menu li.selected>a:before, .bootstrap-select .dropdown-menu li>a:hover:after, .bootstrap-select .dropdown-menu li>a:hover:before {
opacity: 1
}
.bootstrap-select.open {
border-color: #34495e
}
.bootstrap-select.open .selectpicker.btn-default {
background-color: #fff
}
.bootstrap-select.btn-group .selectpicker .caret {
right: 28px;
display: inline-block;
margin-top: -6px;
border: none
}
.bootstrap-select.btn-group .selectpicker .caret:before {
content: "\f107";
position: absolute;
top: 1px;
left: 7px;
font-family: FontAwesome;
font-size: 14px;
font-style: normal;
color: #34495e
}
.select--sm {
width: 125px
}
.select--sm .selectpicker {
padding: 1px 18px 3px;
font-size: 12px
}
.select--sm .dropdown-menu {
min-height: 1px!important;
top: 23px
}
.select--sm .dropdown-menu li>a {
padding-top: 1px;
padding-bottom: 3px
}
.select--widget {
position: absolute;
top: 13px;
right: 20px
}
.form-control label {
margin-bottom: 10px
}
.checkbox label, .radio label {
position: relative;
display: block;
padding-left: 28px;
margin-right: 15px;
font-size: 14px;
font-style: italic;
color: #737c85;
cursor: pointer
}
.radio {
margin-top: 23px
}
.radio input[type=radio] {
display: none
}
.radio input[type=radio]+label:before {
content: "";
display: inline-block;
width: 12px;
height: 12px;
margin-right: 10px;
position: absolute;
left: 1px;
bottom: 3px;
border: 1px solid #dfe6e7;
-webkit-border-radius: 6px;
-moz-border-radius: 6px;
border-radius: 6px
}
.radio input[type=radio]:checked+label:before {
content: "";
background-image: url(../images/icons/radio-check.svg);
background-size: 54px 14px;
background-position: 0 50%;
background-repeat: no-repeat
}
.checkbox input[type=checkbox] {
display: none
}
.checkbox input[type=checkbox]+label:before {
content: "";
display: inline-block;
top: 4px;
width: 14px;
height: 14px;
margin-right: 10px;
position: absolute;
left: 0;
bottom: 3px;
border: 1px solid #dfe6e7;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px
}
.checkbox input[type=checkbox]:checked+label:before {
content: "";
background-image: url(../images/icons/radio-check.svg);
background-size: 54px 14px;
background-position: -13px 50%;
background-repeat: no-repeat
}
.radio--dark input[type=radio]+label:before {
border: none;
background-color: #34495e
}
.radio--dark input[type=radio]:checked+label:before {
background-position: -28px 50%
}
.checkbox--dark input[type=checkbox]+label:before {
border: none;
background-color: #34495e
}
.checkbox--dark input[type=checkbox]:checked+label:before {
background-position: -39px 50%
}
.breadcrumb {
padding: 8px 15px;
margin-bottom: 20px;
list-style: none;
background-color: #f5f5f5;
border-radius: 4px
}
.breadcrumb>li {
display: inline-block
}
.breadcrumb>li+li:before {
padding: 0 5px
}
.breadcrumb>.active {
color: #777
}
.alert h4 {
margin-top: 0;
color: inherit
}
.alert .alert-link {
font-weight: 700
}
.alert>p, .alert>ul {
margin-bottom: 0
}
.alert>p+p {
margin-top: 5px
}
.alert-dismissable, .alert-dismissible {
padding-right: 35px
}
.alert-dismissable .close, .alert-dismissible .close {
position: relative;
top: -2px;
right: -21px;
color: inherit
}
.alert-success {
background-color: #dff0d8;
border-color: #d6e9c6;
color: #3c763d
}
.alert-success hr {
border-top-color: #c9e2b3
}
.alert-success .alert-link {
color: #2b542c
}
.alert-info {
background-color: #d9edf7;
border-color: #bce8f1;
color: #31708f
}
.alert-info hr {
border-top-color: #a6e1ec
}
.alert-info .alert-link {
color: #245269
}
.alert-warning {
background-color: #fcf8e3;
border-color: #faebcc;
color: #8a6d3b
}
.alert-warning hr {
border-top-color: #f7e1b5
}
.alert-warning .alert-link {
color: #66512c
}
.alert-danger {
border-color: #ebccd1;
color: #a94442
}
.alert-danger hr {
border-top-color: #e4b9c0
}
.alert-danger .alert-link {
color: #843534
}
.btn {
margin-bottom: 0;
text-align: center;
vertical-align: middle;
touch-action: manipulation;
cursor: pointer;
background-image: none;
white-space: nowrap;
padding: 6px 12px;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none
}
.btn.active.focus, .btn.active:focus, .btn.focus, .btn:active.focus, .btn:active:focus, .btn:focus {
outline: dotted thin;
outline: -webkit-focus-ring-color auto 5px;
outline-offset: -2px
}
.btn.focus, .btn:focus, .btn:hover {
color: #333;
text-decoration: none
}
.btn.active, .btn:active {
outline: 0;
background-image: none;
-webkit-box-shadow: inset 0 3px 5px rgba(0,0,0,.125);
box-shadow: inset 0 3px 5px rgba(0,0,0,.125)
}
.btn.disabled, .btn[disabled], fieldset[disabled] .btn {
cursor: not-allowed;
pointer-events: none;
opacity: .65;
filter: alpha(opacity=65);
-webkit-box-shadow: none;
box-shadow: none
}
.btn-default {
color: #333;
background-color: #fff;
border-color: #ccc
}
.btn-default.active, .btn-default.focus, .btn-default:active, .btn-default:focus, .btn-default:hover, .open>.dropdown-toggle.btn-default {
color: #333;
background-color: #e6e6e6;
border-color: #adadad
}
.btn-default.active, .btn-default:active, .open>.dropdown-toggle.btn-default {
background-image: none
}
.btn-default.disabled, .btn-default.disabled.active, .btn-default.disabled.focus, .btn-default.disabled:active, .btn-default.disabled:focus, .btn-default.disabled:hover, .btn-default[disabled], .btn-default[disabled].active, .btn-default[disabled].focus, .btn-default[disabled]:active, .btn-default[disabled]:focus, .btn-default[disabled]:hover, fieldset[disabled] .btn-default, fieldset[disabled] .btn-default.active, fieldset[disabled] .btn-default.focus, fieldset[disabled] .btn-default:active, fieldset[disabled] .btn-default:focus, fieldset[disabled] .btn-default:hover {
background-color: #fff;
border-color: #ccc
}
.btn-default .badge {
color: #fff;
background-color: #333
}
.btn-primary {
color: #fff;
border-color: #2e6da4
}
.btn-primary.active, .btn-primary.focus, .btn-primary:active, .btn-primary:focus, .btn-primary:hover, .open>.dropdown-toggle.btn-primary {
color: #fff;
background-color: #286090;
border-color: #204d74
}
.btn-primary.active, .btn-primary:active, .open>.dropdown-toggle.btn-primary {
background-image: none
}
.btn-primary.disabled, .btn-primary.disabled.active, .btn-primary.disabled.focus, .btn-primary.disabled:active, .btn-primary.disabled:focus, .btn-primary.disabled:hover, .btn-primary[disabled], .btn-primary[disabled].active, .btn-primary[disabled].focus, .btn-primary[disabled]:active, .btn-primary[disabled]:focus, .btn-primary[disabled]:hover, fieldset[disabled] .btn-primary, fieldset[disabled] .btn-primary.active, fieldset[disabled] .btn-primary.focus, fieldset[disabled] .btn-primary:active, fieldset[disabled] .btn-primary:focus, fieldset[disabled] .btn-primary:hover {
background-color: #337ab7;
border-color: #2e6da4
}
.btn-primary .badge {
color: #337ab7;
background-color: #fff
}
.btn-success {
color: #fff;
border-color: #4cae4c
}
.btn-success.active, .btn-success.focus, .btn-success:active, .btn-success:focus, .btn-success:hover, .open>.dropdown-toggle.btn-success {
color: #fff;
background-color: #449d44;
border-color: #398439
}
.btn-success.active, .btn-success:active, .open>.dropdown-toggle.btn-success {
background-image: none
}
.btn-success.disabled, .btn-success.disabled.active, .btn-success.disabled.focus, .btn-success.disabled:active, .btn-success.disabled:focus, .btn-success.disabled:hover, .btn-success[disabled], .btn-success[disabled].active, .btn-success[disabled].focus, .btn-success[disabled]:active, .btn-success[disabled]:focus, .btn-success[disabled]:hover, fieldset[disabled] .btn-success, fieldset[disabled] .btn-success.active, fieldset[disabled] .btn-success.focus, fieldset[disabled] .btn-success:active, fieldset[disabled] .btn-success:focus, fieldset[disabled] .btn-success:hover {
background-color: #5cb85c;
border-color: #4cae4c
}
.btn-success .badge {
color: #5cb85c;
background-color: #fff
}
.btn-info {
color: #fff;
border-color: #46b8da
}
.btn-info.active, .btn-info.focus, .btn-info:active, .btn-info:focus, .btn-info:hover, .open>.dropdown-toggle.btn-info {
color: #fff;
background-color: #31b0d5;
border-color: #269abc
}
.btn-info.active, .btn-info:active, .open>.dropdown-toggle.btn-info {
background-image: none
}
.btn-info.disabled, .btn-info.disabled.active, .btn-info.disabled.focus, .btn-info.disabled:active, .btn-info.disabled:focus, .btn-info.disabled:hover, .btn-info[disabled], .btn-info[disabled].active, .btn-info[disabled].focus, .btn-info[disabled]:active, .btn-info[disabled]:focus, .btn-info[disabled]:hover, fieldset[disabled] .btn-info, fieldset[disabled] .btn-info.active, fieldset[disabled] .btn-info.focus, fieldset[disabled] .btn-info:active, fieldset[disabled] .btn-info:focus, fieldset[disabled] .btn-info:hover {
background-color: #5bc0de;
border-color: #46b8da
}
.btn-info .badge {
color: #5bc0de;
background-color: #fff
}
.btn-warning {
color: #fff;
border-color: #eea236
}
.btn-warning.active, .btn-warning.focus, .btn-warning:active, .btn-warning:focus, .btn-warning:hover, .open>.dropdown-toggle.btn-warning {
color: #fff;
background-color: #ec971f;
border-color: #d58512
}
.btn-warning.active, .btn-warning:active, .open>.dropdown-toggle.btn-warning {
background-image: none
}
.btn-warning.disabled, .btn-warning.disabled.active, .btn-warning.disabled.focus, .btn-warning.disabled:active, .btn-warning.disabled:focus, .btn-warning.disabled:hover, .btn-warning[disabled], .btn-warning[disabled].active, .btn-warning[disabled].focus, .btn-warning[disabled]:active, .btn-warning[disabled]:focus, .btn-warning[disabled]:hover, fieldset[disabled] .btn-warning, fieldset[disabled] .btn-warning.active, fieldset[disabled] .btn-warning.focus, fieldset[disabled] .btn-warning:active, fieldset[disabled] .btn-warning:focus, fieldset[disabled] .btn-warning:hover {
background-color: #f0ad4e;
border-color: #eea236
}
.btn-warning .badge {
color: #f0ad4e;
background-color: #fff
}
.btn-danger {
color: #fff;
border-color: #d43f3a
}
.btn-danger.active, .btn-danger.focus, .btn-danger:active, .btn-danger:focus, .btn-danger:hover, .open>.dropdown-toggle.btn-danger {
color: #fff;
background-color: #c9302c;
border-color: #ac2925
}
.btn-danger.active, .btn-danger:active, .open>.dropdown-toggle.btn-danger {
background-image: none
}
.btn-danger.disabled, .btn-danger.disabled.active, .btn-danger.disabled.focus, .btn-danger.disabled:active, .btn-danger.disabled:focus, .btn-danger.disabled:hover, .btn-danger[disabled], .btn-danger[disabled].active, .btn-danger[disabled].focus, .btn-danger[disabled]:active, .btn-danger[disabled]:focus, .btn-danger[disabled]:hover, fieldset[disabled] .btn-danger, fieldset[disabled] .btn-danger.active, fieldset[disabled] .btn-danger.focus, fieldset[disabled] .btn-danger:active, fieldset[disabled] .btn-danger:focus, fieldset[disabled] .btn-danger:hover {
background-color: #d9534f;
border-color: #d43f3a
}
.btn-danger .badge {
color: #d9534f;
background-color: #fff
}
.btn-link {
color: #337ab7;
font-weight: 400;
border-radius: 0
}
.btn-link, .btn-link.active, .btn-link:active, .btn-link[disabled], fieldset[disabled] .btn-link {
background-color: transparent;
-webkit-box-shadow: none;
box-shadow: none
}
.btn-link, .btn-link:active, .btn-link:focus, .btn-link:hover {
border-color: transparent
}
.btn-link:focus, .btn-link:hover {
color: #23527c;
text-decoration: underline;
background-color: transparent
}
.btn-link[disabled]:focus, .btn-link[disabled]:hover, fieldset[disabled] .btn-link:focus, fieldset[disabled] .btn-link:hover {
color: #777;
text-decoration: none
}
.btn-lg {
font-size: 18px;
line-height: 1.3333333;
border-radius: 6px
}
.btn-sm {
line-height: 1.5
}
.btn-xs {
padding: 1px 5px;
font-size: 12px;
line-height: 1.5;
border-radius: 3px
}
.btn-block {
display: block;
width: 100%;
}
.btn-block+.btn-block {
margin-top: 5px;
}
input[type=button].btn-block, input[type=reset].btn-block, input[type=submit].btn-block {
width: 100%;
}
.fade {
opacity: 0;
-webkit-transition: opacity .15s linear;
-o-transition: opacity .15s linear;
transition: opacity .15s linear;
}
.fade.in {
opacity: 1;
}
.collapse {
display: none;
visibility: hidden;
}
.collapse.in {
display: block;
visibility: visible;
}
tr.collapse.in {
display: table-row;;;
}
tbody.collapse.in {
display: table-row-group
}
.collapsing {
position: relative;
height: 0;
overflow: hidden;
-webkit-transition-property: height, visibility;
transition-property: height, visibility;
-webkit-transition-duration: .35s;
transition-duration: .35s;
-webkit-transition-timing-function: ease;
transition-timing-function: ease;
}
.panel {
margin-bottom: 20px;
background-color: #fff;
border: 1px solid transparent;
border-radius: 4px;
-webkit-box-shadow: 0 1px 1px rgba(0,0,0,.05);
box-shadow: 0 1px 1px rgba(0,0,0,.05)
}
.panel-body {
padding: 15px
}
.panel-heading {
padding: 10px 15px;
border-bottom: 1px solid transparent;
border-top-right-radius: 3px;
border-top-left-radius: 3px
}
.panel-heading>.dropdown .dropdown-toggle {
color: inherit
}
.panel-title {
margin-top: 0;
margin-bottom: 0;
font-size: 16px;
color: inherit
}
.panel-title>.small, .panel-title>.small>a, .panel-title>a, .panel-title>small, .panel-title>small>a {
color: inherit
}
.panel-footer {
padding: 10px 15px;
background-color: #f5f5f5;
border-top: 1px solid #ddd;
border-bottom-right-radius: 3px;
border-bottom-left-radius: 3px
}
.panel>.list-group, .panel>.panel-collapse>.list-group {
margin-bottom: 0
}
.panel>.list-group .list-group-item, .panel>.panel-collapse>.list-group .list-group-item {
border-width: 1px 0;
border-radius: 0
}
.panel>.list-group:first-child .list-group-item:first-child, .panel>.panel-collapse>.list-group:first-child .list-group-item:first-child {
border-top: 0;
border-top-right-radius: 3px;
border-top-left-radius: 3px
}
.panel>.list-group:last-child .list-group-item:last-child, .panel>.panel-collapse>.list-group:last-child .list-group-item:last-child {
border-bottom: 0;
border-bottom-right-radius: 3px;
border-bottom-left-radius: 3px
}
.list-group+.panel-footer, .panel-heading+.list-group .list-group-item:first-child {
border-top-width: 0
}
.panel>.panel-collapse>.table, .panel>.table, .panel>.table-responsive>.table {
margin-bottom: 0
}
.panel>.panel-collapse>.table caption, .panel>.table caption, .panel>.table-responsive>.table caption {
padding-left: 15px;
padding-right: 15px
}
.panel>.table-responsive:first-child>.table:first-child, .panel>.table:first-child {
border-top-right-radius: 3px;
border-top-left-radius: 3px
}
.panel>.table-responsive:first-child>.table:first-child>tbody:first-child>tr:first-child, .panel>.table-responsive:first-child>.table:first-child>thead:first-child>tr:first-child, .panel>.table:first-child>tbody:first-child>tr:first-child, .panel>.table:first-child>thead:first-child>tr:first-child {
border-top-left-radius: 3px;
border-top-right-radius: 3px
}
.panel>.table-responsive:first-child>.table:first-child>tbody:first-child>tr:first-child td:first-child, .panel>.table-responsive:first-child>.table:first-child>tbody:first-child>tr:first-child th:first-child, .panel>.table-responsive:first-child>.table:first-child>thead:first-child>tr:first-child td:first-child, .panel>.table-responsive:first-child>.table:first-child>thead:first-child>tr:first-child th:first-child, .panel>.table:first-child>tbody:first-child>tr:first-child td:first-child, .panel>.table:first-child>tbody:first-child>tr:first-child th:first-child, .panel>.table:first-child>thead:first-child>tr:first-child td:first-child, .panel>.table:first-child>thead:first-child>tr:first-child th:first-child {
border-top-left-radius: 3px
}
.panel>.table-responsive:first-child>.table:first-child>tbody:first-child>tr:first-child td:last-child, .panel>.table-responsive:first-child>.table:first-child>tbody:first-child>tr:first-child th:last-child, .panel>.table-responsive:first-child>.table:first-child>thead:first-child>tr:first-child td:last-child, .panel>.table-responsive:first-child>.table:first-child>thead:first-child>tr:first-child th:last-child, .panel>.table:first-child>tbody:first-child>tr:first-child td:last-child, .panel>.table:first-child>tbody:first-child>tr:first-child th:last-child, .panel>.table:first-child>thead:first-child>tr:first-child td:last-child, .panel>.table:first-child>thead:first-child>tr:first-child th:last-child {
border-top-right-radius: 3px
}
.panel>.table-responsive:last-child>.table:last-child, .panel>.table:last-child {
border-bottom-right-radius: 3px;
border-bottom-left-radius: 3px
}
.panel>.table-responsive:last-child>.table:last-child>tbody:last-child>tr:last-child, .panel>.table-responsive:last-child>.table:last-child>tfoot:last-child>tr:last-child, .panel>.table:last-child>tbody:last-child>tr:last-child, .panel>.table:last-child>tfoot:last-child>tr:last-child {
border-bottom-left-radius: 3px;
border-bottom-right-radius: 3px
}
.panel>.table-responsive:last-child>.table:last-child>tbody:last-child>tr:last-child td:first-child, .panel>.table-responsive:last-child>.table:last-child>tbody:last-child>tr:last-child th:first-child, .panel>.table-responsive:last-child>.table:last-child>tfoot:last-child>tr:last-child td:first-child, .panel>.table-responsive:last-child>.table:last-child>tfoot:last-child>tr:last-child th:first-child, .panel>.table:last-child>tbody:last-child>tr:last-child td:first-child, .panel>.table:last-child>tbody:last-child>tr:last-child th:first-child, .panel>.table:last-child>tfoot:last-child>tr:last-child td:first-child, .panel>.table:last-child>tfoot:last-child>tr:last-child th:first-child {
border-bottom-left-radius: 3px
}
.panel>.table-responsive:last-child>.table:last-child>tbody:last-child>tr:last-child td:last-child, .panel>.table-responsive:last-child>.table:last-child>tbody:last-child>tr:last-child th:last-child, .panel>.table-responsive:last-child>.table:last-child>tfoot:last-child>tr:last-child td:last-child, .panel>.table-responsive:last-child>.table:last-child>tfoot:last-child>tr:last-child th:last-child, .panel>.table:last-child>tbody:last-child>tr:last-child td:last-child, .panel>.table:last-child>tbody:last-child>tr:last-child th:last-child, .panel>.table:last-child>tfoot:last-child>tr:last-child td:last-child, .panel>.table:last-child>tfoot:last-child>tr:last-child th:last-child {
border-bottom-right-radius: 3px
}
.panel>.panel-body+.table, .panel>.panel-body+.table-responsive, .panel>.table+.panel-body, .panel>.table-responsive+.panel-body {
border-top: 1px solid #ddd
}
.panel>.table>tbody:first-child>tr:first-child td, .panel>.table>tbody:first-child>tr:first-child th {
border-top: 0
}
.panel>.table-bordered, .panel>.table-responsive>.table-bordered {
border: 0
}
.panel>.table-bordered>tbody>tr>td:first-child, .panel>.table-bordered>tbody>tr>th:first-child, .panel>.table-bordered>tfoot>tr>td:first-child, .panel>.table-bordered>tfoot>tr>th:first-child, .panel>.table-bordered>thead>tr>td:first-child, .panel>.table-bordered>thead>tr>th:first-child, .panel>.table-responsive>.table-bordered>tbody>tr>td:first-child, .panel>.table-responsive>.table-bordered>tbody>tr>th:first-child, .panel>.table-responsive>.table-bordered>tfoot>tr>td:first-child, .panel>.table-responsive>.table-bordered>tfoot>tr>th:first-child, .panel>.table-responsive>.table-bordered>thead>tr>td:first-child, .panel>.table-responsive>.table-bordered>thead>tr>th:first-child {
border-left: 0
}
.panel>.table-bordered>tbody>tr>td:last-child, .panel>.table-bordered>tbody>tr>th:last-child, .panel>.table-bordered>tfoot>tr>td:last-child, .panel>.table-bordered>tfoot>tr>th:last-child, .panel>.table-bordered>thead>tr>td:last-child, .panel>.table-bordered>thead>tr>th:last-child, .panel>.table-responsive>.table-bordered>tbody>tr>td:last-child, .panel>.table-responsive>.table-bordered>tbody>tr>th:last-child, .panel>.table-responsive>.table-bordered>tfoot>tr>td:last-child, .panel>.table-responsive>.table-bordered>tfoot>tr>th:last-child, .panel>.table-responsive>.table-bordered>thead>tr>td:last-child, .panel>.table-responsive>.table-bordered>thead>tr>th:last-child {
border-right: 0
}
.panel>.table-bordered>tbody>tr:first-child>td, .panel>.table-bordered>tbody>tr:first-child>th, .panel>.table-bordered>thead>tr:first-child>td, .panel>.table-bordered>thead>tr:first-child>th, .panel>.table-responsive>.table-bordered>tbody>tr:first-child>td, .panel>.table-responsive>.table-bordered>tbody>tr:first-child>th, .panel>.table-responsive>.table-bordered>thead>tr:first-child>td, .panel>.table-responsive>.table-bordered>thead>tr:first-child>th {
border-bottom: 0
}
.panel>.table-bordered>tbody>tr:last-child>td, .panel>.table-bordered>tbody>tr:last-child>th, .panel>.table-bordered>tfoot>tr:last-child>td, .panel>.table-bordered>tfoot>tr:last-child>th, .panel>.table-responsive>.table-bordered>tbody>tr:last-child>td, .panel>.table-responsive>.table-bordered>tbody>tr:last-child>th, .panel>.table-responsive>.table-bordered>tfoot>tr:last-child>td, .panel>.table-responsive>.table-bordered>tfoot>tr:last-child>th {
border-bottom: 0
}
.panel>.table-responsive {
border: 0;
margin-bottom: 0
}
.panel-group {
margin-bottom: 20px
}
.panel-group .panel {
margin-bottom: 0;
border-radius: 4px
}
.panel-group .panel+.panel {
margin-top: 5px
}
.panel-group .panel-heading {
border-bottom: 0
}
.panel-group .panel-heading+.panel-collapse>.list-group, .panel-group .panel-heading+.panel-collapse>.panel-body {
border-top: 1px solid #ddd
}
.panel-group .panel-footer {
border-top: 0
}
.panel-group .panel-footer+.panel-collapse .panel-body {
border-bottom: 1px solid #ddd
}
.panel-default {
border-color: #ddd
}
.panel-default>.panel-heading {
color: #333;
background-color: #f5f5f5;
border-color: #ddd
}
.panel-default>.panel-heading+.panel-collapse>.panel-body {
border-top-color: #ddd
}
.panel-default>.panel-heading .badge {
color: #f5f5f5;
background-color: #333
}
.panel-default>.panel-footer+.panel-collapse>.panel-body {
border-bottom-color: #ddd
}
.panel-primary {
border-color: #337ab7
}
.panel-primary>.panel-heading {
color: #fff;
background-color: #337ab7;
border-color: #337ab7
}
.panel-primary>.panel-heading+.panel-collapse>.panel-body {
border-top-color: #337ab7
}
.panel-primary>.panel-heading .badge {
color: #337ab7;
background-color: #fff
}
.panel-primary>.panel-footer+.panel-collapse>.panel-body {
border-bottom-color: #337ab7
}
.panel-success {
border-color: #d6e9c6
}
.panel-success>.panel-heading {
color: #3c763d;
background-color: #dff0d8;
border-color: #d6e9c6
}
.panel-success>.panel-heading+.panel-collapse>.panel-body {
border-top-color: #d6e9c6
}
.panel-success>.panel-heading .badge {
color: #dff0d8;
background-color: #3c763d
}
.panel-success>.panel-footer+.panel-collapse>.panel-body {
border-bottom-color: #d6e9c6
}
.panel-info {
border-color: #bce8f1
}
.panel-info>.panel-heading {
color: #31708f;
background-color: #d9edf7;
border-color: #bce8f1
}
.panel-info>.panel-heading+.panel-collapse>.panel-body {
border-top-color: #bce8f1
}
.panel-info>.panel-heading .badge {
color: #d9edf7;
background-color: #31708f
}
.panel-info>.panel-footer+.panel-collapse>.panel-body {
border-bottom-color: #bce8f1
}
.panel-warning {
border-color: #faebcc
}
.panel-warning>.panel-heading {
color: #8a6d3b;
background-color: #fcf8e3;
border-color: #faebcc
}
.panel-warning>.panel-heading+.panel-collapse>.panel-body {
border-top-color: #faebcc
}
.panel-warning>.panel-heading .badge {
color: #fcf8e3;
background-color: #8a6d3b
}
.panel-warning>.panel-footer+.panel-collapse>.panel-body {
border-bottom-color: #faebcc
}
.panel-danger {
border-color: #ebccd1
}
.panel-danger>.panel-heading {
color: #a94442;
background-color: #f2dede;
border-color: #ebccd1
}
.panel-danger>.panel-heading+.panel-collapse>.panel-body {
border-top-color: #ebccd1
}
.panel-danger>.panel-heading .badge {
color: #f2dede;
background-color: #a94442
}
.panel-danger>.panel-footer+.panel-collapse>.panel-body {
border-bottom-color: #ebccd1
}
@-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 {
overflow: hidden;
height: 20px;
margin-bottom: 20px;
background-color: #f5f5f5;
border-radius: 4px;
-webkit-box-shadow: inset 0 1px 2px rgba(0,0,0,.1);
box-shadow: inset 0 1px 2px rgba(0,0,0,.1)
}
.progress-bar {
float: left;
width: 0;
height: 100%;
font-size: 12px;
line-height: 20px;
color: #fff;
text-align: center;
background-color: #337ab7;
-webkit-box-shadow: inset 0 -1px 0 rgba(0,0,0,.15);
box-shadow: inset 0 -1px 0 rgba(0,0,0,.15);
-o-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.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-bar-success {
background-color: #5cb85c
}
.progress-striped .progress-bar-success {
background-image: -webkit-linear-gradient(45deg, rgba(255,255,255,.15) 25%, transparent 25%, transparent 50%, rgba(255,255,255,.15) 50%, rgba(255,255,255,.15) 75%, transparent 75%, transparent);
background-image: -o-linear-gradient(45deg, rgba(255,255,255,.15) 25%, transparent 25%, transparent 50%, rgba(255,255,255,.15) 50%, rgba(255,255,255,.15) 75%, transparent 75%, transparent);
background-image: linear-gradient(45deg, rgba(255,255,255,.15) 25%, transparent 25%, transparent 50%, rgba(255,255,255,.15) 50%, rgba(255,255,255,.15) 75%, transparent 75%, transparent)
}
.progress-bar-info {
background-color: #5bc0de
}
.progress-striped .progress-bar-info {
background-image: -webkit-linear-gradient(45deg, rgba(255,255,255,.15) 25%, transparent 25%, transparent 50%, rgba(255,255,255,.15) 50%, rgba(255,255,255,.15) 75%, transparent 75%, transparent);
background-image: -o-linear-gradient(45deg, rgba(255,255,255,.15) 25%, transparent 25%, transparent 50%, rgba(255,255,255,.15) 50%, rgba(255,255,255,.15) 75%, transparent 75%, transparent);
background-image: linear-gradient(45deg, rgba(255,255,255,.15) 25%, transparent 25%, transparent 50%, rgba(255,255,255,.15) 50%, rgba(255,255,255,.15) 75%, transparent 75%, transparent)
}
.progress-bar-warning {
background-color: #f0ad4e
}
.progress-striped .progress-bar-warning {
background-image: -webkit-linear-gradient(45deg, rgba(255,255,255,.15) 25%, transparent 25%, transparent 50%, rgba(255,255,255,.15) 50%, rgba(255,255,255,.15) 75%, transparent 75%, transparent);
background-image: -o-linear-gradient(45deg, rgba(255,255,255,.15) 25%, transparent 25%, transparent 50%, rgba(255,255,255,.15) 50%, rgba(255,255,255,.15) 75%, transparent 75%, transparent);
background-image: linear-gradient(45deg, rgba(255,255,255,.15) 25%, transparent 25%, transparent 50%, rgba(255,255,255,.15) 50%, rgba(255,255,255,.15) 75%, transparent 75%, transparent)
}
.progress-bar-danger {
background-color: #d9534f
}
.progress-striped .progress-bar-danger {
background-image: -webkit-linear-gradient(45deg, rgba(255,255,255,.15) 25%, transparent 25%, transparent 50%, rgba(255,255,255,.15) 50%, rgba(255,255,255,.15) 75%, transparent 75%, transparent);
background-image: -o-linear-gradient(45deg, rgba(255,255,255,.15) 25%, transparent 25%, transparent 50%, rgba(255,255,255,.15) 50%, rgba(255,255,255,.15) 75%, transparent 75%, transparent);
background-image: linear-gradient(45deg, rgba(255,255,255,.15) 25%, transparent 25%, transparent 50%, rgba(255,255,255,.15) 50%, rgba(255,255,255,.15) 75%, transparent 75%, transparent)
}
.nav {
margin-bottom: 0;
padding-left: 0;
list-style: none
}
.nav>li {
position: relative;
display: block
}
.nav>li>a {
position: relative;
display: block;
padding: 10px 15px
}
.nav>li>a:focus, .nav>li>a:hover {
text-decoration: none;
background-color: #eee
}
.nav>li.disabled>a {
color: #777
}
.nav>li.disabled>a:focus, .nav>li.disabled>a:hover {
color: #777;
text-decoration: none;
background-color: transparent;
cursor: not-allowed
}
.nav .open>a, .nav .open>a:focus, .nav .open>a:hover {
background-color: #eee;
border-color: #337ab7
}
.nav .nav-divider {
height: 1px;
margin: 9px 0;
overflow: hidden;
background-color: #e5e5e5
}
.nav>li>a>img {
max-width: none
}
.nav-tabs {
border-bottom: 1px solid #ddd
}
.nav-tabs>li {
float: left;
margin-bottom: -1px
}
.nav-tabs>li>a {
margin-right: 2px;
line-height: 1.42857143;
//border: 1px solid transparent;
border-radius: 4px 4px 0 0
}
.nav-tabs>li>a:hover {
border-color: #eee #eee #ddd
}
.nav-tabs>li.active>a, .nav-tabs>li.active>a:focus, .nav-tabs>li.active>a:hover {
color: #555;
background-color: #fff;
border: 1px solid #ddd;
border-bottom-color: transparent;
cursor: default
}
.nav-tabs.nav-justified {
width: 100%;
border-bottom: 0
}
.nav-tabs.nav-justified>li {
float: none
}
.nav-tabs.nav-justified>li>a {
text-align: center;
margin-bottom: 5px
}
.nav-tabs.nav-justified>.dropdown .dropdown-menu {
top: auto;
left: auto
}
@media (min-width:768px) {
.nav-tabs.nav-justified>li {
display: table-cell;
width: 1%
}
.nav-tabs.nav-justified>li>a {
margin-bottom: 0
}
}
.nav-tabs.nav-justified>li>a {
margin-right: 0;
border-radius: 4px
}
.nav-tabs.nav-justified>.active>a, .nav-tabs.nav-justified>.active>a:focus, .nav-tabs.nav-justified>.active>a:hover {
border: 1px solid #ddd
}
@media (min-width:768px) {
.nav-tabs.nav-justified>li>a {
border-bottom: 1px solid #ddd;
border-radius: 4px 4px 0 0
}
.nav-tabs.nav-justified>.active>a, .nav-tabs.nav-justified>.active>a:focus, .nav-tabs.nav-justified>.active>a:hover {
border-bottom-color: #fff
}
}
.nav-pills>li {
float: left
}
.nav-pills>li>a {
border-radius: 4px
}
.nav-pills>li+li {
margin-left: 2px
}
.nav-pills>li.active>a, .nav-pills>li.active>a:focus, .nav-pills>li.active>a:hover {
color: #fff;
background-color: #337ab7
}
.nav-stacked>li {
float: none
}
.nav-stacked>li+li {
margin-top: 2px;
margin-left: 0
}
.nav-justified {
width: 100%
}
.nav-justified>li {
float: none
}
.nav-justified>li>a {
text-align: center;
margin-bottom: 5px
}
.nav-justified>.dropdown .dropdown-menu {
top: auto;
left: auto
}
@media (min-width:768px) {
.nav-justified>li {
display: table-cell;
width: 1%
}
.nav-justified>li>a {
margin-bottom: 0
}
}
.nav-tabs-justified {
border-bottom: 0
}
.nav-tabs-justified>li>a {
margin-right: 0;
border-radius: 4px
}
.nav-tabs-justified>.active>a, .nav-tabs-justified>.active>a:focus, .nav-tabs-justified>.active>a:hover {
border: 1px solid #ddd
}
@media (min-width:768px) {
.nav-tabs-justified>li>a {
border-bottom: 1px solid #ddd;
border-radius: 4px 4px 0 0
}
.nav-tabs-justified>.active>a, .nav-tabs-justified>.active>a:focus, .nav-tabs-justified>.active>a:hover {
border-bottom-color: #fff
}
}
.tab-content>.tab-pane {
display: none;
visibility: hidden
}
.tab-content>.active {
display: block;
visibility: visible
}
.nav-tabs .dropdown-menu {
margin-top: -1px;
border-top-right-radius: 0;
border-top-left-radius: 0
}
.caret {
display: inline-block;
width: 0;
height: 0;
margin-left: 2px;
vertical-align: middle;
border-top: 4px solid;
border-right: 4px solid transparent;
border-left: 4px solid transparent
}
.dropdown, .dropup {
position: relative
}
.dropdown-toggle:focus {
outline: 0
}
.dropdown-menu {
position: absolute;
top: 100%;
left: 0;
z-index: 1000;
display: none;
float: left;
min-width: 160px;
padding: 5px 0;
margin: 2px 0 0;
list-style: none;
font-size: 14px;
text-align: left;
background-color: #fff;
border: 1px solid #ccc;
border: 1px solid rgba(0,0,0,.15);
border-radius: 4px;
-webkit-box-shadow: 0 6px 12px rgba(0,0,0,.175);
box-shadow: 0 6px 12px rgba(0,0,0,.175);
background-clip: padding-box
}
.dropdown-menu.pull-right {
right: 0;
left: auto
}
.dropdown-menu .divider {
height: 1px;
margin: 9px 0;
overflow: hidden;
background-color: #e5e5e5
}
.dropdown-menu>li>a {
display: block;
padding: 3px 20px;
clear: both;
font-weight: 400;
line-height: 1.42857143;
color: #333;
white-space: nowrap
}
.dropdown-menu>li>a:focus, .dropdown-menu>li>a:hover {
text-decoration: none;
color: #262626;
background-color: #f5f5f5
}
.dropdown-menu>.active>a, .dropdown-menu>.active>a:focus, .dropdown-menu>.active>a:hover {
color: #fff;
text-decoration: none;
outline: 0;
background-color: #337ab7
}
.dropdown-menu>.disabled>a, .dropdown-menu>.disabled>a:focus, .dropdown-menu>.disabled>a:hover {
color: #777
}
.dropdown-menu>.disabled>a:focus, .dropdown-menu>.disabled>a:hover {
text-decoration: none;
background-color: transparent;
background-image: none;
filter:progid:DXImageTransform.Microsoft.gradient(enabled=false);
cursor: not-allowed
}
.open>.dropdown-menu {
display: block
}
.open>a {
outline: 0
}
.dropdown-menu-right {
left: auto;
right: 0
}
.dropdown-menu-left {
left: 0;
right: auto
}
.dropdown-header {
display: block;
padding: 3px 20px;
font-size: 12px;
line-height: 1.42857143;
color: #777;
white-space: nowrap
}
.dropdown-backdrop {
position: fixed;
left: 0;
right: 0;
bottom: 0;
top: 0;
z-index: 990
}
.pull-right>.dropdown-menu {
right: 0;
left: auto
}
.dropup .caret, .navbar-fixed-bottom .dropdown .caret {
border-top: 0;
border-bottom: 4px solid;
content: ""
}
.dropup .dropdown-menu, .navbar-fixed-bottom .dropdown .dropdown-menu {
top: auto;
bottom: 100%;
margin-bottom: 2px
}
@media (min-width:768px) {
.navbar-right .dropdown-menu {
left: auto;
right: 0
}
.navbar-right .dropdown-menu-left {
left: 0;
right: auto
}
}
table {
background-color: transparent
}
caption {
padding-top: 8px;
padding-bottom: 8px;
color: #777;
text-align: left;
}
th {
text-align: left;
}
.table {
width: 100%;
max-width: 100%;
margin-bottom: 20px;
}
.table>tbody>tr>td, .table>tbody>tr>th, .table>tfoot>tr>td, .table>tfoot>tr>th, .table>thead>tr>td, .table>thead>tr>th {
padding: 8px;
line-height: 1.42857143;
vertical-align: top;
border-top: 1px solid #ddd;
}
.table>thead>tr>th {
vertical-align: bottom;
border-bottom: 2px solid #ddd;
}
.table>caption+thead>tr:first-child>td, .table>caption+thead>tr:first-child>th, .table>colgroup+thead>tr:first-child>td, .table>colgroup+thead>tr:first-child>th, .table>thead:first-child>tr:first-child>td, .table>thead:first-child>tr:first-child>th {
border-top: 0
}
.table>tbody+tbody {
border-top: 2px solid #ddd;
}
.table .table {
background-color: #fff;
}
.table-condensed>tbody>tr>td, .table-condensed>tbody>tr>th, .table-condensed>tfoot>tr>td, .table-condensed>tfoot>tr>th, .table-condensed>thead>tr>td, .table-condensed>thead>tr>th {
padding: 5px;
}
.table-bordered, .table-bordered>tbody>tr>td, .table-bordered>tbody>tr>th, .table-bordered>tfoot>tr>td, .table-bordered>tfoot>tr>th, .table-bordered>thead>tr>td, .table-bordered>thead>tr>th {
border: 1px solid #ddd
}
.table-bordered>thead>tr>td, .table-bordered>thead>tr>th {
border-bottom-width: 2px;
}
.table-striped>tbody>tr:nth-of-type(odd) {
background-color: #f9f9f9;
}
.table-hover>tbody>tr:hover {
background-color: #f5f5f5;
}
table col[class*=col-] {
position: static;
float: none;
display: table-column;
}
table td[class*=col-], table th[class*=col-] {
position: static;
float: none;
display: table-cell;
}
.table>tbody>tr.active>td, .table>tbody>tr.active>th, .table>tbody>tr>td.active, .table>tbody>tr>th.active, .table>tfoot>tr.active>td, .table>tfoot>tr.active>th, .table>tfoot>tr>td.active, .table>tfoot>tr>th.active, .table>thead>tr.active>td, .table>thead>tr.active>th, .table>thead>tr>td.active, .table>thead>tr>th.active {
background-color: #f5f5f5;
}
.table-hover>tbody>tr.active:hover>td, .table-hover>tbody>tr.active:hover>th, .table-hover>tbody>tr:hover>.active, .table-hover>tbody>tr>td.active:hover, .table-hover>tbody>tr>th.active:hover {
background-color: #e8e8e8;
}
.table>tbody>tr.success>td, .table>tbody>tr.success>th, .table>tbody>tr>td.success, .table>tbody>tr>th.success, .table>tfoot>tr.success>td, .table>tfoot>tr.success>th, .table>tfoot>tr>td.success, .table>tfoot>tr>th.success, .table>thead>tr.success>td, .table>thead>tr.success>th, .table>thead>tr>td.success, .table>thead>tr>th.success {
background-color: #dff0d8;
}
.table-hover>tbody>tr.success:hover>td, .table-hover>tbody>tr.success:hover>th, .table-hover>tbody>tr:hover>.success, .table-hover>tbody>tr>td.success:hover, .table-hover>tbody>tr>th.success:hover {
background-color: #d0e9c6;
}
.table>tbody>tr.info>td, .table>tbody>tr.info>th, .table>tbody>tr>td.info, .table>tbody>tr>th.info, .table>tfoot>tr.info>td, .table>tfoot>tr.info>th, .table>tfoot>tr>td.info, .table>tfoot>tr>th.info, .table>thead>tr.info>td, .table>thead>tr.info>th, .table>thead>tr>td.info, .table>thead>tr>th.info {
background-color: #d9edf7;
}
.table-hover>tbody>tr.info:hover>td, .table-hover>tbody>tr.info:hover>th, .table-hover>tbody>tr:hover>.info, .table-hover>tbody>tr>td.info:hover, .table-hover>tbody>tr>th.info:hover {
background-color: #c4e3f3;
}
.table>tbody>tr.warning>td, .table>tbody>tr.warning>th, .table>tbody>tr>td.warning, .table>tbody>tr>th.warning, .table>tfoot>tr.warning>td, .table>tfoot>tr.warning>th, .table>tfoot>tr>td.warning, .table>tfoot>tr>th.warning, .table>thead>tr.warning>td, .table>thead>tr.warning>th, .table>thead>tr>td.warning, .table>thead>tr>th.warning {
background-color: #fcf8e3;
}
.table-hover>tbody>tr.warning:hover>td, .table-hover>tbody>tr.warning:hover>th, .table-hover>tbody>tr:hover>.warning, .table-hover>tbody>tr>td.warning:hover, .table-hover>tbody>tr>th.warning:hover {
background-color: #faf2cc;
}
.table>tbody>tr.danger>td, .table>tbody>tr.danger>th, .table>tbody>tr>td.danger, .table>tbody>tr>th.danger, .table>tfoot>tr.danger>td, .table>tfoot>tr.danger>th, .table>tfoot>tr>td.danger, .table>tfoot>tr>th.danger, .table>thead>tr.danger>td, .table>thead>tr.danger>th, .table>thead>tr>td.danger, .table>thead>tr>th.danger {
background-color: #f2dede;
}
.table-hover>tbody>tr.danger:hover>td, .table-hover>tbody>tr.danger:hover>th, .table-hover>tbody>tr:hover>.danger, .table-hover>tbody>tr>td.danger:hover, .table-hover>tbody>tr>th.danger:hover {
background-color: #ebcccc;
}
.table-responsive {
overflow-x: auto;
min-height: 01%;
}
@media screen and (max-width:767px) {
.table-responsive {
width: 100%;
margin-bottom: 15px;
overflow-y: hidden;
-ms-overflow-style: -ms-autohiding-scrollbar;
border: 1px solid #ddd;
}
.table-responsive>.table {
margin-bottom: 0;
}
.table-responsive>.table>tbody>tr>td, .table-responsive>.table>tbody>tr>th, .table-responsive>.table>tfoot>tr>td, .table-responsive>.table>tfoot>tr>th, .table-responsive>.table>thead>tr>td, .table-responsive>.table>thead>tr>th {
white-space: nowrap;
}
.table-responsive>.table-bordered {
border: 0;
}
.table-responsive>.table-bordered>tbody>tr>td:first-child, .table-responsive>.table-bordered>tbody>tr>th:first-child, .table-responsive>.table-bordered>tfoot>tr>td:first-child, .table-responsive>.table-bordered>tfoot>tr>th:first-child, .table-responsive>.table-bordered>thead>tr>td:first-child, .table-responsive>.table-bordered>thead>tr>th:first-child {
border-left: 0;
}
.table-responsive>.table-bordered>tbody>tr>td:last-child, .table-responsive>.table-bordered>tbody>tr>th:last-child, .table-responsive>.table-bordered>tfoot>tr>td:last-child, .table-responsive>.table-bordered>tfoot>tr>th:last-child, .table-responsive>.table-bordered>thead>tr>td:last-child, .table-responsive>.table-bordered>thead>tr>th:last-child {
border-right: 0;
}
.table-responsive>.table-bordered>tbody>tr:last-child>td, .table-responsive>.table-bordered>tbody>tr:last-child>th, .table-responsive>.table-bordered>tfoot>tr:last-child>td, .table-responsive>.table-bordered>tfoot>tr:last-child>th {
border-bottom: 0;
}
}
.tooltip {
position: absolute;
display: block;
visibility: visible;
font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
font-size: 12px;
font-weight: 400;
line-height: 1.4;
opacity: 0;
filter: alpha(opacity=0)
}
.tooltip.in {
opacity: .9;
filter: alpha(opacity=90);
}
.tooltip.top {
margin-top: -3px;
padding: 5px 0;
}
.tooltip.right {
margin-left: 3px;
padding: 0 5px;
}
.tooltip.bottom {
margin-top: 3px;
padding: 5px 0;
}
.tooltip.left {
margin-left: -3px;
padding: 0 5px;
}
.tooltip-inner {
max-width: 200px;
padding: 3px 8px;
color: #fff;
text-align: center;
text-decoration: none;
background-color: #000;
border-radius: 4px;
}
.tooltip-arrow {
position: absolute;
width: 0;
height: 0;
border-color: transparent;
border-style: solid;
}
.tooltip.top .tooltip-arrow {
bottom: 0;
left: 50%;
margin-left: -5px;
border-width: 5px 5px 0
}
.tooltip.top-left .tooltip-arrow {
bottom: 0;
right: 5px;
margin-bottom: -5px;
border-width: 5px 5px 0;
border-top-color: #000;
}
.tooltip.top-right .tooltip-arrow {
bottom: 0;
left: 5px;
margin-bottom: -5px;
border-width: 5px 5px 0;
border-top-color: #000;
}
.tooltip.right .tooltip-arrow {
top: 50%;
left: 0;
margin-top: -5px;
border-width: 5px 5px 5px 0;
border-right-color: #000;
}
.tooltip.left .tooltip-arrow {
top: 50%;
right: 0;
margin-top: -5px;
border-width: 5px 0 5px 5px;
border-left-color: #000
}
.tooltip.bottom .tooltip-arrow {
top: 0;
left: 50%;
margin-left: -5px;
border-width: 0 5px 5px;
border-bottom-color: #000;
}
.tooltip.bottom-left .tooltip-arrow {
top: 0;
right: 5px;
margin-top: -5px;
border-width: 0 5px 5px;
border-bottom-color: #000;
}
.tooltip.bottom-right .tooltip-arrow {
top: 0;
left: 5px;
margin-top: -5px;
border-width: 0 5px 5px;
border-bottom-color: #000;
}
.wijchart-axis-label {
font: 11px 'Open Sans', sans-serif!important
}
.wijchart-header-text {
text-transform: uppercase;
font: 14px 'Open Sans', sans-serif!important;
font-weight: 700!important
}
.wijbarchart-label, .wijchart-axis {
display: none!important;
}
.widget {
background-color: #f3f7f7;
padding-bottom: 20px;
}
.widget__heading {
padding-top: 15px;
padding-bottom: 20px;
margin-top: 0;
margin-bottom: 10px;
font: 14px 'Open Sans', sans-serif;
font-weight: 700;
color: #737c85;
text-align: center;
text-transform: uppercase;
}
.small-timetable .small-timetable__number {
display: inline-block;
padding: 25px 0 15px 20px;
font-family: 'Varela Round', sans-serif;
color: #34495e;
}
.small-timetable .small-timetable__proggress {
display: inline-block;
float: right;
padding: 25px 20px 15px 0;
font-family: 'Varela Round', sans-serif;
color: #34495e;
}
.small-timetable .small-timetable__proggress .fa {
font-size: 12px;
margin-right: 6px;
}
.wigtet-tables {
padding-bottom: 30px;
}
.wigtet-tables .widget__heading {
padding-bottom: 0;
}
.bartracker {
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
}
.wijchart-axis-label {
font-weight: 700!important
}
.dial {
max-width: 150px;
margin-left: -104px!important;
font: 24px 'Varela Round', sans-serif!important
}
.widget-circle {
position: relative;
padding-bottom: 60px;
text-align: center;
}
.widget-circle .widget__heading {
padding-bottom: 35px;
}
.widget-circle:before {
content: "%";
position: absolute;
top: 125px;
left: 50%;
margin-left: 8px;
font: 24px 'Varela Round', sans-serif;
color: #fe8f8c;
}
.widget-pie {
padding-bottom: 30px;
height: 270px;
position: relative;
}
.widget-pie:before {
content: "";
position: absolute;
top: 106px;
left: 50%;
width: 135px;
height: 135px;
margin-left: -68px;
background-color: #fff;
-webkit-border-radius: 50%;
-moz-border-radius: 50%;
border-radius: 50%
}
.wijmo-wijpiechart svg {
top: -145px!important;
}
.wijchart-legend-text {
font-family: 'Open Sans', sans-serif!important;
}
.wijmo-wijpiechart path[stroke="#cccccc"] {
opacity: 0!important
}
.widget-timetable-large {
padding-bottom: 50px;
margin-top: 30px;
position: relative
}
.widget-timetable-large .wijchart-axis-label {
font-weight: 400!important;
transform: translate(0, 12px)
}
.widget-timetable-large .widget__heading {
text-align: left;
padding-left: 20px;
padding-bottom: 0;
margin-bottom: 4px
}
.widget-timetable-large .wijchart-axis-gridline {
transform: translate(0, 12px)
}
.dashboard-timetable {
margin-top: 0
}
.dashboard-timetable .wijchart-axis-label {
display: none
}
.dashboard-timetable .wijchart-axis-label:nth-child(2n) {
display: block
}
.dashboard-widget {
padding-left: 70px;
padding-right: 70px
}
.widget--message {
padding-bottom: 7px
}
.widget--message .widget__head .widget__heading {
text-align: left;
display: inline-block;
padding-left: 25px;
padding-bottom: 5px
}
.widget--message .widget__content {
max-height: 243px;
padding-left: 0;
list-style: none
}
.widget--message .widget__content-item {
position: relative;
padding-left: 20px;
background-color: #fbfdfd;
overflow: hidden
}
.widget--message .widget__image {
float: left;
width: 50px;
height: 50px;
margin: 11px 10px 11px 0;
border: 2px solid #fed37f;
-webkit-border-radius: 50%;
-moz-border-radius: 50%;
border-radius: 50%;
overflow: hidden
}
.widget--message .widget__image img {
max-width: 100%
}
.widget--message .widget__author {
display: inline-block;
padding-top: 15px;
font-style: normal;
color: #34495e
}
.widget--message .widget__author:hover {
color: #85d6de
}
.widget--message .widget__text {
font-size: 13px;
font-style: normal;
color: #737c85;
margin-bottom: 0
}
.widget--message .widget__time {
position: absolute;
top: 16px;
right: 45px;
font-style: normal
}
.widget--message .widget__content-item:nth-child(2n) {
background-color: #f3f7f7
}
.widget--message .widget__content-item:nth-child(2n) .widget__image {
border: 2px solid #85d6de
}
.widget--message .mCSB_scrollTools .mCSB_dragger {
width: 8px;
min-width: 8px;
height: 100px!important;
background-color: #d2d1d0;
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
border-radius: 4px
}
.widget--message .mCSB_draggerRail, .widget--message .mCSB_scrollTools .mCSB_dragger:after, .widget--message .mCSB_scrollTools .mCSB_dragger:before {
display: none
}
.widget--message .mCSB_container {
margin-right: 0
}
.rocket-place {
position: relative
}
.rocket-container {
display: inline-block;
position: absolute;
top: 15px;
left: 50%;
margin-left: -148px
}
.rocket-container.rocket-marker {
top: -297px;
margin-left: -130px
}
.rocket-container.rocket-top {
opacity: 0;
-webkit-transform: -webkit-translate(0, 0);
-moz-transform: -moz-translate(0, 0);
-ms-transform: -ms-translate(0, 0);
transform: translate(0, 200px);
-webkit-transition: -webkit-transform 1000ms ease-in 900ms, opacity 300ms ease-in 900ms;
-moz-transition: -moz-transform 1000ms ease-in 900ms, opacity 300ms ease-in 900ms;
transition: transform 1000ms ease-in 900ms opacity 300ms ease-in 900ms
}
.rocket-container.small-left {
top: 80px;
margin-left: -213px;
opacity: 0;
-webkit-transform: -webkit-translate(0, 0);
-moz-transform: -moz-translate(0, 0);
-ms-transform: -ms-translate(0, 0);
transform: translate(-300px, 100px);
-webkit-transition: -webkit-transform 1000ms ease-in 1600ms, opacity 300ms ease-in 1600ms;
-moz-transition: -moz-transform 1000ms ease-in 1600ms, opacity 300ms ease-in 1600ms;
transition: transform 1000ms ease-in 1600ms, opacity 300ms ease-in 1600ms
}
.rocket-container.small-right {
top: 80px;
margin-left: -93px;
opacity: 0;
-webkit-transform: -webkit-translate(0, 0);
-moz-transform: -moz-translate(0, 0);
-ms-transform: -ms-translate(0, 0);
transform: translate(300px, 100px);
-webkit-transition: -webkit-transform 1000ms ease-in 1600ms, opacity 300ms ease-in 1600ms;
-moz-transition: -moz-transform 1000ms ease-in 1600ms, opacity 300ms ease-in 1600ms;
transition: transform 1000ms ease-in 1600ms, opacity 300ms ease-in 1600ms
}
.rocket-container.rocket-fleft, .rocket-container.rocket-fright, .rocket-container.rocket-ftop {
opacity: 1;
-webkit-transform: -webkit-translate(0, 0);
-moz-transform: -moz-translate(0, 0);
-ms-transform: -ms-translate(0, 0);
transform: translate(0, 0)
}
#rocket {
display: block;
margin: 0 auto;
-webkit-transform: scale(.85);
-moz-transform: scale(.85);
-ms-transform: scale(.85);
transform: scale(.85)
}
.rocket-small #rocket {
-webkit-transform: scale(.55);
-moz-transform: scale(.55);
-ms-transform: scale(.55);
transform: scale(.55)
}
.rocket-marker {
-webkit-transition: -webkit-transform 2000ms ease-in;
-moz-transition: -moz-transform 2000ms ease-in;
transition: transform 2000ms ease-in;
-webkit-transform: scale(.75) rotate(90deg) translate(0, 500%);
-moz-transform: scale(.75) rotate(90deg) translate(0, 500%);
-ms-transform: scale(.75) rotate(90deg) translate(0, 500%);
transform: scale(.75) rotate(90deg) translate(0, 500%)
}
.rocket-marker.rocket-fl {
-webkit-transform: scale(.75) rotate(90deg) translate(0, 0);
-moz-transform: scale(.75) rotate(90deg) translate(0, 0);
-ms-transform: scale(.75) rotate(90deg) translate(0, 0);
transform: scale(.75) rotate(90deg) translate(0, 0)
}
.rocket-container:before {
content: "";
position: absolute;
top: 170px;
left: 137px;
width: 19px;
height: 148px;
background-color: rgba(255,161,93,0);
background-image: url(../images/components/rocket-path.png);
background-size: 19px 148px;
background-repeat: no-repeat
}
.rocket-small:before {
top: 160px;
left: 143px;
width: 12px;
height: 145px;
background-image: url(../images/components/rocket-path-sm.png);
background-size: 12px 145px;
background-repeat: no-repeat
}
#rocket .rocket-inner {
-webkit-transform: translateY(15px) translateX(-3px);
-moz-transform: translateY(15px) translateX(-3px);
-ms-transform: translateY(15px) translateX(-3px);
-o-transform: translateY(15px) translateX(-3px);
transform: translateY(15px) translateX(-3px);
-webkit-transition: .3s;
-moz-transition: .3s;
-o-transition: .3s;
transition: .3s
}
#rocket .icon-circle {
-webkit-transition: .2s;
-moz-transition: .2s;
-o-transition: .2s;
transition: .2s;
fill: #22303e
}
#rocket .large-window-path, #rocket .small-window-path {
-webkit-transition: .2s;
-moz-transition: .2s;
-o-transition: .2s;
transition: .2s;
fill: #fe8f8c
}
#rocket .rocket-bottom {
fill: #fe8f8c
}
#rocket .rocket-base {
fill: #fff
}
#rocket .rocket-shadow {
fill: #f2f2f2
}
#rocket .wing-base {
fill: #fe8f8c
}
#rocket .wing-shadow {
fill: #e57976
}
#rocket .fire-path {
fill: #fff
}
#rocket .window {
fill: #fe8f8c
}
.rocket-small #rocket .rocket-bottom, .rocket-small #rocket .wing-base {
fill: #85d6de
}
.rocket-small #rocket .wing-shadow {
fill: #78c0c8
}
.rocket-small #rocket .window {
fill: #85d6de
}
#rocket.clicked .fire {
display: inline-block
}
#rocket.clicked .baseClicked {
fill: #FFF!important;
stroke-width: 0!important
}
#rocket.clicked .shadowClicked {
fill: #EDEDED!important;
stroke-width: 0!important
}
#rocket.clicked .iconCircleClicked {
fill: #282e3a!important;
stroke: #fff!important;
stroke-width: 7px!important
}
#rocket.clicked .smallWindowClicked {
fill: #28B767!important;
stroke-width: 0!important
}
#rocket.clicked .wingShadowClicked {
display: block!important;
fill: #FC9252!important
}
#rocket.clicked .wingBaseClicked {
fill: #E16E36!important;
stroke-width: 0!important
}
#rocket.clicked .rocketBottomClicked {
fill: #2DCB73!important;
stroke-width: 0!important
}
#rocket.clicked .largeWindowClicked {
fill: url(index.htm#SVGID-2-)!important;
stroke-width: 0!important
}
#rocket.clicked .innerClicked {
-webkit-transform: translateY(0) translateX(-3px)!important;
-moz-transform: translateY(0) translateX(-3px)!important;
-ms-transform: translateY(0) translateX(-3px)!important;
-o-transform: translateY(0) translateX(-3px)!important;
transform: translateY(0) translateX(-3px)!important
}
@keyframes fireSmall {
10% {
transform:rotate(17deg) translateY(1px)
}
20% {
transform:rotate(-13deg) translateY(2px)
}
30% {
transform:rotate(21deg) translateY(3px)
}
40% {
transform:rotate(-34deg) translateY(4px)
}
50% {
transform:rotate(24deg) translateY(5px)
}
60% {
transform:rotate(-17deg) translateY(6px)
}
70% {
transform:rotate(31deg) translateY(7px)
}
80% {
transform:rotate(-28deg) translateY(8px)
}
90% {
transform:rotate(14deg) translateY(9px)
}
99% {
transform:rotate(0deg) translateY(10px)
}
}
@-webkit-keyframes fireSmall {
10% {
-webkit-transform:rotate(17deg) translateY(1px)
}
20% {
-webkit-transform:rotate(-13deg) translateY(2px)
}
30% {
-webkit-transform:rotate(21deg) translateY(3px)
}
40% {
-webkit-transform:rotate(-34deg) translateY(4px)
}
50% {
-webkit-transform:rotate(24deg) translateY(5px)
}
60% {
-webkit-transform:rotate(-17deg) translateY(6px)
}
70% {
-webkit-transform:rotate(31deg) translateY(7px)
}
80% {
-webkit-transform:rotate(-28deg) translateY(8px)
}
90% {
-webkit-transform:rotate(14deg) translateY(9px)
}
99% {
-webkit-transform:rotate(0deg) translateY(10px)
}
}
@-moz-keyframes fireSmall {
10% {
-moz-transform:rotate(17deg) translateY(1px)
}
20% {
-moz-transform:rotate(-13deg) translateY(2px)
}
30% {
-moz-transform:rotate(21deg) translateY(3px)
}
40% {
-moz-transform:rotate(-34deg) translateY(4px)
}
50% {
-moz-transform:rotate(24deg) translateY(5px)
}
60% {
-moz-transform:rotate(-17deg) translateY(6px)
}
70% {
-moz-transform:rotate(31deg) translateY(7px)
}
80% {
-moz-transform:rotate(-28deg) translateY(8px)
}
90% {
-moz-transform:rotate(14deg) translateY(9px)
}
99% {
-moz-transform:rotate(0deg) translateY(10px)
}
}
@-webkit-keyframes fireLeft {
6% {
-webkit-transform:rotate(25deg)
}
15% {
-webkit-transform:rotate(-19deg)
}
25% {
-webkit-transform:rotate(25deg)
}
32% {
-webkit-transform:rotate(-30deg)
}
46% {
-webkit-transform:rotate(22deg)
}
54% {
-webkit-transform:rotate(-29deg)
}
61% {
-webkit-transform:rotate(32deg)
}
74% {
-webkit-transform:rotate(-9deg)
}
83% {
-webkit-transform:rotate(16deg)
}
99% {
-webkit-transform:rotate(0deg)
}
}
@-moz-keyframes fireLeft {
6% {
-moz-transform:rotate(25deg)
}
15% {
-moz-transform:rotate(-19deg)
}
25% {
-moz-transform:rotate(25deg)
}
32% {
-moz-transform:rotate(-30deg)
}
46% {
-moz-transform:rotate(22deg)
}
54% {
-moz-transform:rotate(-29deg)
}
61% {
-moz-transform:rotate(32deg)
}
74% {
-moz-transform:rotate(-9deg)
}
83% {
-moz-transform:rotate(16deg)
}
99% {
-moz-transform:rotate(0deg)
}
}
@keyframes fireMiddle {
10% {
transform:rotate(25deg)
}
20% {
transform:rotate(-25deg)
}
30% {
transform:rotate(30deg)
}
40% {
transform:rotate(-22deg)
}
50% {
transform:rotate(29deg)
}
60% {
transform:rotate(-45deg)
}
70% {
transform:rotate(37deg)
}
80% {
transform:rotate(-15deg)
}
90% {
transform:rotate(16deg)
}
99% {
transform:rotate(0deg)
}
}
@-webkit-keyframes fireMiddle {
10% {
-webkit-transform:rotate(25deg)
}
20% {
-webkit-transform:rotate(-25deg)
}
30% {
-webkit-transform:rotate(30deg)
}
40% {
-webkit-transform:rotate(-22deg)
}
50% {
-webkit-transform:rotate(29deg)
}
60% {
-webkit-transform:rotate(-45deg)
}
70% {
-webkit-transform:rotate(37deg)
}
80% {
-webkit-transform:rotate(-15deg)
}
90% {
-webkit-transform:rotate(16deg)
}
99% {
-webkit-transform:rotate(0deg)
}
}
@-moz-keyframes fireMiddle {
10% {
-moz-transform:rotate(25deg)
}
20% {
-moz-transform:rotate(-25deg)
}
30% {
-moz-transform:rotate(30deg)
}
40% {
-moz-transform:rotate(-22deg)
}
50% {
-moz-transform:rotate(29deg)
}
60% {
-moz-transform:rotate(-45deg)
}
70% {
-moz-transform:rotate(37deg)
}
80% {
-moz-transform:rotate(-15deg)
}
90% {
-moz-transform:rotate(16deg)
}
99% {
-moz-transform:rotate(0deg)
}
}
@keyframes fireRight {
15% {
transform:rotate(17deg)
}
23% {
transform:rotate(-13deg)
}
37% {
transform:rotate(21deg)
}
45% {
transform:rotate(-34deg)
}
54% {
transform:rotate(24deg)
}
67% {
transform:rotate(-17deg)
}
72% {
transform:rotate(31deg)
}
84% {
transform:rotate(-28deg)
}
96% {
transform:rotate(14deg)
}
99% {
transform:rotate(0deg)
}
}
@-webkit-keyframes fireRight {
15% {
-webkit-transform:rotate(17deg)
}
23% {
-webkit-transform:rotate(-13deg)
}
37% {
-webkit-transform:rotate(21deg)
}
45% {
-webkit-transform:rotate(-34deg)
}
54% {
-webkit-transform:rotate(24deg)
}
67% {
-webkit-transform:rotate(-17deg)
}
72% {
-webkit-transform:rotate(31deg)
}
84% {
-webkit-transform:rotate(-28deg)
}
96% {
-webkit-transform:rotate(14deg)
}
99% {
-webkit-transform:rotate(0deg)
}
}
@-moz-keyframes fireRight {
15% {
-moz-transform:rotate(17deg)
}
23% {
-moz-transform:rotate(-13deg)
}
37% {
-moz-transform:rotate(21deg)
}
45% {
-moz-transform:rotate(-34deg)
}
54% {
-moz-transform:rotate(24deg)
}
67% {
-moz-transform:rotate(-17deg)
}
72% {
-moz-transform:rotate(31deg)
}
84% {
-moz-transform:rotate(-28deg)
}
96% {
-moz-transform:rotate(14deg)
}
99% {
-moz-transform:rotate(0deg)
}
}
@keyframes fillOpacity1 {
0%, 50% {
fill-opacity:1;
stroke-opacity:1
}
100% {
fill-opacity:0;
stroke-opacity:0
}
}
@-webkit-keyframes fillOpacity1 {
0%, 50% {
fill-opacity:1;
stroke-opacity:1
}
100% {
fill-opacity:0;
stroke-opacity:0
}
}
@-moz-keyframes fillOpacity1 {
0%, 50% {
fill-opacity:1;
stroke-opacity:1
}
100% {
fill-opacity:0;
stroke-opacity:0
}
}
@keyframes fillOpacity2 {
0%, 25% {
fill-opacity:1;
stroke-opacity:1
}
100% {
fill-opacity:0;
stroke-opacity:0
}
}
@-webkit-keyframes fillOpacity2 {
0%, 25% {
fill-opacity:1;
stroke-opacity:1
}
100% {
fill-opacity:0;
stroke-opacity:0
}
}
@-moz-keyframes fillOpacity2 {
0%, 25% {
fill-opacity:1;
stroke-opacity:1
}
100% {
fill-opacity:0;
stroke-opacity:0
}
}
@keyframes fillOpacity3 {
0%, 67% {
fill-opacity:1;
stroke-opacity:1
}
100% {
fill-opacity:0;
stroke-opacity:0
}
}
@-webkit-keyframes fillOpacity3 {
0%, 67% {
fill-opacity:1;
stroke-opacity:1
}
100% {
fill-opacity:0;
stroke-opacity:0
}
}
@-moz-keyframes fillOpacity3 {
0%, 67% {
fill-opacity:1;
stroke-opacity:1
}
100% {
fill-opacity:0;
stroke-opacity:0
}
}
@keyframes rocektMove {
0% {
transform:translateY(0)
}
100% {
transform:translateY(20px)
}
}
@-webkit-keyframes rocektMove {
0% {
-webkit-transform:translateY(0)
}
100% {
-webkit-transform:translateY(20px)
}
}
@-moz-keyframes rocektMove {
0% {
-moz-transform:translateY(0)
}
100% {
-moz-transform:translateY(20px)
}
}
.fire {
display: none;
fill: #fed37f;
-webkit-animation-delay: 0s;
-moz-animation-delay: 0s;
-ms-animation-delay: 0s;
-o-animation-delay: 0s;
animation-delay: 0s;
fill-opacity: 1;
-webkit-animation-timing-function: ease-in;
-moz-animation-timing-function: ease-in;
-ms-animation-timing-function: ease-in;
-o-animation-timing-function: ease-in;
animation-timing-function: ease-in;
stroke-width: 0;
-webkit-animation-iteration-count: infinite;
-moz-animation-iteration-count: infinite;
-ms-animation-iteration-count: infinite;
-o-animation-iteration-count: infinite;
animation-iteration-count: infinite;
-webkit-transform-origin: 50% 50%;
-moz-transform-origin: 50% 50%;
-ms-transform-origin: 50% 50%;
-o-transform-origin: 50% 50%;
transform-origin: 50% 50%;
-webkit-animation-direction: normal;
-moz-animation-direction: normal;
-ms-animation-direction: normal;
-o-animation-direction: normal;
animation-direction: normal
}
#rocket.clicked #fire-left {
display: block;
-webkit-animation-delay: 0s;
-moz-animation-delay: 0s;
-ms-animation-delay: 0s;
-o-animation-delay: 0s;
animation-delay: 0s;
-webkit-animation-name: fireLeft, fillOpacity1;
-moz-animation-name: fireLeft, fillOpacity1;
-ms-animation-name: fireLeft, fillOpacity1;
-o-animation-name: fireLeft, fillOpacity1;
animation-name: fireLeft, fillOpacity1;
-webkit-animation-duration: 1.2s;
-moz-animation-duration: 1.2s;
-ms-animation-duration: 1.2s;
-o-animation-duration: 1.2s;
animation-duration: 1.2s
}
#rocket.clicked #fire-middle {
display: block;
-webkit-animation-delay: 0s;
-moz-animation-delay: 0s;
-ms-animation-delay: 0s;
-o-animation-delay: 0s;
animation-delay: 0s;
-webkit-animation-name: fireMiddle, fillOpacity1;
-moz-animation-name: fireMiddle, fillOpacity1;
-ms-animation-name: fireMiddle, fillOpacity1;
-o-animation-name: fireMiddle, fillOpacity1;
animation-name: fireMiddle, fillOpacity1;
-webkit-animation-duration: 1s;
-moz-animation-duration: 1s;
-ms-animation-duration: 1s;
-o-animation-duration: 1s;
animation-duration: 1s
}
#rocket.clicked #fire-right {
display: block;
-webkit-animation-delay: 0s;
-moz-animation-delay: 0s;
-ms-animation-delay: 0s;
-o-animation-delay: 0s;
animation-delay: 0s;
-webkit-animation-name: fireRight, fillOpacity1;
-moz-animation-name: fireRight, fillOpacity1;
-ms-animation-name: fireRight, fillOpacity1;
-o-animation-name: fireRight, fillOpacity1;
animation-name: fireRight, fillOpacity1;
-webkit-animation-duration: 1.3s;
-moz-animation-duration: 1.3s;
-ms-animation-duration: 1.3s;
-o-animation-duration: 1.3s;
animation-duration: 1.3s
}
#rocket.clicked #fire-small-left {
display: block;
-webkit-animation-delay: 0s;
-moz-animation-delay: 0s;
-ms-animation-delay: 0s;
-o-animation-delay: 0s;
animation-delay: 0s;
-webkit-animation-name: fireSmall, fillOpacity2;
-moz-animation-name: fireSmall, fillOpacity2;
-ms-animation-name: fireSmall, fillOpacity2;
-o-animation-name: fireSmall, fillOpacity2;
animation-name: fireSmall, fillOpacity2;
-webkit-animation-duration: 1.3s;
-moz-animation-duration: 1.3s;
-ms-animation-duration: 1.3s;
-o-animation-duration: 1.3s;
animation-duration: 1.3s;
-webkit-transform-origin: bottom;
-moz-transform-origin: bottom;
-ms-transform-origin: bottom;
-o-transform-origin: bottom;
transform-origin: bottom
}
#rocket.clicked #fire-small-right {
display: block;
-webkit-animation-delay: .3s;
-moz-animation-delay: .3s;
-ms-animation-delay: .3s;
-o-animation-delay: .3s;
animation-delay: .3s;
-webkit-animation-name: fireSmall, fillOpacity3;
-moz-animation-name: fireSmall, fillOpacity3;
-ms-animation-name: fireSmall, fillOpacity3;
-o-animation-name: fireSmall, fillOpacity3;
animation-name: fireSmall, fillOpacity3;
-webkit-animation-duration: 1.6s;
-moz-animation-duration: 1.6s;
-ms-animation-duration: 1.6s;
-o-animation-duration: 1.6s;
animation-duration: 1.6s;
-webkit-transform-origin: bottom;
-moz-transform-origin: bottom;
-ms-transform-origin: bottom;
-o-transform-origin: bottom;
transform-origin: bottom
}
.heading {
margin: 25px 0 24px;
font: 20px 'Varela Round', sans-serif;
color: #34495e
}
.heading--section {
margin: 35px 0 34px
}
.heading--section-separate {
margin: 55px 0 34px
}
.heading--section-short {
margin: 24px 0 34px
}
.heading--section-list {
margin: 32px 0 34px
}
.heading--first {
margin-top: 0
}
.heading--start {
margin: 74px 0 34px
}
.heading--separate {
margin: 57px 0 14px
}
.heading--lagre {
margin: 77px 0 24px
}
.heading--small {
margin-bottom: 24px
}
.heading--smaller {
margin-bottom: 16px
}
.heading--sm {
margin-top: 20px
}
.heading-middle {
margin-top: 30px
}
.heading--center {
margin-top: 45px
}
.heading--md {
margin-top: 50px
}
.heading--lg {
margin-top: 55px
}
.heading--empty {
margin-bottom: 5px
}
.heading-info {
margin: 10px 0 18px;
font-size: 20px;
font-family: 'Open Sans', sans-serif;
font-weight: 500;
color: #88aaf7;
}
.block-title {
position: relative;
padding: 20px 0 20px;
margin-top: 0;
margin-bottom: 40px;
font: 28px 'Varela Round', sans-serif;
text-align: center;
color: #e91e63;
border-bottom: 1px solid #dfe6e7
}
.block-title:before {
content: "";
position: absolute;
bottom: -1px;
left: 50%;
width: 80px;
height: 3px;
margin-left: -40px;
background-color: #85d6de
}
.block-title--special:before {
background-color: #ff6163
}
.block-title--left {
text-align: left
}
.block-title--left:before {
left: 0;
margin-left: 0
}
.block-title--simple {
padding-top: 54px;
padding-bottom: 21px;
margin-bottom: 0;
border: none
}
.block-title--simple:before {
display: none
}
.block-title--inverse {
color: #fff
}
.block-title--bottom {
margin-bottom: 60px
}
.block-title--bottom-l {
margin-bottom: 80px
}
.block-title--top-larger {
margin-top: 0px
}
.block-title--top-large-m {
margin-top: 70px
}
.block-title--top-large {
margin-top: 60px
}
.block-title--top-large-s {
margin-top: 50px
}
.block-title--top-middle {
margin-top: 40px
}
.block-title--top-s {
margin-top: 10px
}
.block-title--bottom-s {
margin-bottom: 10px
}
.sub-header {
margin-bottom: 12px;
font-size: 16px;
font-family: 'Open Sans', sans-serif;
font-style: italic;
font-weight: 700;
color: #34495e
}
.sub-header--simple {
font-style: normal;
margin-top: 10px;
margin-bottom: 2px
}
.heading-helper {
margin: 24px 0;
font: 18px 'Open Sans', sans-serif;
font-weight: 700
}
.heading-helper--thin {
margin-top: 0
}
.heading-helper--bottom {
margin-bottom: 10px
}
.heading-helper--large {
font-size: 22px;
text-transform: uppercase;
text-align: center
}
.heading-helper--sm {
font-size: 14px;
text-transform: uppercase
}
.heading-helper--markered {
position: relative;
overflow: hidden;
padding: 26px 0 26px 30px
}
.heading-helper--markered:before {
content: "\f10c";
position: absolute;
top: 27px;
left: 0;
width: 16px;
height: 16px;
padding-top: 3px;
padding-left: 4px;
font: 9px FontAwesome;
color: #fff;
background-color: #85d6de;
-webkit-border-radius: 50%;
-moz-border-radius: 50%;
border-radius: 50%
}
.heading-helper--markered-first {
margin-top: 9px
}
.header-oneline {
float: left;
margin-top: -2px;
margin-right: 15px
}
.heading-cascade {
margin-top: 0;
margin-bottom: 36px;
font-size: 48px;
line-height: 44px;
color: #000
}
.heading-cascade .heading-cascade__step {
display: block;
font-size: 24px;
color: #85d6de
}
.heading-cascade--danger .heading-cascade__step {
color: #fe8f8c
}
.heading-cascade--large {
padding-top: 14px;
text-transform: uppercase;
font-size: 30px;
line-height: 38px;
margin-bottom: 28px
}
.heading-cascade--large .heading-cascade__step {
text-transform: none;
font-size: 22px
}
.heading-simple {
padding: 23px 0;
margin: 0;
font-size: 28px;
text-align: center
}
.heading-marker {
position: relative;
margin: 46px 0 20px;
padding-bottom: 30px;
font: 14px 'Open Sans', sans-serif;
font-weight: 700;
font-style: italic;
text-align: center;
color: #85d6de
}
.heading-marker:before {
content: "";
position: absolute;
bottom: 0;
left: 50%;
margin-left: -11px;
width: 0;
height: 0;
border-style: solid;
border-width: 13px 11px 0;
border-color: #85d6de transparent transparent
}
.alert {
display: none
}
.alert-visible {
display: block
}
.accordion-wrapper {
min-height: 635px
}
.btn-wrapper {
margin-bottom: 20px
}
.btn-present-sm {
margin-bottom: 10px
}
.form-wrapper {
padding-right: 50px
}
.btn-wrapper {
text-align: center
}
.contact-info {
padding-top: 5px;
margin-bottom: 10px
}
.contact-info .contact-info__item {
position: relative;
padding-right: 25px;
padding-left: 20px;
font-size: 12px;
color: #c3ccd3;
}
.contact-info .contact-info__item[href]:hover {
color: #85d6de
}
.contact-info .fa-location-arrow {
position: absolute;
top: 0;
left: 0;
font-size: 16px
}
.contact-info .fa-mobile {
position: absolute;
top: -1px;
left: 0;
font-size: 20px
}
.contact-info .fa-envelope {
position: absolute;
top: 2px;
left: 0;
font-size: 12px
}
.search {
position: relative;
margin-top: 6px
}
.search .search__field {
width: 360px;
height: 24px;
padding: 0 15px 3px;
font-size: 12px;
font-style: italic;
color: #758594;
background-color: #34495e;
border: 1px solid #34495e;
-webkit-border-radius: 12px;
-moz-border-radius: 12px;
border-radius: 12px;
box-shadow: none;
-webkit-transition: color 300ms ease-in, border 300ms ease-in;
-moz-transition: color 300ms ease-in, border 300ms ease-in;
transition: color 300ms ease-in, border 300ms ease-in
}
.search .search__field:focus {
color: #fff;
border: 1px solid #fff
}
.search .search__field:focus+.search__btn {
color: #fff
}
.search .search__btn {
position: absolute;
top: 0;
right: 0;
padding: 2px 15px;
color: #758594;
background: 0 0;
border: none;
box-shadow: none;
-webkit-transition: color 300ms ease-in;
-o-transition: color 300ms ease-in;
transition: color 300ms ease-in
}
.search .search__btn:hover {
color: #fff
}
.social ul {
padding-left: 0
}
.social .social__item {
display: inline-block;
margin-bottom: 12px;
margin-right: 8px;
list-style: none;
text-align: center
}
.social .social__link {
display: block;
width: 38px;
height: 38px;
padding-top: 10px;
background-color: #758594;
-webkit-border-radius: 19px;
-moz-border-radius: 19px;
border-radius: 19px;
-webkit-transition: all 300ms ease-in;
-o-transition: all 300ms ease-in;
transition: all 300ms ease-in
}
.social .social__link:hover {
opacity: .5;
}
.social .social__icon {
font-size: 18px;
color: #34495e
}
.social--default .social__link:hover {
opacity: 1;
background-color: #fff
}
.breadcrumb {
float: right;
margin-top: -54px;
background: 0 0
}
.breadcrumb a {
font-size: 12px;
color: #34495e;
text-decoration: none;
font-style: normal
}
.breadcrumb .active {
font-size: 12px;
font-style: normal;
color: #34495e
}
.breadcrumb>li+li:before {
content: "|";
padding-right: 6px;
padding-left: 3px;
color: #34495e
}
.accordion .panel {
border: none;
-webkit-border-radius: 0;
-moz-border-radius: 0;
border-radius: 0;
box-shadow: none
}
.accordion .panel-heading {
position: relative;
padding: 0;
color: #34495e;
background-color: transparent
}
.accordion .panel-heading .marker {
position: absolute;
top: 0;
left: 0;
display: block;
height: 100%
}
.accordion .panel-heading .marker__close {
position: absolute;
top: 50%;
left: 0;
display: none
}
.accordion .panel-heading .marker__open {
position: absolute;
top: 50%;
left: 0;
display: inline-block
}
.accordion .panel-heading .collapsed .marker__close {
display: inline-block
}
.accordion .panel-heading .collapsed .marker__open {
display: none
}
.accordion a:focus, .accordion a:hover {
text-decoration: none
}
.accordion .accordion-link {
display: block;
padding: 10px 15px
}
.accordion .panel-body {
line-height: 26px;
color: #737c85
}
.accordion .panel-heading+.panel-collapse .panel-body {
border-top: none
}
.accordion-link .step__number {
position: absolute;
top: 12px;
right: 35px;
font-size: 54px;
color: #fff
}
.accordion-link.collapsed .step__number {
color: #dfe6e7
}
.accordion-link.collapsed:hover .step__number {
color: #fff
}
.alert {
position: relative;
margin-bottom: 10px;
padding: 34px 35px 33px 77px;
color: #34495e;
border: none;
-webkit-border-radius: 0;
-moz-border-radius: 0;
border-radius: 0
}
.alert .alert-market {
position: absolute;
top: 0;
left: 0;
display: block;
width: 60px;
height: 100%
}
.alert .fa {
position: absolute;
top: 50%;
left: 0;
width: 100%;
margin-top: -11px;
font-size: 22px;
text-align: center;
color: #fff
}
.alert .fa-times {
margin-top: -6px;
font-size: 12px;
color: #34495e
}
.alert .close {
position: absolute;
top: 50%;
right: 12px;
margin-top: -10px;
width: 20px;
height: 20px;
background: 0 0;
border: none
}
.icon {
margin-top: 8px;
font-size: 24px;
color: #34495e
}
.icon .icon__item {
margin-bottom: 5px
}
.icon-present .icon__item {
padding-top: 18px;
margin-right: 40px
}
.icon-present.icon--shape {
margin-top: 42px
}
.icon-present.icon--shape .icon__item {
margin-right: 0
}
.icon-present.icon--border {
margin-top: 49px
}
.icon-present.icon--border .icon__item {
margin-right: 0
}
.livicon {
display: inline-block;
line-height: inherit;
vertical-align: middle;
height: 18px!important
}
.icon--animate .icon__item {
padding-top: 0;
display: inline-block
}
.icon-present.icon--animate .icon__item {
margin-right: 15px
}
.icon-present.icon--shape.icon--animate .icon__item {
margin-right: 0
}
.image-container {
position: relative
}
.image-container img {
max-width: 100%
}
.image-container--max {
max-width: 262px
}
.image-container--max-large {
max-width: 575px;
margin: 0 auto 40px
}
.icon-present.icon--border.icon--animate .icon__item {
margin-right: 0
}
.link {
font-weight: 700;
color: #85d6de;
border-bottom: 3px solid #85d6de
}
.link:hover {
color: #85d6de;
opacity: .6
}
.link:focus {
color: #85d6de;
text-decoration: none
}
.link-sample {
margin-right: 70px
}
.link--top {
display: inline-block;
margin-top: 15px
}
.list-ordered {
padding-left: 15px;
margin-bottom: 30px;
font-weight: 700
}
.list-ordered span {
font-weight: 400
}
.list-ordered li {
padding-bottom: 20px;
padding-left: 10px
}
.list {
padding-left: 15px;
margin-top: -5px;
margin-bottom: 30px
}
.list li {
position: relative;
padding-bottom: 20px;
padding-left: 10px;
list-style: none
}
.list li:before {
content: "\f10c";
position: absolute;
left: -15px;
top: 5px;
font-size: 9px;
font-family: FontAwesome;
font-style: normal
}
.stat {
color: #34495e
}
.stat .stat__number {
display: block;
float: left;
margin-right: 12px;
font: 50px 'Varela Round', sans-serif;
line-height: 56px
}
.stat .stat__icon {
display: inline-block;
margin-top: 8px;
font-size: 36px
}
.stat .stat__icon.livicon {
margin-top: 4px
}
.stat .stat__dimension {
font-size: 18px;
font-style: italic;
clear: both
}
.stat-present {
margin-top: -8px;
margin-bottom: 13px
}
.progress-bar {
-webkit-transition: width 2500ms ease;
-moz-transition: width 2500ms ease;
transition: width 2500ms ease
}
.pagination {
position: relative
}
.pagination .pagination__block {
display: block;
width: 100%;
text-align: center;
border: 1px solid #dfe6e7
}
.pagination .pagination__next, .pagination .pagination__prev {
display: block;
float: left;
font-size: 30px;
line-height: 42px;
color: #34495e;
border: 1px solid #dfe6e7;
position: absolute;
top: 0;
-webkit-transition: all 300ms ease-in;
-o-transition: all 300ms ease-in;
transition: all 300ms ease-in
}
.pagination .pagination__next:hover, .pagination .pagination__prev:hover {
color: #fff;
background-color: #34495e;
border-color: #34495e
}
.pagination .pagination__prev {
left: 0;
padding: 6px 26px 10px 22px
}
.pagination .pagination__next {
right: 0;
padding: 6px 22px 10px 26px
}
.pagination .pagination__item {
display: inline-block;
padding: 17px 16px 16px;
font-size: 18px;
font-weight: 600;
color: #34495e;
-webkit-transition: all 300ms ease-in;
-o-transition: all 300ms ease-in;
transition: all 300ms ease-in
}
.pagination .pagination__item.active-page, .pagination .pagination__item:hover {
color: #85d6de
}
.pagination .pagination__item:focus {
text-decoration: none
}
.pagination-sample {
margin-bottom: 20px
}
.promo {
padding: 32px 0;
margin-bottom: 10px;
text-align: center;
background-color: #dfe6e7
}
.promo .promo__heading {
padding: 22px 0;
margin: 0;
font-size: 22px;
font-family: 'Open Sans', sans-serif;
font-weight: 700;
color: #34495e;
text-transform: uppercase
}
.promo .promo__btn {
margin-bottom: 18px;
padding-left: 20px;
padding-right: 20px
}
.promo-present {
margin-bottom: 30px
}
.pager {
position: relative
}
.pager .pager__next, .pager .pager__prev {
position: absolute;
top: 38px;
z-index: 20;
display: block;
width: 60px;
height: 60px;
padding-top: 21px;
padding-left: 11px;
color: #fff;
font-weight: 700;
text-transform: uppercase;
background-color: #85d6de;
border: none;
-webkit-transition: all 300ms ease-in;
-o-transition: all 300ms ease-in;
transition: all 300ms ease-in
}
.pager .pager__next:hover, .pager .pager__prev:hover {
background-color: #34495e
}
.pager .pager__prev {
left: 0
}
.pager .pager__next {
right: 0
}
.share {
display: block;
margin-bottom: 20px
}
.share .share__item {
color: #fff;
margin-bottom: 10px;
-webkit-transition: all 300ms;
-o-transition: all 300ms;
transition: all 300ms
}
.share .share__item:hover {
opacity: .6
}
.share .fa {
margin-right: 11px;
font-size: 16px
}
.share .share__item--twitter {
background-color: #55acee
}
.share .share__item--facebook {
background-color: #3b5998
}
.share .share__item--gplus {
background-color: #dd4b39
}
.share .share__item--pinterest {
background-color: #cc2127
}
.share .share__item--linkedin {
background-color: #0976b4
}
.share--large .share__item {
display: inline-block;
padding: 10px 36px 10px 33px;
margin-right: 6px;
font-size: 14px
}
.share--large .fa {
margin-right: 8px
}
.share--small .share__item {
display: inline-block;
padding: 7px 9px 8px;
margin-right: 4px;
font-size: 12px;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px
}
.share--small .share__item--empty {
padding: 7px 3px 8px 12px
}
.share--small .fa {
margin-right: 8px;
font-size: 14px
}
.share-present {
margin-top: 20px
}
.table {
font-size: 14px;
color: #34495e
}
.table-responsive {
border: none
}
.table-present {
margin-bottom: 30px
}
.col-sm-width {
width: 16.6666666666666%
}
.col-wide {
width: 50%
}
.col-small {
width: 10%
}
.col-middle {
width: 30%
}
.col-width-one {
width: 40%
}
.col-width-two {
width: 60%
}
.col-third {
width: 40%
}
.col-thin {
width: 20%
}
.tabs .nav-tabs {
border-color: #dfe6e7
}
.tabs .tab-content {
padding: 5px 30px 7px;
color: #737c85;
border: 1px solid #dfe6e7;
border-top: none
}
.tabs .tab-content p {
margin-bottom: 24px;
line-height: 26px
}
.tabs .nav-tabs a {
padding: 13px 25px 16px;
font-size: 13px;
font-weight: 700;
font-style: normal;
text-transform: uppercase;
color: #737c85;
//border-color: transparent;
-webkit-border-radius: 0;
-moz-border-radius: 0;
border-radius: 0;
background:#eee;
}
.tabs .nav-tabs a:focus, .tabs .nav-tabs a:hover {
color: #34495e;
background-color: transparent;
border-color: transparent
}
.tabs .nav-tabs .active a, .tabs .nav-tabs .active a:focus, .tabs .nav-tabs .active a:hover {
color: #34495e;
background-color: #85d6de;
border-color: transparent
}
.testimonial .testimonial__images {
width: 80px;
height: 80px;
float: left;
margin-right: 20px
}
.testimonial .testimonial__images img {
max-width: 100%;
-webkit-border-radius: 50%;
-moz-border-radius: 50%;
border-radius: 50%
}
.testimonial .testimonial__author {
padding-top: 20px;
margin-bottom: 2px;
font-size: 16px;
font-weight: 700;
color: #fe8f8c
}
.testimonial .testimonial__info {
margin-bottom: 28px;
font-size: 12px;
color: #fe8f8c
}
.testimonial .testimonial__text {
font-size: 14px;
font-style: italic;
line-height: 26px;
color: #34495e
}
.tooltip {
z-index: 300
}
.tooltip-link {
display: inline-block;
font-size: 14px;
font-weight: 700;
color: #85d6de
}
.tooltip.top .tooltip-arrow {
border-top-color: #34495e
}
.tooltip .tooltip-inner {
padding: 6px 10px 4px;
background-color: #34495e;
-webkit-border-radius: 0;
-moz-border-radius: 0;
border-radius: 0
}
@media screen and (min-width:0\0) {
.tooltip-box .tooltip-content, .tooltip-classic .tooltip-content, .tooltip-flip .tooltip-content, .tooltip-line .tooltip-content, .tooltip-round .tooltip-content {
display:none
}
.tooltip-box:hover .tooltip-content, .tooltip-classic:hover .tooltip-content, .tooltip-flip:hover .tooltip-content, .tooltip-line:hover .tooltip-content, .tooltip-round:hover .tooltip-content {
display:block
}
}
.sequence {
text-align: center
}
.sequence .sequence__item {
position: relative;
display: inline-block;
text-align: center;
float: left;
padding-bottom: 50px
}
.sequence .sequence__step {
display: inline-block;
width: 70px;
height: 70px;
padding-top: 13px;
font: 36px 'Varela Round', sans-serif;
text-align: center;
color: #34495e;
background-color: #fed37f;
-webkit-border-radius: 50%;
-moz-border-radius: 50%;
border-radius: 50%
}
.sequence .sequence__info {
position: absolute;
top: 93px;
left: 50%;
display: block;
font-size: 18px;
font-weight: 700;
color: #34495e;
background-image: url(../images/components/link-underline.svg);
background-position: 0 95%;
background-repeat: repeat-x
}
.sequence .sequence__item--active .sequence__step {
color: #fff;
background-color: #85d6de
}
.sequence .sequence__item--active .sequence__info {
color: #85d6de;
background-image: url(../images/components/link-underline-hover.svg)
}
.sequence .sequence__separator {
float: left;
margin-top: 30px;
font-size: 0
}
.sequence .sequence__divider {
display: inline-block;
width: 7px;
height: 7px;
margin: 0 8px;
background-color: #fed37f;
-webkit-border-radius: 50%;
-moz-border-radius: 50%;
border-radius: 50%
}
.sequence .sequence__color--one {
background-color: #fed37f
}
.sequence .sequence__color--two {
background-color: #85d6de
}
.sequence .sequence__color--three {
background-color: #34495e
}
.sequence .sequence__color--four {
background-color: #fe8f8c
}
.sequence .sequence__color--one1 {
background-color: #f1d38a
}
.sequence .sequence__color--one2 {
background-color: #dfd497
}
.sequence .sequence__color--one3 {
background-color: #cbd4a7
}
.sequence .sequence__color--two1 {
background-color: #93d6d3
}
.sequence .sequence__color--two2 {
background-color: #a4d5c6
}
.sequence .sequence__color--two3 {
background-color: #b6d5b8
}
.sequence .sequence__color--two4 {
background-color: #7cc6cf
}
.sequence .sequence__color--two5 {
background-color: #71b2be
}
.sequence .sequence__color--two6 {
background-color: #639ba9
}
.sequence .sequence__color--three1 {
background-color: #3c576b
}
.sequence .sequence__color--three2 {
background-color: #486d7e
}
.sequence .sequence__color--three3 {
background-color: #568493
}
.sequence .sequence__color--three4 {
background-color: #495063
}
.sequence .sequence__color--three5 {
background-color: #665a69
}
.sequence .sequence__color--three6 {
background-color: #886671
}
.sequence .sequence__color--four1 {
background-color: #e88787
}
.sequence .sequence__color--four2 {
background-color: #cb7d80
}
.sequence .sequence__color--four3 {
background-color: #ab7279
}
.sequence--colored .sequence__item {
width: 70px;
height: 70px;
padding-top: 20px;
text-align: center;
background-color: #34495e;
-webkit-border-radius: 50%;
-moz-border-radius: 50%;
border-radius: 50%
}
.sequence--colored .sequence__item .fa {
font-size: 30px;
color: #fff
}
.sequence--colored .sequence__item--first {
background-color: #fed37f
}
.sequence--colored .sequence__item--second {
background-color: #85d6de
}
.sequence--colored .sequence__item--third {
background-color: #34495e
}
.sequence--colored .sequence__item--fourth {
background-color: #fe8f8c
}
.sequence--colored .livicon {
margin-top: -8px
}
.sequence__info-null {
margin-left: -28px
}
.sequence__info-one {
margin-left: -41px
}
.sequence__info-two {
margin-left: -53px
}
.sequence__info-three {
margin-left: -30px
}
.sequence__info-four {
margin-left: -60px
}
.sequence__info-five {
margin-left: -28px
}
.sequence-wrapper {
display: inline-block
}
.sequence-present {
margin-bottom: 48px
}
.link-list .link-list__wrapper {
list-style: none
}
.link-list .link-list__item {
display: inline-block;
padding: 10px 0;
color: #737c85;
font-style: normal
}
.link-list .link-list__item:hover {
color: #85d6de
}
.link-list .link-list__item:focus {
text-decoration: none
}
.link-list .link-list__header {
position: relative;
padding-left: 40px;
margin-top: 0;
margin-bottom: 22px;
font-size: 18px;
font-family: 'Open Sans', sans-serif;
font-weight: 700;
color: #85d6de
}
.link-list .link-list__header:before {
content: "";
position: absolute;
top: -3px;
left: 5px;
font-size: 24px;
font-family: FontAwesome;
color: #85d6de
}
.link-list .link-list__header--home:before {
content: "\f015"
}
.link-list .link-list__header--shop:before {
content: "\f07a"
}
.link-list .link-list__header--about:before {
content: "\f007"
}
.link-list .link-list__header--blog:before {
content: "\f15c"
}
.link-list .link-list__header--service:before {
content: "\f085"
}
.link-list .link-list__header--forum:before {
content: "\f075"
}
.link-list .link-list__header--photo:before {
content: "\f0b1"
}
.link-list .link-list__header--additional:before {
content: "\f055"
}
.link-list .link-list__header--header:before {
content: "\f1dc"
}
.link-list .link-list__header--footer:before {
content: "\f1b0"
}
.link-list--space {
margin-bottom: 62px
}
.price {
margin-bottom: 80px;
background-color: #f3f7f7;
text-align: center;
color: #34495e
}
.price .price__head {
border-bottom: 1px solid #fff
}
.price .price__package {
font-family: 'Open Sans', sans-serif;
padding-top: 36px;
margin: 0;
font-size: 24px;
text-transform: uppercase
}
.price .price__value {
margin-bottom: 0;
font-size: 44px;
line-height: 44px;
font-weight: 800;
color: #34495e
}
.price .price__descript {
margin-bottom: 29px;
font-size: 16px;
color: #bac3cd
}
.price .price__content {
padding-top: 20px
}
.price ul {
padding-left: 0;
list-style: none
}
.price .price-quality {
padding: 10px 0;
font-style: normal
}
.price .price__btn {
padding: 17px 33px 15px;
margin-top: 28px;
margin-bottom: 43px
}
.price--full {
padding-left: 0;
padding-right: 0
}
.price--popular {
background-color: #34495e;
color: #fff
}
.price--popular .price-quality, .price--popular .price__package, .price--popular .price__value {
color: #fff
}
.price--simple {
background-color: transparent
}
.price--simple .price__head {
background-color: #85d6de;
border-bottom: 3px solid #fff;
padding-bottom: 2px
}
.price--simple .price__content {
border-left: 3px solid #dfe6e7;
border-right: 3px solid #dfe6e7
}
.price--simple .price__bottom {
border: 3px solid #dfe6e7;
border-top: none
}
.price--simple .price__descript {
color: #fff
}
.price--simple .price__btn {
margin-top: 25px;
margin-bottom: 38px
}
.price--row {
background-color: #fed37f;
overflow: hidden;
margin-bottom: 80px
}
.price--row .price {
background-color: transparent;
margin-bottom: 0
}
.price--row .price__head {
border: none
}
.price--row .price__package {
padding-top: 46px;
padding-bottom: 6px;
font: 50px 'Varela Round', sans-serif;
color: #fff;
text-transform: none
}
.price--row .price__package-main {
color: #34495e
}
.price--row .font-lg {
font-size: 30px;
line-height: 8px
}
.price--row .price-quality {
padding: 6px 0
}
.price--row .price-quality--special {
padding-top: 10px;
margin-bottom: 15px;
font: 30px 'Varela Round', sans-serif;
color: #34495e
}
.price--row .price-quality-value {
display: block;
margin-top: -5px;
font-size: 18px;
color: #fff
}
.price--row .price__btn {
margin-bottom: 31px
}
.price--stript {
border-right: 1px solid #fff
}
.price--stript .price__head {
background-color: #85d6de;
border: none
}
.price--stript .price__package {
padding-top: 43px;
padding-bottom: 1px;
font-size: 18px
}
.price--stript .price__descript {
color: #fff;
padding-bottom: 29px;
margin-bottom: 0
}
.price--stript .price__content {
padding-top: 0
}
.price--stript .price-quality {
padding: 20px 0;
font-style: normal
}
.price--stript .price-quality:nth-child(odd) {
position: relative
}
.price--stript .price-quality:nth-child(odd):before {
content: "";
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
background-color: rgba(0,0,0,.04)
}
.price--stript .price__btn {
margin-top: 29px;
margin-bottom: 31px;
padding-left: 35px
}
.price-info {
padding-left: 0;
margin-top: 163px;
list-style: none
}
.price-info__item {
background-color: rgba(0,0,0,.01);
padding: 20px 0 20px 50px;
font-style: normal
}
.price-info__item:nth-child(odd) {
position: relative
}
.price-info__item:nth-child(odd):before {
content: "";
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
background-color: rgba(0,0,0,.04)
}
.price--count .price__value {
padding-bottom: 43px
}
.price--count .price__content {
padding-top: 30px
}
.price--count .price__counter {
background: #fff
}
.price--count .price__counter .price__counter_market {
padding-top: 18px;
margin-bottom: -5px;
font-family: Georgia, serif;
font-size: 16px;
font-weight: 700;
font-style: italic;
color: #fed37f
}
.price--count .price__counter .digits {
color: #34495e;
font: 32px 'Open Sans', sans-serif;
font-weight: 700;
padding: 0 12px
}
.price--count .price__counter .timer-wrap {
position: relative;
display: inline-block;
padding-bottom: 25px
}
.price--count .price__counter .timer-wrap:before {
content: ":";
position: absolute;
top: 0;
left: -8px;
color: #34495e;
font: 32px 'Open Sans', sans-serif;
font-weight: 700
}
.price--count .price__counter .digits-label, .price--count .price__counter .timer-input, .price--count .price__counter .timer-wrap:first-child:before {
display: none
}
.post:focus {
text-decoration: none
}
.post p {
margin-bottom: 26px
}
.post p strong {
color: #34495e
}
.post .post-heading {
margin-top: 27px;
margin-bottom: 14px;
font-size: 28px;
line-height: 34px;
-webkit-transition: all 300ms ease-in;
-o-transition: all 300ms ease-in;
transition: all 300ms ease-in
}
.post .post__date {
font-size: 14px;
line-height: 18px;
font-weight: 700;
color: #34495e
}
.post .post__date--rect {
position: absolute;
top: 50%;
left: -1px;
width: 70px;
height: 70px;
padding-top: 20px;
padding-left: 10px;
margin-top: -35px;
color: #fff;
background-color: #85d6de
}
.post .post__date--static {
position: static;
float: left;
margin-right: 20px;
margin-top: -4px;
margin-bottom: 0
}
.post .post__tags {
margin-bottom: 43px
}
.post .post__image {
margin: 10px 0 24px
}
.post .post__image.pull-left {
margin-right: 30px
}
.post .post__image.pull-right {
margin-left: 30px
}
.post .list, .post .list-ordered {
padding-left: 62px;
margin-top: 37px;
margin-bottom: 11px
}
.post__interaction {
padding-top: 40px
}
.post__interaction .share {
font-size: 0;
margin-top: 0;
margin-bottom: 2px
}
.post__interaction .share .share__item {
width: 25%;
padding-left: 30px;
padding-right: 30px;
margin-right: 0;
margin-bottom: 0
}
.post-wide {
padding-right: 45px
}
.subscribe {
padding: 25px 37px 28px;
background-color: #34495e
}
.subscribe .subscribe__moto {
margin-right: 55px;
font-size: 16px;
font-style: italic;
font-weight: 700;
color: #fff;
float: left
}
.subscribe .subscribe__field {
min-width: 390px;
padding: 2px 90px 5px 14px;
margin-top: 3px;
font-size: 12px;
font-style: italic;
color: #34495e;
border: none;
-webkit-border-radius: 12px;
-moz-border-radius: 12px;
border-radius: 12px;
box-shadow: none
}
.subscribe .subscribe__btn {
position: absolute;
top: 3px;
right: 0;
width: 79px;
padding-top: 3px;
padding-bottom: 5px;
font: 12px 'Varela Round', sans-serif;
color: #34495e;
background: #85d6de;
border: none;
-webkit-border-radius: 0 12px 12px 0;
-moz-border-radius: 0 12px 12px 0;
border-radius: 0 12px 12px 0;
box-shadow: none;
line-height: 16px!important;
-webkit-transition: all 300ms ease-in;
-o-transition: all 300ms ease-in;
transition: all 300ms ease-in
}
.subscribe .subscribe__btn:hover {
opacity: .8
}
.subscribe--thin .subscribe__field {
padding-bottom: 4px
}
.submit-control {
position: relative;
display: inline-block
}
.tags {
padding-left: 0;
list-style: none
}
.tags .tags__item {
position: relative;
padding-left: 20px
}
.tags .tags__item--user:before {
content: "\f007";
position: absolute;
top: 8px;
left: 0;
font: 14px FontAwesome;
color: #34495e
}
.tags .tags__item--comment:before {
content: "\f075";
position: absolute;
top: 8px;
left: 0;
font: 14px FontAwesome;
color: #34495e
}
.tags .tags__link {
display: inline-block;
padding-top: 5px;
padding-bottom: 4px;
font-style: normal;
color: #34495e
}
.tags .tags__link:focus {
text-decoration: none
}
.blockquote {
position: relative;
margin: 36px 0 34px;
padding: 38px 200px 70px 82px;
font-size: 30px;
line-height: 36px;
font-style: italic;
color: #34495e;
border: none;
background-color: #dfe6e7
}
.blockquote .blockquote__divider {
position: relative
}
.blockquote .blockquote__divider:before {
content: "";
position: absolute;
top: 23px;
right: 0;
width: 100%;
height: 1px;
background-color: #34495e
}
.blockquote .blockquote__author {
position: relative;
display: inline-block;
float: right;
padding-right: 72px;
padding-left: 20px;
margin-top: 12px;
font-size: 14px;
font-weight: 800;
text-align: right;
color: #34495e;
background-color: #dfe6e7
}
.blockquote .blockquote__author:before {
content: ""
}
.blockquote:before {
content: "";
position: absolute;
top: 0;
right: 18px;
width: 10px;
height: 100%;
background-color: #fff
}
.comment {
position: relative;
padding: 16px 21px;
margin-bottom: 5px;
background-color: #f5f5f5
}
.comment .comment__number {
display: inline-block;
float: left;
margin-bottom: 80px;
margin-right: 45px;
font: 36px 'Varela Round', sans-serif;
color: #34495e
}
.comment .comment__author {
margin-bottom: -1px;
font-size: 16px;
font-weight: 700;
color: #34495e
}
.comment .comment__date {
font-size: 12px;
color: #34495e
}
.comment .comment__text {
margin-top: 7px;
margin-bottom: 6px;
font-size: 14px;
line-height: 26px;
color: #737c85
}
.comment .comment__btn {
position: absolute;
top: 26px;
right: 21px
}
.comment:nth-child(odd) {
background-color: #fcfcfc
}
.comment--primary {
background-color: #fff;
border: 5px solid #85d6de
}
.comment--primary .comment__number {
position: relative;
color: #85d6de
}
.comment--primary .comment__mark {
position: absolute;
top: 45px;
left: -2px;
font: 12px 'Varela Round', sans-serif;
text-transform: uppercase;
color: #85d6de
}
.comment--reply {
margin-left: 60px
}
.comment-form {
margin-top: 32px;
margin-bottom: 11px;
text-align: left
}
.comment-form .col-left {
padding-right: 5px;
margin-top: 2px
}
.comment-form .col-right {
padding-left: 5px;
margin-top: 2px
}
.comment-form .checkbox {
margin-left: 30px;
margin-top: 14px
}
.comment-form .btn-submit {
float: right;
margin-top: -34px
}
.sidebar {
margin-top: -5px
}
.text-widget {
margin: -8px 0
}
.flickr {
padding-left: 0;
list-style: none
}
.flickr li {
float: left;
width: 20%
}
.flickr li a {
position: relative;
display: block
}
.flickr li a:before {
content: "";
position: absolute;
top: 0;
left: 0;
width: 110%;
height: 110%;
background-color: #fff;
-webkit-transition: all 300ms ease-in;
-o-transition: all 300ms ease-in;
transition: all 300ms ease-in;
opacity: 0
}
.flickr li a:hover:before {
opacity: .5
}
.facebook-group {
padding: 20px 10px;
border: 1px solid #dfe6e7
}
#twitter-feed-list {
overflow: hidden;
margin-bottom: -28px
}
#twitter-feed-list p {
line-height: 26px
}
#twitter-feed-list .twitter-article {
margin-top: -5px;
margin-bottom: 23px
}
#twitter-feed-list .twitter-article a:hover {
color: #737c85
}
#twitter-feed-list .twitter-pic {
margin-bottom: 0
}
#twitter-feed-list .twitter-author {
float: none;
padding-top: 7px;
margin-top: 0;
margin-bottom: -11px;
color: #34495e
}
#twitter-feed-list .tweetprofilelink {
margin-top: 0
}
#twitter-feed-list .tweetprofilelink a {
color: #737c85
}
#twitter-feed-list .twitter-text {
margin-top: -3px
}
#twitter-feed-list .twitter-text p {
line-height: 16px;
color: #737c85
}
#twitter-feed-list .twitter__follow {
top: 12px
}
#twitter-feed-list #twitter-actions {
margin-right: -15px
}
#twitter-feed-list .intent {
text-indent: -9999px;
padding-left: 35px;
padding-right: 0
}
#twitter-feed-list #intent-reply a:hover {
background-image: url(../images/icons/reply-hover.svg)
}
#twitter-feed-list #intent-retweet a:hover {
background-image: url(../images/icons/retweet-hover.svg)
}
#twitter-feed-list #intent-fave a:hover {
padding-right: 0;
background-image: url(../images/icons/fave-hover.svg)
}
#twitter-feed-list #tw3 {
display: none
}
.sidebar #twitter-feed-list .twitter-text p {
font-size: 12px
}
.twitter-pattern .loader {
margin-bottom: 60px
}
.twitter-pattern #twitter-feed-list {
overflow: visible;
padding-top: 10px
}
.twitter-pattern #twitter-feed-list .twitter__follow {
top: 1px
}
.twitter-pattern #twitter-feed-list #tw3 {
display: block
}
.twitter-pattern #twitter-feed-list .intent {
text-indent: 0;
padding-left: 0;
padding-right: 0
}
.twitter-pattern .intent a:hover {
color: #34495e
}
.twitter-pattern #twitter-feed-list .swiper-slide {
width: 100%
}
.twitter-pattern #twitter-feed-list .twitter-pic {
margin-top: 35px;
margin-right: 25px
}
.twitter-pattern #twitter-feed-list p {
font-family: Arial, Helvetica, sans-serif
}
.twitter-pattern #twitter-feed-list .twitter-author {
display: inline-block;
font-size: 16px;
font-weight: 700
}
.twitter-pattern #twitter-feed-list .twitter-author+p {
display: inline-block
}
.twitter-pattern #twitter-feed-list .tweetprofilelink a {
font-size: 14px;
color: #85d6de
}
.twitter-pattern #twitter-feed-list #twitter-actions {
margin-right: 0
}
.twitter-pattern #twitter-feed-list .intent:hover a {
color: #34495e
}
.twitter-pattern #twitter-feed-list #intent-retweet a:hover {
background-position: 0 -1px
}
.twitter-pattern #twitter-feed-list #intent-fave a:hover {
background-position: 0 -3px
}
.twitter-pattern .twitter__follow .fa-twitter {
font-size: 14px
}
.sidebar .swiper-slide {
float: none
}
.video-container {
position: relative;
padding-top: 15px!important;
padding-bottom: 54.25%!important;
height: 0
}
.video-container iframe {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%
}
.timeline {
position: relative
}
.timeline:before {
content: "";
position: absolute;
top: 0;
left: 50%;
width: 1px;
height: 100%;
background-color: #dfe6e7
}
.timeline .timeline__circle {
display: block;
width: 40px;
height: 40px;
background-color: #fff;
background-image: url(../images/logo-small.png);
background-repeat: no-repeat;
background-position: center;
background-size: 22px 22px;
border: 1px solid #dfe6e7;
-webkit-border-radius: 50%;
-moz-border-radius: 50%;
border-radius: 50%
}
.timeline .timeline__connerctor {
display: block;
width: 27px;
height: 1px;
background-color: #dfe6e7
}
.gallery-item {
position: relative;
margin-bottom: 30px
}
.gallery-item .gallery-item__heading {
padding-top: 25%;
margin: 0;
font-size: 16px;
font-weight: 700;
color: #fff
}
.gallery-item .gallery-item__author {
margin-bottom: 21px;
font-size: 12px;
color: #bac3cd
}
.gallery-item .btn {
padding-left: 34px;
padding-right: 34px
}
.gallery-item .btn:focus {
background-color: #fed37f
}
.gallery-item .gallery-item__info {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
text-align: center;
background-color: #34495e;
-webkit-transition: all 300ms;
-o-transition: all 300ms;
transition: all 300ms;
opacity: 0
}
.gallery-item:hover .gallery-item__info {
-webkit-transform: translate(18px, 18px);
-moz-transform: translate(18px, 18px);
-ms-transform: translate(18px, 18px);
transform: translate(18px, 18px);
opacity: 1
}
.mfp-zoom-out-cur, .mfp-zoom-out-cur .mfp-image-holder .mfp-close {
cursor: pointer
}
.desktop-middle .gallery-item__heading {
padding-top: 20%
}
.desktop-small .gallery-item__heading {
padding-top: 13%
}
.desktop-small .btn {
padding: 7px 17px 8px
}
.similar-object {
padding-top: 33px;
padding-bottom: 60px;
margin-top: 46px;
background-color: #85d6de
}
.about {
position: relative;
//padding-top: 115px;
padding-bottom: 30px;
margin-bottom: -1px;
overflow: hidden
}
.about:before {
content: "";
position: absolute;
top: 0;
bottom: 0;
left: 0;
right: 0;
z-index: -1;
//background-image: url(../images/about-img.jpg);
//background-position: 100% 100%;
//background-size: 554px 630px;
//background-repeat: no-repeat;
opacity: 1;
-wekit-transition: background 1000ms ease-out, opacity 1500ms ease-out;
-moz-transition: background 1000ms ease-out, opacity 1500ms ease-out;
transition: background 1000ms ease-out, opacity 1500ms ease-out
}
.achivement {
position: relative;
min-height: 380px;
background-color: #85d6de
}
.achivement:before {
content: "";
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
background-image: url(../images/logo-huge.png);
background-repeat: no-repeat;
background-position: 50% 50%;
background-attachment: fixed
}
.achivement:after {
content: "";
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
background-image: url(../images/logo-medium.png);
background-repeat: no-repeat;
background-position: 50% 37%;
background-attachment: fixed
}
.achivement-item {
position: relative;
z-index: 20;
padding-top: 90px;
text-align: center
}
.achivement-item .achivement-item__marker {
position: relative;
display: inline-block;
font-size: 100px;
color: #fff
}
.achivement-item .achivement-item__marker:before {
content: "{";
position: absolute;
top: 50%;
left: -80px;
margin-top: -30px;
font: 60px 'Varela Round', sans-serif;
opacity: .2
}
.achivement-item .achivement-item__marker:after {
content: "}";
position: absolute;
top: 50%;
right: -80px;
margin-top: -30px;
font: 60px 'Varela Round', sans-serif;
opacity: .2
}
.achivement-item .achivement-item__heading {
margin-top: 20px;
margin-bottom: 0;
font: 24px 'Open Sans', sans-serif;
font-weight: 700;
color: #fff
}
.achivement-item .achivement-item__highlight {
color: #34495e
}
.achivement-item .achivement-item__info {
color: #fff
}
.achivement-item--large {
padding-top: 2px
}
.achivement-item--large .achivement-item__marker {
font-size: 180px
}
.achivement-item--large .achivement-item__marker:after, .achivement-item--large .achivement-item__marker:before {
font-size: 100px;
margin-top: -50px
}
.achivement-item--large .achivement-item__heading {
font-size: 40px;
margin-top: -20px;
margin-bottom: -6px
}
.achivement-item--large .achivement-item__info {
font-size: 18px
}
.image--border-hover {
position: relative;
overflow: hidden
}
.image--border-hover:before {
content: "";
position: absolute;
top: -5%;
left: -5%;
width: 110%;
height: 110%;
border: 5px solid #85d6de;
-webkit-transition: all 300ms;
-o-transition: all 300ms;
transition: all 300ms;
opacity: 0
}
.staff .staff__name {
margin: 42px 0 2px;
font: 18px 'Open Sans', sans-serif;
font-weight: 700
}
.staff .staff__position {
margin-bottom: 18px;
color: #fe8f8c;
-webkit-transition: color 300ms ease-in;
-o-transition: color 300ms ease-in;
transition: color 300ms ease-in
}
.staff:hover .post__text, .staff:hover .staff__position {
color: #34495e
}
.staff:hover .image--border-hover:before {
top: 0;
left: 0;
width: 100%;
height: 100%;
opacity: 1
}
.staff-container {
position: relative
}
.testimonial-block {
padding-bottom: 145px;
background-image: url(../images/testimonial.jpg);
background-size: cover;
background-position: center;
background-attachment: fixed
}
.testimonial-wrap {
padding-left: 0;
list-style: none;
font-style: normal
}
.testimonial-wrap .testimonial {
max-width: 360px;
margin: 0 15px;
padding-top: 20px;
padding-bottom: 20px;
padding-right: 40px;
float: left
}
.testimonial-wrap .testimonial__author {
padding-top: 18px;
margin-bottom: 0
}
.testimonial-wrap .testimonial__info {
margin-bottom: 20px
}
.testimonial-area {
margin-top: 62px
}
.testimonial-area .testimonial {
margin-bottom: 30px
}
.mCSB_dragger {
min-width: 50px;
height: 11px!important;
margin-top: 3px;
background-color: #85d6de;
-webkit-border-radius: 6px;
-moz-border-radius: 6px;
border-radius: 6px;
-webkit-transition: background-color 300ms ease-in;
-o-transition: background-color 300ms ease-in;
transition: background-color 300ms ease-in
}
.mCSB_dragger:before {
content: "";
display: block;
width: 100%;
height: 100%;
background-image: url(../images/icons/three-lines.svg);
background-repeat: no-repeat;
background-position: center;
background-size: 12px 11px;
z-index: 18
}
.mCSB_dragger:after {
content: "";
position: absolute;
bottom: 0;
left: 0;
width: 100%;
height: 60%;
background-color: rgba(0,0,0,.1);
-webkit-border-radius: 0 0 6px 6px;
-moz-border-radius: 0 0 6px 6px;
border-radius: 0 0 6px 6px;
z-index: 12
}
.mCSB_dragger:hover {
background-color: #34495e
}
.mCSB_scrollTools {
opacity: 1
}
.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCSB_scrollTools .mCSB_dragger:focus .mCSB_dragger_bar, .mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar {
display: none
}
.mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_draggerRail {
height: 3px;
background-color: #34495e;
opacity: 1
}
.person-wrap {
background-image: url(../images/staff/staff-bg.jpg);
background-repeat: no-repeat;
background-size: cover;
background-position: center
}
.person {
overflow: hidden;
margin-top: 20px;
padding-bottom: 80px
}
.person .person__image {
float: left;
margin: 0 50px;
border: 6px solid #fff
}
.person .person__name {
padding-top: 59px;
margin: 0 0 -3px;
font: 36px 'Open Sans', sans-serif;
font-weight: 700
}
.person .person__position {
margin-bottom: 26px;
font-size: 16px;
color: #fe8f8c
}
.short-text {
margin-top: 95px;
margin-bottom: 45px;
text-align: center
}
.short-text h4 {
margin-top: 0;
font: 14px 'Open Sans', sans-serif;
font-weight: 700
}
.info-text {
margin-top: -8px
}
.join {
padding-bottom: 10px;
margin-top: 20px;
text-align: center
}
.join .join__image {
max-width: 100%;
width: 872px;
height: 171px
}
.join .join__additional {
position: relative;
display: inline-block;
margin-top: 6px;
margin-bottom: 144px;
font: 50px Georgia, serif;
font-style: italic;
color: #34495e
}
.join .join__additional:before {
content: "";
position: absolute;
top: 32px;
left: -255px;
width: 240px;
height: 1px;
background-color: #34495e
}
.join .join__additional:after {
content: "";
position: absolute;
top: 32px;
right: -255px;
width: 240px;
height: 1px;
background-color: #34495e
}
.join p {
text-align: left;
margin-bottom: 26px
}
.vacancy {
padding: 30px 5px 40px 80px;
margin-bottom: 30px;
background-color: #f3f7f7
}
.vacancy .vacancy__heading {
position: relative;
padding: 4px 0 4px 27px;
margin: 0 0 0 -60px;
font: 18px 'Open Sans', sans-serif;
font-weight: 700
}
.vacancy .vacancy__heading:before {
content: "\f10c";
position: absolute;
top: 10px;
left: 0;
width: 16px;
height: 16px;
padding-top: 3px;
padding-left: 4.5px;
font: 9px FontAwesome;
color: #fff;
background-color: #85d6de;
-webkit-border-radius: 50%;
-moz-border-radius: 50%;
border-radius: 50%;
-webkit-transition: all 300ms ease-in;
-o-transition: all 300ms ease-in;
transition: all 300ms ease-in
}
.vacancy .vacancy__subheading {
margin: 0;
padding: 25px 0;
font: 14px 'Open Sans', sans-serif;
font-weight: 700;
text-transform: uppercase
}
.vacancy .vacancy__btn {
margin-top: 30px
}
.vacancy .list {
margin-bottom: 0
}
.vacancy .list .last-item {
padding-bottom: 5px
}
.map {
width: 100%
}
.map--large {
height: 842px;
margin-top: 1px;
margin-bottom: 1px
}
.map--standart {
height: 320px
}
.map--thin {
height: 340px
}
.map--simple {
height: 480px
}
.map--small {
width: 300px;
height: 200px
}
.map--left {
float: left;
margin-right: 38px;
margin-bottom: 10px
}
.map--right {
float: right;
margin-left: 38px;
margin-bottom: 10px
}
.map--wide {
height: 400px;
margin-bottom: 20px
}
.content-block {
position: relative;
z-index: 40
}
.form-container {
position: absolute;
top: 125px;
left: 0;
width: 100%;
background-color: #fff
}
.form-container .form-container__slogan {
padding: 33px 20px;
font-weight: 700;
font-style: italic;
color: #34495e;
background-image: url(../images/icons/arrow-smooth.svg);
background-repeat: no-repeat;
background-size: 100px 30px;
background-position: 80% 65%
}
.form-container-inner {
padding: 30px 25px 22px
}
.form-handler {
padding: 25px 60px 0;
min-height: 320px
}
.bordered-container {
border: 10px solid #34495e
}
.service-step {
padding-bottom: 40px
}
.service-step .service-step__line {
padding-bottom: 80px
}
.service-step .service-step__line--last {
padding-bottom: 20px
}
.service-step .service-step__info {
position: relative;
z-index: 22
}
.service-step .service-step__number {
position: absolute;
top: -31px;
left: 3px;
z-index: -1;
font: 140px 'Varela Round', sans-serif;
color: #dfe6e7
}
.service-step .service-step__heading {
margin: 0;
padding: 36px 0 15px;
font-size: 28px
}
.service-step .service-step__descript {
padding-left: 195px;
padding-right: 55px;
margin-bottom: 0
}
.service {
padding-bottom: 32px
}
.service .icon {
float: left;
margin-right: 25px
}
.service .icon .icon__item {
margin-left: 5px;
margin-right: 5px
}
.service .icon .fa-dashboard {
padding-top: 17px;
padding-left: 2px
}
.service .service__heading {
padding: 25px 0 35px;
margin: 0;
font: 18px 'Open Sans', sans-serif;
font-weight: 700;
-webkit-transition: all 300ms;
-o-transition: all 300ms;
transition: all 300ms
}
.service .service__link:focus {
text-decoration: none
}
.service .service__link:hover .service__heading {
color: #85d6de
}
.service-container {
padding-bottom: 74px
}
.service-image {
max-width: 521px;
padding-top: 35px;
margin: 0 auto
}
.service-image img {
max-width: 100%
}
.service-slider {
margin-top: 44px
}
.sequence-service {
text-align: left;
padding: 30px 0
}
.question-wrapper {
background-color: #85d6de
}
.question-wrapper .contact__field {
background-color: #fff;
border: 1px solid transparent
}
.question-inner {
padding: 30px 26px 60px
}
.content-dashboard {
padding-left: 275px;
padding-right: 30px;
width: 100%;
padding-bottom: 80px
}
.datepicker {
background-color: #f3f7f7;
-webkit-border-radius: 0;
-moz-border-radius: 0;
border-radius: 0
}
.datepicker-inline {
width: 240px;
margin: 0 auto;
padding: 6px 20px 12px
}
.datepicker .datepicker-switch {
font-size: 14px;
font-weight: 700;
text-transform: uppercase;
color: #737c85
}
.datepicker th {
font-size: 13px;
font-weight: 700;
color: #737c85;
padding-top: 17px;
padding-bottom: 14px
}
.datepicker tfoot tr th:hover, .datepicker thead tr:first-child th:hover {
background-color: transparent
}
.datepicker td {
font-size: 13px;
color: #34495e;
text-align: center
}
.datepicker.datepicker-inline th.dow, .datepicker.dropdown-menu th.dow {
padding: 19px 6px 13px
}
.datepicker.datepicker-inline td, .datepicker.dropdown-menu td {
padding: 7px 6px
}
.datepicker table tr td.day.focused, .datepicker table tr td.day:hover, .datepicker table tr td.today, .datepicker table tr td.today.active, .datepicker table tr td.today.active:hover, .datepicker table tr td.today.disabled, .datepicker table tr td.today.disabled.active, .datepicker table tr td.today.disabled.active:hover, .datepicker table tr td.today.disabled.disabled, .datepicker table tr td.today.disabled.disabled:hover, .datepicker table tr td.today.disabled:active, .datepicker table tr td.today.disabled:hover, .datepicker table tr td.today.disabled:hover:active, .datepicker table tr td.today.disabled:hover:hover, .datepicker table tr td.today.disabled[disabled], .datepicker table tr td.today.disabled[disabled]:hover, .datepicker table tr td.today:active, .datepicker table tr td.today:hover, .datepicker table tr td.today:hover:active, .datepicker table tr td.today:hover:hover, .datepicker table tr td.today[disabled], .datepicker table tr td.today[disabled]:hover {
background: 0 0
}
.today {
position: relative;
z-index: 10;
background: 0 0
}
.today:before {
content: "";
position: absolute;
top: 8px;
left: 50%;
width: 30px;
height: 16px;
margin-left: -15px;
background-color: #fed37f;
-webkit-border-radius: 8px;
-moz-border-radius: 8px;
border-radius: 8px;
z-index: -1
}
.datepicker .prev {
text-indent: -9999px;
position: relative;
display: inline-block;
z-index: 10;
cursor: pointer
}
.datepicker .prev:before {
content: "\f177";
position: absolute;
top: 4px;
left: 0;
font-size: 14px;
font-family: FontAwesome;
color: #737c85;
text-indent: 0
}
.datepicker .next {
text-indent: -9999px;
position: relative;
display: inline-block;
z-index: 10;
cursor: pointer
}
.datepicker .next:before {
content: "\f178";
position: absolute;
top: 4px;
right: 0;
font-size: 14px;
font-family: FontAwesome;
color: #737c85;
text-indent: 0
}
.datepicker table tr td.active.active, .datepicker table tr td.active.active:hover, .datepicker table tr td.active.disabled, .datepicker table tr td.active.disabled.active, .datepicker table tr td.active.disabled.active:hover, .datepicker table tr td.active.disabled.disabled, .datepicker table tr td.active.disabled.disabled:hover, .datepicker table tr td.active.disabled:active, .datepicker table tr td.active.disabled:hover, .datepicker table tr td.active.disabled:hover:active, .datepicker table tr td.active.disabled:hover:hover, .datepicker table tr td.active.disabled[disabled], .datepicker table tr td.active.disabled[disabled]:hover, .datepicker table tr td.active:active, .datepicker table tr td.active:hover, .datepicker table tr td.active:hover:active, .datepicker table tr td.active:hover:hover, .datepicker table tr td.active[disabled], .datepicker table tr td.active[disabled]:hover {
background: 0 0;
color: #34495e;
font-weight: 400;
text-shadow: none
}
.datepicker .active {
position: relative;
z-index: 10;
background: 0 0
}
.datepicker .active:before {
content: "";
position: absolute;
top: 9px;
left: 50%;
width: 30px;
height: 16px;
margin-left: -15px;
background-color: #fed37f;
-webkit-border-radius: 8px;
-moz-border-radius: 8px;
border-radius: 8px;
z-index: -1
}
.forum-head {
background-color: rgba(52,73,94,.1);
background-image: url(../images/forum/forum-bg.jpg);
background-repeat: no-repeat;
background-size: cover;
background-position: center
}
.forum {
padding-bottom: 65px;
text-align: center
}
.forum .forum__heading {
padding-top: 8px;
margin: 0 0 -4px;
font-size: 42px;
color: #000
}
.forum .forum__describe {
margin: 0 0 34px;
font-size: 24px;
color: #000
}
.forum .forum__connector {
font-size: 24px;
color: #000;
margin: 0 26px
}
.forum .btn {
padding: 17px 30px 14px
}
.table--forum {
margin-bottom: 60px
}
.table--target.table--secondary thead tr {
background-color: #85d6de
}
.forum-info {
background-color: #fcfcfc;
padding-bottom: 37px
}
.forum-info .forum-info__heading {
padding: 30px 20px;
margin: 0;
background-color: #34495e;
font: 14px 'Open Sans', sans-serif;
font-weight: 700;
text-transform: uppercase;
color: #fff
}
.forum-info .forum-info__text {
padding: 33px 20px 26px;
margin-bottom: 0
}
.forum-info .forum-info__current {
font-weight: 700;
color: #34495e
}
.forum-info .forum-info__list {
padding: 0 20px;
margin-bottom: -4px
}
.forum-info .forum-info__user {
font-weight: 700;
color: #34495e
}
.forum-info .forum-info__user:hover {
color: #85d6de
}
.forum__admin {
color: #39b54a
}
.forum__moderator {
color: #f26c4f
}
.forum__translator {
color: #8781bd
}
.forum__user {
color: #34495e
}
.news--forum {
padding-bottom: 15px
}
.news--forum .news__heading {
font-size: 14px;
color: #34495e;
padding-bottom: 6px
}
.news--forum .news__detail {
font-size: 12px;
line-height: 14px
}
.news--last {
padding-bottom: 0
}
.cut-section {
padding-right: 45px
}
.forum-thread .forum-thread__heading {
margin: -4px 0 53px
}
.forum-thread .forum-thread__results {
float: right;
margin-top: 20px;
font-size: 14px;
color: #737c85
}
.forum-item {
margin-bottom: 30px
}
.forum-item .forum-item__head {
position: relative;
background-color: #f5f5f5;
padding: 25px 20px 24px
}
.forum-item .forum-item__head:before {
content: "";
position: absolute;
top: 0;
right: 0;
width: 5px;
height: 100%
}
.forum-item .forum-item__photo {
width: 48px;
height: 48px;
float: left;
margin-right: 23px
}
.forum-item .forum-item__photo img {
max-width: 100%;
-webkit-border-radius: 50%;
-moz-border-radius: 50%;
border-radius: 50%
}
.forum-item .forum-item__author {
margin: 0;
font: 16px 'Open Sans', sans-serif;
font-weight: 700
}
.forum-item .forum-item__time {
margin-bottom: 0
}
.forum-item .forum-item__about {
text-align: right;
float: right;
margin-top: -45px
}
.forum-item .forum-item__about .forum-item__posts {
display: block;
color: #737c85;
margin-top: 3px
}
.forum-item .forum-item__body {
padding: 32px 22px 8px;
border: 1px solid #f5f5f5
}
.forum-item .forum-item__body p {
margin-bottom: 26px
}
.forum-item--admin .forum-item__head:before {
background-color: #39b54a
}
.forum-item--moderator .forum-item__head:before {
background-color: #f26c4f
}
.forum-item--translate .forum-item__head:before {
background-color: #8781bd
}
.cart {
position: absolute;
top: 25px;
right: 0;
display: inline-block;
-webkit-perspective: 1500px;
perspective: 1500px;
z-index: 25
}
.cart .cart__link {
padding: 10px 20px 11px;
color: #fff;
font-weight: 700;
-webkit-transition: all 400ms ease-in;
-o-transition: all 400ms ease-in;
transition: all 400ms ease-in;
cursor: pointer
}
.cart .cart__icon {
width: 34px;
height: 34px;
padding-top: 8px;
padding-left: 8px;
margin-right: 10px;
font-size: 16px;
color: #34495e;
background-color: #fed37f;
-webkit-border-radius: 50%;
-moz-border-radius: 50%;
border-radius: 50%
}
.cart .icon__more {
margin-left: 10px
}
.cart .cart-highlight {
color: #fed37f
}
.cart .cart__list {
position: absolute;
top: 55px;
right: 0;
padding: 21px;
min-width: 370px;
background-color: #f3f7f7;
border: 1px solid #dadee1;
-webkit-box-shadow: 0 0 20px rgba(0,0,0,.12);
-moz-box-shadow: 0 0 20px rgba(0,0,0,.12);
box-shadow: 0 0 20px rgba(0,0,0,.12);
opacity: 0;
z-index: -1;
-webkit-transform: rotateX(-89deg);
-moz-transform: rotateX(-89deg);
-ms-transform: scale(0);
transform: rotateX(-89deg);
-webkit-transform-origin: 0 0;
-moz-transform-origin: 0 0;
transform-origin: 0 0;
-webkit-transition: -webkit-transform 400ms ease-in, opacity 400ms ease-in;
-moz-transition: -moz-transform 400ms ease-in, opacity 400ms ease-in;
transition: transform 400ms ease-in, opacity 400ms ease-in
}
.cart .cart__item-image {
width: 103px;
height: 103px;
float: left;
margin-right: 26px;
border: 5px solid #dfe6e7
}
.cart .cart__item-image img {
max-width: 100%
}
.cart .cart__item {
position: relative;
margin-bottom: 20px;
overflow: hidden
}
.cart .cart__item .cart__close {
position: absolute;
top: 5px;
right: 0
}
.cart .cart__item .cart__item-title {
padding-top: 2px;
font-size: 16px;
color: #34495e
}
.cart .cart__item .cart__item-title:hover {
color: #85d6de
}
.cart .cart__item .cart__item-title:focus {
text-decoration: none
}
.cart .cart__item .cart__item-rating {
margin-top: -5px
}
.cart .cart__item .cart__item-rating img {
margin-left: -5px
}
.cart .cart__item .cart__item-price {
padding-top: 8px;
font-size: 22px;
font-weight: 700;
color: #34495e;
margin-bottom: 0
}
.cart .cart__item .cart__item-bonus {
color: #34495e;
margin-bottom: 0
}
.cart .cart__toggle--icon {
display: none;
width: 48px;
height: 48px;
padding-top: 14px;
padding-left: 13px;
font-size: 20px;
color: #34495e;
background-color: #fed37f;
-webkit-border-radius: 50%;
-moz-border-radius: 50%;
border-radius: 50%
}
.cart .cart__toggle--icon:focus {
text-decoration: none
}
.cart .cart__text {
display: none
}
.cart .checkout-wrap {
text-align: center
}
.cart .cart__link:hover {
background-color: #2c3e50
}
.cart .cart__link:hover+.cart__list, .cart .cart__list:hover {
opacity: 1;
z-index: 1;
-webkit-transform: rotateX(0deg);
-moz-transform: rotateX(0deg);
-ms-transform: scale(1);
transform: rotateX(0deg)
}
.relative-element {
position: relative
}
.shop-view {
margin-bottom: 29px
}
.shop-view .shop-view__results {
margin-right: 15px;
font-size: 18px;
font-weight: 700;
color: #737c85
}
.shop-view .shop-view__variant {
margin: 0 5px;
font-size: 18px;
color: #737c85
}
.shop-view .shop-view__variant--active {
color: #34495e
}
.shop-view .shop-view__results--full {
display: block;
margin-bottom: 10px
}
.shop-view span {
color: #737c85
}
.product__control .product__control__item {
position: absolute;
top: 35%;
width: 49%;
font-size: 24px;
color: #fff;
background-color: #34495e;
padding-top: 13px;
padding-bottom: 14px;
-webkit-transition: -webkit-transform 500ms ease-out;
-moz-transition: -moz-transform 500ms ease-out;
transition: transform 500ms ease-out
}
.product__control .product__control-left {
left: 0;
text-align: right;
padding-right: 30px;
-webkit-transform: translateX(-102%);
-moz-transform: translateX(-102%);
-ms-transform: translateX(-102%);
transform: translateX(-102%)
}
.product__control .product__control-right {
right: 0;
text-align: left;
padding-top: 11px;
padding-bottom: 16px;
padding-left: 30px;
-webkit-transform: translateX(102%);
-moz-transform: translateX(102%);
-ms-transform: translateX(102%);
transform: translateX(102%)
}
.product {
max-width: 360px;
position: relative;
display: block;
text-align: center;
padding: 15px 25px 25px;
margin-bottom: 30px;
margin-left: auto;
margin-right: auto;
overflow: hidden
}
.product:focus {
text-decoration: none
}
.product .product__photo {
width: 100%
}
.product .product__photo img {
max-width: 100%
}
.product .product__title {
display: block;
margin-top: -19px;
margin-bottom: 12px;
font-size: 18px;
font-family: 'Open Sans', sans-serif;
font-weight: 700;
color: #34495e;
-webkit-transition: color 400ms ease-in;
-o-transition: color 400ms ease-in;
transition: color 400ms ease-in
}
.product .product__title:focus {
text-decoration: none
}
.product .product__price {
position: relative;
display: inline-block;
font-size: 28px;
font-weight: 300;
color: #34495e
}
.product .product__sale {
position: absolute;
top: 4px;
left: 95%;
width: 100px;
font-size: 18px;
font-weight: 300;
color: #fe8f8c;
text-decoration: line-through
}
.product .product__sale--position {
top: 100%;
left: 0
}
.product:hover .product__control-right {
-webkit-transform: translateX(2%);
-moz-transform: translateX(2%);
-ms-transform: translateX(2%);
transform: translateX(2%)
}
.product:hover .product__control-left {
-webkit-transform: translateX(-2%);
-moz-transform: translateX(-2%);
-ms-transform: translateX(-2%);
transform: translateX(-2%)
}
.product .product__btn {
padding-top: 17px;
padding-bottom: 15px
}
.product-wrapper-strict .product__sale {
top: 100%;
left: 50%;
-webkit-transform: translate(-50%, 0);
-moz-transform: translate(-50%, 0);
-ms-transform: translate(-50%, 0);
transform: translate(-50%, 0)
}
.product--round {
border: 5px solid #dfe6e7;
-webkit-transition: all 400ms ease-in;
-o-transition: all 400ms ease-in;
transition: all 400ms ease-in
}
.product--round:hover {
border-color: #34495e
}
.product__marker {
position: absolute;
top: 5px;
left: 5px;
width: 80px;
height: 80px;
padding-top: 26px;
text-align: center;
font-size: 18px;
font-family: Georgia, serif;
font-weight: 700;
font-style: italic;
color: #34495e;
background-color: #85d6de;
-webkit-border-radius: 50%;
-moz-border-radius: 50%;
border-radius: 50%
}
.product__marker--alt {
background-color: #fed37f
}
.range-slider {
height: 3px;
border: none;
-webkit-border-radius: 2px;
-moz-border-radius: 2px;
border-radius: 2px;
box-shadow: none
}
.range-slider .noUi-base {
background-color: #34495e
}
.range-slider .noUi-origin {
background-color: #85d6de
}
.range-slider .noUi-origin:nth-child(2) {
background-color: #34495e
}
.range-slider .noUi-handle {
left: -5px;
top: -8px;
height: 20px;
width: 11px;
background-color: #85d6de;
border: none;
-webkit-border-radius: 6px;
-moz-border-radius: 6px;
border-radius: 6px;
box-shadow: none
}
.range-slider .noUi-handle:after {
display: none
}
.range-slider .noUi-handle:before {
position: absolute;
top: 50%;
left: 0;
width: 100%;
height: 50%;
background: 0 0;
background: rgba(0,0,0,.04);
-webkit-border-radius: 0 0 6px 6px;
-moz-border-radius: 0 0 6px 6px;
border-radius: 0 0 6px 6px
}
.slider-value {
margin-top: 13px;
padding-bottom: 26px
}
.slider-value .slider-value__item {
font-size: 14px;
font-weight: 700;
color: #34495e
}
#range-min:before {
content: "$"
}
#range-min:after {
content: " - "
}
.advert {
display: block;
max-width: 250px;
margin-bottom: 30px
}
.advert img {
max-width: 100%
}
.advert--last {
margin-bottom: 0
}
.adv {
display: block;
margin-top: 30px
}
.adv img {
max-width: 100%
}
.adv--sm {
margin-right: auto;
margin-left: auto;
max-width: 360px
}
.nav-additional {
margin-top: 8px;
padding-left: 0;
list-style: none
}
.nav-additional .nav-additional__item {
font-weight: 700
}
.nav-additional .nav-additional__link {
position: relative;
display: block;
padding: 34px 20px 33px;
margin-bottom: 3px;
font-size: 14px;
color: #34495e;
background-color: #dfe6e7
}
.nav-additional .nav-additional__link:hover {
background-color: #85d6de
}
.nav-additional .nav-additional__link--active {
padding-left: 42px;
background-color: #85d6de
}
.nav-additional .nav-additional__link--active:before {
content: "\f104";
position: absolute;
top: 37px;
left: 21px;
font: 14px FontAwesome;
color: #34495e
}
.order-result {
margin-bottom: 22px
}
.shopping-result {
margin-top: 5px;
padding-bottom: 53px;
background-color: #85d6de;
overflow: hidden
}
.shopping-result .shopping-result__heading {
padding-top: 28px;
margin-bottom: 18px
}
.checkout__sum {
margin-top: 17px;
font-size: 22px;
font-weight: 700;
color: #34495e;
text-align: center
}
.login {
max-width: 310px;
margin: 0 auto
}
.login .contact {
padding-top: 8px
}
.login .checkbox {
display: inline-block;
margin-top: 23px;
margin-left: -20px
}
.login .login__callback {
margin-top: 21px;
margin-right: 20px;
float: right;
font-style: italic
}
.login .login__btn {
margin-top: 28px;
margin-bottom: 65px;
display: block;
width: 100%
}
.error {
text-align: center;
background-color: #34495e;
background-image: url(../images/components/error-stars.png);
background-repeat: no-repeat;
background-position: center center
}
.error .wrapper {
position: relative
}
.error .error__main {
width: 494px;
height: 199px;
margin-top: 458px
}
.error .error__heading {
margin-top: 15px;
margin-bottom: 7px;
font-size: 32px;
font-family: 'Open Sans', sans-serif;
font-weight: 300;
color: #758594
}
.error .error__info {
color: #758594
}
.error .error__back {
position: relative;
display: inline-block;
margin-top: 150px;
margin-bottom: 188px;
font-size: 16px;
font-weight: 700;
text-transform: uppercase;
color: #fff;
z-index: 30
}
.error .error__back:hover {
color: #85d6de
}
.error .error__back:before {
content: "";
position: absolute;
top: 40px;
left: -4px;
width: 120px;
height: 23px
}
.cirle {
position: absolute;
top: 50%;
left: 50%;
margin: auto;
background-color: rgba(223,230,231,.02);
-webkit-border-radius: 50%;
-moz-border-radius: 50%;
border-radius: 50%
}
.cirle--lagre {
width: 1080px;
height: 1080px;
margin-top: -540px;
margin-left: -540px;
-webkit-transform: scale(0);
-moz-transform: scale(0);
-ms-transform: scale(0);
transform: scale(0);
-webkit-transition: -webkit-transform 400ms ease-out 500ms;
-moz-transition: -moz-transform 400ms ease-out 500ms;
transition: transform 400ms ease-out 500ms
}
.cirle--middle {
width: 893px;
height: 893px;
margin-top: -446px;
margin-left: -446px;
-webkit-transform: scale(0);
-moz-transform: scale(0);
-ms-transform: scale(0);
transform: scale(0);
-webkit-transition: -webkit-transform 400ms ease-out 300ms;
-moz-transition: -moz-transform 400ms ease-out 300ms;
transition: transform 400ms ease-out 300ms
}
.cirle--small {
width: 576px;
height: 576px;
margin-top: -288px;
margin-left: -288px;
-webkit-transform: scale(0);
-moz-transform: scale(0);
-ms-transform: scale(0);
transform: scale(0);
-webkit-transition: -webkit-transform 400ms ease-out 100ms;
-moz-transition: -moz-transform 400ms ease-out 100ms;
transition: transform 400ms ease-out 100ms
}
.cirle-zoom {
-webkit-transform: scale(1);
-moz-transform: scale(1);
-ms-transform: scale(1);
transform: scale(1)
}
.orbite:before {
content: "";
position: absolute;
top: -17px;
left: 50%;
width: 42px;
height: 42px;
margin-left: -61px;
background-image: url(../images/components/planet-small.png);
background-repeat: no-repeat;
background-size: 42px 42px
}
.orbite-double:before {
content: "";
position: absolute;
top: 50%;
right: -6px;
width: 42px;
height: 42px;
margin-top: 75px;
background-image: url(../images/components/planet-small.png);
background-repeat: no-repeat;
background-size: 42px 42px
}
.orbite-double:after {
content: "";
position: absolute;
top: -20px;
left: 50%;
width: 76px;
height: 76px;
margin-left: 75px;
background-image: url(../images/components/planet-large.png);
background-repeat: no-repeat;
background-size: 76px 76px
}
.comming {
padding-top: 187px;
padding-bottom: 26px;
text-align: center;
background-color: #34495e;
background-image: url(../images/components/comming-soon.jpg);
background-repeat: no-repeat;
background-size: cover;
background-position: center
}
.comming .comming__header {
margin: 0;
font-family: 'Open Sans', sans-serif;
font-size: 46px;
font-weight: 700;
text-transform: uppercase;
color: #fff
}
.comming .comming__header-start {
display: block;
margin-bottom: 8px;
font-size: 30px
}
.comming .comming__describe {
font: 30px Georgia, serif;
font-style: italic;
color: #fff
}
.couter {
margin-top: 135px;
margin-bottom: 355px;
font-size: 0
}
.couter .timer-input {
display: none
}
.couter .timer-wrap {
width: 185px;
margin: 0 15px 20px;
display: inline-block;
background: rgba(254,211,127,.1);
border-bottom: 5px solid #fed37f
}
.couter .timer-wrap--hour {
background: rgba(133,214,222,.1);
border-bottom: 5px solid #85d6de
}
.couter .timer-wrap--min {
background: rgba(255,255,255,.1);
border-bottom: 5px solid #fff
}
.couter .timer-wrap--sec {
background: rgba(254,143,140,.1);
border-bottom: 5px solid #fe8f8c
}
.couter .digits {
display: block;
margin-top: 34px;
margin-bottom: -6px;
font-family: 'Open Sans', sans-serif;
font-size: 80px;
font-weight: 700;
text-transform: uppercase;
color: #fff
}
.couter .digits-label {
margin-bottom: 18px;
font: 30px Georgia, serif;
font-style: italic;
color: #fff
}
.feature {
margin-right: 30px
}
.feature .feature__image img {
max-width: 100%
}
.feature .feature__image--page {
padding-top: 10px
}
.feature .feature__image--page img {
max-width: 241px
}
.feature .feature__image--responsive img {
max-width: 295px
}
.feature .feature__image--clock {
padding-top: 13px;
padding-bottom: 7px;
padding-left: 100px
}
.feature .feature__image--clock img {
max-width: 160px
}
.feature .feature__heading {
margin: 68px 0 18px;
font: 18px 'Open Sans', sans-serif;
font-weight: 700;
color: #34495e
}
.number-container {
padding-bottom: 60px;
background-color: #85d6de
}
.number-container .stat--shape {
border-color: #fff
}
.number-container .stat--shape:after, .number-container .stat--shape:before {
background-color: #fff
}
.special {
min-height: 355px;
padding-top: 10px;
background-color: #85d6de;
text-align: center;
//background-image: url(../images/components/browser.png);
background-repeat: no-repeat;
background-position: 50% 100%;
background-size: 580px 238px
}
.special .special__text {
font-size: 16px;
color: #fff;
font-style: italic
}
.special .special__price {
position: relative;
margin-top: 110px;
margin-bottom: 22px;
font: 50px 'Varela Round', sans-serif;
color: #34495e
}
.special .special__price:before {
content: "{";
font: 50px 'Varela Round', sans-serif;
color: #e1e8e9;
margin-right: 13px
}
.special .special__price:after {
content: "}";
font: 50px 'Varela Round', sans-serif;
color: #e1e8e9;
margin-left: 13px
}
.special .special-inner {
position: relative
}
.special .special-inner:before {
content: "{";
position: absolute;
top: 50%;
left: 25px;
margin-top: -100px;
font: 200px 'Varela Round', sans-serif;
color: rgba(255,255,255,.2);
margin-right: 13px
}
.special .special-inner:after {
content: "}";
position: absolute;
top: 50%;
right: 25px;
margin-top: -100px;
font: 200px 'Varela Round', sans-serif;
color: rgba(255,255,255,.2);
margin-left: 13px
}
.subscribe-container {
padding-top: 115px;
text-align: center
}
.subscribe-container .subscribe-moto {
font: 28px 'Varela Round', sans-serif;
color: #34495e
}
.subscribe-container .subscribe-moto__add {
font-size: 18px;
display: block
}
.pricing-section {
padding-bottom: 34px;
text-align: center;
background-color: #34495e
}
.pricing-section p {
color: #fff
}
.pricing-section .price--row {
margin-top: 10px;
margin-bottom: 50px
}
.start-block {
position: relative;
padding-top: 347px;
padding-bottom: 560px;
text-align: center
}
.start-block .start-block__moto {
padding-bottom: 34px;
margin: 0;
font: 26px 'Open Sans', sans-serif;
font-style: italic;
color: #fed37f
}
.start-block .start-block__heading {
margin: 0;
font: 52px 'Open Sans', sans-serif;
line-height: 52px;
font-weight: 700;
text-transform: uppercase;
color: #fff;
text-shadow: 3px 4px rgba(0,0,0,.15)
}
.scroll-next {
position: absolute;
bottom: 30px;
left: 50%;
width: 42px;
height: 66px;
margin-left: -21px;
background-color: #566879;
background-image: url(../images/icons/mouse.svg);
background-position: 50% 50%;
background-repeat: no-repeat;
background-size: 30px 30px;
-webkit-border-radius: 21px;
-moz-border-radius: 21px;
border-radius: 21px;
z-index: 20
}
.text-plus {
text-align: center;
padding-top: 30px;
padding-bottom: 83px
}
.text-plus .text-plus__heading {
margin: 0 0 6px;
font: 30px 'Open Sans', sans-serif;
font-weight: 700;
text-transform: uppercase;
color: #a8aeb3
}
.text-plus .text-plus__info {
margin: 0;
font-size: 22px;
font-style: italic;
color: #a8aeb3
}
.scroll-link {
cursor: pointer
}
.top-block {
margin-top: 1500px
}
.bubble-block {
position: relative
}
.bubble {
position: absolute;
color: #fff;
-webkit-border-radius: 50%;
-moz-border-radius: 50%;
border-radius: 50%;
text-align: center
}
.bubble .icon__item {
padding-top: 12px
}
.bubble--little {
top: 85px;
left: 18%;
width: 27px;
height: 27px
}
.bubble--little.bubble--position {
top: 47px;
left: 57%
}
.bubble--small {
top: 20px;
left: 33%;
width: 47px;
height: 47px
}
.bubble--normal {
top: -27px;
left: 46%;
width: 70px;
height: 70px
}
.bubble--normal .icon__item {
padding-top: 11px
}
.bubble--medium {
top: 55px;
left: 65%;
width: 73px;
height: 73px
}
.bubble--medium.bubble--danger {
top: 195px;
left: 49%
}
.bubble--medium.bubble--danger .icon__item {
padding-top: 17px
}
.bubble--big {
top: 135px;
left: 68%;
width: 93px;
height: 93px
}
.bubble--big .icon__item {
padding-top: 15px
}
.bubble--large {
top: 145px;
left: 25%;
width: 104px;
height: 104px
}
.bubble--large .icon__item {
padding-top: 21px
}
.bubble--huge {
top: 50px;
left: 38%;
width: 124px;
height: 124px
}
.bubble--huge .icon__item {
padding-top: 24px
}
.bubble--info {
background-color: #85d6de
}
.bubble--danger {
background-color: #fe8f8c
}
.bubble--warning {
background-color: #fed37f
}
.bubble--neutral {
background-color: #dae6e6
}
.run-1 {
-webkit-animation-duration: 900ms;
animation-duration: 900ms;
-webkit-animation-fill-mode: both;
animation-fill-mode: both;
-webkit-animation-delay: 150ms;
animation-delay: 150ms
}
.run-2 {
-webkit-animation-duration: 900ms;
animation-duration: 900ms;
-webkit-animation-fill-mode: both;
animation-fill-mode: both;
-webkit-animation-delay: 300ms;
animation-delay: 300ms
}
.run-3 {
-webkit-animation-duration: 900ms;
animation-duration: 900ms;
-webkit-animation-fill-mode: both;
animation-fill-mode: both;
-webkit-animation-delay: 450ms;
animation-delay: 450ms
}
.run-4 {
-webkit-animation-duration: 900ms;
animation-duration: 900ms;
-webkit-animation-fill-mode: both;
animation-fill-mode: both;
-webkit-animation-delay: 600ms;
animation-delay: 600ms
}
.run-5 {
-webkit-animation-duration: 900ms;
animation-duration: 900ms;
-webkit-animation-fill-mode: both;
animation-fill-mode: both;
-webkit-animation-delay: 750ms;
animation-delay: 750ms
}
.run-6 {
-webkit-animation-duration: 900ms;
animation-duration: 900ms;
-webkit-animation-fill-mode: both;
animation-fill-mode: both;
-webkit-animation-delay: 900ms;
animation-delay: 900ms
}
.run-7 {
-webkit-animation-duration: 900ms;
animation-duration: 900ms;
-webkit-animation-fill-mode: both;
animation-fill-mode: both;
-webkit-animation-delay: 1050ms;
animation-delay: 1050ms
}
.run-8 {
-webkit-animation-duration: 900ms;
animation-duration: 900ms;
-webkit-animation-fill-mode: both;
animation-fill-mode: both;
-webkit-animation-delay: 1200ms;
animation-delay: 1200ms
}
.run-9 {
-webkit-animation-duration: 900ms;
animation-duration: 900ms;
-webkit-animation-fill-mode: both;
animation-fill-mode: both;
-webkit-animation-delay: 1350ms;
animation-delay: 1350ms
}
.image-holder--info {
padding-top: 18px
}
.image-holder--info img {
max-width: 100%
}
.scroll-slide {
text-align: center;
background-size: cover
}
.scroll-slide .scroll-slide__heading {
margin-top: 130px;
margin-bottom: 13px;
font-size: 44px;
font-family: 'Varela Round', sans-serif;
color: #000
}
.scroll-slide .scroll-slide__info {
margin-bottom: 30px;
font-size: 26px;
font-family: 'Varela Round', sans-serif;
color: #000
}
.scroll-slide .scroll-slide__btn {
padding-top: 17px;
padding-bottom: 15px
}
.scroll-slide--dark .scroll-slide__heading, .scroll-slide--dark .scroll-slide__info {
color: #fff
}
.scroll-slide--top .scroll-slide__heading {
margin-top: 80px
}
#section1 {
background-image: url(../images/slider/scroll/1.jpg);
background-position: 50% 50%
}
#section1 .scroll-slide__btn {
padding-left: 21px;
padding-right: 21px
}
#section2 {
background-image: url(../images/slider/scroll/2.jpg);
background-position: 50% 50%
}
#section2 .scroll-slide__btn {
padding-left: 37px;
padding-right: 37px
}
#section3 {
background-image: url(../images/slider/scroll/3.jpg);
background-position: 50% 50%
}
#section3 .scroll-slide__btn {
padding-left: 47px;
padding-right: 47px
}
#section4 {
text-align: left;
background-image: url(../images/slider/scroll/4.jpg);
background-position: 50% 50%
}
#section4 .scroll-slide__btn {
margin-top: 22px;
padding-left: 34px;
padding-right: 34px
}
#pp-nav {
position: absolute;
top: 50%
}
#pp-nav li, .pp-slidesNav li {
margin: 18px 5px
}
#pp-nav li a, .pp-slidesNav li a {
width: 18px;
height: 18px;
border: 2px solid #fff;
-webkit-border-radius: 50%;
-moz-border-radius: 50%;
border-radius: 50%
}
#pp-nav span, .pp-slidesNav span {
border: none;
width: 8px;
height: 8px;
top: 3px;
left: 3px
}
#pp-nav li .active span, .pp-slidesNav .active span {
background-color: #fff
}
.tips .tips__heading {
position: relative;
z-index: 20;
padding-left: 16px;
margin-top: 6px;
margin-bottom: 21px;
font-family: 'Open Sans', sans-serif;
font-size: 18px;
font-weight: 700
}
.tips .tips__heading:before {
content: "";
position: absolute;
top: -4px;
left: 0;
z-index: -1;
width: 30px;
height: 30px;
background: #85d6de;
-webkit-border-radius: 50%;
-moz-border-radius: 50%;
border-radius: 50%
}
.tips .tips__heading .start-sumbol {
color: #fff
}
.tips .tips__text {
color: #34495e
}
.tips .tips__list {
padding-top: 6px;
padding-left: 18px;
font-style: normal
}
.tips .tips__list li {
padding-left: 8px
}
.tips .tips__list li+li {
padding-top: 20px
}
.form-error--line {
width: 100%;
padding-top: 0!important;
padding-bottom: 0!important
}
.form-error--line .inv-em {
display: block;
width: auto;
float: left;
margin: 0 3px;
padding: 6px 0!important
}
.icon-item {
width: 100%;
height: 100%;
border-radius: 50%;
position: relative;
cursor: default
}
.icon-info-wrap {
position: static;
width: 126px;
height: 126px;
float: left;
margin-right: 22px;
border-radius: 50%;
border: 8px solid #fff;
-webkit-perspective: 800px;
-moz-perspective: 800px;
-o-perspective: 800px;
-ms-perspective: 800px;
perspective: 800px;
-webkit-transition: all .4s ease-in-out;
-moz-transition: all .4s ease-in-out;
-o-transition: all .4s ease-in-out;
-ms-transition: all .4s ease-in-out;
transition: all .4s ease-in-out;
top: 20px;
left: 20px;
box-shadow: 0 0 0 20px rgba(255,255,255,.1)
}
.icon-info {
position: absolute;
width: 110px;
height: 110px;
border-radius: 50%;
-webkit-transition: all .4s ease-in-out;
-moz-transition: all .4s ease-in-out;
-o-transition: all .4s ease-in-out;
-ms-transition: all .4s ease-in-out;
transition: all .4s ease-in-out;
-webkit-transform-style: preserve-3d;
-moz-transform-style: preserve-3d;
-o-transform-style: preserve-3d;
-ms-transform-style: preserve-3d;
transform-style: preserve-3d
}
.icon-info>div {
display: block;
position: absolute;
width: 100%;
height: 100%;
border-radius: 50%;
background-position: center center;
-webkit-backface-visibility: hidden;
-moz-backface-visibility: hidden;
-o-backface-visibility: hidden;
-ms-backface-visibility: hidden;
backface-visibility: hidden
}
.icon-info .icon-info-front {
background-color: #a2dbeb
}
.icon-info .icon-info-back {
-webkit-transform: rotate3d(0, 1, 0, 180deg);
-moz-transform: rotate3d(0, 1, 0, 180deg);
-o-transform: rotate3d(0, 1, 0, 180deg);
-ms-transform: rotate3d(0, 1, 0, 180deg);
transform: rotate3d(0, 1, 0, 180deg);
background-color: #ff6163
}
.icon-item:hover .icon-info-wrap {
box-shadow: 0 0 0 0 rgba(255,255,255,.8)
}
.icon-item:hover .icon-info {
-webkit-transform: rotate3d(0, 1, 0, -180deg);
-moz-transform: rotate3d(0, 1, 0, -180deg);
-o-transform: rotate3d(0, 1, 0, -180deg);
-ms-transform: rotate3d(0, 1, 0, -180deg);
transform: rotate3d(0, 1, 0, -180deg)
}
.icon-info .icon-info-back, .icon-info .icon-info-front {
background-repeat: no-repeat;
background-position: 50% 50%
}
.wall-bell {
background-image: url(../images/icons_special/bell.svg)
}
.wall-gift {
background-image: url(../images/icons_special/gift.svg)
}
.wall-santa_hat {
background-image: url(../images/icons_special/santa_hat.svg)
}
.wall-bow {
background-image: url(../images/icons_special/bow.svg)
}
.wall-tree {
background-image: url(../images/icons_special/tree.svg)
}
.wall-snowflake {
background-image: url(../images/icons_special/snowflake.svg)
}
.sparkle-container {
position: relative
}
.sparke-container-abs {
position: absolute;
top: 95px;
left: 50%;
width: 431px;
height: 431px;
margin-left: -215px
}
.sparkle {
position: absolute;
z-index: 20;
width: 35px;
height: 35px;
background-image: url(../images/icons/sparkle-large.svg)
}
.sparkle-sm {
position: absolute;
z-index: 20;
width: 20px;
height: 20px;
background-image: url(../images/icons/sparkle.svg)
}
.sparkle-null {
position: absolute;
z-index: 20;
width: 20px;
height: 20px;
background-image: url(../images/icons/sparkle-null.svg);
opacity: 0
}
.shine {
-webkit-animation: shine 9s infinite;
-moz-animation: shine 9s infinite;
animation: shine 9s infinite
}
.shine-shadow {
-webkit-animation: shine-shadow 9s infinite;
-moz-animation: shine-shadow 9s infinite;
animation: shine-shadow 9s infinite
}
.sparkle-position-1 {
top: 130px;
left: 50%;
margin-left: -25px
}
.sparkle-position-2 {
top: 275px;
left: 50%;
margin-left: 100px
}
.sparkle-position-3 {
top: 440px;
left: 50%;
margin-left: -100px
}
.sparkle-position-4 {
top: 195px;
left: 50%;
margin-left: 70px
}
.shine-delay-1 {
-webkit-animation-delay: 300ms;
animation-delay: 300ms
}
.shine-delay-2 {
-webkit-animation-delay: 2200ms;
animation-delay: 2200ms
}
.shine-delay-3 {
-webkit-animation-delay: 4700ms;
animation-delay: 4700ms
}
.shine-delay-4 {
-webkit-animation-delay: 6600ms;
animation-delay: 6600ms
}
.shine-position-1 {
top: 95px;
left: 50%;
margin-left: 120px
}
.shine-position-2 {
top: 95px;
left: 50%;
margin-left: -160px
}
.shine-position-3 {
top: 230px;
left: 50%;
margin-left: 160px
}
.shine-position-4 {
top: 240px;
left: 50%;
margin-left: -195px
}
.shine-position-5 {
top: 75px;
left: 50%;
margin-left: -195px
}
.shine-position-6 {
top: 145px;
left: 50%;
margin-left: -175px
}
.shine-position-7 {
top: 170px;
left: 50%;
margin-left: 145px
}
.shine-position-8 {
top: 210px;
left: 50%;
margin-left: 130px
}
.shine-position-9 {
top: 240px;
left: 50%;
margin-left: -155px
}
.shine-position-11 {
top: 61px;
left: 50%;
margin-left: -17px
}
.shine-position-12 {
top: 333px;
left: 50%;
margin-left: -17px
}
.shine-position-13 {
top: 80px;
left: 50%;
margin-left: -42px
}
.shine-position-14 {
top: 80px;
left: 50%;
margin-left: 23px
}
.shine-position-15 {
top: 331px;
left: 50%;
margin-left: -42px
}
.shine-position-16 {
top: 331px;
left: 50%;
margin-left: 23px
}
@-webkit-keyframes shine {
0% {
opacity:0;
-webkit-transform:rotate(0deg) scale(0);
transform:rotate(0deg) scale(0)
}
5% {
opacity:1;
-webkit-transform:rotate(180deg) scale(1);
transform:rotate(180deg) scale(1)
}
10%, 100% {
opacity:0;
-webkit-transform:rotate(360deg) scale(0);
transform:rotate(360deg) scale(0)
}
}
@keyframes shine {
0% {
opacity:0;
transform:rotate(0deg) scale(0)
}
5% {
opacity:1;
transform:rotate(180deg) scale(1)
}
10%, 100% {
opacity:0;
transform:rotate(360deg) scale(0)
}
}
@-webkit-keyframes shine-shadow {
0% {
opacity:0;
-webkit-transform:rotate(45deg) scale(0);
transform:rotate(45deg) scale(0)
}
5% {
opacity:.3;
-webkit-transform:rotate(225deg) scale(1.1);
transform:rotate(225deg) scale(1.1)
}
10%, 100% {
opacity:0;
-webkit-transform:rotate(405deg) scale(0);
transform:rotate(405deg) scale(0)
}
}
@keyframes shine-shadow {
0% {
opacity:0;
transform:rotate(45deg) scale(0)
}
5% {
opacity:.3;
transform:rotate(225deg) scale(1.1)
}
10%, 100% {
opacity:0;
transform:rotate(405deg) scale(0)
}
}
#disqus_thread, #disqus_thread iframe, #disqus_thread p {
color: #737c85
}
.cart-ecwid {
position: absolute;
top: 0;
right: 0;
z-index: 100
}
.shop-search-field {
margin-left: -160px;
position: absolute;
top: 6px;
left: 50%;
width: 360px;
z-index: 20
}
.ecwid-customer-loggedIn .ecwid-shop-full.shop-search-field, .ecwid-customer-loggedIn .shop-search-field {
right: 250px
}
#ecwid_html #ecwid_body .ecwid-responsive .ecwid-productBrowser .ecwid-productBrowser-search-SearchPanel, .ecwid-SearchPanel {
position: relative;
padding: 0;
text-align: right
}
#ecwid_html #ecwid_body .ecwid-responsive .ecwid-productBrowser .ecwid-productBrowser-search-SearchPanel {
max-width: 360px;
margin-top: 25px;
margin-bottom: 50px
}
.shop-search-field .ecwid-SearchPanel .ecwid-SearchPanel-field {
width: 100%;
margin: 0!important;
padding: 0 15px 3px;
color: #fff;
font-size: 12px;
font-style: italic;
background: #34495e;
border: 1px solid #34495e;
box-shadow: none;
-moz-box-sizing: border-box;
box-sizing: border-box;
-webkit-border-radius: 13px;
-moz-border-radius: 13px;
border-radius: 13px;
-webkit-transition: all 300ms ease-in;
-o-transition: all 300ms ease-in;
transition: all 300ms ease-in
}
.shop-search-field .ecwid-SearchPanel .ecwid-SearchPanel-field:focus {
border-color: #fff
}
#ecwid_html #ecwid_body .ecwid-responsive .ecwid-productBrowser .ecwid-productBrowser-search-SearchPanel .gwt-TextBox {
width: 100%;
margin: 0!important;
padding: 3px 15px 4px;
color: #34495e;
font-size: 12px;
font-style: italic;
background: 0 0;
border: 1px solid #dfe6e7;
box-shadow: none;
-moz-box-sizing: border-box;
box-sizing: border-box;
-webkit-border-radius: 13px;
-moz-border-radius: 13px;
border-radius: 13px;
-webkit-transition: all 300ms ease-in;
-o-transition: all 300ms ease-in;
transition: all 300ms ease-in
}
#ecwid_html #ecwid_body .ecwid-responsive .ecwid-productBrowser .ecwid-productBrowser-search-SearchPanel .gwt-TextBox:focus {
border-color: #34495e
}
#ecwid_html #ecwid_body .ecwid-responsive .ecwid-productBrowser .ecwid-productBrowser-search-SearchPanel .gwt-Button, .ecwid-SearchPanel .ecwid-SearchPanel-button {
position: absolute;
top: 3px;
right: 10px;
z-index: 5;
width: 20px;
height: 20px;
margin: 0;
background: 0 0;
border: none;
box-shadow: none;
text-indent: -9999px;
-webkit-transition: all 300ms ease-in;
-o-transition: all 300ms ease-in;
transition: all 300ms ease-in
}
.shop-search-field .ecwid-SearchPanel .ecwid-SearchPanel-button:before {
content: "\f002";
position: absolute;
top: 0;
left: 0;
font-weight: 400;
font-family: FontAwesome;
font-size: 14px;
line-height: 18px;
text-indent: 0;
color: #758594
}
#ecwid_html #ecwid_body .ecwid-responsive .ecwid-productBrowser .ecwid-productBrowser-search-SearchPanel .gwt-Button:before, .ecwid-SearchPanel .ecwid-SearchPanel-button:before {
content: "\f002";
position: absolute;
top: 0;
left: 0;
font-weight: 400;
font-family: FontAwesome;
font-size: 14px;
line-height: 18px;
text-indent: 0;
color: #34495e
}
#ecwid_html #ecwid_body .ecwid-responsive .ecwid-productBrowser .ecwid-productBrowser-search-SearchPanel .gwt-Button:hover, .ecwid-SearchPanel .ecwid-SearchPanel-button:hover {
opacity: .5
}
#ecwid_html #ecwid_body .ecwid .gwt-Button[type] {
min-width: 1px;
padding-left: 0;
padding-right: 0
}
#ecwid_html #ecwid_body .ecwid .ecwid-categories {
margin-top: -15px
}
#ecwid_html #ecwid_body .ecwid-categories .ecwid-categories-category {
color: #737c85;
font: 16px 'Open Sans', sans-serif
}
#ecwid_html #ecwid_body .ecwid .ecwid-categoriesMenuBar .ecwid-categories-category {
font: 16px 'Open Sans', sans-serif
}
#ecwid_html #ecwid_body .ecwid .ecwid-categoriesMenuBar .ecwid-categories-category:hover {
color: #737c85
}
#ecwid_html #ecwid_body .ecwid-categories .ecwid-categories-vertical-table-cell {
border: none
}
#ecwid_html #ecwid_body .ecwid-categories .ecwid-categories-vertical-table-cell .ecwid-categories-vertical-table-cell-categoryLink {
margin: 0
}
#ecwid_html #ecwid_body .ecwid-categories .ecwid-categories-vertical-table-cell .ecwid-categories-vertical-table-cell-categoryLink a, #ecwid_html #ecwid_body .ecwid-categories .ecwid-categories-vertical-table-cell .ecwid-categoriesMenuBar a {
position: relative;
display: block;
padding: 10px 0 10px 30px;
-webkit-transition: all 300ms ease-in;
-moz-transition: all 300ms ease-in;
transition: all 300ms ease-in
}
#ecwid_html #ecwid_body .ecwid-categories .ecwid-categories-vertical-table-cell .ecwid-categories-vertical-table-cell-categoryLink a:before, #ecwid_html #ecwid_body .ecwid-categories .ecwid-categories-vertical-table-cell .ecwid-categoriesMenuBar a:before {
content: "";
position: absolute;
top: 15px;
left: 0;
height: 16px;
width: 16px;
padding-top: 2px;
font-family: FontAwesome;
font-size: 9px;
font-style: normal;
line-height: 12px;
text-align: center;
color: #fff;
background-color: #85d6de;
border-radius: 50%;
-webkit-transition: all 300ms ease-in;
-moz-transition: all 300ms ease-in;
transition: all 300ms ease-in
}
#ecwid_html #ecwid_body .ecwid-categories .ecwid-categories-vertical-table-cell .ecwid-categories-vertical-table-cell-categoryLink a:hover, #ecwid_html #ecwid_body .ecwid-categories .ecwid-categories-vertical-table-cell .ecwid-categoriesMenuBar a:hover {
opacity: .5
}
#ecwid_html #ecwid_body .ecwid-categories .ecwid-categories-vertical-table-cell .ecwid-categoriesMenuBar .gwt-MenuItem-selected span {
color: #737c85
}
#ecwid_html #ecwid_body .ecwid-categories .ecwid-categories-vertical-table-cell.ecwid-categories-vertical-table-cell-selected .ecwid-categories-vertical-table-cell-categoryLink span {
color: #34495e
}
#ecwid_html #ecwid_body .cart-ecwid .ecwid-minicart {
margin-top: 32px;
padding: 10px 0 10px 48px;
background: 0 0;
height: auto;
width: 195px
}
#ecwid_html #ecwid_body .cart-ecwid .ecwid-minicart:before {
content: "\f07a";
position: absolute;
top: 35px;
left: 0;
width: 34px;
height: 34px;
padding-top: 9px;
font: 16px FontAwesome;
color: #34495e;
background: #fed37f;
border-radius: 50%
}
#ecwid_html #ecwid_body .cart-ecwid .ecwid-minicart>div {
float: left
}
#ecwid_html #ecwid_body .cart-ecwid .ecwid-minicart-counter {
position: relative;
top: 0;
left: 0;
width: 100%;
text-align: left;
color: #f3f7f7;
font: 14px 'Open Sans', sans-serif;
font-weight: 700
}
#ecwid_html #ecwid_body .cart-ecwid .ecwid-minicart-counter:before {
content: "Cart("
}
#ecwid_html #ecwid_body .cart-ecwid .ecwid-minicart-counter:after {
content: ") -"
}
#ecwid_html #ecwid_body .cart-ecwid .ecwid-minicart-caption, #ecwid_html #ecwid_body .cart-ecwid .ecwid-minicart-label {
display: none
}
#ecwid_html #ecwid_body .cart-ecwid .ecwid-minicart-link {
top: 0;
width: auto;
margin-left: 4px;
text-align: left
}
#ecwid_html #ecwid_body .cart-ecwid .ecwid-minicart-link .gwt-InlineLabel {
font: 14px 'Open Sans', sans-serif;
font-weight: 700;
color: #fed37f;
text-decoration: none
}
#ecwid_html #ecwid_body .ecwid-productBrowser .ecwid-productBrowser-productsGrid {
margin-left: -15px;
margin-right: -15px
}
#ecwid_html #ecwid_body .ecwid-productBrowser .ecwid-productBrowser-productsGrid-productMiddleFragment {
margin: 27px 15px 2px
}
#ecwid_html #ecwid_body .ecwid-productBrowser-productsGrid .ecwid-productBrowser-productsGrid-v2 .ecwid-productBrowser-productsGrid-productInside {
transition: border-color 300ms ease-out
}
#ecwid_html #ecwid_body .ecwid-productBrowser-productsGrid .ecwid-productBrowser-productsGrid-v2 .ecwid-productBrowser-productsGrid-cellTop.ecwid-productBrowser-productsGrid-productInside {
border: 5px solid #dfe6e7;
border-bottom: none;
padding-top: 3px;
overflow: hidden
}
#ecwid_html #ecwid_body .ecwid-productBrowser-productsGrid .ecwid-productBrowser-productsGrid-v2 .ecwid-productBrowser-productsGrid-cellMiddle.ecwid-productBrowser-productsGrid-productInside {
border: 5px solid #dfe6e7;
border-top: none;
border-bottom: none
}
#ecwid_html #ecwid_body .ecwid-productBrowser-productsGrid .ecwid-productBrowser-productsGrid-v2 .ecwid-productBrowser-productsGrid-cellBottom.ecwid-productBrowser-productsGrid-productInside {
border: 5px solid #dfe6e7;
padding-bottom: 18px;
border-top: none
}
#ecwid_html #ecwid_body .ecwid-productBrowser-productsGrid .ecwid-productBrowser-productsGrid-v2 .ecwid-productBrowser-productsGrid-productInside.ecwid-productBrowser-productsGrid-hover {
border-color: #34495e
}
#ecwid_html #ecwid_body .ecwid-productBrowser .ecwid-productBrowser-productsGrid-v2 .ecwid-productBrowser-productNameLink a, #ecwid_html #ecwid_body .ecwid-productBrowser .ecwid-productBrowser-productsGrid-v2 .ecwid-productBrowser-productNameLink a:active, #ecwid_html #ecwid_body .ecwid-productBrowser .ecwid-productBrowser-productsList-v2 .ecwid-productBrowser-productNameLink a, #ecwid_html #ecwid_body .ecwid-productBrowser .ecwid-productBrowser-productsList-v2 .ecwid-productBrowser-productNameLink a:active, #ecwid_html #ecwid_body .ecwid-productBrowser .ecwid-productBrowser-productsTable-v2 .ecwid-productBrowser-productNameLink a, #ecwid_html #ecwid_body .ecwid-productBrowser .ecwid-productBrowser-productsTable-v2 .ecwid-productBrowser-productNameLink a:active {
font: 18px 'Open Sans', sans-serif;
font-weight: 700;
color: #34495e;
transition: color 300ms ease-out
}
#ecwid_html #ecwid_body .ecwid-productBrowser-productsList-detailsCell div.ecwid-productBrowser-productsList-details div.ecwid-BuyNow {
padding-top: 5%;
position: absolute;
right: 22px;
top: 82px
}
#ecwid_html #ecwid_body .ecwid-productBrowser .ecwid-productBrowser-productsGrid-v2 .ecwid-productBrowser-productNameLink a:hover, #ecwid_html #ecwid_body .ecwid-productBrowser .ecwid-productBrowser-productsList-v2 .ecwid-productBrowser-productNameLink a:hover, #ecwid_html #ecwid_body .ecwid-productBrowser .ecwid-productBrowser-productsTable-v2 .ecwid-productBrowser-productNameLink a:hover {
color: #85d6de
}
#ecwid_html #ecwid_body .ecwid-productBrowser .ecwid-productBrowser-productsGrid-v2 .ecwid-productBrowser-price .ecwid-productBrowser-price-value, #ecwid_html #ecwid_body .ecwid-productBrowser .ecwid-productBrowser-productsList-v2 .ecwid-productBrowser-price .ecwid-productBrowser-price-value, #ecwid_html #ecwid_body .ecwid-productBrowser .ecwid-productBrowser-productsTable-v2 .ecwid-productBrowser-price .ecwid-productBrowser-price-value {
font: 28px 'Open Sans', sans-serif;
font-weight: 300;
color: #34495e
}
#ecwid_html #ecwid_body .ecwid-productBrowser .ecwid-favorite-view {
width: 40px;
height: 40px;
max-height: 40px;
padding-top: 8px;
padding-left: 12px;
border-radius: 50%;
background: #fed37f;
z-index: 6
}
#ecwid_html #ecwid_body .ecwid-productBrowser .ecwid-favorite-view svg path {
fill: #fff!important
}
#ecwid_html #ecwid_body .ecwid-productBrowser .ecwid-favorite-view:hover .ecwid-favorite-enable-scaling {
-webkit-transform: none;
-moz-transform: none;
-ms-transform: none;
transform: none
}
#ecwid_html #ecwid_body .ecwid-productBrowser .ecwid-productBrowser-productsGrid-productTopFragment-inTheBag .ecwid-productBrowser-productsGrid-inTheBagTick {
background: 0 0
}
#ecwid_html #ecwid_body .ecwid-productBrowser .ecwid-productBrowser-productsGrid-productTopFragment-inTheBag .ecwid-productBrowser-productsGrid-inTheBagTick:before {
background: #85d6de;
font-family: FontAwesome;
content: "\f00c";
width: 40px;
height: 40px;
max-height: 40px;
border-radius: 50%;
padding-top: 13px;
z-index: 6;
font-size: 14px;
display: inline-block
}
#ecwid_html #ecwid_body .ecwid-productBrowser .ecwid-productBrowser-productsGrid-productTopFragment-inTheBag .ecwid-productBrowser-productsGrid-inTheBagTick {
left: -45px;
top: -24px
}
#ecwid_html #ecwid_body .ecwid-productBrowser .ecwid-productBrowser-productsGrid-productTopFragment {
padding: 25px
}
.ecwid-productBrowser-productsGrid-productTopFragment {
position: relative
}
#ecwid_html #ecwid_body .ecwid-productBrowser .ecwid-productBrowser-productsGrid-cellSpace {
height: 20px
}
#ecwid_html #ecwid_body .ecwid-productBrowser .ecwid-productBrowser-productsGrid-v2 .ecwid-productBrowser-productNameLink.ecwid-multiLine {
text-align: center
}
#ecwid_html #ecwid_body .ecwid-productBrowser .ecwid-productBrowser-productsList-productRow {
padding-bottom: 30px
}
#ecwid_html #ecwid_body .ecwid-productBrowser .ecwid-productBrowser-productsList-separatorRow {
height: 30px
}
#ecwid_html #ecwid_body .ecwid-productBrowser .ecwid-productBrowser-productsList-separatorRow .ecwid-productBrowser-productDragLabel {
display: none
}
#ecwid_html #ecwid_body .ecwid-productBrowser .ecwid-productBrowser-productsList-thumbnailCell {
position: relative;
padding: 0!important;
border: none!important
}
#ecwid_html #ecwid_body .ecwid-productBrowser .ecwid-productBrowser-productsList-thumbnailCell .ecwid-productBrowser-productsList-thumbnail {
position: relative;
padding: 50px 35px;
border: 5px solid #dfe6e7;
overflow: hidden;
-webkit-transition: border-color 300ms ease-out;
-moz-transition: border-color 300ms ease-out;
transition: border-color 300ms ease-out
}
#ecwid_html #ecwid_body .ecwid-productBrowser .ecwid-productBrowser-productsList-thumbnailCell.ecwid-productBrowser-productsList-mouseover .ecwid-productBrowser-productsList-thumbnail {
border-color: #34495e
}
#ecwid_html #ecwid_body .ecwid-productBrowser .ecwid-productBrowser-productsList-detailsCell, #ecwid_html #ecwid_body .ecwid-productBrowser .ecwid-productBrowser-productsList-inTheBagTickCell {
padding: 0!important;
border: 5px solid transparent!important
}
#ecwid_html #ecwid_body .ecwid-productBrowser .ecwid-productBrowser-productsList-thumbnail {
padding: 0
}
#ecwid_html #ecwid_body .ecwid-productBrowser .ecwid-productBrowser-productsList-productRow .ecwid-favorite-view {
position: absolute;
top: 9px;
left: 9px;
margin: 0;
z-index: 6
}
#ecwid_html #ecwid_body .ecwid-productBrowser .ecwid-productBrowser-productsList-details .ecwid-productBrowser-sku {
font: 14px 'Open Sans', sans-serif;
color: #34495e;
padding-top: 19px;
padding-bottom: 15px
}
#ecwid_html #ecwid_body .ecwid-productBrowser .ecwid-productBrowser-productsList-descr {
font: 14px 'Open Sans', sans-serif;
line-height: 26px;
color: #737c85
}
#ecwid_html #ecwid_body .ecwid-productBrowser .ecwid-productBrowser-productsList-details .ecwid-productBrowser-productNameLink {
padding-top: 0;
margin-top: -15px
}
#ecwid_html #ecwid_body .ecwid-productBrowser .ecwid-productBrowser-productsList-details {
position: relative;
padding-right: 250px
}
#ecwid_html #ecwid_body .ecwid-productBrowser .ecwid-productBrowser-productsList-details .ecwid-productBrowser-price {
position: absolute;
top: 0;
right: 0;
height: 100%;
width: 200px;
padding-top: 12%;
text-align: center;
font-size: 34px;
font-family: 'Open Sans', sans-serif;
color: #34495e;
font-weight: 300
}
#ecwid_html #ecwid_body .ecwid-productBrowser .ecwid-productBrowser-productsList-details .ecwid-productBrowser-price:before {
content: "";
position: absolute;
top: 0;
left: 0;
width: 1px;
height: 100%;
background: #dfe6e7
}
#ecwid_html #ecwid_body .ecwid-productBrowser .ecwid-productBrowser-productsList-inTheBagTick {
width: 0;
background: 0 0
}
#ecwid_html #ecwid_body .ecwid-productBrowser .ecwid-productBrowser-productsTable-table {
width: 100%;
border: 3px solid #dfe6e7
}
#ecwid_html #ecwid_body .ecwid-productBrowser .ecwid-productBrowser-productsTable-cell {
border: 1px solid #dfe6e7
}
#ecwid_html #ecwid_body .ecwid-productBrowser .ecwid-productBrowser-productsTable-cellOdd {
background: 0 0
}
#ecwid_html #ecwid_body .ecwid-productBrowser .ecwid-productBrowser-productsTable div.ecwid-productBrowser-sku {
font-weight: 400;
font-size: 14px;
color: #737c85
}
#ecwid_html #ecwid_body .ecwid-productBrowser .ecwid-enableDetailedTaxes .ecwid-productBrowser-productsTable-table .ecwid-productBrowser-price {
text-align: left
}
#ecwid_html #ecwid_body .ecwid-productBrowser .ecwid-productBrowser-productsTable-table .ecwid-productBrowser-price .ecwid-productBrowser-price-value {
font-weight: 400;
font-size: 14px;
color: #737c85
}
#ecwid_html #ecwid_body .ecwid-productBrowser .ecwid-productBrowser-productsTable-addToBagLink {
padding: 3px 12px 5px;
font-family: 'Varela Round', sans-serif;
font-size: 12px;
color: #fff;
text-decoration: none;
background: #fed37f;
-webkit-border-radius: 12px;
-moz-border-radius: 12px;
border-radius: 12px;
-webkit-transition: opacity 300ms ease-out;
-o-transition: opacity 300ms ease-out;
transition: opacity 300ms ease-out
}
#ecwid_html #ecwid_body .ecwid-productBrowser .ecwid-productBrowser-productsTable-addToBagLink:hover {
opacity: .5
}
#ecwid_html #ecwid_body .ecwid-productBrowser .ecwid-productBrowser-productsTable-inTheBagTick {
display: none
}
#ecwid_html #ecwid_body .ecwid .ecwid-productBrowser-productsTable-emptyStock {
font: 14px 'Open Sans', sans-serif;
color: #737c85
}
#ecwid_html #ecwid_body .ecwid .ecwid-categories-vertical-table-cell-selected span.ecwid-categories-category, #ecwid_html #ecwid_body .ecwid .ecwid-categoriesMenuBar td.gwt-MenuItem-current span.ecwid-categories-category, #ecwid_html #ecwid_body .ecwid .ecwid-categoriesMenuBar td.gwt-MenuItem-selected span.ecwid-categories-category, #ecwid_html #ecwid_body .ecwid .ecwid-categoriesTabBar table.gwt-TabBarItem-selected span.ecwid-categories-category {
color: #34495e
}
#ecwid_html #ecwid_body .ecwid .ecwid-productBrowser .ecwid-productBrowser-auth-mini {
position: absolute;
top: 0;
right: 10px
}
#ecwid_html #ecwid_body .ecwid-productBrowser .ecwid-productBrowser-categoryPath, #ecwid_html #ecwid_body .ecwid-productBrowser .ecwid-productBrowser-head {
max-width: 50%;
padding: 0 5px;
margin-bottom: 21px
}
#ecwid_html #ecwid_body .ecwid-productBrowser .ecwid-productBrowser-head {
position: relative;
z-index: 5;
display: inline-block;
color: #34495e;
font: 28px 'Varela Round', sans-serif;
margin: 0 0 6px
}
#ecwid_html #ecwid_body .ecwid-productBrowser .ecwid-productBrowser-categoryPath {
position: relative;
z-index: 5
}
#ecwid_html #ecwid_body .ecwid-productBrowser .ecwid-ProductBrowser-auth-anonim, #ecwid_html #ecwid_body .ecwid-productBrowser .ecwid-ProductBrowser-auth-logged {
margin-right: 0
}
#ecwid_html #ecwid_body .ecwid-productBrowser .ecwid-ProductBrowser-auth-anonim .gwt-Anchor, #ecwid_html #ecwid_body .ecwid-productBrowser .ecwid-ProductBrowser-auth-logged .gwt-Anchor {
color: #34495e;
text-decoration: none;
font: 12px 'Open Sans', sans-serif;
display: none
}
#ecwid_html #ecwid_body .ecwid .ecwid-productBrowser a, #ecwid_html #ecwid_body .ecwid .ecwid-productBrowser a:active, #ecwid_html #ecwid_body .ecwid .ecwid-productBrowser a:visited {
color: #34495e;
text-decoration: none;
font: 12px 'Open Sans', sans-serif
}
#ecwid_html #ecwid_body .ecwid .ecwid-productBrowser a:hover {
color: #85d6de
}
.ecwid-productBrowser-auth-separator {
color: #34495e
}
.ecwid-favorite-menu-wrapper .ecwid-favorite-image {
display: none
}
#ecwid_html #ecwid_body .ecwid-productBrowser .ecwid-productBrowser-categoryPath a, #ecwid_html #ecwid_body .ecwid-productBrowser .ecwid-productBrowser-categoryPath a:active, #ecwid_html #ecwid_body .ecwid-productBrowser .ecwid-productBrowser-categoryPath a:visited {
color: #34495e;
text-decoration: none;
font: 12px 'Open Sans', sans-serif
}
#ecwid_html #ecwid_body .ecwid-productBrowser .ecwid-productBrowser-categoryPath a:hover {
color: #85d6de
}
#ecwid_html #ecwid_body .ecwid-productBrowser .ecwid-productBrowser-categoryPath-categoryLabel {
display: none
}
#ecwid_html #ecwid_body .ecwid-productBrowser .ecwid-productBrowser-categoryPath-separator {
color: #34495e;
font: 12px 'Open Sans', sans-serif
}
#ecwid_html #ecwid_body .ecwid-productBrowser .ecwid-productBrowser-category {
padding-top: 0
}
#ecwid_html #ecwid_body .ecwid-productBrowser .ecwid-results-topPanel-itemsCountLabel-cell {
float: left;
margin-bottom: 19px
}
#ecwid_html #ecwid_body .ecwid-productBrowser .ecwid-results-topPanel-controlsPanel {
margin-bottom: 19px;
position: absolute;
top: 5px;
right: 13px
}
#ecwid_html #ecwid_body .ecwid-productBrowser .ecwid-results-topPanel .ecwid-results-topPanel-itemsCountLabel {
padding: 0 5px;
color: #737c85;
font: 18px 'Open Sans', sans-serif;
font-weight: 700
}
#ecwid_html #ecwid_body .ecwid-results-topPanel-controlsPanel .ecwid-results-topPanel-viewAsPanel-current {
color: #34495e;
cursor: default
}
#ecwid_html #ecwid_body .ecwid-results-topPanel .ecwid-results-topPanel-controlsPanel .ecwid-results-topPanel-viewAsPanel-link {
color: #737c85;
text-decoration: none
}
#ecwid_html #ecwid_body .ecwid-results-topPanel .ecwid-results-topPanel-controlsPanel .ecwid-results-topPanel-viewAsPanel-link:hover {
color: #34495e
}
#ecwid_html #ecwid_body .ecwid-productBrowser .ecwid-results-topPanel .ecwid-results-topPanel-viewAsPanel {
padding-right: 10px
}
#ecwid_html #ecwid_body .ecwid-productBrowser .ecwid-results-topPanel .ecwid-results-topPanel-sortByPanel {
padding-right: 5px
}
#ecwid_html #ecwid_body .ecwid-results-topPanel .ecwid-results-topPanel-viewAsPanel .gwt-Label {
display: none
}
#ecwid_html #ecwid_body .ecwid-results-topPanel .ecwid-results-topPanel-viewAsPanel div[class*=ecwid-results-topPanel-viewAsPanel-] {
position: relative;
padding: 0 11px;
text-indent: -9999px;
font-weight: 400
}
#ecwid_html #ecwid_body .ecwid-results-topPanel .ecwid-results-topPanel-viewAsPanel div[class*=ecwid-results-topPanel-viewAsPanel-]:before {
content: "";
position: absolute;
top: 0;
left: 0;
font-size: 18px;
font-family: FontAwesome;
text-indent: 0;
-webkit-transition: all 300ms ease-out;
-o-transition: all 300ms ease-out;
transition: all 300ms ease-out
}
#ecwid_html #ecwid_body .ecwid-results-topPanel .ecwid-results-topPanel-viewAsPanel div[class*=ecwid-results-topPanel-viewAsPanel-]:nth-child(2):before {
content: "\f00a"
}
#ecwid_html #ecwid_body .ecwid-results-topPanel .ecwid-results-topPanel-viewAsPanel div[class*=ecwid-results-topPanel-viewAsPanel-]:nth-child(3):before {
content: "\f00b"
}
#ecwid_html #ecwid_body .ecwid-results-topPanel .ecwid-results-topPanel-viewAsPanel div[class*=ecwid-results-topPanel-viewAsPanel-]:nth-child(4):before {
content: "\f0ce"
}
#ecwid_html #ecwid_body .ecwid-results-topPanel .ecwid-results-topPanel-sortByPanel .gwt-Label {
display: none
}
#ecwid_html #ecwid_body .ecwid-productBrowser-details-optionPanel .ecwid-productBrowser-details-optionSelectBox, #ecwid_html #ecwid_body .ecwid-results-topPanel .ecwid-results-topPanel-sortByPanel .gwt-ListBox {
padding-left: 15px;
padding-right: 15px;
font: italic 12px 'Open Sans', sans-serif;
color: #34495e;
border: 1px solid #dfe6e7;
background: #fff;
box-shadow: none
}
#ecwid_html #ecwid_body .ecwid-productBrowser-details-optionPanel .ecwid-productBrowser-details-optionSelectBox {
width: 50%;
padding-top: 5px;
padding-bottom: 5px
}
#ecwid_html #ecwid_body .ecwid-productBrowser .ecwid-pager .gwt-InlineLabel, #ecwid_html #ecwid_body .ecwid-productBrowser .ecwid-poweredBy {
display: none
}
#ecwid_html #ecwid_body .ecwid .ecwid-pager {
position: relative;
border: none;
margin-top: 78px
}
#ecwid_html #ecwid_body .ecwid-productBrowser .ecwid-pager .ecwid-pager-link {
padding: 18px 20px 16px;
margin: 0 3px 0 2px;
font: 18px 'Open Sans', sans-serif;
color: #34495e;
font-weight: 600;
background: #dfe6e7;
-webkit-transition: all 300ms ease-out;
-o-transition: all 300ms ease-out;
transition: all 300ms ease-out
}
#ecwid_html #ecwid_body .ecwid-productBrowser .ecwid-pager .ecwid-pager-link:hover {
background: #34495e
}
#ecwid_html #ecwid_body .ecwid-productBrowser .ecwid-pager .ecwid-pager-link:hover span {
color: #fff
}
#ecwid_html #ecwid_body .ecwid-productBrowser .ecwid-pager-link.ecwid-pager-link-enabled span {
text-decoration: none;
color: #34495e;
-webkit-transition: all 300ms ease-out;
-o-transition: all 300ms ease-out;
transition: all 300ms ease-out
}
#ecwid_html #ecwid_body .ecwid-productBrowser .ecwid-pager-link.ecwid-pager-link-disabled {
background: #34495e
}
#ecwid_html #ecwid_body .ecwid-productBrowser .ecwid-pager-link.ecwid-pager-link-disabled span {
color: #fff
}
#ecwid_html #ecwid_body .ecwid-productBrowser .ecwid-pager-link.ecwid-pager-next-label {
position: absolute;
top: -8px;
right: -3px;
width: 60px;
text-indent: -9999px;
background: #85d6de
}
#ecwid_html #ecwid_body .ecwid-productBrowser .ecwid-pager-link.ecwid-pager-next-label:before {
content: "\f105";
position: absolute;
top: 13px;
left: 0;
width: 100%;
font-size: 30px;
font-family: FontAwesome;
text-indent: 0;
color: #fff;
text-align: center
}
#ecwid_html #ecwid_body .ecwid-productBrowser .ecwid-pager-link.ecwid-pager-prev-label {
position: absolute;
top: -8px;
left: -2px;
width: 60px;
text-indent: -9999px;
background: #85d6de
}
#ecwid_html #ecwid_body .ecwid-productBrowser .ecwid-pager-link.ecwid-pager-prev-label:before {
content: "\f104";
position: absolute;
top: 13px;
left: 0;
width: 100%;
font-size: 30px;
font-family: FontAwesome;
text-indent: 0;
color: #fff;
text-align: center
}
#ecwid_html #ecwid_body .ecwid.ecwid-popup {
border: none;
padding: 0
}
#ecwid_html #ecwid_body .ecwid .ecwid-popup-headLabel {
text-align: center;
font: 28px 'Varela Round', sans-serif;
color: #34495e;
margin-bottom: 60px;
border-bottom: 1px solid #dfe6e7;
padding: 34px 0 31px;
position: relative
}
#ecwid_html #ecwid_body .ecwid .ecwid-popup-headLabel:before {
background-color: #85d6de;
bottom: -1px;
content: "";
height: 3px;
left: 50%;
margin-left: -40px;
position: absolute;
width: 80px
}
#ecwid_html #ecwid_body .ecwid .ecwid-popup-content {
padding: 20px 70px 80px
}
#ecwid_html #ecwid_body .ecwid.ecwid-login-popup.ecwid-responsive-popup .ecwid-form, #ecwid_html #ecwid_body .ecwid.ecwid-register-popup.ecwid-responsive-popup .ecwid-form {
background: 0 0;
padding: 0;
max-width: 300px
}
#ecwid_html #ecwid_body .ecwid.ecwid-popup .ecwid-popup-buttonsPanel {
width: 100%
}
#ecwid_html #ecwid_body #wrapper .ecwid.ecwid-popup .ecwid-popup-buttonsPanel td+td+td .gwt-Button, #ecwid_html #ecwid_body .ecwid.ecwid-popup .ecwid-popup-buttonsPanel td+td+td .gwt-Button {
background: #fe8f8c
}
#ecwid_html #ecwid_body #wrapper .ecwid.ecwid-popup .ecwid-popup-buttonsPanel td+td+td .gwt-Button:hover, #ecwid_html #ecwid_body .ecwid.ecwid-popup .ecwid-popup-buttonsPanel td+td+td .gwt-Button:hover {
background: #e6807e
}
#ecwid_html #ecwid_body #wrapper .ecwid.ecwid-popup .gwt-Button+img+.gwt-Button, #ecwid_html #ecwid_body .ecwid.ecwid-popup .gwt-Button+img+.gwt-Button {
background: #fe8f8c
}
#ecwid_html #ecwid_body .ecwid.ecwid-login-popup.ecwid-responsive-popup .gwt-PasswordTextBox, #ecwid_html #ecwid_body .ecwid.ecwid-login-popup.ecwid-responsive-popup .gwt-TextBox, #ecwid_html #ecwid_body .ecwid.ecwid-register-popup.ecwid-responsive-popup .gwt-PasswordTextBox, #ecwid_html #ecwid_body .ecwid.ecwid-register-popup.ecwid-responsive-popup .gwt-TextBox {
width: 100%;
padding: 9px 30px;
font-size: 14px;
font-family: 'Open Sans', sans-serif;
font-style: italic;
color: #34495e;
border: 1px solid #dfe6e7;
background: 0 0;
box-shadow: none;
-webkit-border-radius: 20px;
-moz-border-radius: 20px;
border-radius: 20px;
-moz-box-sizing: border-box;
box-sizing: border-box;
-webkit-transition: border-color 300ms ease-in;
-moz-transition: border-color 300ms ease-in;
transition: border-color 300ms ease-in
}
#ecwid_html #ecwid_body .ecwid.ecwid-login-popup.ecwid-responsive-popup .gwt-PasswordTextBox:focus, #ecwid_html #ecwid_body .ecwid.ecwid-login-popup.ecwid-responsive-popup .gwt-TextBox:focus, #ecwid_html #ecwid_body .ecwid.ecwid-register-popup.ecwid-responsive-popup .gwt-PasswordTextBox:focus, #ecwid_html #ecwid_body .ecwid.ecwid-register-popup.ecwid-responsive-popup .gwt-TextBox:focus {
border-color: #34495e
}
#ecwid_html #ecwid_body .ecwid.ecwid-popup .ecwid-FormPopup-fieldWrapper-space {
margin-top: 10px
}
#ecwid_html #ecwid_body .ecwid.ecwid-popup .ecwid-popup-linkBlock {
margin-top: 9px;
margin-bottom: 10px;
width: 100%;
position: relative
}
#ecwid_html #ecwid_body .ecwid.ecwid-popup .ecwid-popup-linkBlock td {
text-align: center
}
#ecwid_html #ecwid_body .ecwid .ecwid-FormPopup-fieldWrapper .ecwid-fieldLabel {
color: #34495e;
font-size: 14px;
font-family: 'Open Sans', sans-serif;
text-align: left
}
#ecwid_html #ecwid_body #wrapper .ecwid.ecwid-popup .gwt-Button, #ecwid_html #ecwid_body .ecwid.ecwid-popup .gwt-Button {
position: relative;
z-index: 20;
height: auto;
padding: 15px 37px 12px;
font: 18px 'Varela Round', sans-serif;
color: #fff;
background: #fed37f;
border: none;
-webkit-border-radius: 25px;
-moz-border-radius: 25px;
border-radius: 25px;
box-shadow: 0 1px 1px rgba(0,0,0,.3);
text-shadow: 0 1px 1px rgba(0,0,0,.15);
-webkit-transition: background-color 300ms ease-in;
-moz-transition: background-color 300ms ease-in;
transition: background-color 300ms ease-in;
display: inline-block;
width: 100%
}
#ecwid_html #ecwid_body #wrapper .ecwid.ecwid-popup .gwt-Button:focus, #ecwid_html #ecwid_body #wrapper .ecwid.ecwid-popup .gwt-Button:hover, #ecwid_html #ecwid_body .ecwid.ecwid-popup .gwt-Button:focus, #ecwid_html #ecwid_body .ecwid.ecwid-popup .gwt-Button:hover {
background-color: #e6bf73
}
#ecwid_html #ecwid_body #wrapper .ecwid.ecwid-popup .gwt-Button:before, #ecwid_html #ecwid_body .ecwid.ecwid-popup .gwt-Button:before {
background-color: rgba(0,0,0,.05);
border-radius: 0 0 25px 25px;
bottom: 0;
content: "";
height: 50%;
left: 0;
position: absolute;
width: 100%;
z-index: -1
}
#ecwid_html #ecwid_body .ecwid.ecwid-responsive-popup a, #ecwid_html #ecwid_body .ecwid.ecwid-responsive-popup a:active, #ecwid_html #ecwid_body .ecwid.ecwid-responsive-popup a:visited {
font-size: 14px;
font-family: 'Open Sans', sans-serif;
font-style: italic;
color: #85d6de;
text-decoration: none
}
#ecwid_html #ecwid_body .ecwid.ecwid-responsive-popup a:hover {
color: #34495e
}
#ecwid_html #ecwid_body .ecwid.ecwid-responsive-popup .ecwid-popup-linkBlock tr+tr+tr .gwt-Anchor {
position: absolute;
top: 140px;
left: 50%;
margin-left: -60px
}
#ecwid_html #ecwid_body .ecwid .ecwid-popup-closeButton {
position: relative;
background: 0 0
}
#ecwid_html #ecwid_body .ecwid .ecwid-popup-closeButton:before {
content: "\f00d";
position: absolute;
top: 0;
left: 0;
color: #34495e;
font-family: FontAwesome
}
html#ecwid_html body#ecwid_body .ecwid {
font-family: 'Open Sans', sans-serif!important
}
#ecwid_html #ecwid_body .ecwid .ecwid-productBrowser-details-descr .gwt-HTML div {
display: none!important
}
#ecwid_html #ecwid_body .ecwid .ecwid-productBrowser-details-inTheBag {
display: none
}
#ecwid_html #ecwid_body .ecwid-productBrowser .ecwid-productBrowser-details-rightPanel .ecwid-productBrowser-backgroundedPanel {
padding: 0;
background: 0 0
}
.ecwid-productBrowser-details-rightPanel {
padding-left: 30px!important;
max-width: 55.5%;
width: 100%
}
#ecwid_html #ecwid_body .ecwid .ecwid-productBrowser-details-rightPanel table {
width: 100%
}
#ecwid_html #ecwid_body .ecwid-productBrowser-details .ecwid-productBrowser-details-thumbnail {
border: 5px solid #dfe6e7;
padding: 25px
}
#ecwid_html #ecwid_body .ecwid-productBrowser-details .ecwid-productBrowser-details-thumbnail img {
max-width: 100%;
height: auto!important
}
#ecwid_html #ecwid_body .ecwid-productBrowser .ecwid-productBrowser-details-rightPanel .ecwid-productBrowser-sku, html#ecwid_html body#ecwid_body .popupContent .ecwid-productBrowser-details .ecwid-productBrowser-sku {
padding-bottom: 3px;
font-size: 14px 'Open Sans', sans-serif;
color: #34495e
}
#ecwid_html #ecwid_body .ecwid-productBrowser .ecwid-productBrowser-details-rightPanel .ecwid-productBrowser-details-inStockLabel, html#ecwid_html body#ecwid_body .popupContent .ecwid-productBrowser-details .ecwid-productBrowser-details-inStockLabel {
font-size: 14px 'Open Sans', sans-serif;
font-weight: 700;
color: #85d6de
}
#ecwid_html #ecwid_body .ecwid-productBrowser .ecwid-productBrowser-details-rightPanel .ecwid-productBrowser-price, html#ecwid_html body#ecwid_body .popupContent .ecwid-productBrowser-details .ecwid-productBrowser-price {
font: 42px 'Open Sans', sans-serif;
color: #34495e;
font-weight: 300
}
#ecwid_html #ecwid_body .ecwid-productBrowser-details-descr p, #ecwid_html #ecwid_body .ecwid-productBrowser-details-descr span, #ecwid_html #ecwid_body .ecwid-productBrowser-details-descr strong {
font-size: 14px!important;
font-family: 'Open Sans', sans-serif!important;
line-height: 26px!important;
color: #737c85!important
}
#ecwid_html #ecwid_body .ecwid-productBrowser-details-descr h4 {
font-size: 18px!important;
font-family: 'Open Sans', sans-serif!important;
text-transform: none;
font-weight: 700
}
#ecwid_html #ecwid_body .ecwid-productBrowser-details-descr ol li, #ecwid_html #ecwid_body .ecwid-productBrowser-details-descr ul li {
font-size: 14px!important;
font-family: 'Open Sans', sans-serif!important;
font-style: italic!important;
line-height: 26px!important;
color: #737c85!important
}
#ecwid_html #ecwid_body .ecwid-productBrowser .ecwid-productBrowser-details-qtyPanel {
float: left
}
#ecwid_html #ecwid_body .ecwid-productBrowser .ecwid-productBrowser-details-qtyPanel+div+table {
margin-top: 46px;
margin-left: 27px;
display: inline-block;
width: auto!important
}
#ecwid_html #ecwid_body .ecwid-productBrowser .ecwid-productBrowser-details-rightPanel .ecwid-fieldLabel, #ecwid_html #ecwid_body .ecwid-productBrowser .ecwid-productBrowser-details-rightPanel .ecwid-productBrowser-details-qtyLabel {
display: block;
padding-top: 10px;
font: 16px 'Open Sans', sans-serif;
color: #34495e;
font-style: italic;
font-weight: 700;
margin-bottom: 13px
}
#ecwid_html #ecwid_body .ecwid-productBrowser .ecwid-productBrowser-details-rightPanel .ecwid-productBrowser-details-qtyTextField, html#ecwid_html body#ecwid_body .popupContent .ecwid-productBrowser-details .ecwid-productBrowser-details-qtyPanel .ecwid-productBrowser-details-qtyTextField {
padding: 14px 36px 14px 29px;
margin: 0;
font: 14px 'Open Sans', sans-serif;
color: #737c85;
border: 1px solid #dfe6e7;
-webkit-border-radius: 25px;
-moz-border-radius: 25px;
border-radius: 25px
}
#ecwid_html #ecwid_body .ecwid-productBrowser .ecwid-productBrowser-details-rightPanel .ecwid-productBrowser-details-optionRadioButton-name, #ecwid_html #ecwid_body .ecwid-productBrowser .ecwid-productBrowser-details-rightPanel .ecwid-productBrowser-details-optionRadioButton-price {
color: #737c85;
font: 14px 'Open Sans', sans-serif;
font-style: italic
}
#ecwid_html #ecwid_body .ecwid-productBrowser .ecwid-productBrowser-details-rightPanel input[type=radio] {
display: none
}
#ecwid_html #ecwid_body .ecwid-productBrowser .ecwid-productBrowser-details-rightPanel input[type=radio]+label {
position: relative;
display: inline-block;
padding-left: 28px;
margin-bottom: 5px
}
#ecwid_html #ecwid_body .ecwid-productBrowser .ecwid-productBrowser-details-rightPanel input[type=radio]+label:before {
content: "";
position: absolute;
bottom: 3px;
left: 1px;
display: inline-block;
width: 12px;
height: 12px;
margin-right: 10px;
border: 1px solid #dfe6e7;
-webkit-border-radius: 6px;
-moz-border-radius: 6px;
border-radius: 6px
}
#ecwid_html #ecwid_body .ecwid-productBrowser .ecwid-productBrowser-details-rightPanel input[type=radio]:checked+label:before {
background-image: url(../images/icons/radio-check.svg);
background-position: 0 50%;
background-repeat: no-repeat;
background-size: 54px 14px
}
#ecwid_html #ecwid_body .ecwid-productBrowser .ecwid-productBrowser-details-rightPanel .ecwid-productBrowser-details-qtyAvailInfo {
font: 14px 'Open Sans', sans-serif;
color: #737c85;
float: right;
margin-left: 10px;
margin-top: 15px
}
#ecwid_html #ecwid_body .ecwid-productBrowser .ecwid-productBrowser-details-rightPanel .ecwid-productBrowser-nav .ecwid-productBrowser-backgroundedPanel {
position: absolute;
top: -96px;
right: 0;
z-index: 20;
height: 60px;
margin-bottom: 20px;
min-width: 130px
}
#ecwid_html #ecwid_body .ecwid-productBrowser .ecwid-productBrowser-details-rightPanel .ecwid-productBrowser-details-optionsPanel .gwt-TextBox, html#ecwid_html body#ecwid_body .popupContent .ecwid-productBrowser-details .gwt-TextBox {
padding: 9px 30px;
border: 1px solid #dfe6e7;
border-radius: 20px;
color: #34495e;
font-size: 14px;
font-style: italic;
width: 120px;
-webkit-transition: border-color 300ms ease-in;
-moz-transition: border-color 300ms ease-in;
transition: border-color 300ms ease-in
}
#ecwid_html #ecwid_body .ecwid-productBrowser .ecwid-productBrowser-details-rightPanel .ecwid-productBrowser-details-optionsPanel .gwt-TextBox:focus, html#ecwid_html body#ecwid_body .popupContent .ecwid-productBrowser-details .gwt-TextBox:focus {
border-color: #34495e
}
#ecwid_html #ecwid_body .ecwid-productBrowser .ecwid-productBrowser-details-rightPanel .ecwid-productBrowser-details-optionsPanel .ecwid-productBrowser-details-datePicker-box {
width: 120px
}
#ecwid_html #ecwid_body .ecwid-productBrowser .ecwid-productBrowser-details-rightPanel .ecwid-productBrowser-details-optionsPanel .ecwid-productBrowser-details-optionDateButton, html#ecwid_html body#ecwid_body .popupContent .ecwid-productBrowser-details .ecwid-productBrowser-details-optionDateButton {
background: 0 0;
border: none;
width: 25px;
height: 25px;
margin-left: -40px
}
#ecwid_html #ecwid_body .ecwid-productBrowser .ecwid-productBrowser-details-rightPanel .ecwid-productBrowser-details-optionsPanel .ecwid-productBrowser-details-optionDateButton:before, html#ecwid_html body#ecwid_body .popupContent .ecwid-productBrowser-details .ecwid-productBrowser-details-optionDateButton:before {
font-family: FontAwesome;
font-size: 14px;
color: #dfe6e7;
content: "\f073"
}
#ecwid_html #ecwid_body .ecwid-shop-full .ecwid-productBrowser .ecwid-productBrowser-nav {
display: none
}
#ecwid_html #ecwid_body .ecwid-productBrowser .ecwid-productBrowser-nav-left {
width: 60px;
height: 60px;
background: #85d6de;
text-transform: uppercase
}
#ecwid_html #ecwid_body .ecwid-productBrowser .ecwid-productBrowser-nav-left:hover {
background: #34495e
}
#ecwid_html #ecwid_body .ecwid-productBrowser .ecwid-productBrowser-nav-left:before {
content: "Prev";
position: absolute;
top: 22px;
left: 0;
width: 100%;
text-align: center;
color: #fff;
font-weight: 700
}
#ecwid_html #ecwid_body .ecwid-productBrowser .ecwid-productBrowser-nav-right {
left: 70px;
width: 60px;
height: 60px;
background: #85d6de;
text-transform: uppercase
}
#ecwid_html #ecwid_body .ecwid-productBrowser .ecwid-productBrowser-nav-right:hover {
background: #34495e
}
#ecwid_html #ecwid_body .ecwid-productBrowser .ecwid-productBrowser-nav-right:before {
content: "Next";
position: absolute;
top: 22px;
left: 0;
width: 100%;
text-align: center;
color: #fff;
font-weight: 700
}
#ecwid_html #ecwid_body .ecwid-productBrowser .ecwid-productBrowser-details-like {
display: none
}
#ecwid_html #ecwid_body .ecwid-productBrowser .ecwid-productBrowser-backgroundedPanelInner .ecwid-favorite-view {
margin-right: 150px;
background: #fed37f
}
#ecwid_html #ecwid_body .ecwid-shop-full .ecwid-productBrowser .ecwid-productBrowser-backgroundedPanelInner .ecwid-favorite-view {
margin-right: 15px
}
#ecwid_html #ecwid_body .ecwid-shop-full .ecwid-productBrowser-auth {
margin-right: 20px
}
.ecwid-shop-full.shop-search-field {
right: 165px
}
#ecwid_html #ecwid_body .ecwid-productBrowser .ecwid-productBrowser-backgroundedPanelInner .ecwid-favorite-view svg path {
fill: #fff
}
#ecwid_html #ecwid_body .ecwid-productBrowser .ecwid-productBrowser-details-rightPanel .ecwid-productBrowser-backgroundedPanel {
max-width: 100%
}
#ecwid_html #ecwid_body .ecwid-productBrowser .ecwid-favorite-quantity-view {
display: none;
margin-top: 17px;
color: #737c85
}
#ecwid_html #ecwid_body .ecwid-productBrowser .ecwid-AddToBagButton {
display: block!important
}
#ecwid_html #ecwid_body .ecwid .ecwid-productBrowser-details-addMoreButton, #ecwid_html #ecwid_body .ecwid .ecwid-productBrowser-details-openBagButton, #ecwid_html #ecwid_body .ecwid-productBrowser .ecwid-ContinueShoppingButton {
display: none!important
}
#ecwid_html #ecwid_body .ecwid-productBrowser .ecwid-AddToBagButton-down-hovering, #ecwid_html #ecwid_body .ecwid-productBrowser .ecwid-AddToBagButton-up, #ecwid_html #ecwid_body .ecwid-productBrowser .ecwid-AddToBagButton-up-hovering, #ecwid_html #ecwid_body .ecwid-productBrowser .ecwid-ContinueShoppingButton-down-hovering, #ecwid_html #ecwid_body .ecwid-productBrowser .ecwid-ContinueShoppingButton-up, #ecwid_html #ecwid_body .ecwid-productBrowser .ecwid-ContinueShoppingButton-up-hovering, html#ecwid_html body#ecwid_body .popupContent .ecwid-productBrowser-details .ecwid-AddToBagButton-up, html#ecwid_html body#ecwid_body .popupContent .ecwid-productBrowser-details .ecwid-AddToBagButton-up-hovering {
position: relative;
height: auto;
width: auto;
padding: 15px 37px 12px;
color: #fff;
background: #fed37f;
box-shadow: 0 1px 1px rgba(0,0,0,.3);
text-shadow: 0 1px 1px rgba(0,0,0,.15);
-webkit-border-radius: 25px;
-moz-border-radius: 25px;
border-radius: 25px;
-webkit-transition: background 300ms ease-in;
-moz-transition: background 300ms ease-in;
transition: background 300ms ease-in;
z-index: 20
}
#ecwid_html #ecwid_body .ecwid-productBrowser .ecwid-AddToBagButton-down-hovering:before, #ecwid_html #ecwid_body .ecwid-productBrowser .ecwid-AddToBagButton-up-hovering:before, #ecwid_html #ecwid_body .ecwid-productBrowser .ecwid-AddToBagButton-up:before, #ecwid_html #ecwid_body .ecwid-productBrowser .ecwid-ContinueShoppingButton-down-hovering:before, #ecwid_html #ecwid_body .ecwid-productBrowser .ecwid-ContinueShoppingButton-up-hovering:before, #ecwid_html #ecwid_body .ecwid-productBrowser .ecwid-ContinueShoppingButton-up:before, html#ecwid_html body#ecwid_body .popupContent .ecwid-productBrowser-details .ecwid-AddToBagButton-up-hovering:before, html#ecwid_html body#ecwid_body .popupContent .ecwid-productBrowser-details .ecwid-AddToBagButton-up:before {
background-color: rgba(0,0,0,.05);
border-radius: 0 0 25px 25px;
bottom: 0;
content: "";
height: 50%;
left: 0;
position: absolute;
width: 100%;
z-index: -1
}
#ecwid_html #ecwid_body .ecwid-productBrowser .ecwid-AddToBagButton-down-hovering:after, #ecwid_html #ecwid_body .ecwid-productBrowser .ecwid-AddToBagButton-up-hovering:after, #ecwid_html #ecwid_body .ecwid-productBrowser .ecwid-AddToBagButton-up:after, html#ecwid_html body#ecwid_body .popupContent .ecwid-productBrowser-details .ecwid-AddToBagButton-up-hovering:after, html#ecwid_html body#ecwid_body .popupContent .ecwid-productBrowser-details .ecwid-AddToBagButton-up:after {
content: "Purchase";
font-size: 18px;
font-family: 'Varela Round', sans-serif
}
#ecwid_html #ecwid_body .ecwid-productBrowser .ecwid-AddToBagButton-down-hovering[aria-hidden=true]:after, #ecwid_html #ecwid_body .ecwid-productBrowser .ecwid-AddToBagButton-up-hovering[aria-hidden=true]:after, #ecwid_html #ecwid_body .ecwid-productBrowser .ecwid-AddToBagButton-up[aria-hidden=true]:after, html#ecwid_html body#ecwid_body .popupContent .ecwid-productBrowser-details .ecwid-AddToBagButton-up-hovering[aria-hidden=true]:after, html#ecwid_html body#ecwid_body .popupContent .ecwid-productBrowser-details .ecwid-AddToBagButton-up[aria-hidden=true]:after {
content: "Add More"
}
#ecwid_html #ecwid_body .ecwid-productBrowser .ecwid-ContinueShoppingButton-down-hovering:after, #ecwid_html #ecwid_body .ecwid-productBrowser .ecwid-ContinueShoppingButton-up-hovering:after, #ecwid_html #ecwid_body .ecwid-productBrowser .ecwid-ContinueShoppingButton-up:after {
content: "Continue Shopping";
font-size: 18px;
font-family: 'Varela Round', sans-serif
}
#ecwid_html #ecwid_body .ecwid-productBrowser .ecwid-AddToBagButton-up-hovering, #ecwid_html #ecwid_body .ecwid-productBrowser .ecwid-ContinueShoppingButton-up-hovering, html#ecwid_html body#ecwid_body .popupContent .ecwid-productBrowser-details .ecwid-AddToBagButton-up-hovering {
background-color: #e6bf73
}
#ecwid_html #ecwid_body .ecwid-productBrowser #wrapper .gwt-Button, #ecwid_html #ecwid_body .ecwid-productBrowser #wrapper .gwt-Button:active, #ecwid_html #ecwid_body .ecwid-productBrowser .gwt-Button, #ecwid_html #ecwid_body .ecwid-productBrowser .gwt-Button:active {
font: 14px 'Open Sans', sans-serif;
color: #85d6de;
font-weight: 700;
background: 0 0;
border: none;
-webkit-border-radius: 0;
-moz-border-radius: 0;
border-radius: 0;
border-bottom: 3px solid #85d6de;
box-shadow: none;
-webkit-transition: opacity 300ms ease-in;
-moz-transition: opacity 300ms ease-in;
transition: opacity 300ms ease-in
}
#ecwid_html #ecwid_body .ecwid-productBrowser #wrapper .gwt-Button:hover, #ecwid_html #ecwid_body .ecwid-productBrowser .gwt-Button:hover {
opacity: .5
}
#ecwid_html #ecwid_body .ecwid-productBrowser .ecwid-productBrowser-details-addMoreButton, #ecwid_html #ecwid_body .ecwid-productBrowser .ecwid-productBrowser-details-openBagButton {
margin-top: 20px
}
#ecwid_html #ecwid_body .ecwid-productBrowser .ecwid-productBrowser-cart-itemsTable-headerCell {
padding: 26px 25px 27px;
font: 18px 'Open Sans', sans-serif;
font-weight: 700;
color: #34495e;
background: #85d6de;
border: none;
border-bottom: 3px solid #fff
}
#ecwid_html #ecwid_body .ecwid-productBrowser .ecwid-productBrowser-cart-itemsTable-cell {
border: 1px solid #dfe6e7
}
#ecwid_html #ecwid_body .ecwid-productBrowser .ecwid-productBrowser-cart-itemsTable-cell-selected, #ecwid_html #ecwid_body .ecwid-productBrowser .ecwid-productBrowser-cart-itemsTable-row-selected {
background: 0 0
}
#ecwid_html #ecwid_body .ecwid-productBrowser .ecwid-productBrowser-cart .ecwid-productBrowser-cart-optionsList-name, #ecwid_html #ecwid_body .ecwid-productBrowser .ecwid-productBrowser-cart .ecwid-productBrowser-cart-optionsList-value, #ecwid_html #ecwid_body .ecwid-productBrowser .ecwid-productBrowser-cart .ecwid-productBrowser-cart-weight, #ecwid_html #ecwid_body .ecwid-productBrowser .ecwid-productBrowser-cart .ecwid-productBrowser-sku {
font: 12px 'Open Sans', sans-serif;
color: #34495e
}
#ecwid_html #ecwid_body .ecwid-productBrowser .ecwid-productBrowser-cart .ecwid-productBrowser-productNameLink a, #ecwid_html #ecwid_body .ecwid-productBrowser .ecwid-productBrowser-cart .ecwid-productBrowser-productNameLink a:active, #ecwid_html #ecwid_body .ecwid-productBrowser .ecwid-productBrowser-cart .ecwid-productBrowser-productNameLink a:visited {
display: block;
margin-bottom: 18px;
margin-top: 1px;
font: 14px 'Open Sans', sans-serif;
color: #34495e
}
#ecwid_html #ecwid_body .ecwid-productBrowser .ecwid-productBrowser-cart .ecwid-productBrowser-productNameLink a:hover {
color: #85d6de
}
#ecwid_html #ecwid_body .ecwid-productBrowser .ecwid-productBrowser-cart-optionsList {
padding-top: 1px
}
#ecwid_html #ecwid_body .ecwid-productBrowser .gwt-Button.ecwid-productBrowser-cart-changeOptionsButton {
min-width: 1px;
padding: 0
}
#ecwid_html #ecwid_body .ecwid .ecwid-productBrowser-details-optionPanel .ecwid-productBrowser-details-optionRadioButton-name, #ecwid_html #ecwid_body .ecwid .ecwid-productBrowser-details-optionPanel .ecwid-productBrowser-details-optionRadioButton-price {
color: #737c85;
font: 14px 'Open Sans', sans-serif;
font-style: italic
}
#ecwid_html #ecwid_body .ecwid .ecwid-productBrowser-details-optionPanel input[type=radio] {
display: none
}
#ecwid_html #ecwid_body .ecwid .ecwid-productBrowser-details-optionPanel input[type=radio]+label {
position: relative;
display: inline-block;
padding-left: 28px;
margin-bottom: 5px
}
#ecwid_html #ecwid_body .ecwid .ecwid-productBrowser-details-optionPanel input[type=radio]+label:before {
content: "";
position: absolute;
bottom: 3px;
left: 1px;
display: inline-block;
width: 12px;
height: 12px;
margin-right: 10px;
border: 1px solid #dfe6e7;
-webkit-border-radius: 6px;
-moz-border-radius: 6px;
border-radius: 6px
}
#ecwid_html #ecwid_body .ecwid .ecwid-productBrowser-details-optionPanel input[type=radio]:checked+label:before {
background-image: url(../images/icons/radio-check.svg);
background-position: 0 50%;
background-repeat: no-repeat;
background-size: 54px 14px
}
#ecwid_html #ecwid_body .ecwid .ecwid-productBrowser-details-optionPanel .ecwid-fieldLabel {
font: 16px 'Open Sans', sans-serif;
color: #34495e;
font-weight: 700;
font-style: italic;
margin-bottom: 10px
}
#ecwid_html #ecwid_body .ecwid.ecwid-productBrowser-cart-changeOptionsPopup .ecwid-form {
padding: 0;
background: 0 0
}
#ecwid_html #ecwid_body .ecwid.ecwid-productBrowser-cart-changeOptionsPopup .ecwid-form .gwt-Button {
margin: 0 5px;
padding: 15px 32px 12px
}
#ecwid_html #ecwid_body .ecwid.ecwid-productBrowser-cart-changeOptionsPopup .ecwid-form .ecwid-SpacerImage+table td+td .gwt-Button {
background: #fe8f8c
}
#ecwid_html #ecwid_body .ecwid.ecwid-productBrowser-cart-changeOptionsPopup .ecwid-form .ecwid-SpacerImage+table td+td .gwt-Button:hover {
background: #e6807e
}
#ecwid_html #ecwid_body .ecwid-productBrowser .ecwid-productBrowser-cart .ecwid-productBrowser-price {
padding-top: 0;
font: 14px 'Open Sans', sans-serif;
color: #737c85;
text-align: left
}
#ecwid_html #ecwid_body .ecwid-productBrowser .ecwid-productBrowser-cart .ecwid-productBrowser-cart-qtyTextField-multiplication {
font: 14px 'Open Sans', sans-serif;
color: #737c85
}
#ecwid_html #ecwid_body .ecwid-productBrowser .ecwid-productBrowser-cart .ecwid-productBrowser-cart-qtyTextField {
font: 14px 'Open Sans', sans-serif;
color: #737c85;
border: 1px solid #dfe6e7
}
#ecwid_html #ecwid_body .ecwid-productBrowser .ecwid-productBrowser-cart .ecwid-productBrowser-cart-removeItemButton {
position: absolute;
top: 18px;
right: 15px;
background: 0 0
}
.ecwid-productBrowser-cart-removeItemButton:before {
content: "\f057";
position: absolute;
top: 0;
left: 0;
color: #34495e;
font-family: FontAwesome
}
.ecwid-productBrowser-cart-removeItemButton:hover:before {
opacity: .5
}
#ecwid_html #ecwid_body .ecwid-productBrowser .ecwid-productBrowser-cart-hint {
font: 12px 'Open Sans', sans-serif;
color: #737c85;
padding-top: 8px
}
#ecwid_html #ecwid_body .ecwid-productBrowser .ecwid-productBrowser-cart .ecwid-productBrowser-backgroundedPanel {
background: 0 0
}
#ecwid_html #ecwid_body .ecwid-productBrowser .ecwid-productBrowser-cart-shippingLabel, #ecwid_html #ecwid_body .ecwid-productBrowser .ecwid-productBrowser-cart-subtotalLabel, #ecwid_html #ecwid_body .ecwid-productBrowser .ecwid-productBrowser-cart-taxLabel {
font: 14px 'Open Sans', sans-serif;
color: #34495e
}
#ecwid_html #ecwid_body .ecwid-productBrowser .ecwid-productBrowser-cart-shippingAmount, #ecwid_html #ecwid_body .ecwid-productBrowser .ecwid-productBrowser-cart-subtotalAmount, #ecwid_html #ecwid_body .ecwid-productBrowser .ecwid-productBrowser-cart-taxAmount {
font: 16px 'Open Sans', sans-serif;
color: #34495e;
font-weight: 700
}
#ecwid_html #ecwid_body .ecwid-productBrowser .ecwid-productBrowser-cart-asterisk {
display: none
}
#ecwid_html #ecwid_body .ecwid-productBrowser .ecwid-productBrowser-cart-totalAmount, #ecwid_html #ecwid_body .ecwid-productBrowser .ecwid-productBrowser-cart-totalLabel {
font: 30px 'Open Sans', sans-serif;
color: #34495e;
font-weight: 700;
text-transform: uppercase
}
#ecwid_html #ecwid_body .ecwid-productBrowser .ecwid-productBrowser-cart-shippingLabel:after, #ecwid_html #ecwid_body .ecwid-productBrowser .ecwid-productBrowser-cart-subtotalLabel:after, #ecwid_html #ecwid_body .ecwid-productBrowser .ecwid-productBrowser-cart-taxLabel:after, #ecwid_html #ecwid_body .ecwid-productBrowser .ecwid-productBrowser-cart-totalLabel:after {
content: ":"
}
#ecwid_html #ecwid_body .ecwid .ecwid-productBrowser-cart-totalAmountPanel {
margin-bottom: 15px
}
#ecwid_html #ecwid_body .ecwid-productBrowser .ecwid-productBrowser-cart-checkoutButton-down-hovering, #ecwid_html #ecwid_body .ecwid-productBrowser .ecwid-productBrowser-cart-checkoutButton-up, #ecwid_html #ecwid_body .ecwid-productBrowser .ecwid-productBrowser-cart-checkoutButton-up-hovering {
position: relative;
height: auto;
width: auto;
padding: 15px 37px 12px;
color: #fff;
background: #fed37f;
box-shadow: 0 1px 1px rgba(0,0,0,.3);
text-shadow: 0 1px 1px rgba(0,0,0,.15);
-webkit-border-radius: 25px;
-moz-border-radius: 25px;
border-radius: 25px;
-webkit-transition: background 300ms ease-in;
-moz-transition: background 300ms ease-in;
transition: background 300ms ease-in;
z-index: 20
}
#ecwid_html #ecwid_body .ecwid-productBrowser .ecwid-productBrowser-cart-checkoutButton-down-hovering:before, #ecwid_html #ecwid_body .ecwid-productBrowser .ecwid-productBrowser-cart-checkoutButton-up-hovering:before, #ecwid_html #ecwid_body .ecwid-productBrowser .ecwid-productBrowser-cart-checkoutButton-up:before {
background-color: rgba(0,0,0,.05);
border-radius: 0 0 25px 25px;
bottom: 0;
content: "";
height: 50%;
left: 0;
position: absolute;
width: 100%;
z-index: -1
}
#ecwid_html #ecwid_body .ecwid-productBrowser .ecwid-productBrowser-cart-checkoutButton-down-hovering:after, #ecwid_html #ecwid_body .ecwid-productBrowser .ecwid-productBrowser-cart-checkoutButton-up-hovering:after, #ecwid_html #ecwid_body .ecwid-productBrowser .ecwid-productBrowser-cart-checkoutButton-up:after {
content: "Checkout";
font-size: 18px;
font-family: 'Varela Round', sans-serif
}
#ecwid_html #ecwid_body .ecwid-productBrowser .ecwid-productBrowser-cart-checkoutButton-up-hovering {
background-color: #e6bf73
}
#ecwid_html #ecwid_body .ecwid-productBrowser .ecwid-productBrowser-details-descr {
margin-top: 50px;
padding: 21px 0 0;
position: relative;
clear: both
}
.ecwid-productBrowser-details-descr:before {
content: "";
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 1px;
background: #DFE6E7;
display: none
}
.ecwid-productBrowser-details-descr:after {
content: "";
position: absolute;
top: -2px;
left: 0;
width: 150px;
height: 3px;
background: #85d6de;
display: none
}
#ecwid_html #ecwid_body .ecwid-productBrowser .ecwid-productBrowser-details-rightPanel {
margin-bottom: 40px
}
#ecwid_html #ecwid_body .ecwid-productBrowser-detailsContainer .ecwid-productBrowser-details .ecwid-productBrowser-relatedProducts {
padding-top: 60px
}
#ecwid_html #ecwid_body .ecwid-productBrowser .ecwid-productBrowser-details-rightPanel .ecwid-productBrowser-sharePanel-header {
background: 0 0;
padding: 0
}
#ecwid_html #ecwid_body .ecwid-productBrowser .ecwid-productBrowser-details-rightPanel .ecwid-productBrowser-sharePanel-header .ecwid-productBrowser-sharePanel-icon {
display: none
}
#ecwid_html #ecwid_body .ecwid-productBrowser .ecwid-productBrowser-details-rightPanel .ecwid-productBrowser-sharePanel-header .ecwid-productBrowser-sharePanel-headerLabel {
display: block;
margin-bottom: 13px;
padding-top: 30px;
margin-left: 0;
font: italic bold 16px 'Open Sans', sans-serif;
color: #34495e
}
#ecwid_html #ecwid_body .ecwid .ecwid-productBrowser .ecwid-ProductDetails-gray-panel-bottom {
display: none
}
.ecwid-productBrowser-details-rightPanel tr div[style*=width] {
display: block!important;
width: 100%!important
}
#ecwid_html #ecwid_body .ecwid-productBrowser .ecwid-productBrowser-details-rightPanel .ecwid-productBrowser-sharePanel-buttonsContainer {
padding: 45px 0 0;
border: none
}
#ecwid_html #ecwid_body .ecwid-productBrowser .ecwid-productBrowser-details-rightPanel .ecwid-productBrowser-sharePanel-buttonWrapper {
display: inline-block;
margin-bottom: 10px
}
#ecwid_html #ecwid_body .ecwid .ecwid-productBrowser .ecwid-productBrowser-ask-advice-panel {
display: none
}
#ecwid_html #ecwid_body .ecwid-productBrowser .ecwid-productBrowser-details-GalleryPanel-imageContainer {
width: auto!important;
height: auto!important
}
#ecwid_html #ecwid_body .ecwid-productBrowser .ecwid-productBrowser-details-GalleryPanel {
margin-left: -2px
}
#ecwid_html #ecwid_body .ecwid-productBrowser .ecwid-productBrowser-details-GalleryPanel-linkContainer div {
color: #34495e;
font: 12px 'Open Sans', sans-serif
}
#ecwid_html #ecwid_body .ecwid .ecwid-gallery-thumbnail {
border: 2px solid #dfe6e7;
margin: 3px
}
#ecwid_html #ecwid_body .ecwid .ecwid-gallery-thumbnailsPanel {
background: 0 0;
margin: 0
}
#ecwid_html #ecwid_body .ecwid .ecwid-gallery-thumbnailsPanel>div {
width: 115px!important
}
#ecwid_html #ecwid_body .ecwid .ecwid-gallery-imagePanel-zoomButton {
display: none
}
#ecwid_html #ecwid_body .ecwid-productBrowser .ecwid-productBrowser-details-wholesale {
margin: 0;
padding: 0;
background: 0 0;
max-width: 220px
}
#ecwid_html #ecwid_body .ecwid-productBrowser .ecwid-productBrowser-details-wholesale .ecwid-productBrowser-details-wholesale-qty {
color: #737c85
}
#ecwid_html #ecwid_body .ecwid-productBrowser .ecwid-productBrowser-details-wholesale .ecwid-productBrowser-price {
font: 14px 'Open Sans', sans-serif;
font-weight: 400;
color: #737c85
}
#ecwid_html #ecwid_body .ecwid-productBrowser .ecwid-productBrowser-details-wholesale-saving {
margin-top: 12px;
padding-top: 10px;
padding-bottom: 15px;
border-color: #dfe6e7;
color: #34495e
}
#ecwid_html #ecwid_body .ecwid-productBrowser .ecwid-productBrowser-relatedProducts .ecwid-productBrowser-relatedProducts-title {
position: relative;
font: 28px 'Varela Round', sans-serif;
color: #34495e;
text-align: center;
padding-bottom: 31px;
margin-bottom: 60px;
border-bottom: 1px solid #dfe6e7
}
#ecwid_html #ecwid_body .ecwid-productBrowser .ecwid-productBrowser-relatedProducts .ecwid-productBrowser-relatedProducts-title:before {
content: "";
position: absolute;
bottom: -1px;
left: 50%;
width: 80px;
height: 3px;
margin-left: -40px;
background-color: #85d6de
}
#ecwid_html #ecwid_body .ecwid-productBrowser .ecwid-productBrowser-relatedProducts .ecwid-productBrowser-relatedProducts-title+table {
position: relative
}
#ecwid_html #ecwid_body .ecwid .ecwid-productBrowser-relatedProducts .ecwid-productBrowser-relatedProducts-button .ecwid-productBrowser-relatedProducts-prev {
position: absolute;
left: -23px;
background: 0 0
}
#ecwid_html #ecwid_body .ecwid .ecwid-productBrowser-relatedProducts .ecwid-productBrowser-relatedProducts-button .ecwid-productBrowser-relatedProducts-prev:before {
content: "\f104";
position: absolute;
top: 0;
left: 0;
width: 100%;
text-align: center;
font-family: FontAwesome;
font-size: 30px;
color: #34495e;
-webkit-transition: all 300ms ease-out;
-o-transition: all 300ms ease-out;
transition: all 300ms ease-out
}
#ecwid_html #ecwid_body .ecwid .ecwid-productBrowser-relatedProducts .ecwid-productBrowser-relatedProducts-button .ecwid-productBrowser-relatedProducts-prev:hover:before {
color: #85d6de
}
#ecwid_html #ecwid_body .ecwid .ecwid-productBrowser-relatedProducts .ecwid-productBrowser-relatedProducts-button .ecwid-productBrowser-relatedProducts-prev.ecwid-productBrowser-relatedProducts-prev-disabled:before {
color: #34495e!important;
cursor: default
}
#ecwid_html #ecwid_body .ecwid .ecwid-productBrowser-relatedProducts .ecwid-productBrowser-relatedProducts-button .ecwid-productBrowser-relatedProducts-next {
position: absolute;
background: 0 0
}
#ecwid_html #ecwid_body .ecwid .ecwid-productBrowser-relatedProducts .ecwid-productBrowser-relatedProducts-button .ecwid-productBrowser-relatedProducts-next:before {
content: "\f105";
position: absolute;
top: 0;
left: 0;
width: 100%;
text-align: center;
font-family: FontAwesome;
font-size: 30px;
color: #34495e;
-webkit-transition: all 300ms ease-out;
-o-transition: all 300ms ease-out;
transition: all 300ms ease-out
}
#ecwid_html #ecwid_body .ecwid .ecwid-productBrowser-relatedProducts .ecwid-productBrowser-relatedProducts-button .ecwid-productBrowser-relatedProducts-next:hover:before {
color: #85d6de
}
#ecwid_html #ecwid_body .ecwid .ecwid-productBrowser-relatedProducts .ecwid-productBrowser-relatedProducts-button .ecwid-productBrowser-relatedProducts-next.ecwid-productBrowser-relatedProducts-next-disabled:before {
color: #34495e!important;
cursor: default
}
#ecwid_html #ecwid_body .ecwid-productBrowser .ecwid-productBrowser-relatedProducts .ecwid-productBrowser-relatedProducts-item-top {
width: 260px!important;
height: 100%;
border: 5px solid #dfe6e7;
border-bottom: none;
margin: 0;
-webkit-transition: border 300ms ease-out;
-o-transition: border 300ms ease-out;
transition: border 300ms ease-out
}
#ecwid_html #ecwid_body .ecwid-productBrowser .ecwid-productBrowser-relatedProducts .ecwid-productBrowser-relatedProducts-item-bottom {
top: auto!important;
bottom: 0;
max-width: 260px!important;
border: 5px solid #dfe6e7;
border-top: 0;
margin: 0;
-webkit-transition: border 300ms ease-out;
-o-transition: border 300ms ease-out;
transition: border 300ms ease-out
}
html#ecwid_html body#ecwid_body .ecwid-Account-content .ecwid-AccountSettings div.ecwid-Account-ContinueShoppingButtonContainer {
border-top: none;
position: absolute;
bottom: 60px;
left: 240px
}
#ecwid_html #ecwid_body .ecwid-productBrowser .ecwid-productBrowser-relatedProducts .ecwid-productBrowser-relatedProducts-item-bottom:after, #ecwid_html #ecwid_body .ecwid-productBrowser .ecwid-productBrowser-relatedProducts .ecwid-productBrowser-relatedProducts-item-bottom:before {
content: "";
position: absolute;
left: -5px;
bottom: 100%;
width: 5px;
height: 100%;
background: #dfe6e7;
-webkit-transition: background 300ms ease-out;
-o-transition: background 300ms ease-out;
transition: background 300ms ease-out
}
#ecwid_html #ecwid_body .ecwid-productBrowser .ecwid-productBrowser-relatedProducts .ecwid-productBrowser-relatedProducts-item-bottom:after {
left: auto;
right: -5px
}
#ecwid_html #ecwid_body .ecwid-productBrowser .ecwid-productBrowser-relatedProducts .ecwid-productBrowser-relatedProducts-item-bottom-hover:after, #ecwid_html #ecwid_body .ecwid-productBrowser .ecwid-productBrowser-relatedProducts .ecwid-productBrowser-relatedProducts-item-bottom-hover:before {
background: #34495e
}
#ecwid_html #ecwid_body .ecwid-productBrowser .ecwid-productBrowser-relatedProducts .ecwid-productBrowser-relatedProducts-item-bottom-hover, #ecwid_html #ecwid_body .ecwid-productBrowser .ecwid-productBrowser-relatedProducts .ecwid-productBrowser-relatedProducts-item-top-hover {
border-color: #34495e
}
#ecwid_html #ecwid_body .ecwid-productBrowser .ecwid-productBrowser-relatedProducts .ecwid-productBrowser-productNameLink {
padding-top: 10px;
font: 16px 'Open Sans', sans-serif;
font-weight: 700;
color: #34495e;
text-align: center;
text-decoration: none;
-webkit-transition: color 300ms ease-out;
-o-transition: color 300ms ease-out;
transition: color 300ms ease-out
}
#ecwid_html #ecwid_body .ecwid-productBrowser .ecwid-productBrowser-relatedProducts .ecwid-productBrowser-productNameLink:hover {
color: #85d6de
}
#ecwid_html #ecwid_body .ecwid-productBrowser .ecwid-productBrowser-relatedProducts .ecwid-productBrowser-sku {
display: none
}
#ecwid_html #ecwid_body .ecwid-productBrowser .ecwid-productBrowser-details .ecwid-productBrowser-relatedProducts .ecwid-productBrowser-price {
padding: 3px 0 18px;
font: 28px 'Open Sans', sans-serif;
font-weight: 300;
color: #34495e
}
#ecwid_html #ecwid_body .ecwid .ecwid-productBrowser h5 {
font-size: 18px
}
#ecwid_html #ecwid_body .ecwid .ecwid-productBrowser h6 {
font-size: 14px;
margin-bottom: 12px;
margin-top: 20px
}
#ecwid_html #ecwid_body .ecwid-productBrowser-details-descr p {
font-size: 14px!important;
font-family: 'Open Sans', sans-serif!important
}
#ecwid_html #ecwid_body .ecwid-productBrowser-details-descr td {
padding-top: 1.5em!important;
padding-bottom: 1.5em!important;
font-size: 14px!important;
font-family: 'Open Sans', sans-serif!important;
color: #737c85
}
#ecwid_html #ecwid_body .ecwid-productBrowser-details-descr td>p {
line-height: 1!important;
margin: 0!important
}
#ecwid_html #ecwid_body .ecwid .ecwid-productBrowser .ecwid-productBrowser-details-descr a, #ecwid_html #ecwid_body .ecwid .ecwid-productBrowser .ecwid-productBrowser-details-descr a:active, #ecwid_html #ecwid_body .ecwid .ecwid-productBrowser .ecwid-productBrowser-details-descr a:visited {
font: 14px 'Open Sans', sans-serif!important;
color: #85d6de!important
}
#ecwid_html #ecwid_body .ecwid .ecwid-productBrowser .ecwid-productBrowser-details-descr a:hover {
color: #34495e!important
}
#ecwid_html #ecwid_body .ecwid-productBrowser .ecwid-productBrowser-details-outOfStockLabel {
color: #fe8f8c
}
#ecwid_html #ecwid_body .ecwid-productBrowser .ecwid-productBrowser-detailsContainer-outOfStock .ecwid-productBrowser-details-qtyPanel+div+table {
display: none
}
#ecwid_html #ecwid_body .ecwid .ecwid-productBrowser table.mac ul {
padding-left: 10px
}
#ecwid_html #ecwid_body .ecwid .ecwid-productBrowser table.mac tr.dark {
background: 0 0
}
#ecwid_html #ecwid_body .ecwid .ecwid-productBrowser table.mac tr.head td {
font-size: 16px!important;
color: #34495e
}
#ecwid_html #ecwid_body .ecwid-productBrowser .ecwid-productBrowser-details-rightPanel .ecwid-productBrowser-sku {
font-family: 'Open Sans', sans-serif;
font-size: 12px
}
#ecwid_html #ecwid_body .ecwid-productBrowser .ecwid-productBrowser-extraFields-side {
font-family: 'Open Sans', sans-serif;
font-size: 12px;
color: #34495e
}
#ecwid_html #ecwid_body .ecwid .ecwid-productBrowser {
padding: 0 0 20px
}
#ecwid_html #ecwid_body .ecwid-productBrowser-CategoryPage-0 .ecwid-productBrowser-categoryPath-categoryLink {
display: none!important
}
#ecwid_html #ecwid_body .ecwid-productBrowser .ecwid-productBrowser-subcategories-categoryName {
font: 18px 'Open Sans', sans-serif;
font-weight: 700;
color: #34495e;
-webkit-transition: all 300ms ease-out;
-o-transition: all 300ms ease-out;
transition: all 300ms ease-out
}
#ecwid_html #ecwid_body .ecwid-productBrowser .ecwid-productBrowser-subcategories-categoryName:hover {
color: #85d6de
}
#ecwid_html #ecwid_body .ecwid-productBrowser .ecwid-productBrowser-subcategories-mainTable {
margin-top: 45px
}
#ecwid_html #ecwid_body .ecwid-productBrowser-subcategories-mainTable tbody tr:nth-child(3n+1) td[width="29%"] {
position: relative;
vertical-align: top!important
}
#ecwid_html #ecwid_body .ecwid-productBrowser-subcategories-mainTable tbody tr:nth-child(3n+1) td[width="29%"] div {
width: 100%;
border-bottom: none;
margin-top: 0;
padding-top: 30px
}
#ecwid_html #ecwid_body .ecwid-productBrowser-subcategories-mainTable tbody tr:nth-child(3n+1) td[width="29%"] div:before {
content: "";
position: absolute;
top: 0;
left: 0;
width: 5px;
height: 100%;
background: #dfe6e7;
display: none
}
#ecwid_html #ecwid_body .ecwid-productBrowser-subcategories-mainTable tbody tr:nth-child(3n+1) td[width="29%"] div:after {
content: "";
position: absolute;
top: 0;
right: 0;
width: 5px;
height: 100%;
background: #dfe6e7;
display: none
}
#ecwid_html #ecwid_body .ecwid-productBrowser-subcategories-mainTable tbody tr:nth-child(3n+2) td[width="29%"] div {
width: 100%;
margin: 0;
padding-top: 28px;
padding-bottom: 32px;
border-top: none
}
#ecwid_html #ecwid_body .ecwid-productBrowser .ecwid-noimage {
margin-top: 45px
}
#ecwid_html #ecwid_body .ecwid-productBrowser-subcategories-mainTable tbody td[width="29%"] {
width: 31%
}
#ecwid_html #ecwid_body .ecwid-productBrowser-subcategories-mainTable tbody td[width="7%"] {
width: 4%
}
#ecwid_html #ecwid_body .ecwid-productBrowser-subcategories-mainTable tbody td[width="29%"] a, #ecwid_html #ecwid_body .ecwid-productBrowser-subcategories-mainTable tbody td[width="29%"] div {
display: block!important;
width: 100%
}
#ecwid_html #ecwid_body .ecwid-productBrowser-subcategories-mainTable tbody td[width="29%"] div {
margin-top: 15px
}
#ecwid_html #ecwid_body .ecwid-productBrowser .ecwid-favorites-view .ecwid-form {
margin: 49px 0 0;
padding: 0;
background: 0 0
}
#ecwid_html #ecwid_body .ecwid-productBrowser .ecwid-favorites-signin-warning-text {
font: 14px 'Open Sans', sans-serif;
color: #737c85
}
#ecwid_html #ecwid_body .ecwid-productBrowser .ecwid-favorites-signin-warning-text a, #ecwid_html #ecwid_body .ecwid-productBrowser .ecwid-favorites-signin-warning-text a:focus {
font-size: 14px
}
#ecwid_html #ecwid_body .ecwid-productBrowser .ecwid-no-favorites-area .ecwid-no-favorites-label {
font-family: 'Open Sans', sans-serif;
color: #34495e
}
#ecwid_html #ecwid_body .ecwid-productBrowser .ecwid-no-favorites-area .ecwid-no-favorites-icon svg g>path {
fill: #34495e
}
#ecwid_html #ecwid_body>div[style*="z-index: 10000000"] img {
display: none!important
}
#ecwid_html #ecwid_body>div[style*="z-index: 10000000"]:before {
content: '';
position: absolute;
top: 50%;
left: 50%;
z-index: 20000000;
margin-top: -25px;
margin-left: -25px;
width: 50px;
height: 50px;
background: #fed37f;
border-radius: 50px;
-webkit-animation: preloader 1.5s infinite linear;
animation: preloader 1.5s infinite linear
}
#ecwid_html #ecwid_body>div[style*="z-index: 10000000"]:after {
content: '';
position: absolute;
top: 50%;
left: 50%;
z-index: 20000000;
margin-top: -40px;
margin-left: -40px;
width: 80px;
height: 80px;
border-top: 10px solid #85d6de;
border-bottom: 10px solid #85d6de;
border-left: 10px solid transparent;
border-right: 10px solid transparent;
border-radius: 80px;
-webkit-animation: preloader_after 1.5s infinite linear;
animation: preloader_after 1.5s infinite linear
}
#ecwid_html #ecwid_body .ecwid-productBrowser .ecwid-productBrowser-cart-EnterCouponBox {
padding: 26px 0 7px;
background: no-repeat;
border: none;
box-shadow: none
}
#ecwid_html #ecwid_body .ecwid-productBrowser .ecwid-productBrowser-cart-EnterCouponBox .ecwid-productBrowser-cart-EnterCouponBox-couponCodeLabel {
font: 16px 'Open Sans', sans-serif;
font-weight: 700;
font-style: italic;
color: #34495e;
margin-right: 50px
}
#ecwid_html #ecwid_body .ecwid-productBrowser .ecwid-productBrowser-cart-EnterCouponBox .gwt-TextBox {
padding: 0 20px 1px;
font: 12px 'Open Sans', sans-serif;
font-style: italic;
color: #34495e;
border: 1px solid #dfe6e7;
-webkit-border-radius: 20px;
-moz-border-radius: 20px;
border-radius: 20px;
background: 0 0;
box-shadow: none;
-webkit-transition: border 300ms ease-out;
-o-transition: border 300ms ease-out;
transition: border 300ms ease-out
}
#ecwid_html #ecwid_body .ecwid-productBrowser .ecwid-productBrowser-cart-EnterCouponBox .gwt-TextBox:focus {
border-color: #34495e
}
#ecwid_html #ecwid_body .ecwid-productBrowser .ecwid-productBrowser-cart-EnterCouponBox .gwt-Button {
margin: 0 0 0 40px!important
}
#ecwid_html #ecwid_body .ecwid-productBrowser .ecwid-productBrowser-cart-EnterCouponBox .gwt-Button[disabled=''] {
font: 700 14px #85d6de;
color: #85d6de;
border: none;
border-bottom: 3px solid #85d6de;
background: 0 0;
box-shadow: none
}
#ecwid_html #ecwid_body .ecwid-productBrowser .ecwid-Checkout-orderFailed .ecwid-form, #ecwid_html #ecwid_body .ecwid-productBrowser .ecwid-productBrowser-cart-emptyCartPanel .ecwid-form {
background: 0 0
}
#ecwid_html #ecwid_body .ecwid-productBrowser .ecwid-Checkout-orderFailed .ecwid-form .gwt-Label, #ecwid_html #ecwid_body .ecwid-productBrowser .ecwid-productBrowser-cart-emptyCartPanel .ecwid-form .gwt-Label {
font: 14px 'Open Sans', sans-serif;
color: #34495e
}
#ecwid_html #ecwid_body .ecwid-productBrowser .ecwid-Checkout .ecwid-floatLeftPanel {
padding-bottom: 32px;
border-bottom: 1px solid #34495e
}
#ecwid_html #ecwid_body .ecwid-productBrowser .ecwid-Checkout-blockTitle, #ecwid_html #ecwid_body .ecwid-productBrowser .ecwid-Checkout-blockTitle .gwt-HTML {
font: 14px 'Open Sans', sans-serif;
color: #34495e;
font-weight: 700;
font-style: italic;
margin-left: 7px;
margin-right: 0
}
#ecwid_html #ecwid_body .ecwid-productBrowser .ecwid-Checkout-blockTitle .ecwid-Checkout-blockTitle-text {
margin-bottom: 24px;
display: inline-block
}
#ecwid_html #ecwid_body .ecwid-productBrowser .ecwid-Checkout-blockTitle .gwt-Button {
min-width: 1px;
margin: 0 3px;
padding: 0
}
#ecwid_html #ecwid_body .ecwid-productBrowser .ecwid-form {
background: 0 0;
padding: 0 5px
}
#ecwid_html #ecwid_body .ecwid .ecwid-PaymentMethodsBlock input[type=radio] {
display: none
}
#ecwid_html #ecwid_body .ecwid .ecwid-PaymentMethodsBlock input[type=radio]+label {
color: #737c85;
font-weight: 400;
position: relative;
display: inline-block;
padding-left: 28px;
margin-bottom: 5px
}
#ecwid_html #ecwid_body .ecwid .ecwid-PaymentMethodsBlock input[type=radio]+label:before {
content: "";
position: absolute;
bottom: 3px;
left: 1px;
display: inline-block;
width: 12px;
height: 12px;
margin-right: 10px;
border: 1px solid #dfe6e7;
-webkit-border-radius: 6px;
-moz-border-radius: 6px;
border-radius: 6px
}
#ecwid_html #ecwid_body .ecwid .ecwid-PaymentMethodsBlock input[type=radio]:checked+label:before {
background-image: url(../images/icons/radio-check.svg);
background-position: 0 50%;
background-repeat: no-repeat;
background-size: 54px 14px
}
#ecwid_html #ecwid_body .ecwid .ecwid-AddressForm-fields .ecwid-fieldWrapper .gwt-TextBox, #ecwid_html #ecwid_body .ecwid .ecwid-Checkout-EmailBlock .ecwid-fieldWrapper .gwt-TextBox, #ecwid_html #ecwid_body .ecwid .ecwid-Checkout-PasswordBlock .ecwid-fieldWrapper .gwt-PasswordTextBox {
padding: 9px 25px;
font: 14px 'Open Sans', sans-serif;
color: #34495e;
font-style: italic;
background: 0 0;
border: 1px solid #dfe6e7;
box-shadow: none;
-webkit-border-radius: 20px;
-moz-border-radius: 20px;
border-radius: 20px;
-webkit-transition: border 300ms ease-out;
-o-transition: border 300ms ease-out;
transition: border 300ms ease-out
}
#ecwid_html #ecwid_body .ecwid .ecwid-AddressForm-fields .ecwid-fieldWrapper .gwt-TextBox:focus, #ecwid_html #ecwid_body .ecwid .ecwid-Checkout-EmailBlock .ecwid-fieldWrapper .gwt-TextBox:focus, #ecwid_html #ecwid_body .ecwid .ecwid-Checkout-PasswordBlock .ecwid-fieldWrapper .gwt-PasswordTextBox:focus {
border-color: #34495e
}
#ecwid_html #ecwid_body .ecwid .ecwid-AddressForm-country select, #ecwid_html #ecwid_body .ecwid .ecwid-AddressForm-state select {
font: 14px 'Open Sans', sans-serif;
font-style: italic;
background: 0 0;
border: 1px solid #dfe6e7;
box-shadow: none;
border-radius: 3px;
width: 285px;
padding: 8px 20px 7px
}
#ecwid_html #ecwid_body .ecwid .ecwid-AddressForm-city, #ecwid_html #ecwid_body .ecwid .ecwid-AddressForm-phone, #ecwid_html #ecwid_body .ecwid .ecwid-AddressForm-zip {
width: 285px
}
#ecwid_html #ecwid_body .ecwid .ecwid-AddressForm-fields .ecwid-fieldWrapper .ecwid-fieldLabel, #ecwid_html #ecwid_body .ecwid .ecwid-Checkout-EmailBlock .ecwid-fieldWrapper .ecwid-fieldLabel, #ecwid_html #ecwid_body .ecwid .ecwid-Checkout-PasswordBlock .ecwid-fieldWrapper .ecwid-fieldLabel {
display: block;
width: 100%;
float: none;
margin: 15px 0 10px;
font: 14px 'Open Sans', sans-serif;
color: #34495e
}
#ecwid_html #ecwid_body .ecwid .ecwid-AddressForm .ecwid-note {
font-family: 'Open Sans', sans-serif;
color: #737c85
}
#ecwid_html #ecwid_body .ecwid .ecwid-shippingOptions-List .ecwid-shippingOption label {
color: #737c85
}
#ecwid_html #ecwid_body .ecwid .ecwid-Checkout .ecwid-Checkout-DeliveryMethod {
max-width: 520px
}
#ecwid_html #ecwid_body .ecwid .ecwid-shippingOptions-List .ecwid-shippingOption label {
max-width: 440px;
margin-left: 0
}
#ecwid_html #ecwid_body .ecwid .ecwid-AddressForm-secureLockIcon {
display: none
}
#ecwid_html #ecwid_body .ecwid .ecwid-Checkout-PasswordBlock-tip {
font: 14px 'Open Sans', sans-serif;
line-height: 26px;
color: #737c85
}
#ecwid_html #ecwid_body .ecwid .ecwid-Checkout-PasswordBlock-tip br {
margin-bottom: 10px
}
#ecwid_html #ecwid_body .ecwid .ecwid-AccentedButton, #ecwid_html #ecwid_body .ecwid .ecwid-AccentedButton:active, #ecwid_html #ecwid_body .ecwid .ecwid-AccentedButton:hover, #ecwid_html #ecwid_body .ecwid-Account-content .ecwid-AccountSettings-NameAndEmail .ecwid-AccountSettings-SaveButton, #ecwid_html #ecwid_body .ecwid-Account-content .ecwid-AccountSettings-NameAndEmail .ecwid-AccountSettings-SaveButton:hover, #ecwid_html #ecwid_body .ecwid-Account-content .ecwid-AccountSettings-Password .ecwid-AccountSettings-SaveButton, #ecwid_html #ecwid_body .ecwid-Account-content .ecwid-AccountSettings-Password .ecwid-AccountSettings-SaveButton:hover {
position: relative;
z-index: 20;
height: auto;
padding: 16px 37px 15px;
font: 18px/18px 'Varela Round', sans-serif;
color: #fff;
background: #fed37f;
box-shadow: 0 1px 1px rgba(0,0,0,.3);
text-shadow: 0 1px 1px rgba(0,0,0,.15);
border: none;
-webkit-border-radius: 25px;
-moz-border-radius: 25px;
border-radius: 25px;
-webkit-transition: all 300ms ease-in;
-moz-transition: all 300ms ease-in;
transition: all 300ms ease-in
}
#ecwid_html #ecwid_body .ecwid .ecwid-AccentedButton:focus, #ecwid_html #ecwid_body .ecwid .ecwid-AccentedButton:hover, #ecwid_html #ecwid_body .ecwid-Account-content .ecwid-AccountSettings-NameAndEmail .ecwid-AccountSettings-SaveButton:focus, #ecwid_html #ecwid_body .ecwid-Account-content .ecwid-AccountSettings-NameAndEmail .ecwid-AccountSettings-SaveButton:hover, #ecwid_html #ecwid_body .ecwid-Account-content .ecwid-AccountSettings-Password .ecwid-AccountSettings-SaveButton:focus, #ecwid_html #ecwid_body .ecwid-Account-content .ecwid-AccountSettings-Password .ecwid-AccountSettings-SaveButton:hover {
background: #e6bf73;
opacity: 1
}
#ecwid_html #ecwid_body .ecwid .ecwid-AccentedButton:before, #ecwid_html #ecwid_body .ecwid-Account-content .ecwid-AccountSettings-NameAndEmail .ecwid-AccountSettings-SaveButton:before, #ecwid_html #ecwid_body .ecwid-Account-content .ecwid-AccountSettings-Password .ecwid-AccountSettings-SaveButton:before {
content: "";
position: absolute;
bottom: 0;
left: 0;
z-index: -1;
width: 100%;
height: 50%;
background-color: rgba(0,0,0,.05);
border-radius: 0 0 25px 25px
}
#ecwid_html #ecwid_body .ecwid .ecwid-AccentedContinueButton .ecwid-AccentedContinueButton-label, #ecwid_html #ecwid_body .ecwid .ecwid-Checkout-BillingAddress-container .ecwid-AccentedContinueButton-label, #ecwid_html #ecwid_body .ecwid .ecwid-fieldEnvelope-label {
font: 11px 'Open Sans', sans-serif;
color: #fe8f8c
}
#ecwid_html #ecwid_body .ecwid .ecwid-fieldEnvelope-error .ecwid-fieldEnvelope-around {
border: none
}
#ecwid_html #ecwid_body .ecwid .ecwid-fieldEnvelope-error .ecwid-fieldEnvelope-around .gwt-PasswordTextBox, #ecwid_html #ecwid_body .ecwid .ecwid-fieldEnvelope-error .ecwid-fieldEnvelope-around .gwt-TextBox {
border-color: #fe8f8c
}
#ecwid_html #ecwid_body .ecwid .ecwid-PaymentCommentsBlock .ecwid-PaymentCommentsBlock-textarea {
margin-left: 7px;
font: 14px 'Open Sans', sans-serif;
color: #34495e;
font-style: italic;
border: 1px solid #dfe6e7;
-webkit-border-radius: 20px;
-moz-border-radius: 20px;
border-radius: 20px;
box-shadow: none
}
#ecwid_html #ecwid_body .ecwid .ecwid-Checkout-PasswordBlock .ecwid-form {
margin-left: 7px
}
#ecwid_html #ecwid_body .ecwid .ecwid-responsive .ecwid-PseudoButton {
padding: 0;
display: block;
background: 0 0;
border: none
}
#ecwid_html #ecwid_body .ecwid .ecwid-responsive .ecwid-PseudoButton .gwt-HTML {
font: 14px 'Open Sans', sans-serif;
font-style: italic;
color: #737c85
}
#ecwid_html #ecwid_body .ecwid .ecwid-responsive .ecwid-PseudoButton input[type=checkbox] {
display: none
}
#ecwid_html #ecwid_body .ecwid .ecwid-responsive .ecwid-PseudoButton input[type=checkbox]+label {
color: #737c85;
font-weight: 400;
position: relative;
display: inline-block;
padding-left: 28px;
margin-bottom: -3px;
font-size: 12px;
font-family: 'Open Sans', sans-serif;
font-style: italic
}
#ecwid_html #ecwid_body .ecwid .ecwid-responsive .ecwid-PseudoButton input[type=checkbox]+label:before {
content: "";
position: absolute;
bottom: 1px;
left: 1px;
display: inline-block;
width: 14px;
height: 14px;
margin-right: 10px;
border: 1px solid #dfe6e7;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px
}
#ecwid_html #ecwid_body .ecwid .ecwid-responsive .ecwid-PseudoButton input[type=checkbox]:checked+label:before {
background-image: url(../images/icons/radio-check.svg);
background-position: -13px 50%;
background-repeat: no-repeat;
background-size: 54px 14px
}
#ecwid_html #ecwid_body .ecwid .ecwid-Checkout .ecwid-Checkout-BreadCrumbs {
margin-top: 40px
}
#ecwid_html #ecwid_body .ecwid .ecwid-Checkout-BreadCrumbs-link {
margin-top: 11px;
font: 12px 'Open Sans', sans-serif;
text-transform: uppercase;
color: #737c85;
font-weight: 600
}
#ecwid_html #ecwid_body .ecwid .ecwid-Checkout-BreadCrumbs-link-visited {
color: #34495e
}
#ecwid_html #ecwid_body .ecwid .ecwid-Checkout-BreadCrumbs-link-current {
color: #85d6de;
border: none
}
#ecwid_html #ecwid_body .ecwid .ecwid-Checkout-BreadCrumbs-section {
position: relative;
background: 0 0
}
#ecwid_html #ecwid_body .ecwid .ecwid-Checkout-BreadCrumbs-section:before {
content: "";
position: absolute;
top: 6px;
left: 0;
width: 100%;
height: 1px;
background: #dfe6e7
}
#ecwid_html #ecwid_body .ecwid .ecwid-Checkout-BreadCrumbs-point {
position: relative;
width: 72px;
height: 72px;
background: #dfe6e7
}
#ecwid_html #ecwid_body .ecwid .ecwid-Checkout-BreadCrumbs-point-current {
background: #85d6de
}
#ecwid_html #ecwid_body .ecwid .ecwid-Checkout-BreadCrumbs td .ecwid-Checkout-BreadCrumbs-point:before {
content: "\f07a";
position: absolute;
top: 26px;
left: 0;
width: 100%;
text-align: center;
color: #34495e;
font-family: FontAwesome;
font-size: 18px
}
#ecwid_html #ecwid_body .ecwid .ecwid-Checkout-BreadCrumbs td .ecwid-Checkout-BreadCrumbs-point-current:before {
color: #fff
}
#ecwid_html #ecwid_body .ecwid .ecwid-Checkout-BreadCrumbs>tbody>tr td:nth-child(2) .ecwid-Checkout-BreadCrumbs-point:before {
content: "\f0d1"
}
#ecwid_html #ecwid_body .ecwid .ecwid-Checkout-BreadCrumbs>tbody>tr td:nth-child(1) .ecwid-Checkout-BreadCrumbs-point:before {
content: "\f07a"
}
#ecwid_html #ecwid_body .ecwid .ecwid-Checkout-BreadCrumbs>tbody>tr td:nth-child(3) .ecwid-Checkout-BreadCrumbs-point:before {
content: "\f0d6"
}
#ecwid_html #ecwid_body .ecwid .ecwid-Checkout-BreadCrumbs>tbody>tr td:last-child .ecwid-Checkout-BreadCrumbs-point:before {
content: "\f164"
}
#ecwid_html #ecwid_body .ecwid-productBrowser .ecwid-shippingOption input[type=radio] {
display: none
}
#ecwid_html #ecwid_body .ecwid-productBrowser .ecwid-shippingOption input[type=radio]+label {
position: relative;
display: inline-block;
padding-left: 28px;
margin-bottom: 5px
}
#ecwid_html #ecwid_body .ecwid-productBrowser .ecwid-shippingOption input[type=radio]+label:before {
content: "";
position: absolute;
bottom: 3px;
left: 1px;
display: inline-block;
width: 12px;
height: 12px;
margin-right: 10px;
border: 1px solid #dfe6e7;
-webkit-border-radius: 6px;
-moz-border-radius: 6px;
border-radius: 6px
}
#ecwid_html #ecwid_body .ecwid-productBrowser .ecwid-shippingOption input[type=radio]:checked+label:before {
background-image: url(../images/icons/radio-check.svg);
background-position: 0 50%;
background-repeat: no-repeat;
background-size: 54px 14px
}
#ecwid_html #ecwid_body .ecwid-productBrowser-cart-termsCheckbox.ecwid-productBrowser-cart-termsCheckbox-rollover {
background: 0 0
}
#ecwid_html #ecwid_body .ecwid-productBrowser-cart-termsCheckbox input[type=checkbox] {
display: none
}
#ecwid_html #ecwid_body .ecwid-productBrowser-cart-termsCheckbox input[type=checkbox]+label {
color: #737c85;
font-weight: 400;
position: relative;
display: inline-block;
padding-left: 28px;
margin-bottom: 5px;
font-size: 12px;
font-family: 'Open Sans', sans-serif;
font-style: italic
}
#ecwid_html #ecwid_body .ecwid-productBrowser .ecwid-productBrowser-cart-termsCheckbox a.gwt-Anchor {
margin-left: 3px;
font-size: 12px!important;
font-family: 'Open Sans', sans-serif!important;
font-style: italic!important;
color: #85d6de
}
#ecwid_html #ecwid_body .ecwid-productBrowser .ecwid-productBrowser-cart-termsCheckbox a.gwt-Anchor:hover {
color: #34495e
}
html#ecwid_html body#ecwid_body .ecwid-productBrowser.ecwid-productBrowser-CartPage div.ecwid-productBrowser-backgroundedPanel {
padding: 25px 0 23px 23px
}
#ecwid_html #ecwid_body .ecwid-productBrowser-cart-termsCheckbox input[type=checkbox]+label:before {
content: "";
position: absolute;
bottom: 1px;
left: 1px;
display: inline-block;
width: 14px;
height: 14px;
margin-right: 10px;
border: 1px solid #dfe6e7;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px
}
#ecwid_html #ecwid_body .ecwid-productBrowser-cart-termsCheckbox input[type=checkbox]:checked+label:before {
background-image: url(../images/icons/radio-check.svg);
background-position: -13px 50%;
background-repeat: no-repeat;
background-size: 54px 14px
}
#ecwid_html #ecwid_body .ecwid .ecwid-Terms-content {
border: 1px solid #dfe6e7;
height: 150px!important
}
#ecwid_html #ecwid_body .ecwid .ecwid-Terms-link-title {
color: #737c85
}
#ecwid_html #ecwid_body .ecwid .ecwid-productBrowser-cart-estimation {
display: none
}
#ecwid_html #ecwid_body .ecwid .ecwid-Checkout-ShippingAddress {
max-width: 520px
}
#ecwid_html #ecwid_body .ecwid .ecwid-Checkout .ecwid-Checkout-DeliveryMethod {
padding-top: 10px;
clear: both;
float: none
}
#ecwid_html #ecwid_body .ecwid .ecwid-Checkout .ecwid-AccentedContinueButton {
margin-top: 10px
}
#ecwid_html #ecwid_body .ecwid .ecwid-Checkout .ecwid-PaymentMethodSelector {
float: none
}
#ecwid_html #ecwid_body .ecwid .ecwid-Checkout .ecwid-Checkout-EmailBlock .ecwid-fieldEnvelope, #ecwid_html #ecwid_body .ecwid .ecwid-Checkout .ecwid-Checkout-EmailBlock .ecwid-fieldLabel {
margin-left: 10px
}
#ecwid_html #ecwid_body .ecwid .ecwid-Checkout .ecwid-Checkout-EmailBlock .ecwid-Checkout-EmailChangeBlock .ecwid-fieldLabel {
display: none
}
#ecwid_html #ecwid_body .ecwid .ecwid-Checkout .ecwid-Checkout-BillingAddress-container .ecwid-AccentedContinueButton {
margin-top: 30px
}
#ecwid_html #ecwid_body .ecwid .ecwid-productBrowser-cart>div>table>tbody>tr>td {
display: table;
width: 100%
}
#ecwid_html #ecwid_body .ecwid .ecwid-productBrowser-cart-rightPanel {
margin: 0 auto
}
#ecwid_loading_indicator {
background: #fff!important
}
#ecwid_loading_indicator img {
display: none
}
#ecwid_top_scroller {
position: fixed!important
}
#ecwid_html #ecwid_body .ecwid .ecwid-change-password-page .ecwid-productBrowser-head, #ecwid_html #ecwid_body .ecwid .ecwid-reset-password-page .ecwid-productBrowser-head, #ecwid_html #ecwid_body .ecwid .ecwid-restore-link-expired-page .ecwid-productBrowser-head {
font: 28px 'Varela Round', sans-serif;
color: #34495e;
margin-bottom: 19px
}
#ecwid_html #ecwid_body .ecwid .ecwid-change-password-page-text, #ecwid_html #ecwid_body .ecwid .ecwid-reset-password-page-text, #ecwid_html #ecwid_body .ecwid .ecwid-restore-link-expired-text {
padding: 0 5px;
font: 14px 'Open Sans', sans-serif;
color: #737c85
}
#ecwid_html #ecwid_body .ecwid .ecwid-change-password-page-textbox-note, #ecwid_html #ecwid_body .ecwid .ecwid-reset-password-page-textbox-note {
font: 14px 'Open Sans', sans-serif;
color: #34495e
}
#ecwid_html #ecwid_body .ecwid .ecwid-change-password-page .ecwid-form, #ecwid_html #ecwid_body .ecwid .ecwid-reset-password-page .ecwid-form {
padding: 20px 0;
margin: 0
}
#ecwid_html #ecwid_body .ecwid .ecwid-change-password-page .ecwid-form input, #ecwid_html #ecwid_body .ecwid .ecwid-reset-password-page .ecwid-form input {
padding: 14px 25px;
font: 14px 'Open Sans', sans-serif;
color: #34495e;
font-style: italic;
background: 0 0;
border: 1px solid #dfe6e7;
box-shadow: none;
-webkit-border-radius: 25px;
-moz-border-radius: 25px;
border-radius: 25px
}
.ecwid-Checkout-DeliveryMethod .ecwid-MaskableWidget .ecwid-animask, .ecwid-Checkout-DeliveryMethod .ecwid-MaskableWidget .ecwid-mask {
display: none!important
}
#ecwid_html #ecwid_body .ecwid .ecwid-Checkout-ShippingAddress-top {
text-align: left;
background: 0 0
}
.sidebar-ecwid {
margin-top: 6px
}
.sidebar-ecwid .ecwid-productBrowser-auth .gwt-Anchor {
border-radius: 20px;
color: #fff;
font-size: 12px;
padding: 6px 17px 7px;
background-color: #34495e
}
#ecwid_html #ecwid_body .sidebar-ecwid .ecwid-productBrowser-auth {
margin: 0 0 45px;
text-align: left;
-webkit-transition: all 400ms ease-in;
-o-transition: all 400ms ease-in;
transition: all 400ms ease-in
}
#ecwid_html #ecwid_body .sidebar-ecwid .ecwid-productBrowser-auth-accountLink:hover, #ecwid_html #ecwid_body .sidebar-ecwid .ecwid-productBrowser-auth-signInLink:hover, #ecwid_html #ecwid_body .sidebar-ecwid .ecwid-productBrowser-auth-signOutLink:hover {
opacity: .5
}
#ecwid_html #ecwid_body .sidebar-ecwid .ecwid-ProductBrowser-auth-anonim, #ecwid_html #ecwid_body .sidebar-ecwid .ecwid-ProductBrowser-auth-logged {
margin-right: 0
}
#ecwid_html #ecwid_body .sidebar-ecwid .ecwid-ProductBrowser-auth-logged .gwt-InlineLabel, #ecwid_html #ecwid_body .sidebar-ecwid .ecwid-productBrowser-auth .ecwid-SpacerImage {
display: none
}
#ecwid_html #ecwid_body .ecwid .ecwid-Account .ecwid-categoriesTabBar .gwt-TabBarItem a span {
display: inline-block;
padding: 9px 7px;
font-family: 'Open Sans', sans-serif;
font-size: 18px;
font-weight: 700;
color: #737c85
}
#ecwid_html #ecwid_body .ecwid .ecwid-Account .ecwid-categoriesTabBar .gwt-TabBarItem-wrapper-selected .gwt-TabBarItem a span {
color: #34495e
}
#ecwid_html #ecwid_body .ecwid .ecwid-Account .ecwid-categoriesTabBar .gwt-TabBarItem-wrapper-selected {
position: relative
}
#ecwid_html #ecwid_body .ecwid .ecwid-Account .ecwid-categoriesTabBar .gwt-TabBarItem-wrapper-selected:before {
content: "";
position: absolute;
bottom: 0;
left: 0;
width: 100%;
height: 3px;
background: #85d6de
}
#ecwid_html #ecwid_body .ecwid .ecwid-categoriesTabBar .gwt-TabBarItem-selected .tabMiddleCenter, #ecwid_html #ecwid_body .ecwid .ecwid-categoriesTabBar .gwt-TabBarItem-selected .tabMiddleLeft, #ecwid_html #ecwid_body .ecwid .ecwid-categoriesTabBar .gwt-TabBarItem-selected .tabMiddleRight, #ecwid_html #ecwid_body .ecwid .ecwid-categoriesTabBar .gwt-TabBarItem-selected .tabTopCenter, #ecwid_html #ecwid_body .ecwid .ecwid-categoriesTabBar .gwt-TabBarItem-selected .tabTopLeft, #ecwid_html #ecwid_body .ecwid .ecwid-categoriesTabBar .gwt-TabBarItem-selected .tabTopRight {
background: 0 0
}
#ecwid_html #ecwid_body .ecwid .ecwid-categories-MenuBarPopup div.menuSeparatorInner, #ecwid_html #ecwid_body .ecwid .ecwid-categoriesTabBar div.gwt-TabBarFirst, #ecwid_html #ecwid_body .ecwid .ecwid-categoriesTabBar div.gwt-TabBarRest, #ecwid_html #ecwid_body .ecwid .ecwid-categoriesTabBar table.gwt-TabBarItem {
border-bottom: 1px solid #dfe6e7
}
#ecwid_html #ecwid_body .ecwid .ecwid-Account-content {
padding: 25px 0 0
}
#ecwid_html #ecwid_body .ecwid .ecwid-AccountSettings .ecwid-form {
padding: 0
}
#ecwid_html #ecwid_body .ecwid .ecwid-AccountSettings-NameAndEmail input.gwt-TextBox, #ecwid_html #ecwid_body .ecwid .ecwid-AccountSettings-Password .gwt-PasswordTextBox {
padding: 14px 25px;
font: 14px 'Open Sans', sans-serif;
color: #34495e;
font-style: italic;
background: 0 0;
border: 1px solid #dfe6e7;
box-shadow: none;
-webkit-border-radius: 25px;
-moz-border-radius: 25px;
border-radius: 25px;
-webkit-transition: border 300ms ease-out;
-o-transition: border 300ms ease-out;
transition: border 300ms ease-out
}
#ecwid_html #ecwid_body .ecwid .ecwid-AccountSettings-Password .gwt-PasswordTextBox {
width: 300px
}
#ecwid_html #ecwid_body .ecwid .ecwid-AccountSettings-NameAndEmail input.gwt-TextBox:focus, #ecwid_html #ecwid_body .ecwid .ecwid-AccountSettings-Password .gwt-PasswordTextBox:focus {
border-color: #34495e
}
#ecwid_html #ecwid_body .ecwid .ecwid-fieldWrapper label.ecwid-fieldLabel {
float: none;
margin: 12px 0 7px;
font: 14px 'Open Sans', sans-serif;
color: #34495e
}
#ecwid_html #ecwid_body .ecwid-DisappearingMessage {
border: none!important;
background: rgba(141,198,63,.3)!important
}
#ecwid_html #ecwid_body .ecwid-DisappearingMessage .ecwid-DisappearingMessage-content {
font: 14px 'Open Sans', sans-serif!important;
color: #34495e!important
}
#ecwid_html #ecwid_body .ecwid-DisappearingMessage .ecwid-DisappearingMessage-content span {
margin-top: 13px;
font: 14px 'Open Sans', sans-serif!important;
color: #8dc63f!important;
text-transform: uppercase;
font-weight: 700!important
}
#ecwid_html #ecwid_body .ecwid .ecwid-ProductBrowser-auth-logged .gwt-InlineLabel {
display: none
}
#ecwid_html #ecwid_body .ecwid .ecwid-AddressBook-block {
border: 5px solid #dfe6e7;
padding: 0;
-webkit-transition: border 300ms ease-out;
-o-transition: border 300ms ease-out;
transition: border 300ms ease-out
}
#ecwid_html #ecwid_body .ecwid .ecwid-AddressBook-block:hover {
border-color: #34495e
}
#ecwid_html #ecwid_body .ecwid .ecwid-AddressBook-item {
background: 0 0
}
#ecwid_html #ecwid_body .ecwid .ecwid-Person, #ecwid_html #ecwid_body .ecwid .ecwiv-BusinessID {
font: 14px 'Open Sans', sans-serif;
color: #737c85
}
#ecwid_html #ecwid_body .ecwid .ecwid-Account-AddressBook .ecwid-Account-ContinueShoppingButtonContainer {
border-top: none;
padding-top: 5px
}
#ecwid_html #ecwid_body .ecwid .ecwid-AddressBook-addButton {
background: 0 0;
font: 28px 'Varela Round', sans-serif;
color: #34495e
}
#ecwid_html #ecwid_body .ecwid .ecwid-AddressBook-addButton div {
top: 85px
}
#ecwid_html #ecwid_body .ecwid hr.ecwid-popup-hr {
display: none
}
#ecwid_html #ecwid_body .ecwid .ecwid-form {
padding: 0;
background: 0 0
}
#ecwid_html #ecwid_body .ecwid .ecwid-Orders input.gwt-TextBox {
padding: 3px 15px 4px;
font: 14px 'Open Sans', sans-serif;
color: #34495e;
font-style: italic;
background: 0 0;
border: 1px solid #dfe6e7;
box-shadow: none;
-webkit-border-radius: 13px;
-moz-border-radius: 13px;
border-radius: 13px;
-webkit-transition: border 300ms ease-out;
-o-transition: border 300ms ease-out;
transition: border 300ms ease-out
}
#ecwid_html #ecwid_body .ecwid .ecwid-Orders input.gwt-TextBox:focus {
border-color: #34495e
}
#ecwid_html #ecwid_body .ecwid .ecwid-Orders-EmptyList {
font: 14px 'Open Sans', sans-serif;
color: #737c85;
background: 0 0
}
#ecwid_html #ecwid_body .ecwid .ecwid-DateRangeBox-range {
padding: 5px 20px;
font: 14px 'Open Sans', sans-serif;
color: #34495e;
font-style: italic
}
#ecwid_html #ecwid_body .ecwid.ecwid-DateRangePopup {
background: #fff;
border: 1px solid #dfe6e7
}
#ecwid_html #ecwid_body .ecwid.ecwid-DateRangePopup .gwt-DateBox {
border: 1px solid #dfe6e7
}
#ecwid_html #ecwid_body .ecwid-DateRangePopup .ecwid-DateRangePopup-DateRangeLabel {
font: 14px 'Open Sans', sans-serif;
color: #737c85
}
#ecwid_html #ecwid_body .ecwid-DateRangePopup .gwt-Anchor {
font: 14px 'Open Sans', sans-serif;
color: #85d6de;
text-decoration: none;
display: none
}
#ecwid_html #ecwid_body .ecwid-DateRangePopup .gwt-Anchor:hover {
color: #34495e
}
#ecwid_html #ecwid_body .ecwid-DateRangePopup .gwt-Button {
height: auto;
margin: 0!important;
padding: 6px 17px 7px!important;
font: 12px/12px 'Varela Round', sans-serif;
color: #fff;
background: #fed37f;
border: none;
box-shadow: none;
border-radius: 12px;
-webkit-transition: opacity 300ms ease-in;
-o-transition: opacity 300ms ease-in;
transition: opacity 300ms ease-in
}
#ecwid_html #ecwid_body .ecwid-DateRangePopup .gwt-Button:hover {
opacity: .5
}
#ecwid_html #ecwid_body .ecwid-DateRangePopup td+td .gwt-Button {
background: #fe8f8c;
margin-left: 10px!important
}
#ecwid_html #ecwid_body .ecwid table.ecwid-DateRangePopup-PresetsPanel {
margin: 25px 0 25px -15px
}
#ecwid_html #ecwid_body .ecwid .ecwid-DateRangeBox {
margin-top: 1px
}
#ecwid_html #ecwid_body .ecwid-shop-full .ecwid-Orders {
max-width: 100%
}
#ecwid_html #ecwid_body .ecwid .ecwid-lte-600px .ecwid-productBrowser-productsTable-addToBagLink {
font-size: 11px;
white-space: nowrap;
text-align: center
}
#ecwid_html #ecwid_body .ecwid .ecwid-lte-600px .ecwid-productBrowser-productsTable .ecwid-productBrowser-sku {
font-size: 14px
}
#ecwid_html #ecwid_body .ecwid .ecwid-lte-600px .ecwid-productBrowser-productsTable-cell {
padding: 16px 8px
}
#ecwid_html #ecwid_body .ecwid .ecwid-lte-600px .ecwid-productBrowser-cart-itemsTable-headerCell {
padding: 26px 25px 27px
}
#ecwid_html #ecwid_body .ecwid .ecwid-Checkout-BreadCrumbs-Vertical .ecwid-Checkout-BreadCrumbs-section, #ecwid_html #ecwid_body .ecwid .ecwid-Checkout-BreadCrumbs-Vertical .ecwid-Checkout-BreadCrumbs-section-visited {
background: 0 0
}
#ecwid_html #ecwid_body .ecwid .ecwid-Checkout-BreadCrumbs-Vertical .ecwid-Checkout-BreadCrumbs-section::before {
top: 0;
height: 100%;
width: 1px
}
#ecwid_html #ecwid_body .ecwid .ecwid-lte-600px .ecwid-productBrowser-productsTable .ecwid-productBrowser-productNameLink a {
font-size: 14px
}
#ecwid_html #ecwid_body .ecwid-lte-600px .ecwid-productBrowser-details-rightPanel .ecwid-productBrowser-details-qtyTextField {
-moz-box-sizing: content-box;
box-sizing: content-box
}
#ecwid_html #ecwid_body .ecwid .ecwid-lte-600px .ecwid-AddressForm-country select, #ecwid_html #ecwid_body .ecwid .ecwid-lte-600px .ecwid-AddressForm-state select {
max-width: 100%;
margin: 0;
-moz-box-sizing: border-box;
box-sizing: border-box
}
html#ecwid_html body#ecwid_body div.dateBoxPopup {
padding: 20px
}
html#ecwid_html body#ecwid_body .ecwid-Account .ecwid-Account-content {
padding-top: 40px
}
html#ecwid_html body#ecwid_body .ecwid-Account .ecwid-Account-content .ecwid-Orders-SearchPanel {
margin-bottom: 40px
}
html#ecwid_html body#ecwid_body .ecwid-Orders .ecwid-OrdersList-OrderBox {
border: none
}
html#ecwid_html body#ecwid_body .ecwid-OrdersList table.ecwid-OrdersList-OrderBox {
margin-bottom: 60px
}
html#ecwid_html body#ecwid_body .ecwid-OrdersList table.ecwid-OrdersList-OrderBox:last-child {
margin-bottom: 30px
}
html#ecwid_html body#ecwid_body .ecwid-Account-content td.ecwid-OrdersList-OrderBox-header {
background: #85d6de;
color: #34495e;
font-weight: 700;
font-size: 18px;
padding: 27px 30px 23px;
border-bottom: 3px solid #fff;
position: relative
}
html#ecwid_html body#ecwid_body .ecwid-Account-content td.ecwid-OrdersList-OrderBox-header:after, html#ecwid_html body#ecwid_body .ecwid-Account-content td.ecwid-OrdersList-OrderBox-header:before {
content: "";
display: block;
height: 100%;
width: 3px;
background: #fff;
position: absolute;
top: 3px;
left: -3px
}
html#ecwid_html body#ecwid_body .ecwid-Account-content td.ecwid-OrdersList-OrderBox-header:after {
left: auto;
right: -3px
}
html#ecwid_html body#ecwid_body .ecwid-OrdersList .ecwid-OrdersList-OrderBox-cell {
border: 1px solid #dfe6e7;
border-top: none
}
html#ecwid_html body#ecwid_body .ecwid-OrdersList .ecwid-OrdersList-OrderBox-cell, html#ecwid_html body#ecwid_body .ecwid-OrdersList .ecwid-OrdersList-OrderBox-itemdescr {
border-right-style: solid!important;
border-right-width: 3px;
border-right-color: #dfe6e7!important
}
html#ecwid_html body#ecwid_body .ecwid-OrdersList .ecwid-OrdersList-OrderBox-thumbnail {
border-left-style: solid!important;
border-left-width: 3px;
border-left-color: #dfe6e7!important;
border-right-style: none!important
}
html#ecwid_html body#ecwid_body .ecwid-OrdersList .ecwid-OrdersList-OrderBox-itemdescr table tbody>tr>td>div {
padding-top: 23px
}
html#ecwid_html body#ecwid_body .ecwid-OrdersList .ecwid-OrdersList-OrderBox-itemdescr .ecwid-OrdersList-OrderBox-options {
padding: 0
}
html#ecwid_html body#ecwid_body .ecwid-OrdersList .ecwid-OrdersList-OrderBox-footer {
border: 3px solid #dfe6e7;
border-top: none;
padding: 30px 15px
}
html#ecwid_html body#ecwid_body .ecwid-OrdersList .ecwid-OrdersList-OrderBox-footer .ecwid-OrdersList-OrderBox-status {
padding-bottom: 10px;
padding-left: 30px
}
html#ecwid_html body#ecwid_body .ecwid-OrdersList .ecwid-OrdersList-OrderBox-footer .ecwid-OrdersList-OrderBox-totals-shippingRow td {
padding-bottom: 10px
}
html#ecwid_html body#ecwid_body .ecwid-OrdersList .ecwid-OrdersList-OrderBox-footer .ecwid-OrdersList-OrderBox-totals-total td {
padding-top: 15px
}
html#ecwid_html body#ecwid_body .ecwid-Account-content td.ecwid-OrdersList-OrderBox-header span {
font-weight: 400;
color: #fff
}
html#ecwid_html body#ecwid_body .ecwid-Account-content td.ecwid-OrdersList-OrderBox-header div div div {
padding-right: 70px
}
html#ecwid_html body#ecwid_body .ecwid-Account-content td.ecwid-OrdersList-OrderBox-cellEven {
background: #fff
}
html#ecwid_html body#ecwid_body .ecwid-Account-content td.ecwid-OrdersList-OrderBox-cell table tr>td {
padding-left: 15px
}
html#ecwid_html body#ecwid_body .ecwid-Account-content td.ecwid-OrdersList-OrderBox-price, html#ecwid_html body#ecwid_body .ecwid-Account-content td.ecwid-OrdersList-OrderBox-qty {
font-size: 14px;
color: #737c85
}
html#ecwid_html body#ecwid_body .ecwid-Account-content div.ecwid-OrdersList-OrderBox-status, html#ecwid_html body#ecwid_body .ecwid-Account-content table.ecwid-OrdersList-OrderBox-totals, html#ecwid_html body#ecwid_body .ecwid-Account-content td.ecwid-OrdersList-OrderBox-totals-price {
font-size: 14px;
color: #34495e
}
html#ecwid_html body#ecwid_body .ecwid-Account-content div.ecwid-OrdersList-OrderBox-status span {
color: #8dc63f
}
html#ecwid_html body#ecwid_body .popupContent .ecwid-productBrowser-details .ecwid-productBrowser-backgroundedPanel {
background: #fff
}
html#ecwid_html body#ecwid_body .popupContent .ecwid-productBrowser-details .ecwid-productBrowser-details-qtyPanel .ecwid-productBrowser-details-qtyTextField {
width: 40px
}
html#ecwid_html body#ecwid_body .popupContent .ecwid-productBrowser-details .ecwid-productBrowser-details-qtyLabel {
display: block;
padding-top: 10px;
font: 16px 'Open Sans', sans-serif;
color: #34495e;
font-style: italic;
font-weight: 700;
margin-bottom: 13px
}
html#ecwid_html body#ecwid_body .popupContent .ecwid-productBrowser-details .ecwid-productBrowser-details-rightPanel {
max-width: 100%
}
#ecwid_html #ecwid_body .ecwid-productBrowser .ecwid-productBrowser-relatedProducts .ecwid-productBrowser-relatedProducts-item-bottom .ecwid-productBrowser-price {
text-align: center;
padding: 3px 0 18px;
font: 28px 'Open Sans', sans-serif;
font-weight: 300;
color: #34495e
}
html#ecwid_html body#ecwid_body .ecwid-AddressBook .ecwid-AddressBook-blockContainer {
padding-bottom: 56px
}
html#ecwid_html body#ecwid_body .ecwid-AddressBook .ecwid-AddressBook-buttonsPanel {
padding: 0 0 0 10px;
left: 10px;
bottom: 9px
}
html#ecwid_html body#ecwid_body .ecwid-AddressBook .ecwid-AddressBook-itemDescription .ecwid-Person-street {
margin-top: -8px
}
html#ecwid_html body#ecwid_body .ecwid-AddressBook .ecwid-AddressBook-itemDescription .ecwid-Person-phone {
padding-top: 24px
}
html#ecwid_html body#ecwid_body .ecwid-Account-AddressBook .ecwid-Account-ContinueShoppingButtonContainer {
text-align: left;
border-top: none
}
html#ecwid_html body#ecwid_body .ecwid-Account .ecwid-Account-content .ecwid-Account-AddressBook:after {
margin-top: -50px;
margin-bottom: 40px;
content: "";
display: block;
height: 1px;
width: 100%;
background: #dfe6e7
}
html#ecwid_html body#ecwid_body div.ecwid-DateRangePopup table input.gwt-DateBox {
border-radius: 15px;
font-style: italic
}
html#ecwid_html body#ecwid_body div.ecwid-DateRangePopup table button.ecwid-DateRangePopup-calendarIcon {
margin-top: -6px;
margin-left: -25px;
background: 0 0;
border: none;
width: 14px;
height: 17px
}
html#ecwid_html body#ecwid_body div.ecwid-DateRangePopup table button.ecwid-DateRangePopup-calendarIcon:before {
font-family: FontAwesome;
font-size: 12px;
color: #dfe6e7;
content: "\f073"
}
#ecwid_html #ecwid_body .ecwid .ecwid-productBrowser .ecwid-productBrowser-productsTable-row .ecwid-productBrowser-productNameLink a {
font-size: 14px
}
html#ecwid_html body#ecwid_body .ecwid-Account-content .ecwid-Account-ContinueShoppingButtonContainer {
text-align: left
}
html#ecwid_html body#ecwid_body .ecwid-OrdersList-OrderBox-cell .ecwid-OrdersList-OrderBox-sku {
font-size: 14px
}
html#ecwid_html body#ecwid_body .ecwid-OrdersList-OrderBox-cell .ecwid-OrdersList-OrderBox-product div a {
font-weight: 700;
font-size: 14px
}
html#ecwid_html body#ecwid_body div.ecwid-productBrowser-details .ecwid-productBrowser-backgroundedPanel div.ecwid-productBrowser-price {
padding-bottom: 0
}
html#ecwid_html body#ecwid_body .ecwid-productBrowser-backgroundedPanel div.ecwid-productBrowser-details-optionPanel {
padding-bottom: 22px
}
html#ecwid_html body#ecwid_body .ecwid-productBrowser-innerTable .ecwid-productBrowser-categoryDescription, html#ecwid_html body#ecwid_body .ecwid-productBrowser.ecwid-productBrowser-SearchPage .ecwid-productBrowser-innerTable .ecwid-productBrowser-search-ContinueShoppingButtonContainer {
display: none
}
@media (min-width:1199px) {
#ecwid_html #ecwid_body .ecwid-productBrowser .ecwid-productBrowser-relatedProducts .ecwid-productBrowser-relatedProducts-item-bottom:nth-child(2), #ecwid_html #ecwid_body .ecwid-productBrowser .ecwid-productBrowser-relatedProducts .ecwid-productBrowser-relatedProducts-item-top:nth-child(2) {
left: 288px!important
}
#ecwid_html #ecwid_body .ecwid-productBrowser .ecwid-productBrowser-relatedProducts .ecwid-productBrowser-relatedProducts-item-bottom:nth-child(3), #ecwid_html #ecwid_body .ecwid-productBrowser .ecwid-productBrowser-relatedProducts .ecwid-productBrowser-relatedProducts-item-top:nth-child(3) {
left: 577px!important
}
#ecwid_html #ecwid_body .ecwid-productBrowser .ecwid-productBrowser-relatedProducts .ecwid-productBrowser-relatedProducts-item-bottom:nth-child(4), #ecwid_html #ecwid_body .ecwid-productBrowser .ecwid-productBrowser-relatedProducts .ecwid-productBrowser-relatedProducts-item-top:nth-child(4) {
left: 900px!important
}
}
@media (min-width:992px) and (max-width:1199px) {
.shop-search-field {
width: 125px
}
#ecwid_html #ecwid_body .ecwid-productBrowser-subcategories-mainTable tbody tr:nth-child(3n+1) td[width="45%"] div {
width: 100%;
padding-top: 15px;
border-bottom: none;
vertical-align: top!important
}
#ecwid_html #ecwid_body .ecwid-productBrowser-subcategories-mainTable tbody tr:nth-child(3n+2) td[width="45%"] div {
margin: 0;
width: 100%;
padding-top: 28px;
padding-bottom: 32px;
border-top: none
}
#ecwid_html #ecwid_body .ecwid-productBrowser-subcategories-mainTable tbody td[width="45%"] {
position: relative;
vertical-align: top!important;
width: 48%
}
#ecwid_html #ecwid_body .ecwid-productBrowser-subcategories-mainTable tbody td[width="10%"] {
width: 4%
}
#ecwid_html #ecwid_body .ecwid-productBrowser-subcategories-mainTable tbody tr:nth-child(3n+1) td[width="45%"] div:before {
content: "";
position: absolute;
top: 0;
left: 0;
width: 5px;
height: 100%;
background: #dfe6e7;
display: none
}
#ecwid_html #ecwid_body .ecwid-productBrowser-subcategories-mainTable tbody tr:nth-child(3n+1) td[width="45%"] div:after {
content: "";
position: absolute;
top: 0;
right: 0;
width: 5px;
height: 100%;
background: #dfe6e7;
display: none
}
#ecwid_html #ecwid_body .ecwid-productBrowser-subcategories-mainTable .ecwid-productBrowser-subcategories-cellSpace {
height: 30px
}
#ecwid_html #ecwid_body .ecwid-productBrowser .ecwid-productBrowser-relatedProducts .ecwid-productBrowser-relatedProducts-item-bottom:nth-child(2), #ecwid_html #ecwid_body .ecwid-productBrowser .ecwid-productBrowser-relatedProducts .ecwid-productBrowser-relatedProducts-item-top:nth-child(2) {
left: 351px!important
}
#ecwid_html #ecwid_body .ecwid-productBrowser .ecwid-productBrowser-relatedProducts .ecwid-productBrowser-relatedProducts-item-bottom:nth-child(3), #ecwid_html #ecwid_body .ecwid-productBrowser .ecwid-productBrowser-relatedProducts .ecwid-productBrowser-relatedProducts-item-top:nth-child(3) {
left: 702px!important
}
#ecwid_html #ecwid_body .ecwid-productBrowser .ecwid-productBrowser-productsGrid-productTopFragment-inTheBag .ecwid-productBrowser-productsGrid-inTheBagTick {
left: 2px
}
#ecwid_html #ecwid_body .ecwid-productBrowser .ecwid-productBrowser-details-rightPanel .ecwid-productBrowser-details-qtyAvailInfo {
display: none
}
}
@media (min-width:768px) and (max-width:991px) {
.shop-search-field {
right: auto;
left: 15px
}
#ecwid_html #ecwid_body .ecwid-productBrowser .ecwid-productBrowser-categoryPath, #ecwid_html #ecwid_body .ecwid-productBrowser .ecwid-productBrowser-head {
max-width: 80%
}
#ecwid_html #ecwid_body .ecwid-productBrowser .ecwid-productBrowser-head {
margin-top: 50px
}
#ecwid_html #ecwid_body .cart-ecwid .ecwid-minicart {
margin-right: 10px;
width: 35px;
padding: 0
}
#ecwid_html #ecwid_body .cart-ecwid .ecwid-minicart>div {
text-indent: -9999px
}
#ecwid_html #ecwid_body .cart-ecwid .ecwid-minicart-counter {
font-size: 0
}
#ecwid_html #ecwid_body .cart-ecwid .ecwid-minicart-counter::before {
display: block;
width: 35px;
height: 35px
}
#ecwid_html #ecwid_body .ecwid-productBrowser-subcategories-mainTable tbody tr:nth-child(3n+1) td[width="100%"] div {
width: 100%;
padding-top: 15px;
border-bottom: none;
vertical-align: top!important
}
#ecwid_html #ecwid_body .ecwid-productBrowser-subcategories-mainTable tbody tr:nth-child(3n+2) td[width="100%"] div {
margin: 0;
width: 100%;
padding-top: 28px;
padding-bottom: 32px;
border-top: none
}
#ecwid_html #ecwid_body .ecwid-productBrowser-subcategories-mainTable .ecwid-productBrowser-subcategories-cellSpace {
height: 30px
}
#ecwid_html #ecwid_body .ecwid-productBrowser .ecwid-productBrowser-subcategories-mainTable {
margin-top: 5px
}
#ecwid_html #ecwid_body .ecwid-shop-full .ecwid-productBrowser-subcategories-mainTable tbody tr:nth-child(3n+1) td[width="45%"] div {
width: 100%;
padding-top: 15px;
border: 5px solid #dfe6e7;
border-bottom: none;
vertical-align: top!important
}
#ecwid_html #ecwid_body .ecwid-shop-full .ecwid-productBrowser-subcategories-mainTable tbody tr:nth-child(3n+2) td[width="45%"] div {
margin: 0;
width: 100%;
padding-top: 28px;
padding-bottom: 32px;
border: 5px solid #dfe6e7;
border-top: none
}
#ecwid_html #ecwid_body .ecwid-shop-full .ecwid-productBrowser-subcategories-mainTable tbody td[width="45%"] {
position: relative;
vertical-align: top!important;
width: 48%
}
#ecwid_html #ecwid_body .ecwid-shop-full .ecwid-productBrowser-subcategories-mainTable tbody td[width="10%"] {
width: 4%
}
#ecwid_html #ecwid_body .ecwid-shop-full .ecwid-productBrowser-subcategories-mainTable tbody tr:nth-child(3n+1) td[width="45%"] div:before {
content: "";
position: absolute;
top: 0;
left: 0;
width: 5px;
height: 100%;
background: #dfe6e7
}
#ecwid_html #ecwid_body .ecwid-shop-full .ecwid-productBrowser-subcategories-mainTable tbody tr:nth-child(3n+1) td[width="45%"] div:after {
content: "";
position: absolute;
top: 0;
right: 0;
width: 5px;
height: 100%;
background: #dfe6e7
}
#ecwid_html #ecwid_body .ecwid-productBrowser .ecwid-productBrowser-relatedProducts .ecwid-productBrowser-relatedProducts-item-bottom, #ecwid_html #ecwid_body .ecwid-productBrowser .ecwid-productBrowser-relatedProducts .ecwid-productBrowser-relatedProducts-item-top {
width: 230px!important
}
#ecwid_html #ecwid_body .ecwid-shop-full .ecwid-productBrowser-subcategories-mainTable .ecwid-productBrowser-subcategories-cellSpace {
height: 30px
}
#ecwid_html #ecwid_body .ecwid-productBrowser .ecwid-productBrowser-productsList-thumbnailCell .ecwid-productBrowser-productsList-thumbnail {
padding: 35px 20px
}
#ecwid_html #ecwid_body .ecwid-productBrowser .ecwid-productBrowser-productsList-details .ecwid-productBrowser-price {
width: 90px;
font-size: 26px
}
#ecwid_html #ecwid_body .ecwid-productBrowser .ecwid-productBrowser-productsList-details {
padding-right: 100px
}
#ecwid_html #ecwid_body .ecwid-productBrowser .ecwid-productBrowser-cart .ecwid-productBrowser-cart-removeItemButton {
top: 8px;
right: 10px
}
#ecwid_html #ecwid_body .ecwid-productBrowser .ecwid-productBrowser-details-qtyPanel+div+table {
margin-left: 10px
}
#ecwid_html #ecwid_body .ecwid-productBrowser .ecwid-AddToBagButton-down-hovering, #ecwid_html #ecwid_body .ecwid-productBrowser .ecwid-AddToBagButton-up, #ecwid_html #ecwid_body .ecwid-productBrowser .ecwid-AddToBagButton-up-hovering {
padding: 15px 25px 12px
}
#ecwid_html #ecwid_body .ecwid-productBrowser .ecwid-AddToBagButton-down-hovering:after, #ecwid_html #ecwid_body .ecwid-productBrowser .ecwid-AddToBagButton-up-hovering:after, #ecwid_html #ecwid_body .ecwid-productBrowser .ecwid-AddToBagButton-up:after {
font-size: 16px
}
#ecwid_html #ecwid_body .ecwid-productBrowser-productsList-detailsCell div.ecwid-productBrowser-productsList-details div.ecwid-BuyNow {
right: 0;
top: 95px
}
#ecwid_html #ecwid_body .ecwid .ecwid-AccentedButton, #ecwid_html #ecwid_body .ecwid .ecwid-AccentedButton:active, #ecwid_html #ecwid_body .ecwid .ecwid-AccentedButton:hover {
margin-top: 15px;
padding: 11px 13px 9px;
font: 14px/18px 'Varela Round', sans-serif
}
#ecwid_html #ecwid_body .ecwid-productBrowser .ecwid-productBrowser-productsGrid-productTopFragment-inTheBag .ecwid-productBrowser-productsGrid-inTheBagTick {
left: 86px
}
#ecwid_html #ecwid_body .ecwid-productBrowser .ecwid-productBrowser-details-rightPanel .ecwid-productBrowser-details-qtyAvailInfo {
display: none
}
}
@media (max-width:992px) {
#ecwid_html #ecwid_body .ecwid-productBrowser .ecwid-results-topPanel-controlsPanel {
top: 80px
}
}
@media (max-width:768px) {
.shop-search-field {
right: auto;
left: 15px
}
#ecwid_html #ecwid_body .ecwid-productBrowser .ecwid-productBrowser-categoryPath, #ecwid_html #ecwid_body .ecwid-productBrowser .ecwid-productBrowser-head {
max-width: 100%
}
#ecwid_html #ecwid_body .ecwid-productBrowser .ecwid-productBrowser-head {
margin-top: 50px
}
#ecwid_html #ecwid_body .cart-ecwid .ecwid-minicart {
margin-right: 80px;
width: 35px;
padding: 0
}
#ecwid_html #ecwid_body .cart-ecwid .ecwid-minicart:before {
top: 32px
}
#ecwid_html #ecwid_body .cart-ecwid .ecwid-minicart>div {
text-indent: -9999px
}
#ecwid_html #ecwid_body .cart-ecwid .ecwid-minicart-counter {
font-size: 0
}
#ecwid_html #ecwid_body .cart-ecwid .ecwid-minicart-counter::before {
display: block;
width: 35px;
height: 35px
}
#ecwid_html #ecwid_body .ecwid-productBrowser-subcategories-mainTable tbody tr:nth-child(3n+1) td[width="45%"] div {
width: 100%;
padding-top: 15px;
border-bottom: none;
vertical-align: top!important
}
#ecwid_html #ecwid_body .ecwid-productBrowser-subcategories-mainTable tbody tr:nth-child(3n+2) td[width="45%"] div {
margin: 0;
width: 100%;
padding-top: 28px;
padding-bottom: 32px;
border-top: none
}
#ecwid_html #ecwid_body .ecwid-productBrowser-subcategories-mainTable tbody td[width="45%"] {
position: relative;
vertical-align: top!important;
width: 48%
}
#ecwid_html #ecwid_body .ecwid-productBrowser-subcategories-mainTable tbody td[width="10%"] {
width: 4%
}
#ecwid_html #ecwid_body .ecwid-productBrowser-subcategories-mainTable tbody tr:nth-child(3n+1) td[width="45%"] div:before {
content: "";
position: absolute;
top: 0;
left: 0;
width: 5px;
height: 100%;
background: #dfe6e7;
display: none
}
#ecwid_html #ecwid_body .ecwid-productBrowser-subcategories-mainTable tbody tr:nth-child(3n+1) td[width="45%"] div:after {
content: "";
position: absolute;
top: 0;
right: 0;
width: 5px;
height: 100%;
background: #dfe6e7;
display: none
}
#ecwid_html #ecwid_body .ecwid-productBrowser-subcategories-mainTable .ecwid-productBrowser-subcategories-cellSpace {
height: 30px
}
#ecwid_html #ecwid_body .ecwid-productBrowser .ecwid-productBrowser-subcategories-mainTable {
margin-top: 5px
}
#ecwid_html #ecwid_body .ecwid-productBrowser .ecwid-productBrowser-cart .ecwid-productBrowser-backgroundedPanel {
margin-right: 15px
}
#ecwid_html #ecwid_body .ecwid-productBrowser .ecwid-productBrowser-details-qtyPanel+div+table {
margin-left: 10px
}
#ecwid_html #ecwid_body .ecwid .ecwid-productBrowser-relatedProducts .ecwid-productBrowser-relatedProducts-button .ecwid-productBrowser-relatedProducts-prev {
left: -8px;
z-index: 50
}
#ecwid_html #ecwid_body .ecwid .ecwid-productBrowser-relatedProducts .ecwid-productBrowser-relatedProducts-button .ecwid-productBrowser-relatedProducts-next {
right: -8px;
z-index: 50
}
#ecwid_html #ecwid_body .ecwid-productBrowser .ecwid-productBrowser-relatedProducts .ecwid-productBrowser-relatedProducts-item-bottom, #ecwid_html #ecwid_body .ecwid-productBrowser .ecwid-productBrowser-relatedProducts .ecwid-productBrowser-relatedProducts-item-top {
width: 230px!important
}
#ecwid_html #ecwid_body .ecwid-productBrowser .ecwid-productBrowser-details-rightPanel .ecwid-productBrowser-details-qtyAvailInfo {
display: none
}
}
@media (max-width:640px) {
.cart-ecwid {
right: auto;
left: 15px
}
#ecwid_html #ecwid_body .cart-ecwid .ecwid-minicart {
margin-right: 0
}
#ecwid_html #ecwid_body .ecwid-productBrowser-subcategories-mainTable tbody tr:nth-child(3n+1) td[width="100%"] div {
width: 100%;
padding-top: 15px;
border-bottom: none;
vertical-align: top!important
}
#ecwid_html #ecwid_body .ecwid-productBrowser-subcategories-mainTable tbody tr:nth-child(3n+2) td[width="100%"] div {
margin: 0;
width: 100%;
padding-top: 28px;
padding-bottom: 32px;
border-top: none
}
#ecwid_html #ecwid_body .ecwid-productBrowser-subcategories-mainTable .ecwid-productBrowser-subcategories-cellSpace {
height: 30px
}
#ecwid_html #ecwid_body .ecwid-shop-full .ecwid-fieldEnvelope {
width: 290px
}
#ecwid_html #ecwid_body .ecwid-shop-full .ecwid-fieldEnvelope.ecwid-productBrowser-cart-qtyEnvelope {
width: auto
}
#ecwid_html #ecwid_body .ecwid-productBrowser .ecwid-productBrowser-productsList-details {
padding-right: 15px
}
#ecwid_html #ecwid_body .ecwid-productBrowser .ecwid-productBrowser-productsList-details .ecwid-productBrowser-price {
position: relative;
width: 100%;
margin-top: 32px;
padding-top: 8%;
padding-bottom: 8%
}
#ecwid_html #ecwid_body .ecwid-productBrowser-productsList-detailsCell div.ecwid-productBrowser-productsList-details div.ecwid-BuyNow {
margin-bottom: 60px;
position: relative;
top: -30px;
right: 0;
text-align: center
}
#ecwid_html #ecwid_body .ecwid-productBrowser .ecwid-productBrowser-productsList-details .ecwid-productBrowser-price::before {
width: 100%;
height: 1px
}
#ecwid_html #ecwid_body .ecwid-productBrowser .ecwid-productBrowser-productsList-thumbnailCell .ecwid-productBrowser-productsList-thumbnail {
padding: 30px 15px
}
#ecwid_html #ecwid_body .ecwid-productBrowser .ecwid-enableDetailedTaxes .ecwid-productBrowser-productsTable-table .ecwid-productBrowser-price {
text-align: center
}
#ecwid_html #ecwid_body .ecwid-productBrowser .ecwid-productBrowser-cart .ecwid-productBrowser-cart-removeItemButton {
top: 3px;
right: 3px
}
#ecwid_html #ecwid_body .ecwid .ecwid-Account .ecwid-categoriesTabBar .gwt-TabBarItem a span {
padding: 9px 0;
font-size: 16px
}
#ecwid_html #ecwid_body .ecwid-popup.ecwid-EditPersonPopup {
width: 100%
}
#ecwid_html #ecwid_body .ecwid .ecwid-AddressForm .ecwid-form {
padding: 0
}
#ecwid_html #ecwid_body .ecwid-popup .ecwid-fieldEnvelope, #ecwid_html #ecwid_body .ecwid.ecwid-popup table {
width: 100%
}
#ecwid_html #ecwid_body .ecwid .ecwid-AddressForm-fields .ecwid-fieldWrapper .gwt-TextBox, #ecwid_html #ecwid_body .ecwid .ecwid-Checkout-EmailBlock .ecwid-fieldWrapper .gwt-TextBox, #ecwid_html #ecwid_body .ecwid .ecwid-Checkout-PasswordBlock .ecwid-fieldWrapper .gwt-PasswordTextBox {
-moz-box-sizing: border-box;
box-sizing: border-box;
width: 100%
}
.ecwid-productBrowser-details-rightPanel {
max-width: 100%;
padding-left: 0!important;
float: none!important
}
#ecwid_html #ecwid_body .ecwid .ecwid-productBrowser-details-leftPanel {
padding-top: 0
}
#ecwid_html #ecwid_body .ecwid .ecwid-popup-buttonsPanel td[align=left] {
text-align: center
}
#ecwid_html #ecwid_body .ecwid.ecwid-login-popup.ecwid-responsive-popup .ecwid-form, #ecwid_html #ecwid_body .ecwid.ecwid-register-popup.ecwid-responsive-popup .ecwid-form {
max-width: 100%
}
#ecwid_html #ecwid_body .ecwid-lte-600px .ecwid-form .gwt-DateBox, #ecwid_html #ecwid_body .ecwid-lte-600px .ecwid-form .gwt-PasswordTextBox, #ecwid_html #ecwid_body .ecwid-lte-600px .ecwid-form .gwt-TextArea, #ecwid_html #ecwid_body .ecwid-lte-600px .ecwid-form .gwt-TextBox {
max-width: 100%;
-moz-box-sizing: border-box;
box-sizing: border-box
}
#ecwid_html #ecwid_body .ecwid.ecwid-login-popup .ecwid-popup-headLabel, #ecwid_html #ecwid_body .ecwid.ecwid-register-popup .ecwid-popup-headLabel {
max-width: 100%
}
html#ecwid_html body#ecwid_body .ecwid-Account-content .ecwid-AccountSettings div.ecwid-Account-ContinueShoppingButtonContainer {
left: 197px
}
#ecwid_html #ecwid_body .ecwid-productBrowser .ecwid-productBrowser-productsGrid-productTopFragment-inTheBag .ecwid-productBrowser-productsGrid-inTheBagTick {
left: -48px
}
#ecwid_html #ecwid_body .ecwid-productBrowser .ecwid-productBrowser-details-rightPanel .ecwid-productBrowser-details-qtyAvailInfo {
display: block
}
}
@media (max-width:480px) {
.shop-search-field {
width: 170px
}
#ecwid_html #ecwid_body .ecwid .ecwid-lte-400px .ecwid-favorite-menu-item {
display: block
}
#ecwid_html #ecwid_body .ecwid .ecwid-lte-400px .ecwid-productBrowser-productsGrid-cellSpace, #ecwid_html #ecwid_body .ecwid .ecwid-lte-400px .ecwid-productBrowser-subcategories-cellSpace {
height: 30px
}
#ecwid_html #ecwid_body .ecwid-productBrowser .ecwid-productBrowser-productsList-details {
padding: 0;
margin: 0 -10px
}
#ecwid_html #ecwid_body .ecwid .ecwid-lte-480px .ecwid-productBrowser-productsList-inTheBagTickCell {
width: 0;
border: none!important
}
#ecwid_html #ecwid_body .ecwid .ecwid-TermsPopup .ecwid-popup-content {
padding: 4px 15px 22px
}
#ecwid_html #ecwid_body #wrapper .ecwid.ecwid-popup .gwt-Button, #ecwid_html #ecwid_body .ecwid.ecwid-popup .gwt-Button {
font-size: 15px
}
#ecwid_html #ecwid_body .ecwid.ecwid-popup .ecwid-SpacerImage {
width: 10px!important
}
#ecwid_html #ecwid_body .ecwid-popup .ecwid-FormPopup-fieldWrapper {
text-align: left
}
#ecwid_html #ecwid_body .ecwid-popup .ecwid-FormPopup-fieldWrapper input {
margin: 0!important
}
#ecwid_html #ecwid_body .ecwid.ecwid-responsive-popup, #ecwid_html #ecwid_body .ecwid.ecwid-responsive-popup div.popupContent {
overflow: visible
}
#ecwid_html #ecwid_body .ecwid.ecwid-login-popup.ecwid-responsive-popup .ecwid-form, #ecwid_html #ecwid_body .ecwid.ecwid-register-popup.ecwid-responsive-popup .ecwid-form {
padding-left: 15px;
padding-right: 15px
}
#ecwid_html #ecwid_body .ecwid .ecwid-Account .ecwid-categoriesTabBar .gwt-TabBarItem a span {
font-size: 12px
}
#ecwid_html #ecwid_body .ecwid .ecwid-AccountSettings-NameAndEmail .gwt-TextBox, #ecwid_html #ecwid_body .ecwid .ecwid-AccountSettings-Password .gwt-PasswordTextBox {
width: 250px
}
#ecwid_html #ecwid_body .ecwid.ecwid-EditPersonPopup .ecwid-popup-content {
padding-left: 15px;
padding-right: 15px
}
#ecwid_html #ecwid_body .ecwid .ecwid-Orders-SearchPanel>table>tbody>tr>td {
display: table;
width: 100%
}
#ecwid_html #ecwid_body .ecwid .ecwid-Orders-SearchPanel .ecwid-DateRangeBox {
width: 100%;
margin-top: 20px
}
#ecwid_html #ecwid_body .ecwid-lte-400px .ecwid-productBrowser .ecwid-productBrowser-details-qtyPanel+div+table {
margin-top: 46px;
margin-right: 10px!important
}
html#ecwid_html body#ecwid_body .ecwid-compact-popup .ecwid-popup-touchLimiter div.ecwid-popup-content {
padding: 35px
}
#ecwid_html #ecwid_body .ecwid-productBrowser .ecwid-productBrowser-details-rightPanel .ecwid-productBrowser-nav .ecwid-productBrowser-backgroundedPanel {
display: none
}
html#ecwid_html body#ecwid_body .ecwid-Account-content .ecwid-AccountSettings div.ecwid-Account-ContinueShoppingButtonContainer {
left: 28px;
bottom: -10px
}
#ecwid_html #ecwid_body .ecwid-productBrowser .ecwid-productBrowser-details-rightPanel .ecwid-productBrowser-details-qtyAvailInfo {
display: none
}
}
@media (max-width:400px) {
#ecwid_html #ecwid_body .ecwid .ecwid-lte-600px .ecwid-AddressForm-state select {
width: 100%
}
#ecwid_html #ecwid_body .ecwid-lte-400px .ecwid-productBrowser .ecwid-productBrowser-detailsContainer-vertical div.ecwid-productBrowser-details-topPanel {
margin-bottom: 30px
}
#ecwid_html #ecwid_body .ecwid-productBrowser .ecwid-productBrowser-backgroundedPanelInner .ecwid-favorite-view {
margin-right: 140px
}
}
@media (max-width:360px) {
.shop-search-field {
left: 0;
top: 56px;
width: 100%;
padding: 0 15px
}
#ecwid_html #ecwid_body .ecwid-responsive .ecwid-productBrowser .ecwid-productBrowser-search-SearchPanel .gwt-TextBox, .ecwid-SearchPanel .ecwid-SearchPanel-field {
-moz-box-sizing: border-box;
box-sizing: border-box
}
#ecwid_html #ecwid_body .ecwid-productBrowser .ecwid-productBrowser-head {
margin-top: 106px
}
#ecwid_html #ecwid_body .ecwid .ecwid-lte-600px .ecwid-productBrowser-productsTable div.ecwid-productBrowser-productNameLink a {
font-size: 14px
}
#ecwid_html #ecwid_body .ecwid .ecwid-Orders input.gwt-TextBox {
width: 140px
}
#ecwid_html #ecwid_body .ecwid-lte-400px .ecwid-productBrowser .ecwid-productBrowser-details-qtyPanel+div+table {
margin-top: 15px
}
}
.z-nav--shop {
margin-right: 185px
}
.about--alt {
position: relative;
padding-bottom: 158px;
padding-top: 150px;
background: 0 0
}
.about--alt .btn--minimal-container-info {
margin-top: 9px
}
.about--alt .btn--minimal {
padding-top: 13px;
padding-bottom: 11px
}
.about--alt:before {
content: "";
background-image: url(../images/about-img-alt.jpg);
background-position: 5% 100%;
background-size: 377px 526px
}
.block--normalize {
padding-top: 27px;
padding-bottom: 18px
}
.about--animate:before {
background-position: 100% 400px;
opacity: 0
}
.about--animate-alt:before {
background-position: 5% 400px;
opacity: 0
}
.post--latest {
min-height: 90px
}
.post--latest .post__images {
position: relative;
display: block;
max-width: 80px;
float: left;
margin-right: 10px;
overflow: hidden;
-webkit-border-radius: 50%;
-moz-border-radius: 50%;
border-radius: 50%
}
.post--latest .post__images img {
max-width: 100%;
-webkit-border-radius: 50%;
-moz-border-radius: 50%;
border-radius: 50%;
-webkit-transform: rotate(0);
-moz-transform: rotate(0);
-ms-transform: rotate(0);
transform: rotate(0);
-webkit-transition: -webkit-transform 500ms ease-in;
-moz-transition: -moz-transform 500ms ease-in;
transition: transform 500ms ease-in
}
.post--latest .post__images:before {
content: "";
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
background-color: #34495e;
-webkit-border-radius: 50%;
-moz-border-radius: 50%;
border-radius: 50%;
opacity: .5;
z-index: 2
}
.post--latest .post__images:after {
content: "\f0c1";
position: absolute;
top: 50%;
left: 0;
z-index: 5;
width: 100%;
margin-top: -8px;
font-family: FontAwesome;
font-size: 16px;
text-align: center;
color: #fff
}
.post--latest .post__images:hover img {
-webkit-border-radius: 50%;
-moz-border-radius: 50%;
border-radius: 50%;
-webkit-transform: rotate(360deg);
-moz-transform: rotate(360deg);
-ms-transform: rotate(360deg);
transform: rotate(360deg)
}
.post--latest .post__text {
display: block;
padding-top: 12px;
margin-right: 50px;
margin-bottom: 2px;
font-size: 13px;
line-height: 16px;
font-style: italic;
color: #758594;
-webkit-transition: all 300ms ease-in;
-o-transition: all 300ms ease-in;
transition: all 300ms ease-in
}
.post--latest .post__text:hover {
color: #85d6de
}
.post--latest .post__date {
display: inline-block;
margin-bottom: 10px;
font-size: 12px;
font-weight: 400;
color: #fff
}
.post--similar {
margin-bottom: 26px
}
.post--similar .post__images {
position: relative;
display: block;
max-width: 80px;
float: left;
margin-right: 10px;
overflow: hidden;
-webkit-border-radius: 50%;
-moz-border-radius: 50%;
border-radius: 50%
}
.post--similar .post__images img {
max-width: 100%;
-webkit-border-radius: 50%;
-moz-border-radius: 50%;
border-radius: 50%;
-webkit-transition: -webkit-transform 500ms ease-in;
-moz-transition: -moz-transform 500ms ease-in;
transition: transform 500ms ease-in
}
.post--similar .post__images:before {
content: "";
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
background-color: #34495e;
-webkit-border-radius: 50%;
-moz-border-radius: 50%;
border-radius: 50%;
opacity: .5;
z-index: 2
}
.post--similar .post__images:after {
content: "\f0c1";
position: absolute;
top: 50%;
left: 0;
z-index: 5;
width: 100%;
margin-top: -8px;
font-family: FontAwesome;
font-size: 16px;
text-align: center;
color: #fff
}
.post--similar .post__images:hover img {
-webkit-transform: rotate(360deg);
-moz-transform: rotate(360deg);
-ms-transform: rotate(360deg);
transform: rotate(360deg)
}
.post--similar .post__heading {
display: block;
padding: 9px 20px 2px 0;
font-size: 16px;
line-height: 20px;
font-weight: 700
}
.post--similar .post__date {
display: block;
margin-bottom: 10px;
font-size: 12px;
font-weight: 400;
color: #758594
}
.post--popular {
display: block;
overflow: hidden;
position: relative
}
.post--popular:before {
content: "";
position: absolute;
top: 0;
right: 0;
z-index: 20;
display: block;
width: 100%;
height: 5px;
background-color: #34495e
}
.post--popular:after {
content: "";
position: absolute;
top: 0;
right: 0;
z-index: 20;
display: block;
width: 5px;
height: 100%;
background-color: #34495e
}
.post--popular .post--popular__marker {
position: absolute;
top: 30px;
right: -35px;
padding: 2px 35px 5px;
font-size: 16px;
text-align: center;
font-style: italic;
font-weight: 700;
color: #fff;
background-color: #fed37f;
-webkit-transform: rotate(45deg);
-moz-transform: rotate(45deg);
-ms-transform: rotate(45deg);
transform: rotate(45deg)
}
.post--full .post--full__info {
position: relative;
padding-left: 100px;
margin-top: 29px
}
.post--full .tags {
margin-bottom: 0
}
.post--full .list, .post--full .list-ordered {
margin-bottom: 30px
}
.post--preview {
margin-bottom: 80px
}
.post--preview .post--preview__link:hover .post-heading {
color: #85d6de
}
.post--preview .post--preview__link:focus {
text-decoration: none
}
.post--preview-link {
display: block;
padding-right: 15px;
margin-bottom: 30px
}
.post--preview-link .post__heading {
margin-top: 32px;
margin-bottom: 18px;
font: 18px 'Open Sans', sans-serif;
line-height: 22px;
font-weight: 700
}
.post--preview-link .post__author {
font-style: italic;
font-weight: 700;
margin-top: -11px;
margin-bottom: 0;
color: #34495e
}
.post--preview-link .post__text {
-webkit-transition: all 300ms ease-in;
-o-transition: all 300ms ease-in;
transition: all 300ms ease-in
}
.post--preview-link:hover {
background-color: #85d6de
}
.post--preview-link:hover .image-container--fading:before {
background-color: rgba(255,255,255,0)
}
.post--preview-link:hover .post__text {
color: #34495e
}
.post--right {
text-align: right
}
.post--preview-link.post--right {
padding-right: 0;
padding-left: 15px
}
.post--table {
float: left;
width: 24.9%;
padding: 0 15px;
margin-bottom: 30px
}
.post--table .image-container {
display: block
}
.post--table .image-container:before {
content: "";
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
background-color: #34495e;
opacity: 0;
-webkit-transition: all 500ms ease-in;
-o-transition: all 500ms ease-in;
transition: all 500ms ease-in
}
.post--table .image-container:hover:before {
opacity: .5
}
.post--table .post__detail {
border: 1px solid #dfe6e7;
border-top: none;
padding: 0 30px
}
.post--table .post__heading {
padding: 25px 0 22px;
margin: 0;
font: 18px 'Open Sans', sans-serif;
line-height: 22px;
font-weight: 700;
-webkit-transition: all 300ms ease-in;
-o-transition: all 300ms ease-in;
transition: all 300ms ease-in
}
.post--table .post__date {
margin-bottom: 18px;
text-transform: uppercase;
font-weight: 400;
color: #fe8f8c
}
.post--table .post__text {
margin-bottom: 23px
}
.post--table .video-container {
display: block;
margin-bottom: -5px
}
.post--table .post__link:hover .post__heading {
color: #85d6de
}
.post--table .post__link-area:focus, .post--table .post__link:focus {
text-decoration: none
}
.post--table-horisontal {
float: none;
width: 100%;
padding: 0;
margin-bottom: 20px
}
.post--table-horisontal .image-container {
max-width: 215px;
float: left;
margin-right: 25px
}
.post--table-horisontal .post__detail {
padding: 0 10px;
border-top: 1px solid #dfe6e7
}
.post--table-horisontal .post__heading {
padding: 17px 50px 22px 0
}
.post--table-horisontal .post__text {
margin-bottom: 16px
}
.post--short-link {
padding-right: 90px;
margin-bottom: 0;
width: 100%;
position: relative;
display: block;
overflow: hidden
}
.post--short-link .post {
position: relative;
z-index: 20;
display: inline-block;
width: 50%;
background-color: #fff
}
.post--short-link .image-container {
float: left;
margin-right: 30px;
max-width: 212px
}
.post--short-link .post__detail {
min-height: 212px;
border: 1px solid #dfe6e7;
padding: 0 30px;
-webkit-transition: all 300ms ease-in;
-o-transition: all 300ms ease-in;
transition: all 300ms ease-in
}
.post--short-link .post__detail:before {
content: "";
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
border: 5px solid transparent;
-webkit-transition: all 300ms ease-in;
-o-transition: all 300ms ease-in;
transition: all 300ms ease-in;
z-index: -1
}
.post--short-link .post__heading {
padding: 13px 0 22px;
margin: 0;
font: 18px 'Open Sans', sans-serif;
line-height: 22px;
font-weight: 700;
-webkit-transition: all 300ms ease-in;
-o-transition: all 300ms ease-in;
transition: all 300ms ease-in
}
.post--short-link .post__date {
margin-bottom: 15px;
text-transform: uppercase;
font-weight: 400;
color: #fe8f8c
}
.post--short-link .post__tags {
margin-bottom: 0
}
.post--short-link .tags .tags__item {
display: inline-block
}
.post--short-link:focus {
text-decoration: none
}
.post--short-link .post:hover .post__detail {
border: 1px solid transparent
}
.post--short-link .post:hover .post__detail:before {
border: 5px solid #85d6de
}
.post--short-link .post:hover .post__heading {
color: #85d6de
}
.post--short-link:nth-child(2n) {
padding-right: 0;
padding-left: 90px;
text-align: right
}
.post--short-link:nth-child(2n) .image-container {
float: right;
margin-right: 0;
margin-left: 30px
}
.post--short-link:before {
content: "";
position: absolute;
top: 50%;
left: 50%;
display: block;
width: 40px;
height: 40px;
margin-top: -20px;
margin-left: -20px;
background-color: #fff;
background-image: url(../images/logo-small.png);
background-repeat: no-repeat;
background-position: center;
background-size: 22px 22px;
border: 1px solid #dfe6e7;
-webkit-border-radius: 50%;
-moz-border-radius: 50%;
border-radius: 50%;
z-index: 20
}
.post--short-link:after {
content: "";
position: absolute;
top: 50%;
left: 0;
display: block;
width: 50%;
height: 1px;
background-color: #dfe6e7
}
.post--short-link:nth-child(2n):after {
left: auto;
right: 0
}
.post--audio {
padding: 41px 30px 55px;
margin-bottom: 20px;
border: 1px solid #dfe6e7
}
.post--audio .post__heading {
padding: 13px 0 22px;
margin: 0;
font: 18px 'Open Sans', sans-serif;
line-height: 22px;
font-weight: 700;
-webkit-transition: all 300ms ease-in;
-o-transition: all 300ms ease-in;
transition: all 300ms ease-in
}
.post--audio .post__link:hover .post__heading {
color: #85d6de
}
.post--audio .post__date {
margin-bottom: 15px;
text-transform: uppercase;
font-weight: 400;
color: #fe8f8c
}
.post--audio .post__text {
margin-bottom: 22px
}
.post--video {
margin-bottom: 52px
}
.post--video .image-container {
margin-bottom: 24px
}
.post--video .post-heading {
margin-top: 0;
-webkit-transition: all 300ms ease-in;
-o-transition: all 300ms ease-in;
transition: all 300ms ease-in
}
.post--video .post--preview__link:hover .post-heading {
color: #85d6de
}
.post--video .post-heading--oneline {
margin-top: 43px;
margin-bottom: 29px
}
.post--video .post__date--static {
margin-top: -1px
}
.post-author {
overflow: hidden;
margin-bottom: 40px
}
.post-author .post-author__photo {
max-width: 250px;
float: left;
margin-right: 57px
}
.post-author .post-author__name {
font: 24px 'Open Sans', sans-serif;
font-weight: 700;
padding-top: 16px;
margin-top: 0;
margin-bottom: 14px
}
.post-author .post-author__desctipt {
margin-bottom: 22px
}
.contact-info--list {
padding-top: 1px
}
.contact-info--list .contact-info__item {
display: block;
padding-right: 0;
padding-left: 45px;
margin-bottom: 20px;
font-size: 14px
}
.contact-info--list .fa {
color: #fff
}
.contact-info--list .fa-location-arrow {
top: 3px;
left: 9px;
font-size: 16px
}
.contact-info--list .fa-mobile {
top: -2px;
left: 10px;
font-size: 22px
}
.contact-info--list .fa-envelope {
position: absolute;
top: 4px;
left: 8px;
font-size: 14px
}
.contact-info--list .fa-skype {
position: absolute;
top: 3px;
left: 5px;
font-size: 18px
}
.contact-info--primary {
padding: 36px 0 40px 32px
}
.contact-info--primary .contact-info__item {
margin-right: 40px;
padding-left: 38px;
font-size: 14px;
color: #34495e
}
.contact-info--primary .fa-location-arrow {
top: 2px;
left: 9px;
font-size: 16px
}
.contact-info--primary .fa-mobile {
top: 0;
left: 10px;
font-size: 22px
}
.contact-info--primary .fa-envelope {
top: 2px;
left: 8px;
font-size: 14px
}
.contact-info--primary .fa-skype {
position: absolute;
top: -1px;
left: 0;
font-size: 20px
}
.contact-info--full {
padding-top: 0;
background-color: #85d6de;
margin-bottom: 0
}
.contact-info--full .contact-info__item {
display: block;
float: left;
width: 24.7%;
min-height: 260px;
padding-left: 90px;
padding-top: 100px
}
.contact-info--full .contact-info__heading {
font-size: 16px;
font-weight: 700;
color: #fff
}
.contact-info--full .fa {
font-size: 40px;
color: #fff;
position: absolute;
left: 30px;
top: 100px
}
.contact-info--full a {
display: block;
font-size: 14px;
color: #34495e
}
.contact-info--full a:hover {
color: #fff
}
.contact-info--full .contact-info__item+.contact-info__item {
border-left: 1px solid #fff
}
.contact-info--full .fa-envelope {
top: 105px;
font-size: 36px
}
.contact-info--stack {
padding-top: 18px;
padding-bottom: 16px
}
.contact-info--stack .contact-info__heading {
color: #34495e;
font-weight: 700;
text-transform: uppercase;
padding-bottom: 4px
}
.contact-info--stack .contact-info__item {
display: block;
padding-left: 35px;
padding-bottom: 20px
}
.contact-info--stack a {
color: #758594
}
.contact-info--stack a:hover {
color: #85d6de
}
.contact-info--stack .fa {
position: absolute;
top: 2px;
left: 0;
font-size: 16px;
color: #34495e
}
.contact-info--stack .fa-envelope {
font-size: 14px
}
.contact-info--stack .fa-skype {
top: 3px
}
.accordion--blocks .panel+.panel {
margin-top: 3px
}
.accordion--blocks .panel-heading .marker__close, .accordion--blocks .panel-heading .marker__open {
left: 22px;
margin-top: -5px;
font-size: 9px
}
.accordion--blocks .accordion-link.collapsed {
background-color: transparent;
border: 1px solid #dfe6e7;
color: #34495e
}
.accordion--blocks .accordion-link.collapsed:hover {
background: #34495e;
border: 1px solid #34495e;
color: #fff
}
.accordion--blocks .accordion-link {
display: block;
padding: 35px 15px 36px 48px;
background: #34495e;
border: 1px solid #34495e;
color: #fff;
-webkit-transition: all 500ms ease;
-o-transition: all 500ms ease;
transition: all 500ms ease
}
.accordion--blocks .panel-title {
font-family: 'Open Sans', sans-serif;
font-size: 14px;
font-style: italic;
font-weight: 700
}
.accordion--blocks .panel-body {
position: relative;
padding: 32px 0 70px 40px;
margin-bottom: 0
}
.accordion--blocks .panel-body:after {
content: "";
width: 100%;
height: 1px;
background: #34495e;
position: absolute;
bottom: 37px;
left: 0
}
.accordion--stack .panel {
background-color: #fcfcfc
}
.accordion--stack .panel:nth-child(odd) {
background-color: #f5f5f5
}
.accordion--stack .panel+.panel {
margin-top: -1px
}
.accordion--stack .panel-heading .marker__close, .accordion--stack .panel-heading .marker__open {
left: 36px;
margin-top: -10px;
font-size: 20px
}
.accordion--stack .accordion-link.collapsed {
color: #34495e
}
.accordion--stack .accordion-link.collapsed:hover {
color: #85d6de
}
.accordion--stack .accordion-link {
display: block;
padding: 40px 15px 43px 78px;
color: #85d6de;
-webkit-transition: all 300ms ease;
-o-transition: all 300ms ease;
transition: all 300ms ease
}
.accordion--stack .panel-title {
font-family: 'Open Sans', sans-serif;
font-size: 16px;
font-weight: 700
}
.accordion--stack .panel-body {
padding: 0 15px 52px 40px
}
.acoordion--smooth .panel+.panel {
margin-top: 10px
}
.acoordion--smooth .panel-heading .marker {
width: 50px;
height: 100%;
color: #fff;
background: #34495e;
-webkit-border-radius: 25px;
-moz-border-radius: 25px;
border-radius: 25px
}
.acoordion--smooth .panel-heading .collapsed .marker {
background: #dfe6e7;
color: #34495e
}
.acoordion--smooth .panel-heading .marker__close, .acoordion--smooth .panel-heading .marker__open {
top: 50%;
left: 50%;
margin-top: -7px;
margin-left: -5px
}
.acoordion--smooth .panel-heading .accordion-link {
padding: 16px 15px 17px 75px;
font-size: 14px;
font-weight: 600;
font-family: 'Open Sans', sans-serif;
border: 1px solid transparent;
-webkit-border-radius: 25px;
-moz-border-radius: 25px;
border-radius: 25px
}
.acoordion--smooth .panel-heading .collapsed.accordion-link {
border: 1px solid #dfe6e7;
font-weight: 600
}
.acoordion--smooth .panel-body {
padding-left: 75px;
padding-top: 5px;
color: #34495e
}
.accordion--offer .panel+.panel {
margin-top: 3px
}
.accordion--offer .panel-heading .accordion-link {
background: #85d6de;
font-size: 14px;
font-family: 'Open Sans', sans-serif;
font-weight: 700;
text-transform: uppercase;
color: #fff;
padding: 27px 15px 25px 48px
}
.accordion--offer .panel-heading .collapsed.accordion-link {
background: #dfe6e7;
color: #34495e
}
.accordion--offer .panel-heading .marker {
font-size: 10px
}
.accordion--offer .panel-heading .marker__close, .accordion--offer .panel-heading .marker__open {
margin-top: -5px;
left: 25px
}
.accordion--offer .panel-body {
padding-left: 40px;
padding-right: 35px;
border: 1px solid #dfe6e7;
border-top: none
}
.accordion--offer .panel-body .panel-body__title {
padding-top: 7px;
margin-bottom: -6px;
font-family: Georgia, serif;
font-size: 16px;
font-weight: 700;
font-style: italic;
color: #85d6de
}
.accordion--offer .panel-body .btn-accordione {
margin-top: 22px;
margin-bottom: 20px;
padding: 18px 35px 15px
}
.accordion--offer .panel-body .time-couter {
padding-bottom: 14px
}
.accordion--offer .panel-body .digits {
color: #34495e;
font: 26px 'Open Sans', sans-serif;
font-weight: 700;
padding: 0 13px
}
.accordion--offer .panel-body .digits:first-child {
padding-left: 0
}
.accordion--offer .panel-body .timer-wrap {
position: relative;
display: inline-block
}
.accordion--offer .panel-body .timer-wrap:before {
content: ":";
position: absolute;
top: 0;
left: -12px;
color: #34495e;
font: 26px 'Open Sans', sans-serif;
font-weight: 700
}
.accordion--offer .panel-body .digits-label, .accordion--offer .panel-body .timer-input, .accordion--offer .panel-body .timer-wrap:first-child:before {
display: none
}
.alert .alert__link {
display: block;
font-weight: 700;
text-transform: uppercase
}
.alert ul {
color: #34495e;
font-style: normal;
padding: 30px 0 5px 65px;
margin-bottom: 0
}
.alert ul li {
padding-left: 14px;
padding-bottom: 20px
}
.alert-success {
background-color: rgba(141,198,63,.3)
}
.alert-success .alert-market {
background-color: #8dc63f
}
.alert-success .alert__link {
color: #8dc63f
}
.alert-info {
background-color: rgba(133,214,222,.3)
}
.alert-info .alert-market {
background-color: #85d6de
}
.alert-info .alert__link {
color: #85d6de
}
.alert-danger {
background-color: #facbcd
}
.alert-danger .alert-market {
background-color: #ed5258
}
.alert-danger .alert__link {
color: #ed5258
}
.alert-warning {
background-color: rgba(254,211,127,.3)
}
.alert-warning .alert-market {
background-color: #fed37f
}
.alert-warning .alert__link {
color: #fed37f
}
.alert--simple {
padding: 25px 30px;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px
}
.alert--simple .alert__link {
margin-top: 6px
}
.alert--simple .close {
top: 4px;
right: 4px;
margin-top: 0
}
.alert--border {
padding: 25px 20px 25px 60px;
background-color: transparent;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px
}
.alert--border .alert__link {
margin-top: 6px
}
.alert--border .close {
top: 4px;
right: 4px;
margin-top: 0
}
.alert--border .alert-market {
background-color: transparent
}
.alert--border .alert-market .fa {
top: 33px;
margin-top: 0
}
.alert--border.alert-success {
border: 1px solid #8dc63f
}
.alert--border.alert-success .alert-market .fa, .alert--border.alert-success .close .fa {
color: #8dc63f
}
.alert--border.alert-info {
border: 1px solid #85d6de
}
.alert--border.alert-info .alert-market .fa, .alert--border.alert-info .close .fa {
color: #85d6de
}
.alert--border.alert-danger {
border: 1px solid #ed5258
}
.alert--border.alert-danger .alert-market .fa, .alert--border.alert-danger .close .fa {
color: #ed5258
}
.alert--border.alert-warning {
border: 1px solid #fed37f
}
.alert--border.alert-warning .alert-market .fa, .alert--border.alert-warning .close .fa {
color: #fed37f
}
.alert--extend {
padding: 0;
margin-bottom: 30px
}
.alert--extend .alert-market {
position: relative;
width: 100%;
padding: 13px 50px 14px;
color: #fff;
font-weight: 700
}
.alert--extend .alert-market .fa {
left: 18px;
color: #fff;
text-align: left
}
.alert--extend .close {
margin-top: 0;
top: 13px;
right: 18px
}
.alert--extend .close .fa {
color: #fff;
right: auto;
left: auto
}
.alert--full {
padding: 0
}
.alert--full .box-inner {
padding: 34px 35px 33px 77px
}
.btn.active:focus, .btn:active:focus, .btn:focus {
outline: 0
}
.btn {
font: 18px 'Varela Round', sans-serif;
line-height: 100%!important;
display: inline-block;
color: #fff;
border: none;
-webkit-border-radius: 25px;
-moz-border-radius: 25px;
border-radius: 25px;
-webkit-transition: all 400ms ease-in;
-o-transition: all 400ms ease-in;
transition: all 400ms ease-in
}
.btn-info {
background-color: #85d6de
}
.btn-info:focus, .btn-info:hover {
background-color: #73b9bf;
box-shadow: none
}
.btn-warning {
background-color: #fed37f
}
.btn-warning:focus, .btn-warning:hover {
background-color: #e6bf73;
box-shadow: none
}
.btn-primary {
background-color: #34495e
}
.btn-primary:focus, .btn-primary:hover {
background-color: #222e3d;
box-shadow: none
}
.btn-danger {
background-color: #fe8f8c
}
.btn-danger:focus, .btn-danger:hover {
background-color: #e6807e;
box-shadow: none
}
.btn-success {
background-color: #81b536
}
.btn-success:focus, .btn-success:hover {
background-color: #6c992e;
box-shadow: none
}
.btn-general {
background-color: #4886c5
}
.btn-general:focus, .btn-general:hover {
background-color: #3d72a6;
box-shadow: none;
color: #fff
}
.btn-special {
background-color: #0089b0
}
.btn-special:focus, .btn-special:hover {
background-color: #007899;
box-shadow: none;
color: #fff
}
.btn-special-light {
background-color: #ff6163
}
.btn-special-light:focus, .btn-special-light:hover {
background-color: #e6575a;
box-shadow: none;
color: #fff
}
.btn--decorated {
position: relative;
z-index: 20;
padding: 15px 37px 12px;
text-shadow: 0 1px 1px rgba(0,0,0,.15);
color: #fff;
-webkit-transition: all 300ms ease-in;
-o-transition: all 300ms ease-in;
transition: all 300ms ease-in;
-webkit-box-shadow: 0 1px 1px rgba(0,0,0,.3);
-moz-box-shadow: 0 1px 1px rgba(0,0,0,.3);
box-shadow: 0 1px 1px rgba(0,0,0,.3)
}
.btn--decorated:before {
content: "";
position: absolute;
bottom: 0;
left: 0;
z-index: -1;
width: 100%;
height: 50%;
background-color: rgba(0,0,0,.05);
-webkit-border-radius: 0 0 25px 25px;
-moz-border-radius: 0 0 25px 25px;
border-radius: 0 0 25px 25px
}
.btn--decorated:hover {
-webkit-box-shadow: 0 1px 1px rgba(0,0,0,.3);
-moz-box-shadow: 0 1px 1px rgba(0,0,0,.3);
box-shadow: 0 1px 1px rgba(0,0,0,.3)
}
.btn--minimal {
position: relative;
z-index: 20;
padding: 11px 34px 9px;
margin: -2px;
background: 0 0;
overflow: hidden
}
.btn--minimal:before {
content: "";
position: absolute;
width: 101%;
height: 0;
top: 50%;
left: 50%;
background: #fff;
opacity: 0;
-webkit-border-radius: 25px;
-moz-border-radius: 25px;
border-radius: 25px;
-webkit-transform: translateX(-50%) translateY(-50%) translateZ(0);
-moz-transform: translateX(-50%) translateY(-50%) translateZ(0);
-ms-transform: translateX(-50%) translateY(-50%);
transform: translateX(-50%) translateY(-50%) translateZ(0);
-webkit-transition: all ease-out;
-moz-transition: all 300ms ease-out;
transition: all 300ms ease-out;
z-index: -1;
-webkit-backface-visibility: hidden
}
.btn--minimal:hover:before {
height: 97%;
opacity: 1
}
.btn-rect {
font: 14px 'Open Sans', sans-serif;
font-weight: 700;
text-transform: uppercase;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;
-webkit-box-shadow: inset 0 -3px rgba(0,0,0,.1);
-moz-box-shadow: inset 0 -3px rgba(0,0,0,.1);
box-shadow: inset 0 -3px rgba(0,0,0,.1)
}
.btn-rect .fa {
margin-right: 10px
}
.btn-rect:focus, .btn-rect:hover {
-webkit-box-shadow: inset 0 -3px rgba(0,0,0,.1);
-moz-box-shadow: inset 0 -3px rgba(0,0,0,.1);
box-shadow: inset 0 -3px rgba(0,0,0,.1)
}
.btn--minimal-rect {
font: 14px 'Open Sans', sans-serif;
font-weight: 700;
text-transform: uppercase;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px
}
.btn--minimal-rect .fa {
margin-right: 10px
}
.btn--minimal-rect:before {
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px
}
.btn-lg {
padding: 17px 53px 15px
}
.btn-lg-rect {
padding: 17px 42px 18px
}
.btn-lg-bordered {
padding: 13px 49px 11px
}
.btn-lg-rect-bordered {
padding: 13px 38px 14px
}
.btn-sm {
padding: 6px 17px 7px;
font-size: 12px;
color: #fff;
-webkit-border-radius: 12px;
-moz-border-radius: 12px;
border-radius: 12px
}
.btn-sm:hover {
opacity: .5
}
.btn-sm-rect {
font: 10px 'Open Sans', sans-serif;
font-weight: 600;
text-transform: uppercase;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px
}
.btn--minimal-sm {
-webkit-border-radius: 12px;
-moz-border-radius: 12px;
border-radius: 12px
}
.btn--minimal-sm:hover {
opacity: 1
}
.btn--minimal-sm:before {
-webkit-border-radius: 12px;
-moz-border-radius: 12px;
border-radius: 12px
}
.btn-inverse.btn-info {
color: #85d6de
}
.btn-inverse.btn-info:before {
background-color: #73b9bf
}
.btn-inverse.btn-warning {
color: #fed37f
}
.btn-inverse.btn-warning:before {
background-color: #e6bf73
}
.btn-inverse.btn-primary {
color: #34495e
}
.btn-inverse.btn-primary:before {
background-color: #222e3d
}
.btn-inverse.btn-danger {
color: #fe8f8c
}
.btn-inverse.btn-danger:before {
background-color: #e6807e
}
.btn-inverse.btn-success {
color: #81b536
}
.btn-inverse.btn-success:before {
background-color: #6c992e
}
.btn-inverse.btn-general {
color: #4886c5
}
.btn-inverse.btn-general:before {
background-color: #3d72a6
}
.btn-inverse:hover {
background: 0 0;
color: #fff
}
.btn-inverse:focus {
background: 0 0
}
.btn-container {
display: inline-block;
-webkit-border-radius: 25px;
-moz-border-radius: 25px;
border-radius: 25px;
border: 6px solid transparent;
-webkit-transition: all 400ms ease-in;
-o-transition: all 400ms ease-in;
transition: all 400ms ease-in
}
.btn-container-rect {
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px
}
.btn-container-sm {
-webkit-border-radius: 12px;
-moz-border-radius: 12px;
border-radius: 12px;
border: 2px solid transparent
}
.btn-container-info {
border-color: #85d6de
}
.btn-container-info:hover {
border-color: #73b9bf
}
.btn-container-warning {
border-color: #fed37f
}
.btn-container-warning:hover {
border-color: #e6bf73
}
.btn-container-primary {
border-color: #34495e
}
.btn-container-primary:hover {
border-color: #222e3d
}
.btn-container-danger {
border-color: #fe8f8c
}
.btn-container-danger:hover {
border-color: #e6807e
}
.btn-container-success {
border-color: #81b536
}
.btn-container-success:hover {
border-color: #6c992e
}
.btn-container-general {
border-color: #4886c5
}
.btn-container-general:hover {
border-color: #3d72a6
}
.btn-present {
font-size: 0
}
.btn-present .btn {
margin-right: 23px;
margin-bottom: 20px
}
.btn-present-container {
font-size: 0
}
.btn-present-container .btn-container {
margin-right: 23px;
margin-bottom: 20px
}
.btn-present-sm {
font-size: 0
}
.btn-present-sm .btn {
margin-right: 10px;
margin-bottom: 15px
}
.btn-present-container-sm {
font-size: 0
}
.btn-present-container-sm .btn-container {
margin-right: 10px;
margin-bottom: 15px
}
.icon--strips .icon__item {
position: relative;
display: inline-block;
width: 60px;
height: 60px;
padding-top: 19px;
margin: 0 10px 5px;
text-align: center;
background-color: #fff;
-webkit-border-radius: 50%;
-moz-border-radius: 50%;
border-radius: 50%
}
.icon--strips .icon__item:after {
content: "";
position: absolute;
top: -7px;
left: -7px;
z-index: -1;
width: 74px;
height: 74px;
background-image: url(../images/components/icons-bg.png);
background-size: 74px;
background-repeat: no-repeat
}
.icon--circle .icon__item {
background-color: #85d6de;
display: inline-block;
width: 60px;
height: 60px;
padding-top: 19px;
margin: 0 7px 5px;
text-align: center;
color: #fff;
-webkit-border-radius: 50%;
-moz-border-radius: 50%;
border-radius: 50%
}
.icon--rect .icon__item {
display: inline-block;
width: 60px;
height: 60px;
padding-top: 19px;
margin: 0 2px 5px;
text-align: center;
color: #fff;
background-color: #85d6de
}
.icon--shape {
font-size: 36px;
color: #fff
}
.icon--shape .icon__item {
width: 125px;
height: 125px;
padding-top: 46px;
margin-bottom: 10px;
text-align: center;
background-color: #85d6de;
background-image: url(../images/components/brand-circle.png);
background-repeat: no-repeat;
background-size: 107px 110px;
background-position: 9px 8px;
position: relative;
-webkit-border-radius: 50%;
-moz-border-radius: 50%;
border-radius: 50%
}
.icon--border {
font-size: 36px
}
.icon--border .icon__item {
width: 110px;
height: 110px;
margin-bottom: 10px;
padding-top: 28px;
text-align: center;
border: 10px solid #85d6de
}
.icon--border .icon__item--secondary {
color: #85d6de
}
.icon--border .icon__item--warning {
color: #fed37f
}
.icon--border .icon__item--danger {
color: #fe8f8c
}
.icon--strips.icon--animate .icon__item {
padding-top: 5px
}
.icon--circle.icon--animate .icon__item {
padding-top: 4px
}
.icon--rect.icon--animate .icon__item {
padding-top: 6px
}
.icon--shape.icon--animate .icon__item {
padding-top: 22px
}
.icon--border.icon--animate .icon__item {
padding-top: 3px
}
.image-container--border-inner:before {
content: "";
position: absolute;
top: 5%;
right: 5%;
bottom: 5%;
left: 5%;
width: 90%;
height: 90%;
border: 5px solid rgba(255,255,255,.5)
}
.image-container--border-small:before {
top: 10%;
right: 10%;
bottom: 10%;
left: 10%;
width: 80%;
height: 80%
}
.image-container--fading {
overflow: hidden
}
.image-container--fading:before {
content: "";
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 101%;
background-color: rgba(255,255,255,.6);
-webkit-transition: all 300ms ease-in;
-o-transition: all 300ms ease-in;
transition: all 300ms ease-in
}
.image-container--fading .image-container__info {
position: absolute;
top: 50%;
left: 0;
width: 100%;
margin-top: -28px;
font-size: 28px;
line-height: 28px;
font-weight: 300;
text-align: center;
text-transform: uppercase;
color: #34495e
}
.image-container--describe .image-container__info {
min-height: 70px;
background-color: #85d6de
}
.image-container--describe .image-container__info .image-container__info-main {
display: block;
padding-top: 11px;
padding-bottom: 2px;
font-size: 16px;
font-weight: 700;
text-align: center;
color: #34495e
}
.image-container--describe .image-container__info .image-container__info-more {
display: block;
font-size: 12px;
text-align: center;
color: #34495e
}
.image-container--empty {
padding: 20px;
border: 1px solid #dfe6e7
}
.image-container--expository {
padding: 5px;
background-color: #34495e
}
.image-container--expository .image-container__info {
padding: 16px 22px 10px
}
.image-container--expository .image-container__info .image-container__info-main {
display: block;
font-size: 16px;
line-height: 20px;
padding-bottom: 3px;
font-weight: 700;
color: #fff
}
.image-container--expository .image-container__info .image-container__info-more {
display: block;
font-size: 12px;
color: #bac3cd
}
.image-container--border img {
border: 1px solid #dfe6e7
}
.image-container--border-huge img {
border: 5px solid #dfe6e7
}
.link--title {
font-size: 18px;
color: #34495e;
border-bottom: none
}
.link--title:hover {
color: #85d6de;
opacity: 1
}
.link--person {
font-size: 18px;
color: #fe8f8c;
border-bottom: none
}
.link--person:hover {
color: #34495e;
opacity: 1
}
.link--tab {
font-size: 18px;
color: #34495e;
background-image: url(../images/components/link-underline.svg);
background-repeat: repeat-x;
background-position: 0 100%;
border-bottom: none
}
.link--tab:hover {
color: #85d6de;
background-image: url(../images/components/link-underline-hover.svg);
background-repeat: repeat-x;
background-position: 0 100%;
opacity: 1
}
.list--sign li:before {
content: "\f138";
top: 3px;
font-size: 12px
}
.list--ckeck {
font-style: normal;
color: #737c85
}
.list--ckeck li:before {
content: "\f00c";
top: 1px;
font-size: 14px
}
.list--arrow {
font-style: normal;
color: #737c85
}
.list--arrow li:before {
content: "\f178";
top: 1px;
font-size: 14px
}
.list--expanded {
margin-bottom: 0
}
.list--expanded li:before {
display: none
}
.list--expanded .list__step {
float: left;
margin-top: -6px;
margin-right: 40px;
margin-bottom: 15px;
font-size: 36px;
font-family: 'Varela Round', sans-serif;
font-style: normal;
color: #85d6de
}
.list--expanded .list__heading {
margin: 0 0 8px;
font: 18px 'Open Sans', sans-serif;
font-style: normal;
font-weight: 700
}
.list--expanded .list__content {
line-height: 26px;
color: #737c85;
margin-bottom: 6px
}
.list--expanded--thin .list__heading {
margin-bottom: 2px
}
.list--expanded--thin .list__content {
margin-bottom: 0
}
.list--marker .list__item:before {
top: 4px;
width: 16px;
height: 16px;
padding-top: 2px;
text-align: center;
line-height: 12px;
color: #fff;
background-color: #85d6de;
-webkit-border-radius: 50%;
-moz-border-radius: 50%;
border-radius: 50%;
-webkit-transition: all 300ms ease-in;
-o-transition: all 300ms ease-in;
transition: all 300ms ease-in
}
.list--marker .list__item:hover .list__link, .list--marker .list__item:hover:before {
opacity: .5
}
.list--marker .list__link {
padding-left: 4px;
font-size: 16px;
color: #737c85;
font-style: normal
}
.list--definition {
padding-left: 0
}
.list--definition .list__item {
padding-left: 0;
color: #737c85;
font-style: normal
}
.list--definition .list__item:before {
display: none
}
.list--definition .list__item-head {
font-weight: 700;
color: #34495e
}
.list.list--bordered {
margin-bottom: 72px;
border: 1px solid #dfe6e7;
padding: 33px 10px 0 37px
}
.list.list--bigger li, .list.list--bordered li {
padding-bottom: 40px
}
.stat--shape {
position: relative;
width: 204px;
height: 204px;
padding-top: 62px;
margin: 0 auto;
text-align: center;
background-color: #85d6de;
background-image: url(../images/components/brand-circle-large.png);
background-repeat: no-repeat;
background-size: 187px 189px;
border: 8px solid #85d6de;
-webkit-border-radius: 50%;
-moz-border-radius: 50%;
border-radius: 50%
}
.stat--shape:before {
content: "";
position: absolute;
top: 50%;
right: -55px;
width: 6px;
height: 6px;
margin-top: -7px;
background-color: #85d6de;
-webkit-border-radius: 50%;
-moz-border-radius: 50%;
border-radius: 50%
}
.stat--shape:after {
content: "";
position: absolute;
top: 50%;
right: -55px;
width: 6px;
height: 6px;
margin-top: 3px;
background-color: #85d6de;
-webkit-border-radius: 50%;
-moz-border-radius: 50%;
border-radius: 50%
}
.stat--shape .stat__number {
display: inline-block;
float: none;
margin-top: -2px;
font: 40px 'Open Sans', sans-serif;
line-height: 40px;
font-weight: 700;
color: #fff
}
.stat--shape .stat__dimension {
margin-bottom: 0;
font-style: normal;
font-weight: 300
}
.stat--shape.last:after, .stat--shape.last:before {
display: none
}
.stat--text {
position: relative;
text-align: center;
margin-bottom: 15px
}
.stat--text:before {
content: "";
position: absolute;
top: 50%;
right: -18px;
width: 6px;
height: 6px;
margin-top: -5px;
background-color: #34495e;
-webkit-border-radius: 50%;
-moz-border-radius: 50%;
border-radius: 50%
}
.stat--text:after {
content: "";
position: absolute;
top: 50%;
right: -18px;
width: 6px;
height: 6px;
margin-top: 5px;
background-color: #34495e;
-webkit-border-radius: 50%;
-moz-border-radius: 50%;
border-radius: 50%
}
.stat--text .stat__number {
display: inline-block;
margin-top: -2px;
float: none;
font: 40px 'Open Sans', sans-serif;
line-height: 40px;
font-weight: 700;
color: #34495e;
margin-right: 0
}
.stat--text .stat__dimension {
margin-bottom: 0;
font-style: normal;
font-weight: 300;
color: #34495e
}
.stat--text.last:after, .stat--text.last:before {
display: none
}
.stat--text-present {
margin-top: -5px;
padding-left: 35px;
padding-right: 35px
}
.stat-block-container {
padding-top: 19px;
padding-bottom: 19px;
border: 1px solid #dfe6e7;
overflow: hidden
}
.stat-first .stat__number {
margin-left: 4px
}
.stat-second .stat__number {
margin-left: -2px
}
.stat--block {
position: relative;
padding: 46px 0 46px 101px
}
.stat--block:before {
content: "";
position: absolute;
top: 0;
right: -15px;
width: 1px;
height: 100%;
background: #dfe6e7
}
.stat--block .stat__number {
float: none;
margin-left: -3px;
font: 42px 'Open Sans', sans-serif;
line-height: 42px;
color: #85d6de;
font-weight: 700
}
.stat--block .fa {
position: absolute;
top: 59px;
left: 52px;
font-size: 32px;
color: #85d6de
}
.stat--block .fa.livicon {
top: 52px
}
.stat--block .stat__dimension {
margin-bottom: 0;
font-style: normal;
font-weight: 300;
color: #34495e;
text-transform: uppercase
}
.stat--block.stat-first {
padding-left: 89px
}
.stat--block.stat-first .fa {
top: 56px;
left: 37px
}
.stat--block.last {
border: none
}
.number--special {
padding-bottom: 80px;
background-color: #a2dbeb;
background-image: url(../images/components/count-pattern.jpg);
background-attachment: fixed
}
.number--special .block-title {
padding-top: 68px;
padding-bottom: 22px;
margin-bottom: 0;
font-family: 'Open Sans', sans-serif;
font-size: 30px;
font-weight: 700;
text-transform: uppercase;
color: #0089b0;
text-shadow: 0 3px rgba(255,255,255,.5);
border: none
}
.number--special .block-title:before {
display: none
}
.number--special .stat--shape {
background-color: transparent
}
.number--special .stat__dimension {
color: #34495e
}
.pagination--rect .pagination__block {
border: none
}
.pagination--rect .pagination__next, .pagination--rect .pagination__prev {
color: #fff;
background-color: #85d6de;
border: none
}
.pagination--rect .pagination__item {
background-color: #dfe6e7;
padding-left: 25px;
padding-right: 25px;
margin-right: 1px
}
.pagination--rect .pagination__item.active-page, .pagination--rect .pagination__item:hover {
color: #fff;
background-color: #34495e
}
.pagination--minimal .pagination__block {
border: none
}
.pagination--minimal .pagination__next, .pagination--minimal .pagination__prev {
color: #fff;
background-color: #85d6de;
border: 1px solid #85d6de;
-webkit-border-radius: 50%;
-moz-border-radius: 50%;
border-radius: 50%
}
.pagination--circle .pagination__block {
padding-top: 10px;
border: none
}
.pagination--circle .pagination__next, .pagination--circle .pagination__prev {
-webkit-border-radius: 50%;
-moz-border-radius: 50%;
border-radius: 50%
}
.pagination--circle .pagination__item {
width: 40px;
height: 40px;
padding: 5px 0 0;
margin: 0 3px;
border: 1px solid #dfe6e7;
-webkit-border-radius: 50%;
-moz-border-radius: 50%;
border-radius: 50%
}
.pagination--circle .pagination__item.active-page, .pagination--circle .pagination__item:hover {
color: #fff;
background-color: #34495e;
border-color: #34495e
}
.progress--primary {
position: relative
}
.progress--primary:before {
content: "";
position: absolute;
bottom: 0;
left: 0;
width: 28px;
height: 28px;
background-color: #34495e;
-webkit-border-radius: 14px;
-moz-border-radius: 14px;
border-radius: 14px
}
.progress--primary .progress {
height: 28px;
background-color: transparent;
border: 2px solid #34495e;
-webkit-border-radius: 14px;
-moz-border-radius: 14px;
border-radius: 14px;
overflow: visible;
box-shadow: none
}
.progress--primary .progress-bar {
margin-top: -1px;
height: 104%;
position: relative;
background-color: #34495e;
-webkit-border-radius: 13px;
-moz-border-radius: 13px;
border-radius: 13px;
box-shadow: none
}
.progress--primary .progress-bar .progress-number {
position: absolute;
top: -33px;
right: -13px;
display: block;
width: 50px;
padding: 4px 0 2px;
text-align: center;
background-color: #85d6de
}
.progress--primary .progress-bar .progress-number:before {
content: "";
position: absolute;
bottom: -4px;
left: 50%;
width: 0;
height: 0;
margin-left: -5px;
border-style: solid;
border-width: 4px 5px 0;
border-color: #85d6de transparent transparent
}
.progress--primary .progress-quantity {
margin-bottom: 10px;
font-weight: 700;
color: #34495e
}
.progress--secondary .progress {
height: 28px;
padding: 4px;
background-color: transparent;
border: 2px solid #85d6de;
-webkit-border-radius: 14px;
-moz-border-radius: 14px;
border-radius: 14px;
box-shadow: none
}
.progress--secondary .progress-bar {
background-color: #85d6de;
box-shadow: none;
-webkit-border-radius: 13px 0 0 13px;
-moz-border-radius: 13px 0 0 13px;
border-radius: 13px 0 0 13px
}
.progress--secondary .progress-quantity {
margin-bottom: 10px;
color: #737c85
}
.progress--light {
height: 45px;
background-color: rgba(133,214,222,.2);
border: none;
-webkit-border-radius: 0;
-moz-border-radius: 0;
border-radius: 0;
box-shadow: none
}
.progress--light .progress-bar {
padding-top: 12px;
padding-left: 20px;
font-size: 14px;
font-weight: 700;
text-align: left;
color: #fff;
background-color: #85d6de;
background-image: url(../images/components/progress-stripe.png);
box-shadow: none
}
.progress--neutral {
height: 45px;
background-color: transparent;
border: 1px solid #dfe6e7;
-webkit-border-radius: 0;
-moz-border-radius: 0;
border-radius: 0;
box-shadow: none
}
.progress--neutral .progress-bar {
padding-top: 12px;
padding-left: 20px;
font-size: 14px;
font-weight: 700;
text-align: left;
color: #34495e;
background-color: #dfe6e7;
background-image: url(../images/components/progress-stripe-angle.png);
box-shadow: none
}
.progress-present {
margin-top: 13px
}
.progress-cut {
padding-right: 100px
}
.promo--border {
background-color: transparent;
border: 10px solid #34495e;
padding: 22px 0
}
.promo--border-full {
background-color: transparent;
border: 10px solid #34495e;
padding: 22px 90px;
text-align: left;
overflow: hidden
}
.promo--border-full .promo__text {
width: 70%;
float: left
}
.promo--border-full .promo__heading {
padding: 17px 0 6px;
font-weight: 600;
text-transform: none
}
.promo--border-full .promo__info {
margin-bottom: 17px;
font-size: 14px;
font-style: italic;
line-height: 26px;
color: #737c85
}
.promo--border-full .promo__btn {
float: right;
margin-top: 33px
}
.promo--secondary {
background-color: #85d6de
}
.promo--secondary .promo__heading {
padding: 0 0 2px;
font: 24px 'Varela Round', sans-serif;
font-weight: 400;
text-transform: none;
color: #fff
}
.promo--secondary .promo__describe {
//padding-bottom: 2px;
font: 14px 'Varela Round', sans-serif;
line-height: 20px;
color: #000
}
.promo--secondary .promo__btn {
padding-left: 39px;
padding-right: 39px;
margin-bottom: 8px
}
.promo--primary {
background-color: #34495e;
background-image: url(../images/components/promo-primary.png);
background-repeat: no-repeat;
background-position: 50% 50%;
background-attachment: fixed
}
.promo--primary .promo__heading {
padding: 0 0 2px;
font: 24px 'Varela Round', sans-serif;
font-weight: 400;
text-transform: none;
color: #fed37f
}
.promo--primary .promo__describe {
padding-bottom: 2px;
font: 40px 'Varela Round', sans-serif;
line-height: 40px;
color: #fff
}
.promo--primary .promo__btn {
padding-left: 39px;
padding-right: 39px;
margin-bottom: 8px
}
.promo--brand {
padding: 38px 0;
background-color: #85d6de;
background-image: url(../images/components/promo-brand.jpg);
background-size: 1600px 206px;
background-repeat: no-repeat;
background-position: 50% 50%
}
.promo--brand .promo__heading {
padding-top: 25px;
padding-bottom: 4px;
font: 60px 'Varela Round', sans-serif;
line-height: 60px;
color: #fff;
font-weight: 400;
text-transform: none
}
.promo--brand .promo__info {
font: 24px 'Varela Round', sans-serif;
color: #fff
}
.promo--brand .promo__info .mark {
color: #34495e
}
.promo--clean {
margin-bottom: 0
}
.promo--parallax {
background-color: #34495e!important;
background: url(../images/promo.jpg) 50% 70% no-repeat fixed
}
.promo--parallax .promo__heading {
padding: 60px 0 2px;
font: 24px 'Varela Round', sans-serif;
font-weight: 400;
text-transform: none;
color: #fff
}
.promo--parallax .promo__describe {
padding-bottom: 17px;
font: 40px 'Varela Round', sans-serif;
line-height: 40px;
color: #fff
}
.promo--parallax .promo__btn {
margin-bottom: 53px
}
.promo--parallax .btn-apple {
position: relative;
margin: 0 13px 15px
}
.promo--parallax .btn-apple .btn {
padding-left: 66px;
padding-right: 40px
}
.promo--parallax .btn-apple:before {
width: 30px;
height: 30px;
content: "";
position: absolute;
top: 3px;
left: 32px;
z-index: 30;
background: url(../images/icons/apple.svg) no-repeat;
background-size: 30px 30px
}
.promo--parallax .btn-apple:hover:before {
background: url(../images/icons/apple-dark.svg)
}
.promo--parallax .btn-android {
position: relative;
margin: 0 13px 15px
}
.promo--parallax .btn-android .btn {
padding-left: 59px;
padding-right: 28px
}
.promo--parallax .btn-android:before {
width: 30px;
height: 30px;
content: "";
position: absolute;
top: 3px;
left: 20px;
z-index: 30;
background: url(../images/icons/android.svg) no-repeat;
background-size: 30px 30px
}
.promo--parallax .btn-android:hover:before {
background: url(../images/icons/android-dark.svg)
}
.promo--video {
position: relative;
overflow: hidden
}
.promo--video:before {
content: "";
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
background: rgba(52,73,94,.6);
z-index: 5
}
.promo--video .promo__heading {
position: relative;
z-index: 10;
padding: 60px 0 2px;
font: 24px 'Varela Round', sans-serif;
font-weight: 400;
text-transform: none;
color: #fed37f
}
.promo--video .promo__describe {
position: relative;
z-index: 10;
padding-bottom: 17px;
font: 40px 'Varela Round', sans-serif;
line-height: 40px;
color: #fff
}
.promo--video .promo__btn {
position: relative;
z-index: 10;
padding-left: 39px;
padding-right: 39px;
margin-bottom: 73px
}
.promo--video .media-element {
position: absolute;
top: -80%;
left: 0;
width: 100%
}
@media (max-width:1199px) {
.promo--video .media-element {
top: -30%
}
}
@media (max-width:993px) {
.promo--video .media-element {
top: 0
}
}
@media (max-width:640px) {
.promo--video .media-element {
width: 160%;
margin-left: -30%
}
}
@media (max-width:640px) {
.promo--video .media-element {
width: 240%;
margin-left: -70%
}
}
.btn-null, .btn-null:hover {
border-color: #fff
}
.btn-null .btn {
padding-top: 13px;
padding-bottom: 11px;
color: #fff;
-webkit-border-radius: 25px;
-moz-border-radius: 25px;
border-radius: 25px
}
.btn-null .btn:after, .btn-null .btn:before {
background: #fff
}
.btn-null .btn:hover {
color: #000
}
.promo--canvas-continer {
margin-bottom: 10px
}
.promo--canvas {
position: relative;
overflow: hidden;
margin-bottom: 0;
background: url(../images/promo-canvas.jpg) 50% 50% no-repeat
}
.promo--canvas #demo-canvas {
position: absolute;
top: 0;
left: 0
}
.promo--canvas:before {
content: "";
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
background: rgba(254,211,127,.6);
z-index: 5
}
.promo--canvas .promo__heading {
position: relative;
z-index: 10;
padding: 60px 0 2px;
font: 24px 'Varela Round', sans-serif;
font-weight: 400;
text-transform: none;
color: #fff
}
.promo--canvas .promo__describe {
position: relative;
z-index: 10;
padding-bottom: 17px;
font: 40px 'Varela Round', sans-serif;
line-height: 40px;
color: #fff
}
.promo--canvas .promo__btn {
position: relative;
z-index: 10;
padding-left: 45px;
padding-right: 45px;
margin-top: 10px;
margin-bottom: 63px
}
.promo--space {
margin-bottom: 0;
padding-bottom: 70px;
padding-top: 74px
}
.promo--special {
margin-bottom: 0;
background-color: #f5e6d2;
background-image: url(../images/promo-special.jpg);
background-repeat: no-repeat;
background-position: 50% 80%;
background-attachment: fixed
}
.promo--special .promo-inner {
position: relative;
padding-top: 205px;
padding-bottom: 212px
}
.promo--special .promo-inner:before {
content: "";
position: absolute;
top: 95px;
left: 50%;
width: 431px;
height: 431px;
margin-left: -215px;
background: #fff;
opacity: .6;
-webkit-border-radius: 50%;
-moz-border-radius: 50%;
border-radius: 50%
}
.promo--special .promo__heading {
position: relative;
padding-bottom: 19px;
font-size: 30px;
font-family: 'Varela Round', sans-serif;
color: #ff6163;
text-transform: none;
font-weight: 400;
z-index: 5
}
.promo--special .promo__describe {
position: relative;
font-size: 34px;
font-family: 'Open Sans', sans-serif;
font-weight: 700;
text-transform: uppercase;
color: #34495e;
z-index: 5
}
.promo--special .promo__btn {
margin-top: 27px;
padding-left: 40px;
padding-right: 40px
}
.social--primary .social__link {
background-color: #34495e
}
.social--primary .social__icon {
color: #fff
}
.social--secondary .social__link {
background-color: #85d6de
}
.social--secondary .social__icon {
color: #fff
}
.social--empty .social__link {
padding-top: 7px;
background-color: transparent;
border: 3px solid #34495e
}
.social--rect .social__link {
background-color: #34495e;
-webkit-border-radius: 0;
-moz-border-radius: 0;
border-radius: 0
}
.social--rect .social__icon {
color: #fff
}
.social--rect-empty .social__link {
padding-top: 7px;
background-color: transparent;
border: 3px solid #34495e;
-webkit-border-radius: 0;
-moz-border-radius: 0;
border-radius: 0
}
.social--soft {
max-width: 450px;
margin-bottom: 68px
}
.social--soft .social__link {
background-color: #d7dde0
}
.social--colored .social__icon {
color: #fff
}
.social--colored .social__link--twitter {
background-color: #55acee
}
.social--colored .social__link--facebook {
background-color: #3b5998
}
.social--colored .social__link--gplus {
background-color: #dd4b39
}
.social--colored .social__link--pinterest {
background-color: #cc2127
}
.social--colored .social__link--tumblr {
background-color: #35465c
}
.social--colored .social__link--linkedin {
background-color: #0976b4
}
.social--colored .social__link--youtube {
background-color: #e52d27
}
.social--colored .social__link--github {
background-color: #4183c4
}
.social--colored .social__link--flickr {
background-color: #ff0084
}
.social--colored .social__link--vimeo {
background-color: #1ab7ea
}
.social--colored .social__link--dribbble {
background-color: #ea4c89
}
.social--colored .social__link--stumbleupon {
background-color: #eb4924
}
.social--colored .social__link--instagram {
background-color: #3f729b
}
.social--colored .social__link--soundcloud {
background-color: #f80
}
.social--colored .social__link--behance {
background-color: #1769ff
}
.social--colored .social__link--vine {
background-color: #00b488
}
.social--neutral {
display: inline-block;
margin-left: 10px;
margin-right: 10px
}
.social--neutral .social__item {
margin-right: 2px
}
.social--neutral .social__link {
padding-top: 4px;
width: 28px;
height: 28px;
background-color: #dfe6e7
}
.social--neutral .social__icon {
font-size: 14px
}
.table--vertical tbody>tr>td {
border: none;
padding: 19px 10px 19px 60px
}
.table--vertical .vertical-heading {
background-color: #85d6de;
font-weight: 700
}
.table--vertical tbody>tr>.vertical-heading {
padding-left: 50px
}
.table--vertical tr {
background-color: #f5f5f5
}
.table--vertical tr:nth-child(even) {
background-color: #fcfcfc
}
.table--wide {
color: #737c85
}
.table--wide thead {
background-color: #85d6de;
border: 2px solid #85d6de;
border-bottom: 3px solid #fff
}
.table--wide tbody {
position: relative;
border: 4px solid #dfe6e7;
border-top: 3px solid #fff
}
.table--wide tbody tr:first-child td {
border-top: none
}
.table--wide thead>tr>th {
padding: 13px 20px 15px;
color: #34495e;
border: none
}
.table--wide tbody>tr>td {
padding: 19px 20px 18px;
border: 1px solid #dfe6e7;
vertical-align: middle
}
.table--wide .table__wait {
color: #85d6de
}
.table--wide .table__wait .fa {
margin-right: 20px
}
.table--wide .table__done {
color: #8dc63f
}
.table--wide .table__done .fa {
margin-right: 20px
}
.table--wide .table__error {
color: #ed5258
}
.table--wide .table__error .fa {
margin-right: 20px
}
.table--wide .btn {
padding-left: 12px;
padding-right: 12px
}
.table--target {
font-size: 12px;
color: #737c85
}
.table--target thead tr {
background-color: #fed37f
}
.table--target tr {
background-color: #f5f5f5
}
.table--target tr:nth-child(even) {
background-color: #fcfcfc
}
.table--target tbody>tr>td {
border: none;
vertical-align: middle;
padding: 30px 20px
}
.table--target thead>tr>th {
font-weight: 400;
border: none;
padding: 30px 20px;
font-size: 14px;
color: #34495e
}
.table--target .table-main {
font-weight: 700;
text-transform: uppercase
}
.table--target .table__category {
display: block;
padding-bottom: 2px;
font-size: 14px;
color: #34495e
}
.table--target .table__category:hover {
color: #85d6de
}
.table--target .table__category-author {
color: #737c85
}
.table--target .table__category-author:hover {
color: #85d6de
}
.table--target .table__category-photo {
width: 48px;
height: 48px;
float: left;
margin-top: -2px;
margin-right: 23px
}
.table--target .table__category-photo img {
max-width: 100%
}
.table--target .table__category-photo--markered {
position: relative
}
.table--target .table__category-photo--markered:before {
content: "";
position: absolute;
top: -5px;
right: -3px;
width: 20px;
height: 20px;
background-color: #34495e;
background-image: url(../images/icons/star.svg);
background-repeat: no-repeat;
background-size: 13px 13px;
background-position: 50% 0;
border: 3px solid #f5f5f5;
-webkit-border-radius: 50%;
-moz-border-radius: 50%;
border-radius: 50%
}
.table--target .table__date {
display: block;
line-height: 10px
}
.table--space {
margin-top: 10px
}
.table--mod tbody>tr>td {
padding: 27px 20px
}
.col-wide-md {
width: 55%
}
.col-wide-lg {
width: 68%
}
.tabs--vertical .nav-tabs {
width: 250px;
float: left;
overflow: hidden;
border: none
}
.tabs--vertical .tab-content {
min-height: 292px;
margin-left: 250px;
border-top: 1px solid #dfe6e7
}
.tabs--vertical .nav-tabs>li {
float: none;
border-bottom: 1px solid #999;
}
.tabs--vertical .nav-tabs a {
margin-right: 0;
border-bottom: 1px solid #999;
}
.tabs--minimal .nav-tabs {
padding-left: 10px
}
.tabs--minimal .tab-content {
padding-left: 0;
padding-right: 0;
border: none
}
.tabs--minimal .nav-tabs a {
font-size: 18px;
text-transform: none;
border-bottom: 3px solid transparent
}
.tabs--minimal .nav-tabs .active a, .tabs--minimal .nav-tabs .active a:focus, .tabs--minimal .nav-tabs .active a:hover {
background-color: transparent;
border-bottom: 3px solid #85d6de
}
.tabs--minimal-vertical .nav-tabs {
width: 165px;
float: left;
padding-left: 10px;
border: none
}
.tabs--minimal-vertical .tab-content {
padding-top: 0;
padding-bottom: 0;
margin-left: 164px;
border: none;
border-left: 1px solid #dfe6e7
}
.tabs--minimal-vertical .nav-tabs>li {
float: none
}
.tabs--minimal-vertical .nav-tabs a {
margin-right: 0;
font-size: 18px;
text-transform: none;
border-right: 3px solid transparent
}
.tabs--minimal-vertical .nav-tabs .active a, .tabs--minimal-vertical .nav-tabs .active a:focus, .tabs--minimal-vertical .nav-tabs .active a:hover {
background-color: transparent;
border-right: 3px solid #85d6de
}
.tabs-style-topline nav li {
border-top: none
}
.testimonial--centered {
padding: 40px 20px 22px;
border: 1px solid #dfe6e7;
text-align: center
}
.testimonial--centered .testimonial__images {
display: inline-block;
float: none;
margin-right: 0
}
.testimonial--centered .testimonial__author {
padding-top: 12px
}
.testimonial--centered .testimonial__info {
margin-bottom: 16px
}
.testimonial--border {
padding: 36px 15px 18px;
border: 5px solid #dfe6e7;
text-align: center
}
.testimonial--border .testimonial__images {
position: relative;
display: inline-block;
float: none;
margin-right: 0
}
.testimonial--border .testimonial__images img {
border: 5px solid #dfe6e7
}
.testimonial--border .testimonial__images:before {
content: "“";
position: absolute;
top: -38px;
left: -65px;
font-size: 120px;
color: #737c85;
opacity: .1
}
.testimonial--border .testimonial__images:after {
content: "”";
position: absolute;
top: -38px;
right: -65px;
font-size: 120px;
color: #737c85;
opacity: .1
}
.testimonial--border .testimonial__author {
padding-top: 12px;
color: #34495e
}
.testimonial--border .testimonial__info {
margin-bottom: 16px;
color: #34495e
}
.testimonial--border .testimonial__text {
font-style: normal;
color: #737c85
}
.testimonial--string {
padding: 78px 30px 31px;
position: relative;
background-color: #fed37f
}
.testimonial--string:before {
content: "“";
position: absolute;
top: 0;
left: 30px;
font-size: 80px;
font-weight: 700;
font-style: italic;
color: #34495e
}
.testimonial--string .testimonial__text {
font-size: 16px;
line-height: 18px;
padding: 4px 0
}
.testimonial--string .testimonial__author {
font-size: 14px;
color: #34495e;
font-weight: 800;
font-style: italic
}
.testimonial--string .testimonial__info {
color: #34495e;
font-style: italic;
font-size: 14px
}
.testimonial--string.testimonial--short {
padding-top: 58px;
padding-bottom: 21px
}
.testimonial--string.testimonial--short:before {
top: -10px
}
.testimonial--string.testimonial--short .testimonial__text {
margin-bottom: 0
}
.testimonial--string.testimonial--short .testimonial__author {
padding-top: 12px
}
.testimonial--danger {
background-color: #fe8f8c
}
.testimonial--secondary {
background-color: #85d6de
}
.tooltip--secondary+.tooltip.top .tooltip-arrow {
border-top-color: #85d6de
}
.tooltip--secondary+.tooltip .tooltip-inner {
background-color: #85d6de
}
.tooltip--bordered+.tooltip.top .tooltip-arrow {
border-top-color: transparent
}
.tooltip--bordered+.tooltip .tooltip-inner {
position: relative;
color: #34495e;
background-color: #fff;
border: 1px solid #34495e;
-webkit-box-shadow: 0 2px 5px rgba(0,0,0,.2);
-moz-box-shadow: 0 2px 5px rgba(0,0,0,.2);
box-shadow: 0 2px 5px rgba(0,0,0,.2)
}
.tooltip--bordered+.tooltip .tooltip-inner:after, .tooltip--bordered+.tooltip .tooltip-inner:before {
top: 100%;
left: 50%;
border: solid transparent;
content: " ";
height: 0;
width: 0;
position: absolute;
pointer-events: none
}
.tooltip--bordered+.tooltip .tooltip-inner:after {
border-color: rgba(255,255,255,0);
border-top-color: #fff;
border-width: 5px;
margin-left: -5px
}
.tooltip--bordered+.tooltip .tooltip-inner:before {
border-color: rgba(52,73,94,0);
border-top-color: #34495e;
border-width: 6px;
margin-left: -6px
}
.tooltip--shadow+.tooltip.top .tooltip-arrow {
border-top-color: transparent
}
.tooltip--shadow+.tooltip .tooltip-inner {
position: relative;
color: #000;
background-color: #dfe6e7;
border: 1px solid #ccd7d8;
-webkit-box-shadow: 0 2px 5px rgba(0,0,0,.2), inset 0 1px 1px rgba(255,255,255,.75);
-moz-box-shadow: 0 2px 5px rgba(0,0,0,.2), inset 0 1px 1px rgba(255,255,255,.75);
box-shadow: 0 2px 5px rgba(0,0,0,.2), inset 0 1px 1px rgba(255,255,255,.75)
}
.tooltip--shadow+.tooltip .tooltip-inner:after, .tooltip--shadow+.tooltip .tooltip-inner:before {
top: 100%;
left: 50%;
border: solid transparent;
content: " ";
height: 0;
width: 0;
position: absolute;
pointer-events: none
}
.tooltip--shadow+.tooltip .tooltip-inner:after {
border-color: rgba(223,230,231,0);
border-top-color: #dfe6e7;
border-width: 5px;
margin-left: -5px
}
.tooltip--shadow+.tooltip .tooltip-inner:before {
border-color: rgba(204,215,216,0);
border-top-color: #ccd7d8;
border-width: 6px;
margin-left: -6px
}
.tags--display {
font-size: 0;
margin-bottom: -5px
}
.tags--display .tags__link {
display: inline-block;
padding: 5px 15px 9px;
margin-right: 5px;
margin-bottom: 5px;
font-size: 12px;
line-height: 12px;
background-color: #dfe6e7;
-webkit-border-radius: 13px;
-moz-border-radius: 13px;
border-radius: 13px;
-webkit-transition: all 300ms ease-in;
-o-transition: all 300ms ease-in;
transition: all 300ms ease-in;
cursor: pointer
}
.tags--display .tags__link--active, .tags--display .tags__link:hover {
color: #fff;
background-color: #85d6de
}
.tags--bottom {
margin-bottom: 25px
}
.tags--btn {
margin-top: -4px;
margin-bottom: 30px;
text-align: center
}
.tags--btn .tags__link {
display: inline-block;
min-width: 90px;
padding: 6px 20px;
color: #34495e;
cursor: pointer
}
.tags--btn .tags__link--active {
border: 2px solid #85d6de;
-webkit-border-radius: 18px;
-moz-border-radius: 18px;
border-radius: 18px
}
.slider-siderbar--secondary {
overflow: hidden;
margin-top: 35px;
margin-bottom: 36px
}
.slider-siderbar--secondary .slider-siderbar-control {
background-color: #85d6de
}
.slider-siderbar--secondary .slide-info__heading {
margin-top: 105px;
font-family: 'Open Sans', sans-serif;
line-height: 22px;
font-weight: 700;
color: #34495e
}
.blockquote--empty {
padding-left: 262px;
padding-right: 300px;
background-color: #fff
}
.blockquote--empty:before {
display: none
}
.blockquote--empty:after {
content: "“";
position: absolute;
top: 89px;
left: 150px;
font-size: 120px;
font-weight: 700;
font-style: italic;
color: #34495e
}
.blockquote--empty .blockquote__author {
padding-right: 212px;
background-color: #fff
}
.blockquote--strong {
padding-left: 75px;
padding-right: 75px;
padding-top: 93px;
font-size: 38px
}
.blockquote--strong:after, .blockquote--strong:before {
display: none
}
.blockquote--strong .blockquote__line {
font-size: 30px;
display: block;
margin-bottom: 21px;
line-height: 32px
}
.blockquote--strong .blockquote__line strong {
font-size: 38px;
font-weight: 800
}
.blockquote--strong .blockquote__author {
padding-right: 47px;
padding-top: 5px
}
.blockquote--strong .blockquote__divider:before {
top: 28px
}
.subscribe--thin {
padding-top: 15px;
padding-bottom: 18px
}
.subscribe--thin .submit-control {
width: 100%
}
.subscribe--thin .subscribe__field {
width: 100%;
max-width: 100%
}
.subscribe--empty {
background-color: transparent;
padding: 0;
float: right
}
.subscribe--empty .subscribe__btn {
line-height: 18px!important;
color: #fff
}
.subscribe--empty .subscribe__field {
border: 1px solid #dfe6e7;
min-width: 315px
}
.post__interaction .share--full .share__item {
width: 24.5%;
padding: 21px 26px 19px;
margin-right: 1px
}
.gallery-full {
width: 102.1%
}
.gallery-full .gallery__image {
position: relative
}
.gallery-full .gallery__image:before {
content: "";
position: absolute;
top: -5%;
left: -5%;
width: 110%;
height: 110%;
border: 5px solid #34495e;
-webkit-transition: all 300ms;
-o-transition: all 300ms;
transition: all 300ms;
opacity: 0
}
.gallery-full .image-container__info, .gallery-full .image-container__info-main, .gallery-full .image-container__info-more {
position: relative;
-webkit-transition: all 300ms;
-o-transition: all 300ms;
transition: all 300ms
}
.gallery-full .gallery-item {
overflow: hidden;
display: block;
margin-bottom: 3px;
margin-right: 3px;
width: 240px
}
.gallery-full .gallery-item:hover .image-container__info {
background-color: #34495e
}
.gallery-full .gallery-item:hover .image-container__info-main, .gallery-full .gallery-item:hover .image-container__info-more {
color: #fff
}
.gallery-full .gallery-item:hover .gallery__image:before {
top: 0;
left: 0;
width: 100%;
height: 100%;
opacity: 1
}
.case--slider {
max-height: 440px;
margin-bottom: 67px
}
.opposite-block {
position: relative;
padding-left: 100px
}
.opposite-block:before {
content: "";
position: absolute;
top: 0;
left: 0;
width: 1px;
height: 100%;
background-color: #dfe6e7
}
.opposite-block .heading-helper {
text-align: right;
margin-bottom: 54px
}
.opposite-block .stat {
display: inline-block;
margin-right: 25px
}
.opposite-block .stat--additional {
margin-right: 70px
}
.opposite-block .stat--clean {
margin-right: 0
}
.opposite-block .stat-row {
padding-bottom: 50px
}
.service--large-present {
padding-bottom: 0
}
.service--large-present .icon {
margin-right: 35px;
margin-bottom: 20px
}
.service--large-present .service__heading {
padding: 11px 0 15px
}
.service--colored-large .icon {
margin-top: 0;
margin-right: 0
}
.service--colored-large .icon .icon__item {
margin: 0
}
.service--colored-large .icon--border {
position: relative;
z-index: 21
}
.service--colored-large .icon--border:before {
content: "";
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
background-repeat: no-repeat;
background-size: 220px 200px;
background-position: 50% 0;
z-index: -1;
opacity: .05
}
.service--colored-large .icon--border .icon__item {
width: 263px;
height: 263px;
padding-top: 76px;
font-size: 100px
}
.service--colored-large .icon--cloud:before {
background-image: url(../images/icons/cloud--decorated.svg)
}
.service--colored-large .icon--users:before {
background-image: url(../images/icons/users-decorated.svg)
}
.service--colored-large .icon--rocket:before {
background-image: url(../images/icons/rocket-decorated.svg)
}
.service--colored-large .icon--desktop:before {
background-image: url(../images/icons/desktop-decorated.svg)
}
.service--colored-large .service__info {
min-height: 263px;
padding-left: 30px;
background-color: #85d6de;
overflow: hidden
}
.service--colored-large .service__heading {
padding-top: 62px;
padding-bottom: 25px;
color: #fff;
font-weight: 700
}
.service--colored-large .service__link:hover .service__heading {
color: #fff
}
.service--colored-large p {
color: #34495e
}
.service--reverse {
text-align: right
}
.service--reverse .service__info {
padding-left: 0;
padding-right: 30px;
margin-right: 263px
}
.service--reverse .icon {
float: right;
margin-top: -263px
}
.service-step--single {
margin-top: 82px
}
.service-step--single .service-step__heading {
padding-bottom: 65px
}
.service-step__info--bottom {
margin-bottom: 73px
}
.promo-space {
margin-top: 42px;
margin-left: 30px
}
.service-line {
padding-bottom: 40px;
background-color: #34495e
}
.service-line .service__title {
margin-top: 66px;
color: #fff;
text-align: center
}
.service-line .service__heading {
padding-top: 2px;
padding-bottom: 20px;
color: #fff
}
.service-line p {
color: #758594
}
.service-line .icon {
float: none;
margin: 0
}
.i-desktop {
position: relative;
display: block;
width: 55px;
height: 55px;
z-index: 20
}
.i-desktop img {
background-color: #34495e;
-webkit-border-radius: 50%;
-moz-border-radius: 50%;
border-radius: 50%
}
.i-desktop:before {
content: "";
position: absolute;
top: 0;
z-index: -1;
left: 10px;
display: block;
background-image: url(../images/icons/desktop.svg);
background-size: 55px 55px;
background-repeat: no-repeat;
width: 55px;
height: 55px;
opacity: .1
}
.i-desktop:after {
content: "";
position: absolute;
top: 0;
z-index: -1;
left: 20px;
display: block;
background-image: url(../images/icons/desktop.svg);
background-size: 55px 55px;
background-repeat: no-repeat;
width: 55px;
height: 55px;
opacity: .08
}
.i-desktop .icon-helper {
display: block;
background-image: url(../images/icons/desktop.svg);
background-size: 55px 55px;
background-repeat: no-repeat;
width: 55px;
height: 55px;
position: absolute;
top: 0;
left: 30px;
z-index: -1;
opacity: .06
}
.i-desktop .icon-helper:before {
content: "";
position: absolute;
top: 0;
z-index: -1;
left: 10px;
display: block;
background-image: url(../images/icons/desktop.svg);
background-size: 55px 55px;
background-repeat: no-repeat;
width: 55px;
height: 55px;
opacity: .6
}
.i-desktop .icon-helper:after {
content: "";
position: absolute;
top: 0;
z-index: -1;
left: 20px;
display: block;
background-image: url(../images/icons/desktop.svg);
background-size: 55px 55px;
background-repeat: no-repeat;
width: 55px;
height: 55px;
opacity: .3
}
.i-code {
position: relative;
display: block;
width: 55px;
height: 55px;
z-index: 20
}
.i-code img {
background-color: #34495e;
-webkit-border-radius: 50%;
-moz-border-radius: 50%;
border-radius: 50%
}
.i-code:before {
content: "";
position: absolute;
top: 0;
z-index: -1;
left: 10px;
display: block;
background-image: url(../images/icons/code.svg);
background-size: 55px 55px;
background-repeat: no-repeat;
width: 55px;
height: 55px;
opacity: .1
}
.i-code:after {
content: "";
position: absolute;
top: 0;
z-index: -1;
left: 20px;
display: block;
background-image: url(../images/icons/code.svg);
background-size: 55px 55px;
background-repeat: no-repeat;
width: 55px;
height: 55px;
opacity: .08
}
.i-code .icon-helper {
display: block;
background-image: url(../images/icons/code.svg);
background-size: 55px 55px;
background-repeat: no-repeat;
width: 55px;
height: 55px;
position: absolute;
top: 0;
left: 30px;
z-index: -1;
opacity: .06
}
.i-code .icon-helper:before {
content: "";
position: absolute;
top: 0;
z-index: -1;
left: 10px;
display: block;
background-image: url(../images/icons/code.svg);
background-size: 55px 55px;
background-repeat: no-repeat;
width: 55px;
height: 55px;
opacity: .6
}
.i-code .icon-helper:after {
content: "";
position: absolute;
top: 0;
z-index: -1;
left: 20px;
display: block;
background-image: url(../images/icons/code.svg);
background-size: 55px 55px;
background-repeat: no-repeat;
width: 55px;
height: 55px;
opacity: .3
}
.i-chart {
position: relative;
display: block;
width: 55px;
height: 55px;
z-index: 20
}
.i-chart img {
background-color: #34495e;
-webkit-border-radius: 50%;
-moz-border-radius: 50%;
border-radius: 50%
}
.i-chart:before {
content: "";
position: absolute;
top: 0;
z-index: -1;
left: 10px;
display: block;
background-image: url(../images/icons/chart.svg);
background-size: 55px 55px;
background-repeat: no-repeat;
width: 55px;
height: 55px;
opacity: .1
}
.i-chart:after {
content: "";
position: absolute;
top: 0;
z-index: -1;
left: 20px;
display: block;
background-image: url(../images/icons/desktop.svg);
background-size: 55px 55px;
background-repeat: no-repeat;
width: 55px;
height: 55px;
opacity: .08
}
.i-chart .icon-helper {
display: block;
background-image: url(../images/icons/chart.svg);
background-size: 55px 55px;
background-repeat: no-repeat;
width: 55px;
height: 55px;
position: absolute;
top: 0;
left: 30px;
z-index: -1;
opacity: .06
}
.i-chart .icon-helper:before {
content: "";
position: absolute;
top: 0;
z-index: -1;
left: 10px;
display: block;
background-image: url(../images/icons/chart.svg);
background-size: 55px 55px;
background-repeat: no-repeat;
width: 55px;
height: 55px;
opacity: .6
}
.i-chart .icon-helper:after {
content: "";
position: absolute;
top: 0;
z-index: -1;
left: 20px;
display: block;
background-image: url(../images/icons/chart.svg);
background-size: 55px 55px;
background-repeat: no-repeat;
width: 55px;
height: 55px;
opacity: .3
}
.service--special .icon {
display: block;
float: none;
overflow: hidden;
text-align: center
}
.service--special .icon__item {
position: relative;
display: inline-block;
width: 66px;
height: 66px;
margin: 68px auto 63px;
padding-top: 14px;
text-align: center;
color: #fff;
background: #0089b0;
-webkit-border-radius: 50%;
-moz-border-radius: 50%;
border-radius: 50%
}
.service--special .icon__item:before {
content: "";
position: absolute;
top: 0;
left: 0;
width: 185px;
height: 185px;
margin-top: -59px;
margin-left: -59px;
background-image: url(../images/components/snowflake.svg);
background-repeat: no-repeat;
background-position: 50% 50%;
opacity: .5;
z-index: -1
}
.service--special .icon__item:after {
content: "";
position: absolute;
top: 0;
left: 0;
width: 185px;
height: 185px;
margin-top: -59px;
margin-left: -59px;
background-image: url(../images/components/snowflake-hover.svg);
background-repeat: no-repeat;
background-position: 50% 50%;
opacity: 0;
transform: scale(.5);
z-index: -1;
-webkit-transition: all 500ms ease-in;
-o-transition: all 500ms ease-in;
transition: all 500ms ease-in
}
.service--special .icon__item:hover:after {
opacity: 1;
transform: scale(1)
}
.service--special .service__heading {
padding-bottom: 30px;
text-align: center;
font-size: 18px;
font-weight: 600
}
.service--special .service__offer {
display: block;
font-weight: 800;
text-transform: uppercase
}
.service--special .service__target {
color: #ff6163
}
.service--special .service__link:hover .service__heading {
color: #34495e
}
.service--special .service__text {
text-align: center;
padding: 0 30px
}
.service--special p strong {
color: #34495e;
font-style: italic
}
.search--empty {
display: inline-block;
padding-top: 35px;
margin: 0 0 0 20px
}
.search--empty .search__btn {
top: 43px;
right: auto;
left: 0;
color: #758594
}
.search--empty .search__field {
height: auto;
padding-top: 10px;
padding-bottom: 13px;
padding-left: 45px;
font-size: 14px;
color: #758594;
background: 0 0;
border: none;
-webkit-border-radius: 0;
-moz-border-radius: 0;
border-radius: 0
}
.search--empty .search__field:hover {
color: #758594;
border: none
}
.search--empty .search__field:hover+.search__btn {
color: #758594
}
.search--empty .search__field:focus {
color: #34495e;
border: none
}
.search--empty .search__field:focus+.search__btn {
color: #34495e
}
.search--light {
margin-top: 13px;
margin-right: 20px
}
.search--light .search__field {
width: 245px;
background-color: #fff;
border-color: #dfe6e7
}
.search--light .search__field:focus, .search--light .search__field:hover {
color: #34495e;
border-color: #34495e
}
.search--light .search__field:focus+.search__btn, .search--light .search__field:hover+.search__btn {
color: #34495e
}
.search--large {
display: inline-block;
margin-right: 0;
margin-top: 0
}
.search--large .search__field {
min-width: 380px;
height: 50px;
padding: 13px 15px 16px 30px;
font-size: 14px;
color: #34495e;
-webkit-border-radius: 25px;
-moz-border-radius: 25px;
border-radius: 25px
}
.search--large .search__btn {
top: 12px;
right: 10px;
color: #34495e
}
.search--long {
display: inline-block;
margin-right: 0;
margin-top: 20px;
margin-bottom: 20px
}
.search--long .search__field {
width: 360px;
color: #34495e
}
.search--long .search__btn {
color: #34495e
}
.search--centered {
display: inline-block;
margin-left: 120px
}
.btn--logout {
padding-left: 26px;
padding-right: 26px;
margin-left: 10px
}
.test-btn {
padding: 17px 26px 15px
}
.question {
margin-bottom: 0
}
.btn-support {
margin-top: 23px;
padding: 17px 54px 15px!important
}
.btn-huge {
padding: 17px 64px 15px!important
}
.breadcrumb--nav {
margin-top: 0;
margin-bottom: 0
}
.breadcrumb--nav a {
color: #758594
}
.breadcrumb--nav a:hover {
color: #85d6de
}
.breadcrumb--nav>li+li:before {
color: #758594
}
.select--size {
width: 260px;
margin-top: -54px
}
.select--thin .selectpicker {
font-size: 12px;
padding: 2px 18px 4px
}
.bootstrap-select .dropdown-menu {
top: 21px
}
.select--simple .bootstrap-select .dropdown-menu {
top: 37px
}
.product--list {
max-width: 100%;
padding: 0;
text-align: left
}
.product--list:hover .product__control-left {
-webkit-transform: translateX(-102%);
-moz-transform: translateX(-102%);
-ms-transform: translateX(-102%);
transform: translateX(-102%)
}
.product--list:hover .product__control-right {
-webkit-transform: translateX(102%);
-moz-transform: translateX(102%);
-ms-transform: translateX(102%);
transform: translateX(102%)
}
.product--list .product__photo {
position: relative;
max-width: 360px;
overflow: hidden;
float: left;
margin-right: 30px
}
.product--list .product__photo:hover .product__control__item {
-webkit-transform: translateX(0);
-moz-transform: translateX(0);
-ms-transform: translateX(0);
transform: translateX(0)
}
.product--list .product__photo--bordered {
border: 5px solid #dfe6e7;
-webkit-transition: border 400ms ease-in;
-o-transition: border 400ms ease-in;
transition: border 400ms ease-in
}
.product--list .product__photo--bordered:hover {
border-color: #34495e
}
.product--list .product__control .product__control__item {
top: 50%;
margin-top: -30px
}
.product--list .product__title {
padding-right: 90px;
padding-bottom: 8px;
line-height: 22px;
margin-top: 55px
}
.product--list .product__title:hover {
color: #85d6de
}
.product--list .product-rating {
float: left;
margin-bottom: 19px
}
.product--list .product-rating img {
margin: 0 -2px;
width: 25px;
height: 25px
}
.product--list .product__comment {
display: inline-block;
margin-top: 5px;
margin-bottom: 20px;
margin-left: 20px;
color: #34495e
}
.product--list .product__comment .fa {
margin-right: 5px
}
.product--list .product__link {
display: inline-block;
padding-top: 8px;
padding-left: 2px;
padding-right: 2px
}
.product--list .product__link .fa {
margin-right: 7px
}
.product--list .product__action {
text-align: center
}
.product--list .product__price {
margin-top: 45%;
font-size: 42px;
line-height: 42px;
margin-bottom: 12px
}
.product--list .product__sale--under {
top: -70%;
left: 20%
}
.separate-block {
border-right: 1px solid #dfe6e7
}
.product--list-sm .product__photo {
max-width: 165px
}
.product--list-sm .product__control-right {
width: 100%;
padding-left: 0;
text-align: center
}
.product--list-sm .product__title {
margin-top: 15px
}
.product--list-sm .product__price {
font-size: 34px;
margin-bottom: 10px;
margin-top: 30%
}
.product__marker--sm {
width: 50px;
height: 50px;
padding-top: 15px;
font-size: 14px
}
.slidershow-large {
padding-top: 50px;
padding-bottom: 50px;
max-height: 360px
}
.product--single {
padding-top: 0;
padding-left: 0;
padding-right: 0;
max-width: 100%;
text-align: left
}
.product--single .product__price {
padding-top: 9px;
font-size: 42px
}
.product--single .product__title {
margin-top: 38px
}
.product--single .score img {
margin: 5px -2px 0;
width: 25px;
height: 25px
}
.product--single .product__review {
display: inline-block;
padding-bottom: 14px;
color: #34495e
}
.product--single .product__more {
margin-bottom: 55px
}
.product--single .product__link {
padding: 0 2px;
margin-right: 26px
}
.product--single .product__link .fa {
margin-right: 6px
}
.product--single .product__btn {
padding-top: 17px;
padding-bottom: 15px
}
.product__decribe--full .product__info {
padding-right: 40%
}
.product__decribe--full .product-rating {
position: absolute;
top: 13px;
right: 15px
}
.product__decribe--full .product__review {
position: absolute;
top: 40px;
right: 15px
}
.product__decribe--full .product__link {
display: inline-block;
margin-right: 0;
margin-bottom: 11px
}
.product__decribe--full .product__more {
position: absolute;
top: 77px;
right: 15px;
width: 120px;
text-align: right
}
.quantity-choose {
width: 170px;
overflow: hidden;
margin-right: 25px;
margin-bottom: 15px;
float: left
}
.quantity .quantity__elem {
height: 50px;
color: #737c85;
background: 0 0;
border: none;
box-shadow: none;
float: left
}
.quantity .qty {
width: 84px;
font-size: 14px;
text-align: center;
border: 1px solid #dfe6e7
}
.quantity .qtyminus, .quantity .qtyplus {
width: 42px;
position: relative;
z-index: 5;
color: transparent
}
.quantity .qtyminus-wrap {
position: relative
}
.quantity .qtyminus-wrap:before {
content: "\f068";
position: absolute;
top: 0;
left: 0;
width: 42px;
height: 50px;
padding-top: 18px;
padding-left: 18px;
font: 14px FontAwesome;
color: #737c85;
background-color: #dfe6e7;
-webkit-border-radius: 25px 0 0 25px;
-moz-border-radius: 25px 0 0 25px;
border-radius: 25px 0 0 25px;
z-index: 2
}
.quantity .qtyplus-wrap {
position: relative
}
.quantity .qtyplus-wrap:before {
content: "\f067";
position: absolute;
top: 0;
right: 2px;
width: 42px;
height: 50px;
padding-top: 18px;
padding-left: 14px;
font: 14px FontAwesome;
color: #737c85;
background-color: #dfe6e7;
-webkit-border-radius: 0 25px 25px 0;
-moz-border-radius: 0 25px 25px 0;
border-radius: 0 25px 25px 0;
z-index: 2
}
.tabs .tab-content .comment__author {
margin-bottom: -1px
}
.tabs .tab-content .comment__text {
margin-bottom: 6px
}
.tabs .tab-content .comment-rating {
position: absolute;
top: 15px;
right: 20px
}
.tabs .tab-content .comment-rating img {
margin: 0 -3px;
width: 25px;
height: 25px
}
.checkbox--strict label {
padding-left: 25px;
margin-bottom: 4px;
font-style: normal;
color: #737c85
}
.checkbox--strict input[type=checkbox]+label:before {
bottom: 6px
}
.link--check {
display: inline-block;
padding-left: 0 2px;
margin-top: 12px;
margin-bottom: 8px
}
.link--check .fa {
margin-right: 8px
}
.contact--check {
padding-right: 50px;
margin-top: 8px;
margin-bottom: 0
}
.contact--check .contact__field {
padding: 6px 30px;
height: 40px
}
.contact--check .bootstrap-select:not([class*=span]):not([class*=col-]):not([class*=form-control]):not(.input-group-btn) {
margin-bottom: 10px
}
.contact--check .bootstrap-select .dropdown-menu {
top: 37px
}
.contact--thin {
padding: 10px 0;
margin-bottom: 0
}
.contact--thin .contact__field {
margin-bottom: 0;
font-size: 12px;
padding: 0 20px 1px;
height: 24px;
line-height: 17px
}
.checkout__total {
padding: 15px 40px 15px 0;
font-size: 22px;
font-weight: 700;
color: #34495e;
text-align: right
}
.check__btn {
margin-top: 30px
}
.table__item {
padding-left: 5px;
padding-right: 5px
}
.product__shortname {
color: #34495e;
margin-top: 4px;
margin-bottom: -7px
}
.product__thumb {
float: left;
margin-left: -8px;
margin-right: 35px
}
.product__star {
margin-left: -5px
}
.checkout__result {
font-weight: 700;
color: #34495e
}
.table--product tbody>tr>td {
padding-top: 9px;
padding-bottom: 8px
}
.table--product tbody>tr>.checkout__result {
padding-top: 19px;
padding-bottom: 18px
}
.table-info {
width: 100%;
vertical-align: middle
}
.col-section-sm {
width: 40%
}
.col-section-lg {
width: 60%
}
.order-btn {
overflow: hidden
}
.table--short {
width: 100%
}
.table--short td {
padding-left: 55px;
font-size: 16px;
color: #34495e;
padding-top: 8px;
padding-bottom: 9px
}
.table--cart thead>tr>th {
padding-top: 24px;
padding-bottom: 27px;
font-size: 18px
}
.table--cart tbody>tr>td {
padding-top: 14px;
padding-bottom: 13px
}
.table--cart .total-place {
position: relative
}
.table--cart .remove-item {
position: absolute;
top: -5px;
right: 10px;
font-size: 16px;
color: #34495e
}
.table--cart .remove-item:hover {
color: #85d6de
}
.table--max {
width: 50%
}
.table--max .checkout__result--mode {
font-style: italic;
font-size: 16px;
margin-top: 7px
}
.col-half {
width: 50%
}
.col--dark {
background-color: rgba(0,0,0,.03)
}
.col--light {
background-color: rgba(255,255,255,.1)
}
.col-width {
width: 25%
}
.quantity-choose--sep {
float: none;
margin-bottom: 0;
max-width: 170px;
margin-left: auto;
margin-right: auto
}
.link--shopping {
float: right;
margin-top: -29px;
display: inline-block;
padding: 0 2px
}
.link--shopping .fa {
margin-right: 8px
}
.sub-header--shop {
padding-bottom: 40px;
margin-top: -8px
}
.sub-header--side {
text-align: right
}
.choose-info {
text-align: center;
max-width: 360px;
margin: 0 auto
}
.contact--choose {
max-width: 310px;
margin: 13px auto 50px
}
.contact--choose .contact__btn {
margin-top: 42px
}
.contact--choose .bootstrap-select:not([class*=span]):not([class*=col-]):not([class*=form-control]):not(.input-group-btn) {
margin-bottom: 10px
}
.contact--choose .bootstrap-select .dropdown-menu {
top: 37px
}
.table--cut {
max-width: 330px;
margin: 0 auto
}
.checkout__sum--large {
margin-top: 10px;
margin-bottom: 41px;
font-size: 30px;
text-transform: uppercase
}
.btn--facebook {
min-width: 200px;
margin: 0 5px;
background-color: #3b5998
}
.btn--facebook .fa {
margin-right: 20px
}
.btn--facebook:focus, .btn--facebook:hover {
background-color: #2f487e;
color: #fff
}
.btn--twitter {
min-width: 200px;
margin: 0 5px;
background-color: #00acee
}
.btn--twitter .fa {
margin-right: 12px
}
.btn--twitter:focus, .btn--twitter:hover {
background: #0492c8;
color: #fff
}
.footer--cut {
text-align: center
}
.footer--cut .heading-info {
padding-top: 35px;
margin-bottom: 7px
}
.footer--cut .contact-info {
padding-top: 5px;
padding-bottom: 5px
}
.footer--cut .contact-info .contact-info__item {
color: #758594
}
.footer--cut .contact-info .contact-info__item .fa {
color: #fff
}
.footer--cut .copy {
margin-top: 26px;
padding-bottom: 23px;
border: none
}
.contact--clean {
margin-bottom: 0
}
.contact--icon .heading-helper {
margin-top: 8px
}
.contact--icon .contact__field {
font-size: 11px;
font-weight: 600;
font-style: normal;
text-transform: uppercase;
color: #c2cbcc;
padding-top: 12px;
padding-bottom: 10px;
-webkit-transition: all 300ms ease;
-o-transition: all 300ms ease;
transition: all 300ms ease
}
.contact--icon .contact__field:focus {
color: #34495e
}
.contact--icon .contact__field-container:before {
-webkit-transition: all 300ms ease;
-o-transition: all 300ms ease;
transition: all 300ms ease
}
.contact--icon .contact__field-container.container-focus:before {
color: #34495e
}
.contact--icon .contact__area {
padding-top: 16px
}
.contact--icon .contact__field-container {
position: relative
}
.contact--icon .contact__field-container:before {
content: "";
position: absolute;
top: 10px;
right: 20px;
font-size: 12px;
font-family: FontAwesome;
color: #c2cbcc
}
.contact--icon .contact__field--name:before {
content: "\f007"
}
.contact--icon .contact__field--email:before {
content: "\f0e0";
top: 11px
}
.contact--icon .contact__field--area:before {
content: "\f040";
top: 14px
}
.contact--full {
text-align: center
}
.contact--full .heading-helper--left {
margin-bottom: 24px
}
.contact--full .btn {
display: block
}
.heading-helper--left {
text-align: left;
margin-top: 8px;
margin-bottom: 14px
}
.list.list--top-line {
margin-top: 0;
margin-bottom: 60px
}
.video-container--large {
padding-bottom: 62%!important
}
.short-text--uni {
margin-top: 55px
}
.post .post__heading--top {
margin-top: 62px
}
.subscribe--huge {
margin-top: 28px;
float: none
}
.subscribe--huge .subscribe__field {
min-width: 700px;
padding: 13px 175px 15px 30px;
font-size: 14px;
-webkit-border-radius: 25px;
-moz-border-radius: 25px;
border-radius: 25px;
-webkit-transition: border-color 300ms ease;
-o-transition: border-color 300ms ease;
transition: border-color 300ms ease
}
.subscribe--huge .subscribe__field:focus {
border-color: #34495e
}
.subscribe--huge .subscribe__btn {
width: 165px;
padding-top: 18px;
padding-bottom: 14px;
font-size: 18px;
text-shadow: 0 1px 1px rgba(0,0,0,.15);
-webkit-border-radius: 0 25px 25px 0;
-moz-border-radius: 0 25px 25px 0;
border-radius: 0 25px 25px 0;
-webkit-transition: all 300ms ease-in;
-o-transition: all 300ms ease-in;
transition: all 300ms ease-in;
z-index: 20
}
.subscribe--huge .subscribe__btn:before {
content: "";
position: absolute;
left: 0;
bottom: 0;
width: 100%;
height: 50%;
background-color: rgba(0,0,0,.04);
-webkit-border-radius: 0 0 25px;
-moz-border-radius: 0 0 25px;
border-radius: 0 0 25px;
z-index: -1
}
.subscribe--huge .subscribe__btn:hover {
background-color: #7bc6cd
}
.service--center {
padding-top: 12px;
text-align: center
}
.service--center .icon {
float: none;
margin-right: 0
}
.service--center .service__heading {
padding-top: 14px;
padding-bottom: 17px
}
.carousel-present-sm {
margin-top: 12px
}
.share .share__item {
position: relative
}
.share .share__counter {
position: absolute;
bottom: 130%;
left: 0;
display: block;
min-width: 62px;
padding: 9px 15px 7px;
font-size: 18px;
font-weight: 700;
color: #34495e;
text-align: center;
background-color: #fff;
border: 1px solid #34495e;
-webkit-box-shadow: 0 2px 5px rgba(0,0,0,.2);
-moz-box-shadow: 0 2px 5px rgba(0,0,0,.2);
box-shadow: 0 2px 5px rgba(0,0,0,.2)
}
.share .share__counter:after, .share .share__counter:before {
top: 100%;
left: 50%;
border: solid transparent;
content: " ";
height: 0;
width: 0;
position: absolute;
pointer-events: none
}
.share .share__counter:after {
border-color: rgba(255,255,255,0);
border-top-color: #fff;
border-width: 8px;
margin-left: -8px
}
.share .share__counter:before {
border-color: rgba(0,0,0,0);
border-top-color: #34495e;
border-width: 9px;
margin-left: -9px
}
.share--top {
margin-top: 130px
}
.forum--alt {
min-height: 560px;
padding-top: 182px;
text-align: center;
background-image: url(../images/forum/forum-alt.jpg);
background-repeat: no-repeat;
background-position: center;
background-size: cover
}
.forum--alt .forum {
padding-bottom: 0
}
.forum--alt .forum__describe, .forum--alt .forum__heading {
color: #fff
}
.forum--alt .search__field {
min-width: 700px;
padding-right: 175px
}
.forum--alt .search__btn {
padding: 0;
top: 0;
right: 0
}
.forum--alt .search__btn .btn--decorated {
padding: 17px 19px 15px;
box-shadow: none;
-webkit-border-radius: 0 25px 25px 0;
-moz-border-radius: 0 25px 25px 0;
border-radius: 0 25px 25px 0
}
.forum--alt .search__btn .btn--decorated:before {
-webkit-border-radius: 0 0 25px;
-moz-border-radius: 0 0 25px;
border-radius: 0 0 25px
}
.tags-line {
padding: 22px 0;
background-color: #f3f7f7
}
.tags-line .tags-line__title {
margin-right: 50px;
margin-top: 4px;
margin-bottom: 0;
font-size: 18px;
font-weight: 700;
color: #737c85;
float: left
}
.tags--bordered {
font-size: 0
}
.tags--bordered .tags__link {
position: relative;
display: inline-block;
margin: 0 10px;
padding-top: 2px;
padding-left: 11px;
padding-right: 11px;
font-size: 18px;
font-weight: 700;
color: #85d6de;
z-index: 20;
overflow: hidden;
border: 2px solid #85d6de;
-webkit-border-radius: 18px;
-moz-border-radius: 18px;
border-radius: 18px;
-webkit-transition: all 300ms ease-in;
-o-transition: all 300ms ease-in;
transition: all 300ms ease-in
}
.tags--bordered .tags__link:before {
content: "";
position: absolute;
top: 0;
left: 0;
z-index: -1;
width: 102%;
height: 0;
opacity: 0;
background-color: #85d6de;
-webkit-transition: all 300ms ease-in;
-o-transition: all 300ms ease-in;
transition: all 300ms ease-in
}
.tags--bordered .tags__link:hover {
color: #fff
}
.tags--bordered .tags__link:hover:before {
height: 102%;
opacity: 1
}
.special--empty {
background-image: none
}
.special-images {
max-width: 507px;
max-height: 173px;
margin-top: 20px;
margin-bottom: 28px
}
.btn--space {
margin-top: 59px;
margin-bottom: 81px
}
.short-contact {
padding-top: 105px;
padding-bottom: 84px;
margin-bottom: 15px;
background-image: url(../images/components/promo-primary.png);
background-repeat: no-repeat;
background-position: 50% 50%;
background-attachment: fixed;
border-bottom: 1px solid rgba(0,0,0,.15)
}
.short-contact .short-contact__text {
display: block;
font: 24px 'Varela Round', sans-serif;
color: #fed37f
}
.short-contact .short-contact__tel {
display: block;
margin-top: -3px;
margin-bottom: 5px;
font: 40px 'Varela Round', sans-serif;
color: #fff
}
.offer {
display: block;
font-size: 0;
text-align: center
}
.offer .offer__item {
display: inline-block;
margin: 20px 5px 11px
}
.offer .offer__item .offer__title {
margin-top: 15px;
font-size: 16px;
font-weight: 700;
text-transform: uppercase;
color: #34495e
}
.offer .offer__images {
max-width: 249px;
max-height: 139px
}
.offer .offer__item--second .offer__title {
opacity: .6
}
.service-shot {
background-color: #85d6de;
font-size: 0;
text-align: center;
overflow: hidden;
padding-top: 10px;
padding-bottom: 10px
}
.service-shot .service-shot__item {
display: inline-block;
background-repeat: no-repeat;
margin: 0 60px;
padding: 15px 0 9px
}
.service-shot .service-shot__name {
font-size: 18px;
font-weight: 700;
color: #34495e
}
.service-shot .service-shot__item--track {
padding-left: 99px;
background-image: url(../images/icons/track.svg);
background-position: -14px -6px
}
.service-shot .service-shot__item--quality {
padding-left: 52px;
background-image: url(../images/icons/quality.svg);
background-position: -33px -6px
}
.service-shot .service-shot__item--support {
padding-left: 63px;
background-image: url(../images/icons/support.svg);
background-position: -30px -3px
}
.subscribe-line {
background-color: #85d6de
}
.subscribe-line .subscribe-line__info {
display: inline-block;
margin-top: 46px;
font: 26px 'Varela Round', sans-serif;
color: #34495e
}
.subscribe-line .subscribe__field {
border-color: #fff
}
.subscribe-line .subscribe {
margin-bottom: 35px;
margin-top: 32px
}
.subscribe .subscribe__btn--warning {
background-color: #fed37f;
right: -2px
}
.short-contact-container {
background-color: #34495e;
text-align: center
}
.short-contact-container .short-contact {
padding-top: 44px;
padding-bottom: 47px;
margin-bottom: 0;
border: none
}
.brand-container {
text-align: center
}
.brand-container img {
margin: 9px 20px 6px;
max-height: 40px
}
.shop-banner {
background-color: #f3f7f7
}
.shop-banner .tparrows.default {
width: 60px;
height: 60px;
background-color: #85d6de
}
.shop-banner .tparrows.default:before {
top: 14px
}
.shop-banner .tparrows.default:hover {
background-color: #34495e
}
.shop-banner .tp-leftarrow.default, .shop-banner .tp-rightarrow.default {
top: 50%!important;
margin-top: -30px!important
}
.full-placeholeder--shop {
height: auto;
padding-bottom: 20px;
min-height: 500px;
background: #f3f7f7
}
.full-placeholeder--shop .slider__heading--sm-danger {
padding-top: 50px
}
.full-placeholeder--shop .slider__heading--lg-primary {
margin-top: 0!important;
margin-bottom: 25px
}
.full-placeholeder--shop img {
margin-left: auto;
margin-right: auto;
display: block;
max-width: 422px;
max-height: 329px;
margin-bottom: -35px
}
.slider__product-lg1 {
opacity: 0
}
.slider__product-lg1 img {
width: 521px;
height: 472px
}
.slider__product-lg2 {
opacity: 0
}
.slider__product-lg2 img {
width: 526px;
height: 474px
}
.slider__price {
padding: 18px 30px 18px 50px;
font: 48px 'Varela Round', sans-serif;
color: #000;
text-shadow: 0 3px rgba(230,161,26,.5);
background-image: url(../images/components/badge.png);
background-repeat: no-repeat;
background-position: 0 0;
background-size: 218px 97px
}
.slider__heading--simple {
font: 48px 'Varela Round', sans-serif;
color: #fff
}
.slider__heading--secondary {
font: 24px 'Varela Round', sans-serif;
color: #85d6de
}
.slider__marker {
font-size: 200px;
font-weight: 800;
font-style: normal;
letter-spacing: 30px;
text-transform: uppercase;
color: rgba(255,255,255,.2)
}
.slider__discount {
font-size: 140px;
font-weight: 700;
font-style: normal;
color: #fed37f;
text-shadow: 0 3px #e6a11a
}
.slider__about {
font-size: 50px;
font-style: normal;
font-weight: 300;
color: #fff
}
.slider__marker--shadow {
font-size: 200px;
font-weight: 800;
font-style: normal;
text-transform: uppercase;
color: #85d6de;
text-shadow: 10px 0 rgba(0,0,0,.24)
}
.slider__discount--shadow {
font-size: 200px;
font-weight: 800;
font-style: normal;
color: #fed37f;
text-shadow: 10px 0 rgba(0,0,0,.24)
}
.slider__season {
font-family: Georgia;
font-size: 80px;
font-style: italic;
color: #758594
}
.twitter-section {
min-height: 380px;
background-color: #34495e;
background-image: url(../images/components/twiiter.jpg);
background-repeat: no-repeat;
background-position: 50% 50%;
background-attachment: fixed
}
.twitter-section .swiper-container {
margin: 0;
padding: 110px 0 0;
border: none
}
.twitter-section #twitter-actions, .twitter-section .tweet-time, .twitter-section .twitter-author, .twitter-section .twitter-pic, .twitter-section .twitter__follow {
display: none
}
.twitter-section .twitter-text {
margin-top: 61px;
margin-bottom: 28px
}
.twitter-section .twitter-text p {
font-size: 22px;
line-height: 30px;
font-style: italic;
text-align: center
}
.twitter-section .tweetprofilelink {
position: relative;
display: block;
text-align: center;
font-size: 18px
}
.twitter-section .tweetprofilelink:before {
content: "\f099";
position: absolute;
top: -53px;
left: 0;
width: 100%;
text-align: center;
font: 40px FontAwesome;
color: #fff
}
.twitter-section .swiper-pagination {
position: relative;
bottom: 0
}
.twitter-section .swiper-pagination-switch {
width: 10px;
height: 10px;
background-color: transparent;
border: 1px solid #fff;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px
}
.twitter-section .swiper-active-switch, .twitter-section .swiper-pagination-switch:hover {
background-color: #fff
}
.twitter--special #twitter-feed-list .tweetprofilelink a {
color: #a2dbeb
}
.twitter--special #twitter-feed-list .tweetprofilelink a:hover {
color: #34495e
}
.twitter--special .twitter-article a {
color: #a2dbeb
}
.twitter--special .twitter-article a:hover {
color: #34495e
}
.twitter--special #intent-reply a {
background-image: url(../images/icons/reply-sp.svg)
}
.twitter--special #intent-retweet a {
background-image: url(../images/icons/retweet-sp.svg)
}
.twitter--special #intent-fave a {
padding-right: 0;
background-image: url(../images/icons/fave-sp.svg)
}
.twitter--special #intent-reply a:hover {
background-image: url(../images/icons/reply-hover.svg)
}
.twitter--special #intent-retweet a:hover {
background-image: url(../images/icons/retweet-hover.svg)
}
.twitter--special #intent-fave a:hover {
padding-right: 0;
background-image: url(../images/icons/fave-hover.svg)
}
.slider-information {
margin-top: 64px
}
.slider-information .slider-information__item {
text-align: center;
display: none
}
.slider-information .slider-information__item--first {
display: block
}
.slider-information .slider-information__text {
margin-bottom: 38px;
font-size: 22px;
font-style: italic;
color: #34495e
}
.slider-information .slider-information__author {
position: relative;
display: inline-block;
font-size: 16px;
font-weight: 700;
font-style: italic;
color: #85d6de
}
.slider-information .slider-information__author:before {
content: "“";
position: absolute;
top: 24px;
left: -73px;
font-size: 120px;
font-style: italic;
font-weight: 400;
color: #85d6de
}
.slider-information .slider-information__author:after {
content: "”";
position: absolute;
top: 24px;
right: -55px;
font-size: 120px;
font-style: italic;
font-weight: 400;
color: #85d6de
}
.carousel-sides .swiper-slide .image-container:after {
content: "";
position: absolute;
bottom: -36px;
left: 50%;
width: 0;
height: 0;
border-style: solid;
border-width: 13px 11px 0;
border-color: transparent;
-webkit-transition: all 400ms ease-in;
-o-transition: all 400ms ease-in;
transition: all 400ms ease-in
}
.carousel-sides .swiper-slide.carousel-slide-active .image-container {
position: relative;
border-color: #85d6de
}
.carousel-sides .swiper-slide.carousel-slide-active .image-container:after {
border-color: #85d6de transparent transparent
}
.carousel-sides .swiper-slide.carousel-slide-active .image-container:before {
border-color: #85d6de
}
.carousel-sides--info .swiper-slide {
padding-bottom: 35px
}
.carousel-sides--info .carousel-sides {
max-height: 400px
}
.similar-object--large {
padding-top: 93px;
padding-bottom: 120px;
margin-top: 120px
}
.similar-object--wide {
margin-top: 115px;
padding-top: 93px;
padding-bottom: 120px
}
.similar-object--wide .image-container--fading:before {
background: 0 0
}
.similar-object--wide .image-container--fading .image-container__info {
position: relative;
top: 0;
left: 0;
display: block;
padding: 15px 0 17px;
margin-top: 0;
text-align: center;
font-size: 16px;
background: rgba(255,255,255,.6)
}
.similar-object--wide .swiper-slide:hover .image-container__info {
opacity: 1
}
.product--down {
margin-bottom: 0;
padding-bottom: 0
}
.testimonial-block--home {
padding-bottom: 120px
}
.share--counter .share__item {
min-width: 70px
}
.share--counter .share__counter {
left: 50%;
margin-left: -31px
}
.bottom-space--large {
padding-bottom: 102px
}
.sequence--clickable .sequence__item {
cursor: pointer
}
.sequence__text {
display: none
}
.sequence__text.research {
display: block
}
.sequence--progress {
padding-bottom: 40px;
position: relative;
overflow: hidden;
text-align: center
}
.sequence--progress .sequence-wrapper {
display: block
}
.sequence--progress:before {
content: "";
height: 1px;
width: 100%;
position: absolute;
top: 35px;
left: 0;
background: #dfe6e7;
z-index: -1
}
.sequence--progress .sequence__item {
display: inline-block;
float: none;
width: 71px;
height: 71px;
padding-top: 22px;
font-size: 18px;
font-weight: 600;
color: #fff;
background: #34495e;
-webkit-border-radius: 50%;
-moz-border-radius: 50%;
border-radius: 50%
}
.sequence--progress .sequence__item--success {
background: #85d6de
}
.sequence--progress .sequence__item--success .sequence__info {
color: #85d6de
}
.sequence--progress .sequence__item--disable {
background: #dfe6e7
}
.sequence--progress .sequence__item--disable .sequence__info {
color: #dfe6e7
}
.sequence--progress .sequence__item--start {
float: left
}
.sequence--progress .sequence__item--finish {
float: right
}
.sequence--progress .sequence__item--position {
margin: 0 17%
}
.sequence--progress .sequence__item--current {
position: relative
}
.sequence--progress .sequence__item--current:before {
content: "";
position: absolute;
top: 34px;
left: 0;
width: 1170px;
height: 3px;
margin-left: -1170px;
background: #85d6de;
z-index: -1
}
.sequence--progress .sequence__info {
background: 0 0;
top: 83px
}
.sequence--progress .sequence__item--active .sequence__info {
background: 0 0
}
.sequence--progress-alt .sequence__item--success {
background: #fff;
border: 1px solid #34495e;
color: #34495e
}
.sequence--progress-alt .sequence__item--success .sequence__info {
color: #34495e
}
.sequence--progress-alt .sequence__item--disable {
background: #fff;
border: 1px solid #dfe6e7;
color: #34495e
}
.sequence--progress-alt .sequence__item--disable .sequence__info {
color: #34495e
}
.sequence--progress-alt .sequence__item--current {
position: relative
}
.sequence--progress-alt .sequence__item--current:before {
top: 34px;
height: 1px;
background: #34495e
}
.sequence--progress-commerce .sequence__item {
color: #34495e;
background: #dfe6e7;
-webkit-border-radius: 0;
-moz-border-radius: 0;
border-radius: 0;
cursor: pointer
}
.sequence--progress-commerce .sequence__item .livicon {
margin-top: -5px
}
.sequence--progress-commerce .sequence__item--active {
color: #fff;
background: #85d6de
}
.sequence--progress-commerce .sequence__item--active:before {
display: none
}
.sequence--progress-commerce .sequence__item--active .livicon svg path {
fill: #fff
}
.sequence--progress-commerce .sequence__info {
font-size: 12px;
text-transform: uppercase;
font-weight: 600;
top: 83px;
width: 200px;
margin-left: -100px
}
.sequence--progress-commerce .sequence__item--start .sequence__info {
margin-left: -97px
}
.icon--circle.icon--animate-service .icon__item {
padding-top: 5px;
padding-left: 2px
}
.icon--circle.icon--animate-service .icon__item--top {
padding-top: 7px
}
.icon--animate-contact {
float: left;
margin-top: 0;
margin-right: 10px;
font-size: 10px
}
.contact-info--primary .contact-info__item--sm {
padding-left: 3px!important;
display: inline-block
}
.contact-info--primary a {
-webkit-transition: color 300ms ease-in 0s;
-moz-transition: color 300ms ease-in 0s;
transition: color 300ms ease-in 0s
}
.mark--special {
background: 0 0
}
.empty-box {
position: relative;
z-index: -1
}
.empty-box:before {
content: "";
position: absolute;
top: 5%;
left: 5%;
width: 90%;
height: 90%;
background: #34495e
}
body.overlay-layer:after {
z-index: 5000
}
.cd-quick-view {
z-index: 5001;
border: 5px solid transparent;
transition: border 500ms ease-out
}
.cd-quick-view.add-content {
border: 5px solid #dfe6e7
}
.cd-quick-view.add-content .cd-slider-wrapper {
border-right: 5px solid #dfe6e7
}
.cd-slider-wrapper {
background: #fff;
max-width: 355px;
height: 407px;
border-right: 5px solid transparent;
transition: border 500ms ease-out
}
.cd-slider-wrapper img {
max-width: 100%
}
.cd-item-info {
padding: 0
}
.product--round {
padding: 0 0 25px
}
.product--round .product__title {
margin-top: 0
}
.product__item-describe {
max-width: 100%;
display: none;
text-align: left;
padding-left: 32px
}
.product__item-describe .product__price {
margin-top: 22px;
margin-bottom: 53px;
font-size: 42px
}
.product__item-describe .product__info {
color: #737c85
}
.product__item-describe .review-info {
position: absolute;
top: 52px;
right: 25px;
text-align: right
}
.product__item-describe .review-info img {
width: 25px;
height: 25px
}
.product__item-describe .product__action {
padding-top: 40px;
display: none
}
.product__item-describe .product__review {
color: #34495e
}
.add-content .product__action, .cd-item-info .product__item-describe {
display: block
}
.cd-close {
top: 2px;
right: -4px
}
.cd-close:after, .cd-close:before {
width: 11px;
height: 3px;
background-color: #34495e
}
.cd-slider-wrapper--sm {
max-width: 255px;
height: 365px
}
.cd-item-info--sm .product__item-describe .product__price {
margin-top: 10px
}
.cd-item-info--sm .product__item-describe {
margin-bottom: 0
}
.cd-item-info--sm .product__item-describe .product__action {
padding-top: 30px
}
.present-heading {
margin-top: 45px;
text-transform: none
}
.present-divider {
margin-top: 52px;
margin-bottom: 55px
}
.present-divider-full {
margin-top: 42px;
margin-bottom: 20px
}
.present-divider-last {
margin-bottom: 0
}
.info-section {
overflow: hidden;
padding-top: 75px;
padding-bottom: 100px
}
.info-section .image-holder {
text-align: center
}
.info-section .heading-cascade {
padding-top: 110px
}
.info-section .heading-cascade__step {
color: #ff6163
}
.info-section .btn {
margin-top: 9px;
padding-left: 38px;
padding-right: 38px
}
.special-pack {
position: relative;
overflow: hidden;
background: #fbf4eb
}
.special-pack .special-pack-container {
padding-bottom: 92px;
padding-top: 50px
}
.special-pack .block-title {
padding-bottom: 51px
}
.special-pack .service {
margin-bottom: 30px
}
.special-pack .service__link:hover .service__heading {
color: #a2dbeb
}
.special-pack .service--large-present .service__heading {
padding: 3px 0 17px
}
.snowfall {
position: absolute;
top: 0;
left: 0
}
@media (min-width:1921px) {
.promo--canvas, .promo--parallax, .promo--special, .twitter-section {
background-size: cover
}
.minimal-slider {
max-height: 100%
}
}
@media (min-width:1199px) {
.promo--brand {
background-size: cover
}
}
@media (min-width:768px) {
.table-responsive {
overflow-x: visible
}
}
@media (max-width:1600px) {
.slide--phone .slide__image img {
width: 15%;
height: 50%
}
.slide--phone .slide__btn .btn {
padding-left: 12px;
padding-right: 12px
}
.slide--text .slide__heading {
top: 19%
}
.slide--text .slide__heading-sub {
top: 26%
}
.slide--text .slide__info {
top: 40%
}
.slide--text .link {
top: 64%
}
.slide--circle .brand-circle {
top: 50px
}
.slide--circle .slide__heading {
top: 205px
}
.slide--circle .slide__heading-sub {
top: 265px
}
.slide--circle .slide__btn {
top: 320px
}
.royal-line {
margin-top: -10px
}
.flex-control {
position: relative;
margin-top: -10px
}
.rsThumbs {
bottom: -91px
}
.rsThumbs .rsThumb {
max-height: 83px;
max-width: 162px;
overflow: hidden
}
.dashboard-widget {
padding-left: 0;
padding-right: 0
}
.datepicker-inline {
padding-left: 10px;
padding-right: 10px
}
}
@media (min-width:992px) and (max-width:1199px) {
.slide--text .slide__heading {
top: 19%
}
.slide--text .slide__heading-sub {
top: 26%;
font-size: 36px
}
.slide--text .slide__info {
top: 40%
}
.slide--text .link {
top: 80%
}
.slide--circle .brand-circle {
top: 0
}
.slide--circle .slide__heading {
top: 140px
}
.slide--circle .slide__heading-sub {
top: 190px
}
.slide--circle .slide__btn {
top: 270px
}
.start-block {
padding-top: 220px;
padding-bottom: 320px
}
.rocket-container {
top: -45px
}
.rocket-container.small-left, .rocket-container.small-right {
top: 30px
}
.tparrows.default {
width: 10%
}
.link-sample {
margin-right: 50px
}
.sequence .sequence__divider {
margin: 0 5px
}
.slider-siderbar-control {
min-height: 309px
}
.slide-info .slide-info__icon {
font-size: 70px
}
.price--stript .price__btn {
padding-left: 25px;
padding-right: 25px
}
.widget {
margin-bottom: 20px
}
.footer .swiper-container {
padding-bottom: 40px
}
.footer .swiper-pagination {
bottom: 10px
}
.blockquote {
padding-right: 75px
}
.post__interaction .share .share__item {
padding-left: 12px;
padding-right: 12px
}
.subscribe .subscribe__field {
min-width: 260px
}
.post--similar .post__images {
margin-bottom: 40px
}
.facebook-group {
padding: 20px 25px
}
.facebook-group iframe {
width: 235px!important;
height: 285px!important
}
.flickr li {
width: auto
}
.slider-siderbar--secondary .slide-info__heading {
margin-top: 40px
}
.post--preview-link .post__heading {
margin-top: 10px;
margin-bottom: 8px
}
.post--preview-link .post__author {
margin-top: -20px
}
.post--short-link .image-container {
margin-right: 15px
}
.post--short-link .post__heading {
padding: 7px 0 12px
}
.post--short-link .post__date {
margin-bottom: 5px
}
.post--short-link:nth-child(2n) .image-container {
margin-left: 15px
}
.post-author .post-author__social .social__item {
margin-right: -2px
}
.post--table-horisontal .post__heading {
padding: 13px 35px 13px 0
}
.post--table-horisontal .post__detail {
padding: 0
}
.post--table-horisontal .post__date {
margin-bottom: 5px
}
.desktop-middle .gallery-item__heading {
padding-top: 20%
}
.desktop-small .gallery-item__heading {
padding-top: 8%
}
.staff .staff__name {
margin-top: 15px
}
.opposite-block .stat--additional {
margin-right: 20px
}
.vacancy {
padding-left: 60px
}
.vacancy .vacancy__heading {
margin-left: -40px
}
.form-handler {
padding: 59px 90px 0
}
.contact-info--primary .contact-info__item {
margin-right: 0;
padding-left: 30px
}
.service-step .service-step__descript {
padding-left: 115px
}
.service--colored-large .service__heading {
padding-top: 42px
}
.dashboard-timetable .wijchart-axis-label {
display: none
}
.dashboard-timetable .wijchart-axis-label:nth-child(2n) {
display: block
}
.search--empty .search__field {
width: 275px
}
.search--centered {
margin-left: 25px
}
.product--flow {
min-height: 310px
}
.product .product__sale--under {
top: -70%;
left: 20%
}
.product--list .product__title {
margin-top: 10px;
padding-right: 0
}
.product--list .product__photo {
max-width: 300px
}
.product--list-sm .product__photo {
max-width: 165px
}
.subscribe--empty {
float: none
}
.table--short td {
padding-left: 40px
}
.stat--shape:after, .stat--shape:before {
right: -30px
}
.subscribe--huge .subscribe__field {
min-width: 640px
}
.tags-line .tags-line__title {
margin-right: 35px
}
.service-shot .service-shot__item {
margin: 0 50px
}
.subscribe-line .subscribe__field {
min-width: 510px
}
.header-line--shop+.fixed-top .z-nav .z-nav__link {
padding: 42px 10px
}
.header-line--shop+.fixed-top .z-nav .z-nav__list-secondary .z-nav__link {
padding: 8px 0 7px 10px
}
.bubble--little.bubble--position {
left: 59%
}
.promo--canvas {
background-size: 2000px 400px
}
.contact-info--full .contact-info__item {
padding-left: 70px
}
.contact-info--full .fa {
left: 20px
}
.cd-slider-wrapper {
max-width: 285px
}
.cd-slider-wrapper--sm {
max-width: 200px;
height: 300px
}
.cd-item-info--sm .product__item-describe .product__price {
margin-bottom: 23px
}
.cd-item-info--sm .product__item-describe .product__action {
padding-top: 10px
}
.stat--block {
padding-left: 70px
}
.stat--block .fa {
left: 25px
}
.sequence--progress .sequence__item--position {
margin: 0 15%
}
.icon--circle .icon__item, .icon--strips .icon__item {
margin: 0 3px 5px
}
}
@media (min-width:991px) and (max-width:1100px) {
.column-sm {
width: 50%
}
.column-lg {
width: 100%
}
}
@media (min-width:768px) and (max-width:991px) {
.cd-slider-wrapper {
height: 430px
}
.cd-slider-wrapper--sm {
max-width: 240px;
height: 340px
}
.cd-item-info--sm .product__item-describe .product__price {
margin-bottom: 33px
}
.cd-item-info--sm .product__item-describe .product__action {
padding-top: 25px
}
.slide--text .slide__heading {
top: 19%;
left: 47%;
font-size: 20px
}
.slide--text .slide__heading-sub {
top: 26%;
left: 47%;
font-size: 36px;
font-size: 28px
}
.slide--text .slide__info {
top: 42%;
left: 47%;
font-size: 12px;
line-height: 21px
}
.slide--text .link {
top: 80%;
left: 47%;
font-size: 12px
}
.slide--circle .brand-circle {
top: 0;
margin-left: -145px
}
.slide--circle .slide__heading {
top: 125px;
font-size: 28px
}
.slide--circle .slide__heading-sub {
top: 160px;
font-size: 16px
}
.slide--circle .slide__btn {
top: 190px
}
.service--colored-large .service__info {
padding: 0 30px
}
.start-block {
padding-top: 220px;
padding-bottom: 320px
}
.rocket-container {
top: -45px
}
.rocket-container.small-left, .rocket-container.small-right {
top: 30px
}
.column-sm {
width: 50%
}
.column-lg {
width: 100%
}
.z-nav--shop {
margin-right: 25px
}
.cart {
top: 25px
}
.cart .cart__link {
padding-left: 10px;
padding-right: 10px
}
.cart .cart__icon {
margin-right: 0
}
.cart .cart__indecator, .cart .icon__more, .dashboard-timetable .wijchart-axis-label {
display: none
}
.dashboard-timetable .wijchart-axis-label:nth-child(2n) {
display: block
}
.contact-info .contact-info__item {
padding-right: 10px
}
.search .search__field {
width: 200px
}
.z-nav {
margin-right: -18px
}
.z-nav .z-nav__link {
padding-left: 8px;
padding-right: 8px
}
.post--latest .post__images {
margin-bottom: 20px
}
.slider-info {
padding-top: 30px;
font-size: 14px
}
.brand-circle {
width: 290px;
height: 290px
}
.tparrows.default {
width: 10%
}
.image-container {
margin-bottom: 20px
}
.link-sample {
margin-right: 15px
}
.swiper-slide .image-container {
margin-bottom: 0
}
.stat--shape {
margin-bottom: 20px
}
.stat--shape:after, .stat--shape:before {
right: -100px
}
.stat--shape-end:after, .stat--shape-end:before, .stat--shape.stat-second:after, .stat--shape.stat-second:before, .stat--text.stat-second:after, .stat--text.stat-second:before {
display: none
}
.stat--block.stat-first:after, .stat--block.stat-second:after {
content: "";
position: absolute;
bottom: 0;
left: 0;
width: 100%;
height: 1px;
background: #dfe6e7
}
.pagination--circle .pagination__item {
margin: 0
}
.pagination--rect .pagination__item {
padding-left: 15px;
padding-right: 15px;
margin-right: 0
}
.promo--border-full .promo__text {
width: 60%
}
.table--wide tbody>tr>td.table__done, .table--wide tbody>tr>td.table__error, .table--wide tbody>tr>td.table__wait {
padding-left: 10px;
padding-right: 10px
}
.testimonial {
margin-bottom: 20px
}
.sequence .sequence__divider {
margin: 0 2px
}
.slider-siderbar-control {
padding-bottom: 90px;
margin-right: 0
}
.slide-info .slide-info__icon {
margin-top: -20px;
margin-bottom: -20px
}
.slide-info__icon {
display: none
}
.widget {
margin-bottom: 20px
}
.link-list {
margin-bottom: 60px
}
.price--row .price__package {
font-size: 42px
}
.price--row .price__btn {
padding-left: 25px;
padding-right: 25px
}
.price--simple .price__btn {
padding-left: 15px;
padding-right: 15px
}
.price--stript .price__btn {
padding-left: 10px;
padding-right: 10px
}
.icon--strips .icon__item {
margin-bottom: 25px
}
.footer .swiper-container {
padding-bottom: 60px
}
.footer .swiper-pagination {
bottom: 10px
}
.thumbs .thumb {
max-width: 100px
}
.present-addition {
margin-top: 20px
}
.blockquote {
padding-right: 50px
}
.submit-control {
width: 100%
}
.subscribe .subscribe__field {
min-width: 100%;
width: 100%
}
.post__interaction .share .share__item {
padding-left: 15px;
padding-right: 10px
}
.post--similar .post__images {
margin-bottom: 10px;
float: none
}
.facebook-group {
padding: 20px
}
.facebook-group iframe {
width: 180px!important;
height: 350px!important
}
.flickr li {
width: auto
}
.comment-form .btn-submit {
margin-top: 10px
}
.post--popular .image-container {
margin-bottom: 0
}
.slider-siderbar-control {
min-height: 207px
}
.slide-info .slide-info__text {
margin-bottom: -14px;
line-height: 20px
}
.blockquote {
padding-left: 82px
}
.blockquote--empty:after {
left: 0
}
.post--preview-link .image-container {
margin-bottom: 0
}
.post--preview-link .post__heading {
margin-top: 52px
}
.post--table {
width: 33.2%
}
.post--table .image-container, .post--table .testimonial {
margin-bottom: 0
}
.post--short-link .post {
max-width: 260px
}
.post--short-link .post__detail {
padding-bottom: 20px
}
.post--short-link .image-container {
margin-right: 0;
max-width: 260px
}
.post--short-link:nth-child(2n) .image-container {
margin-left: 0
}
.post-author .post-author__photo {
max-width: 235px;
margin-right: 30px;
margin-bottom: 0
}
.post--table-horisontal {
width: 100%
}
.post--table-horisontal .post__heading {
padding-right: 0
}
.desktop-middle .gallery-item__heading, .desktop-small .gallery-item__heading {
padding-top: 10%;
font-size: 14px
}
.desktop-middle .btn, .desktop-small .btn {
padding: 10px 21px 7px;
font-size: 16px
}
.about:before {
background-position: 150% 100%
}
.about--alt:before {
background-position: 0 100%
}
.achivement-item .achivement-item__marker:before {
left: -50px
}
.achivement-item .achivement-item__marker:after {
right: -50px
}
.opposite-block .stat {
display: block
}
.opposite-block .stat-row {
padding-bottom: 0
}
.vacancy {
padding-left: 40px
}
.vacancy .vacancy__heading {
margin-left: -20px
}
.join .join__additional:before {
width: 170px;
left: -195px
}
.join .join__additional:after {
width: 170px;
right: -195px
}
.comment-form .btn--top-control {
margin-top: -34px
}
.form-handler {
padding: 59px 50px 0
}
.contact-info--primary .contact-info__item {
display: inline-block;
margin-bottom: 15px
}
.service-step .service-step__descript {
padding-left: 35px
}
.search--empty {
padding-top: 10px
}
.search--empty .search__field {
width: 400px
}
.search--empty .search__btn {
top: 19px
}
.header-fluid .header__controls {
padding-top: 0
}
.search--centered {
margin-left: 10px
}
.product .product__sale--under {
top: -70%;
left: 20%
}
.product--list .product__photo {
margin-bottom: 20px
}
.slidershow-large {
max-height: 285px
}
.thumbs--full .thumb {
max-width: 100%
}
.thumbs--full li {
width: 31.5%
}
.subscribe--empty {
float: none
}
.table--short td {
padding-left: 20px
}
.table--product tbody>tr>td {
padding-left: 12px;
padding-right: 12px
}
.table--cut {
max-width: 245px
}
.blockquote--strong {
padding-left: 5px;
padding-right: 5px
}
.post--latest .post__text {
margin-right: 0
}
.opposite-block {
padding-left: 45px
}
.progress-cut {
padding-right: 45px
}
.service--large-present .icon {
margin-right: 18px
}
.feature .feature__image--page img {
max-width: 181px
}
.feature .feature__image--responsive img {
max-width: 221px
}
.feature .feature__image--clock {
padding-left: 60px
}
.feature .feature__image--clock img {
max-width: 120px
}
.feature .feature__heading {
margin-top: 30px
}
.special .special-inner:after, .special .special-inner:before {
display: none
}
.sub-header--mobile {
float: left;
margin-top: -34px;
margin-right: 40px;
margin-bottom: 40px;
overflow: hidden
}
.share--top {
margin-top: 106px;
margin-bottom: 0
}
.testimonial-block--home {
padding-bottom: 110px
}
.tags-line {
text-align: center;
padding-bottom: 2px
}
.tags-line .tags-line__title {
margin-right: 0;
margin-bottom: 15px;
display: block;
float: none
}
.tags--bordered .tags__link {
margin-bottom: 20px
}
.service-shot .service-shot__item {
margin: 0 15px
}
.subscribe-line .pull-right {
float: none!important
}
.subscribe-line .subscribe-line__info {
display: block;
text-align: center
}
.subscribe-line .subscribe {
float: none!important
}
.subscribe-line .subscribe__field {
min-width: 100%
}
.service--reflow .icon {
float: none;
display: inline-block
}
.service--reflow .service__heading {
display: inline-block
}
.footer--expand .contact-info .contact-info__item {
max-width: 200px;
margin-right: 5px
}
.table--target .table__date {
line-height: 16px
}
.table--target .table__category-photo {
margin-bottom: 20px
}
.table--wide tbody>tr>td {
padding: 19px 7px 18px
}
.table--product .product__thumb {
float: none
}
.case--slider {
margin-bottom: 0
}
.slider-siderbar-control .next-arrow, .slider-siderbar-control .prev-arrow {
height: 50px;
padding-top: 4px
}
.slider-siderbar-control .slider-siderbar-counter {
height: 63px
}
.slider-siderbar--secondary .slide-info__heading {
margin-top: 10px
}
.heading-mobile {
margin-top: 30px
}
.slide-info .slide-info__heading {
margin-top: 10px;
margin-bottom: 8px
}
.bubble--little {
left: 12%
}
.bubble--little.bubble--position {
left: 65%
}
.bubble--medium.bubble--neutral {
left: 73%
}
.bubble--big {
left: 74%
}
.bubble--large {
left: 18%
}
.promo--canvas {
background-size: 2000px 400px
}
.contact-info--full .contact-info__item {
padding-left: 50px
}
.contact-info--full .fa {
left: 5px
}
.sequence--progress .sequence__item--position {
margin: 0 13%
}
.special-pack .icon-info-wrap {
margin-bottom: 105px
}
}
@media (min-width:768px) and (max-width:840px) {
.column-specific {
width: 65%
}
.column-lg {
width: 100%
}
.fading-slider .service .icon {
float: none
}
.fading-slider .service .service__heading {
padding: 10px 0 15px
}
.shop-slider .slider__text {
display: none
}
.shop-slider .slider__heading--sm-danger {
padding-left: 20px!important
}
.shop-slider .slider__heading--lg-primary {
margin-top: 5px!important;
padding-left: 20px!important
}
.slider__about, .slider__discount, .slider__marker {
padding-right: 20px!important
}
.laptop--mobile {
padding-left: 20px!important
}
}
@media (max-width:768px) {
.empty-box:before {
display: none
}
.header-fixed {
position: relative
}
.fixed-top {
margin-top: 0
}
.slide--phone .slide__heading {
top: 25%;
font-size: 36px
}
.slide--phone .slide__image {
display: none
}
.slide--phone .slide__btn {
position: absolute;
bottom: 15%;
left: 0;
right: 0;
text-align: center
}
.slide--phone .slide__btn .btn {
padding-left: 12px;
padding-right: 12px
}
.slide--text .slide__heading {
top: 17%;
left: 47%;
font-size: 20px
}
.slide--text .slide__heading-sub {
top: 26%;
left: 47%;
font-size: 36px;
font-size: 28px
}
.slide--text .slide__info {
top: 42%;
left: 47%;
font-size: 10px;
line-height: 21px
}
.slide--text .link {
top: 80%;
left: 47%;
font-size: 12px
}
.slide--circle .brand-circle {
top: -20px;
margin-left: -130px
}
.slide--circle .slide__heading {
top: 85px;
font-size: 28px
}
.slide--circle .slide__heading-sub {
top: 110px;
font-size: 16px
}
.slide--circle .slide__btn {
top: 150px
}
.start-block {
padding-top: 130px;
padding-bottom: 330px
}
.rocket-container {
top: -45px
}
.rocket-container.small-left, .rocket-container.small-right {
top: 30px
}
.header-line--shop {
margin-bottom: 0
}
.cart {
top: 25px;
right: 95px
}
}
@media (max-width:768px) {
.z-nav {
margin-right: 15px
}
.z-nav .z-nav__link {
padding: 0 30px
}
.z-nav--shop {
margin-right: 0
}
.z-nav__item .mega-menu, .z-nav__item:hover .mega-menu {
width: 340px;
margin: 0;
padding: 0
}
.z-nav__item .mega-menu .col-sm-3 {
width: 100%
}
}
@media (max-width:767px) {
.z-nav__list-secondary .z-nav__item {
padding-left: 19px
}
.z-nav--shop {
margin-right: 0
}
.column-lg, .column-sm {
width: 100%
}
.cut-section {
padding-right: 15px
}
.cart {
right: 95px
}
.prevent {
display: none
}
.search {
width: 120px
}
.subscribe--huge .subscribe__btn {
width: 110px
}
.subscribe--huge .subscribe__field {
padding-right: 120px
}
.search .search__field {
width: 100%;
padding-right: 100px
}
.contact-info .contact-info__item {
padding-right: 5px
}
.form-wrapper {
padding-right: 0
}
.icon-present.icon--strips {
margin-top: 20px;
margin-bottom: 20px;
margin-left: 0
}
.icon-present .icon__item {
margin-bottom: 10px
}
.icon-present.icon--shape {
margin-top: 35px
}
.icon-present.icon--border {
margin-top: 20px
}
.mobile-icon {
margin-left: 35px
}
.image-container {
margin-bottom: 20px
}
.link-sample {
display: inline-block;
margin-bottom: 20px;
margin-right: 40px
}
.swiper-slide .image-container {
margin-bottom: 0
}
.stat--shape {
margin-bottom: 20px
}
.stat--shape:after, .stat--shape:before {
display: none
}
.table--wide tbody>tr>td.table__done, .table--wide tbody>tr>td.table__error, .table--wide tbody>tr>td.table__wait {
padding-left: 10px;
padding-right: 10px
}
.testimonial {
margin-bottom: 20px
}
.sequence .sequence__item {
display: block;
float: none
}
.sequence .sequence__separator {
float: none;
margin-top: 0
}
.sequence .sequence__divider {
display: block;
margin: 5px 30px
}
.widget-circle:before {
top: 126px
}
.widget-timetable-large {
padding-bottom: 10px
}
.widget-timetable-large .wijchart-axis-label[y="160"] {
display: none
}
.date-slider {
max-height: 100%
}
.brand-circle {
width: 260px;
height: 260px
}
.brand-circle:before {
top: 50px
}
.slider__heading--sm-danger {
font-size: 18px!important
}
.slider__heading--lg-primary {
font-size: 30px!important
}
.slide-alignment .slider-link-offset, .slide-alignment .slider__heading--lg-primary, .slide-alignment .slider__heading--sm-danger, .slide-alignment .slider__text {
left: 350px!important
}
.slider__btn .link {
font-size: 12px
}
.slider-info {
padding-top: 30px;
font-size: 14px
}
.tparrows.default {
width: 8%
}
.slider-siderbar-control {
min-height: 100%;
padding-bottom: 90px;
margin-right: 0
}
.slide-info .slide-info__icon {
margin-top: -20px;
margin-bottom: -20px
}
.slide-info {
padding: 0 80px
}
.widget {
margin-bottom: 20px
}
.link-list {
margin-bottom: 60px
}
.price--row .price {
margin: 0 -15px;
border-bottom: 1px solid rgba(0,0,0,.1)
}
.price-info {
margin-top: 0
}
.price-info__item {
padding-left: 0;
text-align: center
}
.progress-cut {
padding-right: 0
}
.icon--strips .icon__item {
margin-bottom: 20px
}
.table--target {
margin-top: 15px
}
.testimonial-first {
padding-top: 0
}
.price-container {
margin-bottom: 80px
}
.price, .price-info {
margin-bottom: 10px
}
.footer .swiper-container {
padding-bottom: 60px
}
.footer .swiper-pagination {
bottom: 10px
}
.max-slider {
max-width: 555px;
margin-left: auto;
margin-right: auto
}
.widget {
max-width: 450px;
margin-left: auto;
margin-right: auto
}
.present-addition {
margin-top: 20px
}
.post-wide {
padding-right: 15px
}
.blockquote {
padding-right: 30px;
padding-left: 32px
}
.blockquote--empty:after {
font-size: 80px;
top: 15px;
left: 0
}
.submit-control {
width: 100%
}
.subscribe .subscribe__field {
min-width: 100%;
width: 100%
}
.post__interaction .share .share__item {
padding-left: 10px;
padding-right: 5px;
font-size: 12px
}
.post--similar {
clear: both
}
.post--similar .post__images {
margin-bottom: 10px
}
.comment-form .col-left {
padding-right: 15px
}
.comment-form .col-right {
padding-left: 15px
}
.sidebar {
margin-top: 60px
}
.post--popular {
max-width: 262px
}
.facebook-group {
max-width: 270px;
padding: 20px 15px
}
.facebook-group iframe {
width: 230px!important;
height: 285px!important
}
.flickr li {
width: auto
}
.comment-form .btn-submit {
float: none;
margin-top: 20px
}
.post--popular .image-container {
margin-bottom: 0
}
.heading-mobile {
margin-top: 30px
}
.post--preview-link {
max-width: 570px
}
.post--preview-link .image-container {
margin-bottom: 0
}
.post--table {
width: 33.2%
}
.post--table .image-container, .post--table .testimonial {
margin-bottom: 0
}
.slider-siderbar--secondary .slide-info__heading {
margin-top: 55px
}
.post--short-link .post {
max-width: 240px;
min-width: 190px
}
.post--short-link .post .post__link-area {
max-width: 240px
}
.post--short-link .post__detail {
padding-bottom: 20px
}
.post--table-horisontal {
width: 100%
}
.post--table-horisontal .post__heading {
padding: 13px 10px 13px 0
}
.post--table-horisontal .post__date {
margin-bottom: 5px
}
.post--table-horisontal .post-detail {
padding: 0
}
.gallery-item {
max-width: 555px;
margin-right: auto;
margin-left: auto
}
.desktop-middle .gallery-item__heading, .desktop-small .gallery-item__heading {
padding-top: 25%
}
.desktop-middle .btn, .desktop-small .btn {
padding: 15px 34px 12px
}
.image-container--border-small:before {
top: 5%;
right: 5%;
bottom: 5%;
left: 5%;
width: 90%;
height: 90%
}
.gallery-full .image-container {
margin-bottom: 0
}
.pager .pager__next, .pager .pager__prev {
top: 120px
}
.block-title--bottom {
margin-bottom: 100px
}
.blockquote--strong {
padding-top: 18px
}
.about {
padding-top: 55px;
padding-bottom: 55px
}
.about:before {
background: 0 0
}
.staff {
margin: 0 auto 20px
}
.opposite-block {
padding-left: 15px
}
.opposite-block .heading-helper {
text-align: left
}
.join .join__additional:after, .join .join__additional:before {
display: none
}
.join .join__image {
width: 436px;
height: 85px
}
.join .join__additional {
font-size: 40px
}
.comment-form .btn--top-control {
margin-top: -34px
}
.post--table-horisontal .post__detail {
min-height: 215px
}
.form-container {
left: 20px
}
.bordered-container {
margin-bottom: 20px
}
.contact-info--primary {
padding-left: 20px
}
.contact-info--primary .contact-info__item {
display: block;
margin-bottom: 20px;
text-align: left
}
.contact-info--primary .contact-info__item .fa-skype {
left: 5px
}
.service-step .service-step__descript {
padding-bottom: 40px;
padding-left: 115px
}
.service-step .image-container {
margin-left: auto;
margin-right: auto
}
.service--large-present {
min-height: 360px;
display: block;
overflow: hidden;
text-align: center
}
.service--large-present .icon {
float: none;
margin-right: 0
}
.divider--top-larger-b {
margin-top: 50px
}
.promo-space {
margin-left: 0
}
.service {
text-align: center
}
.service .icon {
float: none;
display: inline-block
}
.service .service__heading {
display: inline-block
}
.logo--block {
width: 100%;
min-height: 60px;
text-align: center
}
.logo--block .logo__text {
display: inline-block;
margin-top: 10px;
margin-bottom: 16px
}
.search--empty {
width: 100%;
max-width: 230px
}
.header-fluid .header__controls {
padding-top: 10px
}
.header-fluid .header__controls .user {
display: block;
overflow: hidden
}
.nav-sidebar {
position: absolute;
top: 0;
left: -245px;
z-index: 200;
-webkit-transform: translateX(0);
-moz-transform: translateX(0);
-ms-transform: translateX(0);
transform: translateX(0);
-webkit-transition: -webkit-transform 500ms ease-in;
-moz-transition: -moz-transform 500ms ease-in;
transition: transform 500ms ease-in
}
.nav-sidebar.navigation-open {
-webkit-transform: translateX(100%);
-moz-transform: translateX(100%);
-ms-transform: translateX(100%);
transform: translateX(100%)
}
.navigation-toggle {
display: block;
position: absolute;
top: 15px;
left: 0;
width: 40px;
height: 40px;
z-index: 500;
padding-top: 4px;
font-size: 21px;
text-align: center;
color: #fff;
background-color: #85d6de;
-webkit-transform: translateX(260px);
-moz-transform: translateX(260px);
-ms-transform: translateX(260px);
transform: translateX(260px);
-webkit-transition: background-color 300ms ease-in, -webkit-transform 300ms ease-in;
-moz-transition: background-color 300ms ease-in, -moz-transform 300ms ease-in;
transition: background-color 300ms ease-in, transform 300ms ease-in;
-webkit-border-radius: 50%;
-moz-border-radius: 50%;
border-radius: 50%
}
.navigation-toggle:hover {
color: #fff;
background-color: #34495e
}
.navigation-toggle:focus {
color: #fff
}
.navigation-toggle.navigation-open {
-webkit-transform: translateX(190px);
-moz-transform: translateX(190px);
-ms-transform: translateX(190px);
transform: translateX(190px);
background-color: #34495e
}
.content-dashboard {
padding-left: 15px;
padding-right: 15px
}
.full-row {
padding-left: 0
}
.search--large {
width: auto;
margin-left: 20%;
margin-right: 20%
}
.search--long {
width: 240px
}
.forum .forum__connector {
display: block;
margin-top: 10px;
margin-bottom: 10px
}
.search--centered {
margin-left: 0
}
.product .product__sale--under {
top: -70%;
left: 42%
}
.product--list .product__photo {
max-width: 330px;
margin-right: 20px
}
.product--list .product__title {
padding-right: 0;
margin-top: 10px
}
.product__action {
overflow: hidden
}
.product--list .product__price {
display: block;
margin-top: 30px
}
.separate-block {
overflow: hidden;
border-right: none;
border-bottom: 1px solid #dfe6e7;
padding-bottom: 30px
}
.product__btn {
margin-bottom: 20px
}
.product--list-sm .product__photo {
max-width: 165px
}
.slidershow-large {
max-width: 360px;
max-height: 360px;
margin-left: auto;
margin-right: auto
}
.thumbs--full {
max-width: 360px;
margin-left: auto;
margin-right: auto;
overflow: hidden
}
.thumbs--full .thumb {
max-width: 100%
}
.thumbs--full li {
width: 32.5%
}
.product__decribe {
overflow: hidden
}
.product__decribe--full .product__info {
padding-right: 0
}
.product__decribe--full .product-rating, .product__decribe--full .product__review {
position: relative;
top: 0;
right: 0
}
.product__decribe--full .product__more {
position: relative;
top: 0;
right: 0;
width: 120px;
text-align: left;
margin-bottom: 20px
}
.mobile--divider {
margin-top: 0
}
.subscribe--empty {
float: none;
margin-top: 10px
}
.contact--check {
padding-right: 0
}
.table--cart .product__thumb {
float: none
}
.table--cart .remove-item {
top: -3px;
right: -10px
}
.sub-header--side {
text-align: left;
padding-top: 20px
}
.btn--facebook, .btn--twitter {
margin-bottom: 15px
}
.post--latest .post__text {
margin-right: 0
}
.footer--cut .contact-info {
padding-left: 0
}
.footer--cut .contact-info .contact-info__item {
max-width: 300px;
margin-left: auto;
margin-right: auto
}
.list.list--top-line.start-1 {
margin-bottom: 20px
}
.accordion, .price-container, .question-wrapper, .shopping-result, .testimonial, .vacancy {
margin-left: 10%;
margin-right: 10%
}
.post--table .testimonial {
margin: 0
}
.promo--border-full {
padding-left: 35px;
padding-right: 35px
}
.list.list--bigger li {
padding-bottom: 20px
}
.fading-slider .service {
text-align: center
}
.fading-slider .service .icon {
float: none;
display: inline-block
}
.fading-slider .service .service__heading {
display: inline-block
}
.fade-slider-control .next-arrow, .fade-slider-control .prev-arrow {
display: none
}
.fading-slider {
text-align: center
}
.fading-slider .product-slider-pagination {
margin-top: 15px;
display: block
}
.feature {
text-align: center;
margin-bottom: 40px;
margin-right: 0
}
.feature .feature__heading {
margin-top: 20px;
font-size: 14px
}
.feature .feature__image {
text-align: center
}
.feature .feature__image--clock {
padding-left: 0
}
.feature .feature__image--page img {
max-width: 181px
}
.feature .feature__image--responsive img {
max-width: 147px
}
.feature .feature__image--clock img {
max-width: 80px
}
.fearure-slider {
display: block
}
.post--preview-link {
margin-left: auto;
margin-right: auto
}
.special .special-inner:after, .special .special-inner:before {
display: none
}
.service--center .icon {
display: block
}
.sub-header--mobile {
float: left;
margin-top: -34px;
margin-right: 40px;
margin-bottom: 40px;
overflow: hidden
}
.share--top {
margin-top: 106px;
margin-bottom: 0
}
.testimonial-block--home {
padding-bottom: 110px
}
.tags-line {
text-align: center;
padding-bottom: 2px
}
.tags-line .tags-line__title {
margin-right: 0;
margin-bottom: 15px;
display: block;
float: none
}
.tags--bordered .tags__link {
margin-bottom: 20px
}
.forum--alt .search--large {
display: block;
margin-left: 10%;
margin-right: 10%
}
.forum--alt .search__field {
min-width: 100%
}
.subscribe-line .pull-right {
float: none!important
}
.subscribe-line .subscribe-line__info {
display: block;
text-align: center
}
.subscribe-line .subscribe {
float: none!important
}
.subscribe-line .subscribe__field {
min-width: 100%
}
.shop-slider .slider__text {
display: none
}
.shop-slider .slider__heading--sm-danger {
padding-left: 20px!important
}
.shop-slider .slider__heading--lg-primary {
margin-top: 5px!important;
padding-left: 20px!important
}
.footer--expand .contact-info {
margin-top: -30px;
padding-left: 0
}
.footer--expand .contact-info .contact-info__item {
display: block;
max-width: 240px;
margin-left: auto;
margin-right: auto;
text-align: center
}
.slide-disabled:before {
display: none
}
.table--target .table__category-photo {
float: none
}
.breadcrumb>li+li:before {
padding-left: 0;
padding-right: 3px
}
.z-nav__link {
-webkit-transition: color 300ms ease-in, background 300ms ease-in;
-moz-transition: color 300ms ease-in, background 300ms ease-in;
transition: color 300ms ease-in, background 300ms ease-in
}
.table--product .product__thumb {
float: none
}
.post--preview-link.post--right {
padding-left: 0;
text-align: left
}
.post--preview-link.post--right .image-container {
float: none!important
}
.service--colored-large .icon {
float: left
}
.service--colored-large .service__info {
text-align: left
}
.service--reverse .icon {
float: right
}
.service--reverse .service__info {
text-align: right
}
.search--empty {
padding-top: 80px;
display: block;
margin-left: auto;
margin-right: auto
}
.search--empty .search__btn {
top: 87px
}
.header-fluid {
min-height: 250px
}
.header-fluid .header__controls {
float: none;
text-align: center
}
.header-fluid .header__controls .user {
max-width: 210px;
margin-left: auto;
margin-right: auto
}
.user .user__name {
display: inline-block;
margin-top: 13px
}
.bubble-block {
min-height: 210px;
margin-top: 60px
}
.footer--contact .form-container {
left: 0;
width: 100%
}
.twitter-pattern .twitter-article .twitter-pic img {
margin-bottom: 20px
}
.scroll-slide {
padding: 0 15px
}
.scroll-slide .scroll-slide__heading {
margin-top: -80px
}
#pp-nav {
margin-top: -25px!important
}
.tips__item {
padding-bottom: 30px
}
.promo--canvas {
background-size: 2100px 500px
}
.contact-info--full .contact-info__item {
padding-left: 20px;
padding-top: 85px
}
.contact-info--full .fa {
position: relative;
top: 0;
left: 0
}
.map--thin {
margin-top: 60px
}
.cd-quick-view, .stat--shape.stat-second:after, .stat--shape.stat-second:before, .stat--text.stat-second:after, .stat--text.stat-second:before {
display: none
}
.stat--block {
padding-left: 70px
}
.stat--block .fa {
left: 25px
}
.stat--block.stat-first:after, .stat--block.stat-second:after {
content: "";
position: absolute;
bottom: 0;
left: 0;
width: 100%;
height: 1px;
background: #dfe6e7
}
.sequence--progress .sequence-wrapper {
display: inline-block
}
.sequence--progress .sequence__item--position {
margin: 0
}
.sequence--progress:before {
height: 700px;
width: 1px;
top: 0;
left: 50%
}
.sequence--progress .sequence__item--current:before {
display: none
}
.sequence--progress .sequence__item {
margin: 100px 30px 0
}
.sequence--progress .sequence__item:first-child {
margin-top: 0
}
.service--special .icon {
display: block
}
.icon-info-wrap {
display: block;
float: none;
margin: 0 auto 40px
}
.promo--special .promo__heading {
padding-bottom: 12px
}
.promo--special .promo__describe {
line-height: 46px
}
.promo--special .promo__btn {
margin-top: 5px
}
.promo--special {
background-size: cover
}
}
@media (max-width:640px) {
.flexslider, .royalSlider {
display: none
}
.start-block {
padding-top: 50px;
padding-bottom: 190px
}
.start-block .start-block__heading {
font-size: 30px;
line-height: 38px
}
.start-block .start-block__moto {
font-size: 20px;
padding-bottom: 14px
}
.rocket-container {
top: -85px
}
.rocket-container.small-left, .rocket-container.small-right {
top: -20px
}
.divider-color--onepage {
position: relative;
z-index: 20;
padding-bottom: 90px;
margin-bottom: -90px;
background-color: #fff
}
.logo--shop {
display: block;
width: 100%;
text-align: center
}
.logo--shop .logo__text {
padding-left: 0;
background: 0 0
}
.cart {
right: auto;
left: 15px
}
.cart .cart__toggle--icon {
display: block;
-webkit-transform: translateX(0);
-moz-transform: translateX(0);
-ms-transform: translateX(0);
transform: translateX(0);
-webkit-transition: -webkit-transform 500ms ease 1200ms;
-moz-transition: -moz-transform 500ms ease 1200ms;
transition: transform 500ms ease 1200ms
}
.cart .cart__head {
position: absolute;
top: 0;
left: -385px;
display: block;
width: 370px;
height: 48px;
background-color: #2c3e50;
-webkit-border-radius: 0 24px 0 0;
-moz-border-radius: 0 24px 0 0;
border-radius: 0 24px 0 0;
overflow: hidden;
-webkit-transition: -webkit-transform 400ms ease-in 700ms;
-moz-transition: -moz-transform 400ms ease-in 700ms;
transition: transform 400ms ease-in 700ms
}
.cart .cart__head:before {
content: "\f07a";
position: absolute;
top: 8px;
right: 15px;
font-size: 20px;
font-family: FontAwesome;
color: #fed37f
}
.cart .cart__text {
position: absolute;
top: 13px;
left: 15px;
z-index: 20;
display: block;
width: 180px;
font-weight: 700;
color: #fff;
-webkit-transform: translateY(-50px);
-moz-transform: translateY(-50px);
-ms-transform: translateY(-50px);
transform: translateY(-50px);
-webkit-transition: -webkit-transform 400ms ease-in 0ms, opacity 400ms ease-in 0ms;
-moz-transition: -moz-transform 400ms ease-in 0ms, opacity 400ms ease-in 0ms;
transition: transform 400ms ease-in 0ms, opacity 400ms ease-in 0ms;
opacity: 0
}
.cart .cart__toggle.open-nav .cart__toggle--icon {
-webkit-transform: translateX(-80px);
-moz-transform: translateX(-80px);
-ms-transform: translateX(-80px);
transform: translateX(-80px);
-webkit-transition: -webkit-transform 500ms ease-in 0ms;
-moz-transition: transform 500ms ease-in 0ms;
transition: transform 500ms ease-in 0ms
}
.cart .cart__toggle.open-nav .cart__head {
-webkit-transform: translateX(100%) rotateY(0);
-moz-transform: translateX(100%) rotateY(0);
-ms-transform: translate(100%, 0) rotate(0);
transform: translateX(100%) rotateY(0)
}
.cart .cart__toggle.open-nav .cart__text {
opacity: 1;
-webkit-transform: translateY(0);
-moz-transform: translateY(0);
-ms-transform: translateY(0);
transform: translateY(0);
-webkit-transition: -webkit-transform 400ms ease-in 1100ms, opacity 400ms ease-in 1100ms;
-moz-transition: -moz-transform 400ms ease-in 1100ms, opacity 400ms ease-in 1100ms;
transition: transform 400ms ease-in 1100ms, opacity 400ms ease-in 1100ms
}
.cart .cart__link {
display: none
}
.cart .cart__list {
top: 48px;
right: auto;
left: -385px;
z-index: 1;
opacity: 0;
-webkit-transform: translateX(0) rotateY(0);
-moz-transform: translateX(0) rotateY(0);
-ms-transform: translateX(0) rotateY(0);
transform: translateX(0) rotateY(0);
-webkit-transition: -webkit-transform 400ms ease-in 700ms, opacity 0ms ease-in 1200ms;
-moz-transition: -moz-transform 400ms ease-in 700ms, opacity 0ms ease-in 1200ms;
transition: transform 400ms ease-in 700ms, opacity 0ms ease-in 1200ms
}
.cart .cart__list:hover {
-webkit-transform: translateX(100%) rotateY(0);
-moz-transform: translateX(100%) rotateY(0);
-ms-transform: translateX(100%) rotateY(0);
transform: translateX(100%) rotateY(0)
}
.cart .cart__list.open-nav {
opacity: 1;
-webkit-transform: translateX(100%) rotateY(0);
-moz-transform: translateX(100%) rotateY(0);
-ms-transform: translate(100%, 0) rotate(0);
transform: translateX(100%) rotateY(0);
-webkit-transition: -webkit-transform 400ms ease-in 700ms, opacity 0ms ease-in 0ms;
-moz-transition: -moz-transform 400ms ease-in 700ms, opacity 0ms ease-in 0ms;
transition: transform 400ms ease-in 700ms, opacity 0ms ease-in 0ms
}
.cart .cart__list.close-nav {
-webkit-transform: translateX(0) rotateY(0);
-moz-transform: translateX(0) rotateY(0);
-ms-transform: translateX(0) rotateY(0);
transform: translateX(0) rotateY(0)
}
.search {
width: 100%;
float: left!important;
margin-bottom: 5px
}
.search .search__field {
width: 100%
}
.search--light {
float: none!important;
padding: 0 20px;
margin-top: 0;
margin-bottom: 15px
}
.search--light .search__btn {
right: 15px
}
.breadcrumb--nav, .hidden-lower, .pagination .mobile-large {
display: none
}
.promo--border-full .promo__text {
width: 100%
}
.table--vertical tbody>tr>.vertical-heading, .table--vertical tbody>tr>td {
padding-left: 20px
}
.tabs .nav-tabs a {
padding-left: 15px;
padding-right: 15px
}
.banner-control, .royal-line {
display: none
}
.mobile-full-placeholeder, .placeholeder-control {
display: block
}
.slide-info {
padding: 0 50px
}
.leftside-arrow:hover .slide-preview {
-webkit-transform: translateX(-100%);
-moz-transform: translateX(-100%);
-ms-transform: translateX(-100%);
transform: translateX(-100%)
}
.leftside-arrow:hover .fa {
-webkit-transform: translateX(0);
-moz-transform: translateX(0);
-ms-transform: translateX(0);
transform: translateX(0)
}
.rightside-arrow:hover .slide-preview {
-webkit-transform: translateX(100%);
-moz-transform: translateX(100%);
-ms-transform: translateX(100%);
transform: translateX(100%)
}
.rightside-arrow:hover .fa {
-webkit-transform: translateX(0);
-moz-transform: translateX(0);
-ms-transform: translateX(0);
transform: translateX(0)
}
.heading-info--mobile {
margin-top: 45px
}
.blockquote .blockquote__author {
padding-right: 22px
}
.post--preview-link .post__heading {
margin-top: 10px;
margin-bottom: 8px
}
.post--preview-link .post__author {
margin-top: -20px
}
.post--preview-link .post__text {
line-height: 20px
}
.post--preview-link.post--right .image-container {
float: none!important
}
.post--table {
width: 49.9%
}
.post--short-link .image-container {
float: none;
margin-right: 0;
margin-bottom: 0
}
.post--short-link:nth-child(2n) .image-container {
float: none;
margin-left: 0;
margin-bottom: 0
}
.post--table-horisontal {
width: 100%
}
.post--table-horisontal .post__heading {
padding: 20px 0 22px
}
.post--table-horisontal .post__date {
margin-bottom: 15px
}
.post--table-horisontal .post-detail {
padding: 0
}
.post-author .post-author__photo {
margin-right: 30px
}
.post-author__social {
clear: both
}
.person {
text-align: center
}
.person .person__image {
float: none;
margin: 0 auto
}
.opposite-block .stat--additional {
margin-right: 30px
}
.vacancy {
padding-left: 60px
}
.vacancy .vacancy__heading {
margin-left: -40px
}
.comment-form .btn--top-control {
margin-top: 10px
}
.form-handler {
padding: 59px 60px 0
}
.service--large-present {
min-height: 410px
}
.service--colored-large .icon--border .icon__item {
width: 240px;
height: 240px
}
.service--colored-large .service__info {
padding-left: 20px;
min-height: 240px
}
.service--colored-large .service__heading {
padding-top: 42px
}
.service--reverse .service__info {
padding-left: 0;
padding-right: 20px;
min-height: 240px;
margin-right: 240px
}
.service--reverse .icon {
margin-top: -240px
}
.search--large {
width: auto;
margin-left: 0;
margin-right: 0
}
.search--large .search__field {
min-width: 280px
}
.search--large .search__btn {
right: 25px
}
.search--long {
padding-top: 20px;
float: none!important
}
.search--long .search__btn {
top: 20px
}
.forum-thread .forum-thread__results {
padding-left: 25px;
margin-top: 10px;
margin-bottom: 20px;
float: none
}
.product--list .product__photo {
max-width: 360px;
margin-left: auto;
margin-right: auto;
float: none
}
.product--list .product__title {
margin-top: 25px
}
.product__btn {
margin-bottom: 30px
}
.product--list-sm .product__photo {
max-width: 165px;
float: left;
margin-right: 20px
}
.product__thumb {
float: none
}
.table--max {
width: 100%
}
.link--shopping {
float: none;
margin-top: 10px
}
.login .checkbox {
margin-left: 0
}
.error .error__main {
width: 247px;
height: 99px
}
.error .error__back {
margin-top: 210px
}
.accordion, .price-container, .question-wrapper, .shopping-result, .testimonial, .vacancy {
margin-left: 0;
margin-right: 0
}
.special {
background-size: 290px 119px
}
.special .special__price {
margin-bottom: 75px;
margin-top: 40px
}
.forum--alt .search__btn {
right: 0
}
.one-column-lg {
width: 100%
}
.form-container {
position: relative;
top: 0;
left: 0
}
.form-container .form-container__slogan {
display: none
}
.map--large {
height: 450px
}
.search--empty {
float: none!important
}
.bubble--little {
display: none
}
.bubble--large {
left: 20%
}
.bubble--small {
left: 30%
}
.bubble--medium.bubble--neutral {
left: 69%
}
.contact-info--full .contact-info__item {
width: 49.7%;
padding-left: 10%
}
.contact-info--full .contact-info__item+.contact-info__item {
border: none
}
.contact-info--full .contact-info__item:nth-child(2), .contact-info--full .contact-info__item:nth-child(4) {
border-left: 1px solid #fff
}
.contact-info--full .contact-info__item:nth-child(3), .contact-info--full .contact-info__item:nth-child(4) {
border-top: 1px solid #fff
}
.contact-info--full .fa {
position: relative;
top: 0;
left: 0
}
.bubble-header .main-title:before {
width: 300px;
left: 50%;
margin-left: -150px
}
.tabs-style-iconbox nav ul li a {
overflow: hidden
}
.tabs-style-circle nav li::before {
margin: -40px 0 0 -40px;
width: 80px;
height: 80px
}
}
@media (max-width:520px) {
.header-fluid .header__controls {
float: none;
padding-top: 20px;
padding-left: 30px;
padding-bottom: 20px
}
.header-fluid .header__controls .user .user__name {
display: block;
padding-top: 13px
}
.search--empty {
max-width: 200px
}
.social--neutral {
display: block;
margin-top: 10px;
margin-left: 0
}
.share--large .fa {
display: block
}
}
@media (max-width:480px) {
.one-column {
width: 100%;
margin-left: 0
}
.twitter-article .twitter-pic {
margin-bottom: 10px
}
.twitter-article .twitter-author {
float: none;
padding-top: 9px;
margin-bottom: 0
}
.twitter-article .tweetprofilelink {
margin-top: 0
}
.twitter-article .twitter-text {
clear: both
}
.btn-sm {
margin-bottom: 20px
}
.pagination .mobile-small {
display: none
}
.promo--border-full {
padding-left: 50px;
padding-right: 50px
}
.tabs .nav-tabs a {
padding-left: 10px;
padding-right: 10px
}
.tabs--minimal .nav-tabs a, .tabs--minimal-vertical .nav-tabs a {
font-size: 14px
}
.tabs--minimal-vertical .nav-tabs, .tabs--vertical .nav-tabs {
width: 110px
}
.tabs--minimal-vertical .tab-content, .tabs--vertical .tab-content {
margin-left: 109px
}
.slide-info {
padding: 0 15px
}
#twitter-actions {
margin-top: -18px
}
#intent-retweet, .intent {
padding-right: 7px
}
.link-list--last {
margin-bottom: 0
}
.carousel-sides {
max-height: 360px;
padding: 1px 0
}
.thumbs .thumb {
max-width: 80px
}
.post--preview-link {
max-width: 262px;
padding-right: 0
}
.post--preview-link .post__heading {
padding: 0 10px
}
.post--preview-link .post__text {
padding: 0 10px;
line-height: 26px
}
.post--preview-link .post__author {
padding: 10px
}
.post--preview-link.post--right {
padding-left: 0
}
.header-oneline {
margin-bottom: 40px
}
.post--preview-link.post--right {
text-align: center
}
.timeline:before {
left: auto;
right: 20px
}
.post--short-link {
padding-right: 0;
margin-bottom: 20px
}
.post--short-link:before {
left: auto;
right: 0
}
.post--short-link:after {
width: 100%
}
.post--short-link .post {
width: 80%
}
.post--short-link:nth-child(2n) {
padding-left: 0;
text-align: left
}
.post-author .post-author__photo {
float: none;
margin-right: 0
}
.gallery-item .gallery-item__heading {
font-size: 14px
}
.gallery-item .btn {
padding: 10px 21px 7px;
font-size: 16px
}
.achivement-item .achivement-item__marker:before {
left: -40px
}
.achivement-item .achivement-item__marker:after {
right: -40px
}
.staff .staff__name, .staff .staff__position {
padding: 0 10px
}
.testimonial-wrap .testimonial {
max-width: 295px
}
.opposite-block .stat-row {
padding-bottom: 0
}
.opposite-block .stat {
display: block
}
.vacancy {
padding-left: 40px
}
.vacancy .vacancy__heading {
margin-left: -20px
}
.join .join__image {
width: 218px;
height: 42px
}
.join .join__additional {
font-size: 34px
}
.post--table {
width: 100%;
max-width: 292px
}
.post--table-horisontal {
max-width: 400px;
margin-left: auto;
margin-right: auto
}
.post--table-horisontal .image-container {
max-width: 400px;
float: none;
margin-right: 0;
margin-bottom: 0
}
.post--video .post-heading--oneline {
margin-top: 27px
}
.form-container {
width: 90%;
left: 5%;
right: 5%
}
.form-handler {
padding: 59px 20px 0
}
.service-step .service-step__descript {
padding-left: 25px
}
.service--colored-large {
max-width: 240px;
margin-right: auto;
margin-left: auto
}
.service--colored-large .icon--border {
float: none
}
.service--reverse .service__info {
margin-right: 0
}
.service--reverse .icon {
margin-top: 0
}
.widget--message .widget__time {
top: 5px;
right: 25px
}
.search--large .search__field {
min-width: 240px
}
.forum-item .forum-item__about {
font-size: 12px;
position: absolute;
top: 5px;
right: 20px;
margin-top: 0
}
.forum-item .forum-item__photo {
margin-right: 7px
}
.cart .cart__list {
left: -285px;
width: 270px;
min-width: 180px
}
.cart .cart__head {
left: -285px;
width: 270px
}
.cart .cart__toggle.open-nav {
z-index: 2000
}
.select--size {
margin-top: 0;
margin-bottom: 20px;
float: none!important
}
.product .product__sale {
top: 100%;
left: 0
}
.product .product__sale--under {
top: -70%;
left: 35%
}
.product--list-sm .product__photo {
float: none;
margin-right: auto;
margin-left: auto
}
.thumbs--full .thumb {
max-width: 100%
}
.thumbs--full li {
width: 31.5%
}
.tabs .comment .comment__number {
float: none;
margin-bottom: 15px
}
.table--short td {
padding-left: 30px
}
.accordion-link .step__number {
font-size: 34px;
right: 10px;
top: 5px
}
.table--cut {
max-width: 265px
}
.service--large-present {
min-height: 100%
}
.form-container .form-container__slogan {
background-position: 80% 100%
}
.widget--message .widget__content-item {
padding-right: 15px
}
.footer--cut .contact-info .contact-info__item {
max-width: 100%
}
.fading-slider .service .icon {
display: block;
float: none;
margin-right: 0
}
.fading-slider .service .service__heading {
padding: 10px 0 15px
}
.post--preview-link {
text-align: center
}
.special .special__price {
margin-bottom: 60px;
margin-top: 30px
}
.sub-header--mobile {
float: left;
margin-top: -100px;
margin-right: 0;
margin-bottom: 0;
overflow: hidden
}
.share--top {
margin-top: 156px;
margin-bottom: 0
}
.short-contact .short-contact__text {
font-size: 18px
}
.short-contact .short-contact__tel {
font-size: 30px
}
.forum--alt .search--large {
display: block;
margin-left: 2%;
margin-right: 2%;
padding: 0
}
.service-shot .service-shot__item {
margin-left: 10px;
margin-right: 10px
}
.service .icon {
display: block;
margin-right: 0
}
.service--colored-large .service__info {
padding-left: 10px;
padding-right: 10px;
text-align: center
}
.bubble--small {
display: none
}
.bubble--huge {
left: 20%
}
.bubble--large {
top: 165px;
left: 0
}
.bubble--medium.bubble--danger {
left: 44%
}
.service-line .icon {
text-align: center
}
.service-line .icon i {
display: inline-block
}
.twitter-pattern #twitter-feed-list .twitter-pic {
margin-top: 5px;
margin-right: 10px
}
.twitter-pattern #twitter-feed-list .twitter-author {
display: block;
margin-bottom: -5px
}
.twitter-pattern #twitter-feed-list .intent {
padding-right: 10px
}
.twitter-pattern #twitter-feed-list #twitter-actions {
margin-right: 0
}
.twitter-pattern #twitter-feed-list #intent-fave.intent {
padding-right: 0
}
.twitter-pattern #twitter-feed-list .twitter__follow {
top: 13px
}
.scroll-slide {
padding: 0 15px
}
.scroll-slide .scroll-slide__heading {
font-size: 28px
}
.scroll-slide .scroll-slide__info {
font-size: 16px
}
.scroll-slide .scroll-slide__btn {
font-size: 14px
}
#pp-nav {
margin-top: 0!important
}
#pp-nav li, .pp-slidesNav li {
margin: 10px 5px
}
#pp-nav li a, .pp-slidesNav li a {
width: 13px;
height: 13px
}
#pp-nav span, .pp-slidesNav span {
width: 5px;
height: 5px;
top: 2px;
left: 2px
}
.promo--canvas {
background-size: 2200px 550px
}
.stat--block.stat-first:after, .stat--block.stat-second:after, .stat--shape:after, .stat--shape:before, .stat--text:after, .stat--text:before {
display: none
}
.tooltip-classic .tooltip-content {
width: 260px;
margin-left: -130px
}
.tooltip-classic .tooltip-content img {
float: none;
margin: 0 auto
}
.margin-1 .tootip-present {
margin-top: 340px
}
.tooltip-classic.tootip-present {
margin-left: 107px;
margin-right: 133px
}
.tooltip-box .tooltip-content {
width: 260px;
margin-left: -130px
}
.margin-3 .tootip-present {
margin-top: 190px;
margin-bottom: 25px
}
.tooltip-box.tootip-present {
margin-right: 0
}
.tooltip-box.tootip-present .tooltip-item {
margin: 0 95px 0 90px
}
.tooltip-line .tooltip-content {
width: 260px;
margin-left: -130px
}
.tooltip-line.tootip-present {
margin: 0 105px
}
.margin-4 .tootip-present {
margin-top: 175px
}
.service--special .icon {
margin-right: auto
}
.info-section img {
max-width: 100%
}
.promo--special .promo__heading {
font-size: 22px;
padding-bottom: 10px
}
.promo--special .promo__describe {
line-height: 40px;
font-size: 26px
}
.promo--special .promo__btn {
margin-top: 5px
}
.bubble-header .main-title {
font-size: 28px
}
.gallery-item .gallery-item__heading {
padding-top: 15%
}
.mobile-full-placeholeder .brand-circle {
width: 330px;
height: 330px;
margin-left: -165px;
margin-top: -165px
}
}
@media (max-width:420px) {
.full-placeholeder--shop img {
max-width: 315px;
max-height: 246px;
margin-bottom: -10px
}
.contact-info--full .contact-info__item {
padding-left: 5%
}
.bubble-header .main-title:before {
width: 250px;
margin-left: -125px
}
.post__interaction .share .share__item {
font-size: 11px
}
#intent-reply a {
padding-right: 5px
}
#intent-retweet a {
padding-right: 0
}
}
@media (max-width:320px) {
.start-block {
padding-top: 50px;
padding-bottom: 190px;
background-position: 50% 230px
}
.start-block .start-block__heading {
font-size: 30px;
line-height: 38px
}
.start-block .start-block__moto {
font-size: 20px;
padding-bottom: 14px
}
.z-nav__toggle {
width: 323px;
margin-right: 70px
}
.z-nav__toggle.open-nav {
-webkit-transform: translate3d(120px, 0, 0);
-moz-transform: translate3d(120px, 0, 0);
-ms-transform: translate3d(120px, 0, 0);
transform: translate3d(120px, 0, 0)
}
.z-nav__list {
width: 240px
}
.z-nav__list .z-nav__link {
padding: 0 20px
}
.z-nav__list-secondary .z-nav__link {
padding: 0 0 20px 5px;
line-height: 30px
}
.promo--border-full {
padding-left: 30px;
padding-right: 30px
}
.promo--brand {
background-size: cover
}
.tabs--minimal-vertical .nav-tabs, .tabs--vertical .nav-tabs {
width: 100%;
float: none
}
.tabs--minimal-vertical .tab-content, .tabs--vertical .tab-content {
margin-left: 0
}
.nav-tabs>li {
float: none
}
.breadcrumb {
float: none;
margin-top: -18px;
padding-left: 0;
padding-right: 0
}
.swiper-pagination {
bottom: 0
}
.post--similar .post__images {
margin-bottom: 35px
}
.sidebar {
margin-top: 90px
}
.comment .comment__number {
float: none;
margin-bottom: 15px
}
.pager .pager__next, .pager .pager__prev {
top: 150px
}
.blockquote--strong {
padding-left: 12px;
padding-right: 12px
}
.date-slider .swiper-slide {
padding: 25px 19px
}
.date-slider-control {
margin-top: -78px
}
.date-slider-control .next-arrow, .date-slider-control .prev-arrow {
height: 50px;
padding-top: 0
}
.date-slider-control .date-slide {
height: 50px;
padding-top: 10px
}
.search--large .search__field {
min-width: 180px
}
.forum-item .forum-item__head {
padding-top: 45px
}
.login .login__callback {
display: block;
float: none
}
.heading-cascade .heading-cascade__step {
line-height: 26px
}
.special .special__price {
margin-bottom: 95px;
margin-top: 20px
}
.special .btn {
margin-bottom: 25px
}
.special .btn--space {
margin-bottom: 81px
}
.twitter-pattern #twitter-feed-list .intent {
margin-top: 25px;
margin-bottom: 20px
}
}