button, .btn {
background: 0 0;
border: none;
display: inline-block;
padding: 0;
outline: none;
outline-offset: 0;
cursor: pointer;
-webkit-appearance: none;
-moz-transition: none;
-o-transition: none;
-webkit-transition: none;
transition: none;
}
button::-moz-focus-inner, .btn::-moz-focus-inner {
border: none;
padding: 0
}
button:focus, .btn:focus {
outline: none
}
label {
font-size: 13px;
color: #2f2f2f
}
@media(min-width:768px) and (max-width:991px) {
label {
font-size: 10px;
}
}
label {
font-weight: 700;
cursor: default
}
textarea {
resize: none
}
blockquote {
font-size: inherit;
line-height: inherit
}
.input-group-btn:last-child > .btn, .input-group-btn:last-child > .btn-group {
z-index: auto
}
.bootstrap-datetimepicker-widget {
z-index: 998 !important
}
.bootstrap-datetimepicker-widget td.day, .bootstrap-datetimepicker-widget td.minute, .bootstrap-datetimepicker-widget td.hour, .bootstrap-datetimepicker-widget td.second, .bootstrap-datetimepicker-widget thead tr:first-child th, .bootstrap-datetimepicker-widget td span {
border: 1px solid transparent;
border-radius: 0;
-moz-transition: none;
-o-transition: none;
-webkit-transition: none;
transition: none;
}
.bootstrap-datetimepicker-widget td.day:hover, .bootstrap-datetimepicker-widget td.minute:hover, .bootstrap-datetimepicker-widget td.hour:hover, .bootstrap-datetimepicker-widget td.second:hover, .bootstrap-datetimepicker-widget thead tr:first-child th:hover, .bootstrap-datetimepicker-widget td span:hover {
background: 0 0;
color: #5f7e9e;
border-color: #ededed !important
}
.bootstrap-datetimepicker-widget td.separator {
font-size: 20px;
line-height: 20px
}
.bootstrap-datetimepicker-widget a[data-action] {
background: 0 0;
color: #2f2f2f
}
.bootstrap-datetimepicker-widget a[data-action] span {
border: none
}
.bootstrap-datetimepicker-widget a[data-action], .bootstrap-datetimepicker-widget .timepicker td > span, .bootstrap-datetimepicker-widget td.separator {
color: #2f2f2f
}
.bootstrap-datetimepicker-widget a[data-action]:hover, .bootstrap-datetimepicker-widget .timepicker td > span:hover {
color: #5f7e9e
}
.bootstrap-datetimepicker-widget .timepicker {
margin-top: 5px
}
.bootstrap-datetimepicker-widget .timepicker .table-condensed {
border-collapse: separate
}
.bootstrap-datetimepicker-widget .timepicker td span {
width: 15px;
height: 15px;
line-height: 15px;
margin: 5px 0
}
.bootstrap-datetimepicker-widget .timepicker td span.timepicker-hour, .bootstrap-datetimepicker-widget .timepicker td span.timepicker-minute {
border: 1px solid #ededed;
width: 50px;
height: 50px;
line-height: 50px;
border-radius: 0
}
.bootstrap-datetimepicker-widget td.day.active, .bootstrap-datetimepicker-widget td.day.active:hover {
background: #5f7e9e;
color: #fff;
cursor: inherit
}
.fancybox-overlay {
z-index: 10001
}
.fancybox-opened {
z-index: 10003
}
.container > .alert, .breadcrumb + .alert {
position: fixed;
z-index: 10004;
top: 0;
left: 0;
width: 100%;
-webkit-animation: alert-anim 1s cubic-bezier(1,-.01,0,.99);
-moz-animation: alert-anim 1s cubic-bezier(1,-.01,0,.99);
-ms-animation: alert-anim 1s cubic-bezier(1,-.01,0,.99);
-o-animation: alert-anim 1s cubic-bezier(1,-.01,0,.99);
animation: alert-anim 1s cubic-bezier(1,-.01,0,.99)
}
.container > .alert .alert, .breadcrumb + .alert .alert {
position: absolute;
left: 0;
right: 0;
top: 100%
}
.container > .alert .alert.fadeOut, .breadcrumb + .alert .alert.fadeOut {
top: -100%
}
@-ms-keyframes alert-anim {
0% {
top: -100%
}
60% {
top: 0
}
100% {
top: 0
}
}
@-o-keyframes alert-anim {
0% {
top: -100%
}
60% {
top: 0
}
100% {
top: 0
}
}
@-webkit-keyframes alert-anim {
0% {
top: -100%
}
60% {
top: 0
}
100% {
top: 0
}
}
@-moz-keyframes alert-anim {
0% {
top: -100%
}
60% {
top: 0
}
100% {
top: 0
}
}
@keyframes alert-anim {
0% {
top: -100%
}
60% {
top: 0
}
100% {
top: 0
}
}
@-ms-keyframes alert-anim2 {
0% {
top: -100%
}
60% {
top: 100%
}
100% {
top: 100%
}
}
@-o-keyframes alert-anim2 {
0% {
top: -100%
}
60% {
top: 100%
}
100% {
top: 100%
}
}
@-webkit-keyframes alert-anim2 {
0% {
top: -100%
}
60% {
top: 100%
}
100% {
top: 100%
}
}
@-moz-keyframes alert-anim2 {
0% {
top: -100%
}
60% {
top: 100%
}
100% {
top: 100%
}
}
@keyframes alert-anim2 {
0% {
top: -100%
}
60% {
top: 100%
}
100% {
top: 100%
}
}
@-ms-keyframes alert-icon-anim {
0% {
font-size: 0
}
60% {
font-size: 0
}
}
@-o-keyframes alert-icon-anim {
0% {
font-size: 0
}
60% {
font-size: 0
}
}
@-webkit-keyframes alert-icon-anim {
0% {
font-size: 0
}
60% {
font-size: 0
}
}
@-moz-keyframes alert-icon-anim {
0% {
font-size: 0
}
60% {
font-size: 0
}
}
@keyframes alert-icon-anim {
0% {
font-size: 0
}
60% {
font-size: 0
}
}
.product_page-right .alert {
margin-top: 20px
}
.alert {
position: relative;
padding: 14.5px 40px 14.5px 75px;
z-index: 30;
color: #fff;
border-radius: 0;
min-height: 50px;
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
box-sizing: border-box;
border: none;
font-weight: 700;
-webkit-box-shadow: 1px 1px 5px rgba(0,0,0,.2);
-moz-box-shadow: 1px 1px 5px rgba(0,0,0,.2);
box-shadow: 1px 1px 5px rgba(0,0,0,.2);
-moz-transition: 1s all cubic-bezier(1,-.01,0,.99);
-o-transition: 1s all cubic-bezier(1,-.01,0,.99);
-webkit-transition: 1s all cubic-bezier(1,-.01,0,.99);
transition: 1s all cubic-bezier(1,-.01,0,.99)
}
.alert i {
position: absolute;
top: 0;
left: 0;
bottom: 0;
text-align: center;
width: 60px;
font-size: 40px;
-webkit-animation: alert-icon-anim 1s;
-moz-animation: alert-icon-anim 1s;
-ms-animation: alert-icon-anim 1s;
-o-animation: alert-icon-anim 1s;
animation: alert-icon-anim 1s;
text-shadow: 1px 1px 5px rgba(0,0,0,.15)
}
.alert i:before {
position: absolute;
top: 50%;
left: 0;
right: 0;
line-height: 0
}
.alert a:hover {
text-decoration: underline
}
.alert button.close {
position: absolute;
top: 50%;
line-height: 1;
right: 15px;
color: #fff;
opacity: .7;
-moz-transform: translate(0,-50%);
-ms-transform: translate(0,-50%);
-o-transform: translate(0,-50%);
-webkit-transform: translate(0,-50%);
transform: translate(0,-50%)
}
.alert button.close:hover, .alert button.close:focus {
opacity: 1;
color: #fff
}
.alert.fadeOut {
-moz-transform: translate(0,-100%);
-ms-transform: translate(0,-100%);
-o-transform: translate(0,-100%);
-webkit-transform: translate(0,-100%);
transform: translate(0,-100%)
}
.alert.fadeOut .alert {
top: 100%
}
@media(max-width:479px) {
.alert {
padding-right: 30px
}
.alert button.close {
right: 5px
}
}
.alert-success {
background-color: #5f7e9e
}
.alert-success a {
color: #2f2f2f
}
.alert-success a, .alert-success a:visited, .alert-success a:focus, .alert-success a:hover {
color: #f5f5f5
}
.alert-danger {
background-color: #f44336
}
.alert-danger i {
background: #d32f2f
}
.alert-danger a, .alert-danger a:visited, .alert-danger a:focus, .alert-danger a:hover {
color: #ffcdd2
}
.alert-info {
background-color: #03a9f4
}
.alert-info i {
background: #0288d1
}
.alert-info a, .alert-info a:visited, .alert-info a:focus, .alert-info a:hover {
color: #b3e5fc
}
.alert-warning {
background-color: #ff5722
}
.alert-warning i {
background: #e64a19
}
.alert-warning a, .alert-warning a:visited, .alert-warning a:focus, .alert-warning a:hover {
color: #ffccbc
}
.pagination > li:last-child > a, .pagination > li:last-child > span, .pagination > li:first-child > a, .pagination > li:first-child > span {
border-radius: 0
}
.pagination {
margin: 0
}
.pagination:before, .pagination:after {
display: table;
content: "";
line-height: 0
}
.pagination:after {
clear: both
}
.pagination > li {
display: block;
float: left
}
.pagination > li > a, .pagination > li > span {
display: inline-block;
color: #888;
background: #e9e9e9;
border: none;
float: none;
margin-left: 0;
width: 45px;
height: 45px;
line-height: 45px;
text-align: center;
padding: 0;
border: 1px solid #fff
}
.pagination > li > a:hover, .pagination > li > a:focus, .pagination > li > span:hover, .pagination > li > span:focus {
z-index: 3;
color: #fff;
background: #5f7e9e;
border-color: #fff
}
.pagination > li.active > a, .pagination > li.active > a:hover, .pagination > li.active > a:focus, .pagination > li.active > span, .pagination > li.active > span:hover, .pagination > li.active > span:focus {
background: #5f7e9e;
color: #fff;
border-color: #fff;
z-index: auto
}
.pagination > li + li > a, .pagination > li + li > span {
border-left: none
}
.pagination > li + li:nth-child(5n+6) {
clear: left
}
.pagination > li + li:nth-child(5n+6) > a, .pagination > li + li:nth-child(5n+6) > span {
border-left: 1px solid #ededed
}
.pagination > li + li:nth-child(n+6) {
margin-top: 2px
}
a:focus, a:hover {
color: #5f7e9e;
}
.nav .open > a, .nav .open > a:hover, .nav .open > a:focus {
background: 0 0;
text-decoration: none;
}
.table thead td, .table th {
text-transform: uppercase;
font-weight: 700;
color: #2f2f2f;
font-size: 13px;
background-color: #f9f9f9
}
.table-bordered > thead > tr > td, .table-bordered > thead > tr > th {
border-bottom: none
}
.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: 10px
}
.table td {
padding: 20px;
border-color: #ededed;
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
box-sizing: border-box
}
.block-compare .table th, .block-compare .table td {
padding: 7px
}
.panel-group .panel, .panel, .table-bordered, .table-bordered thead:first-child tr:first-child > th:last-child, .table-bordered tbody:first-child tr:first-child > td:last-child, .table-bordered tbody:first-child tr:first-child > th:last-child, .table-bordered thead:first-child tr:first-child > th:first-child, .table-bordered tbody:first-child tr:first-child > td:first-child, .table-bordered tbody:first-child tr:first-child > th:first-child, .table-bordered thead:last-child tr:last-child > th:first-child, .table-bordered tbody:last-child tr:last-child > td:first-child, .table-bordered tbody:last-child tr:last-child > th:first-child, .table-bordered tfoot:last-child tr:last-child > td:first-child, .table-bordered tfoot:last-child tr:last-child > th:first-child {
border-radius: 0
}
.table-bordered, .table-bordered > thead > tr > th, .table-bordered > tbody > tr > th, .table-bordered > tfoot > tr > th, .table-bordered > thead > tr > td, .table-bordered > tbody > tr > td, .table-bordered > tfoot > tr > td {
border-color: #ededed
}
.table-responsive > .table > thead > tr > th, .table-responsive > .table > tbody > tr > th, .table-responsive > .table > tfoot > tr > th, .table-responsive > .table > thead > tr > td, .table-responsive > .table > tbody > tr > td, .table-responsive > .table > tfoot > tr > td {
white-space: normal
}
.table-bordered > tbody > tr > td {
vertical-align: middle
}
.table > tbody + tbody {
border-top: none
}
.panel-default > .panel-heading {
padding: 20px;
background: #f9f9f9;
color: #2f2f2f
}
.addthis_sharing_toolbox a {
-moz-transition: .3s all ease;
-o-transition: .3s all ease;
-webkit-transition: .3s all ease;
transition: .3s all ease
}
.addthis_sharing_toolbox a:hover {
opacity: .6
}
.fancybox-close, .fancybox-prev span, .fancybox-next span {
opacity: .8
}
.fancybox-lock {
overflow: visible !important
}
.fancybox-close:hover, .fancybox-prev span:hover, .fancybox-next span:hover {
opacity: 1
}
.form-horizontal .radio, .form-horizontal .checkbox {
min-height: inherit
}
.form-horizontal .radio:first-child, .form-horizontal .checkbox:first-child {
padding-top: 0
}
.form-horizontal .control-label, .form-horizontal .radio-inline, .form-horizontal .checkbox-inline {
padding-top: 0
}
.input-group .form-control {
z-index: auto
}
.atm-f {
height: auto !important
}
.text-danger {
color: red
}
.has-error * + .text-danger {
margin-top: 5px
}
.buttons input[type=checkbox] {
position: relative;
top: 2px
}
.tooltip {
z-index: 9999
}
.ps-document-overlay, .ps-carousel, .ps-uilayer, .ps-toolbar, .ps-caption {
z-index: 100000000 !important
}
.vcenter {
vertical-align: middle !important
}
.table-custom > tbody > tr > td, .table-custom > tbody > tr > th, .table-custom > tfoot > tr > td, .table-custom > tfoot > tr > th, .table-custom > thead > tr > td, .table-custom > thead > tr > th {
border-top: none;
border-bottom: 1px solid #ededed;
padding-bottom: 10px
}
.table-hover > tbody > tr:hover {
background-color: #fafafa
}
.account-wishlist .table-hover > tbody > tr:hover {
background: 0 0
}
.modal {
z-index: 10005
}
.modal .terms_conditions_page {
margin-top: 30px
}
.modal-backdrop {
z-index: 10000
}
body {
font: 400 14px/21px "Ubuntu",sans-serif;
color: #888;
/* background: #464646*/
}
h1, h2, h3, h4, h5, h6 {
color: #3d454c;
margin: 0 0 20px;
line-height: normal;
font-weight: 400;
text-transform: capitalize
}
h1 {
font-size: 24px;
line-height: 30px;
margin-bottom: 0;
margin-top: 30px;
-ms-text-overflow: ellipsis;
-o-text-overflow: ellipsis;
text-overflow: ellipsis;
overflow: hidden
}
h1 i {
margin-right: 10px;
color: #5f7e9e;
font-size: 45px
}
h1 i:before {
vertical-align: middle
}
h1:after {
content: '';
height: 1px;
display: block;
background: #ededed;
margin: 10px 0 30px
}
h1.no-line {
margin-bottom: 30px
}
h1.no-line:after {
display: none
}
h2 {
font-size: 24px;
line-height: 30px
}
h3 {
font-size: 14px;
line-height: 24px
}
h4 {
font-size: 14px;
line-height: 24px
}
h5 {
font-size: 16px
}
h6 {
font-size: 10.2px
}
a {
display: inline-block;
font: inherit;
color: inherit;
text-decoration: none;
max-width: 100%;
-moz-transition: none;
-o-transition: none;
-webkit-transition: none;
transition: none;
}
a:active {
background-color: transparent
}
a:visited, a:focus {
color: inherit;
outline: none;
text-decoration: none
}
a:hover {
text-decoration: none;
color: #5f7e9e
}
p a, p a:visited, p a:focus {
color: #5f7e9e
}
p a:hover, p a:visited:hover, p a:focus:hover {
text-decoration: none;
color: #2f2f2f
}
img {
max-width: 100%;
height: auto
}
legend {
font-size: 18px;
padding: 7px 0
}
label {
font-size: 12px;
font-weight: 400
}
.input-group .input-group-addon {
height: 30px
}
.nav-tabs {
margin-bottom: 15px
}
div.required .control-label:after {
content: '*';
color: red;
font-size: 13px;
position: absolute;
margin-left: 3px
}
.fa {
line-height: inherit;
font-family: inherit
}
.fa:before {
font-family: fontawesome
}
#page > .ie-warning {
position: relative;
text-align: center;
display: none;
clear: both
}
@media(min-width:768px) {
.lt-ie11 #page > .ie-warning {
display: block
}
}
header {
background: #f2f2f2;
margin-bottom: 30px
}
@media(min-width:768px) {
header .box-cart {
float: right;
text-align: center;
position: relative;
width: 19.6%;
min-height: 60px;
background: #5f7e9e;
-webkit-border-radius: 0 3px 0 0;
-moz-border-radius: 0 3px 0 0;
border-radius: 0 3px 0 0
}
}
header .top-line {
padding: 15px 0 4px
}
header .mid-line {
padding: 10px 0 20px
}
header .logo {
margin-top: 0
}
header .logo img {
max-width: 180px;
display: inline-block;
}
header .header_modules {
float: right;
margin: 0 10px
}
header .phone {
text-align: right;
margin-top: 7px;
font-size: 21px;
line-height: 30px;
font-weight: 500;
color: #2f2f2f
}
header .phone i {
color: #5f7e9e;
margin-right: 10px;
position: relative
}
header .fl-left {
float: left
}
header .fl-right {
float: right
}
.demo-border {
border-bottom: 1px solid #fff;
background: #5f7e9e;
padding: 5px 0
}
.demo-border a {
margin-bottom: 0
}
.toggle_cont {
display: none;
background: #ebeaea;
padding: 5px 0 10px;
list-style-type: none;
position: absolute;
left: 0;
right: auto;
top: 100%;
width: 180px;
line-height: 29px;
z-index: 999
}
.toggle_cont > li {
display: block
}
.toggle_cont > li > a, .toggle_cont > li > button {
text-align: left;
display: inline-block;
padding: 2px 18px;
font-weight: 400;
font-size: 14px;
line-height: 27px;
color: #2f2f2f
}
.toggle_cont > li > a i, .toggle_cont > li > button i {
margin-right: 5px;
font-size: 14px;
position: relative;
display: inline-block;
top: 0
}
.toggle_cont > li > a:hover, .toggle_cont > li > button:hover {
background: 0 0;
}
.toggle_cont > li > a > span {
display: inline-block !important;
}
.toggle_cont ul {
font-size: 16px;
z-index: 999
}
.toggle_cont ul li + li {
border-top: 0
}
.toggle_cont__right {
left: 0;
top: 38px
}
.toggle_cont__right > li > a:hover {
background: 0 0;
color: #5f7e9e
}
@media(min-width:768px) {
header .nav {
float: left;
background: #464646;
padding: 0;
/* width: 80.4%;*/
width: 100%;
min-height: 60px;
position: relative;
-webkit-border-radius: 3px 0 0 0;
-moz-border-radius: 3px 0 0 0;
border-radius: 3px 0 0 0
}
header .nav > .toggle {
display: none
}
header .nav > .toggle_cont {
display: block !important;
padding: 0;
margin: 0;
background: 0 0;
line-height: 24px;
color: #fff;
width: auto;
text-align: left;
position: absolute;
top: 50%;
left: 25px;
right: 25px;
/*bottom: 0;*/
white-space: nowrap;
-moz-transform: translateY(-50%);
-ms-transform: translateY(-50%);
-o-transform: translateY(-50%);
-webkit-transform: translateY(-50%);
transform: translateY(-50%)
}
header .nav > .toggle_cont > li {
display: inline-block;
position: relative
}
header .nav > .toggle_cont > li > a {
 display: inline-block;
 font-size: 14px;
 font-weight: 300;
 padding: 0;
 color: #fff
}
 header .nav > .toggle_cont > li > a i {
color: #5f7e9e;
position: relative;
margin-right: 10px;
-moz-transition: none;
-o-transition: none;
-webkit-transition: none;
transition: none;
 }
 header .nav > .toggle_cont > li > a:hover, header .nav > .toggle_cont > li > a.current {
background: 0 0;
text-decoration: none;
 }
header .nav > .toggle_cont > li + li {
 margin-left: 20px
}
}
@media(max-width:767px) {
header .nav {
position: fixed;
top: 0;
margin: 0;
z-index: 10000;
-moz-transition: none;
-o-transition: none;
-webkit-transition: none;
transition: none;
}
header .nav .toggle-wrap .toggle {
display: none
}
header .nav .toggle-wrap .toggle_cont {
display: block !important;
height: auto !important;
position: static;
padding: 0;
-moz-transition: none;
-o-transition: none;
-webkit-transition: none;
transition: none;
}
header .nav .toggle-wrap .toggle_cont li + li {
border-top: 0
}
}
.box-language, .box-currency {
padding: 0;
margin: 0 11px 0 10px;
position: relative;
line-height: 23px;
display: inline-block;
float: right
}
.box-language .toggle, .box-currency .toggle {
display: inline-block;
line-height: 24px;
font-size: 12px;
font-weight: 300;
padding: 0;
color: #888;
cursor: pointer;
-moz-transition: none;
-o-transition: none;
-webkit-transition: none;
transition: none;
}
.box-language .toggle:after, .box-currency .toggle:after {
display: inline-block;
content: '\f107';
font-size: 11px;
font-family: fontawesome;
position: absolute;
right: -10px;
top: 1px
}
.box-language .toggle.active, .box-language .toggle:hover, .box-currency .toggle.active, .box-currency .toggle:hover {
color: #5f7e9e;
text-decoration: none;
}
.box-language .toggle_cont, .box-currency .toggle_cont {
right: -11px;
left: auto;
top: 34px;
padding: 10px 0;
margin: 0
}
.box-language .toggle_cont > li > a:hover, .box-language .toggle_cont > li > a.selected, .box-language .toggle_cont > li > button:hover, .box-language .toggle_cont > li > button.selected, .box-currency .toggle_cont > li > a:hover, .box-currency .toggle_cont > li > a.selected, .box-currency .toggle_cont > li > button:hover, .box-currency .toggle_cont > li > button.selected {
background: 0 0;
text-decoration: none;
text-decoration: none;
}
.box-language .toggle_cont > li + li, .box-currency .toggle_cont > li + li {
border-top: 0
}
@media(max-width:1199px) {
header .nav > .toggle_cont > li > a i {
margin-right: 7px
}
}
@media(min-width:768px) and (max-width:991px) {
header .nav > .toggle_cont > li > a i {
font-size: 24px
}
header .nav > .toggle_cont > li > a span {
display: none
}
header .nav > .toggle_cont > li > a:hover i {
color: #fff;
text-decoration: none;
}
}
@media(max-width:991px) {
header .mid-line {
padding: 15px 0 20px
}
header .nav {
width: 70%
}
header .nav > .toggle_cont {
text-align: center
}
header .nav > .toggle_cont > li > a i {
line-height: 30px
}
header .box-cart {
width: 30%
}
header .phone {
margin-top: 3px;
font-size: 18px
}
}
@media(max-width:767px) {
header .header_modules {
padding: 0;
margin: 0;
float: none;
text-align: left
}
header .mid-line {
padding: 10px 0 10px 0
}
header .wishlist {
margin-right: 0
}
header .wishlist i {
font-size: 12px
}
header .logo {
margin: 0 0 25px
}
header .logo img {
display: inline-block
}
header .box-cart {
float: none
}
header .nav {
width: auto
}
header .nav .toggle_cont {
right: -35px;
left: auto;
text-align: left;
padding-left: 15px;
padding-right: 15px;
margin-top: -1px
}
header .nav .toggle_cont > li a {
font-weight: 400;
padding: 0;
font-size: 11px
}
header .nav .toggle_cont > li a span b {
 font-weight: 400
}
header .nav .toggle_cont > li + li {
padding-left: 0
}
header .toggle-wrap-single {
margin-left: 33px
}
header .box-language, header .box-currency {
margin: 0 11px 0 15px
}
header .box-language .toggle_cont, header .box-currency .toggle_cont {
top: 33px
}
header .toggle_cont > li {
margin: 0 !important
}
.navigation {
display: none
}
}
@media(max-width:480px) {
header [class*=col-xs] {
width: 100%;
float: none
}
header .top-line .col-xs-6 {
width: 50%;
float: left
}
header .phone {
text-align: left;
margin-bottom: 15px
}
}
#page {
background: #fff;
overflow: hidden
}
section.bottom {
background: #5f7e9e;
padding: 30px 0
}
#content > h1 {
display: none
}
.box.account ul, .box.affilate ul {
padding: 0;
list-style-type: none
}
.box.account ul li + li, .box.affilate ul li + li {
border-top: 1px solid #ededed
}
.box.account ul a, .box.affilate ul a {
position: relative;
background: #e9e9e9;
display: block;
padding: 13px 15px
}
.box.account ul a:hover, .box.affilate ul a:hover {
background: #5f7e9e;
color: #777;
text-decoration: none;
}
.box.account ul a:hover, .box.affilate ul a:hover {
color: #5f7e9e;
text-decoration: none;
}
.manufacturer-content div, #content ul.list-unstyled {
margin: 0;
list-style-type: none
}
.manufacturer-content div li + li, #content ul.list-unstyled li + li {
margin-top: 10px
}
.manufacturer-content div a, #content ul.list-unstyled a {
position: relative;
color: #2f2f2f
}
.manufacturer-content div a:hover, #content ul.list-unstyled a:hover {
color: #5f7e9e;
text-decoration: none;
}
.manufacturer-content div a:before, #content ul.list-unstyled a:before {
content: '\e11d';
margin-right: 5px;
font-weight: 400;
position: relative;
top: 3px;
font-size: 20px;
font-family: material-design;
color: #5f7e9e
}
#content .product-info ul.list-unstyled a:before {
display: none
}
@media(max-width:767px) {
aside {
margin-top: 20px
}
aside .container {
padding: 0;
width: 100%
}
}
@media(max-width:480px) {
.col-sm-3 .img-thumbnail {
float: none;
margin: 0 0 20px;
width: 100%
}
.top .col-xs-6 {
width: 100%
}
.color-box-1 {
padding: 20px 0
}
.color-box-2 {
padding: 50px 0
}
}
.lazy {
display: block;
position: relative;
overflow: hidden;
background: transparent url(../images/lazy-loader.gif) no-repeat center center
}
.lazy img {
position: absolute;
top: 50%;
left: 0;
right: 0;
bottom: 0;
text-align: center;
height: auto;
z-index: 0;
-moz-transform: translateY(-50%);
-ms-transform: translateY(-50%);
-o-transform: translateY(-50%);
-webkit-transform: translateY(-50%);
transform: translateY(-50%);
-moz-transition: none;
-o-transition: none;
-webkit-transition: none;
transition: none;
opacity: 0;
-webkit-backface-visibility: hidden
}
.lazy.lazy-loaded {
background: 0 0
}
.lazy.lazy-loaded img {
opacity: 1
}
.search {
position: relative;
width: 100%;
padding: 0;
z-index: 1000
}
.search input[type=text] {
float: left;
color: #2f2f2f;
display: block;
margin: 0;
font-size: 14px;
line-height: 18px;
text-transform: none;
font-weight: 400;
padding: 0 20px;
width: 86%;
height: 35px;
background: white;
border: 1px solid #e5e5e5;
-webkit-border-radius: 4px 0 0 4px;
-moz-border-radius: 4px 0 0 4px;
border-radius: 4px 0 0 4px;
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
box-sizing: border-box
}
.search input[type=text]:focus {
outline: none
}
.search input[type=text]::-webkit-input-placeholder {
color: #2f2f2f !important;
opacity: 1
}
.search input[type=text]:-moz-placeholder {
color: #2f2f2f !important;
opacity: 1
}
.search input[type=text]::-moz-placeholder {
color: #2f2f2f !important;
opacity: 1
}
.search input[type=text]:-ms-input-placeholder {
color: #2f2f2f !important;
opacity: 1
}
.search input[type=text]:focus::-webkit-input-placeholder {
color: transparent !important
}
.search input[type=text]:focus::-moz-placeholder {
color: transparent !important
}
.search input[type=text]:focus:-moz-placeholder {
color: transparent !important
}
.search input[type=text]:focus:-ms-input-placeholder {
color: transparent !important
}
.search button, .search button:focus, .search button:active {
background: 0 0;
border: none;
display: inline-block;
padding: 0;
outline: none;
outline-offset: 0;
cursor: pointer;
-webkit-appearance: none;
-moz-transition: none;
-o-transition: none;
-webkit-transition: none;
transition: none;
float: left;
width: 14%;
background: #5f7e9e;
-webkit-border-radius: 0 4px 4px 0;
-moz-border-radius: 0 4px 4px 0;
border-radius: 0 4px 4px 0;
padding: 0;
height: 35px;
color: #fff;
background: #5f7e9e;
font: 300 14px/35px "Ubuntu",sans-serif
}
.search button::-moz-focus-inner, .search button:focus::-moz-focus-inner, .search button:active::-moz-focus-inner {
border: none;
padding: 0
}
.search button i, .search button:focus i, .search button:active i {
display: none
}
.search button:hover, .search button:focus:hover, .search button:active:hover {
background: #2f2f2f;
text-decoration: none;
}
ul.ui-autocomplete {
background-color: white;
z-index: 999;
list-style: none;
padding-left: 5px;
max-width: 555px;
border: 1px solid #ccc
}
ul.ui-autocomplete li.ui-menu-item {
padding: 4px;
}
ul.ui-autocomplete li.ui-menu-item:hover {
padding: 4px;
}
ul.ui-autocomplete li.ui-menu-item a, ul.ui-autocomplete li.ui-menu-item {
display: block;
}
ul.ui-autocomplete li.ui-menu-item a:hover, ul.ui-autocomplete a.ui-state-active {
background-color: #eee;
text-decoration: none;
}

