/*!
* Bootstrap v3.1.0 (http://getbootstrap.com)
* Copyright 2011-2014 Twitter, Inc.
* Licensed under MIT (https://github.com/twbs/bootstrap/blob/master/LICENSE)
*/

/*! normalize.css v3.0.0 | MIT License | git.io/normalize */
html {
sans-serif;
-webkit-text-size-adjust: 100%;
-ms-text-size-adjust: 100%;
}
body {
0;
}
article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
main,
nav,
section,
summary {
display: block;
}
audio,
canvas,
progress,
video {
display: inline-block;
vertical-align: baseline;
}
audio:not([controls]) {
display: none;
height: 0;
}
[hidden],
template {
display: none;
}
a {
background: transparent;
}
a:active,
a:hover {
outline: 0;
}
abbr[title] {
border-bottom: 1px dotted;
}
b,
strong {
font-weight: bold;
}
dfn {
font-style: italic;
}
h1 {
.67em 0;
2em;
}
mark {
color: #000;
background: #ff0;
}
small {
80%;
}
sub,
sup {
position: relative;
75%;
0;
vertical-align: baseline;
}
sup {
top: -.5em;
}
sub {
bottom: -.25em;
}
img {
border: 0;
}
svg:not(:root) {
overflow: hidden;
}
figure {
1em 40px;
}
hr {
height: 0;
-moz-box-sizing: content-box;
box-sizing: content-box;
}
pre {
overflow: auto;
}
code,
kbd,
pre,
samp {
monospace, monospace;
1em;
}
button,
input,
optgroup,
select,
textarea {
0;
font: inherit;
color: inherit;
}
button {
overflow: visible;
}
button,
select {
text-transform: none;
}
button,
html input[type="button"],
input[type="reset"],
input[type="submit"] {
-webkit-appearance: button;
cursor: pointer;
}
button[disabled],
html input[disabled] {
cursor: default;
}
button::-moz-focus-inner,
input::-moz-focus-inner {
padding: 0;
border: 0;
}
input {
normal;
}
input[type="checkbox"],
input[type="radio"] {
box-sizing: border-box;
padding: 0;
}
input[type="number"]::-webkit-inner-spin-button,
input[type="number"]::-webkit-outer-spin-button {
height: auto;
}
input[type="search"] {
-webkit-box-sizing: content-box;
-moz-box-sizing: content-box;
box-sizing: content-box;
-webkit-appearance: textfield;
}
input[type="search"]::-webkit-search-cancel-button,
input[type="search"]::-webkit-search-decoration {
-webkit-appearance: none;
}
fieldset {
padding: .35em .625em .75em;
0 2px;
border: 1px solid #c0c0c0;
}
legend {
padding: 0;
border: 0;
}
textarea {
overflow: auto;
}
optgroup {
font-weight: bold;
}
table {
border-spacing: 0;
border-collapse: collapse;
}
td,
th {
padding: 0;
}
@media print {
* {
color: #000 !important;
text-shadow: none !important;
background: transparent !important;
box-shadow: none !important;
}
a,
a:visited {
text-decoration: underline;
}
a[href]:after {
content: " (" attr(href) ")";
}
abbr[title]:after {
content: " (" attr(title) ")";
}
a[href^="javascript:"]:after,
a[href^="#"]:after {
content: "";
}
pre,
blockquote {
border: 1px solid #999;

page-break-inside: avoid;
}
thead {
display: table-header-group;
}
tr,
img {
page-break-inside: avoid;
}
img {
max-width: 100% !important;
}
p,
h2,
h3 {
orphans: 3;
widows: 3;
}
h2,
h3 {
page-break-after: avoid;
}
select {
background: #fff !important;
}
.navbar {
display: none;
}
.table td,
.table th {
background-color: #fff !important;
}
.btn > .caret,
.dropup > .btn > .caret {
border-top-color: #000 !important;
}
.label {
border: 1px solid #000;
}
.table {
border-collapse: collapse !important;
}
.table-bordered th,
.table-bordered td {
border: 1px solid #ddd !important;
}
}
* {
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}
*:before,
*:after {
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}
html {
62.5%;

-webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}
body {
"Helvetica Neue", Helvetica, Arial, sans-serif;
14px;
1.428571429;
color: #333;
background-color: #fff;
}
input,
button,
select,
textarea {
inherit;
inherit;
inherit;
}
a {
color: #428bca;
text-decoration: none;
}
a:hover,
a:focus {
color: #2a6496;
text-decoration: underline;
}
a:focus {
outline: thin dotted;
outline: 5px auto -webkit-focus-ring-color;
outline-offset: -2px;
}
figure {
0;
}
img {
vertical-align: middle;
}
.img-responsive {
display: block;
max-width: 100%;
height: auto;
}
.img-rounded {
border-radius: 6px;
}
.img-thumbnail {
display: inline-block;
max-width: 100%;
height: auto;
padding: 4px;
1.428571429;
background-color: #fff;
border: 1px solid #ddd;
border-radius: 4px;
-webkit-transition: all .2s ease-in-out;
transition: all .2s ease-in-out;
}
.img-circle {
border-radius: 50%;
}
hr {
20px;
20px;
border: 0;
border-top: 1px solid #eee;
}
.sr-only {
position: absolute;
width: 1px;
height: 1px;
padding: 0;
-1px;
overflow: hidden;
clip: rect(0, 0, 0, 0);
border: 0;
}
h1,
h2,
h3,
h4,
h5,
h6,
.h1,
.h2,
.h3,
.h4,
.h5,
.h6 {
inherit;
font-weight: 500;
1.1;
color: inherit;
}
h1 small,
h2 small,
h3 small,
h4 small,
h5 small,
h6 small,
.h1 small,
.h2 small,
.h3 small,
.h4 small,
.h5 small,
.h6 small,
h1 .small,
h2 .small,
h3 .small,
h4 .small,
h5 .small,
h6 .small,
.h1 .small,
.h2 .small,
.h3 .small,
.h4 .small,
.h5 .small,
.h6 .small {
font-weight: normal;
1;
color: #999;
}
h1,
.h1,
h2,
.h2,
h3,
.h3 {
20px;
10px;
}
h1 small,
.h1 small,
h2 small,
.h2 small,
h3 small,
.h3 small,
h1 .small,
.h1 .small,
h2 .small,
.h2 .small,
h3 .small,
.h3 .small {
65%;
}
h4,
.h4,
h5,
.h5,
h6,
.h6 {
10px;
10px;
}
h4 small,
.h4 small,
h5 small,
.h5 small,
h6 small,
.h6 small,
h4 .small,
.h4 .small,
h5 .small,
.h5 .small,
h6 .small,
.h6 .small {
75%;
}
h1,
.h1 {
36px;
}
h2,
.h2 {
30px;
}
h3,
.h3 {
24px;
}
h4,
.h4 {
18px;
}
h5,
.h5 {
14px;
}
h6,
.h6 {
12px;
}
p {
0 0 10px;
}
.lead {
20px;
16px;
font-weight: 200;
1.4;
}
@media (min-width: 768px) {
.lead {
21px;
}
}
small,
.small {
85%;
}
cite {
font-style: normal;
}
.text-left {
text-align: left;
}
.text-right {
text-align: right;
}
.text-center {
text-align: center;
}
.text-justify {
text-align: justify;
}
.text-muted {
color: #999;
}
.text-primary {
color: #428bca;
}
a.text-primary:hover {
color: #3071a9;
}
.text-success {
color: #3c763d;
}
a.text-success:hover {
color: #2b542c;
}
.text-info {
color: #31708f;
}
a.text-info:hover {
color: #245269;
}
.text-warning {
color: #8a6d3b;
}
a.text-warning:hover {
color: #66512c;
}
.text-danger {
color: #a94442;
}
a.text-danger:hover {
color: #843534;
}
.bg-primary {
color: #fff;
background-color: #428bca;
}
a.bg-primary:hover {
background-color: #3071a9;
}
.bg-success {
background-color: #dff0d8;
}
a.bg-success:hover {
background-color: #c1e2b3;
}
.bg-info {
background-color: #d9edf7;
}
a.bg-info:hover {
background-color: #afd9ee;
}
.bg-warning {
background-color: #fcf8e3;
}
a.bg-warning:hover {
background-color: #f7ecb5;
}
.bg-danger {
background-color: #f2dede;
}
a.bg-danger:hover {
background-color: #e4b9b9;
}
.page-header {
padding-bottom: 9px;
40px 0 20px;
border-bottom: 1px solid #eee;
}
ul,
ol {
0;
10px;
}
ul ul,
ol ul,
ul ol,
ol ol {
0;
}
.list-unstyled {
padding-left: 0;
list-style: none;
}
.list-inline {
padding-left: 0;
list-style: none;
}
.list-inline > li {
display: inline-block;
padding-right: 5px;
padding-left: 5px;
}
.list-inline > li:first-child {
padding-left: 0;
}
dl {
0;
20px;
}
dt,
dd {
1.428571429;
}
dt {
font-weight: bold;
}
dd {
0;
}
@media (min-width: 768px) {
.dl-horizontal dt {
float: left;
width: 160px;
overflow: hidden;
clear: left;
text-align: right;
text-overflow: ellipsis;
white-space: nowrap;
}
.dl-horizontal dd {
180px;
}
}
abbr[title],
abbr[data-original-title] {
cursor: help;
border-bottom: 1px dotted #999;
}
.initialism {
90%;
text-transform: uppercase;
}
blockquote {
padding: 10px 20px;
0 0 20px;
17.5px;
border-left: 5px solid #eee;
}
blockquote p:last-child,
blockquote ul:last-child,
blockquote ol:last-child {
0;
}
blockquote footer,
blockquote small,
blockquote .small {
display: block;
80%;
1.428571429;
color: #999;
}
blockquote footer:before,
blockquote small:before,
blockquote .small:before {
content: '\2014 \00A0';
}
.blockquote-reverse,
blockquote.pull-right {
padding-right: 15px;
padding-left: 0;
text-align: right;
border-right: 5px solid #eee;
border-left: 0;
}
.blockquote-reverse footer:before,
blockquote.pull-right footer:before,
.blockquote-reverse small:before,
blockquote.pull-right small:before,
.blockquote-reverse .small:before,
blockquote.pull-right .small:before {
content: '';
}
.blockquote-reverse footer:after,
blockquote.pull-right footer:after,
.blockquote-reverse small:after,
blockquote.pull-right small:after,
.blockquote-reverse .small:after,
blockquote.pull-right .small:after {
content: '\00A0 \2014';
}
blockquote:before,
blockquote:after {
content: "";
}
address {
20px;
font-style: normal;
1.428571429;
}
code,
kbd,
pre,
samp {
Menlo, Monaco, Consolas, "Courier New", monospace;
}
code {
padding: 2px 4px;
90%;
color: #c7254e;
white-space: nowrap;
background-color: #f9f2f4;
border-radius: 4px;
}
kbd {
padding: 2px 4px;
90%;
color: #fff;
background-color: #333;
border-radius: 3px;
box-shadow: inset 0 -1px 0 rgba(0, 0, 0, .25);
}
pre {
display: block;
padding: 9.5px;
0 0 10px;
13px;
1.428571429;
color: #333;
word-break: break-all;
word-wrap: break-word;
background-color: #f5f5f5;
border: 1px solid #ccc;
border-radius: 4px;
}
pre code {
padding: 0;
inherit;
color: inherit;
white-space: pre-wrap;
background-color: transparent;
border-radius: 0;
}
.pre-scrollable {
max-height: 340px;
overflow-y: scroll;
}
.container {
padding-right: 15px;
padding-left: 15px;
margin-right: auto;
margin-left: auto;
}
@media (min-width: 768px) {
.container {
width: 750px;
}
}
@media (min-width: 992px) {
.container {
width: 970px;
}
}
@media (min-width: 1200px) {
.container {
width: 1170px;
}
}
.container-fluid {
padding-right: 15px;
padding-left: 15px;
margin-right: auto;
margin-left: auto;
}
.row {
-15px;
-15px;
}
.col-xs-1, .col-sm-1, .col-md-1, .col-lg-1, .col-xs-2, .col-sm-2, .col-md-2, .col-lg-2, .col-xs-3, .col-sm-3, .col-md-3, .col-lg-3, .col-xs-4, .col-sm-4, .col-md-4, .col-lg-4, .col-xs-5, .col-sm-5, .col-md-5, .col-lg-5, .col-xs-6, .col-sm-6, .col-md-6, .col-lg-6, .col-xs-7, .col-sm-7, .col-md-7, .col-lg-7, .col-xs-8, .col-sm-8, .col-md-8, .col-lg-8, .col-xs-9, .col-sm-9, .col-md-9, .col-lg-9, .col-xs-10, .col-sm-10, .col-md-10, .col-lg-10, .col-xs-11, .col-sm-11, .col-md-11, .col-lg-11, .col-xs-12, .col-sm-12, .col-md-12, .col-lg-12 {
position: relative;
min-height: 1px;
padding-right: 15px;
padding-left: 15px;
}
.col-xs-1, .col-xs-2, .col-xs-3, .col-xs-4, .col-xs-5, .col-xs-6, .col-xs-7, .col-xs-8, .col-xs-9, .col-xs-10, .col-xs-11, .col-xs-12 {
float: left;
}
.col-xs-12 {
width: 100%;
}
.col-xs-11 {
width: 91.66666666666666%;
}
.col-xs-10 {
width: 83.33333333333334%;
}
.col-xs-9 {
width: 75%;
}
.col-xs-8 {
width: 66.66666666666666%;
}
.col-xs-7 {
width: 58.333333333333336%;
}
.col-xs-6 {
width: 50%;
}
.col-xs-5 {
width: 41.66666666666667%;
}
.col-xs-4 {
width: 33.33333333333333%;
}
.col-xs-3 {
width: 25%;
}
.col-xs-2 {
width: 16.666666666666664%;
}
.col-xs-1 {
width: 8.333333333333332%;
}
.col-xs-pull-12 {
right: 100%;
}
.col-xs-pull-11 {
right: 91.66666666666666%;
}
.col-xs-pull-10 {
right: 83.33333333333334%;
}
.col-xs-pull-9 {
right: 75%;
}
.col-xs-pull-8 {
right: 66.66666666666666%;
}
.col-xs-pull-7 {
right: 58.333333333333336%;
}
.col-xs-pull-6 {
right: 50%;
}
.col-xs-pull-5 {
right: 41.66666666666667%;
}
.col-xs-pull-4 {
right: 33.33333333333333%;
}
.col-xs-pull-3 {
right: 25%;
}
.col-xs-pull-2 {
right: 16.666666666666664%;
}
.col-xs-pull-1 {
right: 8.333333333333332%;
}
.col-xs-pull-0 {
right: 0;
}
.col-xs-push-12 {
left: 100%;
}
.col-xs-push-11 {
left: 91.66666666666666%;
}
.col-xs-push-10 {
left: 83.33333333333334%;
}
.col-xs-push-9 {
left: 75%;
}
.col-xs-push-8 {
left: 66.66666666666666%;
}
.col-xs-push-7 {
left: 58.333333333333336%;
}
.col-xs-push-6 {
left: 50%;
}
.col-xs-push-5 {
left: 41.66666666666667%;
}
.col-xs-push-4 {
left: 33.33333333333333%;
}
.col-xs-push-3 {
left: 25%;
}
.col-xs-push-2 {
left: 16.666666666666664%;
}
.col-xs-push-1 {
left: 8.333333333333332%;
}
.col-xs-push-0 {
left: 0;
}
.col-xs-offset-12 {
100%;
}
.col-xs-offset-11 {
91.66666666666666%;
}
.col-xs-offset-10 {
83.33333333333334%;
}
.col-xs-offset-9 {
75%;
}
.col-xs-offset-8 {
66.66666666666666%;
}
.col-xs-offset-7 {
58.333333333333336%;
}
.col-xs-offset-6 {
50%;
}
.col-xs-offset-5 {
41.66666666666667%;
}
.col-xs-offset-4 {
33.33333333333333%;
}
.col-xs-offset-3 {
25%;
}
.col-xs-offset-2 {
16.666666666666664%;
}
.col-xs-offset-1 {
8.333333333333332%;
}
.col-xs-offset-0 {
0;
}
@media (max-width: 767px) {
.col-sms-1,
.col-sms-2,
.col-sms-3,
.col-sms-4,
.col-sms-5,
.col-sms-6,
.col-sms-7,
.col-sms-8,
.col-sms-9,
.col-sms-10,
.col-sms-11,
.col-sms-12 {
float: left;
}
.col-sms-12 {
width: 100%;
}
.col-sms-11 {
width: 91.66666666666666%;
}
.col-sms-10 {
width: 83.33333333333334%;
}
.col-sms-9 {
width: 75%;
}
.col-sms-8 {
width: 66.66666666666666%;
}
.col-sms-7 {
width: 58.333333333333336%;
}
.col-sms-6 {
width: 50%;
}
.col-sms-5 {
width: 41.66666666666667%;
}
.col-sms-4 {
width: 33.33333333333333%;
}
.col-sms-3 {
width: 25%;
}
.col-sms-2 {
width: 16.666666666666664%;
}
.col-sms-1 {
width: 8.333333333333332%;
}
.col-sms-pull-12 {
right: 100%;
}
.col-sms-pull-11 {
right: 91.66666666666666%;
}
.col-sms-pull-10 {
right: 83.33333333333334%;
}
.col-sms-pull-9 {
right: 75%;
}
.col-sms-pull-8 {
right: 66.66666666666666%;
}
.col-sms-pull-7 {
right: 58.333333333333336%;
}
.col-sms-pull-6 {
right: 50%;
}
.col-sms-pull-5 {
right: 41.66666666666667%;
}
.col-sms-pull-4 {
right: 33.33333333333333%;
}
.col-sms-pull-3 {
right: 25%;
}
.col-sms-pull-2 {
right: 16.666666666666664%;
}
.col-sms-pull-1 {
right: 8.333333333333332%;
}
.col-sms-pull-0 {
right: 0;
}
.col-sms-push-12 {
left: 100%;
}
.col-sms-push-11 {
left: 91.66666666666666%;
}
.col-sms-push-10 {
left: 83.33333333333334%;
}
.col-sms-push-9 {
left: 75%;
}
.col-sms-push-8 {
left: 66.66666666666666%;
}
.col-sms-push-7 {
left: 58.333333333333336%;
}
.col-sms-push-6 {
left: 50%;
}
.col-sms-push-5 {
left: 41.66666666666667%;
}
.col-sms-push-4 {
left: 33.33333333333333%;
}
.col-sms-push-3 {
left: 25%;
}
.col-sms-push-2 {
left: 16.666666666666664%;
}
.col-sms-push-1 {
left: 8.333333333333332%;
}
.col-sms-push-0 {
left: 0;
}
.col-sms-offset-12 {
100%;
}
.col-sms-offset-11 {
91.66666666666666%;
}
.col-sms-offset-10 {
83.33333333333334%;
}
.col-sms-offset-9 {
75%;
}
.col-sms-offset-8 {
66.66666666666666%;
}
.col-sms-offset-7 {
58.333333333333336%;
}
.col-sms-offset-6 {
50%;
}
.col-sms-offset-5 {
41.66666666666667%;
}
.col-sms-offset-4 {
33.33333333333333%;
}
.col-sms-offset-3 {
25%;
}
.col-sms-offset-2 {
16.666666666666664%;
}
.col-sms-offset-1 {
8.333333333333332%;
}
.col-sms-offset-0 {
0;
}
}

@media (max-width: 480px){
.col-smb-12 {
width: 100%;
}
}
@media (min-width: 768px) {
.col-sm-1, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-10, .col-sm-11, .col-sm-12 {
float: left;
}
.col-sm-12 {
width: 100%;
}
.col-sm-11 {
width: 91.66666666666666%;
}
.col-sm-10 {
width: 83.33333333333334%;
}
.col-sm-9 {
width: 75%;
}
.col-sm-8 {
width: 66.66666666666666%;
}
.col-sm-7 {
width: 58.333333333333336%;
}
.col-sm-6 {
width: 50%;
}
.col-sm-5 {
width: 41.66666666666667%;
}
.col-sm-4 {
width: 33.33333333333333%;
}
.col-sm-3 {
width: 25%;
}
.col-sm-2 {
width: 16.666666666666664%;
}
.col-sm-1 {
width: 8.333333333333332%;
}
.col-sm-pull-12 {
right: 100%;
}
.col-sm-pull-11 {
right: 91.66666666666666%;
}
.col-sm-pull-10 {
right: 83.33333333333334%;
}
.col-sm-pull-9 {
right: 75%;
}
.col-sm-pull-8 {
right: 66.66666666666666%;
}
.col-sm-pull-7 {
right: 58.333333333333336%;
}
.col-sm-pull-6 {
right: 50%;
}
.col-sm-pull-5 {
right: 41.66666666666667%;
}
.col-sm-pull-4 {
right: 33.33333333333333%;
}
.col-sm-pull-3 {
right: 25%;
}
.col-sm-pull-2 {
right: 16.666666666666664%;
}
.col-sm-pull-1 {
right: 8.333333333333332%;
}
.col-sm-pull-0 {
right: 0;
}
.col-sm-push-12 {
left: 100%;
}
.col-sm-push-11 {
left: 91.66666666666666%;
}
.col-sm-push-10 {
left: 83.33333333333334%;
}
.col-sm-push-9 {
left: 75%;
}
.col-sm-push-8 {
left: 66.66666666666666%;
}
.col-sm-push-7 {
left: 58.333333333333336%;
}
.col-sm-push-6 {
left: 50%;
}
.col-sm-push-5 {
left: 41.66666666666667%;
}
.col-sm-push-4 {
left: 33.33333333333333%;
}
.col-sm-push-3 {
left: 25%;
}
.col-sm-push-2 {
left: 16.666666666666664%;
}
.col-sm-push-1 {
left: 8.333333333333332%;
}
.col-sm-push-0 {
left: 0;
}
.col-sm-offset-12 {
100%;
}
.col-sm-offset-11 {
91.66666666666666%;
}
.col-sm-offset-10 {

83.33333333333334%;
}
.col-sm-offset-9 {
75%;
}
.col-sm-offset-8 {
66.66666666666666%;
}
.col-sm-offset-7 {
58.333333333333336%;
}
.col-sm-offset-6 {
50%;
}
.col-sm-offset-5 {
41.66666666666667%;
}
.col-sm-offset-4 {
33.33333333333333%;
}
.col-sm-offset-3 {
25%;
}
.col-sm-offset-2 {
16.666666666666664%;
}
.col-sm-offset-1 {
8.333333333333332%;
}
.col-sm-offset-0 {
0;
}
}
@media (min-width: 992px) {
.col-md-1, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-10, .col-md-11, .col-md-12 {
float: left;
}
.col-md-12 {
width: 100%;
}
.col-md-11 {
width: 91.66666666666666%;
}
.col-md-10 {
width: 83.33333333333334%;
}
.col-md-9 {
width: 75%;
}
.col-md-8 {
width: 66.66666666666666%;
}
.col-md-7 {
width: 58.333333333333336%;
}
.col-md-6 {
width: 50%;
}
.col-md-5 {
width: 41.66666666666667%;
}
.col-md-4 {
width: 33.33333333333333%;
}
.col-md-3 {
width: 25%;
}
.col-md-2 {
width: 16.666666666666664%;
}
.col-md-1 {
width: 8.333333333333332%;
}
.col-md-pull-12 {
right: 100%;
}
.col-md-pull-11 {
right: 91.66666666666666%;
}
.col-md-pull-10 {
right: 83.33333333333334%;
}
.col-md-pull-9 {
right: 75%;
}
.col-md-pull-8 {
right: 66.66666666666666%;
}
.col-md-pull-7 {
right: 58.333333333333336%;
}
.col-md-pull-6 {
right: 50%;
}
.col-md-pull-5 {
right: 41.66666666666667%;
}
.col-md-pull-4 {
right: 33.33333333333333%;
}
.col-md-pull-3 {
right: 25%;
}
.col-md-pull-2 {
right: 16.666666666666664%;
}
.col-md-pull-1 {
right: 8.333333333333332%;
}
.col-md-pull-0 {
right: 0;
}
.col-md-push-12 {
left: 100%;
}
.col-md-push-11 {
left: 91.66666666666666%;
}
.col-md-push-10 {
left: 83.33333333333334%;
}
.col-md-push-9 {
left: 75%;
}
.col-md-push-8 {
left: 66.66666666666666%;
}
.col-md-push-7 {
left: 58.333333333333336%;
}
.col-md-push-6 {
left: 50%;
}
.col-md-push-5 {
left: 41.66666666666667%;
}
.col-md-push-4 {
left: 33.33333333333333%;
}
.col-md-push-3 {
left: 25%;
}
.col-md-push-2 {
left: 16.666666666666664%;
}
.col-md-push-1 {
left: 8.333333333333332%;
}
.col-md-push-0 {
left: 0;
}
.col-md-offset-12 {
100%;
}
.col-md-offset-11 {
91.66666666666666%;
}
.col-md-offset-10 {
83.33333333333334%;
}
.col-md-offset-9 {
75%;
}
.col-md-offset-8 {
66.66666666666666%;
}
.col-md-offset-7 {
58.333333333333336%;
}
.col-md-offset-6 {
50%;
}
.col-md-offset-5 {
41.66666666666667%;
}
.col-md-offset-4 {
33.33333333333333%;
}
.col-md-offset-3 {
25%;
}
.col-md-offset-2 {
16.666666666666664%;
}
.col-md-offset-1 {
8.333333333333332%;
}
.col-md-offset-0 {
0;
}
}
@media (min-width: 1200px) {
.col-lg-1, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-lg-10, .col-lg-11, .col-lg-12 {
float: left;
}
.col-lg-12 {
width: 100%;
}
.col-lg-11 {
width: 91.66666666666666%;
}
.col-lg-10 {
width: 83.33333333333334%;
}
.col-lg-9 {
width: 75%;
}
.col-lg-8 {
width: 66.66666666666666%;
}
.col-lg-7 {
width: 58.333333333333336%;
}
.col-lg-6 {
width: 50%;
}
.col-lg-5 {
width: 41.66666666666667%;
}
.col-lg-4 {
width: 33.33333333333333%;
}
.col-lg-3 {
width: 25%;
}
.col-lg-2 {
width: 16.666666666666664%;
}
.col-lg-1 {
width: 8.333333333333332%;
}
.col-lg-pull-12 {
right: 100%;
}
.col-lg-pull-11 {
right: 91.66666666666666%;
}
.col-lg-pull-10 {
right: 83.33333333333334%;
}
.col-lg-pull-9 {
right: 75%;
}
.col-lg-pull-8 {
right: 66.66666666666666%;
}
.col-lg-pull-7 {
right: 58.333333333333336%;
}
.col-lg-pull-6 {
right: 50%;
}
.col-lg-pull-5 {
right: 41.66666666666667%;
}
.col-lg-pull-4 {
right: 33.33333333333333%;
}
.col-lg-pull-3 {
right: 25%;
}
.col-lg-pull-2 {
right: 16.666666666666664%;
}
.col-lg-pull-1 {
right: 8.333333333333332%;
}
.col-lg-pull-0 {
right: 0;
}
.col-lg-push-12 {
left: 100%;
}
.col-lg-push-11 {
left: 91.66666666666666%;
}
.col-lg-push-10 {
left: 83.33333333333334%;
}
.col-lg-push-9 {
left: 75%;
}
.col-lg-push-8 {
left: 66.66666666666666%;
}
.col-lg-push-7 {
left: 58.333333333333336%;
}
.col-lg-push-6 {
left: 50%;
}
.col-lg-push-5 {
left: 41.66666666666667%;
}
.col-lg-push-4 {
left: 33.33333333333333%;
}
.col-lg-push-3 {
left: 25%;
}
.col-lg-push-2 {
left: 16.666666666666664%;
}
.col-lg-push-1 {
left: 8.333333333333332%;
}
.col-lg-push-0 {
left: 0;
}
.col-lg-offset-12 {
100%;
}
.col-lg-offset-11 {
91.66666666666666%;
}
.col-lg-offset-10 {
83.33333333333334%;
}
.col-lg-offset-9 {
75%;
}
.col-lg-offset-8 {
66.66666666666666%;
}
.col-lg-offset-7 {
58.333333333333336%;
}
.col-lg-offset-6 {
50%;
}
.col-lg-offset-5 {
41.66666666666667%;
}
.col-lg-offset-4 {
33.33333333333333%;
}
.col-lg-offset-3 {
25%;
}
.col-lg-offset-2 {
16.666666666666664%;
}
.col-lg-offset-1 {
8.333333333333332%;
}
.col-lg-offset-0 {
0;
}
}
table {
max-width: 100%;
background-color: transparent;
}
th {
text-align: left;
}
.table {
width: 100%;
20px;
}
.table > thead > tr > th,
.table > tbody > tr > th,
.table > tfoot > tr > th,
.table > thead > tr > td,
.table > tbody > tr > td,
.table > tfoot > tr > td {
padding: 8px;
1.428571429;
vertical-align: top;
border-top: 1px solid #ddd;
}
.table > thead > tr > th {
vertical-align: bottom;
border-bottom: 2px solid #ddd;
}
.table > caption + thead > tr:first-child > th,
.table > colgroup + thead > tr:first-child > th,
.table > thead:first-child > tr:first-child > th,
.table > caption + thead > tr:first-child > td,
.table > colgroup + thead > tr:first-child > td,
.table > thead:first-child > tr:first-child > td {
border-top: 0;
}
.table > tbody + tbody {
border-top: 2px solid #ddd;
}
.table .table {
background-color: #fff;
}
.table-condensed > thead > tr > th,
.table-condensed > tbody > tr > th,
.table-condensed > tfoot > tr > th,
.table-condensed > thead > tr > td,
.table-condensed > tbody > tr > td,
.table-condensed > tfoot > tr > td {
padding: 5px;
}
.table-bordered {
border: 1px solid #ddd;
}
.table-bordered > thead > tr > th,
.table-bordered > tbody > tr > th,
.table-bordered > tfoot > tr > th,
.table-bordered > thead > tr > td,
.table-bordered > tbody > tr > td,
.table-bordered > tfoot > tr > td {
border: 1px solid #ddd;
}
.table-bordered > thead > tr > th,
.table-bordered > thead > tr > td {
border-bottom-width: 2px;
}
.table-striped > tbody > tr:nth-child(odd) > td,
.table-striped > tbody > tr:nth-child(odd) > th {
background-color: #f9f9f9;
}
.table-hover > tbody > tr:hover > td,
.table-hover > tbody > tr:hover > th {
background-color: #f5f5f5;
}
table col[class*="col-"] {
position: static;
display: table-column;
float: none;
}
table td[class*="col-"],
table th[class*="col-"] {
position: static;
display: table-cell;
float: none;
}
.table > thead > tr > td.active,
.table > tbody > tr > td.active,
.table > tfoot > tr > td.active,
.table > thead > tr > th.active,
.table > tbody > tr > th.active,
.table > tfoot > tr > th.active,
.table > thead > tr.active > td,
.table > tbody > tr.active > td,
.table > tfoot > tr.active > td,
.table > thead > tr.active > th,
.table > tbody > tr.active > th,
.table > tfoot > tr.active > th {
background-color: #f5f5f5;
}
.table-hover > tbody > tr > td.active:hover,
.table-hover > tbody > tr > th.active:hover,
.table-hover > tbody > tr.active:hover > td,
.table-hover > tbody > tr.active:hover > th {
background-color: #e8e8e8;
}
.table > thead > tr > td.success,
.table > tbody > tr > td.success,
.table > tfoot > tr > td.success,
.table > thead > tr > th.success,
.table > tbody > tr > th.success,
.table > tfoot > tr > th.success,
.table > thead > tr.success > td,
.table > tbody > tr.success > td,
.table > tfoot > tr.success > td,
.table > thead > tr.success > th,
.table > tbody > tr.success > th,
.table > tfoot > tr.success > th {
background-color: #dff0d8;
}
.table-hover > tbody > tr > td.success:hover,
.table-hover > tbody > tr > th.success:hover,
.table-hover > tbody > tr.success:hover > td,
.table-hover > tbody > tr.success:hover > th {
background-color: #d0e9c6;
}
.table > thead > tr > td.info,
.table > tbody > tr > td.info,
.table > tfoot > tr > td.info,
.table > thead > tr > th.info,
.table > tbody > tr > th.info,
.table > tfoot > tr > th.info,
.table > thead > tr.info > td,
.table > tbody > tr.info > td,
.table > tfoot > tr.info > td,
.table > thead > tr.info > th,
.table > tbody > tr.info > th,
.table > tfoot > tr.info > th {
background-color: #d9edf7;
}
.table-hover > tbody > tr > td.info:hover,
.table-hover > tbody > tr > th.info:hover,
.table-hover > tbody > tr.info:hover > td,
.table-hover > tbody > tr.info:hover > th {
background-color: #c4e3f3;
}
.table > thead > tr > td.warning,
.table > tbody > tr > td.warning,
.table > tfoot > tr > td.warning,
.table > thead > tr > th.warning,
.table > tbody > tr > th.warning,
.table > tfoot > tr > th.warning,
.table > thead > tr.warning > td,
.table > tbody > tr.warning > td,
.table > tfoot > tr.warning > td,
.table > thead > tr.warning > th,
.table > tbody > tr.warning > th,
.table > tfoot > tr.warning > th {
background-color: #fcf8e3;
}
.table-hover > tbody > tr > td.warning:hover,
.table-hover > tbody > tr > th.warning:hover,
.table-hover > tbody > tr.warning:hover > td,
.table-hover > tbody > tr.warning:hover > th {
background-color: #faf2cc;
}
.table > thead > tr > td.danger,
.table > tbody > tr > td.danger,
.table > tfoot > tr > td.danger,
.table > thead > tr > th.danger,
.table > tbody > tr > th.danger,
.table > tfoot > tr > th.danger,
.table > thead > tr.danger > td,
.table > tbody > tr.danger > td,
.table > tfoot > tr.danger > td,
.table > thead > tr.danger > th,
.table > tbody > tr.danger > th,
.table > tfoot > tr.danger > th {
background-color: #f2dede;
}
.table-hover > tbody > tr > td.danger:hover,
.table-hover > tbody > tr > th.danger:hover,
.table-hover > tbody > tr.danger:hover > td,
.table-hover > tbody > tr.danger:hover > th {
background-color: #ebcccc;
}
@media (max-width: 767px) {
.table-responsive {
width: 100%;
15px;
overflow-x: scroll;
overflow-y: hidden;
-webkit-overflow-scrolling: touch;
-ms-overflow-style: -ms-autohiding-scrollbar;
border: 1px solid #ddd;
}
.table-responsive > .table {
0;
}
.table-responsive > .table > thead > tr > th,
.table-responsive > .table > tbody > tr > th,
.table-responsive > .table > tfoot > tr > th,
.table-responsive > .table > thead > tr > td,
.table-responsive > .table > tbody > tr > td,
.table-responsive > .table > tfoot > tr > td {
white-space: nowrap;
}
.table-responsive > .table-bordered {
border: 0;
}
.table-responsive > .table-bordered > thead > tr > th:first-child,
.table-responsive > .table-bordered > tbody > tr > th:first-child,
.table-responsive > .table-bordered > tfoot > tr > th:first-child,
.table-responsive > .table-bordered > thead > tr > td:first-child,
.table-responsive > .table-bordered > tbody > tr > td:first-child,
.table-responsive > .table-bordered > tfoot > tr > td:first-child {
border-left: 0;
}
.table-responsive > .table-bordered > thead > tr > th:last-child,
.table-responsive > .table-bordered > tbody > tr > th:last-child,
.table-responsive > .table-bordered > tfoot > tr > th:last-child,
.table-responsive > .table-bordered > thead > tr > td:last-child,
.table-responsive > .table-bordered > tbody > tr > td:last-child,
.table-responsive > .table-bordered > tfoot > tr > td:last-child {
border-right: 0;
}
.table-responsive > .table-bordered > tbody > tr:last-child > th,
.table-responsive > .table-bordered > tfoot > tr:last-child > th,
.table-responsive > .table-bordered > tbody > tr:last-child > td,
.table-responsive > .table-bordered > tfoot > tr:last-child > td {
border-bottom: 0;
}
}
fieldset {
min-width: 0;
padding: 0;
0;
border: 0;
}
legend {
display: block;
width: 100%;
padding: 0;
20px;
21px;
inherit;
color: #333;
border: 0;
border-bottom: 1px solid #e5e5e5;
}
label {
display: inline-block;
5px;
font-weight: bold;
}
input[type="search"] {
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}
input[type="radio"],
input[type="checkbox"] {
4px 0 0;
1px \9;
/* IE8-9 */
normal;
}
input[type="file"] {
display: block;
}
input[type="range"] {
display: block;
width: 100%;
}
select[multiple],
select[size] {
height: auto;
}
input[type="file"]:focus,
input[type="radio"]:focus,
input[type="checkbox"]:focus {
outline: thin dotted;
outline: 5px auto -webkit-focus-ring-color;
outline-offset: -2px;
}
output {
display: block;
padding-top: 7px;
14px;
1.428571429;
color: #555;
}
.form-control {
display: block;
width: 100%;
height: 34px;
padding: 6px 12px;
14px;
1.428571429;
color: #555;
background-color: #fff;
background-image: none;
border: 1px solid #ccc;
border-radius: 4px;
-webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
-webkit-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
}
.form-control:focus {
border-color: #66afe9;
outline: 0;
-webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(102, 175, 233, .6);
box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(102, 175, 233, .6);
}
.form-control:-moz-placeholder {
color: #999;
}
.form-control::-moz-placeholder {
color: #999;
opacity: 1;
}
.form-control:-ms-input-placeholder {
color: #999;
}
.form-control::-webkit-input-placeholder {
color: #999;
}
.form-control[disabled],
.form-control[readonly],
fieldset[disabled] .form-control {
cursor: not-allowed;
background-color: #eee;
opacity: 1;
}
textarea.form-control {
height: auto;
}
input[type="date"] {
34px;
}
.form-group {
15px;
}
.radio,
.checkbox {
display: block;
min-height: 0;
padding-left: 20px;
10px;
10px;
}
.radio label,
.checkbox label {
display: inline;
font-weight: normal;
cursor: pointer;
}
.radio input[type="radio"],
.radio-inline input[type="radio"],
.checkbox input[type="checkbox"],
.checkbox-inline input[type="checkbox"] {
float: left;
-20px;
}
.radio + .radio,
.checkbox + .checkbox {
-5px;
}
.radio-inline,
.checkbox-inline {
display: inline-block;
padding-left: 20px;
0;
font-weight: normal;
vertical-align: middle;
cursor: pointer;
}
.radio-inline + .radio-inline,
.checkbox-inline + .checkbox-inline {
0;
10px;
}
input[type="radio"][disabled],
input[type="checkbox"][disabled],
.radio[disabled],
.radio-inline[disabled],
.checkbox[disabled],
.checkbox-inline[disabled],
fieldset[disabled] input[type="radio"],
fieldset[disabled] input[type="checkbox"],
fieldset[disabled] .radio,
fieldset[disabled] .radio-inline,
fieldset[disabled] .checkbox,
fieldset[disabled] .checkbox-inline {
cursor: not-allowed;
}
.input-sm {
height: 30px;
padding: 5px 10px;
12px;
1.5;
border-radius: 3px;
}
select.input-sm {
height: 30px;
30px;
}
textarea.input-sm,
select[multiple].input-sm {
height: auto;
}
.input-lg {
height: 46px;
padding: 10px 16px;
18px;
1.33;
border-radius: 6px;
}
select.input-lg {
height: 46px;
46px;
}
textarea.input-lg,
select[multiple].input-lg {
height: auto;
}
.has-feedback {
position: relative;
}
.has-feedback .form-control {
padding-right: 42.5px;
}
.has-feedback .form-control-feedback {
position: absolute;
top: 25px;
right: 0;
display: block;
width: 34px;
height: 34px;
34px;
text-align: center;
}
.has-success .help-block,
.has-success .control-label,
.has-success .radio,
.has-success .checkbox,
.has-success .radio-inline,
.has-success .checkbox-inline {
color: #3c763d;
}
.has-success .form-control {
border-color: #3c763d;
-webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
}
.has-success .form-control:focus {
border-color: #2b542c;
-webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 6px #67b168;
box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 6px #67b168;
}
.has-success .input-group-addon {
color: #3c763d;
background-color: #dff0d8;
border-color: #3c763d;
}
.has-success .form-control-feedback {
color: #3c763d;
}
.has-warning .help-block,
.has-warning .control-label,
.has-warning .radio,
.has-warning .checkbox,
.has-warning .radio-inline,
.has-warning .checkbox-inline {
color: #8a6d3b;
}
.has-warning .form-control {
border-color: #8a6d3b;
-webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
}
.has-warning .form-control:focus {
border-color: #66512c;
-webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 6px #c0a16b;
box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 6px #c0a16b;
}
.has-warning .input-group-addon {
color: #8a6d3b;
background-color: #fcf8e3;
border-color: #8a6d3b;
}
.has-warning .form-control-feedback {
color: #8a6d3b;
}
.has-error .help-block,
.has-error .control-label,
.has-error .radio,
.has-error .checkbox,
.has-error .radio-inline,
.has-error .checkbox-inline {
color: #a94442;
}
.has-error .form-control {
border-color: #a94442;
-webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
}
.has-error .form-control:focus {
border-color: #843534;
-webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 6px #ce8483;
box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 6px #ce8483;
}
.has-error .input-group-addon {
color: #a94442;
background-color: #f2dede;
border-color: #a94442;
}
.has-error .form-control-feedback {
color: #a94442;
}
.form-control-static {
0;
}
.help-block {
display: block;
5px;
10px;
color: #737373;
}
@media (min-width: 768px) {
.form-inline .form-group {
display: inline-block;
0;
vertical-align: middle;
}
.form-inline .form-control {
display: inline-block;
width: auto;
vertical-align: middle;
}
.form-inline .control-label {
0;
vertical-align: middle;
}
.form-inline .radio,
.form-inline .checkbox {
display: inline-block;
padding-left: 0;
0;
0;
vertical-align: middle;
}
.form-inline .radio input[type="radio"],
.form-inline .checkbox input[type="checkbox"] {
float: none;
0;
}
.form-inline .has-feedback .form-control-feedback {
top: 0;
}
}
.form-horizontal .control-label,
.form-horizontal .radio,
.form-horizontal .checkbox,
.form-horizontal .radio-inline,
.form-horizontal .checkbox-inline {
padding-top: 7px;
0;
0;
}
.form-horizontal .radio,
.form-horizontal .checkbox {
min-height: 27px;
}
.form-horizontal .form-group {
-15px;
-15px;
}
.form-horizontal .form-control-static {
padding-top: 7px;
}
@media (min-width: 768px) {
.form-horizontal .control-label {
text-align: right;
}
}
.form-horizontal .has-feedback .form-control-feedback {
top: 0;
right: 15px;
}
.btn {
display: inline-block;
padding: 6px 12px;
0;
14px;
font-weight: normal;
1.428571429;
text-align: center;
white-space: nowrap;
vertical-align: middle;
cursor: pointer;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
-o-user-select: none;
user-select: none;
background-image: none;
border: 1px solid transparent;
border-radius: 4px;
}
.btn:focus {
outline: thin dotted;
outline: 5px auto -webkit-focus-ring-color;
outline-offset: -2px;
}
.btn:hover,
.btn:focus {
color: #333;
text-decoration: none;
}
.btn:active,
.btn.active {
background-image: none;
outline: 0;
-webkit-box-shadow: inset 0 3px 5px rgba(0, 0, 0, .125);
box-shadow: inset 0 3px 5px rgba(0, 0, 0, .125);
}
.btn.disabled,
.btn[disabled],
fieldset[disabled] .btn {
pointer-events: none;
cursor: not-allowed;
filter: alpha(opacity=65);
-webkit-box-shadow: none;
box-shadow: none;
opacity: .65;
}
.btn-default {
color: #333;
background-color: #fff;
border-color: #ccc;
}
.btn-default:hover,
.btn-default:focus,
.btn-default:active,
.btn-default.active,
.open .dropdown-toggle.btn-default {
color: #333;
background-color: #ebebeb;
border-color: #adadad;
}
.btn-default:active,
.btn-default.active,
.open .dropdown-toggle.btn-default {
background-image: none;
}
.btn-default.disabled,
.btn-default[disabled],
fieldset[disabled] .btn-default,
.btn-default.disabled:hover,
.btn-default[disabled]:hover,
fieldset[disabled] .btn-default:hover,
.btn-default.disabled:focus,
.btn-default[disabled]:focus,
fieldset[disabled] .btn-default:focus,
.btn-default.disabled:active,
.btn-default[disabled]:active,
fieldset[disabled] .btn-default:active,
.btn-default.disabled.active,
.btn-default[disabled].active,
fieldset[disabled] .btn-default.active {
background-color: #fff;
border-color: #ccc;
}
.btn-default .badge {
color: #fff;
background-color: #333;
}
.btn-primary {
color: #fff;
background-color: #428bca;
border-color: #357ebd;
}
.btn-primary:hover,
.btn-primary:focus,
.btn-primary:active,
.btn-primary.active,
.open .dropdown-toggle.btn-primary {
color: #fff;
background-color: #3276b1;
border-color: #285e8e;
}
.btn-primary:active,
.btn-primary.active,
.open .dropdown-toggle.btn-primary {
background-image: none;
}
.btn-primary.disabled,
.btn-primary[disabled],
fieldset[disabled] .btn-primary,
.btn-primary.disabled:hover,
.btn-primary[disabled]:hover,
fieldset[disabled] .btn-primary:hover,
.btn-primary.disabled:focus,
.btn-primary[disabled]:focus,
fieldset[disabled] .btn-primary:focus,
.btn-primary.disabled:active,
.btn-primary[disabled]:active,
fieldset[disabled] .btn-primary:active,
.btn-primary.disabled.active,
.btn-primary[disabled].active,
fieldset[disabled] .btn-primary.active {
background-color: #428bca;
border-color: #357ebd;
}
.btn-primary .badge {
color: #428bca;
background-color: #fff;
}
.btn-success {
color: #fff;
background-color: #5cb85c;
border-color: #4cae4c;
}
.btn-success:hover,
.btn-success:focus,
.btn-success:active,
.btn-success.active,
.open .dropdown-toggle.btn-success {
color: #fff;
background-color: #47a447;
border-color: #398439;
}
.btn-success:active,
.btn-success.active,
.open .dropdown-toggle.btn-success {
background-image: none;
}
.btn-success.disabled,
.btn-success[disabled],
fieldset[disabled] .btn-success,
.btn-success.disabled:hover,
.btn-success[disabled]:hover,
fieldset[disabled] .btn-success:hover,
.btn-success.disabled:focus,
.btn-success[disabled]:focus,
fieldset[disabled] .btn-success:focus,
.btn-success.disabled:active,
.btn-success[disabled]:active,
fieldset[disabled] .btn-success:active,
.btn-success.disabled.active,
.btn-success[disabled].active,
fieldset[disabled] .btn-success.active {
background-color: #5cb85c;
border-color: #4cae4c;
}
.btn-success .badge {
color: #5cb85c;
background-color: #fff;
}
.btn-info {
color: #fff;
background-color: #5bc0de;
border-color: #46b8da;
}
.btn-info:hover,
.btn-info:focus,
.btn-info:active,
.btn-info.active,
.open .dropdown-toggle.btn-info {
color: #fff;
background-color: #39b3d7;
border-color: #269abc;
}
.btn-info:active,
.btn-info.active,
.open .dropdown-toggle.btn-info {
background-image: none;
}
.btn-info.disabled,
.btn-info[disabled],
fieldset[disabled] .btn-info,
.btn-info.disabled:hover,
.btn-info[disabled]:hover,
fieldset[disabled] .btn-info:hover,
.btn-info.disabled:focus,
.btn-info[disabled]:focus,
fieldset[disabled] .btn-info:focus,
.btn-info.disabled:active,
.btn-info[disabled]:active,
fieldset[disabled] .btn-info:active,
.btn-info.disabled.active,
.btn-info[disabled].active,
fieldset[disabled] .btn-info.active {
background-color: #5bc0de;
border-color: #46b8da;
}
.btn-info .badge {
color: #5bc0de;
background-color: #fff;
}
.btn-warning {
color: #fff;
background-color: #f0ad4e;
border-color: #eea236;
}
.btn-warning:hover,
.btn-warning:focus,
.btn-warning:active,
.btn-warning.active,
.open .dropdown-toggle.btn-warning {
color: #fff;
background-color: #ed9c28;
border-color: #d58512;
}
.btn-warning:active,
.btn-warning.active,
.open .dropdown-toggle.btn-warning {
background-image: none;
}
.btn-warning.disabled,
.btn-warning[disabled],
fieldset[disabled] .btn-warning,
.btn-warning.disabled:hover,
.btn-warning[disabled]:hover,
fieldset[disabled] .btn-warning:hover,
.btn-warning.disabled:focus,
.btn-warning[disabled]:focus,
fieldset[disabled] .btn-warning:focus,
.btn-warning.disabled:active,
.btn-warning[disabled]:active,
fieldset[disabled] .btn-warning:active,
.btn-warning.disabled.active,
.btn-warning[disabled].active,
fieldset[disabled] .btn-warning.active {
background-color: #f0ad4e;
border-color: #eea236;
}
.btn-warning .badge {
color: #f0ad4e;
background-color: #fff;
}
.btn-danger {
color: #fff;
background-color: #d9534f;
border-color: #d43f3a;
}
.btn-danger:hover,
.btn-danger:focus,
.btn-danger:active,
.btn-danger.active,
.open .dropdown-toggle.btn-danger {
color: #fff;
background-color: #d2322d;
border-color: #ac2925;
}
.btn-danger:active,
.btn-danger.active,
.open .dropdown-toggle.btn-danger {
background-image: none;
}
.btn-danger.disabled,
.btn-danger[disabled],
fieldset[disabled] .btn-danger,
.btn-danger.disabled:hover,
.btn-danger[disabled]:hover,
fieldset[disabled] .btn-danger:hover,
.btn-danger.disabled:focus,
.btn-danger[disabled]:focus,
fieldset[disabled] .btn-danger:focus,
.btn-danger.disabled:active,
.btn-danger[disabled]:active,
fieldset[disabled] .btn-danger:active,
.btn-danger.disabled.active,
.btn-danger[disabled].active,
fieldset[disabled] .btn-danger.active {
background-color: #d9534f;
border-color: #d43f3a;
}
.btn-danger .badge {
color: #d9534f;
background-color: #fff;
}
.btn-link {
font-weight: normal;
color: #428bca;
cursor: pointer;
border-radius: 0;
}
.btn-link,
.btn-link:active,
.btn-link[disabled],
fieldset[disabled] .btn-link {
background-color: transparent;
-webkit-box-shadow: none;
box-shadow: none;
}
.btn-link,
.btn-link:hover,
.btn-link:focus,
.btn-link:active {
border-color: transparent;
}
.btn-link:hover,
.btn-link:focus {
color: #2a6496;
text-decoration: underline;
background-color: transparent;
}
.btn-link[disabled]:hover,
fieldset[disabled] .btn-link:hover,
.btn-link[disabled]:focus,
fieldset[disabled] .btn-link:focus {
color: #999;
text-decoration: none;
}
.btn-lg {
padding: 10px 16px;
18px;
1.33;
border-radius: 6px;
}
.btn-sm {
padding: 5px 10px;
12px;
1.5;
border-radius: 3px;
}
.btn-xs {
padding: 1px 5px;
12px;
1.5;
border-radius: 3px;
}
.btn-block {
display: block;
width: 100%;
padding-right: 0;
padding-left: 0;
}
.btn-block + .btn-block {
5px;
}
input[type="submit"].btn-block,
input[type="reset"].btn-block,
input[type="button"].btn-block {
width: 100%;
}
.fade {
opacity: 0;
-webkit-transition: opacity .15s linear;
transition: opacity .15s linear;
}
.fade.in {
opacity: 1;
}
.collapse {
display: none;
}
.collapse.in {
display: block;
}
.collapsing {
position: relative;
height: 0;
overflow: hidden;
-webkit-transition: height .35s ease;
transition: height .35s ease;
}
@font-face {
'Glyphicons Halflings';

src: u rl('http://domain.pk/flat/skin/frontend/flaton/ma_flaton3/fonts/glyphicons-halflings-regular.eot');
src: u rl('http://domain.pk/flat/skin/frontend/flaton/ma_flaton3/fonts/glyphicons-halflings-regular.eot?#iefix') format('embedded-opentype'), u rl('http://domain.pk/flat/skin/frontend/flaton/ma_flaton3/fonts/glyphicons-halflings-regular.woff') format('woff'), u rl('http://domain.pk/flat/skin/frontend/flaton/ma_flaton3/fonts/glyphicons-halflings-regular.ttf') format('truetype'), u rl('http://domain.pk/flat/skin/frontend/flaton/ma_flaton3/fonts/glyphicons-halflings-regular.svg#glyphicons_halflingsregular') format('svg');
}
.glyphicon {
position: relative;
top: 1px;
display: inline-block;
'Glyphicons Halflings';
font-style: normal;
font-weight: normal;
1;

-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}
.glyphicon-asterisk:before {
content: "\2a";
}
.glyphicon-plus:before {
content: "\2b";
}
.glyphicon-euro:before {
content: "\20ac";
}
.glyphicon-minus:before {
content: "\2212";
}
.glyphicon-cloud:before {
content: "\2601";
}
.glyphicon-envelope:before {
content: "\2709";
}
.glyphicon-pencil:before {
content: "\270f";
}
.glyphicon-glass:before {
content: "\e001";
}
.glyphicon-music:before {
content: "\e002";
}
.glyphicon-search:before {
content: "\e003";
}
.glyphicon-heart:before {
content: "\e005";
}
.glyphicon-star:before {
content: "\e006";
}
.glyphicon-star-empty:before {
content: "\e007";
}
.glyphicon-user:before {
content: "\e008";
}
.glyphicon-film:before {
content: "\e009";
}
.glyphicon-th-large:before {
content: "\e010";
}
.glyphicon-th:before {
content: "\e011";
}
.glyphicon-th-list:before {
content: "\e012";
}
.glyphicon-ok:before {
content: "\e013";
}
.glyphicon-remove:before {
content: "\e014";
}
.glyphicon-zoom-in:before {
content: "\e015";
}
.glyphicon-zoom-out:before {
content: "\e016";
}
.glyphicon-off:before {
content: "\e017";
}
.glyphicon-signal:before {
content: "\e018";
}
.glyphicon-cog:before {
content: "\e019";
}
.glyphicon-trash:before {
content: "\e020";
}
.glyphicon-home:before {
content: "\e021";
}
.glyphicon-file:before {
content: "\e022";
}
.glyphicon-time:before {
content: "\e023";
}
.glyphicon-road:before {
content: "\e024";
}
.glyphicon-download-alt:before {
content: "\e025";
}
.glyphicon-download:before {
content: "\e026";
}
.glyphicon-upload:before {
content: "\e027";
}
.glyphicon-inbox:before {
content: "\e028";
}
.glyphicon-play-circle:before {
content: "\e029";
}
.glyphicon-repeat:before {
content: "\e030";
}
.glyphicon-refresh:before {
content: "\e031";
}
.glyphicon-list-alt:before {
content: "\e032";
}
.glyphicon-lock:before {
content: "\e033";
}
.glyphicon-flag:before {
content: "\e034";
}
.glyphicon-headphones:before {
content: "\e035";
}
.glyphicon-volume-off:before {
content: "\e036";
}
.glyphicon-volume-down:before {
content: "\e037";
}
.glyphicon-volume-up:before {
content: "\e038";
}
.glyphicon-qrcode:before {
content: "\e039";
}
.glyphicon-barcode:before {
content: "\e040";
}
.glyphicon-tag:before {
content: "\e041";
}
.glyphicon-tags:before {
content: "\e042";
}
.glyphicon-book:before {
content: "\e043";
}
.glyphicon-bookmark:before {
content: "\e044";
}
.glyphicon-print:before {
content: "\e045";
}
.glyphicon-camera:before {
content: "\e046";
}
.glyphicon-font:before {
content: "\e047";
}
.glyphicon-bold:before {
content: "\e048";
}
.glyphicon-italic:before {
content: "\e049";
}
.glyphicon-text-height:before {
content: "\e050";
}
.glyphicon-text-width:before {
content: "\e051";
}
.glyphicon-align-left:before {
content: "\e052";
}
.glyphicon-align-center:before {
content: "\e053";
}
.glyphicon-align-right:before {
content: "\e054";
}
.glyphicon-align-justify:before {
content: "\e055";
}
.glyphicon-list:before {
content: "\e056";
}
.glyphicon-indent-left:before {
content: "\e057";
}
.glyphicon-indent-right:before {
content: "\e058";
}
.glyphicon-facetime-video:before {
content: "\e059";
}
.glyphicon-picture:before {
content: "\e060";
}
.glyphicon-map-marker:before {
content: "\e062";
}
.glyphicon-adjust:before {
content: "\e063";
}
.glyphicon-tint:before {
content: "\e064";
}
.glyphicon-edit:before {
content: "\e065";
}
.glyphicon-share:before {
content: "\e066";
}
.glyphicon-check:before {
content: "\e067";
}
.glyphicon-move:before {
content: "\e068";
}
.glyphicon-step-backward:before {
content: "\e069";
}
.glyphicon-fast-backward:before {
content: "\e070";
}
.glyphicon-backward:before {
content: "\e071";
}
.glyphicon-play:before {
content: "\e072";
}
.glyphicon-pause:before {
content: "\e073";
}
.glyphicon-stop:before {
content: "\e074";
}
.glyphicon-forward:before {
content: "\e075";
}
.glyphicon-fast-forward:before {
content: "\e076";
}
.glyphicon-step-forward:before {
content: "\e077";
}
.glyphicon-eject:before {
content: "\e078";
}
.glyphicon-chevron-left:before {
content: "\e079";
}
.glyphicon-chevron-right:before {
content: "\e080";
}
.glyphicon-plus-sign:before {
content: "\e081";
}
.glyphicon-minus-sign:before {
content: "\e082";
}
.glyphicon-remove-sign:before {
content: "\e083";
}
.glyphicon-ok-sign:before {
content: "\e084";
}
.glyphicon-question-sign:before {
content: "\e085";
}
.glyphicon-info-sign:before {
content: "\e086";
}
.glyphicon-screenshot:before {
content: "\e087";
}
.glyphicon-remove-circle:before {
content: "\e088";
}
.glyphicon-ok-circle:before {
content: "\e089";
}
.glyphicon-ban-circle:before {
content: "\e090";
}
.glyphicon-arrow-left:before {
content: "\e091";
}
.glyphicon-arrow-right:before {
content: "\e092";
}
.glyphicon-arrow-up:before {
content: "\e093";
}
.glyphicon-arrow-down:before {
content: "\e094";
}
.glyphicon-share-alt:before {
content: "\e095";
}
.glyphicon-resize-full:before {
content: "\e096";
}
.glyphicon-resize-small:before {
content: "\e097";
}
.glyphicon-exclamation-sign:before {
content: "\e101";
}
.glyphicon-gift:before {
content: "\e102";
}
.glyphicon-leaf:before {
content: "\e103";
}
.glyphicon-fire:before {
content: "\e104";
}
.glyphicon-eye-open:before {
content: "\e105";
}
.glyphicon-eye-close:before {
content: "\e106";
}
.glyphicon-warning-sign:before {
content: "\e107";
}
.glyphicon-plane:before {
content: "\e108";
}
.glyphicon-calendar:before {
content: "\e109";
}
.glyphicon-random:before {
content: "\e110";
}
.glyphicon-comment:before {
content: "\e111";
}
.glyphicon-magnet:before {
content: "\e112";
}
.glyphicon-chevron-up:before {
content: "\e113";
}
.glyphicon-chevron-down:before {
content: "\e114";
}
.glyphicon-retweet:before {
content: "\e115";
}
.glyphicon-shopping-cart:before {
content: "\e116";
}
.glyphicon-folder-close:before {
content: "\e117";
}
.glyphicon-folder-open:before {
content: "\e118";
}
.glyphicon-resize-vertical:before {
content: "\e119";
}
.glyphicon-resize-horizontal:before {
content: "\e120";
}
.glyphicon-hdd:before {
content: "\e121";
}
.glyphicon-bullhorn:before {
content: "\e122";
}
.glyphicon-bell:before {
content: "\e123";
}
.glyphicon-certificate:before {
content: "\e124";
}
.glyphicon-thumbs-up:before {
content: "\e125";
}
.glyphicon-thumbs-down:before {
content: "\e126";
}
.glyphicon-hand-right:before {
content: "\e127";
}
.glyphicon-hand-left:before {
content: "\e128";
}
.glyphicon-hand-up:before {
content: "\e129";
}
.glyphicon-hand-down:before {
content: "\e130";
}
.glyphicon-circle-arrow-right:before {
content: "\e131";
}
.glyphicon-circle-arrow-left:before {
content: "\e132";
}
.glyphicon-circle-arrow-up:before {
content: "\e133";
}
.glyphicon-circle-arrow-down:before {
content: "\e134";
}
.glyphicon-globe:before {
content: "\e135";
}
.glyphicon-wrench:before {
content: "\e136";
}
.glyphicon-tasks:before {
content: "\e137";
}
.glyphicon-filter:before {
content: "\e138";
}
.glyphicon-briefcase:before {
content: "\e139";
}
.glyphicon-fullscreen:before {
content: "\e140";
}
.glyphicon-dashboard:before {
content: "\e141";
}
.glyphicon-paperclip:before {
content: "\e142";
}
.glyphicon-heart-empty:before {
content: "\e143";
}
.glyphicon-link:before {
content: "\e144";
}
.glyphicon-phone:before {
content: "\e145";
}
.glyphicon-pushpin:before {
content: "\e146";
}
.glyphicon-usd:before {
content: "\e148";
}
.glyphicon-gbp:before {
content: "\e149";
}
.glyphicon-sort:before {
content: "\e150";
}
.glyphicon-sort-by-alphabet:before {
content: "\e151";
}
.glyphicon-sort-by-alphabet-alt:before {
content: "\e152";
}
.glyphicon-sort-by-order:before {
content: "\e153";
}
.glyphicon-sort-by-order-alt:before {
content: "\e154";
}
.glyphicon-sort-by-attributes:before {
content: "\e155";
}
.glyphicon-sort-by-attributes-alt:before {
content: "\e156";
}
.glyphicon-unchecked:before {
content: "\e157";
}
.glyphicon-expand:before {
content: "\e158";
}
.glyphicon-collapse-down:before {
content: "\e159";
}
.glyphicon-collapse-up:before {
content: "\e160";
}
.glyphicon-log-in:before {
content: "\e161";
}
.glyphicon-flash:before {
content: "\e162";
}
.glyphicon-log-out:before {
content: "\e163";
}
.glyphicon-new-window:before {
content: "\e164";
}
.glyphicon-record:before {
content: "\e165";
}
.glyphicon-save:before {
content: "\e166";
}
.glyphicon-open:before {
content: "\e167";
}
.glyphicon-saved:before {
content: "\e168";
}
.glyphicon-import:before {
content: "\e169";
}
.glyphicon-export:before {
content: "\e170";
}
.glyphicon-send:before {
content: "\e171";
}
.glyphicon-floppy-disk:before {
content: "\e172";
}
.glyphicon-floppy-saved:before {
content: "\e173";
}
.glyphicon-floppy-remove:before {
content: "\e174";
}
.glyphicon-floppy-save:before {
content: "\e175";
}
.glyphicon-floppy-open:before {
content: "\e176";
}
.glyphicon-credit-card:before {
content: "\e177";
}
.glyphicon-transfer:before {
content: "\e178";
}
.glyphicon-cutlery:before {
content: "\e179";
}
.glyphicon-header:before {
content: "\e180";
}
.glyphicon-compressed:before {
content: "\e181";
}
.glyphicon-earphone:before {
content: "\e182";
}
.glyphicon-phone-alt:before {
content: "\e183";
}
.glyphicon-tower:before {
content: "\e184";
}
.glyphicon-stats:before {
content: "\e185";
}
.glyphicon-sd-video:before {
content: "\e186";
}
.glyphicon-hd-video:before {
content: "\e187";
}
.glyphicon-subtitles:before {
content: "\e188";
}
.glyphicon-sound-stereo:before {
content: "\e189";
}
.glyphicon-sound-dolby:before {
content: "\e190";
}
.glyphicon-sound-5-1:before {
content: "\e191";
}
.glyphicon-sound-6-1:before {
content: "\e192";
}
.glyphicon-sound-7-1:before {
content: "\e193";
}
.glyphicon-copyright-mark:before {
content: "\e194";
}
.glyphicon-registration-mark:before {
content: "\e195";
}
.glyphicon-cloud-download:before {
content: "\e197";
}
.glyphicon-cloud-upload:before {
content: "\e198";
}
.glyphicon-tree-conifer:before {
content: "\e199";
}
.glyphicon-tree-deciduous:before {
content: "\e200";
}
.caret {
display: inline-block;
width: 0;
height: 0;
2px;
vertical-align: middle;
border-top: 4px solid;
border-right: 4px solid transparent;
border-left: 4px solid transparent;
}
.dropdown {
position: relative;
}
.dropdown-toggle:focus {
outline: 0;
}
.dropdown-menu {
position: absolute;
top: 100%;
left: 0;
z-index: 1000;
display: none;
float: left;
min-width: 160px;
padding: 5px 0;
2px 0 0;
14px;
list-style: none;
background-color: #fff;
background-clip: padding-box;
border: 1px solid #ccc;
border: 1px solid rgba(0, 0, 0, .15);
border-radius: 4px;
-webkit-box-shadow: 0 6px 12px rgba(0, 0, 0, .175);
box-shadow: 0 6px 12px rgba(0, 0, 0, .175);
}
.dropdown-menu.pull-right {
right: 0;
left: auto;
}
.dropdown-menu .divider {
height: 1px;
9px 0;
overflow: hidden;
background-color: #e5e5e5;
}
.dropdown-menu > li > a {
display: block;
padding: 3px 20px;
clear: both;
font-weight: normal;
1.428571429;
color: #333;
white-space: nowrap;
}
.dropdown-menu > li > a:hover,
.dropdown-menu > li > a:focus {
color: #262626;
text-decoration: none;
background-color: #f5f5f5;
}
.dropdown-menu > .active > a,
.dropdown-menu > .active > a:hover,
.dropdown-menu > .active > a:focus {
color: #fff;
text-decoration: none;
background-color: #428bca;
outline: 0;
}
.dropdown-menu > .disabled > a,
.dropdown-menu > .disabled > a:hover,
.dropdown-menu > .disabled > a:focus {
color: #999;
}
.dropdown-menu > .disabled > a:hover,
.dropdown-menu > .disabled > a:focus {
text-decoration: none;
cursor: not-allowed;
background-color: transparent;
background-image: none;
filter: progid:DXImageTransform.Microsoft.gradient(enabled = false);
}
.open > .dropdown-menu {
display: block;
}
.open > a {
outline: 0;
}
.dropdown-menu-right {
right: 0;
left: auto;
}
.dropdown-menu-left {
right: auto;
left: 0;
}
.dropdown-header {
display: block;
padding: 3px 20px;
12px;
1.428571429;
color: #999;
}
.dropdown-backdrop {
position: fixed;
top: 0;
right: 0;
bottom: 0;
left: 0;
z-index: 990;
}
.pull-right > .dropdown-menu {
right: 0;
left: auto;
}
.dropup .caret,
.navbar-fixed-bottom .dropdown .caret {
content: "";
border-top: 0;
border-bottom: 4px solid;
}
.dropup .dropdown-menu,
.navbar-fixed-bottom .dropdown .dropdown-menu {
top: auto;
bottom: 100%;
1px;
}
@media (min-width: 768px) {
.navbar-right .dropdown-menu {

right: 0;
left: auto;
}
.navbar-right .dropdown-menu-left {
right: auto;
left: 0;
}
}
.btn-group,
.btn-group-vertical {
position: relative;
display: inline-block;
vertical-align: middle;
}
.btn-group > .btn,
.btn-group-vertical > .btn {
position: relative;
float: left;
}
.btn-group > .btn:hover,
.btn-group-vertical > .btn:hover,
.btn-group > .btn:focus,
.btn-group-vertical > .btn:focus,
.btn-group > .btn:active,
.btn-group-vertical > .btn:active,
.btn-group > .btn.active,
.btn-group-vertical > .btn.active {
z-index: 2;
}
.btn-group > .btn:focus,
.btn-group-vertical > .btn:focus {
outline: none;
}
.btn-group .btn + .btn,
.btn-group .btn + .btn-group,
.btn-group .btn-group + .btn,
.btn-group .btn-group + .btn-group {
-1px;
}
.btn-toolbar {
-5px;
}
.btn-toolbar .btn-group,
.btn-toolbar .input-group {
float: left;
}
.btn-toolbar > .btn,
.btn-toolbar > .btn-group,
.btn-toolbar > .input-group {
5px;
}
.btn-group > .btn:not(:first-child):not(:last-child):not(.dropdown-toggle) {
border-radius: 0;
}
.btn-group > .btn:first-child {
0;
}
.btn-group > .btn:first-child:not(:last-child):not(.dropdown-toggle) {
border-top-right-radius: 0;
border-bottom-right-radius: 0;
}
.btn-group > .btn:last-child:not(:first-child),
.btn-group > .dropdown-toggle:not(:first-child) {
border-top-left-radius: 0;
border-bottom-left-radius: 0;
}
.btn-group > .btn-group {
float: left;
}
.btn-group > .btn-group:not(:first-child):not(:last-child) > .btn {
border-radius: 0;
}
.btn-group > .btn-group:first-child > .btn:last-child,
.btn-group > .btn-group:first-child > .dropdown-toggle {
border-top-right-radius: 0;
border-bottom-right-radius: 0;
}
.btn-group > .btn-group:last-child > .btn:first-child {
border-top-left-radius: 0;
border-bottom-left-radius: 0;
}
.btn-group .dropdown-toggle:active,
.btn-group.open .dropdown-toggle {
outline: 0;
}
.btn-group-xs > .btn {
padding: 1px 5px;
12px;
1.5;
border-radius: 3px;
}
.btn-group-sm > .btn {
padding: 5px 10px;
12px;
1.5;
border-radius: 3px;
}
.btn-group-lg > .btn {
padding: 10px 16px;
18px;
1.33;
border-radius: 6px;
}
.btn-group > .btn + .dropdown-toggle {
padding-right: 8px;
padding-left: 8px;
}
.btn-group > .btn-lg + .dropdown-toggle {
padding-right: 12px;
padding-left: 12px;
}
.btn-group.open .dropdown-toggle {
-webkit-box-shadow: inset 0 3px 5px rgba(0, 0, 0, .125);
box-shadow: inset 0 3px 5px rgba(0, 0, 0, .125);
}
.btn-group.open .dropdown-toggle.btn-link {
-webkit-box-shadow: none;
box-shadow: none;
}
.btn .caret {
0;
}
.btn-lg .caret {
border-width: 5px 5px 0;
border-bottom-width: 0;
}
.dropup .btn-lg .caret {
border-width: 0 5px 5px;
}
.btn-group-vertical > .btn,
.btn-group-vertical > .btn-group,
.btn-group-vertical > .btn-group > .btn {
display: block;
float: none;
width: 100%;
max-width: 100%;
}
.btn-group-vertical > .btn-group > .btn {
float: none;
}
.btn-group-vertical > .btn + .btn,
.btn-group-vertical > .btn + .btn-group,
.btn-group-vertical > .btn-group + .btn,
.btn-group-vertical > .btn-group + .btn-group {
-1px;
0;
}
.btn-group-vertical > .btn:not(:first-child):not(:last-child) {
border-radius: 0;
}
.btn-group-vertical > .btn:first-child:not(:last-child) {
border-top-right-radius: 4px;
border-bottom-right-radius: 0;
border-bottom-left-radius: 0;
}
.btn-group-vertical > .btn:last-child:not(:first-child) {
border-top-left-radius: 0;
border-top-right-radius: 0;
border-bottom-left-radius: 4px;
}
.btn-group-vertical > .btn-group:not(:first-child):not(:last-child) > .btn {
border-radius: 0;
}
.btn-group-vertical > .btn-group:first-child:not(:last-child) > .btn:last-child,
.btn-group-vertical > .btn-group:first-child:not(:last-child) > .dropdown-toggle {
border-bottom-right-radius: 0;
border-bottom-left-radius: 0;
}
.btn-group-vertical > .btn-group:last-child:not(:first-child) > .btn:first-child {
border-top-left-radius: 0;
border-top-right-radius: 0;
}
.btn-group-justified {
display: table;
width: 100%;
table-layout: fixed;
border-collapse: separate;
}
.btn-group-justified > .btn,
.btn-group-justified > .btn-group {
display: table-cell;
float: none;
width: 1%;
}
.btn-group-justified > .btn-group .btn {
width: 100%;
}
[data-toggle="buttons"] > .btn > input[type="radio"],
[data-toggle="buttons"] > .btn > input[type="checkbox"] {
display: none;
}
.input-group {
position: relative;
display: table;
border-collapse: separate;
}
.input-group[class*="col-"] {
float: none;
padding-right: 0;
padding-left: 0;
}
.input-group .form-control {
float: left;
width: 100%;
0;
}
.input-group-lg > .form-control,
.input-group-lg > .input-group-addon,
.input-group-lg > .input-group-btn > .btn {
height: 46px;
padding: 10px 16px;
18px;
1.33;
border-radius: 6px;
}
select.input-group-lg > .form-control,
select.input-group-lg > .input-group-addon,
select.input-group-lg > .input-group-btn > .btn {
height: 46px;
46px;
}
textarea.input-group-lg > .form-control,
textarea.input-group-lg > .input-group-addon,
textarea.input-group-lg > .input-group-btn > .btn,
select[multiple].input-group-lg > .form-control,
select[multiple].input-group-lg > .input-group-addon,
select[multiple].input-group-lg > .input-group-btn > .btn {
height: auto;
}
.input-group-sm > .form-control,
.input-group-sm > .input-group-addon,
.input-group-sm > .input-group-btn > .btn {
height: 30px;
padding: 5px 10px;
12px;
1.5;
border-radius: 3px;
}
select.input-group-sm > .form-control,
select.input-group-sm > .input-group-addon,
select.input-group-sm > .input-group-btn > .btn {
height: 30px;
30px;
}
textarea.input-group-sm > .form-control,
textarea.input-group-sm > .input-group-addon,
textarea.input-group-sm > .input-group-btn > .btn,
select[multiple].input-group-sm > .form-control,
select[multiple].input-group-sm > .input-group-addon,
select[multiple].input-group-sm > .input-group-btn > .btn {
height: auto;
}
.input-group-addon,
.input-group-btn,
.input-group .form-control {
display: table-cell;
}
.input-group-addon:not(:first-child):not(:last-child),
.input-group-btn:not(:first-child):not(:last-child),
.input-group .form-control:not(:first-child):not(:last-child) {
border-radius: 0;
}
.input-group-addon,
.input-group-btn {
width: 1%;
white-space: nowrap;
vertical-align: middle;
}
.input-group-addon {
padding: 6px 12px;
14px;
font-weight: normal;
1;
color: #555;
text-align: center;
background-color: #eee;
border: 1px solid #ccc;
border-radius: 4px;
}
.input-group-addon.input-sm {
padding: 5px 10px;
12px;
border-radius: 3px;
}
.input-group-addon.input-lg {
padding: 10px 16px;
18px;
border-radius: 6px;
}
.input-group-addon input[type="radio"],
.input-group-addon input[type="checkbox"] {
0;
}
.input-group .form-control:first-child,
.input-group-addon:first-child,
.input-group-btn:first-child > .btn,
.input-group-btn:first-child > .btn-group > .btn,
.input-group-btn:first-child > .dropdown-toggle,
.input-group-btn:last-child > .btn:not(:last-child):not(.dropdown-toggle),
.input-group-btn:last-child > .btn-group:not(:last-child) > .btn {
border-top-right-radius: 0;
border-bottom-right-radius: 0;
}
.input-group-addon:first-child {
border-right: 0;
}
.input-group .form-control:last-child,
.input-group-addon:last-child,
.input-group-btn:last-child > .btn,
.input-group-btn:last-child > .btn-group > .btn,
.input-group-btn:last-child > .dropdown-toggle,
.input-group-btn:first-child > .btn:not(:first-child),
.input-group-btn:first-child > .btn-group:not(:first-child) > .btn {
border-top-left-radius: 0;
border-bottom-left-radius: 0;
}
.input-group-addon:last-child {
border-left: 0;
}
.input-group-btn {
position: relative;
0;
white-space: nowrap;
}
.input-group-btn > .btn {
position: relative;
}
.input-group-btn > .btn + .btn {
-1px;
}
.input-group-btn > .btn:hover,
.input-group-btn > .btn:focus,
.input-group-btn > .btn:active {
z-index: 2;
}
.input-group-btn:first-child > .btn,
.input-group-btn:first-child > .btn-group {
-1px;
}
.input-group-btn:last-child > .btn,
.input-group-btn:last-child > .btn-group {
-1px;
}
.nav {
padding-left: 0;
0;
list-style: none;
}
.nav > li {
position: relative;
display: block;
}
.nav > li > a {
position: relative;
display: block;
padding: 10px 15px;
}
.nav > li > a:hover,
.nav > li > a:focus {
text-decoration: none;
background-color: #eee;
}
.nav > li.disabled > a {
color: #999;
}
.nav > li.disabled > a:hover,
.nav > li.disabled > a:focus {
color: #999;
text-decoration: none;
cursor: not-allowed;
background-color: transparent;
}
.nav .open > a,
.nav .open > a:hover,
.nav .open > a:focus {
background-color: #eee;
border-color: #428bca;
}
.nav .nav-divider {
height: 1px;
9px 0;
overflow: hidden;
background-color: #e5e5e5;
}
.nav > li > a > img {
max-width: none;
}
.nav-tabs {
border-bottom: 1px solid #ddd;
}
.nav-tabs > li {
float: left;
-1px;
}
.nav-tabs > li > a {
2px;
1.428571429;
border: 1px solid transparent;
border-radius: 4px 4px 0 0;
}
.nav-tabs > li > a:hover {
border-color: #eee #eee #ddd;
}
.nav-tabs > li.active > a,
.nav-tabs > li.active > a:hover,
.nav-tabs > li.active > a:focus {
color: #555;
cursor: default;
background-color: #fff;
border: 1px solid #ddd;
border-bottom-color: transparent;
}
.nav-tabs.nav-justified {
width: 100%;
border-bottom: 0;
}
.nav-tabs.nav-justified > li {
float: none;
}
.nav-tabs.nav-justified > li > a {
5px;
text-align: center;
}
.nav-tabs.nav-justified > .dropdown .dropdown-menu {
top: auto;
left: auto;
}
@media (min-width: 768px) {
.nav-tabs.nav-justified > li {
display: table-cell;
width: 1%;
}
.nav-tabs.nav-justified > li > a {
0;
}
}
.nav-tabs.nav-justified > li > a {
0;
border-radius: 4px;
}
.nav-tabs.nav-justified > .active > a,
.nav-tabs.nav-justified > .active > a:hover,
.nav-tabs.nav-justified > .active > a:focus {
border: 1px solid #ddd;
}
@media (min-width: 768px) {
.nav-tabs.nav-justified > li > a {
border-bottom: 1px solid #ddd;
border-radius: 4px 4px 0 0;
}
.nav-tabs.nav-justified > .active > a,
.nav-tabs.nav-justified > .active > a:hover,
.nav-tabs.nav-justified > .active > a:focus {
border-bottom-color: #fff;
}
}
.nav-pills > li {
float: left;
}
.nav-pills > li > a {
border-radius: 4px;
}
.nav-pills > li + li {
2px;
}
.nav-pills > li.active > a,
.nav-pills > li.active > a:hover,
.nav-pills > li.active > a:focus {
color: #fff;
background-color: #428bca;
}
.nav-stacked > li {
float: none;
}
.nav-stacked > li + li {
2px;
0;
}
.nav-justified {
width: 100%;
}
.nav-justified > li {
float: none;
}
.nav-justified > li > a {
5px;
text-align: center;
}
.nav-justified > .dropdown .dropdown-menu {
top: auto;
left: auto;
}
@media (min-width: 768px) {
.nav-justified > li {
display: table-cell;
width: 1%;
}
.nav-justified > li > a {
0;
}
}
.nav-tabs-justified {
border-bottom: 0;
}
.nav-tabs-justified > li > a {
0;
border-radius: 4px;
}
.nav-tabs-justified > .active > a,
.nav-tabs-justified > .active > a:hover,
.nav-tabs-justified > .active > a:focus {
border: 1px solid #ddd;
}
@media (min-width: 768px) {
.nav-tabs-justified > li > a {
border-bottom: 1px solid #ddd;
border-radius: 4px 4px 0 0;
}
.nav-tabs-justified > .active > a,
.nav-tabs-justified > .active > a:hover,
.nav-tabs-justified > .active > a:focus {
border-bottom-color: #fff;
}
}
.tab-content > .tab-pane {
display: none;
}
.tab-content > .active {
display: block;
}
.nav-tabs .dropdown-menu {
-1px;
border-top-left-radius: 0;
border-top-right-radius: 0;
}
.navbar {
position: relative;
min-height: 50px;
20px;
border: 1px solid transparent;
}
@media (min-width: 768px) {
.navbar {
border-radius: 4px;
}
}
@media (min-width: 768px) {
.navbar-header {
float: left;
}
}
.navbar-collapse {
max-height: 340px;
padding-right: 15px;
padding-left: 15px;
overflow-x: visible;
-webkit-overflow-scrolling: touch;
border-top: 1px solid transparent;
box-shadow: inset 0 1px 0 rgba(255, 255, 255, .1);
}
.navbar-collapse.in {
overflow-y: auto;
}
@media (min-width: 768px) {
.navbar-collapse {
width: auto;
border-top: 0;
box-shadow: none;
}
.navbar-collapse.collapse {
display: block !important;
height: auto !important;
padding-bottom: 0;
overflow: visible !important;
}
.navbar-collapse.in {
overflow-y: visible;
}
.navbar-fixed-top .navbar-collapse,
.navbar-static-top .navbar-collapse,
.navbar-fixed-bottom .navbar-collapse {
padding-right: 0;
padding-left: 0;
}
}
.container > .navbar-header,
.container-fluid > .navbar-header,
.container > .navbar-collapse,
.container-fluid > .navbar-collapse {
-15px;
-15px;
}
@media (min-width: 768px) {
.container > .navbar-header,
.container-fluid > .navbar-header,
.container > .navbar-collapse,
.container-fluid > .navbar-collapse {
0;
0;
}
}
.navbar-static-top {
z-index: 1000;
border-width: 0 0 1px;
}
@media (min-width: 768px) {
.navbar-static-top {
border-radius: 0;
}
}
.navbar-fixed-top,
.navbar-fixed-bottom {
position: fixed;
right: 0;
left: 0;
z-index: 1030;
}
@media (min-width: 768px) {
.navbar-fixed-top,
.navbar-fixed-bottom {
border-radius: 0;
}
}
.navbar-fixed-top {
top: 0;
border-width: 0 0 1px;
}
.navbar-fixed-bottom {
bottom: 0;
0;
border-width: 1px 0 0;
}
.navbar-brand {
float: left;
height: 20px;
padding: 15px 15px;
18px;
20px;
}
.navbar-brand:hover,
.navbar-brand:focus {
text-decoration: none;
}
@media (min-width: 768px) {
.navbar > .container .navbar-brand,
.navbar > .container-fluid .navbar-brand {
-15px;
}
}
.navbar-toggle {
position: relative;
float: right;
padding: 9px 10px;
8px;
15px;
8px;
background-color: transparent;
background-image: none;
border: 1px solid transparent;
border-radius: 4px;
}
.navbar-toggle:focus {
outline: none;
}
.navbar-toggle .icon-bar {
display: block;
width: 22px;
height: 2px;
border-radius: 1px;
}
.navbar-toggle .icon-bar + .icon-bar {
4px;
}
@media (min-width: 992px) {
.navbar-toggle {
display: none;
}
}
.navbar-nav {
7.5px -15px;
}
.navbar-nav > li > a {
padding-top: 10px;
padding-bottom: 10px;
20px;
}
@media (max-width: 767px) {
.navbar-nav .open .dropdown-menu {
position: static;
float: none;
width: auto;
0;
background-color: transparent;
border: 0;
box-shadow: none;
}
.navbar-nav .open .dropdown-menu > li > a,
.navbar-nav .open .dropdown-menu .dropdown-header {
padding: 5px 15px 5px 25px;
}
.navbar-nav .open .dropdown-menu > li > a {
20px;
}
.navbar-nav .open .dropdown-menu > li > a:hover,
.navbar-nav .open .dropdown-menu > li > a:focus {
background-image: none;
}
}
@media (min-width: 768px) {
.navbar-nav {
float: left;
0;
}
.navbar-nav > li {
float: left;
}
.navbar-nav > li > a {
padding-top: 15px;
padding-bottom: 15px;
}
.navbar-nav.navbar-right:last-child {
-15px;
}
}
@media (min-width: 768px) {
.navbar-left {
float: left !important;
}
.navbar-right {
float: right !important;
}
}
.navbar-form {
padding: 10px 15px;
8px;
-15px;
8px;
-15px;
border-top: 1px solid transparent;
border-bottom: 1px solid transparent;
-webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, .1), 0 1px 0 rgba(255, 255, 255, .1);
box-shadow: inset 0 1px 0 rgba(255, 255, 255, .1), 0 1px 0 rgba(255, 255, 255, .1);
}
@media (min-width: 768px) {
.navbar-form .form-group {
display: inline-block;
0;
vertical-align: middle;
}
.navbar-form .form-control {
display: inline-block;
width: auto;
vertical-align: middle;
}
.navbar-form .control-label {
0;
vertical-align: middle;
}
.navbar-form .radio,
.navbar-form .checkbox {
display: inline-block;
padding-left: 0;
0;
0;
vertical-align: middle;
}
.navbar-form .radio input[type="radio"],
.navbar-form .checkbox input[type="checkbox"] {
float: none;
0;
}
.navbar-form .has-feedback .form-control-feedback {
top: 0;
}
}
@media (max-width: 767px) {
.navbar-form .form-group {
5px;
}
}
@media (min-width: 768px) {
.navbar-form {
width: auto;
padding-top: 0;
padding-bottom: 0;
0;
0;
border: 0;
-webkit-box-shadow: none;
box-shadow: none;
}
.navbar-form.navbar-right:last-child {
-15px;
}
}
.navbar-nav > li > .dropdown-menu {
0;
border-top-left-radius: 0;
border-top-right-radius: 0;
}
.navbar-fixed-bottom .navbar-nav > li > .dropdown-menu {
border-bottom-right-radius: 0;
border-bottom-left-radius: 0;
}
.navbar-btn {
8px;
8px;
}
.navbar-btn.btn-sm {
10px;
10px;
}
.navbar-btn.btn-xs {
14px;
14px;
}
.navbar-text {
15px;
15px;
}
@media (min-width: 768px) {
.navbar-text {
float: left;
15px;
15px;
}
.navbar-text.navbar-right:last-child {
0;
}
}
.navbar-default {
background-color: #f8f8f8;
border-color: #e7e7e7;
}
.navbar-default .navbar-brand {
color: #777;
}
.navbar-default .navbar-brand:hover,
.navbar-default .navbar-brand:focus {
color: #5e5e5e;
background-color: transparent;
}
.navbar-default .navbar-text {
color: #777;
}
.navbar-default .navbar-nav > li > a {
color: #777;
}
.navbar-default .navbar-nav > li > a:hover,
.navbar-default .navbar-nav > li > a:focus {
color: #333;
background-color: transparent;
}
.navbar-default .navbar-nav > .active > a,
.navbar-default .navbar-nav > .active > a:hover,
.navbar-default .navbar-nav > .active > a:focus {
color: #555;
background-color: #e7e7e7;
}
.navbar-default .navbar-nav > .disabled > a,
.navbar-default .navbar-nav > .disabled > a:hover,
.navbar-default .navbar-nav > .disabled > a:focus {
color: #ccc;
background-color: transparent;
}
.navbar-default .navbar-toggle {
border-color: #ddd;
}
.navbar-default .navbar-toggle:hover,
.navbar-default .navbar-toggle:focus {
background-color: #ddd;
}
.navbar-default .navbar-toggle .icon-bar {
background-color: #888;
}
.navbar-default .navbar-collapse,
.navbar-default .navbar-form {
border-color: #e7e7e7;
}
.navbar-default .navbar-nav > .open > a,
.navbar-default .navbar-nav > .open > a:hover,
.navbar-default .navbar-nav > .open > a:focus {
color: #555;
background-color: #e7e7e7;
}
@media (max-width: 767px) {
.navbar-default .navbar-nav .open .dropdown-menu > li > a {
color: #777;
}
.navbar-default .navbar-nav .open .dropdown-menu > li > a:hover,
.navbar-default .navbar-nav .open .dropdown-menu > li > a:focus {
color: #333;
background-color: transparent;
}
.navbar-default .navbar-nav .open .dropdown-menu > .active > a,
.navbar-default .navbar-nav .open .dropdown-menu > .active > a:hover,
.navbar-default .navbar-nav .open .dropdown-menu > .active > a:focus {
color: #555;
background-color: #e7e7e7;
}
.navbar-default .navbar-nav .open .dropdown-menu > .disabled > a,
.navbar-default .navbar-nav .open .dropdown-menu > .disabled > a:hover,
.navbar-default .navbar-nav .open .dropdown-menu > .disabled > a:focus {
color: #ccc;
background-color: transparent;
}
}
.navbar-default .navbar-link {
color: #777;
}
.navbar-default .navbar-link:hover {
color: #333;
}
.navbar-inverse {
background-color: #222;
border-color: #080808;
}
.navbar-inverse .navbar-brand {
color: #999;
}
.navbar-inverse .navbar-brand:hover,
.navbar-inverse .navbar-brand:focus {
color: #fff;
background-color: transparent;
}
.navbar-inverse .navbar-text {
color: #999;
}
.navbar-inverse .navbar-nav > li > a {
color: #999;
}
.navbar-inverse .navbar-nav > li > a:hover,
.navbar-inverse .navbar-nav > li > a:focus {
color: #fff;
background-color: transparent;
}
.navbar-inverse .navbar-nav > .active > a,
.navbar-inverse .navbar-nav > .active > a:hover,
.navbar-inverse .navbar-nav > .active > a:focus {
color: #fff;
background-color: #080808;
}
.navbar-inverse .navbar-nav > .disabled > a,
.navbar-inverse .navbar-nav > .disabled > a:hover,
.navbar-inverse .navbar-nav > .disabled > a:focus {
color: #444;
background-color: transparent;
}
.navbar-inverse .navbar-toggle {
border-color: #333;
}
.navbar-inverse .navbar-toggle:hover,
.navbar-inverse .navbar-toggle:focus {
background-color: #333;
}
.navbar-inverse .navbar-toggle .icon-bar {
background-color: #fff;
}
.navbar-inverse .navbar-collapse,
.navbar-inverse .navbar-form {
border-color: #101010;
}
.navbar-inverse .navbar-nav > .open > a,
.navbar-inverse .navbar-nav > .open > a:hover,
.navbar-inverse .navbar-nav > .open > a:focus {
color: #fff;
background-color: #080808;
}
@media (max-width: 767px) {
.navbar-inverse .navbar-nav .open .dropdown-menu > .dropdown-header {
border-color: #080808;
}
.navbar-inverse .navbar-nav .open .dropdown-menu .divider {
background-color: #080808;
}
.navbar-inverse .navbar-nav .open .dropdown-menu > li > a {
color: #999;
}
.navbar-inverse .navbar-nav .open .dropdown-menu > li > a:hover,
.navbar-inverse .navbar-nav .open .dropdown-menu > li > a:focus {
color: #fff;
background-color: transparent;
}
.navbar-inverse .navbar-nav .open .dropdown-menu > .active > a,
.navbar-inverse .navbar-nav .open .dropdown-menu > .active > a:hover,
.navbar-inverse .navbar-nav .open .dropdown-menu > .active > a:focus {
color: #fff;
background-color: #080808;
}
.navbar-inverse .navbar-nav .open .dropdown-menu > .disabled > a,
.navbar-inverse .navbar-nav .open .dropdown-menu > .disabled > a:hover,
.navbar-inverse .navbar-nav .open .dropdown-menu > .disabled > a:focus {
color: #444;
background-color: transparent;
}
}
.navbar-inverse .navbar-link {
color: #999;
}
.navbar-inverse .navbar-link:hover {
color: #fff;
}
.breadcrumb {
padding: 8px 15px;
20px;
list-style: none;
background-color: #f5f5f5;
border-radius: 4px;
}
.breadcrumb > li {
display: inline-block;
}
.breadcrumb > li + li:before {
padding: 0 5px;
color: #ccc;
content: "/\00a0";
}
.breadcrumb > .active {
color: #999;
}
.pagination {
display: inline-block;
padding-left: 0;
20px 0;
border-radius: 4px;
}
.pagination > li {
display: inline;
}
.pagination > li > a,
.pagination > li > span {
position: relative;
float: left;
padding: 6px 12px;
-1px;
1.428571429;
color: #428bca;
text-decoration: none;
background-color: #fff;
border: 1px solid #ddd;
}
.pagination > li:first-child > a,
.pagination > li:first-child > span {
0;
border-top-left-radius: 4px;
border-bottom-left-radius: 4px;
}
.pagination > li:last-child > a,
.pagination > li:last-child > span {
border-top-right-radius: 4px;
border-bottom-right-radius: 4px;
}
.pagination > li > a:hover,
.pagination > li > span:hover,
.pagination > li > a:focus,
.pagination > li > span:focus {
color: #2a6496;
background-color: #eee;
border-color: #ddd;
}
.pagination > .active > a,
.pagination > .active > span,
.pagination > .active > a:hover,
.pagination > .active > span:hover,
.pagination > .active > a:focus,
.pagination > .active > span:focus {
z-index: 2;
color: #fff;
cursor: default;
background-color: #428bca;
border-color: #428bca;
}
.pagination > .disabled > span,
.pagination > .disabled > span:hover,
.pagination > .disabled > span:focus,
.pagination > .disabled > a,
.pagination > .disabled > a:hover,
.pagination > .disabled > a:focus {
color: #999;
cursor: not-allowed;
background-color: #fff;
border-color: #ddd;
}
.pagination-lg > li > a,
.pagination-lg > li > span {
padding: 10px 16px;
18px;
}
.pagination-lg > li:first-child > a,
.pagination-lg > li:first-child > span {
border-top-left-radius: 6px;
border-bottom-left-radius: 6px;
}
.pagination-lg > li:last-child > a,
.pagination-lg > li:last-child > span {
border-top-right-radius: 6px;
border-bottom-right-radius: 6px;
}
.pagination-sm > li > a,
.pagination-sm > li > span {
padding: 5px 10px;
12px;
}
.pagination-sm > li:first-child > a,
.pagination-sm > li:first-child > span {
border-top-left-radius: 3px;
border-bottom-left-radius: 3px;
}
.pagination-sm > li:last-child > a,
.pagination-sm > li:last-child > span {
border-top-right-radius: 3px;
border-bottom-right-radius: 3px;
}
.pager {
padding-left: 0;
20px 0;
text-align: center;
list-style: none;
}
.pager li {
display: inline;
}
.pager li > a,
.pager li > span {
display: inline-block;
padding: 5px 14px;
background-color: #fff;
border: 1px solid #ddd;
border-radius: 15px;
}
.pager li > a:hover,
.pager li > a:focus {
text-decoration: none;
background-color: #eee;
}
.pager .next > a,
.pager .next > span {
float: right;
}
.pager .previous > a,
.pager .previous > span {
float: left;
}
.pager .disabled > a,
.pager .disabled > a:hover,
.pager .disabled > a:focus,
.pager .disabled > span {
color: #999;
cursor: not-allowed;
background-color: #fff;
}
.label {
padding: .2em .6em .3em;
font-weight: bold;
1;
text-align: center;
white-space: nowrap;
vertical-align: baseline;
border-radius: .25em;
}
.label[href]:hover,
.label[href]:focus {
color: #fff;
text-decoration: none;
cursor: pointer;
}
.label:empty {
display: none;
}
.btn .label {
position: relative;
top: -1px;
}
.label-default {
background-color: #999;
}
.label-default[href]:hover,
.label-default[href]:focus {
background-color: #808080;
}
.label-primary {
background-color: #428bca;
}
.label-primary[href]:hover,
.label-primary[href]:focus {
background-color: #3071a9;
}
.label-success {
background-color: #5cb85c;
}
.label-success[href]:hover,
.label-success[href]:focus {
background-color: #449d44;
}
.label-info {
background-color: #5bc0de;
}
.label-info[href]:hover,
.label-info[href]:focus {
background-color: #31b0d5;
}
.label-warning {
background-color: #f0ad4e;
}
.label-warning[href]:hover,
.label-warning[href]:focus {
background-color: #ec971f;
}
.label-danger {
background-color: #d9534f;
}
.label-danger[href]:hover,
.label-danger[href]:focus {
background-color: #c9302c;
}
.badge {
display: inline-block;
min-width: 10px;
padding: 3px 7px;
12px;
font-weight: bold;
1;
color: #fff;
text-align: center;
white-space: nowrap;
vertical-align: baseline;
background-color: #999;
border-radius: 10px;
}
.badge:empty {
display: none;
}
.btn .badge {
position: relative;
top: -1px;
}
.btn-xs .badge {
top: 0;
padding: 1px 5px;
}
a.badge:hover,
a.badge:focus {
color: #fff;
text-decoration: none;
cursor: pointer;
}
a.list-group-item.active > .badge,
.nav-pills > .active > a > .badge {
color: #428bca;
background-color: #fff;
}
.nav-pills > li > a > .badge {
3px;
}
.jumbotron {
padding: 30px;
30px;
color: inherit;
background-color: #eee;
}
.jumbotron h1,
.jumbotron .h1 {
color: inherit;
}
.jumbotron p {
15px;
21px;
font-weight: 200;
}
.container .jumbotron {
border-radius: 6px;
}
.jumbotron .container {
max-width: 100%;
}
@media screen and (min-width: 768px) {
.jumbotron {
padding-top: 48px;
padding-bottom: 48px;
}
.container .jumbotron {
padding-right: 60px;
padding-left: 60px;
}
.jumbotron h1,
.jumbotron .h1 {
63px;
}
}
.thumbnail {
display: block;
padding: 4px;
20px;
1.428571429;
background-color: #fff;
border: 1px solid #ddd;
border-radius: 4px;
-webkit-transition: all .2s ease-in-out;
transition: all .2s ease-in-out;
}
.thumbnail > img,
.thumbnail a > img {
display: block;
max-width: 100%;
height: auto;
margin-right: auto;
margin-left: auto;
}
a.thumbnail:hover,
a.thumbnail:focus,
a.thumbnail.active {
border-color: #428bca;
}
.thumbnail .caption {
padding: 9px;
color: #333;
}
.alert {
padding: 15px;
20px;
border: 1px solid transparent;
border-radius: 4px;
}
.alert h4 {
0;
color: inherit;
}
.alert .alert-link {
font-weight: bold;
}
.alert > p,
.alert > ul {
0;
}
.alert > p + p {
5px;
}
.alert-dismissable {
padding-right: 35px;
}
.alert-dismissable .close {
position: relative;
top: -2px;
right: -21px;
color: inherit;
}
.alert-success {
color: #3c763d;
background-color: #dff0d8;
border-color: #d6e9c6;
}
.alert-success hr {
border-top-color: #c9e2b3;
}
.alert-success .alert-link {
color: #2b542c;
}
.alert-info {
color: #31708f;
background-color: #d9edf7;
border-color: #bce8f1;
}
.alert-info hr {
border-top-color: #a6e1ec;
}
.alert-info .alert-link {
color: #245269;
}
.alert-warning {
color: #8a6d3b;
background-color: #fcf8e3;
border-color: #faebcc;
}
.alert-warning hr {
border-top-color: #f7e1b5;
}
.alert-warning .alert-link {
color: #66512c;
}
.alert-danger {
color: #a94442;
background-color: #f2dede;
border-color: #ebccd1;
}
.alert-danger hr {
border-top-color: #e4b9c0;
}
.alert-danger .alert-link {
color: #843534;
}
@-webkit-keyframes progress-bar-stripes {
from {
background-position: 40px 0;
}
to {
background-position: 0 0;
}
}
@keyframes progress-bar-stripes {
from {
background-position: 40px 0;
}
to {
background-position: 0 0;
}
}
.progress {
height: 20px;
20px;
overflow: hidden;
background-color: #f5f5f5;
border-radius: 4px;
-webkit-box-shadow: inset 0 1px 2px rgba(0, 0, 0, .1);
box-shadow: inset 0 1px 2px rgba(0, 0, 0, .1);
}
.progress-bar {
float: left;
width: 0;
height: 100%;
12px;
20px;
color: #fff;
text-align: center;
background-color: #428bca;
-webkit-box-shadow: inset 0 -1px 0 rgba(0, 0, 0, .15);
box-shadow: inset 0 -1px 0 rgba(0, 0, 0, .15);
-webkit-transition: width .6s ease;
transition: width .6s ease;
}
.progress-striped .progress-bar {
background-image: -webkit-linear-gradient(45deg, rgba(255, 255, 255, .15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, .15) 50%, rgba(255, 255, 255, .15) 75%, transparent 75%, transparent);
background-image: linear-gradient(45deg, rgba(255, 255, 255, .15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, .15) 50%, rgba(255, 255, 255, .15) 75%, transparent 75%, transparent);
background-size: 40px 40px;
}
.progress.active .progress-bar {
-webkit-animation: progress-bar-stripes 2s linear infinite;
animation: progress-bar-stripes 2s linear infinite;
}
.progress-bar-success {
background-color: #5cb85c;
}
.progress-striped .progress-bar-success {
background-image: -webkit-linear-gradient(45deg, rgba(255, 255, 255, .15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, .15) 50%, rgba(255, 255, 255, .15) 75%, transparent 75%, transparent);
background-image: linear-gradient(45deg, rgba(255, 255, 255, .15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, .15) 50%, rgba(255, 255, 255, .15) 75%, transparent 75%, transparent);
}
.progress-bar-info {
background-color: #5bc0de;
}
.progress-striped .progress-bar-info {
background-image: -webkit-linear-gradient(45deg, rgba(255, 255, 255, .15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, .15) 50%, rgba(255, 255, 255, .15) 75%, transparent 75%, transparent);
background-image: linear-gradient(45deg, rgba(255, 255, 255, .15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, .15) 50%, rgba(255, 255, 255, .15) 75%, transparent 75%, transparent);
}
.progress-bar-warning {
background-color: #f0ad4e;
}
.progress-striped .progress-bar-warning {
background-image: -webkit-linear-gradient(45deg, rgba(255, 255, 255, .15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, .15) 50%, rgba(255, 255, 255, .15) 75%, transparent 75%, transparent);
background-image: linear-gradient(45deg, rgba(255, 255, 255, .15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, .15) 50%, rgba(255, 255, 255, .15) 75%, transparent 75%, transparent);
}
.progress-bar-danger {
background-color: #d9534f;
}
.progress-striped .progress-bar-danger {
background-image: -webkit-linear-gradient(45deg, rgba(255, 255, 255, .15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, .15) 50%, rgba(255, 255, 255, .15) 75%, transparent 75%, transparent);
background-image: linear-gradient(45deg, rgba(255, 255, 255, .15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, .15) 50%, rgba(255, 255, 255, .15) 75%, transparent 75%, transparent);
}
.media,
.media-body {
overflow: hidden;
zoom: 1;
}
.media,
.media .media {
15px;
}
.media:first-child {
0;
}
.media-object {
display: block;
}
.media-heading {
0 0 5px;
}
.media > .pull-left {
10px;
}
.media > .pull-right {
10px;
}
.media-list {
padding-left: 0;
list-style: none;
}
.list-group {
padding-left: 0;
20px;
}
.list-group-item {
position: relative;
display: block;
padding: 10px 15px;
-1px;
background-color: #fff;
border: 1px solid #ddd;
}
.list-group-item:first-child {
border-top-left-radius: 4px;
border-top-right-radius: 4px;
}
.list-group-item:last-child {
0;
border-bottom-right-radius: 4px;
border-bottom-left-radius: 4px;
}
.list-group-item > .badge {
float: right;
}
.list-group-item > .badge + .badge {
5px;
}
a.list-group-item {
color: #555;
}
a.list-group-item .list-group-item-heading {
color: #333;
}
a.list-group-item:hover,
a.list-group-item:focus {
text-decoration: none;
background-color: #f5f5f5;
}
a.list-group-item.active,
a.list-group-item.active:hover,
a.list-group-item.active:focus {
z-index: 2;
color: #fff;
background-color: #428bca;
border-color: #428bca;
}
a.list-group-item.active .list-group-item-heading,
a.list-group-item.active:hover .list-group-item-heading,
a.list-group-item.active:focus .list-group-item-heading {
color: inherit;
}
a.list-group-item.active .list-group-item-text,
a.list-group-item.active:hover .list-group-item-text,
a.list-group-item.active:focus .list-group-item-text {
color: #e1edf7;
}
.list-group-item-success {
color: #3c763d;
background-color: #dff0d8;
}
a.list-group-item-success {
color: #3c763d;
}
a.list-group-item-success .list-group-item-heading {
color: inherit;
}
a.list-group-item-success:hover,
a.list-group-item-success:focus {
color: #3c763d;
background-color: #d0e9c6;
}
a.list-group-item-success.active,
a.list-group-item-success.active:hover,
a.list-group-item-success.active:focus {
color: #fff;
background-color: #3c763d;
border-color: #3c763d;
}
.list-group-item-info {
color: #31708f;
background-color: #d9edf7;
}
a.list-group-item-info {
color: #31708f;
}
a.list-group-item-info .list-group-item-heading {
color: inherit;
}
a.list-group-item-info:hover,
a.list-group-item-info:focus {
color: #31708f;
background-color: #c4e3f3;
}
a.list-group-item-info.active,
a.list-group-item-info.active:hover,
a.list-group-item-info.active:focus {
color: #fff;
background-color: #31708f;
border-color: #31708f;
}
.list-group-item-warning {
color: #8a6d3b;
background-color: #fcf8e3;
}
a.list-group-item-warning {
color: #8a6d3b;
}
a.list-group-item-warning .list-group-item-heading {
color: inherit;
}
a.list-group-item-warning:hover,
a.list-group-item-warning:focus {
color: #8a6d3b;
background-color: #faf2cc;
}
a.list-group-item-warning.active,
a.list-group-item-warning.active:hover,
a.list-group-item-warning.active:focus {
color: #fff;
background-color: #8a6d3b;
border-color: #8a6d3b;
}
.list-group-item-danger {
color: #a94442;
background-color: #f2dede;
}
a.list-group-item-danger {
color: #a94442;
}
a.list-group-item-danger .list-group-item-heading {
color: inherit;
}
a.list-group-item-danger:hover,
a.list-group-item-danger:focus {
color: #a94442;
background-color: #ebcccc;
}
a.list-group-item-danger.active,
a.list-group-item-danger.active:hover,
a.list-group-item-danger.active:focus {
color: #fff;
background-color: #a94442;
border-color: #a94442;
}
.list-group-item-heading {
0;
5px;
}
.list-group-item-text {
0;
1.3;
}
.panel {
20px;
background-color: #fff;
border: 1px solid transparent;
border-radius: 4px;
-webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, .05);
box-shadow: 0 1px 1px rgba(0, 0, 0, .05);
}
.panel-body {
padding: 15px;
}
.panel > .list-group {
0;
}
.panel > .list-group .list-group-item {
border-width: 1px 0;
border-radius: 0;
}
.panel > .list-group .list-group-item:first-child {
border-top: 0;
}
.panel > .list-group .list-group-item:last-child {
border-bottom: 0;
}
.panel > .list-group:first-child .list-group-item:first-child {
border-top-left-radius: 3px;
border-top-right-radius: 3px;
}
.panel > .list-group:last-child .list-group-item:last-child {
border-bottom-right-radius: 3px;
border-bottom-left-radius: 3px;
}
.panel-heading + .list-group .list-group-item:first-child {
border-top-width: 0;
}
.panel > .table,
.panel > .table-responsive > .table {
0;
}
.panel > .table:first-child > thead:first-child > tr:first-child td:first-child,
.panel > .table-responsive:first-child > .table:first-child > thead:first-child > tr:first-child td:first-child,
.panel > .table:first-child > tbody:first-child > tr:first-child td:first-child,
.panel > .table-responsive:first-child > .table:first-child > tbody:first-child > tr:first-child td:first-child,
.panel > .table:first-child > thead:first-child > tr:first-child th:first-child,
.panel > .table-responsive:first-child > .table:first-child > thead:first-child > tr:first-child th:first-child,
.panel > .table:first-child > tbody:first-child > tr:first-child th:first-child,
.panel > .table-responsive:first-child > .table:first-child > tbody:first-child > tr:first-child th:first-child {
border-top-left-radius: 3px;
}
.panel > .table:first-child > thead:first-child > tr:first-child td:last-child,
.panel > .table-responsive:first-child > .table:first-child > thead:first-child > tr:first-child td:last-child,
.panel > .table:first-child > tbody:first-child > tr:first-child td:last-child,
.panel > .table-responsive:first-child > .table:first-child > tbody:first-child > tr:first-child td:last-child,
.panel > .table:first-child > thead:first-child > tr:first-child th:last-child,
.panel > .table-responsive:first-child > .table:first-child > thead:first-child > tr:first-child th:last-child,
.panel > .table:first-child > tbody:first-child > tr:first-child th:last-child,
.panel > .table-responsive:first-child > .table:first-child > tbody:first-child > tr:first-child th:last-child {
border-top-right-radius: 3px;
}
.panel > .table:last-child > tbody:last-child > tr:last-child td:first-child,
.panel > .table-responsive:last-child > .table:last-child > tbody:last-child > tr:last-child td:first-child,
.panel > .table:last-child > tfoot:last-child > tr:last-child td:first-child,
.panel > .table-responsive:last-child > .table:last-child > tfoot:last-child > tr:last-child td:first-child,
.panel > .table:last-child > tbody:last-child > tr:last-child th:first-child,
.panel > .table-responsive:last-child > .table:last-child > tbody:last-child > tr:last-child th:first-child,
.panel > .table:last-child > tfoot:last-child > tr:last-child th:first-child,
.panel > .table-responsive:last-child > .table:last-child > tfoot:last-child > tr:last-child th:first-child {
border-bottom-left-radius: 3px;
}
.panel > .table:last-child > tbody:last-child > tr:last-child td:last-child,
.panel > .table-responsive:last-child > .table:last-child > tbody:last-child > tr:last-child td:last-child,
.panel > .table:last-child > tfoot:last-child > tr:last-child td:last-child,
.panel > .table-responsive:last-child > .table:last-child > tfoot:last-child > tr:last-child td:last-child,
.panel > .table:last-child > tbody:last-child > tr:last-child th:last-child,
.panel > .table-responsive:last-child > .table:last-child > tbody:last-child > tr:last-child th:last-child,
.panel > .table:last-child > tfoot:last-child > tr:last-child th:last-child,
.panel > .table-responsive:last-child > .table:last-child > tfoot:last-child > tr:last-child th:last-child {
border-bottom-right-radius: 3px;
}
.panel > .panel-body + .table,
.panel > .panel-body + .table-responsive {
border-top: 1px solid #ddd;
}
.panel > .table > tbody:first-child > tr:first-child th,
.panel > .table > tbody:first-child > tr:first-child td {
border-top: 0;
}
.panel > .table-bordered,
.panel > .table-responsive > .table-bordered {
border: 0;
}
.panel > .table-bordered > thead > tr > th:first-child,
.panel > .table-responsive > .table-bordered > thead > tr > th:first-child,
.panel > .table-bordered > tbody > tr > th:first-child,
.panel > .table-responsive > .table-bordered > tbody > tr > th:first-child,
.panel > .table-bordered > tfoot > tr > th:first-child,
.panel > .table-responsive > .table-bordered > tfoot > tr > th:first-child,
.panel > .table-bordered > thead > tr > td:first-child,
.panel > .table-responsive > .table-bordered > thead > tr > td:first-child,
.panel > .table-bordered > tbody > tr > td:first-child,
.panel > .table-responsive > .table-bordered > tbody > tr > td:first-child,
.panel > .table-bordered > tfoot > tr > td:first-child,
.panel > .table-responsive > .table-bordered > tfoot > tr > td:first-child {
border-left: 0;
}
.panel > .table-bordered > thead > tr > th:last-child,
.panel > .table-responsive > .table-bordered > thead > tr > th:last-child,
.panel > .table-bordered > tbody > tr > th:last-child,
.panel > .table-responsive > .table-bordered > tbody > tr > th:last-child,
.panel > .table-bordered > tfoot > tr > th:last-child,
.panel > .table-responsive > .table-bordered > tfoot > tr > th:last-child,
.panel > .table-bordered > thead > tr > td:last-child,
.panel > .table-responsive > .table-bordered > thead > tr > td:last-child,
.panel > .table-bordered > tbody > tr > td:last-child,
.panel > .table-responsive > .table-bordered > tbody > tr > td:last-child,
.panel > .table-bordered > tfoot > tr > td:last-child,
.panel > .table-responsive > .table-bordered > tfoot > tr > td:last-child {
border-right: 0;
}
.panel > .table-bordered > thead > tr:first-child > th,
.panel > .table-responsive > .table-bordered > thead > tr:first-child > th,
.panel > .table-bordered > tbody > tr:first-child > th,
.panel > .table-responsive > .table-bordered > tbody > tr:first-child > th,
.panel > .table-bordered > tfoot > tr:first-child > th,
.panel > .table-responsive > .table-bordered > tfoot > tr:first-child > th,
.panel > .table-bordered > thead > tr:first-child > td,
.panel > .table-responsive > .table-bordered > thead > tr:first-child > td,
.panel > .table-bordered > tbody > tr:first-child > td,
.panel > .table-responsive > .table-bordered > tbody > tr:first-child > td,
.panel > .table-bordered > tfoot > tr:first-child > td,
.panel > .table-responsive > .table-bordered > tfoot > tr:first-child > td {
border-top: 0;
}
.panel > .table-bordered > thead > tr:last-child > th,
.panel > .table-responsive > .table-bordered > thead > tr:last-child > th,
.panel > .table-bordered > tbody > tr:last-child > th,
.panel > .table-responsive > .table-bordered > tbody > tr:last-child > th,
.panel > .table-bordered > tfoot > tr:last-child > th,
.panel > .table-responsive > .table-bordered > tfoot > tr:last-child > th,
.panel > .table-bordered > thead > tr:last-child > td,
.panel > .table-responsive > .table-bordered > thead > tr:last-child > td,
.panel > .table-bordered > tbody > tr:last-child > td,
.panel > .table-responsive > .table-bordered > tbody > tr:last-child > td,
.panel > .table-bordered > tfoot > tr:last-child > td,
.panel > .table-responsive > .table-bordered > tfoot > tr:last-child > td {
border-bottom: 0;
}
.panel > .table-responsive {
0;
border: 0;
}
.panel-heading {
padding: 10px 15px;
border-bottom: 1px solid transparent;
border-top-left-radius: 3px;
border-top-right-radius: 3px;
}
.panel-heading > .dropdown .dropdown-toggle {
color: inherit;
}
.panel-title {
0;
0;
16px;
color: inherit;
}
.panel-title > a {
color: inherit;
}
.panel-footer {
padding: 10px 15px;
background-color: #f5f5f5;
border-top: 1px solid #ddd;
border-bottom-right-radius: 3px;
border-bottom-left-radius: 3px;
}
.panel-group {
20px;
}
.panel-group .panel {
0;
overflow: hidden;
border-radius: 4px;
}
.panel-group .panel + .panel {
5px;
}
.panel-group .panel-heading {
border-bottom: 0;
}
.panel-group .panel-heading + .panel-collapse .panel-body {
border-top: 1px solid #ddd;
}
.panel-group .panel-footer {
border-top: 0;
}
.panel-group .panel-footer + .panel-collapse .panel-body {
border-bottom: 1px solid #ddd;
}
.panel-default {
border-color: #ddd;
}
.panel-default > .panel-heading {
color: #333;
background-color: #f5f5f5;
border-color: #ddd;
}
.panel-default > .panel-heading + .panel-collapse .panel-body {
border-top-color: #ddd;
}
.panel-default > .panel-footer + .panel-collapse .panel-body {
border-bottom-color: #ddd;
}
.panel-primary {
border-color: #428bca;
}
.panel-primary > .panel-heading {
color: #fff;
background-color: #428bca;
border-color: #428bca;
}
.panel-primary > .panel-heading + .panel-collapse .panel-body {
border-top-color: #428bca;
}
.panel-primary > .panel-footer + .panel-collapse .panel-body {
border-bottom-color: #428bca;
}
.panel-success {
border-color: #d6e9c6;
}
.panel-success > .panel-heading {
color: #3c763d;
background-color: #dff0d8;
border-color: #d6e9c6;
}
.panel-success > .panel-heading + .panel-collapse .panel-body {
border-top-color: #d6e9c6;
}
.panel-success > .panel-footer + .panel-collapse .panel-body {
border-bottom-color: #d6e9c6;
}
.panel-info {
border-color: #bce8f1;
}
.panel-info > .panel-heading {
color: #31708f;
background-color: #d9edf7;
border-color: #bce8f1;
}
.panel-info > .panel-heading + .panel-collapse .panel-body {
border-top-color: #bce8f1;
}
.panel-info > .panel-footer + .panel-collapse .panel-body {
border-bottom-color: #bce8f1;
}
.panel-warning {
border-color: #faebcc;
}
.panel-warning > .panel-heading {
color: #8a6d3b;
background-color: #fcf8e3;
border-color: #faebcc;
}
.panel-warning > .panel-heading + .panel-collapse .panel-body {
border-top-color: #faebcc;
}
.panel-warning > .panel-footer + .panel-collapse .panel-body {
border-bottom-color: #faebcc;
}
.panel-danger {
border-color: #ebccd1;
}
.panel-danger > .panel-heading {
color: #a94442;
background-color: #f2dede;
border-color: #ebccd1;
}
.panel-danger > .panel-heading + .panel-collapse .panel-body {
border-top-color: #ebccd1;
}
.panel-danger > .panel-footer + .panel-collapse .panel-body {
border-bottom-color: #ebccd1;
}
.well {
min-height: 20px;
padding: 19px;
20px;
background-color: #f5f5f5;
border: 1px solid #e3e3e3;
border-radius: 4px;
-webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .05);
box-shadow: inset 0 1px 1px rgba(0, 0, 0, .05);
}
.well blockquote {
border-color: #ddd;
border-color: rgba(0, 0, 0, .15);
}
.well-lg {
padding: 24px;
border-radius: 6px;
}
.well-sm {
padding: 9px;
border-radius: 3px;
}
.close {
float: right;
21px;
font-weight: bold;
1;
color: #000;
text-shadow: 0 1px 0 #fff;
filter: alpha(opacity=20);
opacity: .2;
}
.close:hover,
.close:focus {
color: #000;
text-decoration: none;
cursor: pointer;
filter: alpha(opacity=50);
opacity: .5;
}
button.close {
-webkit-appearance: none;
padding: 0;
cursor: pointer;
background: transparent;
border: 0;
}
.modal-open {
overflow: hidden;
}
.modal {
position: fixed;
top: 0;
right: 0;
bottom: 0;
left: 0;
z-index: 1050;
display: none;
overflow: auto;
overflow-y: scroll;
-webkit-overflow-scrolling: touch;
outline: 0;
}
.modal.fade .modal-dialog {
-webkit-transition: -webkit-transform .3s ease-out;
-moz-transition: -moz-transform .3s ease-out;
-o-transition: -o-transform .3s ease-out;
transition: transform .3s ease-out;
-webkit-transform: translate(0, -25%);
-ms-transform: translate(0, -25%);
transform: translate(0, -25%);
}
.modal.in .modal-dialog {
-webkit-transform: translate(0, 0);
-ms-transform: translate(0, 0);
transform: translate(0, 0);
}
.modal-dialog {
position: relative;
width: auto;
10px;
}
.modal-content {
position: relative;
background-color: #fff;
background-clip: padding-box;
border: 1px solid #999;
border: 1px solid rgba(0, 0, 0, .2);
border-radius: 6px;
outline: none;
-webkit-box-shadow: 0 3px 9px rgba(0, 0, 0, .5);
box-shadow: 0 3px 9px rgba(0, 0, 0, .5);
}
.modal-backdrop {
position: fixed;
top: 0;
right: 0;
bottom: 0;
left: 0;
z-index: 1040;
background-color: #000;
}
.modal-backdrop.fade {
filter: alpha(opacity=0);
opacity: 0;
}
.modal-backdrop.in {
filter: alpha(opacity=50);
opacity: .5;
}
.modal-header {
min-height: 16.428571429px;
padding: 15px;
border-bottom: 1px solid #e5e5e5;
}
.modal-header .close {
-2px;
}
.modal-title {
0;
1.428571429;
}
.modal-body {
position: relative;
padding: 20px;
}
.modal-footer {
padding: 19px 20px 20px;
15px;
text-align: right;
border-top: 1px solid #e5e5e5;
}
.modal-footer .btn + .btn {
0;
5px;
}
.modal-footer .btn-group .btn + .btn {
-1px;
}
.modal-footer .btn-block + .btn-block {
0;
}
@media (min-width: 768px) {
.modal-dialog {
width: 600px;
30px auto;
}
.modal-content {
-webkit-box-shadow: 0 5px 15px rgba(0, 0, 0, .5);
box-shadow: 0 5px 15px rgba(0, 0, 0, .5);
}
.modal-sm {
width: 300px;
}
.modal-lg {
width: 900px;
}
}
.tooltip {
position: absolute;
z-index: 1030;
display: block;
12px;
1.4;
visibility: visible;
filter: alpha(opacity=0);
opacity: 0;
}
.tooltip.in {
filter: alpha(opacity=90);
opacity: .9;
}
.tooltip.top {
padding: 5px 0;
-3px;
}
.tooltip.right {
padding: 0 5px;
3px;
}
.tooltip.bottom {
padding: 5px 0;
3px;
}
.tooltip.left {
padding: 0 5px;
-3px;
}
.tooltip-inner {
max-width: 200px;
padding: 3px 8px;
color: #fff;
text-align: center;
text-decoration: none;
background-color: #000;
border-radius: 4px;
}
.tooltip-arrow {
position: absolute;
width: 0;
height: 0;
border-color: transparent;
border-style: solid;
}
.tooltip.top .tooltip-arrow {
bottom: 0;
left: 50%;
-5px;
border-width: 5px 5px 0;
border-top-color: #000;
}
.tooltip.top-left .tooltip-arrow {
bottom: 0;
left: 5px;
border-width: 5px 5px 0;
border-top-color: #000;
}
.tooltip.top-right .tooltip-arrow {
right: 5px;
bottom: 0;
border-width: 5px 5px 0;
border-top-color: #000;
}
.tooltip.right .tooltip-arrow {
top: 50%;
left: 0;
-5px;
border-width: 5px 5px 5px 0;
border-right-color: #000;
}
.tooltip.left .tooltip-arrow {
top: 50%;
right: 0;
-5px;
border-width: 5px 0 5px 5px;
border-left-color: #000;
}
.tooltip.bottom .tooltip-arrow {
top: 0;
left: 50%;
-5px;
border-width: 0 5px 5px;
border-bottom-color: #000;
}
.tooltip.bottom-left .tooltip-arrow {
top: 0;
left: 5px;
border-width: 0 5px 5px;
border-bottom-color: #000;
}
.tooltip.bottom-right .tooltip-arrow {
top: 0;
right: 5px;
border-width: 0 5px 5px;
border-bottom-color: #000;
}
.popover {
position: absolute;
top: 0;
left: 0;
z-index: 1010;
display: none;
max-width: 276px;
padding: 1px;
text-align: left;
white-space: normal;
background-color: #fff;
background-clip: padding-box;
border: 1px solid #ccc;
border: 1px solid rgba(0, 0, 0, .2);
border-radius: 6px;
-webkit-box-shadow: 0 5px 10px rgba(0, 0, 0, .2);
box-shadow: 0 5px 10px rgba(0, 0, 0, .2);
}
.popover.top {
-10px;
}
.popover.right {
10px;
}
.popover.bottom {
10px;
}
.popover.left {
-10px;
}
.popover-title {
padding: 8px 14px;
0;
14px;
font-weight: normal;
18px;
background-color: #f7f7f7;
border-bottom: 1px solid #ebebeb;
border-radius: 5px 5px 0 0;
}
.popover-content {
padding: 9px 14px;
}
.popover .arrow,
.popover .arrow:after {
position: absolute;
display: block;
width: 0;
height: 0;
border-color: transparent;
border-style: solid;
}
.popover .arrow {
border-width: 11px;
}
.popover .arrow:after {
content: "";
border-width: 10px;
}
.popover.top .arrow {
bottom: -11px;
left: 50%;
-11px;
border-top-color: #999;
border-top-color: rgba(0, 0, 0, .25);
border-bottom-width: 0;
}
.popover.top .arrow:after {
bottom: 1px;
-10px;
content: " ";
border-top-color: #fff;
border-bottom-width: 0;
}
.popover.right .arrow {
top: 50%;
left: -11px;
-11px;
border-right-color: #999;
border-right-color: rgba(0, 0, 0, .25);
border-left-width: 0;
}
.popover.right .arrow:after {
bottom: -10px;
left: 1px;
content: " ";
border-right-color: #fff;
border-left-width: 0;
}
.popover.bottom .arrow {
top: -11px;
left: 50%;
-11px;
border-top-width: 0;
border-bottom-color: #999;
border-bottom-color: rgba(0, 0, 0, .25);
}
.popover.bottom .arrow:after {
top: 1px;
-10px;
content: " ";
border-top-width: 0;
border-bottom-color: #fff;
}
.popover.left .arrow {
top: 50%;
right: -11px;
-11px;
border-right-width: 0;
border-left-color: #999;
border-left-color: rgba(0, 0, 0, .25);
}
.popover.left .arrow:after {
right: 1px;
bottom: -10px;
content: " ";
border-right-width: 0;
border-left-color: #fff;
}
.carousel {
position: relative;
}
.carousel-inner {
position: relative;
width: 100%;
overflow: hidden;
}
.carousel-inner > .item {
position: relative;
display: none;
-webkit-transition: .6s ease-in-out left;
transition: .6s ease-in-out left;
}
.carousel-inner > .item > img,
.carousel-inner > .item > a > img {
display: block;
max-width: 100%;
height: auto;
1;
}
.carousel-inner > .active,
.carousel-inner > .next,
.carousel-inner > .prev {
display: block;
}
.carousel-inner > .active {
left: 0;
}
.carousel-inner > .next,
.carousel-inner > .prev {
position: absolute;
top: 0;
width: 100%;
}
.carousel-inner > .next {
left: 100%;
}
.carousel-inner > .prev {
left: -100%;
}
.carousel-inner > .next.left,
.carousel-inner > .prev.right {
left: 0;
}
.carousel-inner > .active.left {
left: -100%;
}
.carousel-inner > .active.right {
left: 100%;
}
.carousel-control {
position: absolute;
top: 0;
bottom: 0;
left: 0;
width: 15%;
20px;
color: #fff;
text-align: center;
text-shadow: 0 1px 2px rgba(0, 0, 0, .6);
filter: alpha(opacity=50);
opacity: .5;
}
.carousel-control.left {
background-image: -webkit-linear-gradient(left, color-stop(rgba(0, 0, 0, .5) 0%), color-stop(rgba(0, 0, 0, .0001) 100%));
background-image: linear-gradient(to right, rgba(0, 0, 0, .5) 0%, rgba(0, 0, 0, .0001) 100%);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#80000000', endColorstr='#00000000', GradientType=1);
background-repeat: repeat-x;
}
.carousel-control.right {
right: 0;
left: auto;
background-image: -webkit-linear-gradient(left, color-stop(rgba(0, 0, 0, .0001) 0%), color-stop(rgba(0, 0, 0, .5) 100%));
background-image: linear-gradient(to right, rgba(0, 0, 0, .0001) 0%, rgba(0, 0, 0, .5) 100%);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00000000', endColorstr='#80000000', GradientType=1);
background-repeat: repeat-x;
}
.carousel-control:hover,
.carousel-control:focus {
color: #fff;
text-decoration: none;
filter: alpha(opacity=90);
outline: none;
opacity: .9;
}
.carousel-control .icon-prev,
.carousel-control .icon-next,
.carousel-control .glyphicon-chevron-left,
.carousel-control .glyphicon-chevron-right {
position: absolute;
top: 50%;
z-index: 5;
display: inline-block;
}
.carousel-control .icon-prev,
.carousel-control .glyphicon-chevron-left {
left: 50%;
}
.carousel-control .icon-next,
.carousel-control .glyphicon-chevron-right {
right: 50%;
}
.carousel-control .icon-prev,
.carousel-control .icon-next {
width: 20px;
height: 20px;
-10px;
-10px;
serif;
}
.carousel-control .icon-prev:before {
content: '\2039';
}
.carousel-control .icon-next:before {
content: '\203a';
}
.carousel-indicators {
position: absolute;
bottom: 10px;
left: 50%;
z-index: 15;
width: 60%;
padding-left: 0;
-30%;
text-align: center;
list-style: none;
}
.carousel-indicators li {
display: inline-block;
width: 10px;
height: 10px;
1px;
-999px;
cursor: pointer;
background-color: #000 \9;
background-color: rgba(0, 0, 0, 0);
border: 1px solid #fff;
border-radius: 10px;
}
.carousel-indicators .active {
width: 12px;
height: 12px;
0;
background-color: #fff;
}
.carousel-caption {
position: absolute;
right: 15%;
bottom: 20px;
left: 15%;
z-index: 10;
padding-top: 20px;
padding-bottom: 20px;
color: #fff;
text-align: center;
text-shadow: 0 1px 2px rgba(0, 0, 0, .6);
}
.carousel-caption .btn {
text-shadow: none;
}
@media screen and (min-width: 768px) {
.carousel-control .glyphicons-chevron-left,
.carousel-control .glyphicons-chevron-right,
.carousel-control .icon-prev,
.carousel-control .icon-next {
width: 30px;
height: 30px;
-15px;
-15px;
30px;
}
.carousel-caption {
right: 20%;
left: 20%;
padding-bottom: 30px;
}
.carousel-indicators {
bottom: 20px;
}
}
.clearfix:before,
.clearfix:after,
.container:before,
.container:after,
.container-fluid:before,
.container-fluid:after,
.row:before,
.row:after,
.form-horizontal .form-group:before,
.form-horizontal .form-group:after,
.btn-toolbar:before,
.btn-toolbar:after,
.btn-group-vertical > .btn-group:before,
.btn-group-vertical > .btn-group:after,
.nav:before,
.nav:after,
.navbar:before,
.navbar:after,
.navbar-header:before,
.navbar-header:after,
.navbar-collapse:before,
.navbar-collapse:after,
.pager:before,
.pager:after,
.panel-body:before,
.panel-body:after,
.modal-footer:before,
.modal-footer:after {
display: table;
content: " ";
}
.clearfix:after,
.container:after,
.container-fluid:after,
.row:after,
.form-horizontal .form-group:after,
.btn-toolbar:after,
.btn-group-vertical > .btn-group:after,
.nav:after,
.navbar:after,
.navbar-header:after,
.navbar-collapse:after,
.pager:after,
.panel-body:after,
.modal-footer:after {
clear: both;
}
.center-block {
display: block;
margin-right: auto;
margin-left: auto;
}
.pull-right {
float: right !important;
}
.pull-left {
float: left !important;
}
.hide {
display: none !important;
}
.show {
display: block !important;
}
.invisible {
visibility: hidden;
}
.text-hide {
font: 0/0 a;
color: transparent;
text-shadow: none;
background-color: transparent;
border: 0;
}
.hidden {
display: none !important;
visibility: hidden !important;
}
.affix {
position: fixed;
}
@-ms-viewport {
width: device-width;
}
.visible-xs,
tr.visible-xs,
th.visible-xs,
td.visible-xs {
display: none !important;
}
@media (max-width: 767px) {
.visible-xs {
display: block !important;
}
table.visible-xs {
display: table;
}
tr.visible-xs {
display: table-row !important;
}
th.visible-xs,
td.visible-xs {
display: table-cell !important;
}
}
.visible-sm,
tr.visible-sm,
th.visible-sm,
td.visible-sm {
display: none !important;
}
@media (min-width: 768px) and (max-width: 991px) {
.visible-sm {
display: block !important;
}
table.visible-sm {
display: table;
}
tr.visible-sm {
display: table-row !important;
}
th.visible-sm,
td.visible-sm {
display: table-cell !important;
}
.visible-xs {
display: block !important;
}
}
.visible-md,
tr.visible-md,
th.visible-md,
td.visible-md {
display: none !important;
}
.visible-lg,
tr.visible-lg,
th.visible-lg,
td.visible-lg {
display: none !important;
}
@media (min-width: 992px) and (max-width: 1199px) {
.visible-md {
display: block !important;
}
table.visible-md {
display: table;
}
tr.visible-md {
display: table-row !important;
}
th.visible-md,
td.visible-md {
display: table-cell !important;
}
}

@media (min-width: 1200px) {
.visible-lg {
display: block !important;
}
table.visible-lg {
display: table;
}
tr.visible-lg {
display: table-row !important;
}
th.visible-lg,
td.visible-lg {
display: table-cell !important;
}
}
@media (max-width: 767px) {
.hidden-xs,
tr.hidden-xs,
th.hidden-xs,
td.hidden-xs {
display: none !important;
}
}
@media (min-width: 768px) and (max-width: 991px) {
.hidden-sm,
tr.hidden-sm,
th.hidden-sm,
td.hidden-sm {
display: none !important;
}
}
@media (min-width: 992px) and (max-width: 1199px) {
.hidden-md,
tr.hidden-md,
th.hidden-md,
td.hidden-md {
display: none !important;
}
}
@media (min-width: 1200px) {
.hidden-lg,
tr.hidden-lg,
th.hidden-lg,
td.hidden-lg {
display: none !important;
}
}
.visible-print,
tr.visible-print,
th.visible-print,
td.visible-print {
display: none !important;
}
@media print {
.visible-print {
display: block !important;
}
table.visible-print {
display: table;
}
tr.visible-print {
display: table-row !important;
}
th.visible-print,
td.visible-print {
display: table-cell !important;
}
}
@media print {
.hidden-print,
tr.hidden-print,
th.hidden-print,
td.hidden-print {
display: none !important;
}
}

/*!
* Bootstrap v3.1.0 (http://getbootstrap.com)
* Copyright 2011-2014 Twitter, Inc.
* Licensed under MIT (https://github.com/twbs/bootstrap/blob/master/LICENSE)
*/

.btn-default,
.btn-primary,
.btn-success,
.btn-info,
.btn-warning,
.btn-danger {
text-shadow: 0 -1px 0 rgba(0, 0, 0, .2);
-webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, .15), 0 1px 1px rgba(0, 0, 0, .075);
box-shadow: inset 0 1px 0 rgba(255, 255, 255, .15), 0 1px 1px rgba(0, 0, 0, .075);
}
.btn-default:active,
.btn-primary:active,
.btn-success:active,
.btn-info:active,
.btn-warning:active,
.btn-danger:active,
.btn-default.active,
.btn-primary.active,
.btn-success.active,
.btn-info.active,
.btn-warning.active,
.btn-danger.active {
-webkit-box-shadow: inset 0 3px 5px rgba(0, 0, 0, .125);
box-shadow: inset 0 3px 5px rgba(0, 0, 0, .125);
}
.btn:active,
.btn.active {
background-image: none;
}
.btn-default {
text-shadow: 0 1px 0 #fff;
background-image: -webkit-linear-gradient(top, #fff 0%, #e0e0e0 100%);
background-image: linear-gradient(to bottom, #fff 0%, #e0e0e0 100%);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffffff', endColorstr='#ffe0e0e0', GradientType=0);
filter: progid:DXImageTransform.Microsoft.gradient(enabled = false);
background-repeat: repeat-x;
border-color: #dbdbdb;
border-color: #ccc;
}
.btn-default:hover,
.btn-default:focus {
background-color: #e0e0e0;
background-position: 0 -15px;
}
.btn-default:active,
.btn-default.active {
background-color: #e0e0e0;
border-color: #dbdbdb;
}
.btn-primary {
background-image: -webkit-linear-gradient(top, #428bca 0%, #2d6ca2 100%);
background-image: linear-gradient(to bottom, #428bca 0%, #2d6ca2 100%);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff428bca', endColorstr='#ff2d6ca2', GradientType=0);
filter: progid:DXImageTransform.Microsoft.gradient(enabled = false);
background-repeat: repeat-x;
border-color: #2b669a;
}
.btn-primary:hover,
.btn-primary:focus {
background-color: #2d6ca2;
background-position: 0 -15px;
}
.btn-primary:active,
.btn-primary.active {
background-color: #2d6ca2;
border-color: #2b669a;
}
.btn-success {
background-image: -webkit-linear-gradient(top, #5cb85c 0%, #419641 100%);
background-image: linear-gradient(to bottom, #5cb85c 0%, #419641 100%);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff5cb85c', endColorstr='#ff419641', GradientType=0);
filter: progid:DXImageTransform.Microsoft.gradient(enabled = false);
background-repeat: repeat-x;
border-color: #3e8f3e;
}
.btn-success:hover,
.btn-success:focus {
background-color: #419641;
background-position: 0 -15px;
}
.btn-success:active,
.btn-success.active {
background-color: #419641;
border-color: #3e8f3e;
}
.btn-info {
background-image: -webkit-linear-gradient(top, #5bc0de 0%, #2aabd2 100%);
background-image: linear-gradient(to bottom, #5bc0de 0%, #2aabd2 100%);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff5bc0de', endColorstr='#ff2aabd2', GradientType=0);
filter: progid:DXImageTransform.Microsoft.gradient(enabled = false);
background-repeat: repeat-x;
border-color: #28a4c9;
}
.btn-info:hover,
.btn-info:focus {
background-color: #2aabd2;
background-position: 0 -15px;
}
.btn-info:active,
.btn-info.active {
background-color: #2aabd2;
border-color: #28a4c9;
}
.btn-warning {
background-image: -webkit-linear-gradient(top, #f0ad4e 0%, #eb9316 100%);
background-image: linear-gradient(to bottom, #f0ad4e 0%, #eb9316 100%);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fff0ad4e', endColorstr='#ffeb9316', GradientType=0);
filter: progid:DXImageTransform.Microsoft.gradient(enabled = false);
background-repeat: repeat-x;
border-color: #e38d13;
}
.btn-warning:hover,
.btn-warning:focus {
background-color: #eb9316;
background-position: 0 -15px;
}
.btn-warning:active,
.btn-warning.active {
background-color: #eb9316;
border-color: #e38d13;
}
.btn-danger {
background-image: -webkit-linear-gradient(top, #d9534f 0%, #c12e2a 100%);
background-image: linear-gradient(to bottom, #d9534f 0%, #c12e2a 100%);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffd9534f', endColorstr='#ffc12e2a', GradientType=0);
filter: progid:DXImageTransform.Microsoft.gradient(enabled = false);
background-repeat: repeat-x;
border-color: #b92c28;
}
.btn-danger:hover,
.btn-danger:focus {
background-color: #c12e2a;
background-position: 0 -15px;
}
.btn-danger:active,
.btn-danger.active {
background-color: #c12e2a;
border-color: #b92c28;
}
.thumbnail,
.img-thumbnail {
-webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, .075);
box-shadow: 0 1px 2px rgba(0, 0, 0, .075);
}
.dropdown-menu > li > a:hover,
.dropdown-menu > li > a:focus {
background-color: #e8e8e8;
background-image: -webkit-linear-gradient(top, #f5f5f5 0%, #e8e8e8 100%);
background-image: linear-gradient(to bottom, #f5f5f5 0%, #e8e8e8 100%);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fff5f5f5', endColorstr='#ffe8e8e8', GradientType=0);
background-repeat: repeat-x;
}
.dropdown-menu > .active > a,
.dropdown-menu > .active > a:hover,
.dropdown-menu > .active > a:focus {
background-color: #357ebd;
background-image: -webkit-linear-gradient(top, #428bca 0%, #357ebd 100%);
background-image: linear-gradient(to bottom, #428bca 0%, #357ebd 100%);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff428bca', endColorstr='#ff357ebd', GradientType=0);
background-repeat: repeat-x;
}
.navbar-default {
background-image: -webkit-linear-gradient(top, #fff 0%, #f8f8f8 100%);
background-image: linear-gradient(to bottom, #fff 0%, #f8f8f8 100%);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffffff', endColorstr='#fff8f8f8', GradientType=0);
filter: progid:DXImageTransform.Microsoft.gradient(enabled = false);
background-repeat: repeat-x;
border-radius: 4px;
-webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, .15), 0 1px 5px rgba(0, 0, 0, .075);
box-shadow: inset 0 1px 0 rgba(255, 255, 255, .15), 0 1px 5px rgba(0, 0, 0, .075);
}
.navbar-default .navbar-nav > .active > a {
background-image: -webkit-linear-gradient(top, #ebebeb 0%, #f3f3f3 100%);
background-image: linear-gradient(to bottom, #ebebeb 0%, #f3f3f3 100%);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffebebeb', endColorstr='#fff3f3f3', GradientType=0);
background-repeat: repeat-x;
-webkit-box-shadow: inset 0 3px 9px rgba(0, 0, 0, .075);
box-shadow: inset 0 3px 9px rgba(0, 0, 0, .075);
}
.navbar-brand,
.navbar-nav > li > a {
text-shadow: 0 1px 0 rgba(255, 255, 255, .25);
}
.navbar-inverse {
background-image: -webkit-linear-gradient(top, #3c3c3c 0%, #222 100%);
background-image: linear-gradient(to bottom, #3c3c3c 0%, #222 100%);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff3c3c3c', endColorstr='#ff222222', GradientType=0);
filter: progid:DXImageTransform.Microsoft.gradient(enabled = false);
background-repeat: repeat-x;
}
.navbar-inverse .navbar-nav > .active > a {
background-image: -webkit-linear-gradient(top, #222 0%, #282828 100%);
background-image: linear-gradient(to bottom, #222 0%, #282828 100%);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff222222', endColorstr='#ff282828', GradientType=0);
background-repeat: repeat-x;
-webkit-box-shadow: inset 0 3px 9px rgba(0, 0, 0, .25);
box-shadow: inset 0 3px 9px rgba(0, 0, 0, .25);
}
.navbar-inverse .navbar-brand,
.navbar-inverse .navbar-nav > li > a {
text-shadow: 0 -1px 0 rgba(0, 0, 0, .25);
}
.navbar-static-top,
.navbar-fixed-top,
.navbar-fixed-bottom {
border-radius: 0;
}
.alert {
text-shadow: 0 1px 0 rgba(255, 255, 255, .2);
-webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, .25), 0 1px 2px rgba(0, 0, 0, .05);
box-shadow: inset 0 1px 0 rgba(255, 255, 255, .25), 0 1px 2px rgba(0, 0, 0, .05);
}
.alert-success {
background-image: -webkit-linear-gradient(top, #dff0d8 0%, #c8e5bc 100%);
background-image: linear-gradient(to bottom, #dff0d8 0%, #c8e5bc 100%);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffdff0d8', endColorstr='#ffc8e5bc', GradientType=0);
background-repeat: repeat-x;
border-color: #b2dba1;
}
.alert-info {
background-image: -webkit-linear-gradient(top, #d9edf7 0%, #b9def0 100%);
background-image: linear-gradient(to bottom, #d9edf7 0%, #b9def0 100%);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffd9edf7', endColorstr='#ffb9def0', GradientType=0);
background-repeat: repeat-x;
border-color: #9acfea;
}
.alert-warning {
background-image: -webkit-linear-gradient(top, #fcf8e3 0%, #f8efc0 100%);
background-image: linear-gradient(to bottom, #fcf8e3 0%, #f8efc0 100%);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fffcf8e3', endColorstr='#fff8efc0', GradientType=0);
background-repeat: repeat-x;
border-color: #f5e79e;
}
.alert-danger {
background-image: -webkit-linear-gradient(top, #f2dede 0%, #e7c3c3 100%);
background-image: linear-gradient(to bottom, #f2dede 0%, #e7c3c3 100%);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fff2dede', endColorstr='#ffe7c3c3', GradientType=0);
background-repeat: repeat-x;
border-color: #dca7a7;
}
.progress {
background-image: -webkit-linear-gradient(top, #ebebeb 0%, #f5f5f5 100%);
background-image: linear-gradient(to bottom, #ebebeb 0%, #f5f5f5 100%);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffebebeb', endColorstr='#fff5f5f5', GradientType=0);
background-repeat: repeat-x;
}
.progress-bar {
background-image: -webkit-linear-gradient(top, #428bca 0%, #3071a9 100%);
background-image: linear-gradient(to bottom, #428bca 0%, #3071a9 100%);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff428bca', endColorstr='#ff3071a9', GradientType=0);
background-repeat: repeat-x;
}
.progress-bar-success {
background-image: -webkit-linear-gradient(top, #5cb85c 0%, #449d44 100%);
background-image: linear-gradient(to bottom, #5cb85c 0%, #449d44 100%);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff5cb85c', endColorstr='#ff449d44', GradientType=0);
background-repeat: repeat-x;
}
.progress-bar-info {
background-image: -webkit-linear-gradient(top, #5bc0de 0%, #31b0d5 100%);
background-image: linear-gradient(to bottom, #5bc0de 0%, #31b0d5 100%);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff5bc0de', endColorstr='#ff31b0d5', GradientType=0);
background-repeat: repeat-x;
}
.progress-bar-warning {
background-image: -webkit-linear-gradient(top, #f0ad4e 0%, #ec971f 100%);
background-image: linear-gradient(to bottom, #f0ad4e 0%, #ec971f 100%);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fff0ad4e', endColorstr='#ffec971f', GradientType=0);
background-repeat: repeat-x;
}
.progress-bar-danger {
background-image: -webkit-linear-gradient(top, #d9534f 0%, #c9302c 100%);
background-image: linear-gradient(to bottom, #d9534f 0%, #c9302c 100%);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffd9534f', endColorstr='#ffc9302c', GradientType=0);
background-repeat: repeat-x;
}
.list-group {
border-radius: 4px;
-webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, .075);
box-shadow: 0 1px 2px rgba(0, 0, 0, .075);
}
.list-group-item.active,
.list-group-item.active:hover,
.list-group-item.active:focus {
text-shadow: 0 -1px 0 #3071a9;
background-image: -webkit-linear-gradient(top, #428bca 0%, #3278b3 100%);
background-image: linear-gradient(to bottom, #428bca 0%, #3278b3 100%);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff428bca', endColorstr='#ff3278b3', GradientType=0);
background-repeat: repeat-x;
border-color: #3278b3;
}
.panel {
-webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, .05);
box-shadow: 0 1px 2px rgba(0, 0, 0, .05);
}
.panel-default > .panel-heading {
background-image: -webkit-linear-gradient(top, #f5f5f5 0%, #e8e8e8 100%);
background-image: linear-gradient(to bottom, #f5f5f5 0%, #e8e8e8 100%);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fff5f5f5', endColorstr='#ffe8e8e8', GradientType=0);
background-repeat: repeat-x;
}
.panel-primary > .panel-heading {
background-image: -webkit-linear-gradient(top, #428bca 0%, #357ebd 100%);
background-image: linear-gradient(to bottom, #428bca 0%, #357ebd 100%);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff428bca', endColorstr='#ff357ebd', GradientType=0);
background-repeat: repeat-x;
}
.panel-success > .panel-heading {
background-image: -webkit-linear-gradient(top, #dff0d8 0%, #d0e9c6 100%);
background-image: linear-gradient(to bottom, #dff0d8 0%, #d0e9c6 100%);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffdff0d8', endColorstr='#ffd0e9c6', GradientType=0);
background-repeat: repeat-x;
}
.panel-info > .panel-heading {
background-image: -webkit-linear-gradient(top, #d9edf7 0%, #c4e3f3 100%);
background-image: linear-gradient(to bottom, #d9edf7 0%, #c4e3f3 100%);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffd9edf7', endColorstr='#ffc4e3f3', GradientType=0);
background-repeat: repeat-x;
}
.panel-warning > .panel-heading {
background-image: -webkit-linear-gradient(top, #fcf8e3 0%, #faf2cc 100%);
background-image: linear-gradient(to bottom, #fcf8e3 0%, #faf2cc 100%);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fffcf8e3', endColorstr='#fffaf2cc', GradientType=0);
background-repeat: repeat-x;
}
.panel-danger > .panel-heading {
background-image: -webkit-linear-gradient(top, #f2dede 0%, #ebcccc 100%);
background-image: linear-gradient(to bottom, #f2dede 0%, #ebcccc 100%);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fff2dede', endColorstr='#ffebcccc', GradientType=0);
background-repeat: repeat-x;
}
.well {
background-image: -webkit-linear-gradient(top, #e8e8e8 0%, #f5f5f5 100%);
background-image: linear-gradient(to bottom, #e8e8e8 0%, #f5f5f5 100%);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffe8e8e8', endColorstr='#fff5f5f5', GradientType=0);
background-repeat: repeat-x;
border-color: #dcdcdc;
-webkit-box-shadow: inset 0 1px 3px rgba(0, 0, 0, .05), 0 1px 0 rgba(255, 255, 255, .1);
box-shadow: inset 0 1px 3px rgba(0, 0, 0, .05), 0 1px 0 rgba(255, 255, 255, .1);
}

/**
* Magento
*
* NOTICE OF LICENSE
*
* This source file is subject to the Academic Free License (AFL 3.0)
* that is bundled with this package in the file LICENSE_AFL.txt.
* It is also available through the world-wide-web at this URL:
* http://opensource.org/licenses/afl-3.0.php
* If you did not receive a copy of the license and are unable to
* obtain it through the world-wide-web, please send an email
* to license@magentocommerce.com so we can send you a copy immediately.
*
* DISCLAIMER
*
* Do not edit or add to this file if you wish to upgrade Magento to newer
* versions in the future. If you wish to customize Magento for your
* needs please refer to http://www.magentocommerce.com for more information.
*
* @category design
* @package default_default
* @copyright Copyright (c) 2013 Magento Inc. (http://www.magentocommerce.com)
* @license http://opensource.org/licenses/afl-3.0.php Academic Free License (AFL 3.0)
*/

/* Reset ================================================================================= */

@font-face {
'AleoRegular';
src: u rl('http://domain.pk/flat/skin/frontend/flaton/ma_flaton3/fonts/AleoRegular.eot');
src: u rl('http://domain.pk/flat/skin/frontend/flaton/ma_flaton3/fonts/AleoRegular.eot') format('embedded-opentype'),
u rl('http://domain.pk/flat/skin/frontend/flaton/ma_flaton3/fonts/AleoRegular.woff2') format('woff2'),
u rl('http://domain.pk/flat/skin/frontend/flaton/ma_flaton3/fonts/AleoRegular.woff') format('woff'),
u rl('http://domain.pk/flat/skin/frontend/flaton/ma_flaton3/fonts/AleoRegular.ttf') format('truetype'),
u rl('http://domain.pk/flat/skin/frontend/flaton/ma_flaton3/fonts/AleoRegular.svg#AleoRegular') format('svg');
}

* { 0; padding:0; }

body { 12px; Raleway; font-weight: 400; color: #000; text-align: left; background: #fff u rl(http://domain.pk/flat/skin/frontend/flaton/ma_flaton3/images/patten_home3.png); }
.container { background: #fff; box-shadow: 0 0 7px 0px #ddd;}
img { border:0; vertical-align:top; }

a { color:#0099B9; text-decoration: none; }
a:hover { text-decoration: none; color: #01c3c2; }
:focus { outline: none; }
a:focus { outline: none !important; }

img { max-width: 100%; height: auto;}

.product-image { display: block; }
.product-image img { width: 100%;}
/* Headings */
h1,h2,h3,
h4,h5,h6 { 0 0 5px; 1.35; color:#222; }
h1 { 20px; font-weight:normal; }
h2 { 18px; font-weight:normal; }
h3 { 16px; font-weight:bold; }
h4 { 14px; font-weight:bold; }
h5 { 12px; font-weight:bold; }
h6 { 11px; font-weight:bold; }

/* Forms */
form { display:inline; }
fieldset { border:0; }
legend { display:none; }

/* Table */
table { border:0; /*border-collapse:collapse;*/ border-spacing:0; empty-cells:show; 100%; }
caption,th,td { vertical-align:top; text-align:left; font-weight:normal; }

/* Content */
p { 0 0 10px; Arial; 12px; color: #848484; }
strong { font-weight:bold; }
address { font-style:normal; 1.35; }
cite { font-style:normal; }
q,
blockquote { quotes:none; }
q:before,
q:after { content:''; }
small,big { 1em; }
/*sup { 1em; vertical-align:top; }*/

/* Lists */
ul,ol { list-style:none; 0;}

/* Tools */
.hidden { display:block !important; border:0 !important; 0 !important; padding:0 !important; 0 !important; 0 !important; width:0 !important; height:0 !important; overflow:hidden !important; }
.nobr { white-space:nowrap !important; }
.wrap { white-space:normal !important; }
.a-left { text-align:left !important; }
.a-center { text-align:center !important; }
.a-right { text-align:right !important; }
.v-top { vertical-align:top; }
.v-middle { vertical-align:middle; }
.f-left,
.left { float:left !important; }
.f-right,
.right { float:right !important; }
.f-none { float:none !important; }
.f-fix { float:left; width:100%; }
.no-display { display:none; }
.no-margin { 0 !important; }
.no-padding { padding:0 !important; }
.no-bg { background:none !important; }
/* ======================================================================================= */
/* sale---new */
.product_icon { position: absolute; top: 10px; left: 10px; }
.new-icon { display: block; text-align: center; 27px; padding: 0 10px; 12px; font-weight: 700; color: #fff; text-transform: uppercase; background: #e95668; position: relative; }
.new-icon:after { content: ""; width: 10px; height: 100%; position: absolute; right: -10px; top: 0; display: block; border-width: 13px 10px 13px 0; border-style: solid; border-color: transparent; border-top-color: #e95668; border-bottom-color: #e95668; }

.sale-icon { display: block; text-align: center; 27px; padding: 0 10px; 12px; font-weight: 700; color: #fff; text-transform: uppercase; background: #0099B9; position: relative; }
.sale-icon:after { content: ""; width: 10px; height: 100%; position: absolute; right: -10px; top: 0; display: block; border-width: 13px 10px 13px 0; border-style: solid; border-color: transparent; border-top-color: #0099B9; border-bottom-color: #0099B9; }

.new-icon span,
.sale-icon span { }

/* Layout ================================================================================ */
.wrapper { }
.page {}
.page-print { background:#fff; padding:25px 30px; text-align:left; }
.page-empty { background:#fff; padding:20px; text-align:left; }
.page-popup { background:#fff; padding:25px 30px; text-align:left; }
.main { 30px auto 0; min-height:400px; padding: 0; text-align:left; }
.cms-index-index .main .std { position: relative; z-index: 9; 10px 0 0; }
.cms-index-index .main-container { 0 0 50px; }

/* Base Columns */
.col-left { }
.col-main { }
.col-right { }

/* 1 Column Layout */
.col1-layout .col-main { float:none; width:auto; }

/* 2 Columns Layout */
.col2-left-layout .col-main { }
.col2-right-layout .col-main {}

/* 3 Columns Layout */
.col3-layout .col-main { }
.col3-layout .col-wrapper { }
.col3-layout .col-wrapper .col-main { }

/* Content Columns */
.col2-set .col-1 { float:left; width:48.5%; }
.col2-set .col-2 { float:right; width:48.5%; }
.col2-set .col-narrow { width:32%; }
.col2-set .col-wide { width:65%; }

.col3-set .col-1 { float:left; width:32%; }
.col3-set .col-2 { float:left; width:32%; 2%; }
.col3-set .col-3 { float:right; width:32%; }

.col4-set .col-1 { float:left; width:23.5%; }
.col4-set .col-2 { float:left; width:23.5%; 0 2%; }
.col4-set .col-3 { float:left; width:23.5%; }
.col4-set .col-4 { float:right; width:23.5%; }
/* ======================================================================================= */

/* Global Styles ========================================================================= */
/* Form Elements */
input,select,textarea,button {
12px;
vertical-align:middle;
color:#2f2f2f;
background:#fff;
}
input.input-text,select,textarea { background:#fff; border:1px solid #ddd; }
input.input-text,textarea { padding: 5px; height: 34px; width: 260px; }
select { padding:1px; height: 36px; 13px; color: #9e9e9e; }
select option { padding-right:10px; }
select.multiselect option { border-bottom:1px solid #b6b6b6; padding:2px 5px; }
select.multiselect option:last-child { border-bottom:0; }
textarea { overflow:auto; }
input.radio { 3px; auto;}
input.checkbox { 3px; }
input.qty { width: 50px !important; text-align:center;}
button.button::-moz-focus-inner { padding:0; border:0; } /* FF Fix */
button.button { -webkit-border-fit:lines; } /* <- Safari & Google Chrome Fix */
button.button { overflow:visible; width:auto; border:0; padding:0; 0; background: none; cursor:pointer; }
button.button:hover { }
button.button span { display: block;}
button.button span span { 32px; padding: 0 20px; display: block; text-transform: uppercase; color: #787878; 12px; border: 1px solid #ddd; border-radius: 16px; }
button.button:hover span span { background: #0099B9; color: #fff; border-color: #0099B9; }

button.btn-cart span span:before { }
button.disabled span { border-color:#bbb !important; background:#bbb !important; }

button.btn-checkout span span { background-position:100% 0; padding: 6px 25px; }
button.btn-checkout.no-checkout span { background-position:0 100%; color:#b8baba; }
button.btn-checkout.no-checkout span span { background-position:100% 100%; }

p.control input.checkbox,
p.control input.radio { 6px; }
/* Form Highlight */
input.input-text:focus,select:focus,textarea:focus { }
/*.highlight { background:#efefef; }*/

/* Form lists */
/* Grouped fields */
/*.form-list { width:535px; 0 auto; overflow:hidden; }*/
.form-list li { 0 0 8px; }
.form-list label { float:left; color:#000; font-weight: 700; text-transform: capitalize; position:relative; z-index:0; 12px; }
.form-list label.required {}
.required { color: #f22e3b;}
.form-list label.required em { float:right; font-style:normal; color:#f22e3b; position:absolute; top:0; right:-8px; arial; }
.form-list li.control label { float:none; }
.form-list li.control input.radio,
.form-list li.control input.checkbox { 6px; float: left; }
.form-list li.control .input-box { clear:none; display:inline; width:auto; }
/*.form-list li.fields { -15px; }*/
.form-list .input-box { display:block; clear:both; width: 95%; }
.form-list .field { float:left; width:275px; }
.form-list input.input-text { width: 100%; }
.form-list textarea { width:254px; height:10em; }
.form-list select { width:100%; }
.form-list li.wide .input-box { width:535px; }
.form-list li.wide input.input-text { width:529px; }
.form-list li.wide textarea { width:529px; }
.form-list li.wide select { width:535px; }
.form-list li.additional-row { border-top:1px solid #ccc; 10px; padding-top:7px; }
.form-list li.additional-row .btn-remove { float:right; 5px 0 0; }
.form-list .input-range input.input-text { width:74px; }

.form-list-narrow li { 0; }
.form-list-narrow li .input-box { 6px; }
.form-list-narrow li.wide .input-box { width:260px; }
.form-list-narrow li.wide input.input-text,
.form-list-narrow li.wide textarea { width:254px }
.form-list-narrow li.wide select { width:260px; }

/* Customer */
.form-list .customer-name-prefix .input-box,
.form-list .customer-name-suffix .input-box,
.form-list .customer-name-prefix-suffix .input-box,
.form-list .customer-name-prefix-middlename .input-box,
.form-list .customer-name-middlename-suffix .input-box,
.form-list .customer-name-prefix-middlename-suffix .input-box { width:auto; }

.form-list .name-prefix { width:65px; }
.form-list .name-prefix select { width:55px; }
.form-list .name-prefix input.input-text { width:49px; }

.form-list .name-suffix { width:65px; }
.form-list .name-suffix select { width:55px; }
.form-list .name-suffix input.input-text { width:49px; }

.form-list .customer-name-prefix-middlename-suffix .name-firstname,
.form-list .customer-name-prefix-middlename .name-firstname { width:140px; }
.form-list .customer-name-prefix-middlename-suffix .name-firstname input.input-text,
.form-list .customer-name-prefix-middlename .name-firstname input.input-text { width:124px; }
.form-list .customer-name-prefix-middlename-suffix .name-lastname { width:205px; }
.form-list .customer-name-prefix-middlename-suffix .name-lastname input.input-text { width:189px; }

.form-list .customer-name-prefix-suffix .name-firstname { width:210px; }
.form-list .customer-name-prefix-suffix .name-lastname { width:205px; }
.form-list .customer-name-prefix-suffix .name-firstname input.input-text,
.form-list .customer-name-prefix-suffix .name-lastname input.input-text { width:189px; }

.form-list .customer-name-prefix-suffix .name-firstname { width:210px; }
.form-list .customer-name-prefix-suffix .name-lastname { width:205px; }
.form-list .customer-name-prefix-suffix .name-firstname input.input-text,
.form-list .customer-name-prefix-suffix .name-lastname input.input-text { width:189px; }

.form-list .customer-name-prefix .name-firstname,
.form-list .customer-name-middlename .name-firstname,
.form-list .customer-name-middlename .name-middlename { width:210px; }

.form-list .customer-name-suffix .name-lastname,
.form-list .customer-name-middlename .name-firstname,
.form-list .customer-name-middlename .name-middlename,
.form-list .customer-name-middlename-suffix .name-firstname,
.form-list .customer-name-middlename-suffix .name-lastname { width:205px; }

.form-list .customer-name-prefix .name-firstname input.input-text,
.form-list .customer-name-suffix .name-lastname input.input-text,
.form-list .customer-name-middlename .name-firstname input.input-text,
.form-list .customer-name-middlename .name-middlename input.input-text,
.form-list .customer-name-middlename-suffix .name-firstname input.input-text,
.form-list .customer-name-middlename-suffix .name-lastname input.input-text { width:189px; }

.form-list .customer-dob .dob-month,
.form-list .customer-dob .dob-day,
.form-list .customer-dob .dob-year { float:left; width:85px; }
.form-list .customer-dob input.input-text { display:block; width:74px; }
.form-list .customer-dob label { 10px; font-weight:normal; color:#888; }
.form-list .customer-dob .dob-day,
.form-list .customer-dob .dob-month { width:60px; }
.form-list .customer-dob .dob-day input.input-text,
.form-list .customer-dob .dob-month input.input-text { width:46px; }
.form-list .customer-dob .dob-year { width:140px; }
.form-list .customer-dob .dob-year input.input-text { width:134px; }

/* Independent fields */
/*.form-list li { 0 0 8px; }
.form-list li.fields { 0; }
.form-list .field { display:block; 0 0 8px; }
.form-list li.control {}
.form-list label { float:left; width:150px; padding:2px 10px 0 0; text-align:right; }
.form-list label.required { font-weight:bold; }
.form-list label.required em { font-variant:normal; color:#eb340a; 3px; }
.form-list .input-box { float:left; width:260px; }
.form-list input.input-text,
.form-list textarea { width:254px; }
.form-list select { width:260px; }
.form-list li.additional-row { border-top:1px solid #ddd; 10px; }
.form-list li.additional-row .btn-remove { float:right; 5px 5px 0 0; }
.form-list .input-range input.input-text { width:96px; }*/
/* Customer */
/*.form-list .customer-dob .dob-month,
.form-list .customer-dob .dob-day,
.form-list .customer-dob .dob-year { float:left; width:85px; }
.form-list .customer-dob input.input-text { display:block; width:74px; }
.form-list .customer-dob label { 11px; font-weight:normal; color:#777; text-align:left; }
.form-list .customer-dob .dob-day,
.form-list .customer-dob .dob-month { width:60px; }
.form-list .customer-dob .dob-day input.input-text,
.form-list .customer-dob .dob-month input.input-text { width:46px; }
.form-list .customer-dob .dob-year { width:140px; }
.form-list .customer-dob .dob-year input.input-text { width:134px; }*/

.buttons-set { clear:both; 4em 0 0; padding:8px 0 0; border-top:1px solid #e4e4e4; text-align:right; }
.buttons-set p.required { 0 0 10px; }
.buttons-set .back-link { float:left; 0; }
.buttons-set button.button { clear: both; }

.buttons-set-order { 10px 0 0; }
.buttons-set-order .please-wait { padding:12px 7px 0 0; }

.fieldset { border:1px solid #ddd; background:#fff; padding:22px 25px 12px 33px; 28px 0; }
.fieldset .legend { float:left; font-style: italic; 13px; border:1px solid #ddd; background:#fff; color:#333; -33px 0 0 -10px; padding: 3px 8px; position:relative; }

/* Form Validation */
#newsletter_pop_up .validation-advice { position: absolute; }
.validation-advice { clear:both; min-height:13px; 3px 0 0; padding-left:17px; 11px; font-weight:bold; 13px; background:u rl(http://domain.pk/flat/skin/frontend/flaton/ma_flaton3/images/validation_advice_bg.gif) 2px 0 no-repeat; color:#eb340a; }
.validation-failed { border:1px dashed #eb340a !important; background:#faebe7 !important; }
.validation-passed {}
p.required { 11px; text-align:right; color:#e95668; arial; }
/* Expiration date and CVV number validation fix */
.v-fix { float:left; }
.v-fix .validation-advice { display:block; width:12em; -12em; position:relative; }

/* Global Messages */
.success { color:#3d6611; font-weight:bold; }
.error { color:#df280a; font-weight:bold; }
.notice { color:#e26703; }

.messages,
.messages ul { list-style:none !important; 0 !important; padding:0 !important; }
.messages { width:100%; overflow:hidden; }
.messages li { 0 0 10px !important; }
.messages li li { 0 0 3px !important; }
.error-msg,
.success-msg,
.note-msg,
.notice-msg { border-style:solid !important; border-width:1px !important; background-position:10px 9px !important; background-repeat:no-repeat !important; min-height:24px !important; padding:8px 8px 8px 32px !important; 11px !important; font-weight:bold !important; }
.error-msg { border-color:#f16048; background-color:#faebe7; background-image:u rl(http://domain.pk/flat/skin/frontend/flaton/ma_flaton3/images/i_msg-error.gif); color:#df280a; }
.success-msg { border-color:#446423; background-color:#eff5ea; background-image:u rl(http://domain.pk/flat/skin/frontend/flaton/ma_flaton3/images/i_msg-success.gif); color:#3d6611; }
.note-msg,
.notice-msg { border-color:#fcd344; background-color:#fafaec; background-image:u rl(http://domain.pk/flat/skin/frontend/flaton/ma_flaton3/images/i_msg-note.gif); color:#3d6611; }

/* BreadCrumbs */
.breadcrumbs { 14px; 33px; padding: 15px 0; border-bottom: 1px solid #ddd; }
.breadcrumbs li { display:inline; capitalize; }
.breadcrumbs li strong, .breadcrumbs li a:hover { font-weight: normal; color: #0099B9; 14px; text-transform: capitalize; text-decoration: none; }
.breadcrumbs li a { 14px; text-transform: capitalize; text-decoration: none; color: #373737; }
.breadcrumbs li span { padding: 0 10px; display: inline-block; 0; 0;}
.breadcrumbs li span:before { content:"\f105"; FontAwesome; color: #000; 14px; display: block; 8px; }
/* Page Heading */
.page-title { overflow:hidden; 0 0 25px; border: 0; }
.page-title h1,
.page-title h2 { text-transform: uppercase;
font-weight: 700;
24px; color: #373737; 0; }
.page-title .separator { 0 3px; }
.page-title .link-rss { float:right; 7px 0 0; }
.title-buttons { text-align:right; }
.title-buttons h1,
.title-buttons h2,
.title-buttons h3,
.title-buttons h4,
.title-buttons h5,
.title-buttons h6 { float:left; }

/* Pager */
.pager { text-align:center; 0; float: left; width: 50%; }
.pager select { font-style: normal; color: #777; height: 30px; 14px; }
.pager .amount { float:left; 4px 30px 0 0; }

.pager .pages { 15px; display: none; }
.pager .pages strong { font-weight: normal; color: #363636; text-transform: capitalize; 14px; display: none;}
.pager .pages ol { display:inline; }
.pager .pages li { float: left; 0 0 0 5px; 16px; 43px; background: #f5f5f5; color: #393939; display: block; width: 49px; height: 49px; font-weight: 700; }
.pager .pages li:last-child { }
.pager .pages .current, .pager .pages li a:hover { background: #fff; border: 3px solid #333; }
.pager .pages li a { 16px; color: #363636; display: block; display: blcok; font-weight: 700; width: 49px; height: 49px; border: 3px solid transparent; }

.pager .pages li a.next,
.pager .pages li a.previous
{ 0;}
.pager .pages li a.next:before { 14px; FontAwesome; content: "\f105"; display: block; }
.pager .pages li a.previous:before { 14px; FontAwesome; content: "\f104"; display: block; }

.pager .view-mode { 0 50px 0 0; float: left; }
.pager .view-mode label{ float: left; 0 5px 0 0; display: none; }
.pager .view-mode span{ height: 16px; float:left; 2px 5px 0 0; }
.pager .view-mode .grid, .pager .view-mode .list { 0; }
.pager .view-mode .grid:before, .pager .view-mode .list:before { display: block; FontAwesome; 18px; text-align: center; color: #959595; border-radius: 5px; 31px; width: 29px; height: 29px; text-align: center; }
.pager .view-mode .grid:before { content:"\f009";}
.pager .view-mode .list:before { content:"\f00b";}
.pager .view-mode strong.grid:before,
.pager .view-mode a.grid:hover:before{ background: #0099B9; color: #fff; }
.pager .view-mode a.list:before { }
.pager .view-mode strong.list:before,
.pager .view-mode a.list:hover:before{ background: #0099B9; color: #fff; }

.pager .view-mode .list { float: left; 5px; color: #ccc; font-weight: normal; }
.pager .view-mode .grid { float: left; color: #ccc; font-weight: normal; }

.pager li > a, .pager li > span { display: inline; padding: 0; background: none; border: none; border-radius: 0; }

.pager .sort-by { float: right; 0; }
.pager .sort-by label { vertical-align:middle; 0;}
.pager .sort-by select { padding: 0 15px; 0; border-radius: 15px; vertical-align:middle; height: 28px; display: inline-block; 14px; border: 1px solid #e5e5e5; }
.pager .sort-by a{ display: inline-block;}

/* Sorter */
.sorter { width: 50%; float: right; }
.sorter .view-mode { float:left; 0; }
.sorter .view-mode a { text-decoration: none; }

.sorter .limiter { float: left; 14px; 20px; }
.sorter .limiter .limiter-inner { display: inline-block; padding-right: 5px;}
.sorter .limiter label { vertical-align:middle; 0; }
.sorter .limiter select { padding:0 15px; 0 ; border-radius: 15px; vertical-align:middle; border: 1px solid #e5e5e5; height: 28px; }

.sorter .pages { float: right; }
.sorter .pages strong { display: none; }
.sorter .pages ol li { display: inline-block; 14px; 29px; padding: 0 5px; }
.sorter .pages ol li a{ display: block; color: #373737; height: 29px; }
.sorter .pages ol li.current,
.sorter .pages ol li a:hover { color: #0099B9; }
.sorter .pages ol li a.previous,
.sorter .pages ol li a.next { 0; }
.sorter .pages ol li a.previous:before { 14px; FontAwesome; content:"\f100"; }
.sorter .pages ol li a.next:before { 14px; FontAwesome; content:"\f101"; }

/* Toolbar */

.toolbar { overflow: hidden; 0 ; padding: 7px 0; border-top: 1px solid #ddd; border-bottom: 1px solid #ddd; }
.toolbar a { }
.toolbar label { font-weight: normal; text-transform: capitalize; color: #777; 14px; 30px; font-weight: 300;}
.toolbar-bottom { 30px; }

/* Data Table */
.data-table { width:100%; border:1px solid #eee; }
.data-table .odd { }
.data-table .even { }
/*.data-table tr.odd:hover,
.data-table tr.even:hover { background:#ebf1f6; }*/
.data-table td.last,
.data-table th.last { }
.data-table tr.last th,
.data-table tr.last td { }
.data-table th { padding: 6px 10px; font-weight:bold; }
.data-table td { padding: 6px 10px; }
#review-form .data-table thead th { border: 0; background: #363636; color: #fff;}
.data-table thead th { font-weight: normal; border-right: 1px solid #e5e5e5; border-bottom: 1px solid #e5e5e5; padding: 10px; 13px; color:#000; white-space:nowrap; vertical-align:middle; text-align: center; text-transform: capitalize;}
.data-table thead th.wrap { white-space:normal; }
.data-table thead th a,
.data-table thead th a:hover { color:#fff; }
.data-table thead th .tax-flag { 11px; white-space:nowrap; }

.data-table tfoot { border-bottom:1px solid #d7d7d7; }
.data-table tfoot tr.first td { }
.data-table tfoot tr { }
.data-table tfoot td { padding-top:1px; padding-bottom:1px; border-bottom:0; border-right:1px solid #d7d7d7; }
.data-table tfoot strong { 16px; text-transform: uppercase; font-weight: normal; }

.data-table tbody th,
.data-table tbody td { border-bottom:1px solid #e5e5e5; border-right:1px solid #e5e5e5; vertical-align: middle; }
/* Bundle products tables */
.data-table tbody.odd tr { background:#f8f7f5 !important; }
.data-table tbody.even tr { background:#f6f6f6 !important; }
.data-table tbody.odd tr td,
.data-table tbody.even tr td { border-bottom:0; }
.data-table tbody.odd tr.border td,
.data-table tbody.even tr.border td { border-bottom:1px solid #d9dde3; }

.data-table tbody td .option-label { font-weight:bold; font-style:italic; }
.data-table tbody td .option-value { padding-left:10px; }

/* Generic Info Box */
.info-box { background:#fff u rl(http://domain.pk/flat/skin/frontend/flaton/ma_flaton3/images/bkg_block-title.gif) 0 0 repeat-x; border:1px solid #d0cbc1; padding:12px 15px; 0 0 15px; }
.info-box h2 { font-weight:bold; 13px; }

.info-table th { font-weight:bold; padding:2px 15px 2px 0; }
.info-table td { padding:2px 0; }

/* Shopping cart total summary row expandable to details */
tr.summary-total { cursor:pointer; }
tr.summary-total td {}
tr.summary-total .summary-collapse { float:right; text-align:right; padding-left:20px; background:u rl(http://domain.pk/flat/skin/frontend/flaton/ma_flaton3/images/bkg_collapse.gif) 0 5px no-repeat; cursor:pointer; }
tr.show-details .summary-collapse { background-position:0 -52px; }
tr.show-details td {}
tr.summary-details td { 11px; background-color:#dae1e4; color:#626465; }
tr.summary-details-first td { border-top:1px solid #d2d8db; }
tr.summary-details-excluded { font-style:italic; }

/* Shopping cart tax info */
.cart-tax-info { display:block; }
.cart-tax-info,
.cart-tax-info .cart-price { padding-right:20px; }
.cart-tax-total { display:block; padding-right:20px; background:u rl(http://domain.pk/flat/skin/frontend/flaton/ma_flaton3/images/bkg_collapse.gif) 100% 5px no-repeat; cursor:pointer; }
.cart-tax-info .price,
.cart-tax-total .price { display:inline !important; font-weight:normal !important; }
.cart-tax-total-expanded { background-position:100% -52px; }

/* Class: std - styles for admin-controlled content */
.std .subtitle { padding:0; }
.std ol.ol { list-style:decimal outside; }
.std ul.disc { list-style:disc outside; 0 0 10px; }
.std dl dt { font-weight:bold; }
.std dl dd { 0 0 10px; }
.std ul,
.std ol,
.std dl,
.std p,
.std address,
.std blockquote { }
.std ul { list-style:disc outside; }
.std ol { list-style:decimal outside; }
.std ul ul { list-style-type:circle; }
.std ul ul,
.std ol ol,
.std ul ol,
.std ol ul { }
.std dt { font-weight:bold; }
.std dd { }
.std blockquote { font-style:italic; }
.std address { font-style:normal; }
.std b,
.std strong { font-weight:bold; }
.std i,
.std em { font-style:italic; }
li { list-style: none;}

/* Misc */
.links li { display:inline; }
.links li.first { padding-left:0 !important; }
.links li.last { background:none !important; }

.link-cart { }
.link-wishlist { 26px; 13px; }

.link-reorder { }
.link-compare { 26px; 13px; }
.link-print { /*background:u rl(http://domain.pk/flat/skin/frontend/flaton/ma_flaton3/images/i_print.gif) 0 2px no-repeat; padding:2px 0 2px 25px;*/ font-weight:bold; color:#dc6809; }
.link-rss { background:u rl(http://domain.pk/flat/skin/frontend/flaton/ma_flaton3/images/i_rss.gif) 0 2px no-repeat; padding-left:18px; 14px; white-space:nowrap; }
.btn-remove { display:block; width:15px; height:15px; 0; 0; background:#404040 u rl(http://domain.pk/flat/skin/frontend/flaton/ma_flaton3/images/btn_remove.png) 0 0 no-repeat; -999em; overflow:hidden; }
.btn-remove:hover { background-color: #0099B9; }
.btn-previous { display:block; width:11px; height:11px; 0; 0; background:u rl(http://domain.pk/flat/skin/frontend/flaton/ma_flaton3/images/btn_previous.gif) 0 0 no-repeat; -999em; overflow:hidden; }
.btn-remove2 { display:block; width:30px; height:30px; 0; 0; background: none; overflow:hidden; auto; }
.btn-remove2:before { content: "\f00d"; FontAwesome; 18px; 18px; display: block; color: #ff4242;}
.btn-remove2:hover:before { color: #0099B9; }
.btn-edit { display:block; width:11px; height:11px; 0; 0; background:u rl(http://domain.pk/flat/skin/frontend/flaton/ma_flaton3/images/btn_edit.gif) 0 0 no-repeat; -999em; overflow:hidden; }

.cards-list dt { 5px 0 0; }
.cards-list .offset { padding:2px 0 2px 20px; }

.separator { 0 3px; }

.divider { clear:both; display:block; 0; 0; height:1px; 10px 0; background:u rl(http://domain.pk/flat/skin/frontend/flaton/ma_flaton3/images/bkg_divider1.gif) 0 50% repeat-x; -999em; overflow:hidden; }

/* Global site notices */
.global-site-notice { border:1px solid #cfcfcf; border-width:0 0 1px; background:#ffff90; 12px; 1.25; text-align:center; color:#2f2f2f; }
.global-site-notice .notice-inner { width:860px; 0 auto; padding:12px 0 12px 80px; background:u rl(http://domain.pk/flat/skin/frontend/flaton/ma_flaton3/images/i_notice.gif) 20px 25px no-repeat; text-align:left; }
.global-site-notice .notice-inner p { 0; border:1px dotted #cccc73; padding:10px; }
.global-site-notice .notice-inner .actions { padding-top:10px; }

/* Cookie Notice */
.notice-cookie { position:fixed; z-index:9999; width:100%; bottom:0; left:0; 0 !important; opacity:0.95; -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=95)"; /* IE8 */ }

/* Noscript Notice */
.noscript {}

/* Demo Notice */
.demo-notice { 0; padding:6px 10px; background:#d75f07; 12px; 1.15; border:0; text-align:center; color:#fff; }
.demo-notice .notice-inner { width:auto; padding:0; background:none; text-align:center; }
.demo-notice .notice-inner p { padding:0; border:0; }

/* ======================================================================================= */
.toplink-contaner { position: relative; z-index: 9997; 11px; float: left; width: 100%; }

.toplink-contaner .box-left { float: left; }
.toplink-contaner .box-right { float: right; }
.toplink-contaner .box-left .email,
.toplink-contaner .box-left .phone { display: inline-block; color: #757575; arial; 11px; 21px; 9px 20px 9px 0; }
.toplink-contaner .box-left .email label,
.toplink-contaner .box-left .phone label { color: #757575; 0; }
.toplink-contaner .box-left .email:before,
.toplink-contaner .box-left .phone:before { display: inline-block; width: 36px; height: 21px; color: #757575; border: 1px solid #757575; border-radius: 11px; 10px; 19px; FontAwesome; 12px; text-align: center; }
.toplink-contaner .box-left .email:before { content:"\f003";}
.toplink-contaner .box-left .phone:before { content:"\f095";}

p.welcome-msg { 0; 33px; padding: 5px 0; text-align: center; float: left; }

.link-container { position: relative; display: inline-block; padding: 9px 0 8px; cursor: pointer; }
.link-container:hover { }
.link-container .icon-links { display: block; color: #757575; position: relative; 21px; text-transform: uppercase; 11px; }
.link-container .icon-links:after { display: inline-block; 8px; FontAwesome; 14px; content: "\f107"; }
.link-container ul.links { position: absolute; top: 39px; right: 0; border: 1px solid #ddd; opacity: 0;
-webkit-transform: scaleY(0); -moz-transform: scaleY(0); transform: scaleY(0); -webkit-transition: all 0.5s ease-out; -moz-transition: all 0.5s ease-out; transition: all 0.5s ease-out; background: #fff; padding: 5px 15px; border-top: 3px solid #0099B9; }
.link-container:hover ul.links {opacity: 1; -webkit-transform: scaleY(1); -moz-transform: scaleY(1); transform: scaleY(1);}
.link-container ul.links li { display: block; 40px; border-bottom: 1px solid #e5e5e5; }
.link-container ul.links li.last { border-bottom: 0; }
.link-container ul.links li a { display: block; white-space: nowrap; color: #7e7e7e; }
.link-container ul.links li a:hover { color: #0099B9; }

.block-header { float: left; padding: 5px 15px; 33px; arial; 12px;}
.block-header div { float: left; 37px; 11px; }
.block-header div:before { display: block; float: left; width: 16px; height: 37px; 5px; FontAwesome; text-align: center; 14px; 37px; }
.block-header div.email { 15px; padding-right: 15px; border-right: 1px solid #d9d9d9; }
.block-header div.email:before { content:"\f0e0";}
.block-header div.phone:before { content:"\f095";}
.block-header label { }
.block-header p { 0; float: left;}

.language-currency { display: inline-block; }
.language-currency .select-option { position: absolute; top: 39px; right: 0; border: 1px solid #ddd; opacity: 0;
-webkit-transform: scaleY(0); -moz-transform: scaleY(0); transform: scaleY(0); -webkit-transition: all 0.5s ease-out; -moz-transition: all 0.5s ease-out; transition: all 0.5s ease-out; background: #fff; padding: 5px 15px; border-top: 3px solid #0099B9; }

.language-currency li { 40px; border-bottom: 1px solid #e5e5e5; }
.language-currency li:last-child { border-bottom: 0; }
.language-currency li a { white-space: nowrap; display: block; color: #7e7e7e; padding: 0 15px; }
.language-currency li a:hover, .language-currency li.active a { color: #0099B9; }
.language-currency .select-lang { 21px; cursor: pointer; text-transform: uppercase; color: #757575; 11px; arial;}
.language-currency .select-lang:after, .top-link .select-lang:after { content:"\f107"; 14px; display: inline-block; 8px; FontAwesome; }
.language-currency .select-lang img { 10px 5px 0 0; }
.language-currency .select-option img { 14px 5px 0 0; }

.form-language, .currency { display: inline-block; position: relative; padding: 9px 0 8px; 15px; }

/*language-----------------------------------------------------------*/

.form-language:hover .select-option { opacity: 1; -webkit-transform: scaleY(1); -moz-transform: scaleY(1); transform: scaleY(1); }
.form-language { }
.form-language label { display: none;}

 

/*curency-----------------------------------------------------------------------*/
.currency { }
.currency:hover { }
.currency:hover .select-option { opacity: 1; -webkit-transform: scaleY(1); -moz-transform: scaleY(1); transform: scaleY(1);}
/*----------------------------------------------------------------*/

/* Header ================================================================================ */
.header-container { }
.logo-container { }
.header-container a.logo { 0; text-decoration:none !important; display: block; }
.header-container .logo strong { position:absolute; top:-999em; left:-999em; width:0; height:0; 0; 0; -999em; overflow:hidden; }
.header-container h1.logo { 0; }
.header-container .quick-access { }

.header-container .welcome-msg { 12px 0; 19px; padding: 0 15px 0 0; display: none; arial; 12px; }
.header-container .welcome-msg a { color:#ebbc58; }

.header-container .header-content { padding: 0; position: relative; }
.header-container .header-content .block-header-container { padding: 0; }
.header { 0 auto; text-align: center; background: rgba(255,255,255,0.2); position: relative; z-index: 9996; clear: both; }
.header .header-content { padding: 15px 0; position:relative; text-align: center; border-bottom: 1px solid #ddd; }

.header .box-right { float: right; }
#search_mini_form { position: absolute; display: block; right: 0; bottom: -47px; }
.header .form-search { position: relative; auto; z-index: 997; border: 1px solid #ddd; border-radius: 20px; }
.header .form-search .select-input{ float: left; }
.header .form-search label { display: none; }
.header .form-search input.input-text { width: 180px; padding: 0 10px; 24px; height: 24px;display: inline-block; color: #9d9d9d; font-weight: 500; 12px; arial; border: 0; background: none; }
.header .form-search button.button { padding: 0; display: inline-block; }
.header .form-search button.button span { padding: 0; font-weight: normal; text-transform: uppercase; 0; }
.header .form-search button.button span span { padding: 0 10px; border: 0; height: 24px; text-align: center; 27px; background: none; }
.header .form-search button.button span span:before { display: block; content: "\f002"; FontAwesome; 12px; color: #2f2f2f; }
.header .form-search button.button:hover span span:before { color: #0099B9; }

.header .form-search .search-autocomplete ul { border:1px solid #f2f2f2; background: #f2f2f2; }
.header .form-search .search-autocomplete li { text-align:left; border-bottom:1px solid #f2f2f2; padding:2px 8px 1px 8px; cursor:pointer; }
.header .form-search .search-autocomplete li .amount { float:right; font-weight:bold; }
.header .form-search .search-autocomplete li.odd { background-color:#f2f2f2; }
.header .form-search .search-autocomplete li.selected { background-color:#1b7a90; }

.highlight_search{
color:red;
}
#search_complete{
font: 12px/1.55 Arial, Helvetica, sans-serif;
text-transform: capitalize;
}
.search-autocomplete{
position:absolute;
}
#search_autocomplete .product_info{
overflow: hidden;
zoom: 1;
0

}
#search_complete li{padding: 10px 0;border-bottom: 1px solid #eee}
#search_complete li:last-child{border: none}
#search_complete li img{ display: block;border: 1px solid #eee; 10px}
#search_complete li div{
5px;
}
.loading_image_search{
z-index: 9999999;
0px;
position: absolute;
right: 0;
top: 41px;
-16px;
-16px;
}
.header .form-search .search-autocomplete {
z-index: 999;
right: 0 !important;
top: 25px !important;
border: 1px solid #eee;
background-color: #fff;
padding: 10px;
box-shadow: 0 0 4px 0 rgba(0, 0, 0, 0.14);
width: 300px; display: none !important;
}

/* block support client */

.support-client { 40px; }
.support-client .box-container { text-align: left; color: #898989; }
.support-client .box-container:before { float: left; FontAwesome; 30px; 31px; text-align: center; }
.support-client .box-container .box-inner { 45px; }
.support-client .box-container.time:before { content:"\f017"; }
.support-client .box-container.free-shipping:before { content:"\f0d1"; }
.support-client .box-container.money-back:before { content:"\f0d6"; }
.support-client .box-container.phone:before { content:"\f098"; }
.support-client h1{ text-transform: uppercase; font-weight: 700; color: #7e7e7e; 16px; 0; 20px; }
.support-client p { 0; 12px; }

/* search by category */

.header .form-search #cat { width: 120px; float:left; height: 35px; text-align: left; padding: 0 7px; text-transform: capitalize; }

.header .form-search label { width: 22px; float: left; }
.btn-group.bootstrap-select { display: block !important;}
.btn-group.bootstrap-select {
display: block !important;
}
.form-search .bootstrap-select.btn-group{ float: left !important; width: 149px !important; }
.form-search .btn-default { background: none; border: none; padding: 0; box-shadow: none; }
.form-search .btn-default:hover { background: none;}
.bootstrap-select>.btn { padding-right: 12px; border-right: 2px solid #e1e1e1; 9px 0; border-radius: 0; }
.form-search .bootstrap-select .btn:focus { outline: 0 !important; }
.btn-group.open .dropdown-toggle { background: none; box-shadow: none; padding-right: 25px;}
.form-search .dropdown-menu { top: 56px; height: 300px !important; border-top-color: #e5e5e5 !important; text-transform: capitalize; text-align: left; border-radius: 0 0 4px 4px; box-shadow: none; right: -1px !important; padding: 0 ; 0; }
.bootstrap-select.btn-group .btn .filter-option { 13px; font-weight: normal; padding-left: 15px; text-transform: capitalize; 28px; display: block; }
.header .form-search .dropdown-toggle:focus { outline: none !important;}
.bootstrap-select.btn-group .btn .caret { width: 20px; -14px !important; border: 0; }
.bootstrap-select.btn-group .btn .caret:before { content:"\f0d7"; FontAwesome; 14px; color: #222; display: inline-block; 28px; }

.top-cart-wrapper {
position: absolute; top: 50%; -24px; right: 0; z-index: 999; height: 47px;
cursor: pointer; border-bottom: 1px solid rgba(255,255,255,0.2);

}

.top-cart-contain {
}
.top-cart-contain .count-item { position: absolute; width: 22px; height: 22px; display: block; border-radius: 100%; color: #fff; arial; 11px; 22px; text-align: center; top: 2px; right: 0;
background: #0099B9;
}
.top-cart-title {
padding: 0;
vertical-align: top;
text-align: center;
0;
position: relative;
14px;
color: #222;
}

.top-cart-title .price { font-weight: 700; }
.top-cart-title a { 0; width: 50px; height: 47px; display: block; background: u rl(http://domain.pk/flat/skin/frontend/flaton/ma_flaton3/images/topcart.png) no-repeat 50% 50%; }
.top-cart-title a:hover { text-decoration: none; }

.top-cart-content {
display: none;
width: 290px;
position: absolute;
top: 47px;
right: 0;
background: #fff; border: 1px solid #0099B9;
padding: 20px;
text-align: left;
}
#cart-sidebar { overflow: hidden;}

.top-subtotal {
15px 0 0;
padding: 15px 10px; text-transform: capitalize; 13px; color: #333;
border-top: 1px solid #e5e5e5; border-bottom: 1px solid #e5e5e5;
}
.top-subtotal .price { 30px; 14px; }
.top-cart-content li.item{ float:left; width:100%; 0 0 15px; padding: 0 0 15px; }
.top-subtotal .price { color: #0099B9; float: right; }
.top-cart-content li.item.last { border: 0; 0; padding: 0;}
.top-cart-content .product-details { position:relative; }
.top-cart-content .product-details .btn-remove{ position:absolute; right: 0; top:4px; }
.top-cart-content .product-details .btn-edit{ position:absolute; right: 19px; top:4px; }

.top-cart-content .actions {
padding: 0;
20px 0 0;
}
.top-cart-content .actions button.button { display: block; width: 100%;}
.top-cart-content .actions button.button span span { color: #fff; 14px; background: #9b9b9b; padding: 5px 20px; }
.top-cart-content .actions button.button:hover span span { background: #0099B9; }

.top-cart-contain .product-details .price { color: #0099B9; 15px; width: auto;}

/********** < Navigation */
.nav-container { padding: 0; }

#nav { width:918px; 0 auto; padding:0 16px; 13px; }

.pt_custommenu div.pt_menu .parentMenu a,
.pt_custommenu div.pt_menu .parentMenu span.block-title{
12px;
text-decoration: none;
display:block;
28px;
color: #757575; font-weight: 700;
text-transform: uppercase; padding: 0 15px; border: 1px solid transparent;
border-radius: 16px; 0 5px;

}

.pt_custommenu div#pt_menu_pt_item_menu_custom_menu .parentMenu span.block-title { border: 0; cursor: pointer; }

.pt_custommenu div.pt_menu .parentMenu a:hover,
.pt_custommenu div.pt_menu .parentMenu span.block-title:hover,
.pt_custommenu #pt_menu_link .parentMenu ul li a.act,
.pt_custommenu #pt_menu_link .parentMenu ul li a:hover,
.pt_custommenu div.pt_menu.act .parentMenu a, .pt_custommenu div.pt_menu.active .parentMenu a {
border-color: #0099B9;
}

.pt_custommenu div.pt_menu.pt_menu_no_child .parentMenu a:after,
.pt_custommenu #pt_menu_link ul li a:after,
.pt_custommenu #pt_menu_home .parentMenu a:after {
display: none;
}

.pt_custommenu div.pt_menu.act .parentMenu, .pt_custommenu div.pt_menu.active .parentMenu, .pt_custommenu div.pt_menu .parentMenu:hover {

}

.pt_custommenu .itemMenu h4.level1,
.pt_custommenu .itemMenu a.level1{
14px;
text-transform: capitalize; font-weight: 700;
color: #000;
border-bottom: 1px solid #c2c2c2;
cursor: pointer;
25px;
}
.pt_custommenu .itemMenu h4.level1:hover,
.pt_custommenu .itemMenu a.level1:hover {
color: #0099B9;
}

.pt_custommenu .itemSubMenu h4,
.pt_custommenu .itemSubMenu a{
color: #4b4b4b;
12px;
text-transform: none;
font-weight: normal;
text-transform: capitalize;
cursor: pointer;
arial;
20px;
}
.pt_custommenu .itemSubMenu a:hover { color: #0099B9; }

.pt_custommenu {
position:relative;
z-index: 111;
14px;
padding-right: 200px;
text-align: left;
}
.pt_custommenu div.pt_menu {
display: inline-block;
}
.pt_custommenu div.pt_menu .parentMenu { padding: 18px 0 ; position: relative; }
.pt_custommenu #pt_menu_home .parentMenu a { 0; }
.pt_custommenu div.popup {
position:absolute;
z-index:3000;
background-color:#fff;
text-align:left;
padding: 40px;
0; border: 1px solid #ddd;
box-shadow: 0 3px 5px rgba(0,0,0,0.3);
}

.pt_custommenu div.popup a {
text-decoration: none;
12px; arial;
display:block;
32px; color: #7f7f7f; text-transform: capitalize;
}

 

.pt_custommenu div.popup a.actParent {
color: #0099B9;
}
.pt_custommenu div.popup a.act {
color: #0099B9 !important;
}
.pt_custommenu div.column {
float:left;
width: 200px; /* column width */
30px;
}
.pt_custommenu div.column.last {
border-right: 0 none;
0;
padding-right: 0;
}
.pt_custommenu div.itemSubMenu {
20px;
}
.pt_custommenu div.itemSubMenu .itemMenu { 10px; }
.pt_custommenu .block2{
10px;
float: left;
}
.pt_custommenu .custom-menu { width: 730px; }
.pt_custommenu .custom-menu h1{ 25px; font-weight: 400; text-transform: capitalize; border-bottom: 3px double #f1f1f1; }
.pt_custommenu .custom-menu p{ 15px 0; }
.pt_custommenu .custom-menu .block-bottom a:hover { opacity: 0.7; }
.pt_custommenu div.popup .block1{
overflow: hidden;
float: left;
padding: 0;
border-top: none;
}
.pt_custommenu div.popup .block1 .column{
-99999px;
padding-bottom: 99999px;
}
.pt_custommenu div.popup .blockright img{
max-width: 100%;
}

.pt_custommenu div.pt_menu .parentMenu p{
0;
padding: 0;
}
.pt_custommenu #pt_menu_link{
padding: 0;
}
.pt_custommenu #pt_menu_link .parentMenu { }
.pt_custommenu #pt_menu_link .parentMenu ul li{
display: inline-block;
list-style: none;
position: relative;
}

.pt_custommenu #pt_menu_link .parentMenu ul li a{
display: block; border: 1px solid transparent;
}
.pt_custommenu #pt_menu_link .parentMenu ul li.last a { }
.pt_custommenu .clearBoth {
clear:both;
}

/* All Levels */ /* Style consistent throughout all nav levels */
#nav li { position:relative; text-align:left; }
#nav li.over { z-index:998; }
#nav a,
#nav a:hover { display:block; 1.3em; text-decoration:none; }
#nav span { display:block; cursor:pointer; white-space:nowrap; }
#nav li ul span {white-space:normal; }
#nav ul li.parent a { background:u rl(http://domain.pk/flat/skin/frontend/flaton/ma_flaton3/images/bkg_nav2.gif) 100% 100% no-repeat; }
#nav ul li.parent li a { background-image:none; }

/* 0 Level */
#nav li { float:left; }
#nav li.active a { color:#d96708; }
#nav a { float:left; padding:5px 12px 6px 8px; color:#a7c6dd; font-weight:bold; }
#nav li.over a,
#nav a:hover { color:#d96708; }

/* 1st Level */
#nav ul li,
#nav ul li.active { float:none; 0; padding-bottom:1px; background:#ecf3f6 u rl(http://domain.pk/flat/skin/frontend/flaton/ma_flaton3/images/bkg_nav1.gif) 0 100% repeat-x; }
#nav ul li.last { background:#ecf3f6; padding-bottom:0; }

#nav ul a,
#nav ul a:hover { float:none; padding:0; background:none; }
#nav ul li a { font-weight:normal !important; }

/* 2nd Level */
#nav ul,
#nav div { position:absolute; width:15em; top:27px; left:-10000px; border:1px solid #899ba5; }
#nav div ul { position:static; width:auto; border:none; }

/* 3rd+ Level */
#nav ul ul,
#nav ul div { top:5px; }

#nav ul li a { background:#ecf3f6; }
#nav ul li a:hover { background:#d5e4eb; }
#nav ul li a,
#nav ul li a:hover { color:#2f2f2f !important; }
#nav ul span,
#nav ul li.last li span { padding:3px 15px 4px 15px; }

/* Show menu */
#nav li ul.shown-sub,
#nav li div.shown-sub { left:0; z-index:999; }
#nav li .shown-sub ul.shown-sub,
#nav li .shown-sub li div.shown-sub { left:100px; }
/********** Navigation > */
/* =============================================Mobile Menu ========================================== */

.nav-collapse {
text-align: left;
}
.navbar .nav > li {
padding: 10px 30px 20px 0;
}
#ma-mobilemenu {
height: auto;
display: none;
float: left;
width: 100%;
0;
}

.nav-collapse, .nav-collapse.collapse {

}
.navbar-inner {
background:#fff;
border: 0 !important;
box-shadow: none !important;
padding: 0;

}
.menu-mobile {

float: left;
width: 100%;
padding: 0 2%;
0;
}
.navbar .btn-navbar {
10px;
border: 0 !important;
box-shadow: none !important;
background: u rl("http://domain.pk/flat/skin/frontend/flaton/ma_flaton3/images/bg-menu-mobile.png") no-repeat 50% 50%;
}
.navbar .btn-navbar:hover {background:u rl("http://domain.pk/flat/skin/frontend/flaton/ma_flaton3/images/bg-menu-mobile.png") no-repeat 50% 50% !important; 'helvetica';}
.navbar .btn-navbar .icon-bar {
box-shadow:none !important;
border-radius:0 !important;
background-color:inherit !important;
0;
}
.mobilemenu>li.last a {
border-bottom: 0;
}
.ma-nav-mobile-container { background: #0099B9 !important;}
.navbar { 0; border: 0; }
.navbar .brand {
color: #fff;
text-transform: uppercase;
'helvetica';
}
.mobilemenu {
list-style-type: none;
padding: 0;
0;

}
.collapse.in {

}
.mobilemenu ul {
padding: 0;
0;
float: left;
display: block;
width: 100%;
}
.mobilemenu li {
background: #0099B9;
cursor: pointer;
list-style-type: none;
padding: 0;
0;
float: left;
display: block;
width: 100%;
position: relative;
}
.mobilemenu li.level0.last {

}
.mobilemenu li.active>a {
/*background: u rl('http://domain.pk/flat/skin/frontend/flaton/ma_flaton3/images/close.gif') no-repeat center right;*/
}
.mobilemenu li div {
padding: 20px;
background: #aef;
display: block;
clear: both;
float: left;
width: 360px;
}
.mobilemenu a {
text-decoration: none;
/*font: bold 1.1em/2em Arial, sans-serif;*/
14px;
40px;
font-weight: normal;
color: #fff;
0 15px;
display: block;
text-transform: capitalize;
cursor: pointer;
}
.mobilemenu li.active a, .mobilemenu a:hover {
color: #000;
}

.mobilemenu ul a {
color: #fff !important;
}
.mobilemenu ul a:hover, .mobilemenu ul li.active a {
color: #000 !important;
}

.mobilemenu ul ul a, .mobilemenu ul li.active ul a {
color: #fff !important;
}
.mobilemenu ul ul a:hover, .mobilemenu ul ul li.active a, .mobilemenu ul li.active ul a:hover {
color: #000 !important;
}

.mobilemenu ul ul ul a, .mobilemenu ul ul li.active ul a {
color: #fff !important;
}
.mobilemenu ul ul ul a:hover, .mobilemenu ul ul ul li.active a, .mobilemenu ul ul li.active ul a:hover {
color: #000 !important;
}

.mobilemenu ul ul ul ul a, .mobilemenu ul ul ul li.active ul a {
color: #fff !important;
}
.mobilemenu ul ul ul ul a:hover, .mobilemenu ul ul ul ul li.active a, .mobilemenu ul ul ul li.active ul a:hover {
color: #000 !important;
}

 

.mobilemenu li.parent>a {
/*background: u rl('http://domain.pk/flat/skin/frontend/flaton/ma_flaton3/images/open.gif') no-repeat center right;*/
}

.mobilemenu li ul li {
0.9em;
}
.mobilemenu li.active>ul {

}

.mobilemenu ul a {
padding-left: 25px;
}
.mobilemenu ul ul a {
padding-left: 40px;
}
.mobilemenu ul ul ul a {
padding-left: 55px;
}
.mobilemenu ul ul ul ul a {
padding-left: 70px;
}
.mobilemenu ul ul ul ul ul a {
padding-left: 85px;
}
/*----------- button mobilemenu -------------*/
.mobilemenu span.head {
position: absolute;
top: 13px;
right: 8px;
}
.mobilemenu span.head a {
background: u rl(http://domain.pk/flat/skin/frontend/flaton/ma_flaton3/images/menu_down.png) no-repeat 50% 50%;
color:#333333;
display:block;
height:15px;
padding:0;
width:15px;
border: 0;
}
/*.mobilemenu span.head a:hover*/
.mobilemenu li.active>span.head a {
background: u rl(http://domain.pk/flat/skin/frontend/flaton/ma_flaton3/images/menu_up.png) no-repeat 50% 50%;
}
.mobilemenu li.selected span.head a {
background: u rl(http://domain.pk/flat/skin/frontend/flaton/ma_flaton3/images/menu_up.png) no-repeat 50% 50%;
}

/* Sidebar =============================================================================== */
.block:last-child { }
.block { 0 0 30px; }
.block .block-title { 20px; position: relative; }
.block .block-title:before { position: absolute; top: 50%; left: 0; content:""; width: 100%; height: 1px; background: #ddd; z-index: -1; }

.block .block-title strong { 16px; text-transform: uppercase; display: inline-block; color: #373737; 0; 40px; font-weight: 400; border: 1px solid #0099B9; border-radius: 20px; background-color: #fff; }
.block .block-title strong span { padding: 0 30px; }

.block .block-title a { text-decoration:none !important; }
.block-layered-nav .block-subtitle { 0; padding:5px 0; font-weight: normal; color:#333; text-transform: uppercase; }
.block .block-content { }
.block .block-content li.item { padding: 0; }
.block .block-content .product-name { color:#1e7ec8; }
.block .btn-remove,
.block .btn-edit { float:right; 1px 0 2px 5px; }
.block .actions { text-align:right; 15px; }
.block .actions a { float:left; }
.block .actions button.button { float:right; }
.block .empty { 0; padding:5px 9px; color: #939393; }
.block .category-products { 15px;}
.block .products-grid .item { 0;}

.block li.odd { }
.block li.even { background-color:#fafafa; }

/* Mini Blocks */
.block-cart,
.block-wishlist,
.block-subscribe,
.block-compare,
.block-reorder,
.block-poll,
.block-gr-search,
.block-viewed,
.block-compared,
.block-related,
.block-tags,
.block-login { }
.block-cart .block-title strong,
.block-wishlist .block-title strong,
.block-subscribe .block-title strong,
.block-compare .block-title strong,
.block-reorder .block-title strong,
.block-poll .block-title strong,
.block-viewed .block-title strong,
.block-compared .block-title strong,
.block-related .block-title strong,
.block-tags .block-title strong,
.block-login .block-title strong { background-position:0 0; background-repeat:no-repeat; }

/* Mini Products List */
.mini-products-list .product-image { float:left; width: 80px; }
.mini-products-list .product-details strong{ color: #9d9d9d; arial; text-transform: capitalize; 11px; font-weight: normal; display: block; }
.mini-products-list .product-details .price{ display: block; }
.mini-products-list .product-details { 90px; }
.mini-products-list .product-details .product-name { padding-right: 30px; }

.block-cart .mini-products-list .product-details .product-name,
.block-cart .mini-products-list .product-details .nobr small { word-wrap:break-word; }
.block-cart .mini-products-list .product-details .nobr { white-space:normal !important; }

/* Block: Account */
.block-account { }
.block-account .block-title { }
.block-account .block-title strong { }
.block-account .block-content { background:#fff; padding:7px 10px 7px; }
.block-account .block-content li a { display:block; border-bottom:1px solid #eee; padding: 8px 0; color:#666; text-decoration:none !important; }
.block-account .block-content li a:hover { color:#1b7a90; }
.block-account .block-content li.last a { border-bottom:0; }
.block-account .block-content li.current { border-bottom:1px solid #eee; padding: 5px 0; color:#0099B9; }
.block-account .block-content li.current strong { font-weight: normal; padding: 8px 0; }
.block-account .block-content li.current.last { border-bottom:0; }

/* Block: Currency Switcher */
.block-currency { border:0; padding:7px 12px 10px; height:51px; }
.block-currency .block-title { background:none; border:0; padding:0; 0 0 5px; }
.block-currency .block-title strong { font:bold 13px/21px Arial, Helvetica, sans-serif; padding:0 0 0 21px; text-transform:none; color:#fff; }
.block-currency .block-content { background:none; padding:0; }
.block-currency .block-content select { width:100%; padding:0; }

/* Block: Layered Navigation */
.block-layered-nav { border-bottom: 0; padding: 0; border: 0; background: none; }
.block-layered-nav .block-subtitle { display: none; }
.block-layered-nav .block-content.no-display { display: block; }
.block-layered-nav .block-content .layered { 25px; }
.block-layered-nav .block-content .layered:last-child { 0;}
.block-layered-nav #search_pr button.button { clear: both; 10px; display: block; }
.block-layered-nav #search_pr button.button span { background: none; }
.block-layered-nav #search_pr button.button:hover span { }
.block-layered-nav #search_pr button.button span span{ }
.block-layered-nav #search_pr button.button:hover span span{ color: #0099B9; }
.block-layered-nav h2 { position: relative;
display: block;
14px;
color: #252525;
text-transform: uppercase;
font-weight: 400;
border-bottom: 1px solid #ddd;
26px; }
.block-layered-nav # { 0;}
.block-layered-nav .content-shopby { padding: 0; 20px;}
.block-layered-nav .content-shopby .configurable-swatch-list li { float: left; 5px; border: 0; }
.swatch-label { display: block; }
.swatch-label img{ display: block; border: 1px solid #e5e5e5; }
.block-layered-nav .content-shopby .configurable-swatch-list li .count { display: none; }
.block-layered-nav .content-shopby ol li { 14px; color: #6d6d6d; 39px; text-transform: capitalize; font-weight: 300; position: relative; text-align: right; border-bottom: 1px solid #ddd; }
.block-layered-nav .content-shopby ol li:hover, .block-layered-nav .content-shopby ol li:hover a { color: #0099B9; cursor: pointer; border-color: #0099B9; }
.block-layered-nav .content-shopby ol li:last-child { border: 0;}
.block-layered-nav .content-shopby ol li a { color: #6d6d6d; float: left; clear: both; font-weight: 400; 12px; text-transform: uppercase; }
.block-layered-nav .content-shopby.last { background:none; border-bottom: 0; }
.block-layered-nav .currently li { padding:6px 24px 6px 10px; position:relative; z-index:1; 1.5; }
.block-layered-nav .currently .label { color: #000; font-weight:bold; padding: 0; text-transform:uppercase; display:inline-block; vertical-align:top; }
.block-layered-nav .currently .value { display:inline-block; vertical-align:top; 15px; }
.block-layered-nav .currently .btn-previous,
.block-layered-nav .currently .btn-remove { position:absolute; right:4px; top:9px; 0; }
.block-layered-nav .currently .btn-previous { right:17px; }
.block-layered-nav .actions { 11px; padding:4px 5px 4px 9px; text-align:right; }
.block-layered-nav .actions a { float:none; }
.block-layered-nav .layered-price h2 { 0; }
.block-layered-nav #search_pr { overflow: hidden; }
.block-layered-nav #search_pr input { background: none; min-width: 50px; color: #333; border: 0; 30px; display: inline-block; height: 30px; font-weight: 700; 14px; }

.ui-state-default,
.ui-widget-content .ui-state-default,
.ui-widget-header .ui-state-default {

background: #fff;
font-weight: normal;
border-color: #0099B9;
}

.ui-slider .ui-slider-handle {
position: absolute;
z-index: 2;
width: 30px;
height: 15px;
cursor: pointer;
background: #0099B9; border: 1px solid #ddd; border-radius: 8px;

}
.ui-slider .ui-slider-handle:before { content:""; position: absolute; top: 0; right: 0; bottom: 0; left: 0; border-radius: 8px; border: 2px solid #fff;}
.ui-state-hover,
.ui-widget-content .ui-state-hover,
.ui-widget-header .ui-state-hover,
.ui-state-focus,
.ui-widget-content .ui-state-focus,
.ui-widget-header .ui-state-focus {
font-weight: normal;
color: #212121;
outline: none;
}

.ui-widget-header {
background: #0099B9;
color: #222222;
font-weight: bold;
}

.ui-state-active,
.ui-widget-content .ui-state-active,
.ui-widget-header .ui-state-active {
font-weight: normal;
color: #212121;
}
/* Block: Cart */
.block-cart .block-title { /*border-bottom:0;*/ }
.block-cart .block-title strong { }
.block-cart .summary { padding:2px 8px 8px; -1px 0 0; position:relative; z-index:1; }
.block-cart .amount { 0; }
.block-cart .block-subtitle { 10px 0;}
.block-cart #cart-sidebar li { }
.block-cart .amount a { font-weight:bold; }
.block-cart .subtotal { 5px 0 0; padding:2px 0; background:#ddd; text-align:center; color: #000;}
.block-cart .subtotal .label { 100%; color: #333;}
.block-cart .subtotal .price { font-weight:bold; }
.block-cart .actions { }
.block-cart .actions .paypal-logo { float:left; width:100%; 3px 0 0; text-align:right; }
.block-cart .actions .paypal-logo .paypal-or { clear:both; display:block; padding:0 55px 8px 0; }

/* Block: Wishlist */
.block-wishlist .block-title strong { }
.block-wishlist .actions { text-align:right; }
.block-wishlist .actions a { float:none; }

/* Block: Related */
.block-related .block-title strong { }
.block-related .block-subtitle { display: none; }
.block-related input.checkbox { float:left; display: none; }
.block-related .product { }
.block-related #block-related .product-image{ width: 100px; }
.block-related #block-related .product-details { 120px; }
.block-related #block-related .product-details .product-name { padding: 0; }

/* Block: Compare Products */
.block-compare .block-title strong { }
.block-compare button.button span { }
.page-popup .link-print { background:u rl(http://domain.pk/flat/skin/frontend/flaton/ma_flaton3/images/i_print.gif) 0 2px no-repeat; padding:2px 0 2px 25px; font-weight:bold; color:#1e7ec8; }
.compare-table { border:0; }
.compare-table thead tr.first th,
.compare-table thead tr.first td { border:0; background:none; padding:0; 0; 0; }
.compare-table .btn-remove { float:right; background-image:u rl(http://domain.pk/flat/skin/frontend/flaton/ma_flaton3/images/btn_remove2.gif); width:72px; height:15px; }
.compare-table tbody th { background:#d9e5ee u rl(http://domain.pk/flat/skin/frontend/flaton/ma_flaton3/images/bkg_th-v.gif) 100% 0 repeat-y; }
.compare-table tbody th,
.compare-table tbody td { padding:10px; border:0; border-top:1px solid #ccc; border-left:1px solid #ccc; }
.compare-table tbody td.last { border-right:1px solid #ccc; }
.compare-table tbody tr.last th,
.compare-table tbody tr.last td { border-bottom:1px solid #ccc !important; }
.compare-table tr.add-to-row td { background:#fffada; text-align:center; }
.compare-table tr.first td { text-align:center; }
.compare-table tr.first td .product-name { 13px; font-weight:bold; 0 0 5px; color:#203548; }
.compare-table tr.first td .product-name a { color:#203548; }
.compare-table tr.first td .ratings { width:69px; 0 auto; }
.compare-table tr.first td p,
.compare-table tr.add-to-row td p { 0; }

/* Block: Recently Viewed */
.block-viewed .block-title strong { }

/* Block: Recently Compared */
.block-compared .block-title strong { }

/* Block: Poll */
.block-poll .block-title strong { }
.block-poll .block-subtitle { 12px; }
.block-poll label { color:#777; font-weight: normal; 13px; }
.block-poll input.radio { float:left; 1px -18px 0 0; }
.block-poll .label { display:block; 18px; text-align: left; }
.block-poll li { padding:3px 9px; }
.block-poll .actions { 5px 0 0; }
.block-poll button.button span {}
.block-poll .answer { font-weight:bold; }
.block-poll .votes { float:right; 10px; }

/* Block: Orders and Returns */
.block-gr-search li { padding:3px 9px; }
.block-gr-search button.button span { border-color:#406a83; background:#618499; }

/* Block: Tags */
.block-tags .block-title strong { }
.block-tags .block-content .tags-list { background:none; border:0; 12px; overflow: hidden; }
.block-tags .block-content li { display: inline-block !important; 35px; 5px 5px 0 0;}
.block-tags .block-content li a { color:#838383; display: block; padding: 0 10px; background: #efefef; text-transform: capitalize; }
.block-tags .block-content li a:hover { background: #0099B9; color: #fff; }

.block-tags .actions { text-align:left; padding: 0; }
.block-tags .actions a { color:#838383; display: block; padding: 0 10px; background: #efefef; text-transform: capitalize; display: block; 34px;}
.block-tags .actions a:hover { background: #0099B9; color: #fff; }

/* Block: Subscribe */
.block-subscribe { border: none; 0; background: none; }
.block-subscribe .subscribe-title { }
.block-subscribe .subscribe-title h3 { }
.block-subscribe .block-content { border: 2px solid #222; }
.block-subscribe .form-subscribe-header { display: none; 50px; }
.block-subscribe .form-subscribe-header h3 { color: #fff; text-transform: uppercase; 22px; 0; 34px; }
.block-subscribe label { font-weight: normal; 0; color: #c6c6c6; display: none; }
.block-subscribe .input-box { float: left; }
.block-subscribe .input-box .validation-advice { position: absolute;}
.block-subscribe input.input-text { display:block; width: 320px; 0; padding: 4px 10px; background: #fff; color: #222; border: 0; height: 56px; }
.block-subscribe .actions { float: left; background:none; padding:0; 0; text-align:left; }
.block-subscribe .actions button.button { float:none; }
.block-subscribe .actions button.button span { text-transform: uppercase; padding: 0; background: none; }

.block-subscribe .actions button.button span span { 36px; padding: 10px 65px; color: #fff; background: #222; font-weight: 700; 14px; letter-spacing: 2px; }
.block-subscribe .actions button.button:hover span span { }

/* Block: Reorder */
.block-reorder .block-title strong { }
.block-reorder input.checkbox { float:left; 2px -20px 0 0; }
.block-reorder .product-name { 20px; }
.block-reorder .validation-advice { 3px 9px 7px; }

/* Block: Banner */
.block-banner { border:0; }
.block-banner .block-content { padding:0; text-align:center; }

/* Block: Login */
.block-login .block-title strong { }
.block-login .block-content { padding:5px 10px; }
.block-login label { font-weight:bold; color:#666; }
.block-login input.input-text { display:block; width:167px; 3px 0; }
.block-login .actions { background:none; padding:0; 3px 0 0; }
.block-login .actions button.button span { border-color:#406a83; background:#618499; }

/* Paypal */
.sidebar .paypal-logo { display:block; 10px 0; text-align:center; }
.sidebar .paypal-logo a { float:none; }
/* ======================================================================================= */

/* Category Page ========================================================================= */
.category-title { border:0; 0 0 15px; }
.category-image { width:100%; overflow:hidden; text-align:center; 0 0 30px; }
.category-image img {}
.category-description { 0 0 10px; }
.category-products { 0; }

/* View Type: Grid */
.products-grid { }
.products-grid.last { border-bottom:0; }
.products-grid.first .item { }
.products-grid .product-image { display:block; }
.products-grid .product-image img { width: 100%; height: auto;}
.products-grid .price-box { 0; }
.products-grid .availability { 21px; }

.products-grid .item { text-align: left; 30px; position: relative; overflow: hidden;}

.products-grid .item .add-to-links { padding: 0;}
.products-grid .item .add-to-links li a { font-weight: normal;}
.products-grid .item .add-to-links li a:hover { }
.products-grid .item .item-inner .des-container .box-inner1 { overflow: hidden; }

.configurable-swatch-color .is-media{ float: left; 3px; }

/* View Type: List */
.products-list li.item { 30px; padding-bottom: 30px; border-bottom: 1px solid #ddd; }
.products-list li.item.last { border: 0; }
.products-list .product-name a { 18px; }
.products-list .product-name a:hover { color: #0099B9; }
.products-list .price-box { display: inline-block; }
.products-list .availability { float:left; 3px 0 0; }
.products-list .desc { clear:both; color: #777; 14px; 10px 0; 24px; }
.products-list .desc .link-learn { 11px; }
.products-list .ratings { display: inline-block; 10px 0 ; }
.products-list .item .actions { 15px; }
.products-list .item .actions button.btn-cart span span { }

.products-list .item .add-to-links { display: inline-block; 0; }
.products-list .item .add-to-links li { display: inline-block; 12px; }
.products-list .item .add-to-links li a{ 0;
width: 58px;
height: 34px;
border: 1px solid #e5e5e5;
display: block;
border-radius: 18px; 32px; text-align: center; color: #b9b9b9; }
.products-list .item .add-to-links li a:hover { color: #fff; background: #0099B9; border-color: #0099B9; }
.products-list .item .add-to-links li a:before {display: inline-block; 14px; FontAwesome; }
.products-list .item .add-to-links li a.link-wishlist:before { content: "\f004"; }
.products-list .item .add-to-links li a.link-compare:before { content: "\f079"; }

.timer-list { overflow: hidden; 10px 0; }
.timer-list .box-time-date { border-radius: 5px; color: #fff; background: #0099B9; float: left; padding-top: 8px; min-width: 59px; min-height: 69px; 9px; text-align: center; 12px; }
.timer-list .box-time-date span { display: block; 21px; color: #fff; }

.products-list .product-shop button.btn-cart { display: inline-block; }

.products-list .add-to-links .separator { display: none; 0 2px; }
.products-list .item .item-inner .des-container { padding: 0;}
.products-list .item .item-inner .des-container .actions { position: static; opacity: 1; min-height:0; padding: 0; float: left; 10px; }
.products-list .item .item-inner .des-container .actions button.button { 0; }
.products-list .item .item-inner .des-container .actions .add-to-links li a,
.products-list .item .item-inner .des-container .actions .qv-button-container a { position: relative; }
.products-list .item .item-inner:hover .des-container .actions .add-to-links li a.link-wishlist { animation: inherit; -webkit-animation: inherit; -moz-animation: inherit;}

.products-list .item-inner .box-hover button.btn-cart span span { padding: 0 15px; 0; 40px; height: 40px;}
.products-list .item-inner .box-hover button.btn-cart span span:before { width: 40px; height: 40px; }

.products-list .item-inner .add-to-links li { border: 0; float: left; 5px; }

/* ======================================================================================= */

/* Product View ========================================================================== */
/* Rating */
.no-rating { 0 0 10px; display: block; clear: both; }

.ratings { 1.25; 5px 0; overflow: hidden; }
.ratings strong { float:left; 1px 3px 0 0; }
.ratings .rating-links { 0; 11px; display: inline-block; color: #b9b9b9; }
.ratings .rating-links a { 11px; color: #b3b3b3; text-transform: capitalize; }
.ratings .rating-links a:hover { color: #0099B9; }
.ratings .rating-links .separator { 0 2px; }
.ratings dt {}
.ratings dd {}
.rating-box { width: 70px; height:11px; 0; 0; background:u rl(http://domain.pk/flat/skin/frontend/flaton/ma_flaton3/images/rating.png) 0 0 repeat-x; -999em; overflow:hidden; }
.rating-box .rating { float:left; height: 11px; background:u rl(http://domain.pk/flat/skin/frontend/flaton/ma_flaton3/images/rating.png) 0 100% repeat-x; }
.ratings .rating-box { display: inline-block; }
.ratings .amount a { 11px; 11px; color: #a5a5a5; text-transform: capitalize; }
.ratings .amount a:hover { color: #0099B9;}
.ratings .amount { display: inline-block; }

.ratings-table th,
.ratings-table td { 11px; 1.15; padding:3px 0; }
.ratings-table th { font-weight:bold; padding-right:8px; }

/* Availability */
.availability { 0; }
.availability span { }
.availability.in-stock span {}
.availability.out-of-stock span { color:#d83820; }

.availability-only { 10px 0 7px; 16px; background:u rl(http://domain.pk/flat/skin/frontend/flaton/ma_flaton3/images/i_availability_only.gif) 0 50% no-repeat; padding-left:15px; }
.availability-only span,
.availability-only a { border-bottom:1px dashed #751d02; color:#000; }
.availability-only a { background:u rl(http://domain.pk/flat/skin/frontend/flaton/ma_flaton3/images/i_availability_only_arrow.gif) 100% 0 no-repeat; cursor:pointer; padding-right:15px; text-decoration:none; }
.availability-only .expanded { background-position:100% -15px; }
.availability-only strong { color:#be2c00; }

.availability-only-details { 0 0 7px; }
.availability-only-details th { background:#d2d6d9; 10px; padding:0 8px; }
.availability-only-details td { background:#ebf0f3; border-bottom:1px solid #fff; 11px; padding:2px 8px 1px; }
.availability-only-details tr.odd td.last { color:#d95e00; font-weight:bold; }

/* Alerts */
.alert-price { 0; 11px; }
.alert-stock { 0; 11px; }

/********** < Product Prices */
.price { white-space:nowrap !important; AleoRegular; }

.price-box { 5px 0; }
.price-box p { display: inline; 5px;}
.price-box .price { font-weight: bold; AleoRegular; 30px; color: #0099B9; font-weight: 700; }

/* Regular price */
.regular-price { }
.regular-price .price { }
.block .regular-price,
.block .regular-price .price { }

/* Old price */
.old-price { 0; }
.old-price .price-label { white-space:nowrap; color:#999; display: none;}
.old-price .price { font-weight: normal; color: #ababab; 20px; text-decoration: line-through; font-weight: 400; }

/* Special price */
.special-price { 0; padding:3px 0; }
.special-price .price-label { 13px; font-weight:bold; white-space:nowrap; color:#cd5033; display: none;}
.special-price .price { }

/* Minimal price (as low as) */
.minimal-price { 0; }
.minimal-price .price-label { font-weight:bold; white-space:nowrap; }

.minimal-price-link { display:block; }
.minimal-price-link .label {color:#1e7ec8;}
.minimal-price-link .price { font-weight:normal; color:#1e7ec8; }

/* Excluding tax */
.price-excluding-tax { display:block; color:#999; }
.price-excluding-tax .label { white-space:nowrap; color:#999; }
.price-excluding-tax .price { 13px; font-weight:normal; color:#c76200; }

/* Including tax */
.price-including-tax { display:block; color:#999; }
.price-including-tax .label { white-space:nowrap; color:#999; }
.price-including-tax .price { 13px; font-weight:bold; color:#c76200; }

/* Configured price */
.configured-price { 0; }
.configured-price .price-label { font-weight:bold; white-space:nowrap; }
.configured-price .price { font-weight:bold; }

/* FPT */
.weee { display:block; 11px; color:#444; }
.weee .price { 11px; font-weight:normal; }

/* Excl tax (for order tables) */
.price-excl-tax { display:block; }
.price-excl-tax .label { display:block; white-space:nowrap; }
.price-excl-tax .price { display:block; }

/* Incl tax (for order tables) */
.price-incl-tax { display:block; }
.price-incl-tax .label { display:block; white-space:nowrap; }
.price-incl-tax .price { display:block; font-weight:bold; }

/* Price range */
.price-from { 0; }
.price-from .price-label { font-weight:bold; white-space:nowrap; }

.price-to { 0; }
.price-to .price-label { font-weight:bold; white-space:nowrap; }

/* Price notice next to the options */
.price-notice { padding-left:10px; color:#999; }
.price-notice .price { font-weight:bold; color:#2f2f2f; }

/* Price as configured */
.price-as-configured { 0; }
.price-as-configured .price-label { font-weight:bold; white-space:nowrap; }

.price-box-bundle { padding:0 0 10px 0; }
.price-box-bundle .price-box { 0 !important; padding:0 !important; }
.price-box-bundle .price { color:#555; }
/********** Product Prices > */

/* Tier Prices */
.product-pricing,
.tier-prices { 10px 0; padding:10px; background-color:#f4f7f7; border:1px solid #dadddd; color:#424242; }
.tier-prices li { 1.4; background:u rl(http://domain.pk/flat/skin/frontend/flaton/ma_flaton3/images/i_tier.gif) no-repeat 0 3px; padding:2px 0 2px 10px; }
.tier-prices .benefit { font-style:italic; font-weight:bold; color:#2f2f2f; }
.tier-prices .price { font-weight:bold; color:#2f2f2f; }

.tier-prices-grouped li { padding:2px 0; color:#e26703; }
.tier-prices-grouped li .price { font-weight:bold; }

/* Add to Links */
.add-to-links { 11px; 5px 0 0; }
.add-to-links .separator { display:none; }

/* Add to Cart */
.add-to-box-cart { 15px 0; }
.add-to-cart label { float: left; 0 10px 0 0; 32px; font-weight: 400; arial; color:#000; 12px; }
.add-to-cart .qty { float: left;
padding: 9px 0;
width: 32px !important;
height: 32px;
color: #777;
text-align: center;
font-weight: 700;
border-radius: 100%;
14px; }
.add-to-cart .qty:focus { }
.add-to-cart button.button { float:left; 10px; }
.add-to-cart .paypal-logo { clear:left; 0; text-align:right; }
.add-to-cart .paypal-logo .paypal-or { clear:both; display:block; 5px 60px 5px 0; }
.product-view .add-to-cart .paypal-logo { 0; }

/* Add to Links + Add to Cart */

.add-to-box { 15px 0; padding: 15px 0; border-top: 1px solid #ddd; border-bottom: 1px solid #ddd; }
.add-to-box .add-to-cart { float:left; }
.add-to-box .or { float:left; font-weight:bold; 0 7px; color:#666; }
.add-to-box .add-to-links { float:left; 0; 12px !important; 1.25 !important; text-align:left !important; }
.add-to-box .add-to-links li {
float: left;
5px;
padding-right: 5px; }
.add-to-box .add-to-links li .separator { display:none !important; }

.qty-button { float: left; border: 1px solid #e5e5e5; }
.qty-button .button-icon { }
.qty-button .box-icon { float: left; padding: 0; position: relative; }
.qty-button .box-icon.button-minus { }
.qty-button .box-icon:before { FontAwesome; text-align: center; color: #b2b2b2; 12px; pointer-events: none; width: 40px; height: 40px; 40px; display: block; position: absolute; left: 0; top: 0; }
.qty-button .box-icon:hover:before { color: #0099B9;}
.qty-button .box-icon.button-minus:before { content: "\f068"; }
.qty-button .box-icon.button-plus:before { content: "\f067"; }
.qty-button .qty-increase, .qty-button .qty-decrease { float: left; border: 0;display: block; width: 40px; height: 40px; background: none; }
.qty-button .qty-increase { border-left: 0; }
.qty-button .qty-increase:hover { }
.qty-button .qty-decrease { border-right: 0; }
.qty-button .qty-decrease:hover { }

 

/* Email to a Friend */

.email-friend { display: inline-block; 0; }
.email-friend a{ 0;
width: 58px;
height: 34px;
border: 1px solid #e5e5e5;
display: block;
border-radius: 18px; 32px; text-align: center; color: #b9b9b9; }
.email-friend a:hover { color: #fff; background: #0099B9; border-color: #0099B9; }
.email-friend a:before {display: inline-block; 14px; FontAwesome; content:"\f0e0"; }

.product-view { }

.product-essential { }
.product-essential h2 { font:bold 13px/1.35 Arial, Helvetica, sans-serif; }

.product-collateral { 30px; }
.product-collateral h2 { }
.product-collateral .box-collateral { 0 0 25px; }

/* Product Images */
.product-view .product-img-box { position: relative; }
.product-view .product-img-box .more-views { }
.product-view .product-img-box .more-views:hover .bx-wrapper .bx-controls-direction a.bx-prev { left: -13px;}
.product-view .product-img-box .more-views:hover .bx-wrapper .bx-controls-direction a.bx-next { right: -13px;}
.col3-layout .product-view .product-img-box { float:none; 0 auto; }
.product-view .product-img-box .product-image { border: 1px solid #ddd; border-radius: 25px; }
.product-view .product-img-box .product-image img { width: 100%; border-radius: 25px; }
.product-view .product-img-box .product-image-zoom { position:relative; overflow:hidden; z-index:9; 130px; }
.product-view .product-img-box .product-image-zoom img { display: none; }
.product-view .product-img-box .product-image-zoom img.visible { display: block; }
.product-view .product-img-box .zoom-notice { 11px; 0 0 5px; text-align:center; }
.product-view .product-img-box .zoom { position:relative; z-index:9; height:18px; 0 auto 13px; padding:0 28px; background:u rl(http://domain.pk/flat/skin/frontend/flaton/ma_flaton3/images/slider_bg.gif) 50% 50% no-repeat; cursor:pointer; }
.product-view .product-img-box .zoom.disabled { -moz-opacity:.3; -webkit-opacity:.3; -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=30)";/*IE8*/ opacity:.3; }
.product-view .product-img-box .zoom #track { position:relative; height:18px; }
.product-view .product-img-box .zoom #handle { position:absolute; left:0; top:-1px; width:9px; height:22px; background:u rl(http://domain.pk/flat/skin/frontend/flaton/ma_flaton3/images/magnifier_handle.gif) 0 0 no-repeat; }
.product-view .product-img-box .zoom .btn-zoom-out { position:absolute; left:2px; top:0; }
.product-view .product-img-box .zoom .btn-zoom-in { position:absolute; right:2px; top:0; }
.product-view .product-img-box .more-views h2 { 11px; border-bottom:1px solid #ccc; 0 0 8px; text-transform:uppercase; display: none; }
.product-view .product-img-box .more-views .bx-wrapper { height: 100%; }
.product-view .product-img-box .more-views .bx-wrapper .bx-viewport { height: 100% !important; }
.product-view .product-img-box .more-views ul { }
.product-view .product-img-box .more-views li { float:left; 5px; }
.product-view .product-img-box .more-views li a { border: 1px solid #e5e5e5; border-radius: 6px; }
.product-view .product-img-box .more-views li a:hover { border-color: #0099B9; }
.product-view .product-img-box .more-views li a img{ border-radius: 6px; }

.product-image-popup { 0 auto; }
.product-image-popup .buttons-set { float:right; clear:none; border:0; 0; padding:0; }
.product-image-popup .nav { font-weight:bold; 0 100px; text-align:center; }
.product-image-popup .image { display:block; 10px 0; }
.product-image-popup .image-label { 13px; font-weight:bold; 0 0 10px; color:#2f2f2f; }

/* Product Shop */
.product-view .product-shop { }
.product-view .product-shop .ratings .rating-links { display: inline-block; 10px; }
.product-view .product-shop .ratings .rating-box { display: inline-block; }
.col1-layout .product-view .product-shop { }
.col3-layout .product-view .product-shop { float:none; width:auto; }
.product-view .product-shop .product-name { 0 0 5px; }
.product-view .product-shop .product-name h1 { 0; 24px; color: #373737; text-transform: capitalize; font-weight: 600;}

.product-view .product-shop .availability { 14px;
11px 0;
arial; }
.product-view .product-shop .availability span { color: #0099B9; }

.product-view .product-shop .short-description { 15px 0; color: #777; 14px; 23px; padding: 15px 0; border-bottom: 1px solid #e5e5e5; border-top: 1px solid #e5e5e5; }
.product-view .product-shop .price-box { 0; }
.product-view .product-shop .ratings { 16px 0; }
.product-view .product-shop .ratings .amount { display: block; overflow: hidden; }

 

.product-view .product-shop .add-to-links { 0; }
.product-view .product-shop .add-to-links { 12px; text-align:right; }
.product-view .product-shop .add-to-links li,
.product-view .product-shop .add-to-links li .separator { display:inline; }

.product-view .product-shop.add-to-links li { display: inline-block; 12px; }
.product-view .product-shop .add-to-links li a{ 0;
width: 58px;
height: 34px;
border: 1px solid #e5e5e5;
display: block;
border-radius: 18px; 32px; text-align: center; color: #b9b9b9; }
.product-view .product-shop .add-to-links li a:hover { color: #fff; background: #0099B9; border-color: #0099B9; }
.product-view .product-shop .add-to-links li a:before {display: inline-block; 14px; FontAwesome; }
.product-view .product-shop .add-to-links li a.link-wishlist:before { content: "\f004"; }
.product-view .product-shop .add-to-links li a.link-compare:before { content: "\f079"; }

.product-view .product-shop .product-social { padding: 20px 0; 10px; }


.product-view .product-shop button.btn-cart span { 30px;
padding: 0 25px;
display: block;
text-transform: uppercase;
color: #787878;
12px;
border: 1px solid #ddd;
border-radius: 15px; }

.product-view .product-shop button.btn-cart span span { padding: 0; border: 0; }

.product-view .product-shop button.btn-cart:hover span { background: #0099B9; color: #fff; border-color: #0099B9; }

.product-view .product-shop .box-container1 .sku { 13px; arial; font-weight: bold; color: #0099B9; text-transform: capitalize; display: inline-block; 15px; }
.product-view .product-shop .box-container1 .sku label { ; 5px; color: #393939; }
.product-view .product-shop .box-container1 .brand { 13px; arial; font-weight: bold; color: #0099B9; text-transform: capitalize; display: inline-block; }
.product-view .product-shop .box-container1 .brand label { 5px; color: #393939;}
/* Product Options */
.product-options { position:relative; 15px 0; padding: 20px 0 0; }
.product-options label { color: #767676; 16px; font-weight: 700; text-transform: uppercase; display: block; border-bottom: 2px solid #767676; 20px; }
.product-options label em { color: #0099B9; }
.product-options select { width: 100%; 14px; color: #aaa; height: 28px; }

.configurable-swatch-list li { float: left; 3px;}
#configurable_swatch_size li { 15px;}
#configurable_swatch_size li a{ display: block; min-width: 30px !important; height: 32px; border: 4px solid #ebebeb; text-align: center; color: #393939; 11px; text-transform: uppercase; font-weight: 700; }
#configurable_swatch_size li a span{ display: block; 25px !important; }
#configurable_swatch_size li a:hover, #configurable_swatch_size li.selected a { border-color: #0099B9; text-decoration: none; }

.product-options dl { overflow: hidden; }
.product-options dt { padding: 5px 0 0; font-weight:normal; float: left; clear: both; min-width: 65px; }
.product-options dt label { font-weight: normal; color:#2c2c2c; text-transform: capitalize; 13px; }
.product-options dt label.required em { color:#eb340a; }
.product-options dd .qty-holder { display:block; padding:10px 0 0; }
.product-options dd .qty-holder label { vertical-align:middle; }
.product-options dt .qty-disabled { background:none; border:0; padding:3px; color:#2f2f2f; }
.product-options dd { 0 0 15px; float: left; width: 50%; }
.product-options dl.last dd.last { border-bottom:0; padding-bottom:5px; 0; }
.product-options dd input.input-text { width:98%; }
.product-options dd input.datetime-picker { width:150px; }
.product-options dd .time-picker { display:-moz-inline-box; display:inline-block; padding:2px 0; vertical-align:middle; }
.product-options dd textarea { width:98%; height:8em; }
.product-options dd select { width: 100%; background: #f5f5f5; border: 0; padding: 3px 10px; }
.product-options dd .multiselect option { border-bottom:1px dotted #d9e5ee; padding:2px 4px; }
.product-options ul.options-list { 5px; }
.product-options ul.options-list li { 1.5; padding:2px 0; }
.product-options ul.options-list input.radio { float:left; 3px; }
.product-options ul.options-list input.checkbox { float:left; 3px; }
.product-options ul.options-list .label { display:block; 18px; }
.product-options ul.options-list label { font-weight:normal; }
.product-options ul.validation-failed { padding:0 7px; }
.product-options p.note { 0; 11px; }
.product-options p.required { position:absolute; right: 0; top: 0; }

.product-options-bottom { }
.product-options-bottom .product-pricing,
.product-options-bottom .tier-prices { 0; padding:0 0 10px; border:0; background:0; color:#e26703; }
.product-options-bottom .tier-prices li { background:0; padding:2px 0; }
.product-options-bottom .tier-prices .price,
.product-options-bottom .tier-prices .benefit { color:#e26703; }
.product-options-bottom .price-box { float:left; 0; padding:0; }
.product-options-bottom .add-to-links { clear:both; padding:5px 0 0; text-align:right; }
.col3-layout .product-options-bottom .price-box { float:none; padding:0 0 5px; }
.product-options-bottom .price-label { float:left; padding-right:5px; }
.product-options-bottom .price-tax { float:left; }
.product-options-bottom .add-to-cart { 5px 0;
padding: 15px 0;
border-top: 1px solid #ddd;
border-bottom: 1px solid #ddd;}
.product-options-bottom .add-to-cart .payment { float: left; padding: 6px 0; }
.product-shop .product-options-bottom { 0 0 10px; }
.product-shop .product-options-bottom .price-box { float:none; 0 0 5px; }
.product-shop .product-options-bottom .price-label { float:none; padding-right:0; }
.product-shop .product-options-bottom .price-tax { float:none; }
.product-shop .product-options-bottom .add-to-cart-box { clear:both; float:left; padding-top:12px; }
.product-shop .product-options-bottom .add-to-links { clear:both; padding:5px 0 0; text-align:right; display: none; }

/* Grouped Product */
.product-view .grouped-items-table .price-box { 0; padding:0; }

/* Block: Description */
.product-view .box-description {}

/* Block: Additional */
.product-view .box-additional .data-table th,
.product-view .box-additional .data-table td { 1.25; }

/* Block: Upsell */
.product-view .box-up-sell h2 { border-bottom:0; padding:0; 0 0 8px; }
.product-view .box-up-sell .products-grid { width:100%; border:1px solid #e5dcc3; }
.product-view .box-up-sell .products-grid td { width:25%; background:#f6f2e7; border-right:1px solid #e5dcc3; border-bottom:1px solid #e5dcc3; padding:15px 10px 12px; 1.6em; }
.product-view .box-up-sell .products-grid tr.last td { border-bottom:0; }
.product-view .box-up-sell .products-grid td.last { border-right:0; }
.product-view .box-up-sell .products-grid td img { border:1px solid #e5dcc3; }
.product-view .box-up-sell .products-grid .product-image { text-align:center; }
.product-view .box-up-sell .products-grid td.empty { border-right:0; background:#f1ecdb; }
.product-view .box-up-sell .products-grid .ratings .rating-box { float:none; display:block; 0 0 3px; }

/* Block: Tags */
.product-view .box-tags { 0; }
.product-view .box-tags h3 { 13px; }
.product-view .box-tags .product-tags { display:block; 0 0 15px; }
.product-view .box-tags .product-tags li { display:inline; background:u rl(http://domain.pk/flat/skin/frontend/flaton/ma_flaton3/images/bkg_pipe3.gif) 100% 4px no-repeat; padding:0 7px 0 4px; }
.product-view .box-tags .product-tags li.first { padding-left:0; }
.product-view .box-tags .product-tags li.last { background:none; padding-right:0; }
.product-view .box-tags .form-add label { display:block; 13px; font-weight: normal; 0 0 5px; color:#0a263c;}
.product-view .box-tags .form-add .input-box { float:left; 0 5px 0 0; padding:0 ; }
.product-view .box-tags .form-add input.input-text { width:299px; height: 34px; border-radius: 16px; }
.product-view .box-tags .form-add button.button span { }
.product-view .box-tags .note { 3px 0 0; padding:0 0 0 23px; 11px; }

/* Block: Reviews */
.product-view .box-reviews dl { 15px 0; }
.product-view .box-reviews dt a,
.product-view .box-reviews dt span { font-weight:bold; }
.product-view .box-reviews dd { 0 0 15px; }
.product-view .box-reviews dd small { font-style:italic; }
.product-view .box-reviews .form-add { 15px 0 0; }
.product-view .box-reviews .form-add h3 { 13px; font-weight:normal; }
.product-view .box-reviews .form-add h3 span { font-weight: normal; color: #ed1c24; }
.product-view .box-reviews .form-add h4 { 12px; }
.product-view .box-reviews .form-add .data-table td { text-align:center; }
.product-view .box-reviews .form-add .form-list { 15px 0 0; }
.product-view .box-reviews .form-add .form-list .input-box { width:360px; }
.product-view .box-reviews .form-add .form-list input.input-text,
.product-view .box-reviews .form-add .form-list textarea { width: 280px; }

/*Product tabs*/

.product-tabs { overflow: hidden; position: relative; }
.product-tabs:before {
position: absolute;
width: 100%;
height: 1px;
background: #ddd;
content: "";
left: 0;
top: 50%;
z-index: -1;
}
.product-tabs li { display: inline-block; 0 5px; }

.product-tabs li.first { 0; }
.product-tabs li.last { }
.product-tabs li.first a { }
.product-tabs li.last a { }
.product-tabs li.last a:after { display: none; }
.product-tabs a { display:block; 16px; color:#adadad; padding: 0 50px; border: 1px solid #ddd; border-radius: 20px; 40px; text-decoration: none; text-transform: uppercase; font-weight: 400; letter-spacing: 3px; background: #fff; }
.product-tabs a:hover,
.product-tabs li.active a,
.product-tabs li.active a:hover { color: #0099B9; text-decoration:none; border-color: #0099B9; }
.product-tabs-content h2 { }
.product-tabs-content { overflow: hidden; padding: 20px; background: #fff; 30px; border: 1px solid #ddd; }
.product-tabs-content .std { color: #959595; }
#product_tabs_description_contents h2 { display: none;}

 

/* Send a Friend */
.send-friend .form-list { width:615px; overflow:hidden; }
.send-friend .form-list li { -15px; }
.send-friend .form-list li p { 0 15px 0 0; }
.send-friend .form-list .field { width:315px; }
.send-friend .form-list .input-box { width:300px; }
.send-friend .form-list input.input-text,
.send-friend .form-list textarea { width:294px; }
.send-friend .form-list li.wide .input-box { width:612px; }
.send-friend .form-list li.wide textarea { width:609px; }
.send-friend .buttons-set .limit { float:right; 0 7px 0 0; 11px; 21px; }

/* ======================================================================================= */

/* Content Styles ================================================================= */
.product-name { 5px 0; font-weight:normal; }
.product-name a { color: #000; text-transform: capitalize; 14px; text-decoration: none; }
.product-name a:hover { color: #0099B9; text-decoration: none;}

/* Product Tags */
.tags-list { display:block; 13px; border:1px solid #c1c4bc; background:#f8f7f5; }
.tags-list li { display:inline !important; 0 15px 0 0; 17px; }
.tags-list li a { color:#888; }
.tags-list li a:hover { color:#f57c7c; }

/* Advanced Search */
.advanced-search .form-list label { width:160px; padding-right:10px; }
.advanced-search .form-list .input-box,
.advanced-search .form-list .input-range { float:left; clear:none; }
.advanced-search-amount { 0 0 10px; }
.advanced-search-summary { 10px 0; border:1px solid #e9d7c9; background:#fff6f1; padding:10px; }
.advanced-search-summary ul { float:left; width:49%; }
.advanced-search-summary strong { color:#E17C24; padding-left:15px; background:u rl(http://domain.pk/flat/skin/frontend/flaton/ma_flaton3/images/i_search_criteria.gif) 0 3px no-repeat; }
.advanced-search-summary p { clear:both; font-weight:bold; 0; }

/* CMS Home Page */
.cms-home .subtitle {}
.cms-index-index .subtitle {}

/* Sitemap */
#sitemap_top_links { float: left; }
.page-sitemap .links { float: left; 10px; 21px; }
.page-sitemap .links a { text-decoration:none; position:relative; }
.page-sitemap .links a:hover { text-decoration:underline; }
.page-sitemap .sitemap { 12px 0; clear: both; overflow: hidden; }
.page-sitemap .sitemap a { color:#1b2d3b; }
.page-sitemap .sitemap a:hover { color: #0099B9; }
.page-sitemap .sitemap li { 3px 5px; float: left; }
.page-sitemap .sitemap li.level-0 { 10px 0 0; font-weight:bold; }
.page-sitemap .sitemap li.level-0 a { color:#1e7ec8; }

/* RSS */
.rss-title h1 { background:u rl(http://domain.pk/flat/skin/frontend/flaton/ma_flaton3/images/i_rss-big.png) 0 4px no-repeat; padding-left:27px; }
.rss-table .link-rss { display:block; 1.55; background-position:0 4px; }
/* ======================================================================================= */

/* Shopping Cart ========================================================================= */
.cart .page-title { }
.cart .page-title h1 { text-align: left; float: none; }
#shopping-cart-table { border-width: 0; }
#shopping-cart-table thead { border-left: 1px solid #e5e5e5; border-top: 1px solid #e5e5e5; }
#shopping-cart-table thead tr { }
#shopping-cart-table thead th { padding: 10px 20px;
26px;
color: #000;
14px;
text-transform: capitalize;
font-weight: 700; }
#shopping-cart-table tbody { border-left: 1px solid #e5e5e5; border-top: 1px solid #e5e5e5;}
#shopping-cart-table tbody td { }
#shopping-cart-table tbody td input.qty { color: #000; }
#shopping-cart-table tbody td a { color: #777; }
#shopping-cart-table tbody td a:hover { color: #0099B9; background: none; }
#shopping-cart-table tbody td .price { 24px; color: #0099B9; AleoRegular; }
#shopping-cart-table tbody td.last .price { color: #0099B9; }
#shopping-cart-table tfoot, #shopping-cart-table tfoot td { border: 0; }
.cart-table td .product-image {
display: block;
width: 190px;
}

/* Checkout Types */
.cart .page-title .checkout-types li { 0 0 5px; }
.cart .title-buttons .checkout-types { float:right; }
.cart .title-buttons .checkout-types li { float:left; 0 0 5px 5px; }
.cart .checkout-types .paypal-or { 0 8px; 2.3; }
.cart .totals .checkout-types .paypal-or { clear:both; display:block; padding:8px 55px 0 0; 1.0; 11px; }

/* Shopping Cart Table */
.cart-table th { padding:2px 10px; }
.cart-table td { padding:10px; text-align: center; }
.cart-table .product-name a { text-transform: capitalize; color: #777; 16px; font-weight: 400; }
.cart-table .product-name a:hover { color: #0099B9; }
.cart-table .item-msg { 5px 0; 11px; font-weight:bold; color:#df280a; }
.cart-table tfoot td { padding: 20px 0; }
.cart-table .btn-continue { float:left; }
.cart-table .btn-update,
.cart-table .btn-empty { float:right; }
.cart-table .btn-update { 10px; }

/* Shopping Cart Collateral boxes */
.cart .cart-collaterals { padding:25px 0 0; }

.cart .crosssell { overflow: hidden; }
.cart .crosssell h2 { 16px; font-weight: normal; }

.cart .crosssell .product-name a { text-transform: capitalize; }
.cart .crosssell li.item { 12px 0; }
.cart .crosssell .link-compare { font-weight:normal; }
.cart .crosssell button.button span { }
.cart .crosssell button.button:hover span { }
.cart .crosssell button.button span span { }

/* Discount Codes & Estimate Shipping and Tax Boxes */
.cart .discount,
.cart .shipping { 20px 0;
color: #888;
padding: 20px;
border: 1px solid #ddd; }
.cart .discount h2,
.cart .shipping h2,
.cart .crosssell h2,
.cart .totals h2 { 16px; padding: 10px 0; 10px; color: #111; text-transform:uppercase; font-weight: 700; border-bottom: 1px solid #e5e5e5; }
.shipping .buttons-set { border: 0; text-align: left; 10px;}

.cart .discount { }
.cart .discount h2 { }
.cart .discount .input-box { 8px 0 0; width: 95%; }
.cart .discount input.input-text { background-color: #ebebeb; border: 0; width: 100%; }
.discount .buttons-set { 10px; text-align: left; border: 0; }
.discount label { font-weight: normal; }

.cart .shipping h2 { }
.cart .shipping .sp-methods { 10px 0 0; padding:5px 0 0; }
.cart .shipping .form-list select, .cart .shipping .form-list input.input-text { background-color: #ebebeb; border: 0; }
.cart .shipping .form-list li { 15px 0; }

/* Shopping Cart Totals */
.cart .totals { text-align: right; }
.cart .totals table { width:100%; 0; }
.cart .totals tr { 16px; text-transform: capitalize; }
.cart .totals td { padding: 10px 20px; }
.cart .totals td.a-left { text-align: right !important; }
.cart .totals tr.last td {}
.cart .totals tfoot { }
.cart .totals tfoot th { padding:5px 15px 5px 7px; }
.cart .totals tfoot td { }
.cart .totals tfoot th strong,
.cart .totals tfoot td strong { font-weight: normal; }
.cart .totals tfoot td strong .price { 20px;}
.cart .totals .checkout-types { 13px; padding: 0 ; text-align:right; padding-top: 15px; border-top: 1px solid #e5e5e5; }
.cart .totals .checkout-types li { clear:both; 10px 0; text-align: right; }
.cart .totals .checkout-types li a { color: #ababab;}
.cart .totals .checkout-types li a:hover { color: #0099B9;}
.cart .totals .checkout-types button.button { }
.cart .totals button.btn-checkout span span{ 14px; letter-spacing: 2px; font-weight: 700; border-radius: 25px; }
.cart .totals button.btn-checkout:hover span span{ }

 

/* Options Tool Tip */
.item-options dt { color: #7c7c7c; 11px; 10px; font-weight: normal; text-transform: capitalize; }
.item-options dd { padding-left:10px; 0 0 6px; color: #7c7c7c; 11px; }
.truncated { cursor:help; }
.truncated a.dots { cursor:help; }
.truncated a.details { cursor:help; }
.truncated .truncated_full_value { position:relative; z-index:999; }
.truncated .truncated_full_value .item-options { position:absolute; top:-99999em; left:-99999em; z-index:999; width:250px; padding:8px; border:1px solid #ddd; background-color:#f6f6f6; }
.truncated .truncated_full_value .item-options > p { font-weight:bold; text-transform:uppercase; }
.truncated .show .item-options { top:-20px; left:50%; }
.col-left .truncated .show .item-options { left:15px; top:7px; }
.col-right .truncated .show .item-options { left:-240px; top:7px; }
/* ======================================================================================= */

/* Checkout ============================================================================== */
/********** < Common Checkout Styles */
/* Shipping and Payment methods */
.sp-methods { 0 0 8px; }
.sp-methods dt { 13px 0 5px; font-weight:bold; }
.sp-methods dd {}
.sp-methods dd li { 5px 0; }
.sp-methods label { font-weight:bold; color:#666; }
.sp-methods .price { font-weight:bold; }
.sp-methods .form-list { padding-left:20px; }
.sp-methods .form-list li { 0 0 8px; }
.sp-methods select.month { width:154px; 10px; }
.sp-methods select.year { width:96px; }
.sp-methods input.cvv { width:3em !important; }

.sp-methods .checkmo-list li { 0 0 5px; }
.sp-methods .checkmo-list label { width:135px; padding-right:10px; text-align:right; }
.sp-methods .checkmo-list address { float:left; }

.sp-methods .centinel-logos a { 3px; }
.sp-methods .centinel-logos img { vertical-align:middle; }

.sp-methods .release-amounts { 0.5em 0; }
.sp-methods .release-amounts button { float:left; 5px 10px 0 0; }

.please-wait { float:right; }
.please-wait img { vertical-align:middle; }
.cvv-what-is-this { 11px; cursor:help; 10px; }

/* Tooltip */
.tool-tip { border:1px solid #7BA7C9; background:#EAF6FF; padding:15px 20px; position:absolute; z-index:9999; }
.tool-tip .btn-close { -9px -14px 0; text-align:right; }
.tool-tip .btn-close a { display:block; 0 0 0 auto; width:15px; height:15px; background:u rl(http://domain.pk/flat/skin/frontend/flaton/ma_flaton3/images/btn_window_close.gif) 100% 0 no-repeat; text-align:left; -999em; overflow:hidden; }
.tool-tip .tool-tip-content { padding:5px; }

/* Gift Messages */
.gift-messages h3 { 12px; font-weight:bold; color:#e87403; }
.gift-messages p.control { color:#8e8d8b; }
.gift-messages-form { position:relative; }
.gift-messages-form label { float:none !important; position:static !important; }
.gift-messages-form h4 { 12px; font-weight:bold; color:#e87403; }
.gift-messages-form .whole-order { 0 0 25px; }
.gift-messages-form .item { 0 0 10px; }
.gift-messages-form .item .product-img-box { float:left; width:75px; }
.gift-messages-form .item .product-image { 0 0 7px; }
.gift-messages-form .item .number { 0; font-weight:bold; text-align:center; color:#8a8987; }
.gift-messages-form .item .details { 90px; }
.gift-messages-form .item .details .product-name { 13px; font-weight:bold; 0 0 10px; }
.gift-messages-form .item .details .form-list .field { width:255px; }
.gift-messages-form .item .details .form-list .input-box { width:240px; }
.gift-messages-form .item .details .form-list input.input-text { width:234px; }
.gift-messages-form .item .details .form-list li.wide .input-box { width:500px; }
.gift-messages-form .item .details .form-list li.wide textarea { width:494px; }

.gift-message-link { 11px; background:u rl(http://domain.pk/flat/skin/frontend/flaton/ma_flaton3/images/bkg_collapse-gm.gif) 100% 6px no-repeat; padding-right:7px; }
.gift-message-link.expanded { background-position:100% -40px; }
.gift-message-row { background:#f2efe9; }
.gift-message-row .btn-close { float:right; width:16px; height:16px; background:u rl(http://domain.pk/flat/skin/frontend/flaton/ma_flaton3/images/btn_gm-close.gif) 0 0 no-repeat; 0; 0; -999em; overflow:hidden; }

/* Checkout Agreements */
.checkout-agreements li { 30px 0; }
.checkout-agreements .agreement-content { overflow:auto; height:12em; padding:10px; background-color:#fbfaf6; border:1px solid #bbb6a5; }
.checkout-agreements .agree { 0; padding:10px 0 10px 11px; }
.checkout-agreements .agree input.checkbox { 6px; }
.checkout-agreements .agree label { font-weight:bold; color:#666; }

.opc .checkout-agreements { border:1px solid #d9dde3; border-width:0 1px; padding:5px 30px; }
.opc .checkout-agreements li { 20px 0 0; }
.opc .checkout-agreements .agreement-content { background-color:#fff; border-color:#e4e4e4; padding:5px; }
.opc .checkout-agreements .agree { padding-left:6px; }

/* Centinel */
.centinel {}
.centinel .authentication { border:1px solid #ddd; background:#fff; }
.centinel .authentication iframe { width:99%; height:400px; background:transparent !important; 0 !important; padding:0 !important; border:0 !important; }

.opc .centinel { border:1px solid #bbb6a5; border-width:0 1px 1px; padding:10px 30px; }

/* Generic Info Set */
.info-set { background:#fbfaf6 u rl(http://domain.pk/flat/skin/frontend/flaton/ma_flaton3/images/bkg_checkout.gif) 0 0 repeat-x; border:1px solid #bbb6a5; 0 0 25px; padding:20px; }
.info-set h2 { 13px; font-weight:bold; 0 0 10px; }
.info-set h3,
.info-set h4 { 13px; font-weight:bold; color:#E26703; }
.info-set h2 a,
.info-set h3 a,
.info-set h4 a { font-weight:normal; }
.info-set h2.legend { -20px -20px 15px; padding:5px 10px; background:#f9f3e3; border-bottom:1px solid #bbafa0; position:relative; }
.info-set h3.legend { 0 0 10px; color:#0a263c; }
.info-set .divider { 0 -20px; padding:25px 0; position:relative; }
.info-set .box { 0 0 15px; }
.info-set .box h2 { color:#e26703; }
.info-set .data-table .product-name { 1em !important; font-weight:bold !important; color:#1e7ec8 !important; }
.info-set .data-table .product-name a { font-weight:bold !important; }
.info-set .data-table .item-options { 5px 0 0; }
/********** Common Checkout Styles > */

/* One Page Checkout */
.block-progress { 0; }
.block-progress .block-title { }
.block-progress .block-title strong { 40px;
width: 100%;
text-align: center;
background-color: #0099B9;
color: #fff; }
.block-progress .block-content { border-top: none; padding: 0; }
.block-progress dt { 14px;
text-transform: capitalize;
font-weight: 400;
32px;
padding: 5px 0;
color: #777;
arial;
border-bottom: 1px solid #ececec; }
.block-progress dt:before { content: "\f101"; FontAwesome; display: inline-block; 5px; }

.block-progress .block-content dl { 0;}
.block-progress dd { border-top:0; padding:8px 20px; 0 0 6px; }
.block-progress dt.complete { 0; color: #0099B9; }
.block-progress dd.complete {}
.block-progress p { 0; }
.block-progress .cards-list dt { background:none; border:0 none; color:inherit; 12px; 5px 0; padding:0; }
.block-progress .cards-list dd { border:0 none; 0; padding:0; }
.block-progress .cards-list .info-table th { font-weight:normal; }

#checkoutSteps { }
#checkoutSteps .form-list input.input-text { width: 260px; }
/* show/hide "change" link for progress step depend on complete status
* should be placed in .css file */
.opc-block-progress dt.complete a,
.opc-block-progress dt.complete .separator { display: inline; }
.opc-block-progress dt a,
.opc-block-progress dt .separator { display: none; }

.opc .buttons-set { 0; padding-top:2em; }
.opc .buttons-set p.required { 0; padding:0 0 10px; }
.opc .buttons-set .back-link small { display:none; }
.opc .buttons-set .back-link a { background:u rl(http://domain.pk/flat/skin/frontend/flaton/ma_flaton3/images/i_arrow-top.gif) 0 50% no-repeat; padding-left:16px; }
.opc .buttons-set.disabled button.button { display:none; }
.opc .buttons-set .please-wait { height:21px; 21px; }
.opc .ul { list-style:disc outside; padding-left:18px; }

.opc { position:relative; }
.opc li.section { padding: 0; 15px; }
.opc li.section.active { border: none; padding: 0; }
.opc li.section.active .step { 25px; }
.opc .step-title { text-align:right; border: 1px solid #e1e1e1; padding: 6px 10px; }
.opc .step-title .number { float:left; 0; color: #fff; 14px; width: 30px; height: 30px; 30px; text-align: center; background: #3a3d42; }
.opc .step-title h2 { float: left; 0 0 0 15px; 14px; color: #3f3f3f; 30px; text-transform: uppercase;}
.opc .step-title a { display:none; float:right; 11px; 16px; }
.opc li.section input.radio { float: left; 3px; 3px;}

.opc .allow .step-title { }
.opc .allow .step-title .number { background: #0099B9; }
.opc .allow .step-title h2 { }
/*.opc .allow .step-title a { display:block; }*/

.opc .active .step-title { cursor:default; }
.opc .active .step-title .number { background: #0099B9; }
.opc .active .step-title h2 { }
/*.opc .active .step-title a { display:none; }*/

.opc .step { padding: 25px 0; position:relative; }
.opc .step .tool-tip { right:30px; }

#opc-login .buttons-set { border-top:0; }
#opc-login h3 { 12px; padding-bottom: 10px; font-weight: normal; 15px; text-transform: uppercase; font-weight: 700; border-bottom: 1px solid #ddd; }
#opc-login h4 { 1em; font-weight:bold; 0; color:#000; }

#opc-shipping_method .buttons-set { border-top:0; }
.opc .gift-messages-form { 0 -30px; background:#f6f1eb; border:1px solid #e9e4de; border-width:1px 0; padding:22px 24px 22px 30px; }
.opc .gift-messages-form .inner-box { padding:5px; height:260px; overflow:auto; }

#opc-review .step { }
#opc-review .product-name { font-weight: normal; color:#333; 16px; }
#opc-review .item-options { 5px 0 0; }
#opc-review .buttons-set { padding:20px 30px; border:1px solid #d9dde3; border-width:0 1px 1px; }
#opc-review .buttons-set p { 0; 40px; }
#opc-review .buttons-set .please-wait { height:40px; 40px; }
#opc-review .authentication { 0 auto; width:570px; }
#opc-review .warning-message { color:#222; font-weight:bold; text-align:center; padding:10px 10px 0; }

#opc-review .order-review { padding: 10px;}

/* Multiple Addresses Checkout */
.checkout-progress { padding:0 90px; 0 0 20px; }
.checkout-progress li { float:left; width:19%; 0 3px 0 0; border-top:10px solid #888; padding:2px 0 0; font-weight:bold; text-align:center; color:#888; }
.checkout-progress li.active { border-top-color:#0099B9; color:#0099B9; }

.multiple-checkout h2 { 13px; font-weight:bold; 0 0 10px; }
.multiple-checkout h3,
.multiple-checkout h4 { 13px; font-weight:bold; color:#1b7a90; }
.multiple-checkout h2 a,
.multiple-checkout h3 a,
.multiple-checkout h4 a { font-weight:normal; }
.multiple-checkout .data-table .product-name { 1em !important; font-weight:bold !important; color:#1e7ec8 !important; }
.multiple-checkout .data-table .product-name a { font-weight:bold !important; }
.multiple-checkout .data-table .item-options { 5px 0 0; }

.multiple-checkout .gift-messages { 15px 0 0; }

.multiple-checkout .tool-tip { top:50%; -120px; right:20px; }

.multiple-checkout .col2-set,
.multiple-checkout .col3-set { border:1px solid #eee; 0 0 25px; padding:20px; }
.multiple-checkout .col2-set h2.legend { -20px -20px 15px; padding:5px 10px; border-bottom:1px solid #eee; position:relative; }
.multiple-checkout .col2-set h3.legend { 0 0 10px; color:#0a263c; }
.multiple-checkout .col2-set .divider { 0 -20px; padding:25px 0; position:relative; }
.multiple-checkout .box { 0 0 15px; }
.multiple-checkout .box h2 { color:#1b7a90; }

.multiple-checkout .place-order .please-wait { float:right; padding:27px 7px 0 0; }
.multiple-checkout .place-order .grand-total { float:right; height:71px; 1.5em; padding:0 0 0 21px; overflow:hidden; }
.multiple-checkout .place-order .grand-total .inner { float:left; height:57px; padding:14px 21px 0 0; }
.multiple-checkout .place-order .grand-total .inner div { display:inline; }
.multiple-checkout .place-order .grand-total big { display:inline; 12px; }
.multiple-checkout .place-order .grand-total .price { color:#E26703; }
.multiple-checkout .place-order .grand-total button.button span { 16px; }
.multiple-checkout .place-order .grand-total button.button span span { padding:0 45px 0 36px; }

/* Step 1 */
.multiple-checkout .title-buttons button.button span { border-color:#406a83; background:#618499; }
#multiship-addresses-table td { padding:10px; }
#multiship-addresses-table tfoot td { padding:5px 10px; }
#multiship-addresses-table tfoot button.button span { border-color:#406a83; background:#618499; }

/* Step 2 */
.multiple-checkout .gift-messages-form .item .details .form-list { width:100%; overflow:hidden; }
.multiple-checkout .gift-messages-form .item .details .form-list li { -15px; }
.multiple-checkout .gift-messages-form .item .details .form-list .field { width:230px; }
.multiple-checkout .gift-messages-form .item .details .form-list .input-box { width:215px; }
.multiple-checkout .gift-messages-form .item .details .form-list input.input-text { width:209px; }
.multiple-checkout .gift-messages-form .item .details .form-list li.wide .input-box { width:445px; }
.multiple-checkout .gift-messages-form .item .details .form-list li.wide textarea { width:439px; }
.checkout-multishipping-shipping .box-sp-methods { border:1px solid #d9d2be; background:#f9f3e3; padding:13px; position:relative; }
.checkout-multishipping-shipping .box-sp-methods .pointer { position:absolute; top:-20px; right:-40px; width:178px; height:41px; background:u rl(http://domain.pk/flat/skin/frontend/flaton/ma_flaton3/images/bkg_sp-methods.gif) 0 0 no-repeat; overflow:hidden; }

/* Step 3 */
.checkout-multishipping-billing .multiple-checkout { position:relative; }
/* ======================================================================================= */

/* Account Login/Create Pages ============================================================ */
.account-login .content { min-height:345px; padding:14px 21px; border:1px solid #ddd; border-bottom:0; }
.account-login .content h2 { font-weight: normal; 14px; 0 0 14px; padding:0 0 5px 23px; border-bottom:1px solid #ddd; background-position:0 1px; background-repeat:no-repeat; text-transform:uppercase; color:#1b7a90; }
.account-login .new-users h2 { background-image:u rl(http://domain.pk/flat/skin/frontend/flaton/ma_flaton3/images/i_page1.gif)}
.account-login .registered-users h2 { background-image:u rl(http://domain.pk/flat/skin/frontend/flaton/ma_flaton3/images/i_page2.gif); }
.account-login .buttons-set { border:1px solid #ddd; 0; padding:8px 13px; }

.account-create {}
.account-create .form-list input.input-text { border: 0; background: #f2f2f2; }

/* Captcha ================================================================================ */
.captcha-note { clear:left; padding-top:5px; }
.captcha-image { float:left; display:inline; 0; position:relative; width:258px; }
.captcha-image .captcha-img { border:1px solid #b6b6b6; vertical-align:bottom; width:100%; }
.registered-users .captcha-image { 0;}
.captcha-reload { cursor:pointer; position:absolute; top:2px; right:2px;}
.captcha-reload.refreshing { animation:rotate 1.5s infinite linear; -webkit-animation:rotate 1.5s infinite linear; -moz-animation:rotate 1.5s infinite linear; }

@-webkit-keyframes rotate {
0% { -webkit-transform:rotate(0); }
0% { -webkit-transform:rotate(-360deg); }
}
@-moz-keyframes rotate {
0% { -moz-transform:rotate(0); }
0% { -moz-transform:rotate(-360deg); }
}
@keyframes rotate {
0% { transform:rotate(0); }
0% { transform:rotate(-360deg); }
}

/* Remember Me Popup ===================================================================== */
.window-overlay { background:u rl(http://domain.pk/flat/skin/frontend/flaton/ma_flaton3/images/window_overlay.png) repeat; background:rgba(0, 0, 0, 0.35); position:absolute; top:0; left:0; height:100%; width:100%; z-index:990; }

.remember-me label { float:none; 0 6px; }
.remember-me-popup { background:#fff; border:1px solid #ccc; left:50%; top:50%; position:absolute; -85px 0 0 -200px; width:400px; text-align:left; -moz-box-shadow:0 0 6px #ccc; -webkit-box-shadow:0 0 6px #ccc; -box-shadow:0 0 6px #ccc; z-index:1000; }
.remember-me-popup h3 { background:#d9e5ee; border-bottom:1px solid #ccc; 14px; padding:5px 10px; }
.remember-me-popup .remember-me-popup-head { position:relative; }
.remember-me-popup .remember-me-popup-head .remember-me-popup-close { background:u rl(http://domain.pk/flat/skin/frontend/flaton/ma_flaton3/images/btn_window_close.gif) no-repeat; display:block; position:absolute; top:7px; right:7px; height:15px; width:15px; -9999em; }
.remember-me-popup .remember-me-popup-body { padding:10px; }
.remember-me-popup .remember-me-popup-body a { display:inline-block; height:19px; border:1px solid #de5400; background:#f18200; padding:0 8px; font:bold 12px/19px Arial, Helvetica, sans-serif; text-align:center; text-decoration:none; white-space:nowrap; color:#fff; }
/* Remember Me Popup ===================================================================== */

/* My Account ============================================================================= */
.my-account .title-buttons .link-rss { float:none; 0; }

/********** < Dashboard */
.dashboard .welcome-msg { 0 8em 1.5em 0; }
.dashboard .welcome-msg p { 0; }
.dashboard .col2-set { 0 0 15px; }

/* General Box */
.box-account { border:1px solid #eee; padding:15px; 0 0 20px; }
.box-account .box-head { border-bottom:1px solid #eee; 0 0 10px; text-align:right; padding-bottom: 5px; }
.box-account .box-head h2 { float:left; 0; 14px; font-weight: normal; text-transform:uppercase; background-position:0 0; background-repeat:no-repeat; color:#666; }

.dashboard .box .box-title { padding:0 0 2px; 0 0 8px; text-align:right; }
.dashboard .box .box-title h3,
.dashboard .box .box-title h4 { float:left; 13px; font-weight:bold; 0; }

/* Block: Recent Orders */
.dashboard .box-recent .box-head h2 { }

/* Block: Account Information */
.dashboard .box-info .box-head h2 { }
.dashboard .box-info h4 { 11px; font-weight:bold; text-transform:uppercase; }

/* Block: Reviews */
.dashboard .box-reviews .box-head h2 { }
.dashboard .box-reviews .number { float:left; 10px; font-weight:bold; 1; color:#fff; 3px -20px 0 0; padding:2px 3px; background:#0a263c; }
.dashboard .box-reviews .details { 20px; }
.dashboard .box-reviews li.item { 0 0 7px; }
.dashboard .box-reviews li.item.last { 0; }
.dashboard .box-reviews .ratings { 7px 0 0; }

/* Block: Tags */
.dashboard .box-tags .box-head h2 { }
.dashboard .box-tags .number { float:left; 10px; font-weight:bold; 1; color:#fff; 3px -20px 0 0; padding:2px 3px; background:#333; }
.dashboard .box-tags .details { 20px; }
.dashboard .box-tags li.item { 0 0 7px; }
.dashboard .box-tags li.item.last { 0; }
.dashboard .box-tags .tags strong,
.dashboard .box-tags .tags ul,
.dashboard .box-tags .tags ul li { display:inline; }
/********** Dashboard > */

/* Address Book */
.addresses-list h2 { font-weight:bold; 13px; color:#333; text-transform:uppercase; }
.addresses-list h3 { font-weight:bold; 13px; }
.addresses-list address { 0 0 3px; }
.addresses-list p { 0; }
.addresses-list a { font-weight:bold; }
.addresses-list .link-remove { color:#646464; }
.addresses-list .separator { 0 3px; }
.addresses-list li.item { border:1px solid #ddd; padding:10px 13px; 0 0 10px; }
.addresses-list li.empty { background:none; border:0; padding:0; }
.addresses-list li.empty p { font-weight:bold; }
.addresses-list .addresses-additional li.item { background:none; border:0; padding:0; }

/* Order View */
.order-info { background:#dee5e8; border:1px solid #d0cbc1; padding:4px 8px; 0 0 8px; }
.order-info dt,
.order-info dd,
.order-info ul,
.order-info li { display:inline; }
.order-info .current { font-weight:bold; }
.order-info li { 0 3px; }

.order-date { 10px 0; }

.order-info-box { background:#fff u rl(http://domain.pk/flat/skin/frontend/flaton/ma_flaton3/images/bkg_block-title.gif) 0 0 repeat-x; border:1px solid #d0cbc1; padding:12px 15px; 0 0 15px; }
.order-info-box h2 { font-weight:bold; 13px; }
.order-info-box .box-payment p { 0 0 3px; }
.order-info-box .box-payment th { font-weight:bold; padding-right:7px; }

.order-items { width:100%; overflow-x:auto; }
.order-items h2,
.order-items h3 { clear:none; font-weight:bold; 13px; padding:0; 0 0 5px; color:#0a263c; }
.order-items .product-name { 1em !important; font-weight:bold !important; }
.order-items .link-print { color:#1e7ec8; font-weight:normal; }
.order-items .order-links { text-align:right; }

.order-additional { 15px 0; }
/* Order Gift Message */
.gift-message dt strong { color:#666; }
.gift-message dd { 13px; 5px 0 0; }
/* Order Comments */
.order-about dt { font-weight:bold; }
.order-about dd { 13px; 0 0 7px; }

.tracking-table { 0 0 15px; }
.tracking-table th { font-weight:bold; white-space:nowrap; }

.tracking-table-popup { width:100%; }
.tracking-table-popup th { font-weight:bold; white-space:nowrap; }
.tracking-table-popup th,
.tracking-table-popup td { padding:1px 8px; }

/* Order Print Pages */
.page-print .print-head { 0 0 15px; }
.page-print .print-head .logo { float:left; }
.page-print .print-head address { float:left; 15px; }
.page-print h1 { 16px; font-weight:bold; }
.page-print h2,
.page-print h3 { 13px; font-weight:bold; }
.page-print h2.h2 { 16px; font-weight:bold; }
.page-print .order-date { background:u rl(http://domain.pk/flat/skin/frontend/flaton/ma_flaton3/images/bkg_divider1.gif) 0 100% repeat-x; padding:0 0 10px; 0 0 10px; }
.page-print .col2-set { 0 0 10px; }
/* Price Rewrites */
.page-print .gift-message-link { display:none; }
.page-print .price-excl-tax,
.page-print .price-incl-tax { display:block; white-space:nowrap; }
.page-print .cart-price,
.page-print .price-excl-tax .label,
.page-print .price-incl-tax .label,
.page-print .price-excl-tax .price,
.page-print .price-incl-tax .price { display:inline; }

/* My Wishlist */
.my-wishlist .data-table td { padding:10px; }
.my-wishlist .product-image { display:block; width:113px; height:113px; 0 0 5px; }
.my-wishlist textarea { display:block; width:97%; height:109px; }
.my-wishlist .buttons-set { 2em; }
.my-wishlist .buttons-set button.button { float:none; }
.my-wishlist .buttons-set .btn-add span,
.my-wishlist .buttons-set .btn-share span { }
#wishlist-table .add-to-links { white-space:nowrap; }
#wishlist-table .cart-cell button.btn-cart { 10px 0;}

/* My Tags */
.my-tag-edit { float:left; 0 0 10px; }
.my-tag-edit .btn-remove { float:right; 4px 0 0 5px; }
#my-tags-table { clear:both; }
#my-tags-table td { padding:10px; }
#my-tags-table .add-to-links { white-space:nowrap; }

/* My Reviews */
#my-reviews-table td { padding:10px; }

.product-review .product-img-box { float:left; width:140px; }
.product-review .product-img-box .product-image { display:block; width:125px; height:125px; }
.product-review .product-img-box .label { 11px; 0 0 3px; }
.product-review .product-img-box .ratings .rating-box { float:none; display:block; 0 0 3px; }
.product-review .product-details { 150px; }
.product-review .product-name { 16px; font-weight:bold; 0 0 10px; }
.product-review h3 { 12px; 0 0 3px; color:#2f2f2f; }
.product-review .ratings-table { 0 0 10px; }
.product-review dt { font-weight:bold; }
.product-review dd { 13px; 5px 0 0; }

/* Billing Agreements */
.billing-agreements .info-box{ 15px 0; }
.billing-agreements .form-list li select { float:left; }
.billing-agreements .form-list li button.button { float:left; 10px; }
.billing-agreements .table-caption { font-weight:bold; 13px; }
/* ======================================================================================= */

/* MAP Popup============================================================================== */
.cart-msrp-totals { color:red; 12px !important; font-weight:bold; 10px 10px 0; padding:10px; text-align:right; text-transform:uppercase;}
.map-cart-sidebar-total { color:red; display:block; 10px; font-weight:bold; text-align:left; padding:2px 5px; text-shadow:0 1px 0 #fff; }

.map-popup { background:#fff; border:1px solid #aaa; 12px 0 0; position:absolute; -moz-box-shadow:0 0 6px #ccc; -webkit-box-shadow:0 0 6px #ccc; box-shadow:0 0 6px #ccc; text-align:left; width:300px; z-index:100; }
.map-popup-heading { background:#d9e5ee; border-bottom:1px solid #ccc; padding:5px 30px 5px 10px; width:260px; }
.map-popup-heading h2 { 16px; 0; text-shadow:0 1px 0 #f6f6f6; overflow:hidden; white-space:nowrap; word-wrap:break-word; text-align:left; text-overflow:ellipsis; }
.map-popup-arrow { background:u rl(http://domain.pk/flat/skin/frontend/flaton/ma_flaton3/images/map_popup_arrow.gif) no-repeat; position:absolute; left:50%; top:-10px; height:10px; width:19px; }
.map-popup-close { background:u rl(http://domain.pk/flat/skin/frontend/flaton/ma_flaton3/images/btn_window_close.gif) no-repeat; display:block; position:absolute; top:8px; right:10px; height:15px; width:15px; -9999em; -moz-box-shadow:0 0 3px #999; -webkit-box-shadow:0 0 3px #999; box-shadow:0 0 3px #999; -moz-border-radius:2px; -webkit-border-radius:2px; border-radius:2px; }
.map-popup-content { border-top:1px solid #eee; padding:10px; overflow:hidden; text-align:left; width:280px; }
.map-popup-checkout { display:inline; float:right; text-align:right; }
.map-popup-checkout span { display:block; padding-right:30px; }
.map-popup-checkout .paypal-logo { 0 0 5px; }
.map-popup-price .price-box,
.map-popup-price .price-box .special-price { 0; padding:0; }
.map-popup-price { 5px 0 0; }
.map-popup-text { clear:right; 0 10px; padding:10px 0; text-align:left; word-wrap:break-word; }
.map-popup-only-text { border-top:1px solid #ddd; }
/* ======================================================================================= */

/* block-sequence */

.block-sequence .block-inner { position: relative; 22px; }
.block-sequence .des { width: 75%; position: absolute; z-index: 1; top: 20%; right: 15px; text-align: right; }
.block-sequence h2 { 18px; color: #fff; text-transform: uppercase; }
.block-sequence p { color: #fff; }

/* ========================== */

.footer-static-container { position: relative; }

.footer-static-title { 10px; border-bottom: 1px solid #555;}
.footer-static-title h3 { color: #999; font-weight: normal; text-transform: uppercase;}

.footer-static-content ul li { 25px;}
.footer-static-content ul li a { color: #999;}
.footer-static-content ul li a:hover { color: #fff;}

.footer-static-container { }
.footer-static-2 { color: #808080; overflow: hidden; 50px 0; text-align: center; }
.footer-static-2 .title-footer h2 { 18px; font-weight: 700; text-transform: uppercase; letter-spacing: 4px; }
.footer-static-2 .footer-content { 30px; display: inline-block; }
.footer-static-2 .link-web { float: left; 13px 25px 0 0; }
.footer-static-2 .link-web ul { float: left; }
.footer-static-2 .link-web ul li { float: left; 15px;}
.footer-static-2 .link-web ul li a{ display: block; 0; color: #222; width: 34px; height: 34px; text-align: center; 32px; text-decoration: none; }
.footer-static-2 .link-web ul li a:hover { color: #0099B9; }
.footer-static-2 .link-web ul li a:before { display: block; FontAwesome; 30px; text-align: center; }
.footer-static-2 .link-web ul li a.face:before { content: "\f09a"; }
.footer-static-2 .link-web ul li a.twitter:before { content: "\f099"; }
.footer-static-2 .link-web ul li a.instagram:before { content: "\f16d"; }
.footer-static-2 .link-web ul li a.youtube:before { content: "\f167"; }

.footer-static-2 .newsletter-container { float: left; }
.footer-static-2 .block-subscribe { 0; padding: 0; float: left; }
.footer-static-2 .title { float: left; 30px; }
.footer-static-2 .title h3 { text-transform: uppercase; color: #fff; 12px; font-weight: normal; 36px; 0; }
.footer-static-2 #newsletter-validate-detail { float: left; }
.footer-static-2 #newsletter-validate-detail .block-content { padding: 0; }
.footer-static-2 #newsletter-validate-detail input.input-text { color: #222; height: 56px;border: 0; }
.footer-static-2 #newsletter-validate-detail .actions button.button:hover span span {
border-color: #0099B9; background: #0099B9;
}

.footer-static { padding: 50px 20px; }
.footer-static .footer-title { border-bottom: 1px solid rgba(255,255,255,0.5); }
.footer-static .footer-title h2 {
20px;
text-transform: capitalize;
color: #fff;
0;
35px;
font-weight: 300;
display: inline-block; }
.footer-static .footer-content { 25px; color: #fff; 14px; font-weight: 300; }
.footer-static .footer-content ul { }
.footer-static .footer-content ul li { }
.footer-static .footer-content ul li a { display: block;
50px;
text-transform: capitalize;
14px;
text-decoration: none;
color: #fff; border-bottom: 1px solid #527990; padding: 0 10px; }
.footer-static .footer-content ul li:hover a{ text-decoration: none; background: rgba(255,255,255,0.2); color: #0099B9; }

.footer-static .footer-content ul li.last a { }

.footer-static .footer-content label { display: inline-block; 0 5px 0 0; font-weight: normal; text-transform: capitalize; }

.footer-static p { 0; 21px; display: inline; 14px; Raleway;color: #fff; }
.footer-static .footer-content .link-web { 35px 0; }
.footer-static .footer-content .link-web ul li { display: inline-block; 8px; }
.footer-static .footer-content .link-web ul li a { border: 0; 0; width: 38px; height: 38px; padding: 0; 36px; text-align: center; border: 1px solid #cbcbcb; color: #cbcbcb; border-radius: 100%; }
.footer-static .footer-content .link-web ul li a:hover { color: #0099B9; border-color: #0099B9; background: none; }
.footer-static .footer-content .link-web ul li a:before { display: inline-block; 18px; FontAwesome; }
.footer-static .footer-content .link-web ul li a.face:before { content:"\f09a"; }
.footer-static .footer-content .link-web ul li a.twitter:before { content:"\f099"; }
.footer-static .footer-content .link-web ul li a.rss:before { content:"\f09e"; }
.footer-static .footer-content .link-web ul li a.google:before { content:"\f0d5"; }
.footer-static .footer-content .link-web ul li a.print:before { content:"\f0d2"; }
.footer-static .footer-content .icon { position: relative; padding: 10px 0 0 75px; display: block; min-height: 61px; 20px; }
.footer-static .footer-content .icon.email { padding-top: 20px; 0; }
.footer-static .footer-content .icon:before { display: inline-block; text-align: center; 18px; FontAwesome; border: 1px solid #fff; border-radius: 100%; 10px; width: 61px; height: 61px; 59px; position: absolute; left: 0; top: 50%; -30px }
.footer-static .footer-content .icon.address:before { content:"\f041";}
.footer-static .footer-content .icon.phone:before { content:"\f095";}
.footer-static .footer-content .icon.email:before { content:"\f003";}

/* category-tab */

ul.tabs {
0;
padding: 0;
list-style: none! important;
text-align: right;
position: absolute; right: 77px; top: 22px;
}
ul.tabs li { display: inline-block; 11px; text-transform: uppercase; 14px; padding: 0 5px; cursor: pointer; }
ul.tabs li p { 0; color: #8a8a8a; }
ul.tabs li.active p { color: #0099B9; }

.tab_container {
border-top: none;
clear: both;
}
.tab_content {
padding: 20px;
1.2em;
display: none;
}
#container {
width: 100%;
0 auto;
}
.category-tab .products-grid { }
.category-tab .products-grid .item { border: 0; overflow: hidden; 20px; }
.category-tab .products-grid .item.first { 0; }
.category-tab .products-grid .item .product-image { width: 70px; float: left; }
.category-tab .products-grid .item .des-container { 90px; }
.category-tab .products-grid .item .product-name a { 17px; 13px; text-transform: capitalize; color: #333; font-weight: 700; }
.category-tab .products-grid .item .product-name a:hover { color: #0099B9; }
.category-tab .products-grid .item .actions { border-top: 1px solid #d7d7d7; 10px; }
.category-tab .products-grid .item .actions ul { float: left; 0; }
.category-tab .products-grid .item .actions ul li { float: left; border-left: 1px solid #d7d7d7; border-bottom: 0; }
.category-tab .products-grid .item .actions ul li a,
.category-tab .products-grid .item .actions button.button span span { 0; background: none; color: #5e5e5e; 0; padding: 0; width: 47px; }
.category-tab .products-grid .item .actions ul li a:hover,
.category-tab .products-grid .item .actions button.button:hover span span { color: #0099B9; }
.category-tab .products-grid .item .actions ul li a:before,
.category-tab .products-grid .item .actions button.button span span:before { 16px; FontAwesome; display: block; padding: 0 15px; 35px;}
.category-tab .products-grid .item .actions ul li a.link-wishlist:before { content:"\f004";}
.category-tab .products-grid .item .actions ul li a.link-compare:before { content:"\f074";}
.category-tab .products-grid .item .actions button.button span span:before { content:"\f07a";}
.category-tab .products-grid .item .actions button.button { float: left; }

/* Footer ================================================================================ */
.ma-footer-container { background: u rl(http://domain.pk/flat/skin/frontend/flaton/ma_flaton3/images/bg_footer.jpg) 50% 0; 0 -20px; }
.footer { padding: 10px 0; text-align: center; border-top: 1px solid rgba(255,255,255,0.5); }

.footer .store-switcher { display:inline-block; 7px 0; color:#fff; }
.footer .store-switcher label { font-weight: normal; vertical-align:middle; color: #666; 0; }
.footer .store-switcher select { padding:0; vertical-align:middle; text-transform: capitalize; }
.footer a { color:#fff; text-decoration:none; }
.footer a:hover { text-decoration:underline; }
.footer .bugs { 13px 0 0; color:#ecf3f6; }
.footer .bugs a { color:#ecf3f6; text-decoration:underline; }
.footer .bugs a:hover { text-decoration:none; }
.footer address { 0; color:#666; text-transform: capitalize; 34px; 12px; color: #fff; }

.footer address a { color:#0099B9; text-decoration:none; }
.footer address a:hover { text-decoration:underline;}
.footer ul { display:inline; }
.footer ul.links { display: none; }
.footer ul.links li { display: inline-block; }
.footer ul.links li a { color: #fff; padding:0 10px; text-decoration: none; text-transform: uppercase; 13px; border-right: 1px solid #fff; 13px; display: block; }
.footer ul.links li a:hover { color: #0099B9;}
.footer ul.links li.last a { border: 0; }
.footer-container .bottom-container { 0 0 5px; }
.footer .payment { float: right; 0; }
/* ======================================================================================= */

/* Sample Data============================================================================ */
.home-callout { 12px; }
.home-callout img { display:block }
.home-spot { float:left; width:470px; 20px; }
.best-selling h3 { 12px 0 6px 0; color:#e25203; 1.2em; }
.best-selling table { border-top:1px solid #ccc; }
.best-selling tr.odd { background:#eee u rl(http://domain.pk/flat/skin/frontend/flaton/ma_flaton3/images/best_selling_tr_odd_bg.gif) 0 100% repeat-x; }
.best-selling tr.even { background:#fff u rl(http://domain.pk/flat/skin/frontend/flaton/ma_flaton3/images/best_selling_tr_even_bg.gif) 0 100% repeat-x; }
.best-selling td { width:50%; border-bottom:1px solid #ccc; padding:8px 10px 8px 8px; 11px; }
.best-selling .product-img { float:left; border:2px solid #dcdcdc; }
.best-selling .product-description { 107px; 1.3em; }
.best-selling a.product-name,
.home-spot .best-selling a.product-name:hover { color:#203548; }
/* ======================================================================================= */

/* Clears ================================================================================ */
.clearer:after,
.header-container:after,
.header-container .top-container:after,
.header:after,
.header .quick-access:after,
#nav:after,
.main:after,
.footer:after,
.footer-container .bottom-container:after,
.col-main:after,
.col2-set:after,
.col3-set:after,
.col3-layout .product-options-bottom .price-box:after,
.col4-set:after,
.search-autocomplete li:after,
.block .block-content:after,
.block .actions:after,
.block li.item:after,
.block-poll li:after,
.block-layered-nav .currently li:after,
.page-title:after,
.products-grid:after,
.products-list li.item:after,
.box-account .box-head:after,
.dashboard .box .box-title:after,
.box-reviews li.item:after,
.box-tags li.item:after,
.pager:after,
.sorter:after,
.ratings:after,
.add-to-box:after,
.add-to-cart:after,
.product-essential:after,
.product-collateral:after,
.product-view .product-img-box .more-views ul:after,
.product-view .box-tags .form-add:after,
.product-view .product-shop .short-description:after,
.product-view .box-description:after,
.product-options .options-list li:after,
.product-options-bottom:after,
.product-review:after,
.cart:after,
.cart-collaterals:after,
.cart .crosssell li.item:after,
.opc .step-title:after,
.checkout-progress:after,
.multiple-checkout .place-order:after,
.group-select li:after,
.form-list li:after,
.form-list .field:after,
.buttons-set:after,
.page-print .print-head:after,
.advanced-search-summary:after,
.gift-messages-form .item:after,
.send-friend .form-list li p:after { display:block; content:"."; clear:both; 0; 0; height:0; overflow:hidden; }
/* ======================================================================================= */

.guest-select {width:305px !important;}

/*banner-static*/
.banner-home-left { 30px; }
.banner-home-left a { display: block; position: relative; }
.banner-home-left a:before { display: block; position: absolute; top: 0; right: 0; bottom: 0; left: 0; background: rgba(0,0,0,0.2); content:""; z-index: 1; opacity: 0; -webkit-transition: all 0.3s ease-out; -moz-transition: all 0.3s ease-out; transition: all 0.3s ease-out; pointer-events: none; }
.banner-home-left a:hover:before { opacity: 1; }
.banner-home-left img { width: 100%; }

.banner-static-top { 0 -20px 50px; padding: 60px 20px; background: u rl(http://domain.pk/flat/skin/frontend/flaton/ma_flaton3/images/bg_featured_category.jpg) 50% 0; }
.banner-static-top .banner-box { position: relative; text-align: center; }
.banner-static-top .banner-box .image { display: block; auto; 0; width: 90px; height: 90px; border-radius: 15px; position: relative; color: #fff;
background: linear-gradient(bottom left, #a12d63, #e2758c);
background: -webkit-linear-gradient(bottom left, #a12d63, #e2758c);
background: -moz-linear-gradient(bottom left, #a12d63, #e2758c);
background: -o-linear-gradient(bottom left, #a12d63, #e2758c);
-webkit-transition: all 0.3s ease-out;
-moz-transition: all 0.3s ease-out;
transition: all 0.3s ease-out;
}
.banner-static-top .banner-box .image:before { position: absolute; top: 7px; right: 7px; bottom: 7px; left: 7px; display: block; border-radius: 100%; border: 1px solid #fff; FontAwesome; 30px; 72px;
-webkit-transition: all 0.3s ease-out;
-moz-transition: all 0.3s ease-out;
transition: all 0.3s ease-out;

}
.banner-static-top .banner-box .image.free-ship:before { content:"\f0d1"; }
.banner-static-top .banner-box .image.return:before { content:"\f021"; }
.banner-static-top .banner-box .image.update:before { content:"\f073"; }
.banner-static-top .banner-box .image.support:before { content:"\f0e6"; }
.banner-static-top .banner-box:hover .image,
.banner-static-top .banner-box:hover .image:before { background: none;
border: 1px solid #0099B9; color: #0099B9;
}
.banner-static-top .banner-box:hover .image:before {
-webkit-transform: rotate(360deg);
-moz-transform: rotate(360deg);
transform: rotate(360deg);
}
.banner-static-top .banner-box .text a.name { 16px; text-transform: uppercase; color: #fff; 25px 0 10px; display: block;}
.banner-static-top .banner-box .text a.name:hover { color: #0099B9; }
.banner-static-top .banner-box .text p { 0; color: #dbdbdb; }



.banner-static { 30px 0; }

.banner-static .banner-box { position: relative; overflow: hidden; }
.banner-static img { width: 100%; }
.banner-static .text { position: absolute; top: 50%; text-align: right; overflow: hidden; }
.banner-static .banner-box .text h1 { text-transform: uppercase;}
.banner-static .banner-box:hover .text h1 {
animation: slideInRight 0.5s linear alternate;
-webkit-animation: slideInRight 0.5s linear alternate;
-moz-animation: slideInRight 0.5s linear alternate;
}
.banner-static .banner-box:hover .text p {
animation: slideInRight 0.7s linear alternate;
-webkit-animation: slideInRight 0.7s linear alternate;
-moz-animation: slideInRight 0.7s linear alternate;
}
.banner-static .banner-box:hover .text a {
animation: slideInRight 1s linear alternate;
-webkit-animation: slideInRight 1s linear alternate;
-moz-animation: slideInRight 1s linear alternate;
}
.banner-static .banner-box1 .text { right: 30px; -88px; }
.banner-static .banner-box1 .text h1 { color: #fff; 36px; font-weight: 800; }
.banner-static .banner-box1 .text p { color: #000; 14px; font-weight: 600; }
.banner-static .banner-box1 .text a.shop-now { color: #fff; 11px; font-weight: 500; text-transform: uppercase; border: 1px solid #fff; border-radius: 15px;
text-decoration: none;
display: inline-block;
30px;
padding: 0 20px; 10px;
}
.banner-static .banner-box1 .text a.shop-now:hover { color: #0099B9; border-color: #0099B9; }
.banner-static .banner-box2 .text { left: 50%; -40px;
-75px; }
.banner-static .banner-box2 .text h1 { color: #434343; 48px; font-weight: 300; 40px; }
.banner-static .banner-box2 .text p { color: #434343; 18px; font-weight: 600; }

.featured-categories { background: u rl(http://domain.pk/flat/skin/frontend/flaton/ma_flaton3/images/bg_featured_category.jpg) 50% 0; 50px 0; padding: 50px 0 70px; }

.featured-category { 75px; padding: 0 15px; text-align: center; }
.featured-category .box-cate { }
.featured-category .box-cate .name-cate { 15px 0 0;}
.featured-category .box-cate .name-cate a { 24px; color: #c2c2c2; text-transform: capitalize; font-weight: 300; text-decoration: none; }
.featured-category .box-cate .name-cate a:hover { color: #0099B9; }
.featured-category .box-cate .image { display: block; 0 30px; position: relative; -webkit-transition: all 0.3s ease-out; -moz-transition: all 0.3s ease-out; transition: all 0.3s ease-out; }
.featured-category .box-cate .image:before { position: absolute; content:""; top: 0; right: 0; bottom: 0; left: 0; border-radius: 100%; background-color: rgba(86,188,154,0.65); pointer-events: none; opacity: 0; -webkit-transition: all 0.3s ease-out; -moz-transition: all 0.3s ease-out; transition: all 0.3s ease-out; transform: scale(0); -webkit-transform: scale(0); -moz-transform: scale(0); }
.featured-category .box-cate:hover .image:before { opacity: 1; -webkit-transform: scale(1); -moz-transform: scale(1); transform: scale(1); }
.featured-category .box-cate .image:after { position: absolute; content:""; top: 0; right: 0; bottom: 0; left: 0; border-radius: 100%; pointer-events: none; -webkit-transition: all 0.3s ease-out; -moz-transition: all 0.3s ease-out; transition: all 0.3s ease-out; }
.featured-category .box-cate:hover .image:after { border: 1px solid #c2c2c2; top: 10px; right: 10px; bottom: 10px; left: 10px; }
.featured-category .box-cate .image .icon { display: block; }
.featured-category .box-cate .image .icon:after { position: absolute; content:"\f0c1"; FontAwesome; 22px; left: 0; right: 0; top: 50%; -15px; color: #fff; pointer-events: none; opacity: 0; -webkit-transition: all 0.3s ease-out; -moz-transition: all 0.3s ease-out; transition: all 0.3s ease-out; }
.featured-category .box-cate:hover .image .icon:after { opacity: 1;
-webkit-transform: rotate(360deg);
-moz-transform: rotate(360deg);
transform: rotate(360deg);
}
.featured-category .box-cate a.icon img { border-radius: 100%; background: rgba(255,255,255,0.5); display: block; auto; 0; width: 100%; }

.banner-static-bottom { 50px 0;}
.banner-static-bottom .banner-box1 { -12px;}
.banner-static-bottom .banner-box2 { 0 -7px 0 -8px;}
.banner-static-bottom .banner-box3 { -12px;}
.banner-static-bottom .banner-box .box-inner { overflow: hidden; position: relative; }

.banner-static-bottom .banner-box .box-inner .text { position: absolute; text-align: center; top: 0; left: 0; background: #fff; -webkit-transition: all 0.5s ease-out; -moz-transition: all 0.5s ease-out; transition: all 0.5s ease-out; }
.banner-static-bottom .banner-box .box-inner .text .text-inner { 65px;}
.banner-static-bottom .banner-box .box-inner .text h1 { text-transform: uppercase; 14px; color: #333; font-weight: 700; 15px }
.banner-static-bottom .banner-box .box-inner .text a { text-transform: uppercase; 12px; color: #fff; font-weight: 700; display: inline-block; 31px; padding: 0 20px; letter-spacing: 2px; background: #c5c5c5; }
.banner-static-bottom .banner-box .box-inner2,
.banner-static-bottom .banner-box .box-inner5 { 3px;}
.banner-static-bottom .banner-box1 .box-inner .image,
.banner-static-bottom .banner-box3 .box-inner .image
{ width: 50%; }
.banner-static-bottom .banner-box1 .box-inner .text,
.banner-static-bottom .banner-box3 .box-inner .text
{ width: 50%; height: 100%; background: #fff; }
.banner-static-bottom .banner-box .box-inner1 .text,
.banner-static-bottom .banner-box .box-inner4 .text { left: 50%;}
.banner-static-bottom .banner-box .box-inner1 .text:before,
.banner-static-bottom .banner-box .box-inner4 .text:before { display: block; position: absolute; width: 22px; height: 22px; content: ""; border: 11px solid transparent; border-right-color: #fff; top: 50%; -11px; left: -22px;}

.banner-static-bottom .box-inner1 .image,
.banner-static-bottom .box-inner4 .image {float: left;}
.banner-static-bottom .box-inner2 .image,
.banner-static-bottom .box-inner5 .image {float: right;}
.banner-static-bottom .banner-box .box-inner2 .text,
.banner-static-bottom .banner-box .box-inner3 .text,
.banner-static-bottom .banner-box .box-inner5 .text { background: #0099B9;}
.banner-static-bottom .banner-box .box-inner2 .text:before,
.banner-static-bottom .banner-box .box-inner5 .text:before { display: block; position: absolute; width: 22px; height: 22px; content: ""; border: 11px solid transparent; border-left-color: #0099B9; top: 50%; -11px; right: -22px;}
.banner-static-bottom .banner-box .box-inner2 .text h1,
.banner-static-bottom .banner-box .box-inner3 .text h1,
.banner-static-bottom .banner-box .box-inner5 .text h1{ color: #fff;}
.banner-static-bottom .banner-box .box-inner2 .text a,
.banner-static-bottom .banner-box .box-inner3 .text a,
.banner-static-bottom .banner-box .box-inner5 .text a{ color: #fff; border: 1px solid #fff; background: none; }
.banner-static-bottom .banner-box .box-inner3 .text { width: 50%; height: 50%; top: 0; bottom: 0; left: 0; right: 0; auto;}
.banner-static-bottom .banner-box .box-inner:hover .text { -webkit-transform: scale(1.1); -webkit-transform: scale(1.1);transform: scale(1.1) }


.banner-left { position: relative; 0 0 30px; overflow: hidden; text-transform: uppercase; }
.banner-left .banner-content{ position: absolute; left: 20px; right: 20px; top: 50%; text-align: center; color: #fff; pointer-events: none;}
.banner-left .banner-content h1 { 30px; color: #000; 22px; 0; }
.banner-left .banner-content h2 { 44px; color: #0099B9; 34px; }
.banner-left .banner-content p { 12px; color: #fff; letter-spacing: 3px; 20px 0; }
.banner-left .banner-content a { color: #fff; background: #000; border-radius: 4px; padding: 5px 15px; 20px; }
.banner-left .banner-content a:hover { background: #0099B9; }
.banner-left img { width: 100%; transition: all 0.3s ease-out; transform: scale(1); }
.banner-left:hover img { transform: scale(1.2); }

.cms-index-index .banner-static4 { background: u rl(http://domain.pk/flat/skin/frontend/flaton/ma_flaton3/images/parallax.jpg) fixed no-repeat 50% 30%; padding: 150px 0; position: relative; }
.cms-index-index .banner-static4:before { position: absolute; top: 0; width: 100%; height: 100%; background: rgba(0,0,0,0.6); content: "";}
.cms-index-index .banner-static4 .banner-box1:before { background-position: 0 0;}
.cms-index-index .banner-static4 .banner-box2:before { background-position: 0 0;}
.cms-index-index .banner-static4 .banner-box3:before { background-position: 0 0;}
.cms-index-index .banner-static4 .banner-box, .cms-index-index .banner-static4 .banner-box h2, .cms-index-index .banner-static4 .banner-box span { color: #fff;}

.banner-static4 {background: #e7e7e7; padding: 50px 0;}
.banner-static4 .banner-box { text-align: center; color: #363636;}
.banner-static4 .banner-box h2 { color: #363636; text-transform: uppercase; 24px; 15px 0;}
.banner-static4 .banner-box span { text-transform: capitalize; 18px; font-style: italic; color: #898989; }
.banner-static4 .banner-box1:before { content:""; width: 50px; height: 50px; background: u rl(http://domain.pk/flat/skin/frontend/flaton/ma_flaton3/images/money_back.png) no-repeat 0 100%; display: block; auto;}
.banner-static4 .banner-box2:before { content:""; width: 50px; height: 50px; background: u rl(http://domain.pk/flat/skin/frontend/flaton/ma_flaton3/images/free_shipping.png) no-repeat 0 100%; display: block; auto;}
.banner-static4 .banner-box3:before { content:""; width: 50px; height: 50px; background: u rl(http://domain.pk/flat/skin/frontend/flaton/ma_flaton3/images/support.png) no-repeat 0 100%; display: block; auto;}

/* onepage-checkout */

.onepagecheckout-index-index .note { 20px; display: block; }
#onepagecheckout_orderform button.btn-checkout {
background: #0099B9;
border-radius: 5px;
color: #ffffff;
font: bold 16px/45px Arial,Helvetica,sans-serif;
height: 45px !important;
10px;
padding: 0 20px;
text-transform: uppercase;
}
#onepagecheckout_orderform button.btn-checkout:hover { background: #222; }
.opc_wrapper h1 { }
.opc_wrapper .field label { 13px;}
#checkout-review-table .product-name a { text-transform: capitalize; }
#shopping-cart-totals-table td strong { font-weight: 700; }
#shopping-cart-totals-table td strong .price { color: #0099B9; font-weight: 400; }

/* new product */

.ma-newproductslider-container { 50px 0 0; }

/* bestseller */
.ma-bestsellerproductslider-container { position: relative; padding: 0; border: 0; }

.ma-bestsellerproductslider-container .item .item-inner{ overflow: hidden; padding: 20px 0; border-bottom: 1px solid #e5e5e5; }
.ma-bestsellerproductslider-container .item .item-inner .images-container { width: 33%; float: left; border: 1px solid #e5e5e5; }
.ma-bestsellerproductslider-container .item .item-inner .des-container {
width: 67%;
float: left;
padding-left: 20px;
}
.block .owl-theme .owl-controls .owl-buttons { background: #fff; padding-left: 15px; top: -32px; }
.block .owl-carousel .owl-item { 15px 0 0; }
.block .item .item-inner .product-name { border: 0; padding: 0; }
.block .item .item-inner .product-name a { }

/* mostviewedproductslider */

.ma-mostviewedproductslider-container { 50px 0;}
.modul-title1 { position: relative; text-align: center;}
.modul-title1:before { position: absolute; width: 100%; height: 1px; background: #ddd; content: ""; left: 0; top: 50%; }
.modul-title1 h2 { 0; display: inline-block; 40px; padding: 0px 50px; 16px; text-transform: uppercase; color: #adadad; font-weight: 400; border: 1px solid #ddd; border-radius: 20px; background: #fff; position: relative;}

/* testimonial */
.modul-title2 {text-align: center; }
.modul-title2 h2{ text-transform: uppercase; color: #fff; 36px; font-weight: 200; 4px; 60px; }
.modul-title2 h2:after { content: ""; background: #fff; width: 98px; height: 1px; display: block; auto; }
.modul-title2:after { content: ""; background: #fff; width: 178px; height: 1px; display: block; auto; }

.testimonial-sidebar { background: u rl(http://domain.pk/flat/skin/frontend/flaton/ma_flaton3/images/bg_testimonial.jpg) 50% 0; padding: 30px 20px; 50px -20px; }
.testimonial-sidebar .block-content { padding: 0 100px; 30px; }
.testimonial-sidebar .owl-container{ 0; border: 1px solid #fff; padding: 30px; }
.testimonial-list .content { background: u rl(http://domain.pk/flat/skin/frontend/flaton/ma_flaton3/images/comment.png) no-repeat 0 0; min-height: 50px;
padding-left: 65px; }
.testimonial-list .content a { color: #fff; 14px; 25px; }
.testimonial-sidebar .owl-theme .owl-controls .owl-pagination { position: absolute; top: 0; bottom: 0; left: auto; right: -100px; }
.testimonial-sidebar .owl-theme .owl-controls .owl-page{ display: block; }
.testimonial-sidebar .owl-theme .owl-controls .owl-page span { border: 1px solid #fff; background: none; position: relative; }
.testimonial-sidebar .owl-theme .owl-controls .owl-page span:before { content:""; position: absolute; background: #fff; top: 2px; bottom: 2px; right: 2px; left: 2px; border-radius: 100%; opacity: 0; }
.testimonial-sidebar .owl-theme .owl-controls .owl-page.active span,
.testimonial-sidebar .owl-theme .owl-controls.clickable .owl-page:hover span { border: 1px solid #fff; }
.testimonial-sidebar .owl-theme .owl-controls .owl-page.active span:before,
.testimonial-sidebar .owl-theme .owl-controls.clickable .owl-page:hover span:before { opacity: 1; }
.testimonial-sidebar .thumb { text-align: center; 50px; min-height: 140px; }
.testimonial-sidebar .thumb li { border-radius: 100%; display: inline-block; 0 10px; cursor: pointer; position: relative; transform: scale(0.9); -webkit-transform: scale(0.9); -moz-transform: scale(0.9); -webkit-transition: all 0.3s ease-out; -moz-transition: all 0.3s ease-out; transition: all 0.3s ease-out; }
.testimonial-sidebar .thumb li img{ border-radius: 100%;}
.testimonial-sidebar .thumb li:after { content: ""; background: rgba(0,0,0,0.2); display: block; position: absolute; top: 0; right: 0; bottom: 0; left: 0; border-radius: 100%; }
.testimonial-sidebar .thumb li:hover,
.testimonial-sidebar .thumb li.active { border: 1px solid #fff; padding: 5px; -webkit-transform: scale(1); -moz-transform: scale(1); transform: scale(1);
}
.testimonial-sidebar .thumb li:hover:after,
.testimonial-sidebar .thumb li.active:after { background: none; }
/* blog modul */

.postWrapper {
40px 0;
clear: both;
}

.blog-post-view .postWrapper { 0; }
.postWrapper.two .col-sm-6,
.postWrapper.two .col-sms-6 { float: right;}
.postWrapper .item-inner { border-top: 1px solid #e5e5e5;}
.blog-index-list .images-container { position: relative; }
.blog-index-list .images-container .time { position: absolute; top: 0; left: 0; background: #222; color: #efefef; 10px; text-transform: uppercase; font-weight: 700; text-align: center; width: 59px; height: 59px;}
.blog-index-list .images-container .time span { display: block;}
.blog-index-list .images-container .time .month { 13px; }
.blog-index-list .images-container .time .date { 14px; }
.blog-index-list .des-container .des { padding: 40px 0 0 40px;}
.postWrapper img { width: 100%; }

.postTitle {
15px 0;
}

.postTitle h2 {
20px;
text-transform: capitalize;
font-weight: normal;
0px;
padding: 0px;
}

.postTitle h2 a { color: #333; text-decoration: none; text-transform: uppercase; font-weight: 700; 16px; letter-spacing: 2px; }
.postTitle h2 a:hover { color: #0099B9; }
.postTitle h3 {
10px;
0px;
padding-top: 2px;
padding-right: 0px;
padding-bottom: 2px;
padding-left: 0px;
}
.blog-index-list .post-by { 12px; color: #0099B9; text-transform: capitalize; overflow: hidden; }
.blog-index-list .post-by .post { float: left; }
.postContent {
padding: 15px 0 0;
}

.magentothem-blog-read-more {}

.magentothem-blog-read-more { color: #6b6b6b; 11px; font-weight: 700; padding: 0 20px; display: inline-block; text-transform: uppercase; overflow: hidden; 10px; 35px; letter-spacing: 3px; border: 2px solid #6b6b6b; }
.magentothem-blog-read-more:hover { color: #0099B9; border-color: #0099B9;}
.postDetails {

}

.postBookmarks {
padding-bottom: 10px;
}

.postBookmarks h4 {

12px;
font-weight: bold;
}

.commentWrapper {
padding-bottom: 15px;
}

.commentContent {
padding-bottom: 0px;
}

.commentDetails {
5px;
padding: 0px;
}

.commentDetails h4.username {
display: inline;
}

.postError {
16px;
}

.tags {
font-weight: bold;
padding-bottom: 10px;
}

.tags UL {
display: inline;
}

.tags UL LI {
font-weight: normal;
display: inline;
padding-right: 6px;
}

.tags h4 {
12px;
font-weight: bold;
}

.menu-tags h5, .menu-categories h5, .menu-recent h5 {
11px;
}

.block-blog .menu-tags UL LI {
display: inline;
padding: 2px;
10px;
}

.block-blog .menu-categories UL LI {
10px;
}

.block-blog .menu-recent UL LI {
10px;
}

.block-blog .menu-recent UL LI a, .block-blog .menu-categories UL LI a, .block-blog .menu-tags UL LI a {
11px;
}

.tagcloud {
/* text-align:center; */
}

.tag-count-1 {
1em !important;
}

.tag-count-2 {
1.2em !important;
}

.tag-count-3 {
1.4em !important;
}

.tag-count-4 {
1.6em !important;
}

.tag-count-5 {
1.8em !important;
}

.tag-count-6 {
2em !important;
}

.tag-count-7 {
2em !important;
}

.tag-count-8 {
2em !important;
}

.tag-count-9 {
2em !important;
}

.tag-count-10 {
2em !important;
}

.block-blog .head h4 {
padding-left: 20px;
}

.block-blog .block-title strong {
background-image: u rl(http://domain.pk/flat/skin/frontend/flaton/ma_flaton3/images/icon_blog.png);
background-repeat: no-repeat;
padding-left: 21px;
text-align: left;
}

.postWrapper .poster {
display: inline;
}

.input-box.magentothem-blog-comment-area {
width: 100%;
}

.widget-latest li {
12px;
padding: 5px 10px;
}

.block-blog .menu-categories {
0;
padding: 5px 9px;
}

A.magentothemblog_current_comment {
text-decoration: none !important;
font-weight: bold !important;
}

.menu-recent .modul-title2 h2{ color: #383838; }
.menu-recent .modul-title2:after, .menu-recent .modul-title2 h2:after { background: #383838; }
.menu-recent .owl-theme .owl-controls .owl-page.active span,
.menu-recent .owl-theme .owl-controls.clickable .owl-page:hover span { background: #0099B9;}
.menu-recent .owl-theme:hover .owl-controls .owl-buttons div.owl-prev { left: -20px; opacity: 1; }
.menu-recent .owl-theme:hover .owl-controls .owl-buttons div.owl-next { right: -20px; opacity: 1; }
.menu-recent { 50px 0; padding: 0; border: 0; }
.menu-recent .item-inner { }
.menu-recent .title-group { border-color: #ed7987; }
.menu-recent .owl-carousel { border: 0;}
.owl-container { 0 -15px; }

.menu-recent .owl-theme .owl-controls .owl-buttons { }
.menu-recent .bx-wrapper .bxslider li { 25px; 13px; color: #898989; }
.menu-recent .date-comments { text-transform: capitalize; color: #0099B9; 12px; overflow: hidden; font-weight: 700; }
.menu-recent .date-comments .time { display: inline-block; padding-right: 10px; border-right: 1px solid #0099B9; 10px; }
.menu-recent .date-comments .author { display: inline-block; }
.menu-recent .date-comments .comments { 11px; text-transform: uppercase; padding-top: 30px; 20px; border-top: 1px solid #5e5e5e; }
.menu-recent .date-comments .comments .word2, .blog-index-list .date-comments .comments .word2 { color: #7f7f7f; }
.menu-recent .item-inner .des-container { position: relative; 15px }
.menu-recent .des-container .des { color: #838383; 14px; font-weight: 300; }
.menu-recent .item-inner .des-container .title-blog { display: block; 18px; color: #383838; text-transform: capitalize; font-style: normal; font-weight: 600; 10px; }
.menu-recent .des-container .des { 10px 0; }
.menu-recent .item-inner .des-container .title-blog:hover { color: #0099B9; }
.menu-recent .item-inner .images-container { position: relative; }
.menu-recent .item-inner .images-container img{ transition: all 0.3s ease-out; }
.menu-recent .item-inner .images-container:hover img{ opacity: 0.7; }
.menu-recent .item-inner .readmore { 15px; }
.menu-recent .item-inner .readmore a{ text-transform: capitalize; 14px; display: inline-block; font-weight: 300; color: #0099B9; }
.menu-recent .item-inner .readmore a:hover { color: #222;}
.menu-recent .item-inner .readmore a:before { FontAwesome; text-align: center; 15px; content: "\f105"; width: 17px; height: 17px; border-radius: 100%; border: 1px solid #0099B9; display: inline-block; 5px; }
.menu-recent .item-inner .readmore a:hover:before { border-color: #222;}

.menu-recent .bx-wrapper .bx-controls-direction a { -50px; }
.menu-recent .bx-wrapper .bx-controls-direction a.bx-prev { right: 50%; }
.menu-recent .bx-wrapper .bx-controls-direction a.bx-next { right: 50%; -33px; }

.menu-recent .blog-feature { 40px; }
.menu-recent .images { position: relative;}
.menu-recent .images .day-container { position: absolute; top: 0; right: 0;}
.menu-recent .day-container { background: #c1c1c1; border-bottom: 3px solid #a4a4a4; border-radius: 4px; width: 70px; height: 70px; text-align: center; color: #fff; float: left; }
.menu-recent .day-container .day { 25px; RobotoCondensedBold; 35px; 0 10px; border-bottom: 1px solid #fff;}
.menu-recent .day-container .month { 12px; Arial; text-transform: uppercase; 35px;}
.menu-recent .blog-tabs .content { 75px; padding : 20px 10px; background: #fff; border-radius: 4px; border-bottom: 3px solid #dfdede; }
.menu-recent .blog-tabs>li { overflow: hidden; 10px; background: #f5f5f5; cursor: pointer;}
.blog-index-list .des-container { position: relative; }
.blog-index-list .images-container img { width: 100%; }


/*tool-tip css*/
.add-to-links li em,.btn-cart em, .email-friend em, .qv-button-container a em{
display: block; position: absolute; top: -33px; left: 50%; text-align: center; min-width: 80px; -40px; padding: 5px 15px; border-radius: 3px; background: rgba(0,0,0,0.8); color: #fff; text-transform: capitalize; 22px; font-style: normal; font-weight: normal; opacity: 0; }
.add-to-links li a, button.btn-cart, .email-friend {
position: relative;
}

.add-to-links li a em:after, .btn-cart em:after, .email-friend em:after, .qv-button-container a em:after{
content : '';
position : absolute;
bottom : -10px;
left : 50%;
-3px;
border : 5px solid transparent;
border-top-color : rgba(0,0,0, 0.8);;
}

 

.add-to-links li:hover em,.btn-cart:hover em, .email-friend:hover em, .qv-button-container a:hover em{
opacity: 1;
}
/*--------------------------------------------------*/

 

/* brand */
.ma-brand-slider-contain { 50px 0 0; padding-top: 50px; border-top: 1px solid #ddd; }
.ma-brand-slider-contain .modul-title2 h2{ color: #383838; }
.ma-brand-slider-contain .modul-title2:after, .ma-brand-slider-contain .modul-title2 h2:after { background: #383838; }
.ma-brand-slider-contain .owl-carousel .owl-item { 30px; }
.ma-brand-slider-contain .owl-carousel .owl-wrapper-outer { padding-bottom: 30px;}

/*--------------------------------------------------*/
/*modul-group*/

.modul-group { 0 0 30px; position: relative;}
.modul-group .title { 30px; position: relative; }
.modul-group .title:before { content:""; height: 2px; width: 100%; display: block; background: #404040; position: absolute; top: 50%; -1px; left: 0; }
.modul-group .title h2 { 0; text-transform: capitalize; display: inline-block; padding-right: 20px; background: #fff; position: relative; }
.modul-group .item { overflow: hidden; }
.modul-group .item .images-container { width: 40%; float: left; border: 1px solid #e5e5e5; }
.modul-group .item .des-container { width: 60%; float: left; padding-left: 20px; }
.modul-group .products-grid { border-bottom: 2px solid #e5e5e5; padding:0 0 20px; 20px; }
.modul-group .products-grid .item { 0; }
.modul-group .products-grid.last { 0; padding: 0; border: 0; }
.modul-group .product-name a { 12px; Lato;}
.group-title { position: relative; 80px; }
.group-title:before {
position: absolute;
top: 50%;
left: 0;
content: "";
width: 100%;
height: 1px;
background: #ddd;
z-index: -1;
}
.group-title h2 { 16px;
text-transform: uppercase;
display: inline-block;
color: #adadad;
0;
40px;
font-weight: 400;
padding: 0 25px;
border: 1px solid #ddd;
border-radius: 20px;
background-color: #fff;
}

.home-modul .owl-theme .owl-controls .owl-buttons { position: absolute; top: -37px; right: 15px; background: #fff; padding-left: 15px; }
.home-modul .owl-theme .owl-controls .owl-buttons div { opacity: 1; width: 31px; height: 31px; 29px; position: static; 0; float: none; display: inline-block; }
.home-modul .owl-theme .owl-controls .owl-buttons div:before { 29px; }
.home-modul .owl-theme .owl-controls .owl-buttons div.owl-prev { 5px; }

.item .item-inner { position: relative; text-align: center; border: 1px solid transparent; border-radius: 20px; }
.item .item-inner:hover { border-color: #ebebeb; }

.item .item-inner .images-container { position: relative; overflow: hidden; }
.item .item-inner .images-container .product-image img { border-radius: 20px 20px 0 0; }
.item .item-inner .des-container { padding: 0 0 20px }

.item .item-inner .actions { position: absolute; bottom: -40px; left: 0; right: 0; }
.item .item-inner:hover .actions { bottom: 0; }
.item .item-inner .actions .add-to-links { }
.item .item-inner .actions .add-to-links li { display: inline-block; 0 5px; }
.item .item-inner .actions .add-to-links li a{display: block; 0; 0; color: #b9b9b9; text-align:center; width: 37px; height: 37px; border: 1px solid #e1e1e1; border-radius: 4px; background: #fff; }
.item .item-inner .actions .add-to-links li a:hover{ background: #0099B9; color: #fff; border-color: #0099B9; }
.item .item-inner .actions .add-to-links li a:before{ display: inline-block; 34px; FontAwesome; 14px; }
.item .item-inner .actions .add-to-links li a.link-wishlist:before{ content:"\f004"; }
.item .item-inner .actions .add-to-links li a.link-compare:before{ content:"\f079"; }
.item .item-inner .actions .add-to-links li a.qv-e-button:before{ content:"\f002"; }
.item .item-inner .price-box { position: absolute; bottom: 50px; right: 10px; width: 86px; height: 86px; 0; padding: 5px; border-radius: 100%; }
.item .item-inner .price-box.box-special { background: rgba(213,99,99,0.7); }
.item .item-inner .price-box.box-regular { background: rgba(86,188,154,0.7);}
.item .item-inner .price-box p { display: block; padding: 0; 0; }
.item .item-inner .price-box .price { color: #fff; 20px; font-weight: 400; }
.item .item-inner .price-box .old-price .price { font-weight: 400; 12px;}
.item .item-inner .price-box .regular-price { display: block; 23px; }
.item .item-inner .price-box .special-price{ display: block; 15px; }
.item .item-inner .product-name { 15px 0 10px; }
.item .item-inner button.btn-cart { 15px;}

/*--------------------------------------------------*/
/* quickview */

.a-qv-close:before { display: block; FontAwesome; 20px; content:"\f00d"; width: 30px; height: 30px; text-align: center; 30px; color: #fff; background: #fe4669; border-radius: 100%; }
.qv-button-container { }

#back-top {
background: u rl("http://domain.pk/flat/skin/frontend/flaton/ma_flaton3/images/back-top.png") no-repeat scroll 50% 50% #0099B9;
bottom: 35px;
display: none;
height: 55px;
position: fixed;
right: 12px;
width: 55px;
z-index: 9999;
cursor: pointer;
}
#back-top:hover {
background-color: #0099B9;
}
/*related slider*/
.ma-relatedslider-container { padding: 0 0 20px; border: 0; }
.ma-relatedslider-container .group-title { text-align: left; }
.ma-relatedslider-container .product .product-details { 10px; }
.ma-relatedslider-container .owl-controls .owl-pagination { bottom: -30px; }
.block .price-box .price { 14px; font-weight: 400; }
.block .old-price .price { 12px; }
.ma-relatedslider-container .product-name { 0;}
.ma-relatedslider-container .product-name a { 12px; Raleway; }
.ma-relatedslider-container .product .item-inner
.product-image { border: 1px solid transparent; }

.related-subtitle, .relatedslider-item input.checkbox { display: none; }
.owl-carousel .owl-item .product .item-inner { 0 0 20px; overflow: hidden; }
.product .item-inner .images-container { width: 35%; float: left;}
.product .item-inner .des-container { width: 65%; float: left; padding-left: 30px; }

/*upsell slider*/
.ma-upsellslider-container { 30px 0;}
.ma-upsellslider-container .group-title { text-align: left; }

.ma-upsellslider-container .bx-wrapper { position: relative; border: 1px solid #e5e5e5; }
.ma-upsellslider-container .bx-wrapper .bx-controls-direction a { -60px; }

.ma-upsellslider-item { text-align: left; }
.ma-upsellslider-item .ratings .rating-links { display: none; }
.ma-upsellslider-item a.product-image { display: block; }
.ma-upsellslider-item .box-des { padding: 10px 20px;}

/*============================================ Bx Slider ===============================================*/
.bx-wrapper { max-width: 100% !important; position: relative;}
.bx-wrapper .bx-viewport { }
.bx-wrapper .bx-viewport .bxslider, .bx-wrapper .bx-viewport .products-grid { width: 20000% !important; }
.bx-wrapper .bx-controls-direction a {
width: 26px;
height: 26px;
position: absolute;
top: 50%;
-13px;
0;
z-index: 1;
FontAwesome;
display: block;
color: #d4d4d4;
text-decoration: none; 24px;
opacity: 0;
border-radius: 100%; border: 1px solid #d4d4d4;
}
.bx-wrapper:hover .bx-controls-direction a { opacity: 1; }
.bx-wrapper .bx-controls-direction a:before { 14px; FontAwesome; display: block; text-align: center; }
.bx-wrapper .bx-controls-direction a:hover { color: #0099B9; border-color: #0099B9; }
.bx-wrapper .bx-controls-direction a.bx-prev { left: 0; }
.bx-wrapper .bx-controls-direction a.bx-prev:before { content: "\f104"; }
.bx-wrapper .bx-controls-direction a.bx-next { right: 0; }
.bx-wrapper .bx-controls-direction a.bx-next:before { content: "\f105"; }

/*============================================ Prozoom Slider ===============================================*/

.ma-thumbnail-container .bx-wrapper { position: relative; max-width: 100%; }

/* producttabs */
.producttabs { padding-bottom: 30px; }
.producttabs .title-producttabs { display: none; }
.producttabs .tab { display: none; overflow: inherit !important; }
.producttabs .tab.active { display: block;}
.tab-container { text-align: center;}
#producttabs { position: relative; border: 1px solid #ddd; border-radius: 20px; }
#producttabs .item { display: inline-block; width: 50%; -webkit-transition: 0.3s all ease-out; -moz-transition: 0.3s all ease-out; transition: 0.3s all ease-out; cursor: pointer; border-right: 1px solid #ddd; }
#producttabs .item:hover,
#producttabs .item.active
{ }
#producttabs .item.last { border: 0; }
#producttabs .item.active h3,
#producttabs .item h3:hover
{ color: #0099B9; }
#producttabs .item h3 { 0; display: block; 40px; 16px; text-transform: uppercase; color: #adadad; text-align: center; font-weight: 400; }

/*============================================ Onsale Product ===============================================*/

/*============================================ Related Product ===============================================*/

.block-related .mini-products-list li { background: none; 20px;}
.block-related .mini-products-list li .checkbox { min-height: 0; min-width: 0; 20px;}

/* newsletter popup */

#newsletter_pop_up {
background-color: #FFFFFF;
background-position: 100% 0;
background-repeat: no-repeat;
background-image: u rl(http://domain.pk/flat/skin/frontend/flaton/ma_flaton3/images/newsletter_popup.png);
display: none;
-249px!important;
min-width: 450px;
padding: 25px 50px;
top: 50% !important;
left: 50% !important; -395px;
position: fixed !important
}
.button.b-close, .button.bClose {
font: bold 131% sans-serif;
width: 30px; height: 30px; text-align: center; 30px; color: #000;
position: absolute; padding: 0; background: #fff; border: 2px solid #000; border-radius: 100%;
right: -15px;
top: -15px;
}
.button.b-close:hover, .button.bClose:hover { border-color: #0099B9; color: #0099B9; }

#newsletter_pop_up>.subscribe{
text-align: left;
}
.button {
color: #FFFFFF;
cursor: pointer;
display: inline-block;
padding: 10px 20px;
text-align: center;
text-decoration: none;
}
.title_subscribe>h1{
36px;
36px;
75px;
text-transform: uppercase;
border-bottom: 5px solid #333; letter-spacing: 5px;
display: inline-block;
0;
color: #333;
font-weight: 700;
}

#newsletter_pop_up #newsletter-validate-details { 20px; display: inline-block;}
#newsletter_pop_up .form-subscribe-header label{ font-weight: bold; arial; color: #7b7b7b; 14px; letter-spacing: 3px; text-transform: uppercase; }
#newsletter_pop_up .form-subscribe-header h2 { 65px; font-weight: 700; color: #0099B9; text-transform: capitalize; }

#newsletter_subscribe{
0;
width:360px;
height: 40px;
40px;
padding-left: 10px;
border: 0; background: #efefef;
}
#newsletter_pop_up .input-box { }
#newsletter_pop_up .button_subscribe{
background-color: #0099B9;
color: #fff;
padding: 10px 20px;
border: none;
14px;
text-transform: uppercase;
}
#newsletter_pop_up .button_subscribe:hover{background: #a1d7ca; }
#advice-required-entry-newsletter{
12px;
1px auto 15px;
display:none;
}
#newsletter_pop_up .actions{ 15px; }
#newsletter_pop_up .form-subscribe-header { 10px 0; }
#newsletter_pop_up>.subscribe .subscribe-bottom { 10px; }
#newsletter_pop_up>.subscribe .subscribe-bottom input { 0; }
#newsletter_pop_up>.subscribe .subscribe-bottom label { font-weight: 400; }

.ajaxLayer{
cursor: pointer;
}


/*! ajaxcarper version 1.0.0 */
.wrapper_box {
position:fixed; width: 320px; height:200px; background:white; z-index:999999;
border:1px solid #ddd;opacity:1;top:50%;left:50%; -160px; -100px; display:block;padding: 10px;
}
.wrapper_box .p_name a{ text-transform: capitalize; 16px; color: #363636; font-style: italic; }
.wrapper_box .p_name a:hover { color: #0099B9; }
#product_info_box { 10px; }
.wrapper_box p.info { color:#363636;12px; border:1px solid #eee; padding:5px 10px; text-align: center; }
.wrapper_box #continue_shopping {float:left; background: #0099B9; color: #fff; text-transform: capitalize; 10px; 30px; padding: 5px 10px; text-decoration: none;}
.wrapper_box #continue_shopping:hover { background: #e95668; color: #fff; text-decoration: none;}
.wrapper_box #shopping_cart {float:right; background: #0099B9; color: #fff; text-transform: capitalize; 10px; 30px; padding: 5px 10px; text-decoration: none;}
.wrapper_box #shopping_cart:hover { background: #e95668; color: #fff; text-decoration: none;}
.pop_compare.wrapper_box #continue_shopping {float:none;}
.pop_compare.wrapper_box #product_info_box {padding-bottom:10px;}
.pop_wishlist.wrapper_box #continue_shopping {float:none;}
.pop_wishlist.wrapper_box #product_info_box {padding-bottom:10px;}

#product_info_box .p_image, #product_info_box .p_name { text-align: center;}

/* timmer */

.modul-tab-content { border: 1px solid #ddd; }
.ma-timer-container .owl-controls .owl-pagination { left: auto; right: 25px; bottom: 5px; }
.ma-timer-container { 0; }
.ma-timer-container .thumb { padding: 0 70px 0 20px;
-31px;
overflow: hidden; }
.ma-timer-container .timer-item{ padding: 28px 10px; }
.ma-timer-container .images-container{ padding-right: 110px; }
.ma-timer-container .product-name { 0; }
.ma-timer-container .product-name a { 24px; text-transform: uppercase; font-weight: 200;}

.ma-timer-container .thumb li { border: 1px solid #ddd; border-radius: 5px; 29px; cursor: pointer; position: relative; }
.ma-timer-container .thumb li.first { 0; }
.ma-timer-container .thumb li.active { border-color: #0099B9; }
.ma-timer-container .thumb li.active:before { content:""; width: 15px; height: 15px; border: 1px solid #ddd; background: #fff; position: absolute; top: 50%; -9px; right: -78px; z-index: 1; -webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); transform: rotate(45deg);}
.ma-timer-container .thumb li img{ border-radius: 5px; }
.ma-timer-container .ma-timer-title { 38px; }
.ma-timer-container .ma-timer-title h2 { color: #fff; background: #fb5959; border-color: #fb5959; }
.timer-grid { overflow: hidden; }
.timer-grid .box-time-date {
18px;
font-weight: 200;
color: #fff;
min-width: 67px;
height: 25%;
padding-top: 19px;
text-align: center;
border-bottom: 1px solid #fdacac; }
.timer-grid .box-time-date.sec { 0;border: 0; }
.timer-grid .box-time-date span { display: block; 24px; color: #fff; font-weight: 400; AleoRegular; }
.timer-grid .box-time-date span b{ font-weight: 400; }
.ma-timer-container .item-inner { border: 1px solid #e2e2e2; padding: 13px 13px 25px; }
.ma-timer-container .item .item-inner .images-container { overflow: inherit; position: relative; }
.ma-timer-container .box-timer { position: absolute; bottom: 0; top: 0; right: 0; text-align: center; padding: 0 21px;background: #fb5959; z-index: 1; }
.ma-timer-container .ratings { 18px 0;}
.ma-timer-container .ma-desc { color: #a3a3a3; 15px 0; }
.ma-timer-container .price-box .price { font-weight: 400; }
.ma-timer-container .actions { 20px; }
.ma-desc { 21px;}

.timer-grid{ color: #000000; height: 100%; }
.timer-list{float: left;width: 100%;padding: 0;color: #000000; 18px; arial; font-weight: bold;}
.timer-view{float: left;width: 100%;padding:2px 0 0 0px;color: #000000; 40px; arial;font-weight: bold;}
.timer-view .day{1px 1px}
.timer-view .hour{1px 1px}
.timer-view .min{1px 1px}
.timer-view .sec{1px 1px}
.timer-compare{float: left;width: 100%; padding: 0;color: #000000; 22px; arial; font-weight: bold;}
.timerspec{float: left;width: 100%;color: #1E7EC8; 13px;}
.timerdate{float: left;width: 100%;padding:0 0 3px 0;color: #1E7EC8; 12px;}
.timerdate .day{1px 1px; width:20px; text-align: center;}
.timerdate .hour{1px 1px;width:20px; text-align: center;}
.timerdate .min{1px 1px; width:20px; text-align: center;}
.timerdate .sec{1px 1px; width:20px; text-align: center;}

.timer_product{
}
.timer_product .product-image img{
0px auto;
}

/* timmer-view */

.timer-view { overflow: hidden; 10px 0 20px; }
.timer-view .box-time-date { background: #0099B9; border-radius: 4px; color: #fff; float: left; 14px; padding-top: 8px; min-width: 59px; min-height: 69px; 9px; text-align: center;}
.timer-view .box-time-date span { display: block; 20px; color: #fff; }

/* banner7 */

.ma-banner7-container .flex-direction-nav a,
.nivo-directionNav a { width: 87px; height: 87px; -29px 0 0; display: block; position: absolute; top: 50%; cursor: pointer; 0; z-index: 9; background: rgba(255,255,255,0.2); border-radius: 100%; border: 1px solid #e1e1e1; }

.ma-banner7-container .flex-direction-nav a, .nivo-directionNav a{ }
.ma-banner7-container .flex-direction-nav .flex-next,
.ma-banner7-container .nivo-directionNav a.nivo-nextNav { opacity: 0; transition: all 0.3s ease-out; right: 20px; }
.ma-banner7-container .flex-direction-nav .flex-prev,
.ma-banner7-container .nivo-directionNav a.nivo-prevNav { left: 20px; opacity: 0; transition: all 0.3s ease-out;}
.ma-banner7-container:hover .nivo-directionNav a.nivo-nextNav { opacity:1;}
.ma-banner7-container:hover .nivo-directionNav a.nivo-prevNav { opacity:1;}
.ma-banner7-container .flexslider .flex-next:hover, .ma-banner7-container .nivo-directionNav a.nivo-nextNav:hover { background: rgba(255,255,255,0.5); }
.ma-banner7-container .flexslider .flex-prev:hover, .ma-banner7-container .nivo-directionNav a.nivo-prevNav:hover { background: rgba(255,255,255,0.5); }
.ma-banner7-container .flex-direction-nav .flex-disabled {opacity: .3!important; filter:alpha(opacity=30); cursor: default; }

.ma-banner7-container .flex-direction-nav a:before,
.ma-banner7-container .nivo-directionNav a:before { display: block; FontAwesome; color: #fff; 16px; text-align: center; 87px; }
.ma-banner7-container .flex-direction-nav .flex-prev:before,
.ma-banner7-container .nivo-directionNav a.nivo-prevNav:before { content:"\f104"; }
.ma-banner7-container .flex-direction-nav .flex-next:before,
.ma-banner7-container .nivo-directionNav a.nivo-nextNav:before { content:"\f105"; }

.ma-banner7-container .nivo-controlNav a {
border: 1px solid rgba(255,255,255,0.7);
display: inline-block;
height: 13px;
0 3px;
0;
width: 13px;
cursor: pointer;
position: relative;
background: rgba(255,255,255,0.2);
z-index: 9; border-radius: 100%;
}

.ma-banner7-container .nivo-controlNav a.active,
.ma-banner7-container .nivo-controlNav a:hover
{ border-color: #fff; background: rgba(233,124,145,0.7);}

/* categorytab slider */
.category-container { 0 0 30px; position: relative; }
.categorytabslider { position: relative; 30px; }
.box-categoryslider2 .title-group { border-color: #e95668; }
.categorytabslider .tab_categorys { position: absolute; top: 7px; right: 0;}
.categorytabslider .tab_categorys li { float: left; 0; 12px; padding: 0 20px; text-transform: capitalize; cursor: pointer; color: #838383; 14px; font-weight: normal; border-right: 1px solid #e2e2e2; }
.categorytabslider .tab_categorys li.last { border: 0; padding-right: 0; }
.categorytabslider .tab_categorys li:hover, .categorytabslider .tab_categorys li.active { color: #0099B9; }
.box-categoryslider2 .tab_categorys li:hover, .box-categoryslider2 .tab_categorys li.active { color: #e95668; }
.categorytabslider .tab_categorys li p { 0; }

.categorytabslider .product-name a { 14px; }
.categorytabslider .price-box .price { 20px;}
.categorytabslider .old-price .price { 14px; }

/* lastestwitter */

#twitter-feed { }

.tweet-title h3 { 0; padding: 0 10px; 18px; color: #d1d1d1; text-transform: uppercase; }
#loading-container {
text-align: center;
}
.tweet-content {}
.tweet-title {}
.twitter-article {
padding: 10px 0;
}
.twitter-article a { color: #fff; }
.twitter-article a:hover { color: #a8a8a8; }
.twitter-pic {
float: left;
}
.twitter-text {
0; 20px;
}
.tweetprofilelink { display: block; 0 0 10px 50px; }
.tweetprofilelink strong a {
color: #444;
text-decoration: none;
font-weight: bold;
}
.tweetprofilelink strong a:hover {
color: #0084B4;
}
.tweet-time {

}
.tweetprofilelink a, .tweet-time a {
color: #999;
text-decoration: none;
}
.tweetprofilelink a:hover, .tweet-time a:hover {
color: #0084B4;
}

/*===page-not-found==*/
.not-found-bg
{
}

.page-not-found{position: relative;text-align: center; color: #fff;}
.page-not-found .page-title h1{ 48px; text-transform: capitalize; color: #373737; }
.page-not-found .back-home { display: block; text-align: center; }
.page-not-found .back-home a { display: inline-block; border: 1px solid #ddd; 26px; padding: 5px 25px; border-radius: 20px; color: #3f3f3f; font-weight: 700; 12px; text-transform: uppercase; text-decoration: none; }
.page-not-found .back-home a:hover { border-color: #0099B9; color: #0099B9; }

.page-not-found .page-content { 50px;}
.page-not-found .page-content .title-note { background: #404040;}
.page-not-found .page-content .title-note h1 { 43px; padding: 10px; color: #fff; text-transform: capitalize; 36px; 0;}
.page-not-found .page-content .des-container { text-align: left; padding: 30px 0 50px; border-top: 1px solid #e5e5e5; }
.form-search label { display: none; }
.page-not-found #search_mini_form { float: none; display: block; }
.page-not-found .form-search{ float: none; position: relative; display: inline-block; 30px 0 0;}
.page-not-found .form-search input.input-text{ float: left; width: 500px; height: 48px; border: 0; background: #eee; }
.page-not-found .form-search button.button { float: left; }
.page-not-found .form-search button.button span span{ 38px; background: #0099B9; padding: 5px 30px; }
.page-not-found .form-search button.button:hover span span { opacity: 0.7; }
.page-not-found .search-autocomplete { top: 45px; min-width: 260px; background: #fff; padding: 10px; display: none; }
.page-not-found .loading_image_search { top: 45px;}
.page-not-found p { 14px;text-transform: capitalize; color: #6a6a6a; float: left; }
.page-not-found p a{ 18px;border: 2px solid #fff;display: inline-block;padding: 7px 30px;text-transform: uppercase;color: #fff; 20px;}
.page-not-found p a:hover{background-color: #5dbad5}
.page-not-found address{ 140px;text-transform: capitalize;}
.page-not-found address a{color: #5dbad5;}
.page-not-found address a:hover{text-decoration: underline;}
/*===============================*/

/* owl-carousel */

.owl-theme .owl-controls .owl-buttons{

}

.owl-theme .owl-controls .owl-buttons div {
position: absolute; top: 50%; -26px;
0;
z-index: 1;
background: #fff;
display: block;
float: left;
color: #ddd;
text-align: center;
width: 52px; height: 52px; border-radius: 100%; opacity: 0; border: 1px solid #ddd;
}
.owl-theme .owl-controls .owl-buttons div:hover { color: #0099B9; border-color: #0099B9; }
.owl-theme .owl-controls .owl-buttons div:before { 23px; FontAwesome; 50px; display: block; }
.owl-theme .owl-controls .owl-buttons div.owl-prev { left: 0px; }
.owl-theme .owl-controls .owl-buttons div.owl-next { right: 0px; }
.owl-theme .owl-controls .owl-buttons div.owl-prev:before { content:"\f104";}
.owl-theme .owl-controls .owl-buttons div.owl-next:before { content:"\f105"; }
.owl-theme:hover .owl-controls .owl-buttons div { opacity: 1; }

/* Styling Pagination*/

.owl-theme .owl-controls .owl-page{
display: inline-block;
zoom: 1;
*display: inline;/*IE7 life-saver */
}
.owl-theme .owl-controls .owl-page span{
display: block;
width: 13px;
height: 13px;
3px;
background: #fff; border: 1px solid #e5e5e5; border-radius: 100%;
}

.owl-theme .owl-controls .owl-page.active span,
.owl-theme .owl-controls.clickable .owl-page:hover span{
border: 2px solid #0099B9;
}

/* tabproduct */

.ma-tabsproduct-contain .products-grid .item { 0; }
.ma-tabs-title { 20px;}
.ma-tabs-title .tabs-title{ overflow: hidden; border-bottom: 3px solid #0099B9; }
.ma-tabs-title li { float: left; }
.ma-tabs-title li.active a,
.ma-tabs-title li a:hover
{ background: #0099B9; color: #fff;}
.ma-tabs-title li a { 16px; padding: 0 10px;
text-transform: uppercase;
display: inline-block;
color: #111;
0;
28px;
font-weight: 700; cursor: pointer; text-decoration: none; }

.ma-tabsproduct-contain .product-image { padding: 10px 0; }
.ma-tabsproduct-contain .ratings .amount { display: none; }

.ma-tabsproduct-contain {
float: left;
clear: both;
width: 100%;
}
.ma-tabs-content {
}

/* --------------------------------------- */
/* vmegamenu */
.navleft-container { 30px; }
.title-vmega-menu { position: relative; background: #0099B9; }
.title-vmega-menu h2 { color: #fff; 18px; text-transform: uppercase; padding: 5px 20px; 0; position: relative; 40px; cursor: pointer; text-align: left; font-weight: 700; }
.title-vmega-menu h2:before { content:"\f0c9"; display: inline-block; 10px; FontAwesome; 17px; }
.title-vmega-menu h2:after { content:"\f0d7"; 14px; FontAwesome; color: #e0e0e0; position: absolute; right: 20px; }
.category-vmega_toggle { border: 1px solid #eee; border-top: 0; background: #fff; padding-bottom: 15px; }
.navleft-container #pt_vmegamenu .category-vmega_toggle .extra_menu{ display:none; }
.pt_vmegamenu div.pt_menu .parentMenu a { position: relative;}

.pt_vmegamenu div.pt_menu .parentMenu a:after { content:"\f105"; FontAwesome; display: inline-block; 14px; position: absolute; right: 15px;}
.pt_vmegamenu div.pt_menu .parentMenu.noSubMenu a:after { display: none;}
.pt_vmegamenu div.pt_menu.active .parentMenu a:after,
.pt_vmegamenu div.pt_menu.act .parentMenu a:after{ color: #0099B9;}
.pt_vmegamenu .itemSubMenu { padding-top: 10px; position: relative; border-top: 1px solid #ededed;}

.pt_vmegamenu div.pt_menu.more-wrap { border: 0; padding: 0 10px; position: relative; }
.more-wrap .more-view { cursor: pointer; color: #6d6d6d; display: block; padding: 10px 20px; 26px; text-align: left; font-weight: 700; 14px; }
.more-wrap .more-view:after { display: block; content:"\f0fe"; 14px; FontAwesome; 10px; position: absolute; top: 50%; right: 0; -10px;}
.more-wrap .more-view.open:after { content:"\f146"; }
.more-wrap:hover .more-view:after { color: #0099B9; }

.pt_vmegamenu div.pt_menu {
padding: 0px;
position: relative;
border-bottom: 1px solid #eee;
}
.pt_vmegamenu div.pt_menu.last { }
.pt_vmegamenu #pt_menu_link ul li a.act,
.pt_vmegamenu #pt_menu_link ul li a:hover,
.pt_vmegamenu div.pt_menu.act .parentMenu a{ color: #0099B9;}
.pt_vmegamenu div.pt_menu.active {
color:#0099B9;
}
.pt_vmegamenu div.popup {
background-color: #fff; box-shadow: 0 0 5px -1px #666;
display: none;
text-align: left;
z-index: 3000;
padding: 30px;
}

.pt_vmegamenu div.pt_menu .parentMenu a,
.pt_vmegamenu div.pt_menu .parentMenu span.block-title{
text-decoration: none;
display:block;
49px;
padding: 0 20px; color: #6d6d6d; text-transform: capitalize; text-align: left; font-weight: 700; 14px;
}
.pt_vmegamenu div.pt_menu .parentMenu span.block-title:hover,
.pt_vmegamenu div.pt_menu .parentMenu a:hover, .pt_vmegamenu div.pt_menu.active .parentMenu a{
color: #0099B9;
}
.pt_vmegamenu div.pt_menu .parentMenu a span { display: inline-block; 25px; }
.pt_vmegamenu div.pt_menu .parentMenu a span img { 10px;}
.pt_vmegamenu div.popup a {
text-decoration: none;
display:block; color: #838383; 14px; text-transform: capitalize; 28px;
}
.pt_vmegamenu div.popup a:hover { color: #0099B9;}
.pt_vmegamenu div.popup .itemSubMenu .itemMenu a:before { 10px; FontAwesome; color: #c7c7c7; display: inline-block; 10px; content:"\f138"; }
.pt_vmegamenu .itemMenu h4.level1,
.pt_vmegamenu .itemMenu a.level1{
16px;
text-transform: uppercase;
color: #111;
15px 0 10px; font-weight: 700;
}
.pt_vmegamenu .itemMenu h4.level1:hover,
.pt_vmegamenu .itemMenu a.level1:hover { color: #0099B9; }
.pt_vmegamenu .itemMenu h4.level1,
.pt_vmegamenu .itemSubMenu h4.level2 span{
color: #897725;
}

.pt_vmegamenu .custom-menu-right .box-banner { overflow: hidden; text-align: right; border-bottom: 1px solid #e5e5e5; padding: 10px 0; }
.pt_vmegamenu .custom-menu-right .box-banner3 { border: 0; }
.pt_vmegamenu .custom-menu-right .box-banner .content{ float: left; text-align: left; }
.pt_vmegamenu .custom-menu-right .box-banner .content h1 { 22px; color: #404040; text-transform: capitalize; }
.pt_vmegamenu .custom-menu-right .box-banner .content .price-sale { color: #0099B9; 40px; 40px; }
.pt_vmegamenu .custom-menu-right .box-banner .content .price-sale sub,
.pt_vmegamenu .custom-menu-right .box-banner .content .price-sale sup
{ 16px; }
.pt_vmegamenu .custom-menu-right .box-banner .content .price-sale sub{ bottom: 3px; left: -22px; }
.pt_vmegamenu .custom-menu-right .box-banner .content .price-sale sup { top: -17px; left: -8px; }
.pt_vmegamenu .custom-menu-right .box-banner .content a { text-transform: capitalize; color: #7e7e7e; text-decoration: underline; }
.pt_vmegamenu .custom-menu-right .box-banner .content a:hover { color: #0099B9; }
/* Ajax-login */

#ajax-login-block, #ajax-logout-block { background-color : rgba(0,0,0,0.35); top: 0; left: 0; right: 0; bottom: 0; auto; position: fixed; z-index: 9998; display: none; }
.ajax-load-img { position: fixed; top: 50%; left: 0; right: 0; bottom: 0; text-align: center; z-index: 9999; auto; display: none;}
.ajax-body-login { display: none; position: fixed; z-index: 99999; background: #fff; top: 0; left: 0; right: 0; bottom: 0; auto; width: 650px; height: 410px; padding: 20px; overflow: auto !important; }
.ajax-body-login .page-title { border-bottom: 3px double #eee; }
.ajax-body-login .a-close-frm { position: absolute; top: 10px; right: 10px; color: #ff0000;}
.ajax-body-login .account-login .buttons-set { border: 0; padding: 0; 20px; }
.ajax-img, .ajax-img-rg, .error-msg {
display: none;
}

/* catlist */

.catlist { 30px 0;}
.catlist .title-group h2:before { content:"\f03b"; }
.catlist .catgrid { 30px; }
.catlist .catgrid .image-cat{ border: 1px solid #e5e5e5; }
.catlist .catgrid .name-cat{ text-transform: uppercase; color: #404040; 14px; }
.catlist .catgrid .name-cat:hover{ color: #0099B9; }
.catlist .catgrid .view-more { display: inline-block; 20px; padding: 0 10px; color: #fff; background: #0099B9; text-transform: uppercase; 10px; text-decoration: none; }
.catlist .catgrid .view-more:hover { opacity: 0.7; }
.catlist .catgrid .view-more:after { FontAwesome; display: inline-block; content:"\f0da"; 5px; }
.catlist .catgrid .list-cat { 20px; padding-top: 10px; border-top: 2px solid #404040; }
.catlist .catgrid .list-cat li a { color: #5b5b5b; text-decoration: none; text-transform: capitalize; 26px; }
.catlist .catgrid .list-cat li a:hover { color: #0099B9; }
.catlist .catgrid .list-cat li a:before { content:"\f101"; FontAwesome; 10px; }

/*===============================*/

.product-style2 { overflow: hidden; 20px 0; }
.product-style2.last { 0; }
.product-style2 .images-container { width: 100px; float: left; }
.product-style2 .images-container a { border: 1px solid transparent; border-radius: 5px; }
.product-style2 .images-container a img { border-radius: 5px; }
.product-style2:hover .images-container a { border-color: #ddd; }
.product-style2 .des-container { 120px; }
.product-style2 .product-name { 0 0 5px; }
.product-style2 .ratings { 10px 0; }
.product-style2 .price-box .price { 18px; font-weight: 400; }
.product-style2 .old-price .price { 14px; }
.product-style2 .actions { 10px; }
.product-style2 .actions .add-to-links { float: left; 0;}
.product-style2 .actions .add-to-links li { float: left; 5px;}
.product-style2 .actions .add-to-links li a,
.product-style2 .actions .button.btn-cart span span
{ height: 30px; display: inline-block; 0; color: #fff; background: #474747; 30px; width: 30px; text-align: left; padding: 0; text-transform: capitalize; auto; }
.product-style2 .actions .add-to-links li a:before,
.product-style2 .actions .button.btn-cart span span:before { width: 30px; height: 30px; float: right; background: #404040; content:""; text-align: center; FontAwesome; 13px;}
.product-style2 .actions .add-to-links li a:hover:before,
.product-style2 .actions .button.btn-cart span span:hover:before { background: #f7505a; }
.product-style2 .actions .add-to-links li a.link-wishlist:before { content:"\f08a";}
.product-style2 .actions .add-to-links li a.link-compare:before { content:"\f012";}

.product-style2 .actions .button.btn-cart span span:before { content:"\f07a"; }
.product-style2 .actions .button.btn-cart { float: left;}

.product-style2 .actions .add-to-links li a,
.product-style2 .actions .button.btn-cart span span {
-webkit-transform: translateX(500px);
-moz-transform: translateX(500px);
transform: translateX(500px);
}

.product-style2:hover .actions .add-to-links li a,
.product-style2:hover .actions .button.btn-cart span span {
-webkit-transform: translateX(0);
-moz-transform: translateX(0);
transform: translateX(0);
}
.product-style2 .actions .button.btn-cart span span {
-webkit-transition: all 0.3s ease-out;
-moz-transition: all 0.3s ease-out;
transition: all 0.3s ease-out;
}
.product-style2 .actions .add-to-links li a.link-wishlist {
-webkit-transition: all 0.5s ease-out;
-moz-transition: all 0.5s ease-out;
transition: all 0.5s ease-out;
}
.product-style2 .actions .add-to-links li a.link-compare {
-webkit-transition: all 0.7s ease-out;
-moz-transition: all 0.7s ease-out;
transition: all 0.7s ease-out;
}

/* CSS3 */

 

.banner-static3 .banner-static-inner .icon-add, .banner-static3 .banner-static-inner .icon-add span {
-webkit-border-radius: 100%;
-moz-border-radius: 100%;
border-radius: 100%;
}

.menu-recent .item-inner .images-container:before, .menu-recent .item-inner .images-container:after, .blog-index-list .item-inner .images-container:before, .banner-static .banner-box .banner-box-inner img, .owl-controls .owl-page, .owl-controls .owl-buttons div, .add-to-links li a, button.btn-cart, .email-friend, button.button span span,.qv-button-container a, .item .item-inner .actions{
transition: all 0.3s ease-out;
-webkit-transition: all 0.3s ease-out;
-moz-transition: all 0.3s ease-out;
-ms-transition: all 0.3s ease-out;
-o-transition: all 0.3s ease-out;
}
.add-to-links li em,.btn-cart em, .email-friend em, .qv-button-container a em {
transition: all 0.3s ease-out;
-webkit-transition: all 0.3s ease-out;
-moz-transition: all 0.3s ease-out;
-ms-transition: all 0.3s ease-out;
-o-transition: all 0.3s ease-out;
-webkit-transform: scaleY(0);
-moz-transform: scaleY(0);
-ms-transform: scaleY(0);
-o-transform: scaleY(0);
}
.add-to-links li:hover em,.btn-cart:hover em, .email-friend:hover em, .qv-button-container a:hover em {
-webkit-transform: scaleY(1);
-moz-transform: scaleY(1);
-ms-transform: scaleY(1);
-o-transform: scaleY(1);
}

.banner-static .banner-box .banner-box-inner:hover img {
-webkit-transform: rotate(360deg);
-moz-transform: rotate(360deg);
-ms-transform: rotate(360deg);
-o-transform: rotate(360deg);
}

.view-detail {
-webkit-transform: translate(-50%,-50%);
-moz-transform: translate(-50%,-50%);
-ms-transform: translate(-50%,-50%);
-o-transform: translate(-50%,-50%);
transition: all 0.5s ease-out;
-webkit-transition: all 0.5s ease-out;
-moz-transition: all 0.5s ease-out;
}
.pt_custommenu div.pt_menu .parentMenu a:before, .pt_custommenu div.pt_menu .parentMenu span.block-title:before, .pt_custommenu div.pt_menu .parentMenu a:after,.pt_custommenu div.pt_menu .parentMenu span.block-title:after, #producttabs > .item h3, .modul-group .banner-box2 .banner-box-inner:before, .pt_custommenu div.pt_menu .parentMenu a, .pt_custommenu div.pt_menu .parentMenu span.block-title, .breadcrumbs li a, .breadcrumbs li a:before, .bx-wrapper .bx-controls-direction a, .producttabs .bx-wrapper .bx-controls-direction a, .footer-static-2 .f-col1:before, .footer-static-2 .f-col1 a:before, .item-inner .des-container, .banner-left:before, .banner-left a:before, .item-inner .images-container .product-image img, .banner-left a:after, .banner-left a:before, .item .item-inner .images-container .product-image:before {
transition: all 0.3s ease-out;
-webkit-transition: all 0.3s ease-out;
-moz-transition: all 0.3s ease-out;
}
.banner-static .banner-box:before {
transition: background-color 0.3s ease-out;
-webkit-transition: background-color 0.3s ease-out;
-moz-transition: background-color 0.3s ease-out;}

.banner-static-2 .f-col h2 {
transition: all 0.2s ease-out;
-webkit-transition: all 0.2s ease-out;
-moz-transition: all 0.2s ease-out;
}
.top-link ul.links li a, .pt_custommenu #pt_menu_link .parentMenu ul li span, .banner-static .banner-box .icon-banner span, .item .item-inner, .footer-static-2 .link-web ul li a, .banner-static .banner-box, .footer-static .footer-content .address:before, .footer-static .footer-content .phone:before, .footer-static .footer-content .email:before, .footer-static .footer-content ul li a {
transition: all 0.3s ease-out;
-webkit-transition: all 0.3s ease-out;
-moz-transition: all 0.3s ease-out;
}
.top-link, .pt_custommenu div.pt_menu .parentMenu a, .pt_custommenu div.pt_menu .parentMenu span.block-title, .item .item-inner .price-box, .item .item-inner .images-container .product-image:after {
transition: all 0.5s ease-out;
-webkit-transition: all 0.5s ease-out;
-moz-transition: all 0.5s ease-out;
}

.animate-in .model1{
animation: bounceInDown 0.5s linear alternate;
-webkit-animation: bounceInDown 0.5s linear alternate;
-moz-animation: bounceInDown 0.5s linear alternate;
}

.banner-static:hover .image img {
animation: slideInUp 0.5s linear alternate;
-webkit-animation: slideInUp 0.5s linear alternate;
-moz-animation: slideInUp 0.5s linear alternate;
}
.banner-static4 .banner-box:hover:before, .banner-static3 .banner-box:hover img{
opacity: 0.7;
-webkit-opacity: 0.7;
-moz-opacity: 0.7;
animation: bounceIn 0.5s linear infinite alternate;
-webkit-animation: bounceIn 0.5s linear infinite alternate;
-moz-animation: bounceIn 0.5s linear infinite alternate;
}

.banner-left:hover .banner-content {
animation: zoomIn 0.3s linear alternate;
-webkit-animation: zoomIn 0.3s linear alternate;
-moz-animation: zoomIn 0.3s linear alternate;
}

@-webkit-keyframes bounceIn{

0%{opacity:0;-webkit-transform:scale(.3);transform:scale(.3)}
50%{opacity:1;-webkit-transform:scale(1.2);transform:scale(1.2)}
70%{-webkit-transform:scale(.9);transform:scale(.9)}
100%{opacity:1;-webkit-transform:scale(1);transform:scale(1)}
}

@keyframes bounceIn{

0%{opacity:0;-webkit-transform:scale(.3);-ms-transform:scale(.3);transform:scale(.3)}
50%{opacity:1;-webkit-transform:scale(1.2);-ms-transform:scale(1.2);transform:scale(1.2)}
70%{-webkit-transform:scale(.9);-ms-transform:scale(.9);transform:scale(.9)}
100%{opacity:1;-webkit-transform:scale(1);-ms-transform:scale(1);transform:scale(1)}
}

.bounceIn{-webkit-animation-name:bounceIn;animation-name:bounceIn}

.item .item-inner:hover .des-container .box-hover .qv-button-container a {
animation: effectQuickView 0.8s linear alternate;
-webkit-animation: effectQuickView 0.8s linear alternate;
-moz-animation: effectQuickView 0.8s linear alternate;
}
@keyframes effectQuickView{

100%{ transform: translateX(0); -webkit-transform: translateX(0); -ms-transform: translateX(0); }
70%{ transform: translateX(0); -webkit-transform: translateX(0); -ms-transform: translateX(0);}
0%{ transform: translateX(-50px); -webkit-transform: translateX(-50px); -ms-transform: translateX(-50px); }
}
@-webkit-keyframes effectQuickView{

100%{ transform: translateX(0); -webkit-transform: translateX(0); -ms-transform: translateX(0); }
70%{ transform: translateX(0); -webkit-transform: translateX(0); -ms-transform: translateX(0);}
0%{ transform: translateX(-50px); -webkit-transform: translateX(-50px); -ms-transform: translateX(-50px); }
}
.item .item-inner:hover .des-container .box-hover .add-to-links li a.link-wishlist {
animation: effectWishList 0.8s linear alternate;
-webkit-animation: effectWishList 0.8s linear alternate;
-moz-animation: effectWishList 0.8s linear alternate;
}
@keyframes effectWishList{

100%{ transform: translateX(0); -webkit-transform: translateX(0); -ms-transform: translateX(0); }
70%{ transform: translateX(0); -webkit-transform: translateX(0); -ms-transform: translateX(0);}
0%{ transform: translateX(50px); -webkit-transform: translateX(50px); -ms-transform: translateX(50px); }
}
@-webkit-keyframes effectWishList{

100%{ transform: translateX(0); -webkit-transform: translateX(0); -ms-transform: translateX(0); }
70%{transform: translateX(0); -webkit-transform: translateX(0); -ms-transform: translateX(0);}
0%{ transform: translateX(50px); -webkit-transform: translateX(50px); -ms-transform: translateX(50px); }
}
.banner-static3:hover .banner-static-inner .icon-add span:before, .banner-static .banner-box:hover .icon-banner span:before {
animation: movedown 0.5s linear alternate;
-webkit-animation: movedown 0.5s linear alternate;
-moz-animation: movedown 0.5s linear alternate;
}

.banner-static3:hover .banner-static-inner .icon-add span, .banner-static .banner-box:hover .icon-banner span {
animation: movedown 0.3s linear alternate;
-webkit-animation: movedown 0.3s linear alternate;
-moz-animation: movedown 0.3s linear alternate;
}

@-webkit-keyframes movedown{

0%{opacity:0; transform: translateY(0); -ms-transform: translateY(0); -webkit-transform: translateY(0);}
50%{opacity:0.7;transform: translateY(-100px); -ms-transform: translateY(-100px); -webkit-transform: translateY(-100px);}

100%{opacity:1;transform: translateY(0); -ms-transform: translateY(0); -webkit-transform: translateY(0);}
}

@keyframes movedown{

0%{opacity:0; transform: translateY(0); -ms-transform: translateY(0); -webkit-transform: translateY(0);}
50%{opacity:0.7;transform: translateY(-100px); -ms-transform: translateY(-100px); -webkit-transform: translateY(-100px);}

100%{opacity:1;transform: translateY(0); -ms-transform: translateY(0); -webkit-transform: translateY(0);}
}
.movedown { animation-name: movedown; -webkit-animation-name: movedown;}

/*=====================================================================================================================*/
/* Fixed Mobile*/

@media (min-width: 1440px) {
}
@media (min-width: 1230px) {
.container { width: 1210px; padding: 0 20px}
}

@media (max-width: 1400px) {
.ma-banner7-container .flex-direction-nav a, .nivo-directionNav a { width: 64px; height: 64px; -32px; }
.ma-banner7-container .flex-direction-nav a:before, .ma-banner7-container .nivo-directionNav a:before { 62px;}
}
@media (max-width: 1199px) {
.pt_custommenu div.pt_menu .parentMenu a, .pt_custommenu div.pt_menu .parentMenu span.block-title {
0 5px; padding: 0 10px;
}
.top-link-inner { text-align: center; }
.support-client h1 { 13px; 15px; }
.support-client .box-container::before { 22px; height: 30px; width: 40px; 30px; }
.support-client .box-container .box-inner { 50px; }
.banner-static .banner-box .icon-banner { 0;}
.banner-static .banner-title h2 { 30px;}
.block .block-title strong { 15px; }
.ma-relatedslider-container .flex-direction-nav a { display: none;}
.top-cart-title .price { 18px; }

.menu-recent .item-inner .des-container .title-blog { 5px; }
.testimonial-sidebar .content a { }

.block-layered-nav h2 { 18px; }
.footer-static-2 #newsletter-validate-detail input.input-text { width: 270px;}
.banner-static .banner-box h2 { padding: 10px 20px; }
.pt_vmegamenu div.pt_menu .parentMenu a, .pt_vmegamenu div.pt_menu .parentMenu span.block-title { 43px; }
.block-subscribe .form-subscribe-header, .footer-static-2 #newsletter-validate-detail .block-content::before { display: none;}
.footer-static-2 .block-subscribe { padding: 0; }
.item .item-inner .images-container .box-hover .add-to-links li a:hover, .item .item-inner .images-container .box-hover .button.btn-cart:hover span span, .item .item-inner .images-container .box-hover .qv-button-container a:hover { 12px; }
.title-group h2, .title-group2 h2 { 18px; }
.product-name a { 12px;}
.modul-group .product-name { 0; }
.modul-group .product-name a { 11px;}
.header-container .quick-access.fix-header { display: none; }
.banner-static-bottom .banner-box .box-inner .text .text-inner { 50px; }
.banner-static .text h1 { 75px; }
.banner-static .text { -225px; }
.block-layered-nav h2 { 16px; }
.featured-category .box-cate .name-cate a { 18px; }
.banner-static-top,
.testimonial-sidebar{ -15px; -15px; padding-left: 15px; padding-right: 15px; }
.ma-footer-container { 0 -15px; }
.footer-static { padding: 40px 15px;}

}
@media (min-width: 992px) and (max-width: 1199px) {
.block-subscribe input.input-text { width: 177px;}
.block-subscribe .subscribe-title h3 { 15px; }
.footer-static .footer-title h2 { 13px; }
.pt_vmegamenu div.pt_menu .parentMenu a, .pt_vmegamenu div.pt_menu .parentMenu span.block-title { 12px; }

.timer-grid .box-time-date span { 3px; }
.banner-left .banner-content h2 { 35px; }
.banner-left .banner-content { -30px;}
.category-tab .products-grid .item .product-image { width: 60px;}
.category-tab .products-grid .item .des-container { 68px; }
.ma-timer-container .thumb { padding-right: 50px; }
.ma-timer-container .thumb li.active::before { right: -58px; }
.banner-static .banner-box2 .text { left: 50%; -42px; -25px; }
.banner-static .banner-box2 .text h1 { 30px; 25px; }
.banner-static .banner-box2 .text p { 14px;}
.banner-static .banner-box1 .text h1 { 26px;}
.banner-static .banner-box1 .text { -59px; }


}
@media (min-width: 768px) and (max-width: 1199px) {
.timer-grid .box-time-date { padding-top: 7px; }
.product-style2 .images-container { width: 75px;}
.product-style2 .des-container { 85px; }
#producttabs .item h3 { 12px;}
}

@media (max-width: 991px){
.header { text-align: center; }
.logo-container { float: none; text-align: center; border: 0; min-height: 0; }
.toplink-contaner .box-left { float: none; text-align: center; }
.toplink-contaner .box-right { float: none; display: inline-block; text-align: center; 0; }
.toplink-inner { right: -38px; }
.header-container .header-bottom { 0; border: 0; }
.header .form-search button.button { width: 10%; }
.language-currency, .currency, .top-link, .toplink-contaner .login, .block-header, .block-header div.email { border: 0; }
.language-currency { float: none; display: inline-block; }
.owl-theme .owl-controls.clickable .owl-buttons div, .owl-theme .owl-controls .owl-buttons:before { display: none; }
.support-client .box-container { 10px; }
.ma-brand-slider-contain .owl-carousel { padding: 0;}
.footer-static-2 .newsletter-container{ float: left;}
.container { padding: 0 15px; }
.top-link { text-align: center; 0;}
.block-header { float: none; display: inline-block; }
.toplink-contaner .link-inner { float: none; display: inline-block;}
.block-header .share label { 35px; }
.top-link ul.links { display: block; text-align: center; }
.form-currency { }
.header .header-content { text-align: center; }
.header-bottom .box-right { float: none; text-align: center; }
.top-cart-wrapper { float: none; display: inline-block; position: relative; border: 0; }
#search_mini_form { position: static; }
.header .form-search input.input-text { width: 89%; }
.top-cart-content { right: -100px; }
.footer .box-left { float: none; }
.footer .payment { text-align: center; 10px 0 0; }
.footer-static .footer-content { 20px; }
#review-form .data-table thead th { 11px; padding: 5px; }
#review-form .data-table {width: auto; }
.banner-static3 .banner-static-inner h2 { 16px; 26px; width: 400px; }
.footer address { text-align: center;}
.footer .payment { float: none; text-align: center; }
.top-link.active { height: 123px; }
.top-link p.welcome-msg { float: none; display: none;}
.mousetrap { width: 100% !important; }
.tp-leftarrow.default, .tp-rightarrow.default { display: none; }
.menu-recent .item-inner .title-blog { text-transform: capitalize; }
.products-list .ratings { position: static; clear: both; }
.banner-static .banner-box .banner-content { }
.footer address { float: none; }
.toplink-contaner { text-align: center; }
p.welcome-msg { float: none; display: inline-block; }
.header .link-inner { float: none; display: inline-block; 10px; }

.ma-newproductslider-container { 30px 0 0;}
.ma-bestsellerproductslider-container .bx-wrapper .bx-viewport, .ma-featuredproductslider-container .bx-wrapper .bx-viewport { 0 0 -63px;}

.header-container .quick-access { position: static; width: auto; border: 0; text-align: center;}
.ma-timer-container { 30px;}
.ma-banner7-container .flex-control-nav, .nivo-controlNav { bottom: 20px;}
.banner-static .banner-box .box-hover h1 { 15px; }
.banner-static3 .banner-box span { 14px; }
.block-layered-nav h2 { 14px;}
.menu-recent .item-inner .des-container span.author { 15px; }
.ma-banner7-container .flex-direction-nav a, .nivo-directionNav a { display: none; }
.blog-index-list .date-comments { padding: 15px; left: -50px; top: -50px;}
.blog-index-list .date-comments { width: 120px; height: 120px; }
.blog-index-list .date-comments .comments { 10px; padding-top: 10px; }

.top-link ul.links li , .top-link ul.links li.last{ border: 0; }
.header-container .quick-access.fix-header { display: none; position: static;}
.ma-timer-container { 0; }
.banner-static .text { -195px; }
.menu-recent .owl-container { 0 -15px; }
.menu-recent .owl-carousel .owl-item { padding: 0 15px; }
.footer-static-2 .link-web { float: none; display: inline-block; 10px 0; }
.footer-static-2 .newsletter-container{ float: none; }
#newsletter_pop_up, .b-modal { display: none !important; }
.products-list .product-name a { 16px; }
.featured-category { 30px; }
.modul-title2 h2 { 28px; 50px;}
.featured-category .box-cate .image { 0 50px; }
.featured-category .box-cate { 20px; }
.featured-categories { padding: 30px 0 20px; }
.testimonial-sidebar .block-content { padding: 0 30px; }
.testimonial-sidebar .owl-theme .owl-controls .owl-pagination { right: -65px; }
.group-title { 0; }
ul.tabs { right: 0; }
}
@media (min-width: 768px) and (max-width: 991px) {
.banner-static .banner-title h2 { 21px; }
.cart .crosssell .product-details { 80px;}
.footer-static-container .f-col { 20px;}
.form-list li.wide textarea, .form-list li.wide .input-box { width: 254px;}
.cart .discount input.input-text { width: 185px; }
.form-list .input-box, .form-list select, .form-list input.input-text { width: 160px;}
.block-sequence h2, .block-sequence p { display: none; }
.banner-static .banner-box2 .banner-box-inner { 13px; }
.banner-static .banner-box1 .banner-box-inner { -14px; }
.ma-featured-products .button.button span { padding: 3px 10px;}
.block-layered-nav .layer-Category .content-shopby ol li { 12px; }
.products-grid .item-inner .actions { text-align: center;}
.onsaleproductslider-item { width: 219px !important;}
.block-layered-nav #search_pr input { 3px !important; }
.testimonial-sidebar .owl-carousel { padding-bottom: 10px; }
.banner-static .banner-box h2 { 14px; }
.menu-recent .item-inner .des-container .title-blog { 12px; }
.block-layered-nav #search_pr input { min-width: 30px; }
.postTitle h2 { 20px; }
.product-name a { 12px; }
.price-box .price { 20px; }
.old-price .price { 14px; }
.banner-left .banner-content { -40px; }
.banner-left .banner-content h1 { 20px; }
.banner-left .banner-content h2 { 23px; }
.banner-left .banner-content p { 10px 0; }
.ma-timer-container { padding: 10px 5px;}
.footer-static .footer-content .contact-link a { padding: 0 12px; }
.block-related #block-related .product-image { width: 80px; }
.block-related #block-related .product-details { 90px; }
.banner-static-bottom .banner-box .box-inner .text h1 { 12px; font-weight: 400; }
.banner-static-bottom .banner-box .box-inner .text a { font-weight: 400; padding: 0 10px; }
.banner-static-bottom .banner-box .box-inner .text .text-inner { 27px; }
.banner-static .banner-box2 .text { left: 50%; -42px; -25px; }
.banner-static .banner-box2 .text h1 { 30px; 25px; }
.banner-static .banner-box2 .text p { 14px;}
.banner-static .banner-box1 .text h1 { 21px;}
.banner-static .banner-box1 .text p { 12px; }
.banner-static .banner-box1 .text { -59px; }
.ma-timer-container .thumb { padding: 0 40px 0 0;}
.ma-timer-container .thumb li.active::before { right: -48px; }
.block .block-title strong { 11px; }
.block .block-title strong span { padding: 0 10px; }
}

@media (max-width: 767px){
.menu-recent .item-inner .des-container { 25px 0 15px; }
.testimonial-sidebar { padding: 25px 0; }
.testimonial-sidebar .owl-theme .owl-controls { text-align: center; }
.testimonial-sidebar .owl-theme .owl-controls .owl-pagination { display: inline-block; left: 0; right: 0; bottom: -70px; top: auto; }
.testimonial-sidebar .owl-theme .owl-controls .owl-page { display: inline-block; }
.header-container { text-align: center;}
.block-subscribe input.input-text { width: 245px; }
.product-view .product-shop .product-name { 15px; }
p.welcome-msg { 10px 0 0;}
.top-link ul.links { text-align: center;}
.banner-static .f-col2 { 20px 0; }
.banner-static-contain .banner-box,
.banner-home-content .banner-box { 20px;}
.ma-onsaleproductslider-container { 30px;}
.col-left, .col-main { 20px;}
.banner-static4 .banner-box2 { 15px 0; }
.top-link .toplink-hover { float: left;}
.footer-static-container .f-col { 25px;}
.form-list li.wide textarea, .form-list li.wide .input-box { width: 254px;}
.ma-relatedslider-container .flex-direction-nav a, .bx-wrapper .bx-controls a { display: none;}
.block-sequence .block-inner img { width: 100%; }
.banner-static .banner-box-inner { text-align: center;}
.banner-static .banner-box1 .banner-box-inner, .banner-static .banner-box2 .banner-box-inner { 0;}
.ma-timer-container { 0; }
.footer-static-container .f-col { min-height: 190px;}
.ma-upsellslider-container .ma-upsellslider-title { padding: 0 20px; }
.toplink-contaner .col-sms-12 { text-align: center; }
p.welcome-msg { float: none; display: inline-block; }
.toplink-contaner .link-inner { float: none; display: inline-block; }
.title-group { 0;}
.b-modal, #newsletter_pop_up { display: none !important; }
.ma-bestsellerproductslider-container .owl-carousel, .ma-featuredproductslider-container .owl-carousel { 0 !important; border: 1px solid #e5e5e5; }
.ma-brand-slider-contain { 30px;}
.cms-index-index .main-container { 0; }
.catgrid { 30px; }
.banner-static .banner-box2 { 30px 0;}
.products-grid.first .item { 30px; }
.block-layered-nav #search_pr button.button { 0; }
.footer-static-2 .newsletter-container, .footer-static-2 .link-web { float: none; overflow: hidden; }
.footer-static-2 .link-web { 20px; }
.block-header div, .top-link ul.links li { float: none; display: inline-block;}
.product-view .product-shop { 20px; }
.ma-onsale-products { 30px; }
.banner-static2 .banner-box1 { 0; }
.banner-static2 .banner-box2 { 20px 0 0;}
.banner-static-top .baner-box1 { 0; }
.banner-static-top .baner-box2 { 30px 0 0; }
.support-client .box-container.free-shipping { 10px 0;}
.support-client .box-container { display: inline-block; text-align: center; }
.top-link, .toplink-contaner .login, .language-currency { float: none; display: inline-block; }
.product-style2.last { 20px;}
#shopping-cart-table thead th { display: none; }
.cart-table td { display: block; }
.cart-table td.a-right { float: none !important; text-align: center !important; }
.cart-table .product-name { text-align: center; }
.btn-remove2 { auto; }
.cart-table td .product-image { auto; }
.data-table tfoot td { border-right: 0; }
.banner-static-bottom .banner-box .box-inner .image img { width: 100%; }
.banner-static-bottom .banner-box1, .banner-static-bottom .banner-box2, .banner-static-bottom .banner-box3 { 0; }
.banner-static-top .banner-box .text p { min-height: 50px; }
.banner-static-top .banner-box { 10px; }
.ma-timer-container .thumb { text-align: center; padding: 0 0 50px; }
.ma-timer-container .thumb li { width: 110px; display: inline-block; 0 5px; }
.ma-timer-container .thumb li.active::before { bottom: -60px; 0 -9px 0 0; right: 50%; top: auto; }
.ma-timer-container .thumb { 0; }
}

@media (max-width: 700px) {

.col2-set .col-1, .col2-set .col-2 { width: 100%; 20px;}
.banner-static3 .banner-static-inner a { float: left; clear: both; 10px;}
.banner-static3 .banner-static-inner h2 { width: auto;}
.ajax-body-login { width: 95%; height: 80%;}
.testimonial-sidebar .content a { 14px; }
.menu-recent .item-inner .des-container .title-blog { 12px; 0; }
.list_subcategories { width: 100%; }
.banner-static-top .banner-box { min-height: 0; 15px; }
#producttabs:before { display: none; }
ul.tabs { position: static; 20px; }

}

@media (max-width: 560px) {
.products-list .product-image { display: block; text-align: center; }
.product-view .product-img-box .product-image .cloud-zoom img { width: 100%;}
.cloud-zoom-big { display: none !important;}
.cart-table .btn-update, .cart-table .btn-empty, .cart-table .btn-continue { float:left; clear: both; 0 0 10px;}
.top-link.active { height: 163px; }
.banner-static3 .banner-static-inner h3 { 40px; }
.block-subscribe input.input-text { width: 215px; }
button.btn-cart span span:before { 5px; }
.timer-grid .box-time-date { min-width: 50px; min-height: 50px; }
.timer-grid .box-time-date span { 0; 18px; }
}

@media (max-width:480px){
.ma-mostviewed-products { 30px; }
.top-cart-content { right: -83px; }
.title-group h2 { 20px; }
.footer-static-2 #newsletter-validate-detail input.input-text { width: 210px; }
.ma-bestsellerproductslider-container .bx-wrapper { padding: 4px 50px; }
.ma-featured-products { 30px;}
.product-view .product-shop .product-name { 10px; }
.banner-static-2 .f-col2 { 20px 0; }
.product-tabs li { float: none; 0; display: block; }
.banner-static .f-col { background: #f9f9f9; padding: 20px;}
.header .col-xs-12 { padding: 0;}
.product-tabs { float: none; 0; }
.product-tabs a { border: 0; 20px; 28px; }
.footer-static .f-col { 20px;}
#twitter-feed { 30px; }
.block-subscribe .subscribe-title h3 { 15px; }
.banner-static3 .banner-box2 { 30px 0; }
.products-list .product-name { 10px; }
.testimonial-sidebar .owl-carousel { padding: 0; }
.product-tabs li a:after { display: none; }
.product-view .box-tags .form-add input.input-text { width: 260px; }
.footer-static-2 #newsletter-validate-detail input.input-text { width: 210px; }
.postTitle { 15px;}
.categorytabslider .tab_categorys { position: static; 10px 0; overflow: hidden;}
.categorytabslider .tab_categorys li { 23px; }
.categorytabslider .tab_categorys li.first { padding-left: 0; }
#producttabs .item h3 { display: block; 32px; }
.banner-static .text h1 { 60px; }
.banner-static .text { -130px; }
.product-tabs a { padding: 0; }
.ma-timer-container .images-container { padding: 0; }
.timer_product { padding-bottom: 50px; }
.ma-timer-container .box-timer { bottom: 0; top: auto; left: 0; right: 0; }
.timer-grid .box-time-date { border-bottom: 0 none; border-right: 1px solid #fdacac; display: inline-block; padding: 0; width: 25%;}
.ma-timer-container .box-timer { padding: 20px 0; }
}
@media (max-width:479px){
.page-not-found h2{ 10em}
}
@media (max-width: 400px) {
.block-header { 0; }
.mostviewedproductslider-item { width: 290px !important; }
.block-header .support .address, .block-header .support .phone { padding: 21px 0 16px 45px; background-position: 10px 50%; }
.block-header .share label { 0; }
.block-header .share { padding: 20px 15px; }
.sorter .sort-by { padding: 0;}
.form-list .input-box,
.form-list li.wide textarea,
.product-view .box-reviews .form-add .form-list .input-box { width: 250px;}
.form-list input.input-text, .form-list li.wide .input-box,
.product-view .box-reviews .form-add .form-list input.input-text, .product-view .box-reviews .form-add .form-list textarea { width: 250px;}
.block-header div.email { 0; }
.banner-static3 .banner-static-inner h3 { padding: 0 30px; 23px}
.block-subscribe input.input-text { width: 156px; }
.block-subscribe .actions { 10px; clear: both; }
.menu-recent .blog-title h2 { 20px;}
.menu-recent .item-inner .des .title-blog { 14px; }
.title-group h2 { 16px; }
.ma-timer-container .owl-carousel { padding: 0; }
.timer-grid .box-time-date { 14px; }
.ma-timer-container .item-inner .add-to-links { 10px;}
.toplink-contaner .link-inner { text-align: center; }
.form-search .bootstrap-select.btn-group { width: 90px !important; }
.bootstrap-select.btn-group .btn .caret { right: 2px !important; }
.header-bottom .form-search input.input-text { width: 130px; }
.ma-timer-container .item-inner .actions button.btn-cart span span { padding: 4px 25px; }

.menu-recent .item-inner .des-container span.author { 10px; }
.block-header .phone { 10px; }
.product-view .box-tags .form-add input.input-text { width: 275px; }
.product-view .box-tags button.button { 10px; }
.footer-static-2 #newsletter-validate-detail input.input-text, .block-subscribe .input-box { width: 100%; }
.testimonial-list .content { padding: 0; background: none; }
.testimonial-sidebar .block-content { padding: 0; }
.modul-title2 h2 { 22px; }
.featured-category .box-cate .image { 0 80px; }
.banner-static-bottom .banner-box .box-inner .text h1 { 12px; font-weight: 400; }
.banner-static-bottom .banner-box .box-inner .text a { font-weight: 400; padding: 0 10px; }
.banner-static-bottom .banner-box .box-inner .text .text-inner { 27px; }
.banner-static .banner-box2 .text { left: 50%; -42px; -25px; }
.banner-static .banner-box2 .text h1 { 30px; 25px; }
.banner-static .banner-box2 .text p { 14px;}
.banner-static .banner-box1 .text h1 { 26px;}
.banner-static .banner-box1 .text { -59px; }
.product-tabs-content { padding: 10px; }
.ma-review-col1,.ma-review-col2 { padding: 0;}
}
/*
* Core Owl Carousel CSS File
* v1.3.3
*/

/* clearfix */
.owl-carousel .owl-wrapper:after {
content: ".";
display: block;
clear: both;
visibility: hidden;
0;
height: 0;
}
/* display none until init */
.owl-carousel{
display: none;
position: relative;
-ms-touch-action: pan-y;
}
.owl-carousel .owl-wrapper{
display: none;
position: relative;
-webkit-transform: translate3d(0px, 0px, 0px);
}
.owl-carousel .owl-wrapper-outer{
overflow: hidden;
position: relative;
width: 100%;
}
.owl-carousel .owl-wrapper-outer.autoHeight{
-webkit-transition: height 500ms ease-in-out;
-moz-transition: height 500ms ease-in-out;
-ms-transition: height 500ms ease-in-out;
-o-transition: height 500ms ease-in-out;
transition: height 500ms ease-in-out;
}

.owl-carousel .owl-item{
float: left; position: relative; overflow: hidden;
padding: 0 15px;
}
.owl-carousel .owl-item .item-inner{ 30px; }
.owl-controls .owl-page,
.owl-controls .owl-buttons div{
cursor: pointer;
}
.owl-controls .owl-pagination { text-align: right; position: absolute; left: 0; right: 0; auto; }
.owl-controls {
-webkit-user-select: none;
-khtml-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
-webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}

/* mouse grab icon */
.grabbing {
cursor:u rl(http://domain.pk/flat/skin/frontend/flaton/ma_flaton3/magentothem/css/images/grabbing.png) 8 8, move;
}

/* fix */
.owl-carousel .owl-wrapper,
.owl-carousel .owl-item{
-webkit-backface-visibility: hidden;
-moz-backface-visibility: hidden;
-ms-backface-visibility: hidden;
-webkit-transform: translate3d(0,0,0);
-moz-transform: translate3d(0,0,0);
-ms-transform: translate3d(0,0,0);
}

/****************************************/
/*
* Owl Carousel Owl Demo Theme
* v1.3.3
*/

 

/* Clickable class fix problem with hover on touch devices */
/* Use it for non-touch hover action */
.owl-theme .owl-controls.clickable .owl-buttons div:hover{
filter: Alpha(Opacity=100);/*IE7 fix*/
opacity: 1;
text-decoration: none;
}

/* If PaginationNumbers is true */

.owl-theme .owl-controls .owl-page span.owl-numbers{
height: auto;
width: auto;
color: #FFF;
padding: 2px 10px;
12px;
-webkit-border-radius: 30px;
-moz-border-radius: 30px;
border-radius: 30px;
}

/* preloading images */
.owl-item.loading{
min-height: 150px;
background: u rl(http://domain.pk/flat/skin/frontend/flaton/ma_flaton3/magentothem/css/images/AjaxLoader.gif) no-repeat center center
}

/*!
* Font Awesome 4.1.0 by @davegandy - http://fontawesome.io - @fontawesome
* License - http://fontawesome.io/license (Font: SIL OFL 1.1, CSS: MIT License)
*/
/* FONT PATH
* -------------------------- */
@font-face {
'FontAwesome';
src: u rl('http://domain.pk/flat/skin/frontend/flaton/ma_flaton3/fonts/fontawesome-webfont.eot?v=4.1.0');
src: u rl('http://domain.pk/flat/skin/frontend/flaton/ma_flaton3/fonts/fontawesome-webfont.eot?#iefix&v=4.1.0') format('embedded-opentype'), u rl('http://domain.pk/flat/skin/frontend/flaton/ma_flaton3/fonts/fontawesome-webfont.woff?v=4.1.0') format('woff'), u rl('http://domain.pk/flat/skin/frontend/flaton/ma_flaton3/fonts/fontawesome-webfont.ttf?v=4.1.0') format('truetype'), u rl('http://domain.pk/flat/skin/frontend/flaton/ma_flaton3/fonts/fontawesome-webfont.svg?v=4.1.0#fontawesomeregular') format('svg');
font-weight: normal;
font-style: normal;
}
.fa {
display: inline-block;
FontAwesome;
font-style: normal;
font-weight: normal;
1;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}
/* makes the font 33% larger relative to the icon container */
.fa-lg {
1.33333333em;
0.75em;
vertical-align: -15%;
}
.fa-2x {
2em;
}
.fa-3x {
3em;
}
.fa-4x {
4em;
}
.fa-5x {
5em;
}
.fa-fw {
width: 1.28571429em;
text-align: center;
}
.fa-ul {
padding-left: 0;
2.14285714em;
list-style-type: none;
}
.fa-ul > li {
position: relative;
}
.fa-li {
position: absolute;
left: -2.14285714em;
width: 2.14285714em;
top: 0.14285714em;
text-align: center;
}
.fa-li.fa-lg {
left: -1.85714286em;
}
.fa-border {
padding: .2em .25em .15em;
border: solid 0.08em #eeeeee;
border-radius: .1em;
}
.pull-right {
float: right;
}
.pull-left {
float: left;
}
.fa.pull-left {
.3em;
}
.fa.pull-right {
.3em;
}
.fa-spin {
-webkit-animation: spin 2s infinite linear;
-moz-animation: spin 2s infinite linear;
-o-animation: spin 2s infinite linear;
animation: spin 2s infinite linear;
}
@-moz-keyframes spin {
0% {
-moz-transform: rotate(0deg);
}
100% {
-moz-transform: rotate(359deg);
}
}
@-webkit-keyframes spin {
0% {
-webkit-transform: rotate(0deg);
}
100% {
-webkit-transform: rotate(359deg);
}
}
@-o-keyframes spin {
0% {
-o-transform: rotate(0deg);
}
100% {
-o-transform: rotate(359deg);
}
}
@keyframes spin {
0% {
-webkit-transform: rotate(0deg);
transform: rotate(0deg);
}
100% {
-webkit-transform: rotate(359deg);
transform: rotate(359deg);
}
}
.fa-rotate-90 {
filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=1);
-webkit-transform: rotate(90deg);
-moz-transform: rotate(90deg);
-ms-transform: rotate(90deg);
-o-transform: rotate(90deg);
transform: rotate(90deg);
}
.fa-rotate-180 {
filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=2);
-webkit-transform: rotate(180deg);
-moz-transform: rotate(180deg);
-ms-transform: rotate(180deg);
-o-transform: rotate(180deg);
transform: rotate(180deg);
}
.fa-rotate-270 {
filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=3);
-webkit-transform: rotate(270deg);
-moz-transform: rotate(270deg);
-ms-transform: rotate(270deg);
-o-transform: rotate(270deg);
transform: rotate(270deg);
}
.fa-flip-horizontal {
filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=0, mirror=1);
-webkit-transform: scale(-1, 1);
-moz-transform: scale(-1, 1);
-ms-transform: scale(-1, 1);
-o-transform: scale(-1, 1);
transform: scale(-1, 1);
}
.fa-flip-vertical {
filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=2, mirror=1);
-webkit-transform: scale(1, -1);
-moz-transform: scale(1, -1);
-ms-transform: scale(1, -1);
-o-transform: scale(1, -1);
transform: scale(1, -1);
}
.fa-stack {
position: relative;
display: inline-block;
width: 2em;
height: 2em;
2em;
vertical-align: middle;
}
.fa-stack-1x,
.fa-stack-2x {
position: absolute;
left: 0;
width: 100%;
text-align: center;
}
.fa-stack-1x {
inherit;
}
.fa-stack-2x {
2em;
}
.fa-inverse {
color: #ffffff;
}
/* Font Awesome uses the Unicode Private Use Area (PUA) to ensure screen
readers do not read off random characters that represent icons */
.fa-glass:before {
content: "\f000";
}
.fa-music:before {
content: "\f001";
}
.fa-search:before {
content: "\f002";
}
.fa-envelope-o:before {
content: "\f003";
}
.fa-heart:before {
content: "\f004";
}
.fa-star:before {
content: "\f005";
}
.fa-star-o:before {
content: "\f006";
}
.fa-user:before {
content: "\f007";
}
.fa-film:before {
content: "\f008";
}
.fa-th-large:before {
content: "\f009";
}
.fa-th:before {
content: "\f00a";
}
.fa-th-list:before {
content: "\f00b";
}
.fa-check:before {
content: "\f00c";
}
.fa-times:before {
content: "\f00d";
}
.fa-search-plus:before {
content: "\f00e";
}
.fa-search-minus:before {
content: "\f010";
}
.fa-power-off:before {
content: "\f011";
}
.fa-signal:before {
content: "\f012";
}
.fa-gear:before,
.fa-cog:before {
content: "\f013";
}
.fa-trash-o:before {
content: "\f014";
}
.fa-home:before {
content: "\f015";
}
.fa-file-o:before {
content: "\f016";
}
.fa-clock-o:before {
content: "\f017";
}
.fa-road:before {
content: "\f018";
}
.fa-download:before {
content: "\f019";
}
.fa-arrow-circle-o-down:before {
content: "\f01a";
}
.fa-arrow-circle-o-up:before {
content: "\f01b";
}
.fa-inbox:before {
content: "\f01c";
}
.fa-play-circle-o:before {
content: "\f01d";
}
.fa-rotate-right:before,
.fa-repeat:before {
content: "\f01e";
}
.fa-refresh:before {
content: "\f021";
}
.fa-list-alt:before {
content: "\f022";
}
.fa-lock:before {
content: "\f023";
}
.fa-flag:before {
content: "\f024";
}
.fa-headphones:before {
content: "\f025";
}
.fa-volume-off:before {
content: "\f026";
}
.fa-volume-down:before {
content: "\f027";
}
.fa-volume-up:before {
content: "\f028";
}
.fa-qrcode:before {
content: "\f029";
}
.fa-barcode:before {
content: "\f02a";
}
.fa-tag:before {
content: "\f02b";
}
.fa-tags:before {
content: "\f02c";
}
.fa-book:before {
content: "\f02d";
}
.fa-bookmark:before {
content: "\f02e";
}
.fa-print:before {
content: "\f02f";
}
.fa-camera:before {
content: "\f030";
}
.fa-font:before {
content: "\f031";
}
.fa-bold:before {
content: "\f032";
}
.fa-italic:before {
content: "\f033";
}
.fa-text-height:before {
content: "\f034";
}
.fa-text-width:before {
content: "\f035";
}
.fa-align-left:before {
content: "\f036";
}
.fa-align-center:before {
content: "\f037";
}
.fa-align-right:before {
content: "\f038";
}
.fa-align-justify:before {
content: "\f039";
}
.fa-list:before {
content: "\f03a";
}
.fa-dedent:before,
.fa-outdent:before {
content: "\f03b";
}
.fa-indent:before {
content: "\f03c";
}
.fa-video-camera:before {
content: "\f03d";
}
.fa-photo:before,
.fa-image:before,
.fa-picture-o:before {
content: "\f03e";
}
.fa-pencil:before {
content: "\f040";
}
.fa-map-marker:before {
content: "\f041";
}
.fa-adjust:before {
content: "\f042";
}
.fa-tint:before {
content: "\f043";
}
.fa-edit:before,
.fa-pencil-square-o:before {
content: "\f044";
}
.fa-share-square-o:before {
content: "\f045";
}
.fa-check-square-o:before {
content: "\f046";
}
.fa-arrows:before {
content: "\f047";
}
.fa-step-backward:before {
content: "\f048";
}
.fa-fast-backward:before {
content: "\f049";
}
.fa-backward:before {
content: "\f04a";
}
.fa-play:before {
content: "\f04b";
}
.fa-pause:before {
content: "\f04c";
}
.fa-stop:before {
content: "\f04d";
}
.fa-forward:before {
content: "\f04e";
}
.fa-fast-forward:before {
content: "\f050";
}
.fa-step-forward:before {
content: "\f051";
}
.fa-eject:before {
content: "\f052";
}
.fa-chevron-left:before {
content: "\f053";
}
.fa-chevron-right:before {
content: "\f054";
}
.fa-plus-circle:before {
content: "\f055";
}
.fa-minus-circle:before {
content: "\f056";
}
.fa-times-circle:before {
content: "\f057";
}
.fa-check-circle:before {
content: "\f058";
}
.fa-question-circle:before {
content: "\f059";
}
.fa-info-circle:before {
content: "\f05a";
}
.fa-crosshairs:before {
content: "\f05b";
}
.fa-times-circle-o:before {
content: "\f05c";
}
.fa-check-circle-o:before {
content: "\f05d";
}
.fa-ban:before {
content: "\f05e";
}
.fa-arrow-left:before {
content: "\f060";
}
.fa-arrow-right:before {
content: "\f061";
}
.fa-arrow-up:before {
content: "\f062";
}
.fa-arrow-down:before {
content: "\f063";
}
.fa-mail-forward:before,
.fa-share:before {
content: "\f064";
}
.fa-expand:before {
content: "\f065";
}
.fa-compress:before {
content: "\f066";
}
.fa-plus:before {
content: "\f067";
}
.fa-minus:before {
content: "\f068";
}
.fa-asterisk:before {
content: "\f069";
}
.fa-exclamation-circle:before {
content: "\f06a";
}
.fa-gift:before {
content: "\f06b";
}
.fa-leaf:before {
content: "\f06c";
}
.fa-fire:before {
content: "\f06d";
}
.fa-eye:before {
content: "\f06e";
}
.fa-eye-slash:before {
content: "\f070";
}
.fa-warning:before,
.fa-exclamation-triangle:before {
content: "\f071";
}
.fa-plane:before {
content: "\f072";
}
.fa-calendar:before {
content: "\f073";
}
.fa-random:before {
content: "\f074";
}
.fa-comment:before {
content: "\f075";
}
.fa-magnet:before {
content: "\f076";
}
.fa-chevron-up:before {
content: "\f077";
}
.fa-chevron-down:before {
content: "\f078";
}
.fa-retweet:before {
content: "\f079";
}
.fa-shopping-cart:before {
content: "\f07a";
}
.fa-folder:before {
content: "\f07b";
}
.fa-folder-open:before {
content: "\f07c";
}
.fa-arrows-v:before {
content: "\f07d";
}
.fa-arrows-h:before {
content: "\f07e";
}
.fa-bar-chart-o:before {
content: "\f080";
}
.fa-twitter-square:before {
content: "\f081";
}
.fa-facebook-square:before {
content: "\f082";
}
.fa-camera-retro:before {
content: "\f083";
}
.fa-key:before {
content: "\f084";
}
.fa-gears:before,
.fa-cogs:before {
content: "\f085";
}
.fa-comments:before {
content: "\f086";
}
.fa-thumbs-o-up:before {
content: "\f087";
}
.fa-thumbs-o-down:before {
content: "\f088";
}
.fa-star-half:before {
content: "\f089";
}
.fa-heart-o:before {
content: "\f08a";
}
.fa-sign-out:before {
content: "\f08b";
}
.fa-linkedin-square:before {
content: "\f08c";
}
.fa-thumb-tack:before {
content: "\f08d";
}
.fa-external-link:before {
content: "\f08e";
}
.fa-sign-in:before {
content: "\f090";
}
.fa-trophy:before {
content: "\f091";
}
.fa-github-square:before {
content: "\f092";
}
.fa-upload:before {
content: "\f093";
}
.fa-lemon-o:before {
content: "\f094";
}
.fa-phone:before {
content: "\f095";
}
.fa-square-o:before {
content: "\f096";
}
.fa-bookmark-o:before {
content: "\f097";
}
.fa-phone-square:before {
content: "\f098";
}
.fa-twitter:before {
content: "\f099";
}
.fa-facebook:before {
content: "\f09a";
}
.fa-github:before {
content: "\f09b";
}
.fa-unlock:before {
content: "\f09c";
}
.fa-credit-card:before {
content: "\f09d";
}
.fa-rss:before {
content: "\f09e";
}
.fa-hdd-o:before {
content: "\f0a0";
}
.fa-bullhorn:before {
content: "\f0a1";
}
.fa-bell:before {
content: "\f0f3";
}
.fa-certificate:before {
content: "\f0a3";
}
.fa-hand-o-right:before {
content: "\f0a4";
}
.fa-hand-o-left:before {
content: "\f0a5";
}
.fa-hand-o-up:before {
content: "\f0a6";
}
.fa-hand-o-down:before {
content: "\f0a7";
}
.fa-arrow-circle-left:before {
content: "\f0a8";
}
.fa-arrow-circle-right:before {
content: "\f0a9";
}
.fa-arrow-circle-up:before {
content: "\f0aa";
}
.fa-arrow-circle-down:before {
content: "\f0ab";
}
.fa-globe:before {
content: "\f0ac";
}
.fa-wrench:before {
content: "\f0ad";
}
.fa-tasks:before {
content: "\f0ae";
}
.fa-filter:before {
content: "\f0b0";
}
.fa-briefcase:before {
content: "\f0b1";
}
.fa-arrows-alt:before {
content: "\f0b2";
}
.fa-group:before,
.fa-users:before {
content: "\f0c0";
}
.fa-chain:before,
.fa-link:before {
content: "\f0c1";
}
.fa-cloud:before {
content: "\f0c2";
}
.fa-flask:before {
content: "\f0c3";
}
.fa-cut:before,
.fa-scissors:before {
content: "\f0c4";
}
.fa-copy:before,
.fa-files-o:before {
content: "\f0c5";
}
.fa-paperclip:before {
content: "\f0c6";
}
.fa-save:before,
.fa-floppy-o:before {
content: "\f0c7";
}
.fa-square:before {
content: "\f0c8";
}
.fa-navicon:before,
.fa-reorder:before,
.fa-bars:before {
content: "\f0c9";
}
.fa-list-ul:before {
content: "\f0ca";
}
.fa-list-ol:before {
content: "\f0cb";
}
.fa-strikethrough:before {
content: "\f0cc";
}
.fa-underline:before {
content: "\f0cd";
}
.fa-table:before {
content: "\f0ce";
}
.fa-magic:before {
content: "\f0d0";
}
.fa-truck:before {
content: "\f0d1";
}
.fa-pinterest:before {
content: "\f0d2";
}
.fa-pinterest-square:before {
content: "\f0d3";
}
.fa-google-plus-square:before {
content: "\f0d4";
}
.fa-google-plus:before {
content: "\f0d5";
}
.fa-money:before {
content: "\f0d6";
}
.fa-caret-down:before {
content: "\f0d7";
}
.fa-caret-up:before {
content: "\f0d8";
}
.fa-caret-left:before {
content: "\f0d9";
}
.fa-caret-right:before {
content: "\f0da";
}
.fa-columns:before {
content: "\f0db";
}
.fa-unsorted:before,
.fa-sort:before {
content: "\f0dc";
}
.fa-sort-down:before,
.fa-sort-desc:before {
content: "\f0dd";
}
.fa-sort-up:before,
.fa-sort-asc:before {
content: "\f0de";
}
.fa-envelope:before {
content: "\f0e0";
}
.fa-linkedin:before {
content: "\f0e1";
}
.fa-rotate-left:before,
.fa-undo:before {
content: "\f0e2";
}
.fa-legal:before,
.fa-gavel:before {
content: "\f0e3";
}
.fa-dashboard:before,
.fa-tachometer:before {
content: "\f0e4";
}
.fa-comment-o:before {
content: "\f0e5";
}
.fa-comments-o:before {
content: "\f0e6";
}
.fa-flash:before,
.fa-bolt:before {
content: "\f0e7";
}
.fa-sitemap:before {
content: "\f0e8";
}
.fa-umbrella:before {
content: "\f0e9";
}
.fa-paste:before,
.fa-clipboard:before {
content: "\f0ea";
}
.fa-lightbulb-o:before {
content: "\f0eb";
}
.fa-exchange:before {
content: "\f0ec";
}
.fa-cloud-download:before {
content: "\f0ed";
}
.fa-cloud-upload:before {
content: "\f0ee";
}
.fa-user-md:before {
content: "\f0f0";
}
.fa-stethoscope:before {
content: "\f0f1";
}
.fa-suitcase:before {
content: "\f0f2";
}
.fa-bell-o:before {
content: "\f0a2";
}
.fa-coffee:before {
content: "\f0f4";
}
.fa-cutlery:before {
content: "\f0f5";
}
.fa-file-text-o:before {
content: "\f0f6";
}
.fa-building-o:before {
content: "\f0f7";
}
.fa-hospital-o:before {
content: "\f0f8";
}
.fa-ambulance:before {
content: "\f0f9";
}
.fa-medkit:before {
content: "\f0fa";
}
.fa-fighter-jet:before {
content: "\f0fb";
}
.fa-beer:before {
content: "\f0fc";
}
.fa-h-square:before {
content: "\f0fd";
}
.fa-plus-square:before {
content: "\f0fe";
}
.fa-angle-double-left:before {
content: "\f100";
}
.fa-angle-double-right:before {
content: "\f101";
}
.fa-angle-double-up:before {
content: "\f102";
}
.fa-angle-double-down:before {
content: "\f103";
}
.fa-angle-left:before {
content: "\f104";
}
.fa-angle-right:before {
content: "\f105";
}
.fa-angle-up:before {
content: "\f106";
}
.fa-angle-down:before {
content: "\f107";
}
.fa-desktop:before {
content: "\f108";
}
.fa-laptop:before {
content: "\f109";
}
.fa-tablet:before {
content: "\f10a";
}
.fa-mobile-phone:before,
.fa-mobile:before {
content: "\f10b";
}
.fa-circle-o:before {
content: "\f10c";
}
.fa-quote-left:before {
content: "\f10d";
}
.fa-quote-right:before {
content: "\f10e";
}
.fa-spinner:before {
content: "\f110";
}
.fa-circle:before {
content: "\f111";
}
.fa-mail-reply:before,
.fa-reply:before {
content: "\f112";
}
.fa-github-alt:before {
content: "\f113";
}
.fa-folder-o:before {
content: "\f114";
}
.fa-folder-open-o:before {
content: "\f115";
}
.fa-smile-o:before {
content: "\f118";
}
.fa-frown-o:before {
content: "\f119";
}
.fa-meh-o:before {
content: "\f11a";
}
.fa-gamepad:before {
content: "\f11b";
}
.fa-keyboard-o:before {
content: "\f11c";
}
.fa-flag-o:before {
content: "\f11d";
}
.fa-flag-checkered:before {
content: "\f11e";
}
.fa-terminal:before {
content: "\f120";
}
.fa-code:before {
content: "\f121";
}
.fa-mail-reply-all:before,
.fa-reply-all:before {
content: "\f122";
}
.fa-star-half-empty:before,
.fa-star-half-full:before,
.fa-star-half-o:before {
content: "\f123";
}
.fa-location-arrow:before {
content: "\f124";
}
.fa-crop:before {
content: "\f125";
}
.fa-code-fork:before {
content: "\f126";
}
.fa-unlink:before,
.fa-chain-broken:before {
content: "\f127";
}
.fa-question:before {
content: "\f128";
}
.fa-info:before {
content: "\f129";
}
.fa-exclamation:before {
content: "\f12a";
}
.fa-superscript:before {
content: "\f12b";
}
.fa-subscript:before {
content: "\f12c";
}
.fa-eraser:before {
content: "\f12d";
}
.fa-puzzle-piece:before {
content: "\f12e";
}
.fa-microphone:before {
content: "\f130";
}
.fa-microphone-slash:before {
content: "\f131";
}
.fa-shield:before {
content: "\f132";
}
.fa-calendar-o:before {
content: "\f133";
}
.fa-fire-extinguisher:before {
content: "\f134";
}
.fa-rocket:before {
content: "\f135";
}
.fa-maxcdn:before {
content: "\f136";
}
.fa-chevron-circle-left:before {
content: "\f137";
}
.fa-chevron-circle-right:before {
content: "\f138";
}
.fa-chevron-circle-up:before {
content: "\f139";
}
.fa-chevron-circle-down:before {
content: "\f13a";
}
.fa-html5:before {
content: "\f13b";
}
.fa-css3:before {
content: "\f13c";
}
.fa-anchor:before {
content: "\f13d";
}
.fa-unlock-alt:before {
content: "\f13e";
}
.fa-bullseye:before {
content: "\f140";
}
.fa-ellipsis-h:before {
content: "\f141";
}
.fa-ellipsis-v:before {
content: "\f142";
}
.fa-rss-square:before {
content: "\f143";
}
.fa-play-circle:before {
content: "\f144";
}
.fa-ticket:before {
content: "\f145";
}
.fa-minus-square:before {
content: "\f146";
}
.fa-minus-square-o:before {
content: "\f147";
}
.fa-level-up:before {
content: "\f148";
}
.fa-level-down:before {
content: "\f149";
}
.fa-check-square:before {
content: "\f14a";
}
.fa-pencil-square:before {
content: "\f14b";
}
.fa-external-link-square:before {
content: "\f14c";
}
.fa-share-square:before {
content: "\f14d";
}
.fa-compass:before {
content: "\f14e";
}
.fa-toggle-down:before,
.fa-caret-square-o-down:before {
content: "\f150";
}
.fa-toggle-up:before,
.fa-caret-square-o-up:before {
content: "\f151";
}
.fa-toggle-right:before,
.fa-caret-square-o-right:before {
content: "\f152";
}
.fa-euro:before,
.fa-eur:before {
content: "\f153";
}
.fa-gbp:before {
content: "\f154";
}
.fa-dollar:before,
.fa-usd:before {
content: "\f155";
}
.fa-rupee:before,
.fa-inr:before {
content: "\f156";
}
.fa-cny:before,
.fa-rmb:before,
.fa-yen:before,
.fa-jpy:before {
content: "\f157";
}
.fa-ruble:before,
.fa-rouble:before,
.fa-rub:before {
content: "\f158";
}
.fa-won:before,
.fa-krw:before {
content: "\f159";
}
.fa-bitcoin:before,
.fa-btc:before {
content: "\f15a";
}
.fa-file:before {
content: "\f15b";
}
.fa-file-text:before {
content: "\f15c";
}
.fa-sort-alpha-asc:before {
content: "\f15d";
}
.fa-sort-alpha-desc:before {
content: "\f15e";
}
.fa-sort-amount-asc:before {
content: "\f160";
}
.fa-sort-amount-desc:before {
content: "\f161";
}
.fa-sort-numeric-asc:before {
content: "\f162";
}
.fa-sort-numeric-desc:before {
content: "\f163";
}
.fa-thumbs-up:before {
content: "\f164";
}
.fa-thumbs-down:before {
content: "\f165";
}
.fa-youtube-square:before {
content: "\f166";
}
.fa-youtube:before {
content: "\f167";
}
.fa-xing:before {
content: "\f168";
}
.fa-xing-square:before {
content: "\f169";
}
.fa-youtube-play:before {
content: "\f16a";
}
.fa-dropbox:before {
content: "\f16b";
}
.fa-stack-overflow:before {
content: "\f16c";
}
.fa-instagram:before {
content: "\f16d";
}
.fa-flickr:before {
content: "\f16e";
}
.fa-adn:before {
content: "\f170";
}
.fa-bitbucket:before {
content: "\f171";
}
.fa-bitbucket-square:before {
content: "\f172";
}
.fa-tumblr:before {
content: "\f173";
}
.fa-tumblr-square:before {
content: "\f174";
}
.fa-long-arrow-down:before {
content: "\f175";
}
.fa-long-arrow-up:before {
content: "\f176";
}
.fa-long-arrow-left:before {
content: "\f177";
}
.fa-long-arrow-right:before {
content: "\f178";
}
.fa-apple:before {
content: "\f179";
}
.fa-windows:before {
content: "\f17a";
}
.fa-android:before {
content: "\f17b";
}
.fa-linux:before {
content: "\f17c";
}
.fa-dribbble:before {
content: "\f17d";
}
.fa-skype:before {
content: "\f17e";
}
.fa-foursquare:before {
content: "\f180";
}
.fa-trello:before {
content: "\f181";
}
.fa-female:before {
content: "\f182";
}
.fa-male:before {
content: "\f183";
}
.fa-gittip:before {
content: "\f184";
}
.fa-sun-o:before {
content: "\f185";
}
.fa-moon-o:before {
content: "\f186";
}
.fa-archive:before {
content: "\f187";
}
.fa-bug:before {
content: "\f188";
}
.fa-vk:before {
content: "\f189";
}
.fa-weibo:before {
content: "\f18a";
}
.fa-renren:before {
content: "\f18b";
}
.fa-pagelines:before {
content: "\f18c";
}
.fa-stack-exchange:before {
content: "\f18d";
}
.fa-arrow-circle-o-right:before {
content: "\f18e";
}
.fa-arrow-circle-o-left:before {
content: "\f190";
}
.fa-toggle-left:before,
.fa-caret-square-o-left:before {
content: "\f191";
}
.fa-dot-circle-o:before {
content: "\f192";
}
.fa-wheelchair:before {
content: "\f193";
}
.fa-vimeo-square:before {
content: "\f194";
}
.fa-turkish-lira:before,
.fa-try:before {
content: "\f195";
}
.fa-plus-square-o:before {
content: "\f196";
}
.fa-space-shuttle:before {
content: "\f197";
}
.fa-slack:before {
content: "\f198";
}
.fa-envelope-square:before {
content: "\f199";
}
.fa-wordpress:before {
content: "\f19a";
}
.fa-openid:before {
content: "\f19b";
}
.fa-institution:before,
.fa-bank:before,
.fa-university:before {
content: "\f19c";
}
.fa-mortar-board:before,
.fa-graduation-cap:before {
content: "\f19d";
}
.fa-yahoo:before {
content: "\f19e";
}
.fa-google:before {
content: "\f1a0";
}
.fa-reddit:before {
content: "\f1a1";
}
.fa-reddit-square:before {
content: "\f1a2";
}
.fa-stumbleupon-circle:before {
content: "\f1a3";
}
.fa-stumbleupon:before {
content: "\f1a4";
}
.fa-delicious:before {
content: "\f1a5";
}
.fa-digg:before {
content: "\f1a6";
}
.fa-pied-piper-square:before,
.fa-pied-piper:before {
content: "\f1a7";
}
.fa-pied-piper-alt:before {
content: "\f1a8";
}
.fa-drupal:before {
content: "\f1a9";
}
.fa-joomla:before {
content: "\f1aa";
}
.fa-language:before {
content: "\f1ab";
}
.fa-fax:before {
content: "\f1ac";
}
.fa-building:before {
content: "\f1ad";
}
.fa-child:before {
content: "\f1ae";
}
.fa-paw:before {
content: "\f1b0";
}
.fa-spoon:before {
content: "\f1b1";
}
.fa-cube:before {
content: "\f1b2";
}
.fa-cubes:before {
content: "\f1b3";
}
.fa-behance:before {
content: "\f1b4";
}
.fa-behance-square:before {
content: "\f1b5";
}
.fa-steam:before {
content: "\f1b6";
}
.fa-steam-square:before {
content: "\f1b7";
}
.fa-recycle:before {
content: "\f1b8";
}
.fa-automobile:before,
.fa-car:before {
content: "\f1b9";
}
.fa-cab:before,
.fa-taxi:before {
content: "\f1ba";
}
.fa-tree:before {
content: "\f1bb";
}
.fa-spotify:before {
content: "\f1bc";
}
.fa-deviantart:before {
content: "\f1bd";
}
.fa-soundcloud:before {
content: "\f1be";
}
.fa-database:before {
content: "\f1c0";
}
.fa-file-pdf-o:before {
content: "\f1c1";
}
.fa-file-word-o:before {
content: "\f1c2";
}
.fa-file-excel-o:before {
content: "\f1c3";
}
.fa-file-powerpoint-o:before {
content: "\f1c4";
}
.fa-file-photo-o:before,
.fa-file-picture-o:before,
.fa-file-image-o:before {
content: "\f1c5";
}
.fa-file-zip-o:before,
.fa-file-archive-o:before {
content: "\f1c6";
}
.fa-file-sound-o:before,
.fa-file-audio-o:before {
content: "\f1c7";
}
.fa-file-movie-o:before,
.fa-file-video-o:before {
content: "\f1c8";
}
.fa-file-code-o:before {
content: "\f1c9";
}
.fa-vine:before {
content: "\f1ca";
}
.fa-codepen:before {
content: "\f1cb";
}
.fa-jsfiddle:before {
content: "\f1cc";
}
.fa-life-bouy:before,
.fa-life-saver:before,
.fa-support:before,
.fa-life-ring:before {
content: "\f1cd";
}
.fa-circle-o-notch:before {
content: "\f1ce";
}
.fa-ra:before,
.fa-rebel:before {
content: "\f1d0";
}
.fa-ge:before,
.fa-empire:before {
content: "\f1d1";
}
.fa-git-square:before {
content: "\f1d2";
}
.fa-git:before {
content: "\f1d3";
}
.fa-hacker-news:before {
content: "\f1d4";
}
.fa-tencent-weibo:before {
content: "\f1d5";
}
.fa-qq:before {
content: "\f1d6";
}
.fa-wechat:before,
.fa-weixin:before {
content: "\f1d7";
}
.fa-send:before,
.fa-paper-plane:before {
content: "\f1d8";
}
.fa-send-o:before,
.fa-paper-plane-o:before {
content: "\f1d9";
}
.fa-history:before {
content: "\f1da";
}
.fa-circle-thin:before {
content: "\f1db";
}
.fa-header:before {
content: "\f1dc";
}
.fa-paragraph:before {
content: "\f1dd";
}
.fa-sliders:before {
content: "\f1de";
}
.fa-share-alt:before {
content: "\f1e0";
}
.fa-share-alt-square:before {
content: "\f1e1";
}
.fa-bomb:before {
content: "\f1e2";
}

/*!
* Font Awesome 4.1.0 by @davegandy - http://fontawesome.io - @fontawesome
* License - http://fontawesome.io/license (Font: SIL OFL 1.1, CSS: MIT License)
*/@font-face{'FontAwesome';src:u rl('http://domain.pk/flat/skin/frontend/flaton/ma_flaton3/fonts/fontawesome-webfont.eot?v=4.1.0');src:u rl('http://domain.pk/flat/skin/frontend/flaton/ma_flaton3/fonts/fontawesome-webfont.eot?#iefix&v=4.1.0') format('embedded-opentype'),u rl('http://domain.pk/flat/skin/frontend/flaton/ma_flaton3/fonts/fontawesome-webfont.woff?v=4.1.0') format('woff'),u rl('http://domain.pk/flat/skin/frontend/flaton/ma_flaton3/fonts/fontawesome-webfont.ttf?v=4.1.0') format('truetype'),u rl('http://domain.pk/flat/skin/frontend/flaton/ma_flaton3/fonts/fontawesome-webfont.svg?v=4.1.0#fontawesomeregular') format('svg');font-weight:normal;font-style:normal}.fa{display:inline-block;FontAwesome;font-style:normal;font-weight:normal;1;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.fa-lg{1.33333333em;.75em;vertical-align:-15%}.fa-2x{2em}.fa-3x{3em}.fa-4x{4em}.fa-5x{5em}.fa-fw{width:1.28571429em;text-align:center}.fa-ul{padding-left:0;2.14285714em;list-style-type:none}.fa-ul>li{position:relative}.fa-li{position:absolute;left:-2.14285714em;width:2.14285714em;top:.14285714em;text-align:center}.fa-li.fa-lg{left:-1.85714286em}.fa-border{padding:.2em .25em .15em;border:solid .08em #eee;border-radius:.1em}.pull-right{float:right}.pull-left{float:left}.fa.pull-left{.3em}.fa.pull-right{.3em}.fa-spin{-webkit-animation:spin 2s infinite linear;-moz-animation:spin 2s infinite linear;-o-animation:spin 2s infinite linear;animation:spin 2s infinite linear}@-moz-keyframes spin{0%{-moz-transform:rotate(0deg)}100%{-moz-transform:rotate(359deg)}}@-webkit-keyframes spin{0%{-webkit-transform:rotate(0deg)}100%{-webkit-transform:rotate(359deg)}}@-o-keyframes spin{0%{-o-transform:rotate(0deg)}100%{-o-transform:rotate(359deg)}}@keyframes spin{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}100%{-webkit-transform:rotate(359deg);transform:rotate(359deg)}}.fa-rotate-90{filter:progid:DXImageTransform.Microsoft.BasicImage(rotation=1);-webkit-transform:rotate(90deg);-moz-transform:rotate(90deg);-ms-transform:rotate(90deg);-o-transform:rotate(90deg);transform:rotate(90deg)}.fa-rotate-180{filter:progid:DXImageTransform.Microsoft.BasicImage(rotation=2);-webkit-transform:rotate(180deg);-moz-transform:rotate(180deg);-ms-transform:rotate(180deg);-o-transform:rotate(180deg);transform:rotate(180deg)}.fa-rotate-270{filter:progid:DXImageTransform.Microsoft.BasicImage(rotation=3);-webkit-transform:rotate(270deg);-moz-transform:rotate(270deg);-ms-transform:rotate(270deg);-o-transform:rotate(270deg);transform:rotate(270deg)}.fa-flip-horizontal{filter:progid:DXImageTransform.Microsoft.BasicImage(rotation=0, mirror=1);-webkit-transform:scale(-1, 1);-moz-transform:scale(-1, 1);-ms-transform:scale(-1, 1);-o-transform:scale(-1, 1);transform:scale(-1, 1)}.fa-flip-vertical{filter:progid:DXImageTransform.Microsoft.BasicImage(rotation=2, mirror=1);-webkit-transform:scale(1, -1);-moz-transform:scale(1, -1);-ms-transform:scale(1, -1);-o-transform:scale(1, -1);transform:scale(1, -1)}.fa-stack{position:relative;display:inline-block;width:2em;height:2em;2em;vertical-align:middle}.fa-stack-1x,.fa-stack-2x{position:absolute;left:0;width:100%;text-align:center}.fa-stack-1x{inherit}.fa-stack-2x{2em}.fa-inverse{color:#fff}.fa-glass:before{content:"\f000"}.fa-music:before{content:"\f001"}.fa-search:before{content:"\f002"}.fa-envelope-o:before{content:"\f003"}.fa-heart:before{content:"\f004"}.fa-star:before{content:"\f005"}.fa-star-o:before{content:"\f006"}.fa-user:before{content:"\f007"}.fa-film:before{content:"\f008"}.fa-th-large:before{content:"\f009"}.fa-th:before{content:"\f00a"}.fa-th-list:before{content:"\f00b"}.fa-check:before{content:"\f00c"}.fa-times:before{content:"\f00d"}.fa-search-plus:before{content:"\f00e"}.fa-search-minus:before{content:"\f010"}.fa-power-off:before{content:"\f011"}.fa-signal:before{content:"\f012"}.fa-gear:before,.fa-cog:before{content:"\f013"}.fa-trash-o:before{content:"\f014"}.fa-home:before{content:"\f015"}.fa-file-o:before{content:"\f016"}.fa-clock-o:before{content:"\f017"}.fa-road:before{content:"\f018"}.fa-download:before{content:"\f019"}.fa-arrow-circle-o-down:before{content:"\f01a"}.fa-arrow-circle-o-up:before{content:"\f01b"}.fa-inbox:before{content:"\f01c"}.fa-play-circle-o:before{content:"\f01d"}.fa-rotate-right:before,.fa-repeat:before{content:"\f01e"}.fa-refresh:before{content:"\f021"}.fa-list-alt:before{content:"\f022"}.fa-lock:before{content:"\f023"}.fa-flag:before{content:"\f024"}.fa-headphones:before{content:"\f025"}.fa-volume-off:before{content:"\f026"}.fa-volume-down:before{content:"\f027"}.fa-volume-up:before{content:"\f028"}.fa-qrcode:before{content:"\f029"}.fa-barcode:before{content:"\f02a"}.fa-tag:before{content:"\f02b"}.fa-tags:before{content:"\f02c"}.fa-book:before{content:"\f02d"}.fa-bookmark:before{content:"\f02e"}.fa-print:before{content:"\f02f"}.fa-camera:before{content:"\f030"}.fa-font:before{content:"\f031"}.fa-bold:before{content:"\f032"}.fa-italic:before{content:"\f033"}.fa-text-height:before{content:"\f034"}.fa-text-width:before{content:"\f035"}.fa-align-left:before{content:"\f036"}.fa-align-center:before{content:"\f037"}.fa-align-right:before{content:"\f038"}.fa-align-justify:before{content:"\f039"}.fa-list:before{content:"\f03a"}.fa-dedent:before,.fa-outdent:before{content:"\f03b"}.fa-indent:before{content:"\f03c"}.fa-video-camera:before{content:"\f03d"}.fa-photo:before,.fa-image:before,.fa-picture-o:before{content:"\f03e"}.fa-pencil:before{content:"\f040"}.fa-map-marker:before{content:"\f041"}.fa-adjust:before{content:"\f042"}.fa-tint:before{content:"\f043"}.fa-edit:before,.fa-pencil-square-o:before{content:"\f044"}.fa-share-square-o:before{content:"\f045"}.fa-check-square-o:before{content:"\f046"}.fa-arrows:before{content:"\f047"}.fa-step-backward:before{content:"\f048"}.fa-fast-backward:before{content:"\f049"}.fa-backward:before{content:"\f04a"}.fa-play:before{content:"\f04b"}.fa-pause:before{content:"\f04c"}.fa-stop:before{content:"\f04d"}.fa-forward:before{content:"\f04e"}.fa-fast-forward:before{content:"\f050"}.fa-step-forward:before{content:"\f051"}.fa-eject:before{content:"\f052"}.fa-chevron-left:before{content:"\f053"}.fa-chevron-right:before{content:"\f054"}.fa-plus-circle:before{content:"\f055"}.fa-minus-circle:before{content:"\f056"}.fa-times-circle:before{content:"\f057"}.fa-check-circle:before{content:"\f058"}.fa-question-circle:before{content:"\f059"}.fa-info-circle:before{content:"\f05a"}.fa-crosshairs:before{content:"\f05b"}.fa-times-circle-o:before{content:"\f05c"}.fa-check-circle-o:before{content:"\f05d"}.fa-ban:before{content:"\f05e"}.fa-arrow-left:before{content:"\f060"}.fa-arrow-right:before{content:"\f061"}.fa-arrow-up:before{content:"\f062"}.fa-arrow-down:before{content:"\f063"}.fa-mail-forward:before,.fa-share:before{content:"\f064"}.fa-expand:before{content:"\f065"}.fa-compress:before{content:"\f066"}.fa-plus:before{content:"\f067"}.fa-minus:before{content:"\f068"}.fa-asterisk:before{content:"\f069"}.fa-exclamation-circle:before{content:"\f06a"}.fa-gift:before{content:"\f06b"}.fa-leaf:before{content:"\f06c"}.fa-fire:before{content:"\f06d"}.fa-eye:before{content:"\f06e"}.fa-eye-slash:before{content:"\f070"}.fa-warning:before,.fa-exclamation-triangle:before{content:"\f071"}.fa-plane:before{content:"\f072"}.fa-calendar:before{content:"\f073"}.fa-random:before{content:"\f074"}.fa-comment:before{content:"\f075"}.fa-magnet:before{content:"\f076"}.fa-chevron-up:before{content:"\f077"}.fa-chevron-down:before{content:"\f078"}.fa-retweet:before{content:"\f079"}.fa-shopping-cart:before{content:"\f07a"}.fa-folder:before{content:"\f07b"}.fa-folder-open:before{content:"\f07c"}.fa-arrows-v:before{content:"\f07d"}.fa-arrows-h:before{content:"\f07e"}.fa-bar-chart-o:before{content:"\f080"}.fa-twitter-square:before{content:"\f081"}.fa-facebook-square:before{content:"\f082"}.fa-camera-retro:before{content:"\f083"}.fa-key:before{content:"\f084"}.fa-gears:before,.fa-cogs:before{content:"\f085"}.fa-comments:before{content:"\f086"}.fa-thumbs-o-up:before{content:"\f087"}.fa-thumbs-o-down:before{content:"\f088"}.fa-star-half:before{content:"\f089"}.fa-heart-o:before{content:"\f08a"}.fa-sign-out:before{content:"\f08b"}.fa-linkedin-square:before{content:"\f08c"}.fa-thumb-tack:before{content:"\f08d"}.fa-external-link:before{content:"\f08e"}.fa-sign-in:before{content:"\f090"}.fa-trophy:before{content:"\f091"}.fa-github-square:before{content:"\f092"}.fa-upload:before{content:"\f093"}.fa-lemon-o:before{content:"\f094"}.fa-phone:before{content:"\f095"}.fa-square-o:before{content:"\f096"}.fa-bookmark-o:before{content:"\f097"}.fa-phone-square:before{content:"\f098"}.fa-twitter:before{content:"\f099"}.fa-facebook:before{content:"\f09a"}.fa-github:before{content:"\f09b"}.fa-unlock:before{content:"\f09c"}.fa-credit-card:before{content:"\f09d"}.fa-rss:before{content:"\f09e"}.fa-hdd-o:before{content:"\f0a0"}.fa-bullhorn:before{content:"\f0a1"}.fa-bell:before{content:"\f0f3"}.fa-certificate:before{content:"\f0a3"}.fa-hand-o-right:before{content:"\f0a4"}.fa-hand-o-left:before{content:"\f0a5"}.fa-hand-o-up:before{content:"\f0a6"}.fa-hand-o-down:before{content:"\f0a7"}.fa-arrow-circle-left:before{content:"\f0a8"}.fa-arrow-circle-right:before{content:"\f0a9"}.fa-arrow-circle-up:before{content:"\f0aa"}.fa-arrow-circle-down:before{content:"\f0ab"}.fa-globe:before{content:"\f0ac"}.fa-wrench:before{content:"\f0ad"}.fa-tasks:before{content:"\f0ae"}.fa-filter:before{content:"\f0b0"}.fa-briefcase:before{content:"\f0b1"}.fa-arrows-alt:before{content:"\f0b2"}.fa-group:before,.fa-users:before{content:"\f0c0"}.fa-chain:before,.fa-link:before{content:"\f0c1"}.fa-cloud:before{content:"\f0c2"}.fa-flask:before{content:"\f0c3"}.fa-cut:before,.fa-scissors:before{content:"\f0c4"}.fa-copy:before,.fa-files-o:before{content:"\f0c5"}.fa-paperclip:before{content:"\f0c6"}.fa-save:before,.fa-floppy-o:before{content:"\f0c7"}.fa-square:before{content:"\f0c8"}.fa-navicon:before,.fa-reorder:before,.fa-bars:before{content:"\f0c9"}.fa-list-ul:before{content:"\f0ca"}.fa-list-ol:before{content:"\f0cb"}.fa-strikethrough:before{content:"\f0cc"}.fa-underline:before{content:"\f0cd"}.fa-table:before{content:"\f0ce"}.fa-magic:before{content:"\f0d0"}.fa-truck:before{content:"\f0d1"}.fa-pinterest:before{content:"\f0d2"}.fa-pinterest-square:before{content:"\f0d3"}.fa-google-plus-square:before{content:"\f0d4"}.fa-google-plus:before{content:"\f0d5"}.fa-money:before{content:"\f0d6"}.fa-caret-down:before{content:"\f0d7"}.fa-caret-up:before{content:"\f0d8"}.fa-caret-left:before{content:"\f0d9"}.fa-caret-right:before{content:"\f0da"}.fa-columns:before{content:"\f0db"}.fa-unsorted:before,.fa-sort:before{content:"\f0dc"}.fa-sort-down:before,.fa-sort-desc:before{content:"\f0dd"}.fa-sort-up:before,.fa-sort-asc:before{content:"\f0de"}.fa-envelope:before{content:"\f0e0"}.fa-linkedin:before{content:"\f0e1"}.fa-rotate-left:before,.fa-undo:before{content:"\f0e2"}.fa-legal:before,.fa-gavel:before{content:"\f0e3"}.fa-dashboard:before,.fa-tachometer:before{content:"\f0e4"}.fa-comment-o:before{content:"\f0e5"}.fa-comments-o:before{content:"\f0e6"}.fa-flash:before,.fa-bolt:before{content:"\f0e7"}.fa-sitemap:before{content:"\f0e8"}.fa-umbrella:before{content:"\f0e9"}.fa-paste:before,.fa-clipboard:before{content:"\f0ea"}.fa-lightbulb-o:before{content:"\f0eb"}.fa-exchange:before{content:"\f0ec"}.fa-cloud-download:before{content:"\f0ed"}.fa-cloud-upload:before{content:"\f0ee"}.fa-user-md:before{content:"\f0f0"}.fa-stethoscope:before{content:"\f0f1"}.fa-suitcase:before{content:"\f0f2"}.fa-bell-o:before{content:"\f0a2"}.fa-coffee:before{content:"\f0f4"}.fa-cutlery:before{content:"\f0f5"}.fa-file-text-o:before{content:"\f0f6"}.fa-building-o:before{content:"\f0f7"}.fa-hospital-o:before{content:"\f0f8"}.fa-ambulance:before{content:"\f0f9"}.fa-medkit:before{content:"\f0fa"}.fa-fighter-jet:before{content:"\f0fb"}.fa-beer:before{content:"\f0fc"}.fa-h-square:before{content:"\f0fd"}.fa-plus-square:before{content:"\f0fe"}.fa-angle-double-left:before{content:"\f100"}.fa-angle-double-right:before{content:"\f101"}.fa-angle-double-up:before{content:"\f102"}.fa-angle-double-down:before{content:"\f103"}.fa-angle-left:before{content:"\f104"}.fa-angle-right:before{content:"\f105"}.fa-angle-up:before{content:"\f106"}.fa-angle-down:before{content:"\f107"}.fa-desktop:before{content:"\f108"}.fa-laptop:before{content:"\f109"}.fa-tablet:before{content:"\f10a"}.fa-mobile-phone:before,.fa-mobile:before{content:"\f10b"}.fa-circle-o:before{content:"\f10c"}.fa-quote-left:before{content:"\f10d"}.fa-quote-right:before{content:"\f10e"}.fa-spinner:before{content:"\f110"}.fa-circle:before{content:"\f111"}.fa-mail-reply:before,.fa-reply:before{content:"\f112"}.fa-github-alt:before{content:"\f113"}.fa-folder-o:before{content:"\f114"}.fa-folder-open-o:before{content:"\f115"}.fa-smile-o:before{content:"\f118"}.fa-frown-o:before{content:"\f119"}.fa-meh-o:before{content:"\f11a"}.fa-gamepad:before{content:"\f11b"}.fa-keyboard-o:before{content:"\f11c"}.fa-flag-o:before{content:"\f11d"}.fa-flag-checkered:before{content:"\f11e"}.fa-terminal:before{content:"\f120"}.fa-code:before{content:"\f121"}.fa-mail-reply-all:before,.fa-reply-all:before{content:"\f122"}.fa-star-half-empty:before,.fa-star-half-full:before,.fa-star-half-o:before{content:"\f123"}.fa-location-arrow:before{content:"\f124"}.fa-crop:before{content:"\f125"}.fa-code-fork:before{content:"\f126"}.fa-unlink:before,.fa-chain-broken:before{content:"\f127"}.fa-question:before{content:"\f128"}.fa-info:before{content:"\f129"}.fa-exclamation:before{content:"\f12a"}.fa-superscript:before{content:"\f12b"}.fa-subscript:before{content:"\f12c"}.fa-eraser:before{content:"\f12d"}.fa-puzzle-piece:before{content:"\f12e"}.fa-microphone:before{content:"\f130"}.fa-microphone-slash:before{content:"\f131"}.fa-shield:before{content:"\f132"}.fa-calendar-o:before{content:"\f133"}.fa-fire-extinguisher:before{content:"\f134"}.fa-rocket:before{content:"\f135"}.fa-maxcdn:before{content:"\f136"}.fa-chevron-circle-left:before{content:"\f137"}.fa-chevron-circle-right:before{content:"\f138"}.fa-chevron-circle-up:before{content:"\f139"}.fa-chevron-circle-down:before{content:"\f13a"}.fa-html5:before{content:"\f13b"}.fa-css3:before{content:"\f13c"}.fa-anchor:before{content:"\f13d"}.fa-unlock-alt:before{content:"\f13e"}.fa-bullseye:before{content:"\f140"}.fa-ellipsis-h:before{content:"\f141"}.fa-ellipsis-v:before{content:"\f142"}.fa-rss-square:before{content:"\f143"}.fa-play-circle:before{content:"\f144"}.fa-ticket:before{content:"\f145"}.fa-minus-square:before{content:"\f146"}.fa-minus-square-o:before{content:"\f147"}.fa-level-up:before{content:"\f148"}.fa-level-down:before{content:"\f149"}.fa-check-square:before{content:"\f14a"}.fa-pencil-square:before{content:"\f14b"}.fa-external-link-square:before{content:"\f14c"}.fa-share-square:before{content:"\f14d"}.fa-compass:before{content:"\f14e"}.fa-toggle-down:before,.fa-caret-square-o-down:before{content:"\f150"}.fa-toggle-up:before,.fa-caret-square-o-up:before{content:"\f151"}.fa-toggle-right:before,.fa-caret-square-o-right:before{content:"\f152"}.fa-euro:before,.fa-eur:before{content:"\f153"}.fa-gbp:before{content:"\f154"}.fa-dollar:before,.fa-usd:before{content:"\f155"}.fa-rupee:before,.fa-inr:before{content:"\f156"}.fa-cny:before,.fa-rmb:before,.fa-yen:before,.fa-jpy:before{content:"\f157"}.fa-ruble:before,.fa-rouble:before,.fa-rub:before{content:"\f158"}.fa-won:before,.fa-krw:before{content:"\f159"}.fa-bitcoin:before,.fa-btc:before{content:"\f15a"}.fa-file:before{content:"\f15b"}.fa-file-text:before{content:"\f15c"}.fa-sort-alpha-asc:before{content:"\f15d"}.fa-sort-alpha-desc:before{content:"\f15e"}.fa-sort-amount-asc:before{content:"\f160"}.fa-sort-amount-desc:before{content:"\f161"}.fa-sort-numeric-asc:before{content:"\f162"}.fa-sort-numeric-desc:before{content:"\f163"}.fa-thumbs-up:before{content:"\f164"}.fa-thumbs-down:before{content:"\f165"}.fa-youtube-square:before{content:"\f166"}.fa-youtube:before{content:"\f167"}.fa-xing:before{content:"\f168"}.fa-xing-square:before{content:"\f169"}.fa-youtube-play:before{content:"\f16a"}.fa-dropbox:before{content:"\f16b"}.fa-stack-overflow:before{content:"\f16c"}.fa-instagram:before{content:"\f16d"}.fa-flickr:before{content:"\f16e"}.fa-adn:before{content:"\f170"}.fa-bitbucket:before{content:"\f171"}.fa-bitbucket-square:before{content:"\f172"}.fa-tumblr:before{content:"\f173"}.fa-tumblr-square:before{content:"\f174"}.fa-long-arrow-down:before{content:"\f175"}.fa-long-arrow-up:before{content:"\f176"}.fa-long-arrow-left:before{content:"\f177"}.fa-long-arrow-right:before{content:"\f178"}.fa-apple:before{content:"\f179"}.fa-windows:before{content:"\f17a"}.fa-android:before{content:"\f17b"}.fa-linux:before{content:"\f17c"}.fa-dribbble:before{content:"\f17d"}.fa-skype:before{content:"\f17e"}.fa-foursquare:before{content:"\f180"}.fa-trello:before{content:"\f181"}.fa-female:before{content:"\f182"}.fa-male:before{content:"\f183"}.fa-gittip:before{content:"\f184"}.fa-sun-o:before{content:"\f185"}.fa-moon-o:before{content:"\f186"}.fa-archive:before{content:"\f187"}.fa-bug:before{content:"\f188"}.fa-vk:before{content:"\f189"}.fa-weibo:before{content:"\f18a"}.fa-renren:before{content:"\f18b"}.fa-pagelines:before{content:"\f18c"}.fa-stack-exchange:before{content:"\f18d"}.fa-arrow-circle-o-right:before{content:"\f18e"}.fa-arrow-circle-o-left:before{content:"\f190"}.fa-toggle-left:before,.fa-caret-square-o-left:before{content:"\f191"}.fa-dot-circle-o:before{content:"\f192"}.fa-wheelchair:before{content:"\f193"}.fa-vimeo-square:before{content:"\f194"}.fa-turkish-lira:before,.fa-try:before{content:"\f195"}.fa-plus-square-o:before{content:"\f196"}.fa-space-shuttle:before{content:"\f197"}.fa-slack:before{content:"\f198"}.fa-envelope-square:before{content:"\f199"}.fa-wordpress:before{content:"\f19a"}.fa-openid:before{content:"\f19b"}.fa-institution:before,.fa-bank:before,.fa-university:before{content:"\f19c"}.fa-mortar-board:before,.fa-graduation-cap:before{content:"\f19d"}.fa-yahoo:before{content:"\f19e"}.fa-google:before{content:"\f1a0"}.fa-reddit:before{content:"\f1a1"}.fa-reddit-square:before{content:"\f1a2"}.fa-stumbleupon-circle:before{content:"\f1a3"}.fa-stumbleupon:before{content:"\f1a4"}.fa-delicious:before{content:"\f1a5"}.fa-digg:before{content:"\f1a6"}.fa-pied-piper-square:before,.fa-pied-piper:before{content:"\f1a7"}.fa-pied-piper-alt:before{content:"\f1a8"}.fa-drupal:before{content:"\f1a9"}.fa-joomla:before{content:"\f1aa"}.fa-language:before{content:"\f1ab"}.fa-fax:before{content:"\f1ac"}.fa-building:before{content:"\f1ad"}.fa-child:before{content:"\f1ae"}.fa-paw:before{content:"\f1b0"}.fa-spoon:before{content:"\f1b1"}.fa-cube:before{content:"\f1b2"}.fa-cubes:before{content:"\f1b3"}.fa-behance:before{content:"\f1b4"}.fa-behance-square:before{content:"\f1b5"}.fa-steam:before{content:"\f1b6"}.fa-steam-square:before{content:"\f1b7"}.fa-recycle:before{content:"\f1b8"}.fa-automobile:before,.fa-car:before{content:"\f1b9"}.fa-cab:before,.fa-taxi:before{content:"\f1ba"}.fa-tree:before{content:"\f1bb"}.fa-spotify:before{content:"\f1bc"}.fa-deviantart:before{content:"\f1bd"}.fa-soundcloud:before{content:"\f1be"}.fa-database:before{content:"\f1c0"}.fa-file-pdf-o:before{content:"\f1c1"}.fa-file-word-o:before{content:"\f1c2"}.fa-file-excel-o:before{content:"\f1c3"}.fa-file-powerpoint-o:before{content:"\f1c4"}.fa-file-photo-o:before,.fa-file-picture-o:before,.fa-file-image-o:before{content:"\f1c5"}.fa-file-zip-o:before,.fa-file-archive-o:before{content:"\f1c6"}.fa-file-sound-o:before,.fa-file-audio-o:before{content:"\f1c7"}.fa-file-movie-o:before,.fa-file-video-o:before{content:"\f1c8"}.fa-file-code-o:before{content:"\f1c9"}.fa-vine:before{content:"\f1ca"}.fa-codepen:before{content:"\f1cb"}.fa-jsfiddle:before{content:"\f1cc"}.fa-life-bouy:before,.fa-life-saver:before,.fa-support:before,.fa-life-ring:before{content:"\f1cd"}.fa-circle-o-notch:before{content:"\f1ce"}.fa-ra:before,.fa-rebel:before{content:"\f1d0"}.fa-ge:before,.fa-empire:before{content:"\f1d1"}.fa-git-square:before{content:"\f1d2"}.fa-git:before{content:"\f1d3"}.fa-hacker-news:before{content:"\f1d4"}.fa-tencent-weibo:before{content:"\f1d5"}.fa-qq:before{content:"\f1d6"}.fa-wechat:before,.fa-weixin:before{content:"\f1d7"}.fa-send:before,.fa-paper-plane:before{content:"\f1d8"}.fa-send-o:before,.fa-paper-plane-o:before{content:"\f1d9"}.fa-history:before{content:"\f1da"}.fa-circle-thin:before{content:"\f1db"}.fa-header:before{content:"\f1dc"}.fa-paragraph:before{content:"\f1dd"}.fa-sliders:before{content:"\f1de"}.fa-share-alt:before{content:"\f1e0"}.fa-share-alt-square:before{content:"\f1e1"}.fa-bomb:before{content:"\f1e2"}
/**
* Magento
*
* NOTICE OF LICENSE
*
* This source file is subject to the Academic Free License (AFL 3.0)
* that is bundled with this package in the file LICENSE_AFL.txt.
* It is also available through the world-wide-web at this URL:
* http://opensource.org/licenses/afl-3.0.php
* If you did not receive a copy of the license and are unable to
* obtain it through the world-wide-web, please send an email
* to license@magento.com so we can send you a copy immediately.
*
* DISCLAIMER
*
* Do not edit or add to this file if you wish to upgrade Magento to newer
* versions in the future. If you wish to customize Magento for your
* needs please refer to http://www.magento.com for more information.
*
* @category design
* @package base_default
* @copyright Copyright (c) 2006-2015 X.commerce, Inc. (http://www.magento.com)
* @license http://opensource.org/licenses/afl-3.0.php Academic Free License (AFL 3.0)
*/

/* Widgets =============================================================================== */
.widget { display:inline; }
.widget .widget-title { clear:both; padding:15px 0 0; 0 0 7px; }
.widget .widget-title h2 { 15px; font-weight:bold; color:#e25203; }

.widget .mini-products-images-list .product-image { display:block; width:76px; height:76px; border:1px solid #a9a9a9; 0 auto; }
.widget .mini-products-images-list li.item { float:left; width:77px; height:77px; }

/* Widget: Catalog New Proructs List */
.widget-new-products { display:block; }
.col-main .widget-new-products { 7px 0; }
.widget-new-products .products-grid .product-image,
.widget-new-products .products-list .product-image { width:85px; height:85px; }
.widget-new-products .products-list .product-shop { 100px; }
.sidebar .widget-new-products .block { 11px; 1.25; }
.sidebar .widget-new-products .block-title strong { background:u rl(http://domain.pk/flat/skin/frontend/base/default/images/widgets/i_widget-new.gif) 0 1px no-repeat; padding-left:21px; color:#dc5033; }

/* Widget: Recently Viewed Proructs */
.widget-viewed { display:block; }
.col-main .widget-viewed { 7px 0; }
.widget-viewed .products-grid .product-image,
.widget-viewed .products-list .product-image { width:85px; height:85px; }
.widget-viewed .products-list .product-shop { 100px; }
.sidebar .widget-viewed .block { 11px; 1.25; }
.sidebar .widget-viewed .block-title strong { background:u rl(http://domain.pk/flat/skin/frontend/base/default/images/widgets/i_block-list.gif) 0 0 no-repeat; padding-left:21px; }

/* Widget: Recently Compared Proructs */
.widget-compared { display:block;}
.col-main .widget-compared { 7px 0; }
.widget-compared .products-grid .product-image,
.widget-compared .products-list .product-image { width:85px; height:85px; }
.widget-compared .products-list .product-shop { 100px; }
.sidebar .widget-compared .block { 11px; 1.25; }
.sidebar .widget-compared .block-title strong { background:u rl(http://domain.pk/flat/skin/frontend/base/default/images/widgets/i_block-list.gif) 0 0 no-repeat; padding-left:21px; }

/* Widget: CMS Static Block */
.widget-static-block {}
.sidebar .widget-static-block { display:block; 0 0 15px; }

/* Widgets: Links Common Styles */
.top-container .widget a { padding:0 0 0 7px; }

.bottom-container .widget a { padding:0 3px; }

/* Widget: Catalog Product Link */
.widget-product-link-inline { display:inline; }

.col-main .widget-product-link { display:block; text-align:right; 7px 0; }
.col-main .widget-product-link a { background:u rl(http://domain.pk/flat/skin/frontend/base/default/images/widgets/i_widget-link.gif) 100% 4px no-repeat; padding-right:15px; }

.sidebar .widget-product-link { display:block; 0 0 15px; padding:0 10px; }
.sidebar .widget-product-link a { background:u rl(http://domain.pk/flat/skin/frontend/base/default/images/widgets/i_widget-link.gif) 100% 4px no-repeat; padding:0 15px 0 0; }

/* Widget: Catalog Category Link */
.widget-category-link-inline { display:inline; }

.col-main .widget-category-link { display:block; text-align:right; 7px 0; }
.col-main .widget-category-link a { background:u rl(http://domain.pk/flat/skin/frontend/base/default/images/widgets/i_widget-link.gif) 100% 4px no-repeat; padding-right:15px; }

.sidebar .widget-category-link { display:block; 0 0 15px; padding:0 10px; }
.sidebar .widget-category-link a { background:u rl(http://domain.pk/flat/skin/frontend/base/default/images/widgets/i_widget-link.gif) 100% 4px no-repeat; padding:0 15px 0 0; }

/* Widget: CMS Page Link */
.widget-cms-link-inline { display:inline; }

.col-main .widget-cms-link { display:block; text-align:right; 7px 0; }
.col-main .widget-cms-link a { background:u rl(http://domain.pk/flat/skin/frontend/base/default/images/widgets/i_widget-link.gif) 100% 4px no-repeat; padding-right:15px; }

.sidebar .widget-cms-link { display:block; 0 0 15px; padding:0 10px; }
.sidebar .widget-cms-link a { background:u rl(http://domain.pk/flat/skin/frontend/base/default/images/widgets/i_widget-link.gif) 100% 4px no-repeat; padding:0 15px 0 0; }
/* ======================================================================================= */

@charset "UTF-8";
/*!
Animate.css - http://daneden.me/animate
Licensed under the MIT license - http://opensource.org/licenses/MIT

Copyright (c) 2014 Daniel Eden
*/

.animated {
-webkit-animation-duration: 1s;
animation-duration: 1s;
-webkit-animation-fill-mode: both;
animation-fill-mode: both;
}

.animated.infinite {
-webkit-animation-iteration-count: infinite;
animation-iteration-count: infinite;
}

.animated.hinge {
-webkit-animation-duration: 2s;
animation-duration: 2s;
}

@-webkit-keyframes bounce {
0%, 20%, 53%, 80%, 100% {
-webkit-transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
-webkit-transform: translate3d(0,0,0);
transform: translate3d(0,0,0);
}

40%, 43% {
-webkit-transition-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060);
transition-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060);
-webkit-transform: translate3d(0, -30px, 0);
transform: translate3d(0, -30px, 0);
}

70% {
-webkit-transition-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060);
transition-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060);
-webkit-transform: translate3d(0, -15px, 0);
transform: translate3d(0, -15px, 0);
}

90% {
-webkit-transform: translate3d(0,-4px,0);
transform: translate3d(0,-4px,0);
}
}

@keyframes bounce {
0%, 20%, 53%, 80%, 100% {
-webkit-transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
-webkit-transform: translate3d(0,0,0);
transform: translate3d(0,0,0);
}

40%, 43% {
-webkit-transition-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060);
transition-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060);
-webkit-transform: translate3d(0, -30px, 0);
transform: translate3d(0, -30px, 0);
}

70% {
-webkit-transition-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060);
transition-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060);
-webkit-transform: translate3d(0, -15px, 0);
transform: translate3d(0, -15px, 0);
}

90% {
-webkit-transform: translate3d(0,-4px,0);
transform: translate3d(0,-4px,0);
}
}

.bounce {
-webkit-animation-name: bounce;
animation-name: bounce;
-webkit-transform-origin: center bottom;
-ms-transform-origin: center bottom;
transform-origin: center bottom;
}

@-webkit-keyframes flash {
0%, 50%, 100% {
opacity: 1;
}

25%, 75% {
opacity: 0;
}
}

@keyframes flash {
0%, 50%, 100% {
opacity: 1;
}

25%, 75% {
opacity: 0;
}
}

.flash {
-webkit-animation-name: flash;
animation-name: flash;
}

/* originally authored by Nick Pettit - https://github.com/nickpettit/glide */

@-webkit-keyframes pulse {
0% {
-webkit-transform: scale3d(1, 1, 1);
transform: scale3d(1, 1, 1);
}

50% {
-webkit-transform: scale3d(1.05, 1.05, 1.05);
transform: scale3d(1.05, 1.05, 1.05);
}

100% {
-webkit-transform: scale3d(1, 1, 1);
transform: scale3d(1, 1, 1);
}
}

@keyframes pulse {
0% {
-webkit-transform: scale3d(1, 1, 1);
transform: scale3d(1, 1, 1);
}

50% {
-webkit-transform: scale3d(1.05, 1.05, 1.05);
transform: scale3d(1.05, 1.05, 1.05);
}

100% {
-webkit-transform: scale3d(1, 1, 1);
transform: scale3d(1, 1, 1);
}
}

.pulse {
-webkit-animation-name: pulse;
animation-name: pulse;
}

@-webkit-keyframes rubberBand {
0% {
-webkit-transform: scale3d(1, 1, 1);
transform: scale3d(1, 1, 1);
}

30% {
-webkit-transform: scale3d(1.25, 0.75, 1);
transform: scale3d(1.25, 0.75, 1);
}

40% {
-webkit-transform: scale3d(0.75, 1.25, 1);
transform: scale3d(0.75, 1.25, 1);
}

50% {
-webkit-transform: scale3d(1.15, 0.85, 1);
transform: scale3d(1.15, 0.85, 1);
}

65% {
-webkit-transform: scale3d(.95, 1.05, 1);
transform: scale3d(.95, 1.05, 1);
}

75% {
-webkit-transform: scale3d(1.05, .95, 1);
transform: scale3d(1.05, .95, 1);
}

100% {
-webkit-transform: scale3d(1, 1, 1);
transform: scale3d(1, 1, 1);
}
}

@keyframes rubberBand {
0% {
-webkit-transform: scale3d(1, 1, 1);
transform: scale3d(1, 1, 1);
}

30% {
-webkit-transform: scale3d(1.25, 0.75, 1);
transform: scale3d(1.25, 0.75, 1);
}

40% {
-webkit-transform: scale3d(0.75, 1.25, 1);
transform: scale3d(0.75, 1.25, 1);
}

50% {
-webkit-transform: scale3d(1.15, 0.85, 1);
transform: scale3d(1.15, 0.85, 1);
}

65% {
-webkit-transform: scale3d(.95, 1.05, 1);
transform: scale3d(.95, 1.05, 1);
}

75% {
-webkit-transform: scale3d(1.05, .95, 1);
transform: scale3d(1.05, .95, 1);
}

100% {
-webkit-transform: scale3d(1, 1, 1);
transform: scale3d(1, 1, 1);
}
}

.rubberBand {
-webkit-animation-name: rubberBand;
animation-name: rubberBand;
}

@-webkit-keyframes shake {
0%, 100% {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}

10%, 30%, 50%, 70%, 90% {
-webkit-transform: translate3d(-10px, 0, 0);
transform: translate3d(-10px, 0, 0);
}

20%, 40%, 60%, 80% {
-webkit-transform: translate3d(10px, 0, 0);
transform: translate3d(10px, 0, 0);
}
}

@keyframes shake {
0%, 100% {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}

10%, 30%, 50%, 70%, 90% {
-webkit-transform: translate3d(-10px, 0, 0);
transform: translate3d(-10px, 0, 0);
}

20%, 40%, 60%, 80% {
-webkit-transform: translate3d(10px, 0, 0);
transform: translate3d(10px, 0, 0);
}
}

.shake {
-webkit-animation-name: shake;
animation-name: shake;
}

@-webkit-keyframes swing {
20% {
-webkit-transform: rotate3d(0, 0, 1, 15deg);
transform: rotate3d(0, 0, 1, 15deg);
}

40% {
-webkit-transform: rotate3d(0, 0, 1, -10deg);
transform: rotate3d(0, 0, 1, -10deg);
}

60% {
-webkit-transform: rotate3d(0, 0, 1, 5deg);
transform: rotate3d(0, 0, 1, 5deg);
}

80% {
-webkit-transform: rotate3d(0, 0, 1, -5deg);
transform: rotate3d(0, 0, 1, -5deg);
}

100% {
-webkit-transform: rotate3d(0, 0, 1, 0deg);
transform: rotate3d(0, 0, 1, 0deg);
}
}

@keyframes swing {
20% {
-webkit-transform: rotate3d(0, 0, 1, 15deg);
transform: rotate3d(0, 0, 1, 15deg);
}

40% {
-webkit-transform: rotate3d(0, 0, 1, -10deg);
transform: rotate3d(0, 0, 1, -10deg);
}

60% {
-webkit-transform: rotate3d(0, 0, 1, 5deg);
transform: rotate3d(0, 0, 1, 5deg);
}

80% {
-webkit-transform: rotate3d(0, 0, 1, -5deg);
transform: rotate3d(0, 0, 1, -5deg);
}

100% {
-webkit-transform: rotate3d(0, 0, 1, 0deg);
transform: rotate3d(0, 0, 1, 0deg);
}
}

.swing {
-webkit-transform-origin: top center;
-ms-transform-origin: top center;
transform-origin: top center;
-webkit-animation-name: swing;
animation-name: swing;
}

@-webkit-keyframes tada {
0% {
-webkit-transform: scale3d(1, 1, 1);
transform: scale3d(1, 1, 1);
}

10%, 20% {
-webkit-transform: scale3d(.9, .9, .9) rotate3d(0, 0, 1, -3deg);
transform: scale3d(.9, .9, .9) rotate3d(0, 0, 1, -3deg);
}

30%, 50%, 70%, 90% {
-webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg);
transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg);
}

40%, 60%, 80% {
-webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg);
transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg);
}

100% {
-webkit-transform: scale3d(1, 1, 1);
transform: scale3d(1, 1, 1);
}
}

@keyframes tada {
0% {
-webkit-transform: scale3d(1, 1, 1);
transform: scale3d(1, 1, 1);
}

10%, 20% {
-webkit-transform: scale3d(.9, .9, .9) rotate3d(0, 0, 1, -3deg);
transform: scale3d(.9, .9, .9) rotate3d(0, 0, 1, -3deg);
}

30%, 50%, 70%, 90% {
-webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg);
transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg);
}

40%, 60%, 80% {
-webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg);
transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg);
}

100% {
-webkit-transform: scale3d(1, 1, 1);
transform: scale3d(1, 1, 1);
}
}

.tada {
-webkit-animation-name: tada;
animation-name: tada;
}

/* originally authored by Nick Pettit - https://github.com/nickpettit/glide */

@-webkit-keyframes wobble {
0% {
-webkit-transform: none;
transform: none;
}

15% {
-webkit-transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg);
transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg);
}

30% {
-webkit-transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg);
transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg);
}

45% {
-webkit-transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg);
transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg);
}

60% {
-webkit-transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg);
transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg);
}

75% {
-webkit-transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg);
transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg);
}

100% {
-webkit-transform: none;
transform: none;
}
}

@keyframes wobble {
0% {
-webkit-transform: none;
transform: none;
}

15% {
-webkit-transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg);
transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg);
}

30% {
-webkit-transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg);
transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg);
}

45% {
-webkit-transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg);
transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg);
}

60% {
-webkit-transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg);
transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg);
}

75% {
-webkit-transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg);
transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg);
}

100% {
-webkit-transform: none;
transform: none;
}
}

.wobble {
-webkit-animation-name: wobble;
animation-name: wobble;
}

@-webkit-keyframes bounceIn {
0%, 20%, 40%, 60%, 80%, 100% {
-webkit-transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
}

0% {
opacity: 0;
-webkit-transform: scale3d(.3, .3, .3);
transform: scale3d(.3, .3, .3);
}

20% {
-webkit-transform: scale3d(1.1, 1.1, 1.1);
transform: scale3d(1.1, 1.1, 1.1);
}

40% {
-webkit-transform: scale3d(.9, .9, .9);
transform: scale3d(.9, .9, .9);
}

60% {
opacity: 1;
-webkit-transform: scale3d(1.03, 1.03, 1.03);
transform: scale3d(1.03, 1.03, 1.03);
}

80% {
-webkit-transform: scale3d(.97, .97, .97);
transform: scale3d(.97, .97, .97);
}

100% {
opacity: 1;
-webkit-transform: scale3d(1, 1, 1);
transform: scale3d(1, 1, 1);
}
}

@keyframes bounceIn {
0%, 20%, 40%, 60%, 80%, 100% {
-webkit-transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
}

0% {
opacity: 0;
-webkit-transform: scale3d(.3, .3, .3);
transform: scale3d(.3, .3, .3);
}

20% {
-webkit-transform: scale3d(1.1, 1.1, 1.1);
transform: scale3d(1.1, 1.1, 1.1);
}

40% {
-webkit-transform: scale3d(.9, .9, .9);
transform: scale3d(.9, .9, .9);
}

60% {
opacity: 1;
-webkit-transform: scale3d(1.03, 1.03, 1.03);
transform: scale3d(1.03, 1.03, 1.03);
}

80% {
-webkit-transform: scale3d(.97, .97, .97);
transform: scale3d(.97, .97, .97);
}

100% {
opacity: 1;
-webkit-transform: scale3d(1, 1, 1);
transform: scale3d(1, 1, 1);
}
}

.bounceIn {
-webkit-animation-name: bounceIn;
animation-name: bounceIn;
-webkit-animation-duration: .75s;
animation-duration: .75s;
}

@-webkit-keyframes bounceInDown {
0%, 60%, 75%, 90%, 100% {
-webkit-transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
}

0% {
opacity: 0;
-webkit-transform: translate3d(0, -3000px, 0);
transform: translate3d(0, -3000px, 0);
}

60% {
opacity: 1;
-webkit-transform: translate3d(0, 25px, 0);
transform: translate3d(0, 25px, 0);
}

75% {
-webkit-transform: translate3d(0, -10px, 0);
transform: translate3d(0, -10px, 0);
}

90% {
-webkit-transform: translate3d(0, 5px, 0);
transform: translate3d(0, 5px, 0);
}

100% {
-webkit-transform: none;
transform: none;
}
}

@keyframes bounceInDown {
0%, 60%, 75%, 90%, 100% {
-webkit-transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
}

0% {
opacity: 0;
-webkit-transform: translate3d(0, -3000px, 0);
transform: translate3d(0, -3000px, 0);
}

60% {
opacity: 1;
-webkit-transform: translate3d(0, 25px, 0);
transform: translate3d(0, 25px, 0);
}

75% {
-webkit-transform: translate3d(0, -10px, 0);
transform: translate3d(0, -10px, 0);
}

90% {
-webkit-transform: translate3d(0, 5px, 0);
transform: translate3d(0, 5px, 0);
}

100% {
-webkit-transform: none;
transform: none;
}
}

.bounceInDown {
-webkit-animation-name: bounceInDown;
animation-name: bounceInDown;
}

@-webkit-keyframes bounceInLeft {
0%, 60%, 75%, 90%, 100% {
-webkit-transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
}

0% {
opacity: 0;
-webkit-transform: translate3d(-3000px, 0, 0);
transform: translate3d(-3000px, 0, 0);
}

60% {
opacity: 1;
-webkit-transform: translate3d(25px, 0, 0);
transform: translate3d(25px, 0, 0);
}

75% {
-webkit-transform: translate3d(-10px, 0, 0);
transform: translate3d(-10px, 0, 0);
}

90% {
-webkit-transform: translate3d(5px, 0, 0);
transform: translate3d(5px, 0, 0);
}

100% {
-webkit-transform: none;
transform: none;
}
}

@keyframes bounceInLeft {
0%, 60%, 75%, 90%, 100% {
-webkit-transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
}

0% {
opacity: 0;
-webkit-transform: translate3d(-3000px, 0, 0);
transform: translate3d(-3000px, 0, 0);
}

60% {
opacity: 1;
-webkit-transform: translate3d(25px, 0, 0);
transform: translate3d(25px, 0, 0);
}

75% {
-webkit-transform: translate3d(-10px, 0, 0);
transform: translate3d(-10px, 0, 0);
}

90% {
-webkit-transform: translate3d(5px, 0, 0);
transform: translate3d(5px, 0, 0);
}

100% {
-webkit-transform: none;
transform: none;
}
}

.bounceInLeft {
-webkit-animation-name: bounceInLeft;
animation-name: bounceInLeft;
}

@-webkit-keyframes bounceInRight {
0%, 60%, 75%, 90%, 100% {
-webkit-transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
}

0% {
opacity: 0;
-webkit-transform: translate3d(3000px, 0, 0);
transform: translate3d(3000px, 0, 0);
}

60% {
opacity: 1;
-webkit-transform: translate3d(-25px, 0, 0);
transform: translate3d(-25px, 0, 0);
}

75% {
-webkit-transform: translate3d(10px, 0, 0);
transform: translate3d(10px, 0, 0);
}

90% {
-webkit-transform: translate3d(-5px, 0, 0);
transform: translate3d(-5px, 0, 0);
}

100% {
-webkit-transform: none;
transform: none;
}
}

@keyframes bounceInRight {
0%, 60%, 75%, 90%, 100% {
-webkit-transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
}

0% {
opacity: 0;
-webkit-transform: translate3d(3000px, 0, 0);
transform: translate3d(3000px, 0, 0);
}

60% {
opacity: 1;
-webkit-transform: translate3d(-25px, 0, 0);
transform: translate3d(-25px, 0, 0);
}

75% {
-webkit-transform: translate3d(10px, 0, 0);
transform: translate3d(10px, 0, 0);
}

90% {
-webkit-transform: translate3d(-5px, 0, 0);
transform: translate3d(-5px, 0, 0);
}

100% {
-webkit-transform: none;
transform: none;
}
}

.bounceInRight {
-webkit-animation-name: bounceInRight;
animation-name: bounceInRight;
}

@-webkit-keyframes bounceInUp {
0%, 60%, 75%, 90%, 100% {
-webkit-transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
}

0% {
opacity: 0;
-webkit-transform: translate3d(0, 3000px, 0);
transform: translate3d(0, 3000px, 0);
}

60% {
opacity: 1;
-webkit-transform: translate3d(0, -20px, 0);
transform: translate3d(0, -20px, 0);
}

75% {
-webkit-transform: translate3d(0, 10px, 0);
transform: translate3d(0, 10px, 0);
}

90% {
-webkit-transform: translate3d(0, -5px, 0);
transform: translate3d(0, -5px, 0);
}

100% {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
}

@keyframes bounceInUp {
0%, 60%, 75%, 90%, 100% {
-webkit-transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
}

0% {
opacity: 0;
-webkit-transform: translate3d(0, 3000px, 0);
transform: translate3d(0, 3000px, 0);
}

60% {
opacity: 1;
-webkit-transform: translate3d(0, -20px, 0);
transform: translate3d(0, -20px, 0);
}

75% {
-webkit-transform: translate3d(0, 10px, 0);
transform: translate3d(0, 10px, 0);
}

90% {
-webkit-transform: translate3d(0, -5px, 0);
transform: translate3d(0, -5px, 0);
}

100% {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
}

.bounceInUp {
-webkit-animation-name: bounceInUp;
animation-name: bounceInUp;
}

@-webkit-keyframes bounceOut {
20% {
-webkit-transform: scale3d(.9, .9, .9);
transform: scale3d(.9, .9, .9);
}

50%, 55% {
opacity: 1;
-webkit-transform: scale3d(1.1, 1.1, 1.1);
transform: scale3d(1.1, 1.1, 1.1);
}

100% {
opacity: 0;
-webkit-transform: scale3d(.3, .3, .3);
transform: scale3d(.3, .3, .3);
}
}

@keyframes bounceOut {
20% {
-webkit-transform: scale3d(.9, .9, .9);
transform: scale3d(.9, .9, .9);
}

50%, 55% {
opacity: 1;
-webkit-transform: scale3d(1.1, 1.1, 1.1);
transform: scale3d(1.1, 1.1, 1.1);
}

100% {
opacity: 0;
-webkit-transform: scale3d(.3, .3, .3);
transform: scale3d(.3, .3, .3);
}
}

.bounceOut {
-webkit-animation-name: bounceOut;
animation-name: bounceOut;
-webkit-animation-duration: .75s;
animation-duration: .75s;
}

@-webkit-keyframes bounceOutDown {
20% {
-webkit-transform: translate3d(0, 10px, 0);
transform: translate3d(0, 10px, 0);
}

40%, 45% {
opacity: 1;
-webkit-transform: translate3d(0, -20px, 0);
transform: translate3d(0, -20px, 0);
}

100% {
opacity: 0;
-webkit-transform: translate3d(0, 2000px, 0);
transform: translate3d(0, 2000px, 0);
}
}

@keyframes bounceOutDown {
20% {
-webkit-transform: translate3d(0, 10px, 0);
transform: translate3d(0, 10px, 0);
}

40%, 45% {
opacity: 1;
-webkit-transform: translate3d(0, -20px, 0);
transform: translate3d(0, -20px, 0);
}

100% {
opacity: 0;
-webkit-transform: translate3d(0, 2000px, 0);
transform: translate3d(0, 2000px, 0);
}
}

.bounceOutDown {
-webkit-animation-name: bounceOutDown;
animation-name: bounceOutDown;
}

@-webkit-keyframes bounceOutLeft {
20% {
opacity: 1;
-webkit-transform: translate3d(20px, 0, 0);
transform: translate3d(20px, 0, 0);
}

100% {
opacity: 0;
-webkit-transform: translate3d(-2000px, 0, 0);
transform: translate3d(-2000px, 0, 0);
}
}

@keyframes bounceOutLeft {
20% {
opacity: 1;
-webkit-transform: translate3d(20px, 0, 0);
transform: translate3d(20px, 0, 0);
}

100% {
opacity: 0;
-webkit-transform: translate3d(-2000px, 0, 0);
transform: translate3d(-2000px, 0, 0);
}
}

.bounceOutLeft {
-webkit-animation-name: bounceOutLeft;
animation-name: bounceOutLeft;
}

@-webkit-keyframes bounceOutRight {
20% {
opacity: 1;
-webkit-transform: translate3d(-20px, 0, 0);
transform: translate3d(-20px, 0, 0);
}

100% {
opacity: 0;
-webkit-transform: translate3d(2000px, 0, 0);
transform: translate3d(2000px, 0, 0);
}
}

@keyframes bounceOutRight {
20% {
opacity: 1;
-webkit-transform: translate3d(-20px, 0, 0);
transform: translate3d(-20px, 0, 0);
}

100% {
opacity: 0;
-webkit-transform: translate3d(2000px, 0, 0);
transform: translate3d(2000px, 0, 0);
}
}

.bounceOutRight {
-webkit-animation-name: bounceOutRight;
animation-name: bounceOutRight;
}

@-webkit-keyframes bounceOutUp {
20% {
-webkit-transform: translate3d(0, -10px, 0);
transform: translate3d(0, -10px, 0);
}

40%, 45% {
opacity: 1;
-webkit-transform: translate3d(0, 20px, 0);
transform: translate3d(0, 20px, 0);
}

100% {
opacity: 0;
-webkit-transform: translate3d(0, -2000px, 0);
transform: translate3d(0, -2000px, 0);
}
}

@keyframes bounceOutUp {
20% {
-webkit-transform: translate3d(0, -10px, 0);
transform: translate3d(0, -10px, 0);
}

40%, 45% {
opacity: 1;
-webkit-transform: translate3d(0, 20px, 0);
transform: translate3d(0, 20px, 0);
}

100% {
opacity: 0;
-webkit-transform: translate3d(0, -2000px, 0);
transform: translate3d(0, -2000px, 0);
}
}

.bounceOutUp {
-webkit-animation-name: bounceOutUp;
animation-name: bounceOutUp;
}

@-webkit-keyframes fadeIn {
0% {opacity: 0;}
100% {opacity: 1;}
}

@keyframes fadeIn {
0% {opacity: 0;}
100% {opacity: 1;}
}

.fadeIn {
-webkit-animation-name: fadeIn;
animation-name: fadeIn;
}

@-webkit-keyframes fadeInDown {
0% {
opacity: 0;
-webkit-transform: translate3d(0, -100%, 0);
transform: translate3d(0, -100%, 0);
}

100% {
opacity: 1;
-webkit-transform: none;
transform: none;
}
}

@keyframes fadeInDown {
0% {
opacity: 0;
-webkit-transform: translate3d(0, -100%, 0);
transform: translate3d(0, -100%, 0);
}

100% {
opacity: 1;
-webkit-transform: none;
transform: none;
}
}

.fadeInDown {
-webkit-animation-name: fadeInDown;
animation-name: fadeInDown;
}

@-webkit-keyframes fadeInDownBig {
0% {
opacity: 0;
-webkit-transform: translate3d(0, -2000px, 0);
transform: translate3d(0, -2000px, 0);
}

100% {
opacity: 1;
-webkit-transform: none;
transform: none;
}
}

@keyframes fadeInDownBig {
0% {
opacity: 0;
-webkit-transform: translate3d(0, -2000px, 0);
transform: translate3d(0, -2000px, 0);
}

100% {
opacity: 1;
-webkit-transform: none;
transform: none;
}
}

.fadeInDownBig {
-webkit-animation-name: fadeInDownBig;
animation-name: fadeInDownBig;
}

@-webkit-keyframes fadeInLeft {
0% {
opacity: 0;
-webkit-transform: translate3d(-100%, 0, 0);
transform: translate3d(-100%, 0, 0);
}

100% {
opacity: 1;
-webkit-transform: none;
transform: none;
}
}

@keyframes fadeInLeft {
0% {
opacity: 0;
-webkit-transform: translate3d(-100%, 0, 0);
transform: translate3d(-100%, 0, 0);
}

100% {
opacity: 1;
-webkit-transform: none;
transform: none;
}
}

.fadeInLeft {
-webkit-animation-name: fadeInLeft;
animation-name: fadeInLeft;
}

@-webkit-keyframes fadeInLeftBig {
0% {
opacity: 0;
-webkit-transform: translate3d(-2000px, 0, 0);
transform: translate3d(-2000px, 0, 0);
}

100% {
opacity: 1;
-webkit-transform: none;
transform: none;
}
}

@keyframes fadeInLeftBig {
0% {
opacity: 0;
-webkit-transform: translate3d(-2000px, 0, 0);
transform: translate3d(-2000px, 0, 0);
}

100% {
opacity: 1;
-webkit-transform: none;
transform: none;
}
}

.fadeInLeftBig {
-webkit-animation-name: fadeInLeftBig;
animation-name: fadeInLeftBig;
}

@-webkit-keyframes fadeInRight {
0% {
opacity: 0;
-webkit-transform: translate3d(100%, 0, 0);
transform: translate3d(100%, 0, 0);
}

100% {
opacity: 1;
-webkit-transform: none;
transform: none;
}
}

@keyframes fadeInRight {
0% {
opacity: 0;
-webkit-transform: translate3d(100%, 0, 0);
transform: translate3d(100%, 0, 0);
}

100% {
opacity: 1;
-webkit-transform: none;
transform: none;
}
}

.fadeInRight {
-webkit-animation-name: fadeInRight;
animation-name: fadeInRight;
}

@-webkit-keyframes fadeInRightBig {
0% {
opacity: 0;
-webkit-transform: translate3d(2000px, 0, 0);
transform: translate3d(2000px, 0, 0);
}

100% {
opacity: 1;
-webkit-transform: none;
transform: none;
}
}

@keyframes fadeInRightBig {
0% {
opacity: 0;
-webkit-transform: translate3d(2000px, 0, 0);
transform: translate3d(2000px, 0, 0);
}

100% {
opacity: 1;
-webkit-transform: none;
transform: none;
}
}

.fadeInRightBig {
-webkit-animation-name: fadeInRightBig;
animation-name: fadeInRightBig;
}

@-webkit-keyframes fadeInUp {
0% {
opacity: 0;
-webkit-transform: translate3d(0, 100%, 0);
transform: translate3d(0, 100%, 0);
}

100% {
opacity: 1;
-webkit-transform: none;
transform: none;
}
}

@keyframes fadeInUp {
0% {
opacity: 0;
-webkit-transform: translate3d(0, 100%, 0);
transform: translate3d(0, 100%, 0);
}

100% {
opacity: 1;
-webkit-transform: none;
transform: none;
}
}

.fadeInUp {
-webkit-animation-name: fadeInUp;
animation-name: fadeInUp;
}

@-webkit-keyframes fadeInUpBig {
0% {
opacity: 0;
-webkit-transform: translate3d(0, 2000px, 0);
transform: translate3d(0, 2000px, 0);
}

100% {
opacity: 1;
-webkit-transform: none;
transform: none;
}
}

@keyframes fadeInUpBig {
0% {
opacity: 0;
-webkit-transform: translate3d(0, 2000px, 0);
transform: translate3d(0, 2000px, 0);
}

100% {
opacity: 1;
-webkit-transform: none;
transform: none;
}
}

.fadeInUpBig {
-webkit-animation-name: fadeInUpBig;
animation-name: fadeInUpBig;
}

@-webkit-keyframes fadeOut {
0% {opacity: 1;}
100% {opacity: 0;}
}

@keyframes fadeOut {
0% {opacity: 1;}
100% {opacity: 0;}
}

.fadeOut {
-webkit-animation-name: fadeOut;
animation-name: fadeOut;
}

@-webkit-keyframes fadeOutDown {
0% {
opacity: 1;
}

100% {
opacity: 0;
-webkit-transform: translate3d(0, 100%, 0);
transform: translate3d(0, 100%, 0);
}
}

@keyframes fadeOutDown {
0% {
opacity: 1;
}

100% {
opacity: 0;
-webkit-transform: translate3d(0, 100%, 0);
transform: translate3d(0, 100%, 0);
}
}

.fadeOutDown {
-webkit-animation-name: fadeOutDown;
animation-name: fadeOutDown;
}

@-webkit-keyframes fadeOutDownBig {
0% {
opacity: 1;
}

100% {
opacity: 0;
-webkit-transform: translate3d(0, 2000px, 0);
transform: translate3d(0, 2000px, 0);
}
}

@keyframes fadeOutDownBig {
0% {
opacity: 1;
}

100% {
opacity: 0;
-webkit-transform: translate3d(0, 2000px, 0);
transform: translate3d(0, 2000px, 0);
}
}

.fadeOutDownBig {
-webkit-animation-name: fadeOutDownBig;
animation-name: fadeOutDownBig;
}

@-webkit-keyframes fadeOutLeft {
0% {
opacity: 1;
}

100% {
opacity: 0;
-webkit-transform: translate3d(-100%, 0, 0);
transform: translate3d(-100%, 0, 0);
}
}

@keyframes fadeOutLeft {
0% {
opacity: 1;
}

100% {
opacity: 0;
-webkit-transform: translate3d(-100%, 0, 0);
transform: translate3d(-100%, 0, 0);
}
}

.fadeOutLeft {
-webkit-animation-name: fadeOutLeft;
animation-name: fadeOutLeft;
}

@-webkit-keyframes fadeOutLeftBig {
0% {
opacity: 1;
}

100% {
opacity: 0;
-webkit-transform: translate3d(-2000px, 0, 0);
transform: translate3d(-2000px, 0, 0);
}
}

@keyframes fadeOutLeftBig {
0% {
opacity: 1;
}

100% {
opacity: 0;
-webkit-transform: translate3d(-2000px, 0, 0);
transform: translate3d(-2000px, 0, 0);
}
}

.fadeOutLeftBig {
-webkit-animation-name: fadeOutLeftBig;
animation-name: fadeOutLeftBig;
}

@-webkit-keyframes fadeOutRight {
0% {
opacity: 1;
}

100% {
opacity: 0;
-webkit-transform: translate3d(100%, 0, 0);
transform: translate3d(100%, 0, 0);
}
}

@keyframes fadeOutRight {
0% {
opacity: 1;
}

100% {
opacity: 0;
-webkit-transform: translate3d(100%, 0, 0);
transform: translate3d(100%, 0, 0);
}
}

.fadeOutRight {
-webkit-animation-name: fadeOutRight;
animation-name: fadeOutRight;
}

@-webkit-keyframes fadeOutRightBig {
0% {
opacity: 1;
}

100% {
opacity: 0;
-webkit-transform: translate3d(2000px, 0, 0);
transform: translate3d(2000px, 0, 0);
}
}

@keyframes fadeOutRightBig {
0% {
opacity: 1;
}

100% {
opacity: 0;
-webkit-transform: translate3d(2000px, 0, 0);
transform: translate3d(2000px, 0, 0);
}
}

.fadeOutRightBig {
-webkit-animation-name: fadeOutRightBig;
animation-name: fadeOutRightBig;
}

@-webkit-keyframes fadeOutUp {
0% {
opacity: 1;
}

100% {
opacity: 0;
-webkit-transform: translate3d(0, -100%, 0);
transform: translate3d(0, -100%, 0);
}
}

@keyframes fadeOutUp {
0% {
opacity: 1;
}

100% {
opacity: 0;
-webkit-transform: translate3d(0, -100%, 0);
transform: translate3d(0, -100%, 0);
}
}

.fadeOutUp {
-webkit-animation-name: fadeOutUp;
animation-name: fadeOutUp;
}

@-webkit-keyframes fadeOutUpBig {
0% {
opacity: 1;
}

100% {
opacity: 0;
-webkit-transform: translate3d(0, -2000px, 0);
transform: translate3d(0, -2000px, 0);
}
}

@keyframes fadeOutUpBig {
0% {
opacity: 1;
}

100% {
opacity: 0;
-webkit-transform: translate3d(0, -2000px, 0);
transform: translate3d(0, -2000px, 0);
}
}

.fadeOutUpBig {
-webkit-animation-name: fadeOutUpBig;
animation-name: fadeOutUpBig;
}

@-webkit-keyframes flip {
0% {
-webkit-transform: perspective(400px) rotate3d(0, 1, 0, -360deg);
transform: perspective(400px) rotate3d(0, 1, 0, -360deg);
-webkit-animation-timing-function: ease-out;
animation-timing-function: ease-out;
}

40% {
-webkit-transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg);
transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg);
-webkit-animation-timing-function: ease-out;
animation-timing-function: ease-out;
}

50% {
-webkit-transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg);
transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg);
-webkit-animation-timing-function: ease-in;
animation-timing-function: ease-in;
}

80% {
-webkit-transform: perspective(400px) scale3d(.95, .95, .95);
transform: perspective(400px) scale3d(.95, .95, .95);
-webkit-animation-timing-function: ease-in;
animation-timing-function: ease-in;
}

100% {
-webkit-transform: perspective(400px);
transform: perspective(400px);
-webkit-animation-timing-function: ease-in;
animation-timing-function: ease-in;
}
}

@keyframes flip {
0% {
-webkit-transform: perspective(400px) rotate3d(0, 1, 0, -360deg);
transform: perspective(400px) rotate3d(0, 1, 0, -360deg);
-webkit-animation-timing-function: ease-out;
animation-timing-function: ease-out;
}

40% {
-webkit-transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg);
transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg);
-webkit-animation-timing-function: ease-out;
animation-timing-function: ease-out;
}

50% {
-webkit-transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg);
transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg);
-webkit-animation-timing-function: ease-in;
animation-timing-function: ease-in;
}

80% {
-webkit-transform: perspective(400px) scale3d(.95, .95, .95);
transform: perspective(400px) scale3d(.95, .95, .95);
-webkit-animation-timing-function: ease-in;
animation-timing-function: ease-in;
}

100% {
-webkit-transform: perspective(400px);
transform: perspective(400px);
-webkit-animation-timing-function: ease-in;
animation-timing-function: ease-in;
}
}

.animated.flip {
-webkit-backface-visibility: visible;
backface-visibility: visible;
-webkit-animation-name: flip;
animation-name: flip;
}

@-webkit-keyframes flipInX {
0% {
-webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
-webkit-transition-timing-function: ease-in;
transition-timing-function: ease-in;
opacity: 0;
}

40% {
-webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
-webkit-transition-timing-function: ease-in;
transition-timing-function: ease-in;
}

60% {
-webkit-transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
opacity: 1;
}

80% {
-webkit-transform: perspective(400px) rotate3d(1, 0, 0, -5deg);
transform: perspective(400px) rotate3d(1, 0, 0, -5deg);
}

100% {
-webkit-transform: perspective(400px);
transform: perspective(400px);
}
}

@keyframes flipInX {
0% {
-webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
-webkit-transition-timing-function: ease-in;
transition-timing-function: ease-in;
opacity: 0;
}

40% {
-webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
-webkit-transition-timing-function: ease-in;
transition-timing-function: ease-in;
}

60% {
-webkit-transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
opacity: 1;
}

80% {
-webkit-transform: perspective(400px) rotate3d(1, 0, 0, -5deg);
transform: perspective(400px) rotate3d(1, 0, 0, -5deg);
}

100% {
-webkit-transform: perspective(400px);
transform: perspective(400px);
}
}

.flipInX {
-webkit-backface-visibility: visible !important;
backface-visibility: visible !important;
-webkit-animation-name: flipInX;
animation-name: flipInX;
}

@-webkit-keyframes flipInY {
0% {
-webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
-webkit-transition-timing-function: ease-in;
transition-timing-function: ease-in;
opacity: 0;
}

40% {
-webkit-transform: perspective(400px) rotate3d(0, 1, 0, -20deg);
transform: perspective(400px) rotate3d(0, 1, 0, -20deg);
-webkit-transition-timing-function: ease-in;
transition-timing-function: ease-in;
}

60% {
-webkit-transform: perspective(400px) rotate3d(0, 1, 0, 10deg);
transform: perspective(400px) rotate3d(0, 1, 0, 10deg);
opacity: 1;
}

80% {
-webkit-transform: perspective(400px) rotate3d(0, 1, 0, -5deg);
transform: perspective(400px) rotate3d(0, 1, 0, -5deg);
}

100% {
-webkit-transform: perspective(400px);
transform: perspective(400px);
}
}

@keyframes flipInY {
0% {
-webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
-webkit-transition-timing-function: ease-in;
transition-timing-function: ease-in;
opacity: 0;
}

40% {
-webkit-transform: perspective(400px) rotate3d(0, 1, 0, -20deg);
transform: perspective(400px) rotate3d(0, 1, 0, -20deg);
-webkit-transition-timing-function: ease-in;
transition-timing-function: ease-in;
}

60% {
-webkit-transform: perspective(400px) rotate3d(0, 1, 0, 10deg);
transform: perspective(400px) rotate3d(0, 1, 0, 10deg);
opacity: 1;
}

80% {
-webkit-transform: perspective(400px) rotate3d(0, 1, 0, -5deg);
transform: perspective(400px) rotate3d(0, 1, 0, -5deg);
}

100% {
-webkit-transform: perspective(400px);
transform: perspective(400px);
}
}

.flipInY {
-webkit-backface-visibility: visible !important;
backface-visibility: visible !important;
-webkit-animation-name: flipInY;
animation-name: flipInY;
}

@-webkit-keyframes flipOutX {
0% {
-webkit-transform: perspective(400px);
transform: perspective(400px);
}

30% {
-webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
opacity: 1;
}

100% {
-webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
opacity: 0;
}
}

@keyframes flipOutX {
0% {
-webkit-transform: perspective(400px);
transform: perspective(400px);
}

30% {
-webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
opacity: 1;
}

100% {
-webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
opacity: 0;
}
}

.flipOutX {
-webkit-animation-name: flipOutX;
animation-name: flipOutX;
-webkit-animation-duration: .75s;
animation-duration: .75s;
-webkit-backface-visibility: visible !important;
backface-visibility: visible !important;
}

@-webkit-keyframes flipOutY {
0% {
-webkit-transform: perspective(400px);
transform: perspective(400px);
}

30% {
-webkit-transform: perspective(400px) rotate3d(0, 1, 0, -15deg);
transform: perspective(400px) rotate3d(0, 1, 0, -15deg);
opacity: 1;
}

100% {
-webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
opacity: 0;
}
}

@keyframes flipOutY {
0% {
-webkit-transform: perspective(400px);
transform: perspective(400px);
}

30% {
-webkit-transform: perspective(400px) rotate3d(0, 1, 0, -15deg);
transform: perspective(400px) rotate3d(0, 1, 0, -15deg);
opacity: 1;
}

100% {
-webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
opacity: 0;
}
}

.flipOutY {
-webkit-backface-visibility: visible !important;
backface-visibility: visible !important;
-webkit-animation-name: flipOutY;
animation-name: flipOutY;
-webkit-animation-duration: .75s;
animation-duration: .75s;
}

@-webkit-keyframes lightSpeedIn {
0% {
-webkit-transform: translate3d(100%, 0, 0) skewX(-30deg);
transform: translate3d(100%, 0, 0) skewX(-30deg);
opacity: 0;
}

60% {
-webkit-transform: skewX(20deg);
transform: skewX(20deg);
opacity: 1;
}

80% {
-webkit-transform: skewX(-5deg);
transform: skewX(-5deg);
opacity: 1;
}

100% {
-webkit-transform: none;
transform: none;
opacity: 1;
}
}

@keyframes lightSpeedIn {
0% {
-webkit-transform: translate3d(100%, 0, 0) skewX(-30deg);
transform: translate3d(100%, 0, 0) skewX(-30deg);
opacity: 0;
}

60% {
-webkit-transform: skewX(20deg);
transform: skewX(20deg);
opacity: 1;
}

80% {
-webkit-transform: skewX(-5deg);
transform: skewX(-5deg);
opacity: 1;
}

100% {
-webkit-transform: none;
transform: none;
opacity: 1;
}
}

.lightSpeedIn {
-webkit-animation-name: lightSpeedIn;
animation-name: lightSpeedIn;
-webkit-animation-timing-function: ease-out;
animation-timing-function: ease-out;
}

@-webkit-keyframes lightSpeedOut {
0% {
opacity: 1;
}

100% {
-webkit-transform: translate3d(100%, 0, 0) skewX(30deg);
transform: translate3d(100%, 0, 0) skewX(30deg);
opacity: 0;
}
}

@keyframes lightSpeedOut {
0% {
opacity: 1;
}

100% {
-webkit-transform: translate3d(100%, 0, 0) skewX(30deg);
transform: translate3d(100%, 0, 0) skewX(30deg);
opacity: 0;
}
}

.lightSpeedOut {
-webkit-animation-name: lightSpeedOut;
animation-name: lightSpeedOut;
-webkit-animation-timing-function: ease-in;
animation-timing-function: ease-in;
}

@-webkit-keyframes rotateIn {
0% {
-webkit-transform-origin: center;
transform-origin: center;
-webkit-transform: rotate3d(0, 0, 1, -200deg);
transform: rotate3d(0, 0, 1, -200deg);
opacity: 0;
}

100% {
-webkit-transform-origin: center;
transform-origin: center;
-webkit-transform: none;
transform: none;
opacity: 1;
}
}

@keyframes rotateIn {
0% {
-webkit-transform-origin: center;
transform-origin: center;
-webkit-transform: rotate3d(0, 0, 1, -200deg);
transform: rotate3d(0, 0, 1, -200deg);
opacity: 0;
}

100% {
-webkit-transform-origin: center;
transform-origin: center;
-webkit-transform: none;
transform: none;
opacity: 1;
}
}

.rotateIn {
-webkit-animation-name: rotateIn;
animation-name: rotateIn;
}

@-webkit-keyframes rotateInDownLeft {
0% {
-webkit-transform-origin: left bottom;
transform-origin: left bottom;
-webkit-transform: rotate3d(0, 0, 1, -45deg);
transform: rotate3d(0, 0, 1, -45deg);
opacity: 0;
}

100% {
-webkit-transform-origin: left bottom;
transform-origin: left bottom;
-webkit-transform: none;
transform: none;
opacity: 1;
}
}

@keyframes rotateInDownLeft {
0% {
-webkit-transform-origin: left bottom;
transform-origin: left bottom;
-webkit-transform: rotate3d(0, 0, 1, -45deg);
transform: rotate3d(0, 0, 1, -45deg);
opacity: 0;
}

100% {
-webkit-transform-origin: left bottom;
transform-origin: left bottom;
-webkit-transform: none;
transform: none;
opacity: 1;
}
}

.rotateInDownLeft {
-webkit-animation-name: rotateInDownLeft;
animation-name: rotateInDownLeft;
}

@-webkit-keyframes rotateInDownRight {
0% {
-webkit-transform-origin: right bottom;
transform-origin: right bottom;
-webkit-transform: rotate3d(0, 0, 1, 45deg);
transform: rotate3d(0, 0, 1, 45deg);
opacity: 0;
}

100% {
-webkit-transform-origin: right bottom;
transform-origin: right bottom;
-webkit-transform: none;
transform: none;
opacity: 1;
}
}

@keyframes rotateInDownRight {
0% {
-webkit-transform-origin: right bottom;
transform-origin: right bottom;
-webkit-transform: rotate3d(0, 0, 1, 45deg);
transform: rotate3d(0, 0, 1, 45deg);
opacity: 0;
}

100% {
-webkit-transform-origin: right bottom;
transform-origin: right bottom;
-webkit-transform: none;
transform: none;
opacity: 1;
}
}

.rotateInDownRight {
-webkit-animation-name: rotateInDownRight;
animation-name: rotateInDownRight;
}

@-webkit-keyframes rotateInUpLeft {
0% {
-webkit-transform-origin: left bottom;
transform-origin: left bottom;
-webkit-transform: rotate3d(0, 0, 1, 45deg);
transform: rotate3d(0, 0, 1, 45deg);
opacity: 0;
}

100% {
-webkit-transform-origin: left bottom;
transform-origin: left bottom;
-webkit-transform: none;
transform: none;
opacity: 1;
}
}

@keyframes rotateInUpLeft {
0% {
-webkit-transform-origin: left bottom;
transform-origin: left bottom;
-webkit-transform: rotate3d(0, 0, 1, 45deg);
transform: rotate3d(0, 0, 1, 45deg);
opacity: 0;
}

100% {
-webkit-transform-origin: left bottom;
transform-origin: left bottom;
-webkit-transform: none;
transform: none;
opacity: 1;
}
}

.rotateInUpLeft {
-webkit-animation-name: rotateInUpLeft;
animation-name: rotateInUpLeft;
}

@-webkit-keyframes rotateInUpRight {
0% {
-webkit-transform-origin: right bottom;
transform-origin: right bottom;
-webkit-transform: rotate3d(0, 0, 1, -90deg);
transform: rotate3d(0, 0, 1, -90deg);
opacity: 0;
}

100% {
-webkit-transform-origin: right bottom;
transform-origin: right bottom;
-webkit-transform: none;
transform: none;
opacity: 1;
}
}

@keyframes rotateInUpRight {
0% {
-webkit-transform-origin: right bottom;
transform-origin: right bottom;
-webkit-transform: rotate3d(0, 0, 1, -90deg);
transform: rotate3d(0, 0, 1, -90deg);
opacity: 0;
}

100% {
-webkit-transform-origin: right bottom;
transform-origin: right bottom;
-webkit-transform: none;
transform: none;
opacity: 1;
}
}

.rotateInUpRight {
-webkit-animation-name: rotateInUpRight;
animation-name: rotateInUpRight;
}

@-webkit-keyframes rotateOut {
0% {
-webkit-transform-origin: center;
transform-origin: center;
opacity: 1;
}

100% {
-webkit-transform-origin: center;
transform-origin: center;
-webkit-transform: rotate3d(0, 0, 1, 200deg);
transform: rotate3d(0, 0, 1, 200deg);
opacity: 0;
}
}

@keyframes rotateOut {
0% {
-webkit-transform-origin: center;
transform-origin: center;
opacity: 1;
}

100% {
-webkit-transform-origin: center;
transform-origin: center;
-webkit-transform: rotate3d(0, 0, 1, 200deg);
transform: rotate3d(0, 0, 1, 200deg);
opacity: 0;
}
}

.rotateOut {
-webkit-animation-name: rotateOut;
animation-name: rotateOut;
}

@-webkit-keyframes rotateOutDownLeft {
0% {
-webkit-transform-origin: left bottom;
transform-origin: left bottom;
opacity: 1;
}

100% {
-webkit-transform-origin: left bottom;
transform-origin: left bottom;
-webkit-transform: rotate3d(0, 0, 1, 45deg);
transform: rotate3d(0, 0, 1, 45deg);
opacity: 0;
}
}

@keyframes rotateOutDownLeft {
0% {
-webkit-transform-origin: left bottom;
transform-origin: left bottom;
opacity: 1;
}

100% {
-webkit-transform-origin: left bottom;
transform-origin: left bottom;
-webkit-transform: rotate3d(0, 0, 1, 45deg);
transform: rotate3d(0, 0, 1, 45deg);
opacity: 0;
}
}

.rotateOutDownLeft {
-webkit-animation-name: rotateOutDownLeft;
animation-name: rotateOutDownLeft;
}

@-webkit-keyframes rotateOutDownRight {
0% {
-webkit-transform-origin: right bottom;
transform-origin: right bottom;
opacity: 1;
}

100% {
-webkit-transform-origin: right bottom;
transform-origin: right bottom;
-webkit-transform: rotate3d(0, 0, 1, -45deg);
transform: rotate3d(0, 0, 1, -45deg);
opacity: 0;
}
}

@keyframes rotateOutDownRight {
0% {
-webkit-transform-origin: right bottom;
transform-origin: right bottom;
opacity: 1;
}

100% {
-webkit-transform-origin: right bottom;
transform-origin: right bottom;
-webkit-transform: rotate3d(0, 0, 1, -45deg);
transform: rotate3d(0, 0, 1, -45deg);
opacity: 0;
}
}

.rotateOutDownRight {
-webkit-animation-name: rotateOutDownRight;
animation-name: rotateOutDownRight;
}

@-webkit-keyframes rotateOutUpLeft {
0% {
-webkit-transform-origin: left bottom;
transform-origin: left bottom;
opacity: 1;
}

100% {
-webkit-transform-origin: left bottom;
transform-origin: left bottom;
-webkit-transform: rotate3d(0, 0, 1, -45deg);
transform: rotate3d(0, 0, 1, -45deg);
opacity: 0;
}
}

@keyframes rotateOutUpLeft {
0% {
-webkit-transform-origin: left bottom;
transform-origin: left bottom;
opacity: 1;
}

100% {
-webkit-transform-origin: left bottom;
transform-origin: left bottom;
-webkit-transform: rotate3d(0, 0, 1, -45deg);
transform: rotate3d(0, 0, 1, -45deg);
opacity: 0;
}
}

.rotateOutUpLeft {
-webkit-animation-name: rotateOutUpLeft;
animation-name: rotateOutUpLeft;
}

@-webkit-keyframes rotateOutUpRight {
0% {
-webkit-transform-origin: right bottom;
transform-origin: right bottom;
opacity: 1;
}

100% {
-webkit-transform-origin: right bottom;
transform-origin: right bottom;
-webkit-transform: rotate3d(0, 0, 1, 90deg);
transform: rotate3d(0, 0, 1, 90deg);
opacity: 0;
}
}

@keyframes rotateOutUpRight {
0% {
-webkit-transform-origin: right bottom;
transform-origin: right bottom;
opacity: 1;
}

100% {
-webkit-transform-origin: right bottom;
transform-origin: right bottom;
-webkit-transform: rotate3d(0, 0, 1, 90deg);
transform: rotate3d(0, 0, 1, 90deg);
opacity: 0;
}
}

.rotateOutUpRight {
-webkit-animation-name: rotateOutUpRight;
animation-name: rotateOutUpRight;
}

@-webkit-keyframes hinge {
0% {
-webkit-transform-origin: top left;
transform-origin: top left;
-webkit-animation-timing-function: ease-in-out;
animation-timing-function: ease-in-out;
}

20%, 60% {
-webkit-transform: rotate3d(0, 0, 1, 80deg);
transform: rotate3d(0, 0, 1, 80deg);
-webkit-transform-origin: top left;
transform-origin: top left;
-webkit-animation-timing-function: ease-in-out;
animation-timing-function: ease-in-out;
}

40%, 80% {
-webkit-transform: rotate3d(0, 0, 1, 60deg);
transform: rotate3d(0, 0, 1, 60deg);
-webkit-transform-origin: top left;
transform-origin: top left;
-webkit-animation-timing-function: ease-in-out;
animation-timing-function: ease-in-out;
opacity: 1;
}

100% {
-webkit-transform: translate3d(0, 700px, 0);
transform: translate3d(0, 700px, 0);
opacity: 0;
}
}

@keyframes hinge {
0% {
-webkit-transform-origin: top left;
transform-origin: top left;
-webkit-animation-timing-function: ease-in-out;
animation-timing-function: ease-in-out;
}

20%, 60% {
-webkit-transform: rotate3d(0, 0, 1, 80deg);
transform: rotate3d(0, 0, 1, 80deg);
-webkit-transform-origin: top left;
transform-origin: top left;
-webkit-animation-timing-function: ease-in-out;
animation-timing-function: ease-in-out;
}

40%, 80% {
-webkit-transform: rotate3d(0, 0, 1, 60deg);
transform: rotate3d(0, 0, 1, 60deg);
-webkit-transform-origin: top left;
transform-origin: top left;
-webkit-animation-timing-function: ease-in-out;
animation-timing-function: ease-in-out;
opacity: 1;
}

100% {
-webkit-transform: translate3d(0, 700px, 0);
transform: translate3d(0, 700px, 0);
opacity: 0;
}
}

.hinge {
-webkit-animation-name: hinge;
animation-name: hinge;
}

/* originally authored by Nick Pettit - https://github.com/nickpettit/glide */

@-webkit-keyframes rollIn {
0% {
opacity: 0;
-webkit-transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg);
transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg);
}

100% {
opacity: 1;
-webkit-transform: none;
transform: none;
}
}

@keyframes rollIn {
0% {
opacity: 0;
-webkit-transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg);
transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg);
}

100% {
opacity: 1;
-webkit-transform: none;
transform: none;
}
}

.rollIn {
-webkit-animation-name: rollIn;
animation-name: rollIn;
}

/* originally authored by Nick Pettit - https://github.com/nickpettit/glide */

@-webkit-keyframes rollOut {
0% {
opacity: 1;
}

100% {
opacity: 0;
-webkit-transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg);
transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg);
}
}

@keyframes rollOut {
0% {
opacity: 1;
}

100% {
opacity: 0;
-webkit-transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg);
transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg);
}
}

.rollOut {
-webkit-animation-name: rollOut;
animation-name: rollOut;
}

@-webkit-keyframes zoomIn {
0% {
opacity: 0;
-webkit-transform: scale3d(.3, .3, .3);
transform: scale3d(.3, .3, .3);
}

50% {
opacity: 1;
}
}

@keyframes zoomIn {
0% {
opacity: 0;
-webkit-transform: scale3d(.3, .3, .3);
transform: scale3d(.3, .3, .3);
}

50% {
opacity: 1;
}
}

.zoomIn {
-webkit-animation-name: zoomIn;
animation-name: zoomIn;
}

@-webkit-keyframes zoomInDown {
0% {
opacity: 0;
-webkit-transform: scale3d(.1, .1, .1) translate3d(0, -1000px, 0);
transform: scale3d(.1, .1, .1) translate3d(0, -1000px, 0);
-webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
}

60% {
opacity: 1;
-webkit-transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0);
transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0);
-webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
}
}

@keyframes zoomInDown {
0% {
opacity: 0;
-webkit-transform: scale3d(.1, .1, .1) translate3d(0, -1000px, 0);
transform: scale3d(.1, .1, .1) translate3d(0, -1000px, 0);
-webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
}

60% {
opacity: 1;
-webkit-transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0);
transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0);
-webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
}
}

.zoomInDown {
-webkit-animation-name: zoomInDown;
animation-name: zoomInDown;
}

@-webkit-keyframes zoomInLeft {
0% {
opacity: 0;
-webkit-transform: scale3d(.1, .1, .1) translate3d(-1000px, 0, 0);
transform: scale3d(.1, .1, .1) translate3d(-1000px, 0, 0);
-webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
}

60% {
opacity: 1;
-webkit-transform: scale3d(.475, .475, .475) translate3d(10px, 0, 0);
transform: scale3d(.475, .475, .475) translate3d(10px, 0, 0);
-webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
}
}

@keyframes zoomInLeft {
0% {
opacity: 0;
-webkit-transform: scale3d(.1, .1, .1) translate3d(-1000px, 0, 0);
transform: scale3d(.1, .1, .1) translate3d(-1000px, 0, 0);
-webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
}

60% {
opacity: 1;
-webkit-transform: scale3d(.475, .475, .475) translate3d(10px, 0, 0);
transform: scale3d(.475, .475, .475) translate3d(10px, 0, 0);
-webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
}
}

.zoomInLeft {
-webkit-animation-name: zoomInLeft;
animation-name: zoomInLeft;
}

@-webkit-keyframes zoomInRight {
0% {
opacity: 0;
-webkit-transform: scale3d(.1, .1, .1) translate3d(1000px, 0, 0);
transform: scale3d(.1, .1, .1) translate3d(1000px, 0, 0);
-webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
}

60% {
opacity: 1;
-webkit-transform: scale3d(.475, .475, .475) translate3d(-10px, 0, 0);
transform: scale3d(.475, .475, .475) translate3d(-10px, 0, 0);
-webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
}
}

@keyframes zoomInRight {
0% {
opacity: 0;
-webkit-transform: scale3d(.1, .1, .1) translate3d(1000px, 0, 0);
transform: scale3d(.1, .1, .1) translate3d(1000px, 0, 0);
-webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
}

60% {
opacity: 1;
-webkit-transform: scale3d(.475, .475, .475) translate3d(-10px, 0, 0);
transform: scale3d(.475, .475, .475) translate3d(-10px, 0, 0);
-webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
}
}

.zoomInRight {
-webkit-animation-name: zoomInRight;
animation-name: zoomInRight;
}

@-webkit-keyframes zoomInUp {
0% {
opacity: 0;
-webkit-transform: scale3d(.1, .1, .1) translate3d(0, 1000px, 0);
transform: scale3d(.1, .1, .1) translate3d(0, 1000px, 0);
-webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
}

60% {
opacity: 1;
-webkit-transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0);
transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0);
-webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
}
}

@keyframes zoomInUp {
0% {
opacity: 0;
-webkit-transform: scale3d(.1, .1, .1) translate3d(0, 1000px, 0);
transform: scale3d(.1, .1, .1) translate3d(0, 1000px, 0);
-webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
}

60% {
opacity: 1;
-webkit-transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0);
transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0);
-webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
}
}

.zoomInUp {
-webkit-animation-name: zoomInUp;
animation-name: zoomInUp;
}

@-webkit-keyframes zoomOut {
0% {
opacity: 1;
}

50% {
opacity: 0;
-webkit-transform: scale3d(.3, .3, .3);
transform: scale3d(.3, .3, .3);
}

100% {
opacity: 0;
}
}

@keyframes zoomOut {
0% {
opacity: 1;
}

50% {
opacity: 0;
-webkit-transform: scale3d(.3, .3, .3);
transform: scale3d(.3, .3, .3);
}

100% {
opacity: 0;
}
}

.zoomOut {
-webkit-animation-name: zoomOut;
animation-name: zoomOut;
}

@-webkit-keyframes zoomOutDown {
40% {
opacity: 1;
-webkit-transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0);
transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0);
-webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
}

100% {
opacity: 0;
-webkit-transform: scale3d(.1, .1, .1) translate3d(0, 2000px, 0);
transform: scale3d(.1, .1, .1) translate3d(0, 2000px, 0);
-webkit-transform-origin: center bottom;
transform-origin: center bottom;
-webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
}
}

@keyframes zoomOutDown {
40% {
opacity: 1;
-webkit-transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0);
transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0);
-webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
}

100% {
opacity: 0;
-webkit-transform: scale3d(.1, .1, .1) translate3d(0, 2000px, 0);
transform: scale3d(.1, .1, .1) translate3d(0, 2000px, 0);
-webkit-transform-origin: center bottom;
transform-origin: center bottom;
-webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
}
}

.zoomOutDown {
-webkit-animation-name: zoomOutDown;
animation-name: zoomOutDown;
}

@-webkit-keyframes zoomOutLeft {
40% {
opacity: 1;
-webkit-transform: scale3d(.475, .475, .475) translate3d(42px, 0, 0);
transform: scale3d(.475, .475, .475) translate3d(42px, 0, 0);
}

100% {
opacity: 0;
-webkit-transform: scale(.1) translate3d(-2000px, 0, 0);
transform: scale(.1) translate3d(-2000px, 0, 0);
-webkit-transform-origin: left center;
transform-origin: left center;
}
}

@keyframes zoomOutLeft {
40% {
opacity: 1;
-webkit-transform: scale3d(.475, .475, .475) translate3d(42px, 0, 0);
transform: scale3d(.475, .475, .475) translate3d(42px, 0, 0);
}

100% {
opacity: 0;
-webkit-transform: scale(.1) translate3d(-2000px, 0, 0);
transform: scale(.1) translate3d(-2000px, 0, 0);
-webkit-transform-origin: left center;
transform-origin: left center;
}
}

.zoomOutLeft {
-webkit-animation-name: zoomOutLeft;
animation-name: zoomOutLeft;
}

@-webkit-keyframes zoomOutRight {
40% {
opacity: 1;
-webkit-transform: scale3d(.475, .475, .475) translate3d(-42px, 0, 0);
transform: scale3d(.475, .475, .475) translate3d(-42px, 0, 0);
}

100% {
opacity: 0;
-webkit-transform: scale(.1) translate3d(2000px, 0, 0);
transform: scale(.1) translate3d(2000px, 0, 0);
-webkit-transform-origin: right center;
transform-origin: right center;
}
}

@keyframes zoomOutRight {
40% {
opacity: 1;
-webkit-transform: scale3d(.475, .475, .475) translate3d(-42px, 0, 0);
transform: scale3d(.475, .475, .475) translate3d(-42px, 0, 0);
}

100% {
opacity: 0;
-webkit-transform: scale(.1) translate3d(2000px, 0, 0);
transform: scale(.1) translate3d(2000px, 0, 0);
-webkit-transform-origin: right center;
transform-origin: right center;
}
}

.zoomOutRight {
-webkit-animation-name: zoomOutRight;
animation-name: zoomOutRight;
}

@-webkit-keyframes zoomOutUp {
40% {
opacity: 1;
-webkit-transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0);
transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0);
-webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
}

100% {
opacity: 0;
-webkit-transform: scale3d(.1, .1, .1) translate3d(0, -2000px, 0);
transform: scale3d(.1, .1, .1) translate3d(0, -2000px, 0);
-webkit-transform-origin: center bottom;
transform-origin: center bottom;
-webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
}
}

@keyframes zoomOutUp {
40% {
opacity: 1;
-webkit-transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0);
transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0);
-webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
}

100% {
opacity: 0;
-webkit-transform: scale3d(.1, .1, .1) translate3d(0, -2000px, 0);
transform: scale3d(.1, .1, .1) translate3d(0, -2000px, 0);
-webkit-transform-origin: center bottom;
transform-origin: center bottom;
-webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
}
}

.zoomOutUp {
-webkit-animation-name: zoomOutUp;
animation-name: zoomOutUp;
}

@-webkit-keyframes slideInDown {
0% {
-webkit-transform: translateY(-300%);
transform: translateY(-300%);
opacity: 0;
visibility: visible;
}

100% {
-webkit-transform: translateY(0);
transform: translateY(0);
opacity: 1;
}
}

@keyframes slideInDown {
0% {
-webkit-transform: translateY(-300%);
transform: translateY(-300%);
opacity: 0;
visibility: visible;
}

100% {
-webkit-transform: translateY(0);
transform: translateY(0);
opacity: 1;
}
}

.slideInDown {
-webkit-animation-name: slideInDown;
animation-name: slideInDown;
}

@-webkit-keyframes slideInLeft {
0% {
-webkit-transform: translateX(-300%);
transform: translateX(-300%);
opacity: 0;
visibility: visible;
}

100% {
-webkit-transform: translateX(0);
transform: translateX(0);
opacity: 1;
}
}

@keyframes slideInLeft {
0% {
-webkit-transform: translateX(-300%);
transform: translateX(-300%);
opacity: 0;
visibility: visible;
}

100% {
-webkit-transform: translateX(0);
transform: translateX(0);
opacity: 1;
}
}

.slideInLeft {
-webkit-animation-name: slideInLeft;
animation-name: slideInLeft;
}

@-webkit-keyframes slideInRight {
0% {
-webkit-transform: translateX(300%);
transform: translateX(300%);
opacity: 0;
visibility: visible;
}

100% {
-webkit-transform: translateX(0);
transform: translateX(0);
opacity: 1;
}
}

@keyframes slideInRight {
0% {
-webkit-transform: translateX(300%);
transform: translateX(300%);
opacity: 0;
visibility: visible;
}

100% {
-webkit-transform: translateX(0);
transform: translateX(0);
opacity: 1;
}
}

.slideInRight {
-webkit-animation-name: slideInRight;
animation-name: slideInRight;
}

@-webkit-keyframes slideInUp {
0% {
-webkit-transform: translateY(300%);
transform: translateY(300%);
opacity: 0;
visibility: visible;
}

100% {
-webkit-transform: translateY(0);
transform: translateY(0);
opacity: 1;
}
}

@keyframes slideInUp {
0% {
-webkit-transform: translateY(300%);
transform: translateY(300%);
opacity: 0;
visibility: visible;
}

100% {
-webkit-transform: translateY(0);
transform: translateY(0);
opacity: 1;
}
}

.slideInUp {
-webkit-animation-name: slideInUp;
animation-name: slideInUp;
}

@-webkit-keyframes slideOutDown {
0% {
-webkit-transform: translateY(0);
transform: translateY(0);
}

100% {
visibility: hidden;
-webkit-transform: translateY(100%);
transform: translateY(100%);
}
}

@keyframes slideOutDown {
0% {
-webkit-transform: translateY(0);
transform: translateY(0);
}

100% {
visibility: hidden;
-webkit-transform: translateY(100%);
transform: translateY(100%);
}
}

.slideOutDown {
-webkit-animation-name: slideOutDown;
animation-name: slideOutDown;
}

@-webkit-keyframes slideOutLeft {
0% {
-webkit-transform: translateX(0);
transform: translateX(0);
}

100% {
visibility: hidden;
-webkit-transform: translateX(-100%);
transform: translateX(-100%);
}
}

@keyframes slideOutLeft {
0% {
-webkit-transform: translateX(0);
transform: translateX(0);
}

100% {
visibility: hidden;
-webkit-transform: translateX(-100%);
transform: translateX(-100%);
}
}

.slideOutLeft {
-webkit-animation-name: slideOutLeft;
animation-name: slideOutLeft;
}

@-webkit-keyframes slideOutRight {
0% {
-webkit-transform: translateX(0);
transform: translateX(0);
}

100% {
visibility: hidden;
-webkit-transform: translateX(100%);
transform: translateX(100%);
}
}

@keyframes slideOutRight {
0% {
-webkit-transform: translateX(0);
transform: translateX(0);
}

100% {
visibility: hidden;
-webkit-transform: translateX(100%);
transform: translateX(100%);
}
}

.slideOutRight {
-webkit-animation-name: slideOutRight;
animation-name: slideOutRight;
}

@-webkit-keyframes slideOutUp {
0% {
-webkit-transform: translateY(0);
transform: translateY(0);
}

100% {
visibility: hidden;
-webkit-transform: translateY(-100%);
transform: translateY(-100%);
}
}

@keyframes slideOutUp {
0% {
-webkit-transform: translateY(0);
transform: translateY(0);
}

100% {
visibility: hidden;
-webkit-transform: translateY(-100%);
transform: translateY(-100%);
}
}

.slideOutUp {
-webkit-animation-name: slideOutUp;
animation-name: slideOutUp;
}

/*! jQuery UI - v1.10.3 - 2013-05-03
* http://jqueryui.com
* Includes: jquery.ui.core.css, jquery.ui.accordion.css, jquery.ui.autocomplete.css, jquery.ui.button.css, jquery.ui.datepicker.css, jquery.ui.dialog.css, jquery.ui.menu.css, jquery.ui.progressbar.css, jquery.ui.resizable.css, jquery.ui.selectable.css, jquery.ui.slider.css, jquery.ui.spinner.css, jquery.ui.tabs.css, jquery.ui.tooltip.css
* To view and modify this theme, visit http://jqueryui.com/themeroller/?ffDefault=Verdana%2CArial%2Csans-serif&fwDefault=normal&fsDefault=1.1em&cornerRadius=4px&bgColorHeader=cccccc&bgTextureHeader=highlight_soft&bgImgOpacityHeader=75&borderColorHeader=aaaaaa&fcHeader=222222&iconColorHeader=222222&bgColorContent=ffffff&bgTextureContent=flat&bgImgOpacityContent=75&borderColorContent=aaaaaa&fcContent=222222&iconColorContent=222222&bgColorDefault=e6e6e6&bgTextureDefault=glass&bgImgOpacityDefault=75&borderColorDefault=d3d3d3&fcDefault=555555&iconColorDefault=888888&bgColorHover=dadada&bgTextureHover=glass&bgImgOpacityHover=75&borderColorHover=999999&fcHover=212121&iconColorHover=454545&bgColorActive=ffffff&bgTextureActive=glass&bgImgOpacityActive=65&borderColorActive=aaaaaa&fcActive=212121&iconColorActive=454545&bgColorHighlight=fbf9ee&bgTextureHighlight=glass&bgImgOpacityHighlight=55&borderColorHighlight=fcefa1&fcHighlight=363636&iconColorHighlight=2e83ff&bgColorError=fef1ec&bgTextureError=glass&bgImgOpacityError=95&borderColorError=cd0a0a&fcError=cd0a0a&iconColorError=cd0a0a&bgColorOverlay=aaaaaa&bgTextureOverlay=flat&bgImgOpacityOverlay=0&opacityOverlay=30&bgColorShadow=aaaaaa&bgTextureShadow=flat&bgImgOpacityShadow=0&opacityShadow=30&thicknessShadow=8px&offsetTopShadow=-8px&offsetLeftShadow=-8px&cornerRadiusShadow=8px
* Copyright 2013 jQuery Foundation and other contributors Licensed MIT */

/* Layout helpers
----------------------------------*/
.ui-helper-hidden {
display: none;
}
.ui-helper-hidden-accessible {
border: 0;
clip: rect(0 0 0 0);
height: 1px;
-1px;
overflow: hidden;
padding: 0;
position: absolute;
width: 1px;
}
.ui-helper-reset {
0;
padding: 0;
border: 0;
outline: 0;
1.3;
text-decoration: none;
100%;
list-style: none;
}
.ui-helper-clearfix:before,
.ui-helper-clearfix:after {
content: "";
display: table;
border-collapse: collapse;
}
.ui-helper-clearfix:after {
clear: both;
}
.ui-helper-clearfix {
min-height: 0; /* support: IE7 */
}
.ui-helper-zfix {
width: 100%;
height: 100%;
top: 0;
left: 0;
position: absolute;
opacity: 0;
filter:Alpha(Opacity=0);
}

.ui-front {
z-index: 100;
}

/* Interaction Cues
----------------------------------*/
.ui-state-disabled {
cursor: default !important;
}

/* Icons
----------------------------------*/

/* states and images */
.ui-icon {
display: block;
-99999px;
overflow: hidden;
background-repeat: no-repeat;
}

/* Misc visuals
----------------------------------*/

/* Overlays */
.ui-widget-overlay {
position: fixed;
top: 0;
left: 0;
width: 100%;
height: 100%;
}
.ui-accordion .ui-accordion-header {
display: block;
cursor: pointer;
position: relative;
2px;
padding: .5em .5em .5em .7em;
min-height: 0; /* support: IE7 */
}
.ui-accordion .ui-accordion-icons {
padding-left: 2.2em;
}
.ui-accordion .ui-accordion-noicons {
padding-left: .7em;
}
.ui-accordion .ui-accordion-icons .ui-accordion-icons {
padding-left: 2.2em;
}
.ui-accordion .ui-accordion-header .ui-accordion-header-icon {
position: absolute;
left: .5em;
top: 50%;
-8px;
}
.ui-accordion .ui-accordion-content {
padding: 1em 2.2em;
border-top: 0;
overflow: auto;
}
.ui-autocomplete {
position: absolute;
top: 0;
left: 0;
cursor: default;
}
.ui-button {
display: inline-block;
position: relative;
padding: 0;
normal;
.1em;
cursor: pointer;
vertical-align: middle;
text-align: center;
overflow: visible; /* removes extra width in IE */
}
.ui-button,
.ui-button:link,
.ui-button:visited,
.ui-button:hover,
.ui-button:active {
text-decoration: none;
}
/* to make room for the icon, a width needs to be set here */
.ui-button-icon-only {
width: 2.2em;
}
/* button elements seem to need a little more width */
button.ui-button-icon-only {
width: 2.4em;
}
.ui-button-icons-only {
width: 3.4em;
}
button.ui-button-icons-only {
width: 3.7em;
}

/* button text element */
.ui-button .ui-button-text {
display: block;
normal;
}
.ui-button-text-only .ui-button-text {
padding: .4em 1em;
}
.ui-button-icon-only .ui-button-text,
.ui-button-icons-only .ui-button-text {
padding: .4em;
-9999999px;
}
.ui-button-text-icon-primary .ui-button-text,
.ui-button-text-icons .ui-button-text {
padding: .4em 1em .4em 2.1em;
}
.ui-button-text-icon-secondary .ui-button-text,
.ui-button-text-icons .ui-button-text {
padding: .4em 2.1em .4em 1em;
}
.ui-button-text-icons .ui-button-text {
padding-left: 2.1em;
padding-right: 2.1em;
}
/* no icon support for input elements, provide padding by default */
input.ui-button {
padding: .4em 1em;
}

/* button icon element(s) */
.ui-button-icon-only .ui-icon,
.ui-button-text-icon-primary .ui-icon,
.ui-button-text-icon-secondary .ui-icon,
.ui-button-text-icons .ui-icon,
.ui-button-icons-only .ui-icon {
position: absolute;
top: 50%;
-8px;
}
.ui-button-icon-only .ui-icon {
left: 50%;
-8px;
}
.ui-button-text-icon-primary .ui-button-icon-primary,
.ui-button-text-icons .ui-button-icon-primary,
.ui-button-icons-only .ui-button-icon-primary {
left: .5em;
}
.ui-button-text-icon-secondary .ui-button-icon-secondary,
.ui-button-text-icons .ui-button-icon-secondary,
.ui-button-icons-only .ui-button-icon-secondary {
right: .5em;
}

/* button sets */
.ui-buttonset {
7px;
}
.ui-buttonset .ui-button {
0;
-.3em;
}

/* workarounds */
/* reset extra padding in Firefox, see h5bp.com/l */
input.ui-button::-moz-focus-inner,
button.ui-button::-moz-focus-inner {
border: 0;
padding: 0;
}
.ui-datepicker {
width: 17em;
padding: .2em .2em 0;
display: none;
}
.ui-datepicker .ui-datepicker-header {
position: relative;
padding: .2em 0;
}
.ui-datepicker .ui-datepicker-prev,
.ui-datepicker .ui-datepicker-next {
position: absolute;
top: 2px;
width: 1.8em;
height: 1.8em;
}
.ui-datepicker .ui-datepicker-prev-hover,
.ui-datepicker .ui-datepicker-next-hover {
top: 1px;
}
.ui-datepicker .ui-datepicker-prev {
left: 2px;
}
.ui-datepicker .ui-datepicker-next {
right: 2px;
}
.ui-datepicker .ui-datepicker-prev-hover {
left: 1px;
}
.ui-datepicker .ui-datepicker-next-hover {
right: 1px;
}
.ui-datepicker .ui-datepicker-prev span,
.ui-datepicker .ui-datepicker-next span {
display: block;
position: absolute;
left: 50%;
-8px;
top: 50%;
-8px;
}
.ui-datepicker .ui-datepicker-title {
0 2.3em;
1.8em;
text-align: center;
}
.ui-datepicker .ui-datepicker-title select {
1em;
1px 0;
}
.ui-datepicker select.ui-datepicker-month-year {
width: 100%;
}
.ui-datepicker select.ui-datepicker-month,
.ui-datepicker select.ui-datepicker-year {
width: 49%;
}
.ui-datepicker table {
width: 100%;
.9em;
border-collapse: collapse;
0 0 .4em;
}
.ui-datepicker th {
padding: .7em .3em;
text-align: center;
font-weight: bold;
border: 0;
}
.ui-datepicker td {
border: 0;
padding: 1px;
}
.ui-datepicker td span,
.ui-datepicker td a {
display: block;
padding: .2em;
text-align: right;
text-decoration: none;
}
.ui-datepicker .ui-datepicker-buttonpane {
background-image: none;
.7em 0 0 0;
padding: 0 .2em;
border-left: 0;
border-right: 0;
border-bottom: 0;
}
.ui-datepicker .ui-datepicker-buttonpane button {
float: right;
.5em .2em .4em;
cursor: pointer;
padding: .2em .6em .3em .6em;
width: auto;
overflow: visible;
}
.ui-datepicker .ui-datepicker-buttonpane button.ui-datepicker-current {
float: left;
}

/* with multiple calendars */
.ui-datepicker.ui-datepicker-multi {
width: auto;
}
.ui-datepicker-multi .ui-datepicker-group {
float: left;
}
.ui-datepicker-multi .ui-datepicker-group table {
width: 95%;
0 auto .4em;
}
.ui-datepicker-multi-2 .ui-datepicker-group {
width: 50%;
}
.ui-datepicker-multi-3 .ui-datepicker-group {
width: 33.3%;
}
.ui-datepicker-multi-4 .ui-datepicker-group {
width: 25%;
}
.ui-datepicker-multi .ui-datepicker-group-last .ui-datepicker-header,
.ui-datepicker-multi .ui-datepicker-group-middle .ui-datepicker-header {
border-left-width: 0;
}
.ui-datepicker-multi .ui-datepicker-buttonpane {
clear: left;
}
.ui-datepicker-row-break {
clear: both;
width: 100%;
0;
}

/* RTL support */
.ui-datepicker-rtl {
direction: rtl;
}
.ui-datepicker-rtl .ui-datepicker-prev {
right: 2px;
left: auto;
}
.ui-datepicker-rtl .ui-datepicker-next {
left: 2px;
right: auto;
}
.ui-datepicker-rtl .ui-datepicker-prev:hover {
right: 1px;
left: auto;
}
.ui-datepicker-rtl .ui-datepicker-next:hover {
left: 1px;
right: auto;
}
.ui-datepicker-rtl .ui-datepicker-buttonpane {
clear: right;
}
.ui-datepicker-rtl .ui-datepicker-buttonpane button {
float: left;
}
.ui-datepicker-rtl .ui-datepicker-buttonpane button.ui-datepicker-current,
.ui-datepicker-rtl .ui-datepicker-group {
float: right;
}
.ui-datepicker-rtl .ui-datepicker-group-last .ui-datepicker-header,
.ui-datepicker-rtl .ui-datepicker-group-middle .ui-datepicker-header {
border-right-width: 0;
border-left-width: 1px;
}
.ui-dialog {
position: absolute;
top: 0;
left: 0;
padding: .2em;
outline: 0;
}
.ui-dialog .ui-dialog-titlebar {
padding: .4em 1em;
position: relative;
}
.ui-dialog .ui-dialog-title {
float: left;
.1em 0;
white-space: nowrap;
width: 90%;
overflow: hidden;
text-overflow: ellipsis;
}
.ui-dialog .ui-dialog-titlebar-close {
position: absolute;
right: .3em;
top: 50%;
width: 21px;
-10px 0 0 0;
padding: 1px;
height: 20px;
}
.ui-dialog .ui-dialog-content {
position: relative;
border: 0;
padding: .5em 1em;
background: none;
overflow: auto;
}
.ui-dialog .ui-dialog-buttonpane {
text-align: left;
border-width: 1px 0 0 0;
background-image: none;
.5em;
padding: .3em 1em .5em .4em;
}
.ui-dialog .ui-dialog-buttonpane .ui-dialog-buttonset {
float: right;
}
.ui-dialog .ui-dialog-buttonpane button {
.5em .4em .5em 0;
cursor: pointer;
}
.ui-dialog .ui-resizable-se {
width: 12px;
height: 12px;
right: -5px;
bottom: -5px;
background-position: 16px 16px;
}
.ui-draggable .ui-dialog-titlebar {
cursor: move;
}
.ui-menu {
list-style: none;
padding: 2px;
0;
display: block;
outline: none;
}
.ui-menu .ui-menu {
-3px;
position: absolute;
}
.ui-menu .ui-menu-item {
0;
padding: 0;
width: 100%;
/* support: IE10, see #8844 */
list-style-image: u rl(data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7);
}
.ui-menu .ui-menu-divider {
5px -2px 5px -2px;
height: 0;
0;
0;
border-width: 1px 0 0 0;
}
.ui-menu .ui-menu-item a {
text-decoration: none;
display: block;
padding: 2px .4em;
1.5;
min-height: 0; /* support: IE7 */
font-weight: normal;
}
.ui-menu .ui-menu-item a.ui-state-focus,
.ui-menu .ui-menu-item a.ui-state-active {
font-weight: normal;
-1px;
}

.ui-menu .ui-state-disabled {
font-weight: normal;
.4em 0 .2em;
1.5;
}
.ui-menu .ui-state-disabled a {
cursor: default;
}

/* icon support */
.ui-menu-icons {
position: relative;
}
.ui-menu-icons .ui-menu-item a {
position: relative;
padding-left: 2em;
}

/* left-aligned */
.ui-menu .ui-icon {
position: absolute;
top: .2em;
left: .2em;
}

/* right-aligned */
.ui-menu .ui-menu-icon {
position: static;
float: right;
}
.ui-progressbar {
height: 2em;
text-align: left;
overflow: hidden;
}
.ui-progressbar .ui-progressbar-value {
-1px;
height: 100%;
}
.ui-progressbar .ui-progressbar-overlay {
background: u rl("http://domain.pk/flat/skin/frontend/flaton/ma_flaton3/layerednavigationajax/images/animated-overlay.gif");
height: 100%;
filter: alpha(opacity=25);
opacity: 0.25;
}
.ui-progressbar-indeterminate .ui-progressbar-value {
background-image: none;
}
.ui-resizable {
position: relative;
}
.ui-resizable-handle {
position: absolute;
0.1px;
display: block;
}
.ui-resizable-disabled .ui-resizable-handle,
.ui-resizable-autohide .ui-resizable-handle {
display: none;
}
.ui-resizable-n {
cursor: n-resize;
height: 7px;
width: 100%;
top: -5px;
left: 0;
}
.ui-resizable-s {
cursor: s-resize;
height: 7px;
width: 100%;
bottom: -5px;
left: 0;
}
.ui-resizable-e {
cursor: e-resize;
width: 7px;
right: -5px;
top: 0;
height: 100%;
}
.ui-resizable-w {
cursor: w-resize;
width: 7px;
left: -5px;
top: 0;
height: 100%;
}
.ui-resizable-se {
cursor: se-resize;
width: 12px;
height: 12px;
right: 1px;
bottom: 1px;
}
.ui-resizable-sw {
cursor: sw-resize;
width: 9px;
height: 9px;
left: -5px;
bottom: -5px;
}
.ui-resizable-nw {
cursor: nw-resize;
width: 9px;
height: 9px;
left: -5px;
top: -5px;
}
.ui-resizable-ne {
cursor: ne-resize;
width: 9px;
height: 9px;
right: -5px;
top: -5px;
}
.ui-selectable-helper {
position: absolute;
z-index: 100;
border: 1px dotted black;
}
.ui-slider {
position: relative;
text-align: left;
}

.ui-slider .ui-slider-range {
position: absolute;
z-index: 1;
.7em;
display: block;
border: 0;
background-position: 0 0;
}

/* For IE8 - See #6727 */
.ui-slider.ui-state-disabled .ui-slider-handle,
.ui-slider.ui-state-disabled .ui-slider-range {
filter: inherit;
}

.ui-slider-horizontal {
height: 6px;
}
.ui-slider-horizontal .ui-slider-handle {
top: -5px;
-16px;
}
.ui-slider-horizontal .ui-slider-range {
top: 0;
height: 100%;
}
.ui-slider-horizontal .ui-slider-range-min {
left: 0;
}
.ui-slider-horizontal .ui-slider-range-max {
right: 0;
}

.ui-slider-vertical {
width: .8em;
height: 100px;
}
.ui-slider-vertical .ui-slider-handle {
left: -.3em;
0;
-.6em;
}
.ui-slider-vertical .ui-slider-range {
left: 0;
width: 100%;
}
.ui-slider-vertical .ui-slider-range-min {
bottom: 0;
}
.ui-slider-vertical .ui-slider-range-max {
top: 0;
}
.ui-spinner {
position: relative;
display: inline-block;
overflow: hidden;
padding: 0;
vertical-align: middle;
}
.ui-spinner-input {
border: none;
background: none;
color: inherit;
padding: 0;
.2em 0;
vertical-align: middle;
.4em;
22px;
}
.ui-spinner-button {
width: 16px;
height: 50%;
.5em;
padding: 0;
0;
text-align: center;
position: absolute;
cursor: default;
display: block;
overflow: hidden;
right: 0;
}
/* more specificity required here to overide default borders */
.ui-spinner a.ui-spinner-button {
border-top: none;
border-bottom: none;
border-right: none;
}
/* vertical centre icon */
.ui-spinner .ui-icon {
position: absolute;
-8px;
top: 50%;
left: 0;
}
.ui-spinner-up {
top: 0;
}
.ui-spinner-down {
bottom: 0;
}

/* TR overrides */
.ui-spinner .ui-icon-triangle-1-s {
/* need to fix icons sprite */
background-position: -65px -16px;
}
.ui-tabs {
position: relative;/* position: relative prevents IE scroll bug (element with position: relative inside container with overflow: auto appear as "fixed") */
padding: .2em;
}
.ui-tabs .ui-tabs-nav {
0;
padding: .2em .2em 0;
}
.ui-tabs .ui-tabs-nav li {
list-style: none;
float: left;
position: relative;
top: 0;
1px .2em 0 0;
border-bottom-width: 0;
padding: 0;
white-space: nowrap;
}
.ui-tabs .ui-tabs-nav li a {
float: left;
padding: .5em 1em;
text-decoration: none;
}
.ui-tabs .ui-tabs-nav li.ui-tabs-active {
-1px;
padding-bottom: 1px;
}
.ui-tabs .ui-tabs-nav li.ui-tabs-active a,
.ui-tabs .ui-tabs-nav li.ui-state-disabled a,
.ui-tabs .ui-tabs-nav li.ui-tabs-loading a {
cursor: text;
}
.ui-tabs .ui-tabs-nav li a, /* first selector in group seems obsolete, but required to overcome bug in Opera applying cursor: text overall if defined elsewhere... */
.ui-tabs-collapsible .ui-tabs-nav li.ui-tabs-active a {
cursor: pointer;
}
.ui-tabs .ui-tabs-panel {
display: block;
border-width: 0;
padding: 1em 1.4em;
background: none;
}
.ui-tooltip {
padding: 8px;
position: absolute;
z-index: 9999;
max-width: 300px;
-webkit-box-shadow: 0 0 5px #aaa;
box-shadow: 0 0 5px #aaa;
}
body .ui-tooltip {
border-width: 2px;
}

/* Component containers
----------------------------------*/
.ui-widget {
Verdana,Arial,sans-serif;
1.1em;
}
.ui-widget .ui-widget {
1em;
}
.ui-widget input,
.ui-widget select,
.ui-widget textarea,
.ui-widget button {
Verdana,Arial,sans-serif;
1em;
}
.ui-widget-content {
background: #e7e7e7;
color: #222222;
20px;
}
.ui-widget-content a {
color: #222222;
}

.ui-widget-header a {
color: #222222;
}

/* Interaction states
----------------------------------*/

.ui-state-default a,
.ui-state-default a:link,
.ui-state-default a:visited {
color: #555555;
text-decoration: none;
}

.ui-state-hover a,
.ui-state-hover a:hover,
.ui-state-hover a:link,
.ui-state-hover a:visited {
color: #212121;
text-decoration: none;
}

.ui-state-active a,
.ui-state-active a:link,
.ui-state-active a:visited {
color: #212121;
text-decoration: none;
}

/* Interaction Cues
----------------------------------*/
.ui-state-highlight,
.ui-widget-content .ui-state-highlight,
.ui-widget-header .ui-state-highlight {
border: 1px solid #fcefa1;
background: #fbf9ee u rl(http://domain.pk/flat/skin/frontend/flaton/ma_flaton3/layerednavigationajax/images/ui-bg_glass_55_fbf9ee_1x400.png) 50% 50% repeat-x;
color: #363636;
}
.ui-state-highlight a,
.ui-widget-content .ui-state-highlight a,
.ui-widget-header .ui-state-highlight a {
color: #363636;
}
.ui-state-error,
.ui-widget-content .ui-state-error,
.ui-widget-header .ui-state-error {
border: 1px solid #cd0a0a;
background: #fef1ec u rl(http://domain.pk/flat/skin/frontend/flaton/ma_flaton3/layerednavigationajax/images/ui-bg_glass_95_fef1ec_1x400.png) 50% 50% repeat-x;
color: #cd0a0a;
}
.ui-state-error a,
.ui-widget-content .ui-state-error a,
.ui-widget-header .ui-state-error a {
color: #cd0a0a;
}
.ui-state-error-text,
.ui-widget-content .ui-state-error-text,
.ui-widget-header .ui-state-error-text {
color: #cd0a0a;
}
.ui-priority-primary,
.ui-widget-content .ui-priority-primary,
.ui-widget-header .ui-priority-primary {
font-weight: bold;
}
.ui-priority-secondary,
.ui-widget-content .ui-priority-secondary,
.ui-widget-header .ui-priority-secondary {
opacity: .7;
filter:Alpha(Opacity=70);
font-weight: normal;
}
.ui-state-disabled,
.ui-widget-content .ui-state-disabled,
.ui-widget-header .ui-state-disabled {
opacity: .35;
filter:Alpha(Opacity=35);
background-image: none;
}
.ui-state-disabled .ui-icon {
filter:Alpha(Opacity=35); /* For IE8 - See #6059 */
}

/* Icons
----------------------------------*/

/* states and images */
.ui-icon {
width: 16px;
height: 16px;
}
.ui-icon,
.ui-widget-content .ui-icon {
background-image: u rl(http://domain.pk/flat/skin/frontend/flaton/ma_flaton3/layerednavigationajax/images/ui-icons_222222_256x240.png);
}
.ui-widget-header .ui-icon {
background-image: u rl(http://domain.pk/flat/skin/frontend/flaton/ma_flaton3/layerednavigationajax/images/ui-icons_222222_256x240.png);
}
.ui-state-default .ui-icon {
background-image: u rl(http://domain.pk/flat/skin/frontend/flaton/ma_flaton3/layerednavigationajax/images/ui-icons_888888_256x240.png);
}
.ui-state-hover .ui-icon,
.ui-state-focus .ui-icon {
background-image: u rl(http://domain.pk/flat/skin/frontend/flaton/ma_flaton3/layerednavigationajax/images/ui-icons_454545_256x240.png);
}
.ui-state-active .ui-icon {
background-image: u rl(http://domain.pk/flat/skin/frontend/flaton/ma_flaton3/layerednavigationajax/images/ui-icons_454545_256x240.png);
}
.ui-state-highlight .ui-icon {
background-image: u rl(http://domain.pk/flat/skin/frontend/flaton/ma_flaton3/layerednavigationajax/images/ui-icons_2e83ff_256x240.png);
}
.ui-state-error .ui-icon,
.ui-state-error-text .ui-icon {
background-image: u rl(http://domain.pk/flat/skin/frontend/flaton/ma_flaton3/layerednavigationajax/images/ui-icons_cd0a0a_256x240.png);
}

/* positioning */
.ui-icon-blank { background-position: 16px 16px; }
.ui-icon-carat-1-n { background-position: 0 0; }
.ui-icon-carat-1-ne { background-position: -16px 0; }
.ui-icon-carat-1-e { background-position: -32px 0; }
.ui-icon-carat-1-se { background-position: -48px 0; }
.ui-icon-carat-1-s { background-position: -64px 0; }
.ui-icon-carat-1-sw { background-position: -80px 0; }
.ui-icon-carat-1-w { background-position: -96px 0; }
.ui-icon-carat-1-nw { background-position: -112px 0; }
.ui-icon-carat-2-n-s { background-position: -128px 0; }
.ui-icon-carat-2-e-w { background-position: -144px 0; }
.ui-icon-triangle-1-n { background-position: 0 -16px; }
.ui-icon-triangle-1-ne { background-position: -16px -16px; }
.ui-icon-triangle-1-e { background-position: -32px -16px; }
.ui-icon-triangle-1-se { background-position: -48px -16px; }
.ui-icon-triangle-1-s { background-position: -64px -16px; }
.ui-icon-triangle-1-sw { background-position: -80px -16px; }
.ui-icon-triangle-1-w { background-position: -96px -16px; }
.ui-icon-triangle-1-nw { background-position: -112px -16px; }
.ui-icon-triangle-2-n-s { background-position: -128px -16px; }
.ui-icon-triangle-2-e-w { background-position: -144px -16px; }
.ui-icon-arrow-1-n { background-position: 0 -32px; }
.ui-icon-arrow-1-ne { background-position: -16px -32px; }
.ui-icon-arrow-1-e { background-position: -32px -32px; }
.ui-icon-arrow-1-se { background-position: -48px -32px; }
.ui-icon-arrow-1-s { background-position: -64px -32px; }
.ui-icon-arrow-1-sw { background-position: -80px -32px; }
.ui-icon-arrow-1-w { background-position: -96px -32px; }
.ui-icon-arrow-1-nw { background-position: -112px -32px; }
.ui-icon-arrow-2-n-s { background-position: -128px -32px; }
.ui-icon-arrow-2-ne-sw { background-position: -144px -32px; }
.ui-icon-arrow-2-e-w { background-position: -160px -32px; }
.ui-icon-arrow-2-se-nw { background-position: -176px -32px; }
.ui-icon-arrowstop-1-n { background-position: -192px -32px; }
.ui-icon-arrowstop-1-e { background-position: -208px -32px; }
.ui-icon-arrowstop-1-s { background-position: -224px -32px; }
.ui-icon-arrowstop-1-w { background-position: -240px -32px; }
.ui-icon-arrowthick-1-n { background-position: 0 -48px; }
.ui-icon-arrowthick-1-ne { background-position: -16px -48px; }
.ui-icon-arrowthick-1-e { background-position: -32px -48px; }
.ui-icon-arrowthick-1-se { background-position: -48px -48px; }
.ui-icon-arrowthick-1-s { background-position: -64px -48px; }
.ui-icon-arrowthick-1-sw { background-position: -80px -48px; }
.ui-icon-arrowthick-1-w { background-position: -96px -48px; }
.ui-icon-arrowthick-1-nw { background-position: -112px -48px; }
.ui-icon-arrowthick-2-n-s { background-position: -128px -48px; }
.ui-icon-arrowthick-2-ne-sw { background-position: -144px -48px; }
.ui-icon-arrowthick-2-e-w { background-position: -160px -48px; }
.ui-icon-arrowthick-2-se-nw { background-position: -176px -48px; }
.ui-icon-arrowthickstop-1-n { background-position: -192px -48px; }
.ui-icon-arrowthickstop-1-e { background-position: -208px -48px; }
.ui-icon-arrowthickstop-1-s { background-position: -224px -48px; }
.ui-icon-arrowthickstop-1-w { background-position: -240px -48px; }
.ui-icon-arrowreturnthick-1-w { background-position: 0 -64px; }
.ui-icon-arrowreturnthick-1-n { background-position: -16px -64px; }
.ui-icon-arrowreturnthick-1-e { background-position: -32px -64px; }
.ui-icon-arrowreturnthick-1-s { background-position: -48px -64px; }
.ui-icon-arrowreturn-1-w { background-position: -64px -64px; }
.ui-icon-arrowreturn-1-n { background-position: -80px -64px; }
.ui-icon-arrowreturn-1-e { background-position: -96px -64px; }
.ui-icon-arrowreturn-1-s { background-position: -112px -64px; }
.ui-icon-arrowrefresh-1-w { background-position: -128px -64px; }
.ui-icon-arrowrefresh-1-n { background-position: -144px -64px; }
.ui-icon-arrowrefresh-1-e { background-position: -160px -64px; }
.ui-icon-arrowrefresh-1-s { background-position: -176px -64px; }
.ui-icon-arrow-4 { background-position: 0 -80px; }
.ui-icon-arrow-4-diag { background-position: -16px -80px; }
.ui-icon-extlink { background-position: -32px -80px; }
.ui-icon-newwin { background-position: -48px -80px; }
.ui-icon-refresh { background-position: -64px -80px; }
.ui-icon-shuffle { background-position: -80px -80px; }
.ui-icon-transfer-e-w { background-position: -96px -80px; }
.ui-icon-transferthick-e-w { background-position: -112px -80px; }
.ui-icon-folder-collapsed { background-position: 0 -96px; }
.ui-icon-folder-open { background-position: -16px -96px; }
.ui-icon-document { background-position: -32px -96px; }
.ui-icon-document-b { background-position: -48px -96px; }
.ui-icon-note { background-position: -64px -96px; }
.ui-icon-mail-closed { background-position: -80px -96px; }
.ui-icon-mail-open { background-position: -96px -96px; }
.ui-icon-suitcase { background-position: -112px -96px; }
.ui-icon-comment { background-position: -128px -96px; }
.ui-icon-person { background-position: -144px -96px; }
.ui-icon-print { background-position: -160px -96px; }
.ui-icon-trash { background-position: -176px -96px; }
.ui-icon-locked { background-position: -192px -96px; }
.ui-icon-unlocked { background-position: -208px -96px; }
.ui-icon-bookmark { background-position: -224px -96px; }
.ui-icon-tag { background-position: -240px -96px; }
.ui-icon-home { background-position: 0 -112px; }
.ui-icon-flag { background-position: -16px -112px; }
.ui-icon-calendar { background-position: -32px -112px; }
.ui-icon-cart { background-position: -48px -112px; }
.ui-icon-pencil { background-position: -64px -112px; }
.ui-icon-clock { background-position: -80px -112px; }
.ui-icon-disk { background-position: -96px -112px; }
.ui-icon-calculator { background-position: -112px -112px; }
.ui-icon-zoomin { background-position: -128px -112px; }
.ui-icon-zoomout { background-position: -144px -112px; }
.ui-icon-search { background-position: -160px -112px; }
.ui-icon-wrench { background-position: -176px -112px; }
.ui-icon-gear { background-position: -192px -112px; }
.ui-icon-heart { background-position: -208px -112px; }
.ui-icon-star { background-position: -224px -112px; }
.ui-icon-link { background-position: -240px -112px; }
.ui-icon-cancel { background-position: 0 -128px; }
.ui-icon-plus { background-position: -16px -128px; }
.ui-icon-plusthick { background-position: -32px -128px; }
.ui-icon-minus { background-position: -48px -128px; }
.ui-icon-minusthick { background-position: -64px -128px; }
.ui-icon-close { background-position: -80px -128px; }
.ui-icon-closethick { background-position: -96px -128px; }
.ui-icon-key { background-position: -112px -128px; }
.ui-icon-lightbulb { background-position: -128px -128px; }
.ui-icon-scissors { background-position: -144px -128px; }
.ui-icon-clipboard { background-position: -160px -128px; }
.ui-icon-copy { background-position: -176px -128px; }
.ui-icon-contact { background-position: -192px -128px; }
.ui-icon-image { background-position: -208px -128px; }
.ui-icon-video { background-position: -224px -128px; }
.ui-icon-script { background-position: -240px -128px; }
.ui-icon-alert { background-position: 0 -144px; }
.ui-icon-info { background-position: -16px -144px; }
.ui-icon-notice { background-position: -32px -144px; }
.ui-icon-help { background-position: -48px -144px; }
.ui-icon-check { background-position: -64px -144px; }
.ui-icon-bullet { background-position: -80px -144px; }
.ui-icon-radio-on { background-position: -96px -144px; }
.ui-icon-radio-off { background-position: -112px -144px; }
.ui-icon-pin-w { background-position: -128px -144px; }
.ui-icon-pin-s { background-position: -144px -144px; }
.ui-icon-play { background-position: 0 -160px; }
.ui-icon-pause { background-position: -16px -160px; }
.ui-icon-seek-next { background-position: -32px -160px; }
.ui-icon-seek-prev { background-position: -48px -160px; }
.ui-icon-seek-end { background-position: -64px -160px; }
.ui-icon-seek-start { background-position: -80px -160px; }
/* ui-icon-seek-first is deprecated, use ui-icon-seek-start instead */
.ui-icon-seek-first { background-position: -80px -160px; }
.ui-icon-stop { background-position: -96px -160px; }
.ui-icon-eject { background-position: -112px -160px; }
.ui-icon-volume-off { background-position: -128px -160px; }
.ui-icon-volume-on { background-position: -144px -160px; }
.ui-icon-power { background-position: 0 -176px; }
.ui-icon-signal-diag { background-position: -16px -176px; }
.ui-icon-signal { background-position: -32px -176px; }
.ui-icon-battery-0 { background-position: -48px -176px; }
.ui-icon-battery-1 { background-position: -64px -176px; }
.ui-icon-battery-2 { background-position: -80px -176px; }
.ui-icon-battery-3 { background-position: -96px -176px; }
.ui-icon-circle-plus { background-position: 0 -192px; }
.ui-icon-circle-minus { background-position: -16px -192px; }
.ui-icon-circle-close { background-position: -32px -192px; }
.ui-icon-circle-triangle-e { background-position: -48px -192px; }
.ui-icon-circle-triangle-s { background-position: -64px -192px; }
.ui-icon-circle-triangle-w { background-position: -80px -192px; }
.ui-icon-circle-triangle-n { background-position: -96px -192px; }
.ui-icon-circle-arrow-e { background-position: -112px -192px; }
.ui-icon-circle-arrow-s { background-position: -128px -192px; }
.ui-icon-circle-arrow-w { background-position: -144px -192px; }
.ui-icon-circle-arrow-n { background-position: -160px -192px; }
.ui-icon-circle-zoomin { background-position: -176px -192px; }
.ui-icon-circle-zoomout { background-position: -192px -192px; }
.ui-icon-circle-check { background-position: -208px -192px; }
.ui-icon-circlesmall-plus { background-position: 0 -208px; }
.ui-icon-circlesmall-minus { background-position: -16px -208px; }
.ui-icon-circlesmall-close { background-position: -32px -208px; }
.ui-icon-squaresmall-plus { background-position: -48px -208px; }
.ui-icon-squaresmall-minus { background-position: -64px -208px; }
.ui-icon-squaresmall-close { background-position: -80px -208px; }
.ui-icon-grip-dotted-vertical { background-position: 0 -224px; }
.ui-icon-grip-dotted-horizontal { background-position: -16px -224px; }
.ui-icon-grip-solid-vertical { background-position: -32px -224px; }
.ui-icon-grip-solid-horizontal { background-position: -48px -224px; }
.ui-icon-gripsmall-diagonal-se { background-position: -64px -224px; }
.ui-icon-grip-diagonal-se { background-position: -80px -224px; }

/* Misc visuals
----------------------------------*/

/* Corner radius */
.ui-corner-all,
.ui-corner-top,
.ui-corner-left,
.ui-corner-tl {
}
.ui-corner-all,
.ui-corner-top,
.ui-corner-right,
.ui-corner-tr {
}
.ui-corner-all,
.ui-corner-bottom,
.ui-corner-left,
.ui-corner-bl {
}
.ui-corner-all,
.ui-corner-bottom,
.ui-corner-right,
.ui-corner-br {
}

/* Overlays */
.ui-widget-overlay {
background: #aaaaaa u rl(http://domain.pk/flat/skin/frontend/flaton/ma_flaton3/layerednavigationajax/images/ui-bg_flat_0_aaaaaa_40x100.png) 50% 50% repeat-x;
opacity: .3;
filter: Alpha(Opacity=30);
}
.ui-widget-shadow {
-8px 0 0 -8px;
padding: 8px;
background: #aaaaaa u rl(http://domain.pk/flat/skin/frontend/flaton/ma_flaton3/layerednavigationajax/images/ui-bg_flat_0_aaaaaa_40x100.png) 50% 50% repeat-x;
opacity: .3;
filter: Alpha(Opacity=30);
border-radius: 8px;
}

#quickview-bg-block { display: none; background-color : rgba(0,0,0,0.35); top: 0; left: 0; right: 0; bottom: 0; auto; position: fixed; z-index: 999991; }

.quickview-load-img { display: none; position: fixed; top: 50%; left: 0; right: 0; bottom: 0; text-align: center; z-index: 999992; auto;}
.quickview-container {
position: fixed;
background-color: #FFFFFF;
border: solid 2px #000000;
display: none;
z-index: 999993;
width: 900px;
height: 85%;
top: 0; bottom: 0; auto;
left: 0; right: 0;
}
.a-qv-close {
display: none;
position: absolute;
z-index: 9999;
0; right: -10px; top: -15px;
}

.qv-button-container { }

#quickview-content {
display: none;
width: 100%; height: 100%;
overflow: auto !important;
}
#quickview-content .container { width: 870px; }
#quickview-content .col1-layout .product-view .product-shop { 0;}
#quickview-content .product-view .product-img-box { 0; }

@media (max-width: 991px){
.quickview-container { width: 95%; }
#quickview-content .container { width: 95%; }
}
body, .footer-static p, .ma-relatedslider-container .product-name a{Abel;
font-weight:400}.price, .price-box .price, #shopping-cart-table tbody td .price, .timer-grid .box-time-date span{Roboto;
font-weight:100}{background-color:}{background-color:#0099B9}{color:#0099B9}{color:#0099B9}{border-color:#0099B9}{border-color:#0099B9}body{background-color:#000000;background-image:u rl("http://domain.pk/flat/skin/frontend/flaton/ma_flaton1/images/pattern/pattern10.png")}body, .footer-static p, .ma-relatedslider-container .product-name a{Abel;
font-weight:400}.price, .price-box .price, #shopping-cart-table tbody td .price, .timer-grid .box-time-date span{Roboto;
font-weight:100}{background-color:}{background-color:#0099B9}{color:#0099B9}{color:#0099B9}{border-color:#0099B9}{border-color:#0099B9}body{background-color:#000000;background-image:u rl("http://domain.pk/flat/skin/frontend/flaton/ma_flaton2/images/pattern/pattern10.png")}body, .footer-static p, .ma-relatedslider-container .product-name a{Abel;
font-weight:400}.price, .price-box .price, #shopping-cart-table tbody td .price, .timer-grid .box-time-date span{Roboto;
font-weight:100}{background-color:}#79e300{background-color:#0099B9}#79e300{color:#0099B9}#79e300{color:#0099B9}#79e300{border-color:#0099B9}#79e300{border-color:#0099B9}body{background-color:#ffffff;background-image:u rl("http://domain.pk/flat/skin/frontend/flaton/ma_flaton3/images/pattern/pattern10.png")}

/* Browser Resets */
.ma-banner7-container .flex-container a:active,
.ma-banner7-container .flexslider a:active,
.ma-banner7-container .flex-container a:focus,
.ma-banner7-container .flexslider a:focus {outline: none;}
.ma-banner7-container .slides,
.ma-banner7-container .flex-control-nav,
.ma-banner7-container .flex-direction-nav { 0; padding: 0; list-style: none;}

/* FlexSlider Necessary Styles
*********************************/
.ma-banner7-container .flexslider { 0; padding: 0;}
.ma-banner7-container .flexslider .slides > li {display: none; -webkit-backface-visibility: hidden; position: relative; } /* Hide the slides before the JS is loaded. Avoids image jumping */
.ma-banner7-container .flexslider .slides img { display: block; }
.ma-banner7-container .flex-pauseplay span {text-transform: capitalize;}

/* Clearfix for the .slides element */
.ma-banner7-container .slides:after {content: "."; display: block; clear: both; visibility: hidden; 0; height: 0;}
html[xmlns] .ma-banner7-container .slides {display: block;}
* html .ma-banner7-container .slides {height: 1%;}

/* No JavaScript Fallback */
/* If you are not using another script, such as Modernizr, make sure you
* include js that eliminates this class on page load */
.no-js .ma-banner7-container .slides > li:first-child {display: block;}

/* FlexSlider Default Theme
*********************************/
.ma-banner7-container .flexslider {padding: 0; position: relative; zoom: 1;}
.ma-banner7-container .flex-viewport {max-height: 2000px; -webkit-transition: all 1s ease; -moz-transition: all 1s ease; transition: all 1s ease;}
.ma-banner7-container .loading .flex-viewport {max-height: 300px;}
.ma-banner7-container .flexslider .slides {zoom: 1;}

.ma-banner7-container .carousel li { 5px}

/* Direction Nav */
.ma-banner7-container .flex-direction-nav {*height: 0;}

/* Control Nav */

.ma-banner7-container .flex-control-nav li { 0 6px; display: inline-block; zoom: 1; *display: inline; }

.ma-banner7-container .flex-control-thumbs { 5px 0 0; position: static; overflow: hidden;}
.ma-banner7-container .flex-control-thumbs li {width: 25%; float: left; 0;}
.ma-banner7-container .flex-control-thumbs img {width: 100%; display: block; opacity: .7; cursor: pointer;}
.ma-banner7-container .flex-control-thumbs img:hover {opacity: 1;}
.ma-banner7-container .flex-control-thumbs .flex-active {opacity: 1; cursor: default;}
.ma-nivoslider {
overflow: hidden;
}
.nivoslider {
position: relative;
overflow: hidden;
height: auto;
width: 100%;
}
.nivoslider img {
position: absolute;
top: 0;
left: 0;
display: none;
}
.nivo-controlNav {
text-align: center;
position: absolute;
width: 100%;
bottom: 30px;
}

.banner7-caption {
position: absolute;
left:0;
top:0;
width: 100%;
background: none;
color: #fff;
16px;
z-index: 999;
}
.ma-banner7-container .ma-loading {
width: 16px;
height: 16px;
position: absolute;
z-index: 99;
background: u rl(http://domain.pk/flat/skin/frontend/flaton/ma_flaton3/magentothem/images/loader.gif) no-repeat ;
top: 50%;
left: 50%;
-8px 0 0 -8px;
}
/* The Nivo Slider styles */
.nivoSlider {
position:relative;
width:100%;
height:auto;
overflow: hidden;
}
.nivoSlider img {
position:absolute;
max-width: none;
}
.nivo-main-image {
display: block !important;
position: relative !important;
width: 100% !important;
}

/* If an image is wrapped in a link */
.nivoSlider a.nivo-imageLink {
position:absolute;
top:0px;
left:0px;
width:100%;
height:100%;
border:0;
padding:0;
0;
z-index:6;
display:none;
background:white;
filter:alpha(opacity=0);
opacity:0;
}
/* The slices and boxes in the Slider */
.nivo-slice {
display:block;
position:absolute;
z-index:5;
height:100%;
top:0;
}
.nivo-box {
display:block;
position:absolute;
z-index:5;
overflow:hidden;
}
.nivo-box img { display:block; }

.nivo-caption {
position:absolute;
left:0;
top:0;
color:#fff;
width:100%;
height: 100%;
z-index:8;
}
.nivo-html-caption {
display: none;
}
.nivo-main-image {
display: block !important;
position: relative !important;
width: 100% !important;
}

/* If an image is wrapped in a link */
.nivoSlider a.nivo-imageLink {
position:absolute;
top:0px;
left:0px;
width:100%;
height:100%;
border:0;
padding:0;
0;
z-index:6;
display:none;
background:white;
filter:alpha(opacity=0);
opacity:0;
}
/* The slices and boxes in the Slider */
.nivo-slice {
display:block;
position:absolute;
z-index:5;
height:100%;
top:0;
}
.nivo-box {
display:block;
position:absolute;
z-index:5;
overflow:hidden;
}

.nivo-caption {
position:absolute;
left:0;
top:0;
color:#fff;
width:100%;
z-index:8;
height: 100%;
}
.nivo-html-caption {
display: none;
}
@-webkit-keyframes myfirst {
from {width: 0;}
to {width: 100%;}
}
@keyframes myfirst {
from {width: 0;}
to {width: 100%;}
}
.timethai.pos_hover{
-webkit-animation-play-state: paused;
animation-play-state: paused;

}
.ma-banner7-container{
position :relative; min-height: 50px;
}

/*===================================================Content-banner7===========================================================*/
.nivoSlider {
position:relative;
width:100%;
height:auto;
overflow: hidden;
}
.banner7-content{ position: absolute;
height: 90%;
left: 0;
right: 0; }
.banner7-content .text-content { position: absolute; top: 50%; -145px; text-align: center; left: 55px; z-index: 1;}
.banner7-content img { position: absolute; }
.banner7-readmore { 70px; }
.banner7-readmore a { 18px;
font-weight: 200;
color: #fff;
border: 1px solid #fff;
display: inline-block;
text-decoration: none;
text-transform: capitalize;
border-radius: 30px;
48px;
padding: 0 25px;
letter-spacing: 2px;
animation: slideInUp 0.5s linear alternate;
-webkit-animation: slideInUp 0.5s linear alternate;
-moz-animation: slideInUp 0.5s linear alternate;
}
.banner7-readmore a:hover { background: rgba(255,255,255,0.3); }
.banner7-content .banner7-des {
22px; padding: 10px 20px; 30px 0; border: 1px solid #fff; border-radius: 5px;
text-transform: uppercase;
animation: slideInDown 1s linear alternate;
-webkit-animation: slideInDown 1s linear alternate;
-moz-animation: slideInDown 1s linear alternate
}
.title1 {
32px; color: #fff; text-transform: uppercase; font-weight: 200;
animation: slideInDown 0.5s linear alternate;
-webkit-animation: slideInDown 0.5s linear alternate;
-moz-animation: slideInDown 0.5s linear alternate;
}
.title2 {
42px; 40px; color: #fff; letter-spacing: 4px; text-transform: uppercase; font-weight: 800;
animation: slideInDown 0.7s linear alternate;
-webkit-animation: slideInDown 0.7s linear alternate;
-moz-animation: slideInDown 0.7s linear alternate;
}
.slider-1 { bottom: 0; top: 0; auto; }
.slider-1 .img1 { right: 70px; bottom: 0; top: auto; height: 100%;
animation: slideInRight 0.3s linear alternate;
-webkit-animation: slideInRight 0.3s linear alternate;
-moz-animation: slideInRight 0.3s linear alternate;
}

.slider-1 .img2 { right: 220px; top: 0;
animation: zoomInRight 1s linear alternate;
-webkit-animation: zoomInRight 1s linear alternate;
-moz-animation: zoomInRight 1s linear alternate;
}

.slider-2 { height: 75%; bottom: 10%; }

.slider-2 .title-container { }
.slider-2 .img1 { right: 55px; height: 100%; animation: slideInRight 0.5s linear alternate;
-webkit-animation: slideInRight 0.5s linear alternate;
-moz-animation: slideInRight 0.5s linear alternate; }

 

@media ( max-width: 1400px) {
}

@media ( max-width: 1199px) {

.banner7-content .banner7-des { 17px; }
.banner7-readmore a { 14px; 40px; }
.slider-1 .banner7-des { 10px 0; }
.title2 { 35px; }
.banner7-content .text-content { -124px; }
.slider-1 .banner7-readmore { 50px; }
.slider-1 .img2 { -webkit-transform: scale(0.7); -moz-transform: scale(0.7); transform: scale(0.7); right: 164px;
top: -40px;}
}

@media ( max-width: 991px) {

.banner7-content .text-content { left: 20px;}
.banner7-content .banner7-des { 17px; 20px 0; }
.banner7-readmore a { 14px; 40px; }
.slider-1 .banner7-des { 10px 0; 14px; }
.title1 { 25px; }
.title2 { 27px; }
.banner7-content .text-content { -124px; }
.slider-1 .banner7-readmore { 50px; }
.slider-1 .img1 { right: 20px;}
.slider-1 .img2 { -webkit-transform: scale(0.5); -moz-transform: scale(0.5); transform: scale(0.5); right: 60px;
top: -75px;}
.slider-2 { height: 70%; }
.slider-2 .img1 { right: 20px; }
.banner7-readmore { 55px; }

}
@media ( max-width: 700px) {
.banner7-content .img1 { right: 0; 0; }
.banner7-content .text-content { left: 20px; 0; }
}
@media ( max-width: 600px) {
.banner7-content img { display: none !important;}
.banner7-content .text-content { right: 20px;}
}
@media ( max-width: 480px) {
.title1 { 18px; }
.title2 { 20px; letter-spacing: 1px; 30px; }
.banner7-content .banner7-des { 12px; }
.banner7-readmore { 30px; }
.slider-1 .banner7-readmore {
30px;
}
.banner7-content .text-content { -93px;}
}

@media ( max-width: 320px) {

}
#tip {
position: absolute;
border: 1px solid #CCCCCC;
background: #A7C2E8;
padding: 4px;
display: none;
}
.testimonial-entry {
padding: 20px;
}

.testimonial-entry {
20px;
}

.testimonial-entry.odd {
background: #F8F8F8;
border-top: 1px dashed #E0E0E0;
border-bottom: 1px dashed #E0E0E0;
}

.testimonial-tagline {
Lucida Sans Unicode, Arial, sans-serif !important;
font-weight: normal !important;
16px !important;
0 !important;
}

.testimonial-content {

}

.testimonial-content-avatar {float: left; 4px 10px 0 0;}

.testimonial-content p {
color:#808080;
"Lucida Sans Unicode",Arial,Helvetica,sans-serif;
11px !important;
font-style:normal !important;
18px;
8px 0 !important;
}

.testimonial-source {
Lucida Sans Unicode, Arial, sans-serif;
}

.testimonial-author {
12px;
font-style: normal;
color: #0A233C;
text-align: right;
display: block;
font-weight: bold;
}

.testimonial-www {
font-style: normal;
text-align: right;
display: block;
}

.testimonial-date {
10px;
text-align: right;
display: block;
font-weight: bold;
}

.customer-testimonials .page-title {
0 0 10px;
}
.customer-testimonials .page-title h1 {
color: #464646;
float: left;
17px;
font-weight: bold;
text-transform: uppercase;
}

.customer-testimonials .page-title button {
float: right;
}

.block-testimonial .testimonial-entry {
padding: 0;
}

.block-testimonial .testimonial-content {
0 !important;
font-style: italic;
padding-bottom: 5px;
}

.block-testimonial .testimonial-container {
padding: 8px;
}

.block-testimonial .pagination {
padding: 5px 8px 10px;
15px;
}

.block-testimonial .pagination .btn-prev {
background: u rl("http://domain.pk/flat/skin/frontend/flaton/ma_flaton3/images/testimonial/navigation-left.png") no-repeat scroll left top transparent;
float: left;
}

.block-testimonial .pagination .btn-next {
background: u rl("http://domain.pk/flat/skin/frontend/flaton/ma_flaton3/images/testimonial/navigation-right.png") no-repeat scroll left top transparent;
float: right;
}

.block-testimonial .pagination a {
height: 0;
overflow: hidden;
padding-top: 18px;
width: 18px;
display: block;
}

.testimonial-submit {float: left; width: 685px;}
.testimonial-submit .page-title h1 {color: #464646; font-weight: bold; 17px; text-transform: uppercase; }

.testimonial-submit .form-list {float: left; width: 100%;}
.testimonial-submit .form-list li {float: left; width: 255px; 0 20px 7px 0;}
.testimonial-submit .form-list li .input-text {float: left; width: 255px;height: 15px; }
.testimonial-submit .form-list li .std-input-box { width: 535px !important;clear: both; display: block;}
.testimonial-submit .form-list li.required-std {float: left; width: 100% !important;}
.testimonial-submit .form-list li.required-std .std-input-box .required-entry {width: 530px !important;}
.testimonial-submit .form-list li.required-std { 0 !important;}
.testimonial-submit .input-box-captcha {float: left; width: 100%; 10px 0 0 0;}
.testimonial-submit .input-box-captcha #captcha {float: left; 0 10px 0 0; }
.testimonial-submit .input-box-captcha .required-entry {float: left; height: 24px; 17px; 0 7px 0 0;}
.testimonial-submit .input-box-captcha p {float: left; width: 100%; }
.testimonial-submit .input-box-captcha a.refresh-captcha { float: left; padding: 11px 0 0;}

/*-- Block Testimonial Sidebar --*/

.block-testimonial-sidebar .block-content {padding: 5px 9px;}
.block-testimonial-sidebar .block-content .testimonial-sidebar-content {padding: 0 0 15px; float: left;}
.block-testimonial-sidebar .block-content .std {float: left; width: 100%;}
.block-testimonial-sidebar .block-content .std .tooltip { 11px;}
.block-testimonial-sidebar .block-content .name-date-testimonial {float: left; width: 100%; text-align: right;}
.block-testimonial-sidebar .block-content .name-date-testimonial h6 { 0;}
.block-testimonial-sidebar .block-content .name-date-testimonial .name { 12px;}

/*=======================================*/

/*-- Cutomer Testimonial Content --*/

.customer-testimonials .customer-testimonials-content {
float: left;
20px 10px 0;
padding: 10px;
border: 1px solid #dfdfdf;
width: 645px;
}

.customer-testimonials .customer-testimonials-content:hover { border: 1px solid #ffde1c;}
.customer-testimonials .customer-testimonials-content.last { 20px 10px;}

/*========================================*/