/* 织梦58（dede58.com）做最好的织梦整站模板下载网站 */
html {
font-size: 100%;
min-height: 100%;
sx-font-smoothing: grayscale;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale
}
a, b, body, div, em, form, h1, h2, h3, h4, h5, h6, i, img, label, li, ol, p, span, strong, sub, u, ul {
border: 0;
outline: 0;
vertical-align: baseline;
background: 0 0;
font-size: 100%;
margin: 0;
padding: 0
}
a:active, a:focus, a:hover, button, button:active, input:active, input:focus, ins, textarea:focus {
outline: 0;
text-decoration: none
}
button, input, select, textarea {
font-size: 100%;
margin: 0;
padding: 0
}
button, input[type=button], input[type=reset], input[type=submit] {
cursor: pointer;
overflow: visible;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale
}
button[disabled], input[disabled] {
cursor: default
}
article, aside, details, figcaption, figure, footer, header, menu, nav, section, summary {
display: block;
margin: 0;
padding: 0
}
img {
border: 0;
vertical-align: top
}
table {
border-collapse: collapse
}
.table-responsive {
border: 0;
margin-bottom: 50px
}
@font-face {
font-family: aisconverse;
src: url(../fonts/aisconverse.eot);
src: url(../fonts/aisconverse.eot) format("embedded-opentype"), url(../fonts/aisconverse.woff) format("woff"), url(../fonts/aisconverse.ttf) format("truetype"), url(../fonts/aisconverse.svg#aisconverse) format("svg");
font-weight: 400;
font-style: normal
}
[data-icon]:before {
font-family: aisconverse;
content: attr(data-icon);
font-style: normal;
line-height: 1
}
.font-open-sans {
font-family: 'Open Sans', "Microsoft YaHei", sans-serif
}
.font-raleway {
font-family: Raleway, "Microsoft YaHei", sans-serif
}
.font-ubuntu {
font-family: Ubuntu, "Microsoft YaHei", sans-serif
}
.font-roboto {
font-family: Roboto, "Microsoft YaHei", sans-serif
}
[class*=font-] p {
font-weight: 300
}
small {
font-size: 18px;
color: #b3b3b3;
display: block
}
.painted small {
color: #a39171
}
.h1, .h2, .h3, .h4, .h5, .h6, h1, h2, h3, h4, h5, h6 {
color: #333;
font-weight: 400
}
.h1, h1 {
font-size: 32px;
margin: 0 0 5px;
position: relative;
line-height: 1
}
.h1 small, h1 small {
display: block;
margin-top: 12px;
font-size: 22px;
color: #b3b3b3
}
.headcontent .h1 small, .headcontent h1 small {
font-size: 17px
}
.h1.white small, h1.white small {
color: #b3b3b3!important
}
.h1 mark, h1 mark {
color: #e6940e!important
}
.h2, h2 {
font-size: 36px;
line-height: 38px;
margin: 0 0 15px -3px
}
.h2 small, h2 small {
display: block;
margin-top: 10px;
font-size: 24px;
color: #b3b3b3
}
.h2+.btn, h2+.btn {
margin-top: 10px
}
.h3, h3 {
font-size: 30px;
line-height: 34px;
margin: 0 0 15px
}
.h3 small, h3 small {
display: block;
margin-top: 10px;
font-size: 18px;
color: #b3b3b3
}
.h4, h4 {
font-size: 24px;
line-height: 30px;
margin: 0 0 20px
}
.h4 .fa, .h4 i, h4 .fa, h4 i {
font-size: 21px;
color: #333
}
.h4:last-child, h4:last-child {
margin-bottom: 0
}
.h5, h5 {
font-size: 22px;
margin: 0 0 30px
}
.h5:last-child, h5:last-child {
margin: 0
}
.h5 small, h5 small {
font-size: 18px;
color: gray;
display: block;
margin-top: 10px
}
.h6, h6 {
font-size: 22px;
margin: 0 0 15px
}
sup {
font-size: 14px;
line-height: 26px;
padding: 2px 10px 0;
position: relative;
top: -12px;
margin-left: 8px;
vertical-align: top;
display: inline-block;
border: 2px solid #e6e6e6;
border-radius: 4px;
color: gray;
transition: all .3s ease
}
p {
margin-bottom: 25px;
color: gray;
font-size: 18px;
line-height: 28px
}
p .date {
color: #b3b3b3
}
p .description {
display: block;
color: #333
}
p .position {
color: gray
}
p:last-child, p:only-child {
margin-bottom: 0
}
address p {
margin-bottom: 15px
}
a {
color: #e6940e;
text-decoration: none
}
a:active, a:focus, a:hover {
color: #333
}
mark {
background-color: transparent;
color: #e6940e;
padding: 0
}
mark[class*=label-] {
color: inherit;
padding: 0 3px
}
.label-free {
background-color: #d9d9d9
}
.label-default {
background-color: #e6940e;
color: #fff!important
}
sup.label-default {
border: 0
}
.label-primary {
background-color: #337ab7;
color: #fff
}
sup.label-primary {
border: 0
}
.label-danger {
background-color: #d9534f
}
sup.label-danger {
color: #fff;
border: 0
}
.label-warning {
background-color: rgba(230,148,14,.3)
}
sup.label-warning {
background-color: #e6940e;
color: #fff;
border: 0
}
.label-info {
background-color: rgba(91,192,222,.3)
}
sup.label-info {
background-color: #5bc0de;
color: #fff;
border: 0
}
.label-success {
background-color: rgba(92,184,92,.3)
}
sup.label-success {
background-color: #5cb85c;
color: #fff;
border: 0
}
.label-inverse {
background-color: #333;
color: #fff!important
}
[class*=label-border-] {
background-color:#fff
}
.label-border-default {
border-color: #e6940e;
color: #e6940e
}
.label-border {
border-color: #ccc
}
cite {
font-family: Satisfy, cursive, "Microsoft YaHei";
color: #e6940e;
font-size: 40px;
margin-left: -30px;
font-style: normal;
display: block
}
cite+.btn {
margin-top: 50px
}
.color {
color: #e6940e!important
}
.painted {
color: #a39171!important
}
.white {
color: #fff!important
}
a.white:hover {
color: #e6940e!important
}
.text-default {
color: gray
}
.text-warning {
color: #e6940e
}
.oneslider p.text-muted, .text-muted {
color: #b3b3b3
}
.text-success {
color: #5cb85c
}
.text-primary {
color: #333
}
a.text-primary {
font-weight: 400
}
a.text-primary:hover {
color: #e6940e
}
.text-ccc {
color: #ccc!important
}
blockquote {
border: 0;
border-left: 1px solid #b3b3b3;
margin: 25px 0 35px 30px;
padding: 0 0 0 30px
}
blockquote.blockquote-light {
background-color: #f2f2f2;
border: 0;
padding: 20px 50px 20px 30px
}
blockquote.blockqoute-dark {
background-color: #1f1f1f;
border: 0;
padding: 20px 50px 20px 30px
}
blockquote.blockqoute-dark p {
color: #b3b3b3
}
blockquote.blockqoute-dark footer {
color: #4d4d4d
}
.jumbotron blockquote, .slider blockquote {
border: 0;
margin: 0 0 40px;
padding: 0
}
blockquote footer {
font-size: 21px;
line-height: 30px;
color: #b3b3b3
}
blockquote footer:before {
display: none
}
blockquote p {
padding: 0;
margin: 0 0 10px;
color: #333;
font-size: 21px;
line-height: 30px
}
.caret {
background: url(../images/9446f65c06f745b784b33090b835303e.gif) no-repeat;
width: 11px;
height: 6px;
margin-left: 13px;
margin-top: -1px;
border: 0;
vertical-align: middle;
display: inline-block
}
.mask, a, button, input, textarea {
transition: all .3s ease
}
ol, ul {
margin-bottom: 20px;
list-style: none;
counter-reset: point;
color: gray
}
ol ol, ol ul, ul ol, ul ul {
margin-top: 5px
}
ol li, ul li {
list-style-type: none;
position: relative;
margin-bottom: 10px
}
ol li li, ul li li {
padding-left: 30px
}
ol>li:before, ul>li:before {
content: '—';
color: #b3b3b3;
font-size: 18px;
line-height: 28px;
padding-right: 10px
}
ol>li:before {
content: counter(point) ".";
counter-increment: point 1
}
ol ol li:before {
content: counters(point, '.') ' '
}
ol.flat li, ul.flat li {
margin-bottom: 5px
}
ol.flat li:before, ul.flat li:before {
display: none
}
ol.flat>li, ul.flat>li {
padding-left: 0;
margin-bottom: 5px
}
ol.flat a, ul.flat a {
color: #333
}
ol.flat a:hover, ul.flat a:hover {
color: #e6940e
}
ol.flat .fa-fw, ul.flat .fa-fw {
margin: 0 0 0 -1.56em;
font-size: 14px;
position: relative;
top: -1px;
left: 0
}
ol.flat.flat-icons, ul.flat.flat-icons {
padding-left: 1.56em
}
.icon {
color: #b3b3b3;
line-height: 1;
margin-bottom: 30px;
vertical-align: middle;
font-size: 55px
}
.icon.icon-default {
font-size: 60px;
height: 60px
}
.icon.icon-sm {
font-size: 45px;
height: 50px
}
.icon.icon-lg {
font-size: 80px;
height: 85px
}
.error404 .icon.icon-clock, .icon.icon-clock {
margin-top: 7px
}
h1 .icon, h2 .icon, h3 .icon, h4 .icon {
margin-bottom: 0;
margin-right: 15px;
padding-top: 9px
}
.icon small {
font-size: 36px
}
.icon+h1 {
margin-top: 8px
}
.fa-fw {
text-align: left;
width: 1.56em;
padding-left: 2px
}
.num {
font-size: 70px;
color: #333;
line-height: 1;
margin-left: -5px
}
.num sup {
border: 0;
font-size: 36px;
color: #333;
top: .1em;
padding: 0;
line-height: 1
}
.num+p {
margin-bottom: 0
}
dl.dl-horizontal dt {
width: 30%;
text-align: left;
color: #b3b3b3;
font-weight: 400
}
dl.dl-horizontal dd {
margin-left: 35%
}
dl.dl-horizontal dd:last-of-type, dl.dl-horizontal dt:last-of-type {
margin-top: 10px
}
address+.dl-horizontal {
margin: 25px 0
}
.scrolldown-link {
color: #e6940e;
font-size: 22px;
vertical-align: top;
display: inline-block
}
p+.scrolldown-link {
margin-top: 30px
}
.scrolldown-link:first-child {
margin-top: 60px
}
.scrolldown-link img {
margin: 0 auto 15px;
width: auto!important;
display: block;
opacity: .5;
transition: opacity .3s ease
}
.scrolldown-link:focus {
color: #e6940e
}
a.scrolldown-link:hover {
color: #fff
}
a.scrolldown-link:hover img {
opacity: 1
}
.first-letter {
font-size: 48px;
line-height: 1;
position: relative;
top: 4px;
left: 0;
color: #000;
float: left;
margin: 0 20px 0 0
}
.btn {
color: #fff;
line-height: 46px;
height: 50px;
font-size: 19px;
cursor: pointer;
text-align: center;
border-radius: 5px;
border: 3px solid #e6940e;
vertical-align: middle;
display: inline-block;
padding: 0 30px;
position: relative;
outline: 0!important;
transition: color .3s ease, background .3s ease, border-color .3s ease, opacity .3s ease
}
.btn:active, .btn:focus, .btn:hover {
box-shadow: none;
color: #fff;
border-color: transparent;
text-decoration: none
}
.btn.btn-default {
background-color: #e6940e
}
.btn.btn-default.active {
color: #fff
}
.btn.btn-default:hover {
background-color: #f1a11d
}
.btn.btn-primary {
background-color: transparent;
border-color: #e6940e;
color: #e6940e
}
.btn.btn-primary.btn-activated, .btn.btn-primary:hover {
background-color: #e6940e;
color: #fff
}
.btn.btn-primary.btn-activated>sup, .btn.btn-primary:hover>sup {
background-color: #fff;
color: #e6940e!important
}
.btn.btn-warning {
background-color: #d9534f;
border-color: #d9534f
}
.btn.btn-warning:hover {
background-color: #cf312d;
border-color: #cf312d
}
.btn.btn-info {
background-color: #5bc0de;
border-color: #5bc0de
}
.btn.btn-info:hover {
background-color: #34b1d6;
border-color: #34b1d6
}
.btn.btn-success {
background-color: #5cb85c;
border-color: #5cb85c
}
.btn.btn-success:hover {
background-color: #47a347;
border-color: #47a347
}
.btn.btn-dark {
background-color: #1f1f1f;
border-color: #1f1f1f
}
.btn.btn-dark:hover, .btn.btn-light {
background-color: #f2f2f2;
border-color: #f2f2f2;
color: #333
}
.btn.btn-light:hover {
background-color: #1f1f1f;
border-color: #1f1f1f;
color: #fff
}
.btn.btn-trial {
background-color: transparent;
border: 3px solid gray;
border-radius: 6px;
color: gray;
line-height: 45px
}
.btn.btn-trial:hover {
background-color: gray;
color: #fff
}
.btn.btn-lg {
height: 60px;
line-height: 56px;
padding-left: 30px;
padding-right: 30px;
font-size: 19px
}
.btn.btn-sm {
height: 40px;
line-height: 36px
}
.btn.btn-extra {
min-width: 255px
}
.btn.btn-thn {
padding-left: 25px;
padding-right: 25px
}
.btn.btn-wd {
padding-left: 45px;
padding-right: 45px
}
.btn i {
margin-top: -3px;
margin-right: 7px
}
p+.btn {
margin-top: 10px
}
.buttons .btn {
margin: 0 10px 10px 0
}
.btn>sup {
border: 0;
margin: 0 -15px 0 10px;
padding: 2px 12px 0;
top: -2px;
line-height: 28px;
vertical-align: middle;
display: inline-block
}
.add-cart {
overflow: hidden
}
.add-cart.btn-primary.btn-activated:before, .add-cart.btn-primary:hover:before, .add-cart:before {
color: #fff;
font-size: 20px;
margin: -6px 8px 0 0;
vertical-align: middle;
display: inline-block;
transition: color .3s ease
}
.add-cart.btn-primary:before {
color: #e6940e
}
.add-cart.btn-activated {
-webkit-animation: fadeOutText .5s;
-moz-animation: fadeOutText .5s;
-ms-animation: fadeOutText .5s;
animation: fadeOutText .5s
}
.add-cart.btn-activated:before {
-webkit-animation: moveToRight .5s;
-moz-animation: moveToRight .5s;
-ms-animation: moveToRight .5s;
animation: moveToRight .5s
}
@-moz-keyframes fadeOutText {
0%, 80% {
color:transparent
}
100% {
color:#fff
}
}
@-webkit-keyframes fadeOutText {
0%, 80% {
color:transparent
}
100% {
color:#fff
}
}
@-o-keyframes fadeOutText {
0%, 80% {
color:transparent
}
100% {
color:#fff
}
}
@keyframes fadeOutText {
0%, 80% {
color:transparent
}
100% {
color:#fff
}
}
@-moz-keyframes moveToRight {
80% {
-webkit-transform:translateX(800%);
-moz-transform:translateX(800%);
-ms-transform:translateX(800%);
transform:translateX(800%)
}
81% {
opacity:1;
-webkit-transform:translateX(250%);
-moz-transform:translateX(250%);
-ms-transform:translateX(250%);
transform:translateX(250%)
}
82% {
opacity:0;
-webkit-transform:translateX(250%);
-moz-transform:translateX(250%);
-ms-transform:translateX(250%);
transform:translateX(250%)
}
83% {
opacity:0;
-webkit-transform:translateX(-50%);
-moz-transform:translateX(-50%);
-ms-transform:translateX(-50%);
transform:translateX(-50%)
}
84% {
opacity:1;
-webkit-transform:translateX(-50%);
-moz-transform:translateX(-50%);
-ms-transform:translateX(-50%);
transform:translateX(-50%)
}
100% {
-webkit-transform:translateX(0%);
-moz-transform:translateX(0%);
-ms-transform:translateX(0%);
transform:translateX(0%)
}
}
@-webkit-keyframes moveToRight {
80% {
-webkit-transform:translateX(800%);
-moz-transform:translateX(800%);
-ms-transform:translateX(800%);
transform:translateX(800%)
}
81% {
opacity:1;
-webkit-transform:translateX(250%);
-moz-transform:translateX(250%);
-ms-transform:translateX(250%);
transform:translateX(250%)
}
82% {
opacity:0;
-webkit-transform:translateX(250%);
-moz-transform:translateX(250%);
-ms-transform:translateX(250%);
transform:translateX(250%)
}
83% {
opacity:0;
-webkit-transform:translateX(-50%);
-moz-transform:translateX(-50%);
-ms-transform:translateX(-50%);
transform:translateX(-50%)
}
84% {
opacity:1;
-webkit-transform:translateX(-50%);
-moz-transform:translateX(-50%);
-ms-transform:translateX(-50%);
transform:translateX(-50%)
}
100% {
-webkit-transform:translateX(0%);
-moz-transform:translateX(0%);
-ms-transform:translateX(0%);
transform:translateX(0%)
}
}
@-o-keyframes moveToRight {
80% {
-webkit-transform:translateX(800%);
-moz-transform:translateX(800%);
-ms-transform:translateX(800%);
transform:translateX(800%)
}
81% {
opacity:1;
-webkit-transform:translateX(250%);
-moz-transform:translateX(250%);
-ms-transform:translateX(250%);
transform:translateX(250%)
}
82% {
opacity:0;
-webkit-transform:translateX(250%);
-moz-transform:translateX(250%);
-ms-transform:translateX(250%);
transform:translateX(250%)
}
83% {
opacity:0;
-webkit-transform:translateX(-50%);
-moz-transform:translateX(-50%);
-ms-transform:translateX(-50%);
transform:translateX(-50%)
}
84% {
opacity:1;
-webkit-transform:translateX(-50%);
-moz-transform:translateX(-50%);
-ms-transform:translateX(-50%);
transform:translateX(-50%)
}
100% {
-webkit-transform:translateX(0%);
-moz-transform:translateX(0%);
-ms-transform:translateX(0%);
transform:translateX(0%)
}
}
@keyframes moveToRight {
80% {
-webkit-transform:translateX(800%);
-moz-transform:translateX(800%);
-ms-transform:translateX(800%);
transform:translateX(800%)
}
81% {
opacity:1;
-webkit-transform:translateX(250%);
-moz-transform:translateX(250%);
-ms-transform:translateX(250%);
transform:translateX(250%)
}
82% {
opacity:0;
-webkit-transform:translateX(250%);
-moz-transform:translateX(250%);
-ms-transform:translateX(250%);
transform:translateX(250%)
}
83% {
opacity:0;
-webkit-transform:translateX(-50%);
-moz-transform:translateX(-50%);
-ms-transform:translateX(-50%);
transform:translateX(-50%)
}
84% {
opacity:1;
-webkit-transform:translateX(-50%);
-moz-transform:translateX(-50%);
-ms-transform:translateX(-50%);
transform:translateX(-50%)
}
100% {
-webkit-transform:translateX(0%);
-moz-transform:translateX(0%);
-ms-transform:translateX(0%);
transform:translateX(0%)
}
}
.sticker {
position: absolute;
top: 10px;
left: 10px;
z-index: 2;
width: 120px;
height: 120px;
line-height: 120px;
font-size: 23px;
text-align: center;
color: #fff;
display: block
}
.sticker.sticker-sm {
width: 100px;
height: 100px;
line-height: 100px
}
.sticker.sticker-lg {
width: 140px;
height: 140px;
line-height: 140px;
top: 20px;
left: 20px
}
.sticker:before {
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 100%;
border-radius: 100%;
content: '\0020';
display: block;
z-index: -1;
opacity: .8
}
.sticker.sticker-primary:before {
background-color: #e6940e
}
.sticker.sticker-info:before {
background-color: #333
}
.sticker.sticker-default:before {
background-color: #ef474e
}
.sticker.right-pos {
left: auto;
right: 20px
}
.pagination-bar {
padding: 30px 0 60px
}
.mix-list+.pagination-bar, .pagination-bar:last-child {
padding-bottom: 30px
}
.pagination {
margin: 0;
border-radius: 0;
font-size: 1px
}
.pagination li {
padding-left: 0!important;
vertical-align: top;
display: inline-block;
margin: 0
}
.pagination li:before {
display: none
}
.pagination li a {
color: #333;
width: 43px;
height: 43px;
font-size: 17px;
display: block;
line-height: 38px;
text-align: center;
border-radius: 100%;
border: 3px solid transparent;
padding: 0;
background-color: transparent
}
.pagination li a:hover {
background-color: transparent;
color: #e6940e;
border-color: transparent
}
ul.pagination .next:hover, ul.pagination .prev:hover, ul.pagination li.active a, ul.pagination li.active a:hover {
border-color: #e6940e;
background-color: transparent;
color: #e6940e
}
.pagination>li:first-child>a, .pagination>li:last-child>a {
border-radius: 100%
}
.pagination>li:first-child>span.pagination, .pagination>li:last-child>span, ul.pagination .next, ul.pagination .prev {
width: 59px;
height: 59px;
line-height: 59px;
border-color: #e6e6e6;
border-radius: 100%;
margin-top: -8px
}
ul.pagination .prev {
background: url(../images/047bd46dcee5440893a0a474360e984c.gif) 50% 50% no-repeat;
margin-right: 30px
}
ul.pagination .next {
background: url(../images/960aa5691f244c83a44e3fbf0d8a4cff.gif) 50% 50% no-repeat;
margin-left: 30px
}
ul.pagination .next.no-border, ul.pagination .prev.no-border {
border: 0
}
ul.pagination .next-text, ul.pagination .prev-text {
background-image: none;
width: auto!important
}
ul.pagination li.active.no-border>a {
border-color: transparent
}
.pagination-extend .pagination {
display: block;
margin: auto
}
.pagination-extend .pagination+.pagination {
margin-top: 20px
}
.pagination-extend .pagination .next, .pagination-extend .pagination .prev {
margin: 0 10px
}
.breadcrumb {
font-size: 17px;
line-height: 32px;
background-color: transparent;
padding: 0;
color: #b3b3b3;
margin: 0
}
.breadcrumb li {
padding-left: 0;
margin-bottom: 0
}
.breadcrumb>li+li:before {
padding: 0;
color: #b3b3b3;
content: '\\ '
}
.breadcrumb-arrow>li+li:before {
content: '> '
}
.breadcrumb li:first-child i {
margin-left: 0
}
.breadcrumb li:first-child:before {
display: none
}
.breadcrumb li:before {
position: relative
}
.breadcrumb i {
margin: 0 3px
}
.breadcrumb a {
color: gray
}
.breadcrumb a:hover, .headcontent.headcontent-dark .breadcrumb li>a:hover {
color: #e6940e
}
.breadcrumb .active {
color: #b3b3b3
}
a.back {
color: #b3b3b3;
font-size: 17px;
float: left;
line-height: 32px
}
a.back:before {
content: '\\ '
}
a.back:hover {
color: #e6940e
}
.nav-currency a {
padding: 2px 10px 0;
line-height: 27px;
vertical-align: middle;
display: inline-block;
border-radius: 3px;
font-size: 14px;
text-transform: uppercase;
color: #333
}
.nav-currency a.active {
border: 2px solid #e6940e;
color: #e6940e
}
.nav-currency a:hover {
color: #e6940e
}
.nav-category {
margin: 0
}
.nav-category li {
vertical-align: middle;
display: inline-block;
margin-right: 20px;
font-size: 19px;
line-height: 46px;
padding: 0
}
.nav-category li a {
color: #333;
display: block;
border-bottom: 1px solid transparent
}
.nav-category li a.active, .nav-category li a:hover {
border-color: #e6940e;
color: #e6940e
}
.nav-category li:before {
display: none
}
.scrolltop {
width: 60px;
height: 60px;
line-height: 60px;
text-align: center;
border-radius: 3px;
position: fixed;
left: 60px;
bottom: 60px;
z-index: 15;
overflow: hidden;
visibility: hidden;
opacity: 0;
background-color: rgba(128,128,128,.1)
}
.vertical-menu .scrolltop {
left: auto;
right: 60px
}
.scrolltop i {
background: url(../images/403f65a714ad4e518cb269ca1b202cbc.gif) 0 100% no-repeat;
width: 22px;
height: 12px;
vertical-align: middle;
display: inline-block;
opacity: .3;
transition: all 0s ease
}
.scrolltop:hover {
background-color: #e6940e
}
.scrolltop:hover i {
background-position: 0 0;
opacity: .8
}
.scrolltop.vis {
opacity: 1;
visibility: visible
}
.container.table-responsive {
padding-bottom: 0;
margin-bottom: 0
}
.table>tbody>tr>td, .table>tbody>tr>th, .table>tfoot>tr>td, .table>tfoot>tr>th, .table>thead>tr>td, .table>thead>tr>th {
border: 0
}
.table th {
font-weight: 400;
line-height: 28px;
color: #b3b3b3
}
.table>thead>tr>th {
font-weight: 400;
border-bottom: 1px solid #e6e6e6;
line-height: 28px;
font-size: 20px;
padding: 0 0 38px;
color: gray
}
.table>tbody {
border-bottom: 1px solid #e6e6e6
}
.table>tbody>tr>td {
padding: 20px 0;
vertical-align: middle
}
.table>tbody>tr:first-child>td {
padding-top: 40px
}
.table>tbody>tr:last-child>td {
padding-bottom: 30px
}
.table a {
color: #333
}
.table a:hover {
color: #e6940e
}
.table.data-table>tbody {
border: 0
}
.table.data-table>tbody>tr:first-child>td, .table.data-table>tbody>tr:last-child>td, .table.data-table>tbody>tr>td {
padding: 0
}
.table.data-table th {
color: gray;
padding: 4px 0!important;
width: 30%
}
.table.data-table td {
color: #333
}
.table.data-table td a {
color: #e6940e
}
.table.data-table td a:hover {
color: #333
}
tr.fade {
transition: opacity .3s ease
}
table.content-table>thead th {
font-size: 24px;
color: #333;
padding: 20px 30px
}
table.content-table>tbody td {
color: gray;
line-height: 28px;
padding: 0 30px
}
table.content-table>tbody td:first-child {
color: #333
}
table.content-table>tbody tr:first-child td {
padding-top: 30px
}
table.content-table>tfoot td {
line-height: 28px;
padding: 30px
}
table.content-table .bg-primary {
color: inherit
}
table.content-table .bg-primary> {
border: 0
}
table.content-table td.bg-primary {
color: gray
}
table.content-table.no-border {
border: 0
}
table.content-table.no-border * {
border: 0!important
}
table.content-table .no-border {
border: 0
}
table.content-table .no-border * {
border: 0!important
}
.tab-content h3 {
margin-bottom: 23px
}
.nav-tabs {
border: 0;
margin: 0 0 65px
}
.nav-tabs>li {
margin: 0 15px;
float: none;
display: inline-block;
padding-left: 0
}
.nav-tabs>li:before {
display: none
}
.nav-tabs>li>a {
color: #333;
font-size: 20px;
padding-left: 15px;
padding-right: 15px;
margin-left: 20px;
margin-right: 20px;
display: block;
position: relative;
border: 0;
border-bottom: 1px solid #e6e6e6
}
.nav>li>a:focus, .nav>li>a:hover {
border-bottom-color: #e6940e;
color: #e6940e
}
.nav-tabs>li.active>a, .nav-tabs>li.active>a:focus, .nav-tabs>li.active>a:hover {
background-color: #e6940e;
color: #fff;
border-radius: 3px;
border: 0;
padding-left: 30px;
padding-right: 30px
}
.steps.container {
margin: -60px auto 155px;
position: relative;
left: 0;
top: 110px;
padding: 0;
text-align: center
}
.steps.container>[class*=col-] {
position:relative;
padding:60px 0
}
.steps.container>[class*=col-]:after {
position: absolute;
top: 50%;
right: -12px;
width: 0;
height: 0;
border-top: 12px solid transparent;
border-left: 12px solid transparent;
border-bottom: 12px solid transparent;
margin-top: -6px;
content: '\0020';
display: block;
z-index: 2
}
.steps.container>[class*=col-]:first-child {
background-color: #e6940e
}
.steps.container>[class*=col-]:first-child:after {
border-left-color: #e6940e
}
.steps.container>[class*=col-]:nth-child(2) {
background-color: #f19d13
}
.steps.container>[class*=col-]:nth-child(2):after {
border-left-color: #f19d13
}
.steps.container>[class*=col-]:last-child {
background-color: #f2a322
}
.steps.container>[class*=col-]>* {
vertical-align:middle;
display:inline-block;
color:#fff;
margin:0
}
.steps.container>[class*=col-] h3 {
font-size: 32px
}
.steps.container>[class*=col-] .icon {
opacity: .5;
margin: 0 22px 0 0;
padding-top: 10px
}
.chart {
position: relative;
vertical-align: top;
display: inline-block;
width: 185px;
height: 185px;
text-align: center;
opacity: 0;
color: #e6940e;
margin-bottom: 30px
}
.chart canvas {
position: absolute;
top: 0;
left: 0;
width: 185px;
height: 185px
}
.chart .percent {
display: inline-block;
line-height: 185px;
width: 185px;
z-index: 2;
color: #ccc;
font-size: 47px
}
.chart .percent:after {
content: '%';
font-size: 47px
}
.chart.no-percent .percent:after {
display: none
}
.chart.no-percent .percent {
color: #000
}
.chart.no-percent .percent .icon {
vertical-align: middle;
display: inline-block;
line-height: 1.75;
color: #a39171
}
.logotypes {
text-align: center;
padding-bottom: 60px!important
}
.logotypes [class*=col-] {
padding: 0
}
.logotypes [class*=col-]+[class*=col-] {
border-left:1px solid #e6e6e6
}
.logotypes .row+.row {
border-top: 1px solid #e6e6e6
}
.logotypes a img {
width: 100%;
opacity: .5;
transition: opacity .3s ease
}
.logotypes a:hover img {
opacity: 1
}
.animate {
opacity: 0
}
.animate.animated {
opacity: 1
}
.animate.fix-right {
position: absolute;
right: 0;
top: 0;
height: 100%;
max-width: 9999%
}
.animate.animate-toggle {
cursor: pointer
}
.skills [class*=col-] [class*=col-] {
padding: 0
}
.skills hr, .skills hr:last-child {
margin-bottom: 50px
}
.embed-responsive {
display: block;
height: 0;
overflow: hidden;
padding: 0;
position: relative
}
.embed-responsive.embed-responsive-16by9 {
padding-bottom: 56.25%
}
.embed-responsive.embed-responsive-4by3 {
padding-bottom: 75%
}
.embed-responsive .embed-responsive-item, .embed-responsive embed, .embed-responsive iframe, .embed-responsive object {
border: 0;
bottom: 0;
width: 100%;
height: 100%;
position: absolute;
left: 0;
top: 0
}
.appear-wrap [class*=col-] {
opacity: 0
}
.appeared {
opacity: 1!important
}
.homework-description {
width: 500px;
background-color: #fff;
border-radius: 5px;
padding: 30px;
margin: 120px 0
}
.homework-description.right-top-pos {
position: absolute;
right: 30px;
top: 0
}
.homework-description.left-top-pos {
position: absolute;
left: 30px;
top: 0
}
.homework-description.left-bottom-pos {
position: absolute;
left: 30px;
bottom: 0
}
.homework-description h2 {
font-size: 30px;
margin: 0 0 10px
}
.homework-description p:last-child {
margin: 0
}
.singlework-portfolio.container-fluid, .singlework-portfolio.container.container-fluid {
padding-left: 0;
padding-right: 0
}
.singlework-portfolio .magnific, .singlework-portfolio.container .magnific {
padding: 0;
transition: opacity .3s ease
}
.singlework-portfolio .magnific:hover, .singlework-portfolio.container .magnific:hover {
opacity: .9
}
.img-face {
position: relative;
vertical-align: top;
display: inline-block;
margin: 0 15px 20px 0
}
.img-face:after {
background-color: rgba(33,33,33,.7);
opacity: 0;
transition: opacity .3s ease;
content: '\0020';
display: block;
border-radius: 100%;
width: 100%;
height: 100%;
position: absolute;
left: 0;
top: 0
}
.img-face:hover:after {
opacity: .4
}
.img-face img {
width: 100px;
height: 100px
}
#flickrfeed, #instafeed {
font-size: 0;
margin-bottom: 50px
}
#flickrfeed a, #instafeed a {
vertical-align: top;
display: inline-block;
width: 80px;
height: 80px
}
#flickrfeed a img, #instafeed a img {
width: 100%;
height: 100%
}
.promo {
margin: 25px 0;
padding: 30px;
color: #fff
}
.promo>* {
vertical-align: middle;
display: inline-block;
margin: 0 20px;
color: #fff
}
.promo-default {
background-color: #f7f7f7
}
.promo-default h3 {
color: #333
}
.promo-dark {
background-color: #333
}
.promo-color {
background-color: #e6940e
}
.promo-color .btn {
border-color: #fff;
color: #fff
}
.promo-color .btn:hover {
background-color: #fff;
color: #e6940e
}
.career {
margin-bottom: 60px
}
.career .panel-group {
margin-bottom: 30px
}
.career .panel-group .panel .panel-heading {
padding: 30px 0
}
.career .panel-group .panel .panel-heading>* {
margin: 0
}
.career .panel-group .panel .panel-heading a {
color: #333
}
.career .panel-group .panel .panel-heading a:hover {
color: #e6940e
}
.career .panel-group .panel .panel-body {
padding: 20px 0
}
.team-info {
padding-bottom: 0!important
}
.wedding-couple {
position: relative;
overflow: hidden
}
.wedding-couple:before {
content: '&';
font-size: 90px;
color: #e6940e;
position: absolute;
left: 50%;
top: 50%;
margin: -30px 0 0 -30px
}
.wedding-couple h2 {
margin-bottom: 40px
}
.wedding-couple img {
margin-bottom: 15px
}
.wedding-step .wedding-ico {
float: left;
width: 56px
}
.wedding-step .wedding-event {
margin-left: 90px;
overflow: hidden
}
.wedding-step .wedding-event address {
margin-bottom: 0
}
.wedding-step .wedding-event address p {
padding-bottom: 0
}
.wedding-step .wedding-event address strong {
font-weight: 400;
color: #333
}
.alert {
position: relative;
color: #fff;
padding: 15px 30px;
border: 0
}
.alert:last-child {
margin-bottom: 0
}
.alert i {
margin-right: 10px
}
.alert .close {
opacity: .7;
position: absolute;
right: 20px;
top: 22px
}
.alert .close:hover {
opacity: 1
}
.alert ul {
margin: 20px 0 10px 25px
}
.alert ul li {
line-height: 28px;
margin: 0;
padding-left: 15px;
color: #fff
}
.alert ul li:before {
content: '•';
color: #fff
}
.alert.alert-default {
background-color: #e6940e
}
.alert.alert-warning {
background-color: #d9534f
}
.alert.alert-info {
background-color: #5bc0de
}
.alert.alert-success {
background-color: #5cb85c
}
.alert.alert-dark {
background-color: #1f1f1f
}
.alert.alert-light {
background-color: #f2f2f2;
color: #333
}
.alert.alert-light ul li, .alert.alert-light ul li:before {
color: gray
}
.panel-body {
padding: 0
}
.panel-group .panel-heading {
border-bottom: 1px solid #e6e6e6
}
.panel-group .panel:first-child .panel-heading {
border-top: 1px solid #e6e6e6
}
.panel-group .panel-body {
border-top: 0!important;
border-bottom: 1px solid #e6e6e6;
padding-bottom: 15px
}
.panel-group .panel+.panel {
margin-top: -1px
}
.panel-group .panel {
box-shadow: none;
border-radius: 0
}
.panel-group .panel .panel-heading {
border-radius: 0;
padding: 15px 0
}
.panel-group .panel .panel-title {
font-size: 22px
}
.panel-group .panel .panel-body>* {
padding-top: 10px
}
.panel-group .panel .panel-body>:last-child, .panel-group .panel .panel-body>:only-child {
margin-bottom: 0
}
.panel-group .panel p, .panel-group .panel p:only-child {
margin-bottom: 25px;
margin-top: 3px
}
.panel-group .panel-default .panel-heading {
padding: 15px 10px 15px 30px;
border: 0!important;
border-radius: 0
}
.panel-group .panel-default .panel-body {
border: 0!important;
padding: 10px 30px 15px
}
.panel-group .panel-default .panel-body p {
padding-top: 0
}
.panel-group.panel-simple .panel-body {
padding: 0 0 10px;
border: 0!important
}
.panel-group.panel-simple .panel-body p:first-child {
padding-top: 0
}
.panel-group.panel-simple .panel-heading {
border: 0!important;
padding: 10px 0;
margin-bottom: 1px
}
.panel-group.panel-border {
border: 1px solid #e6e6e6
}
.panel-group.panel-border .panel-heading {
border-bottom: 1px solid #e6e6e6;
padding: 15px 10px 15px 30px
}
.panel-group.panel-border .panel:last-child .panel-heading {
border-bottom: 0
}
.panel-group.panel-border .panel:first-child .panel-heading {
border-top: 0
}
.panel-group.panel-border .panel-body {
border-top: 0!important;
border-bottom: 1px solid #e6e6e6;
padding: 10px 30px 15px
}
.panel-group.panel-border .panel-body p {
padding-top: 0
}
.nav-expand {
margin: 0
}
.nav-expand li {
vertical-align: middle;
display: inline-block;
line-height: 46px
}
.nav-expand li+li {
margin-left: 25px
}
.nav-expand li i {
color: #b3b3b3;
margin-right: 12px
}
.jumbotron {
width: 100%;
height: 485px;
position: relative;
padding: 0;
margin: auto;
background-color: transparent;
overflow: hidden;
-webkit-transform: translate(0);
-moz-transform: translate(0);
-ms-transform: translate(0);
transform: translate(0)
}
.jumbotron p {
font-size: 18px;
line-height: 28px
}
.jumbotron h1 {
font-size: 60px;
line-height: 60px;
margin-bottom: 30px
}
.jumbotron h1+p {
font-size: 22px;
margin-bottom: 55px
}
.jumbotron h1+p+.btn {
margin-top: 0
}
.jumbotron h1 mark {
color: #e6940e;
background-color: transparent
}
.jumbotron .google-map {
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 100%;
z-index: -2
}
.jumbotron .google-map .google-map-container {
width: 100%;
height: 100%
}
.jumbotron .a-map {
position: relative;
left: 0;
top: 0;
margin: auto
}
.jumbotron.overlay h1 {
color: #fff
}
.jumbotron.overlay p {
opacity: .5;
color: #fff
}
.jumbotron.overlay p:last-child {
margin-bottom: 0
}
.jumbotron .middle, .jumbotron .middle>.container {
padding: 0
}
.jumbotron .progressing * {
color: #fff
}
.jumbotron .progressing * .progress-up ins {
border-bottom-color: #fff
}
.jumbotron.jumbo-wedding h1 {
font-family: Satisfy, cursive, "Microsoft YaHei";
font-size: 90px;
margin-bottom: 50px
}
.jumbotron.jumbo-wedding p {
font-size: 24px;
line-height: 32px;
margin-bottom: 45px
}
.fullpage {
overflow: hidden
}
body {
font-family: 'Varela Round', "Microsoft YaHei", sans-serif;
font-size: 18px;
line-height: 28px;
color: #333;
overflow-x: hidden;
background-color: #fff;
min-height: 100%
}
[data-spy]body {
position: relative
}
.header.navbar-fixed-top+.wrapper {
margin-top: 90px
}
.header.header-float.navbar-fixed-top+.wrapper {
margin-top: 120px
}
.header.header-extra.navbar-fixed-top+.wrapper {
margin-top: 148px
}
.onepage .wrapper {
margin-top: 0
}
.fullpage .wrapper>.oneslider {
padding-bottom: 0
}
.wrapper.border {
padding-bottom: 30px;
border-bottom: 60px solid #f5f6f8;
position: relative
}
.vertical-menu .wrapper {
padding-left: 260px;
margin-top: 0!important
}
.container, .container-fluid {
position: relative;
padding: 60px 0
}
[class*=col-] .container-fluid:not(.sf-mega), [class*=col-] .container:not(.sf-mega) {
width: auto
}
.container-fluid.padding, .container.padding, .padding {
padding-top: 60px;
padding-bottom: 60px
}
.container-fluid.padding-bottom, .container.padding-bottom, .padding-bottom {
padding-bottom: 60px
}
.container-fluid.no-padding-bottom, .container.no-padding-bottom, .no-padding-bottom {
padding-bottom: 0
}
.container-fluid.no-padding-top, .container.no-padding-top, .no-padding-top {
padding-top: 0
}
.container-fluid.no-padding, .container.no-padding, .no-padding {
padding-top: 0;
padding-bottom: 0
}
.container-fluid.no-padding-left, .container.no-padding-left, .no-padding-left {
padding-left: 0
}
.container-fluid.no-all-padding, .container.no-all-padding, .no-all-padding {
padding: 0!important
}
.container-fluid.lg-padding, .container.lg-padding, .lg-padding {
padding-top: 120px;
padding-bottom: 120px
}
.container-fluid.md-padding, .container.md-padding, .md-padding {
padding-top: 90px;
padding-bottom: 90px
}
.container-fluid.md-padding-top, .container.md-padding-top, .md-padding-top {
padding-top: 90px
}
.container-fluid.md-padding-bottom, .container.md-padding-bottom, .md-padding-bottom {
padding-bottom: 90px
}
.container-fluid.hg-padding, .container.hg-padding, .hg-padding {
padding-top: 150px;
padding-bottom: 150px
}
.container-fluid.sm-padding-top, .container.sm-padding-top, .sm-padding-top {
padding-top: 30px
}
.container-fluid.sm-padding-bottom, .container.sm-padding-bottom, .sm-padding-bottom {
padding-bottom: 30px
}
.container-fluid.sm-padding, .container.sm-padding, .sm-padding {
padding-top: 30px;
padding-bottom: 30px
}
.container-fluid.padding-top, .container.padding-top, .padding-top {
padding-top: 60px;
padding-bottom: 0
}
.container-fluid.no-margin, .container.no-margin, .no-margin {
margin-top: 0!important;
margin-bottom: 0
}
.container-fluid.fullheight, .container.fullheight {
position: absolute;
left: 0;
right: 0;
margin: auto;
height: 100%
}
.container-fluid.neg-margin, .container.neg-margin {
margin-bottom: -185px
}
.pos-margin {
margin-bottom: 205px
}
.pos-margin .slider {
padding-top: 0!important
}
.row {
margin: 0
}
.full-size {
min-height: 100%;
min-width: 100%;
width: 100%;
position: absolute;
top: 0;
bottom: 0
}
.full-size .price {
font-size: 32px;
margin-bottom: 30px
}
.full-size p {
color: gray
}
.full-size.slider {
padding: 0
}
.full-size.slider.slider .container {
padding-top: 60px
}
.divtable {
display: table;
height: 100%
}
.divcell {
display: table-cell;
vertical-align: middle;
float: none
}
.divtop {
vertical-align: top
}
.single-content.container, .single-content.container-fluid {
padding: 45px 30px 120px
}
.single-content .row {
margin: 0 -30px 30px
}
.single-content hr {
margin: 40px auto
}
.single-content h2 {
margin-bottom: 35px
}
.single-content p+h4 {
margin: 45px 0 35px
}
.single-content>ol, .single-content>ul {
margin-left: 30px;
margin-bottom: 30px
}
.single-content li a {
color: #333
}
.single-content li a:hover {
color: #e6940e
}
[data-toggle] {
cursor:pointer
}
.inline {
display: inline-block
}
hr {
max-width: 1140px;
margin: 50px auto
}
.container-fluid hr {
max-width: calc(100% - 60px)
}
hr.no-margin {
margin: 0 auto
}
hr.no-border {
border: 0;
overflow: hidden;
clear: both
}
hr.sm-margin {
margin: 30px auto
}
hr.xs-margin {
margin: 20px auto 25px
}
hr:last-child {
margin-bottom: 0
}
h4+hr {
margin: 23px auto
}
.fullpage .header+* {
margin: 0
}
.overhidden {
overflow: hidden;
margin-bottom: 0!important
}
.max-395 {
height: 395px;
max-height: 395px;
position: relative
}
.max-395.row {
margin-bottom: -60px!important
}
.max-410 {
height: 410px;
max-height: 410px;
position: relative
}
.max-410.row {
margin-bottom: -60px!important
}
.max-500 {
height: 500px;
max-height: 500px;
position: relative
}
.vacancy .mask, .vacancy .mask>* {
opacity: 1
}
.vacancy .mask {
background-color: #e6940e
}
.vacancy .mask:hover {
background-color: rgba(230,148,14,.8)
}
.search-found {
margin-bottom: -10px
}
.search-found [class*=col-]>* {
white-space: nowrap;
line-height: 47px;
margin: 0
}
.search-list {
margin-bottom: -25px
}
.search-block {
padding-left: 40px
}
.search-block h4 {
margin-left: -1.56em
}
.search-block h4 i {
float: left;
position: relative;
top: 2px;
left: 0
}
.search-block h4 a {
color: #333;
display: block;
margin-left: 1.56em
}
.search-block h4 a:hover {
color: #e6940e
}
.search-block+hr {
margin: 25px auto
}
.collapsed .fa-folder-open-o:before {
content: ""
}
.gallery-wrap [class*=col-] {
padding: 0
}
.gallery-wrap .msnr {
width: 33.333%
}
.gallery-wrap .msnr[class*="-3"] {
width: 25%
}
.gallery-wrap .msnr[class*="-2"] {
width: 20%
}
.google-map {
position: relative
}
.google-map.container {
padding: 40px 0
}
.google-map .google-map-container {
width: 100%;
height: 370px
}
.google-map .google-map-container.google-map-big {
width: 100%;
height: 495px
}
.a-map, .map-close {
width: 80px;
height: 80px;
border-radius: 3px;
background-color: #e6940e;
position: absolute;
right: 40px;
top: 30px;
z-index: 9;
line-height: 80px;
text-align: center;
display: block
}
.a-map:hover, .map-close:hover {
background-color: #f19c11
}
.a-map i, .map-close i {
font-size: 30px;
color: #fff;
vertical-align: middle;
display: inline-block
}
.container.google-map .a-map, .container.google-map .map-close {
top: 80px
}
.map-close {
background: url(../images/216dd2667e1b4e228d71219941b56c05.gif) 50% no-repeat #e6940e
}
.isotope-list, .mix-list, .singlework-portfolio {
overflow: hidden;
font-size: 0;
padding: 40px 0
}
.isotope-list.slider, .mix-list.slider, .singlework-portfolio.slider {
overflow: visible
}
.isotope-list.slider ul, .mix-list.slider ul, .singlework-portfolio.slider ul {
width: 9999px
}
.isotope-list ul, .mix-list ul, .singlework-portfolio ul {
margin-bottom: 0
}
.isotope-list ul li:before, .mix-list ul li:before, .singlework-portfolio ul li:before {
display: none
}
.isotope-list [class*=col-], .mix-list [class*=col-], .singlework-portfolio [class*=col-] {
padding: 0
}
.isotope-list.margin-list, .mix-list.margin-list, .singlework-portfolio.margin-list {
padding-bottom: 20px
}
.isotope-list.margin-list [class*=col-], .mix-list.margin-list [class*=col-], .singlework-portfolio.margin-list [class*=col-] {
padding: 0 10px 20px
}
.isotope-list.margin-list.no-padding-bottom, .mix-list.margin-list.no-padding-bottom, .singlework-portfolio.margin-list.no-padding-bottom {
padding-bottom: 0
}
.no-mix {
font-size: 0
}
.no-mix ul {
margin-bottom: 0
}
.no-mix li {
padding: 0
}
.no-mix li:before {
display: none
}
.isotope-list.no-padding, .mix-list.no-padding {
padding: 0
}
.mix {
float: none;
overflow: hidden;
vertical-align: top;
margin: 0;
min-width: 20%;
display: none
}
.mix .fig {
position: relative;
width: 100%;
height: 100%;
overflow: hidden;
float: left
}
.mix .fig+* {
font-size: 19px;
color: gray;
padding: 15px 30px 40px;
line-height: 28px;
overflow: hidden
}
.mix img {
width: 100%;
float: left
}
.mix small {
display: block;
color: #ccc;
margin-top: 5px;
font-size: 19px
}
.isotope-list .mix {
display: block;
float: left
}
.no-mix .mix {
vertical-align: top;
display: inline-block
}
.margin-list .mix .fig+* {
padding-bottom: 10px
}
.container-fluid.margin-list {
margin: 0 -10px
}
.isotope-list .slider {
margin-bottom: -1px
}
.container.slider.filter-list:not(.oneslider) [class*='-6'], .container.slider.singlework-portfolio [class*='-6'] {
max-width: 600px
}
.container.slider.filter-list:not(.oneslider) [class*='-4'], .container.slider.singlework-portfolio [class*='-4'] {
max-width: 400px
}
.container.slider.filter-list:not(.oneslider) [class*='-3'], .container.slider.singlework-portfolio [class*='-3'] {
max-width: 300px
}
.container-fluid.slider.filter-list:not(.oneslider) [class*='-4'], .container-fluid.slider.singlework-portfolio [class*='-4'] {
max-width: 700px
}
.container-fluid.slider.filter-list:not(.oneslider) [class*='-3'], .container-fluid.slider.singlework-portfolio [class*='-3'] {
max-width: 600px
}
.container-fluid.slider.filter-list:not(.oneslider) [class*='-2'], .container-fluid.slider.singlework-portfolio [class*='-2'] {
max-width: 400px
}
[class*=col-]>a>img, [class*=col-]>img {
max-width:100%
}
.img-xs, img.img-xs {
max-width: 100px;
line-height: 100px
}
.img-sm, img.img-sm {
max-width: 240px
}
img+p {
margin-top: 28px
}
.document {
display: inline-block;
margin: 0 auto 40px;
line-height: 50px;
color: #333
}
.document:hover {
color: #e6940e
}
.document img {
margin-right: 15px
}
img+.document {
margin-top: 50px
}
.nav>li {
padding: 0;
margin: 0
}
.dropdown-static {
position: static!important
}
.navbar {
border: 0;
margin: 0 auto;
min-height: 1px;
position: relative
}
.vertical-menu .navbar {
width: 100%
}
.navbar li:before {
display: none
}
.nav .open>a, .nav .open>a:focus, .nav .open>a:hover {
background-color: transparent
}
.navbar-nav>li>a {
color: #b3b3b3;
font-size: 18px;
line-height: 90px;
padding: 0;
margin: 0 11px
}
.navbar-nav>li:first-child>a {
margin-left: 0
}
.navbar-nav>li.active>a {
color: #e6940e
}
.nav>li>a:focus, .nav>li>a:hover {
background-color: transparent
}
.navbar-nav>li>a:hover {
color: #e6940e
}
.dropdown-menu {
position: absolute;
border: 0;
border-top: 2px solid #333;
box-shadow: none;
background-color: #242424;
padding: 15px 0;
border-radius: 0;
margin: 0;
z-index: 1399;
transition: opacity .3s ease
}
.dropdown-menu .divider {
background-color: #292929;
margin: 9px 0!important
}
.dropdown-menu .dropdown-menu {
top: -17px;
left: 100%;
opacity: 0
}
.dropdown-menu>li {
font-size: 16px;
line-height: 30px;
padding: 0;
margin: 0
}
.dropdown-menu>li.dropdown>a {
background: url(../images/a3cf1b1b19c74eebb1c87a50c4431123.gif) 91% 50% no-repeat
}
.dropdown-menu>li>a {
color: gray;
padding: 0 35px 0 25px;
line-height: inherit
}
.dropdown-menu>li.active>a, .dropdown-menu>li>a:focus, .dropdown-menu>li>a:hover {
background-color: transparent;
color: #e6940e
}
.sf-mega:not(.container) {
width: 600px;
position: absolute;
left: 100%;
top: -20px;
background-color: #242424;
padding: 30px 0;
border-top: 2px solid #333
}
.sf-mega:not(.container) ul {
margin-bottom: 30px!important
}
.sf-mega:not(.container) ul:last-child {
margin-bottom: 0!important
}
.sf-mega.container {
position: absolute;
left: 0;
top: 100%;
background-color: #242424;
padding: 25px 0!important;
border-top: 2px solid #333;
margin-top: -1px;
z-index: 1
}
.sf-mega li {
font-size: 16px;
line-height: 30px;
padding: 0;
margin: 0
}
.sf-mega li.dropdown>a {
background: url(../images/a3cf1b1b19c74eebb1c87a50c4431123.gif) 93% 50% no-repeat
}
.sf-mega li>a {
color: gray;
padding: 0;
line-height: inherit
}
.sf-mega li.active>a, .sf-mega li>a:hover {
background-color: transparent;
color: #e6940e
}
.sf-mega h5 {
color: #b3b3b3;
font-size: 20px;
margin-bottom: 20px
}
.sf-mega .divtable {
width: 100%
}
.sf-mega .divcell {
border-left: 1px solid #292929;
vertical-align: top;
padding: 0 45px
}
.sf-mega .divcell:first-child {
border-left: 0
}
.sf-mega .fa {
margin-left: -1.56em
}
.vside {
position: fixed;
left: 0;
top: 0;
background-color: #1f1f1f;
width: 60px;
height: 100%;
min-height: 100%;
z-index: 1031;
cursor: pointer
}
.vside.vside-light {
background-color: #f7f7f7
}
.vside.active {
background-color: transparent;
height: auto;
min-height: 0
}
.vertical-menu .dropdown-menu {
left: 100%;
top: -20px
}
.vertical-menu .dropdown-menu .dropdown-menu {
top: -22px
}
.vertical-menu .navbar-nav {
width: 100%;
margin: 0 0 30px
}
.vertical-menu .navbar-nav ul {
margin: 5px 0 0
}
.vertical-menu .navbar-nav ul>li>a {
font-size: 16px;
line-height: 28px;
color: gray;
overflow: hidden;
text-overflow: ellipsis
}
.vertical-menu .navbar-nav ul li>a:hover {
color: #e6940e
}
.vertical-menu .navbar-nav>li {
display: block;
float: none;
line-height: normal;
margin-bottom: 0
}
.vertical-menu .navbar-nav>li>a {
margin: 0;
line-height: 30px
}
.vertical-menu .navbar-nav>li.dropdown {
background: url(../images/a3cf1b1b19c74eebb1c87a50c4431123.gif) 85% 13px no-repeat
}
.vertical-menu .navbar-nav li {
margin-bottom: 0;
padding-left: 0
}
.vertical-menu h6 {
color: #b3b3b3;
font-size: 18px;
margin-bottom: 10px
}
.vertical-menu .vextra ul>li>a {
color: #4d4d4d;
font-size: 16px;
line-height: 26px
}
.vertical-menu .vextra ul>li>a:hover {
color: #e6940e
}
.vertical-menu .cart-list {
margin: 0 0 10px
}
.vertical-menu .cart-list .dropdown-menu {
left: 100%;
bottom: 0;
top: auto
}
.vertical-menu .header p:last-child {
font-size: 17px;
line-height: 24px;
margin-bottom: 10px;
color: gray;
opacity: .2
}
.vertical-menu .header-light p:last-child {
opacity: 1
}
.vertical-menu .header .navbar-fixed-bottom {
position: fixed;
left: 30px;
bottom: 15px;
border: 0;
width: 230px;
height: 150px
}
.vertical-menu .header .toggle-menu {
margin: 0;
line-height: 28px;
float: left
}
.vertical-menu .header-light .sf-mega .divcell {
border-left: 1px solid #ccc
}
.vertical-menu .header-light .sf-mega .divcell:first-child {
border-left: 0
}
.ico-sidebar-r {
background: url(../images/ico-sidebar.png) -40px -28px no-repeat;
width: 18px;
height: 16px;
border: 0;
vertical-align: middle;
display: inline-block;
opacity: .5
}
.header-light .ico-sidebar-r, .onepage .ico-sidebar-r, button:hover .ico-sidebar-r {
background-position: -40px 0
}
.header-light button:hover .ico-sidebar-r {
background-position: -40px -28px
}
.onepage button:hover .ico-sidebar-r, .vertical-menu .ico-sidebar-r {
opacity: 1
}
.ico-sidebar-l {
background: url(../images/ico-sidebar.png) 0 -28px no-repeat;
width: 18px;
height: 16px;
margin: 20px auto;
border: 0;
transition: 0s;
display: block;
opacity: .5
}
.header-light .ico-sidebar-l, .ico-sidebar-l:hover, .vside-light .ico-sidebar-l, .vside:hover .ico-sidebar-l {
background-position: 0 0
}
.header-light button:hover .ico-sidebar-l, .vside-light:hover .ico-sidebar-l {
background-position: 0 -28px
}
.navbar .navbar-toggle {
margin: 0;
padding: 0;
height: 90px;
line-height: 90px;
opacity: .5
}
.navbar .navbar-toggle:hover {
opacity: 1
}
.header {
background-color: #1f1f1f;
line-height: 88px
}
.header.header-light, .header.header-light.header-nobackground.affix {
background-color: #f7f7f7
}
.header.header-float {
max-width: 1200px;
margin: 30px auto 0
}
.header.header-transparent {
background-color: rgba(31,31,31,.5)
}
.header.header-transparent.header-light {
background-color: rgba(247,247,247,.5)
}
.header.header-nobackground {
background-color: transparent
}
.header.header-nobackground.affix {
transition: background .3s ease;
background-color: #1f1f1f
}
.header.header-extra .submenu {
line-height: 56px;
background-color: #262626;
width: 100%;
overflow: hidden
}
.header.header-extra .submenu.affix {
transition: opacity .3s ease;
opacity: 0;
visibility: hidden
}
.header.header-extra .submenu.affix-top {
opacity: 1;
visibility: visible
}
.header.header-extra .submenu ul {
margin-bottom: 0
}
.header.header-extra .submenu li {
vertical-align: middle;
display: inline-block;
margin: 0 8px 0 0
}
.header.header-extra .submenu li a {
color: gray;
font-size: 16px
}
.header.header-extra .submenu li.active a, .header.header-extra .submenu li:hover a {
color: #e6940e
}
.header.header-extra .submenu .text-right li {
margin: 0 0 0 8px
}
.header.header-extra.header-light .submenu {
background-color: #ebebeb
}
.vertical-menu .header {
width: 260px;
height: 100%;
min-height: 100%;
padding: 60px 0 15px 30px
}
.vertical-menu .header [class*=col-] {
padding-left: 0;
padding-right: 0
}
.header .toggle-menu {
height: auto;
margin-left: 25px
}
.vheader-height {
height: calc(100% - 150px)
}
.header.vhidden .navbar-fixed-bottom {
display: none
}
.header-light .navbar-brand, .header-light .navbar-nav>li>a, .vertical-menu .header-light .navbar-brand, .vertical-menu .header-light .navbar-nav>li>a {
color: #333
}
.header-light .navbar-nav>li:hover>a, .vertical-menu .header-light .navbar-nav>li:hover>a {
color: #e6940e
}
.header-light .cart-list>a, .vertical-menu .header-light .cart-list>a {
color: gray
}
.header-light .dropdown-menu, .header-light .sf-mega.container, .vertical-menu .header-light .dropdown-menu, .vertical-menu .header-light .sf-mega.container {
background-color: #f7f7f7;
border-top-color: #d9d9d9
}
.header-light .dropdown-menu>li>a, .header-light .sf-mega.container>li>a, .vertical-menu .header-light .dropdown-menu>li>a, .vertical-menu .header-light .sf-mega.container>li>a {
color: #333
}
.header-light .dropdown-menu>li:hover>a, .header-light .sf-mega.container>li:hover>a, .vertical-menu .header-light .dropdown-menu>li:hover>a, .vertical-menu .header-light .sf-mega.container>li:hover>a {
color: #e6940e
}
.header-light .sf-mega.container .divcell, .vertical-menu .header-light .sf-mega.container .divcell {
border-left-color: #d9d9d9
}
.header-light .sf-mega.container .divcell h5, .vertical-menu .header-light .sf-mega.container .divcell h5 {
color: #333
}
.header-light .sf-mega.container .divcell li>a, .vertical-menu .header-light .sf-mega.container .divcell li>a {
color: #4d4d4d
}
.header-light .sf-mega.container .divcell li>a:hover, .vertical-menu .header-light .sf-mega.container .divcell li>a:hover {
color: #e6940e
}
.header-light .dropdown .divider, .vertical-menu .header-light .dropdown .divider {
background-color: #d9d9d9
}
.navbar-fixed-bottom .navbar-collapse, .navbar-fixed-top .navbar-collapse {
max-height: none
}
.navbar-brand {
color: #fff;
font-size: 32px;
line-height: 86px;
height: auto;
padding: 0
}
.navbar-brand:hover {
color: #e6940e
}
.vertical-menu .navbar-brand {
margin-bottom: 30px;
line-height: 38px
}
.page-header {
margin-bottom: 40px;
margin-top: 0;
padding: 0;
position: relative;
border: 0
}
.page-header:before {
position: absolute;
top: calc(50% - 1px);
left: 30px;
width: calc(100% - 60px);
height: 1px;
background-color: #ccc;
text-align: center;
content: '\0020';
z-index: -1
}
.page-header>h2, .page-header>h3, .page-header>h4 {
background-color: #fff;
padding: 0 30px;
margin: 0;
vertical-align: middle;
display: inline-block;
position: relative
}
.page-header .subheader {
vertical-align: middle;
display: inline-block;
background-color: #fff;
padding: 0 20px
}
.page-header .subheader .icon {
margin-bottom: 15px
}
.page-header .subheader h2 {
margin-bottom: 5px
}
.headcontent>.container, .header .container {
padding: 0
}
.headcontent {
padding: 46px 0;
position: relative;
min-height: 130px;
background-color: #f2f2f2
}
.headcontent.no-background {
border-bottom: 1px solid #e6e6e6
}
.headcontent.headcontent-xs {
padding: 46px 0
}
.headcontent.headcontent-sm {
padding: 70px 0
}
.headcontent.headcontent-md {
padding: 110px 0
}
.headcontent.headcontent-lg {
padding: 175px 0
}
.headcontent.headcontent-dark {
background-color: #333
}
.headcontent.headcontent-dark *, .headcontent.headcontent-dark .breadcrumb *, .headcontent.headcontent-dark .breadcrumb>li+li:before {
color: #666
}
.headcontent.headcontent-dark h1 {
color: #ccc
}
.headcontent[class*=bg-] {
border-bottom-color: transparent
}
.headcontent .hc-panel {
position: relative;
top: 46px;
left: 0
}
.headcontent .grid-nav nav {
margin-top: -5px
}
.hc-toggle {
width: 47px;
height: 47px;
border-radius: 100%;
background-color: #eff0f2;
position: absolute;
left: 50%;
bottom: -20px;
margin-left: -24px;
display: block;
z-index: 3
}
.headcontent-dark .hc-toggle.collapsed {
background-color: #333
}
.hc-toggle:after {
position: absolute;
width: 100%;
height: 100%;
background: url(../images/621b6cebb9914316860bee6679798172.gif) 50% 50% no-repeat;
display: block;
opacity: 1;
content: '\0020';
transition: opacity .3s ease
}
.hc-toggle.collapsed {
background-color: #f2f2f2
}
.hc-toggle.collapsed:after {
background-image: url(../images/bd9f6171e8e9463d9bf161967b7657e7.gif);
opacity: .5
}
.hc-toggle:hover:after {
opacity: 1
}
.countdown {
margin-bottom: 23px
}
.countdown>div {
vertical-align: top;
display: inline-block;
font-size: 38px
}
.countdown>div:first-child {
margin-right: 32px
}
.countdown span {
vertical-align: top;
display: inline-block;
line-height: 1
}
.countdown i {
font-style: normal;
vertical-align: top;
display: inline-block;
line-height: 32px;
text-align: center;
width: 32px
}
.countdown ins {
display: block;
font-size: 18px;
color: #b3b3b3
}
.countdown ins.cd1 {
display: block;
width: 1px
}
.countdown-page {
padding: 0
}
.countdown-page .countdown {
margin-bottom: 100px
}
.countdown-page .countdown span {
font-size: 135px;
color: #fff;
position: relative
}
.countdown-page .countdown i {
font-size: 135px;
opacity: .1;
line-height: 115px;
color: #fff
}
.countdown-page .countdown ins {
position: absolute;
bottom: -30px;
left: 0;
margin: auto;
display: block;
font-size: 19px;
opacity: .5;
width: 100%
}
.countdown-page .countdown>div:first-child {
margin-right: 60px
}
.countdown-page .countdown>div:first-child * {
color: #e6940e
}
.countdown-page p {
font-size: 40px;
color: #b3b3b3;
line-height: 46px
}
.counts {
overflow: hidden;
margin-bottom: 30px
}
.counts>* {
margin-right: 30px
}
.counts>:last-child {
margin-right: 0
}
.countup {
font-size: 55px;
min-height: 55px;
line-height: 1;
color: #ccc;
margin-bottom: 20px
}
.countup.countup-xs {
font-size: 24px;
min-height: 24px;
margin-bottom: 5px
}
.countup.countup-xs+span {
color: #333
}
.countup ins {
display: block;
width: 0;
height: 3px;
content: '\0020';
border-bottom: 3px solid #e6940e;
margin-top: 10px
}
.white * {
color: #fff
}
.countup-wrap span {
font-size: 19px;
color: #333;
vertical-align: middle;
display: inline-block;
padding-bottom: 5px
}
.countup-wrap>span {
margin-right: 15px
}
.countup-wrap .countup {
font-size: 19px;
min-height: 19px;
color: #e6940e;
vertical-align: middle;
display: inline-block;
margin: 0
}
.countup-wrap .countup * {
color: #e6940e
}
.countup-wrap .countup-line {
display: block;
width: 0;
height: 3px;
content: '\0020';
border-bottom: 3px solid #e6940e
}
.countup-wrap+.countup-wrap {
margin-top: 17px
}
form+form {
margin-top: 40px
}
input[type=email], input[type=password], input[type=search], input[type=text], textarea, textarea.form-control {
font-size: 18px;
color: #333;
width: 100%;
height: 49px;
border: 2px solid #e6e6e6;
border-radius: 4px;
font-family: 'Varela Round', "Microsoft YaHei", sans-serif;
padding: 1px 15px 0;
background-color: #fff;
box-shadow: none!important;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale
}
input[type=email]:focus, input[type=password]:focus, input[type=search]:focus, input[type=text]:focus, textarea.form-control:focus, textarea:focus {
border-color: #e6e6e6
}
textarea, textarea.form-control {
height: 210px;
line-height: 26px;
overflow: auto;
resize: none;
padding: 15px
}
.radio img {
margin: -2px 0 -7px 10px
}
.has-error input[type=email], .has-error input[type=password], .has-error input[type=search], .has-error input[type=text], .has-error textarea {
border-color: #df6d69;
color: #d9534f
}
.form-wrap .has-error input[type=email], .form-wrap .has-error input[type=password], .form-wrap .has-error input[type=search], .form-wrap .has-error input[type=text], .form-wrap .has-error textarea {
border-color: #e6e6e6;
background-color: #fceeec
}
.form-control::-webkit-input-placeholder, ::-webkit-input-placeholder {
opacity:1;
color:#b3b3b3;
padding-top:1px;
-webkit-font-smoothing:antialiased
}
.form-control::-moz-placeholder, ::-moz-placeholder {
opacity:1;
color:#b3b3b3;
padding-top:1px;
-moz-osx-font-smoothing:grayscale
}
.form-control:-ms-input-placeholder, input:-ms-input-placeholder {
opacity:1;
color:#b3b3b3;
padding-top:1px
}
.form-control:-ms-input-placeholder, textarea:-ms-input-placeholder {
opacity:1;
color:#b3b3b3;
padding-top:1px
}
.form-group {
margin: 0 0 10px
}
.form-group:after, .form-group:before {
content: '\0020';
display: table
}
.form-group:after {
clear: both
}
.form-group:focus {
box-shadow: none
}
.form-group>label {
display: block;
font-weight: 400;
color: #b3b3b3;
font-size: 18px;
line-height: 28px;
margin: 5px 0
}
.form-wrap {
border: 2px solid #e6e6e6;
border-radius: 4px;
margin: 0 0 25px
}
.form-wrap>.form-group:first-child input, .form-wrap>.form-group:first-child input :focus, .form-wrap>.form-group:first-child textarea, .form-wrap>.form-group:first-child textarea :focus {
border-top-width: 0;
border-radius: 2px 2px 0 0
}
.form-wrap>.form-group:last-child input, .form-wrap>.form-group:last-child input:focus, .form-wrap>.form-group:last-child textarea, .form-wrap>.form-group:last-child textarea:focus {
border-bottom-width: 0;
border-radius: 0 0 2px 2px;
float: left;
width: 100%
}
.form-wrap [class*=col-] {
padding-left: 0;
padding-right: 0;
border-left: 1px solid #e6e6e6
}
.form-wrap [class*=col-]:first-child {
border-left: 0
}
.form-wrap .form-group {
margin: 0
}
.form-wrap .chosen-container, .form-wrap input, .form-wrap textarea {
border-radius: 0;
border-width: 0 0 1px
}
.form-inline .form-group {
margin-right: 6px
}
.succs-msg {
display: none;
margin: 29px 0 0 30px!important;
color: #333;
vertical-align: middle
}
.checkbox, .checkbox *, .radio, .radio * {
line-height: 1;
color: gray
}
.checkbox label, .radio label {
display: inline-block
}
.checkbox label {
padding-left: 24px
}
.checkbox input[type=checkbox] {
margin-left: -24px
}
input[type=checkbox], input[type=radio] {
margin-top: 1px;
outline: 0!important
}
label.checkbox-inline, label.radio-inline {
position: relative;
display: inline-block;
vertical-align: bottom;
line-height: .95
}
label.checkbox-inline+.checkbox-inline, label.checkbox-inline+.radio-inline, label.radio-inline+.checkbox-inline, label.radio-inline+.radio-inline {
margin-left: 20px
}
.checkbox+.checkbox, .radio+.radio {
margin-top: 10px
}
.form-group {
line-height: 1
}
.form-group+.btn {
margin-top: 30px
}
form .btn+p {
margin-top: 15px
}
form fieldset {
margin-bottom: 25px
}
form fieldset+.btn {
margin-top: 10px
}
.create-account form {
padding-bottom: 0
}
.create-account p {
padding: 15px 0 0;
margin-bottom: -10px
}
.ship-header h4 {
margin-bottom: 20px
}
.ship-header .checkbox {
color: #b3b3b3;
font-size: 18px;
float: right;
margin: 8px 0 0
}
#shipto textarea {
height: 120px
}
.login-form {
margin: 45px 0 25px
}
.login-form .checkbox {
margin: 25px 0;
color: gray
}
.search-form {
overflow: hidden
}
.search-form .form-group {
margin: 0!important;
float: left;
width: 100%
}
.search-form [type=search], .search-form [type=text] {
padding-right: 50px
}
.search-form [type=submit] {
position: relative;
z-index: 2;
font-size: 20px;
color: #b3b3b3;
margin: 12px 0 0 -37px;
border: 0;
background-color: transparent
}
.search-form [type=submit]:hover {
color: #333
}
.subscribe-form {
position: relative
}
.subscribe-form .form-group {
margin-bottom: 20px
}
.subscribe-form [type=email], .subscribe-form [type=text] {
padding-right: 70px;
font-size: 17px;
background-color: transparent
}
.footer .subscribe-form [type=email], .footer .subscribe-form [type=text] {
border-color: gray;
color: #b3b3b3
}
.footer [type=email]::-webkit-input-placeholder {
color:#333
}
.footer [type=email]::-moz-placeholder {
color:#333
}
.footer [type=email]:-ms-input-placeholder {
color:#333
}
.footer-light [type=email]::-webkit-input-placeholder {
color:#b3b3b3
}
.footer-light [type=email]::-moz-placeholder {
color:#b3b3b3
}
.footer-light [type=email]:-ms-input-placeholder {
color:#b3b3b3
}
.subscribe-form .btn[type=submit] {
position: absolute;
right: 0;
top: 0;
height: 49px;
padding: 0 12px;
margin: 0;
float: right
}
.newsletter {
height: 360px;
overflow: hidden
}
.newsletter p {
font-size: 36px;
color: #fff;
line-height: 50px;
margin: 0
}
.newsletter form {
position: relative
}
.newsletter form input[type=email] {
border: 0;
padding-right: 170px;
height: 50px
}
.newsletter form .btn {
position: absolute;
right: 0;
top: 0;
border-radius: 0 4px 4px 0
}
.newsletter .validatr-message {
font-size: 18px;
line-height: 28px;
color: #d9534f!important;
background-color: transparent!important;
border-radius: 0!important;
border: 0!important;
padding: 0!important
}
.newsletter .success-block {
margin-top: 10px
}
.newsletter .success-block p {
font-size: 18px;
line-height: 28px;
color: #5cb85c
}
.newsletter .success-block p.error {
color: #d9534f
}
.jslider {
display: block;
width: 100%;
height: 1px;
position: relative;
top: 0;
background-color: #b3b3b3;
margin: 60px 0
}
.jslider table {
border-collapse: collapse;
border: 0
}
.jslider td, .jslider th {
vertical-align: top;
text-align: left;
border: 0;
padding: 0
}
.jslider table, .jslider table tr, .jslider table tr td {
width: 100%;
vertical-align: top;
padding: 0!important
}
.jslider .jslider-bg {
position: relative
}
.jslider .jslider-bg i {
height: 5px;
position: absolute;
font-size: 1px;
top: 0
}
.jslider .jslider-bg .l {
width: 10%;
left: 0
}
.jslider .jslider-bg .f {
width: 80%;
left: 10%
}
.jslider .jslider-bg .r {
width: 10%;
left: 90%
}
.jslider .jslider-bg .v {
position: absolute;
width: 60%;
left: 20%;
top: -1px;
height: 2px;
background-color: #e6940e;
transition: all 0s ease
}
.jslider .jslider-pointer {
width: 23px;
border-radius: 100%;
background-color: #fff;
border: 3px solid #e6940e;
height: 23px;
position: absolute;
left: 20%;
top: -12px;
margin-left: -12px;
cursor: pointer;
transition: background-color .3s ease
}
.jslider .jslider-pointer-hover, .jslider .jslider-pointer:hover {
background-color: #e6940e
}
.jslider .jslider-label {
font-size: 9px;
line-height: 12px;
color: #000;
opacity: .4;
white-space: nowrap;
position: absolute;
top: -18px;
left: 0;
padding: 0 2px
}
.jslider .jslider-label-to {
left: auto;
right: 0
}
.jslider .jslider-value {
font-size: 17px;
color: #000;
white-space: nowrap;
position: absolute;
top: -33px;
left: 20%;
line-height: 12px
}
.jslider .jslider-label small, .jslider .jslider-value small {
position: relative;
top: -.4em
}
.jslider .jslider-scale {
position: relative
}
.jslider .jslider-scale>span:last-child {
text-align: right
}
.jslider .jslider-scale>span:last-child ins {
left: auto;
right: 0
}
.jslider .jslider-scale span {
position: absolute;
height: 4px;
border-left: 1px solid #b3b3b3;
font-size: 1px
}
.jslider .jslider-scale ins {
font-size: 14px;
text-decoration: none;
position: absolute;
left: 0;
top: 10px;
color: #b3b3b3
}
.jslider-limitless .jslider-label, .jslider-single .jslider-bg .v, .jslider-single .jslider-pointer-to, .jslider-single .jslider-value-to {
display: none
}
.jslider .jslider-pointer-to, .jslider .jslider-value-to {
left: 80%
}
.chosen-container {
position: relative;
vertical-align: middle;
display: inline-block;
text-align: left;
font-size: 17px;
min-width: 60px;
border: 2px solid #e6e6e6;
border-radius: 5px
}
.chosen-container .chosen-drop {
position: absolute;
top: 100%;
left: -9999px;
z-index: 1010;
width: calc(100% + 4px);
background-color: #fff;
border: 2px solid #e6e6e6;
border-top: 0;
border-radius: 0 0 5px 5px
}
.chosen-container.chosen-with-drop .chosen-drop {
left: -2px;
margin-top: -2px
}
.chosen-container a {
cursor: pointer
}
.chosen-container-single .chosen-single {
position: relative;
display: block;
overflow: hidden;
height: 49px;
background-clip: padding-box;
color: #333;
text-decoration: none;
white-space: nowrap;
font-size: 17px;
line-height: 49px;
border-radius: 4px;
padding: 0 0 0 15px;
transition: color .3s ease
}
.chosen-with-drop .chosen-single {
background-color: #fff
}
.chosen-container-single .chosen-single span {
display: block;
overflow: hidden;
margin-right: 25px;
text-overflow: ellipsis;
white-space: nowrap
}
.chosen-container-single .chosen-single-with-deselect span {
margin-right: 38px
}
.chosen-container-single .chosen-single abbr {
position: absolute;
top: 6px;
right: 26px;
display: block;
width: 12px;
height: 12px;
font-size: 1px
}
.chosen-search {
display: none
}
.chosen-container-single .chosen-single div {
position: absolute;
top: 0;
right: 0;
display: block;
width: 49px;
height: 100%;
text-align: center;
background: url(../images/9446f65c06f745b784b33090b835303e.gif) 50% 50% no-repeat
}
.chosen-container-single .chosen-single div strong {
vertical-align: middle;
display: inline-block;
width: 11px;
height: 6px;
position: relative;
opacity: .3
}
.chosen-container-single .chosen-drop {
background-clip: padding-box
}
.chosen-container .chosen-results {
position: relative;
overflow-x: hidden;
overflow-y: auto;
max-height: 320px;
margin: 0 4px 4px 0;
padding: 5px 0 5px 4px
}
.chosen-container .chosen-results li {
display: none;
list-style: none;
color: #666;
text-indent: 0;
line-height: 32px;
white-space: nowrap;
margin: 0;
padding: 0 10px 0 13px!important
}
.chosen-container .chosen-results li:before {
display: none!important
}
.chosen-container .chosen-results li.active-result {
display: list-item;
cursor: pointer
}
.chosen-container .chosen-results li.highlighted {
color: #e6940e
}
.chosen-container .chosen-results li.no-results {
display: list-item;
color: #e6940e;
padding: 0 18px 8px!important
}
.chosen-container .chosen-results li.group-result {
display: list-item;
cursor: default
}
.chosen-container .chosen-results li.group-option {
padding-left: 35px!important
}
.search-choice {
margin-top: 9px
}
.chosen-container .chosen-results .level-1 {
padding-left: 45px!important
}
.chosen-container .chosen-results .level-2 {
padding-left: 75px!important
}
.chosen-container .chosen-results li em {
font-style: normal;
text-decoration: underline
}
.chosen-container-multi .chosen-choices {
position: relative;
overflow: hidden;
width: 100%;
height: auto!important;
background-color: #333;
cursor: text;
margin: 0 25px 0 0;
padding: 0
}
.chosen-container-multi .chosen-choices li {
float: left;
list-style: none;
padding-left: 18px!important;
line-height: 24px;
color: #000
}
.chosen-container-multi .chosen-choices li:before {
display: none!important
}
.search-field input {
border: 0;
padding-right: 0;
padding-left: 0!important;
color: #999!important
}
.chosen-container-multi .chosen-results {
margin: 0;
padding: 0
}
.chosen-disabled {
opacity: .5!important;
cursor: default
}
.chosen-container-single .chosen-default {
color: #999
}
.chosen-container .chosen-results li.disabled-result {
display: list-item;
color: #ccc;
cursor: default
}
.slider {
position: relative
}
.slider li {
float: left;
position: relative;
overflow: hidden;
padding: 0;
margin-bottom: 0;
min-width: 1px
}
.slider li:before {
display: none
}
.slider li.overlay:before, .slider li.pattern:before {
display: block
}
.slider li[class*=col-] {
padding-left: 0;
padding-right: 0
}
.slider li>a {
display: block
}
.slider.container, .slider.container-fluid {
padding-bottom: 100px
}
.slider.container-fluid {
padding-left: 0;
padding-right: 0
}
[class*=bg-] .slider {
padding-top: 100px;
padding-bottom: 100px;
margin-bottom: 0
}
.slider.mix-list, .slider.no-mix {
margin-bottom: -30px
}
.slider.mix-list .mix {
-webkit-transform: none!important;
-moz-transform: none!important;
-ms-transform: none!important;
transform: none!important;
opacity: 1!important;
display: inline-block
}
.slider.mix-list .mix .fig {
transition: opacity .3s ease
}
.slider.mix-list .mix .fig img {
max-width: 100%;
width: 100%
}
.slider.mix-list .mix.inactive .fig {
opacity: .4!important
}
.slider.mix-list .mix.inactive .mask, .slider.mix-list .mix.inactive .mask-soc {
opacity: 0!important;
cursor: default
}
.slider>.row {
margin-left: -30px;
margin-right: -30px
}
.fullscreen.content-absolute .container, .fullscreen.slider .container, .vertical-menu.fullscreen.slider .container {
padding-top: 0
}
.slider.vertical, .slider.vertical .caroufredsel_wrapper, .slider.vertical li, .slider.vertical ul {
width: 100%!important;
overflow: hidden
}
.header+.slider {
margin-bottom: 120px
}
.text-center .caroufredsel_wrapper>ul {
text-align: center!important
}
.slider p+.btn {
margin-top: 0
}
.oneslider {
position: relative;
z-index: 0
}
.oneslider li a>img {
width: 100%
}
.oneslider img {
vertical-align: top;
width: 100%;
position: relative;
z-index: 1
}
.oneslider img.img-circle {
max-width: 240px
}
.oneslider p {
color: gray;
margin-bottom: 30px
}
.oneslider .price {
font-size: 32px;
margin-bottom: 30px
}
.appslider h1 {
font-size: 40px;
line-height: 46px;
margin-bottom: 20px
}
.appslider img, .appslider li a>img {
width: auto;
max-width: 100%
}
.appslider p {
font-size: 22px;
line-height: 28px;
color: #ccc;
margin-bottom: 40px
}
.headcontent+.pricing {
margin-top: 30px
}
.pricing {
padding-top: 40px
}
.pricing [class*=col-] {
border-top: 7px solid transparent;
padding-top: 45px;
padding-bottom: 45px;
position: relative;
margin-top: 60px
}
.pricing [class*=col-].bg-primary {
border-radius: 5px;
border-top-color: #e6940e
}
.pricing [class*=col-].bg-dark {
background-color: #333
}
.pricing [class*=col-].bg-dark hr {
border-color: #565656
}
.pricing [class*=col-].bg-dark .white * {
color: #fff
}
.pricing [class*=col-].bg-dark .num+p {
color: #4c4c4c
}
.pricing h3 {
font-size: 32px;
color: gray;
margin-bottom: 25px
}
.pricing p.information {
height: 195px
}
.pricing .btn {
margin-bottom: 18px
}
.pricing .most {
position: absolute;
top: -54px;
left: 0;
color: #e6940e;
font-size: 21px;
width: 100%
}
.quoteslider {
padding-top: 30px
}
.quoteslider .quote {
margin-top: -160px;
padding: 160px 0 20px
}
.portfolio-home-slider {
margin-bottom: 90px
}
.portfolio-home-slider [class*=col-] {
padding: 0
}
.portfolio-classic-slider {
height: 750px
}
.portfolio-classic-slider .container, .portfolio-classic-slider li {
height: 750px;
padding: 0
}
.portfolio-classic-slider .container.padding, .portfolio-classic-slider li.padding {
padding-top: 60px
}
.portfolio-promo-slider.slider .animate {
-webkit-animation-delay: 0s;
animation-delay: 0s;
-webkit-animation-duration: .5s;
animation-duration: .5s
}
.fullscreen {
overflow: hidden;
position: relative;
clear: both
}
.fullscreen .jumbotron {
height: auto;
overflow: visible
}
.fullscreen .jumbotron>.container {
padding-bottom: 0
}
.slider .jumbotron {
height: auto;
overflow: visible
}
.slider .jumbotron li:first-child {
position: relative;
z-index: 2
}
.slider .jumbotron li:last-child {
position: relative;
z-index: -9999
}
.slider .animate {
-webkit-animation-delay: .1s;
animation-delay: .1s
}
.slider li:last-child:not(:first-child) .animate {
opacity: 0!important
}
.slider-fixheight li {
height: 600px
}
.slider-ecommerce {
padding-bottom: 100px
}
.content-absolute {
position: absolute;
left: 0;
top: 0;
margin: auto;
z-index: 9;
width: 100%;
height: 100%
}
.content-absolute+.slider {
z-index: auto
}
.content-absolute+.slider .arrow, .content-absolute+.slider .nav-pages {
z-index: 10
}
.vertical-menu .content-absolute {
padding-left: 260px
}
.carousel img {
width: 100%
}
.carousel.wedding-carousel li>img {
min-width: 300px
}
.dark-theme {
background-color: #212121!important
}
.light-theme {
background-color: #f2f2f2!important
}
.bg-default {
background-color: #fafafa
}
.bg-primary {
background-color: #f6f7f9
}
.bg-warning {
background-color: #eff0f2
}
.bg-white {
background-color: #fff
}
.bg-full-gray {
background-color: #f2f2f2
}
.solid-slide {
background-color: #3a3430
}
.solid-dark-color {
background-color: #282828
}
.solid-color-ground {
background-color: #35312a
}
.solid-color {
background-color: #cf850d
}
.solid-color * {
color: #ffd07f
}
.solid-color .breadcrumb *, .solid-color .breadcrumb>li+li:before, .solid-color h5 small {
color: #f2bd62
}
.solid-color .breadcrumb>li>a:hover, .solid-color h1, .solid-color h3 {
color: #fff
}
.no-background {
background: 0 0!important
}
[class*=bg-sl-], [data-stellar-background-ratio] {
background-size:cover;
background-position:50% 0;
background-repeat:no-repeat;
z-index:0;
position:relative
}
[class*=bg-sl-parallax]:before {
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 100%;
content: '\0020';
opacity: .45;
background-color: #666
}
[class*=bg-sl-parallax].overlay-0:before {
opacity: 0
}
.bg-sl-center {
background-position: 50% 50%
}
.bg-sl-1 {
background-image: url(../images/fslide-3.jpg)
}
.bg-sl-2 {
background-image: url(../images/fslide-4.jpg)
}
.bg-sl-3 {
background-image: url(../images/portfolio-5.jpg)
}
.bg-sl-4 {
background-image: url(../images/portfolio-4.jpg)
}
.bg-sl-5 {
background-image: url(../images/portfolio-1.jpg)
}
.bg-sl-6 {
background-image: url(../images/portfolio-2.jpg)
}
.bg-sl-7 {
background-image: url(../images/portfolio-3.jpg)
}
.bg-sl-classic-1 {
background-image: url(../images/classic-1.jpg)
}
.bg-sl-classic-2 {
background-image: url(../images/classic-2.jpg)
}
.bg-sl-classic-3 {
background-image: url(../images/classic-3.jpg)
}
.bg-sl-error {
background-image: url(../images/404.jpg)
}
.bg-sl-under {
background-image: url(../images/under.jpg)
}
.bg-sl-parallax-1 {
background-image: url(../images/parallax-1.jpg)
}
.bg-sl-parallax-2 {
background-image: url(../images/parallax-2.jpg)
}
.bg-sl-parallax-3 {
background-image: url(../images/parallax-3.jpg)
}
.bg-sl-head {
background-image: url(../images/bg-1.jpg)
}
.bg-sl-section-parallax {
background-image: url(../images/bg-2.jpg)
}
.bg-sl-section-image {
background-image: url(../images/bg-3.jpg)
}
.bg-sl-section-image h4 {
color: #e6940e
}
.bg-sl-fscreen-1 {
background-image: url(../images/bg-4.jpg)
}
.bg-sl-fscreen-2 {
background-image: url(../images/bg-5.jpg)
}
.bg-sl-fscreen-3 {
background-image: url(../images/bg-6.jpg)
}
.bg-sl-fscreen-4 {
background-image: url(../images/bg-7.jpg)
}
.bg-sl-fscreen-5 {
background-image: url(../images/bg-8.jpg)
}
.bg-sl-fscreen-6 {
background-image: url(../images/parallax-2.jpg)
}
.bg-sl-wedding-1 {
background-image: url(../images/wedding-1.jpg)
}
.bg-sl-wedding-2 {
background-image: url(../images/wedding-2.jpg)
}
.bg-sl-wedding-3 {
background-image: url(../images/wedding-3.jpg)
}
.pattern:after {
background: url(../images/1e05667119bf496483b6c898c6c14b9a.gif);
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 100%;
content: '\0020';
opacity: .1;
z-index: 0
}
.pattern.pattern-lines:after {
background-image: url(../images/c50c0c6786b046f0bb0dad11d3710737.gif)
}
.pattern>* {
z-index: 1
}
.overlay {
overflow: hidden;
background-color: transparent
}
.overlay:before {
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 100%;
content: '\0020';
opacity: .5;
z-index: -1;
background-color: #1f1f1f
}
.overlay-light.overlay:before {
opacity: .3
}
.overlay-dark.overlay:before {
opacity: .7
}
.overlay-night.overlay:before {
opacity: .8
}
.contact-bg {
background: url(../images/worldmap-w.png) 50% 50% no-repeat
}
.footer-light .contact-bg {
background: url(../images/worldmap-b.png) 50% 50% no-repeat
}
.mask {
position: absolute;
left: 0;
top: 0;
width: 100.1%;
height: 100%;
display: block;
background-color: rgba(230,148,14,.9);
opacity: 0;
text-align: center;
z-index: 1
}
.mask>* {
vertical-align: middle;
text-decoration: none;
opacity: 0;
width: 100%;
transition: opacity .5s 0s ease-in-out;
-webkit-transform: translate(-50%, -50%);
-moz-transform: translate(-50%, -50%);
-ms-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
position: absolute;
left: 50%;
top: 50%;
margin: auto
}
.mask>* h3 {
font-size: 28px;
margin: 0
}
.mask>img {
position: absolute;
left: 0;
top: 0;
bottom: 0;
right: 0;
margin: auto;
opacity: 1;
-webkit-transform: none;
-moz-transform: none;
-ms-transform: none;
transform: none;
width: auto!important
}
.mask * {
color: #fff;
line-height: 28px;
margin-bottom: 0
}
.mask * small {
display: block;
color: #f3ca82;
margin-top: 0;
font-size: 24px
}
.mask i {
font-size: 80px
}
.mask .fa-bars {
color: #fff;
font-size: 60px
}
.mask h4 small, .mask h5 small {
font-size: 18px
}
.mask ul {
margin: 0;
display: table-cell;
vertical-align: middle;
width: 100%;
height: 100%
}
.mask ul li {
padding-left: 0!important;
float: none
}
.mask ul li:before {
display: none!important
}
.magnific-wrap {
padding-left: 0;
padding-right: 0
}
.container>.magnific-wrap {
padding-bottom: 100px;
margin-bottom: -100px
}
.magnific-wrap .mask:hover:after {
width: 48px;
height: 48px;
position: absolute;
left: 50%;
top: 50%;
margin: -24px 0;
content: '\0020'
}
.logos li:hover img, .mask:hover, .mask:hover>*, .mix:hover .mask, .mix:hover .mask>*, .msnr:hover .mask, .msnr:hover .mask>* {
opacity: 1
}
.mask-soc {
position: absolute;
right: 30px;
bottom: 20px;
text-align: right;
transition: opacity .3s 0s ease-in-out;
opacity: 0;
z-index: 2;
padding: 0!important
}
.mask-soc a {
color: #9d6501;
margin-left: 5px;
font-size: 32px
}
.mask-soc a:hover {
color: #634000
}
.mix:hover .mask-soc {
opacity: 1
}
.magnific-wrap .magnific-gallery, .magnific-wrap .magnific-video {
background-color: rgba(230,148,14,.9);
opacity: 1
}
.magnific-gallery:hover, .magnific-video:hover {
background-color: rgba(230,148,14,.8)
}
.magnific-gallery:after, .magnific-video:after {
display: none
}
.msnr {
padding: 0
}
.msnr>img {
width: 100.1%
}
.mask .msnr i {
font-size: 80px
}
.mix [data-stellar-background-ratio] {
height: 400px
}
.arrow, .mfp-arrow, .th-arrow {
width: 77px;
height: 77px;
display: block;
border-radius: 77px;
line-height: 77px;
position: absolute;
z-index: 3;
text-align: center;
top: 50%;
margin-top: -58px;
background-color: transparent;
transition: border .3s ease;
cursor: pointer;
white-space: nowrap;
border: 0
}
.slider:not(.container) .arrow, .slider:not(.container) .mfp-arrow, .slider:not(.container) .th-arrow {
margin-top: -88px
}
.slider.container .arrow, .slider.container .mfp-arrow, .slider.container .th-arrow, .slider.container-fluid .arrow, .slider.container-fluid .mfp-arrow, .slider.container-fluid .th-arrow, .slider.fullscreen .arrow, .slider.fullscreen .mfp-arrow, .slider.fullscreen .th-arrow, .slider.logotypes .arrow, .slider.logotypes .mfp-arrow, .slider.logotypes .th-arrow, .slider.portfolio-classic-slider .arrow, .slider.portfolio-classic-slider .mfp-arrow, .slider.portfolio-classic-slider .th-arrow, .slider.portfolio-home-slider .arrow, .slider.portfolio-home-slider .mfp-arrow, .slider.portfolio-home-slider .th-arrow {
margin-top: -58px
}
.slider.container-fluid.singlework-portfolio .arrow, .slider.container-fluid.singlework-portfolio .mfp-arrow, .slider.container-fluid.singlework-portfolio .th-arrow, .slider.container-fluid.singlework-portfolio.magnific-wrap .arrow, .slider.container-fluid.singlework-portfolio.magnific-wrap .mfp-arrow, .slider.container-fluid.singlework-portfolio.magnific-wrap .th-arrow, .slider.margin-list .arrow, .slider.margin-list .mfp-arrow, .slider.margin-list .th-arrow, .slider.mix-list.margin-list .arrow, .slider.mix-list.margin-list .mfp-arrow, .slider.mix-list.margin-list .th-arrow, .slider.singlework-portfolio .arrow, .slider.singlework-portfolio .mfp-arrow, .slider.singlework-portfolio .th-arrow, .slider.sm-padding-top .arrow, .slider.sm-padding-top .mfp-arrow, .slider.sm-padding-top .th-arrow {
margin-top: -74px
}
.slider-ecommerce .arrow, .slider-ecommerce .mfp-arrow, .slider-ecommerce .th-arrow {
margin-top: -108px
}
[class*=bg-] .oneslider .arrow, [class*=bg-] .oneslider .mfp-arrow, [class*=bg-] .oneslider .th-arrow {
margin-top: -38px
}
.slider.quoteslider .arrow, .slider.quoteslider .mfp-arrow, .slider.quoteslider .th-arrow {
margin-top: 2px
}
.slider.mix-list .arrow, .slider.mix-list .mfp-arrow, .slider.mix-list .th-arrow {
margin-top: -68px
}
.slider.container-fluid.magnific-wrap .arrow, .slider.container-fluid.magnific-wrap .mfp-arrow, .slider.container-fluid.magnific-wrap .th-arrow, .slider.no-padding .arrow, .slider.no-padding .mfp-arrow, .slider.no-padding .th-arrow {
margin-top: -88px
}
.arrow:before, .mfp-arrow:after, .mfp-arrow:before, .mfp-close:before {
width: 100%;
height: 100%;
border-radius: 77px;
border: 3px solid #000;
opacity: .3;
display: block;
content: '\0020';
position: absolute;
transition: all .3s ease;
top: 0
}
.arrow.light:before, .mfp-arrow:after, .mfp-arrow:before {
border-color: #fff
}
.arrow i {
width: 14px;
height: 32px;
position: absolute;
left: 30px;
top: 50%;
margin-top: -16px;
transition: opacity .3s ease
}
.arrow:hover:before {
opacity: .7
}
.mfp-arrow:hover:before {
opacity: 1
}
.arrow.prev {
left: 85px
}
.container .slider .arrow.prev, .container.slider .arrow.prev {
left: -100px
}
.arrow.next {
right: 85px
}
.container .slider .arrow.next, .container.slider .arrow.next {
right: -100px
}
.arrow.prev.light i, .mfp-arrow-left:after {
background: url(../images/b65d5d15ec7c49fc890a4b8f751d4515.gif) 50% 50% no-repeat
}
.arrow.next.light i, .mfp-arrow-right:after {
background: url(../images/e946774d26a54505a0f01ac571822a5e.gif) 50% 50% no-repeat;
left: auto;
right: 30px
}
.arrow.prev i, .arrow.prev.nav-rounded.light:hover i {
background: url(../images/925e035b74574c48b960bfad0cdfd94b.gif) 50% 50% no-repeat;
opacity: .2
}
.arrow.next i, .arrow.next.nav-rounded.light:hover i {
background: url(../images/cec60094f0b941d6a5c50b7f161c3c64.gif) 50% 50% no-repeat;
left: auto;
right: 30px;
opacity: .2
}
.vertical .arrow {
left: 50%!important;
right: auto;
top: auto;
bottom: auto;
margin: 0 0 0 -38px!important;
-webkit-transform: rotate(90deg);
-moz-transform: rotate(90deg);
-ms-transform: rotate(90deg);
transform: rotate(90deg)
}
.vertical .arrow.prev {
top: 60px
}
.vertical .arrow.next {
bottom: 60px
}
.arrow:hover i, .arrow:not(.nav-rounded):hover:before {
opacity: .8
}
.nav-rounded {
transition: width .3s, background-color .3s
}
.arrow.nav-rounded:hover:before {
border-color: #e6e6e6
}
.nav-rounded span {
position: absolute;
top: 0;
left: 0;
margin: 0;
color: #333;
white-space: nowrap;
display: block;
line-height: 77px;
opacity: 0;
transition: opacity .3s, transform .3s;
text-overflow: ellipsis;
overflow: hidden
}
a.prev.nav-rounded span {
left: auto;
right: 40px;
-webkit-transform: translateX(100%);
-moz-transform: translateX(100%);
-ms-transform: translateX(100%);
transform: translateX(100%)
}
a.next.nav-rounded span {
left: 40px;
-webkit-transform: translateX(-100%);
-moz-transform: translateX(-100%);
-ms-transform: translateX(-100%);
transform: translateX(-100%)
}
a.nav-rounded:hover {
background: #e6e6e6
}
a.nav-rounded:hover span {
opacity: 1;
-webkit-transition-delay: .1s;
transition-delay: .1s;
-webkit-transform: translateX(0);
-moz-transform: translateX(0);
-ms-transform: translateX(0);
transform: translateX(0)
}
.nav-pages {
text-align: center;
position: absolute;
left: auto;
right: auto;
width: 100%;
top: 100%;
margin-top: -60px;
z-index: 5
}
.nav-pages a {
text-indent: -9999px;
width: 14px;
height: 14px;
vertical-align: middle;
display: inline-block;
border-radius: 100%;
position: relative;
border: 2px solid #c3c3c3;
transition: background .3s ease;
margin: 0 6px;
overflow: hidden
}
.nav-pages a:hover {
border-color: #e6940e
}
.nav-pages a.selected {
border: 4px solid #e6940e;
width: 20px;
height: 20px;
margin: -2px 3px
}
.nav-pages.inside {
margin-top: -80px
}
.fullscreen .nav-pages {
margin-top: -70px
}
.portfolio-home-slider .nav-pages {
margin-top: 30px
}
.vertical .nav-pages {
width: 20px;
left: auto;
right: 50px;
top: 50%;
margin-top: 0
}
.pricing .nav-pages {
margin-top: -85px
}
.pricing .nav-pages a {
border: 0;
width: auto;
height: auto;
border-radius: 0;
overflow: visible;
font-size: 21px;
line-height: 1;
color: #333;
text-indent: 0;
vertical-align: top;
margin: 0 15px
}
.pricing .nav-pages a.selected {
color: #e6940e
}
.pricing .nav-pages a.selected:after {
position: absolute;
left: 0;
bottom: -20px;
content: '\0020';
display: block;
font-size: 0;
width: 100%;
height: 1px;
background-color: #e6940e
}
.mix .nav-pages {
text-align: left;
margin-top: -40px;
left: 15px
}
.mfp-bg {
position: fixed;
top: 0;
left: 0;
width: 100%;
height: 100%;
z-index: 1042;
overflow: hidden;
background: #111;
opacity: .95
}
.mfp-wrap {
position: fixed;
top: 0;
left: 0;
width: 100%;
height: 100%;
z-index: 1043;
overflow: hidden!important;
outline: 0!important;
-webkit-backface-visibility: hidden
}
.mfp-container {
text-align: center;
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 100%;
padding: 0 8px
}
.mfp-container:before {
content: '';
vertical-align: middle;
display: inline-block;
height: 100%
}
.mfp-content {
vertical-align: middle;
display: inline-block;
text-align: left;
z-index: 3;
margin: 0 auto;
max-width: 1200px;
position: relative
}
.mfp-ajax-holder .mfp-content, .mfp-inline-holder .mfp-content {
width: 100%;
cursor: auto
}
.mfp-ajax-cur {
cursor: progress
}
.mfp-auto-cursor .mfp-content {
cursor: auto
}
.mfp-arrow, .mfp-close, .mfp-counter, .mfp-preloader {
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none
}
.mfp-hide {
display: none!important
}
.mfp-preloader {
color: gray;
position: absolute;
top: 50%;
width: auto;
text-align: center;
margin-top: -.8em;
left: 8px;
right: 8px;
z-index: 1044
}
.mfp-preloader a {
color: #ccc
}
.mfp-preloader a:hover {
color: #fff
}
.mfp-close {
position: fixed;
right: 35px;
top: 35px;
text-decoration: none;
text-align: center;
border: 0;
text-indent: -9999px;
width: 77px;
height: 77px;
transition: all 0s ease;
background: url(../images/close.png) 50% 50% no-repeat;
z-index: 1
}
.mfp-close:hover:before {
opacity: 1;
border-color: #d9534f
}
.mfp-arrow:after {
width: 14px;
height: 32px;
opacity: .2;
content: '\0020';
position: absolute;
margin: auto;
left: 0;
right: 0;
top: 0;
bottom: 0;
text-align: center;
border: 0
}
.mfp-arrow-left:after {
left: -5px
}
.mfp-arrow:hover:after {
opacity: 1
}
.mfp-arrow-left {
left: 35px;
background-position: 0 0
}
.mfp-arrow-right {
right: 35px
}
.mfp-counter {
position: fixed;
top: 35px;
left: 35px;
color: gray;
font-size: 26px;
line-height: 77px
}
.mfp-iframe-holder {
padding-top: 40px;
padding-bottom: 40px
}
.mfp-iframe-holder .mfp-content {
line-height: 0;
width: 100%;
max-width: 900px
}
.mfp-iframe-scaler {
width: 100%;
height: 0;
overflow: hidden;
padding-top: 56.25%
}
.mfp-iframe-scaler iframe {
position: absolute;
display: block;
top: 0;
left: 0;
width: 100%;
height: 100%;
background: #000
}
img.mfp-img {
width: auto;
height: auto;
max-width: 100%;
display: block;
line-height: 0;
margin: 0 auto;
padding: 80px 0
}
.mfp-figure {
line-height: 0
}
.mfp-figure:after {
content: '';
position: absolute;
left: 0;
top: 40px;
bottom: 40px;
display: block;
right: 0;
width: auto;
height: auto;
z-index: -1
}
.mfp-figure small {
color: #4c4c4c;
display: block;
font-size: 15px;
line-height: 22px;
margin-top: 4px
}
.mfp-figure figure {
margin: 0
}
.mfp-bottom-bar {
position: absolute;
bottom: 30px;
left: 0;
width: 100%;
cursor: auto
}
.mfp-title {
text-align: center;
line-height: 28px;
color: gray;
word-wrap: break-word;
font-size: 24px
}
.mfp-image-holder .mfp-content {
max-width: 100%
}
.mfp-align-top .mfp-container:before, .mfp-loading.mfp-figure, .mfp-s-error .mfp-content, .mfp-s-ready .mfp-preloader {
display: none
}
.mfp-gallery .mfp-image-holder .mfp-figure, .mfp-zoom {
cursor: pointer
}
.sorting {
z-index: 5;
position: relative;
font-size: 17px;
color: #b3b3b3;
margin-bottom: 60px;
padding: 40px 0 0
}
.sorting .chosen-container-single .chosen-single {
height: 43px;
line-height: 43px;
font-size: 17px
}
.grid-nav .chosen-container {
max-width: 240px
}
.grid-show .chosen-container {
max-width: 87px
}
.grid-show .chosen-container .chosen-single {
padding-left: 15px
}
.grid-nav nav {
font-size: 1px;
line-height: 47px;
vertical-align: middle;
display: inline-block
}
.grid-nav [class*=a-] {
background: url(../images/ico-grid.png) no-repeat;
vertical-align: middle;
display: inline-block;
width: 20px;
height: 18px;
transition: all 0s ease;
position: relative
}
.grid-nav [class*=a-]+a {
margin-left: 20px
}
.grid-nav .a-grid {
background-position: 0 -30px
}
.grid-nav .a-grid.active, .grid-nav .a-grid:hover {
background-position: 0 0
}
.grid-nav .a-grid-m {
background-position: 0 -97px
}
.grid-nav .a-grid-m.active, .grid-nav .a-grid-m:hover {
background-position: 0 -133px
}
.grid-nav .a-grid-t {
background-position: -41px -97px
}
.grid-nav .a-grid-t.active, .grid-nav .a-grid-t:hover {
background-position: -41px -133px
}
.grid-nav .a-grid-tm {
background-position: 0 -169px
}
.grid-nav .a-grid-tm.active, .grid-nav .a-grid-tm:hover {
background-position: -41px -169px
}
.grid-nav .a-list {
background-position: -43px 0
}
.grid-nav .a-list.active, .grid-nav .a-list:hover {
background-position: -43px -30px
}
.grid-nav .a-msnr {
background-position: -41px -61px
}
.grid-nav .a-msnr.active, .grid-nav .a-msnr:hover {
background-position: 0 -61px
}
.grid-nav .arrow {
position: relative;
top: 0;
left: 0!important;
right: 0!important;
bottom: 0;
margin: 0 45px!important;
vertical-align: middle;
display: inline-block;
width: 15px;
height: 32px
}
.grid-nav .arrow i {
left: 0;
right: 0
}
.grid-nav .arrow:before {
border: 0
}
.grid-nav .arrow:last-child {
margin-right: 0!important
}
.grid-nav .arrow:first-child {
margin-left: 0!important
}
.grid-show>* {
vertical-align: middle;
display: inline-block;
color: #b3b3b3
}
.grid-show .chosen-container {
margin: 0 5px
}
.displaying {
padding: 30px 0;
line-height: 53px;
color: #b3b3b3
}
.displaying .container {
padding: 0
}
.displaying p {
vertical-align: middle;
display: inline-block
}
.displaying p ins {
border: 2px solid #e6940e;
border-radius: 3px;
margin: 0 10px;
padding: 0 12px;
line-height: 29px;
color: #e6940e;
vertical-align: middle;
display: inline-block
}
.products {
padding: 0
}
.products hr:last-child {
margin-bottom: 0
}
.product {
vertical-align: top;
display: inline-block;
float: none;
width: 24.5%;
padding: 0 30px
}
.product-list .product {
width: 32.5%
}
.product.clearfix {
width: 100%!important
}
.product.clearfix .sticker {
top: 25px
}
.product.clearfix:last-of-type {
margin-bottom: 0
}
.product, .product-img {
position: relative
}
.product [class*=col-] img, .product img {
width: 100%;
max-width: 300px
}
.product h4 {
margin: 0 0 13px
}
.product h6 {
font-size: 21px;
line-height: 32px;
margin-bottom: 8px
}
.product h4 a, .product h6 a {
color: #333
}
.product h4 a:hover, .product h6 a:hover {
color: #e6940e
}
.product-img {
vertical-align: middle;
display: inline-block;
position: relative;
margin-bottom: 15px
}
.product-img .btn {
opacity: 0;
position: absolute;
top: 50%;
left: 50%;
margin-top: -25px;
margin-left: -68px;
width: 135px;
z-index: 4;
padding: 0
}
.product-img a img {
max-width: 100%;
width: 100%;
vertical-align: top
}
.product-img>a:first-child:before {
opacity: 0;
position: absolute;
width: 100%;
height: 100%;
background-color: rgba(255,255,255,.8);
content: '\0020';
overflow: hidden;
z-index: 3;
display: block;
transition: opacity .3s ease
}
.product-grid {
font-size: 0
}
.product-grid .product {
padding: 0;
width: 25%
}
.product-grid .sticker {
top: 40px;
left: 40px
}
.product-grid .product img, .product-grid .product-img {
width: 100%;
margin: 0
}
.product-grid .product:hover .product-img>a:before, .product-img:hover .btn, .product-img:hover>a:before {
opacity: 1
}
.product-grid .product-img>a:first-child:before {
background-color: rgba(230,148,14,.7)
}
.product-grid .product-descr {
width: auto!important;
-webkit-transform: translate(-50%, -50%);
-moz-transform: translate(-50%, -50%);
-ms-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
transition: opacity .3s ease;
position: absolute;
left: 50%;
top: 50%;
margin: auto;
opacity: 0;
z-index: 4
}
.product-descr h6 {
color: #fff
}
.product-descr .amount, .product-descr .price {
color: #fff;
font-size: 24px
}
.product-grid .product:hover .product-descr {
opacity: 1
}
.slider .product {
max-width: 300px;
min-width: 1px;
width: auto
}
a.add-review {
color: #333
}
a.add-review:hover {
color: #e6940e
}
.catalog-bar h4 {
margin-bottom: 15px
}
.catalog-bar .widget {
margin-bottom: 0
}
.catalog-bar hr {
margin: 45px auto
}
.catalog-bar li:before {
display: none
}
.catalog-bar .widget li.checkbox:last-child, ol.category-list, ul.category-list {
margin-bottom: 0
}
ol.category-list li, ul.category-list li {
width: 100%;
overflow: hidden;
line-height: 30px;
padding-left: 0;
margin: 0;
font-size: 17px
}
ol.category-list ol, ol.category-list ul, ul.category-list ol, ul.category-list ul {
margin-left: 22px;
margin-top: 0
}
.social-links a, .tagcloud a, .widget .checkbox, .widget .flat a, ol.category-list a, ul.category-list a {
color: gray
}
.category-list a.active, .category-list a:hover, .social-links a:hover, .tagcloud a:hover {
color: #333
}
.category-list a span {
border: 2px solid transparent;
border-radius: 3px;
line-height: 26px;
padding: 0 9px;
min-width: 43px
}
.category-list a.active span {
border-color: #e6940e;
color: #e6940e
}
.cart-bar li {
overflow: hidden
}
.cart-bar li:last-child {
margin-bottom: 0
}
.cart-bar .pict, .cart-list .pict {
width: 100px
}
.cart-bar .pict img, .cart-list .pict img {
max-width: 100%;
vertical-align: top
}
.cart-bar .block {
margin: 20px 0 0 110px
}
.cart-bar li {
margin: 0;
padding-left: 0
}
.cart-bar .block a {
color: #333;
margin-bottom: 10px;
display: inline-block;
line-height: 26px
}
.cart-bar .block a:hover {
color: #e6940e
}
.cart-bar .price {
font-size: 21px
}
.cdescription [class*=col-] {
padding-left: 0;
padding-right: 0
}
.cdescription h4 {
margin-bottom: 5px
}
.cdescription .price {
margin-bottom: 20px
}
.rating-wrap {
color: gray;
margin-bottom: 20px
}
.rating-wrap .raty {
font-size: 22px
}
.rating-wrap .badge {
border: 2px solid #e6e6e6;
border-radius: 3px;
padding: 0 10px;
background-color: transparent;
color: #333;
line-height: 29px;
font-weight: 400
}
.rating-wrap .badge:focus, .rating-wrap .badge:hover {
border-color: #e6940e;
background-color: #e6940e;
color: #fff
}
.rating-wrap>* {
vertical-align: middle;
display: inline-block;
margin-right: 10px
}
.raty {
white-space: nowrap
}
.tab-pane .raty-count {
display: block
}
.list .price {
margin-bottom: 10px
}
.product-table a {
color: #333
}
.price {
font-size: 24px;
white-space: nowrap;
color: #b3b3b3;
display: block
}
.price del {
margin-right: 5px;
display: inline-block
}
.price ins {
color: #f55656
}
.price small {
margin: 0;
color: gray;
font-size: 18px;
text-transform: none
}
.product.clearfix .price {
font-size: 24px;
display: inline-block
}
.product-list .product.clearfix .price {
margin-right: -40px
}
.wcolors {
font-size: 0;
width: 210px;
max-width: 100%
}
.wcolors a {
vertical-align: top;
display: inline-block;
width: 30px;
height: 30px
}
.wcolors a:hover {
opacity: .85
}
.wF69679 {
background-color: #f69679
}
.wFDC689 {
background-color: #fdc689
}
.wC4DF9B {
background-color: #c4df9b
}
.wA3D39C {
background-color: #a3d39c
}
.w7ACCC8 {
background-color: #7accc8
}
.w6DCFF6 {
background-color: #6dcff6
}
.w7DA7D9 {
background-color: #7da7d9
}
.wF26C4F {
background-color: #f26c4f
}
.wFBAF5D {
background-color: #fbaf5d
}
.wACD373 {
background-color: #acd373
}
.w7CC576 {
background-color: #7cc576
}
.w00A99D {
background-color: #00a99d
}
.w00BFF3 {
background-color: #00bff3
}
.w605CA8 {
background-color: #605ca8
}
.wF26522 {
background-color: #f26522
}
.wF7941D {
background-color: #f7941d
}
.w8DC63F {
background-color: #8dc63f
}
.w9BAA52 {
background-color: #9baa52
}
.type-product {
padding-bottom: 0
}
.type-product hr {
margin: 40px auto
}
.type-product h3 {
margin-bottom: 15px
}
.type-product .raty {
margin: 0 20px 0 0
}
.type-product .raty i {
font-size: 24px
}
.type-product .price {
font-size: 26px;
color: gray;
margin-bottom: 25px;
display: block
}
.type-product .rating-wrap {
margin-bottom: 30px
}
.type-product .rating-wrap>* {
line-height: 24px
}
.type-product .add-cart {
vertical-align: top
}
.type-product .cart-total {
margin-bottom: 60px
}
.type-product .magnific-wrap {
margin-bottom: 30px;
padding-bottom: 0
}
.product-quantity {
margin: 0 38px 0 0
}
.product-quantity a {
width: 37px;
height: 37px;
line-height: 37px;
vertical-align: middle;
display: inline-block;
border-radius: 100%;
text-align: center;
font-size: 30px;
color: #333;
background-color: #f6f7f9
}
.product-quantity a:hover, .table .product-quantity a:hover {
background-color: #e6940e;
color: #fff
}
.product-quantity input {
background-color: #fff;
width: 80px;
margin: 0 20px;
border: 2px solid #e6e6e6;
text-align: center
}
.cart-total {
margin-bottom: 0;
color: #b3b3b3
}
.table.cart-total>tbody {
border: 0
}
.cart-total tr * {
padding: 5px 0!important
}
.cart-total th {
padding-right: 15px!important;
font-weight: 400
}
.cart-total a {
color: #333
}
.cart-total a:hover {
color: #e6940e
}
.cart-total .total>* {
font-size: 24px;
line-height: 34px;
color: #333
}
.cart-total hr {
margin: 20px 0
}
.cart-total .total .text-primary {
font-size: 30px
}
.product-nav {
margin-top: 20px;
margin-right: 30px
}
.product-nav>.arrow, .product-nav>.product-count {
vertical-align: middle;
display: inline-block;
position: relative;
left: 0!important;
top: 0;
right: 0!important;
bottom: 0;
margin: 0!important
}
.product-nav>.arrow:before, .product-nav>.product-count:before {
border: 0
}
.product-count {
font-size: 32px;
color: #b3b3b3
}
.raty {
margin: 0 0 2px;
color: #b3b3b3;
font-size: 20px
}
.raty .fa-star, .raty .fa-star-half-o {
color: #e6940e
}
.cart .table-responsive tbody>tr>td {
font-size: 22px;
padding-right: 0;
padding-left: 0
}
.cart .table-responsive tbody>tr>td:last-child {
padding-left: 19px;
padding-right: 19px
}
.product-remove a img {
width: 19px;
opacity: .4;
transition: opacity .3s ease;
vertical-align: middle
}
.product-remove a:hover img {
opacity: 1
}
.coupon .row {
margin-left: -30px;
margin-right: -30px
}
.coupon .form-group {
float: left;
margin-bottom: 10px
}
.coupon .btn {
margin-top: 0
}
.order-info h4 {
margin-bottom: 12px
}
.order-info p {
font-size: 24px;
color: #b3b3b3;
margin-bottom: 0
}
.payment-wrap {
margin-bottom: 0
}
.payment-wrap label {
padding-left: 45px
}
.payment-wrap .radio input[type=radio] {
margin-left: -45px
}
.payment-wrap .payment {
margin-left: 45px;
overflow: hidden;
padding-left: 0
}
.cart-list {
position: relative;
z-index: 1400;
margin: 0 10px 0 35px;
line-height: 90px;
cursor: pointer
}
.cart-list>a {
color: #4d4d4d
}
.cart-list>a:hover {
color: #e6940e
}
.cart-list>a>span {
position: relative;
top: 1px
}
.cart-list>a>ins {
color: #fff;
border-radius: 100%;
vertical-align: middle;
display: inline-block;
background-color: #e6940e;
text-align: center;
width: 34px;
height: 34px;
line-height: 34px;
padding-top: 1px;
margin-left: 8px
}
.cart-list .dropdown-menu {
left: auto;
right: 0;
top: 100%;
width: 320px;
z-index: 1450;
border-radius: 0;
margin: 0;
padding: 0;
box-shadow: none;
border: 1px solid #f5f5f5;
opacity: 0;
transition: opacity .3s;
visibility: hidden;
display: block;
cursor: default
}
.cart-list:hover .dropdown-menu {
visibility: visible;
opacity: 1
}
.cart-list:hover>a {
color: #e6940e
}
.cart-list .fig {
width: 100px
}
.cart-list .fig img {
max-height: 80px
}
.cart-list ul {
margin: 0
}
.cart-list li {
background-color: #fff;
padding: 20px 15px;
line-height: 28px;
margin: 0;
overflow: hidden;
border-bottom: 1px solid #ebebeb
}
.cart-list li:before {
display: none
}
.cart-list li:last-child {
border: 0
}
.cart-list li>div {
margin: 0 0 0 120px;
padding: 10px 0 0
}
.cart-list li a {
font-size: 17px;
color: #333
}
.cart-list li a:hover {
color: #e6940e
}
.cart-list li .price {
font-size: 21px
}
.cart-list .hcart-total {
background-color: #f7f7f7;
padding: 20px
}
.cart-list .total {
color: gray;
line-height: 48px;
font-size: 18px;
margin-left: 20px
}
.cart-list .total ins {
color: #333
}
.faq.mix-list [class*=col-] {
padding: 0 30px
}
.faq.mix-list .mix {
border-bottom: 1px solid #e6e6e6;
padding-bottom: 20px;
margin-bottom: 40px;
width: 100%
}
.faq.mix-list .mix:last-child {
margin-bottom: 0
}
.faq.mix-list .mix h4 {
vertical-align: top;
display: inline-block;
padding-left: 35px
}
.faq.mix-list .mix h4 i {
margin-left: -35px;
width: 35px;
float: left;
line-height: 30px
}
.faq.mix-list .mix .panel-body {
padding-left: 35px
}
.faq.mix-list .mix .panel-body p {
padding-bottom: 20px
}
.mejs-container {
position: relative;
text-align: left;
vertical-align: top;
display: inline-block;
max-width: 90%
}
[class*=bg-] .mejs-container>.mejs-inner {
padding-left: 10px
}
.container [class*="-3"] .mejs-container .mejs-controls div.mejs-horizontal-volume-slider, .container.timeline [class*=col-] .mejs-container .mejs-controls div.mejs-horizontal-volume-slider {
max-width: 35px;
width: 35px
}
.container [class*="-3"] .mejs-container .mejs-controls div.mejs-horizontal-volume-slider .mejs-horizontal-volume-current, .container [class*="-3"] .mejs-container .mejs-controls div.mejs-horizontal-volume-slider .mejs-horizontal-volume-total, .container.timeline [class*=col-] .mejs-container .mejs-controls div.mejs-horizontal-volume-slider .mejs-horizontal-volume-current, .container.timeline [class*=col-] .mejs-container .mejs-controls div.mejs-horizontal-volume-slider .mejs-horizontal-volume-total {
max-width: 25px;
width: 25px
}
.mejs-container+p {
margin-top: 20px
}
.me-plugin {
position: absolute;
width: 0;
height: 0
}
.mejs-embed, .mejs-embed body {
width: 100%;
height: 100%;
margin: 0;
padding: 0;
overflow: hidden
}
.mejs-container .mejs-controls {
position: absolute;
list-style-type: none;
margin: 0;
padding: 0;
bottom: 0;
left: 0;
height: 30px;
width: 100%
}
.mejs-container .mejs-controls div {
list-style-type: none;
background-image: none;
display: block;
float: left;
margin: 0;
padding: 0;
width: 16px;
height: 26px;
font-size: 11px;
line-height: 11px;
border: 0
}
.mejs-controls .mejs-button button {
cursor: pointer;
display: block;
font-size: 0;
line-height: 0;
text-decoration: none;
margin: 7px 6px 0 0;
padding: 0;
position: absolute;
width: 16px;
height: 16px;
border: 0;
transition: all 0s ease
}
.mejs-container .mejs-controls .mejs-time {
display: block;
width: auto;
height: 17px;
padding: 8px 4px 0;
text-align: center
}
.mejs-container .mejs-controls .mejs-time span {
color: gray;
font-size: 14px;
line-height: 1;
display: block;
float: left;
margin: 1px 3px 0 0;
width: auto
}
.mejs-controls .mejs-play button {
width: 14px;
height: 16px;
background: url(../images/a21cdfd8507342a7827c01c3fbcb989b.gif)
}
.mejs-controls .mejs-pause button {
width: 14px;
height: 16px;
background: url(../images/659e53ca5f1643aaa0704f2b405edc89.gif)
}
.mejs-controls div.mejs-time-rail {
width: 240px;
margin-top: 10px;
margin-right: 10px;
border-radius: 2px
}
.mejs-controls .mejs-time-rail span {
display: block;
position: absolute;
width: 220px;
height: 10px;
cursor: pointer;
background-color: #efefef;
border-radius: 2px
}
.mejs-controls .mejs-time-rail .mejs-time-buffering {
width: 100%;
background-size: 15px 15px;
-webkit-animation: buffering-stripes 2s linear infinite;
-moz-animation: buffering-stripes 2s linear infinite;
-ms-animation: buffering-stripes 2s linear infinite;
animation: buffering-stripes 2s linear infinite
}
.mejs-controls .mejs-time-rail .mejs-time-loaded {
background: #e6e6e6
}
.mejs-controls .mejs-time-rail .mejs-time-current {
background: #e6940e;
width: 0
}
.mejs-controls .mejs-time-rail .mejs-time-handle {
display: none;
position: absolute;
margin: 0;
width: 10px;
background: #fff;
cursor: pointer;
border: 2px solid #333;
top: -2px;
text-align: center
}
.mejs-controls .mejs-time-rail .mejs-time-float {
position: absolute;
display: none;
background: #e6e6e6;
color: #000;
width: 36px;
height: 17px;
top: -26px;
margin-left: -18px;
text-align: center
}
.mejs-controls .mejs-time-rail .mejs-time-float-current {
margin: 2px;
width: 30px;
display: block;
text-align: center;
left: 0
}
.mejs-controls .mejs-time-rail .mejs-time-float-corner {
position: absolute;
display: block;
width: 0;
height: 0;
line-height: 0;
border-top: solid 5px #eee;
top: 14px;
left: 13px
}
.mejs-long-video .mejs-controls .mejs-time-rail .mejs-time-float {
width: 48px
}
.mejs-long-video .mejs-controls .mejs-time-rail .mejs-time-float-current {
width: 44px
}
.mejs-long-video .mejs-controls .mejs-time-rail .mejs-time-float-corner {
left: 18px
}
.mejs-controls .mejs-mute button {
width: 17px;
height: 16px;
background: url(../images/5940e67e274041e4a263fa4b1fdb03d5.gif)
}
.mejs-controls .mejs-unmute button {
width: 17px;
height: 16px;
background: url(../images/4dffb21b33e947d0bcf9be6c7ed80861.gif)
}
.mejs-controls .mejs-volume-button {
position: relative
}
.mejs-controls .mejs-volume-button .mejs-volume-slider {
display: none;
width: 25px;
height: 115px;
background: rgba(51,51,51,.7);
z-index: 1;
position: absolute;
left: 0;
top: -115px;
margin: 0
}
.mejs-controls div.mejs-horizontal-volume-slider {
width: 60px;
height: 26px;
position: relative;
margin-left: 10px
}
.mejs-controls .mejs-horizontal-volume-slider .mejs-horizontal-volume-total {
position: absolute;
left: 0;
top: 12px;
width: 50px;
height: 8px;
margin: 0;
padding: 0;
font-size: 1px;
background: #e6e6e6;
border-radius: 2px
}
.mejs-controls .mejs-horizontal-volume-slider .mejs-horizontal-volume-current {
position: absolute;
left: 0;
top: 12px;
width: 50px;
height: 8px;
margin: 0;
padding: 0;
font-size: 1px;
background-color: #e6940e;
cursor: pointer;
border-radius: 2px
}
.mejs-controls .mejs-horizontal-volume-slider .mejs-horizontal-volume-handle {
display: none
}
.mejs-controls .mejs-captions-button {
position: relative
}
.mejs-controls .mejs-captions-button .mejs-captions-selector {
visibility: hidden;
position: absolute;
bottom: 26px;
right: -51px;
width: 85px;
height: 100px;
border: 1px solid transparent;
padding: 10px 10px 0;
overflow: hidden
}
.mejs-controls .mejs-captions-button .mejs-captions-selector ul {
margin: 0;
padding: 0;
display: block;
list-style-type: none!important;
overflow: hidden
}
.mejs-controls .mejs-captions-button .mejs-captions-selector ul li {
margin: 0 0 6px;
padding: 0;
list-style-type: none!important;
display: block;
color: #fff;
overflow: hidden
}
.mejs-controls .mejs-captions-button .mejs-captions-selector ul li input {
clear: both;
float: left;
margin: 3px 3px 0 5px
}
.mejs-controls .mejs-captions-button .mejs-captions-selector ul li label {
width: 55px;
float: left;
padding: 4px 0 0;
line-height: 15px;
font-size: 10px
}
.mejs-controls .mejs-captions-button .mejs-captions-translations {
font-size: 10px;
margin: 0 0 5px
}
.toggle-menu {
background-color: transparent;
border: 0;
vertical-align: middle;
display: inline-block;
height: 43px
}
.icon-bar {
background-color: #b3b3b3;
width: 18px;
height: 2px;
margin: 4px auto;
display: block;
overflow: hidden
}
.sidemenu-toggle {
background-color: #e6940e;
width: 50px;
height: 50px;
border-radius: 3px;
border: 0;
right: 50%;
margin-right: -570px;
top: 410px;
z-index: 10
}
.archive .sidemenu-toggle, .single .sidemenu-toggle {
top: 290px
}
.sidemenu-toggle .icon-bar {
background-color: #fff
}
.vertical-menu .sidemenu-toggle {
margin-right: -700px
}
.sidemenu-toggle:hover {
background-color: #f19c11
}
.sidemenu {
position: fixed;
right: 0;
top: 0;
width: 300px;
height: 100%;
min-height: 100%;
background-color: #fff;
padding: 90px 25px 20px;
z-index: 1401;
overflow: auto;
border-left: 1px solid #e6e6e6;
transition: opacity .2s ease
}
.header .sidemenu {
border: 0
}
.header .sidemenu a, .header .sidemenu h4 {
color: gray
}
.header .sidemenu a:hover {
color: #e6940e
}
.sidemenu .catalog-bar {
padding: 0 0 30px;
width: 100%
}
.widget {
margin-bottom: 40px;
font-size: 17px
}
.widget p {
font-size: 17px
}
.widget .btn {
padding: 0 40px
}
.widget li.checkbox {
margin: 0 0 12px;
padding-left: 0;
font-size: 17px
}
.widget li:before {
display: none
}
.widget li:before .twitter-list, .widget li:before li p {
color:#333
}
.widget li:before li .date {
color:#b3b3b3
}
.widget li:before a {
color:#e6940e
}
.widget li:before a:hover {
color:#333
}
.widget img {
max-width: 100%
}
.widget .fa {
vertical-align: middle;
display: inline-block;
font-size: 22px;
margin: 0 10px 15px 0
}
.widget+.btn+hr, .widget+hr {
margin: 30px auto;
min-width: 100%
}
.widget .nav-tabs {
margin-bottom: 30px
}
.widget .nav-tabs li {
vertical-align: top;
display: inline-block;
padding: 0;
margin: 0 12px 0 0
}
.widget .nav-tabs li:last-child {
margin-right: 0
}
.widget .nav-tabs li.active a, .widget .nav-tabs li:focus a {
color: #e6940e;
border-bottom: 1px solid #e6940e;
background-color: transparent;
border-radius: 0;
padding-left: 0;
padding-right: 0
}
.widget .nav-tabs li a {
padding: 5px 0;
margin: 0;
border: 0;
font-size: 19px
}
.widget .tab-content p {
font-size: 17px
}
.widget .slider .nav-pages {
margin-top: -35px;
margin-left: 5px;
background-color: transparent;
text-align: left
}
.widget .comment+.comment {
margin-top: 25px
}
.widget .comment .img-xs {
max-width: 50px
}
.widget .comment .comment-ava {
float: left
}
.widget .comment .comment-text {
margin-left: 60px
}
.widget .comment .comment-text p {
margin-bottom: 0
}
.recent-posts li+li {
margin-top: 25px
}
.recent-posts li a {
color: #333
}
.recent-posts li a:hover {
color: #e6940e
}
.recent-posts .post-date {
color: #b3b3b3;
margin-top: 3px
}
.latest-works {
font-size: 0
}
.latest-works a {
vertical-align: top;
display: inline-block;
width: 120px
}
.calendar, .latest-works a img {
width: 100%
}
.calendar a {
color: #e6940e
}
.calendar a:hover {
color: #333
}
.calendar td {
color: gray;
text-align: center;
font-size: 17px
}
.calendar th {
color: #b3b3b3;
text-align: center;
font-size: 17px;
font-weight: 400;
padding-bottom: 6px
}
.tagcloud {
line-height: 30px
}
.tagcloud a {
margin-right: 5px
}
.sidebar hr {
margin: 40px auto
}
.colsmenu {
padding: 65px 35px 20px
}
.colsmenu .close {
position: absolute;
top: 30px;
right: 20px
}
.colsmenu h5 {
color: #b3b3b3;
font-size: 20px
}
.colsmenu li {
padding: 0;
margin: 0;
font-size: 16px;
line-height: 30px
}
.colsmenu li:before {
display: none
}
.colsmenu hr {
border-color: #333;
margin: 15px auto;
width: 100%
}
.light-theme.colsmenu hr {
border-color: #d9d9d9
}
.light-theme.colsmenu h5 {
color: #333
}
.light-theme.colsmenu li>a {
color: #4d4d4d
}
.timeline .row {
background: url(../images/9887ac93b94944619ea2e2f0a8c2d062.gif) 50% 100% no-repeat;
margin-bottom: 15px;
padding-bottom: 30px
}
.timeline .row [class*=col-]>[class*=col-]:first-child {
padding: 0
}
.timeline .row [class*=col-]>[class*=col-]:last-child {
padding-right: 0
}
.timeline .row [class*="-10"], .timeline .row [class*="-12"], .timeline .row [class*="-8"] {
margin-bottom: 60px
}
.timeline .row * {
background-color: #fff
}
.timeline .row p {
padding-bottom: 15px;
margin-bottom: 0
}
.timeline .row .date {
padding-bottom: 15px;
text-align: center
}
.timeline .row .date .year {
font-size: 48px;
color: #333;
padding-bottom: 5px;
line-height: 1
}
.timeline .row .date .year.year-start {
font-size: 60px;
color: #e6940e
}
.timeline .row .date .year.year-end {
font-size: 38px;
color: #e6940e
}
.timeline .row .date .year.year-end+small {
font-size: 38px
}
.timeline .row .date.post-date .year {
color: #b3b3b3;
font-size: 22px;
margin: 0
}
.timeline .row .date.post-date h4 {
margin-bottom: 10px;
line-height: 34px
}
.timeline .row .date+h4 {
padding-top: 10px
}
.timeline .row:last-child {
padding-bottom: 0;
margin-bottom: 0;
background-image: none
}
.timeline .slider {
padding-top: 6px;
padding-bottom: 60px
}
.timeline .slider .nav-pages {
margin-top: -45px;
background-color: transparent;
text-align: left
}
.timeline .mejs-container {
margin-bottom: 25px
}
.timeline .panel-body p:last-child {
padding-bottom: 25px
}
.timeline.wedding-timeline .row {
padding-bottom: 0
}
.archive hr+.pagination-bar {
padding-top: 10px
}
.archive .pagination {
padding-left: 30px;
padding-right: 30px
}
.archive .headcontent+.container, .archive .headcontent+.post {
padding-top: 60px
}
.archive .headcontent+.container-fluid {
padding: 60px 0
}
.archive .headcontent+.container-fluid.masonry-wrap {
padding: 60px 0 0
}
.archive .post {
padding: 0
}
.archive .post .avatar {
float: left;
margin-left: 30px
}
.archive .post .avatar+.entry {
margin-left: 160px
}
.archive .post .entry-content, .archive .post .entry-header {
padding-right: 30px
}
.archive .post .entry-content img, .archive .post .entry-header img {
max-width: 100%
}
.archive .post .entry-content .bg-default h3, .archive .post .entry-content .bg-primary h3, .archive .post .entry-header .bg-default h3, .archive .post .entry-header .bg-primary h3 {
margin-bottom: 0
}
.archive .post[class*=col-] {
padding-left: 30px;
padding-right: 30px;
vertical-align: top;
display: inline-block;
margin: 0 -2px;
float: none
}
.archive .timeline .post[class*=col-] {
float: left;
position: relative;
z-index: 1
}
.archive .masonry-wrap {
padding-bottom: 0
}
.post .slider {
padding-bottom: 90px
}
.post .slider .nav-pages {
text-align: left;
margin-top: -65px
}
.post a {
color: #333
}
.post a:hover {
color: #e6940e
}
.post [class*=bg-] {
margin-bottom: 30px
}
.post [class*=bg-] a {
color: #e6940e
}
.post [class*=bg-] a:hover {
color: #333
}
.post.format-link .meta+h4>a, .post.format-link [class*=bg-] a {
color: #e6940e
}
.post.format-link .meta+h4>a:hover, .post.format-link [class*=bg-] a:hover {
color: #333
}
.post .embed-responsive {
margin-bottom: 30px
}
.post .quote-wrap {
overflow: hidden;
clear: both;
padding: 50px 0
}
.post .quote-wrap blockquote {
border: 0;
margin: 0 0 45px;
padding: 0
}
.post[class*=col-]>a>img {
max-width: 100%;
margin-bottom: 20px
}
.post[class*=col-] blockquote {
border: 0;
padding: 0;
margin: 0 0 30px
}
.post[class*=col-] .slider {
margin-bottom: -50px
}
.post[class*=col-] .slider+p {
margin-top: 30px
}
.archive .post.msnr[class*=col-], .post.msnr {
margin-bottom: 60px
}
.meta {
margin-bottom: 30px
}
.meta>* {
vertical-align: middle;
display: inline-block;
margin-right: 25px
}
.meta>* i {
color: #b3b3b3;
margin-right: 5px
}
.meta a {
color: #333
}
.meta a:hover {
color: #e6940e
}
.single .headcontent+.container {
padding-top: 40px
}
.single .avatar {
margin-bottom: 20px;
display: inline-block
}
.single .meta {
margin-bottom: 40px
}
.single h2 {
margin-bottom: 30px
}
.single .entry-content ul {
margin: 0 0 30px 30px
}
.single .entry-content img {
max-width: 100%
}
.single .entry-content .bg-default h3, .single .entry-content .bg-primary h3 {
margin-bottom: 0
}
.nav-single {
margin-bottom: 90px
}
.nav-single .nav-previous {
float: left;
width: 50%
}
.nav-single .nav-next {
float: right;
width: 50%
}
.nav-single a {
color: #333
}
.nav-single a:hover {
color: #e6940e
}
.nav-single+hr {
margin-top: -30px
}
.recent-posts {
margin-bottom: 15px
}
.recent-posts h5 {
margin-bottom: 10px
}
.recent-posts h5 a {
color: #333
}
.recent-posts h5 a:hover {
color: #e6940e
}
.recent-posts .row {
margin-left: -30px;
margin-right: -30px;
margin-bottom: 50px
}
.recent-posts .meta {
margin-bottom: 10px
}
.recent-posts img {
margin-top: 5px;
width: 100%
}
.next-posts {
opacity: 0
}
.next-posts .slider {
overflow: hidden
}
.next-posts .slider ul {
width: 9999px
}
.appear-wrap.masonry-wrap .post {
opacity: 0
}
.appear-wrap.masonry-wrap .appeared {
opacity: 1
}
.comments {
margin: 0 0 50px
}
.comments .comment {
margin: 0 0 20px
}
.comments .comment .comment-line {
color: #b3b3b3;
margin-bottom: 8px
}
.comments .comment .comment-line a {
color: #333
}
.comments .comment .comment-line a:hover {
color: #e6940e
}
.comments .comment .comment-ava {
float: left
}
.comments .comment .comment-text {
margin-left: 150px
}
.comments .comment>.comment {
margin-left: 60px;
margin-top: 45px
}
.comments .raty {
font-size: 22px
}
.add-comment h3 {
margin-bottom: 30px
}
.footer {
background-color: #1f1f1f;
font-size: 17px
}
.footer.footer-light {
background-color: #fafafa
}
.footer.footer-light hr {
border-color: #d9d9d9
}
.vertical-menu .footer {
margin-left: 260px
}
.vertical-menu .header.vhidden+.wrapper+.footer {
margin-left: 60px
}
.footer p {
color: #4d4d4d;
font-size: 17px
}
.footer p.copyright {
color: #333
}
.footer a {
color: gray
}
.footer a:hover {
color: #e6940e
}
.footer hr {
margin: 0 auto;
border-color: #333
}
.footer li {
padding-left: 0;
margin-bottom: 0
}
.footer li:before {
display: none
}
.footer .container {
padding: 0
}
.footer .row:first-child {
padding: 85px 0 70px
}
.footer .row:last-child {
padding: 50px 0;
color: #333
}
.footer .row:last-child nav a {
font-size: 24px;
vertical-align: middle;
display: inline-block
}
.footer .row:last-child ul+nav a {
margin: 0 10px 0 0
}
.footer .navbar-brand {
color: #e6940e;
margin: 0 0 20px;
line-height: 30px;
float: none;
vertical-align: middle;
display: inline-block
}
.footer .navbar-brand:hover, .footer h4, .footer h4 a {
color: #b3b3b3
}
.footer address p {
margin-bottom: 30px
}
.footer .fa {
font-size: 24px;
margin-left: 10px
}
.footer ul+nav .fa {
margin-left: 0;
margin-right: 10px
}
.footer [class*="-2"]:last-child {
padding-right: 0
}
ul.twitter-list {
margin-bottom: 0
}
ul.twitter-list li {
margin-bottom: 20px
}
ul.twitter-list li:last-child {
margin-bottom: 0
}
ul.twitter-list a {
color: #b3b3b3
}
ul.twitter-list .fa {
float: left;
color: #6dcff6;
font-size: 24px;
margin-right: 6px;
margin-left: 0!important
}
ul.twitter-list p {
margin-bottom: 0;
overflow: hidden
}
ul.twitter-list .date {
color: #333;
display: block
}
.footer.footer-clear {
background-color: transparent;
text-align: center;
height: 80px
}
.footer.footer-clear .navbar-brand {
color: #333;
font-size: 30px;
margin-bottom: 5px
}
.footer.footer-clear .navbar-brand:hover {
color: #e6940e
}
.footer.footer-clear p {
color: #ccc
}
.frow-2 {
padding: 60px 0 55px
}
.frow-3 ul li {
vertical-align: middle;
display: inline-block;
margin-left: 15px
}
.frow-3 .navbar-brand {
float: none;
vertical-align: middle;
display: inline-block;
margin-bottom: 10px
}
.frow-3 .navbar-brand+p.copyright {
margin-bottom: 10px
}
.frow-3 .fa {
margin: 0 5px
}
.footer-simple .row, .footer-simple .row:last-child {
padding: 70px 0 65px
}
.footer-simple .navbar-brand {
margin: 0 20px 0 0;
position: relative;
top: -3px;
left: 0
}
.footer-light .navbar-brand:hover, .footer-light a, .footer-light h4, .footer-light h4 a, .footer-light ul.twitter-list a {
color: #333
}
.footer-light p {
color: gray
}
.footer-light .countup.countup-xs+span, .footer-light p.copyright {
color: #ccc
}
.footer-light ul.twitter-list .date {
color: #b3b3b3
}
.footer-light .countup {
color: #e6940e
}
.footer-light .subscribe-form [type=email], .footer-light .subscribe-form [type=text] {
border-color: #e6e6e6;
color: #333
}
.pclose {
background: url(../images/close.png) no-repeat;
width: 22px;
height: 22px;
position: absolute;
top: 25px;
right: 25px;
display: block;
border: 0;
z-index: 10
}
.pclose:hover {
opacity: .5
}
.modal-backdrop {
background-color: #1f1f1f
}
.modal-backdrop.in {
opacity: .98
}
.modal-lg {
width: 1200px
}
.modal-dialog {
top: 50%
}
.modal {
opacity: 0
}
.modal h2 {
margin-top: -5px
}
.modal .slider {
padding: 0 0 50px;
overflow: visible
}
.modal .slider ul {
width: 9999px
}
.modal .slider .arrow {
margin-top: -62px
}
.modal .slider .arrow.prev {
left: -89px
}
.modal .slider .arrow.next {
right: -89px
}
.modal .slider .nav-pages {
margin-top: -10px
}
.modal p+table {
margin-top: 40px
}
.google-map-popup {
width: calc(100% + 17px);
height: 100%;
min-height: 100%
}
.map-modal {
transition: opacity .5s ease .5s
}
.map-modal.in {
opacity: 1
}
.error404, .html404 {
width: 100%;
height: 100%;
min-height: 100%
}
.error404 .container {
padding: 0;
margin-top: -80px
}
.error404 .wrapper {
border: 0;
margin: 0 auto 60px;
min-height: 1px!important
}
.error404 .footer {
background-color: transparent;
position: fixed;
bottom: 40px;
left: auto;
padding: 0
}
.error404 .footer a {
color: #333
}
.error404 .footer a:hover {
color: #e6940e
}
.error404 .footer p {
color: #b3b3b3;
font-size: 17px;
line-height: 30px
}
.error404 .footer .navbar-brand {
margin: 0
}
.error404 .icon {
line-height: 1;
margin-top: -3px;
color: #b3b3b3
}
.error404 h1 {
font-size: 55px;
line-height: 1;
margin: 50px 0 55px
}
.error404 .divtable {
width: 100%;
height: 100%
}
.error404 .white a:hover, .error404 .white h1, .error404 .white p, .error404 .white>.icon {
color: #fff
}
.error404 .white .countdown, .error404 .white .text-primary {
color: #e6940e
}
.video-wrap {
position: relative;
overflow: hidden;
padding: 0;
margin: 40px 0
}
.video-wrap .container {
padding: 0
}
.html-video {
min-width: 100%;
min-height: 100%;
width: auto;
height: auto;
background-color: #000;
position: absolute;
top: 50%;
left: 50%;
z-index: -3;
-webkit-transform: translate(-50%, -50%);
-moz-transform: translate(-50%, -50%);
-ms-transform: translate(-50%, -50%);
transform: translate(-50%, -50%)
}
.slider .html-video {
margin-top: -2px;
min-height: 102%
}
.error404 .html-video {
position: fixed;
right: 0;
bottom: 0;
z-index: -10
}
.html-video img {
position: absolute;
width: 100%
}
.single-video {
background-color: #000;
margin: 30px 0
}
.single-video.video-wrap {
height: 500px
}
.single-video .html-video {
z-index: 0
}
.single-video+.single-video {
margin-top: 30px
}
.single-video .container {
padding: 0
}
.splash {
background-color: #e6e6e6
}
.splash .header {
background-color: transparent!important;
position: relative!important
}
.splash .header .navbar-brand {
font-size: 34px;
line-height: 140px;
color: #333!important
}
.splash .header .navbar-brand:hover {
color: #e6940e!important
}
.splash .header .slogan {
color: #a6a6a6;
line-height: 140px
}
.splash .doc {
display: inline-block;
vertical-align: middle;
margin: 53px 0 0 20px;
height: 35px
}
.splash .doc:hover {
opacity: .8
}
.splash .widget {
margin-bottom: 0
}
.splash .widget .nav.nav-tabs {
border-bottom: 1px solid #d9d9d9;
margin-bottom: 35px
}
.splash .widget .nav.nav-tabs li {
margin: 0 20px
}
.splash .widget .nav.nav-tabs li a {
padding: 0 0 25px;
border: 0;
position: relative;
font-size: 20px
}
.splash .widget .nav.nav-tabs li.active a {
border: 0
}
.splash .widget .nav.nav-tabs li.active a:after {
position: absolute;
left: 50%;
bottom: 0;
width: 26px;
height: 2px;
margin-left: -13px;
background-color: #4d4d4d;
content: '\0020';
display: block
}
.splash .splash-category {
overflow: hidden;
margin: 0 0 80px
}
.splash .splash-category .all-demo {
float: left;
line-height: 26px;
color: #4d4d4d;
cursor: pointer;
white-space: nowrap;
transition: color .3s
}
.splash .splash-category .all-demo.active, .splash .splash-category .all-demo:hover {
color: #e6940e
}
.splash .splash-category ul {
margin-bottom: 0
}
.splash .splash-category ul li {
font-size: 18px;
line-height: 26px;
margin: 0;
padding: 0;
float: none;
display: block;
color: #4d4d4d;
cursor: pointer;
transition: color .3s
}
.splash .splash-category ul li.active, .splash .splash-category ul li:hover {
color: #e6940e
}
.splash .splash-classic-list, .splash .splash-left-list {
margin: 0 -30px;
padding: 0;
clear: both;
font-size: 0
}
.splash .mix {
margin: 0 30px 50px;
float: none;
width: 340px;
position: relative
}
.splash .mask {
background-color: rgba(0,0,0,.85);
transition: all .3s 0s ease-in-out
}
.splash .mask>* {
transition: all .2s 0s ease-in-out;
-webkit-transform: translate(-50%, -50%);
-moz-transform: translate(-50%, -50%);
-ms-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
position: absolute;
left: 50%;
top: 30%;
color: #e6940e;
opacity: 0
}
.splash .mask>* small {
color: #fff;
margin-top: 5px
}
.splash .mask:hover {
opacity: 1
}
.splash .mask:hover>* {
top: 50%;
opacity: 1
}
.splash footer {
background-color: transparent;
text-align: center;
padding-bottom: 70px
}
.splash footer a {
color: #4d4d4d
}
.splash footer a:hover {
color: #a6a6a6
}
.splash #palette {
display: none!important
}
@media screen and (min-width:1201px) and (max-width:1460px) {
.vertical-menu.archive .visible-lg {
display: none!important
}
.vertical-menu.archive .post[class*=col-lg-3] {
width: 33%;
margin-bottom: 30px
}
}
@media screen and (min-width:1201px) {
.vertical-menu .header.vhidden {
width: 0;
padding: 0;
overflow: hidden
}
.vertical-menu .header.vhidden+.wrapper, .vertical-menu .header.vhidden+.wrapper .content-absolute {
padding-left: 60px
}
}
@media screen and (max-width:1700px) {
.vertical-menu .container .slider .arrow.prev, .vertical-menu .container.slider .arrow.prev {
left: 20px
}
.vertical-menu .container .slider .arrow.next, .vertical-menu .container.slider .arrow.next {
right: 20px
}
}
@media screen and (max-width:1460px) and (min-width:991px) {
.vertical-menu .container {
width: 100%
}
.vertical-menu hr {
width: calc(100% - 60px)
}
}
@media screen and (max-width:1460px) {
.vertical-menu .vhidden+.wrapper .container {
max-width: 1200px
}
.vertical-menu .sidemenu-toggle {
right: 30px;
margin-right: 0;
top: 30px
}
.vertical-menu .col-md-7 .product-quantity {
margin-right: 15px
}
.vertical-menu .col-md-7 .product-quantity+.add-cart {
padding: 0 15px
}
.vertical-menu .num {
font-size: 60px
}
.modal-lg {
width: 980px
}
.modal-lg .container {
width: 100%
}
.container .slider .arrow.prev, .container.slider .arrow.prev {
left: 20px
}
.container .slider .arrow.next, .container.slider .arrow.next {
right: 20px
}
.col-lg-2.col-md-3.col-sm-4.col-xs-6.mix .fig+* {
padding-left: 15px;
padding-right: 15px
}
}
@media screen and (max-width:1200px) {
.vertical-menu .wrapper {
padding-left: 0
}
.vertical-menu .header.vhidden {
margin-left: -280px
}
.vertical-menu .header.vhidden+.wrapper, .vertical-menu .header.vhidden+.wrapper .content-absolute {
padding-left: 0
}
.vertical-menu .vside {
background-color: rgba(128,128,128,.1);
height: auto;
min-height: 0;
border-radius: 0 0 3px
}
.vertical-menu .vside.vside-light {
background-color: rgba(255,255,255,.1)
}
.vertical-menu .vside.active {
background-color: transparent
}
.header.header-float {
max-width: 990px
}
.num {
font-size: 60px
}
.cart-bar .price {
font-size: 18px
}
.error404 .countdown>div {
font-size: 32px
}
.error404 .icon.icon-clock, .icon.icon-clock {
margin-top: 3px
}
.gallery-wrap .msnr[class*="-2"] {
width: 25%
}
.sidemenu-toggle {
right: 30px;
margin-right: 0;
top: 120px
}
.sorting .chosen-container .chosen-results li {
font-size: 15px
}
.archive [class*=col-lg-3].post {
margin-bottom: 30px
}
.archive [class*=col-md-3].format-link h4 {
font-size: 18px
}
.col-sm-4 .radio-inline+.radio-inline {
margin-left: 0
}
.modal-lg .no-all-padding:first-child {
padding-left: 30px!important
}
.col-md-3.col-sm-4.col-xs-6.mix .fig+* {
padding-left: 15px;
padding-right: 15px
}
.col-md-7 .product-quantity {
margin-right: 15px
}
.col-md-7 .product-quantity+.add-cart {
padding: 0 15px
}
.splash .splash-classic-list, .splash .splash-left-list {
margin: 0 -15px
}
.splash .mix {
width: 290px;
margin: 0 15px 40px
}
}
@media screen and (max-width:1024px) {
.arrow.prev {
left: 25px
}
.arrow.next {
right: 25px
}
}
@media screen and (max-width:991px) {
.header {
height: auto;
position: relative;
z-index: 1030
}
.vertical-menu .header {
position: fixed;
height: 100%
}
.header.header-nobackground, .header.header-transparent {
background-color: #1f1f1f
}
.header.header-light.header-nobackground, .header.header-light.header-transparent {
background-color: #f7f7f7
}
.header.header-float {
margin-top: 0
}
.header.header-left .cart-list .dropdown-menu {
right: auto
}
.header .left-menu {
float: none!important
}
.header .left-menu .cart-list {
float: left!important
}
.navbar, .navbar>[class*=col-] {
position:static
}
.navbar-collapse {
border: 0;
padding: 0;
box-shadow: none;
background-color: #1f1f1f;
clear: both;
float: none!important
}
.header-light .navbar-collapse {
background-color: #f7f7f7
}
.navbar-collapse.in {
overflow-x: visible;
overflow-y: visible
}
.navbar-collapse .navbar-nav {
float: none!important;
padding-bottom: 30px;
margin: 0
}
.navbar-collapse .navbar-nav ul {
margin-top: 0
}
.navbar-collapse .navbar-nav li {
width: 100%
}
.navbar-collapse .navbar-nav li>a, .navbar-collapse .navbar-nav li>a:active, .navbar-collapse .navbar-nav li>a:focus, .navbar-collapse .navbar-nav li>a:hover {
border-bottom: 1px solid #333;
line-height: 40px;
margin: 0
}
.header-light .navbar-collapse .navbar-nav li>a, .header-light .navbar-collapse .navbar-nav li>a:active, .header-light .navbar-collapse .navbar-nav li>a:focus, .header-light .navbar-collapse .navbar-nav li>a:hover {
border-bottom-color: #d9d9d9
}
.navbar-collapse .navbar-nav li.dropdown>a, .navbar-collapse .navbar-nav li.dropdown>a:active, .navbar-collapse .navbar-nav li.dropdown>a:focus, .navbar-collapse .navbar-nav li.dropdown>a:hover {
background: url(../images/38ba974f7d1e494ea1509b64f0af4213.gif) 98% 50% no-repeat
}
.navbar-collapse .navbar-nav .dropdown-menu {
position: relative;
width: 100%;
background-color: #1f1f1f;
padding: 0 0 5px 20px;
border: 0
}
.navbar-collapse .navbar-nav .dropdown-menu .divider {
display: none
}
.header-light .navbar-collapse .navbar-nav .dropdown-menu {
background-color: #f7f7f7
}
.navbar-collapse .navbar-nav .dropdown-menu>li>a {
padding: 0;
line-height: 40px
}
.navbar-collapse .navbar-nav .dropdown-menu .dropdown-menu {
left: 0;
top: 0
}
.navbar-collapse .navbar-nav .dropdown-menu:last-child>a {
border-bottom: 0
}
.navbar-collapse .navbar-nav .dropdown-menu>a {
line-height: 40px;
margin: 0
}
.navbar-collapse .sf-mega.container {
background-color: transparent;
position: relative;
border: 0;
padding: 0!important;
width: 100%
}
.navbar-collapse .sf-mega.container .divcell {
display: block;
padding: 0;
border: 0
}
.navbar-collapse .sf-mega.container h5 {
display: none
}
.navbar-collapse .sf-mega.container li a {
display: block;
padding-left: 1.56em
}
.sf-mega:not(.container) {
width: 486px
}
.sf-mega:not(.container) .divcell {
padding: 0 35px
}
.header.header-extra .submenu {
position: relative
}
.header.header-extra .submenu li {
margin: 0 3px 0 0
}
.header.header-extra .submenu li:last-child {
margin-right: 0
}
.header.header-extra .submenu .text-right li {
margin: 0 0 0 3px
}
.header.header-extra .submenu .text-right li:last-child {
margin-left: 0
}
hr {
max-width: 700px
}
h2 small {
font-size: 18px
}
dl.dl-horizontal dt {
width: 100%;
margin-top: 0!important
}
dl.dl-horizontal dd {
margin-left: 0
}
.max-410 {
height: auto;
max-height: 9999px
}
.max-410>.max-410 {
height: 410px
}
.max-500 {
height: auto;
max-height: 9999px
}
.headcontent .breadcrumb:not(:last-child) {
margin-bottom: 20px
}
.jumbotron h1+p {
margin-bottom: 30px
}
.countup {
font-size: 45px
}
.document {
text-align: left
}
.document img {
float: left
}
.document span {
margin-left: 55px;
display: block;
line-height: 20px;
padding-top: 9px
}
.sticker {
width: 80px;
height: 80px;
line-height: 80px;
top: 10px
}
.chart+h4 {
margin-bottom: 40px
}
.promo h3 {
display: block;
margin-bottom: 15px
}
.team-info {
text-align: center
}
.team-info [class*=col-]:first-child {
margin-bottom: 30px
}
.single-content.m-both {
clear: both;
margin-bottom: 40px
}
.single-content.m-both:last-child {
margin-bottom: 0
}
.pricing [class*=col-sm-6] {
width: 49.5%;
vertical-align: top;
display: inline-block;
float: none;
margin-top: 0;
padding-bottom: 30px;
padding-top: 30px;
text-align: center
}
.pricing hr {
margin: 20px auto
}
.gallery-wrap .msnr, .gallery-wrap .msnr[class*="-3"], .gallery-wrap .msnr[class*="-2"] {
width: 50%
}
.cart-total {
text-align: left
}
.cart-total .total .text-primary {
font-size: 20px;
white-space: nowrap
}
.ship-header h4 {
width: 110px
}
.ship-header .checkbox {
font-size: 16px
}
.order-info {
margin-bottom: -30px
}
.order-info [class*=col-] {
margin-bottom: 30px
}
.products hr {
display: none
}
.products .catalog-bar hr {
display: block
}
.products .product {
width: 32.5%;
margin-bottom: 30px
}
.products .product .product-img {
margin-bottom: 0
}
.product-grid.products .product {
width: 33.3%;
margin-bottom: 0
}
.products .product-list .product {
width: 49%
}
.product-quantity {
margin-right: 20px
}
.product-quantity input {
width: 60px;
margin: 0 10px
}
.skills .icon.icon-sm {
font-size: 40px;
height: 35px
}
.posts .post .avatar, .posts .post .entry {
width: 100%;
float: none;
display: block;
margin: 0 0 30px!important
}
.posts .post .avatar:last-child, .posts .post .entry:last-child {
margin-bottom: 0!important
}
.posts .post.format-quote .quote-wrap {
text-align: center
}
.posts .post.format-quote .quote-wrap>* {
margin-top: 0!important
}
.posts .post.format-quote .quote-wrap>:first-child {
margin-bottom: 30px
}
.posts .pagination-bar .next, .posts .pagination-bar .prev {
display: none
}
.archive .post[class*=col-] {
margin-bottom: 30px
}
.archive .post[class*=col-]+hr {
display: none
}
.timeline .icon {
font-size: 40px;
height: 40px;
margin-top: 3px
}
.timeline.wedding-timeline .date .year {
font-size: 38px;
padding-bottom: 0
}
.timeline.wedding-timeline .date small {
font-size: 14px
}
.footer .row:first-child {
padding-bottom: 30px
}
.footer .frow-3 [class*=col-] {
text-align: center
}
.footer.footer-simple .row:first-child {
padding: 65px 0 60px
}
.error404 .text-left {
text-align: center
}
.error404 p, .uconstruction h1 {
margin-bottom: 20px
}
.countdown-page .countdown {
margin-bottom: 60px
}
.countdown-page .countdown>div:first-child {
margin-right: 30px
}
.countdown-page .countdown span {
font-size: 100px
}
.countdown-page .countdown i {
font-size: 100px;
line-height: 90px
}
.table.data-table th {
padding-right: 10px!important
}
.img-face {
margin-right: 5px
}
.img-face img {
width: 75px;
height: 75px
}
.modal-lg {
width: 720px
}
.mejs-controls .mejs-button button {
margin-right: 4px
}
.mejs-controls .mejs-time {
padding: 8px 0 0
}
.mejs-controls div.mejs-time-rail {
margin-right: 4px
}
.mejs-controls div.mejs-horizontal-volume-slider {
margin-left: 4px
}
.splash .splash-classic-list, .splash .splash-left-list {
text-align: center
}
}
@media screen and (max-width:992px) and (min-width:767px) {
.footer .inforow>[class*=col-sm-] {
float:none;
max-width:49.5%;
vertical-align:top;
display:inline-block;
margin-bottom:30px
}
.footer .inforow>[class*=col-sm-]:last-child {
margin-bottom: 0
}
}
@media screen and (max-width:767px) {
.sidemenu-toggle {
right: 15px
}
.vertical-menu .header {
overflow: auto
}
.vertical-menu .nav.navbar-nav {
float: left
}
.vertical-menu .nav.navbar-nav .dropdown-menu .dropdown-menu {
border: 0;
left: 0;
margin: 0;
padding: 0 15px;
position: relative;
top: 0
}
.vside {
background-color: transparent
}
.header.vhidden+.wrapper {
padding-left: 0
}
hr {
width: 100%
}
blockquote {
margin-left: 0
}
.icon {
margin-bottom: 20px
}
.header.header-extra .submenu {
line-height: 30px;
padding: 10px 0;
position: relative
}
.header.header-extra .submenu .text-right {
text-align: left
}
.header.header-extra .submenu .text-right li {
margin: 0 3px 0 0
}
.header.header-extra .submenu .text-right li:last-child {
margin-right: 0
}
.sf-mega:not(.container) {
padding: 15px 0;
width: 100%
}
.sf-mega:not(.container) h5 {
margin-bottom: 10px;
margin-top: 10px
}
.sf-mega:not(.container) ul {
margin-bottom: 0!important
}
.sf-mega:not(.container) ul li {
line-height: 28px
}
.sf-mega:not(.container) ul:last-child {
margin-bottom: 0!important
}
.sf-mega:not(.container) .divcell {
display: block;
border: 0
}
.vertical-menu .dropdown-menu>li.dropdown>a, .vertical-menu .navbar-nav>li.dropdown {
background-image: url(../images/38ba974f7d1e494ea1509b64f0af4213.gif)
}
.vertical-menu .dropdown-menu, .vertical-menu .dropdown-menu .dropdown-menu {
padding: 0 0 0 10px
}
.vertical-menu .dropdown-menu>li>a {
margin-right: 15px;
padding: 5px 0!important
}
.vertical-menu .dropdown-menu .fa {
margin-left: 0
}
.vertical-menu .divcell {
padding: 0!important;
margin-top: 10px
}
.vertical-menu .vheader-height {
overflow: auto
}
.img-xs, img.img-xs {
margin-left: auto;
margin-right: auto
}
dl.dl-horizontal dt {
text-align: center
}
.m-padding {
padding-top: 30px;
padding-bottom: 30px
}
.alert ul {
padding: 10px 0
}
.footer .row [class*=col-], .footer-simple [class*=col-], .headcontent [class*=col-] {
text-align: center!important
}
.headcontent.headcontent-lg {
padding: 90px 0
}
.headcontent .pull-right {
float: none!important
}
.headcontent .nav-currency, .headcontent a.back {
float: none!important;
margin-top: 10px
}
.max-410.no-margin {
margin-bottom: 60px
}
[class*=bg-sl-], [data-stellar-background-ratio] {
background-position:50% 0!important
}
[class*=bg-sl-].bg-sl-center, [data-stellar-background-ratio].bg-sl-center {
background-position: 50% 50%!important
}
.nav-category li {
margin: 0 10px
}
.faq {
padding-top: 0
}
.faq [class*=col-]+[class*=col-] {
padding-top:40px
}
.inforow {
text-align: center
}
.inforow [class*=col-], .middle.inforow [class*=col-] {
text-align: center;
margin-bottom: 30px
}
.inforow .form-wrap [class*=col-], .inforow [class*=col-]:last-child, .middle.inforow [class*=col-]:last-child {
margin-bottom: 0
}
.inforow .text-left, .inforow .text-right {
text-align: center!important
}
.inforow .nav-currency {
float: none!important
}
.inforow .countup>* {
margin-left: auto;
margin-right: auto
}
.jumbotron.no-height {
height: auto;
padding: 50px 0
}
.jumbotron.no-height .middle {
margin-top: 0!important
}
.logotypes [class*=col-] img {
width: auto
}
.logotypes .row+.row, .logotypes [class*=col-]+[class*=col-] {
border:0
}
.skills [class*=col-] {
padding: 0 30px
}
.career .panel-group .panel .panel-body {
padding-left: 0
}
.document {
text-align: center;
display: block;
line-height: 50px
}
.document img {
float: none
}
.document span {
display: inline;
margin: 0
}
.search-found>[class*=col-] {
margin-bottom:10px
}
.search-block h4 i {
float: none;
top: 0;
text-align: center
}
.search-block h4 a {
display: inline-block;
margin-left: 5px
}
.pagination-bar {
text-align: center
}
.product-quantity input {
margin: 0 10px;
width: 60px
}
.cart .table-responsive tbody>tr .price, .cart .table-responsive tbody>tr>td {
font-size: 18px
}
.ship-header h4 {
width: auto
}
.arrow.next, .arrow.prev {
display: none!important
}
.arrow.next.product-next, .arrow.next.product-prev, .arrow.prev.product-next, .arrow.prev.product-prev, .grid-nav .arrow.next, .grid-nav .arrow.prev {
display: inline-block!important
}
.products .product {
width: 49%
}
.products .product.clearfix .sticker {
left: 50%;
margin-left: -60px
}
.product-grid.products .product {
width: 50%
}
.products .product-list .product {
width: 100%
}
.type-product .magnific-wrap {
padding-bottom: 0
}
.img-medium img {
max-width: 90%
}
.displaying [class*=col-] {
margin-bottom: 0
}
.sidebar:not(:first-child) {
margin-top: 30px
}
.comment .raty {
margin-bottom: -20px
}
.posts .post .avatar, .posts .post .entry {
text-align: center
}
.posts .pagination-bar .next, .posts .pagination-bar .prev {
vertical-align: middle;
display: inline-block
}
.post .slider .nav-pages {
text-align: center
}
.avatar, .entry-header, .single .avatar {
display: block;
margin-left: auto;
margin-right: auto;
text-align: center
}
.archive .post[class*=col-], .archive .timeline .post[class*=col-] {
float: none
}
.nav-pages.inside {
margin-top: -60px
}
.portfolio-classic-slider {
height: auto
}
.portfolio-classic-slider .container, .portfolio-classic-slider li {
height: 100%;
max-height: 550px
}
.portfolio-classic-slider .container {
padding-bottom: 90px
}
.fullscreen img.img-circle, .slider-fixheight img.img-circle {
max-width: 140px
}
.fullscreen .jumbotron h1, .slider-fixheight .jumbotron h1 {
font-size: 36px;
line-height: 36px
}
.fullscreen .jumbotron h1+p, .slider-fixheight .jumbotron h1+p {
font-size: 18px
}
.timeline .row {
background-image: none
}
.timeline .row [class*=col-] {
margin-bottom: 0
}
.timeline .icon {
font-size: 60px;
height: 60px;
margin-top: 0
}
.wedding-couple:before {
font-size: 80px;
margin-top: -15px
}
.wedding-couple>[class*=col-]:last-child {
margin-top: 100px
}
.wedding-step .wedding-ico {
float: none;
margin: 0 auto 15px
}
.wedding-step .wedding-event {
margin: 0 0 30px
}
.footer .counts>* {
float: none!important;
vertical-align: middle;
display: inline-block
}
.footer [class*="-2"]:last-child {
padding-right: 30px
}
.footer .row:last-child nav span {
display: block
}
.footer .frow-3 .navbar-brand {
margin-bottom: 15px
}
.footer.footer-simple .row:last-child {
padding: 30px 0
}
.footer.footer-simple .row:last-child nav span {
vertical-align: middle;
display: inline-block
}
.footer.footer-simple p.copyright {
margin-bottom: 10px
}
ul.twitter-list .fa {
float: none
}
.sidebar ul.twitter-list .fa {
float: left
}
ul.twitter-list .date, ul.twitter-list p {
margin-left: 0
}
p.copyright {
margin-bottom: 10px
}
.m-center {
margin: auto;
float: none!important;
width: 100%;
max-width: 400px
}
.m-center.catalog-bar:first-child {
margin-bottom: 60px
}
.m-center:last-child {
padding-top: 30px
}
.m-center .widget {
text-align: left
}
.m-center h3, .m-center h4 {
text-align: center
}
.catalog-bar {
padding-bottom: 30px
}
.scrolltop {
left: 30px;
bottom: 30px
}
.error404 .footer {
width: 100%;
padding: 0 15px
}
.headcontent .middle, .hidden-middle {
margin-top: 0!important
}
.countdown-page .countdown span {
font-size: 60px
}
.countdown-page .countdown i {
font-size: 60px;
line-height: 50px
}
.countdown-page p {
font-size: 36px;
line-height: 42px
}
.data-table {
max-width: 320px;
margin: auto
}
.data-table * {
text-align: left
}
.modal-lg {
width: 96%
}
.modal-lg .slider {
margin-bottom: 60px
}
.modal-lg .no-all-padding:first-child {
padding-left: 30px!important;
padding-right: 30px!important
}
.mejs-container {
max-width: 400px
}
[class*=col-xs-] .mejs-container {
max-width: 90%
}
.splash .splash-category {
margin-bottom: 40px
}
.splash .splash-category .all-demo {
float: none
}
.splash .inforow [class*=col-] {
margin-bottom: 15px
}
.splash .mix {
width: 270px
}
}
@media screen and (max-width:639px) {
.header.header-extra .submenu {
display: none
}
.headcontent {
text-align: center
}
.headcontent.headcontent-lg, .headcontent.headcontent-md {
padding: 60px 0
}
.jumbotron h1 {
font-size: 46px;
line-height: 46px;
margin-bottom: 20px
}
.jumbotron h1+p {
font-size: 20px
}
.alert {
padding: 15px 30px 15px 10px
}
.alert .close {
right: 10px
}
.pricing [class*=col-] {
width: 100%
}
.coupon form {
float: none!important;
margin-bottom: 30px
}
.coupon>.btn {
float: left!important;
clear: left
}
.sorting {
text-align: center
}
.sorting>* {
width: 100%
}
.product-list {
text-align: center;
width: 100%
}
.product-list:first-child {
padding-bottom: 30px
}
.product-slider {
margin: 0 30px
}
.catalog-bar {
width: 100%;
max-width: 400px;
float: none;
margin: auto
}
.catalog-bar:last-child {
margin-top: 60px
}
.sidemenu .catalog-bar {
margin-top: 0!important
}
.widget h3, .widget h4 {
text-align: center
}
.wcolors {
margin: auto
}
.archive .post .avatar, .archive .post .entry {
width: 100%;
float: none;
display: block;
text-align: center;
margin: 0 0 30px!important
}
.archive .post .avatar:last-child, .archive .post .entry:last-child {
margin-bottom: 0!important
}
.archive .post .avatar .entry-content, .archive .post .avatar .entry-header, .archive .post .entry .entry-content, .archive .post .entry .entry-header {
padding: 0 30px
}
.archive .post[class*=col-] {
width: 100%;
text-align: center;
margin-bottom: 60px
}
.archive .post+hr {
display: none
}
.archive .pagination {
padding-left: 0;
padding-right: 0
}
.meta {
margin-bottom: 15px
}
.homework-description {
width: 420px;
margin: 60px 0;
padding: 20px
}
.portfolio-home-slider .next, .portfolio-home-slider .prev {
display: none!important
}
.mask * {
font-size: 16px;
line-height: 20px
}
.newsletter form input[type=email] {
padding-right: 130px
}
.newsletter form .btn {
padding: 0 20px
}
.newsletter p {
font-size: 30px;
line-height: 30px
}
.sitemap [class*=col-] {
width: 100%
}
.sitemap [class*=col-]+[class*=col-] {
margin-top:30px
}
.footer-simple .navbar-brand {
display: block;
top: 0;
margin: 0 0 10px
}
.error404 h1 {
font-size: 45px;
margin: 30px 0
}
.singlework-portfolio [class*=col-] {
width: 100%
}
.scrolltop {
display: none
}
.splash .header {
line-height: 60px;
text-align: center
}
.splash .header .col-xs-12 {
padding: 0
}
.splash .header .navbar-brand {
float: none;
display: block;
line-height: 60px;
padding: 30px 0 0
}
.splash .header .doc {
float: none!important;
margin: 0 10px 0 0
}
.splash .header .slogan {
float: none!important;
line-height: 35px
}
.splash .widget .nav.nav-tabs li {
margin: 0 10px
}
.splash .widget .nav.nav-tabs li a {
font-size: 18px;
padding-bottom: 20px
}
}
@media screen and (max-width:479px) {
sup {
top: 0
}
.alert {
font-size: 16px;
line-height: 20px
}
.alert .close {
top: 17px
}
.pagination li a {
width: 36px;
height: 36px;
line-height: 32px;
font-size: 16px
}
.pagination>li:first-child>span.pagination, .pagination>li:last-child>span, ul.pagination .next, ul.pagination .prev {
margin-top: -10px
}
.pagination-extend .pagination+.pagination {
margin-top: 0
}
ul.pagination .prev {
margin-right: 5px
}
ul.pagination .next {
margin-left: 5px
}
.header .navbar>[class*=col-] {
padding-left:15px;
padding-right:15px
}
.header .toggle-menu {
margin-left: 15px
}
.header .cart-list {
margin: 0 0 0 10px
}
.header .cart-list>a>ins {
margin-left: 2px
}
.header .navbar-brand {
font-size: 28px
}
.header .navbar-toggle>* {
width: 18px
}
.mask h3 {
font-size: 22px
}
.gallery-wrap .msnr, .gallery-wrap .msnr[class*="-3"], .gallery-wrap .msnr[class*="-2"], .gallery-wrap [class*=col-], .recent-posts [class*=col-] {
width: 100%
}
.recent-posts img {
margin-bottom: 20px
}
.nav-single {
margin-bottom: 60px
}
.nav-single .nav-next, .nav-single .nav-previous {
width: 100%;
float: left;
text-align: left;
clear: both;
margin-bottom: 20px
}
.mix, .product-grid.products .product, .products .product {
width: 100%
}
.error404 .icon.icon-lg {
font-size: 60px;
height: 60px
}
.error404 h1 {
font-size: 35px;
margin: 20px 0 30px
}
.error404 .footer {
text-align: center
}
.error404 .footer>* {
float: none!important
}
.error404 .footer p {
line-height: 24px;
margin-top: 10px
}
.uconstruction p {
margin-bottom: 0;
font-size: 0;
height: 1px
}
.ship-header .checkbox {
margin: -10px 0 20px;
float: left
}
.quote-wrap>* {
width: 100%
}
.quote-wrap>:first-child {
margin-bottom: 30px
}
.pagination .next, .pagination .prev {
display: none!important
}
.homework-description {
width: 300px;
margin: 30px 0;
padding: 15px
}
.fullscreen cite {
display: none
}
.countdown-page .countdown span {
font-size: 40px
}
.countdown-page .countdown i {
font-size: 40px;
line-height: 30px
}
.countdown-page .countdown ins {
font-size: 16px;
bottom: -20px
}
.countdown-page p {
font-size: 30px;
line-height: 36px
}
}
@media screen and (max-width:379px) {
.header .toggle-menu {
margin-left: 10px
}
.header .cart-list {
margin: 0 0 0 10px
}
.header .cart-list .dropdown-menu {
width: 290px;
right: -25px
}
.header .cart-list .dropdown-menu li {
padding: 10px
}
.header .cart-list .dropdown-menu li>div {
margin-left: 105px
}
.header .cart-list .dropdown-menu .hcart-total {
padding: 10px
}
.header .cart-list>a {
font-size: 16px
}
.header.header-left .cart-list .dropdown-menu {
left: -25px;
right: auto
}
}
@media screen and (max-height:730px) {
.vextra {
display: none
}
}
@media screen and (max-height:550px) {
.sidemenu-toggle {
top: 120px!important
}
.vertical-menu .header {
padding-top: 40px
}
.vertical-menu .header .navbar-brand, .vertical-menu .header .navbar-nav {
margin-bottom: 10px
}
.vertical-menu .header .cart-list {
line-height: 52px
}
.vertical-menu .header p:last-child {
display: none
}
.vertical-menu .header .navbar-fixed-bottom {
height: 50px
}
.vertical-menu .header .vheader-height {
height: calc(100% - 60px)
}
.jumbotron.jumbo-wedding h1 {
margin-bottom: 15px
}
.jumbotron.jumbo-wedding p {
line-height: 28px;
margin-bottom: 20px
}
}
@media screen and (max-height:700px) {
.vertical .arrow.prev {
top: 30px
}
.vertical .arrow.next {
bottom: 30px
}
.scrolldown-link:first-child, p+.scrolldown-link {
margin-top: 10px
}
}
@media screen and (max-width:800px) and (orientation:landscape), screen and (max-height:300px) {
.mfp-img-mobile .mfp-image-holder {
padding-left: 0;
padding-right: 0
}
.mfp-img-mobile .mfp-figure:after {
top: 0;
bottom: 0
}
.mfp-img-mobile .mfp-figure small {
display: inline;
margin-left: 5px
}
.mfp-img-mobile .mfp-bottom-bar {
background: rgba(0,0,0,.6);
bottom: 0;
top: auto;
position: fixed;
margin: 0;
padding: 3px 5px
}
.mfp-img-mobile .mfp-counter {
right: 5px;
top: 3px
}
.mfp-img-mobile .mfp-close {
top: 0;
right: 0;
width: 35px;
height: 35px;
line-height: 35px;
background: rgba(0,0,0,.6);
position: fixed;
text-align: center;
padding: 0
}
.mfp-img-mobile .mfp-bottom-bar:empty, .mfp-img-mobile .mfp-img {
padding: 0
}
}