@media(max-width:1199px) {
.search input[type=text] {
width: 75%
}
.search button {
width: 25%
}
}
@media(max-width:767px) {
.search {
padding: 0;
z-index: auto
}
.search input[type=text] {
width: 85%
}
.search input[type=text]::-webkit-input-placeholder {
opacity: 0
}
.search input[type=text]:-moz-placeholder {
opacity: 0
}
.search input[type=text]::-moz-placeholder {
opacity: 0
}
.search input[type=text]:-ms-input-placeholder {
opacity: 0
}
.search button {
width: 15%;
font-size: 16px
}
.search button span {
display: none
}
.search button i {
display: block
}
}
.box-cart .btn-remove-wrap, .box-cart .btn-remove__cnt {
position: absolute;
left: 0;
right: 0
}
.box-cart .btn-remove-wrap i, .box-cart .btn-remove__cnt i {
font-size: 20px
}
.box-cart .btn-remove-wrap {
top: 0;
bottom: 0;
z-index: 10;
color: #fff;
display: none;
background: #eee
}
.box-cart .btn-remove__cnt {
top: 50%;
-moz-transform: translateY(-50%);
-ms-transform: translateY(-50%);
-o-transform: translateY(-50%);
-webkit-transform: translateY(-50%);
transform: translateY(-50%)
}
.box-cart .btn-remove__cnt .link {
display: inline-block;
margin: 0 13px;
color: #5f7e9e
}
.box-cart .btn-remove__cnt .link:hover {
color: #2f2f2f
}
.box-cart .btn-danger, .box-cart .btn-danger:focus {
border: 0;
padding: 0;
color: #5f7e9e;
font-size: 15px;
background: 0 0
}
.box-cart .btn-danger:hover, .box-cart .btn-danger:focus:hover {
color: #5f7e9e;
background: 0 0
}
.box-cart .btn-danger:focus, .box-cart .btn-danger:focus:focus {
-webkit-box-shadow: none;
box-shadow: none
}
.box-cart a:hover img {
opacity: .6
}
.box-cart .fl-left {
float: left;
width: 25%
}
.box-cart .fl-right {
float: right;
width: 62%;
margin-right: 7%;
line-height: 28px
}
.box-cart .btn-remove {
position: absolute;
right: 8px;
top: 12px;
line-height: 20px;
color: #5f7e9e
}
.box-cart .btn-remove i {
font-size: 18px;
line-height: 20px;
-moz-transition: none;
-o-transition: none;
-webkit-transition: none;
transition: none;
}
.box-cart .btn-remove:hover {
color: #2f2f2f
}
@media(min-width:768px) {
.cart {
position: absolute;
left: 0;
right: 0;
top: 50%;
bottom: 0;
z-index: 10;
-moz-transform: translateY(-50%);
-ms-transform: translateY(-50%);
-o-transform: translateY(-50%);
-webkit-transform: translateY(-50%);
transform: translateY(-50%)
}
}
.cart > button {
text-transform: none;
position: relative;
text-align: right
}
.cart > button:after {
position: relative;
margin-left: 20px;
content: '\ec3a';
font-family: linearicons;
font-size: 14px;
top: 4px;
color: #fff;
display: inline-block;
-moz-transition: all .3s ease;
-o-transition: all .3s ease;
-webkit-transition: all .3s ease;
transition: all .3s ease
}
.cart > button i, .cart > button strong, .cart > button span {
vertical-align: middle;
font-weight: 300;
font-size: 14px;
color: #fff;
-moz-transition: .4s all ease;
-o-transition: .4s all ease;
-webkit-transition: .4s all ease;
transition: .4s all ease
}
.cart > button i {
float: left;
position: relative;
top: 0;
font-size: 24px;
margin-right: 10px;
color: #fff;
-moz-transition: all .3s ease;
-o-transition: all .3s ease;
-webkit-transition: all .3s ease;
transition: all .3s ease
}
.cart > button em {
font-style: normal
}
.cart > button strong {
font-weight: 300
}
.cart > button span {
font-family: ubuntu,sans-serif;
-moz-transition: all .3s ease;
-o-transition: all .3s ease;
-webkit-transition: all .3s ease;
transition: all .3s ease
}
.cart > button span b {
display: none;
font-weight: 300
}
.cart > button.active:after, .cart > button.active i, .cart > button.active strong, .cart > button.active span, .cart > button:hover:after, .cart > button:hover i, .cart > button:hover strong, .cart > button:hover span {
color: #9de4fb
}
.cart .cart-remove-btn {
margin-left: 5px
}
.cart .cart-remove-btn:before, .cart .cart-remove-btn > span {
vertical-align: middle
}
.cart .cart-remove-btn:before {
margin-right: 5px
}
.cart .btn-l, .cart .btn-r {
float: left;
width: 49.3%;
padding-left: 5px;
padding-right: 5px;
font-size: 12px
}
.cart .btn-r {
float: right
}
.cart .name {
margin-bottom: 3px
}
.cart .name a {
text-transform: none;
line-height: 19px;
font-size: 14px;
font-weight: 500
}
.cart .name a:hover {
color: #5f7e9e
}
.cart .quant {
background: #eee;
padding: 3px 12px;
margin: 0 10px 0 0;
font-size: 16px;
color: #888
}
.cart .price-cart {
color: #2f2f2f;
font-weight: 700;
font-size: 14px;
margin-left: 6px
}
.cart .toggle_cont {
z-index: 1001;
min-width: 279px;
padding: 0;
max-height: 434px;
right: 0;
left: auto;
top: 155%;
list-style-type: none;
color: #2f2f2f;
margin: 0;
border: 0;
overflow-y: auto;
overflow-x: hidden;
text-align: left;
-webkit-box-shadow: 0 5px 5px rgba(0,0,0,.05);
-moz-box-shadow: 0 5px 5px rgba(0,0,0,.05);
box-shadow: 0 5px 5px rgba(0,0,0,.05)
}
.cart .toggle_cont p {
margin: 0;
font-size: 11px;
text-transform: uppercase;
font-weight: 400
}
.cart .toggle_cont > li {
position: relative;
overflow: hidden;
padding: 12px
}
.cart .toggle_cont > li + li {
border-top: 1px solid rgba(0,0,0,.1)
}
.cart .toggle_cont .total {
list-style-type: none
}
.cart .toggle_cont .total > .t-row {
position: relative;
overflow: hidden;
font-size: 15px
}
.cart .toggle_cont .total > .t-row > div {
width: 64%;
float: left;
line-height: 28px;
vertical-align: middle
}
.cart .toggle_cont .total > .t-row > div b {
 font-weight: 500;
 color: #2f2f2f
}
.cart .toggle_cont .total > .t-row > div + div {
 width: 36%
}
.cart .toggle_cont .total > .t-row > div em {
 color: #2f2f2f;
 font-style: normal;
 font-weight: 700
}
@media(max-width:1199px) {
.cart > button:after {
margin-left: 7px
}
}
@media(max-width:767px) {
.cart {
position: fixed;
top: 0;
margin: 0;
z-index: 10001
}
.cart > button {
position: relative
}
.cart > button:after {
display: none
}
.cart > button .cart-total em {
display: none
}
.cart > button .cart-total2 {
margin-left: 5px
}
.cart .toggle_cont {
max-height: 260px;
overflow: auto;
right: -30px;
margin: 0;
overflow-y: auto;
overflow-x: hidden
}
}
.product-thumb {
background: #fff;
position: relative;
overflow: hidden;
margin: 0 0 30px 0;
padding: 15px 20px;
z-index: 0;
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
box-sizing: border-box
}
.product-thumb:before {
content: "";
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
display: block;
border: 1px solid #ededed;
z-index: -1;
margin: 5px 5px 0 5px;
}
.product-thumb .image {
margin: 0;
padding: 0;
position: relative;
overflow: hidden;
}
.product-thumb .image img {
margin: 0;
object-fit: cover;
object-position: center;
height: 180px;
width: 180px;
}
.product-thumb .image .img-primary, .product-thumb .image .img-secondary {
opacity: 0
}
.product-thumb .image .lazy-loaded {
display: block
}
.product-thumb .image .lazy-loaded .img-primary {
opacity: 1;
width: 100%
}
.product-thumb .image .lazy-loaded .img-secondary {
opacity: 0
}
.product-thumb .name > a {
display: inline-block;
line-height: 18px;
font-size: 13px;
font-weight: 400;
text-transform: none;
color: #2f2f2f;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
}
.product-thumb .name > a .highlight {
background-color: yellow;
}
.product-thumb .name > a:hover {
color: #5f7e9e
}
.product-thumb .description {
margin-top: 2px;
color: #888;
font-size: 12px;
line-height: 18px;
font-weight: 300;
overflow: hidden;
}
.product-thumb .caption {
position: relative;
padding: 0;
margin: 3px 0 0 0
}
.product-list .product-thumb .caption {
display: none
}
.product_links {
padding: 20px;
background-color: #f7f7f7;
margin-bottom: 20px;
}
.product_links a {
display: inline-block;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
width: 400px
}
.product_links a .highlight {
background-color: yellow;
}
/************************* PAGINA NUMMERS ************************/
.PageNr {
white-space: nowrap;
padding: 10px 10px 50px 10px;
}
/* elk pagina nummer is een link */
.PageNr a {
-webkit-box-shadow: 0 2px 3px rgba(0,0,0,0.3);
border-radius: 3px;
box-shadow: 0 2px 3px rgba(0,0,0,0.3);
color: #333;
display: inline-block;
font-family: Verdana, Tahoma, Arial;
font-size: 13px;
font-weight: normal;
line-height: 13px;
margin: 0 2px 0 2px;
padding: 6px 0 6px 0;
text-align: center;
text-decoration: none;
text-transform: uppercase;
-moz-transition: none;
-o-transition: none;
-webkit-transition: none;
transition: none;
width: 28px;
}
.PageNr a:hover {
background-color: #f7f7f7;
text-decoration: none;
}
.PageNr a.selected {
background-color: #dae8c1;
font-weight: bold;
}
a.PageNr_selected {
background-color: #5f7e9e !important;
font-weight: bold !important;
color: white !important;
}

.product-thumb .button-group {
margin-top: 11px;
padding-bottom: 28px
}
.product-thumb .button-group > button {
font-size: 14px;
-webkit-border-radius: 50%;
-moz-border-radius: 50%;
border-radius: 50%;
background: #f2f2f2;
color: #2f2f2f;
width: 38px;
height: 38px;
line-height: 30px
}
.product-btn .product-thumb .button-group > button:visited, .product-thumb .button-group > button:focus {
background: #f2f2f2
}
.product-thumb .button-group > button:hover {
background: #2f2f2f;
color: #fff
}
.product-thumb .button-group > button.cart-btn {
background: #5f7e9e;
color: #fff
}
.product-thumb .button-group > button.cart-btn:visited, .product-thumb .button-group > button.cart-btn:focus {
background: #5f7e9e
}
.product-thumb .button-group > button.cart-btn:hover {
background: #2f2f2f;
color: #fff
}
.product-thumb .button-group > button + button {
margin-left: 5px
}
.product-thumb .aside {
display: none
}
aside .product-thumb {
padding: 0 0 20px;
margin-bottom: 20px;
z-index: auto;
min-height: 150px
}
aside .product-thumb:before {
top: 10px;
border: none;
background: #f7f7f7;
z-index: auto
}
aside .product-thumb .image {
float: left;
width: 40%;
top: 25px;
padding: 14px
}
aside .product-thumb .caption {
margin: 6% 4% 0 0;
float: right;
width: 54%
}
aside .product-thumb .caption .description {
display: none
}
aside .product-thumb .button-group {
display: none
}
aside .product-thumb .rating {
position: relative;
margin-top: 7px
}
aside .product-thumb .fa-stack {
font-size: 10px
}
.product-list .product-thumb .caption, .product-list .product-thumb .button-group {
overflow: hidden
}
.product-list .product-thumb {
margin-bottom: 22px
}
.product-list .product-thumb .image {
float: left;
width: 28%;
padding: 10px;
position: relative;
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
box-sizing: border-box
}
.product-list .product-thumb .caption {
text-align: left;
padding-top: 0;
float: left;
display: none
}
.product-list .product-thumb .aside {
position: relative;
width: 69%;
text-align: left;
margin-left: 3%;
float: left;
display: block;
padding: 15px 0 0
}
.product-list .product-thumb .aside .price {
margin-bottom: 13px;
position: relative;
overflow: hidden;
top: 0;
bottom: 0;
display: block
}
.product-list .product-thumb > .price, .product-list .product-thumb > .button-group, .product-list .product-thumb > .price, .product-list .product-thumb > .button-group, .product-list .product-thumb > .button-groups {
display: none
}
.product-list .product-thumb .description-large {
padding: 10px 0 15px
}
.product-list + .product-list .product-thumb {
border-top: 0
}
.clearfix + .product-list .product-thumb {
border-top: 0;
padding-top: 30px
}
.product-grid .product-thumb .image {
float: none
}
.product-grid .product-thumb .description-large {
display: none
}
.sale, .new-pr {
background: 0 0;
display: inline-block;
font-size: 12px;
line-height: 19px;
position: absolute;
padding: 0 6px;
top: 0;
border-radius: 0;
text-transform: none;
font-weight: 400;
text-align: center;
color: #fff;
z-index: 1
}
.sale:before, .new-pr:before {
position: absolute;
content: '\e071';
font-family: material-design;
bottom: -10px;
left: 0;
right: 0;
font-size: 21px;
display: inline-block
}
.ajax-quickview .sale, .ajax-quickview .new-pr {
bottom: 0
}
.sale {
background: #5f7e9e;
right: 20px
}
.sale:before {
color: #5f7e9e
}
.new-pr {
background: #464646;
left: 20px
}
.new-pr:before {
color: #464646
}
.discount {
position: absolute;
bottom: 4px;
color: red;
font-weight: 500;
font-size: 14px
}
.product-thumb .price-new, .product-thumb .price {
font-size: 19px;
font-weight: 400;
line-height: 24px;
color: #5f7e9e
}
.product-thumb .price {
position: relative;
margin-top: 11px
}
.product-thumb .price .price-old {
font-size: 15px;
color: #888;
font-weight: 300
}
.product-thumb .price .price-old + .price-new {
margin-left: 3px;
color: #5f7e9e
}
.price-new, .price-old, .price {
display: inline-block;
font-size: 19px;
font-weight: 400;
line-height: 24px;
color: #5f7e9e
}
.price {
padding: 0
}
.price .price-old {
font-size: 15px;
line-height: 25px;
color: #888;
font-weight: 300;
margin-left: 5px;
position: relative;
top: -1px
}
.price-old {
position: relative;
font-size: 14px;
color: #2f2f2f
}
.price-old:before {
display: inline-block;
position: absolute;
left: 0;
right: 0;
height: 1px;
background: #555;
content: "";
top: 52%
}
.price-section {
margin-top: 20px;
font-weight: 700
}
.price-section .price-new, .price-section .price-section .price-old {
font-size: 30px;
color: #2f2f2f;
line-height: 30px
}
.price-section .price-old {
font-size: 20px;
line-height: 30px
}
.price-section .reward {
display: block;
margin-top: 10px
}
.price-tax {
font-size: 12px
}
.price-total {
font-weight: 700
}
.price s {
font-size: 15px
}
.stock, .out-stock {
font-weight: 700
}
.stock {
color: #5f7e9e
}
.out-stock {
color: #ee372a
}
.product-thumb .price-tax {
color: #999;
font-size: 12px;
display: block
}
.product-thumb .rating {
bottom: 0;
padding: 0;
position: absolute;
left: 0
}
.product-compare .product-thumb .rating {
position: relative;
top: 0
}
.rating aside {
position: relative
}
.fa-stack {
font-size: 17px;
line-height: 13px;
width: 12px;
height: 17px
}
.fa-stack i {
color: #dedbdb
}
.fa-stack i.star-1 {
color: #5f7e9e;
z-index: 1
}
.fa-stack-2x {
font-size: 1em
}
.product-thumb .fa-stack {
font-size: 10px
}
.rat {
color: #5f7e9e
}
.quick_info {
display: none
}
.fancybox-skin:hover .fancybox-nav span {
visibility: visible
}
.fancybox-nav {
height: 40px;
top: 50%;
width: 40px
}
.fancybox-next {
right: -60px
}
.fancybox-prev {
left: -60px
}
.quickview_description {
overflow: auto;
max-height: 300px;
border: 1px solid #ededed;
padding: 10px;
margin-top: 15px
}
.quickview_description iframe {
width: 40% !important;
height: 200px !important;
float: left;
margin-right: 2em
}
.quickview-style h2 {
text-align: left
}
.quickview-style .inf {
font-size: 14px;
margin-bottom: 10px
}
.quickview-style .product-btn-add {
margin-top: 10px
}
.quickview-style .button-group {
margin-top: 10px
}
.quickview-style .rating {
margin-top: 5px
}
.product-thumb .product-options {
display: none
}
.ajax-overlay .product-options {
position: relative;
display: inline-block;
vertical-align: middle;
max-width: 450px;
min-width: 300px;
padding-bottom: 0;
border-bottom: none;
max-height: 80%;
-webkit-backface-visibility: hidden;
backface-visibility: hidden
}
.ajax-overlay .product-options h3 {
margin-top: 0
}
.ajax-overlay .product-options .col-sm-8 {
text-align: left
}
.ajax-overlay .product-options .options {
padding: 20px;
text-align: center;
background: #fff;
-webkit-border-radius: 0;
-moz-border-radius: 0;
border-radius: 0;
-webkit-box-shadow: 1px 1px 8px rgba(0,0,0,.8);
-moz-box-shadow: 1px 1px 8px rgba(0,0,0,.8);
box-shadow: 1px 1px 8px rgba(0,0,0,.8)
}
.ajax-overlay .product-options .ajax-overlay_close {
position: absolute;
right: 10px;
top: 10px;
font-size: 16px;
color: rgba(0,0,0,.5);
font-family: material-design;
text-shadow: 1px 1px 5px rgba(255,255,255,.2)
}
.ajax-overlay .product-options .ajax-overlay_close:before {
content: '\e054'
}
.ajax-overlay .product-options .ajax-overlay_close:hover {
color: #000
}
.ajax-overlay .product-option-wrap {
text-align: center;
height: 100%
}
.ajax-overlay .product-option-wrap:before {
content: '';
display: inline-block;
height: 100%;
vertical-align: middle
}
.ajax-overlay {
position: fixed;
top: 0;
left: 0;
right: 0;
bottom: 0;
visibility: hidden;
opacity: 0;
-moz-transition: opacity .3s ease-in-out;
-o-transition: opacity .3s ease-in-out;
-webkit-transition: opacity .3s ease-in-out;
transition: opacity .3s ease-in-out;
z-index: 997
}
.ajax-overlay.visible {
opacity: 1;
background: rgba(0,0,0,.7);
visibility: visible
}
.img-thumbnail-radio {
margin-right: 10px;
width: 20px;
height: 20px;
position: relative;
top: -2px
}
@media(max-width:1199px) {
aside .product-thumb {
padding: 0
}
aside .product-thumb .image {
width: 100%;
float: none
}
aside .product-thumb .caption {
width: 100%;
float: none;
padding: 0 20px 20px;
margin: 0
}
.product-thumb {
padding: 15px 17px
}
.product-thumb .button-group > button + button {
margin-left: 2px
}
}
@media(max-width:1024px) {
.product-thumb .button-group .product-btn.quickview {
display: none
}
}
@media(max-width:991px) {
.product-thumb .product-btn-add {
font-size: 22px
}
.product-thumb .price .price-old {
font-size: 13px
}
}
@media(min-width:768px) {
.box .box-content .last {
clear: left
}
.fancybox-next {
right: -30px
}
.fancybox-prev {
left: -30px
}
.product-reviews .fa-stack {
font-size: 14px
}
}
@media(max-width:767px) {
.col-sm-3 .img-thumbnail {
margin: 0 20px 20px 0;
float: left
}
.product-thumb {
margin-bottom: 0
}
.product-thumb .caption {
margin-bottom: 0
}
.product-thumb .caption .description {
font-size: 13px;
line-height: 16px;
}
#content .product-layout {
width: 50%;
float: left;
margin-bottom: 29px
}
#content .product-layout:nth-child(2n+3) {
clear: left
}
#content .product-layout + .product-layout {
margin-top: 0
}
#content .product-layout.clr {
clear: both
}
.quickview_description iframe {
float: none;
width: 100% !important;
margin: 0 0 2em
}
.product-list .product-thumb .image, .product-list .product-thumb .caption, .product-list .product-thumb .aside, .product-grid .product-thumb .image, .product-grid .product-thumb .caption, .product-grid .product-thumb .aside {
float: none;
margin: 0 0 15px;
width: 100%
}
.product-list .product-thumb .aside, .product-grid .product-thumb .aside {
display: none
}
.product-list .product-thumb .caption, .product-grid .product-thumb .caption {
border-right: none
}
.product-list .product-thumb > .price, .product-list .product-thumb .button-group, .product-grid .product-thumb > .price, .product-grid .product-thumb .button-group {
display: block
}
.product-list + .product-list .product-thumb {
border: 0
}
.clearfix + .product-list .product-thumb {
padding: 0
}
.product-list .product-thumb .button-group {
display: block
}
}
@media(max-width:640px) {
.panel-group .product-thumb {
width: 320px;
margin: 0 auto
}
}
@media(max-width:600px) {
.quickview_description iframe, .product-desc iframe {
height: 240px !important
}
}
@media(max-width:540px) {
#content .product-layout {
width: 100%;
float: none
}
.product-thumb .product-options {
max-width: 95%
}
.product-thumb .product-options [class*=col-xs] {
float: left
}
.product-thumb .product-options [class*=col-xs] + [class*=col-xs] {
margin-top: 0 !important
}
}
@media(max-width:480px) {
.panel-group .product-thumb {
width: 256px
}
.box .product-layout[class*=col-xs] {
width: 100% !important
}
.product-thumb {
margin: 0 auto 30px
}
#button-voucher {
font-size: 11px
}
}
.box {
margin-bottom: 20px
}
.box.featured, .box.latest, .box.bestseller, .box.specials, .box.related {
margin-bottom: 0
}
.box.featured .box-heading, .box.latest .box-heading, .box.bestseller .box-heading, .box.specials .box-heading, .box.related .box-heading {
margin-bottom: 20px
}
.box .box-heading {
padding: 10px 22px;
background: #f2f2f2;
margin-bottom: 30px
}
.box .box-heading h3 {
margin: 0;
font: 400 15px/25px "Ubuntu",sans-serif;
color: #2f2f2f
}
aside .box {
margin-bottom: 10px !important
}
aside .box .product-layout {
width: 100%
}
aside .box .product-layout + .product-layout {
margin-top: 0
}
aside [class*=col-], aside .container {
width: 100%;
padding: 0
}
aside .row {
margin: 0
}
@media(min-width:768px) and (max-width:991px) {
.box.info .box-content ul a {
padding: 13px 5px
}
aside .box .box-heading h3 {
font-size: 16px
}
}
@media(max-width:767px) {
aside .box .box-heading {
position: relative;
cursor: pointer;
padding: 10px 0;
margin-bottom: 30px;
-webkit-border-radius: 0;
-moz-border-radius: 0;
border-radius: 0
}
aside .box .box-heading h3 {
text-align: left;
padding: 0 35px 0 20px
}
.specials {
margin-bottom: 0
}
.specials .swiper-container {
margin-bottom: 15px !important
}
}
@media(min-width:550px) and (max-width:767px) {
aside .box .product-thumb {
width: 60%;
margin: 0 auto 30px
}
}
#button-search + h2 {
margin-top: 15px
}
.buttons {
margin: 1em 0
}
.buttons:before, .buttons:after {
display: table;
content: "";
line-height: 0
}
.buttons:after {
clear: both
}
.buttons .btn {
margin-bottom: 10px
}
.buttons .btn:hover {
-webkit-box-shadow: none;
-moz-box-shadow: none;
box-shadow: none
}
.buttons .btn i, .buttons .btn span {
vertical-align: middle
}
.buttons .btn i {
font-size: 24px;
margin: 0 5px;
display: inline-block;
line-height: 21px
}
.buttons .pull-left [for=agree1] + .btn, .buttons .pull-right [for=agree1] + .btn {
margin-bottom: 0
}
.input-group-btn .btn i {
font-size: 15px;
line-height: 18px
}
.agree b {
-moz-transition: .3s all ease;
-o-transition: .3s all ease;
-webkit-transition: .3s all ease;
transition: .3s all ease
}
.agree:hover b {
color: #5f7e9e
}
.btn, .btn-1, .btn-default, .btn.btn-primary, input.btn.btn-primary, .btn-primary, .btn-success, .btn-info, .btn-warning {
position: relative;
overflow: hidden;
text-transform: capitalize;
padding: 5px 29px;
font-weight: 400;
line-height: 25px;
font-size: 14px;
color: #fff;
-moz-transition: all .4s ease;
-o-transition: all .4s ease;
-webkit-transition: all .4s ease;
transition: all .4s ease;
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
border-radius: 4px;
display: inline-block;
background: #464646;
text-decoration: none
}
.btn:hover, .btn-1:hover, .btn-default:hover, .btn.btn-primary:hover, input.btn.btn-primary:hover, .btn-primary:hover, .btn-success:hover, .btn-info:hover, .btn-warning:hover {
color: #fff;
background: #5f7e9e
}
[lang=ru] .btn, [lang=ru] .btn-1, [lang=ru] .btn-default, [lang=ru] .btn.btn-primary, [lang=ru] input.btn.btn-primary, [lang=ru] .btn-primary, [lang=ru] .btn-success, [lang=ru] .btn-info, [lang=ru] .btn-warning {
font-size: 13px;
letter-spacing: 0
}
.btn:visited, .btn:focus, .btn-1:visited, .btn-1:focus, .btn-default:visited, .btn-default:focus, .btn.btn-primary:visited, .btn.btn-primary:focus, input.btn.btn-primary:visited, input.btn.btn-primary:focus, .btn-primary:visited, .btn-primary:focus, .btn-success:visited, .btn-success:focus, .btn-info:visited, .btn-info:focus, .btn-warning:visited, .btn-warning:focus {
background: #464646;
color: #fff;
outline: none !important;
text-decoration: none
}
.btn:visited:hover, .btn:focus:hover, .btn-1:visited:hover, .btn-1:focus:hover, .btn-default:visited:hover, .btn-default:focus:hover, .btn.btn-primary:visited:hover, .btn.btn-primary:focus:hover, input.btn.btn-primary:visited:hover, input.btn.btn-primary:focus:hover, .btn-primary:visited:hover, .btn-primary:focus:hover, .btn-success:visited:hover, .btn-success:focus:hover, .btn-info:visited:hover, .btn-info:focus:hover, .btn-warning:visited:hover, .btn-warning:focus:hover {
color: #fff;
background: #5f7e9e
}
.btn-primary.active, .btn-primary:active, .open > .dropdown-toggle.btn-primary {
background: #2f2f2f;
color: #fff
}
.form-horizontal .input-group-btn .btn.btn-default:after {
-webkit-border-radius: 0;
-moz-border-radius: 0;
border-radius: 0
}
.account-return-add .btn.btn-default i {
display: block
}
.btn-icon i {
display: block;
font-size: 24px;
color: gray
}
.btn-icon:after {
display: none
}
.btn-icon:hover i {
color: #5f7e9e
}
.product-btn {
position: relative;
font-size: 24px;
padding: 5px;
color: #d2dae3;
-moz-transition: .4s all ease;
-o-transition: .4s all ease;
-webkit-transition: .4s all ease;
transition: .4s all ease
}
.product-btn:hover {
color: #5f7e9e
}
.product-thumb .image > .quickview {
position: absolute;
left: 50%;
top: 50%;
display: inline-block;
opacity: 0;
-moz-transform: translate(-50%,-50%);
-ms-transform: translate(-50%,-50%);
-o-transform: translate(-50%,-50%);
-webkit-transform: translate(-50%,-50%);
transform: translate(-50%,-50%);
z-index: 1;
padding: 12px 15px;
letter-spacing: 0;
font-size: 16px;
line-height: 24px;
text-transform: uppercase;
font-weight: 700;
margin: 0;
color: #5f7e9e;
-moz-transition: all .4s ease;
-o-transition: all .4s ease;
-webkit-transition: all .4s ease;
transition: all .4s ease;
background-color: #fff;
border: 1px solid #5f7e9e;
z-index: 1
}
.megamenu .product-thumb .image > .quickview {
display: none
}
.product-thumb .image > .quickview:hover {
background: #5f7e9e;
color: #fff
}
.product-thumb .image > .quickview span {
position: relative;
z-index: 3
}
.product-buttons {
margin: 0;
padding: 0
}
.product-buttons:before, .product-buttons:after {
display: table;
content: "";
line-height: 0
}
.product-buttons:after {
clear: both
}
.product-buttons li {
display: inline-block;
margin-right: 10px;
margin-bottom: 1px;
list-style: none
}
#button-cart {
display: inline-block;
margin-right: 10px;
vertical-align: middle;
letter-spacing: 0;
float: left
}
#button-cart:disabled {
pointer-events: none;
opacity: .5
}
.tooltip-inner {
background: #5f7e9e
}
[class][class].tooltip-arrow {
border-top-color: #5f7e9e
}
@media(min-width:992px) and (max-width:1199px) {
.account-wishlist table td .btn {
padding: 10px
}
}
@media(min-width:768px) and (max-width:991px) {
.table-bordered > tbody > tr > .text-right {
padding: 5px
}
.account-wishlist table td .btn {
padding: 6px
}
}
@media(max-width:767px) {
#grid-view, #list-view {
display: none
}
.product-btn.quickview, .product-thumb .image > .quickview {
display: none
}
.table .btn {
margin-bottom: 3px
}
}
@media(max-width:479px) {
.buttons .pull-left, .buttons .pull-right {
float: none !important;
margin-left: 0
}
#button-cart {
display: block;
margin: 15px 0;
width: 100%
}
}
@media(max-width:410px) {
.account-address .table td a {
display: block
}
.account-address .table td a + a {
margin-top: 5px
}
}
.btn-block .counter {
margin: 2px;
color: #333 !important
}
.btn-block .counter:hover {
color: #fff !important
}
select, textarea, input[type=text], input[type=password], input[type=datetime], input[type=datetime-local], input[type=date], input[type=month], input[type=time], input[type=week], input[type=number], input[type=email], input[type=url], input[type=search], input[type=tel], input[type=color] {
display: block;
width: 100%;
background: #fff;
border: 1px solid #ededed;
color: #888;
font-size: 12px;
font-weight: 300;
height: 35px;
line-height: 15px;
padding: 10px 6px 10px 10px;
outline: none;
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
box-sizing: border-box;
-webkit-border-radius: 0;
-moz-border-radius: 0;
border-radius: 0;
-moz-transition: .3s all ease;
-o-transition: .3s all ease;
-webkit-transition: .3s all ease;
transition: .3s all ease;
-webkit-box-shadow: none;
-moz-box-shadow: none;
box-shadow: none;
-webkit-appearance: none;
-moz-appearance: none;
appearance: none
}
select:focus, textarea:focus, input[type=text]:focus, input[type=password]:focus, input[type=datetime]:focus, input[type=datetime-local]:focus, input[type=date]:focus, input[type=month]:focus, input[type=time]:focus, input[type=week]:focus, input[type=number]:focus, input[type=email]:focus, input[type=url]:focus, input[type=search]:focus, input[type=tel]:focus, input[type=color]:focus {
-webkit-box-shadow: 1px 1px 10px 0 0 5px #5f7e9e;
-moz-box-shadow: 1px 1px 10px 0 0 5px #5f7e9e;
box-shadow: 1px 1px 10px 0 0 5px #5f7e9e
}
select:focus::-webkit-input-placeholder, textarea:focus::-webkit-input-placeholder, input[type=text]:focus::-webkit-input-placeholder, input[type=password]:focus::-webkit-input-placeholder, input[type=datetime]:focus::-webkit-input-placeholder, input[type=datetime-local]:focus::-webkit-input-placeholder, input[type=date]:focus::-webkit-input-placeholder, input[type=month]:focus::-webkit-input-placeholder, input[type=time]:focus::-webkit-input-placeholder, input[type=week]:focus::-webkit-input-placeholder, input[type=number]:focus::-webkit-input-placeholder, input[type=email]:focus::-webkit-input-placeholder, input[type=url]:focus::-webkit-input-placeholder, input[type=search]:focus::-webkit-input-placeholder, input[type=tel]:focus::-webkit-input-placeholder, input[type=color]:focus::-webkit-input-placeholder {
color: transparent !important
}
select:focus::-moz-placeholder, textarea:focus::-moz-placeholder, input[type=text]:focus::-moz-placeholder, input[type=password]:focus::-moz-placeholder, input[type=datetime]:focus::-moz-placeholder, input[type=datetime-local]:focus::-moz-placeholder, input[type=date]:focus::-moz-placeholder, input[type=month]:focus::-moz-placeholder, input[type=time]:focus::-moz-placeholder, input[type=week]:focus::-moz-placeholder, input[type=number]:focus::-moz-placeholder, input[type=email]:focus::-moz-placeholder, input[type=url]:focus::-moz-placeholder, input[type=search]:focus::-moz-placeholder, input[type=tel]:focus::-moz-placeholder, input[type=color]:focus::-moz-placeholder {
color: transparent !important
}
select:focus:-moz-placeholder, textarea:focus:-moz-placeholder, input[type=text]:focus:-moz-placeholder, input[type=password]:focus:-moz-placeholder, input[type=datetime]:focus:-moz-placeholder, input[type=datetime-local]:focus:-moz-placeholder, input[type=date]:focus:-moz-placeholder, input[type=month]:focus:-moz-placeholder, input[type=time]:focus:-moz-placeholder, input[type=week]:focus:-moz-placeholder, input[type=number]:focus:-moz-placeholder, input[type=email]:focus:-moz-placeholder, input[type=url]:focus:-moz-placeholder, input[type=search]:focus:-moz-placeholder, input[type=tel]:focus:-moz-placeholder, input[type=color]:focus:-moz-placeholder {
color: transparent !important
}
select:focus:-ms-input-placeholder, textarea:focus:-ms-input-placeholder, input[type=text]:focus:-ms-input-placeholder, input[type=password]:focus:-ms-input-placeholder, input[type=datetime]:focus:-ms-input-placeholder, input[type=datetime-local]:focus:-ms-input-placeholder, input[type=date]:focus:-ms-input-placeholder, input[type=month]:focus:-ms-input-placeholder, input[type=time]:focus:-ms-input-placeholder, input[type=week]:focus:-ms-input-placeholder, input[type=number]:focus:-ms-input-placeholder, input[type=email]:focus:-ms-input-placeholder, input[type=url]:focus:-ms-input-placeholder, input[type=search]:focus:-ms-input-placeholder, input[type=tel]:focus:-ms-input-placeholder, input[type=color]:focus:-ms-input-placeholder {
color: transparent !important
}
.product-options .checkbox input[type=checkbox] + label, .product-options .radio input[type=radio] + label {
border: 1px solid #ededed;
color: #777;
-webkit-border-radius: 0;
-moz-border-radius: 0;
border-radius: 0
}
select:hover {
cursor: pointer
}
input[name*=quantity] {
display: inline-block;
width: 35px;
text-align: center;
padding-left: 5px;
padding-right: 5px;
font-size: 16px;
vertical-align: middle
}
input[name=captcha] + img {
margin-top: 15px
}
textarea:not([class*=habla]) {
min-height: 200px
}
select {
display: none
}
#modal-shipping input[type=radio] {
display: inline;
float: left;
margin-top: 8px
}
@media(max-width:479px) {
#modal-shipping .btn, #modal-shipping #button-shipping {
margin-top: 5px
}
}
.counter, .counter:focus {
display: inline-block;
height: 35px;
width: 35px;
color: #888;
background: #fff;
line-height: 35px;
text-align: center;
font-size: 20px;
border: 1px solid #ededed;
-webkit-border-radius: 0;
-moz-border-radius: 0;
border-radius: 0;
vertical-align: middle
}
.counter:hover, .counter:focus:hover {
background: #2f2f2f;
color: #fff;
border-color: #2f2f2f
}
@media(max-width:991px) {
.counter, .counter:focus {
width: 40px
}
}
@media(max-width:767px) {
.counter, .counter:focus {
display: none
}
}
@media(max-width:767px) {
#product .counter {
display: inline-block
}
}
.input-group-btn .btn {
height: 35px;
padding-top: 0;
padding-bottom: 0;
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
box-sizing: border-box
}
.product-options .form-group.required input {
-webkit-border-radius: 0;
-moz-border-radius: 0;
border-radius: 0
}
.product-options .form-group.required .btn.btn-default:after {
-webkit-border-radius: 0 25px 25px 0;
-moz-border-radius: 0 25px 25px 0;
border-radius: 0 25px 25px 0
}
.product-options .form-group.required .btn.btn-default .glyphicon {
top: 3px
}
.product-options .form-group.required .sbHolder {
-webkit-border-radius: 0;
-moz-border-radius: 0;
border-radius: 0
}
.product-options .form-group.required .sbHolder .sbSelector {
right: 40px;
-webkit-border-radius: 0;
-moz-border-radius: 0;
border-radius: 0
}
.product-options .form-group {
margin-left: 0;
margin-right: 0;
text-align: left
}
.sbHolder {
border: 1px solid #ededed;
height: 35px;
position: relative;
width: 100%;
text-align: left;
background: #fff;
color: #888;
-webkit-border-radius: 0;
-moz-border-radius: 0;
border-radius: 0;
-moz-transition: .4s all ease;
-o-transition: .4s all ease;
-webkit-transition: .4s all ease;
transition: .4s all ease;
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
box-sizing: border-box;
min-width: 120px
}
.sbHolder:focus, .sbHolder:hover {
background: #eee;
color: #2f2f2f
}
.sbSelector {
display: block;
height: 100%;
line-height: 22px;
position: absolute;
left: 0;
top: 0;
right: 40px;
padding: 6px 10px;
background: #fff;
overflow: hidden;
white-space: nowrap;
-ms-text-overflow: ellipsis;
-moz-transition: .4s all ease;
-o-transition: .4s all ease;
-webkit-transition: .4s all ease;
transition: .4s all ease;
-o-text-overflow: ellipsis;
text-overflow: ellipsis;
color: #888;
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
box-sizing: border-box
}
.ajax-overlay .sbSelector {
padding: 10px;
line-height: 15px !important
}
.sbSelector:hover {
background: #eee;
color: #2f2f2f
}
.sbToggle {
display: block;
height: 100%;
outline: none;
position: absolute;
right: 0;
top: 0;
width: 40px;
text-align: center;
color: #888;
border-left: 1px solid #ededed;
font-family: material-design;
line-height: 35px;
font-size: 28px
}
.sbToggle:before {
content: "";
display: block;
-moz-transition: .5s all ease;
-o-transition: .5s all ease;
-webkit-transition: .5s all ease;
transition: .5s all ease
}
.sbToggle:hover {
color: inherit
}
.sbToggle:hover + .sbSelector {
background: #eee;
color: #2f2f2f
}
.sbToggleOpen:before {
-moz-transform: rotateX(180deg);
-ms-transform: rotateX(180deg);
-o-transform: rotateX(180deg);
-webkit-transform: rotateX(180deg);
transform: rotateX(180deg)
}
.sbHolderDisabled {
background-color: #3c3c3c;
border: solid 1px #ededed
}
.sbOptions {
background-color: #fff;
list-style: none;
left: 0;
margin: 3px 0;
padding: 10px 0;
position: absolute;
right: 0;
z-index: 4;
overflow-y: auto;
-webkit-box-shadow: 1px 1px 8px rgba(47,47,47,.15);
-moz-box-shadow: 1px 1px 8px rgba(47,47,47,.15);
box-shadow: 1px 1px 8px rgba(47,47,47,.15);
outline: 1px solid #ededed
}
.sbOptions li a {
display: block;
padding: 8px 15px;
color: #888
}
.sbOptions li a:hover {
background: #eee;
color: #2f2f2f
}
input[type=radio] {
display: none
}
input[type=radio] + label {
position: relative;
padding-left: 30px;
line-height: 21px
}
input[type=radio] + label:before, input[type=radio] + label:after {
content: '';
position: absolute;
-webkit-border-radius: 50%;
-moz-border-radius: 50%;
border-radius: 50%;
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
box-sizing: border-box
}
input[type=radio] + label:before {
top: 3px;
left: 0;
width: 16px;
height: 16px;
border: 1px solid #ededed;
background: #fff
}
input[type=radio] + label:after {
top: 6px;
left: 3px;
width: 10px;
height: 10px;
-moz-transition: .3s all ease;
-o-transition: .3s all ease;
-webkit-transition: .3s all ease;
transition: .3s all ease
}
input[type=radio]:checked + label:after {
background: #5f7e9e
}
.radio-inline {
margin-right: 5px
}
input[type=checkbox] {
display: none
}
input[type=checkbox] + label {
position: relative;
padding-left: 20px;
cursor: pointer
}
input[type=checkbox] + label:before, input[type=checkbox] + label:after {
content: '';
position: absolute;
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
box-sizing: border-box;
top: 3.5px;
left: 0;
width: 14px;
height: 14px
}
input[type=checkbox] + label:before {
background: #fff;
border: 1px solid #ededed;
-webkit-border-radius: 0;
-moz-border-radius: 0;
border-radius: 0
}
input[type=checkbox] + label:after {
text-align: center;
line-height: 14px;
font-family: fontawesome;
color: #5f7e9e
}
input[type=checkbox]:checked + label:after {
content: ""
}
input[type=checkbox][disabled] + label {
color: #d5d5d5;
display: none
}
input[type=checkbox][name=agree] + label {
margin-bottom: 10.5px
}
input[type=checkbox][name=agree] + label:before, input[type=checkbox][name=agree] + label:after {
top: 0
}
#at15s, #at20mc {
z-index: 999 !important
}
#product label {
color: #888 !important
}
#modal-shipping input[type=radio] {
margin-top: 3px
}
.has-error .form-control {
border-color: red
}
.has-error .form-control:focus {
border-color: red
}
#page-preloader {
position: fixed;
left: 0;
top: 0;
right: 0;
bottom: 0;
background: url(../images/crossword.png) 0 0 repeat;
z-index: -1;
opacity: 0;
-moz-transition: all 0.3s ease .3s;
-o-transition: all 0.3s ease .3s;
-webkit-transition: all 0.3s ease .3s;
transition: all 0.3s ease .3s
}
#page-preloader.visible {
opacity: 1;
z-index: 100500
}
#page-preloader.visible .preloader {
opacity: 1;
-moz-transform: translate(-50%,-50%);
-ms-transform: translate(-50%,-50%);
-o-transform: translate(-50%,-50%);
-webkit-transform: translate(-50%,-50%);
transform: translate(-50%,-50%)
}
#page-preloader .preloader {
position: absolute;
left: 50%;
top: 50%;
-moz-transform: translate(-50%,-50%);
-ms-transform: translate(-50%,-50%);
-o-transform: translate(-50%,-50%);
-webkit-transform: translate(-50%,-50%);
transform: translate(-50%,-50%);
-moz-transition: all .2s ease;
-o-transition: all .2s ease;
-webkit-transition: all .2s ease;
transition: all .2s ease;
opacity: 0
}
#page-preloader .preloader [class*=loader] {
margin: 0 auto;
position: relative;
color: #2f2f2f;
font-size: 50px;
line-height: 50px;
-webkit-animation: loader 1.0s infinite linear;
-ms-animation: loader 1.0s infinite linear;
animation: loader 1.0s infinite linear
}
@-webkit-keyframes loader {
0% {
-moz-transform: rotate(0deg);
-ms-transform: rotate(0deg);
-o-transform: rotate(0deg);
-webkit-transform: rotate(0deg);
transform: rotate(0deg)
}
100% {
-moz-transform: rotate(360deg);
-ms-transform: rotate(360deg);
-o-transform: rotate(360deg);
-webkit-transform: rotate(360deg);
transform: rotate(360deg)
}
}
@-ms-keyframes loader {
0% {
-ms-transform: rotate(0deg);
-ms-filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=0);
filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=0)
}
100% {
-ms-transform: rotate(360deg);
-ms-filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=3);
filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=3)
}
}
@media(min-width:768px) {
.animated {
-webkit-animation-duration: 0.5s;
animation-duration: 0.5s;
-webkit-animation-fill-mode: both;
animation-fill-mode: both;
opacity: 1
}
.animated.infinite {
-webkit-animation-iteration-count: infinite;
animation-iteration-count: infinite
}
.animated.hinge {
-webkit-animation-duration: 1s;
animation-duration: 1s
}
html:not(.lt-ie10) .not-animated {
opacity: 0
}
@-webkit-keyframes bounce {
0%,20%,53%,80%,100% {
-webkit-transition-timing-function: cubic-bezier(.215,.61,.355,1);
transition-timing-function: cubic-bezier(.215,.61,.355,1);
-webkit-transform: translate3d(0,0,0);
transform: translate3d(0,0,0)
}
40%,43% {
-webkit-transition-timing-function: cubic-bezier(.755,.05,.855,.06);
transition-timing-function: cubic-bezier(.755,.05,.855,.06);
-webkit-transform: translate3d(0,-30px,0);
transform: translate3d(0,-30px,0)
}
70% {
-webkit-transition-timing-function: cubic-bezier(.755,.05,.855,.06);
transition-timing-function: cubic-bezier(.755,.05,.855,.06);
-webkit-transform: translate3d(0,-15px,0);
transform: translate3d(0,-15px,0)
}
90% {
-webkit-transform: translate3d(0,-4px,0);
transform: translate3d(0,-4px,0)
}
}
.bounce {
-webkit-animation-name: bounce;
animation-name: bounce;
-webkit-transform-origin: center bottom;
-ms-transform-origin: center bottom;
transform-origin: center bottom
}
@-webkit-keyframes flash {
0%,50%,100% {
opacity: 1
}
25%,75% {
opacity: 0
}
}
@keyframes flash {
0%,50%,100% {
opacity: 1
}
25%,75% {
opacity: 0
}
}
.flash {
-webkit-animation-name: flash;
animation-name: flash
}
@-webkit-keyframes pulse {
0% {
-webkit-transform: scale3d(1,1,1);
transform: scale3d(1,1,1)
}
50% {
-webkit-transform: scale3d(1.05,1.05,1.05);
transform: scale3d(1.05,1.05,1.05)
}
100% {
-webkit-transform: scale3d(1,1,1);
transform: scale3d(1,1,1)
}
}
@keyframes pulse {
0% {
-webkit-transform: scale3d(1,1,1);
transform: scale3d(1,1,1)
}
50% {
-webkit-transform: scale3d(1.05,1.05,1.05);
transform: scale3d(1.05,1.05,1.05)
}
100% {
-webkit-transform: scale3d(1,1,1);
transform: scale3d(1,1,1)
}
}
.pulse {
-webkit-animation-name: pulse;
animation-name: pulse
}
@-webkit-keyframes rubberBand {
0% {
-webkit-transform: scale3d(1,1,1);
transform: scale3d(1,1,1)
}
30% {
-webkit-transform: scale3d(1.25,.75,1);
transform: scale3d(1.25,.75,1)
}
40% {
-webkit-transform: scale3d(.75,1.25,1);
transform: scale3d(.75,1.25,1)
}
50% {
-webkit-transform: scale3d(1.15,.85,1);
transform: scale3d(1.15,.85,1)
}
65% {
-webkit-transform: scale3d(.95,1.05,1);
transform: scale3d(.95,1.05,1)
}
75% {
-webkit-transform: scale3d(1.05,.95,1);
transform: scale3d(1.05,.95,1)
}
100% {
-webkit-transform: scale3d(1,1,1);
transform: scale3d(1,1,1)
}
}
@keyframes rubberBand {
0% {
-webkit-transform: scale3d(1,1,1);
transform: scale3d(1,1,1)
}
30% {
-webkit-transform: scale3d(1.25,.75,1);
transform: scale3d(1.25,.75,1)
}
40% {
-webkit-transform: scale3d(.75,1.25,1);
transform: scale3d(.75,1.25,1)
}
50% {
-webkit-transform: scale3d(1.15,.85,1);
transform: scale3d(1.15,.85,1)
}
65% {
-webkit-transform: scale3d(.95,1.05,1);
transform: scale3d(.95,1.05,1)
}
75% {
-webkit-transform: scale3d(1.05,.95,1);
transform: scale3d(1.05,.95,1)
}
100% {
-webkit-transform: scale3d(1,1,1);
transform: scale3d(1,1,1)
}
}
.rubberBand {
-webkit-animation-name: rubberBand;
animation-name: rubberBand
}
@-webkit-keyframes shake {
0%,100% {
-webkit-transform: translate3d(0,0,0);
transform: translate3d(0,0,0)
}
10%,30%,50%,70%,90% {
-webkit-transform: translate3d(-10px,0,0);
transform: translate3d(-10px,0,0)
}
20%,40%,60%,80% {
-webkit-transform: translate3d(10px,0,0);
transform: translate3d(10px,0,0)
}
}
@keyframes shake {
0%,100% {
-webkit-transform: translate3d(0,0,0);
transform: translate3d(0,0,0)
}
10%,30%,50%,70%,90% {
-webkit-transform: translate3d(-10px,0,0);
transform: translate3d(-10px,0,0)
}
20%,40%,60%,80% {
-webkit-transform: translate3d(10px,0,0);
transform: translate3d(10px,0,0)
}
}
.shake {
-webkit-animation-name: shake;
animation-name: shake
}
@-webkit-keyframes swing {
20% {
-webkit-transform: rotate3d(0,0,1,15deg);
transform: rotate3d(0,0,1,15deg)
}
40% {
-webkit-transform: rotate3d(0,0,1,-10deg);
transform: rotate3d(0,0,1,-10deg)
}
60% {
-webkit-transform: rotate3d(0,0,1,5deg);
transform: rotate3d(0,0,1,5deg)
}
80% {
-webkit-transform: rotate3d(0,0,1,-5deg);
transform: rotate3d(0,0,1,-5deg)
}
100% {
-webkit-transform: rotate3d(0,0,1,0deg);
transform: rotate3d(0,0,1,0deg)
}
}
@keyframes swing {
20% {
-webkit-transform: rotate3d(0,0,1,15deg);
transform: rotate3d(0,0,1,15deg)
}
40% {
-webkit-transform: rotate3d(0,0,1,-10deg);
transform: rotate3d(0,0,1,-10deg)
}
60% {
-webkit-transform: rotate3d(0,0,1,5deg);
transform: rotate3d(0,0,1,5deg)
}
80% {
-webkit-transform: rotate3d(0,0,1,-5deg);
transform: rotate3d(0,0,1,-5deg)
}
100% {
-webkit-transform: rotate3d(0,0,1,0deg);
transform: rotate3d(0,0,1,0deg)
}
}
.swing {
-webkit-transform-origin: top center;
-ms-transform-origin: top center;
transform-origin: top center;
-webkit-animation-name: swing;
animation-name: swing
}
@-webkit-keyframes tada {
0% {
-webkit-transform: scale3d(1,1,1);
transform: scale3d(1,1,1)
}
10%,20% {
-webkit-transform: scale3d(.9,.9,.9) rotate3d(0,0,1,-3deg);
transform: scale3d(.9,.9,.9) rotate3d(0,0,1,-3deg)
}
30%,50%,70%,90% {
-webkit-transform: scale3d(1.1,1.1,1.1) rotate3d(0,0,1,3deg);
transform: scale3d(1.1,1.1,1.1) rotate3d(0,0,1,3deg)
}
40%,60%,80% {
-webkit-transform: scale3d(1.1,1.1,1.1) rotate3d(0,0,1,-3deg);
transform: scale3d(1.1,1.1,1.1) rotate3d(0,0,1,-3deg)
}
100% {
-webkit-transform: scale3d(1,1,1);
transform: scale3d(1,1,1)
}
}
@keyframes tada {
0% {
-webkit-transform: scale3d(1,1,1);
transform: scale3d(1,1,1)
}
10%,20% {
-webkit-transform: scale3d(.9,.9,.9) rotate3d(0,0,1,-3deg);
transform: scale3d(.9,.9,.9) rotate3d(0,0,1,-3deg)
}
30%,50%,70%,90% {
-webkit-transform: scale3d(1.1,1.1,1.1) rotate3d(0,0,1,3deg);
transform: scale3d(1.1,1.1,1.1) rotate3d(0,0,1,3deg)
}
40%,60%,80% {
-webkit-transform: scale3d(1.1,1.1,1.1) rotate3d(0,0,1,-3deg);
transform: scale3d(1.1,1.1,1.1) rotate3d(0,0,1,-3deg)
}
100% {
-webkit-transform: scale3d(1,1,1);
transform: scale3d(1,1,1)
}
}
.tada {
-webkit-animation-name: tada;
animation-name: tada
}
@-webkit-keyframes wobble {
0% {
-webkit-transform: none;
transform: none
}
15% {
-webkit-transform: translate3d(-25%,0,0) rotate3d(0,0,1,-5deg);
transform: translate3d(-25%,0,0) rotate3d(0,0,1,-5deg)
}
30% {
-webkit-transform: translate3d(20%,0,0) rotate3d(0,0,1,3deg);
transform: translate3d(20%,0,0) rotate3d(0,0,1,3deg)
}
45% {
-webkit-transform: translate3d(-15%,0,0) rotate3d(0,0,1,-3deg);
transform: translate3d(-15%,0,0) rotate3d(0,0,1,-3deg)
}
60% {
-webkit-transform: translate3d(10%,0,0) rotate3d(0,0,1,2deg);
transform: translate3d(10%,0,0) rotate3d(0,0,1,2deg)
}
75% {
-webkit-transform: translate3d(-5%,0,0) rotate3d(0,0,1,-1deg);
transform: translate3d(-5%,0,0) rotate3d(0,0,1,-1deg)
}
100% {
-webkit-transform: none;
transform: none
}
}
@keyframes wobble {
0% {
-webkit-transform: none;
transform: none
}
15% {
-webkit-transform: translate3d(-25%,0,0) rotate3d(0,0,1,-5deg);
transform: translate3d(-25%,0,0) rotate3d(0,0,1,-5deg)
}
30% {
-webkit-transform: translate3d(20%,0,0) rotate3d(0,0,1,3deg);
transform: translate3d(20%,0,0) rotate3d(0,0,1,3deg)
}
45% {
-webkit-transform: translate3d(-15%,0,0) rotate3d(0,0,1,-3deg);
transform: translate3d(-15%,0,0) rotate3d(0,0,1,-3deg)
}
60% {
-webkit-transform: translate3d(10%,0,0) rotate3d(0,0,1,2deg);
transform: translate3d(10%,0,0) rotate3d(0,0,1,2deg)
}
75% {
-webkit-transform: translate3d(-5%,0,0) rotate3d(0,0,1,-1deg);
transform: translate3d(-5%,0,0) rotate3d(0,0,1,-1deg)
}
100% {
-webkit-transform: none;
transform: none
}
}
.wobble {
-webkit-animation-name: wobble;
animation-name: wobble
}
@-webkit-keyframes bounceIn {
0%,20%,40%,60%,80%,100% {
-webkit-transition-timing-function: cubic-bezier(.215,.61,.355,1);
transition-timing-function: cubic-bezier(.215,.61,.355,1)
}
0% {
opacity: 0;
-webkit-transform: scale3d(.3,.3,.3);
transform: scale3d(.3,.3,.3)
}
20% {
-webkit-transform: scale3d(1.1,1.1,1.1);
transform: scale3d(1.1,1.1,1.1)
}
40% {
-webkit-transform: scale3d(.9,.9,.9);
transform: scale3d(.9,.9,.9)
}
60% {
opacity: 1;
-webkit-transform: scale3d(1.03,1.03,1.03);
transform: scale3d(1.03,1.03,1.03)
}
80% {
-webkit-transform: scale3d(.97,.97,.97);
transform: scale3d(.97,.97,.97)
}
100% {
opacity: 1;
-webkit-transform: scale3d(1,1,1);
transform: scale3d(1,1,1)
}
}
@keyframes bounceIn {
0%,20%,40%,60%,80%,100% {
-webkit-transition-timing-function: cubic-bezier(.215,.61,.355,1);
-o-transition-timing-function: cubic-bezier(.215,.61,.355,1);
transition-timing-function: cubic-bezier(.215,.61,.355,1)
}
0% {
opacity: 0;
-webkit-transform: scale3d(.3,.3,.3);
transform: scale3d(.3,.3,.3)
}
20% {
-webkit-transform: scale3d(1.1,1.1,1.1);
transform: scale3d(1.1,1.1,1.1)
}
40% {
-webkit-transform: scale3d(.9,.9,.9);
transform: scale3d(.9,.9,.9)
}
60% {
opacity: 1;
-webkit-transform: scale3d(1.03,1.03,1.03);
transform: scale3d(1.03,1.03,1.03)
}
80% {
-webkit-transform: scale3d(.97,.97,.97);
transform: scale3d(.97,.97,.97)
}
100% {
opacity: 1;
-webkit-transform: scale3d(1,1,1);
transform: scale3d(1,1,1)
}
}
.bounceIn {
-webkit-animation-name: bounceIn;
animation-name: bounceIn;
-webkit-animation-duration: .75s;
animation-duration: .75s
}
@-webkit-keyframes bounceInDown {
0%,60%,75%,90%,100% {
-webkit-transition-timing-function: cubic-bezier(.215,.61,.355,1);
transition-timing-function: cubic-bezier(.215,.61,.355,1)
}
0% {
opacity: 0;
-webkit-transform: translate3d(0,-3000px,0);
transform: translate3d(0,-3000px,0)
}
60% {
opacity: 1;
-webkit-transform: translate3d(0,25px,0);
transform: translate3d(0,25px,0)
}
75% {
-webkit-transform: translate3d(0,-10px,0);
transform: translate3d(0,-10px,0)
}
90% {
-webkit-transform: translate3d(0,5px,0);
transform: translate3d(0,5px,0)
}
100% {
-webkit-transform: none;
transform: none
}
}
@keyframes bounceInDown {
0%,60%,75%,90%,100% {
-webkit-transition-timing-function: cubic-bezier(.215,.61,.355,1);
-o-transition-timing-function: cubic-bezier(.215,.61,.355,1);
transition-timing-function: cubic-bezier(.215,.61,.355,1)
}
0% {
opacity: 0;
-webkit-transform: translate3d(0,-3000px,0);
transform: translate3d(0,-3000px,0)
}
60% {
opacity: 1;
-webkit-transform: translate3d(0,25px,0);
transform: translate3d(0,25px,0)
}
75% {
-webkit-transform: translate3d(0,-10px,0);
transform: translate3d(0,-10px,0)
}
90% {
-webkit-transform: translate3d(0,5px,0);
transform: translate3d(0,5px,0)
}
100% {
-webkit-transform: none;
transform: none
}
}
.bounceInDown {
-webkit-animation-name: bounceInDown;
animation-name: bounceInDown
}
@-webkit-keyframes bounceInLeft {
0%,60%,75%,90%,100% {
-webkit-transition-timing-function: cubic-bezier(.215,.61,.355,1);
transition-timing-function: cubic-bezier(.215,.61,.355,1)
}
0% {
opacity: 0;
-webkit-transform: translate3d(-3000px,0,0);
transform: translate3d(-3000px,0,0)
}
60% {
opacity: 1;
-webkit-transform: translate3d(25px,0,0);
transform: translate3d(25px,0,0)
}
75% {
-webkit-transform: translate3d(-10px,0,0);
transform: translate3d(-10px,0,0)
}
90% {
-webkit-transform: translate3d(5px,0,0);
transform: translate3d(5px,0,0)
}
100% {
-webkit-transform: none;
transform: none
}
}
@keyframes bounceInLeft {
0%,60%,75%,90%,100% {
-webkit-transition-timing-function: cubic-bezier(.215,.61,.355,1);
-o-transition-timing-function: cubic-bezier(.215,.61,.355,1);
transition-timing-function: cubic-bezier(.215,.61,.355,1)
}
0% {
opacity: 0;
-webkit-transform: translate3d(-3000px,0,0);
transform: translate3d(-3000px,0,0)
}
60% {
opacity: 1;
-webkit-transform: translate3d(25px,0,0);
transform: translate3d(25px,0,0)
}
75% {
-webkit-transform: translate3d(-10px,0,0);
transform: translate3d(-10px,0,0)
}
90% {
-webkit-transform: translate3d(5px,0,0);
transform: translate3d(5px,0,0)
}
100% {
-webkit-transform: none;
transform: none
}
}
.bounceInLeft {
-webkit-animation-name: bounceInLeft;
animation-name: bounceInLeft
}
@-webkit-keyframes bounceInRight {
0%,60%,75%,90%,100% {
-webkit-transition-timing-function: cubic-bezier(.215,.61,.355,1);
transition-timing-function: cubic-bezier(.215,.61,.355,1)
}
0% {
opacity: 0;
-webkit-transform: translate3d(3000px,0,0);
transform: translate3d(3000px,0,0)
}
60% {
opacity: 1;
-webkit-transform: translate3d(-25px,0,0);
transform: translate3d(-25px,0,0)
}
75% {
-webkit-transform: translate3d(10px,0,0);
transform: translate3d(10px,0,0)
}
90% {
-webkit-transform: translate3d(-5px,0,0);
transform: translate3d(-5px,0,0)
}
100% {
-webkit-transform: none;
transform: none
}
}
@keyframes bounceInRight {
0%,60%,75%,90%,100% {
-webkit-transition-timing-function: cubic-bezier(.215,.61,.355,1);
-o-transition-timing-function: cubic-bezier(.215,.61,.355,1);
transition-timing-function: cubic-bezier(.215,.61,.355,1)
}
0% {
opacity: 0;
-webkit-transform: translate3d(3000px,0,0);
transform: translate3d(3000px,0,0)
}
60% {
opacity: 1;
-webkit-transform: translate3d(-25px,0,0);
transform: translate3d(-25px,0,0)
}
75% {
-webkit-transform: translate3d(10px,0,0);
transform: translate3d(10px,0,0)
}
90% {
-webkit-transform: translate3d(-5px,0,0);
transform: translate3d(-5px,0,0)
}
100% {
-webkit-transform: none;
transform: none
}
}
.bounceInRight {
-webkit-animation-name: bounceInRight;
animation-name: bounceInRight
}
@-webkit-keyframes bounceInUp {
0%,60%,75%,90%,100% {
-webkit-transition-timing-function: cubic-bezier(.215,.61,.355,1);
transition-timing-function: cubic-bezier(.215,.61,.355,1)
}
0% {
opacity: 0;
-webkit-transform: translate3d(0,3000px,0);
transform: translate3d(0,3000px,0)
}
60% {
opacity: 1;
-webkit-transform: translate3d(0,-20px,0);
transform: translate3d(0,-20px,0)
}
75% {
-webkit-transform: translate3d(0,10px,0);
transform: translate3d(0,10px,0)
}
90% {
-webkit-transform: translate3d(0,-5px,0);
transform: translate3d(0,-5px,0)
}
100% {
-webkit-transform: translate3d(0,0,0);
transform: translate3d(0,0,0)
}
}
@keyframes bounceInUp {
0%,60%,75%,90%,100% {
-webkit-transition-timing-function: cubic-bezier(.215,.61,.355,1);
-o-transition-timing-function: cubic-bezier(.215,.61,.355,1);
transition-timing-function: cubic-bezier(.215,.61,.355,1)
}
0% {
opacity: 0;
-webkit-transform: translate3d(0,3000px,0);
transform: translate3d(0,3000px,0)
}
60% {
opacity: 1;
-webkit-transform: translate3d(0,-20px,0);
transform: translate3d(0,-20px,0)
}
75% {
-webkit-transform: translate3d(0,10px,0);
transform: translate3d(0,10px,0)
}
90% {
-webkit-transform: translate3d(0,-5px,0);
transform: translate3d(0,-5px,0)
}
100% {
-webkit-transform: translate3d(0,0,0);
transform: translate3d(0,0,0)
}
}
.bounceInUp {
-webkit-animation-name: bounceInUp;
animation-name: bounceInUp
}
@-webkit-keyframes bounceOut {
20% {
-webkit-transform: scale3d(.9,.9,.9);
transform: scale3d(.9,.9,.9)
}
50%,55% {
opacity: 1;
-webkit-transform: scale3d(1.1,1.1,1.1);
transform: scale3d(1.1,1.1,1.1)
}
100% {
opacity: 0;
-webkit-transform: scale3d(.3,.3,.3);
transform: scale3d(.3,.3,.3)
}
}
@keyframes bounceOut {
20% {
-webkit-transform: scale3d(.9,.9,.9);
transform: scale3d(.9,.9,.9)
}
50%,55% {
opacity: 1;
-webkit-transform: scale3d(1.1,1.1,1.1);
transform: scale3d(1.1,1.1,1.1)
}
100% {
opacity: 0;
-webkit-transform: scale3d(.3,.3,.3);
transform: scale3d(.3,.3,.3)
}
}
.bounceOut {
-webkit-animation-name: bounceOut;
animation-name: bounceOut;
-webkit-animation-duration: .75s;
animation-duration: .75s
}
@-webkit-keyframes bounceOutDown {
20% {
-webkit-transform: translate3d(0,10px,0);
transform: translate3d(0,10px,0)
}
40%,45% {
opacity: 1;
-webkit-transform: translate3d(0,-20px,0);
transform: translate3d(0,-20px,0)
}
100% {
opacity: 0;
-webkit-transform: translate3d(0,2000px,0);
transform: translate3d(0,2000px,0)
}
}
@keyframes bounceOutDown {
20% {
-webkit-transform: translate3d(0,10px,0);
transform: translate3d(0,10px,0)
}
40%,45% {
opacity: 1;
-webkit-transform: translate3d(0,-20px,0);
transform: translate3d(0,-20px,0)
}
100% {
opacity: 0;
-webkit-transform: translate3d(0,2000px,0);
transform: translate3d(0,2000px,0)
}
}
.bounceOutDown {
-webkit-animation-name: bounceOutDown;
animation-name: bounceOutDown
}
@-webkit-keyframes bounceOutLeft {
20% {
opacity: 1;
-webkit-transform: translate3d(20px,0,0);
transform: translate3d(20px,0,0)
}
100% {
opacity: 0;
-webkit-transform: translate3d(-2000px,0,0);
transform: translate3d(-2000px,0,0)
}
}
@keyframes bounceOutLeft {
20% {
opacity: 1;
-webkit-transform: translate3d(20px,0,0);
transform: translate3d(20px,0,0)
}
100% {
opacity: 0;
-webkit-transform: translate3d(-2000px,0,0);
transform: translate3d(-2000px,0,0)
}
}
.bounceOutLeft {
-webkit-animation-name: bounceOutLeft;
animation-name: bounceOutLeft
}
@-webkit-keyframes bounceOutRight {
20% {
opacity: 1;
-webkit-transform: translate3d(-20px,0,0);
transform: translate3d(-20px,0,0)
}
100% {
opacity: 0;
-webkit-transform: translate3d(2000px,0,0);
transform: translate3d(2000px,0,0)
}
}
@keyframes bounceOutRight {
20% {
opacity: 1;
-webkit-transform: translate3d(-20px,0,0);
transform: translate3d(-20px,0,0)
}
100% {
opacity: 0;
-webkit-transform: translate3d(2000px,0,0);
transform: translate3d(2000px,0,0)
}
}
.bounceOutRight {
-webkit-animation-name: bounceOutRight;
animation-name: bounceOutRight
}
@-webkit-keyframes bounceOutUp {
20% {
-webkit-transform: translate3d(0,-10px,0);
transform: translate3d(0,-10px,0)
}
40%,45% {
opacity: 1;
-webkit-transform: translate3d(0,20px,0);
transform: translate3d(0,20px,0)
}
100% {
opacity: 0;
-webkit-transform: translate3d(0,-2000px,0);
transform: translate3d(0,-2000px,0)
}
}
@keyframes bounceOutUp {
20% {
-webkit-transform: translate3d(0,-10px,0);
transform: translate3d(0,-10px,0)
}
40%,45% {
opacity: 1;
-webkit-transform: translate3d(0,20px,0);
transform: translate3d(0,20px,0)
}
100% {
opacity: 0;
-webkit-transform: translate3d(0,-2000px,0);
transform: translate3d(0,-2000px,0)
}
}
.bounceOutUp {
-webkit-animation-name: bounceOutUp;
animation-name: bounceOutUp
}
@-webkit-keyframes fadeIn {
0% {
opacity: 0
}
100% {
opacity: 1
}
}
@keyframes fadeIn {
0% {
opacity: 0
}
100% {
opacity: 1
}
}
.fadeIn {
-webkit-animation-name: fadeIn;
animation-name: fadeIn
}
@-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);
transform: translate3d(0,-100%,0)
}
100% {
opacity: 1;
-webkit-transform: none;
transform: none
}
}
.fadeInDown {
-webkit-animation-name: fadeInDown;
animation-name: fadeInDown
}
@-webkit-keyframes fadeInDownBig {
0% {
opacity: 0;
-webkit-transform: translate3d(0,-2000px,0);
transform: translate3d(0,-2000px,0)
}
100% {
opacity: 1;
-webkit-transform: none;
transform: none
}
}
@keyframes fadeInDownBig {
0% {
opacity: 0;
-webkit-transform: translate3d(0,-2000px,0);
transform: translate3d(0,-2000px,0)
}
100% {
opacity: 1;
-webkit-transform: none;
transform: none
}
}
.fadeInDownBig {
-webkit-animation-name: fadeInDownBig;
animation-name: fadeInDownBig
}
@-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);
transform: translate3d(-100%,0,0)
}
100% {
opacity: 1;
-webkit-transform: none;
transform: none
}
}
.fadeInLeft {
-webkit-animation-name: fadeInLeft;
animation-name: fadeInLeft
}
@-webkit-keyframes fadeInLeftBig {
0% {
opacity: 0;
-webkit-transform: translate3d(-2000px,0,0);
transform: translate3d(-2000px,0,0)
}
100% {
opacity: 1;
-webkit-transform: none;
transform: none
}
}
@keyframes fadeInLeftBig {
0% {
opacity: 0;
-webkit-transform: translate3d(-2000px,0,0);
transform: translate3d(-2000px,0,0)
}
100% {
opacity: 1;
-webkit-transform: none;
transform: none
}
}
.fadeInLeftBig {
-webkit-animation-name: fadeInLeftBig;
animation-name: fadeInLeftBig
}
@-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);
transform: translate3d(100%,0,0)
}
100% {
opacity: 1;
-webkit-transform: none;
transform: none
}
}
.fadeInRight {
-webkit-animation-name: fadeInRight;
animation-name: fadeInRight
}
@-webkit-keyframes fadeInRightBig {
0% {
opacity: 0;
-webkit-transform: translate3d(2000px,0,0);
transform: translate3d(2000px,0,0)
}
100% {
opacity: 1;
-webkit-transform: none;
transform: none
}
}
@keyframes fadeInRightBig {
0% {
opacity: 0;
-webkit-transform: translate3d(2000px,0,0);
transform: translate3d(2000px,0,0)
}
100% {
opacity: 1;
-webkit-transform: none;
transform: none
}
}
.fadeInRightBig {
-webkit-animation-name: fadeInRightBig;
animation-name: fadeInRightBig
}
@-webkit-keyframes fadeInUp {
0% {
opacity: 0;
-webkit-transform: translate3d(0,50%,0);
transform: translate3d(0,50%,0)
}
100% {
opacity: 1;
-webkit-transform: none;
transform: none
}
}
@keyframes fadeInUp {
0% {
opacity: 0;
-webkit-transform: translate3d(0,50%,0);
transform: translate3d(0,50%,0)
}
100% {
opacity: 1;
-webkit-transform: none;
transform: none
}
}
.fadeInUp {
-webkit-animation-name: fadeInUp;
animation-name: fadeInUp
}
@-webkit-keyframes fadeInUpBig {
0% {
opacity: 0;
-webkit-transform: translate3d(0,2000px,0);
transform: translate3d(0,2000px,0)
}
100% {
opacity: 1;
-webkit-transform: none;
transform: none
}
}
@keyframes fadeInUpBig {
0% {
opacity: 0;
-webkit-transform: translate3d(0,2000px,0);
transform: translate3d(0,2000px,0)
}
100% {
opacity: 1;
-webkit-transform: none;
transform: none
}
}
.fadeInUpBig {
-webkit-animation-name: fadeInUpBig;
animation-name: fadeInUpBig
}
@-webkit-keyframes fadeOut {
0% {
opacity: 1
}
100% {
opacity: 0
}
}
@keyframes fadeOut {
0% {
opacity: 1
}
100% {
opacity: 0
}
}
.fadeOut {
-webkit-animation-name: fadeOut;
animation-name: fadeOut
}
@-webkit-keyframes fadeOutDown {
0% {
opacity: 1
}
100% {
opacity: 0;
-webkit-transform: translate3d(0,100%,0);
transform: translate3d(0,100%,0)
}
}
@keyframes fadeOutDown {
0% {
opacity: 1
}
100% {
opacity: 0;
-webkit-transform: translate3d(0,100%,0);
transform: translate3d(0,100%,0)
}
}
.fadeOutDown {
-webkit-animation-name: fadeOutDown;
animation-name: fadeOutDown
}
@-webkit-keyframes fadeOutDownBig {
0% {
opacity: 1
}
100% {
opacity: 0;
-webkit-transform: translate3d(0,2000px,0);
transform: translate3d(0,2000px,0)
}
}
@keyframes fadeOutDownBig {
0% {
opacity: 1
}
100% {
opacity: 0;
-webkit-transform: translate3d(0,2000px,0);
transform: translate3d(0,2000px,0)
}
}
.fadeOutDownBig {
-webkit-animation-name: fadeOutDownBig;
animation-name: fadeOutDownBig
}
@-webkit-keyframes fadeOutLeft {
0% {
opacity: 1
}
100% {
opacity: 0;
-webkit-transform: translate3d(-100%,0,0);
transform: translate3d(-100%,0,0)
}
}
@keyframes fadeOutLeft {
0% {
opacity: 1
}
100% {
opacity: 0;
-webkit-transform: translate3d(-100%,0,0);
transform: translate3d(-100%,0,0)
}
}
.fadeOutLeft {
-webkit-animation-name: fadeOutLeft;
animation-name: fadeOutLeft
}
@-webkit-keyframes fadeOutLeftBig {
0% {
opacity: 1
}
100% {
opacity: 0;
-webkit-transform: translate3d(-2000px,0,0);
transform: translate3d(-2000px,0,0)
}
}
@keyframes fadeOutLeftBig {
0% {
opacity: 1
}
100% {
opacity: 0;
-webkit-transform: translate3d(-2000px,0,0);
transform: translate3d(-2000px,0,0)
}
}
.fadeOutLeftBig {
-webkit-animation-name: fadeOutLeftBig;
animation-name: fadeOutLeftBig
}
@-webkit-keyframes fadeOutRight {
0% {
opacity: 1
}
100% {
opacity: 0;
-webkit-transform: translate3d(100%,0,0);
transform: translate3d(100%,0,0)
}
}
@keyframes fadeOutRight {
0% {
opacity: 1
}
100% {
opacity: 0;
-webkit-transform: translate3d(100%,0,0);
transform: translate3d(100%,0,0)
}
}
.fadeOutRight {
-webkit-animation-name: fadeOutRight;
animation-name: fadeOutRight
}
@-webkit-keyframes fadeOutRightBig {
0% {
opacity: 1
}
100% {
opacity: 0;
-webkit-transform: translate3d(2000px,0,0);
transform: translate3d(2000px,0,0)
}
}
@keyframes fadeOutRightBig {
0% {
opacity: 1
}
100% {
opacity: 0;
-webkit-transform: translate3d(2000px,0,0);
transform: translate3d(2000px,0,0)
}
}
.fadeOutRightBig {
-webkit-animation-name: fadeOutRightBig;
animation-name: fadeOutRightBig
}
@-webkit-keyframes fadeOutUp {
0% {
opacity: 1
}
100% {
opacity: 0;
-webkit-transform: translate3d(0,-100%,0);
transform: translate3d(0,-100%,0)
}
}
@keyframes fadeOutUp {
0% {
opacity: 1
}
100% {
opacity: 0;
-webkit-transform: translate3d(0,-100%,0);
transform: translate3d(0,-100%,0)
}
}
.fadeOutUp {
-webkit-animation-name: fadeOutUp;
animation-name: fadeOutUp
}
@-webkit-keyframes fadeOutUpBig {
0% {
opacity: 1
}
100% {
opacity: 0;
-webkit-transform: translate3d(0,-2000px,0);
transform: translate3d(0,-2000px,0)
}
}
@keyframes fadeOutUpBig {
0% {
opacity: 1
}
100% {
opacity: 0;
-webkit-transform: translate3d(0,-2000px,0);
transform: translate3d(0,-2000px,0)
}
}
.fadeOutUpBig {
-webkit-animation-name: fadeOutUpBig;
animation-name: fadeOutUpBig
}
@-webkit-keyframes flip {
0% {
-webkit-transform: perspective(400px) rotate3d(0,1,0,-360deg);
transform: perspective(400px) rotate3d(0,1,0,-360deg);
-webkit-animation-timing-function: ease-out;
animation-timing-function: ease-out
}
40% {
-webkit-transform: perspective(400px) translate3d(0,0,150px) rotate3d(0,1,0,-190deg);
transform: perspective(400px) translate3d(0,0,150px) rotate3d(0,1,0,-190deg);
-webkit-animation-timing-function: ease-out;
animation-timing-function: ease-out
}
50% {
-webkit-transform: perspective(400px) translate3d(0,0,150px) rotate3d(0,1,0,-170deg);
transform: perspective(400px) translate3d(0,0,150px) rotate3d(0,1,0,-170deg);
-webkit-animation-timing-function: ease-in;
animation-timing-function: ease-in
}
80% {
-webkit-transform: perspective(400px) scale3d(.95,.95,.95);
transform: perspective(400px) scale3d(.95,.95,.95);
-webkit-animation-timing-function: ease-in;
animation-timing-function: ease-in
}
100% {
-webkit-transform: perspective(400px);
transform: perspective(400px);
-webkit-animation-timing-function: ease-in;
animation-timing-function: ease-in
}
}
@keyframes flip {
0% {
-webkit-transform: perspective(400px) rotate3d(0,1,0,-360deg);
transform: perspective(400px) rotate3d(0,1,0,-360deg);
-webkit-animation-timing-function: ease-out;
animation-timing-function: ease-out
}
40% {
-webkit-transform: perspective(400px) translate3d(0,0,150px) rotate3d(0,1,0,-190deg);
transform: perspective(400px) translate3d(0,0,150px) rotate3d(0,1,0,-190deg);
-webkit-animation-timing-function: ease-out;
animation-timing-function: ease-out
}
50% {
-webkit-transform: perspective(400px) translate3d(0,0,150px) rotate3d(0,1,0,-170deg);
transform: perspective(400px) translate3d(0,0,150px) rotate3d(0,1,0,-170deg);
-webkit-animation-timing-function: ease-in;
animation-timing-function: ease-in
}
80% {
-webkit-transform: perspective(400px) scale3d(.95,.95,.95);
transform: perspective(400px) scale3d(.95,.95,.95);
-webkit-animation-timing-function: ease-in;
animation-timing-function: ease-in
}
100% {
-webkit-transform: perspective(400px);
transform: perspective(400px);
-webkit-animation-timing-function: ease-in;
animation-timing-function: ease-in
}
}
.animated.flip {
-webkit-backface-visibility: visible;
backface-visibility: visible;
-webkit-animation-name: flip;
animation-name: flip
}
@-webkit-keyframes flipInX {
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;
opacity: 0
}
40% {
-webkit-transform: perspective(400px) rotate3d(1,0,0,-20deg);
transform: perspective(400px) rotate3d(1,0,0,-20deg);
-webkit-transition-timing-function: ease-in;
transition-timing-function: ease-in
}
60% {
-webkit-transform: perspective(400px) rotate3d(1,0,0,10deg);
transform: perspective(400px) rotate3d(1,0,0,10deg);
opacity: 1
}
80% {
-webkit-transform: perspective(400px) rotate3d(1,0,0,-5deg);
transform: perspective(400px) rotate3d(1,0,0,-5deg)
}
100% {
-webkit-transform: perspective(400px);
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;
-o-transition-timing-function: ease-in;
transition-timing-function: ease-in;
opacity: 0
}
40% {
-webkit-transform: perspective(400px) rotate3d(1,0,0,-20deg);
transform: perspective(400px) rotate3d(1,0,0,-20deg);
-webkit-transition-timing-function: ease-in;
-o-transition-timing-function: ease-in;
transition-timing-function: ease-in
}
60% {
-webkit-transform: perspective(400px) rotate3d(1,0,0,10deg);
transform: perspective(400px) rotate3d(1,0,0,10deg);
opacity: 1
}
80% {
-webkit-transform: perspective(400px) rotate3d(1,0,0,-5deg);
transform: perspective(400px) rotate3d(1,0,0,-5deg)
}
100% {
-webkit-transform: perspective(400px);
transform: perspective(400px)
}
}
.flipInX {
-webkit-backface-visibility: visible !important;
backface-visibility: visible !important;
-webkit-animation-name: flipInX;
animation-name: flipInX
}
@-webkit-keyframes flipInY {
0% {
-webkit-transform: perspective(400px) rotate3d(0,1,0,90deg);
transform: perspective(400px) rotate3d(0,1,0,90deg);
-webkit-transition-timing-function: ease-in;
transition-timing-function: ease-in;
opacity: 0
}
40% {
-webkit-transform: perspective(400px) rotate3d(0,1,0,-20deg);
transform: perspective(400px) rotate3d(0,1,0,-20deg);
-webkit-transition-timing-function: ease-in;
transition-timing-function: ease-in
}
60% {
-webkit-transform: perspective(400px) rotate3d(0,1,0,10deg);
transform: perspective(400px) rotate3d(0,1,0,10deg);
opacity: 1
}
80% {
-webkit-transform: perspective(400px) rotate3d(0,1,0,-5deg);
transform: perspective(400px) rotate3d(0,1,0,-5deg)
}
100% {
-webkit-transform: perspective(400px);
transform: perspective(400px)
}
}
@keyframes flipInY {
0% {
-webkit-transform: perspective(400px) rotate3d(0,1,0,90deg);
transform: perspective(400px) rotate3d(0,1,0,90deg);
-webkit-transition-timing-function: ease-in;
-o-transition-timing-function: ease-in;
transition-timing-function: ease-in;
opacity: 0
}
40% {
-webkit-transform: perspective(400px) rotate3d(0,1,0,-20deg);
transform: perspective(400px) rotate3d(0,1,0,-20deg);
-webkit-transition-timing-function: ease-in;
-o-transition-timing-function: ease-in;
transition-timing-function: ease-in
}
60% {
-webkit-transform: perspective(400px) rotate3d(0,1,0,10deg);
transform: perspective(400px) rotate3d(0,1,0,10deg);
opacity: 1
}
80% {
-webkit-transform: perspective(400px) rotate3d(0,1,0,-5deg);
transform: perspective(400px) rotate3d(0,1,0,-5deg)
}
100% {
-webkit-transform: perspective(400px);
transform: perspective(400px)
}
}
.flipInY {
-webkit-backface-visibility: visible !important;
backface-visibility: visible !important;
-webkit-animation-name: flipInY;
animation-name: flipInY
}
@-webkit-keyframes flipOutX {
0% {
-webkit-transform: perspective(400px);
transform: perspective(400px)
}
30% {
-webkit-transform: perspective(400px) rotate3d(1,0,0,-20deg);
transform: perspective(400px) rotate3d(1,0,0,-20deg);
opacity: 1
}
100% {
-webkit-transform: perspective(400px) rotate3d(1,0,0,90deg);
transform: perspective(400px) rotate3d(1,0,0,90deg);
opacity: 0
}
}
@keyframes flipOutX {
0% {
-webkit-transform: perspective(400px);
transform: perspective(400px)
}
30% {
-webkit-transform: perspective(400px) rotate3d(1,0,0,-20deg);
transform: perspective(400px) rotate3d(1,0,0,-20deg);
opacity: 1
}
100% {
-webkit-transform: perspective(400px) rotate3d(1,0,0,90deg);
transform: perspective(400px) rotate3d(1,0,0,90deg);
opacity: 0
}
}
.flipOutX {
-webkit-animation-name: flipOutX;
animation-name: flipOutX;
-webkit-animation-duration: .75s;
animation-duration: .75s;
-webkit-backface-visibility: visible !important;
backface-visibility: visible !important
}
@-webkit-keyframes flipOutY {
0% {
-webkit-transform: perspective(400px);
transform: perspective(400px)
}
30% {
-webkit-transform: perspective(400px) rotate3d(0,1,0,-15deg);
transform: perspective(400px) rotate3d(0,1,0,-15deg);
opacity: 1
}
100% {
-webkit-transform: perspective(400px) rotate3d(0,1,0,90deg);
transform: perspective(400px) rotate3d(0,1,0,90deg);
opacity: 0
}
}
@keyframes flipOutY {
0% {
-webkit-transform: perspective(400px);
transform: perspective(400px)
}
30% {
-webkit-transform: perspective(400px) rotate3d(0,1,0,-15deg);
transform: perspective(400px) rotate3d(0,1,0,-15deg);
opacity: 1
}
100% {
-webkit-transform: perspective(400px) rotate3d(0,1,0,90deg);
transform: perspective(400px) rotate3d(0,1,0,90deg);
opacity: 0
}
}
.flipOutY {
-webkit-backface-visibility: visible !important;
backface-visibility: visible !important;
-webkit-animation-name: flipOutY;
animation-name: flipOutY;
-webkit-animation-duration: .75s;
animation-duration: .75s
}
@-webkit-keyframes lightSpeedIn {
0% {
-webkit-transform: translate3d(100%,0,0) skewX(-30deg);
transform: translate3d(100%,0,0) skewX(-30deg);
opacity: 0
}
60% {
-webkit-transform: skewX(20deg);
transform: skewX(20deg);
opacity: 1
}
80% {
-webkit-transform: skewX(-5deg);
transform: skewX(-5deg);
opacity: 1
}
100% {
-webkit-transform: none;
transform: none;
opacity: 1
}
}
@keyframes lightSpeedIn {
0% {
-webkit-transform: translate3d(100%,0,0) skewX(-30deg);
transform: translate3d(100%,0,0) skewX(-30deg);
opacity: 0
}
60% {
-webkit-transform: skewX(20deg);
transform: skewX(20deg);
opacity: 1
}
80% {
-webkit-transform: skewX(-5deg);
transform: skewX(-5deg);
opacity: 1
}
100% {
-webkit-transform: none;
transform: none;
opacity: 1
}
}
.lightSpeedIn {
-webkit-animation-name: lightSpeedIn;
animation-name: lightSpeedIn;
-webkit-animation-timing-function: ease-out;
animation-timing-function: ease-out
}
@-webkit-keyframes lightSpeedOut {
0% {
opacity: 1
}
100% {
-webkit-transform: translate3d(100%,0,0) skewX(30deg);
transform: translate3d(100%,0,0) skewX(30deg);
opacity: 0
}
}
@keyframes lightSpeedOut {
0% {
opacity: 1
}
100% {
-webkit-transform: translate3d(100%,0,0) skewX(30deg);
transform: translate3d(100%,0,0) skewX(30deg);
opacity: 0
}
}
.lightSpeedOut {
-webkit-animation-name: lightSpeedOut;
animation-name: lightSpeedOut;
-webkit-animation-timing-function: ease-in;
animation-timing-function: ease-in
}
@-webkit-keyframes rotateIn {
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
}
}
.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
}
}
.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
}
}
.rotateInDownRight {
-webkit-animation-name: rotateInDownRight;
animation-name: rotateInDownRight
}
@-webkit-keyframes rotateInUpLeft {
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 rotateInUpLeft {
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
}
}
.rotateInUpLeft {
-webkit-animation-name: rotateInUpLeft;
animation-name: rotateInUpLeft
}
@-webkit-keyframes rotateInUpRight {
0% {
-webkit-transform-origin: right bottom;
transform-origin: right bottom;
-webkit-transform: rotate3d(0,0,1,-90deg);
transform: rotate3d(0,0,1,-90deg);
opacity: 0
}
100% {
-webkit-transform-origin: right bottom;
transform-origin: right bottom;
-webkit-transform: none;
transform: none;
opacity: 1
}
}
@keyframes rotateInUpRight {
0% {
-webkit-transform-origin: right bottom;
transform-origin: right bottom;
-webkit-transform: rotate3d(0,0,1,-90deg);
transform: rotate3d(0,0,1,-90deg);
opacity: 0
}
100% {
-webkit-transform-origin: right bottom;
transform-origin: right bottom;
-webkit-transform: none;
transform: none;
opacity: 1
}
}
.rotateInUpRight {
-webkit-animation-name: rotateInUpRight;
animation-name: rotateInUpRight
}
@-webkit-keyframes rotateOut {
0% {
-webkit-transform-origin: center;
transform-origin: center;
opacity: 1
}
100% {
-webkit-transform-origin: center;
transform-origin: center;
-webkit-transform: rotate3d(0,0,1,200deg);
transform: rotate3d(0,0,1,200deg);
opacity: 0
}
}
@keyframes rotateOut {
0% {
-webkit-transform-origin: center;
transform-origin: center;
opacity: 1
}
100% {
-webkit-transform-origin: center;
transform-origin: center;
-webkit-transform: rotate3d(0,0,1,200deg);
transform: rotate3d(0,0,1,200deg);
opacity: 0
}
}
.rotateOut {
-webkit-animation-name: rotateOut;
animation-name: rotateOut
}
@-webkit-keyframes rotateOutDownLeft {
0% {
-webkit-transform-origin: left bottom;
transform-origin: left bottom;
opacity: 1
}
100% {
-webkit-transform-origin: left bottom;
transform-origin: left bottom;
-webkit-transform: rotate3d(0,0,1,45deg);
transform: rotate3d(0,0,1,45deg);
opacity: 0
}
}
@keyframes rotateOutDownLeft {
0% {
-webkit-transform-origin: left bottom;
transform-origin: left bottom;
opacity: 1
}
100% {
-webkit-transform-origin: left bottom;
transform-origin: left bottom;
-webkit-transform: rotate3d(0,0,1,45deg);
transform: rotate3d(0,0,1,45deg);
opacity: 0
}
}
.rotateOutDownLeft {
-webkit-animation-name: rotateOutDownLeft;
animation-name: rotateOutDownLeft
}
@-webkit-keyframes rotateOutDownRight {
0% {
-webkit-transform-origin: right bottom;
transform-origin: right bottom;
opacity: 1
}
100% {
-webkit-transform-origin: right bottom;
transform-origin: right bottom;
-webkit-transform: rotate3d(0,0,1,-45deg);
transform: rotate3d(0,0,1,-45deg);
opacity: 0
}
}
@keyframes rotateOutDownRight {
0% {
-webkit-transform-origin: right bottom;
transform-origin: right bottom;
opacity: 1
}
100% {
-webkit-transform-origin: right bottom;
transform-origin: right bottom;
-webkit-transform: rotate3d(0,0,1,-45deg);
transform: rotate3d(0,0,1,-45deg);
opacity: 0
}
}
.rotateOutDownRight {
-webkit-animation-name: rotateOutDownRight;
animation-name: rotateOutDownRight
}
@-webkit-keyframes rotateOutUpLeft {
0% {
-webkit-transform-origin: left bottom;
transform-origin: left bottom;
opacity: 1
}
100% {
-webkit-transform-origin: left bottom;
transform-origin: left bottom;
-webkit-transform: rotate3d(0,0,1,-45deg);
transform: rotate3d(0,0,1,-45deg);
opacity: 0
}
}
@keyframes rotateOutUpLeft {
0% {
-webkit-transform-origin: left bottom;
transform-origin: left bottom;
opacity: 1
}
100% {
-webkit-transform-origin: left bottom;
transform-origin: left bottom;
-webkit-transform: rotate3d(0,0,1,-45deg);
transform: rotate3d(0,0,1,-45deg);
opacity: 0
}
}
.rotateOutUpLeft {
-webkit-animation-name: rotateOutUpLeft;
animation-name: rotateOutUpLeft
}
@-webkit-keyframes rotateOutUpRight {
0% {
-webkit-transform-origin: right bottom;
transform-origin: right bottom;
opacity: 1
}
100% {
-webkit-transform-origin: right bottom;
transform-origin: right bottom;
-webkit-transform: rotate3d(0,0,1,90deg);
transform: rotate3d(0,0,1,90deg);
opacity: 0
}
}
@keyframes rotateOutUpRight {
0% {
-webkit-transform-origin: right bottom;
transform-origin: right bottom;
opacity: 1
}
100% {
-webkit-transform-origin: right bottom;
transform-origin: right bottom;
-webkit-transform: rotate3d(0,0,1,90deg);
transform: rotate3d(0,0,1,90deg);
opacity: 0
}
}
.rotateOutUpRight {
-webkit-animation-name: rotateOutUpRight;
animation-name: rotateOutUpRight
}
@-webkit-keyframes hinge {
0% {
-webkit-transform-origin: top left;
transform-origin: top left;
-webkit-animation-timing-function: ease-in-out;
animation-timing-function: ease-in-out
}
20%,60% {
-webkit-transform: rotate3d(0,0,1,80deg);
transform: rotate3d(0,0,1,80deg);
-webkit-transform-origin: top left;
transform-origin: top left;
-webkit-animation-timing-function: ease-in-out;
animation-timing-function: ease-in-out
}
40%,80% {
-webkit-transform: rotate3d(0,0,1,60deg);
transform: rotate3d(0,0,1,60deg);
-webkit-transform-origin: top left;
transform-origin: top left;
-webkit-animation-timing-function: ease-in-out;
animation-timing-function: ease-in-out;
opacity: 1
}
100% {
-webkit-transform: translate3d(0,700px,0);
transform: translate3d(0,700px,0);
opacity: 0
}
}
@keyframes hinge {
0% {
-webkit-transform-origin: top left;
transform-origin: top left;
-webkit-animation-timing-function: ease-in-out;
animation-timing-function: ease-in-out
}
20%,60% {
-webkit-transform: rotate3d(0,0,1,80deg);
transform: rotate3d(0,0,1,80deg);
-webkit-transform-origin: top left;
transform-origin: top left;
-webkit-animation-timing-function: ease-in-out;
animation-timing-function: ease-in-out
}
40%,80% {
-webkit-transform: rotate3d(0,0,1,60deg);
transform: rotate3d(0,0,1,60deg);
-webkit-transform-origin: top left;
transform-origin: top left;
-webkit-animation-timing-function: ease-in-out;
animation-timing-function: ease-in-out;
opacity: 1
}
100% {
-webkit-transform: translate3d(0,700px,0);
transform: translate3d(0,700px,0);
opacity: 0
}
}
.hinge {
-webkit-animation-name: hinge;
animation-name: hinge
}
@-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);
-ms-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;
-ms-transform: none;
transform: none
}
}
.rollIn {
-webkit-animation-name: rollIn;
animation-name: rollIn
}
@-webkit-keyframes rollOut {
0% {
opacity: 1
}
100% {
opacity: 0;
-webkit-transform: translate3d(100%,0,0) rotate3d(0,0,1,120deg);
transform: translate3d(100%,0,0) rotate3d(0,0,1,120deg)
}
}
@keyframes rollOut {
0% {
opacity: 1
}
100% {
opacity: 0;
-webkit-transform: translate3d(100%,0,0) rotate3d(0,0,1,120deg);
transform: translate3d(100%,0,0) rotate3d(0,0,1,120deg)
}
}
.rollOut {
-webkit-animation-name: rollOut;
animation-name: rollOut
}
@-webkit-keyframes zoomIn {
0% {
opacity: 0;
-webkit-transform: scale3d(.3,.3,.3);
transform: scale3d(.3,.3,.3)
}
50% {
opacity: 1
}
}
@keyframes zoomIn {
0% {
opacity: 0;
-webkit-transform: scale3d(.3,.3,.3);
transform: scale3d(.3,.3,.3)
}
50% {
opacity: 1
}
}
.zoomIn {
-webkit-animation-name: zoomIn;
animation-name: zoomIn
}
@-webkit-keyframes zoomInDown {
0% {
opacity: 0;
-webkit-transform: scale3d(.1,.1,.1) translate3d(0,-1000px,0);
transform: scale3d(.1,.1,.1) translate3d(0,-1000px,0);
-webkit-animation-timing-function: cubic-bezier(.55,.055,.675,.19);
animation-timing-function: cubic-bezier(.55,.055,.675,.19)
}
60% {
opacity: 1;
-webkit-transform: scale3d(.475,.475,.475) translate3d(0,60px,0);
transform: scale3d(.475,.475,.475) translate3d(0,60px,0);
-webkit-animation-timing-function: cubic-bezier(.175,.885,.32,1);
animation-timing-function: cubic-bezier(.175,.885,.32,1)
}
}
@keyframes zoomInDown {
0% {
opacity: 0;
-webkit-transform: scale3d(.1,.1,.1) translate3d(0,-1000px,0);
transform: scale3d(.1,.1,.1) translate3d(0,-1000px,0);
-webkit-animation-timing-function: cubic-bezier(.55,.055,.675,.19);
animation-timing-function: cubic-bezier(.55,.055,.675,.19)
}
60% {
opacity: 1;
-webkit-transform: scale3d(.475,.475,.475) translate3d(0,60px,0);
transform: scale3d(.475,.475,.475) translate3d(0,60px,0);
-webkit-animation-timing-function: cubic-bezier(.175,.885,.32,1);
animation-timing-function: cubic-bezier(.175,.885,.32,1)
}
}
.zoomInDown {
-webkit-animation-name: zoomInDown;
animation-name: zoomInDown
}
@-webkit-keyframes zoomInLeft {
0% {
opacity: 0;
-webkit-transform: scale3d(.1,.1,.1) translate3d(-1000px,0,0);
transform: scale3d(.1,.1,.1) translate3d(-1000px,0,0);
-webkit-animation-timing-function: cubic-bezier(.55,.055,.675,.19);
animation-timing-function: cubic-bezier(.55,.055,.675,.19)
}
60% {
opacity: 1;
-webkit-transform: scale3d(.475,.475,.475) translate3d(10px,0,0);
transform: scale3d(.475,.475,.475) translate3d(10px,0,0);
-webkit-animation-timing-function: cubic-bezier(.175,.885,.32,1);
animation-timing-function: cubic-bezier(.175,.885,.32,1)
}
}
@keyframes zoomInLeft {
0% {
opacity: 0;
-webkit-transform: scale3d(.1,.1,.1) translate3d(-1000px,0,0);
transform: scale3d(.1,.1,.1) translate3d(-1000px,0,0);
-webkit-animation-timing-function: cubic-bezier(.55,.055,.675,.19);
animation-timing-function: cubic-bezier(.55,.055,.675,.19)
}
60% {
opacity: 1;
-webkit-transform: scale3d(.475,.475,.475) translate3d(10px,0,0);
transform: scale3d(.475,.475,.475) translate3d(10px,0,0);
-webkit-animation-timing-function: cubic-bezier(.175,.885,.32,1);
animation-timing-function: cubic-bezier(.175,.885,.32,1)
}
}
.zoomInLeft {
-webkit-animation-name: zoomInLeft;
animation-name: zoomInLeft
}
@-webkit-keyframes zoomInRight {
0% {
opacity: 0;
-webkit-transform: scale3d(.1,.1,.1) translate3d(1000px,0,0);
transform: scale3d(.1,.1,.1) translate3d(1000px,0,0);
-webkit-animation-timing-function: cubic-bezier(.55,.055,.675,.19);
animation-timing-function: cubic-bezier(.55,.055,.675,.19)
}
60% {
opacity: 1;
-webkit-transform: scale3d(.475,.475,.475) translate3d(-10px,0,0);
transform: scale3d(.475,.475,.475) translate3d(-10px,0,0);
-webkit-animation-timing-function: cubic-bezier(.175,.885,.32,1);
animation-timing-function: cubic-bezier(.175,.885,.32,1)
}
}
@keyframes zoomInRight {
0% {
opacity: 0;
-webkit-transform: scale3d(.1,.1,.1) translate3d(1000px,0,0);
transform: scale3d(.1,.1,.1) translate3d(1000px,0,0);
-webkit-animation-timing-function: cubic-bezier(.55,.055,.675,.19);
animation-timing-function: cubic-bezier(.55,.055,.675,.19)
}
60% {
opacity: 1;
-webkit-transform: scale3d(.475,.475,.475) translate3d(-10px,0,0);
transform: scale3d(.475,.475,.475) translate3d(-10px,0,0);
-webkit-animation-timing-function: cubic-bezier(.175,.885,.32,1);
animation-timing-function: cubic-bezier(.175,.885,.32,1)
}
}
.zoomInRight {
-webkit-animation-name: zoomInRight;
animation-name: zoomInRight
}
@-webkit-keyframes zoomInUp {
0% {
opacity: 0;
-webkit-transform: scale3d(.1,.1,.1) translate3d(0,1000px,0);
transform: scale3d(.1,.1,.1) translate3d(0,1000px,0);
-webkit-animation-timing-function: cubic-bezier(.55,.055,.675,.19);
animation-timing-function: cubic-bezier(.55,.055,.675,.19)
}
60% {
opacity: 1;
-webkit-transform: scale3d(.475,.475,.475) translate3d(0,-60px,0);
transform: scale3d(.475,.475,.475) translate3d(0,-60px,0);
-webkit-animation-timing-function: cubic-bezier(.175,.885,.32,1);
animation-timing-function: cubic-bezier(.175,.885,.32,1)
}
}
@keyframes zoomInUp {
0% {
opacity: 0;
-webkit-transform: scale3d(.1,.1,.1) translate3d(0,1000px,0);
transform: scale3d(.1,.1,.1) translate3d(0,1000px,0);
-webkit-animation-timing-function: cubic-bezier(.55,.055,.675,.19);
animation-timing-function: cubic-bezier(.55,.055,.675,.19)
}
60% {
opacity: 1;
-webkit-transform: scale3d(.475,.475,.475) translate3d(0,-60px,0);
transform: scale3d(.475,.475,.475) translate3d(0,-60px,0);
-webkit-animation-timing-function: cubic-bezier(.175,.885,.32,1);
animation-timing-function: cubic-bezier(.175,.885,.32,1)
}
}
.zoomInUp {
-webkit-animation-name: zoomInUp;
animation-name: zoomInUp
}
@-webkit-keyframes zoomOut {
0% {
opacity: 1
}
50% {
opacity: 0;
-webkit-transform: scale3d(.3,.3,.3);
transform: scale3d(.3,.3,.3)
}
100% {
opacity: 0
}
}
@keyframes zoomOut {
0% {
opacity: 1
}
50% {
opacity: 0;
-webkit-transform: scale3d(.3,.3,.3);
transform: scale3d(.3,.3,.3)
}
100% {
opacity: 0
}
}
.zoomOut {
-webkit-animation-name: zoomOut;
animation-name: zoomOut
}
@-webkit-keyframes zoomOutDown {
40% {
opacity: 1;
-webkit-transform: scale3d(.475,.475,.475) translate3d(0,-60px,0);
transform: scale3d(.475,.475,.475) translate3d(0,-60px,0);
-webkit-animation-timing-function: cubic-bezier(.55,.055,.675,.19);
animation-timing-function: cubic-bezier(.55,.055,.675,.19)
}
100% {
opacity: 0;
-webkit-transform: scale3d(.1,.1,.1) translate3d(0,2000px,0);
transform: scale3d(.1,.1,.1) translate3d(0,2000px,0);
-webkit-transform-origin: center bottom;
transform-origin: center bottom;
-webkit-animation-timing-function: cubic-bezier(.175,.885,.32,1);
animation-timing-function: cubic-bezier(.175,.885,.32,1)
}
}
@keyframes zoomOutDown {
40% {
opacity: 1;
-webkit-transform: scale3d(.475,.475,.475) translate3d(0,-60px,0);
transform: scale3d(.475,.475,.475) translate3d(0,-60px,0);
-webkit-animation-timing-function: cubic-bezier(.55,.055,.675,.19);
animation-timing-function: cubic-bezier(.55,.055,.675,.19)
}
100% {
opacity: 0;
-webkit-transform: scale3d(.1,.1,.1) translate3d(0,2000px,0);
transform: scale3d(.1,.1,.1) translate3d(0,2000px,0);
-webkit-transform-origin: center bottom;
transform-origin: center bottom;
-webkit-animation-timing-function: cubic-bezier(.175,.885,.32,1);
animation-timing-function: cubic-bezier(.175,.885,.32,1)
}
}
.zoomOutDown {
-webkit-animation-name: zoomOutDown;
animation-name: zoomOutDown
}
@-webkit-keyframes zoomOutLeft {
40% {
opacity: 1;
-webkit-transform: scale3d(.475,.475,.475) translate3d(42px,0,0);
transform: scale3d(.475,.475,.475) translate3d(42px,0,0)
}
100% {
opacity: 0;
-webkit-transform: scale(.1) translate3d(-2000px,0,0);
transform: scale(.1) translate3d(-2000px,0,0);
-webkit-transform-origin: left center;
transform-origin: left center
}
}
@keyframes zoomOutLeft {
40% {
opacity: 1;
-webkit-transform: scale3d(.475,.475,.475) translate3d(42px,0,0);
transform: scale3d(.475,.475,.475) translate3d(42px,0,0)
}
100% {
opacity: 0;
-webkit-transform: scale(.1) translate3d(-2000px,0,0);
transform: scale(.1) translate3d(-2000px,0,0);
-webkit-transform-origin: left center;
transform-origin: left center
}
}
.zoomOutLeft {
-webkit-animation-name: zoomOutLeft;
animation-name: zoomOutLeft
}
@-webkit-keyframes zoomOutRight {
40% {
opacity: 1;
-webkit-transform: scale3d(.475,.475,.475) translate3d(-42px,0,0);
transform: scale3d(.475,.475,.475) translate3d(-42px,0,0)
}
100% {
opacity: 0;
-webkit-transform: scale(.1) translate3d(2000px,0,0);
transform: scale(.1) translate3d(2000px,0,0);
-webkit-transform-origin: right center;
transform-origin: right center
}
}
@keyframes zoomOutRight {
40% {
opacity: 1;
-webkit-transform: scale3d(.475,.475,.475) translate3d(-42px,0,0);
transform: scale3d(.475,.475,.475) translate3d(-42px,0,0)
}
100% {
opacity: 0;
-webkit-transform: scale(.1) translate3d(2000px,0,0);
transform: scale(.1) translate3d(2000px,0,0);
-webkit-transform-origin: right center;
transform-origin: right center
}
}
.zoomOutRight {
-webkit-animation-name: zoomOutRight;
animation-name: zoomOutRight
}
@-webkit-keyframes zoomOutUp {
40% {
opacity: 1;
-webkit-transform: scale3d(.475,.475,.475) translate3d(0,60px,0);
transform: scale3d(.475,.475,.475) translate3d(0,60px,0);
-webkit-animation-timing-function: cubic-bezier(.55,.055,.675,.19);
animation-timing-function: cubic-bezier(.55,.055,.675,.19)
}
100% {
opacity: 0;
-webkit-transform: scale3d(.1,.1,.1) translate3d(0,-2000px,0);
transform: scale3d(.1,.1,.1) translate3d(0,-2000px,0);
-webkit-transform-origin: center bottom;
transform-origin: center bottom;
-webkit-animation-timing-function: cubic-bezier(.175,.885,.32,1);
animation-timing-function: cubic-bezier(.175,.885,.32,1)
}
}
@keyframes zoomOutUp {
40% {
opacity: 1;
-webkit-transform: scale3d(.475,.475,.475) translate3d(0,60px,0);
transform: scale3d(.475,.475,.475) translate3d(0,60px,0);
-webkit-animation-timing-function: cubic-bezier(.55,.055,.675,.19);
animation-timing-function: cubic-bezier(.55,.055,.675,.19)
}
100% {
opacity: 0;
-webkit-transform: scale3d(.1,.1,.1) translate3d(0,-2000px,0);
transform: scale3d(.1,.1,.1) translate3d(0,-2000px,0);
-webkit-transform-origin: center bottom;
transform-origin: center bottom;
-webkit-animation-timing-function: cubic-bezier(.175,.885,.32,1);
animation-timing-function: cubic-bezier(.175,.885,.32,1)
}
}
.zoomOutUp {
-webkit-animation-name: zoomOutUp;
animation-name: zoomOutUp
}
@-webkit-keyframes slideInDown {
0% {
-webkit-transform: translate3d(0,-100%,0);
transform: translate3d(0,-100%,0);
visibility: visible
}
100% {
-webkit-transform: translate3d(0,0,0);
transform: translate3d(0,0,0)
}
}
@keyframes slideInDown {
0% {
-webkit-transform: translate3d(0,-100%,0);
transform: translate3d(0,-100%,0);
visibility: visible
}
100% {
-webkit-transform: translate3d(0,0,0);
transform: translate3d(0,0,0)
}
}
.slideInDown {
-webkit-animation-name: slideInDown;
animation-name: slideInDown
}
@-webkit-keyframes slideInLeft {
0% {
-webkit-transform: translate3d(-100%,0,0);
transform: translate3d(-100%,0,0);
visibility: visible
}
100% {
-webkit-transform: translate3d(0,0,0);
transform: translate3d(0,0,0)
}
}
@keyframes slideInLeft {
0% {
-webkit-transform: translate3d(-100%,0,0);
transform: translate3d(-100%,0,0);
visibility: visible
}
100% {
-webkit-transform: translate3d(0,0,0);
transform: translate3d(0,0,0)
}
}
.slideInLeft {
-webkit-animation-name: slideInLeft;
animation-name: slideInLeft
}
@-webkit-keyframes slideInRight {
0% {
-webkit-transform: translate3d(100%,0,0);
transform: translate3d(100%,0,0);
visibility: visible
}
100% {
-webkit-transform: translate3d(0,0,0);
transform: translate3d(0,0,0)
}
}
@keyframes slideInRight {
0% {
-webkit-transform: translate3d(100%,0,0);
transform: translate3d(100%,0,0);
visibility: visible
}
100% {
-webkit-transform: translate3d(0,0,0);
transform: translate3d(0,0,0)
}
}
.slideInRight {
-webkit-animation-name: slideInRight;
animation-name: slideInRight
}
@-webkit-keyframes slideInUp {
0% {
-webkit-transform: translate3d(0,100%,0);
transform: translate3d(0,100%,0);
visibility: visible
}
100% {
-webkit-transform: translate3d(0,0,0);
transform: translate3d(0,0,0)
}
}
@keyframes slideInUp {
0% {
-webkit-transform: translate3d(0,100%,0);
transform: translate3d(0,100%,0);
visibility: visible
}
100% {
-webkit-transform: translate3d(0,0,0);
transform: translate3d(0,0,0)
}
}
.slideInUp {
-webkit-animation-name: slideInUp;
animation-name: slideInUp
}
@-webkit-keyframes slideOutDown {
0% {
-webkit-transform: translate3d(0,0,0);
transform: translate3d(0,0,0)
}
100% {
visibility: hidden;
-webkit-transform: translate3d(0,100%,0);
transform: translate3d(0,100%,0)
}
}
@keyframes slideOutDown {
0% {
-webkit-transform: translate3d(0,0,0);
transform: translate3d(0,0,0)
}
100% {
visibility: hidden;
-webkit-transform: translate3d(0,100%,0);
transform: translate3d(0,100%,0)
}
}
.slideOutDown {
-webkit-animation-name: slideOutDown;
animation-name: slideOutDown
}
@-webkit-keyframes slideOutLeft {
0% {
-webkit-transform: translate3d(0,0,0);
transform: translate3d(0,0,0)
}
100% {
visibility: hidden;
-webkit-transform: translate3d(-100%,0,0);
transform: translate3d(-100%,0,0)
}
}
@keyframes slideOutLeft {
0% {
-webkit-transform: translate3d(0,0,0);
transform: translate3d(0,0,0)
}
100% {
visibility: hidden;
-webkit-transform: translate3d(-100%,0,0);
transform: translate3d(-100%,0,0)
}
}
.slideOutLeft {
-webkit-animation-name: slideOutLeft;
animation-name: slideOutLeft
}
@-webkit-keyframes slideOutRight {
0% {
-webkit-transform: translate3d(0,0,0);
transform: translate3d(0,0,0)
}
100% {
visibility: hidden;
-webkit-transform: translate3d(100%,0,0);
transform: translate3d(100%,0,0)
}
}
@keyframes slideOutRight {
0% {
-webkit-transform: translate3d(0,0,0);
transform: translate3d(0,0,0)
}
100% {
visibility: hidden;
-webkit-transform: translate3d(100%,0,0);
transform: translate3d(100%,0,0)
}
}
.slideOutRight {
-webkit-animation-name: slideOutRight;
animation-name: slideOutRight
}
@-webkit-keyframes slideOutUp {
0% {
-webkit-transform: translate3d(0,0,0);
transform: translate3d(0,0,0)
}
100% {
visibility: hidden;
-webkit-transform: translate3d(0,-100%,0);
transform: translate3d(0,-100%,0)
}
}
@keyframes slideOutUp {
0% {
-webkit-transform: translate3d(0,0,0);
transform: translate3d(0,0,0)
}
100% {
visibility: hidden;
-webkit-transform: translate3d(0,-100%,0);
transform: translate3d(0,-100%,0)
}
}
.slideOutUp {
-webkit-animation-name: slideOutUp;
animation-name: slideOutUp
}
}
.sf-menu {
display: inline-block
}
.sf-menu:before, .sf-menu:after {
display: table;
content: "";
line-height: 0
}
.sf-menu:after {
clear: both
}
.sf-menu > li {
position: relative;
float: left
}
.sf-menu > li + li {
margin-left: 20px
}
.megamenu {
position: relative;
padding: 0;
margin: 0 auto 30px
}
#common-home .megamenu {
margin: -30px auto 30px
}
@media(min-width:768px) {
header .megamenu {
display: none
}
}
.sf-menu {
list-style: none;
position: relative;
margin: 0 auto;
padding: 0;
text-align: left;
display: block
}
.sf-menu li {
position: relative
}
.sf-menu li.sfHover > a, .sf-menu li > a.active, .sf-menu li > a:hover {
color: #5f7e9e
}
@media(min-width:992px) {
.sf-menu li.sfHover > a, .sf-menu li > a.active, .sf-menu li > a:hover {
padding-left: 22px
}
}
.sf-menu li.sf-with-mega {
position: static
}
.sf-menu > li {
float: none;
display: block
}
.sf-menu > li > a {
display: block;
position: relative;
font-weight: 300;
font-size: 14px;
line-height: 27px;
padding: 9px 18px 8px;
color: #2f2f2f;
background: #f2f2f2;
-moz-transition: all .3s ease;
-o-transition: all .3s ease;
-webkit-transition: all .3s ease;
transition: all .3s ease
}
.sf-menu > li + li {
margin-left: 0;
border-top: 1px solid #d9d9d9
}
.sf-menu > li:last-child {
margin: 0
}
.sf-menu > li:last-child > a {
padding-bottom: 10px
}
.sf-menu .simple_menu {
list-style-type: none;
display: none;
position: absolute;
z-index: 109;
left: 100%;
top: 0;
width: 100%;
background: #ebeaea;
text-align: left;
margin-left: 30px;
width: 290px;
text-align: left;
padding: 9px 30px;
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
box-sizing: border-box
}
.sf-menu .simple_menu li {
position: relative
}
.sf-menu .simple_menu li a {
display: inline-block;
font-size: 14px;
line-height: 30px;
font-weight: 300;
color: #2f2f2f;
padding: 0
}
.sf-menu .simple_menu li a:hover {
color: #5f7e9e
}
.sf-menu .simple_menu .simple_menu {
left: 232px;
top: -9px;
margin-top: 0
}
.sf-menu .simple_menu .simple_menu:before {
display: none
}
.menu-gadget {
display: none !important
}
.sf-menu .sf-mega {
display: none;
position: absolute;
overflow: hidden;
list-style-type: none;
left: 100%;
top: 0;
width: 870px !important;
background: #ebeaea;
text-align: left;
margin-left: 30px;
padding: 20px 30px;
z-index: 109
}
.sf-menu .sf-mega .container, .sf-menu .sf-mega [class*=col-], .sf-menu .sf-mega .row {
width: 100%;
padding: 0;
margin: 0
}
.sf-menu .sf-mega > li {
padding: 0
}
.sf-menu .sf-mega > li .submenu_title {
margin-bottom: 3px;
text-transform: none
}
.sf-menu .sf-mega > li .submenu_title a {
color: #2f2f2f;
font-size: 12px;
line-height: 30px;
font-weight: 400;
text-transform: none;
}
.sf-menu .sf-mega > li .submenu_title a:hover {
 color: #5f7e9e
}
.sf-menu .sf-mega > li a {
display: inline-block;
font-size: 12px;
line-height: 30px;
color: #2f2f2f;
font-weight: 300;
text-transform: none;
padding: 0;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
}
.sf-menu .sf-mega > li a:hover {
color: #5f7e9e
}
.sf-menu .sf-mega ul {
padding: 0;
list-style-type: none
}
.sf-menu .sf-mega_row {
margin: 0 -15px
}
.sf-menu .sf-mega_row:before, .sf-menu .sf-mega_row:after {
display: table;
content: "";
line-height: 0
}
.sf-menu .sf-mega_row:after {
clear: both
}
.sf-menu .sf-mega_section {
float: left;
padding: 0 15px
}
.sf-menu ul > li > .sf-with-ul span, .sf-menu > li > .sf-with-ul span {
position: relative;
display: block
}
.sf-menu ul > li > .sf-with-ul span:before, .sf-menu > li > .sf-with-ul span:before {
content: "\ec3c";
font: 400 11px/45px "Linearicons";
right: -4px;
position: absolute;
bottom: 0;
top: -7px;
color: #888;
z-index: 1;
-moz-transition: all .4s ease;
-o-transition: all .4s ease;
-webkit-transition: all .4s ease;
transition: all .4s ease
}
.sf-menu .simple_menu li .parent.sf-with-ul:before {
content: "\ec3c";
font: 400 11px/45px "Linearicons";
right: -9px;
position: absolute;
bottom: 0;
top: -7px;
color: #888;
z-index: 1;
-moz-transition: all .4s ease;
-o-transition: all .4s ease;
-webkit-transition: all .4s ease;
transition: all .4s ease
}
@media(max-width:1199px) {
.sf-menu .sf-mega {
width: 698px !important
}
}
@media(max-width:991px) {
.sf-menu .sf-mega {
width: 470px !important;
padding: 20px
}
.sf-menu .simple_menu {
width: 234px
}
.sf-menu .simple_menu .simple_menu {
left: 176px
}
}
@media(max-width:767px) {
.megamenu {
padding: 0
}
.sf-menu {
display: none
}
.sf-mega_section {
width: 100% !important
}
}
.stuck-menu {
width: auto !important
}
.ajax-overlay-open .scroll-fix {
z-index: 996
}
@media only screen and (min-width:991px) {
.scroll-fix {
position: fixed;
top: 0;
left: 0;
right: 0;
z-index: 10000;
-moz-transition: .4s all ease;
-o-transition: .4s all ease;
-webkit-transition: .4s all ease;
transition: .4s all ease;
-webkit-box-shadow: 0 0 6px rgba(0,0,0,.17);
-moz-box-shadow: 0 0 6px rgba(0,0,0,.17);
box-shadow: 0 0 6px rgba(0,0,0,.17);
background: #fff;
padding: 0
}
}
@media only screen and (max-width:991px) {
.stuck-menu {
position: static
}
.stuck-menu + .stuck-menu {
display: none
}
}
.rd-mobilemenu {
display: none;
position: fixed;
top: 0;
left: 0;
bottom: 0;
z-index: 999;
text-align: left;
-moz-transition: .3s all ease;
-o-transition: .3s all ease;
-webkit-transition: .3s all ease;
transition: .3s all ease
}
.rd-mobilemenu.active {
right: 0
}
.rd-mobilemenu_ul {
position: fixed;
top: -56px;
left: 0;
bottom: -30px;
width: 304px;
padding: 112px 0 76px;
color: #666;
background: #ebeaea;
font-size: 14px;
line-height: 20px;
letter-spacing: 1px;
overflow: auto;
-moz-transform: translateX(-304px);
-ms-transform: translateX(-304px);
-o-transform: translateX(-304px);
-webkit-transform: translateX(-304px);
transform: translateX(-304px);
-moz-transition: .3s ease;
-o-transition: .3s ease;
-webkit-transition: .3s ease;
transition: .3s ease;
-moz-transition: .3s cubic-bezier(.55,0,.1,1);
-o-transition: .3s cubic-bezier(.55,0,.1,1);
-webkit-transition: .3s cubic-bezier(.55,0,.1,1);
transition: .3s cubic-bezier(.55,0,.1,1)
}
.rd-mobilemenu.active .rd-mobilemenu_ul {
-moz-transform: translateX(0);
-ms-transform: translateX(0);
-o-transform: translateX(0);
-webkit-transform: translateX(0);
transform: translateX(0)
}
.rd-mobilemenu_ul .rd-mobilemenu_submenu {
background: #f5f5f5
}
.rd-mobilemenu_ul a {
font-size: 12px;
text-transform: uppercase;
display: block;
padding: 10px 45px 10px 25px
}
.rd-mobilemenu_ul a.active {
color: #2d2d2d
}
.rd-mobilemenu_ul a.active:hover {
color: #000
}
.rd-mobilemenu_ul a:hover {
background: #5f7e9e;
color: #fff
}
.rd-mobilemenu_ul a .rd-submenu-toggle {
position: absolute;
top: 54%;
right: 11px;
margin-top: -17.5px;
width: 32px;
height: 32px;
font: 400 10px fontawesome;
line-height: 32px;
text-align: center;
-webkit-border-radius: 50%;
-moz-border-radius: 50%;
border-radius: 50%;
-moz-transition: .5s all ease;
-o-transition: .5s all ease;
-webkit-transition: .5s all ease;
transition: .5s all ease;
z-index: 1;
background: rgba(0,0,0,.1)
}
.rd-mobilemenu_ul a .rd-submenu-toggle:after {
content: '\f078'
}
.rd-mobilemenu_ul a .rd-submenu-toggle:hover {
background: #ebeaea;
color: #666
}
.rd-mobilemenu_ul a.rd-with-ul {
position: relative
}
.rd-mobilemenu_ul a.rd-with-ul.active:hover {
color: #fff
}
.rd-mobilemenu_ul a.rd-with-ul.active .rd-submenu-toggle {
-moz-transform: rotate(180deg);
-ms-transform: rotate(180deg);
-o-transform: rotate(180deg);
-webkit-transform: rotate(180deg);
transform: rotate(180deg)
}
.rd-mobilemenu_ul ul {
list-style-type: none;
padding-left: 0
}
.rd-mobilemenu_ul ul a {
padding-left: 25px
}
.rd-mobilemenu_ul ul ul a {
padding-left: 40px
}
.rd-mobilemenu_ul:after {
content: '';
display: block;
height: 20px
}
.rd-mobilepanel {
display: none;
position: fixed;
top: 0;
left: 0;
right: 0;
height: 56px;
background: #f2f2f2;
color: #2f2f2f;
z-index: 10000
}
.rd-mobilepanel_title {
position: fixed;
top: 4px;
left: 52px;
right: 5px;
color: #2f2f2f;
font-size: 24px;
line-height: 48px;
-o-text-overflow: ellipsis;
text-overflow: ellipsis;
font-weight: 700;
font-size: 14px;
text-transform: uppercase;
letter-spacing: .4px;
white-space: nowrap;
overflow: hidden;
margin-top: 0;
margin-bottom: 0
}
.rd-mobilepanel_toggle {
background: 0 0;
border: none;
display: inline-block;
padding: 0;
outline: none;
outline-offset: 0;
cursor: pointer;
-webkit-appearance: none;
position: fixed;
top: 4px;
left: 4px;
width: 48px;
height: 48px
}
.rd-mobilepanel_toggle::-moz-focus-inner {
border: none;
padding: 0
}
.rd-mobilepanel_toggle:hover span:after, .rd-mobilepanel_toggle:hover span:before, .rd-mobilepanel_toggle:hover span, .rd-mobilepanel_toggle.active span:after, .rd-mobilepanel_toggle.active span:before, .rd-mobilepanel_toggle.active span {
background: #5f7e9e
}
.rd-mobilepanel_toggle span {
position: relative;
display: block;
margin: auto;
-moz-transition: all .3s ease;
-o-transition: all .3s ease;
-webkit-transition: all .3s ease;
transition: all .3s ease
}
.rd-mobilepanel_toggle span:after, .rd-mobilepanel_toggle span:before {
content: "";
position: absolute;
left: 0;
top: -8px;
-moz-transition: all .3s ease;
-o-transition: all .3s ease;
-webkit-transition: all .3s ease;
transition: all .3s ease
}
.rd-mobilepanel_toggle span:after {
top: 8px
}
.rd-mobilepanel_toggle span:after, .rd-mobilepanel_toggle span:before, .rd-mobilepanel_toggle span {
width: 24px;
height: 4px;
background-color: #2f2f2f;
-webkit-backface-visibility: hidden;
backface-visibility: hidden;
-webkit-border-radius: 2px;
-moz-border-radius: 2px;
border-radius: 2px
}
.rd-mobilepanel_toggle span {
-moz-transform: rotate(180deg);
-ms-transform: rotate(180deg);
-o-transform: rotate(180deg);
-webkit-transform: rotate(180deg);
transform: rotate(180deg)
}
.rd-mobilepanel_toggle span:before, .rd-mobilepanel_toggle span:after {
-moz-transform-origin: 1.71429px center;
-ms-transform-origin: 1.71429px center;
-o-transform-origin: 1.71429px center;
-webkit-transform-origin: 1.71429px center;
transform-origin: 1.71429px center;
-moz-transform-origin: 1.71429px center;
-ms-transform-origin: 1.71429px center;
-o-transform-origin: 1.71429px center;
-webkit-transform-origin: 1.71429px center;
transform-origin: 1.71429px center
}
.rd-mobilepanel_toggle.active span {
-moz-transform: rotate(360deg);
-ms-transform: rotate(360deg);
-o-transform: rotate(360deg);
-webkit-transform: rotate(360deg);
transform: rotate(360deg)
}
.rd-mobilepanel_toggle.active span:before, .rd-mobilepanel_toggle.active span:after {
top: 0;
width: 15px
}
.rd-mobilepanel_toggle.active span:before {
-webkit-transform: rotate3d(0,0,1,-40deg);
transform: rotate3d(0,0,1,-40deg)
}
.rd-mobilepanel_toggle.active span:after {
-webkit-transform: rotate3d(0,0,1,40deg);
transform: rotate3d(0,0,1,40deg)
}
@media(max-width:767px) {
body {
padding-top: 56px
}
.rd-mobilemenu, .rd-mobilepanel {
display: block
}
.cart {
right: 15px;
height: 56px
}
.cart > button {
background: 0 0;
line-height: 52px
}
.cart > button i {
font-size: 22px;
line-height: 52px;
padding-right: 5px;
margin: 0;
color: #2f2f2f
}
.cart > button span {
color: #2f2f2f
}
.cart > button:hover {
color: #5f7e9e
}
.cart > button:hover i {
 color: #5f7e9e
}
.cart .toggle_cont {
right: 0;
top: 100%
}
header .nav {
right: 20px;
z-index: 10001
}
header .nav > .toggle {
line-height: 56px
}
.nav > .toggle {
color: #2f2f2f;
font-size: 22px
}
.nav > .toggle:hover {
color: #5f7e9e
}
}
.banners {
margin: 0;
position: relative;
overflow: hidden;
z-index: 1
}
.banners > div {
position: relative;
margin: 0 0 30px;
-moz-transition: all .3s ease;
-o-transition: all .3s ease;
-webkit-transition: all .3s ease;
transition: all .3s ease
}
.banners > div:before {
content: '';
display: block;
border: 1px solid transparent;
z-index: 1;
-moz-transition: all .2s ease;
-o-transition: all .2s ease;
-webkit-transition: all .2s ease;
transition: all .2s ease
}
.banners > div .banner-box > a {
display: block;
position: relative
}
.banners > div .banner-box .s-desc {
padding: 0 20px;
-moz-transform: translateY(-50%);
-ms-transform: translateY(-50%);
-o-transform: translateY(-50%);
-webkit-transform: translateY(-50%);
transform: translateY(-50%);
color: #2f2f2f;
text-align: center;
margin-top: 20px;
}
.banners > div .banner-box .s-desc h3, .banners > div .banner-box .s-desc h4, .banners > div .banner-box .s-desc h6, .banners > div .banner-box .s-desc h5 {
position: relative;
font-size: 13px;
line-height: 20px;
font-weight: 400;
margin: 0;
color: #2f2f2f;
text-transform: uppercase
}
.banners > div .banner-box .s-desc h5 {
font-weight: bold
}
.banners > div .banner-box .s-desc h4 {
font-weight: normal
}
.banners > div .banner-box .s-desc h3 {
color: #5f7e9e
}
.banners > div .banner-box .s-desc .link {
margin-top: 15px;
font-size: 14px;
font-weight: 400;
text-decoration: underline;
color: #2f2f2f
}
.banners > div .banner-box .s-desc .link:hover {
 color: #5f7e9e
}
.banners > div.banner-2 .banner-box .s-desc h1, .banners > div.banner-2 .banner-box .s-desc h2, .banners > div.banner-2 .banner-box .s-desc h3, .banners > div.banner-2 .banner-box .s-desc h4, .banners > div.banner-2 .banner-box .s-desc h5, .banners > div.banner-2 .banner-box .s-desc h6 {
color: #fff
}
.banners > div.banner-2 .banner-box .s-desc h4 {
font-weight: 700
}
@media(max-width:991px) {
.banners > div img {
width: 100%
}
.banners > div .banner-box .s-desc {
padding: 0 10px
}
.banners > div .banner-box .s-desc h2 {
font-size: 27px;
line-height: 30px;
letter-spacing: 0;
opacity: 1
}
.banners > div .banner-box .s-desc .btn {
margin-top: 10px
}
}
@media(max-width:767px) {
.banners > div.banner-big .banner-box .s-desc {
top: 50%;
padding: 0 15px
}
.banners > div.banner-big .banner-box .s-desc h2 {
font-size: 24px
}
}
@media(max-width:480px) {
.banners > div.banner-big {
min-height: 210px
}
.banners > div.banner-big .banner-box img {
max-width: 180%;
width: 180%
}
.banners > div.banner-big .banner-box .s-desc {
top: 50%;
-moz-transform: translateY(-50%);
-ms-transform: translateY(-50%);
-o-transform: translateY(-50%);
-webkit-transform: translateY(-50%);
transform: translateY(-50%)
}
.banners > div.banner-big .banner-box .s-desc h2 {
font-size: 20px;
line-height: 24px;
margin-bottom: 5px
}
}
.blog_article {
margin-bottom: 26px
}
.blog_article + .blog_article {
padding-top: 30px;
border-top: 1px solid #ededed
}
.blog_articles .box-content, .blog-item .box-content {
text-align: center
}
.blog_articles .box-content .btn, .blog-item .box-content .btn {
margin-top: 20px
}
.box.blog_articles {
margin-bottom: 13px
}
.article-info .btn {
margin-top: 15px
}
.article-image {
text-align: center;
position: relative;
overflow: hidden;
display: inline-block;
background: #2f2f2f
}
.top .article-image {
margin-bottom: 25px
}
.article-image img {
opacity: 1;
width: 100%
}
.all-ie .article-image img {
width: 100%
}
.simple_blog-article-view .article-image {
float: left
}
.simple_blog-article-view h1:after {
margin-bottom: 15px
}
.article-title {
font-size: 20px;
line-height: 26px;
font-weight: 400;
margin-bottom: 4px;
color: #2f2f2f;
text-transform: none
}
.article-title > a {
display: inline;
color: #2f2f2f
}
.article-title a:hover {
color: #5f7e9e
}
.article-title + * {
margin-top: 4px
}
* + .article-description {
margin-top: 10px;
margin-bottom: 15px;
font-size: 12px;
line-height: 18px;
font-weight: 300
}
.article-comments {
margin-right: 10px
}
.article-date {
text-transform: uppercase;
color: #2f2f2f;
font-size: 14px;
line-height: 24px;
display: block;
letter-spacing: .5px;
margin-bottom: 10px
}
.article-sub-title {
font-size: 12px;
line-height: 30px;
text-transform: uppercase;
font-weight: 500;
color: #2f2f2f
}
.article-sub-title span {
display: inline-block
}
.article-sub-title span + span {
margin: 0 0 0 15px
}
.article-sub-title .article-date + div {
margin-top: 4px
}
.article-sub-title .article-date + div span {
padding: 0 10px
}
.article-sub-title .article-date + div span a {
margin-left: 5px
}
.article-sub-title + * {
margin-top: 1px
}
.article-description ul, .article-description ol {
padding-left: 0;
list-style-type: none;
margin: 35px 0 45px
}
.article-description ul li, .article-description ol li {
position: relative;
color: #5f7e9e;
font-size: 16px;
font-weight: 700;
text-transform: uppercase;
padding-left: 50px
}
.article-description ul li:before, .article-description ol li:before {
position: absolute;
left: 0;
top: 0
}
.article-description ul li + li, .article-description ol li + li {
margin-top: 16px
}
.article-description ul li:before {
content: '\e18e';
font-size: 28px;
font-family: material-design
}
.article-description ol {
counter-reset: list
}
.article-description ol li {
counter-increment: list
}
.article-description ol li:before {
content: counter(list,decimal-leading-zero) ".";
color: #2f2f2f;
font-size: 16px;
font-weight: 700
}
.article-description + * {
margin-top: 0
}
.related-article h4 {
text-transform: uppercase;
color: #5f7e9e
}
.related-article h4 a:hover {
color: #2f2f2f
}
.related-article .article-sub-title {
text-align: left
}
.related-article .article-sub-title span + span {
margin-left: 5px
}
.related-article .row + .row {
margin-top: 30px
}
.author-info .image {
float: left;
margin: 5px 30px 10px 0
}
.article-comment {
padding-bottom: 20px;
margin-bottom: 20px;
border-bottom: 1px solid #ededed
}
.article-comment .author {
float: left;
text-transform: uppercase;
font-size: 16px;
margin-bottom: 10px
}
.article-comment .reply-message {
float: right;
text-transform: uppercase;
color: #5f7e9e
}
.article-comment .reply-message a:hover {
color: #2f2f2f
}
.article-comment .comment-date {
clear: both;
color: #2f2f2f;
text-transform: uppercase
}
.article-comment .text {
margin-top: 15px
}
.article-comment .article-reply {
margin: 30px 0 0 60px
}
.reply-cancel {
font-size: 16px;
color: #5f7e9e;
-moz-transition: .3s all ease;
-o-transition: .3s all ease;
-webkit-transition: .3s all ease;
transition: .3s all ease;
text-transform: uppercase;
margin-top: 10px
}
.reply-cancel:hover {
color: #2f2f2f
}
#review-title {
clear: both
}
aside .blog_articles .article-title {
font-size: 16px;
line-height: 24px
}
aside .blog_articles .col-sm-4 + .col-sm-4 {
margin-top: 30px
}
aside .blog_articles * + .article-description {
margin-top: 10px
}
aside .blog_articles .blog-item {
margin-bottom: 25px
}
aside .blog-categories .box-heading {
margin-bottom: 0
}
aside .blog-categories ul > li {
position: relative
}
aside .blog-categories ul > li > i {
position: absolute;
top: 10px;
right: 10px;
color: #2f2f2f;
-moz-transition: .3s all ease;
-o-transition: .3s all ease;
-webkit-transition: .3s all ease;
transition: .3s all ease;
cursor: pointer;
font-size: 20px
}
aside .blog-categories ul > li > i:hover {
color: #5f7e9e
}
aside .blog-categories ul > li > a {
display: inline-block;
color: #2f2f2f;
font-size: 16px;
text-transform: uppercase;
font-weight: 400;
padding: 10px 0
}
aside .blog-categories ul > li > a:hover {
background: 0 0;
color: #5f7e9e
}
aside .blog-categories ul > li + li {
border-top: 1px solid #ededed
}
aside .blog-categories ul ul {
display: none;
padding: 0;
list-style-type: none;
border-top: 1px solid #ededed
}
aside .blog-categories ul ul a {
padding-left: 40px
}
aside #blog-search {
margin: 0;
position: relative
}
aside #blog-search input {
padding-right: 35px;
background: #fff;
border-radius: 0;
color: #2f2f2f
}
aside #blog-search a {
display: inline-block;
position: absolute;
right: 15px;
font-size: 18px;
line-height: 35px;
top: 0;
color: #888;
font-family: fontawesome;
background: 0 0
}
aside #blog-search a:before {
content: '\f002'
}
aside #blog-search a:hover {
color: #5f7e9e
}
.simple_blog-article-view .product_tabs .nav-tabs {
width: 25%
}
.simple_blog-article-view .product_tabs .tab-content {
width: 75%
}
@media(max-width:1199px) {
.top .article-description {
padding: 0;
letter-spacing: 0
}
.top .article-image {
margin-bottom: 15px
}
.blog_articles .col-lg-6 + .col-lg-6 {
padding-top: 20px
}
}
@media(min-width:992px) and (max-width:1199px) {
.article-sub-title span + span {
margin-left: 5px
}
}
@media(max-width:991px) {
.article-image {
margin-bottom: 15px
}
.top .article-image {
margin-bottom: 20px
}
}
@media(min-width:768px) and (max-width:991px) {
.blog_articles .col-lg-6 + .col-lg-6 {
padding-top: 0
}
}
@media(max-width:767px) {
.simple_blog-article-view .product_tabs .nav-tabs, .simple_blog-article-view .product_tabs .tab-content {
width: 100%
}
.article-image {
width: 100%
}
.article-image img {
width: 100%
}
}
@media(max-width:600px) {
.reply-cancel {
float: none;
display: block
}
}
@media(max-width:480px) {
.common-home .blog_articles .article-image {
width: 100%
}
.common-home .blog_articles .article-image img {
width: 100% !important
}
.article-title {
font-size: 18px;
line-height: 30px;
letter-spacing: .5px
}
}
.html-block .cat-title {
padding: 16px 17px 14px;
background: #5f7e9e;
position: relative;
display: block;
font-size: 19px;
line-height: 24px;
text-transform: capitalize;
min-height: 60px;
-webkit-border-radius: 3px 3px 0 0;
-moz-border-radius: 3px 3px 0 0;
border-radius: 3px 3px 0 0;
color: #fff
}
.html-block .cat-title i {
font-size: 24px;
line-height: 24px;
margin-right: 10px;
position: relative;
top: 3px
}
.html-block .item {
border: 1px solid #fff;
position: relative;
padding: 34px 20px 20px;
text-align: center;
color: #fff
}
.html-block .item h1, .html-block .item h2, .html-block .item h3, .html-block .item h4, .html-block .item h5, .html-block .item h6, .html-block .item p {
color: inherit
}
.html-block .item i {
font-size: 24px;
line-height: 30px
}
.html-block .item h4 {
margin: 17px 0 15px;
font-size: 19px;
text-transform: uppercase
}
@media(min-width:768px) and (max-width:991px) {
.html-block .cat-title {
font-size: 16px
}
}
@media(max-width:767px) {
.html-block .col-xs-12 + .col-xs-12 {
margin-top: 30px
}
}
.newsletter {
overflow: hidden;
position: relative
}
.newsletter .box-content .newsletter-description p {
font-size: 13px;
line-height: 24px;
margin-bottom: 11px;
font-family: ubuntu,sans-serif;
font-weight: 300;
letter-spacing: 0;
color: #fff
}
.newsletter .box-content #jetimpex-newsletter-form {
position: relative
}
.newsletter .box-content .jetimpex-login-form {
margin: 0;
position: relative;
overflow: hidden;
padding: 5px 0 20px
}
.newsletter .box-content .jetimpex-login-form input {
width: 70%;
float: left;
height: 35px;
color: #2f2f2f;
-webkit-border-radius: 3px 0 0 3px;
-moz-border-radius: 3px 0 0 3px;
border-radius: 3px 0 0 3px;
font-size: 13px;
background: #fff;
font-family: ubuntu,sans-serif;
padding: 5px 15px;
border: 0
}
[lang=ru] .newsletter .box-content .jetimpex-login-form input, [lang=de] .newsletter .box-content .jetimpex-login-form input {
font-size: 11px
}
.newsletter .box-content .jetimpex-login-form input:focus {
-webkit-box-shadow: none;
-moz-box-shadow: none;
box-shadow: none;
background: #eef9fc
}
.newsletter .box-content .jetimpex-login-form input::-webkit-input-placeholder {
color: #2f2f2f !important;
opacity: 1
}
.newsletter .box-content .jetimpex-login-form input:-moz-placeholder {
color: #2f2f2f !important;
opacity: 1
}
.newsletter .box-content .jetimpex-login-form input::-moz-placeholder {
color: #2f2f2f !important;
opacity: 1
}
.newsletter .box-content .jetimpex-login-form input:-ms-input-placeholder {
color: #2f2f2f !important;
opacity: 1
}
.newsletter .box-content .jetimpex-login-form input:focus::-webkit-input-placeholder {
color: transparent !important
}
.newsletter .box-content .jetimpex-login-form input:focus::-moz-placeholder {
color: transparent !important
}
.newsletter .box-content .jetimpex-login-form input:focus:-moz-placeholder {
color: transparent !important
}
.newsletter .box-content .jetimpex-login-form input:focus:-ms-input-placeholder {
color: transparent !important
}
.newsletter .box-content .jetimpex-login-form button {
float: left;
width: 30%;
display: inline-block;
font-size: 14px;
line-height: 35px;
font-weight: 300;
color: #fff;
background: #5f7e9e;
padding: 0 5px;
-webkit-border-radius: 0 3px 3px 0;
-moz-border-radius: 0 3px 3px 0;
border-radius: 0 3px 3px 0
}
[lang=ru] .newsletter .box-content .jetimpex-login-form button, [lang=de] .newsletter .box-content .jetimpex-login-form button {
font-size: 12px
}
.newsletter .box-content .jetimpex-login-form button:hover {
background: #000;
color: #fff
}
.newsletter-error, .newsletter-success {
position: absolute;
font-size: 12px;
line-height: 17px;
font-weight: 300;
bottom: 0;
top: auto;
left: 0;
right: 0;
text-align: left;
-moz-transition: .4s all ease;
-o-transition: .4s all ease;
-webkit-transition: .4s all ease;
transition: .4s all ease
}
.newsletter-error {
color: red
}
.newsletter-success {
color: #5f7e9e
}
@media(max-width:767px) {
.newsletter .box-content .jetimpex-login-form input {
width: 75%
}
.newsletter .box-content .jetimpex-login-form button {
width: 25%
}
}
@media(max-width:480px) {
.newsletter .box-content .jetimpex-login-form input {
width: 70%
}
.newsletter .box-content .jetimpex-login-form button {
width: 30%
}
}
.owl-carousel {
position: relative;
margin: 0 -5px;
width: auto
}
.owl-carousel .owl-item {
padding: 0 5px;
width: auto
}
.owl-carousel .owl-nav div {
opacity: 0;
color: #888;
font-size: 36px;
padding: 5px;
position: absolute;
top: 50%;
text-align: center;
-moz-transition: .4s all ease;
-o-transition: .4s all ease;
-webkit-transition: .4s all ease;
transition: .4s all ease;
-moz-transform: translateY(-50%);
-ms-transform: translateY(-50%);
-o-transform: translateY(-50%);
-webkit-transform: translateY(-50%);
transform: translateY(-50%)
}
.owl-carousel .owl-nav div:hover {
color: #5f7e9e
}
.owl-carousel .owl-nav .owl-prev {
left: -25px
}
.owl-carousel .owl-nav .owl-next {
right: -25px
}
.owl-carousel:hover .owl-nav div {
opacity: 1
}
.owl-carousel:hover .owl-nav .owl-prev {
left: 5px
}
.owl-carousel:hover .owl-nav .owl-next {
right: 5px
}
@media(max-width:767px) {
.owl-carousel .owl-nav div {
opacity: 1
}
.owl-carousel .owl-nav .owl-prev {
left: 10px
}
.owl-carousel .owl-nav .owl-next {
right: 10px
}
}
aside .box.blog_articles .owl-carousel .owl-nav div {
color: #2f2f2f
}
aside .box.blog_articles .owl-carousel .owl-nav div:hover {
color: #5f7e9e
}
.manufacturers.owl-carousel {
padding: 0 150px 94px;
margin: 88px -15px 0;
border-bottom: 1px solid #ededed
}
.manufacturers.owl-carousel .owl-item {
padding: 0 15px
}
.manufacturers.owl-carousel .owl-nav {
background: #464646;
bottom: -16px;
left: 0;
margin: 0 auto;
position: absolute;
right: 0;
text-align: center;
width: 170px;
height: 30px
}
.manufacturers.owl-carousel .owl-nav div {
font-size: 26px;
opacity: 1
}
.manufacturers.owl-carousel .owl-nav .owl-prev {
left: 40px
}
.manufacturers.owl-carousel .owl-nav .owl-next {
right: 40px
}
.megamenu_module .manufacturers.owl-carousel {
padding: 0 0 30px;
margin: 20px -15px
}
.megamenu_module .manufacturers.owl-carousel .owl-nav {
display: none
}
.megamenu .owl-carousel .owl-nav .owl-prev {
left: -50px
}
.megamenu .owl-carousel .owl-nav .owl-next {
right: -50px
}
.megamenu .owl-carousel:hover .owl-nav .owl-prev {
left: -28px
}
.megamenu .owl-carousel:hover .owl-nav .owl-next {
right: -29px
}
.testimonials.owl-carousel .owl-nav {
margin-top: 30px
}
.testimonials.owl-carousel .owl-nav div {
opacity: 1;
position: static;
display: inline-block;
margin: 0 5px
}
.owl-pagination {
text-align: center;
top: 40px;
position: relative
}
.owl-controls .owl-page {
display: inline-block;
margin: 0 6px
}
.owl-controls .owl-page span {
display: block;
width: 11px;
height: 11px;
background: rgba(0,0,0,.5);
border-radius: 20px;
-webkit-box-shadow: inset 0 0 3px rgba(0,0,0,.3);
box-shadow: inset 0 0 3px rgba(0,0,0,.3)
}
.owl-controls .owl-page.active span {
background: rgba(0,0,0,.9)
}
@media(max-width:1300px) {
.manufacturers.owl-carousel {
padding: 0 65px 90px
}
}
@media(max-width:991px) {
.owl-carousel .owl-nav div {
opacity: 0
}
.owl-carousel .owl-nav .owl-prev {
left: 10px
}
.owl-carousel .owl-nav .owl-next {
right: 10px
}
.owl-carousel:hover .owl-nav div {
opacity: 1
}
.megamenu .owl-carousel:hover .owl-nav .owl-prev, .megamenu .box-carousel-articles.owl-carousel:hover .owl-nav .owl-prev {
left: -16px
}
.megamenu .owl-carousel:hover .owl-nav .owl-next, .megamenu .box-carousel-articles.owl-carousel:hover .owl-nav .owl-next {
right: -16px
}
.featured .box-carousel.owl-carousel, .related .box-carousel.owl-carousel {
margin-left: -99px;
width: calc(100% + 198px)
}
.featured .box-carousel.owl-carousel .owl-nav .owl-prev, .related .box-carousel.owl-carousel .owl-nav .owl-prev {
left: 50px
}
.featured .box-carousel.owl-carousel .owl-nav .owl-next, .related .box-carousel.owl-carousel .owl-nav .owl-next {
right: 50px
}
.featured .box-carousel.owl-carousel:hover .owl-nav .owl-prev, .related .box-carousel.owl-carousel:hover .owl-nav .owl-prev {
left: 98px
}
.featured .box-carousel.owl-carousel:hover .owl-nav .owl-next, .related .box-carousel.owl-carousel:hover .owl-nav .owl-next {
right: 98px
}
}
@media(max-width:767px) {
.owl-carousel .owl-nav div {
opacity: 1
}
.owl-carousel .owl-nav .owl-prev {
left: -1px
}
.owl-carousel .owl-nav .owl-next {
right: -1px
}
.owl-carousel:hover .owl-nav div {
opacity: 1
}
.owl-carousel:hover .owl-nav .owl-prev {
left: -1px
}
.owl-carousel:hover .owl-nav .owl-next {
right: -1px
}
.manufacturers.owl-carousel .owl-nav div {
opacity: 1
}
.manufacturers.owl-carousel .owl-nav .owl-prev {
left: 20px
}
.manufacturers.owl-carousel .owl-nav .owl-next {
right: 20px
}
.manufacturers.owl-carousel:hover .owl-nav div {
opacity: 1
}
.manufacturers.owl-carousel:hover .owl-nav .owl-prev {
left: 20px
}
.manufacturers.owl-carousel:hover .owl-nav .owl-next {
right: 20px
}
.featured .box-carousel.owl-carousel .owl-nav .owl-prev, .related .box-carousel.owl-carousel .owl-nav .owl-prev {
left: 98px
}
.featured .box-carousel.owl-carousel .owl-nav .owl-next, .related .box-carousel.owl-carousel .owl-nav .owl-next {
right: 98px
}
.featured .box-carousel.owl-carousel:hover .owl-nav .owl-prev, .related .box-carousel.owl-carousel:hover .owl-nav .owl-prev {
left: 98px
}
.featured .box-carousel.owl-carousel:hover .owl-nav .owl-next, .related .box-carousel.owl-carousel:hover .owl-nav .owl-next {
right: 98px
}
.megamenu_module .box.blog_articles {
margin: 0
}
}
@media(max-width:480px) {
.box-carousel-articles.owl-carousel .owl-nav div {
top: 22%;
-moz-transform: translateY(-64%);
-ms-transform: translateY(-64%);
-o-transform: translateY(-64%);
-webkit-transform: translateY(-64%);
transform: translateY(-64%)
}
.box-carousel-articles.owl-carousel .owl-nav .owl-prev {
left: 0
}
.box-carousel-articles.owl-carousel .owl-nav .owl-next {
right: 0
}
.box-carousel-articles.owl-carousel:hover .owl-nav .owl-prev {
left: 0
}
.box-carousel-articles.owl-carousel:hover .owl-nav .owl-next {
right: 0
}
.manufacturers.owl-carousel {
margin-top: 37px;
padding: 0 20px 30px
}
}
footer .social-block {
position: absolute;
bottom: -49px;
right: 12px;
z-index: 2
}
.social-block .box-heading h3, .social-block .box-heading h5 {
margin: 0
}
.social-block .box-content p {
color: #fff;
margin: 0
}
.social-list {
margin: 0;
display: inline-block
}
.social-list li {
display: inline-block;
margin: 0;
text-align: center
}
.social-list li a {
-moz-transition: all .4s ease;
-o-transition: all .4s ease;
-webkit-transition: all .4s ease;
transition: all .4s ease;
font-size: 12px;
line-height: 25px;
display: block
}
.social-list li a[class*=youtube] {
color: #5f7e9e
}
.social-list li a[class*=facebook] {
color: #5f7e9e
}
.social-list li a[class*=google] {
color: #5f7e9e
}
.social-list li a[class*=twitter] {
color: #5f7e9e
}
.social-list li a[class*=pinterest] {
color: #5f7e9e
}
.social-list li a[class*=instagram] {
color: #5f7e9e
}
.social-list li a[class*=vimeo] {
color: #5f7e9e
}
.social-list li a:hover {
color: #2f2f2f
}
.social-list li + li {
margin-left: 7px
}
@media(max-width:991px) {
.social-list li a {
font-size: 17px
}
.social-list li + li {
margin-left: 8px
}
}
@media(max-width:767px) {
footer .social-block {
position: relative;
float: left;
text-align: left;
bottom: 0;
right: auto;
margin-bottom: 15px
}
.social-list li a {
font-size: 18px;
line-height: 29px
}
.social-list li + li {
margin-left: 10px
}
}
.ajax-quickview, .ajax-quickview-images, .ajax-quickview-images > ul, .ajax-quickview-images > ul > li {
height: 100%
}
.ajax-quickview {
background: #fcfcfc
}
.ajax-quickview-cont-wrap {
width: 48%
}
.ajax-quickview-images {
position: relative;
float: left;
margin: 10px;
width: 50%;
margin: 0;
background: #f7f7f7;
-webkit-border-radius: 0;
-moz-border-radius: 0;
border-radius: 0
}
.ajax-quickview-images > ul {
margin: 0
}
.ajax-quickview-images > ul > li {
position: absolute;
left: 0;
top: 0;
width: 100%;
z-index: 1;
opacity: 0;
text-align: center;
overflow: hidden;
-moz-transition: opacity .5s ease;
-o-transition: opacity .5s ease;
-webkit-transition: opacity .5s ease;
transition: opacity .5s ease
}
.ajax-quickview-images > ul > li > img {
display: inline-block;
position: absolute;
top: 50%;
left: 50%;
-moz-transform: translate(-50%,-50%);
-ms-transform: translate(-50%,-50%);
-o-transform: translate(-50%,-50%);
-webkit-transform: translate(-50%,-50%);
transform: translate(-50%,-50%);
max-height: 78%;
max-width: none;
width: auto
}
.ajax-quickview-images > ul > li.active {
z-index: 2;
opacity: 1
}
.ajax-quickview-images .next-img, .ajax-quickview-images .prev-img {
position: absolute;
top: 50%;
-moz-transform: translateY(-50%);
-ms-transform: translateY(-50%);
-o-transform: translateY(-50%);
-webkit-transform: translateY(-50%);
transform: translateY(-50%);
z-index: 5
}
.ajax-quickview-images .next-img {
right: 15px
}
.ajax-quickview-images .prev-img {
left: 15px
}
.ajax-quickview-cont-wrap {
float: right;
max-height: 100%;
overflow-y: auto
}
.ajax-quickview-cont-wrap .form-horizontal .form-group {
margin-left: 0;
margin-right: 0
}
.ajax-quickview-cont-wrap .ajax-quickview-cont {
padding: 30px 50px 30px 20px
}
.ajax-quickview-cont-wrap .ajax-quickview-cont .name h3 {
text-align: left
}
.ajax-quickview-cont-wrap .ajax-quickview-cont .extra-options {
color: #888;
padding-bottom: 7px
}
.ajax-quickview-cont-wrap .ajax-quickview-cont .extra-options li + li {
margin-top: 10px
}
.ajax-quickview-cont-wrap .ajax-quickview-cont .extra-options em {
font-style: normal;
font-weight: 400;
color: #2f2f2f
}
.ajax-quickview-cont-wrap .ajax-quickview-cont .extra-options span {
color: #5f7e9e
}
.ajax-quickview-cont-wrap .ajax-quickview-cont .btn.btn-add {
float: right
}
.ajax-quickview-cont-wrap .ajax-quickview-cont .form-group {
margin-bottom: 15px
}
.ajax-quickview-cont-wrap .ajax-quickview-cont .cart-button {
margin-top: 15px
}
.ajax-quickview-cont-wrap .ajax-quickview-cont .cart-button .btn {
margin-bottom: 5px
}
.ajax-quickview-cont-wrap .ajax-quickview-cont .product-option-wrap .options {
border-top: 1px solid #eee
}
.ajax-quickview-cont-wrap .sale, .ajax-quickview-cont-wrap .new-pr, .ajax-quickview-cont-wrap .discount {
position: static
}
.ajax-quickview-cont-wrap .product-options {
border-bottom: none;
padding-top: 20px
}
.ajax-quickview-cont-wrap .product-options h3 {
text-align: left
}
.ajax-quickview-cont-wrap .product-btn-add {
vertical-align: middle;
margin-right: 20px
}
.ajax-quickview-cont-wrap .counter + .product-btn-add {
margin-left: 20px
}
.ajax-quickview-overlay {
position: fixed;
top: 0;
right: 0;
bottom: 0;
left: 0;
z-index: 20;
background: rgba(47,47,47,.3);
opacity: 0;
visibility: hidden
}
.ajax-quickview-overlay .ajax-quickview-overlay__preloader {
position: absolute;
top: 50%;
left: 50%;
-moz-transform: translate(-50%,-50%);
-ms-transform: translate(-50%,-50%);
-o-transform: translate(-50%,-50%);
-webkit-transform: translate(-50%,-50%);
transform: translate(-50%,-50%);
display: inline-block;
width: 180px;
height: 40px;
background: url(../images/quick_view_preloader.gif)
}
.ajax-quickview-overlay.visible {
opacity: 1;
visibility: visible
}
.fancybox-skin {
-webkit-border-radius: 0;
-moz-border-radius: 0;
border-radius: 0
}
.fancybox-skin:hover .fancybox-nav span {
visibility: visible
}
.fancybox-nav {
height: 40px;
top: 50%;
width: 40px
}
.fancybox-next {
right: -60px
}
.fancybox-prev {
left: -60px
}
@media(min-width:768px) and (max-width:991px) {
.product-option-wrap .form-group .product-btn-add {
display: block;
margin-bottom: 5px
}
}
.swiper-container {
margin: 0 auto 33px;
position: relative;
overflow: hidden;
z-index: 1
}
.swiper-container-no-flexbox .swiper-slide {
float: left
}
.swiper-container-vertical > .swiper-wrapper {
-webkit-box-orient: vertical;
-moz-box-orient: vertical;
-ms-flex-direction: column;
-webkit-flex-direction: column;
flex-direction: column
}
.swiper-wrapper {
position: relative;
width: 100%;
height: 100%;
z-index: 1;
display: -webkit-box;
display: -moz-box;
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
-webkit-transition-property: -webkit-transform;
-moz-transition-property: -moz-transform;
-o-transition-property: -o-transform;
-ms-transition-property: -ms-transform;
transition-property: -webkit-transform;
-o-transition-property: transform;
transition-property: transform;
transition-property: transform,-webkit-transform;
-webkit-box-sizing: content-box;
-moz-box-sizing: content-box;
box-sizing: content-box
}
.swiper-container-android .swiper-slide, .swiper-wrapper {
-webkit-transform: translate3d(0px,0,0);
-moz-transform: translate3d(0px,0,0);
-o-transform: translate(0px,0px);
-ms-transform: translate3d(0px,0,0);
transform: translate3d(0px,0,0)
}
.swiper-container-multirow > .swiper-wrapper {
-webkit-box-lines: multiple;
-moz-box-lines: multiple;
-ms-flex-wrap: wrap;
-webkit-flex-wrap: wrap;
flex-wrap: wrap
}
.swiper-container-free-mode > .swiper-wrapper {
-webkit-transition-timing-function: ease-out;
-moz-transition-timing-function: ease-out;
-ms-transition-timing-function: ease-out;
-o-transition-timing-function: ease-out;
transition-timing-function: ease-out;
margin: 0 auto
}
.swiper-slide {
-webkit-flex-shrink: 0;
-ms-flex: 0 0 auto;
-ms-flex-negative: 0;
flex-shrink: 0;
width: 100%;
height: 100%;
position: relative
}
.swiper-slide .bg_wrapper {
content: "";
position: absolute;
top: 0;
bottom: 0;
width: 34%;
left: 0;
display: block
}
.swiper-slide .swiper-caption {
display: inline-block;
position: absolute;
left: 68px;
right: 0;
top: 48.5%;
text-align: left;
vertical-align: middle;
-moz-transform: translateY(-50%);
-ms-transform: translateY(-50%);
-o-transform: translateY(-50%);
-webkit-transform: translateY(-50%);
transform: translateY(-50%)
}
.swiper-slide .swiper-caption img {
display: inline-block;
margin-bottom: 10px
}
.swiper-slide .swiper-caption h1, .swiper-slide .swiper-caption h2, .swiper-slide .swiper-caption h3, .swiper-slide .swiper-caption h4, .swiper-slide .swiper-caption h5, .swiper-slide .swiper-caption h6, .swiper-slide .swiper-caption p {
color: #2f2f2f;
text-transform: none
}
.swiper-slide .swiper-caption h3 {
font-size: 30px;
line-height: 36px;
font-weight: 700;
margin-bottom: 7px;
color: #5f7e9e;
text-transform: uppercase
}
.swiper-slide .swiper-caption h3 i {
font-weight: 400;
font-style: normal
}
.swiper-slide .swiper-caption p {
font-size: 12px;
line-height: 18px;
font-weight: 300;
color: #888;
margin-bottom: 5px
}
.swiper-slide .swiper-caption .btn {
margin-top: 10px;
padding: 7px 30px 8px;
text-transform: inherit
}
.swiper-container-autoheight, .swiper-container-autoheight .swiper-slide {
height: auto
}
.swiper-container-autoheight .swiper-wrapper {
-webkit-box-align: start;
-ms-flex-align: start;
-webkit-align-items: flex-start;
align-items: flex-start;
-webkit-transition-property: -webkit-transform,height;
-moz-transition-property: -moz-transform;
-o-transition-property: -o-transform;
-ms-transition-property: -ms-transform;
-webkit-transition-property: height,-webkit-transform;
transition-property: height,-webkit-transform;
-o-transition-property: transform,height;
transition-property: transform,height;
transition-property: transform,height,-webkit-transform
}
.swiper-container .swiper-notification {
position: absolute;
left: 0;
top: 0;
pointer-events: none;
opacity: 0;
z-index: -1000
}
.swiper-wp8-horizontal {
-ms-touch-action: pan-y;
touch-action: pan-y
}
.swiper-wp8-vertical {
-ms-touch-action: pan-x;
touch-action: pan-x
}
.mobile .preview, .tablet .preview {
display: none
}
.swiper-navigation {
position: absolute;
bottom: 50%;
text-align: center;
z-index: 10;
left: 0;
right: 0;
margin: 0 auto
}
.swiper-button-next, .swiper-button-prev {
margin: 0;
top: auto;
bottom: 0;
width: 12px;
left: auto;
float: none;
z-index: 10;
cursor: pointer;
background-image: none !important
}
.swiper-button-next:before, .swiper-button-prev:before {
color: #2f2f2f;
font-family: linearicons;
font-size: 10px;
-moz-transition: all .3s ease;
-o-transition: all .3s ease;
-webkit-transition: all .3s ease;
transition: all .3s ease
}
.swiper-button-next:hover:before, .swiper-button-prev:hover:before {
color: #5f7e9e
}
.swiper-wrapper + .swiper-pager {
top: auto;
bottom: 18px;
right: 30px;
width: 28px
}
.swiper-wrapper + .swiper-pager .swiper-button-next:before {
content: '\ec3c'
}
.swiper-wrapper + .swiper-pager .swiper-button-prev:before {
content: '\ec3b'
}
.desktop .swiper-button:hover .preview__img {
opacity: .7;
-moz-transform: translateX(0%);
-ms-transform: translateX(0%);
-o-transform: translateX(0%);
-webkit-transform: translateX(0%);
transform: translateX(0%)
}
.swiper-pagination {
position: absolute;
text-align: center;
-webkit-transition: 300ms;
-moz-transition: 300ms;
-o-transition: 300ms;
transition: 300ms;
-moz-transform: translate(transform(0,0),transform(0,0));
-ms-transform: translate(transform(0,0),transform(0,0));
-o-transform: translate(transform(0,0),transform(0,0));
-webkit-transform: translate(transform(0,0),transform(0,0));
transform: translate(transform(0,0),transform(0,0));
z-index: 10
}
.swiper-pagination.swiper-pagination-custom {
font-size: 17px;
line-height: 25px;
font-weight: 400;
color: #fff;
letter-spacing: 1px
}
.swiper-pagination.swiper-pagination-custom span {
font-size: 29px;
line-height: 35px;
vertical-align: bottom
}
.swiper-pagination.swiper-pagination-hidden {
opacity: 0
}
.swiper-pagination-fraction, .swiper-pagination-custom, .swiper-container-horizontal > .swiper-pagination-bullets {
bottom: 15px;
right: 0;
left: auto;
-moz-transform: translate(transformX(-50%),transformX(-50%));
-ms-transform: translate(transformX(-50%),transformX(-50%));
-o-transform: translate(transformX(-50%),transformX(-50%));
-webkit-transform: translate(transformX(-50%),transformX(-50%));
transform: translate(transformX(-50%),transformX(-50%));
text-align: center
}
.swiper-pagination-bullet {
width: 12px;
height: 12px;
display: inline-block;
border-radius: 50%;
background: #fff;
-webkit-box-shadow: none;
-moz-box-shadow: none;
box-shadow: none;
opacity: 1;
-moz-transition: .3s all ease;
-o-transition: .3s all ease;
-webkit-transition: .3s all ease;
transition: .3s all ease
}
.swiper-pagination-bullet:hover {
background: #5f7e9e
}
button.swiper-pagination-bullet {
border: none;
margin: 0;
padding: 0;
-webkit-box-shadow: none;
box-shadow: none;
-moz-appearance: none;
-ms-appearance: none;
-webkit-appearance: none;
appearance: none
}
.swiper-pagination-clickable .swiper-pagination-bullet {
cursor: pointer
}
.swiper-pagination-white .swiper-pagination-bullet {
background: #fff
}
.swiper-pagination-bullet-active {
opacity: 1;
background: #5f7e9e
}
.swiper-pagination-white .swiper-pagination-bullet-active {
background: #5f7e9e
}
.swiper-pagination-black .swiper-pagination-bullet-active {
background: #5f7e9e
}
.swiper-container-vertical > .swiper-pagination-bullets {
right: 10px;
top: 50%;
-webkit-transform: translate3d(0px,-50%,0);
-moz-transform: translate3d(0px,-50%,0);
-o-transform: translate(0px,-50%);
-ms-transform: translate3d(0px,-50%,0);
transform: translate3d(0px,-50%,0)
}
.swiper-container-vertical > .swiper-pagination-bullets .swiper-pagination-bullet {
margin: 0 2px;
display: block
}
.swiper-container-horizontal > .swiper-pagination-bullets .swiper-pagination-bullet {
margin: 0 2px
}
.swiper-pagination-progress {
background: rgba(0,0,0,.25);
position: absolute
}
.swiper-pagination-progress .swiper-pagination-progressbar {
background: #5f7e9e;
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 100%;
-webkit-transform: scale(0);
-ms-transform: scale(0);
-o-transform: scale(0);
transform: scale(0);
-webkit-transform-origin: left top;
-moz-transform-origin: left top;
-ms-transform-origin: left top;
-o-transform-origin: left top;
transform-origin: left top
}
.swiper-container-rtl .swiper-pagination-progress .swiper-pagination-progressbar {
-webkit-transform-origin: right top;
-moz-transform-origin: right top;
-ms-transform-origin: right top;
-o-transform-origin: right top;
transform-origin: right top
}
.swiper-container-horizontal > .swiper-pagination-progress {
width: 100%;
height: 4px;
left: 0;
top: 0
}
.swiper-container-vertical > .swiper-pagination-progress {
width: 4px;
height: 100%;
left: 0;
top: 0
}
.swiper-pagination-progress.swiper-pagination-white {
background: rgba(255,255,255,.5)
}
.swiper-pagination-progress.swiper-pagination-white .swiper-pagination-progressbar {
background: #fff
}
.swiper-pagination-progress.swiper-pagination-black .swiper-pagination-progressbar {
background: #000
}
.swiper-container-3d {
-webkit-perspective: 1200px;
-moz-perspective: 1200px;
-o-perspective: 1200px;
perspective: 1200px
}
.swiper-container-3d .swiper-wrapper, .swiper-container-3d .swiper-slide, .swiper-container-3d .swiper-slide-shadow-left, .swiper-container-3d .swiper-slide-shadow-right, .swiper-container-3d .swiper-slide-shadow-top, .swiper-container-3d .swiper-slide-shadow-bottom, .swiper-container-3d .swiper-cube-shadow {
-webkit-transform-style: preserve-3d;
-moz-transform-style: preserve-3d;
-ms-transform-style: preserve-3d;
transform-style: preserve-3d
}
.swiper-container-3d .swiper-slide-shadow-left, .swiper-container-3d .swiper-slide-shadow-right, .swiper-container-3d .swiper-slide-shadow-top, .swiper-container-3d .swiper-slide-shadow-bottom {
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 100%;
pointer-events: none;
z-index: 10
}
.swiper-container-3d .swiper-slide-shadow-left {
background-image: -webkit-gradient(linear,left top,right top,from(rgba(0,0,0,0.5)),to(rgba(0,0,0,0)));
background-image: -webkit-linear-gradient(right,rgba(0,0,0,0.5),rgba(0,0,0,0));
background-image: -moz-linear-gradient(right,rgba(0,0,0,0.5),rgba(0,0,0,0));
background-image: -o-linear-gradient(right,rgba(0,0,0,0.5),rgba(0,0,0,0));
background-image: -webkit-gradient(linear,right top,left top,from(rgba(0,0,0,0.5)),to(rgba(0,0,0,0)));
background-image: linear-gradient(to left,rgba(0,0,0,0.5),rgba(0,0,0,0))
}
.swiper-container-3d .swiper-slide-shadow-right {
background-image: -webkit-gradient(linear,right top,left top,from(rgba(0,0,0,0.5)),to(rgba(0,0,0,0)));
background-image: -webkit-linear-gradient(left,rgba(0,0,0,0.5),rgba(0,0,0,0));
background-image: -moz-linear-gradient(left,rgba(0,0,0,0.5),rgba(0,0,0,0));
background-image: -o-linear-gradient(left,rgba(0,0,0,0.5),rgba(0,0,0,0));
background-image: -webkit-gradient(linear,left top,right top,from(rgba(0,0,0,0.5)),to(rgba(0,0,0,0)));
background-image: linear-gradient(to right,rgba(0,0,0,0.5),rgba(0,0,0,0))
}
.swiper-container-3d .swiper-slide-shadow-top {
background-image: -webkit-gradient(linear,left top,left bottom,from(rgba(0,0,0,0.5)),to(rgba(0,0,0,0)));
background-image: -webkit-linear-gradient(bottom,rgba(0,0,0,0.5),rgba(0,0,0,0));
background-image: -moz-linear-gradient(bottom,rgba(0,0,0,0.5),rgba(0,0,0,0));
background-image: -o-linear-gradient(bottom,rgba(0,0,0,0.5),rgba(0,0,0,0));
background-image: -webkit-gradient(linear,left bottom,left top,from(rgba(0,0,0,0.5)),to(rgba(0,0,0,0)));
background-image: linear-gradient(to top,rgba(0,0,0,0.5),rgba(0,0,0,0))
}
.swiper-container-3d .swiper-slide-shadow-bottom {
background-image: -webkit-gradient(linear,left bottom,left top,from(rgba(0,0,0,0.5)),to(rgba(0,0,0,0)));
background-image: -webkit-linear-gradient(top,rgba(0,0,0,0.5),rgba(0,0,0,0));
background-image: -moz-linear-gradient(top,rgba(0,0,0,0.5),rgba(0,0,0,0));
background-image: -o-linear-gradient(top,rgba(0,0,0,0.5),rgba(0,0,0,0));
background-image: -webkit-gradient(linear,left top,left bottom,from(rgba(0,0,0,0.5)),to(rgba(0,0,0,0)));
background-image: linear-gradient(to bottom,rgba(0,0,0,0.5),rgba(0,0,0,0))
}
.swiper-container-coverflow .swiper-wrapper, .swiper-container-flip .swiper-wrapper {
-ms-perspective: 1200px
}
.swiper-container-cube, .swiper-container-flip {
overflow: visible
}
.swiper-container-cube .swiper-slide, .swiper-container-flip .swiper-slide {
pointer-events: none;
-webkit-backface-visibility: hidden;
-moz-backface-visibility: hidden;
-ms-backface-visibility: hidden;
backface-visibility: hidden;
z-index: 1
}
.swiper-container-cube .swiper-slide .swiper-slide, .swiper-container-flip .swiper-slide .swiper-slide {
pointer-events: none
}
.swiper-container-cube .swiper-slide-active, .swiper-container-flip .swiper-slide-active, .swiper-container-cube .swiper-slide-active .swiper-slide-active, .swiper-container-flip .swiper-slide-active .swiper-slide-active {
pointer-events: auto
}
.swiper-container-cube .swiper-slide-shadow-top, .swiper-container-flip .swiper-slide-shadow-top, .swiper-container-cube .swiper-slide-shadow-bottom, .swiper-container-flip .swiper-slide-shadow-bottom, .swiper-container-cube .swiper-slide-shadow-left, .swiper-container-flip .swiper-slide-shadow-left, .swiper-container-cube .swiper-slide-shadow-right, .swiper-container-flip .swiper-slide-shadow-right {
z-index: 0;
-webkit-backface-visibility: hidden;
-moz-backface-visibility: hidden;
-ms-backface-visibility: hidden;
backface-visibility: hidden
}
.swiper-container-cube .swiper-slide {
visibility: hidden;
-webkit-transform-origin: 0 0;
-moz-transform-origin: 0 0;
-ms-transform-origin: 0 0;
transform-origin: 0 0;
width: 100%;
height: 100%
}
.swiper-container-cube.swiper-container-rtl .swiper-slide {
-webkit-transform-origin: 100% 0;
-moz-transform-origin: 100% 0;
-ms-transform-origin: 100% 0;
transform-origin: 100% 0
}
.swiper-container-cube .swiper-slide-active, .swiper-container-cube .swiper-slide-next, .swiper-container-cube .swiper-slide-prev, .swiper-container-cube .swiper-slide-next + .swiper-slide {
pointer-events: auto;
visibility: visible
}
.swiper-container-cube .swiper-cube-shadow {
position: absolute;
left: 0;
bottom: 0;
width: 100%;
height: 100%;
background: #000;
opacity: .6;
-webkit-filter: blur(50px);
filter: blur(50px);
z-index: 0
}
.swiper-container-fade.swiper-container-free-mode .swiper-slide {
-webkit-transition-timing-function: ease-out;
-moz-transition-timing-function: ease-out;
-ms-transition-timing-function: ease-out;
-o-transition-timing-function: ease-out;
transition-timing-function: ease-out
}
.swiper-container-fade .swiper-slide {
pointer-events: none;
-webkit-transition-property: opacity;
-moz-transition-property: opacity;
-o-transition-property: opacity;
transition-property: opacity
}
.swiper-container-fade .swiper-slide .swiper-slide {
pointer-events: none
}
.swiper-container-fade .swiper-slide-active, .swiper-container-fade .swiper-slide-active .swiper-slide-active {
pointer-events: auto
}
.swiper-scrollbar {
border-radius: 10px;
position: relative;
-ms-touch-action: none;
background: rgba(0,0,0,.1)
}
.swiper-container-horizontal > .swiper-scrollbar {
position: absolute;
left: 1%;
bottom: 3px;
z-index: 50;
height: 5px;
width: 98%
}
.swiper-container-vertical > .swiper-scrollbar {
position: absolute;
right: 3px;
top: 1%;
z-index: 50;
width: 5px;
height: 98%
}
.swiper-scrollbar-drag {
height: 100%;
width: 100%;
position: relative;
background: rgba(0,0,0,.5);
border-radius: 10px;
left: 0;
top: 0
}
.swiper-scrollbar-cursor-drag {
cursor: move
}
.swiper-lazy-preloader {
width: 42px;
height: 42px;
position: absolute;
left: 50%;
top: 50%;
margin-left: -21px;
margin-top: -21px;
z-index: 10;
-webkit-transform-origin: 50%;
-moz-transform-origin: 50%;
-ms-transform-origin: 50%;
transform-origin: 50%;
-webkit-animation: swiper-preloader-spin 1s steps(12,end) infinite;
-moz-animation: swiper-preloader-spin 1s steps(12,end) infinite;
animation: swiper-preloader-spin 1s steps(12,end) infinite
}
.swiper-lazy-preloader:after {
display: block;
content: "";
width: 100%;
height: 100%;
background-image: url(data:image/svg+xml;charset=utf-8;base64,PHN2ZyB2aWV3Qm94PScwIDAgMTIwIDEyMCcgeG1sbnM9J2h0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnJyB4bWxuczp4bGluaz0naHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayc+PGRlZnM+PGxpbmUgaWQ9J2wnIHgxPSc2MCcgeDI9JzYwJyB5MT0nNycgeTI9JzI3JyBzdHJva2U9JyM2YzZjNmMnIHN0cm9rZS13aWR0aD0nMTEnIHN0cm9rZS1saW5lY2FwPSdyb3VuZCcvPjwvZGVmcz48Zz48dXNlIHhsaW5rOmhyZWY9JyNsJyBvcGFjaXR5PScuMjcnLz48dXNlIHhsaW5rOmhyZWY9JyNsJyBvcGFjaXR5PScuMjcnIHRyYW5zZm9ybT0ncm90YXRlKDMwIDYwLDYwKScvPjx1c2UgeGxpbms6aHJlZj0nI2wnIG9wYWNpdHk9Jy4yNycgdHJhbnNmb3JtPSdyb3RhdGUoNjAgNjAsNjApJy8+PHVzZSB4bGluazpocmVmPScjbCcgb3BhY2l0eT0nLjI3JyB0cmFuc2Zvcm09J3JvdGF0ZSg5MCA2MCw2MCknLz48dXNlIHhsaW5rOmhyZWY9JyNsJyBvcGFjaXR5PScuMjcnIHRyYW5zZm9ybT0ncm90YXRlKDEyMCA2MCw2MCknLz48dXNlIHhsaW5rOmhyZWY9JyNsJyBvcGFjaXR5PScuMjcnIHRyYW5zZm9ybT0ncm90YXRlKDE1MCA2MCw2MCknLz48dXNlIHhsaW5rOmhyZWY9JyNsJyBvcGFjaXR5PScuMzcnIHRyYW5zZm9ybT0ncm90YXRlKDE4MCA2MCw2MCknLz48dXNlIHhsaW5rOmhyZWY9JyNsJyBvcGFjaXR5PScuNDYnIHRyYW5zZm9ybT0ncm90YXRlKDIxMCA2MCw2MCknLz48dXNlIHhsaW5rOmhyZWY9JyNsJyBvcGFjaXR5PScuNTYnIHRyYW5zZm9ybT0ncm90YXRlKDI0MCA2MCw2MCknLz48dXNlIHhsaW5rOmhyZWY9JyNsJyBvcGFjaXR5PScuNjYnIHRyYW5zZm9ybT0ncm90YXRlKDI3MCA2MCw2MCknLz48dXNlIHhsaW5rOmhyZWY9JyNsJyBvcGFjaXR5PScuNzUnIHRyYW5zZm9ybT0ncm90YXRlKDMwMCA2MCw2MCknLz48dXNlIHhsaW5rOmhyZWY9JyNsJyBvcGFjaXR5PScuODUnIHRyYW5zZm9ybT0ncm90YXRlKDMzMCA2MCw2MCknLz48L2c+PC9zdmc+);
background-position: 50%;
-webkit-background-size: 100%;
background-size: 100%;
background-repeat: no-repeat;
}
.swiper-lazy-preloader-white:after {
background-image: url(data:image/svg+xml;charset=utf-8;base64,PHN2ZyB2aWV3Qm94PScwIDAgMTIwIDEyMCcgeG1sbnM9J2h0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnJyB4bWxuczp4bGluaz0naHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayc+PGRlZnM+PGxpbmUgaWQ9J2wnIHgxPSc2MCcgeDI9JzYwJyB5MT0nNycgeTI9JzI3JyBzdHJva2U9JyNmZmYnIHN0cm9rZS13aWR0aD0nMTEnIHN0cm9rZS1saW5lY2FwPSdyb3VuZCcvPjwvZGVmcz48Zz48dXNlIHhsaW5rOmhyZWY9JyNsJyBvcGFjaXR5PScuMjcnLz48dXNlIHhsaW5rOmhyZWY9JyNsJyBvcGFjaXR5PScuMjcnIHRyYW5zZm9ybT0ncm90YXRlKDMwIDYwLDYwKScvPjx1c2UgeGxpbms6aHJlZj0nI2wnIG9wYWNpdHk9Jy4yNycgdHJhbnNmb3JtPSdyb3RhdGUoNjAgNjAsNjApJy8+PHVzZSB4bGluazpocmVmPScjbCcgb3BhY2l0eT0nLjI3JyB0cmFuc2Zvcm09J3JvdGF0ZSg5MCA2MCw2MCknLz48dXNlIHhsaW5rOmhyZWY9JyNsJyBvcGFjaXR5PScuMjcnIHRyYW5zZm9ybT0ncm90YXRlKDEyMCA2MCw2MCknLz48dXNlIHhsaW5rOmhyZWY9JyNsJyBvcGFjaXR5PScuMjcnIHRyYW5zZm9ybT0ncm90YXRlKDE1MCA2MCw2MCknLz48dXNlIHhsaW5rOmhyZWY9JyNsJyBvcGFjaXR5PScuMzcnIHRyYW5zZm9ybT0ncm90YXRlKDE4MCA2MCw2MCknLz48dXNlIHhsaW5rOmhyZWY9JyNsJyBvcGFjaXR5PScuNDYnIHRyYW5zZm9ybT0ncm90YXRlKDIxMCA2MCw2MCknLz48dXNlIHhsaW5rOmhyZWY9JyNsJyBvcGFjaXR5PScuNTYnIHRyYW5zZm9ybT0ncm90YXRlKDI0MCA2MCw2MCknLz48dXNlIHhsaW5rOmhyZWY9JyNsJyBvcGFjaXR5PScuNjYnIHRyYW5zZm9ybT0ncm90YXRlKDI3MCA2MCw2MCknLz48dXNlIHhsaW5rOmhyZWY9JyNsJyBvcGFjaXR5PScuNzUnIHRyYW5zZm9ybT0ncm90YXRlKDMwMCA2MCw2MCknLz48dXNlIHhsaW5rOmhyZWY9JyNsJyBvcGFjaXR5PScuODUnIHRyYW5zZm9ybT0ncm90YXRlKDMzMCA2MCw2MCknLz48L2c+PC9zdmc+)
}
@-webkit-keyframes swiper-preloader-spin {
100% {
-webkit-transform: rotate(360deg);
}
}
@keyframes swiper-preloader-spin {
100% {
-webkit-transform: rotate(360deg);
transform: rotate(360deg);
}
}
.swiper-viewport {
border: 0;
margin: 0;
position: relative;
-webkit-box-shadow: none;
-moz-box-shadow: none;
box-shadow: none;
}
.swiper-viewport:hover .swiper-button-next {
right: 0;
opacity: 1;
}
.swiper-viewport:hover .swiper-button-prev {
left: 0;
opacity: 1;
}
.swiper-slide {
background-position: center top
}
.swiper-slide__link {
display: block;
height: 100%;
}
.swiper-pager {
width: 32px;
height: 30px;
top: -57px;
right: 12px;
left: auto;
position: absolute;
}
.swiper-pager .swiper-button-next, .swiper-pager .swiper-button-prev {
position: absolute;
opacity: 1;
top: 0;
line-height: 30px;
height: 30px;
display: block;
}
.swiper-pager .swiper-button-next:before, .swiper-pager .swiper-button-prev:before {
font-family: linearicons;
font-size: 10px;
color: #888;
}
.swiper-pager .swiper-button-next:hover:before, .swiper-pager .swiper-button-prev:hover:before {
color: #5f7e9e;
}
.swiper-pager .swiper-button-next {
right: 0;
}
.swiper-pager .swiper-button-next:before {
content: '\ec3a'
}
.swiper-pager .swiper-button-prev {
left: 0
}
.swiper-pager .swiper-button-prev:before {
content: '\ec39'
}
[id*=product_carousel] {
margin: 0
}
@media(max-width:991px) {
.swiper-slide .swiper-caption {
left: 30px
}
.swiper-slide .swiper-caption h3 {
font-size: 25px;
line-height: 30px
}
}
@media(max-width:768px) {
.swiper-slide {
width: 100% !important
}
}
@media(max-width:767px) {
.main-swiper.swiper-container {
margin: 15px 0 30px
}
.swiper-slide .swiper-caption h2 {
font-size: 34px;
line-height: 38px;
margin-bottom: 5px
}
.swiper-slide .swiper-caption p {
font-size: 14px;
color: #2f2f2f;
-webkit-text-shadow: 1px 1px 0 rgba(255,255,255,.6);
-moz-text-shadow: 1px 1px 0 rgba(255,255,255,.6);
text-shadow: 1px 1px 0 rgba(255,255,255,.6)
}
.swiper-slide .swiper-caption .btn {
margin-top: 10px
}
.swiper-navigation {
width: 470px
}
.swiper-slide .bg_wrapper {
width: 50%
}
.swiper-pager {
width: 37px;
right: 20px
}
.swiper-button-next:before, .swiper-button-prev:before {
font-size: 15px !important
}
}
@media(max-width:480px) {
.main-swiper.swiper-container {
height: 350px !important
}
.main-swiper .swiper-slide .bg_wrapper {
width: 100%
}
}
.color_scheme_1 {
background: #00bcd4
}
.color_scheme_2 {
background: #00bcd4
}
.color_scheme_3 {
background: #f0503c
}
.color_scheme_4 {
background: #a2ca37
}
.color_scheme_5 {
background: #a373e1
}
#style_switcher, #style_switcher .toggler:hover {
color: #5f7e9e
}
#style_switcher div.color_scheme {
position: relative;
overflow: hidden
}
#style_switcher div.color_scheme:before, #style_switcher div.color_scheme:after {
content: '';
position: absolute;
left: 50%;
width: 50%;
height: 50%;
-webkit-filter: blur(0);
filter: blur(0)
}
#style_switcher div.color_scheme:before {
top: 0
}
#style_switcher div.color_scheme:after {
bottom: 0
}
#style_switcher {
position: fixed;
top: 99px;
width: 120px;
-webkit-box-sizing: border-box;
box-sizing: border-box;
left: 0;
z-index: 999;
padding: 49px 36px 40px;
text-align: left;
background: rgba(47,47,47,.85);
text-transform: uppercase;
-webkit-transform: translate(-100%,0);
-moz-transform: translate(-100%,0);
-ms-transform: translate(-100%,0);
-o-transform: translate(-100%,0);
transform: translate(-100%,0);
-webkit-transition: transform .2s ease;
-moz-transition: transform .2s ease;
-ms-transition: transform .2s ease;
-o-transition: transform .2s ease;
-webkit-transition: -webkit-transform .2s ease;
transition: -webkit-transform .2s ease;
transition: transform .2s ease;
transition: transform .2s ease,-webkit-transform .2s ease
}
#style_switcher.shown {
-webkit-transform: translate(0,0);
-moz-transform: translate(0,0);
-ms-transform: translate(0,0);
-o-transform: translate(0,0);
transform: translate(0,0);
z-index: 1012
}
#style_switcher p {
line-height: 18px;
font-size: 10px;
font-weight: 400;
letter-spacing: 1px;
padding: 0 0 15px;
color: #fff
}
#style_switcher p span {
font-size: 12px;
display: block;
line-height: 21px;
color: #fff
}
#style_switcher .toggler {
position: absolute;
top: 0;
left: 100%;
width: 50px;
height: 50px;
font-size: 18px;
line-height: 40px;
cursor: pointer;
color: #fff;
text-align: center;
background: #2f2f2f;
-webkit-transition: color .2s ease;
-o-transition: color .2s ease;
transition: color .2s ease
}
#style_switcher .toggler:before {
position: absolute;
top: 0;
left: 0;
width: 100%;
line-height: 50px;
text-align: center;
font-size: 22px;
height: 50px;
content: '\e22b';
font-family: material icons;
-webkit-transition: color .2s ease;
-o-transition: color .2s ease;
transition: color .2s ease
}
#style_switcher.shown .toggler {
background: rgba(47,47,47,.85)
}
#style_switcher.shown .toggler:hover {
color: #5f7e9e
}
#style_switcher.shown .toggler:before {
content: '\e007';
font-family: fl-flat-icons-set-2;
font-size: 16px
}
#style_switcher ul {
margin: 0;
list-style: none;
font-size: 0;
padding: 0;
line-height: 0
}
#style_switcher ul li {
display: inline-block;
margin: 0;
cursor: pointer;
vertical-align: top
}
#style_switcher ul li + li {
margin-top: 2px
}
#style_switcher div.color_scheme {
width: 44px;
height: 44px;
border-radius: 0;
border: 0;
-moz-transition: .3s all ease;
-o-transition: .3s all ease;
-webkit-transition: .3s all ease;
transition: .3s all ease
}
#style_switcher ul li:hover div.color_scheme, #style_switcher ul li.active div.color_scheme {
-webkit-box-shadow: 0 0 0 4px rgba(255,255,255,.6) inset;
-moz-box-shadow: 0 0 0 4px rgba(255,255,255,.6) inset;
box-shadow: 0 0 0 4px rgba(255,255,255,.6) inset
}
#style_switcher #style_switcher_form {
padding: 0;
margin: 0
}
#style_switcher #style_switcher_form button.button {
display: block;
text-align: center;
padding: 4px 30px 6px;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
background-position: 50% 50% !important;
background-repeat: no-repeat !important;
outline: none !important;
position: relative;
border: 2px solid #626262 !important;
background: 0 0 !important;
font-size: 15px;
line-height: 26px;
font-weight: 700
}
#style_switcher #style_switcher_form button.button:hover {
background: #626262 !important;
color: #fff !important
}
#style_switcher.loading:before {
position: absolute;
right: 30px;
bottom: 40px;
background: url(../images/loading.gif);
width: 60px;
height: 20px;
content: ''
}
#style_switcher.success:before {
position: absolute;
right: 30px;
bottom: 32px;
content: '\f00c';
font-family: FontAwesome;
font-size: 20px;
line-height: 40px
}
@media(max-width:767px) {
#style_switcher {
top: 56px
}
}
body.mobile_mode.mobile #style_switcher {
top: 0 !important
}
.rd-parallax-inner {
overflow: hidden;
position: relative;
height: 199px;
margin: 0;
background-color: transparent;
-webkit-backface-visibility: hidden;
z-index: 2
}
.rd-parallax-inner:before {
content: "";
position: absolute;
top: 0;
bottom: 0;
left: 0;
right: 0;
display: block;
background: rgba(0,0,0,.5);
z-index: 1
}
.rd-parallax-layer[data-type=media] {
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
height: 100%;
-webkit-backface-visibility: hidden
}
.rd-parallax-layer[data-type=media] iframe {
width: 100%;
height: 100%
}
.rd-parallax-layer[data-url] {
-webkit-background-size: cover;
background-size: cover;
background-position: center center;
opacity: 1
}
.rd-parallax-layer[data-type=html] {
position: absolute;
text-align: center;
z-index: 1;
top: 60%;
left: 0;
right: 0;
-moz-transform: translateY(-50%);
-ms-transform: translateY(-50%);
-o-transform: translateY(-50%);
-webkit-transform: translateY(-50%);
transform: translateY(-50%)
}
@media(max-width:1199px) {
.rd-parallax-inner {
height: 158px
}
}
@media(max-width:991px) {
.rd-parallax-inner {
height: 185px
}
}
@media(max-width:767px) {
.rd-parallax-inner {
height: 250px;
margin-bottom: 15px
}
}
.newsletter {
overflow: hidden;
position: relative
}
.newsletter .box-content .newsletter-description p {
font-size: 13px;
line-height: 24px;
margin-bottom: 11px;
font-family: ubuntu,sans-serif;
font-weight: 300;
letter-spacing: 0;
color: #fff
}
.newsletter .box-content #jetimpex-newsletter-form {
position: relative
}
.newsletter .box-content .jetimpex-login-form {
margin: 0;
position: relative;
overflow: hidden;
padding: 5px 0 20px
}
.newsletter .box-content .jetimpex-login-form input {
width: 70%;
float: left;
height: 35px;
color: #2f2f2f;
-webkit-border-radius: 3px 0 0 3px;
-moz-border-radius: 3px 0 0 3px;
border-radius: 3px 0 0 3px;
font-size: 13px;
background: #fff;
font-family: ubuntu,sans-serif;
padding: 5px 15px;
border: 0
}
[lang=ru] .newsletter .box-content .jetimpex-login-form input, [lang=de] .newsletter .box-content .jetimpex-login-form input {
font-size: 11px
}
.newsletter .box-content .jetimpex-login-form input:focus {
-webkit-box-shadow: none;
-moz-box-shadow: none;
box-shadow: none;
background: #eef9fc
}
.newsletter .box-content .jetimpex-login-form input::-webkit-input-placeholder {
color: #2f2f2f !important;
opacity: 1
}
.newsletter .box-content .jetimpex-login-form input:-moz-placeholder {
color: #2f2f2f !important;
opacity: 1
}
.newsletter .box-content .jetimpex-login-form input::-moz-placeholder {
color: #2f2f2f !important;
opacity: 1
}
.newsletter .box-content .jetimpex-login-form input:-ms-input-placeholder {
color: #2f2f2f !important;
opacity: 1
}
.newsletter .box-content .jetimpex-login-form input:focus::-webkit-input-placeholder {
color: transparent !important
}
.newsletter .box-content .jetimpex-login-form input:focus::-moz-placeholder {
color: transparent !important
}
.newsletter .box-content .jetimpex-login-form input:focus:-moz-placeholder {
color: transparent !important
}
.newsletter .box-content .jetimpex-login-form input:focus:-ms-input-placeholder {
color: transparent !important
}
.newsletter .box-content .jetimpex-login-form button {
float: left;
width: 30%;
display: inline-block;
font-size: 14px;
line-height: 35px;
font-weight: 300;
color: #fff;
background: #5f7e9e;
padding: 0 5px;
-webkit-border-radius: 0 3px 3px 0;
-moz-border-radius: 0 3px 3px 0;
border-radius: 0 3px 3px 0
}
[lang=ru] .newsletter .box-content .jetimpex-login-form button, [lang=de] .newsletter .box-content .jetimpex-login-form button {
font-size: 12px
}
.newsletter .box-content .jetimpex-login-form button:hover {
background: #000;
color: #fff
}
.newsletter-error, .newsletter-success {
position: absolute;
font-size: 12px;
line-height: 17px;
font-weight: 300;
bottom: 0;
top: auto;
left: 0;
right: 0;
text-align: left;
-moz-transition: .4s all ease;
-o-transition: .4s all ease;
-webkit-transition: .4s all ease;
transition: .4s all ease
}
.newsletter-error {
color: red
}
.newsletter-success {
color: #5f7e9e
}
@media(max-width:767px) {
.newsletter .box-content .jetimpex-login-form input {
width: 75%
}
.newsletter .box-content .jetimpex-login-form button {
width: 25%
}
}
@media(max-width:480px) {
.newsletter .box-content .jetimpex-login-form input {
width: 70%
}
.newsletter .box-content .jetimpex-login-form button {
width: 30%
}
}
.instagram {
padding-bottom: 15px
}
.instagram i {
font-size: 18px;
margin-right: 8px
}
.instagram .instagram__item {
background: #000;
position: relative;
-moz-transition: all .3s ease;
-o-transition: all .3s ease;
-webkit-transition: all .3s ease;
transition: all .3s ease;
color: #fff
}
.instagram .instagram__item img {
-moz-transition: all .3s ease;
-o-transition: all .3s ease;
-webkit-transition: all .3s ease;
transition: all .3s ease;
opacity: .6
}
.instagram .instagram__item:hover img {
opacity: .9
}
.instagram .instagram__item:hover .activities {
opacity: 1
}
.instagram .caption {
display: none
}
.instagram .activities {
position: absolute;
width: 100%;
top: 50%;
text-align: center;
opacity: 0;
-moz-transform: translateY(-50%);
-ms-transform: translateY(-50%);
-o-transform: translateY(-50%);
-webkit-transform: translateY(-50%);
transform: translateY(-50%);
-moz-transition: all .3s ease;
-o-transition: all .3s ease;
-webkit-transition: all .3s ease;
transition: all .3s ease
}
@media(max-width:1199px) {
.instagram__item {
margin-bottom: 30px
}
}
@media(max-width:767px) {
.instagram {
margin-bottom: 0
}
.instagram .content > div {
margin-bottom: 0
}
.instagram a img {
width: 100%
}
}
@media(max-width:480px) {
.instagram {
margin-bottom: 0;
padding-bottom: 0
}
.instagram #instafeed > a {
margin-bottom: 15px
}
.instagram [class*=col-xs] {
width: 50%
}
}
.single-category {
width: 100%;
position: relative;
margin: 0 0 20px
}
.single-category .nav-tabs {
position: absolute;
right: 0;
top: 5px;
border: 0;
margin: 0;
padding: 0;
width: auto;
display: inline-block
}
.single-category .nav-tabs > li {
margin-bottom: 0;
float: none;
display: inline-block
}
.single-category .nav-tabs > li > a {
font-size: 16px;
line-height: 24px;
font-weight: 400;
padding: 0;
margin: 0;
border: 0;
letter-spacing: .8px;
color: #2f2f2f;
text-transform: capitalize;
background: 0 0
}
.single-category .nav-tabs > li > a:hover {
 color: #5f7e9e
}
.single-category .nav-tabs > li > a:focus {
 font-size: 14px;
 text-transform: capitalize;
 background: 0 0
}
.single-category .nav-tabs li.active > a, .single-category .nav-tabs li.active > a:focus, .single-category .nav-tabs li.active > a:hover {
color: #5f7e9e;
font-weight: 500;
border: 0;
text-transform: capitalize;
background: 0 0
}
.single-category .nav-tabs li + li {
margin-left: 25px
}
.single-category .tab-content {
padding-top: 0
}
.single-category .view-all {
display: none
}
.nav > li > a:focus, .nav > li > a:hover {
color: #2f2f2f
}
@media(min-width:768px) {
.single-category {
position: relative
}
}
@media(max-width:991px) {
.single-category .nav-tabs {
position: relative;
top: 0;
display: block;
margin-bottom: 10px
}
.single-category .nav-tabs > li > a {
font-size: 13px;
line-height: 24px
}
}
@media(max-width:767px) {
.single-category {
margin-bottom: 30px
}
.single-category .box-heading {
padding-bottom: 7px;
border-bottom: 2px solid #ededed;
margin-bottom: 10px
}
.single-category .tab-content {
border-top: none
}
.single-category .mobile-carousel {
text-align: center;
margin-left: 0;
margin-right: 0
}
.single-category .nav-tabs > li > a {
font-size: 12px;
line-height: 14px;
padding: 5px 0;
-webkit-border-radius: 0;
-moz-border-radius: 0;
border-radius: 0;
margin-right: 0;
margin-left: 0;
border-width: 0
}
.single-category .nav-tabs > li + li {
margin-left: 8px
}
.single-category .nav-tabs li.active > a, .single-category .nav-tabs li.active > a:focus, .single-category .nav-tabs li.active > a:hover {
border: none
}
.bottom .single-category {
margin-bottom: 28px
}
.bottom .single-category .owl-carousel {
text-align: center
}
.bottom .single-category .box-heading {
display: inline-block;
float: left;
margin: 0 3px 0 0;
padding: 0;
border: none
}
.bottom .single-category .box-heading h3 {
margin-top: 6px
}
.bottom .single-category .image {
width: 100%
}
.bottom .single-category .product-thumb .name {
margin-bottom: 9px
}
.bottom .single-category .product-thumb .caption {
width: 100%;
padding: 0;
text-align: center
}
.bottom .single-category .product-thumb .caption .discount {
display: none !important
}
.bottom .single-category .nav-tabs > li > a {
padding: 6px 2px 0
}
.bottom .single-category .tab-content {
margin-top: 2px;
border-top: 2px solid #ededed;
padding-top: 29px;
margin-left: 0;
margin-right: 0
}
}
@media(max-width:480px) {
.single-category .product-layout {
margin-bottom: 10px
}
.single-category .nav-tabs {
margin-top: 10px;
padding-right: 0
}
}
.countdown .box-heading {
display: none
}
.time_circles {
position: relative;
width: 100%;
height: 100%
}
.time_circles > div {
position: absolute;
text-align: center
}
.time_circles > div > h4 {
margin: 0;
padding: 0;
font-size: 14px;
line-height: 18px;
font-weight: 900;
text-align: center;
text-transform: uppercase
}
.time_circles > div > h4 span {
color: #2f2f2f
}
.countdown-simple {
text-align: center;
line-height: 1;
display: table;
width: 210px;
margin: 0 auto;
padding: 7px 0 9px;
background: rgba(36,41,45,.5);
table-layout: fixed
}
.countdown-simple .number {
display: block;
color: #fff
}
.countdown-simple .cell {
display: inline-block;
position: relative;
margin: 0 7px
}
.countdown-simple .cell span {
font-size: 30px;
line-height: 30px;
margin-bottom: 4px;
font-weight: 700;
font-family: ubuntu,sans-serif
}
.countdown-simple .cell b {
font-weight: 400;
font-size: 11px;
text-transform: uppercase;
letter-spacing: .3px;
color: #fff
}
.countdown-simple .cell + .cell:before {
content: ":";
position: absolute;
left: -11px;
top: 0;
bottom: 0;
font-size: 30px;
color: #fff;
line-height: 30px;
display: block
}
.countdown_description {
padding: 15px 10px
}
.countdown_description h4 {
margin: 0;
padding: 0;
font-size: 14px;
line-height: 17px;
font-weight: 900;
text-align: center;
color: #fff;
font-family: ubuntu,sans-serif;
text-transform: uppercase;
letter-spacing: .5px
}
.countdown_description h4 span {
color: #2f2f2f
}
@media(max-width:1199px) {
.countdown-simple .cell span {
font-size: 23px;
line-height: 25px;
margin-bottom: 3px
}
.countdown-simple .cell + .cell:before {
font-size: 24px;
line-height: 25px
}
}
@media(max-width:991px) {
.countdown-simple .cell {
width: 15%;
margin: 0 6px
}
.countdown-simple .cell span {
font-size: 25px
}
}
.breadcrumb {
margin: 5px 0 35px;
padding: 13px 15px;
border: 1px solid #ededed;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;
background: #fff;
font-size: 12px;
line-height: 21px
}
.breadcrumb a {
display: inline-block;
color: #888
}
.breadcrumb a i {
font-size: 14px
}
.breadcrumb a:hover {
color: #5f7e9e
}
.breadcrumb a:hover i {
color: #5f7e9e
}
.breadcrumb > li {
position: relative
}
.breadcrumb > li > a, .breadcrumb > li > a > i, .breadcrumb > li > span, .breadcrumb > li + li:before {
vertical-align: middle;
color: #888
}
.breadcrumb > li + li:before {
content: '\e0c2';
padding: 0;
font-family: material-design;
font-size: 16px;
line-height: 20px;
top: 54% !important
}
.breadcrumb i {
-moz-transition: color .3s ease;
-o-transition: color .3s ease;
-webkit-transition: color .3s ease;
transition: color .3s ease
}
.breadcrumb i:before {
content: '\e0ba';
font-family: material-design
}
.product-share {
height: 32px;
margin-top: 1em
}
.review-form-title {
text-align: center
}
.review-form-title h3 {
cursor: pointer;
position: relative;
border-bottom: 1px solid #ededed;
padding: 0 10px 5px;
display: inline-block;
-moz-transition: .3s all ease;
-o-transition: .3s all ease;
-webkit-transition: .3s all ease;
transition: .3s all ease
}
.review-form-title h3:before {
position: absolute;
bottom: -20px;
left: 50%;
width: 0;
height: 0;
border: 10px solid transparent;
border-top-color: #ededed;
content: '';
margin-left: -10px
}
.review-form-title h3:hover {
color: #5f7e9e
}
.product-rating-status .fa-stack + .review-link, .product-rating-status .review-link + .review-link {
border-left: 1px solid #ededed
}
.product-rating-status .review-link {
position: relative;
padding-left: 7px;
margin-left: 7px;
vertical-align: middle
}
.rating-section a {
cursor: pointer
}
.product-review-form {
display: none
}
.product-options {
padding-bottom: 20px;
border-bottom: 1px solid #ededed
}
.product-options .control-label {
text-align: left;
margin: 0 0 10px;
color: #2f2f2f;
text-transform: uppercase;
font-size: 14px
}
.product-options .radio {
padding-top: 0
}
.product-options .radio input[type=radio] + label {
padding: 5px 5px 5px 45px;
display: block;
background: #e9e9e9;
text-transform: capitalize;
text-align: left
}
.product-options .radio input[type=radio] + label:before {
top: 7.5px;
left: 13px
}
.product-options .radio input[type=radio] + label:after {
top: 10.5px;
left: 16px
}
.product-options .radio + .radio {
margin-top: 15px
}
.product-options .checkbox label {
padding: 5px 5px 5px 45px;
display: block;
background: #e9e9e9;
text-transform: capitalize;
text-align: left
}
.product-options .checkbox label:before, .product-options .checkbox label:after {
left: 13px;
top: 8.5px
}
.product-options .checkbox label:before {
border: 1px solid #ededed
}
.table-hover > tbody > tr:hover {
background: #fafafa
}
.product_tabs {
border-top: 1px solid #ededed;
margin: 50px 0
}
.product_tabs:before, .product_tabs:after {
display: table;
content: "";
line-height: 0
}
.product_tabs:after {
clear: both
}
.product_tabs .nav-tabs {
width: 30%;
float: left;
border-bottom: 0
}
.product_tabs .nav-tabs > li {
float: none;
margin-bottom: 0
}
.product_tabs .nav-tabs > li > a {
-webkit-border-radius: 0;
-moz-border-radius: 0;
border-radius: 0;
font-weight: 400;
font-size: 15px;
border: 1px solid #ededed;
border-top: none;
border-right: none;
margin-right: 0;
letter-spacing: 0;
color: #2f2f2f;
position: relative;
z-index: 0
}
.product_tabs .nav-tabs > li > a:before {
 content: '';
 position: absolute;
 left: 0;
 right: 100%;
 background: #fff;
 top: 0;
 bottom: 0;
 z-index: -1;
 -moz-transition: .3s all ease;
 -o-transition: .3s all ease;
 -webkit-transition: .3s all ease;
 transition: .3s all ease
}
.product_tabs .nav-tabs > li > a:hover {
 color: #5f7e9e;
 background: 0 0
}
.product_tabs .nav-tabs > li > a:focus {
 border-top: none;
 border-right: none
}
.product_tabs .nav-tabs > li.active > a {
color: #5f7e9e
}
.product_tabs .nav-tabs > li.active > a:before {
 right: -1px
}
.product_tabs .nav-tabs > li.active > a:hover, .product_tabs .nav-tabs > li.active > a:focus {
 background: #fff;
 border: 1px solid #ededed;
 border-top: none;
 border-right: none
}
.product_tabs .tab-content {
width: 70%;
float: left;
margin-top: 0;
background-color: #fff;
padding: 40px;
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
box-sizing: border-box;
border: 1px solid #ededed;
border-top: 0
}
@media(max-width:767px) {
.product_tabs .nav-tabs > li > a:before {
display: none
}
.product_tabs .nav-tabs > li.active > a {
background: #fff
}
.product_tabs .tab-content {
border: 0
}
}
.product-spec .table {
border: none
}
.product-spec .table th {
text-align: center;
text-transform: uppercase;
padding: 15px 5px;
font-size: 18px
}
.product-spec .table td {
line-height: 21px;
padding: 14.5px 15px;
border-bottom: none;
border-top: none
}
.product-spec .table tr + tr td {
border-top: 1px solid #ededed
}
.product-spec .table td:first-child {
width: 30%;
border-left: none;
text-align: right;
color: #2f2f2f;
text-transform: uppercase
}
.product-spec .table td {
width: 70%;
border-right: none
}
@media(max-width:479px) {
.product-spec .table td:first-child, .product-spec .table td {
width: 50%
}
}
@media(max-width:767px) {
.product_tabs .nav-tabs, .product_tabs .tab-content {
width: 100%;
float: none
}
.product_tabs .tab-content {
border-left: none;
padding: 20px 0
}
}
.product-reviews input[type=radio] {
display: inline;
outline: none
}
.product-reviews input[type=radio]:focus {
outline: none
}
.product-reviews .review-item {
margin-bottom: 2em
}
.review-score .fa-stack {
width: 1em;
height: 1em;
margin-bottom: 10px
}
.product-title {
margin: 0 0 20px;
color: #2f2f2f
}
.reward-block span {
display: block
}
#product {
margin-top: 15px
}
#product .input-group[class*=col-] {
padding-left: 15px;
padding-right: 15px
}
#product label {
color: #2f2f2f;
text-transform: uppercase
}
#product .quantity {
margin-top: 20px;
text-align: right
}
#product .quantity label {
margin-right: 5px
}
.polaroid {
-webkit-box-shadow: none;
-moz-box-shadow: none;
box-shadow: none;
background: #e9e9e9;
padding: 0
}
.magnificent-viewport {
background: #e9e9e9
}
.general_info {
margin-top: -7px
}
.general_info .price-section {
margin: 15px 0 0;
padding-bottom: 10px;
border-bottom: 1px solid #ededed
}
.general_info .product-section {
border-bottom: 1px solid #ededed;
padding: 10px 0
}
.general_info .product-section strong {
color: #2f2f2f
}
.product-video .r_frame {
position: relative;
padding-bottom: 50%
}
.product-video iframe {
position: absolute;
left: 0;
top: 0;
width: 100% !important;
height: 100% !important
}
.product-gallery .image-thumb li a {
width: 99%
}
@media(max-width:1199px) {
.zoomContainer {
display: none !important
}
}
.product-gallery:before, .product-gallery:after {
display: table;
content: "";
line-height: 0
}
.product-gallery:after {
clear: both
}
.product-gallery .bx-wrapper {
margin: 0 !important
}
.product-gallery .image-thumb .bx-wrapper .bx-prev, .product-gallery .image-thumb .bx-wrapper .bx-next {
position: absolute;
left: 15px;
right: 16px;
font-size: 28px;
line-height: 20px;
background: rgba(52,177,218,.5);
text-align: center;
margin: 0;
color: #fff
}
.product-gallery .image-thumb .bx-wrapper .bx-prev.disabled, .product-gallery .image-thumb .bx-wrapper .bx-next.disabled {
display: none;
visibility: hidden
}
.product-gallery .image-thumb .bx-wrapper .bx-prev:hover, .product-gallery .image-thumb .bx-wrapper .bx-next:hover {
background: #5f7e9e
}
.product-gallery .image-thumb .bx-wrapper .bx-prev {
top: 0
}
.product-gallery .image-thumb .bx-wrapper .bx-next {
bottom: 0
}
@media(max-width:1199px) {
.product-gallery .image-thumb .bx-wrapper .bx-prev, .product-gallery .image-thumb .bx-wrapper .bx-next {
width: 20px;
height: 56px;
line-height: 56px;
display: inline-block;
font-size: 10px
}
.product-gallery .image-thumb .bx-wrapper .bx-next {
left: auto;
right: 15px;
bottom: 50%;
margin-bottom: -28px
}
.product-gallery .image-thumb .bx-wrapper .bx-prev {
top: 50%;
left: 15px;
right: auto;
margin-top: -28px
}
}
@media(max-width:767px) {
.product_page-left + .product_page-right {
margin-top: 25px
}
}
.product-gallery .image-thumb .bx-wrapper .bx-viewport {
-moz-box-sizing: content-box;
-webkit-box-sizing: content-box;
box-sizing: content-box
}
.product-gallery .image-thumb li a {
border: 1px solid #ededed;
background: #f2f2f2;
display: block;
padding: 10px
}
@media(min-width:1200px) {
.product-gallery .image-thumb li a:hover, .product-gallery .image-thumb li a.zoomGalleryActive {
background: #fff;
-webkit-box-shadow: 1px 1px 8px rgba(47,47,47,.15);
-moz-box-shadow: 1px 1px 8px rgba(47,47,47,.15);
box-shadow: 1px 1px 8px rgba(47,47,47,.15)
}
}
.image-additional {
margin: 0 -10px 0 0;
padding: 0 10px 0 0;
list-style-type: none
}
.product-reviews input[type=radio] {
display: inline;
outline: none
}
.product-reviews input[type=radio]:focus {
outline: none
}
.product-reviews .review-item {
margin-bottom: 2em
}
.box-subcat {
padding: 0;
margin: 0;
list-style-type: none
}
.box-subcat li {
text-align: center;
margin-bottom: 15px
}
.box-subcat li .thumb {
padding: 10px 0;
background: #fff;
border: 1px solid #ededed
}
.box-subcat li .name {
border-top: 1px solid #ededed;
padding: 10px 5px 0
}
.box-subcat li .name a {
text-transform: capitalize
}
.box-subcat li .image {
overflow: hidden;
margin-bottom: 15px
}
.box-subcat li .image a {
display: block;
padding: 10px
}
.box-subcat li .image a:hover img {
 opacity: .7
}
.box-subcat li .image img {
-moz-transition: .3s all ease;
-o-transition: .3s all ease;
-webkit-transition: .3s all ease;
transition: .3s all ease
}
.box-subcat li.first-in-line {
clear: left
}
@media(max-width:767px) {
.box-subcat li {
text-align: left;
float: left;
width: 50%
}
.box-subcat li .thumb {
padding: 0;
position: relative
}
.box-subcat li .thumb:before, .box-subcat li .thumb:after {
display: table;
content: "";
line-height: 0
}
.box-subcat li .thumb:after {
clear: both
}
.box-subcat li .image {
display: inline-block;
float: left;
margin-right: 15px;
margin-bottom: 0;
width: 30%;
border-right: 1px solid #ededed
}
.box-subcat li .name {
padding-top: 0;
border-top: none;
position: absolute;
top: 50%;
-moz-transform: translate(0,-50%);
-ms-transform: translate(0,-50%);
-o-transform: translate(0,-50%);
-webkit-transform: translate(0,-50%);
transform: translate(0,-50%);
left: 33%
}
.box-subcat li:nth-child(2n+1) {
clear: both
}
#content .box-subcat [class*=col-sm-] + [class*=col-sm-] {
margin-top: 0
}
}
@media(max-width:550px) {
.box-subcat li {
width: 100%;
float: none;
clear: both
}
}
.button-view button + button {
border-left: 1px solid #ededed
}
.button-view a, .button-view button {
width: 50px;
height: 50px;
line-height: 50px;
text-align: center;
display: inline-block;
font-size: 24px
}
#list-view, #grid-view {
color: #2f2f2f
}
#list-view.active, #list-view:hover, #grid-view.active, #grid-view:hover {
color: #5f7e9e
}
.product-filter {
background: #fff;
margin: 17px 0 22px;
border: 1px solid #ededed
}
.product-filter_elem {
float: left
}
.product-filter_elem .sbHolder, .product-filter_elem select {
height: 50px;
-webkit-border-radius: 0;
-moz-border-radius: 0;
border-radius: 0;
padding: 14.5px 10px;
border-top: none;
border-bottom: none
}
.product-filter_elem .sbHolder .sbSelector, .product-filter_elem select .sbSelector {
padding: 14.5px 10px
}
.product-filter_elem .sbHolder .sbToggle, .product-filter_elem select .sbToggle {
line-height: 50px
}
.product-filter_elem.show .sbHolder {
width: auto;
border-right: none
}
.product-filter .sort {
width: 31%
}
.product-filter .sort label {
display: none
}
.product-filter label, .product-filter .sbHolder {
display: inline-block;
vertical-align: middle
}
.product-filter label {
margin: 0 5px 0 0;
color: #2f2f2f
}
.product-filter .compare-total {
border-right: 1px solid #ededed;
color: #2f2f2f
}
.product-filter .compare-total span {
display: none
}
.product-filter .compare-total:hover {
color: #5f7e9e
}
.results {
margin-top: 13px
}
.nav-cat {
margin-bottom: 13px
}
.nav-cat .nam-page {
margin: 5px 0 5px 10px
}
.checkout-cart #content h1, .account-wishlist #content h1, .product-compare #content h1 {
margin: 30px 0 50px
}
.checkout-cart #content .table a, .account-wishlist #content .table a, .product-compare #content .table a {
color: #5f7e9e;
font-weight: 700
}
.checkout-cart #content .table a:hover, .account-wishlist #content .table a:hover, .product-compare #content .table a:hover {
color: #2f2f2f
}
.checkout-cart #content .table p .link, .account-wishlist #content .table p .link, .product-compare #content .table p .link {
margin-top: 5px
}
.checkout-cart #content .table.table-bordered tr td:nth-child(2), .account-wishlist #content .table.table-bordered tr td:nth-child(2), .product-compare #content .table.table-bordered tr td:nth-child(2) {
min-width: 150px
}
.checkout-cart #content .table-custom .price, .account-wishlist #content .table-custom .price, .product-compare #content .table-custom .price {
font-weight: 700
}
.checkout-cart #content .table-custom td:first-child, .account-wishlist #content .table-custom td:first-child, .product-compare #content .table-custom td:first-child {
text-transform: uppercase;
color: #2f2f2f
}
.checkout-cart #content .table-custom tr:last-child td, .account-wishlist #content .table-custom tr:last-child td, .product-compare #content .table-custom tr:last-child td {
font-weight: 700;
color: #2f2f2f
}
.checkout-cart #content .table-custom tr:last-child .price, .account-wishlist #content .table-custom tr:last-child .price, .product-compare #content .table-custom tr:last-child .price {
color: #5f7e9e;
font-size: 28px
}
.checkout-cart #content .table td:nth-child(3) {
min-width: 150px
}
.checkout-checkout #content #collapse-checkout-option .col-sm-6 + .col-sm-6 > h2 {
margin-top: 25px
}
.checkout-checkout #content .table-responsive .table tfoot td:last-child {
color: #2f2f2f
}
.checkout-checkout #content .table-responsive .table tfoot tr:last-child td {
font-size: 18px
}
.checkout-checkout #content .table-responsive .table tfoot tr:last-child td:last-child {
color: #5f7e9e;
font-weight: 700
}
#accordion .btn.btn-primary {
-webkit-border-radius: 0;
-moz-border-radius: 0;
border-radius: 0;
-moz-transition: all .4s ease;
-o-transition: all .4s ease;
-webkit-transition: all .4s ease;
transition: all .4s ease
}
.account-wishlist .table.table-bordered tr td:nth-child(6) {
min-width: 150px
}
.cart-wrapper {
padding: 30px;
border: 1px solid #ededed;
border-top-width: 2px
}
.cart-remove-btn, .cart-remove-btn:visited {
display: inline-block;
font-size: 22px;
color: #5f7e9e
}
.cart-remove-btn:focus, .cart-remove-btn:visited:focus {
text-decoration: none
}
.cart-remove-btn span, .cart-remove-btn:visited span {
font-size: 14px
}
.cart-remove-btn:hover, .cart-remove-btn:visited:hover {
text-decoration: none;
color: #2f2f2f
}
.link {
color: #5f7e9e;
font-size: 14px;
font-weight: 400
}
.link:focus, .link:visited {
color: #5f7e9e
}
.link:hover {
color: #2f2f2f
}
@media(max-width:767px) {
.cart-wrapper {
padding: 30px 0;
border-left: none;
border-right: none;
border-bottom: none
}
}
@media(max-width:500px) {
.checkout-cart #content .table.table-bordered td:first-child, .checkout-cart #content .table.table-bordered td:nth-child(4) {
display: none
}
.account-wishlist #content .table td:first-child, .account-wishlist #content .table td:nth-child(3) {
display: none
}
}
.product-compare #content .table td:first-child {
background: #e9e9e9;
color: #2f2f2f
}
.product-compare #content .table-bordered > tbody > tr > td {
vertical-align: top
}
.product-compare #content .product-thumb {
padding: 0
}
.product-compare #content .product-thumb:before {
display: none
}
@media(min-width:1200px) {
.product-compare #content .table td:first-child {
width: 12%
}
.product-compare #content .table-bordered > tbody > tr > td {
width: 22%
}
}
@media(max-width:1199px) {
.product-compare #content .table.table-bordered tr td:nth-child(2) {
min-width: auto !important
}
.product-compare .table-responsive td + td {
min-width: auto !important
}
h2 {
font-size: 20px;
letter-spacing: 0
}
}
.rating .review {
display: inline-block;
margin-left: 5px;
padding-left: 5px;
position: relative;
border-left: 1px solid #ededed
}
.product-thumb .cart-remove-btn {
position: absolute;
font-size: 20px;
right: 5px;
bottom: 3px;
z-index: 2
}
@media(max-width:1199px) {
.product-compare .table-responsive {
border: none;
overflow-x: scroll
}
.product-compare .table-responsive .table-bordered {
border: 2px solid #ededed
}
.product-compare .table-responsive td + td {
min-width: 270px
}
}
@media(max-width:767px) {
.product-compare .table-responsive td + td {
min-width: inherit;
max-width: 170px
}
.rating .review {
display: block;
margin-left: 0;
padding-left: 0;
border: none
}
}
.extra-wrap {
overflow: hidden
}
.information-information #content h4, .information-information #content h5 {
margin: 0 0 20px;
line-height: normal;
text-transform: uppercase;
color: #5f7e9e
}
.information-information #content h4 a:hover, .information-information #content h5 a:hover {
color: #2f2f2f
}
.information-information #content h3 {
text-transform: uppercase;
font-size: 34px;
line-height: 40px;
margin-bottom: 0
}
.information-information #content h3:after {
content: '';
height: 1px;
display: block;
background: #ededed;
margin: 20px 0 40px
}
.information-information #content h3.clear {
margin-bottom: 30px
}
.information-information #content h3.clear:after {
display: none
}
.information-information #content h5 {
color: #5f7e9e
}
.information-information #content h1, .information-information #content h2, .information-information #content h3, .information-information #content h4, .information-information #content h5 {
font-weight: 500
}
.information-information #content * + h3 {
margin-top: 60px
}
.information-information #content p + h4 {
margin-top: 40px
}
@media(max-width:767px) {
.information-information #content [class*=col-sm] + [class*=col-sm] {
margin-top: 30px
}
}
.count-box {
margin-top: 40px
}
.count-box strong {
display: block;
color: #5f7e9e;
font-weight: 500;
font-size: 56px;
line-height: 60px;
margin-bottom: 15px
}
.icon-box i {
display: inline-block;
width: 120px;
height: 120px;
line-height: 120px;
text-align: center;
border: 2px solid #5f7e9e;
font-size: 66px;
color: #5f7e9e;
margin-bottom: 25px;
-webkit-border-radius: 50%;
-moz-border-radius: 50%;
border-radius: 50%;
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
box-sizing: border-box
}
.testimonials blockquote {
border: 0;
padding: 0 20px
}
.testimonials blockquote:before {
content: '\e09d';
display: inline-block;
color: #5f7e9e;
font-size: 84px;
line-height: 100px;
font-family: material-design;
margin-bottom: 20px
}
.thumbnail {
background: 0 0;
border: none;
padding: 0;
margin: 0 auto 25px;
border-radius: 0;
overflow: hidden
}
.thumbnail img {
-moz-transition: .3s transform ease;
-o-transition: .3s transform ease;
-webkit-transition: .3s transform ease;
-webkit-transition: .3s -webkit-transform ease;
transition: .3s -webkit-transform ease;
transition: .3s transform ease;
transition: .3s transform ease,.3s -webkit-transform ease
}
.thumbnail a {
display: block;
max-width: 100%
}
.thumbnail a:hover img {
-moz-transform: scale(1.2);
-ms-transform: scale(1.2);
-o-transform: scale(1.2);
-webkit-transform: scale(1.2);
transform: scale(1.2)
}
@media(max-width:767px) {
.thumbnail a {
display: inline-block
}
}
.img-thumbnail {
border: 0;
background: #fff;
padding: 0;
border-radius: 0
}
.table-bordered .img-thumbnail {
background-color: transparent
}
.human_info .thumbnail {
float: left;
margin-right: 20px
}
.clear {
clear: both;
margin: 0;
padding: 0;
font-size: 0;
border: 0;
line-height: 0
}
@media(max-width:500px) {
img.alignleft, .human_info .thumbnail {
float: none;
margin: 0 auto 20px
}
}
.delivery_page {
text-align: center
}
.delivery_page h4 {
color: #5f7e9e
}
.delivery_page .table {
border-top: 2px solid #5f7e9e;
text-align: left
}
.delivery_page .table tbody td:first-child {
font-weight: 700
}
.delivery_page .table tbody td:last-child {
color: #2f2f2f;
font-weight: 700
}
.delivery_page .table tbody td {
min-width: 150px
}
.terms_conditions_page h4 {
position: relative;
padding-left: 50px
}
.terms_conditions_page h4:before {
content: '\e174';
position: absolute;
left: 0;
bottom: -7px;
color: #5f7e9e;
font-size: 30px;
line-height: 40px;
font-family: material-design
}
.terms_conditions_page p + h4 {
margin-top: 40px
}
.privacy_page ol {
list-style-type: none;
counter-reset: list;
padding-left: 0
}
.privacy_page ol li {
counter-increment: list
}
.privacy_page ol li h4 {
position: relative;
padding-left: 50px
}
.privacy_page ol li h4:before {
content: counter(list,decimal);
display: inline-block;
margin-right: 15px;
width: 40px;
height: 40px;
line-height: 40px;
text-align: center;
position: absolute;
left: 0;
background: #5f7e9e;
font-family: Arial;
color: #fff;
font-size: 16px;
-webkit-border-radius: 50%;
-moz-border-radius: 50%;
border-radius: 50%;
-webkit-box-shadow: inset -1px -1px 0 transparent;
-moz-box-shadow: inset -1px -1px 0 transparent;
box-shadow: inset -1px -1px 0 transparent
}
.privacy_page ol li + li {
margin-top: 40px
}
.site-map-page h5 {
margin: 0 0 20px;
line-height: normal;
text-transform: uppercase;
color: #5f7e9e
}
.site-map-page ul + h5 {
margin-top: 40px
}
.site-map-page #content ul {
list-style-type: none;
padding-left: 0
}
.site-map-page #content ul li {
position: relative;
line-height: 21px
}
.site-map-page #content ul li + li {
margin-top: 19px
}
.site-map-page #content ul li a:hover {
color: #5f7e9e
}
.site-map-page #content ul.category-list {
position: relative
}
.site-map-page #content ul.category-list:before {
content: '';
position: absolute;
left: 0;
top: 10.5px;
bottom: 10.5px;
width: 1px;
background: #5f7e9e
}
.site-map-page #content ul.category-list .ul-with-ul:before, .site-map-page #content ul.category-list .ul-with-ul:after {
-moz-transform: translate(0,0);
-ms-transform: translate(0,0);
-o-transform: translate(0,0);
-webkit-transform: translate(0,0);
transform: translate(0,0)
}
.site-map-page #content ul.category-list .ul-with-ul:before {
top: 10.5px
}
.site-map-page #content ul.category-list .ul-with-ul:after {
top: 4.5px
}
.site-map-page #content ul.category-list ul {
position: relative;
margin-top: 19px
}
.site-map-page #content ul.category-list ul:before {
content: '';
position: absolute;
left: 0;
top: 10.5px;
bottom: 10.5px;
width: 1px;
background: #ededed
}
.site-map-page #content ul.category-list li {
position: relative;
padding-left: 60px
}
.site-map-page #content ul.category-list li:before {
content: '';
position: absolute;
top: 50%;
-moz-transform: translate(0,-50%);
-ms-transform: translate(0,-50%);
-o-transform: translate(0,-50%);
-webkit-transform: translate(0,-50%);
transform: translate(0,-50%);
left: 0;
height: 1px;
width: 35px;
background: #ededed
}
.site-map-page #content ul.category-list > li:after {
content: '';
position: absolute;
top: 50%;
-moz-transform: translate(0,-50%);
-ms-transform: translate(0,-50%);
-o-transform: translate(0,-50%);
-webkit-transform: translate(0,-50%);
transform: translate(0,-50%);
left: 35px;
width: 12px;
height: 12px;
-webkit-border-radius: 50%;
-moz-border-radius: 50%;
border-radius: 50%
}
.site-map-page #content ul.category-list > li:before, .site-map-page #content ul.category-list > li:after {
background: #5f7e9e
}
@media(max-width:767px) {
.site-map-page .col-sm-6 + .col-sm-6 {
margin-top: 30px
}
}
@media(max-width:480px) {
.site-map-page .col-xs-6 + .col-xs-6 {
margin-top: 30px
}
}
.contact_page .panel {
padding-top: 15px;
background-color: transparent;
border: none;
border-top: 2px solid #ededed;
-webkit-box-shadow: none;
-moz-box-shadow: none;
box-shadow: none
}
.contact_page .panel .panel-body {
padding: 20px 0
}
.contact_page .panel img {
background-color: transparent;
padding: 0 0 15px
}
.contact_page .map {
border-top: 2px solid #ededed;
margin-bottom: 30px
}
.contact_page .icon {
position: relative;
padding-left: 70px;
min-height: 55px;
display: block
}
.contact_page .icon[class*=fa-]:before {
font-family: fontawesome
}
.contact_page .icon:before {
position: absolute;
left: 0;
top: 0;
width: 55px;
height: 55px;
line-height: 55px;
text-align: center;
color: #5f7e9e;
-webkit-border-radius: 50%;
-moz-border-radius: 50%;
border-radius: 50%;
border: 2px solid #5f7e9e;
font-size: 26px
}
.contact_page .icon + .icon {
margin-top: 20px
}
.contact_page .col-sm-4:nth-child(3n-2) {
clear: both
}
.contact_page .col-sm-4:nth-child(n+4) {
margin-top: 15px
}
.contact_page .form-horizontal .form-group label {
font-size: 12px;
letter-spacing: .2px;
margin-bottom: 15px
}
@media(max-width:767px) {
.contact_page .col-sm-4:nth-child(n+2) {
margin-top: 30px
}
}
.information-contact .map {
margin-bottom: 30px
}
.manufacturer-list:before, .manufacturer-list:after {
display: table;
content: "";
line-height: 0
}
.manufacturer-list:after {
clear: both
}
.manufacturer-list .manufacturer-heading {
font-weight: 700;
color: #2f2f2f;
float: left;
display: block;
font-size: 25px;
text-align: center;
text-transform: uppercase;
width: 15%;
height: 50px;
line-height: 50px;
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
box-sizing: border-box
}
.manufacturer-list .manufacturer-content {
padding: 12px 15px;
float: left;
width: 85%;
border-left: 1px solid #ededed;
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
box-sizing: border-box
}
.manufacturer-list .manufacturer-content a {
white-space: nowrap
}
.manufacturer-list + .manufacturer-list {
border-top: 1px solid #ededed
}
.manufacturers {
margin: 60px 0 55px;
position: relative
}
.manufacturers .owl-item img {
display: block;
-moz-transition: .4s all ease;
-o-transition: .4s all ease;
-webkit-transition: .4s all ease;
transition: .4s all ease
}
.manufacturers .owl-item:hover img {
-webkit-filter: invert(.4);
filter: invert(.4)
}
.all-ie .manufacturers .owl-item:hover img {
opacity: .5
}
.brands {
background: #e9e9e9;
padding: 20px;
margin-bottom: 30px
}
.well {
background-color: #fff;
border: 1px solid #ededed;
border-top: 3px solid #5f7e9e;
margin-bottom: 30px;
padding: 30px;
border-radius: 0;
-webkit-box-shadow: none;
box-shadow: none
}
.well .heading {
margin-bottom: 20px
}
.well .heading:before, .well .heading:after {
display: table;
content: "";
line-height: 0
}
.well .heading:after {
clear: both
}
.well .heading i {
color: #5f7e9e;
float: left;
font-size: 56px;
margin-right: 14px;
line-height: 60px
}
.well .heading h2 {
font-size: 23px;
color: #2f2f2f;
margin: 0 0 5px
}
.well .heading strong {
font-weight: 400;
font-style: italic
}
.well p {
padding: 20px 0
}
.well a {
display: inline-block;
margin-top: 20px
}
.account-address .table, .account-address-delete .table {
width: 50%;
margin: 0 auto
}
@media(max-width:991px) {
.account-address .table, .account-address-delete .table {
width: 100%
}
}
@media(min-width:768px) and (max-width:991px) {
.well .heading {
text-align: center
}
.well .heading h2 {
font-size: 17px
}
.well .heading i {
float: none
}
}
.datepicker .prev, .datepicker .next, .datepicker .day, .datepicker .year, .datepicker .month, .datepicker .picker-switch {
cursor: pointer;
-moz-transition: .3s all ease;
-o-transition: .3s all ease;
-webkit-transition: .3s all ease;
transition: .3s all ease
}
.datepicker .prev:hover, .datepicker .prev.active, .datepicker .next:hover, .datepicker .next.active, .datepicker .day:hover, .datepicker .day.active, .datepicker .year:hover, .datepicker .year.active, .datepicker .month:hover, .datepicker .month.active, .datepicker .picker-switch:hover, .datepicker .picker-switch.active {
color: #5f7e9e;
background: 0 0
}
.datepicker th {
text-align: center
}
@media(min-width:768px) {
#column-left .product-layout .col-md-3 {
width: 100%
}
#column-left + #content .product-layout .col-md-3 {
width: 50%
}
#column-left + #content + #column-right .product-layout .col-md-3 {
width: 100%
}
#content + #column-right .product-layout .col-md-3 {
width: 100%
}
}
input#input-voucher, input#input-coupon {
width: 90%
}
#collapse-coupon .col-sm-2, #collapse-voucher .col-sm-2 {
width: 100%;
float: none;
padding-left: 3px
}
footer {
background: #464646;
position: relative;
color: #fff;
padding: 0;
margin-top: 30px
}
footer .box .box-heading {
text-align: left
}
footer .footer_modules {
position: relative;
padding: 27px 0 0
}
footer .footer_modules h1 {
font-size: 36px;
line-height: 36px;
font-weight: 400;
margin-bottom: 20px;
letter-spacing: 3px
}
footer .footer_modules p {
color: #fff;
font-size: 12px;
line-height: 18px;
font-weight: 600;
margin: 0
}
footer .footer_modules .container .tm-inner {
padding-top: 10px
}
footer h1, footer h2, footer h3, footer h4, footer h5, footer h6 {
color: #fff
}
footer h1:after, footer h1:before, footer h2:after, footer h2:before, footer h3:after, footer h3:before, footer h4:after, footer h4:before, footer h5:after, footer h5:before, footer h6:after, footer h6:before {
display: none
}
footer h3 {
font-size: 13px;
line-height: 24px;
font-weight: 300;
letter-spacing: 0;
margin-bottom: 6px;
text-transform: none
}
footer h3 + ul {
margin-top: 0
}
footer ul {
margin: 0 0 26px
}
footer ul li {
display: block
}
footer ul li a, footer ul li a:focus, footer ul li a:visited {
font-size: 12px;
font-weight: 300;
line-height: 27px;
text-transform: none;
color: #5f7e9e
}
footer ul li a:hover, footer ul li a:focus:hover, footer ul li a:visited:hover {
 color: #fff
}
footer ul li:last-child {
margin-right: 0
}
footer .footer_box .social-list {
padding-top: 19px
}
footer .footer_box .social-list li {
display: inline-block;
float: none
}
footer .footer_box .social-list li a {
font-size: 24px
}
footer .footer_box .social-list li a i {
 font-style: normal;
 font-weight: 400
}
footer .footer_box .social-list li + li {
margin-left: 29px;
margin-top: 0
}
footer .address-block {
margin-top: -10px
}
footer .address-block address {
position: relative;
overflow: hidden
}
footer .address-block address p {
padding-left: 27px;
padding-top: 15px;
margin-bottom: 17px;
font-size: 16px;
line-height: 28px;
font-weight: 400;
position: relative
}
footer .address-block address p + p {
 border-top: 1px solid #3c3c3c
}
footer .address-block address p i {
 position: absolute;
 left: -2px;
 top: 16px;
 display: inline-block;
 font-size: 23px;
 color: #fff
}
footer .address-block address p a {
 color: #fff;
 font-size: 16px;
 line-height: 28px;
 font-weight: 400
}
 footer .address-block address p a:hover {
text-decoration: none;
color: #5f7e9e
 }
.demo-footer-img {
position: relative
}
.demo-footer-img .container a {
position: relative
}
#common-home + .bottom + footer {
margin-top: 0
}
.copyright br {
display: none
}
.copyright {
position: relative;
border-top: 1px solid #aeadad;
z-index: 0;
font-size: 12px;
line-height: 28px;
font-weight: 400;
margin: 0;
padding: 12px 0 31px;
color: #fff;
font-family: ubuntu,sans-serif
}
.copyright a, .copyright a:visited {
color: #fff
}
.copyright a:hover {
color: #5f7e9e
}
.copyright p {
margin: 0;
position: relative
}
.copyright p:before {
position: relative;
font-size: 20px;
color: #5f7e9e;
margin-right: 7px;
line-height: 28px;
content: '\eabf';
font-family: linearicons;
display: inline-block
}
@media(max-width:991px) {
footer ul {
margin-bottom: 30px
}
footer .footer_modules {
padding-right: 0
}
}
.ui-to-top {
width: 46px;
height: 46px;
font-size: 36px;
line-height: 44px;
background: 0 0;
-webkit-border-radius: 50%;
-moz-border-radius: 50%;
border-radius: 50%;
position: fixed;
right: 20px;
bottom: 65px;
overflow: hidden;
text-align: center;
text-decoration: none;
z-index: 20;
border: 0;
-moz-transform: translateY(120px) scale(0);
-ms-transform: translateY(120px) scale(0);
-o-transform: translateY(120px) scale(0);
-webkit-transform: translateY(120px) scale(0);
transform: translateY(120px) scale(0)
}
.ui-to-top, .ui-to-top:visited, .ui-to-top:focus {
color: #000
}
.ui-to-top:hover {
color: #9de4fb
}
.ui-to-top.active {
-moz-transform: translateY(0px) scale(1);
-ms-transform: translateY(0px) scale(1);
-o-transform: translateY(0px) scale(1);
-webkit-transform: translateY(0px) scale(1);
transform: translateY(0px) scale(1)
}
.mobile .ui-to-top, .tablet .ui-to-top {
display: none !important
}
@media(max-width:767px) {
.ui-to-top {
right: 8px;
bottom: 30px
}
}
@media(max-width:1200px) {
.table th, .table td {
padding: 8px
}
}
@media(min-width:1200px) {
.container {
width: 1200px
}
}
@media(max-width:767px) {
select {
display: block !important
}
.product-filter select {
display: inline-block !important;
border-left-color: #ededed;
border-right: 0
}
.product-filter .show select {
width: auto
}
.sbHolder {
display: none !important
}
.table-responsive {
border: none
}
.table-responsive .table-bordered {
border: 2px solid #ededed
}
.delivery_page .table {
font-size: 13px
}
.product-filter .sort {
width: auto;
padding-left: 10px
}
.product-filter .sort .sbHolder, .product-filter .sort select {
width: 200px
}
.product-filter .sort label {
display: inline-block;
color: #777
}
.image {
text-align: center
}
.panel-group {
margin-bottom: 30px
}
.product-gallery .image-thumb li a {
width: 100%
}
#common-home #column-left.hidden-xs {
display: block !important
}
}
@media(max-width:640px) {
.panel-group .col-xs-6 {
width: 100%
}
}
@media(max-width:600px) {
.product-filter {
background: 0 0;
width: 75%;
margin-left: auto;
margin-right: auto
}
.product-filter .sort {
width: 100%;
padding-left: 0;
margin-bottom: 15px
}
.product-filter_elem, .product-filter_elem.pull-right {
float: none !important
}
.product-filter .product-filter_elem {
margin-bottom: 15px;
text-align: center
}
.product-filter .product-filter_elem:before, .product-filter .product-filter_elem:after {
display: table;
content: "";
line-height: 0
}
.product-filter .product-filter_elem:after {
clear: both
}
.product-filter .product-filter_elem label {
margin-top: 13px;
float: left;
text-align: right;
width: 35%;
margin-right: 0;
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
box-sizing: border-box;
padding-right: 15px
}
.product-filter .product-filter_elem select {
display: block !important;
width: 60%;
float: left;
border-left: 0;
border-right: 0
}
.product-filter_elem.show select {
border-right: 0
}
.product-filter .compare-total {
border-right: none;
width: auto
}
.product-filter .compare-total:before {
display: none
}
.product-filter .compare-total span {
display: inline-block
}
}
@media(max-width:580px) {
.panel-group .panel .input-group, .panel-group .panel .input-group-btn, .panel-group .panel input#input-voucher, .panel-group .panel input#input-coupon, .panel-group .panel input#button-voucher, .panel-group .panel input#button-coupon {
width: 100%
}
.panel-group .panel .input-group-btn {
float: left;
margin-top: 5px
}
h1 {
font-size: 18px;
line-height: 30px
}
}
@media(max-width:479px) {
#habla_beta_container_do_not_rely_on_div_classes_or_names {
display: none !important
}
.product-filter {
width: 100%
}
.panel-group {
margin-top: 30px
}
.manufacturers {
margin: 50px 0
}
}
@media(max-width:410px) {
#accordion .table td, #accordion .table thead td {
font-size: 9px;
word-wrap: break-word
}
}
@media(max-width:370px) {
.delivery_page .table td, .delivery_page .table th {
padding: 6px
}
}
#habla_window_div.olrk-fixed-bottom .habla_panel_border, #habla_window_div.olrk-fixed-bottom #habla_topbar_div {
border-radius: 15px 15px 0 0 !important;
border: 1px solid #fff !important
}
.bootstrap-datetimepicker-widget.dropdown-menu.picker-open {
min-width: 100px;
text-align: center;
padding: 0
}
.bootstrap-datetimepicker-widget .timepicker td span.timepicker-hour, .bootstrap-datetimepicker-widget .timepicker td span.timepicker-minute {
font-size: 20px;
padding: 0 3px
}
.bootstrap-datetimepicker-widget a.btn:hover {
background: 0 0 !important
}
#accordion .panel-body {
padding: 25px 20px
}
.checkout-checkout #accordion .panel-body, .checkout-cart #accordion .panel-body {
padding: 15px
}
.panel-body {
padding: 25px 15px 15px
}
.panel-body .box {
margin-bottom: 0
}
.panel-body .box .product-layout:last-child {
margin-bottom: 0
}
#content .panel-body .box .product-layout:last-child {
margin-bottom: 0
}
.panel-title {
text-transform: uppercase
}
.panel-group .panel + .panel {
margin-top: 10px
}
@media(min-width:768px) and (max-width:991px) {
.product-layout:nth-child(4n+1) {
clear: both
}
}
@media(min-width:992px) {
[data-clear-md] + .product-layout {
clear: both
}
[data-clear-sm] + .product-layout {
clear: both
}
}
.fb_iframe_widget span iframe {
border: 1px solid #bfbfbf !important;
border-radius: 5px;
overflow: hidden
}
#account-account h3 {
text-transform: uppercase;
padding-bottom: 20px;
border-bottom: 1px solid #5f7e9e
}
#account-account h3 i {
color: #5f7e9e;
margin-right: 10px;
font-size: 30px
}
#account-account .list-unstyled {
margin-bottom: 30px !important
}
@media(max-width:767px) {
#account-account .col-sm-4 + .col-sm-4 {
margin-top: 30px
}
}
@media(max-width:768px) {
aside {
display: none
}
#content {
width: 100% !important
}
}
@media(max-width:480px) {
.col-xs-6 {
/* width: 100%*/
}
}