/* =============================================== */
/* ---------------->>> CSS STYLES <<<------------- */
/* ================================================ */
/*
1. GLOBAL STYLES
- Text
- Alert
- Tooltip
- Popover
- List Group
- Forms
- Form size
- Form Color
- IMG
- Page Loader Styles
- Video
- Video Controller
- Audio
- Nav Bar
- Drop Down
- Button
- Tables
- Quotes
- Counter
- Tabs
- Accordion
- Progress
- Pagination
- Icons
- Frames
- Modal
- Product
- Additional Classes
2. TOP SECTION
- Top
- Menu
- Social Icons
- Search
- Info
3. HEADER SECITON
- Header
- Fixed Header
- Hidden Top Bar
- Fixed Header/Hidden Top Bar
- Fixed Top Bar
- Fixed Double Header
- Primary Menu
- Four columns
- Five columns
- Menu Color
- Cart
- Phone & Search Header
- Phone & Search Active Header
- Top Fixed Box
- Minimized Menu
- Breadcrumbs
4. SLIDER SECTION
- Slider Revolution
- Metro Box
- Carousel Slider
- Text Slider
- Video background
5. SIDEBAR
- Pages
- Menu
- Shop By
- List
- Recent Post
- Specials
- Community Poll
- Compare Products
- Newsletter
- Recommended
- Tags
- Social
- Links
- Calendar
- Datepicker
- Banner Set
6. MAIN SECTION
- Home Pages
- Packages
- Features
- Double Image
- Welcome block
- Special Features
- Who We Are
- Responsive
- Service
- Service Time-line
- Why Choose Us
- Latest Posts
- Promo Partners
- Carousel
- Products
- Products Tab
- Manufactures
- Clients
- News
- Category
- About Us
- Contact Us
- Sitemap
- Pricing
- FAQ
- Portfolio
- Portfolio One
- Work Process
- Gallery
- Respond
- Chart
- Livicons
- Steps
- Full Width Box
- Full-width-box Fwb Paralax
- Word Rotate
- Timeline
- Social Feed
- Twitter Feeds
- Blur Pages
- 404
- One Page
- Other Pages
- Get a Quote
7.SHOP
- Product View
- Related Products
- Login Page
- Login Page 2
- Shopping Cart
- Checkout
- My Account
- Compare Product
8. BLOG
- Masonry Blog Grid
- Normal Blog Grid
- Search Result
- Posts Variants
9. FOOTER
10. EXTRA
- Boxed
- Ribbon
- Fancybox
- Hover Effects
- Hover Zoom Effects
- Hover Rotate Effects
- Full Width Side Images
- My Video
- Slider Animation
@charset "utf-8";
/*----------------------------------------------
GLOBAL STYLES
-----------------------------------------------*/
body {
background-color: rgba(250, 250, 250, 0.70);
}
@-webkit-keyframes fadeIn {
0% {
opacity: 0;
}
100% {
opacity: 1;
}
}
@keyframes fadeIn {
0% {
opacity: 0;
}
100% {
opacity: 1;
}
}
@-webkit-keyframes fadeOut {
0% {
opacity: 1;
}
100% {
opacity: 0;
}
}
@keyframes fadeOut {
0% {
opacity: 1;
}
100% {
opacity: 0;
}
}
* {
border-color: #e1e1e1;
border-style: solid;
border-width: 0;
zoom: 1;
-webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}
*:focus {
outline: none !important;
}
html,
body {
height: 100%;
}
.full-height {
height: 100%;
}
body {
font-family: 'Arimo', sans-serif;
height: 100%;
line-height: 1.8;
-webkit-appearance: none;
-webkit-font-smoothing: antialiased;
overflow-x: hidden;
font-size: 14px;
}
body.loaded {
overflow-x: inherit;
}
.scroll-width {
height: 150px;
left: 0;
overflow: hidden;
position: absolute;
visibility: hidden;
top: 0;
width: 200px;
}
.scroll-width div {
height: 200px;
width: 100%;
}
input,
button,
select,
textarea {
font-family: 'Arimo', sans-serif;
}
.page-box {
min-height: 100%;
height: auto !important;
height: 100%;
}
.page-box-content {
}
img {
max-width: 100%;
height: auto;
}
svg image {
display: none;
}
/* Text */
a {
color: #171717;
}
a:visited {
color: #171717;
}
a:active {
color: #000;
}
a.no-border,
.no-border a {
color: #171717;
text-decoration: none;
-webkit-transition: color .2s linear;
transition: color .2s linear;
}
a.no-border:hover,
.no-border a:hover {
color: #1e1e1e;
text-decoration: none;
-webkit-transition: color .2s linear;
transition: color .2s linear;
}
.white a.no-border,
.white .no-border a {
color: #fff;
color: rgba(255, 255, 255, .8);
}
.white a.no-border:hover,
.white .no-border a:hover {
color: #fff;
}
h1, h2, h3, h4, h5, h6 {
font-weight: 500;
line-height: 1.3;
margin: 0 0 22px;
font-family: Oswald, sans-serif;
}
.title {
font-family: Oswald, sans-serif;
color: #0F3774;
}
.title_new {
font-family: Oswald, sans-serif;
}
.title-description {
padding-bottom: 20px;
}
.light {
font-weight: normal;
}
h1 {
font-size: 48px;
}
h2 {
font-size: 40px;
}
h3 {
font-size: 32px;
font-weight: 500;
}
h4 {
font-size: 24px;
font-weight: 500;
line-height: 1.7;
}
h5 {
font-size: 20px;
}
h6 {
font-size: 16px;
line-height: 28px;
font-weight: 500;
}
p {
margin-bottom: 22px;
}
p:last-child {
margin-bottom: 0;
}
address {
font-size: 13px;
}
.white,
.icon.white,
a.white {
color: #fff;
}
.upper {
text-transform: uppercase;
}
.caps {
text-transform: capitalize;
}
.lower {
text-transform: lower;
}
.gray,
.icon.gray {
color: #cccccc;
}
.red,
.icon.red {
color: #ff0000;
}
.black,
.icon.black,
a.black {
color: #333333;
}
.muted,
.icon.muted {
color: #555;
}
.text-warning,
.text-warning:visited,
a.text-warning:hover,
.icon.text-warning {
color: #f89406;
}
.text-info,
.text-info:visited,
a.text-info:hover,
.icon.text-info {
color: #0098ca;
}
.text-success,
.text-success:visited,
a.text-success:hover,
.icon.text-success {
color: #738d00;
}
.bg-white {
background: #fff;
}
.bg-black {
background: #000000;
}
.bg-light-gray {
background: #f7f7f7;
}
.bg-light-gray.border {
background: #f7f7f7;
border-bottom: 1px solid #f2f2f2;
border-top: 1px solid #f2f2f2;
}
.bg-muted {
background: #555 !important;
}
.bg-primary {
background: #428bca !important;
}
.bg-warning {
background: #f89406 !important;
}
.bg-info {
background: #0098ca !important;
}
.bg-success {
background: #738d00 !important;
}
.border-muted {
border-color: #555 !important;
}
.border-warning {
border-color: #f89406 !important;
}
.border-success {
border-color: #738d00 !important;
}
.border-grey {
border-color: #777 !important;
}
.border-white {
border-color: #ffffff !important;
}
.hide-border-hover:hover i {
border: 1px solid transparent !important;
}
hr {
border: 0;
border-top: 1px solid #e1e1e1;
border-top: 1px solid rgba(0, 0, 0, .1);
border-bottom: 0 none;
margin: 40px 0;
}
.margin-10 {
margin: 10px 0 10px 0;
}
.margin-20 {
margin: 20px 0 20px 0;
}
.bottom-pad {
margin: 0px 0 40px 0;
}
.top-pad {
margin: 40px 0 0px 0;
}
hr.dotted {
border-style: dotted;
border-top-width: 1px;
}
hr.dashed {
border-style: dashed;
border-top-width: 1px;
}
hr.double {
border-style: double;
border-top-width: 3px;
}
hr.shadow {
border: 0 none;
margin-bottom: 30px;
overflow: hidden;
padding-top: 10px;
position: relative;
}
hr.shadow:after {
bottom: 10px;
-webkit-border-radius: 100%;
-moz-border-radius: 100%;
border-radius: 100%;
-webkit-box-shadow: 0 0 10px rgba(0, 0, 0, 0.8);
box-shadow: 0 0 10px rgba(0, 0, 0, 0.8);
content: "";
height: 20px;
left: 5%;
position: absolute;
right: 5%;
z-index: -1;
}
hr.no-line {
border: 0 none;
height: 1px;
}
hr.margin-bottom {
margin-top: 0;
}
hr.margin-top {
margin-top: 0;
}
ul,
ol {
padding: 0 0 0 60px;
margin: 0 0 22px 0;
}
ul.list-style li {
position: relative;
list-style: none;
padding-left: 20px;
padding-top: 5px;
padding-bottom: 5px;
}
ul.list-style.no-pad {
padding-left: 0;
margin-left: 0;
}
ul.list-style li:before {
content: "\f105";
display: block;
font-family: FontAwesome;
left: 0;
position: absolute;
top: 5px;
}
ul.list-style.border-line li {
border-bottom: 1px dotted rgba(0, 0, 0, .2);
}
ul.list-style.border-line li:last-child {
border-bottom: 0;
}
.no-style {
list-style: none;
margin: 0px;
padding: 0px;
}
.no-style li {
margin-bottom: 20px;
}
i.pull-left {
margin-right: 0.7em !important;
}
i.pull-right {
margin-left: 0.7em !important;
}
.text-small {
font-size: 12px;
line-height: 18px;
}
.lead {
margin-bottom: 26px;
font-size: 12px;
line-height: 24px;
}
.opacity:hover img {
opacity: .7;
}
.opacity-inverse img {
opacity: .3;
}
.opacity-inverse:hover img {
opacity: 1;
}
.grayscale img {
filter: url("data:image/svg+xml;utf8,#grayscale"); /* Firefox 10+, Firefox on Android */
filter: gray;
-webkit-filter: grayscale(100%);
}
.grayscale:hover img {
filter: url("data:image/svg+xml;utf8,#grayscale");
-webkit-filter: grayscale(0%);
}
.label-success,
.badge-success {
background-color: #8aa902;
}
.label-primary,
.badge-primary {
background-color: #048ce2;
}
.label-info,
.badge-info {
background-color: #02a9e0;
}
.label-warning,
.badge-warning {
background-color: #f89406;
}
.help-block {
margin-top: 0px;
margin-bottom: 15px;
}
.caret {
color: #777;
border: 0 none;
height: 6px;
width: 9px;
}
.caret:before {
content: "\f107";
display: block;
font-family: FontAwesome;
font-style: normal;
font-weight: normal;
line-height: 6px;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
height: 6px;
position: absolute;
width: 9px;
}
.open .caret {
color: #777;
}
.btn .caret {
margin: -2px 0 0;
}
.btn-group .caret {
color: #fff;
}
.dropup .caret,
.navbar-fixed-bottom .dropdown .caret {
border: 0 none;
}
.dropup .caret:before,
.navbar-fixed-bottom .dropdown .caret:before {
content: "\f106";
}
.btn.dropdown-toggle,
.btn.dropdown-toggle:hover,
.btn.dropdown-toggle:focus {
outline: none;
}
nav ul {
list-style: none;
margin: 0;
padding: 0;
}
.rating-box {
background-image: url("../img/svg/rating.svg"), none;
background-repeat: no-repeat;
background-position: 0 0;
height: 12px;
width: 73px;
}
.rating-box .rating {
height: 12px;
margin: 0;
overflow: hidden;
padding: 0;
width: 73px;
}
.rating-box .rating * {
vertical-align: top;
}
.prising-info .rating-box .rating svg polygon {
fill: #01a5db;
}
.pricing-success .rating-box .rating svg polygon {
fill: #84a200;
}
.pricing-error .rating-box .rating svg polygon {
fill: #d40746;
}
.switches a {
background: #d8dee3;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
display: inline-block;
height: 10px;
margin: 0 5px;
text-indent: -9999px;
vertical-align: top;
width: 10px;
}
.switches a.selected {
background-color: #41474c;
background-image: -webkit-linear-gradient(bottom, #41474c, #6a7279);
background-image: -moz-linear-gradient(bottom, #41474c, #6a7279);
background-image: -o-linear-gradient(bottom, #41474c, #6a7279);
background-image: -ms-linear-gradient(bottom, #41474c, #6a7279);
background-image: linear-gradient(to top, #41474c, #6a7279);
}
.switches a span {
display: none;
}
.close,
.close:visited {
float: none;
font-size: 16px;
font-weight: normal;
line-height: 16px;
color: #7f7f7f;
position: relative;
text-shadow: none;
opacity: 1;
filter: alpha(opacity=100);
vertical-align: top;
-webkit-transition: color .2s linear;
transition: color .2s linear;
}
.close:hover,
.close:focus {
color: #1e1e1e;
opacity: 1;
filter: alpha(opacity=100);
-webkit-transition: color .2s linear;
transition: color .2s linear;
}
.close span {
display: inline-block;
font-size: 12px;
font-family: Arial;
line-height: 12px;
margin-top: 2px;
vertical-align: top;
}
.product-remove,
.product-remove:visited {
color: #7f7f7f;
height: 16px;
text-decoration: none;
width: 16px;
-webkit-transition: color .2s linear;
transition: color .2s linear;
}
.product-remove:hover {
color: #1e1e1e;
-webkit-transition: color .2s linear;
transition: color .2s linear;
}
.product-remove path {
fill: currentColor;
-webkit-transition: all .2s linear;
transition: all .2s linear;
}
.product-remove i {
font-size: 16px;
}
a.edit {
color: #707070;
font-size: 12px;
text-decoration: none;
-webkit-transition: opacity .2s linear;
transition: opacity .2s linear;
}
a.edit:hover {
color: #707070;
opacity: 0.8;
filter: alpha(opacity=80);
-webkit-transition: opacity .2s linear;
transition: opacity .2s linear;
}
a.edit i:before {
font-style: italic;
line-height: 9px;
margin: 0;
}
.map-box iframe {
border: 0 none;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
width: 100%;
}
.map-box img {
max-width: inherit;
}
.map-canvas {
height: 400px;
}
.map-canvas * {
border: 0 none;
}
.map-content {
width: 200px;
}
.map-content .title {
font-size: 16px;
margin-bottom: 10px;
}
.text-shadow {
text-shadow: 1px 1px 1px rgba(0, 0, 0, .5);
}
.hide-text-shadow,
.carousel-caption .hide-text-shadow {
text-shadow: none !important;
}
/* Alert */
.alert {
background-color: #555;
border: 0 none;
-webkit-border-radius: 0;
-moz-border-radius: 0;
border-radius: 0;
color: #fff;
min-height: 34px;
margin-bottom: 22px;
overflow: hidden;
padding: 20px;
position: relative;
text-shadow: none;
-webkit-transition: opacity .3s linear;
transition: opacity .3s linear;
}
.alert-black {
background-color: #1e1e1e;
}
.alert-success {
background-color: #738d00;
}
.alert-info {
background-color: #0098ca;
}
.alert-warning {
background-color: #f89406;
}
.alert .alert-link {
color: #fff;
color: rgba(255, 255, 255, .7);
}
.alert .alert-link:hover {
color: #fff;
}
.alert .close {
color: #fff;
line-height: 22px;
position: absolute;
right: 10px;
top: 9px;
}
.alert .alert-icon {
display: block;
float: left;
margin: 0 20px 0 0;
}
.alert .alert-icon:before {
font-size: 34px;
}
.alert.alert-border {
background: none;
border: 1px solid #e1e1e1;
color: #1e1e1e;
}
.alert.alert-border .close {
color: #1e1e1e;
}
.alert.alert-border.alert-black {
background: none;
border: 1px solid #1e1e1e;
}
.alert.alert-border.alert-success {
background: none;
border: 1px solid #738d00;
}
.alert.alert-border.alert-danger {
background: none;
border: 1px solid;
}
.alert.alert-border.alert-warning {
background: none;
border: 1px solid #f89406;
}
.alert.alert-border.alert-info {
background: none;
border: 1px solid #0098ca;
}
/* Tooltip */
.tooltip.left {
margin-left: -12px;
}
#tooltip {
border: 1px solid #e1e1e1;
background-color: #f7f7f7;
padding: 5px;
position: absolute;
z-index: 3000;
}
#tooltip h3,
#tooltip div {
margin: 0;
}
.text-warning + .tooltip .tooltip-inner {
background-color: #c09853;
}
.text-warning + .tooltip.top .tooltip-arrow {
border-top-color: #c09853;
}
.text-warning + .tooltip.right .tooltip-arrow {
border-right-color: #c09853;
}
.text-warning + .tooltip.left .tooltip-arrow {
border-left-color: #c09853;
}
.text-warning + .tooltip.bottom .tooltip-arrow {
border-bottom-color: #c09853;
}
.text-error + .tooltip.top .tooltip-arrow {
border-top-color: #ffc400;
}
.text-error + .tooltip.right .tooltip-arrow {
border-right-color: #ffc400;
}
.text-error + .tooltip.left .tooltip-arrow {
border-left-color: #ffc400;
}
.text-error + .tooltip.bottom .tooltip-arrow {
border-bottom-color: #ffc400;
}
.text-info + .tooltip .tooltip-inner {
background-color: #0098ca;
}
.text-info + .tooltip.top .tooltip-arrow {
border-top-color: #0098ca;
}
.text-info + .tooltip.right .tooltip-arrow {
border-right-color: #0098ca;
}
.text-info + .tooltip.left .tooltip-arrow {
border-left-color: #0098ca;
}
.text-info + .tooltip.bottom .tooltip-arrow {
border-bottom-color: #0098ca;
}
.text-success + .tooltip .tooltip-inner {
background-color: #738d00;
}
.text-success + .tooltip.top .tooltip-arrow {
border-top-color: #738d00;
}
.text-success + .tooltip.right .tooltip-arrow {
border-right-color: #738d00;
}
.text-success + .tooltip.left .tooltip-arrow {
border-left-color: #738d00;
}
.text-success + .tooltip.bottom .tooltip-arrow {
border-bottom-color: #738d00;
}
/* Popover */
.popover {
border: 1px solid #ccc;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;
-webkit-box-shadow: 0 0 5px rgba(0, 0, 0, .15);
-moz-box-shadow: 0 0 5px rgba(0, 0, 0, .15);
box-shadow: 0 0 5px rgba(0, 0, 0, .15);
}
/* List Group */
a.list-group-item,
a.list-group-item:hover,
a.list-group-item:focus {
-webkit-transition: background-color .3s linear, color .3s linear;
transition: background-color .3s linear, color .3s linear;
}
.list-group-item-success {
background-color: #738d00;
border: 0 none;
color: #fff;
}
.list-group-item-info {
background-color: #0098ca;
border: 0 none;
color: #fff;
}
.list-group-item-warning {
background-color: #f89406;
border: 0 none;
color: #fff;
}
.list-group-item-danger {
border: 0 none;
color: #fff;
}
a.list-group-item-success,
a.list-group-item-info,
a.list-group-item-warning,
a.list-group-item-danger {
color: #fff;
}
a.list-group-item-success:hover,
a.list-group-item-success:focus {
background-color: #819819;
color: rgba(255, 255, 255, .7);
}
a.list-group-item-info:hover,
a.list-group-item-info:focus {
background-color: #19A2CF;
color: rgba(255, 255, 255, .7);
}
a.list-group-item-warning:hover,
a.list-group-item-warning:focus {
background-color: #F99F1F;
color: rgba(255, 255, 255, .7);
}
a.list-group-item-danger:hover,
a.list-group-item-danger:focus {
background-color: #C72154;
color: rgba(255, 255, 255, .7);
}
.list-group-item .badge {
margin-top: 2px;
}
/* Forms */
form {
margin-bottom: 22px;
}
label {
font-weight: bold;
margin: 0 0 3px;
}
.required {
color: #c3293a;
display: inline-block;
font-size: 14px;
}
.selectBox,
.form-control {
border: 1px solid #e1e1e1;
-webkit-box-shadow: 0 1px #fff, inset 0 1px 4px rgba(0, 0, 0, .15);
-moz-box-shadow: 0 1px #fff, inset 0 1px 4px rgba(0, 0, 0, .15);
box-shadow: 0 1px #fff, inset 0 1px 4px rgba(0, 0, 0, .15);
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;
font-size: 12px;
height: 40px;
line-height: 22px;
margin-bottom: 22px;
min-height: 40px;
padding: 8px 12px;
width: 100%;
background: none;
}
.form-control.bg-white {
background: #ffffff;
}
.form-control.bottom-15 {
margin-bottom: 15px;
}
.selectBox:hover,
.form-control:hover {
border-color: #ccc;
text-decoration: none;
}
.selectBox.selectBox-menuShowing,
.form-control:focus {
-webkit-box-shadow: 0 0 10px rgba(46, 84, 129, .3);
-moz-box-shadow: 0 0 10px rgba(46, 84, 129, .3);
box-shadow: 0 0 10px rgba(46, 84, 129, .3);
border: solid 1px #839bb7;
outline: none;
-webkit-transition: border linear .2s,
box-shadow linear .2s;
-moz-transition: border linear .2s,
box-shadow linear .2s;
transition: border linear .2s, box-shadow linear .2s;
}
textarea.form-control {
height: 100px;
max-width: 100%;
}
.selectBox {
max-width: 100%;
width: 100% !important;
}
.radio,
.checkbox {
font-weight: normal;
margin: 0 0 8px;
min-height: 18px;
padding-left: 20px;
}
.new-radio,
.new-checkbox {
background: #fff;
border: 1px solid #ccc;
-webkit-border-radius: 2px;
-moz-border-radius: 2px;
border-radius: 2px;
cursor: pointer;
float: left;
height: 15px;
margin: 2px 0 0 -20px;
position: absolute;
width: 15px;
}
.new-radio {
-webkit-border-radius: 7px;
-moz-border-radius: 7px;
border-radius: 7px;
height: 14px;
width: 14px;
}
.new-radio input[type="radio"],
.new-checkbox input[type="checkbox"],
.form-inline .radio input[type="radio"],
.form-inline .checkbox input[type="checkbox"] {
cursor: pointer;
height: 100%;
margin: 0;
opacity: 0;
filter: alpha(opacity=0);
position: absolute;
vertical-align: top;
width: 100%;
}
.new-checkbox svg {
display: none;
height: 18px;
margin: -3px 0 0 -2px;
width: 18px;
}
.new-checkbox svg polygon {
fill: #1e1e1e;
}
.new-checkbox.checked svg {
display: block;
}
.new-radio span {
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;
display: block;
height: 6px;
margin: 3px 0 0 3px;
width: 6px;
}
.new-radio.checked span {
background: #1e1e1e;
}
.new-radio.disabled,
.new-checkbox.disabled {
opacity: .5;
filter: alpha(opacity=50);
}
.form-search .radio,
.form-search .checkbox,
.form-inline .radio,
.form-inline .checkbox {
padding-left: 20px;
}
.form-search .radio input[type="radio"],
.form-search .checkbox input[type="checkbox"],
.form-inline .radio input[type="radio"],
.form-inline .checkbox input[type="checkbox"] {
margin-left: -20px;
}
.selectBox::-webkit-scrollbar,
.selectBox-dropdown-menu::-webkit-scrollbar {
background: #f2f2f2;
width: 10px;
}
.selectBox::-webkit-scrollbar-thumb,
.selectBox-dropdown-menu::-webkit-scrollbar-thumb {
border-width: 1px 1px 1px 2px;
background-color: #839bb7;
width: 5px;
}
.selectBox {
background: #fff;
cursor: pointer;
position: relative;
text-decoration: none;
}
.selectBox:hover,
.selectBox:focus,
button {
outline: none;
text-decoration: none;
}
.selectBox-label {
box-sizing: border-box;
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
color: #555;
display: block;
max-width: 100%;
padding: 0 25px 0 0;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
width: 100%;
}
.selectBox-arrow {
background: url("../img/svg/select.svg") 50% 50% no-repeat;
border-radius: 0 3px 3px 0;
-moz-border-radius: 0 3px 3px 0;
-khtml-border-radius: 0 3px 3px 0;
height: 100%;
left: auto;
overflow: hidden;
position: absolute;
right: 0;
top: 0;
width: 32px;
}
.selectBox-dropdown-menu {
background: #fff;
-webkit-border-radius: 0 0 5px 5px;
-moz-border-radius: 0 0 5px 5px;
border-radius: 0 0 5px 5px;
-webkit-box-shadow: 0 0 10px rgba(46, 84, 129, .3);
-moz-box-shadow: 0 0 10px rgba(46, 84, 129, .3);
box-shadow: 0 0 10px rgba(46, 84, 129, .3);
border: solid 1px #839bb7;
outline: none;
-webkit-transition: border linear .2s,
box-shadow linear .2s;
-moz-transition: border linear .2s,
box-shadow linear .2s;
-o-transition: border linear .2s,
box-shadow linear .2s;
transition: border linear .2s,
box-shadow linear .2s;
color: #5f5f5f;
font-size: 12px;
list-style: none;
margin: 0;
max-height: 117px;
overflow-y: auto;
padding: 0;
position: absolute;
-webkit-animation: fadeIn 0.5s;
animation: fadeIn 0.5s;
}
.selectBox-options li {
display: block;
}
.selectBox-options li a {
color: #1e1e1e;
cursor: pointer;
display: block;
line-height: 1.5;
padding: 2px 2px 2px 16px;
margin: 0;
min-height: 23px;
text-decoration: none;
-webkit-transition: all .2s linear;
transition: all .2s linear;
}
.selectBox-options li + li a {
border-top: 1px solid #839bb7;
}
.selectBox-options li a:hover {
background: #f2f2f2;
color: #111;
text-decoration: none;
-webkit-transition: all .2s linear;
transition: all .2s linear;
}
.selectBox-options li.selectBox-selected a {
background: #e9e9e9;
color: #000;
text-decoration: none;
}
.selectBox-inline {
overflow-y: auto;
padding: 0;
width: 100%;
}
.selectBox-inline ul {
list-style: none;
margin: 0;
padding: 0;
width: 100%;
}
fieldset[disabled] .radio label,
fieldset[disabled] .checkbox label {
cursor: default;
}
fieldset[disabled] select,
fieldset[disabled] .selectBox,
fieldset[disabled] .selectBox .selectBox-label,
.selectBox.selectBox-disabled,
.selectBox.selectBox-disabled .selectBox-label {
color: #999;
}
fieldset[disabled] .selectBox .selectBox-arrow,
.selectBox.selectBox-disabled .selectBox-arrow {
opacity: .3;
filter: alpha(opacity=30);
}
.selectBox.selectBox-disabled:focus {
border-color: #e1e1e1;
-webkit-box-shadow: 0 1px #fff, inset 0 1px 4px rgba(0, 0, 0, .15);
-moz-box-shadow: 0 1px #fff, inset 0 1px 4px rgba(0, 0, 0, .15);
box-shadow: 0 1px #fff, inset 0 1px 4px rgba(0, 0, 0, .15);
}
.form-inline .control-label,
.form-inline .form-control,
.form-horizontal .form-group .form-control {
margin-bottom: 0;
}
/* Form size */
.input-lg {
border-radius: 4px;
font-size: 18px;
height: 46px;
line-height: 1.33;
padding-top: 10px;
padding-bottom: 10px;
}
.input-sm {
border-radius: 2px;
font-size: 12px;
height: 30px;
line-height: 1.5;
min-height: inherit !important;
padding-top: 5px;
padding-bottom: 5px;
}
/* Form Color */
.has-feedback .form-control-feedback {
height: 40px;
line-height: 40px;
}
.has-success .help-block,
.has-success .control-label,
.has-success .radio,
.has-success .checkbox,
.has-success .radio-inline,
.has-success .checkbox-inline,
.has-success .form-control-feedback {
color: #738d00;
}
.has-warning .help-block,
.has-warning .control-label,
.has-warning .radio,
.has-warning .checkbox,
.has-warning .radio-inline,
.has-warning .checkbox-inline,
.has-warning .form-control-feedback {
color: #f89406;
}
.has-success .form-control {
border-color: #738d00;
}
.has-warning .form-control {
border-color: #f89406;
}
.has-success .form-control:focus {
border-color: #738d00;
-webkit-box-shadow: 0 0 10px rgba(115, 141, 0, .3);
box-shadow: 0 0 10px rgba(115, 141, 0, .3);
-webkit-transition: box-shadow linear .2s;
transition: box-shadow linear .2s;
}
.has-warning .form-control:focus {
border-color: #f89406;
-webkit-box-shadow: 0 0 10px rgba(248, 148, 6, .3);
box-shadow: 0 0 10px rgba(248, 148, 6, .3);
}
.has-error .form-control:focus {
-webkit-box-shadow: 0 0 10px rgba(193, 8, 65, .3);
box-shadow: 0 0 10px rgba(193, 8, 65, .3);
}
/* IMG */
.alignnone {
margin: 0 0 25px;
}
.aligncenter {
clear: both;
margin: 0 auto 25px;
text-align: center;
}
.alignleft {
float: left;
margin: 0 25px 25px 0;
}
.alignright {
float: right;
margin: 0 0 25px 25px;
}
.caption {
color: #7f7f7f;
display: inline-block;
font-size: 12px;
font-style: italic;
line-height: 18px;
margin-bottom: 22px;
max-width: 100%;
}
.caption img {
display: block;
margin: 0 auto 10px;
}
.img-rounded {
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
border-radius: 4px;
}
.img-thumbnail {
border-radius: 0;
display: inline-block;
line-height: 0;
position: relative;
-webkit-transition: opacity .2s ease-in;
transition: opacity .2s ease-in;
width: auto;
}
.img-thumbnail:hover {
opacity: .8;
filter: alpha(opacity=80);
-webkit-transition: opacity .2s ease-out;
transition: opacity .2s ease-out;
}
.img-thumbnail.lightbox:hover {
opacity: 1;
filter: alpha(opacity=100);
}
.img-thumbnail .bg-images {
bottom: 0;
left: 0;
position: absolute;
right: 0;
top: 0;
-webkit-transition: all .2s ease-out;
transition: all .2s ease-out;
}
.img-thumbnail:hover > .bg-images {
background: #fff;
background: rgba(255, 255, 255, .7);
-webkit-transition: all .2s ease-out;
transition: all .2s ease-out;
}
.img-thumbnail .bg-images i {
margin: 5px 0 0 5px;
}
.img-thumbnail .bg-images i:before {
color: #fff;
font-size: 20px;
-webkit-transition: all .2s ease-out;
transition: all .2s ease-out;
}
.img-thumbnail:hover .bg-images i:before {
color: #000;
font-size: 30px;
-webkit-transition: all .2s ease-out;
transition: all .2s ease-out;
}
.img-thumbnail.img-rounded,
.img-thumbnail.img-rounded img,
.img-thumbnail.img-rounded .bg-images {
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
border-radius: 4px;
}
.img-thumbnail.img-circle,
.img-thumbnail.img-circle img,
.img-thumbnail.img-circle .bg-images {
-webkit-border-radius: 500px;
-moz-border-radius: 500px;
border-radius: 500px;
}
.img-thumbnail.img-circle .bg-images i {
margin: 17% 0 0 17%;
}
.img-thumbnail .bg-images i {
margin: 9px 0 0 9px;
}
.fancybox-wrap {
-webkit-overflow-scrolling: touch;
}
img.pull-right {
padding: 0 0 15px 20px;
}
img.pull-left {
padding: 0 20px 15px 0;
}
/* Page Loader */
#pageloader {
background-color: #FFFFFF;
height: 100%;
position: fixed;
top: 0;
width: 100%;
z-index: 9999;
}
.loader-item {
background: none repeat scroll 0 0 #FFFFFF;
border-bottom: 3px solid rgba(0, 0, 0, 0) !important;
border-left: 3px solid;
border-radius: 200px;
-moz-border-radius: 200px;
-webkit-border-radius: 200px;
-o-border-radius: 200px;
-ms-border-radius: 200px;
border-right: 3px solid;
border-top: 3px solid;
height: 40px;
left: 50%;
margin: -20px 0 0 -20px;
position: absolute;
text-align: center;
top: 50%;
width: 40px;
}
.loader-item h2 {
color: #CCCCCC;
font-size: 20px;
margin: 0 auto;
}
/* Video */
embed .mist,
iframe .mist,
object .mist,
video .mist,
audio .mist {
max-width: 100%;
}
.video-box {
-webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, .4);
-moz-box-shadow: 0 1px 2px rgba(0, 0, 0, .4);
box-shadow: 0 1px 2px rgba(0, 0, 0, .4);
height: 0;
margin-bottom: 22px;
overflow: hidden;
padding-bottom: 56.25%;
position: relative;
}
.video-box embed,
.video-box iframe,
.video-box object,
.video-box video {
height: 100%;
left: 0;
position: absolute;
top: 0;
width: 100%;
}
.video-box.html5 {
height: auto;
padding: 0;
}
.video-box.html5 .video-js {
height: auto !important;
line-height: 0;
width: 100% !important;
}
.video-box.html5 .video-js .vjs-tech {
height: auto;
margin: 0;
position: relative;
width: 100%;
}
.video-box.html5 .vjs-default-skin {
color: #fff;
}
.video-box.html5 .vjs-default-skin .vjs-play-progress,
.video-box.html5 .vjs-default-skin .vjs-volume-level {
background-color: #555;
}
.video-box.html5 .vjs-default-skin .vjs-control-bar,
.video-box.html5 .vjs-default-skin .vjs-big-play-button {
background: rgba(0, 0, 0, .8);
}
.video-box.html5 .vjs-default-skin .vjs-slider {
background: rgba(0, 0, 0, .8);
}
#my-video {
position: relative;
}
/* Video Controller */
#video-controls {
top: 50%;
display: none;
position: absolute;
left: 0;
right: 0;
margin: 0px auto;
z-index: 99;
text-align: center;
}
#video-controls a {
text-decoration: none;
}
#bg-video {
min-height: 552px;
}
.z-index-9 {
z-index: 9;
}
.z-index-99 {
z-index: 99;
}
.z-index-999 {
z-index: 999;
}
.z-index-9999 {
z-index: 9999;
}
.video-pattern:after {
background: url(../img/patterns/pattern.png) repeat;
content: "";
height: 100%;
left: 0;
position: absolute;
top: 0;
width: 100%;
}
#video-play {
border: 2px solid;
padding: 20px;
border-radius: 50%;
-moz-border-radius: 50%;
-khtml-border-radius: 50%;
}
#video-play .white-border {
border-color: #ffffff;
}
#video-play .gray-border {
border-color: #222222;
}
/* Audio */
.audio-box audio {
width: 100%;
}
.jp-audio,
.jp-audio *,
.jp-jplayer,
.jp-jplayer * {
-webkit-box-sizing: content-box;
-moz-box-sizing: content-box;
box-sizing: content-box;
}
div.jp-audio ul.jp-controls {
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
width: 100%;
}
div.jp-audio {
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
min-width: 300px;
width: 100%;
}
/* Nav Bar */
.navbar-inverse .brand,
.navbar-inverse .nav > li > a {
color: #7b7b7b;
text-shadow: none;
}
/* Drop Down */
.dropdown-backdrop {
position: static;
}
.btn-group .dropdown-toggle,
.btn-group.open .dropdown-toggle {
-webkit-box-shadow: none;
-moz-box-shadow: none;
box-shadow: none;
}
.dropdown-menu {
border: 0;
-webkit-border-radius: 0;
-moz-border-radius: 0;
border-radius: 0;
-webkit-box-shadow: 0;
-moz-box-shadow: 0;
min-width: 156px;
padding: 0;
z-index: 800;
}
.open > .dropdown-menu {
-webkit-animation: fadeIn 0.4s;
animation: fadeIn 0.4s;
}
/* Button */
.btn,
.btn:visited {
background: #1e1e1e;
border: 0 none;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;
-webkit-box-shadow: none;
-moz-box-shadow: none;
box-shadow: none;
color: #333;
line-height: 22px;
outline: none;
padding: 9px 20px;
text-shadow: none;
filter: none;
-webkit-transition: background .2s linear,
color .2s linear;
transition: background .2s linear,
color .2s linear;
white-space: normal;
}
.btn.big {
line-height: 40px;
font-size: 20px;
}
.btn:hover,
.btn:focus,
.btn:active,
.btn.active,
.btn.disabled,
.btn[disabled],
.btn-default:hover,
.btn-default:focus,
.btn-default:active,
.btn-default.active,
.open .dropdown-toggle.btn-default {
background: #565656;
*background: #565656;
color: #fff;
outline: none;
-webkit-transition: background .2s linear,
color .2s linear;
transition: background .2s linear,
color .2s linear;
}
.btn:active,
.btn.active,
.btn-group.open .btn.dropdown-toggle {
background: #1e1e1e;
background-color: rgba(30, 30, 30, .75);
-webkit-box-shadow: inset 0px 5px 0px rgba(0, 0, 0, 0.12);
-moz-box-shadow: inset 0px 5px 0px rgba(0, 0, 0, 0.12);
box-shadow: inset 0px 5px 0px rgba(0, 0, 0, 0.12);
outline: none;
}
.btn-group.open .btn.dropdown-toggle {
background: #1e1e1e;
background-color: rgba(30, 30, 30, .75);
-webkit-box-shadow: inset 0px 5px 0px rgba(0, 0, 0, 0.12);
-moz-box-shadow: inset 0px 5px 0px rgba(0, 0, 0, 0.12);
box-shadow: inset 0px 5px 0px rgba(0, 0, 0, 0.12);
}
.btn.btn-inverse,
.btn.btn-inverse:visited {
background: #ccc;
background: rgba(30, 30, 30, .3);
}
.btn.btn-border,
.btn.btn-border:visited {
background: transparent;
border: 1px solid #ccc;
}
.btn.btn-inverse:hover,
.btn.btn-inverse:focus,
.btn.btn-inverse:active,
.btn.btn-inverse.active,
.btn.btn-inverse.disabled,
.btn.btn-inverse[disabled] {
color: #efefef;
background-color: #000;
}
.btn.btn-inverse:active,
.btn.btn-inverse.active,
.btn-group.open .btn.dropdown-toggle.btn-inverse {
background-color: #ccc;
}
.btn.btn-primary,
.btn.btn-primary:visited {
background: #037ac5;
}
.btn.btn-primary:hover,
.btn.btn-primary:focus,
.btn.btn-primary:active,
.btn.btn-primary.active,
.btn.btn-primary.disabled,
.btn.btn-primary[disabled] {
color: #ffffff;
background-color: #048ce2;
}
.btn.btn-primary:active,
.btn.btn-primary.active,
.btn-group.open .btn.dropdown-toggle.btn-primary {
background-color: #048ce2;
}
.btn.btn-warning,
.btn.btn-warning:visited {
background: #f89406;
}
.btn.btn-warning:hover,
.btn.btn-warning:focus,
.btn.btn-warning:active,
.btn.btn-warning.active,
.btn.btn-warning.disabled,
.btn.btn-warning[disabled] {
color: #ffffff;
background-color: #fda425;
}
.btn.btn-warning:active,
.btn.btn-warning.active,
.btn-group.open .btn.dropdown-toggle.btn-warning {
background-color: #fda425;
}
.btn.btn-danger:hover,
.btn.btn-danger:focus,
.btn.btn-danger:active,
.btn.btn-danger.active,
.btn.btn-danger.disabled,
.btn.btn-danger[disabled] {
color: #ffffff;
background-color: #d70a49;
}
.btn.btn-danger:active,
.btn.btn-danger.active,
.btn-group.open .btn.dropdown-toggle.btn-danger {
background-color: #d70a49;
}
.btn.btn-success,
.btn.btn-success:visited {
background: #738d00;
}
.btn.btn-success:hover,
.btn.btn-success:focus,
.btn.btn-success:active,
.btn.btn-success.active,
.btn.btn-success.disabled,
.btn.btn-success[disabled] {
color: #ffffff;
background-color: #8aa902;
}
.btn.btn-success:active,
.btn.btn-success.active,
.btn-group.open .btn.dropdown-toggle.btn-success {
background-color: #8aa902;
}
.btn.btn-info,
.btn.btn-info:visited {
background: #0098ca;
}
.btn.btn-black,
.btn.btn-black:visited {
background: #171717;
color: #ffffff;
}
.btn.btn-black:focus,
.btn.btn-black:hover,
.btn.btn-black:active {
opacity: .8;
}
.btn.btn-info:hover,
.btn.btn-info:focus,
.btn.btn-info:active,
.btn.btn-info.active,
.btn.btn-info.disabled,
.btn.btn-info[disabled] {
color: #ffffff;
background-color: #02a9e0;
}
.btn.btn-info:active,
.btn.btn-info.active,
.btn-group.open .btn.dropdown-toggle.btn-info {
background-color: #02a9e0;
}
.btn.btn-link,
.btn.btn-link:active,
.btn.btn-link[disabled] {
background: none;
-webkit-box-shadow: none;
-moz-box-shadow: none;
box-shadow: none;
}
.btn.btn-link,
.btn.btn-link:visited {
cursor: pointer;
color: #2e5481;
}
.btn.btn-link:hover,
.btn.btn-link:focus {
background: none;
color: #2e5481;
text-decoration: underline;
}
.btn.btn-link[disabled]:hover,
.btn.btn-link[disabled]:focus {
opacity: .8;
filter: alpha(opacity=80);
}
.btn.btn-red,
.btn.btn-red:visited {
background: #ed093a;
}
.btn.btn-red:hover,
.btn.btn-red:focus,
.btn.btn-red:active,
.btn.btn-red.active,
.btn.btn-red.disabled,
.btn.btn-red[disabled] {
color: #ffffff;
background-color: #fb4c71;
}
.btn.btn-white,
.btn.btn-white:visited {
background: #fff;
color: #1e1e1e;
}
.btn.btn-white:hover,
.btn.btn-white:focus,
.btn.btn-white:active,
.btn.btn-white.active,
.btn.btn-white.disabled,
.btn.btn-white[disabled],
.btn-group.open .btn.dropdown-toggle.btn-white {
color: #1e1e1e;
background-color: #fff;
background-color: rgba(255, 255, 255, .8);
}
.btn.disabled,
.btn[disabled] {
-webkit-box-shadow: none;
-moz-box-shadow: none;
box-shadow: none;
}
.btn.btn-border {
background: none;
border: 1px solid #1e1e1e;
color: #1e1e1e;
padding-top: 9px;
padding-bottom: 9px;
}
.btn.btn-border .caret {
color: #1e1e1e;
}
.btn.btn-border.btn-inverse,
.btn.btn-border.btn-inverse .caret {
border-color: rgba(30, 30, 30, .3);
color: rgba(30, 30, 30, .3);
}
.btn.btn-border.btn-primary,
.btn.btn-border.btn-primary .caret {
border-color: #037ac5;
color: #037ac5;
}
.btn.btn-border.btn-warning,
.btn.btn-border.btn-warning .caret {
border-color: #f89406;
color: #f89406;
}
.btn.btn-border.btn-success,
.btn.btn-border.btn-success .caret {
border-color: #738d00;
color: #738d00;
}
.btn.btn-border.btn-info,
.btn.btn-border.btn-info .caret {
border-color: #0098ca;
color: #0098ca;
}
.btn.btn-border:hover,
.btn.btn-border:focus,
.btn.btn-border:active,
.btn.btn-border.active,
.btn.btn-border.disabled,
.btn.btn-border[disabled],
.btn-group.open .btn.dropdown-toggle.btn-border,
.btn.btn-border:hover .caret,
.btn.btn-border:focus .caret,
.btn.btn-border:active .caret,
.btn.btn-border.active .caret,
.btn.btn-border.disabled .caret,
.btn.btn-border[disabled] .caret,
.btn-group.open .btn.dropdown-toggle.btn-border .caret {
color: #fff;
}
.btn-group > .btn:first-child {
-webkit-border-top-left-radius: 3px;
-moz-border-radius-topleft: 3px;
border-top-left-radius: 3px;
-webkit-border-bottom-left-radius: 3px;
-moz-border-radius-bottomleft: 3px;
border-bottom-left-radius: 3px;
}
.btn-group > .btn:last-child,
.btn-group > .dropdown-toggle {
-webkit-border-top-right-radius: 3px;
-moz-border-radius-topright: 3px;
border-top-right-radius: 3px;
-webkit-border-bottom-right-radius: 3px;
-moz-border-radius-bottomright: 3px;
border-bottom-right-radius: 3px;
}
.btn.btn-lg {
font-size: 14px;
padding: 16px 45px;
}
.btn.btn-sm {
font-size: 12px;
padding: 5px 15px;
margin-top: 5px;
}
.btn.btn-xs {
font-size: 10px;
padding: 2px 10px;
}
.btn-group > .btn:before,
.btn-group > .btn:after {
border-left: 1px solid rgba(255, 255, 255, .2);
bottom: 0;
display: inline-block;
content: "";
left: 0;
position: absolute;
top: 0;
}
.btn-group > .btn.btn-border:before,
.btn-group > .btn.btn-border:after {
display: none;
}
.btn-group > .btn:after {
left: auto;
right: 0;
}
.btn-group > .btn:first-child:before,
.btn-group > .btn:last-child:after,
.btn-group > .btn:only-of-type:after,
.btn-group > .btn:only-of-type:before {
display: none;
}
.ladda-button {
font-size: 100%;
}
.ladda-button[data-style=contract][data-loading] {
width: 42px;
}
/* Tables */
.table {
font-size: 12px;
line-height: 18px;
margin-bottom: 22px;
text-align: center;
}
th {
text-align: center;
}
.table.text-left,
.table.text-left th:not(.text-center) {
text-align: left;
}
.table.text-right,
.table.text-right th:not(.text-center) {
text-align: right;
}
.table th,
.table td,
.table > thead > tr > th,
.table > tbody > tr > th,
.table > tfoot > tr > th,
.table > thead > tr > td,
.table > tbody > tr > td,
.table > tfoot > tr > td {
border-top: 1px solid #e1e1e1;
line-height: 18px;
padding: 16px 10px 15px;
}
.table > thead > tr > th {
border-bottom: 1px solid #e1e1e1;
font-size: 13px;
}
.table-striped thead th {
background-color: #f7f7f7;
}
.table-striped tbody > tr:nth-child(odd) > td,
.table-striped tbody > tr:nth-child(odd) > th {
background: none;
}
.table-bordered {
-webkit-border-radius: 0;
-moz-border-radius: 0;
border-radius: 0;
}
.table-bordered > thead > tr > th,
.table-bordered > thead > tr > td {
border-bottom-width: 1px;
}
.table-hover tbody tr > td,
.table-hover tbody tr > th {
-webkit-transition: all 0.4s linear;
transition: all 0.4s linear;
}
.table-hover tbody tr:hover > td,
.table-hover tbody tr:hover > th {
background-color: #fffdee;
-webkit-transition: all 0.4s linear;
transition: all 0.4s linear;
}
.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: 4px 5px;
}
.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: #f89406;
color: #fff;
}
.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: #738d00;
color: #fff;
}
.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 {
color: #fff;
}
.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: #0098ca;
color: #fff;
}
/* Quotes */
blockquote {
padding: 0 0 0 20px;
margin: 0 0 22px;
border-left: 2px solid #e1e1e1;
}
blockquote.pull-right {
border-left: 0;
border-right: 2px solid #e1e1e1;
float: right;
padding-left: 0;
padding-right: 20px;
}
blockquote p,
blockquote {
font-family: Georgia, 'Times New Roman', Times, serif;
font-style: italic;
font-size: 16px;
line-height: 1.625;
margin-bottom: 0;
}
blockquote.no-border {
border: 0;
margin: 0 0 0px;
padding-right: 0px;
padding-left: 0;
}
blockquote small {
line-height: 26px;
}
/* Counter */
h2.count-number {
position: relative;
border: 2px solid #ffffff;
border-radius: 50%;
width: 150px;
height: 150px;
line-height: 150px;
margin: 0px auto;
margin-bottom: 20px;
}
h2.count-number:before {
content: "";
width: 10px;
height: 10px;
position: absolute;
-webkit-border-radius: 100px;
-moz-border-radius: 100px;
border-radius: 100px;
background-color: #ffffff;
left: 0;
right: 0;
margin: 0px auto;
bottom: -5px;
}
h2.count-number .counter {
font-size: 50px;
}
h3.count-number {
position: relative;
padding-bottom: 10px;
}
h3.count-number:before {
content: "";
width: 40px;
height: 2px;
position: absolute;
-webkit-border-radius: 100px;
-moz-border-radius: 100px;
border-radius: 100px;
left: 0;
right: 0;
margin: 0px auto;
bottom: -8px;
}
h3.top-border.count-number {
position: relative;
padding-top: 20px;
}
h3.top-border.count-number:before {
top: 10px;
}
.fact-counter a:hover,
.fact-counter a:focus {
text-decoration: none;
}
/* Tabs */
.nav-tabs {
margin-bottom: 0;
margin-left: 0;
border-bottom: 1px solid #F58419;
}
.nav-tabs > li > a {
-webkit-border-radius: 2px 2px 0 0;
-moz-border-radius: 2px 2px 0 0;
border-radius: 2px 2px 0 0;
color: #1e1e1e;
font-size: 12px;
padding: 10px 20px 11px;
-webkit-transition: background-color .2s linear;
transition: background-color .2s linear;
}
.nav > li > a:hover,
.nav > li > a:focus {
background-color: #f7f7f7;
-webkit-transition: background-color .2s linear;
transition: background-color .2s linear;
}
.nav-tabs > li > a:hover,
.nav-tabs > li > a:focus {
border-color: #f7f7f7 #f7f7f7 #e1e1e1;
}
.nav-tabs > .active > a.orange_bg,
.nav-tabs > .active > a.orange_bg:hover,
.nav-tabs > .active > a.orange_bg:focus {
border: 1px solid #F58419;
border-bottom-color: transparent;
/*color: #1e1e1e;*/
color: white;
font-weight: bold;
background-color: #F58419;
}
.nav-tabs > .active.dropdown > a {
z-index: 911;
}
.tab-content > .tab-pane,
.pill-content > .pill-pane {
padding: 36px 0 0;
}
.tab-content.border {
padding: 0 20px 20px 20px;
border: 1px solid #ddd;
border-top: 0;
}
.tabs-left > .nav-tabs > li,
.tabs-right > .nav-tabs > li {
float: none;
margin: 0;
}
.tabs.border {
border: 0;
}
.tabs.border > .nav-tabs > li > a {
border: 1px solid #ddd;
}
.tabs.border > .nav-tabs > li.active > a {
border-bottom: 1px solid transparent;
}
.tabs-right > .nav-tabs > li > a {
min-width: 110px;
margin-right: 0;
margin-bottom: 3px;
border: 1px solid #ddd;
}
.tabs-left > .nav-tabs > li > a,
.tabs-right > .nav-tabs > li > a {
min-width: 110px;
margin-right: 0;
margin-bottom: 3px;
border: 1px solid #ddd;
}
.tabs-left > .nav-tabs {
border: 0 none;
border-right: 1px solid #ddd;
float: left;
margin: 0 -1px 0 0;
}
.tabs-left > .nav-tabs > li > a {
margin-right: -1px;
-webkit-border-radius: 4px 0 0 4px;
-moz-border-radius: 4px 0 0 4px;
border-radius: 4px 0 0 4px;
}
.tabs-left > .nav-tabs > li > a:hover,
.tabs-left > .nav-tabs > li > a:focus {
border-color: #f7f7f7 #ddd #f7f7f7 #f7f7f7;
}
.tabs-left > .nav-tabs .active > a,
.tabs-left > .nav-tabs .active > a:hover,
.tabs-left > .nav-tabs .active > a:focus {
border-color: #ddd transparent #ddd #ddd;
}
.tabs-left > .tab-content {
border-left: 1px solid #ddd;
margin: 0;
overflow: auto;
}
.tabs-left > .tab-content > .tab-pane {
padding: 0 0 0 20px;
}
.tabs-right > .nav-tabs {
border: 0 none;
border-left: 1px solid #ddd;
float: right;
margin: 0 0 0 -1px;
}
.tabs-right > .nav-tabs > li > a {
margin-left: -1px;
-webkit-border-radius: 0 4px 4px 0;
-moz-border-radius: 0 4px 4px 0;
border-radius: 0 4px 4px 0;
}
.tabs-right > .nav-tabs > li > a:hover,
.tabs-right > .nav-tabs > li > a:focus {
border-color: #f7f7f7 #f7f7f7 #f7f7f7 #ddd;
}
.tabs-right > .nav-tabs .active > a,
.tabs-right > .nav-tabs .active > a:hover,
.tabs-right > .nav-tabs .active > a:focus {
border-color: #ddd #ddd #ddd transparent;
}
.tabs-right > .tab-content {
border-right: 1px solid #ddd;
margin: 0;
overflow: auto;
}
.tabs-right > .tab-content > .tab-pane {
padding: 0 20px 0 0;
}
.tab-style .nav-tabs {
border-left: 0;
}
.tab-style > .nav-tabs > li > a {
border-radius: 4px;
margin-left: -1px;
margin-bottom: 5px;
color: #ffffff;
}
.tab-style > .nav-tabs > li {
background: rgba(0, 0, 0, .2);
}
.tab-style > .nav-tabs .active > a,
.tab-style > .nav-tabs .active > a:hover,
.tab-style > .nav-tabs .active > a:focus,
.tab-style > .nav-tabs > li > a:hover,
.tab-style > .nav-tabs > li > a:focus {
background: rgba(0, 0, 0, .7);
color: #f7f7f7;
font-weight: normal;
}
.tab-style > .tab-content {
border: 0;
}
.tab-style > .nav-tabs .active > a, .tab-style > .nav-tabs .active > a:hover, .tab-style > .nav-tabs .active > a:focus {
border: 1px solid rgba(0, 0, 0, .2);
}
/* Accordion */
.panel {
border-radius: 0;
-webkit-box-shadow: none;
box-shadow: none;
margin-bottom: 22px;
}
.panel-heading {
padding: 9px 20px;
border: 0 none;
border-radius: 0;
}
.panel-footer {
background-color: #e1e1e1;
border-top: 1px solid #e1e1e1;
-webkit-border-radius: 0;
-moz-border-radius: 0;
border-radius: 0;
padding-left: 20px;
padding-right: 20px;
}
.panel-title {
font-size: 16px;
}
.panel-body {
padding: 10px 20px;
}
.list-group-item {
padding-left: 20px;
padding-right: 20px;
}
.panel-primary {
border-color: #037ac5;
}
.panel-success {
border-color: #738d00;
}
.panel-info {
border-color: #0098ca;
}
.panel-warning {
border-color: #f89406;
}
.panel-default > .panel-heading {
background-color: #f2f2f2;
color: #1e1e1e;
}
.panel-primary > .panel-heading {
/*background-color: #037ac5;*/
background-color: #0F3774;
color: #fff;
}
.panel-success > .panel-heading {
background-color: #738d00;
color: #fff;
}
.panel-info > .panel-heading {
background-color: #0098ca;
color: #fff;
}
.panel-warning > .panel-heading {
background-color: #f89406;
color: #fff;
}
.panel-danger > .panel-heading {
color: #fff;
}
.panel-default {
border-color: #e1e1e1;
}
.panel-default > .panel-heading {
background-color: #e1e1e1;
}
.panel-group {
margin-bottom: 22px;
}
.panel-group .panel {
background-color: inherit;
border: 0 none;
-webkit-border-radius: 0;
-moz-border-radius: 0;
border-radius: 0;
-webkit-box-shadow: none;
box-shadow: none;
}
.panel-group .panel .panel-heading {
background-color: inherit;
padding: 0;
position: relative;
}
.panel-group .panel .panel-heading > .panel-title:before {
content: "\f105";
display: block;
font-family: FontAwesome;
left: 15px;
position: absolute;
top: 8px;
}
.panel-group.no-list .panel .panel-heading > .panel-title:before {
display: none;
left: 0;
}
.panel-group .active.panel .panel-heading > .panel-title {
border-bottom: 1px solid #f2f2f2;
}
.panel-group .panel .panel-heading > .panel-title > a {
color: #1e1e1e;
display: block;
line-height: 22px;
padding: 9px 9px 9px 35px;
text-decoration: none;
-webkit-transition: background-color .2s linear;
transition: background-color .2s linear;
border-bottom: 1px dotted #f2f2f2;
font-weight: 600;
}
.panel-group .active.panel .panel-heading > .panel-title > a,
.panel-group .active.panel .panel-heading > .panel-title > a:hover {
display: block;
padding: 9px 9px 9px 35px;
text-decoration: none;
}
.panel-group.no-list .panel .panel-heading > .panel-title > a,
.panel-group.no-list .panel .panel-heading > .panel-title > a:hover,
.panel-group.no-list .active.panel .panel-heading > .panel-title > a,
.panel-group.no-list .active.panel .panel-heading > .panel-title > a:hover {
padding: 9px 9px 9px 0px;
}
.panel-group .panel .panel-heading > .panel-title > a .livicon,
.panel-group .panel .panel-heading > .panel-title > a i {
margin-right: 10px;
}
.panel-group .panel .panel-heading > .panel-title > a:after {
height: 16px;
margin: 12px 0 0 22px;
width: 2px;
}
.panel-group .active.panel .panel-heading > .panel-title > a:before,
.panel-group .active.panel .panel-heading > .panel-title > a:after {
background: #fff;
}
.panel-group .active.panel .panel-heading > .panel-title > a:after {
display: none;
}
.panel-group .panel-heading + .panel-collapse .panel-body {
border-top: 0 none;
}
.panel-group .panel.e-hidden {
margin: 0;
overflow: hidden;
}
.panel-group .panel-primary .panel-heading > .panel-title > a {
background-color: #037ac5;
color: #fff;
}
.panel-group .panel-primary .panel-heading > .panel-title > a:hover {
background-color: rgba(3, 122, 197, .9);
color: #fff;
}
.panel-group .panel-success .panel-heading > .panel-title > a {
background-color: #738d00;
color: #fff;
}
.panel-group .panel-success .panel-heading > .panel-title > a:hover {
background-color: rgba(115, 141, 0, .9);
}
.panel-group .panel-info .panel-heading > .panel-title > a {
background-color: #0098ca;
color: #fff;
}
.panel-group .panel-info .panel-heading > .panel-title > a:hover {
background-color: rgba(0, 152, 202, .9);
}
.panel-group .panel-warning .panel-heading > .panel-title > a {
background-color: #f89406;
color: #fff;
}
.panel-group .panel-warning .panel-heading > .panel-title > a:hover {
background-color: rgba(248, 148, 6, .9);
}
.panel-group .panel-danger .panel-heading > .panel-title > a {
color: #fff;
}
.panel-group .panel-danger .panel-heading > .panel-title > a:hover {
background-color: rgba(193, 8, 65, .9);
}
.panel-group .panel-primary .panel-heading > .panel-title > a:before,
.panel-group .panel-primary .panel-heading > .panel-title > a:after,
.panel-group .panel-success .panel-heading > .panel-title > a:before,
.panel-group .panel-success .panel-heading > .panel-title > a:after,
.panel-group .panel-info .panel-heading > .panel-title > a:before,
.panel-group .panel-info .panel-heading > .panel-title > a:after,
.panel-group .panel-warning .panel-heading > .panel-title > a:before,
.panel-group .panel-warning .panel-heading > .panel-title > a:after,
.panel-group .panel-danger .panel-heading > .panel-title > a:before,
.panel-group .panel-danger .panel-heading > .panel-title > a:after {
background-color: #fff;
}
.panel-group.one-open .panel.active .panel-heading > .panel-title > a {
cursor: default;
}
.panel-group .panel-body {
padding: 10px 0 10px 1px;
}
.panel.panel-bg .panel-body {
padding-left: 20px;
padding-right: 20px;
}
/* Progress */
.progress {
-webkit-border-radius: 0;
-moz-border-radius: 0;
border-radius: 0;
height: 12px;
}
.home-process h6 {
margin-bottom: 10px;
}
.progress-bar {
font-size: 14px;
background: #1e1e1e;
filter: none;
-webkit-box-shadow: none;
-moz-box-shadow: none;
box-shadow: none;
line-height: 40px;
text-align: left;
text-indent: 10px;
text-shadow: none;
-webkit-transition: background 0.2s linear;
transition: background 0.2s linear;
}
.progress-bar-info {
background-color: #0098ca;
}
.progress-bar-success {
background-color: #738d00;
}
.progress-bar-warning {
background-color: #f89406;
}
.progress-bar.bg-white {
background-color: #ffffff !important;
}
.progress.border-radius {
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
}
.progress[data-appear-progress-animation] .progress-bar {
text-indent: -100%;
}
.progress.hover .progress-bar:hover {
background: #1e1e1e;
}
.progress.hover .progress-bar-info:hover {
background: #0098ca;
}
.progress.hover .progress-bar-success:hover {
background: #738d00;
}
.progress.hover .progress-bar-warning:hover {
background: #c09853;
}
.progress-circular {
position: relative;
text-align: center;
}
.progress-circular > div {
display: inline-block;
vertical-align: top;
}
.progress-circular input.knob {
border: 0 none;
-webkit-box-shadow: none;
-moz-box-shadow: none;
box-shadow: none;
color: #7f7f7f;
font-size: 0;
font-style: italic;
font-weight: normal !important;
}
/* Pagination */
.pagination {
margin: 20px 0;
}
.pagination > li > a,
.pagination > li > span {
background-color: #ccc;
border: 0 none;
-webkit-border-radius: 2px;
-moz-border-radius: 2px;
border-radius: 2px;
color: #fff;
float: left;
font-size: 12px;
font-weight: bold;
line-height: 35px;
margin: 0 5px 0 0;
min-width: 6px;
padding: 0 15px;
text-align: center;
-webkit-transition: all .2s linear;
transition: all .2s linear;
}
.pagination > li > a:hover,
.pagination > li > a:hover {
background-color: #1e1e1e;
color: #fff;
-webkit-transition: all .2s linear;
transition: all .2s linear;
}
.pagination > .active > a,
.pagination > .active > span,
.pagination > .active > span:hover {
background-color: #1e1e1e;
background-color: rgba(30, 30, 30, .7);
color: #fff;
}
.pagination > li:first-child > a,
.pagination > li:first-child > span,
.pagination > li:last-child > a,
.pagination > li:last-child > span {
border-left-width: 0;
-webkit-border-radius: 2px;
-moz-border-radius: 2px;
border-radius: 2px;
font-size: 15px;
font-weight: normal;
}
.pagination > .disabled > span,
.pagination > .disabled > a,
.pagination > .disabled > a:hover,
.pagination > .disabled > a:focus {
background-color: #ccc;
color: #fff;
}
.pagination + .pagination-text {
color: #999;
font-size: 12px;
float: right;
line-height: 24px;
vertical-align: top;
}
.pagination.pagination-lg > li > a,
.pagination.pagination-lg > li > span {
font-size: 16px;
line-height: 28px;
padding: 4px 14px;
}
.pagination.pagination-sm > li > a,
.pagination.pagination-sm > li > span {
font-size: 10px;
line-height: 20px;
padding: 0 7px;
}
.pagination-sm > li:first-child > a,
.pagination-sm > li:first-child > span,
.pagination-lg > li:first-child > a,
.pagination-lg > li:first-child > span {
-webkit-border-top-left-radius: 2px;
-moz-border-radius-topleft: 2px;
border-top-left-radius: 2px;
-webkit-border-bottom-left-radius: 2px;
-moz-border-radius-bottomleft: 2px;
border-bottom-left-radius: 2px;
}
.pagination-sm > li:last-child > a,
.pagination-sm > li:last-child > span,
.pagination-lg > li:last-child > a,
.pagination-lg > li:last-child > span {
-webkit-border-top-right-radius: 2px;
-moz-border-radius-topright: 2px;
border-top-right-radius: 2px;
-webkit-border-bottom-right-radius: 2px;
-moz-border-radius-bottomright: 2px;
border-bottom-right-radius: 2px;
}
/* Icons */
.icon {
background: none;
color: #1e1e1e;
display: inline-block;
font-size: 20px;
height: 32px;
line-height: 32px;
margin: 0 0 4px 0;
text-align: center;
text-decoration: none;
vertical-align: top;
width: 32px;
}
.icon.pull-left {
float: left;
margin-right: 10px;
}
.icon.pull-right {
float: right;
margin-left: 10px;
}
.icon.icon-24 {
font-size: 14px;
height: 24px;
line-height: 24px;
width: 24px;
}
.icon.icon-40 {
font-size: 26px;
height: 40px;
line-height: 40px;
width: 40px;
}
.icon.icon-60 {
font-size: 32px;
height: 60px;
line-height: 60px;
width: 60px;
}
.icon.icon-100 {
font-size: 50px;
height: 100px;
line-height: 100px;
width: 100px;
}
.icon .fa {
width: 100%;
}
.icon.rounded {
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;
}
.icon.circle {
-webkit-border-radius: 50%;
-moz-border-radius: 50%;
border-radius: 50%;
}
.icon.border {
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
border-width: 1px;
}
.sbtnf:before,
.sbtnf:after {
-webkit-box-sizing: content-box;
-moz-box-sizing: content-box;
box-sizing: content-box;
}
/* Frames */
.frame {
border: 1px solid #ccc;
border: 1px solid rgba(0, 0, 0, 0.2);
}
.frame > img {
width: 100%;
}
.frame-padding {
background: #fff;
padding: 4px;
}
.frame-border {
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
}
.frame-shadow {
-moz-box-shadow: 0 0 15px rgba(0, 0, 0, .5);
-webkit-box-shadow: 0 0 15px rgba(0, 0, 0, .5);
box-shadow: 0 0 15px rgba(0, 0, 0, .5);
}
[class*="frame-shadow"] {
background: #fff;
position: relative;
}
.frame-shadow-lifted:before,
.frame-shadow-lifted:after {
bottom: 15px;
-webkit-box-shadow: 0 15px 10px rgba(0, 0, 0, 0.5);
-moz-box-shadow: 0 15px 10px rgba(0, 0, 0, 0.5);
box-shadow: 0 15px 10px rgba(0, 0, 0, 0.5);
content: "";
display: block;
height: 20px;
left: 10px;
position: absolute;
width: 50%;
-webkit-transform: rotate(-3deg);
-moz-transform: rotate(-3deg);
-ms-transform: rotate(-3deg);
-o-transform: rotate(-3deg);
transform: rotate(-3deg);
z-index: -1;
}
.frame-shadow-lifted:after {
right: 10px;
left: auto;
-webkit-transform: rotate(3deg);
-moz-transform: rotate(3deg);
-ms-transform: rotate(3deg);
-o-transform: rotate(3deg);
transform: rotate(3deg);
}
.frame-shadow-perspective:before {
bottom: 5px;
-webkit-box-shadow: -80px 0 8px rgba(0, 0, 0, 0.4);
-moz-box-shadow: -80px 0 8px rgba(0, 0, 0, 0.4);
box-shadow: -80px 0 8px rgba(0, 0, 0, 0.4);
content: "";
height: 35%;
left: 80px;
max-width: 200px;
max-height: 50px;
position: absolute;
width: 50%;
-webkit-transform: skew(50deg);
-moz-transform: skew(50deg);
-ms-transform: skew(50deg);
-o-transform: skew(50deg);
transform: skew(50deg);
-webkit-transform-origin: 0 100%;
-moz-transform-origin: 0 100%;
-ms-transform-origin: 0 100%;
-o-transform-origin: 0 100%;
transform-origin: 0 100%;
z-index: -1;
}
.frame-shadow-curved:before {
-webkit-box-shadow: 0 0 15px rgba(0, 0, 0, 0.6);
-moz-box-shadow: 0 0 15px rgba(0, 0, 0, 0.6);
box-shadow: 0 0 15px rgba(0, 0, 0, 0.6);
-webkit-border-radius: 10px/100px;
-moz-border-radius: 10px/100px;
border-radius: 10px/100px;
bottom: 10px;
content: "";
left: 0;
position: absolute;
right: 0;
top: 10px;
z-index: -1;
}
.frame-shadow-raised {
-webkit-box-shadow: 0 15px 10px -10px rgba(0, 0, 0, 0.5),
0 1px 4px rgba(0, 0, 0, 0.3),
0 0 40px rgba(0, 0, 0, 0.1) inset;
-moz-box-shadow: 0 15px 10px -10px rgba(0, 0, 0, 0.5),
0 1px 4px rgba(0, 0, 0, 0.3),
0 0 40px rgba(0, 0, 0, 0.1) inset;
box-shadow: 0 15px 10px -10px rgba(0, 0, 0, 0.5),
0 1px 4px rgba(0, 0, 0, 0.3),
0 0 40px rgba(0, 0, 0, 0.1) inset;
}
.rotated-box {
-webkit-transform: rotate(-3deg);
-moz-transform: rotate(-3deg);
-ms-transform: rotate(-3deg);
-o-transform: rotate(-3deg);
transform: rotate(-3deg);
}
.rotated-right-box {
-webkit-transform: rotate(3deg);
-moz-transform: rotate(3deg);
-ms-transform: rotate(3deg);
-o-transform: rotate(3deg);
transform: rotate(3deg);
}
/* Modal */
.modal {
border: 1px solid #ccc;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;
-webkit-box-shadow: 0 0 5px rgba(0, 0, 0, .15);
-moz-box-shadow: 0 0 5px rgba(0, 0, 0, .15);
box-shadow: 0 0 5px rgba(0, 0, 0, .15);
}
.modal.modal-center .modal-dialog {
transform: translate(0, 0%) !important;
-ms-transform: translate(0, 0%) !important;
-webkit-transform: translate(0, 0%) !important;
}
.modal .close {
font-size: 26px;
position: absolute;
right: 20px;
top: 20px;
}
.modal .close span {
line-height: 18px;
margin-right: 5px;
margin-top: 0;
text-transform: uppercase;
}
.modal-header {
border: 0 none;
padding: 30px 20px 0;
}
.modal-header .title-box {
margin-bottom: 20px;
}
.modal-header .title-box .title {
margin: 0 0 12px 0;
padding: 0;
}
.modal-body {
padding: 0 20px 20px;
}
.modal-footer {
background-color: #f7f7f7;
border-top: 1px solid #e1e1e1;
-webkit-border-radius: 0 0 3px 3px;
-moz-border-radius: 0 0 3px 3px;
border-radius: 0 0 3px 3px;
-webkit-box-shadow: inset 0 1px 0 #ffffff;
-moz-box-shadow: inset 0 1px 0 #ffffff;
box-shadow: inset 0 1px 0 #ffffff;
padding: 20px;
}
/* Product */
.product-name a {
color: #1e1e1e;
text-decoration: none;
-webkit-transition: opacity .2s linear;
transition: opacity .2s linear;
}
.product-name a:hover {
opacity: 0.8;
filter: alpha(opacity=80);
-webkit-transition: opacity .2s linear;
transition: opacity .2s linear;
}
.product-image {
background: #f2f2f2;
display: inline-block;
line-height: 0;
}
.product-image > img {
width: 100%;
-webkit-transition: opacity 0.2s linear;
transition: opacity 0.2s linear;
}
.product-image:hover > img {
opacity: .9;
filter: alpha(opacity=90);
-webkit-transition: opacity 0.2s linear;
transition: opacity 0.2s linear;
}
.rotation .product-image:hover > img {
opacity: 1;
filter: alpha(opacity=100);
}
.price-old {
color: #7f7f7f;
display: inline-block;
margin-right: 6px;
position: relative;
}
.price-old:before {
background: #f00;
content: "";
display: block;
height: 1px;
left: 50%;
margin: 0 0 0 -23px;
position: absolute;
top: 50%;
-webkit-transform: rotate(330deg);
transform: rotate(330deg);
width: 46px;
}
.sale {
border-top: 56px solid #f89406;
border-right: 56px solid transparent;
display: block;
height: 0;
line-height: 22px;
position: absolute;
width: 0;
z-index: 1;
-webkit-transform: translateZ(0px);
}
.sale:before {
color: #fff;
content: "Sale";
display: block;
font-size: 11px;
font-weight: bold;
margin: -46px 0 0 5px;
position: absolute;
text-transform: uppercase;
-webkit-transform: rotate(315deg);
transform: rotate(315deg);
}
.sale.top {
border-top: 56px solid #738d00;
}
.sale.top:before {
content: "Top";
}
.sale.new {
border-top: 56px solid #ffc400;
}
.sale.new:before {
content: "New";
}
.sale.best {
border-top: 56px solid #0098ca;
}
.sale.best:before {
content: "Best";
}
/* Additional Classes */
.display-t {
display: table;
}
.display-tc {
display: table-cell;
}
.slim {
font-weight: normal;
}
.border-radius {
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
}
.bg {
background-color: #f2f2f2;
}
.border {
border-width: 1px;
}
.width-auto .col-md-1,
.width-auto .col-md-2,
.width-auto .col-md-3,
.width-auto .col-md-4,
.width-auto .col-md-5,
.width-auto .col-md-6,
.width-auto .col-md-7,
.width-auto .col-md-8,
.width-auto .col-md-9,
.width-auto .col-md-10,
.width-auto .col-md-11,
.width-auto .col-md-12 {
float: left;
width: auto;
}
.margin-center {
margin: 0 auto;
}
.top-margin-70 {
margin-top: 95px;
}
.bottom-padding {
margin-bottom: 80px;
}
.top-padding-5 {
padding-top: 5px;
}
.top-padding-10 {
padding-top: 10px;
}
.top-padding-20 {
padding-top: 20px;
}
.top-padding-40 {
padding-top: 40px;
}
.top-padding-80 {
padding-top: 80px;
}
.top-padding-120 {
padding-top: 120px;
}
.top-padding-150 {
padding-top: 150px;
}
.left-padding-10 {
padding-left: 10px;
}
.padding-40 {
padding-top: 40px;
padding-bottom: 40px;
}
.padding-80 {
padding-top: 80px;
padding-bottom: 80px;
}
.padding-20 {
padding-top: 20px;
padding-bottom: 20px;
}
.padding-30 {
padding-top: 30px;
padding-bottom: 30px;
}
.padding-40 {
padding-top: 40px;
padding-bottom: 40px;
}
.padding-60-all {
padding: 60px;
}
.bottom-padding-10 {
padding-bottom: 10px;
}
.bottom-margin-10 {
margin-bottom: 10px;
}
.bottom-padding-20 {
padding-bottom: 20px;
}
.bottom-padding-40 {
padding-bottom: 40px;
}
.bottom-padding-mini {
margin-bottom: 40px;
}
.bottom-padding.last {
margin-bottom: 0;
}
.no-top-padding {
padding-top: 0 !important;
}
.no-pad {
padding: 0;
}
.no-margin {
margin: 0px;
}
.no-bottom-margin {
margin-bottom: 0;
}
.no-top-margin {
top-bottom: 0;
}
.no-bottom-padding {
padding-bottom: 0;
}
.no-top-padding {
padding-top: 0;
}
.col2-set .col-1,
.col2-set .col-2 {
float: left;
width: 48.5%;
}
.col2-set .col-2 {
float: right;
}
/******************************************************************************
TOP SECTION
*******************************************************************************/
#top-box {
width: 100%;
}
#top-box .top-box-wrapper {
background: #1e1e1e;
min-height: 30px;
padding: 5px 0;
}
/* Language/Currency */
.btn-group.btn-select {
color: #7f7f7f;
font-size: 12px;
vertical-align: top;
}
#top-box .btn-group.btn-select {
margin: 3px 0 0 0;
}
#top-box .btn-group.btn-select.language {
margin-right: 6px;
}
.btn-group.btn-select .dropdown-toggle {
background: rgba(255, 255, 255, .1);
border: 1px solid transparent;
-webkit-box-shadow: none;
-moz-box-shadow: none;
box-shadow: none;
color: #7f7f7f;
font-size: 12px;
height: 24px;
line-height: 24px;
padding: 0 7px 3px;
z-index: 2;
}
.btn-group.btn-select.open .btn.dropdown-toggle {
background: #fff;
border: 1px solid #ccc;
border-bottom: 0 none;
-webkit-border-radius: 3px 3px 0 0;
-moz-border-radius: 3px 3px 0 0;
border-radius: 3px 3px 0 0;
-webkit-box-shadow: 0 0 5px rgba(0, 0, 0, .15);
-moz-box-shadow: 0 0 5px rgba(0, 0, 0, .15);
box-shadow: 0 0 5px rgba(0, 0, 0, .15);
color: #7f7f7f;
}
.btn-group.btn-select .btn.dropdown-toggle .caret {
color: #fff;
color: rgba(255, 255, 255, .5);
margin-left: 0;
}
.btn-group.btn-select.open .btn.dropdown-toggle .caret {
color: #777;
}
.btn-group.btn-select.open .btn.dropdown-toggle:after {
background: #fff;
bottom: 0;
content: "";
display: block;
height: 6px;
left: 0px;
margin: 0 0 -6px;
position: absolute;
right: 0;
top: auto;
z-index: 3;
-webkit-animation: fadeIn 0.3s;
animation: fadeIn 0.3s;
}
.btn-group.btn-select .dropdown-menu {
-webkit-border-radius: 0 3px 3px 3px;
-moz-border-radius: 0 3px 3px 3px;
border-radius: 0 3px 3px 3px;
margin: 0;
padding-top: 8px;
z-index: 1;
}
.btn-group.btn-select .dropdown-menu > li > a {
font-size: 12px;
line-height: 22px;
padding: 4px 6px;
}
.btn-group.btn-select .dropdown-menu > li > a:hover {
background: #f2f2f2;
}
.btn-group.btn-select .dropdown-menu > li > a img {
margin: 5px 9px 0 0;
vertical-align: top;
}
.dropdown-menu > li > a i {
font-size: 18px;
margin-right: 10px;
min-width: 18px;
vertical-align: middle;
}
#top-box .btn-group.btn-select .dropdown-toggle {
z-index: 911;
}
#top-box .btn-group.btn-select .dropdown-menu {
z-index: 910;
}
#top-box .btn-group.btn-select.open .btn.dropdown-toggle:after {
z-index: 912;
}
/* Menu */
.navbar {
margin-bottom: 0px;
border: 0px;
}
.top-navbar {
background: none;
border: 0 none;
border-radius: 0;
height: auto;
margin: 0;
min-height: 30px;
}
.top-navbar .collapse {
padding: 0;
}
.top-navbar .nav {
margin-top: -5px;
margin-bottom: -5px;
}
.top-navbar .nav > li a {
font-size: 12px;
line-height: 22px;
padding: 9px 15px 9px;
-webkit-transition: background 0.2s linear,
color 0.2s linear;
transition: background 0.2s linear,
color 0.2s linear;
}
.top-navbar .nav > li a .fa {
font-size: 120%;
margin-right: 4px;
}
.top-navbar .nav > li a .fa.after {
margin-left: 4px;
margin-right: 0;
}
.top-navbar .nav > li a .count {
background: rgba(255, 255, 255, .1);
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;
display: inline-block;
font-size: 110%;
line-height: 1;
margin-left: 4px;
padding: 3px 5px;
-webkit-transition: background 0.2s linear;
transition: background 0.2s linear;
}
.top-navbar .nav > li:hover a .count {
background: rgba(0, 0, 0, .1);
-webkit-transition: background 0.2s linear;
transition: background 0.2s linear;
}
.top-navbar .nav > li:hover > a,
.top-navbar .nav > li > a:hover {
background: #ffffff;
color: #1e1e1e;
-webkit-transition: background 0.2s linear,
color 0.2s linear;
transition: background 0.2s linear,
color 0.2s linear;
}
/* Social Icons */
.top-social {
margin: 0;
}
.top-social .icon-item {
color: #fff;
color: rgba(255, 255, 255, .3);
display: inline-block;
height: 30px;
line-height: 30px;
margin-left: 1px;
margin-right: 1px;
position: relative;
text-align: center;
-webkit-transition: color 0.2s linear;
transition: color 0.2s linear;
vertical-align: top;
width: 30px;
}
.top-social .icon-item i {
bottom: 0;
left: 0;
line-height: 30px;
position: absolute;
right: 0;
top: 0;
}
.top-social .icon-item i:before {
text-shadow: 1px 1px 1px rgba(0, 0, 0, .1);
}
.top-social .icon-item:hover {
color: #fff;
-webkit-transition: color 0.2s linear;
transition: color 0.2s linear;
}
.top-social .icon-item:hover i:before {
text-shadow: none;
}
.top-social.bg-social .icon-item {
background: #fff;
-webkit-border-radius: 3px;
border-radius: 3px;
color: #fff;
}
.top-social.bg-social .icon-item:hover {
opacity: 1;
filter: alpha(opacity=100);
}
.top-social.bg-social .icon-item i {
-webkit-border-radius: 2px;
border-radius: 2px;
opacity: .7;
filter: alpha(opacity=70);
-webkit-transition: opacity .2s linear;
transition: opacity .2s linear;
}
.top-social.bg-social .icon-item:hover i {
opacity: 1;
filter: alpha(opacity=100);
-webkit-transition: opacity .2s linear;
transition: opacity .2s linear;
}
.top-social.bg-social .icon-item i:before {
text-shadow: none;
}
.top-social.bg-social .icon-item .fa-facebook {
background: #3b5998;
}
.top-social.bg-social .icon-item .fa-twitter {
background: #00bdec;
}
.top-social.bg-social .icon-item .fa-google-plus {
background: #d94a39;
}
.top-social.bg-social .icon-item .fa-linkedin {
background: #1b92bd;
}
/* Search */
.top-search {
margin: 0 0 0 auto;
max-width: 300px;
position: relative;
}
.top-search .form-control {
background: rgba(255, 255, 255, .1);
border: 1px solid #e1e1e1;
border: 1px solid rgba(255, 255, 255, .2);
-webkit-box-shadow: none;
-moz-box-shadow: none;
box-shadow: none;
color: #fff;
height: 30px;
line-height: 14px;
margin: 0;
min-height: 30px;
padding-top: 4px;
padding-bottom: 4px;
}
.top-search .form-control:focus {
border-color: rgba(255, 255, 255, .7);
}
.top-search .form-control::-moz-placeholder {
color: #fff;
color: rgba(255, 255, 255, .3);
}
.top-search .form-control:-ms-input-placeholder {
color: #fff;
color: rgba(255, 255, 255, .3);
}
.top-search .form-control::-webkit-input-placeholder {
color: #fff;
color: rgba(255, 255, 255, .3);
}
.top-search .search-submit {
background: none;
height: 30px;
opacity: .5;
filter: alpha(opacity=50);
padding: 6px 0 0;
position: absolute;
right: 0;
top: 0;
-webkit-transition: opacity .2s linear;
transition: opacity .2s linear;
width: 30px;
}
.top-search .search-submit:hover {
opacity: .7;
filter: alpha(opacity=70);
-webkit-transition: opacity .2s linear;
transition: opacity .2s linear;
}
/* Info */
.top-info {
color: #fff;
font-size: 13px;
padding: 5px 0;
}
.top-info a {
color: #fff;
color: rgba(255, 255, 255, .8);
-webkit-transition: color .2s linear;
transition: color .2s linear;
}
.top-info a:hover {
color: #fff;
text-decoration: none;
-webkit-transition: color .2s linear;
transition: color .2s linear;
}
.top-info .separator {
color: rgba(255, 255, 255, .4);
vertical-align: top;
}
/******************************************************************************
HEADER SECITON
*******************************************************************************/
/* Header */
.header {
/*width: 100%;*/
}
.header-wrapper {
background: rgba(255, 255, 255, .97);
min-height: 100px;
padding: 0px 0;
z-index: 999;
}
.header .container {
position: relative;
}
.container-border {
border-left: 3px solid rgba(192, 192, 192, 0.2);
border-right: 3px solid rgba(192, 192, 192, 0.2);
}
.header .logo-box {
display: table;
table-layout: fixed;
}
.header .logo {
display: table-cell;
height: 100px;
max-width: 100%;
vertical-align: middle;
}
.header .logo a {
display: inline-block;
max-width: 100%;
}
.header .logo img,
.header .logo .logo-img {
max-height: 130px;
}
.header .logo-box.auto-height {
display: block;
height: 100px;
}
.header .logo-box.auto-height .logo {
display: block;
}
.header .logo-box.auto-height img {
max-height: inherit;
}
.header .site-description {
color: #bbb;
font-size: 9px;
line-height: 1.3;
}
/* Fixed Header */
.fixed-header {
margin-top: 0;
}
.fixed-header .header {
left: 0;
margin: 0;
position: fixed;
right: 0;
top: 0;
z-index: 870;
-webkit-backface-visibility: hidden;
-webkit-transform: translateZ(0);
width: auto;
}
.fixed-header.loaded .header {
-webkit-transition: margin-top 0.2s linear;
transition: margin-top 0.2s linear;
}
.fixed-header .header-wrapper {
background: #fff;
-webkit-transition: background 0.2s linear;
transition: background 0.2s linear;
}
.transparent,
.transparent .header-wrapper,
.transparent.dark-version .header-wrapper,
.transparent.dark-section .header-wrapper {
background: none;
}
.transparent-half-white,
.transparent-half-white .header-wrapper,
.transparent-half-white.dark-version .header-wrapper,
.transparent-half-white.dark-section .header-wrapper {
background: rgba(255, 255, 255, .5);
}
.transparent-half-black,
.transparent-half-black .header-wrapper,
.transparent-half-black.dark-version .header-wrapper,
.transparent-half-black.dark-section .header-wrapper {
background: rgba(0, 0, 0, .5);
}
.fixed-header.background-opacity .header-wrapper {
background: rgba(255, 255, 255, 0.77);
-webkit-transition: background 0.2s linear;
transition: background 0.2s linear;
}
.hidden-top.visible-top .header-wrapper:only-child,
.fixed-header.fixed .header-wrapper:only-child,
.fixed-header .header-wrapper:only-child {
-webkit-box-shadow: 0 0 5px rgba(0, 0, 0, .15);
-moz-box-shadow: 0 0 5px rgba(0, 0, 0, .15);
box-shadow: 0 0 5px rgba(0, 0, 0, .15);
}
.hide-shadow.hidden-top.visible-top .header-wrapper:only-child,
.hide-shadow.fixed-header.fixed .header-wrapper:only-child,
.hide-shadow.fixed-header .header-wrapper:only-child {
-webkit-box-shadow: none;
-moz-box-shadow: none;
box-shadow: none;
}
/* Hidden Top Bar */
.hidden-top #top-box {
left: 0;
margin-top: -38px;
position: fixed;
top: 0;
z-index: 910;
}
.hidden-top.loaded #top-box {
-webkit-transition: margin-top 0.2s linear;
transition: margin-top 0.2s linear;
}
.hidden-top.visible-top #top-box {
margin-top: 0;
-webkit-transition: margin-top 0.2s linear;
transition: margin-top 0.2s linear;
}
.hidden-top.loaded .page-box,
.hidden-top.visible-top.loaded .page-box {
-webkit-transition: padding-top 0.2s linear;
transition: padding-top 0.2s linear;
}
.hidden-top .page-box {
padding-top: 8px;
}
.hidden-top.visible-top .page-box {
padding-top: 40px;
}
/* Fixed Header/Hidden Top Bar */
.fixed-header.hidden-top .page-box {
padding-top: 72px;
}
.home.fixed-header.hidden-top .page-box {
padding-top: 0px;
}
.fixed-header.hidden-top.fixed .page-box {
padding-top: 104px;
}
.fixed-header.hidden-top.fixed #top-box,
.fixed-header.hidden-top.visible-top.fixed #top-box {
margin-top: -40px;
-webkit-transition: margin-top 0.2s linear;
transition: margin-top 0.2s linear;
}
.fixed-header.hidden-top .header {
margin-top: 0px;
top: 0;
}
.fixed-header.hidden-top.visible-top .header {
margin-top: 40px;
}
.fixed-header.hidden-top.fixed .header {
margin-top: 0;
-webkit-transition: margin-top 0.2s linear;
transition: margin-top 0.2s linear;
}
/* Fixed Top Bar */
.fixed-header.fixed-top #top-box {
left: 0;
margin: 0;
position: fixed;
right: 0;
top: 0;
z-index: 871;
}
.fixed-header.fixed-top .header {
top: 40px;
}
.fixed-header.fixed-top .page-box {
padding-top: 144px;
}
.header .right-box {
display: table;
}
.header .right-box-wrapper {
display: table-cell;
height: 70px;
vertical-align: middle;
padding-right: 15px;
}
.fixed-header.fixed-top.boxed #top-box {
position: absolute;
}
/* Fixed Double Header */
.fixed-double-header .header {
margin-bottom: 120px;
}
.fixed-double-header .header .header-wrapper + .header-wrapper {
margin: 0;
position: relative;
/*width: 100%;*/
}
/* Primary Menu */
.header .primary {
float: left;
z-index: 900;
}
.header .primary .navbar {
background: none;
border: 0 none;
margin: 0;
min-height: 44px;
position: inherit;
}
.header .primary .navbar .navbar-collapse {
padding: 0;
position: relative;
}
.header .primary .navbar .nav {
margin: 0;
position: inherit;
}
.header .primary .navbar .nav > li {
padding: 0px 0px 0;
position: relative;
}
.header-eight.header .primary .navbar .nav > li.parent {
border-left: 1px solid rgba(0, 0, 0, .1);
border-bottom: 3px solid transparent;
}
.header-eight.header .primary .navbar .nav > li.parent:hover {
border-left: 1px solid rgba(0, 0, 0, .1) !important;
border-bottom: 3px solid;
}
.header-eight.header .primary .navbar .nav > li:last-child {
border-right: 1px solid rgba(0, 0, 0, .1) !important;
border-bottom: 3px solid transparent;
}
.header .primary .navbar .nav > li > a,
.header .primary .navbar .nav > li > a:visited {
background: none;
border: 1px solid #fff;
border: 1px solid transparent;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;
/*color: #1e1e1e;*/
color: #324D80;
font-size: 13px;
font-family: Tahoma, Lucida Grande, sans-serif;
letter-spacing: 2px;
padding: 24px 13px;
position: static;
text-shadow: none;
-webkit-transition: all 0.2s linear;
transition: all 0.2s linear;
z-index: 901;
}
.header .primary .navbar .nav a > i {
margin-right: 2px;
opacity: .8;
filter: alpha(opacity=80);
text-align: center;
width: 15px;
}
.header .primary .navbar .nav a .item-new {
background: #ff0068;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;
color: #fff;
font-size: 11px;
line-height: 1;
letter-spacing: 0.01em;
padding: 4px 10px;
position: absolute;
right: 19px;
top: 1px;
text-transform: uppercase;
}
.header .primary .navbar .nav .megamenu a .item-new {
right: 14px;
top: -12px;
}
.header .primary .navbar .nav a .item-new .before,
.header .primary .navbar .nav a .item-new:before {
border: 5px solid transparent;
border-right-color: #ff0068;
bottom: -5px;
content: "";
display: block;
position: absolute;
right: 0;
}
.header .primary .navbar .nav a .item-new.bg-info .before,
.header .primary .navbar .nav a .item-new.bg-info:before {
border-right-color: #0098ca;
}
.header .primary .navbar .nav a .item-new.bg-success .before,
.header .primary .navbar .nav a .item-new.bg-success:before {
border-right-color: #738d00;
}
.header .primary .navbar .nav a .item-new.bg-primary .before,
.header .primary .navbar .nav a .item-new.bg-primary:before {
border-right-color: #428bca;
}
.header .primary .navbar .nav a .item-new.bg-warning .before,
.header .primary .navbar .nav a .item-new.bg-warning:before {
border-right-color: #f89406;
}
.header .primary .navbar .nav a .item-new.bg-danger .before,
.header .primary .navbar .nav a .item-new.bg-danger:before {
border-right-color: #ffc400;
}
.header .primary .navbar .nav .sub .item-new,
.header .primary .navbar .nav .megamenu .sub a .item-new {
float: right;
left: 0;
margin: 2px 0 0 10px;
position: relative;
top: 0;
}
.header .primary .navbar .nav .megamenu .sub a .item-new {
float: none;
}
.header .primary .navbar .nav .sub .item-new .before,
.header .primary .navbar .nav .sub .item-new:before {
display: none;
}
.header .primary .navbar .nav > li:hover > a {
background: transparent;
-webkit-transition: all 0.2s linear;
transition: all 0.2s linear;
}
.header .primary .navbar .nav .parent {
position: relative;
}
.header .primary .navbar .nav > li.parent:hover > a {
background: transparent;
}
.header .primary .navbar .nav > li.parent > a:after {
background: transparent;
bottom: 0;
content: "";
display: none;
height: 12px;
left: 4px;
margin: 0 0 0px 0;
position: absolute;
right: 4px;
-webkit-transition: background 0.5s linear;
transition: background 0.5s linear;
z-index: 906;
}
.header .primary .navbar .nav > li.parent:hover > a:after {
background: transparent;
display: block;
-webkit-transition: background 0.1s linear;
transition: background 0.1s linear;
}
.header .primary .navbar .nav > li.parent.megamenu:hover > a:after {
left: 0;
right: 0;
}
.header .primary .sub {
background: #fff;
-webkit-border-radius: 0 3px 3px 3px;
-moz-border-radius: 0 3px 3px 3px;
border-radius: 0 3px 3px 3px;
border-top: 3px solid;
display: none;
font-size: 13px;
line-height: 24px;
margin: -2px 0px 0 0;
padding: 5px 0px;
position: absolute;
z-index: 905;
box-shadow: 0 3px 6px rgba(0, 0, 0, 0.176);
}
.header.header-eight .primary .sub {
margin: 0px 0px 0 0;
}
.header .primary .sub li {
font-size: 13px;
line-height: 24px;
}
.header .primary .sub li a {
padding: 2px 15px;
}
.header .primary .parent:hover > .sub {
display: block;
-webkit-animation: fadeIn 0.4s;
animation: fadeIn 0.4s;
}
.header .primary .sub a,
.header .primary .sub a:visited {
color: #1e1e1e;
display: block;
text-decoration: none;
width: 175px;
-webkit-transition: opacity .2s linear;
transition: opacity .2s linear;
}
.header .primary .sub a:hover {
filter: alpha(opacity=60);
-webkit-transition: opacity .2s linear;
transition: opacity .2s linear;
padding-left: 20px;
}
.header .primary .sub .sub {
left: 100%;
top: -6px;
}
.header .primary .sub .sub.left {
left: -100%;
top: -6px;
}
.header .primary .navbar .nav .parent .parent > a:after {
content: "\f105";
font-family: FontAwesome;
font-style: normal;
font-weight: normal;
display: block;
line-height: 1;
position: absolute;
right: 15px;
top: 8px;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}
.header .primary .navbar .nav .parent.megamenu {
overflow: hidden;
position: static;
}
.header .primary .navbar .nav .parent.megamenu > a {
position: relative;
}
.header .primary .megamenu > .sub {
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;
left: 0;
padding: 0;
width: 100%;
z-index: 900;
}
.header .primary .megamenu > .sub .sub-wrapper {
display: table;
width: 100%;
}
.header .primary .megamenu > .sub .promo-block {
border-right: 1px solid #ccc;
display: table-cell;
font-size: 12px;
line-height: 18px;
position: relative;
text-align: center;
vertical-align: middle;
width: 34%;
}
.header .primary .megamenu > .sub .sub-list + .promo-block {
border-left: 1px solid #ccc;
border-right: 0 none;
}
.header .primary .megamenu > .sub .sub-list {
display: table-cell;
padding: 20px 5px;
vertical-align: top;
width: 100%;
}
.header .primary .megamenu.promo > .sub .sub-list {
width: 66%;
}
.header .primary .megamenu > .sub .box {
float: left;
padding: 0 0px 0px;
width: 33%;
}
.header .primary .megamenu > .sub .box:nth-child(3n+1),
.header .primary .megamenu.promo > .sub .box:nth-child(2n+1) {
clear: left;
}
.header .primary .megamenu.promo > .sub .box {
clear: none;
}
.header .primary .megamenu.promo > .sub .box {
width: 50%;
}
/* Four columns */
.header .primary .megamenu.four-columns > .sub .box {
clear: none;
}
.header .primary .megamenu.four-columns > .sub .box:nth-child(4n+1),
.header .primary .megamenu.promo.four-columns > .sub .box:nth-child(3n+1) {
clear: left;
}
.header .primary .megamenu.promo.four-columns > .sub .box {
clear: none;
}
.header .primary .megamenu.four-columns > .sub .promo-block,
.header .primary .megamenu.four-columns > .sub .box {
width: 25%;
}
.header .primary .megamenu.four-columns > .sub .sub-list {
width: 75%;
}
.header .primary .megamenu.promo.four-columns > .sub .box {
width: 33%;
}
/* Five columns */
.header .primary .megamenu.five-columns > .sub .box {
clear: none;
}
.header .primary .megamenu.five-columns > .sub .box:nth-child(5n+1),
.header .primary .megamenu.promo.five-columns > .sub .box:nth-child(4n+1) {
clear: left;
}
.header .primary .megamenu.promo.five-columns > .sub .box {
clear: none;
}
.header .primary .megamenu.five-columns > .sub .promo-block,
.header .primary .megamenu.five-columns > .sub .box {
width: 20%;
}
.header .primary .megamenu.five-columns > .sub .sub-list {
width: 80%;
}
.header .primary .megamenu.promo.five-columns > .sub .box {
width: 25%;
}
.header .primary .megamenu .title {
font-size: 13px;
line-height: 23px;
margin: 0 15px 5px;
padding-bottom: 10px;
text-transform: uppercase;
}
.header .primary .megamenu .box .title:nth-of-type(even) {
margin: 10px 15px 0px;
}
.header .primary .megamenu > .sub a {
width: 100%;
}
.header .primary .sub .sub .sub .sub {
background: none;
border: 0 none;
-webkit-box-shadow: none;
-moz-box-shadow: none;
box-shadow: none;
display: block;
left: 0;
padding: 0;
position: relative;
-webkit-animation: fadeIn 0;
animation: fadeIn 0;
}
.header .primary .sub .sub .sub .parent > a {
background: none !important;
}
/* Menu Color */
.header .primary .navbar .nav > li.text-primary > a {
color: #428bca;
}
.header .primary .navbar .nav > li.text-success > a {
color: #738d00;
}
.header .primary .navbar .nav > li.text-info > a {
color: #0098ca;
}
.header .primary .navbar .nav > li.text-warning > a {
color: #f89406;
}
.header .primary .navbar .nav > li[class*="item-"]:hover > a,
.header .primary [class*="item-"] .sub {
-webkit-box-shadow: none;
-moz-box-shadow: none;
box-shadow: none;
}
.header .primary .navbar .nav > li.parent.item-bg:hover > a:after {
display: none;
}
.header .primary .navbar .nav > li.item-primary:hover > a,
.header .primary .item-primary .sub,
.header .primary .item-primary.megamenu > .sub .promo-block {
border-color: #428bca;
}
.header .primary .navbar .nav > li.item-success:hover > a,
.header .primary .item-success .sub,
.header .primary .item-success.megamenu > .sub .promo-block {
border-color: #738d00;
}
.header .primary .navbar .nav > li.item-info:hover > a,
.header .primary .item-info .sub,
.header .primary .item-info.megamenu > .sub .promo-block {
border-color: #0098ca;
}
.header .primary .navbar .nav > li.item-warning:hover > a,
.header .primary .item-warning .sub,
.header .primary .item-warning.megamenu > .sub .promo-block {
border-color: #f89406;
}
.header .primary .navbar .nav > li.item-bg:hover a,
.header .primary .navbar .nav > li.item-bg .sub a {
color: #fff;
}
.header .primary .navbar .nav > li.item-primary.item-bg:hover > a,
.header .primary .item-primary.item-bg .sub,
.header .primary .item-primary.item-bg.parent .sub,
.header .primary .item-primary.item-bg.parent:hover > .sub {
background: #428bca;
}
.header .primary .navbar .nav > li.item-success.item-bg:hover > a,
.header .primary .item-success.item-bg .sub,
.header .primary .item-success.item-bg.parent .sub,
.header .primary .item-success.item-bg.parent:hover > .sub {
background: #738d00;
}
.header .primary .navbar .nav > li.item-info.item-bg:hover > a,
.header .primary .item-info.item-bg .sub,
.header .primary .item-info.item-bg.parent .sub,
.header .primary .item-info.item-bg.parent:hover > .sub {
background: #0098ca;
}
.header .primary .navbar .nav > li.item-warning.item-bg:hover > a,
.header .primary .item-warning.item-bg .sub,
.header .primary .item-warning.item-bg.parent .sub,
.header .primary .item-warning.item-bg.parent:hover > .sub {
background: #f89406;
}
.header .primary .navbar .nav > li.item-inverse > a {
color: #fff;
}
.header .primary .navbar .nav > li.item-primary.item-inverse > a {
background: #428bca;
}
.header .primary .navbar .nav > li.item-success.item-inverse > a {
background: #738d00;
}
.header .primary .navbar .nav > li.item-info.item-inverse > a {
background: #0098ca;
}
.header .primary .navbar .nav > li.item-warning.item-inverse > a {
background: #f89406;
}
.header .primary .navbar .nav > li.item-inverse:hover > a {
background: #fff;
color: #1e1e1e;
}
.header .header-icons {
float: right;
margin: 15px -10px 0px 0;
text-align: right;
}
.header .header-icons i {
color: #1e1e1e;
}
/* Cart */
.header .cart-header {
display: inline-block;
font-size: 12px;
margin: 0 8px 0 0;
white-space: normal;
}
.header .cart-header .count {
border-radius: 100%;
color: #fff;
padding: 2px 5px;
}
.header .cart-header .total-count {
font-size: 30px;
float: left;
line-height: 1.2;
}
.header .cart-header.no-open {
opacity: 0;
filter: alpha(opacity=0);
}
.header .cart-header .dropdown-toggle {
border-color: #fff;
border-color: transparent;
border-bottom: 0 none;
color: #1e1e1e;
display: block;
line-height: 22px;
outline: none;
padding: 5px 8px 12px;
position: relative;
text-decoration: none;
text-shadow: none;
z-index: 891;
}
.header .cart-header .dropdown-toggle .icon {
display: inline-block;
height: 22px;
margin: 0 8px 0 0;
vertical-align: top;
width: 16px;
}
.header .cart-header .dropdown-toggle .icon svg {
margin-top: 2px;
vertical-align: top;
}
.header .cart-header.open .dropdown-toggle {
background: #fff;
border-color: #ccc;
border-bottom: 0 none;
}
.header .cart-header.open .dropdown-toggle:after {
background: #fff;
bottom: 0;
content: "";
display: block;
height: 8px;
left: -3px;
margin: 0 0 -5px 0;
position: absolute;
right: 0;
}
.header .cart-header .dropdown-menu {
left: auto;
margin: 6px 0 0 0;
padding: 17px 20px 20px;
right: 0;
text-align: left;
width: 300px;
-webkit-animation: fadeIn 0.4s;
animation: fadeIn 0.4s;
z-index: 890;
border-top: 3px solid;
}
.header .cart-header .dropdown-menu .close-box {
line-height: 12px;
margin: 0 0 13px;
text-align: right;
}
.header .cart-header .dropdown-menu .close {
font-size: 26px;
line-height: 12px;
text-transform: uppercase;
vertical-align: top;
}
.header .cart-header .dropdown-menu .close span {
line-height: 14px;
margin: 0 5px 0 0;
}
.header .cart-header .dropdown-menu > strong {
font-size: 13px;
line-height: 22px;
text-transform: uppercase;
}
.header .cart-header .dropdown-menu > ul {
margin: 0 0 20px;
}
.header .cart-header .dropdown-menu > ul li {
border-bottom: 1px solid #e1e1e1;
padding: 24px 20px 24px 0;
position: relative;
}
.header .cart-header .dropdown-menu .product-image {
display: block;
float: left;
margin: 0 15px 0 0;
width: 70px;
}
.header .cart-header .dropdown-menu .product-remove {
margin: 0 0 0 5px;
position: absolute;
right: 0;
top: 24px;
}
.header .cart-header .dropdown-menu .product-name {
font-size: 12px;
font-weight: normal;
line-height: 18px;
margin: 0 0 10px;
padding-left: 85px;
}
.header .cart-header .dropdown-menu .product-price {
font-size: 12px;
line-height: 16px;
padding-left: 85px;
}
.header .cart-header .dropdown-menu .product-price .price {
font-size: 16px;
}
.header .cart-header .dropdown-menu .cart-button {
text-align: right;
}
.header .cart-header .dropdown-menu .cart-button .btn {
text-align: right;
}
.header .cart-header .dropdown-menu .cart-button .total-count {
text-align: left;
}
.header .cart-header .dropdown-menu .cart-button .checkout {
margin-left: 6px;
}
/* Phone & Search Header */
.phone-header i {
font-size: 22px;
}
.phone-header,
.search-header,
.share-header {
color: #1e1e1e;
display: inline-block;
height: 30px;
margin: 5px 0 0 0;
position: relative;
text-align: center;
vertical-align: top;
width: 31px;
-webkit-border-radius: 50px;
-moz-border-radius: 50px;
border-radius: 50px;
}
.phone-header {
margin: 7px 0 0 0;
}
.phone-header:last-child,
.search-header:last-child {
}
.phone-header a,
.search-header a,
.share-header a {
display: block;
height: 23px;
padding-top: 2px;
width: 100%;
}
.phone-header a svg,
.search-header a svg {
overflow: visible;
opacity: 1;
filter: alpha(opacity=100);
-webkit-transition: all .3s linear;
transition: all .3s linear;
-webkit-transform: translateZ(0px);
}
.phone-header a:hover svg,
.search-header a:hover svg {
opacity: .5;
filter: alpha(opacity=50);
-webkit-transition: all .3s linear;
transition: all .3s linear;
}
/* Phone & Search Active Header */
.phone-active,
.search-active,
.share-active {
bottom: 0;
display: none;
margin: 0px 0;
overflow: hidden;
position: absolute;
right: 0;
top: 0;
z-index: 920;
width: 100%;
}
.phone-active {
font-size: 38px;
line-height: 65px;
}
.share-active {
color: #ebebeb;
font-size: 17px;
line-height: 70px;
}
.share-active i {
margin-right: 15px;
color: #333333;
}
.phone-active .close,
.search-active .close,
.share-active .close {
float: right;
font-size: 26px;
margin: 28px 0 0 5px;
}
.phone-active .close span,
.search-active .close span,
.share-active .close span {
line-height: 18px;
margin-right: 5px;
margin-top: 0;
text-transform: uppercase;
}
.phone-active strong,
.share-active strong {
color: #1e1e1e;
letter-spacing: 1px;
}
.search-active .close {
position: absolute;
right: 79px;
z-index: 1;
}
.header .search-form {
height: 100%;
margin: 0;
position: relative;
width: 100%;
}
.header .search-form .search-string,
.header .search-form .search-string:hover {
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
-webkit-box-shadow: none;
-moz-box-shadow: none;
box-shadow: none;
color: #1e1e1e;
font-size: 24px;
height: 100%;
line-height: 30px;
margin: 0;
padding: 14px 135px 14px 18px;
width: 100%;
}
.header .search-form .search-string {
border: 0;
}
.header .search-form .search-string:focus {
border-color: #ccc;
outline: 0;
outline: thin dotted \9;
-webkit-box-shadow: none;
-moz-box-shadow: none;
box-shadow: none;
}
.header .search-form .search-submit {
background: none;
border-left-width: 1px;
height: 24px;
line-height: 1;
margin: 0;
outline: none;
padding: 0;
position: absolute;
right: 1px;
top: 25px;
width: 46px;
-webkit-transition: all .3s linear;
transition: all .3s linear;
}
.header .search-form .search-submit svg {
margin-top: 2px;
}
.header .search-form .search-submit svg path {
fill: #1e1e1e;
}
.header .search-form .search-submit:hover {
opacity: .5;
filter: alpha(opacity=50);
-webkit-transition: all .3s linear;
transition: all .3s linear;
}
.top-search-open .navbar-header,
.top-search-open .right-box-wrapper {
opacity: 0;
}
.header.header-three {
background: rgba(255, 255, 255, .9);
}
.header.header-three,
.header.header-three .row,
.header.header-three .container {
min-height: inherit;
}
.header.header-three .logo-box {
text-align: center;
}
.header .right-box .search-form {
height: 64px;
}
.header .right-box .search-form .search-string {
padding-right: 64px;
}
.header .header-wrapper + .header-wrapper {
border-bottom: 1px solid #e1e1e1;
border-top: 1px solid #e1e1e1;
min-height: 130px;
padding: 0;
}
.header .header-wrapper + .header-wrapper .right-box-wrapper {
border-left: 1px solid #e1e1e1;
border-right: 1px solid #e1e1e1;
height: 130px;
}
.header .header-wrapper + .header-wrapper .cart-header {
margin-right: -1px;
}
.header .header-wrapper + .header-wrapper .phone-active {
left: 16px;
margin: 20px 0;
right: 16px;
width: auto;
}
.header .header-wrapper + .header-wrapper .primary .megamenu > .sub {
left: -1px;
margin-left: 0;
}
.header-social {
display: table;
height: 71px;
}
.header-social a {
vertical-align: middle;
}
.header-social .mistbtn {
font-size: 12px;
}
/******************************************************************************
Top Fixed Box
*******************************************************************************/
.top-fixed-box {
background: #fff;
background: rgba(255, 255, 255, .97);
-webkit-box-shadow: 0 0 5px rgba(0, 0, 0, .15);
-moz-box-shadow: 0 0 5px rgba(0, 0, 0, .15);
box-shadow: 0 0 5px rgba(0, 0, 0, .15);
border: 1px solid #e1e1e1;
border: 1px solid rgba(0, 0, 0, .1);
left: 0;
margin-top: -60px;
padding: 7px 0;
position: fixed;
top: 0;
width: 100%;
z-index: 999;
-webkit-transition: margin-top .3s linear;
transition: margin-top .3s linear;
-webkit-backface-visibility: hidden;
-webkit-transform: translateZ(0);
}
.top-fixed-box.fixed {
margin-top: 0;
-webkit-transition: margin-top .3s linear;
transition: margin-top .3s linear;
}
.top-fixed-box .social {
display: inline-block;
margin: 0 6px;
vertical-align: top;
}
.top-fixed-box .contact-box {
color: #7f7f7f;
font-size: 12px;
margin-top: 11px;
}
.top-fixed-box .contact-box .phone {
margin-right: 20px;
}
.top-fixed-box .contact-box .fa {
font-size: 14px;
margin-right: 3px;
}
.top-fixed-box .contact-box .phone .fa {
font-size: 20px;
line-height: 17px;
vertical-align: top;
}
/******************************************************************************
Minimized Menu
*******************************************************************************/
.fixed-header .minimized-menu {
-webkit-backface-visibility: inherit;
-webkit-transform: inherit;
}
.minimized-menu .right-box {
float: right;
width: 50%;
}
.minimized-menu .right-box-wrapper {
text-align: right;
}
.minimized-menu .primary {
display: inline-block;
float: none;
margin: 0 0 0 -4px;
text-align: left;
vertical-align: top;
z-index: inherit;
}
.minimized-menu .primary .navbar {
margin: 0;
min-height: inherit;
position: static;
}
.minimized-menu .primary .navbar .btn-navbar {
background: #fff;
border: 1px solid #ccc;
border-bottom: 0 none;
-webkit-border-radius: 3px 3px 0 0;
-moz-border-radius: 3px 3px 0 0;
border-radius: 3px 3px 0 0;
-webkit-box-shadow: none;
-moz-box-shadow: none;
box-shadow: none;
display: block;
float: left;
height: 46px;
line-height: 15px;
margin: 0;
padding: 10px 15px;
position: relative;
text-shadow: none;
z-index: 920;
}
.minimized-menu .primary .navbar .btn-navbar:before {
border-left: 1px solid #ccc;
border-left: 1px solid rgba(204, 204, 204, .8);
bottom: 8px;
content: "";
display: none;
left: -1px;
position: absolute;
top: 7px;
}
.minimized-menu .primary .navbar .btn-navbar.collapsed:before {
display: block;
}
.minimized-menu .primary .navbar .btn-navbar.collapsed {
background: none;
border: 1px solid transparent;
border-bottom: 0 none;
}
.minimized-menu .primary .navbar .btn-navbar .text {
color: #1e1e1e;
float: right;
line-height: 16px;
padding: 0 0 0 30px;
}
.minimized-menu .primary .navbar .btn-navbar .icon-bar {
background: #1e1e1e;
-webkit-box-shadow: none;
-moz-box-shadow: none;
box-shadow: none;
-webkit-border-radius: 0;
-moz-border-radius: 0;
border-radius: 0;
height: 3px;
margin: 0;
width: 22px;
}
.minimized-menu .primary .navbar .btn-navbar .icon-bar + .icon-bar {
margin-top: 3px;
}
.minimized-menu .primary .navbar-collapse.collapse {
display: none !important;
}
.minimized-menu .primary .navbar-collapse.collapse.in {
display: block !important;
}
.minimized-menu .primary .navbar .navbar-collapse {
border: 0 none;
box-shadow: none;
left: auto;
margin: 22px 0 0;
max-height: inherit;
overflow: hidden !important;
padding: 0 15px;
position: absolute;
right: 0;
top: 50%;
width: 200%;
z-index: 919;
}
.minimized-menu .primary .navbar .nav {
background: #fff;
border: 1px solid #ccc;
-webkit-border-radius: 3px 0 3px 3px;
-moz-border-radius: 3px 0 3px 3px;
border-radius: 3px 0 3px 3px;
float: none;
padding: 6px 6px 3px;
}
.minimized-menu .primary .navbar .nav > li {
float: none;
margin: 0 0 3px;
padding: 0;
}
.minimized-menu .primary .navbar .nav > li > a,
.minimized-menu .primary .navbar .nav > li > a:visited {
background: #f2f2f2;
border: 1px solid #f2f2f2;
-webkit-border-radius: 0;
-moz-border-radius: 0;
border-radius: 0;
font-weight: normal;
margin: 0;
padding: 7px 9px 7px 59px;
text-decoration: none;
}
.minimized-menu .primary .navbar .nav > li > a:hover,
.minimized-menu .primary .navbar .nav > li:hover > a {
background: #e9e9e9;
border: 1px solid #e9e9e9;
-webkit-border-radius: 0;
-moz-border-radius: 0;
border-radius: 0;
-webkit-box-shadow: none;
-moz-box-shadow: none;
box-shadow: none;
}
.minimized-menu .primary .navbar .nav > .parent > a,
.minimized-menu .primary .navbar .nav > li.parent:hover > a {
background: #f2f2f2;
position: relative;
}
.minimized-menu .primary .navbar .nav .parent .parent > a:after {
display: none;
}
.minimized-menu .primary .navbar .nav .open-sub {
bottom: 0;
left: 0;
position: absolute;
top: 0;
width: 55px;
}
.minimized-menu .primary .navbar .nav .open-sub span {
background: #1e1e1e;
display: block;
height: 2px;
margin: 17px 0 0 15px;
position: absolute;
width: 16px;
}
.minimized-menu .primary .navbar .nav .open-sub span + span {
height: 16px;
margin: 10px 0 0 22px;
width: 2px;
}
.minimized-menu .primary .navbar .nav .parent .parent > a .open-sub span,
.minimized-menu .primary .navbar .nav .megamenu .title .open-sub span {
background: #7f7f7f;
height: 2px;
margin: 14px 0 0 38px;
position: absolute;
width: 12px;
}
.minimized-menu .primary .navbar .nav .parent .parent > a .open-sub span + span,
.minimized-menu .primary .navbar .nav .megamenu .title .open-sub span + span {
height: 12px;
margin: 9px 0 0 43px;
width: 2px;
}
.minimized-menu .primary .navbar .nav > li.parent:hover > a:after {
display: none;
}
.minimized-menu .primary .sub,
.minimized-menu .primary .parent .sub,
.minimized-menu .primary .parent:hover > .sub {
background: #f7f7f7;
border: 0 none;
-webkit-border-radius: 0;
-moz-border-radius: 0;
border-radius: 0;
-webkit-box-shadow: none;
-moz-box-shadow: none;
box-shadow: none;
display: none;
font-size: 13px;
left: 0;
line-height: 24px;
margin-top: 0;
margin-bottom: 0;
padding: 6px 0 5px;
position: relative;
}
.minimized-menu .primary .navbar .nav > li.parent:hover > a {
background-color: #e9e9e9;
-webkit-border-radius: 0;
-moz-border-radius: 0;
border-radius: 0;
}
.minimized-menu .primary .navbar .nav > .parent.active > a,
.minimized-menu .primary .navbar .nav > .parent.active:hover > a {
background: #1e1e1e;
border-color: #1e1e1e;
color: #fff;
-webkit-transition: all 0.2s linear;
transition: all 0.2s linear;
}
.minimized-menu .primary .navbar .nav > .parent.active > a .open-sub span {
background: #fff;
}
.minimized-menu .primary .navbar .nav .parent.active > a .open-sub span + span,
.minimized-menu .primary .megamenu .box.active .title .open-sub span + span {
display: none;
}
.minimized-menu .primary .parent:hover > .sub {
-webkit-animation: fadeIn 0;
animation: fadeIn 0;
}
.minimized-menu .primary .sub li {
line-height: 22px;
}
.minimized-menu .primary .sub a,
.minimized-menu .primary .sub a:visited {
background: none;
color: #7f7f7f;
padding: 4px 9px 4px 60px;
text-decoration: none;
width: auto !important;
}
.minimized-menu .primary .navbar .nav a > i {
color: #1e1e1e;
}
.minimized-menu .primary li:hover > .sub a {
background: none;
}
.minimized-menu .primary .sub .sub {
left: 0;
margin-left: 10px;
}
.minimized-menu.header .primary .megamenu > .sub {
margin: 0;
padding: 6px 0 5px;
width: 100%;
}
.minimized-menu .primary .megamenu > .sub .sub-wrapper {
display: block;
}
.minimized-menu .primary .megamenu > .sub .promo-block {
display: none;
}
.minimized-menu .primary .megamenu > .sub .sub-list {
display: block;
padding: 0;
width: 100% !important;
}
.minimized-menu .primary .megamenu > .sub .box {
float: none;
margin: 0;
padding: 0;
width: 100% !important;
}
.minimized-menu .primary .megamenu .title {
color: #7f7f7f;
cursor: pointer;
font-weight: normal;
line-height: 22px;
margin: 0;
padding: 4px 9px 4px 60px;
position: relative;
text-transform: none;
}
.minimized-menu .primary .megamenu > .sub .box.closed ul {
display: none;
margin-left: 10px;
}
.minimized-menu .primary .navbar .nav a .item-new,
.minimized-menu .primary .navbar .nav .megamenu a .item-new,
.minimized-menu .primary .navbar .nav .megamenu .sub a .item-new {
left: 0;
float: right;
position: static;
top: 0;
}
.minimized-menu .primary .navbar .nav a .item-new .before,
.minimized-menu .primary .navbar .nav a .item-new:before {
display: none;
}
.minimized-menu .primary .navbar .nav > li.item-bg > a .open-sub span,
.minimized-menu .primary .navbar .nav > li.item-inverse > a .open-sub span {
background: #fff;
}
.minimized-menu .primary .navbar .nav > li.item-bg > a,
.minimized-menu .primary .navbar .nav > li.item-inverse > a,
.minimized-menu .primary .navbar .nav > li.item-inverse:hover > a {
color: #fff;
}
.minimized-menu .primary .navbar .nav > li.item-primary > a {
border-color: #428bca;
}
.minimized-menu .primary .navbar .nav > li.item-success > a {
border-color: #738d00;
}
.minimized-menu .primary .navbar .nav > li.item-info > a {
border-color: #0098ca;
}
.minimized-menu .primary .navbar .nav > li.item-warning > a {
border-color: #f89406;
}
.minimized-menu .primary .navbar .nav > li.item-primary.item-bg > a,
.minimized-menu .primary .navbar .nav > li.item-primary.item-bg:hover > a,
.minimized-menu .primary .navbar .nav > li.item-primary.item-inverse > a,
.minimized-menu .primary .navbar .nav > li.item-primary.item-inverse:hover > a {
background-color: #428bca;
border-color: #428bca;
}
.minimized-menu .primary .navbar .nav > li.item-success.item-bg > a,
.minimized-menu .primary .navbar .nav > li.item-success.item-bg:hover > a,
.minimized-menu .primary .navbar .nav > li.item-success.item-inverse > a,
.minimized-menu .primary .navbar .nav > li.item-success.item-inverse:hover > a {
background-color: #738d00;
border-color: #738d00;
}
.minimized-menu .primary .navbar .nav > li.item-info.item-bg > a,
.minimized-menu .primary .navbar .nav > li.item-info.item-bg:hover > a,
.minimized-menu .primary .navbar .nav > li.item-info.item-inverse > a,
.minimized-menu .primary .navbar .nav > li.item-info.item-inverse:hover > a {
background-color: #0098ca;
border-color: #0098ca;
}
.minimized-menu .primary .navbar .nav > li.item-warning.item-bg > a,
.minimized-menu .primary .navbar .nav > li.item-warning.item-bg:hover > a,
.minimized-menu .primary .navbar .nav > li.item-warning.item-inverse > a,
.minimized-menu .primary .navbar .nav > li.item-warning.item-inverse:hover > a {
background-color: #f89406;
border-color: #f89406;
}
.minimized-menu .primary .navbar .navbar-collapse .nav > li.item-bg .sub {
background: #f7f7f7;
}
.minimized-menu .primary .navbar .navbar-collapse .nav > li.item-bg .sub a {
color: #7f7f7f;
}
.minimized-menu .cart-header .dropdown-menu {
margin-top: -1px;
margin-right: -98px;
}
.minimized-menu .cart-header.open .dropdown-toggle:after {
left: 0;
}
.minimized-menu.header-two .phone-header {
margin-right: 0;
}
.minimized-menu.header-two .phone-active,
.minimized-menu.header-two .search-active {
z-index: 1003;
}
.minimized-menu .header-icons {
display: inline-block;
float: none;
margin: 0;
vertical-align: top;
}
.minimized-menu .scroll-wrapper > .scroll-content {
box-sizing: border-box !important;
}
.minimized-menu .navbar-nav > .scroll-element,
.minimized-menu .navbar-nav > .scroll-element div {
border: none;
margin: 0;
padding: 0;
position: absolute;
z-index: 1000;
}
.minimized-menu .navbar-nav > .scroll-element div {
display: block;
height: 100%;
left: 0;
top: 0;
width: 100%;
}
.minimized-menu .navbar-nav > .scroll-element.scroll-x {
bottom: 2px;
height: 8px;
left: 0;
width: 100%;
}
.minimized-menu .navbar-nav > .scroll-element.scroll-y {
height: 100%;
right: 0;
top: 0;
width: 4px;
}
.minimized-menu .navbar-nav > .scroll-element .scroll-element_outer {
overflow: hidden;
}
.minimized-menu .navbar-nav > .scroll-element .scroll-element_outer,
.minimized-menu .navbar-nav > .scroll-element .scroll-element_track,
.minimized-menu .navbar-nav > .scroll-element .scroll-bar {
-webkit-border-radius: 0;
-moz-border-radius: 0;
border-radius: 0;
}
.minimized-menu .navbar-nav > .scroll-element .scroll-element_track {
background-color: #ccc;
}
.minimized-menu .navbar-nav > .scroll-element .scroll-bar {
background-color: rgba(31, 31, 31, .2);
}
.minimized-menu .navbar-nav > .scroll-element.scroll-x.scroll-scrolly_visible .scroll-element_track {
left: -12px;
}
.minimized-menu .navbar-nav > .scroll-element.scroll-y.scroll-scrollx_visible .scroll-element_track {
top: -12px;
}
.minimized-menu .navbar-nav > .scroll-element.scroll-x.scroll-scrolly_visible .scroll-element_size {
left: -12px;
}
.minimized-menu .navbar-nav > .scroll-element.scroll-y.scroll-scrollx_visible .scroll-element_size {
top: -12px;
}
/******************************************************************************
Breadcrumbs
*******************************************************************************/
.breadcrumb-box {
background: #f2f2f2;
overflow: hidden;
}
.breadcrumb {
background: #f2f2f2;
color: #7f7f7f;
font-size: 11px;
line-height: 18px;
margin: 0;
padding: 11px 0;
border-radius: 0;
}
.breadcrumb > li {
line-height: 18px;
text-shadow: none;
}
.breadcrumb > li > a {
color: #7f7f7f;
text-decoration: none;
-webkit-transition: opacity .2s linear;
transition: opacity .2s linear;
}
.breadcrumb > li > a:hover {
opacity: .8;
filter: alpha(opacity=80);
-webkit-transition: opacity .2s linear;
transition: opacity .2s linear;
}
.breadcrumb > li + li:before {
padding: 0 6px;
color: #7f7f7f;
}
.breadcrumb-none {
height: 10px;
}
/******************************************************************************
SLIDER SECTION
*******************************************************************************/
.slider {
background: #f2f2f2;
padding: 54px 0;
}
.slider > .container {
position: relative;
}
.slider.load .sliders-box > .col-md-12 + .col-md-12 {
display: none;
}
.slider .slid {
position: relative;
}
.slider .slid .slid-img {
max-height: 550px;
z-index: 1;
}
.slider .slid-content {
bottom: 93px;
color: #7b7b7b;
font-size: 12px;
line-height: 18px;
overflow: hidden;
padding: 38px 40px 0;
position: absolute;
right: 15px;
top: 0;
z-index: 3;
}
.slider .slid-content .title {
color: #fff;
font-size: 20px;
line-height: 24px;
margin: 0 0 34px;
}
.slider .slid-content .descriptions {
margin: 0 0 37px 0;
}
.slider .slid-content .btn {
background: #f8f8f8;
color: #1e1e1e;
font-weight: bold;
-webkit-transition: all .3s linear;
transition: all .3s linear;
}
.slider .slid-content .btn:hover {
background: #fff;
-webkit-transition: all .3s linear;
transition: all .3s linear;
}
.slider .slider-nav {
background-color: #1e1e1e;
background-color: rgba(30, 30, 30, .97);
bottom: 0;
position: absolute;
right: 15px;
top: 0;
z-index: 2;
}
.slider .slider-nav .nav-box {
bottom: 33px;
left: 40px;
position: absolute;
right: 40px;
text-align: center;
z-index: 4;
}
.slider .slider-nav .prev,
.slider .slider-nav .next {
background-color: #fff;
background-color: rgba(255, 255, 255, .1);
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;
color: #838282;
display: block;
height: 60px;
left: 0;
line-height: 60px;
opacity: 0;
filter: alpha(opacity=0);
position: absolute;
text-align: center;
text-decoration: none;
visibility: hidden;
width: 60px;
-webkit-transition: all .3s linear;
transition: all .3s linear;
}
.slider .slider-nav .next {
left: auto;
right: 0;
}
.slider .slider-nav .prev *,
.slider .slider-nav .next * {
vertical-align: middle;
}
.slider .slider-nav .prev {
margin-right: 2px;
}
.slider .slider-nav .next {
margin-left: 2px;
}
.slider .container:hover .slider-nav .prev,
.slider .container:hover .slider-nav .next,
.page-slider:hover .slider-nav .prev,
.page-slider:hover .slider-nav .next {
opacity: 1;
filter: alpha(opacity=100);
visibility: visible;
-webkit-transition: all .3s linear;
transition: all .3s linear;
}
.slider .slider-nav .prev:hover,
.slider .slider-nav .next:hover {
background-color: #fff;
color: #a0a0a0;
-webkit-transition: all .3s linear;
transition: all .3s linear;
}
.slider .slider-nav .prev:hover polygon,
.slider .slider-nav .next:hover polygon {
fill: #9f9f9f;
-webkit-transition: all .3s linear;
transition: all .3s linear;
}
.slider .slider-nav .pagination {
padding: 0 65px;
text-align: center;
}
.switches.small a {
background: #fff;
background: rgba(255, 255, 255, .1);
-webkit-border-radius: 7px;
-moz-border-radius: 7px;
border-radius: 7px;
height: 9px;
margin: 0 3px;
width: 9px;
-webkit-transition: all .3s linear;
transition: all .3s linear;
}
.switches a:hover {
background: #fff;
-webkit-transition: all .3s linear;
transition: all .3s linear;
}
.switches a.selected {
background: #fff;
background: rgba(255, 255, 255, .5);
-webkit-transition: all .3s linear;
transition: all .3s linear;
}
.mist-slider .slider-nav .pagination a {
vertical-align: middle;
}
.page-slider {
background: none;
padding: 0;
position: relative;
}
.mist-slider-two .sliders-container {
margin: 0 -15px 0 15px;
padding: 0;
position: relative;
}
.mist-slider-two.load .sliders-box img + img {
display: none;
}
.mist-slider-two .pagination {
bottom: 0;
left: 0;
margin: 0 0 15px;
position: absolute;
right: 0;
text-align: center;
}
.mist-slider-two .pagination a {
background: #1e1e1e;
background: rgba(30, 30, 30, .5);
}
.mist-slider-two .pagination a:hover,
.mist-slider-two .pagination .selected {
background: #1e1e1e;
}
.mist-slider-two .slider-banners {
display: table;
height: 100%;
table-layout: fixed;
}
.mist-slider-two .slider-banners .banner {
display: table-row;
height: 33.33333333%;
}
.mist-slider-two .slider-banners .banner {
background: #f6a232;
}
.mist-slider-two .slider-banners .banner:nth-child(1) {
background: #ee485c;
}
.mist-slider-two .slider-banners .banner:nth-child(2) {
background: #65a93c;
}
.mist-slider-three .slider-wrapper {
border: solid 6px #fff;
border-radius: 6px;
}
.mist-slider-three.load .slider-wrapper img + img,
.mist-slider-four.load .slider-wrapper img + img {
display: none;
}
.mist-slider-four {
background: none;
padding: 0;
position: relative;
}
.mist-slider-four .prev,
.mist-slider-four .next {
color: #fff;
font-size: 40px;
left: 30px;
line-height: 1;
margin-top: -20px;
position: absolute;
top: 50%;
}
.mist-slider-four .next {
left: auto;
right: 30px;
}
.content .mist-slider .container {
padding: 0;
width: 100% !important;
}
.content .slider.mist-slider {
padding: 0;
}
.content .slider .slider-nav {
right: 0;
}
.content .slider .slid-content {
bottom: 84px;
padding: 28px 30px 0;
right: 8px;
width: 47.333333%;
}
.slider .slider-nav .nav-box {
left: 23px;
right: 23px;
}
.content .slider .slider-nav {
width: 47.333333%;
}
.content .slider .slider-nav .prev,
.content .slider .slider-nav .next {
height: 36px;
line-height: 36px;
width: 36px;
}
.switches a {
width: 25px;
height: 8px;
border-radius: 0;
margin: 2px;
}
.content .switches.bullet a {
width: 10px;
height: 10px;
border-radius: 50%;
margin: 2px;
}
.content .slider .slider-nav .nav-box {
bottom: 30px;
}
.content .slider .pagination {
margin: 5px 0;
}
/******************************************************************************
Slider Revolution
*******************************************************************************/
.slider.rs-slider {
background: none;
border: 0 none;
max-height: 700px;
overflow: hidden;
padding: 0;
position: relative;
}
.transparent .slider.rs-slider {
max-height: 700px;
}
.slider.load .tp-banner-container {
visibility: hidden;
}
.slider.rs-slider .container {
position: relative;
}
.slider.rs-slider .title {
font-size: 40px;
font-weight: normal;
margin: 0;
}
.slider.rs-slider .title.bold,
.slider .bold {
font-size: 65px;
font-weight: bold;
text-transform: uppercase;
margin: 0;
line-height: 75px;
}
.slider.rs-slider .description {
font-size: 15px !important;
line-height: 25px;
margin: 0;
padding: 0 15px;
}
.slider.rs-slider .btn {
}
.slider.rs-slider .btn.orang {
background: #ea4e16;
}
.slider.rs-slider .btn.cherry {
background: #752033;
}
.slider.rs-slider .phone-text {
font-size: 17px;
}
.rs-slider ul {
list-style: none;
margin: 0;
padding: 0;
}
.tp-bannertimer {
background: #777 !important;
background: rgba(0, 0, 0, 0.1) !important;
height: 0px !important;
}
.tp-bullets.simplebullets.navbar {
height: 35px;
padding: 0;
}
.slider.rs-slider .tp-bullets.simplebullets .bullet {
background: #fff;
background: rgba(255, 255, 255, .5);
-webkit-border-radius: 7px;
border-radius: 7px;
-webkit-box-shadow: none;
-moz-box-shadow: none;
box-shadow: none;
border: 0 none !important;
display: inline-block;
height: 14px;
float: none;
margin: 0 3px;
-webkit-transition: all .3s linear;
transition: all .3s linear;
vertical-align: top;
width: 14px;
}
.tp-bullets.simplebullets .bullet.last {
margin-right: 0px
}
.slider.rs-slider .tp-bullets.simplebullets .bullet:hover {
background: #fff;
-webkit-transition: all .3s linear;
transition: all .3s linear;
}
.slider.rs-slider .tp-bullets.simplebullets .bullet.selected {
background: rgba(255, 255, 255, .7);
-webkit-transition: all .3s linear;
transition: all .3s linear;
}
.slider.rs-slider .tparrows {
background: #1e1e1e;
background: rgba(30, 30, 30, 0.5);
-webkit-border-radius: 100%;
border-radius: 100%;
cursor: pointer;
height: 40px !important;
width: 40px !important;
-webkit-transition: background .3s linear;
transition: background .3s linear;
-webkit-transition: opacity 0.2s ease-out;
-webkit-transform: inherit;
z-index: 50 !important;
}
.slider.rs-slider .tparrows:before {
font-family: 'revicons';
color: #fff;
font-style: normal;
font-weight: normal;
speak: none;
display: inline-block;
text-decoration: inherit;
margin-right: 0;
margin-top: 3px;
text-align: center;
width: 40px;
font-size: 19px;
}
.tp-leftarrow:before {
content: '\e824';
}
.tp-rightarrow:before {
content: '\e825';
}
.slider.rs-slider .tparrows:hover {
background: #1e1e1e;
-webkit-transition: background .3s linear;
transition: background .3s linear;
}
.slider4container .tparrows:before,
.slider4container .tparrows:hover,
.slider4container .tparrows {
color: #000 !important;
}
.slider4container .tparrows {
background: #fff !important;
background: rgba(255, 255, 255, 0.5) !important;
}
.slider4container .tparrows:hover {
background: #fff !important
}
.slider.rs-slider .tp-loader {
background-image: url("../img/svg/loader.svg"), none;
background-repeat: no-repeat;
background-position: 50% 50%;
background-size: 40px;
background-color: inherit;
height: 40px;
margin: -20px 0 0 -20px;
width: 40px;
z-index: 700;
}
.layerslider {
margin: 0 auto;
}
.slider.rs-slider.full-width {
max-height: inherit;
}
.slider.rs-slider.full-width .title {
font-size: 60px;
line-height: 0.9;
}
.slider.rs-slider.full-width .btn-link {
font-size: 14px !important;
font-weight: bold;
line-height: 31px;
letter-spacing: 1px;
padding: 0;
text-decoration: none;
}
.slider.rs-slider.full-width .btn-link .fa {
border: 2px solid #fff;
-webkit-border-radius: 50%;
-moz-border-radius: 50%;
border-radius: 50%;
display: inline-block;
font-size: 180%;
height: 36px;
line-height: 32px;
margin-left: 10px;
padding: 0 0 0 3px;
text-align: center;
vertical-align: middle;
width: 36px;
}
.slider.rs-slider.full-width .btn-link:hover {
opacity: .8;
}
.slider.rs-slider.full-width .tp-rightarrow,
.slider.rs-slider.full-width .tp-leftarrow {
display: none !important;
}
/* Home Carousel Slider */
#main-slider .carousel .item .carousel-caption {
opacity: 0;
}
#main-slider h1 {
font-size: 55px;
font-weight: bold;
text-transform: uppercase;
margin: 0;
line-height: 75px;
}
#main-slider .carousel .item.active .carousel-caption {
opacity: 1;
}
#main-slider .description,
.description.medium {
font-size: 18px !important;
font-weight: 300;
line-height: 30px;
margin: 0;
}
.black {
text-shadow: none;
}
#main-slider .active .animation.animated-item-1 {
-webkit-animation: fadeInUp 300ms linear 300ms both;
-moz-animation: fadeInUp 300ms linear 300ms both;
-o-animation: fadeInUp 300ms linear 300ms both;
-ms-animation: fadeInUp 300ms linear 300ms both;
animation: fadeInUp 300ms linear 300ms both;
}
#main-slider .active .animation.animated-item-2 {
-webkit-animation: fadeInUp 300ms linear 600ms both;
-moz-animation: fadeInUp 300ms linear 600ms both;
-o-animation: fadeInUp 300ms linear 600ms both;
-ms-animation: fadeInUp 300ms linear 600ms both;
animation: fadeInUp 300ms linear 600ms both;
}
#main-slider .active .animation.animated-item-3 {
-webkit-animation: fadeInUp 300ms linear 900ms both;
-moz-animation: fadeInUp 300ms linear 900ms both;
-o-animation: fadeInUp 300ms linear 900ms both;
-ms-animation: fadeInUp 300ms linear 900ms both;
animation: fadeInUp 300ms linear 900ms both;
}
#main-slider .active .animation.animated-item-4 {
-webkit-animation: fadeInUp 300ms linear 1200ms both;
-moz-animation: fadeInUp 300ms linear 1200ms both;
-o-animation: fadeInUp 300ms linear 1200ms both;
-ms-animation: fadeInUp 300ms linear 1200ms both;
animation: fadeInUp 300ms linear 1200ms both;
}
/* Carousel Fade */
.carousel-fade .carousel-inner .item {
opacity: .8;
-webkit-transition-property: opacity;
-moz-transition-property: opacity;
-o-transition-property: opacity;
transition-property: opacity;
}
.carousel-fade .carousel-inner .active {
opacity: 1;
}
.carousel-fade .carousel-inner .active.left,
.carousel-fade .carousel-inner .active.right {
left: 0;
opacity: 0;
z-index: 1;
}
.carousel-fade .carousel-inner .next.left,
.carousel-fade .carousel-inner .prev.right {
opacity: 1;
}
.carousel-fade .carousel-control {
z-index: 2;
}
.carousel.full-width {
width: 100% !important;
}
.carousel.full-width .item img,
.carousel.full-width .item {
display: block;
width: 100%;
}
.carousel-style .next,
.carousel-style .prev {
position: absolute;
top: 50%;
transform: translateY(-50%);
}
.carousel-style .prev {
left: 0;
z-index: 9999;
margin: -7px 0 0 -30px;
}
.carousel-style .next {
right: 0;
z-index: 9999;
margin: 0 20px 0 0 !important;
}
.carousel-style .next i,
.carousel-style .prev i {
padding: 10px;
background-color: rgba(0, 0, 0, .2);
}
/* OWl Carousel */
.owl-carousel.custom-styles {
width: 100% !important;
}
.owl-carousel.custom-styles.item img,
.owl-carousel.custom-styles .item {
display: block;
width: 100%;
height: auto;
}
.owl-theme.custom-styles .owl-controls .owl-buttons div {
top: 50% !important;
transform: translateY(-50%) !important;
}
.owl-theme.custom-styles .owl-controls .owl-buttons div:before {
height: 0;
line-height: 0;
}
/******************************************************************************
Metro Box
*******************************************************************************/
.metro-banners {
background: #b3768e;
background: -moz-linear-gradient(left, #b3768e 0%, #54638e 100%);
background: -webkit-gradient(linear, left top, right top, color-stop(0%, #b3768e), color-stop(100%, #54638e));
background: -webkit-linear-gradient(left, #b3768e 0%, #54638e 100%);
background: -o-linear-gradient(left, #b3768e 0%, #54638e 100%);
background: -ms-linear-gradient(left, #b3768e 0%, #54638e 100%);
background: linear-gradient(to right, #b3768e 0%, #54638e 100%);
padding: 54px 0 24px;
}
.metro-banners .banner {
margin-bottom: 30px;
text-align: center;
}
.banner {
display: block;
text-align: center;
-webkit-transition: opacity .2s linear;
transition: opacity .2s linear;
}
.banner:hover {
opacity: .8;
filter: alpha(opacity=80);
-webkit-transition: opacity .2s linear;
transition: opacity .2s linear;
}
.metro-banners .banner img {
-webkit-box-shadow: 3px 3px 0px 0px rgba(50, 50, 50, 0.5);
-moz-box-shadow: 3px 3px 0px 0px rgba(50, 50, 50, 0.5);
box-shadow: 3px 3px 0px 0px rgba(50, 50, 50, 0.5);
}
/******************************************************************************
Bootstrap Carousel Revolution
*******************************************************************************/
.carousel {
position: relative;
}
.full-width-slider .carousel-caption,
#my-slider .carousel-caption {
position: absolute;
top: 75%;
transform: translateY(-50%);
left: 10%;
right: 10%;
bottom: auto;
}
.carousel-inner.no-pad .carousel-caption {
left: 0%;
right: 0%;
padding-left: 20px;
padding-right: 20px;
bottom: 0;
padding-bottom: 0;
}
.right-pagination.carousel-indicators {
width: 100%;
right: 0;
left: 0;
text-align: right;
padding: 0 20px 0 0;
margin: 0;
}
.caption-bg .carousel-caption {
background: rgba(0, 0, 0, .5);
}
.carousel-caption.text-left {
text-align: left;
}
.carousel-caption.text-right {
text-align: right;
}
.full-width-slider .carousel-inner > .item > img,
.full-width-slider .carousel-inner > .item > a > img {
width: auto;
}
.full-width-slider .carousel-control.right {
/*background-image: linear-gradient(to right, rgba(0, 0, 0, 0) 0px, rgba(0, 0, 0, 0.2) 100%);*/
background-image: inherit;
}
.full-width-slider .carousel-control.left {
/*background-image: linear-gradient(to right, rgba(0, 0, 0, 0.2) 0px, rgba(0, 0, 0, 0) 100%);*/
background-image: inherit;
}
.carousel-control.left.no-bg,
.carousel-control.right.no-bg {
background-image: none;
}
/******************************************************************************
Text Slider
*******************************************************************************/
.text-slider {
padding: 100px 0 160px;
}
.text-slider h1 {
font-size: 55px;
font-weight: bold;
line-height: 75px;
margin: 0;
text-align: center;
text-transform: uppercase;
}
.text-slider p.description {
margin-bottom: 20px;
}
.text-slider p {
text-align: center;
}
.text-slider p a.btn {
margin: 0 5px;
}
.text-slider .typed-cursor {
animation: fadeIn 0.6s alternate infinite;
-o-animation: fadeIn 0.6s alternate infinite;
-moz-animation: fadeIn 0.6s alternate infinite;
-webkit-animation: fadeIn 0.6s alternate infinite;
}
/******************************************************************************
Video background
*******************************************************************************/
#my-video.video-bg {
background-image: none;
background-color: #000;
position: relative;
}
#my-video.video-bg:after {
position: absolute;
background: rgba(0, 0, 0, 0.6);
content: "";
width: 100%;
height: 100%;
left: 0;
right: 0;
top: 0;
z-index: 9;
}
#my-video.video-bg #bg-video {
min-height: 650px;
}
#my-video.video-bg #video-play {
display: none;
}
.video-bg .video-slider-container {
max-width: 1200px;
margin: 0 auto;
position: absolute;
left: 0;
right: 0;
top: 50%;
transform: translateY(-50%);
-ms-transform: translateY(-50%);
-moz-transform: translateY(-50%);
-o-transform: translateY(-50%);
-webkit-transform: translateY(-50%);
z-index: 99;
}
#my-video.video-bg .video-slider-text {
margin-bottom: 10px;
}
#my-video.video-bg .video-slider-text h1 {
color: #ffc400;
text-align: center;
}
.video-slider-text ul {
padding: 0;
text-align: center;
list-style: none;
width: 100%;
}
#my-video.video-bg p {
text-align: center;
margin-bottom: 20px;
}
#my-video.video-bg p > a.btn {
margin: 0 5px;
}
/******************************************************************************
SIDEBAR
*******************************************************************************/
.sidebar {
font-size: 13px;
}
.sidebar .widget {
margin: 0 0 60px;
}
.sidebar .widget:last-child {
margin-bottom: 0;
}
.sidebar .widget ol,
.sidebar .widget ul {
list-style: none;
margin-left: 0;
padding-left: 0;
}
.sidebar .widget header,
.sidebar .widget .title-block,
.product-bottom .related-products header {
border-bottom: 1px solid #e1e1e1;
margin: 0 0 20px;
padding: 0 0 15px;
position: relative;
}
.sidebar .widget header .title,
.sidebar .widget .title-block .title,
.product-bottom .related-products header h3 {
color: #7f7f7f;
font-size: 18px;
font-weight: normal;
line-height: 1;
margin: 0;
}
.sidebar .widget .subtitle {
font-size: 14px;
line-height: 1;
margin: 0 0 25px;
}
.sidebar .whats-news {
margin-bottom: 40px;
overflow: hidden;
}
.sidebar .carousel-box.no-style .next,
.sidebar .carousel-box.no-style .prev {
line-height: 0;
}
.sidebar .whats-news header {
margin: 0;
}
.sidebar .carousel-box .product {
display: block;
float: left;
margin: 40px 15px;
}
.sidebar .action {
overflow: hidden;
}
.sidebar .action .clear-all {
float: left;
font-size: 14px;
line-height: 40px;
text-transform: none;
}
.sidebar .action .clear-all.close {
font-size: 20px;
line-height: 38px;
}
.sidebar .action .clear-all span {
font-size: 14px;
line-height: 39px;
margin: 0 0 0 2px;
vertical-align: middle;
}
.sidebar .action .btn {
float: right;
}
.sidebar .more {
color: #7f7f7f;
font-size: 12px;
margin: 5px 0 0;
text-decoration: none;
-webkit-transition: opacity .2s linear;
transition: opacity .2s linear;
}
.sidebar .more:hover {
opacity: .8;
filter: alpha(opacity=80);
-webkit-transition: opacity .2s linear;
transition: opacity .2s linear;
text-decoration: none;
}
/* Pages */
.sidebar .pages li {
margin: 0 0 3px;
position: relative;
}
.sidebar .pages li:before {
content: "\f105";
display: block;
font-family: FontAwesome;
position: absolute;
color: #1e1e1e;
top: 5px;
}
.sidebar .pages li a {
color: #1e1e1e;
display: block;
padding: 5px 10px 5px 15px;
position: relative;
text-decoration: none;
-webkit-transition: all .2s linear;
transition: all .2s linear;
}
/* Menu */
.sidebar .menu li {
margin: 0 0 3px;
position: relative;
}
.sidebar .menu li a {
color: #1e1e1e;
display: block;
padding: 9px 9px 9px 15px;
position: relative;
text-decoration: none;
-webkit-transition: all .2s linear;
transition: all .2s linear;
}
.sidebar .menu li a:hover {
-webkit-transition: all .2s linear;
transition: all .2s linear;
}
.sidebar .menu li.active > a {
-webkit-transition: all .2s linear;
transition: all .2s linear;
}
.sidebar .menu li.parent > a .open-sub {
bottom: 0;
display: block;
left: 0;
position: absolute;
top: 5px;
width: 100%;
}
.sidebar .menu li > a:before,
.sidebar .menu li > a:after {
content: "\f105";
display: block;
font-family: FontAwesome;
left: 0;
position: absolute;
top: 10px;
}
.sidebar .menu li.parent > a .open-sub:after {
margin: 12px 0 0 15px;
}
.sidebar .menu li.parent.active > a .open-sub:before,
.sidebar .menu li.parent.active > a .open-sub:after {
top: 0px;
}
.sidebar .menu li.parent.active > a .open-sub:after {
display: none;
}
.sidebar .menu .sub {
padding-left: 15px;
}
.sidebar .menu .sub li {
margin: 0;
}
.sidebar .menu .sub a {
background: none;
color: #7f7f7f;
margin: 0;
}
.sidebar .menu li.parent:hover .sub a {
color: #7f7f7f;
}
.sidebar .menu .sub a:before {
display: none;
}
.sidebar .menu .sub a:hover {
}
.sidebar .menu .sub .active > a {
background: none;
color: #000;
}
.sidebar .menu .sub .sub {
background: none;
}
.sidebar .menu .sub li.parent > a .open-sub {
left: 10px;
}
.sidebar .menu .sub li.parent > a .open-sub:before,
.sidebar .menu .sub li.parent > a .open-sub:after {
background: #7f7f7f;
margin: 14px 0 0 22px;
width: 12px;
}
.sidebar .menu .sub li.parent > a .open-sub:after {
height: 12px;
margin: 9px 0 0 27px;
width: 2px;
}
.sidebar .menu li > a .item-icon {
left: 15px;
position: absolute;
top: 13px;
}
.sidebar .menu li:not(.active) > a .item-icon {
opacity: .5;
filter: alpha(opacity=50);
}
/* Shop By */
.sidebar .section + .section {
border-top-width: 1px;
margin: 20px 0 0;
padding: 20px 0 0;
}
.sidebar .section li {
line-height: 18px;
}
.sidebar .section li + li {
margin: 12px 0 0;
}
.sidebar .section li > a,
.sidebar .section li > a:visited {
color: #1e1e1e;
}
.sidebar .section li .fa {
color: #7f7f7f;
}
.sidebar .section .selected li {
background: url("../img/point.png") right 13px repeat-x #fff;
margin: 0 0 8px;
padding: 0 16px 0 0;
position: relative;
}
.sidebar .section li > span {
background: #fff;
color: #7f7f7f;
}
.sidebar .section li span span {
color: #1e1e1e;
}
.sidebar .section .selected .close {
background: #fff;
color: #7f7f7f;
font-size: 20px;
padding: 0 2px;
position: absolute;
right: 0px;
top: 3px;
}
.sidebar .section .selected .close:hover {
color: #1e1e1e;
}
/* List */
.sidebar .list ul {
margin-bottom: 0;
}
.sidebar .list li {
border-bottom: 1px dashed #f5f5f5;
padding: 7px 0;
}
.sidebar .list li:last-child {
border-bottom: 0;
padding: 4px 0;
}
.sidebar .list li a {
color: #1e1e1e;
}
.sidebar .list li span {
color: #7f7f7f;
float: right;
}
/* Recent Post */
.sidebar .recent-post li {
padding: 24px 0;
}
.sidebar .recent-post li a,
.sidebar .recent-post li {
color: #1e1e1e;
font-size: 13px;
}
.sidebar .recent-post li:first-child {
padding-top: 10px;
}
.sidebar .carousel-pagination {
padding-top: 10px;
}
.sidebar .widget.tags ul {
padding-top: 10px;
}
.sidebar .recent-post li:last-child {
padding-bottom: 0;
}
.sidebar .recent-post li + li {
border-top-width: 1px;
}
.sidebar .recent-post li .post-image {
background: #f7f7f7;
border: 1px solid #f5f5f5;
-webkit-border-radius: 0px;
-moz-border-radius: 0px;
border-radius: 0px;
float: left;
height: 74px;
margin: 0 15px 1px 0;
overflow: hidden;
width: 74px;
}
.sidebar .recent-post li .post-name {
font-size: 12px;
font-weight: normal;
line-height: 20px;
margin: 0 0 4px;
padding-left: 85px;
}
.sidebar .recent-post li .post-box {
font-size: 16px;
line-height: 22px;
padding-left: 85px;
}
/* Specials */
.sidebar .specials li {
padding: 24px 0;
}
.sidebar .specials li:first-child {
padding-top: 0;
}
.sidebar .specials li:last-child {
padding-bottom: 0;
}
.sidebar .specials li + li {
border-top-width: 1px;
}
.sidebar .specials li .product-image {
background: #f7f7f7;
border: 1px solid #f5f5f5;
-webkit-border-radius: 0px;
-moz-border-radius: 0px;
border-radius: 0px;
float: left;
height: 74px;
margin: 0 15px 1px 0;
overflow: hidden;
width: 74px;
}
.sidebar .specials li .product-name {
font-size: 12px;
font-weight: normal;
line-height: 20px;
margin: 0 0 4px;
padding-left: 85px;
}
.sidebar .specials li .price-box {
font-size: 16px;
line-height: 22px;
padding-left: 85px;
}
.sidebar .specials li .rating-box {
margin: 3px 0 14px 85px;
overflow: hidden;
}
/* Community Poll */
.sidebar .poll strong {
display: block;
margin-bottom: 21px;
}
.sidebar .poll ul {
margin: 0;
padding: 0 0 27px;
}
.sidebar .poll li {
margin-bottom: 11px;
}
/* Compare Products */
.sidebar .compare-products ul {
margin: 0;
padding: 0 0 17px;
}
.sidebar .compare-products li {
background: url("../img/point.png") right 13px repeat-x #fff;
margin: 0 0 8px;
padding: 0 16px 0 0;
position: relative;
}
.sidebar .compare-products li .title {
background: #fff;
color: #1e1e1e;
padding-right: 2px;
}
.sidebar .compare-products li .close {
background: #fff;
font-size: 20px;
padding: 0 2px;
position: absolute;
right: 0px;
top: 3px;
}
.sidebar .wishlist li {
padding: 0 46px 0 0;
}
.sidebar .wishlist .add-cart {
background: #fff;
color: #7f7f7f;
height: 100%;
padding: 0 3px;
position: absolute;
right: 26px;
top: 1px;
}
.sidebar .wishlist .add-cart path {
-webkit-transition: all .2s linear;
transition: all .2s linear;
}
.sidebar .wishlist .add-cart:hover path {
fill: #1e1e1e;
-webkit-transition: all .2s linear;
transition: all .2s linear;
}
/* Newsletter */
.sidebar .newsletter form {
margin: 5px 0 0;
position: relative;
}
.sidebar .newsletter input {
margin: 0;
padding-right: 43px;
}
.sidebar .newsletter .submit {
color: #ffffff;
height: 38px;
outline: none;
padding: 0;
position: absolute;
right: 1px;
top: 1px;
width: 38px;
border-radius: 0 3px 3px 0;
-webkit-border-radius: 0 3px 3px 0;
-moz-border-radius: 0 3px 3px 0;
}
.sidebar .newsletter .submit.bg-color:hover {
background-color: #333333;
}
.sidebar .newsletter .submit .glyphicon {
line-height: 20px;
}
.sidebar .newsletter .has-feedback .form-control-feedback {
right: 35px;
}
.sidebar .newsletter input:focus + .submit {
color: #000;
-webkit-transition: all .2s linear;
transition: all .2s linear;
}
#footer .widget p.form-message1 {
margin-bottom: 5px;
color: #1e1e1e;
}
/*.sidebar .newsletter .help-block {
margin-top:0;
position: absolute;
top: -25px;
}*/
/* Recommended */
.sidebar .banners {
overflow: hidden;
}
.sidebar .banners .slide {
float: left;
max-width: 270px;
margin-left: 15px;
margin-right: 15px;
padding-left: 0;
padding-right: 0;
position: relative;
}
.sidebar .banners .banner-text {
background: rgb(30, 30, 30);
background: rgba(30, 30, 30, .65);
bottom: 0;
color: #fff;
left: 0;
min-height: 58px;
padding: 20px;
position: absolute;
right: 0;
text-align: right;
}
.sidebar .banners .banner-text .title {
font-size: 20px;
margin: 0;
}
.sidebar .banners .banner-text p {
line-height: 18px;
margin: 0;
}
/* Tags */
.sidebar .tags ul {
margin: 0;
}
.sidebar .tags li {
float: left;
margin: 0 3px 3px 0;
}
.sidebar .tags a {
background: #1e1e1e;
background: rgba(30, 30, 30, .7);
-webkit-border-radius: 2px;
-moz-border-radius: 2px;
border-radius: 2px;
color: #fff;
display: block;
font-size: 12px;
height: 24px;
line-height: 24px;
padding: 0 5px;
text-decoration: none;
-webkit-transition: all .2s linear;
transition: all .2s linear;
}
.sidebar .tags a:hover {
background: #1e1e1e;
-webkit-transition: all .2s linear;
transition: all .2s linear;
}
/* Social Photo Streaming */
.social-feed {
margin: 0 auto;
display: block;
display: table;
}
.social-feed li {
width: 62px;
height: 62px;
list-style: none;
float: left;
margin-right: 5px;
margin-bottom: 5px;
}
.social-feed li img {
width: 62px;
height: 62px;
}
/* Social */
.social .sbtnf {
-webkit-border-radius: 2px;
-moz-border-radius: 2px;
border-radius: 2px;
color: #fff;
display: block;
height: 40px;
float: left;
line-height: 40px;
margin: 0 10px 0 0;
opacity: .35;
filter: alpha(opacity=35);
-webkit-transition: opacity .2s linear;
transition: opacity .2s linear;
text-align: center;
width: 40px;
}
.social .sbtnf:hover {
opacity: 1;
filter: alpha(opacity=100);
-webkit-transition: opacity .2s linear;
transition: opacity .2s linear;
}
.sidebar .widget.social .sbtnf {
margin-bottom: 10px;
}
/* Links */
.sidebar .links li {
line-height: 21px;
}
.sidebar .links a,
.sidebar .links a:visited {
color: #7f7f7f;
text-decoration: none;
-webkit-transition: color .2s linear;
transition: color .2s linear;
}
.sidebar .links a:hover {
color: #000;
-webkit-transition: color .2s linear;
transition: color .2s linear;
}
/* Calendar */
.sidebar .calendar-wrap {
background: rgba(0, 0, 0, .05);
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;
overflow: hidden;
}
.sidebar .calendar-wrap table {
margin: 0;
}
.sidebar .calendar-wrap table td,
.sidebar .calendar-wrap table th {
padding: 3px;
}
.sidebar .calendar-wrap caption {
background: #1e1e1e;
color: #fff;
font-size: 14px;
padding: 5px;
}
.sidebar .calendar-wrap tfoot td {
border: 0 none;
}
.sidebar .calendar-wrap tfoot a {
text-decoration: none;
}
.sidebar .calendar-wrap tfoot a:hover {
opacity: .8;
filter: alpha(opacity=80);
-webkit-transition: opacity .2s linear;
transition: opacity .2s linear;
}
.sidebar .facebook-widget .fb-like-box {
border: 1px solid #e1e1e1;
max-width: 270px;
width: 100%;
}
.sidebar .facebook-widget .fb-like-box > span {
max-width: 100% !important;
}
/* Datepicker */
.sidebar .calendar .datepicker-box .datepicker {
background: rgba(0, 0, 0, .02);
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;
padding: 0;
width: 270px;
max-width: 100%;
}
.sidebar .calendar .datepicker-box .datepicker table {
width: 100%;
max-width: 100%;
}
.datepicker table tr td.active:hover,
.datepicker table tr td.active:hover:hover,
.datepicker table tr td.active.disabled:hover,
.datepicker table tr td.active.disabled:hover:hover,
.datepicker table tr td.active:active,
.datepicker table tr td.active:hover:active,
.datepicker table tr td.active.disabled:active,
.datepicker table tr td.active.disabled:hover:active,
.datepicker table tr td.active.active,
.datepicker table tr td.active:hover.active,
.datepicker table tr td.active.disabled.active,
.datepicker table tr td.active.disabled:hover.active,
.datepicker table tr td.active.disabled,
.datepicker table tr td.active:hover.disabled,
.datepicker table tr td.active.disabled.disabled,
.datepicker table tr td.active.disabled:hover.disabled,
.datepicker table tr td.active[disabled],
.datepicker table tr td.active:hover[disabled],
.datepicker table tr td.active.disabled[disabled],
.datepicker table tr td.active.disabled:hover[disabled],
.datepicker table tr td.active,
.datepicker table tr td.active:hover,
.datepicker table tr td.active.disabled,
.datepicker table tr td.active.disabled:hover {
background: #037ac5;
}
.datepicker table tr td.today:hover,
.datepicker table tr td.today:hover:hover,
.datepicker table tr td.today.disabled:hover,
.datepicker table tr td.today.disabled:hover:hover,
.datepicker table tr td.today:active,
.datepicker table tr td.today:hover:active,
.datepicker table tr td.today.disabled:active,
.datepicker table tr td.today.disabled:hover:active,
.datepicker table tr td.today.active,
.datepicker table tr td.today:hover.active,
.datepicker table tr td.today.disabled.active,
.datepicker table tr td.today.disabled:hover.active,
.datepicker table tr td.today.disabled,
.datepicker table tr td.today:hover.disabled,
.datepicker table tr td.today.disabled.disabled,
.datepicker table tr td.today.disabled:hover.disabled,
.datepicker table tr td.today[disabled],
.datepicker table tr td.today:hover[disabled],
.datepicker table tr td.today.disabled[disabled],
.datepicker table tr td.today.disabled:hover[disabled],
.datepicker table tr td.today,
.datepicker table tr td.today:hover,
.datepicker table tr td.today.disabled,
.datepicker table tr td.today.disabled:hover {
background: #f89406;
color: #fff;
}
/* Banner Set */
.banner-set {
border-top-width: 1px;
padding-bottom: 16px;
overflow: hidden;
}
.banner-set:before {
border-top: 1px solid #e1e1e1;
content: "";
display: block;
left: 0;
margin-top: -1px;
position: absolute;
right: 0;
}
.banner-set.bottom-padding {
padding-bottom: 0;
}
.load.banner-set .container {
background-image: url("../img/svg/loader.svg"), none;
background-repeat: no-repeat;
background-position: 50% 50%;
background-size: 40px;
height: 314px;
overflow: hidden;
}
.load.banner-set .nav-box .container,
.load.banner-set.banner-set-mini .nav-box .container {
background: none;
height: auto;
}
.load.banner-set .container > * {
opacity: 0;
filter: alpha(opacity=0);
-webkit-transition: opacity .2s linear;
transition: opacity .2s linear;
}
.container .banner-set .container {
padding: 0;
width: auto;
}
.banner-set .container > * {
-webkit-transition: opacity .2s linear;
transition: opacity .2s linear;
}
.banner-set .banner {
border-right-width: 1px;
color: #7f7f7f;
display: block;
float: left;
font-size: 12px;
line-height: 18px;
margin: 0;
width: 292px;
padding: 19px;
text-decoration: none;
-webkit-transition: color .2s linear,
box-shadow .2s linear;
transition: color .2s linear,
box-shadow .2s linear;
}
.banner-set .banner:first-child {
border-left-width: 1px;
}
.banner-set .banner img {
margin: 0 0 28px 0;
max-height: 158px;
width: 100%;
-webkit-transition: opacity .2s linear;
transition: opacity .2s linear;
}
.banner-set .banner .title {
color: #7f7f7f;
font-size: 20px;
font-weight: normal;
line-height: 1.2;
margin: 0;
padding: 0 0 12px;
text-decoration: none;
-webkit-transition: all .2s linear;
transition: all .2s linear;
}
.banner-set .banner .description {
height: 54px;
overflow: hidden;
text-overflow: ellipsis;
}
.banner-set .banner:hover {
color: #1e1e1e;
-webkit-box-shadow: inset 0 0 10px rgba(0, 0, 0, .13);
-moz-box-shadow: inset 0 0 10px rgba(0, 0, 0, .13);
box-shadow: inset 0 0 10px rgba(0, 0, 0, .13);
opacity: 1;
filter: alpha(opacity=100);
-webkit-transition: color .2s linear,
box-shadow .2s linear;
transition: color .2s linear,
box-shadow .2s linear;
}
.banner-set .banner:hover img {
opacity: .9;
filter: alpha(opacity=90);
-webkit-transition: opacity .2s linear;
transition: opacity .2s linear;
}
.banner-set .banner:hover .title {
color: #1e1e1e;
-webkit-transition: all .2s linear;
transition: all .2s linear;
}
.banner-set .nav-box {
padding: 0;
text-align: center;
vertical-align: top;
}
.banner-set > .container:after {
border-top: 1px solid #e1e1e1;
content: "";
display: block;
left: 0;
margin-top: -1px;
position: absolute;
right: 0;
}
.banner-set .next,
.banner-set .prev,
.banner-set .pagination {
display: inline-block;
margin-top: 15px;
vertical-align: top;
}
.banner-set .next,
.banner-set .prev {
color: #ccc;
font-size: 13px;
height: 14px;
line-height: 14px;
vertical-align: top;
-webkit-transition: color .2s linear;
transition: color .2s linear;
}
.banner-set .next:hover,
.banner-set .prev:hover {
color: #1e1e1e;
-webkit-transition: color .2s linear;
transition: color .2s linear;
}
.banner-set .next.disabled,
.banner-set .prev.disabled {
cursor: default;
opacity: .12;
filter: alpha(opacity=12);
}
.banner-set .next .glyphicon,
.banner-set .prev .glyphicon {
margin: 0;
top: 0;
vertical-align: top;
}
.banner-set .pagination {
height: 14px;
margin: 15px 7px 0;
}
.banner-set .pagination a {
background: #ececec;
}
.banner-set .pagination a:hover {
background: #000;
}
.banner-set .pagination a.selected {
background: #ccc;
}
.banner-set.banner-set-mini {
overflow: visible;
padding-bottom: 0;
}
.load.banner-set.banner-set-mini .container,
.load.banner-set.banner-set-mini .container .banners {
height: 127px;
overflow: hidden;
}
.banner-set.banner-set-mini .banner {
padding: 9px;
width: 146px;
}
.banner-set.banner-set-mini .banner img {
margin-bottom: 14px;
}
.banner-set.banner-set-mini .banner .title {
font-size: 14px;
padding: 0;
}
.banner-set.banner-set-mini .pagination {
margin-bottom: 15px;
}
.banner-set.banner-set-mini.banner-set-no-pagination .nav-box,
.banner-set.banner-set-mini.banner-set-no-pagination .nav-box .container {
position: relative;
}
.banner-set.banner-set-mini.banner-set-no-pagination .pagination {
display: none !important;
}
.banner-set.banner-set-mini.banner-set-no-pagination .prev,
.banner-set.banner-set-mini.banner-set-no-pagination .next {
left: 0;
margin: -70.5px 0 0 -15px;
position: absolute;
top: 0;
}
.banner-set.banner-set-mini.banner-set-no-pagination .next {
left: auto;
margin-left: 0;
margin-right: -15px;
right: 0;
}
.container .banner-set.banner-set-mini.banner-set-no-pagination .prev {
margin-left: -30px;
}
.container .banner-set.banner-set-mini.banner-set-no-pagination .next {
margin-right: -30px;
}
/******************************************************************************
MAIN SECTION
*******************************************************************************/
#main {
padding: 80px 0;
}
#main.no-padding {
padding: 0;
}
#main.no-bottom-padding {
padding-bottom: 0;
}
#main.bottom-padding-40 {
padding-bottom: 40px;
}
.page-header {
border-bottom: 1px solid #e1e1e1;
border-top: 1px solid #e1e1e1;
padding: 15px 0;
background-color: #f2f2f2;
margin: 0px;
}
.fixed-header .page-header {
margin: 120px 0 0px;
}
.fixed-header.hidden-top .page-header {
margin: 0px 0 0px;
}
.page-header .title {
font-weight: normal;
margin: 0;
padding: 0;
position: relative;
}
.page-header .container {
position: relative;
}
.page-header .container:before {
background: #1e1e1e;
bottom: 0px;
content: "";
display: block;
height: 1px;
left: 15px;
margin: 0 0 -1px;
position: absolute;
width: 40px;
}
.page-header .page-description {
padding: 0 0 18px;
}
.title-box {
border-bottom-width: 0px;
margin-bottom: 40px;
position: relative;
}
.title-box.no-margin,
.no-margin {
margin-bottom: 0 !important;
}
.title-box_new.no-margin,
.no-margin {
margin-bottom: 0 !important;
}
.title-box h1:before {
bottom: 0;
content: "";
display: block;
height: 2px;
left: 0;
right: 0;
margin: -2px auto;
position: absolute;
width: 40px;
}
.title-box_new h1:before {
bottom: 0;
content: "";
display: block;
height: 2px;
left: 0;
right: 0;
margin: -2px auto;
position: absolute;
width: 40px;
}
.title-box h2:before {
bottom: 0;
content: "";
display: block;
height: 2px;
left: 0;
margin: -2px auto;
position: absolute;
width: 40px;
}
.title-box.text-center h2:before {
bottom: 0;
content: "";
display: block;
height: 2px;
left: 0;
right: 0;
margin: -2px auto;
position: absolute;
width: 40px;
}
.title-box.text-right:before {
left: auto;
right: 0;
}
.title-box.text-center:before {
left: 50%;
margin-left: -20px;
}
.title-box .title {
font-size: 28px;
font-weight: normal;
margin: 0 0 12px 0;
padding: 14px 0 14px;
text-transform: uppercase;
color: #0F3774;
}
.title-box_new .title_new {
font-size: 28px;
font-weight: normal;
margin: 0 0 12px 0;
padding: 14px 0 14px;
text-transform: uppercase;
}
.title-box h1.title,
.title-box .h1.title {
font-size: 25px;
color: #123B76;
text-transform: uppercase;
text-align: center;
}
.title-box_new h1.title_new,
.title-box_new .h1.title_new {
font-size: 25px;
color: #123B76;
text-transform: uppercase;
text-align: left;
}
.title-box .btn {
font-size: 12px;
padding-left: 15px;
padding-right: 15px;
position: absolute;
right: 0;
top: 0;
}
.title-box_new .btn {
font-size: 12px;
padding-left: 15px;
padding-right: 15px;
position: absolute;
right: 0;
top: 0;
}
.title-box .btn .glyphicon {
margin: -1px 0 0 3px;
}
.title-box.title-white,
.page-header.white {
border-color: rgba(255, 255, 255, .3);
}
.title-box.title-white:before,
.page-header.white .container:before,
.title-box.title-white h2:before {
background: #fff;
}
.title-box.title-white .title {
color: #fff;
}
/******************************************************************************
Home Pages
*******************************************************************************/
/* Packages */
.package {
background: #f7f7f7;
margin: 0 auto 40px;
max-width: 370px;
}
.package .title {
line-height: 32px;
padding: 20px 20px 15px;
}
.package .title a {
color: #1e1e1e;
font-size: 28px;
font-weight: bold;
line-height: 32px;
text-decoration: none;
}
.package .price-box {
font-size: 12px;
line-height: 18px;
overflow: hidden;
padding: 0 20px 20px;
}
.package .price-box .icon {
color: #505050;
height: 96px;
text-align: center;
width: 96px;
}
.package .price-box .icon i {
background: none;
font-size: 50px;
height: auto;
line-height: 100px;
margin: 0;
width: auto;
}
.package .price-box .description {
margin: 0 120px 17px 0;
}
.package .price-box .price {
font-size: 36px;
font-weight: bold;
line-height: 1;
margin: 7px 0 0;
}
.package .price-box .price span {
font-size: 12px;
}
.package .bottom-box {
border-top-width: 1px;
overflow: hidden;
padding: 19px 19px 20px;
}
.package .bottom-box .more {
color: #7f7f7f;
display: block;
float: left;
font-size: 12px;
line-height: 1;
text-decoration: none;
-webkit-transition: opacity .2s linear;
transition: opacity .2s linear;
}
.package .bottom-box .more:hover {
opacity: .65;
filter: alpha(opacity=65);
-webkit-transition: opacity .2s linear;
transition: opacity .2s linear;
}
.package .bottom-box .more span {
font-size: 17px;
line-height: 12px;
margin: 0 0 0 3px;
vertical-align: top;
}
.package .bottom-box .rating-box {
float: right;
}
/******************************************************************************
Features
*******************************************************************************/
.features-block .header-box {
display: block;
min-height: 30px;
margin: 0 0 13px;
overflow: hidden;
}
.features-block .header-box .icon-box {
background: none;
color: #1e1e1e;
float: left;
height: 30px;
margin: 0 10px 0 0;
text-align: center;
width: 24px;
-webkit-transition: opacity .2s linear;
transition: opacity .2s linear;
}
.features-block .header-box a.icon-box:hover {
opacity: 0.8;
filter: alpha(opacity=80);
-webkit-transition: opacity .2s linear;
transition: opacity .2s linear;
}
.features-block .header-box .icon-box i:before {
font-size: 20px;
line-height: 30px;
}
.features-block .header-box h6 {
margin: 6px 0 0;
}
.features-list {
padding: 40px 0 0 0px;
}
.features-list-left {
text-align: left;
}
.features-list-right {
text-align: left;
}
.features-list-right.text-right {
text-align: right;
}
.features-list li {
list-style: none;
padding: 20px 0;
line-height: 2;
font-size: 15px;
font-weight: 300;
position: relative;
}
.features-list li i {
display: block;
border-radius: 50%;
-moz-border-radius: 50%;
-webkit-border-radius: 50%;
-o-border-radius: 50%;
-ms-border-radius: 50%;
width: 70px;
height: 70px;
margin: 20px auto;
line-height: 70px;
top: 0px;
text-align: center;
position: absolute;
}
.features-list-left li i {
left: 0px;
}
.features-list-right li i {
right: 0px;
}
.features-list-left .features-content {
margin-left: 90px;
}
.features-list-right .features-content {
margin-right: 90px;
}
/* Double Image */
.relative {
position: relative;
}
.double-img {
position: relative;
}
.image-right {
margin-left: -25%;
position: relative;
}
/* Welcome block */
.content-block {
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
padding: 20px;
}
.content-block .btn + .btn {
margin-left: 14px;
}
.content-block .btn.pull-left {
margin: 0 10px 0 0;
}
.content-block .btn.pull-right {
margin: 0 0 0 10px;
}
/******************************************************************************
Special Features
*******************************************************************************/
.special-feature .section-title hr {
border-color: #151515;
}
.special-feature i {
font-size: 65px;
line-height: 75px;
}
.special-feature h4 {
font-size: 20px;
margin-top: 25px;
position: relative;
}
.special-feature .mask-top {
width: 100%;
background-color: #fbfbfb;
padding: 80px 0;
position: absolute;
top: 0px;
-webkit-transition: all 0.3s ease-out 0s;
-moz-transition: all 0.3s ease-out 0s;
-o-transition: all 0.3s ease-out 0s;
-ms-transition: all 0.3s ease-out 0s;
transition: all 0.3s ease-out 0s;
}
.special-feature .mask-top h4:before {
top: -18px;
content: "";
display: block;
height: 2px;
left: 0;
right: 0;
margin: -2px auto;
position: absolute;
width: 40px;
}
.special-feature .s-feature-box:hover .mask-top {
top: -200px;
-webkit-transition: all 0.3s ease-out 0s;
-moz-transition: all 0.3s ease-out 0s;
-o-transition: all 0.3s ease-out 0s;
-ms-transition: all 0.3s ease-out 0s;
transition: all 0.3s ease-out 0s;
}
.special-feature .s-feature-box {
overflow: hidden;
position: relative;
height: 326px;
border: 1px solid #f2f2f2;
margin-bottom: 20px;
cursor: pointer;
}
.special-feature .mask-bottom {
color: #333333;
padding: 20px 15px 20px 15px;
width: 100%;
position: absolute;
bottom: -300px;
height: 100%;
-webkit-transition: all 0.3s ease-out 0s;
-moz-transition: all 0.3s ease-out 0s;
-o-transition: all 0.3s ease-out 0s;
-ms-transition: all 0.3s ease-out 0s;
transition: all 0.3s ease-out 0s;
}
.special-feature .mask-bottom p {
padding: 0px 5px;
}
.special-feature .mask-bottom h4 {
margin: 15px 0px 17px;
}
.special-feature .s-feature-box:hover .mask-bottom {
bottom: 0;
-webkit-transition: all 0.3s ease-out 0s;
-moz-transition: all 0.3s ease-out 0s;
-o-transition: all 0.3s ease-out 0s;
-ms-transition: all 0.3s ease-out 0s;
transition: all 0.3s ease-out 0s;
}
.special-feature .mask-bottom i {
font-size: 38px;
line-height: 50px;
}
/* Who We Are */
.who-we-are.container {
max-width: 1200px;
}
/* Responsive */
.responsive-features span {
font-size: 24px;
margin-right: 10px;
}
.responsive-features .col-md-4 {
padding-left: 0;
}
.responsive-features h4 {
display: inline-block;
margin: 0 0 15px;
font-size: 21px;
text-transform: capitalize;
}
/******************************************************************************
Service
*******************************************************************************/
.service .livicon,
.service i {
-webkit-border-radius: 35px;
-moz-border-radius: 35px;
border-radius: 35px;
color: #1e1e1e;
display: block;
height: 50px;
position: absolute;
left: 15px;
margin: 0 15px 0 0;
text-align: center;
text-decoration: none;
width: 50px;
line-height: 50px;
-webkit-transition: opacity .2s linear;
transition: opacity .2s linear;
}
.service .livicon,
.service i {
padding: 0;
}
.service i {
margin-top: 10px;
}
.service:hover i {
background-color: transparent;
border: 1px solid #1e1e1e;
}
.service.no-border:hover i {
background-color: transparent;
border: 0;
}
.service a {
margin-left: 60px;
}
.service .icon:hover {
opacity: 0.8;
filter: alpha(opacity=80);
-webkit-transition: opacity .2s linear;
transition: opacity .2s linear;
}
.service .icon i:before {
font-size: 30px;
line-height: 70px;
}
.service .title {
margin: 2px 0 10px;
}
.service a:not(.btn),
.big-services-box a:not(.btn),
.features-block a:not(.btn) {
color: #1e1e1e;
display: inline-block;
-webkit-transition: opacity .2s linear;
transition: opacity .2s linear;
}
.service a:hover,
.big-services-box a:hover,
.features-block a:hover {
text-decoration: none;
opacity: 0.8;
filter: alpha(opacity=80);
text-decoration: none;
-webkit-transition: opacity .2s linear;
transition: opacity .2s linear;
}
.white .service a,
.white .big-services-box a {
color: #fff;
}
.service .text-small {
overflow: hidden;
}
.big-services-box {
margin-bottom: 40px;
text-align: center;
}
.service-box {
margin-bottom: 40px;
}
.service-box img {
margin-bottom: 20px;
}
.service-box a {
color: #1e1e1e;
text-decoration: none;
}
.service-box a:hover {
opacity: .8;
}
.big-icon,
.big-icon:visited {
-webkit-border-radius: 50px;
-moz-border-radius: 50px;
border-radius: 50px;
color: #1e1e1e;
display: block;
height: 100px;
margin: 0 auto 20px;
text-align: center;
width: 100px;
-webkit-transition: opacity .2s linear;
transition: opacity .2s linear;
}
.big-icon i:before {
font-size: 50px;
line-height: 100px;
}
a.big-icon:hover {
opacity: .8;
filter: alpha(opacity=80);
-webkit-transition: opacity .2s linear;
transition: opacity .2s linear;
}
.big-icon.pull-left {
margin: 0 20px 20px 0;
}
.small-icon,
.small-icon:visited {
-webkit-border-radius: 50px;
-moz-border-radius: 50px;
border-radius: 50px;
color: #1e1e1e;
display: block;
height: 50px;
margin: 0 auto 20px;
text-align: center;
width: 50px;
-webkit-transition: opacity .2s linear;
transition: opacity .2s linear;
}
.small-icon i:before {
font-size: 30px;
line-height: 50px;
}
a.small-icon:hover {
opacity: .8;
filter: alpha(opacity=80);
-webkit-transition: opacity .2s linear;
transition: opacity .2s linear;
}
.small-icon.pull-left {
margin: 0 20px 20px 0;
}
/******************************************************************************
Service Time-line
*******************************************************************************/
.timeliner {
position: relative;
padding: 0;
margin-top: 20px;
list-style: none;
}
.timeliner:before {
content: "";
position: absolute;
top: 0;
bottom: 0;
left: 40px;
width: 2px;
margin-left: -1.5px;
background-color: #f1f1f1;
}
.timeliner > li {
position: relative;
margin-bottom: 50px;
min-height: 50px;
}
.timeliner > li:before,
.timeliner > li:after {
content: " ";
display: table;
}
.timeliner > li:after {
clear: both;
}
.timeliner > li .timeline-panel {
float: right;
position: relative;
width: 100%;
padding: 0 20px 0 100px;
text-align: left;
}
.timeliner > li .timeline-panel:before {
right: auto;
left: -15px;
border-right-width: 15px;
border-left-width: 0;
}
.timeliner > li .timeline-panel:after {
right: auto;
left: -14px;
border-right-width: 14px;
border-left-width: 0;
}
.timeliner > li .timeline-image {
z-index: 100;
position: absolute;
left: 0;
width: 80px;
height: 80px;
margin-left: 0;
border: 7px solid #f1f1f1;
border-radius: 100%;
text-align: center;
color: #fff;
}
.timeliner > li .timeline-image h4 {
margin-top: 12px;
color: #171717;
}
.timeliner > li.timeline-inverted > .timeline-panel {
float: right;
padding: 0 20px 0 100px;
text-align: left;
}
.timeliner > li.timeline-inverted > .timeline-panel:before {
right: auto;
left: -15px;
border-right-width: 15px;
border-left-width: 0;
}
.timeliner > li.timeline-inverted > .timeline-panel:after {
right: auto;
left: -14px;
border-right-width: 14px;
border-left-width: 0;
}
.timeliner > li:last-child {
margin-bottom: 0;
}
.timeliner .timeline-heading h4 {
margin-top: 0;
}
.timeliner .timeline-heading h4.subheading {
text-transform: none;
text-transform: uppercase;
color: #171717;
font-weight: 700;
}
.timeliner .timeline-body > p,
.timeliner .timeline-body > ul {
margin-bottom: 0;
}
/******************************************************************************
Why Choose Us
*******************************************************************************/
.why-choose ul {
list-style: none;
margin: 0;
padding: 0;
}
.why-choose li {
font-size: 13px;
line-height: 20px;
padding: 11px 0 8px 23px;
position: relative;
}
.why-choose li:before {
content: "✓";
display: block;
font-size: 16px;
left: 2px;
position: absolute;
top: 11px;
}
.why-choose li + li {
border-top-width: 1px;
}
/* Promo Partners */
.promo-partners {
font-size: 13px;
line-height: 20px;
}
.promo-partners .col-md-2 {
margin-bottom: 37px;
}
/* Latest Posts */
.latest-posts {
list-style: none;
margin: 0;
padding: 0;
}
.latest-posts li {
overflow: hidden;
padding: 22px 0;
}
.latest-posts li + li {
border-top-width: 1px;
}
.latest-postst li:first-child {
padding-top: 0;
}
.latest-posts li:last-child {
padding-bottom: 0;
}
.latest-posts li .image {
float: left;
height: 84px;
margin: 0 25px 0 0;
width: 84px;
}
.big-post .image {
margin-bottom: 20px;
}
.latest-posts li .meta,
.big-post .meta {
color: #7f7f7f;
font-size: 11px;
line-height: 18px;
margin: 0 0 10px;
}
.latest-posts li .description {
overflow: hidden;
}
.latest-posts li a,
.big-post a {
color: #1e1e1e;
line-height: 20px;
margin: 0;
}
.latest-posts-white li .meta {
color: rgba(255, 255, 255, .6);
}
.latest-posts-white li a {
color: rgba(255, 255, 255, .8);
}
.latest-posts-white li {
border-color: rgba(255, 255, 255, .3);
}
/******************************************************************************
Carousel
*******************************************************************************/
.carousel .col-sm-1,
.carousel .col-sm-2,
.carousel .col-sm-3,
.carousel .col-sm-4,
.carousel .col-sm-5,
.carousel .col-sm-6,
.carousel .col-sm-7,
.carousel .col-sm-8,
.carousel .col-sm-9,
.carousel .col-sm-10,
.carousel .col-sm-11,
.carousel .col-sm-12 {
display: block;
float: left;
}
.carousel .col-md-1 {
max-width: 80px;
}
.carousel .col-md-2 {
max-width: 161px;
}
.carousel .col-md-3 {
max-width: 242px;
}
.carousel .col-md-4 {
max-width: 323px;
}
.carousel .col-md-5 {
max-width: 404px;
}
.carousel .col-md-6 {
max-width: 485px;
}
.carousel .col-md-7 {
max-width: 565px;
}
.carousel .col-md-8 {
max-width: 646px;
}
.carousel .col-md-9 {
max-width: 727px;
}
.carousel .col-md-10 {
max-width: 808px;
}
.carousel .col-md-11 {
max-width: 889px;
}
.carousel .col-md-12 {
max-width: 970px;
}
.carousel-links a {
-webkit-transition: opacity .2s linear;
transition: opacity .2s linear;
}
.carousel-links a:hover {
opacity: .8;
filter: alpha(opacity=80);
-webkit-transition: opacity .2s linear;
transition: opacity .2s linear;
}
.carousel [class*="span"].pull-right {
float: right;
}
.load.carousel-box {
background-image: url("../img/svg/loader.svg"), none;
background-repeat: no-repeat;
background-position: 50% 50%;
background-size: 40px;
}
.load.carousel-box > * {
opacity: 0;
filter: alpha(opacity=0);
-webkit-transition: opacity .2s linear;
transition: opacity .2s linear;
}
.carousel-box {
position: relative;
}
.carousel-box > * {
-webkit-transition: opacity .2s linear;
transition: opacity .2s linear;
}
.load.carousel-box .carousel > a + a,
.load.carousel-box .carousel > div + div {
visibility: hidden;
}
.caroufredsel_wrapper {
margin-bottom: 0 !important;
}
.carousel-box .next,
.carousel-box .prev {
background-color: transparent;
-webkit-border-radius: 50%;
-moz-border-radius: 50%;
border-radius: 50%;
color: #111111;
display: block;
float: right;
height: 40px;
line-height: 40px;
margin: 0 0 0 10px;
text-align: center;
text-decoration: none;
width: 40px;
-webkit-transition: all .2s linear;
transition: all .2s linear;
border: 1px solid #111111;
}
.carousel-box.white .next,
.carousel-box.white .prev {
color: #ffffff;
}
.carousel-box.black .next,
.carousel-box.black .prev {
color: #111111;
}
.carousel-box.no-style .next,
.carousel-box.no-style .prev {
background-color: transparent;
color: #1e1e1e;
display: block;
float: right;
height: 40px;
line-height: 40px;
margin: 0 0 0 10px;
text-align: center;
text-decoration: none;
width: 20px;
border: 0;
-webkit-transition: all .2s linear;
transition: all .2s linear;
}
.carousel-box.no-style.white .next,
.carousel-box.no-style.white .prev {
color: #ffffff;
}
.carousel-box.no-style .next:hover,
.carousel-box.no-style .prev:hover {
background-color: transparent;
}
.carousel-box .next:hover,
.carousel-box .prev:hover {
background-color: #000;
color: #efefef;
text-decoration: none;
-webkit-transition: color .2s linear,
background-color .2s linear;
transition: color .2s linear,
background-color .2s linear;
}
.carousel-box.no-style .next:hover,
.carousel-box.no-style .prev:hover {
background: none;
}
.carousel-box .next:hover polygon,
.carousel-box .prev:hover polygon {
fill: #efefef;
}
.carousel-box .next svg {
margin-left: 2px;
}
.carousel-box .prev svg {
margin-right: 2px;
}
.carousel-box .next *,
.carousel-box .prev * {
vertical-align: middle;
}
.carousel-box.no-nav .next,
.carousel-box.no-nav .prev {
display: none;
}
.carousel-box .pagination {
margin-bottom: 0;
text-align: center;
width: 100%;
}
.carousel-box.no-pagination .pagination {
display: none;
}
.overflow {
overflow: hidden;
}
.carousel-box .pagination a {
background: #333333;
}
.carousel-box .pagination.white-bg a {
background: #ffffff;
}
.carousel-box .pagination.white-bg a.selected, .banner-set .pagination.white-bg a.selected {
background: #848282;
}
.carousel-box .pagination a:hover {
background: #000;
}
.carousel-box .pagination a.selected {
background: #ccc;
background: rgba(0, 0, 0, .3);
}
.carousel-control {
top: 0%;
width: 10%;
}
.carousel-control .icon-prev,
.carousel-control .icon-next,
.carousel-control .fa {
display: inline-block;
position: absolute;
top: 50%;
z-index: 5;
}
.carousel-control .fa-angle-right {
margin-left: -25px;
}
.carousel-control .fa,
.carousel-control .icon-prev,
.carousel-control .icon-next {
font-size: 30px;
height: 30px;
margin-top: -15px;
width: 30px;
}
/******************************************************************************
Products
*******************************************************************************/
.product {
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;
display: inline-block;
float: none;
margin: 0 0 40px;
min-width: 240px;
overflow: hidden;
position: relative;
text-align: left;
vertical-align: top;
}
.product.product-mini {
min-width: 180px;
}
.carousel .product.product-mini {
width: 200px;
}
.product.rotation,
.employee.rotation {
overflow: visible;
}
.double-product {
min-width: 240px;
}
.double-product .product.rotation {
min-width: 210px;
}
.carousel .product.rotation {
margin-top: 40px;
}
.carousel .double-product .product.rotation + .product.rotation {
margin-top: 0;
}
.product .default {
background: #f7f7f7;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;
overflow: hidden;
position: relative;
}
.product .product-image {
display: block;
line-height: 0;
margin: 0;
}
.product .limit-offer {
background: #1e1e1e;
background: rgba(30, 30, 30, .9);
bottom: 72px;
color: #fff;
font-size: 12px;
left: 0;
line-height: 1;
padding: 10px 0 13px;
position: absolute;
right: 0;
width: auto !important;
}
.product .limit-offer .title {
margin: 0 0 3px;
}
.product .limit-offer .county-days-wrapper,
.product .limit-offer .county-hours-wrapper,
.product .limit-offer .county-minutes-wrapper,
.product .limit-offer .county-seconds-wrapper {
-webkit-box-sizing: content-box;
-moz-box-sizing: content-box;
box-sizing: content-box;
display: inline-block;
font-size: 30px;
height: 26px;
overflow: hidden;
padding: 0 7px 2px 6px;
position: relative;
text-align: center;
}
.product .limit-offer .county-days,
.product .limit-offer .county-hours,
.product .limit-offer .county-minutes,
.product .limit-offer .county-seconds {
font-size: 30px;
left: 0;
right: 0;
}
.product .limit-offer .loaded {
-webkit-box-sizing: content-box;
-moz-box-sizing: content-box;
box-sizing: content-box;
padding-left: 7px;
padding-right: 6px;
position: absolute;
}
.product .limit-offer .county-days-wrapper span,
.product .limit-offer .county-hours-wrapper span,
.product .limit-offer .county-minutes-wrapper span,
.product .limit-offer .county-seconds-wrapper span {
opacity: 1 !important;
}
.product .limit-offer .county-label-days,
.product .limit-offer .county-label-hours,
.product .limit-offer .county-label-minutes,
.product .limit-offer .county-label-seconds {
color: rgba(255, 255, 255, .7);
display: inline-block;
text-align: center;
text-transform: lowercase;
}
.product .limit-offer .county-days-wrapper:before,
.product .limit-offer .county-hours-wrapper:before,
.product .limit-offer .county-minutes-wrapper:before {
background: #fff;
background: rgba(255, 255, 255, .4);
content: "";
display: block;
height: 11px;
position: absolute;
right: 0;
top: 11px;
width: 1px;
}
.county-label-days i,
.county-label-hours i,
.county-label-minutes i,
.county-label-seconds i {
font-style: normal;
}
.product .limit-offer .county-label-days i,
.product .limit-offer .county-label-hours i,
.product .limit-offer .county-label-minutes i,
.product .limit-offer .county-label-seconds i {
display: none;
}
.product .not-rotation-actions {
background: #1e1e1e;
background: rgba(30, 30, 30, .9);
bottom: 0;
left: 0;
right: 0;
padding: 9px 10px;
position: absolute;
text-align: center;
-webkit-transition: bottom .2s linear;
transition: bottom .2s linear;
z-index: 1;
}
.product:hover .not-rotation-actions {
bottom: 72px;
-webkit-transition: bottom .2s linear;
transition: bottom .2s linear;
}
.product .not-rotation-actions + .product-description .limit-offer {
-webkit-transition: bottom .2s linear;
transition: bottom .2s linear;
}
.product:hover .not-rotation-actions + .product-description .limit-offer {
bottom: 144px;
-webkit-transition: bottom .2s linear;
transition: bottom .2s linear;
}
.product .product-description {
background: #f2f2f2;
border-top: 1px solid #e1e1e1;
color: #505050;
display: table;
font-size: 13px;
height: 72px;
line-height: 18px;
position: relative;
text-align: center;
width: 100%;
z-index: 1;
}
.product .product-description .vertical {
display: table-cell;
height: 72px;
padding-left: 5px;
padding-right: 5px;
vertical-align: middle;
}
.product .product-name {
color: #1e1e1e;
font-size: 13px;
font-weight: normal;
line-height: 18px;
margin: 0 0 4px;
}
.product .product-name a {
text-decoration: none;
-webkit-transition: opacity .2s linear;
transition: opacity .2s linear;
}
.product .product-name a:hover {
opacity: 0.8;
filter: alpha(opacity=80);
-webkit-transition: opacity .2s linear;
transition: opacity .2s linear;
}
.products-tab .product .product-name {
text-transform: none;
}
.product .price {
font-weight: bold;
}
.product .product-hover {
background: #1e1e1e;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
bottom: 0;
color: #7f7f7f;
display: none;
font-size: 12px;
line-height: 20px;
left: 0;
padding: 16px 20px 90px;
position: absolute;
right: 0;
top: 0;
width: auto !important;
}
.col-md-1.product .product-hover,
.col-md-2.product .product-hover,
.col-md-3.product .product-hover,
.col-md-4.product .product-hover,
.col-md-5.product .product-hover,
.col-md-6.product .product-hover,
.col-md-7.product .product-hover,
.col-md-8.product .product-hover,
.col-md-9.product .product-hover,
.col-md-10.product .product-hover,
.col-md-11.product .product-hover,
.col-md-11.product .product-hover {
left: 15px;
right: 15px;
}
.product:hover .product-hover {
display: block;
-webkit-animation: fadeIn 0.8s;
animation: fadeIn 0.8s;
}
.product .product-hover .product-name {
font-size: 13px;
font-weight: normal;
line-height: 18px;
margin: 0 0 7px;
}
.product .product-hover .product-name a {
color: #fff;
-webkit-transition: opacity .2s linear;
transition: opacity .2s linear;
}
.product .product-hover .product-name a:hover {
opacity: 0.8;
filter: alpha(opacity=80);
-webkit-transition: opacity .2s linear;
transition: opacity .2s linear;
text-decoration: none;
}
.product .product-hover .price {
font-size: 18px;
font-weight: normal;
line-height: 1;
margin: 0 0 24px;
}
.product .product-hover .product-image {
background: #f7f7f7;
-webkit-border-radius: 2px;
-moz-border-radius: 2px;
border-radius: 2px;
display: block;
height: 70px;
float: right;
line-height: 0;
margin: 4px 0 0 5px;
padding: 0;
position: relative;
width: 70px;
z-index: 1;
}
.product .product-hover .product-image img {
background: #f7f7f7;
-webkit-border-radius: 2px;
-moz-border-radius: 2px;
border-radius: 2px;
}
.product .product-hover ul {
margin: 0;
max-height: 120px;
overflow: hidden;
padding: 0;
}
.product .product-hover ul li {
background-image: url("../img/svg/check-icon.svg"), none;
background-repeat: no-repeat;
background-position: 0 5px;
line-height: 20px;
list-style: none;
padding: 0 0 0 15px;
position: relative;
}
.product .product-hover .actions {
bottom: 20px;
left: 0;
position: absolute;
text-align: center;
width: 100%;
}
.product .actions a {
background: #fff;
display: inline-block;
height: 54px;
margin: 0 -2px;
padding-top: 19px;
text-align: center;
text-decoration: none;
vertical-align: top;
width: 54px;
-webkit-transition: all .2s linear;
transition: all .2s linear;
}
.product .actions a + a {
border-left-width: 1px;
}
.product .actions .add-cart {
-webkit-border-radius: 3px 0 0 3px;
-moz-border-radius: 3px 0 0 3px;
border-radius: 3px 0 0 3px;
}
.product .actions .add-compare {
-webkit-border-radius: 0 3px 3px 0;
-moz-border-radius: 0 3px 3px 0;
border-radius: 0 3px 3px 0;
}
.product .actions a:hover {
background: #f2f2f2;
-webkit-transition: all .2s linear;
transition: all .2s linear;
}
.product .actions a i {
color: #1e1e1e;
line-height: 57px;
}
.product .actions a i:before {
font-size: 16px;
width: auto;
}
.product.product-danger .limit-offer,
.product.product-danger .not-rotation-actions {
background-color: rgba(212, 7, 70, .9);
}
.product.product-danger .actions a svg path {
fill: #ffc400;
}
.product.product-success .product-hover,
.product.product-success .limit-offer,
.product.product-success .not-rotation-actions {
background-color: #84a200;
}
.product.product-success .limit-offer,
.product.product-success .not-rotation-actions {
background-color: rgba(132, 162, 0, .9);
}
.product.product-success .actions a svg path {
fill: #84a200;
}
.product.product-info .product-hover,
.product.product-info .limit-offer,
.product.product-info .not-rotation-actions {
background-color: #01a5db;
}
.product.product-info .limit-offer,
.product.product-info .not-rotation-actions {
background-color: rgba(1, 165, 219, .9);
}
.product.product-info .actions a svg path {
fill: #01a5db;
}
.product.product-warning .product-hover,
.product.product-warning .limit-offer,
.product.product-warning .not-rotation-actions {
background-color: #f89406;
}
.product.product-warning .limit-offer,
.product.product-warning .not-rotation-actions {
background-color: rgba(248, 148, 6, .9);
}
.product.product-warning .actions a svg path {
fill: #f89406;
}
.rotation {
background: none;
-webkit-perspective: 600px;
-moz-perspective: 600px;
perspective: 600px;
}
.rotation .default,
.rotation .front-end {
overflow: hidden;
position: relative;
-webkit-transform: rotateX(0deg) rotateY(0deg);
-webkit-transform-style: preserve-3d;
-webkit-backface-visibility: hidden;
-moz-transform: rotateX(0deg) rotateY(0deg);
-moz-transform-style: preserve-3d;
-moz-backface-visibility: hidden;
transform: rotateY(0deg);
-webkit-transition: all .6s ease-in-out;
-moz-transition: all .6s ease-in-out;
transition: all .6s ease-in-out;
z-index: 24;
}
.rotation .default {
background: #f7f7f7;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;
}
.rotation.hover .default,
.rotation.hover .front-end {
z-index: 35;
-webkit-transform: rotateY(180deg);
-moz-transform: rotateY(180deg);
transform: rotateY(180deg);
-webkit-transition-delay: .2s;
-moz-transition-delay: .2s;
transition-delay: .2s;
}
.rotation .product-hover,
.rotation .back-end {
display: block;
height: inherit;
-webkit-transform: rotateY(-180deg);
-webkit-transform-style: preserve-3d;
-webkit-backface-visibility: hidden;
-moz-transform: rotateY(-180deg);
-moz-transform-style: preserve-3d;
-moz-backface-visibility: hidden;
transform: rotateY(-180deg);
-moz-transition: all .6s ease-in-out;
-webkit-transition: all .6s ease-in-out;
transition: all .6s ease-in-out;
width: 100%;
z-index: 13;
}
.rotation.hover .product-hover,
.rotation.hover .back-end {
z-index: 46;
-webkit-transform: rotateX(0deg) rotateY(0deg);
-moz-transform: rotateX(0deg) rotateY(0deg);
transform: rotateY(0deg);
-webkit-transition-delay: .2s;
-moz-transition-delay: .2s;
transition-delay: .2s;
}
.list .product {
background: none;
display: block;
margin-left: 0;
margin-right: 0;
overflow: hidden;
width: auto;
}
.list .product .product-image {
background: #f7f7f7;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;
margin: 0;
overflow: hidden;
position: relative;
text-align: center;
width: 100%;
}
.list .product .product-name {
color: #1e1e1e;
font-size: 20px;
font-weight: normal;
line-height: 30px;
margin: 0 0 14px;
}
.reviews-box {
color: #7f7f7f;
font-size: 12px;
line-height: 14px;
}
.list .product .reviews-box {
margin: 0 0 16px;
}
.reviews-box .rating-box {
float: left;
margin: 0 20px 0 0;
}
.reviews-box .separator {
margin: 0 4px;
}
.reviews-box .add-review {
color: #7f7f7f;
text-decoration: none;
}
.reviews-box .add-review:hover {
opacity: .8;
filter: alpha(opacity=80);
-webkit-transition: opacity .2s linear;
transition: opacity .2s linear;
}
.list .product .excerpt {
color: #7f7f7f;
font-size: 12px;
line-height: 20px;
margin: 0 0 15px;
}
.list .product .price-box {
margin: 0 0 30px;
}
.list .product .price {
font-size: 24px;
font-weight: normal;
}
.list .product .price-old {
font-size: 18px;
}
.list .product .actions a {
background: #f2f2f2;
-webkit-transition: all .2s linear;
transition: all .2s linear;
}
.list .product .actions a:hover {
background: #1e1e1e;
-webkit-transition: all .2s linear;
transition: all .2s linear;
}
.list .product .actions a path {
-webkit-transition: all .2s linear;
transition: all .2s linear;
}
.list .product .actions a:hover path {
fill: #fff;
-webkit-transition: all .2s linear;
transition: all .2s linear;
}
/******************************************************************************
Products Tab
*******************************************************************************/
.products-tab .nav-tabs > li > a {
color: #7f7f7f;
font-size: 18px;
line-height: 33px;
}
.products-tab .nav-tabs > .active > a,
.products-tab .nav-tabs > .active > a:hover,
.products-tab .nav-tabs > .active > a:focus {
color: #7f7f7f;
font-weight: normal;
}
.products-tab .tab-content > .tab-pane {
overflow: hidden;
padding: 40px 0 0;
}
.products-tab .product.rotation {
overflow: visible;
}
/******************************************************************************
Manufactures
*******************************************************************************/
.manufactures .make-wrapper {
float: left;
height: 164px;
margin: 0 15px;
width: 164px;
}
.manufactures-list {
text-align: center;
}
.manufactures-list .make-wrapper {
display: inline-block;
float: none;
margin-bottom: 30px;
}
.manufactures .make {
background: #f7f7f7;
border: 1px solid #f7f7f7;
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
border-radius: 4px;
display: table-cell;
height: 164px;
line-height: 0;
max-height: 100%;
opacity: .6;
filter: alpha(opacity=60);
padding: 0 20px;
text-align: center;
vertical-align: middle;
-webkit-transition: background .2s linear,
border .2s linear,
opacity .2s linear;
transition: background .2s linear,
border .2s linear,
opacity .2s linear;
}
.manufactures a.make:hover {
background: #f2f2f2;
border: 1px solid #ccc;
opacity: 1;
filter: alpha(opacity=100);
-webkit-transition: background .2s linear,
border .2s linear,
opacity .2s linear;
transition: background .2s linear,
border .2s linear,
opacity .2s linear;
}
/******************************************************************************
Clients
*******************************************************************************/
.client {
background: #f7f7f7;
border: 1px solid #f7f7f7;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;
display: inline-block;
margin: 0 auto 20px;
max-width: 100%;
text-align: center;
-webkit-transition: all .2s ease-in;
transition: all .2s ease-in;
width: 200px;
}
.client:hover {
border-color: #e1e1e1;
-webkit-transition: border-color .2s ease-in;
transition: border-color .2s ease-in;
}
.client + .tooltip {
font-size: 14px;
z-index: 800;
}
.client + .tooltip .tooltip-inner {
padding: 10px;
}
.carousel .client {
margin-bottom: 0;
}
.client-img img {
padding: 10px 20px;
}
/******************************************************************************
News
*******************************************************************************/
.news .news-item {
font-size: 12px;
line-height: 20px;
margin-bottom: 35px;
}
.news .news-item .time {
color: #7f7f7f;
margin-bottom: 2px;
}
.news .news-item .title {
font-size: 14px;
margin-bottom: 7px;
}
.news .news-item .title a {
color: #1e1e1e;
-webkit-transition: all .2s linear;
transition: all .2s linear;
}
.news .news-item .title a:hover {
opacity: .75;
filter: alpha(opacity=75);
-webkit-transition: all .2s linear;
transition: all .2s linear;
}
.news .news-item .more {
color: #7f7f7f;
margin: 5px 0 0;
text-decoration: none;
-webkit-transition: all .2s linear;
transition: all .2s linear;
}
.news .news-item .more:hover {
opacity: .8;
filter: alpha(opacity=80);
-webkit-transition: all .2s linear;
transition: all .2s linear;
}
.news .news-item .more span {
font-size: 16px;
line-height: 20px;
vertical-align: top;
}
/******************************************************************************
Category
*******************************************************************************/
#catalog .category-img {
background: #f2f2f2;
margin: 0 0 80px;
position: relative;
}
#catalog .category-img img {
width: 100%;
}
#catalog .category-img .description {
background: rgb(30, 30, 30);
background: rgba(30, 30, 30, .7);
bottom: 0;
color: #fff;
font-size: 20px;
font-weight: bold;
left: 0;
padding: 35px 38px;
position: absolute;
right: 0;
}
.toolbar .grid-list {
float: left;
}
.toolbar .grid-list .grid,
.toolbar .grid-list .list {
background-color: #1e1e1e;
background-color: rgba(30, 30, 30, .7);
-webkit-border-radius: 2px;
-moz-border-radius: 2px;
border-radius: 2px;
display: block;
float: left;
height: 24px;
margin: 0 7px 0 0;
text-align: center;
width: 24px;
}
.toolbar .grid-list a.grid,
.toolbar .grid-list a.list {
background: #ccc;
-webkit-transition: background .2s linear;
transition: background .2s linear;
}
.toolbar .grid-list a.grid:hover,
.toolbar .grid-list a.list:hover {
background: #1e1e1e;
-webkit-transition: background .2s linear;
transition: background .2s linear;
}
.toolbar .grid-list .grid .glyphicon,
.toolbar .grid-list .list .glyphicon {
color: #fff;
font-size: 12px;
margin: 5px 0 0;
top: 0;
vertical-align: top;
}
.toolbar .sort-catalog {
float: left;
margin: 0 17px 0 13px;
}
.toolbar .sort-catalog .dropdown-toggle {
background-color: #1e1e1e;
background-color: rgba(30, 30, 30, .7);
color: #ccc;
z-index: 26;
}
.toolbar .sort-catalog .dropdown-toggle span {
color: #f7f7f7;
}
.toolbar .sort-catalog .open .dropdown-toggle span {
color: #7f7f7f;
}
.btn-group.btn-select .dropdown-menu {
z-index: 25;
}
.btn-group.btn-select.open .btn.dropdown-toggle:after {
z-index: 27;
}
.btn.full {
width: 100%;
}
.toolbar .up-down {
background-color: #1e1e1e;
background-color: rgba(30, 30, 30, .7);
background-image: url("../img/up.png");
background-repeat: no-repeat;
background-position: 50% 50%;
-webkit-box-shadow: none;
-moz-box-shadow: none;
box-shadow: none;
height: 24px;
margin: 0 0 0 3px;
padding: 0;
vertical-align: top;
width: 22px;
}
.toolbar .up-down.active {
background-color: #1e1e1e;
background-color: rgba(30, 30, 30, .7);
background-image: url("../img/down.png");
background-repeat: no-repeat;
background-position: 50% 50%;
}
.toolbar .per-page {
color: #7f7f7f;
font-size: 12px;
line-height: 24px;
margin: 0 0 0 3px;
}
.toolbar .price-regulator {
color: #7f7f7f;
font-size: 12px;
width: 323px;
}
.toolbar .price-regulator b {
color: #1e1e1e;
display: inline-block;
margin-top: 5px;
}
.toolbar .price-regulator .layout-slider {
float: right;
margin-top: 5px;
width: 270px;
}
.jslider .jslider-pointer {
background: none;
height: 12px;
margin: 0 0 0 -4px;
width: 8px;
}
.jslider .jslider-pointer svg {
vertical-align: top;
}
.toolbar .grid-list,
.toolbar .sort-catalog {
margin-bottom: 20px;
}
#catalog .products {
clear: both;
margin-top: 20px;
}
#catalog .products.grid {
text-align: center;
}
.pagination-box {
margin: 40px 0 0;
}
.pagination-box .pagination {
margin: 0 10px 0 0;
}
/******************************************************************************
About Us
*******************************************************************************/
.about-us {
position: relative;
font-size: 13px;
}
.about-us strong {
font-size: 14px;
}
.about-us .progress-label {
color: #171717;
font-weight: 300;
position: absolute;
right: -1px;
top: -38px;
}
.about-us .progress-bar {
text-align: right;
position: absolute;
height: 12px;
}
.about-us .progress {
background-color: #333333;
margin-bottom: 10px;
}
.about-us h6 {
margin-bottom: 10px;
}
.our-team .social {
text-align: center;
}
.our-team .name {
font-size: 18px;
padding: 25px 0 15px 0;
margin: 0px;
position: relative;
}
.our-team .role {
padding: 10px 0 10px 0;
}
.our-team .name:before {
content: "";
position: absolute;
left: 0;
right: 0;
bottom: 0;
margin: 0px auto;
height: 2px;
width: 40px;
}
.our-team .social-icon {
margin-top: 20px;
}
.social-icon {
text-align: center;
margin: 10px 0;
}
.social-icon .item {
display: inline-block;
}
.team-member .social-icon .item a,
.team-member:hover .social-icon .item a:hover {
color: #333333;
}
.team-member .social-icon.white .item a,
.team-member:hover .social-icon.white .item a:hover {
color: #ffffff;
}
.employee {
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;
display: inline-block;
float: none;
margin: 0 0 40px;
min-width: 260px;
overflow: hidden;
position: relative;
text-align: left;
vertical-align: top;
}
.carousel .employee {
margin-top: 40px;
}
.employee .image {
background: #f2f2f2;
display: block;
line-height: 0;
margin: 0;
}
.employee .image > img {
width: 100%;
-webkit-transition: opacity 0.2s linear;
transition: opacity 0.2s linear;
}
.employee .description {
background: #f2f2f2;
border-top-width: 1px;
color: #505050;
display: table;
font-size: 13px;
height: 72px;
line-height: 18px;
text-align: center;
width: 100%;
}
.employee .description .vertical {
display: table-cell;
height: 72px;
padding-left: 5px;
padding-right: 5px;
vertical-align: middle;
}
.employee .name {
color: #1e1e1e;
font-size: 13px;
font-weight: normal;
line-height: 18px;
margin: 0 0 4px;
}
.employee .role {
font-size: 11px;
}
.employee .employee-hover {
background: #1e1e1e;
background: rgba(30, 30, 30, .9);
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
bottom: 0;
color: #7f7f7f;
display: none;
font-size: 12px;
line-height: 20px;
left: 15px;
padding: 16px 20px 90px;
position: absolute;
right: 15px;
top: 0;
}
.employee .employee-hover .name {
color: #fff;
font-size: 13px;
font-weight: normal;
line-height: 1.4;
margin: 0 0 7px;
}
.employee .employee-hover .role {
line-height: 1;
margin: 0 0 24px;
}
.employee .employee-hover .contact {
color: #fff;
}
.employee .employee-hover .image {
background: #f7f7f7;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;
display: block;
height: 60px;
float: right;
line-height: 0;
margin: 4px 0 0 5px;
overflow: hidden;
padding: 0;
position: relative;
width: 60px;
z-index: 1;
}
.employee .employee-hover .social {
bottom: 20px;
left: 20px;
position: absolute;
text-align: center;
}
.rotation .employee-hover {
display: block;
height: inherit;
transform: rotateY(-180deg);
-webkit-transform: rotateY(-180deg);
-webkit-transform-style: preserve-3d;
-webkit-backface-visibility: hidden;
-moz-transform: rotateY(-180deg);
-moz-transform-style: preserve-3d;
-moz-backface-visibility: hidden;
-o-transition: all .6s ease-in-out;
-ms-transition: all .6s ease-in-out;
-moz-transition: all .6s ease-in-out;
-webkit-transition: all .6s ease-in-out;
transition: all .6s ease-in-out;
z-index: 13;
}
.rotation.hover .employee-hover {
-moz-transform: rotateX(0deg) rotateY(0deg);
-moz-transition-delay: .2s;
-ms-transition-delay: .2s;
-o-transition-delay: .2s;
transform: rotateY(0deg);
transition-delay: .2s;
-webkit-transform: rotateX(0deg) rotateY(0deg);
-webkit-transition-delay: .2s;
z-index: 46;
}
.employee.employee-single {
margin: 0;
max-width: inherit;
width: auto;
}
.employee-single .images-box .carousel-box {
overflow: hidden;
}
.employee-single .images-box .image {
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
float: left;
margin: 0 0 20px;
text-align: center;
}
.employee-single .images-box img {
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
}
.employee-single .images-box .pagination {
margin-top: 0;
}
.employee-single .images-box .carousel-box.load {
max-height: 390px;
overflow: hidden;
}
.employee-single .employee-description .name {
font-size: 22px;
line-height: 1.3;
margin: 0 0 5px;
}
.employee-single .employee-description .role {
font-size: 14px;
margin: 0 0 22px;
}
.employee-single .employee-description .social {
margin: 22px 0 0;
}
.employee .employee-hover .social .item {
background: #fff;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;
float: left;
margin: 0 10px 0 0;
}
.employee .employee-hover .social .item .sbtnf {
float: none;
margin: 0;
overflow: inherit;
}
.employee-single-rotation .content-box {
padding-left: 15px;
padding-right: 15px;
}
/******************************************************************************
Contact Us
*******************************************************************************/
.contact-info {
margin-top: 30px;
}
.contact-info .title {
font-size: 20px;
font-weight: normal;
line-height: 1.3;
margin: 0 0 22px;
}
.contact-info address {
margin-top: 5px;
margin-bottom: 35px;
}
.contact-info hr {
margin: 0 0 36px;
}
.contact-form .buttons-box {
margin: 8px 0 0;
}
.map-box {
position: relative;
}
.map-box .contact-info {
background: #fff;
margin: 0;
padding: 5px 10px;
position: absolute;
top: 150px;
z-index: 1;
}
.map-box .contact-info address {
margin-bottom: 15px;
}
/******************************************************************************
Sitemap
*******************************************************************************/
.sitemap,
.sitemap ul {
list-style: none;
margin: 0;
padding: 0;
}
.sitemap ul {
margin: 0 0 0 15px;
}
.sitemap a {
background: #fff;
color: #1e1e1e;
line-height: 1;
padding: 0 5px 0 20px;
position: relative;
text-decoration: none;
-webkit-transition: opacity .2s linear;
transition: opacity .2s linear;
}
.sitemap a:hover {
opacity: .8;
filter: alpha(opacity=80);
-webkit-transition: opacity .2s linear;
transition: opacity .2s linear;
}
.sitemap a:before {
content: "\f0e8";
display: block;
font-family: FontAwesome;
font-size: 14px;
font-style: normal;
font-weight: normal;
line-height: 12px;
left: 0;
position: absolute;
top: 0px;
}
/******************************************************************************
Pricing
*******************************************************************************/
.pricing {
background-color: #fff;
margin: 0 auto 10px;
max-width: 270px;
position: relative;
text-align: center;
padding-top: 20px;
}
.three-column .pricing {
max-width: 500px;
}
.pricing * {
position: relative;
}
.pricing:before {
background: #f7f7f7;
background: rgba(30, 30, 30, .06);
bottom: 0;
content: "";
left: 0;
position: absolute;
right: 0;
top: 0;
}
.pricing .title {
line-height: 32px;
padding: 17px 20px 21px;
text-transform: uppercase;
}
.pricing .title a {
color: #1e1e1e;
font-size: 24px;
font-weight: bold;
line-height: 32px;
text-decoration: none;
}
.pricing .price-box {
font-size: 12px;
line-height: 1;
overflow: hidden;
padding: 0 20px 20px;
}
.pricing .price-box .icon {
background: #fff;
color: #505050;
height: 60px;
text-align: center;
width: 60px;
z-index: 1;
}
.pricing .price-box .icon i,
.pricing .price-box .icon .livicon {
background: none;
font-size: 30px;
height: auto;
line-height: 52px;
margin: 0;
width: auto;
}
.pricing .price-box .icon .livicon {
height: 60px !important;
}
.pricing .price-box .icon .livicon svg {
top: 0 !important;
vertical-align: middle;
}
.pricing .price-box .price {
font-size: 36px;
font-weight: bold;
margin: 13px 0 0;
font-family: Oswald, sans-serif;
}
.pricing .price-box .price span {
font-size: 12px;
display: block;
margin-top: 10px;
color: #333333;
font-family: 'Arimo', sans-serif;
}
.pricing .options {
list-style: none;
margin: 0;
padding: 0;
}
.pricing .options li {
border-top: 1px solid rgba(30, 30, 30, .1);
color: #999;
color: rgba(30, 30, 30, .4);
line-height: 22px;
padding: 13px 10px 13px 10px;
position: relative;
}
.pricing .options li span {
color: #1e1e1e;
margin-right: 10px;
line-height: 1;
}
.pricing .options li.active {
color: #1e1e1e;
}
.pricing .options li.active span {
}
.pricing .bottom-box {
border-top: 1px solid rgba(30, 30, 30, .1);
background: rgba(30, 30, 30, .05);
overflow: hidden;
padding: 19px 19px 20px;
}
.pricing .bottom-box .more {
color: #7f7f7f;
color: rgba(30, 30, 30, .7);
display: block;
float: left;
font-size: 12px;
line-height: 1;
text-decoration: none;
-webkit-transition: opacity .2s linear;
transition: opacity .2s linear;
}
.pricing .bottom-box .more:hover {
opacity: .65;
filter: alpha(opacity=65);
-webkit-transition: opacity .2s linear;
transition: opacity .2s linear;
}
.pricing .bottom-box .more span {
font-size: 17px;
line-height: 12px;
margin: 0 0 0 3px;
vertical-align: top;
}
.pricing .bottom-box .rating-box {
float: right;
}
.pricing .bottom-box .btn {
font-weight: bold;
margin: 10px 0 10px;
width: 100%;
}
.pricing.prising-info:before {
background: rgba(1, 165, 219, .06);
}
.pricing.prising-info .title a {
color: #01a5db;
}
.pricing.prising-info .price-box .icon {
color: #35beeb;
border-color: #35beeb;
}
.pricing.prising-info .options li,
.pricing.prising-info .bottom-box {
border-color: rgba(1, 165, 219, .1);
color: rgba(1, 165, 219, .4);
}
.pricing.prising-info .bottom-box {
border-top: 1px solid rgba(1, 165, 219, .1);
background: rgba(1, 165, 219, .05);
}
.pricing.prising-info .options li span,
.pricing.prising-info .bottom-box .more,
.pricing.prising-info .options li.active {
color: #01a5db;
}
.pricing.pricing-success:before {
background: rgba(132, 162, 0, .06);
}
.pricing.pricing-success .title a {
color: #84a200;
}
.pricing.pricing-success .price-box .icon {
border-color: #9ab71a;
color: #9ab71a;
}
.pricing.pricing-success .options li,
.pricing.pricing-success .bottom-box {
border-color: rgba(132, 162, 0, .1);
color: rgba(132, 162, 0, .4);
}
.pricing.pricing-success .bottom-box {
border-top: 1px solid rgba(132, 162, 0, .1);
background: rgba(132, 162, 0, .05);
}
.pricing.pricing-success .bottom-box .more,
.pricing.pricing-success .options li span,
.pricing.pricing-success .options li.active {
color: #84a200;
}
.pricing.pricing-error:before {
background: rgba(212, 7, 70, .06);
}
.pricing.pricing-error .title a {
color: #d40746;
}
.pricing.pricing-error .price-box .icon {
border-color: #de2a61;
color: #de2a61;
}
.pricing.pricing-error .options li,
.pricing.pricing-error .bottom-box {
border-color: rgba(212, 7, 70, .1);
color: rgba(212, 7, 70, .4);
}
.pricing.pricing-error .bottom-box {
border-top: 1px solid rgba(212, 7, 70, .1);
background: rgba(212, 7, 70, .05);
}
.pricing.pricing-error .options li span,
.pricing.pricing-error .bottom-box .more,
.pricing.pricing-error .options li.active {
color: #d40746;
}
/******************************************************************************
FAQ
*******************************************************************************/
.filter-elements-wrapper {
margin: 0 auto;
}
.filter-buttons {
display: block;
margin-bottom: 30px;
}
.filter-buttons .dropdown-toggle {
background: transparent;
border: 1px solid #e1e1e1;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;
color: #1e1e1e;
display: block;
float: left;
font-weight: bold;
height: 38px;
line-height: 38px;
margin-right: 20px;
padding: 0 10px 0 20px;
-webkit-transition: opacity .2s ease-out;
transition: opacity .2s ease-out;
}
.filter-buttons .dropdown-toggle .caret {
margin: -2px 0 0 5px;
}
.filter-buttons .dropdown-toggle:hover {
background: transparent;
text-decoration: none;
opacity: .7;
filter: alpha(opacity=70);
-webkit-transition: opacity .2s ease-out;
transition: opacity .2s ease-out;
}
.filter-buttons.open .dropdown-toggle {
background: transparent;
}
.filter-buttons .dropdown-menu {
border: 1px solid #e1e1e1;
}
.filter-buttons .dropdown-menu .active {
background-color: #f5f5f5;
}
.filter-buttons.white .dropdown-toggle,
.filter-buttons.white .dropdown-toggle .caret {
color: #fff;
}
/******************************************************************************
Portfolio
*******************************************************************************/
.isotope,
.isotope .isotope-item {
-webkit-transition-duration: 0.8s;
-moz-transition-duration: 0.8s;
-ms-transition-duration: 0.8s;
-o-transition-duration: 0.8s;
transition-duration: 0.8s;
}
.isotope {
-webkit-transition-property: height, width;
-moz-transition-property: height, width;
-ms-transition-property: height, width;
-o-transition-property: height, width;
transition-property: height, width;
}
.isotope .isotope-item {
-webkit-transition-property: -webkit-transform, opacity;
-moz-transition-property: -moz-transform, opacity;
-ms-transition-property: -ms-transform, opacity;
-o-transition-property: -o-transform, opacity;
transition-property: transform, opacity;
}
.isotope.no-transition,
.isotope.no-transition .isotope-item,
.isotope .isotope-item.no-transition {
-webkit-transition-duration: 0s;
-moz-transition-duration: 0s;
-ms-transition-duration: 0s;
-o-transition-duration: 0s;
transition-duration: 0s;
}
.isotope-item {
z-index: 2;
}
.isotope-hidden.isotope-item {
pointer-events: none;
z-index: 1;
}
.year-regulator {
padding-top: 13px;
}
.year-regulator .label {
color: inherit;
display: table-cell;
font-size: 12px;
line-height: 14px;
padding: 0 20px 0 0;
text-align: left;
vertical-align: middle;
}
.year-regulator .layout-slider {
display: table-cell;
width: 100%;
}
.year-regulator .layout-slider input[type="slider"] {
visibility: hidden;
}
.portfolio .filter-elements {
overflow: visible !important;
}
.portfolio .work {
margin-bottom: 40px;
}
.portfolio.no-padding .work {
margin-bottom: 0px;
}
.portfolio .work i {
margin: 10px 0;
font-size: 16px;
-webkit-border-radius: 100px;
-moz-border-radius: 100px;
border-radius: 100px;
background-color: rgba(0, 0, 0, .5);
width: 40px;
height: 40px;
line-height: 40px;
text-align: center;
}
.portfolio .work i:hover {
color: #ffffff;
}
.work,
.work:visited {
-webkit-border-radius: 0;
-moz-border-radius: 0;
border-radius: 0;
color: #fff;
display: block;
position: relative;
text-align: center;
}
.work:hover {
display: block;
text-decoration: none;
}
.carousel .work {
margin: 2px 1px;
}
.work img {
background-color: #555;
text-align: center;
width: 100%;
}
.work .shadow {
bottom: 0;
left: 0;
position: absolute;
right: 0;
top: 0;
}
.work .work-title {
left: 0;
right: 0;
position: absolute;
top: 50%;
transform: translateY(-50%);
-moz-transform: translateY(-50%);
-ms-transform: translateY(-50%);
-o-transform: translateY(-50%);
-webkit-transform: translateY(-50%);
}
.work .title {
bottom: 46px;
font-size: 18px;
font-weight: bold;
line-height: 20px;
margin: 7px;
text-align: center;
}
.work .description {
font-size: 13px;
line-height: 16px;
text-align: center;
}
.work .bg-hover {
background: #333333;
background: rgba(0, 0, 0, .8);
bottom: 0;
left: 0;
opacity: 0;
filter: alpha(opacity=0);
position: absolute;
right: 0;
top: 0;
-webkit-transition: all .2s ease-out;
transition: all .2s ease-out;
}
.work:hover {
text-shadow: none;
}
.work .work-title {
opacity: 0;
}
.work:hover .work-title {
vertical-align: middle;
color: #ffffff;
-webkit-transition: bottom .2s ease-in;
transition: bottom .2s ease-in;
opacity: 1;
}
.home .work:hover .work-title {
vertical-align: middle;
color: #ffffff;
-webkit-transition: bottom .2s ease-in;
transition: bottom .2s ease-in;
opacity: 1;
}
.work:hover .bg-hover {
opacity: 1;
filter: alpha(opacity=100);
-webkit-transition: all .2s ease-in;
transition: all .2s ease-in;
}
.work-single .carousel-box {
overflow: hidden;
}
.work-single .carousel-box.load {
max-height: 270px;
}
.work-single .title {
font-size: 22px;
font-weight: normal;
margin: 0 0 5px;
}
.work-single .type {
color: #7f7f7f;
font-size: 14px;
margin: 0 0 22px;
}
.portfolio-single-image-full {
height: 600px;
}
/* PORTFOLIO MASONRY */
.no-padding.grid-col-3 .grid-posts,
.no-padding.grid-col-4 .grid-posts,
.no-padding.grid-col-2 .grid-posts {
margin: 0px 0px;
padding: 0px 0px;
}
.portfolio .carousel-indicators {
bottom: 0;
}
/* Portfolio One */
.work-one {
color: #7f7f7f;
max-width: 100%;
overflow: hidden;
border-bottom: 1px solid #f2f2f2;
padding-bottom: 40px;
}
.work-one + .work-one {
margin-top: 40px;
}
.work-one .title {
font-size: 20px;
font-weight: normal;
line-height: 24px;
margin: 0 0 7px;
}
.work-one .title a {
color: #1e1e1e;
-webkit-transition: opacity .2s linear;
transition: opacity .2s linear;
}
.work-one .title a:hover {
opacity: .8;
filter: alpha(opacity=80);
text-decoration: none;
-webkit-transition: opacity .2s linear;
transition: opacity .2s linear;
}
.work-one .description {
font-size: 11px;
line-height: 14px;
margin: 0 0 27px;
}
.work-one .work-image {
-webkit-border-radius: 0px;
-moz-border-radius: 0px;
border-radius: 0px;
display: block;
line-height: 0;
overflow: hidden;
}
.work-one .work-image img {
-webkit-transition: all 1s ease;
-ms-transition: all 1s ease;
transition: all 1s ease;
}
.work-one .work-image img:hover {
-webkit-filter: grayscale(100%);
}
.project-meta {
margin-bottom: 15px;
}
.project-details p {
margin-bottom: 10px;
}
/******************************************************************************
Work Process
*******************************************************************************/
.work-process-box {
border-radius: 100%;
-moz-border-radius: 100%;
-webkit-border-radius: 100%;
border: 1px solid #cccccc;
background-color: #f7f7f7;
width: 250px;
height: 250px;
text-align: center;
display: table;
margin: 20px auto;
}
.work-process-box .title {
border-bottom: 1px inset #333333;
padding-bottom: 10px;
margin-bottom: 15px;
}
.work-process-box .process-content {
vertical-align: middle;
display: table-cell;
padding: 50px;
position: relative;
}
.work-process-box .item-number {
position: absolute;
color: #333333;
padding: 8px 0;
right: 20px;
top: 10px;
content: "";
width: 40px;
height: 40px;
border-radius: 100%;
-moz-border-radius: 100%;
-webkit-border-radius: 100%;
}
/******************************************************************************
Gallery
*******************************************************************************/
.gallery .images-box {
margin-bottom: 30px;
}
.gallery-images {
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
display: block;
line-height: 0;
max-width: 100%;
position: relative;
}
.gallery-images img {
-webkit-border-radius: 0px;
-moz-border-radius: 0px;
border-radius: 0px;
}
.gallery-images .bg-images {
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
border-radius: 4px;
bottom: 0;
left: 0;
position: absolute;
right: 0;
top: 0;
-webkit-transition: all .2s ease-out;
transition: all .2s ease-out;
}
.gallery-images:hover > .bg-images {
background: #fff;
background: rgba(255, 255, 255, .7);
-webkit-transition: all .2s ease-out;
transition: all .2s ease-out;
}
.gallery-images .bg-images i {
margin: 5px 0 0 5px;
}
.gallery-images .bg-images i:before {
color: #fff;
font-size: 20px;
-webkit-transition: all .2s ease-out;
transition: all .2s ease-out;
}
.gallery-images:hover .bg-images i:before {
color: #000;
font-size: 30px;
-webkit-transition: all .2s ease-out;
transition: all .2s ease-out;
}
/******************************************************************************
Respond
*******************************************************************************/
.respond {
background: none;
border: 0 none;
}
.respond .description {
background: #fff;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
color: #1e1e1e;
font-style: italic;
font-size: 90%;
line-height: 1.4;
margin-bottom: 10px;
padding: 20px;
position: relative;
}
.respond.respond-blockquote .description {
margin-bottom: 0px;
padding: 20px 20px 0 20px;
}
.respond.respond-blockquote.border .description {
margin-bottom: 10px;
padding: 20px;
}
.description.medium {
font-size: 16px;
}
.respond.bg .description {
background-color: #e1e1e1;
}
.respond.border .description {
border-width: 1px;
}
.respond.bg .description:before,
.respond.border .description:before {
border: 10px solid transparent;
border-top-color: #e1e1e1;
bottom: -20px;
content: "";
display: block;
height: 0;
width: 0;
position: absolute;
}
.respond.border .description:after {
border: 10px solid transparent;
border-top-color: #fff;
bottom: -18px;
content: "";
display: block;
height: 0;
width: 0;
position: absolute;
}
.testimonials-center .respond.bg .description:before,
.testimonials-center .respond.border .description:before,
.testimonials-center .respond.border .description:after {
left: 0;
right: 0;
margin: 0px auto;
}
.testimonials-center .respond .name {
text-align: center;
}
.testimonials-center .respond.respond-blockquote .name .icon,
.testimonials-center .respond.respond-blockquote .name .client-details {
float: none;
display: block;
text-align: center;
margin: 0px auto;
}
.star-rating {
}
.client-details strong,
.client-details span {
display: block;
}
.client-details.inline strong,
.client-details.inline span {
display: inline-block;
}
.home-testimonials {
margin-top: 22px;
}
.respond .name {
color: #7f7f7f;
min-height: 22px;
padding: 15px 5px 5px 5px;
}
.respond.white .name {
color: #fff;
}
.respond .name .icon {
color: #7f7f7f;
font-size: 30px;
margin: -5px 0 0;
}
.respond.white .name .icon {
color: #fff;
}
.respond-carousel {
overflow: hidden;
}
.respond-carousel .pagination {
margin: 0;
}
.respond.respond-blockquote blockquote {
border: none;
margin: 0;
padding-left: 30px;
}
.respond.respond-blockquote blockquote:before {
content: open-quote;
font-size: 50px;
font-weight: bold;
left: 16px;
line-height: 1;
position: absolute;
top: 14px;
}
.respond.respond-blockquote blockquote:after {
content: close-quote;
display: inline-block;
font-size: 50px;
font-weight: bold;
line-height: 0;
margin: 0 0 -5px 0;
vertical-align: bottom;
}
.respond.respond-blockquote.border blockquote:before,
.respond.respond-blockquote.border blockquote:after {
color: #a5e573;
}
.respond.respond-blockquote .name .icon {
float: none;
height: 80px;
margin: 0 10px 0 0;
width: 80px;
}
.respond.respond-blockquote .name strong {
font-size: 120%;
}
.respond .description.bg-info,
.respond .description.bg-primary,
.respond .description.bg-success,
.respond .description.bg-warning,
.respond .description.bg-danger {
color: #fff;
}
.respond .description.bg-info:before,
.respond .description.border-info:before {
border-top-color: #ffc400;
}
.respond .description.bg-primary:before,
.respond .description.border-primary:before {
border-top-color: #037ac5;
}
.respond .description.bg-success:before,
.respond .description.border-success:before {
border-top-color: #738d00;
}
.respond .description.bg-warning:before,
.respond .description.border-warning:before {
border-top-color: #f89406;
}
.respond .description.bg-danger:before,
.respond .description.border-danger:before {
border-top-color: #ffc400;
}
.respond .description.bg-white:before,
.respond .description.border-white:before {
border-top-color: #fff;
}
.respond.border .description.border-white {
border-color: #fff;
}
.respond.respond-blockquote.border .border-primary blockquote:before,
.respond.respond-blockquote.border .border-primary blockquote:after {
color: #037ac5;
}
.respond.respond-blockquote.border .border-success blockquote:before,
.respond.respond-blockquote.border .border-success blockquote:after {
color: #738d00;
}
.respond.respond-blockquote.border .border-warning blockquote:before,
.respond.respond-blockquote.border .border-warning blockquote:after {
color: #f89406;
}
.respond.respond-blockquote.border .border-white blockquote:before,
.respond.respond-blockquote.border .border-white blockquote:after {
color: #1e1e1e;
}
/******************************************************************************
Chart
*******************************************************************************/
.chart {
position: relative;
text-align: center;
}
.jqstooltip {
-webkit-box-sizing: content-box;
-moz-box-sizing: content-box;
box-sizing: content-box;
}
.graph text {
overflow: hidden !important;
}
.morris-hover {
z-index: 700;
}
/******************************************************************************
Livicons
*******************************************************************************/
.livicon {
display: inline-block;
line-height: inherit;
vertical-align: middle;
}
.livicon svg {
vertical-align: top;
}
.big-icon .livicon svg,
.icon .livicon svg {
top: 25% !important;
}
.livicon.metro-bg {
-webkit-box-sizing: content-box;
-moz-box-sizing: content-box;
box-sizing: content-box;
margin-bottom: 4px;
padding: 26px 25px 26px 27px;
overflow: hidden;
text-align: center;
text-decoration: none;
white-space: nowrap;
}
.livicon.counter-bg {
-webkit-box-sizing: content-box;
-moz-box-sizing: content-box;
box-sizing: content-box;
margin-bottom: 4px;
padding: 10px;
overflow: hidden;
text-align: center;
text-decoration: none;
white-space: nowrap;
}
/******************************************************************************
Steps
*******************************************************************************/
.steps {
display: table;
table-layout: fixed;
width: 100%;
}
.steps .step {
background: #fff;
border: 1px solid #e1e1e1;
display: table-cell;
padding: 15px;
position: relative;
vertical-align: middle;
}
.steps .step .step-wrapper {
position: relative;
}
.steps .step + .step {
border-left: 0 none;
}
.steps .step:first-child {
-webkit-border-radius: 3px 0 0 3px;
-moz-border-radius: 3px 0 0 3px;
border-radius: 3px 0 0 3px;
}
.steps .step:last-child {
-webkit-border-radius: 0 3px 3px 0;
-moz-border-radius: 0 3px 3px 0;
border-radius: 0 3px 3px 0;
}
.steps .step .step-wrapper:after,
.steps .step .step-wrapper:before {
content: '';
position: absolute;
top: 0;
right: -29px;
border: 7px solid transparent;
border-left-color: #e1e1e1;
z-index: 1;
}
.steps .step .step-wrapper:before {
border-left-color: #fff;
right: -27px;
z-index: 2;
}
.steps .step:last-child .step-wrapper:after,
.steps .step:last-child .step-wrapper:before {
display: none;
}
.steps .step .bg-image {
background-size: cover;
background-repeat: no-repeat;
background-position: 50% 50%;
bottom: 0;
left: 0;
opacity: .1;
filter: alpha(opacity=10);
position: absolute;
right: 0;
top: 0;
}
.steps .step .bg-image ~ * {
position: relative;
}
.steps .step.border-warning .step-wrapper:after {
border-left-color: #f89406;
}
.steps .step.border-error .step-wrapper:after {
border-left-color: #ffc400;
}
.steps .step.border-info .step-wrapper:after {
border-left-color: #0098ca;
}
.steps .step.border-success .step-wrapper:after {
border-left-color: #738d00;
}
.steps .step.border-grey .step-wrapper:after {
border-left-color: #777;
}
.steps .step.bg-warning .step-wrapper:before {
border-left-color: #f89406;
}
.steps .step.bg-error .step-wrapper:before {
border-left-color: #ffc400;
}
.steps .step.bg-info .step-wrapper:before {
border-left-color: #0098ca;
}
.steps .step.bg-success .step-wrapper:before {
border-left-color: #738d00;
}
.steps .step.bg-grey {
background: #777;
}
.steps .step.bg-grey .step-wrapper:before {
border-left-color: #777;
}
.steps.steps-apart {
display: block;
width: auto;
}
.steps.steps-apart .step {
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;
display: block;
}
.steps.steps-apart .step:last-child .step-wrapper:after,
.steps.steps-apart .step:last-child .step-wrapper:before {
display: block;
}
.steps.steps-apart > [class*="col-md"]:last-child > .step .step-wrapper:after,
.steps.steps-apart > [class*="col-md"]:last-child > .step .step-wrapper:before {
display: none;
}
.steps.progress-steps {
display: block;
}
.steps.progress-steps .step {
background: none !important;
border: 1px solid #e1e1e1;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;
display: block;
margin: 0 0 40px;
min-height: 185px;
padding: 0;
}
.steps.progress-steps .step .step-wrapper {
padding: 20px 20px 20px 260px;
position: static;
}
.steps.progress-steps .step.step-right .step-wrapper {
padding: 20px 260px 20px 20px;
}
.steps.progress-steps .step .number {
background: #e1e1e1;
bottom: 0;
color: #fff;
font-size: 150px;
left: 0;
line-height: 1.2;
position: absolute;
text-align: center;
top: 0;
width: 240px;
}
.steps.progress-steps .step.step-right .number {
left: auto;
right: 0;
}
.steps.progress-steps .step .step-wrapper:after,
.steps.progress-steps .step .step-wrapper:before,
.steps.progress-steps .step:last-child .number:after,
.steps.progress-steps .step:last-child .number:before {
display: none;
}
.steps.progress-steps .step .number:after,
.steps.progress-steps .step .number:before {
border: 7px solid transparent;
border-top-color: #e1e1e1;
bottom: -15px;
content: '';
left: 50%;
margin-left: -7px;
position: absolute;
z-index: 1;
}
.steps.progress-steps .step .number:before {
bottom: -13px;
z-index: 2;
}
.steps.progress-steps .step.border-warning .number:after {
border-top-color: #f89406;
}
.steps.progress-steps .step.border-error .number:after {
border-top-color: #ffc400;
}
.steps.progress-steps .step.border-info .number:after {
border-top-color: #0098ca;
}
.steps.progress-steps .step.border-success .number:after {
border-top-color: #738d00;
}
.steps.progress-steps .step.bg-warning .number {
background: #f89406;
}
.steps.progress-steps .step.bg-warning .number:before {
border-top-color: #f89406;
}
.steps.progress-steps .step.bg-error .number:before {
border-top-color: #ffc400;
}
.steps.progress-steps .step.bg-info .number {
background: #0098ca;
}
.steps.progress-steps .step.bg-info .number:before {
border-top-color: #0098ca;
}
.steps.progress-steps .step.bg-success .number {
background: #738d00;
}
.steps.progress-steps .step.bg-success .number:before {
border-top-color: #738d00;
}
.steps.progress-steps .step.border-warning .number {
color: #f89406;
}
.steps.progress-steps .step.border-info .number {
color: #0098ca;
}
.steps.progress-steps .step.border-success .number {
color: #738d00;
}
.steps.progress-steps .step.bg-warning .number,
.steps.progress-steps .step.bg-error .number,
.steps.progress-steps .step.bg-info .number,
.steps.progress-steps .step.bg-success .number {
color: #fff;
}
/******************************************************************************
Full Width Box
*******************************************************************************/
.full-width-box {
overflow: hidden;
padding: 5px 0;
position: relative;
-webkit-transition: opacity .2s linear;
transition: opacity .2s linear;
}
.full-width-box.auto-width {
margin-left: -15px;
margin-right: -15px;
opacity: 0;
}
.container .full-width-box {
margin-left: -15px;
margin-right: -15px;
}
.full-width-box.auto-width.loaded {
margin-left: 0;
margin-right: 0;
opacity: 1;
-webkit-transition: opacity .2s linear;
transition: opacity .2s linear;
}
.full-width-box .fwb-bg {
background-repeat: no-repeat;
background-position: center top;
-webkit-background-size: cover;
background-size: cover;
bottom: 0;
left: 0;
overflow: hidden;
position: absolute;
right: 0;
text-align: center;
top: 0;
z-index: 0;
}
.full-width-box .container,
.full-width-box .page-header {
position: relative;
}
.full-width-box .fwb-bg .overlay {
background: #000;
height: 100%;
opacity: .2;
filter: alpha(opacity=20);
width: 100%;
}
.full-width-box .fwb-bg .overlay-strips {
background: url(../img/patterns/pattern.png) repeat;
height: 100%;
opacity: .8;
filter: alpha(opacity=20);
width: 100%;
}
.full-width-box .fwb-bg .overlay-boxed {
background: url(../img/patterns/pattern2.png) repeat;
height: 100%;
opacity: .1;
filter: alpha(opacity=20);
width: 100%;
}
/* Full-width-box Fwb Paralax */
.full-width-box .fwb-fixed {
background-attachment: fixed;
}
.touch-device .full-width-box .fwb-fixed,
.touch-device .full-width-box .fwb-paralax {
background-attachment: scroll;
}
.full-width-box .fwb-blur {
background-position: center top !important;
}
.full-width-box .fwb-blur .blur-box {
bottom: 0;
display: block !important;
left: 0;
position: absolute;
right: 0;
top: 0;
z-index: -100;
}
.full-width-box .fwb-blur .blur-box canvas {
background-size: cover;
background-attachment: fixed;
max-width: inherit;
min-width: 100%;
min-height: 100%;
width: auto;
vertical-align: top;
width: 100%;
}
.full-width-box .fwb-video {
background-repeat: no-repeat;
background-position: center center;
-webkit-background-size: cover;
background-size: cover;
}
.full-width-box .fwb-video video,
.full-width-box .fwb-video iframe,
.full-width-box .fwb-video img {
background-attachment: fixed;
vertical-align: top;
position: absolute;
right: 0;
bottom: 0;
max-width: inherit;
min-width: 100%;
min-height: 100%;
width: auto;
height: auto;
z-index: 0;
}
/******************************************************************************
Word Rotate
*******************************************************************************/
.word-rotate {
background: #1e1e1e;
display: inline-block;
overflow: hidden;
padding: 0 8px;
text-align: center;
vertical-align: top;
}
.word-rotate:not(.border) {
color: #fff;
}
.word-rotate .words-box {
display: inline-block;
position: relative;
}
.word-rotate .words-box span {
display: block;
white-space: nowrap;
}
.word-rotate .words-box span + span {
display: none;
}
.word-rotate.loaded .words-box span + span {
display: block;
}
.word-rotate.border {
background: none;
border: 1px solid #1e1e1e;
}
/******************************************************************************
Timeline
*******************************************************************************/
.timeline {
padding: 20px 0;
position: relative;
}
.timeline:before {
background-color: #d2d2d2;
background-color: rgba(0, 0, 0, .2);
-webkit-border-radius: 2px;
-moz-border-radius: 2px;
border-radius: 2px;
content: "";
display: block;
height: 100%;
left: 50%;
margin-left: -2px;
position: absolute;
top: 0;
width: 4px;
}
.timeline .post {
border: 0 none;
margin: 0;
padding: 0 60px 5px 0;
width: 50%;
}
.timeline .post:last-child,
.timeline .post:nth-child(even):last-child {
padding-bottom: 0;
}
.timeline .post .timeline-time {
color: #999;
left: 50%;
margin: 45px 0 0 50px;
position: absolute;
}
.timeline .post .timeline-icon .date {
line-height: 30px;
font-size: 13px;
}
.timeline .post .timeline-icon .date span {
display: block;
line-height: 20px;
font-weight: bold;
font-size: 30px;
font-family: Oswald, sans-serif;
}
.timeline .post .timeline-icon {
border: 2px dashed #ccc;
background: #fff;
-webkit-border-radius: 50%;
-moz-border-radius: 50%;
border-radius: 50%;
color: #171717;
font-size: 18px;
height: 70px;
left: 50%;
line-height: 70px;
margin: 22px 0 0 -35px;
position: absolute;
text-align: center;
width: 70px;
}
.timeline .post .timeline-icon .livicon svg {
left: 0 !important;
}
.timeline .post .timeline-content {
background: #fff;
border: 1px solid #ccc;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;
padding: 46px;
position: relative;
}
.timeline .post.no-padding .timeline-content {
padding: 0;
}
.timeline .post .timeline-content p {
margin: 15px 0 10px 0 !important;
}
.timeline .post .timeline-content .video-box:last-child,
.timeline .post .timeline-content blockquote:last-child {
margin-bottom: 0;
}
.timeline .post .timeline-content .map-canvas {
height: 250px;
}
.timeline .post .timeline-content .img-rounded {
-webkit-border-radius: 2px;
-moz-border-radius: 2px;
border-radius: 2px;
}
.timeline .post .timeline-content:before,
.timeline .post .timeline-content:after {
border: 15px solid transparent;
border-left-color: #ccc;
content: "";
display: block;
position: absolute;
right: -30px;
top: 26px;
}
.timeline .post .timeline-content:after {
border: 14px solid transparent;
border-left-color: #fff;
right: -28px;
top: 27px;
}
.timeline .post .timeline-content .entry-title {
font-size: 18px;
margin: 0 0 10px;
}
.timeline .post .timeline-content .entry-content {
margin: 0;
}
.timeline .post:nth-child(even) {
margin-left: 50%;
padding: 0 0 5px 60px;
}
.timeline .post:nth-child(even) .timeline-time {
left: auto;
margin: 48px 50px 0 0;
right: 50%;
text-align: right;
}
.timeline .post:nth-child(even) .timeline-content:before {
border: 15px solid transparent;
border-right-color: #ccc;
left: -30px;
right: auto;
}
.timeline .post:nth-child(even) .timeline-content:after {
border: 14px solid transparent;
border-right-color: #fff;
left: -28px;
right: auto;
}
.timeline .post .timeline-content.bg {
background: #ccc;
}
.timeline .post:not(.no-padding) .timeline-content.bg:after {
display: none;
}
.timeline .post .timeline-content.bg,
.timeline .post .timeline-content.bg .entry-title a,
.timeline .post .timeline-content.bg blockquote footer,
.timeline .post .timeline-content.bg blockquote small,
.timeline .post .timeline-content.bg blockquote .small {
color: #fff;
}
.timeline .post .timeline-content.bg-danger:before,
.timeline .post .timeline-content.border-danger:before {
border-left-color: #ffc400;
}
.timeline .post:nth-child(even) .timeline-content.bg-danger:before,
.timeline .post:nth-child(even) .timeline-content.border-danger:before {
border: 15px solid transparent;
border-right-color: #ffc400;
}
.timeline .post .timeline-content.bg-warning,
.timeline .post .timeline-content.border-warning {
border-color: #f89406;
}
.timeline .post .timeline-content.bg-warning:before,
.timeline .post .timeline-content.border-warning:before {
border-left-color: #f89406;
}
.timeline .post:nth-child(even) .timeline-content.bg-warning:before,
.timeline .post:nth-child(even) .timeline-content.border-warning:before {
border: 15px solid transparent;
border-right-color: #f89406;
}
.timeline .post .timeline-content.bg-info,
.timeline .post .timeline-content.border-info {
border-color: #0098ca;
}
.timeline .post .timeline-content.bg-info:before,
.timeline .post .timeline-content.border-info:before {
border-left-color: #0098ca;
}
.timeline .post:nth-child(even) .timeline-content.bg-info:before,
.timeline .post:nth-child(even) .timeline-content.border-info:before {
border: 15px solid transparent;
border-right-color: #0098ca;
}
.timeline .post .timeline-content.bg-success,
.timeline .post .timeline-content.border-success {
border-color: #738d00;
}
.timeline .post .timeline-content.bg-success:before,
.timeline .post .timeline-content.border-success:before {
border-left-color: #738d00;
}
.timeline .post:nth-child(even) .timeline-content.bg-success:before,
.timeline .post:nth-child(even) .timeline-content.border-success:before {
border: 15px solid transparent;
border-right-color: #738d00;
}
.timeline .post .timeline-content.bg-primary,
.timeline .post .timeline-content.border-primary {
border-color: #428bca;
}
.timeline .post .timeline-content.bg-primary:before,
.timeline .post .timeline-content.border-primary:before {
border-left-color: #428bca;
}
.timeline .post:nth-child(even) .timeline-content.bg-primary:before,
.timeline .post:nth-child(even) .timeline-content.border-primary:before {
border: 15px solid transparent;
border-right-color: #428bca;
}
/* Timeline With Sidebar */
.left.timeline:before {
left: 36px;
}
.left.timeline .post,
.left.timeline .post:nth-child(even) {
margin: 0;
padding: 0 0 30px 100px;
width: 100%;
}
.left.timeline .post .timeline-time,
.left.timeline .post:nth-child(even) .timeline-time {
left: 0;
margin: 0 0 5px;
position: relative;
right: 0;
text-align: left;
}
.left.timeline .post .timeline-icon {
left: 0;
margin: 22px 0 0 0;
}
.left.timeline .post .timeline-content:before,
.left.timeline .post:nth-child(even) .timeline-content:before {
border: 15px solid transparent;
border-right-color: #ccc;
left: -30px;
right: auto;
}
.left.timeline .post .timeline-content:after,
.left.timeline .post:nth-child(even) .timeline-content:after {
border: 14px solid transparent;
border-right-color: #fff;
left: -28px;
right: auto;
}
.left.timeline .post .timeline-content.bg:before,
.left.timeline .post .timeline-content.border:before {
border: 15px solid transparent;
border-right-color: #ccc;
}
.left.timeline .post .timeline-content.bg-danger:before,
.left.timeline .post:nth-child(even) .timeline-content.bg-danger:before,
.left.timeline .post .timeline-content.border-danger:before,
.left.timeline .post:nth-child(even) .timeline-content.border-danger:before {
border-right-color: #c10841;
}
.left.timeline .post .timeline-content.bg-warning:before,
.left.timeline .post:nth-child(even) .timeline-content.bg-warning:before,
.left.timeline .post .timeline-content.border-warning:before,
.left.timeline .post:nth-child(even) .timeline-content.border-warning:before {
border-right-color: #f89406;
}
.left.timeline .post .timeline-content.bg-info:before,
.left.timeline .post:nth-child(even) .timeline-content.bg-info:before,
.left.timeline .post .timeline-content.border-info:before,
.left.timeline .post:nth-child(even) .timeline-content.border-info:before {
border-right-color: #0098ca;
}
.left.timeline .post .timeline-content.bg-success:before,
.left.timeline .post:nth-child(even) .timeline-content.bg-success:before,
.left.timeline .post .timeline-content.border-success:before,
.left.timeline .post:nth-child(even) .timeline-content.border-success:before {
border-right-color: #738d00;
}
.left.timeline .post .timeline-content.bg-primary:before,
.left.timeline .post:nth-child(even) .timeline-content.bg-primary:before,
.left.timeline .post .timeline-content.border-primary:before,
.left.timeline .post:nth-child(even) .timeline-content.border-primary:before {
border-right-color: #428bca;
}
.left.timeline .post .timeline-content .entry-content img {
width: 100%;
}
/******************************************************************************
Social Feed
*******************************************************************************/
.social-feed {
background-image: url("../img/svg/loader.svg"), none;
background-repeat: no-repeat;
background-position: 50% 100px;
background-size: 40px;
}
.social-feed > * {
opacity: 0;
-webkit-transition: opacity .2s linear;
transition: opacity .2s linear;
}
.social-feed.loaded {
background: none;
}
.social-feed.loaded > * {
opacity: 1;
-webkit-transition: opacity .2s linear;
transition: opacity .2s linear;
}
.social-feed .isotope-item {
margin-bottom: 20px;
}
.social-feed .post {
background: #fff;
border: 1px solid #ccc;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;
margin: 0;
padding: 19px;
}
.social-feed .add-post {
background: none;
border: 0 none;
padding: 0;
}
.social-feed .add-post .nav-tabs {
border: 0 none;
}
.social-feed .add-post .nav-tabs > li > a {
-webkit-border-radius: 3px 3px 0 0;
-moz-border-radius: 3px 3px 0 0;
border-radius: 3px 3px 0 0;
padding: 6px 10px 7px;
}
.social-feed .add-post .nav-tabs > li > a .fa {
color: #7f7f7f;
}
.social-feed .add-post .nav-tabs > li.active > a,
.social-feed .add-post .nav-tabs > li.active > a:hover,
.social-feed .add-post .nav-tabs > li.active > a:focus {
font-weight: normal;
}
.social-feed .add-post .nav-tabs > li.active > a .fa {
color: #555;
}
.social-feed .add-post .tab-content {
background: #fff;
border: 1px solid #ddd;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;
padding: 20px;
}
.social-feed .add-post .tab-content .tab-pane {
padding: 0;
}
.social-feed .add-post .tab-content .tab-pane form {
margin: 0;
}
.social-feed .add-post .tab-pane input {
margin-bottom: 22px;
}
.social-feed .author-info .avatar {
-webkit-border-radius: 50%;
-moz-border-radius: 50%;
border-radius: 50%;
float: left;
height: 50px;
margin: 0 20px 0 0;
overflow: hidden;
width: 50px;
}
.social-feed .author-info .user-name {
font-size: 16px;
}
.social-feed .author-info .user-name a {
color: #1e1e1e;
text-decoration: none;
-webkit-transition: opacity .2s linear;
transition: opacity .2s linear;
}
.social-feed .author-info .user-name a:hover {
opacity: .8;
filter: alpha(opacity=80);
-webkit-transition: opacity .2s linear;
transition: opacity .2s linear;
}
.social-feed .author-info time {
color: #7f7f7f;
font-style: italic;
}
.social-feed .preview {
margin: 0 -20px 20px;
text-align: center;
}
.social-feed .preview img {
display: block;
margin: 0 auto;
}
.social-feed .buttons {
margin-bottom: 20px;
text-align: right;
}
.social-feed .buttons .btn {
background: none;
border: 1px solid rgba(0, 0, 0, .5);
color: rgba(0, 0, 0, .5);
-webkit-transition: opacity .2s linear;
transition: opacity .2s linear;
}
.social-feed .buttons .btn:hover {
opacity: .8;
filter: alpha(opacity=80);
-webkit-transition: opacity .2s linear;
transition: opacity .2s linear;
}
.social-feed .comments {
background: rgba(0, 0, 0, .1);
margin: 0 -20px -20px;
padding: 20px;
}
.social-feed .comments .comment {
margin: 0 0 25px;
}
.social-feed .comments .comment .avatar {
-webkit-border-radius: 50%;
-moz-border-radius: 50%;
border-radius: 50%;
float: left;
height: 40px;
margin: 0 10px 5px 0;
overflow: hidden;
width: 40px;
}
.social-feed .comments .comment .author-details {
margin-bottom: 5px;
}
.social-feed .comments .comment .user-name a {
color: #1e1e1e;
text-decoration: none;
-webkit-transition: opacity .2s linear;
transition: opacity .2s linear;
}
.social-feed .comments .comment .user-name a:hover {
opacity: .8;
filter: alpha(opacity=80);
-webkit-transition: opacity .2s linear;
transition: opacity .2s linear;
}
.social-feed .comments .comment time {
color: #7f7f7f;
font-size: 12px;
font-style: italic;
}
.social-feed .comments .form {
margin: 0;
}
.social-feed .comments .form .form-control {
height: 62px;
margin: 0;
}
.social-feed .comments .form textarea {
resize: none;
}
.social-feed .post.bg {
background: #ccc;
color: #fff;
}
.social-feed .post.bg-warning {
border-color: #f89406;
}
.social-feed .post.bg-info {
border-color: #0098ca;
}
.social-feed .post.bg-success {
border-color: #738d00;
}
.social-feed .post.bg-primary {
border-color: #428bca;
}
.social-feed .author-info {
margin-bottom: 15px;
}
.social-feed .post.number {
padding-left: 40px;
padding-right: 40px;
position: relative;
text-align: center;
}
.social-feed .post.number .post-icon {
font-size: 24px;
left: 10px;
opacity: .8;
filter: alpha(opacity=80);
position: absolute;
top: 10px;
}
.social-feed .post.number .social-data {
display: inline-block;
font-style: italic;
line-height: 1;
vertical-align: middle;
}
.social-feed .post.number .social-data .count {
font-size: 60px;
font-style: normal;
}
.social-feed .bg .author-info .user-name a,
.social-feed .bg .comments .comment .user-name a {
color: #fff;
}
.social-feed .bg .author-info time,
.social-feed .bg .comments .comment time {
color: rgba(255, 255, 255, .8);
}
.social-feed .bg .buttons .btn {
background: #fff;
border-color: #fff;
color: #1e1e1e;
}
.social-feed .bg-warning .buttons .btn {
color: #f89406;
}
.social-feed .bg-info .buttons .btn {
color: #0098ca;
}
.social-feed .bg-success .buttons .btn {
color: #738d00;
}
.social-feed .bg-primary .buttons .btn {
color: #428bca;
}
.social-feed .post.number.twitter {
background: #00aced;
border-color: #00aced;
}
.social-feed .post.number.facebook {
background: #3B5998;
border-color: #3B5998;
}
.social-feed .post.number.google {
background: #dd4b39;
border-color: #dd4b39;
}
.social-feed .post.number.pinterest {
background: #cb2027;
border-color: #cb2027;
}
.social-feed .post.number.linkedin {
background: #007bb6;
border-color: #007bb6;
}
.social-feed .post.number.youtube {
background: #bb0000;
border-color: #bb0000;
}
/******************************************************************************
Twitter Feeds
*******************************************************************************/
.twitter-feed {
text-align: center;
padding-bottom: 15px;
}
.tweet {
padding: 12px 0px 0px;
}
.twitter-feed i {
border-radius: 50%;
-moz-border-radius: 50%;
-webkit-border-radius: 50%;
-o-border-radius: 50%;
-ms-border-radius: 50%;
color: #FFFFFF;
font-size: 20px;
height: 50px;
width: 50px;
line-height: 50px;
border: 2px solid #fff;
}
.twitter-feed .owl-pagination,
.twitter-feed .owl-buttons,
.twitter-feed .icon-twitter,
.twitter-feed .username {
display: none;
}
.twitter-feed .tweet_text {
color: #FFFFFF;
font-size: 20px;
}
.twitter-feed .tweet_time a {
font-style: italic;
font-size: 17px;
}
.twitter-feed .tweet_user a,
.tweet_text a {
text-decoration: underline;
}
.twitter-feed .tweet_user a,
.tweet_text a,
.twitter-feed .tweet_text {
color: #FFFFFF;
}
/******************************************************************************
Blur Pages
*******************************************************************************/
.blur-page {
background-image: url("../img/svg/loader.svg"), none;
background-repeat: no-repeat;
background-position: 50% 50%;
background-size: 40px;
}
.blur-page .page-box {
opacity: 0;
}
.blur-page .blur-box {
background-repeat: no-repeat;
background-position: center top;
-webkit-background-size: cover;
background-size: cover;
bottom: 0;
display: block !important;
left: 0;
opacity: 0;
position: fixed;
right: 0;
top: 0;
text-align: center;
z-index: -1;
}
.blur-page.blur-load {
background-image: inherit;
-webkit-transition: background-image .2s linear;
transition: background-image .2s linear;
}
.blur-page.blur-load .page-box,
.blur-page.blur-load .blur-box {
opacity: 1;
-webkit-transition: opacity .2s linear;
transition: opacity .2s linear;
}
.blur-page.blur-load .blur-box {
-webkit-transition: opacity .4s linear;
transition: opacity .4s linear;
}
.blur-page .blur-box img,
.blur-page .blur-box canvas {
-webkit-background-size: cover;
background-size: cover;
left: 0;
max-width: inherit;
min-width: 100%;
min-height: 100%;
position: fixed;
top: 0;
vertical-align: top;
width: auto;
z-index: 0;
}
.blur-page .blur-box img {
visibility: hidden;
}
/******************************************************************************
404
*******************************************************************************/
.box-404 {
-webkit-border-radius: 177px;
-moz-border-radius: 177px;
border-radius: 177px;
font-weight: normal;
height: 274px;
margin: 0 auto;
padding: 92px 0 0;
text-align: center;
width: 354px;
}
.box-404 h1 {
font-size: 150px;
font-weight: normal;
line-height: 0.9;
margin: 0;
}
.box-404 h2 {
color: #7f7f7f;
font-size: 18px;
font-weight: normal;
line-height: 1;
margin: 0;
}
.page-404-promo .page-box {
background: #2b8cd6;
background: rgba(43, 140, 214, .9);
display: table;
height: 100% !important;
width: 100%;
}
.page-404-promo #main {
display: table-cell;
padding: 20px 0;
vertical-align: middle;
}
.page-404-promo #main .title {
border-bottom: 1px solid #fff;
border-bottom: 1px solid rgba(255, 255, 255, .3);
color: #fff;
padding: 0 10px;
text-align: center;
}
.page-404-promo #main .title h1 {
display: inline-block;
font-size: 200px;
font-weight: normal;
line-height: 1;
margin: 0;
position: relative;
}
.page-404-promo #main .title h1:before {
background: #fff;
bottom: 0;
content: "";
display: block;
height: 1px;
left: 0;
position: absolute;
right: 0;
}
.page-404-promo #main .content {
color: #fff;
padding: 35px 10px 0;
text-align: center;
}
.page-404-promo #main .content h2 {
font-size: 24px;
font-weight: normal;
margin-bottom: 38px;
}
.page-404-promo #main .content .back-home {
color: #2b8cd6;
font-size: 18px;
padding-right: 30px;
padding-left: 20px;
}
.page-404-promo #main .content .back-home .fa {
font-size: 22px;
margin-right: 8px;
}
/******************************************************************************
One Page
*******************************************************************************/
.one-page #main,
.home #main {
padding-top: 0;
padding-bottom: 0;
}
.one-page .page-header {
margin-bottom: 40px;
}
/*--------------- SIDE NAVIGATION MENU--------------*/
.side-nav #main {
padding: 0;
}
.side-nav header nav {
left: 0;
right: 0;
top: 0;
position: absolute;
}
.side-nav header .navbar-default {
background: none;
border: none;
position: absolute;
z-index: 99;
top: 25px;
}
#navigation-menu {
line-height: 2;
color: #171717;
}
.side-nav header .navbar-nav {
float: right !important;
margin-right: -15px
}
.side-nav header .navbar-default .navbar-nav > li > a {
font-size: 45px;
padding: 0;
}
.side-nav header .nav-fixed {
margin: auto;
position: fixed;
right: 0;
top: 0;
}
.side-nav header .nav-fixed > li {
float: right;
}
.side-nav header #sticky.nav-fixed a {
background: rgba(0, 0, 0, 0.8);
height: 100px;
line-height: 100px;
text-align: center;
width: 100px;
}
/*------------MENU------------*/
.side-nav header #wrapper .toggle-menu {
background: #000;
width: 50%;
height: 100%;
position: fixed;
overflow-y: auto;
right: -50%;
top: 0;
z-index: 99;
}
.side-nav header #wrapper .close-menu {
float: right;
font-size: 50px;
height: 100px;
width: 100px;
line-height: 100px;
text-align: center;
display: block;
}
.side-nav header #wrapper .nav {
padding: 130px 0 0 77px;
}
.side-nav header .nav > li > .sub {
padding: 0 0 0 40px;
}
.side-nav header .nav > li > a,
.side-nav header .nav > li > .sub a {
color: #ccc;
font-size: 17px;
text-transform: uppercase;
font-weight: 600;
letter-spacing: 2px;
padding: 10px 22px;
text-decoration: none;
}
.side-nav header .nav > li > .sub a {
line-height: 3;
}
.side-nav header #wrapper .close-menu a,
.side-nav header #navigation-close.close-menu:hover {
color: #171717;
}
.side-nav header .nav > li > a:hover, .nav > li > a:focus {
background: transparent;
}
.side-nav header .nav > li.active {
position: relative;
}
.side-nav header .nav > li.active:before {
height: 20px;
content: "";
width: 77px;
left: -77px;
position: absolute;
top: 50%;
transform: translateY(-50%);
-moz-transform: translateY(-50%);
-ms-transform: translateY(-50%);
-o-transform: translateY(-50%);
-webkit-transform: translateY(-50%);
}
/*---STICKY----*/
.side-nav header .sticky-wrapper.is-sticky .nav {
background: none repeat scroll 0 0 black;
padding: 15px 20px;
right: 15px;
}
/******************************************************************************
Other Pages
*******************************************************************************/
.body-bg-img {
background: url("../img/content/coming-soon.jpg") 50% 0 no-repeat;
}
.body-bg-img.under-construction {
background: url("../img/content/under-construction.jpg") 50% 0 no-repeat;
}
.body-bg-img .page-box {
display: table;
height: 100% !important;
width: 100%;
}
.body-bg-img .header-three {
min-height: 1px;
position: absolute;
width: 100%;
border-bottom: 1px solid #f2f2f2;
}
.body-bg-img #main {
display: table-cell;
padding: 119px 0 192px;
vertical-align: middle;
}
.services .service,
.services .features-block {
margin-bottom: 40px;
}
.services-box-three-left {
margin-bottom: 40px;
padding: 20px;
}
.count-down-box {
text-align: center;
}
#count-down {
text-align: center;
width: auto !important;
margin-bottom: 50px;
}
#count-down .county-days-wrapper,
#count-down .county-hours-wrapper,
#count-down .county-minutes-wrapper,
#count-down .county-seconds-wrapper {
display: inline-block;
margin-left: 2px;
margin-right: 2px;
overflow: hidden;
position: relative;
text-align: center;
width: 14% !important;
background-color: #f2f2f2;
}
#count-down .county-hours-wrapper {
}
#count-down .county-minutes-wrapper {
}
#count-down .county-seconds-wrapper {
}
#count-down .county-days,
#count-down .county-hours,
#count-down .county-minutes,
#count-down .county-seconds {
font-size: 60px;
font-weight: bold;
color: #1e1e1e;
display: inline-block !important;
opacity: 1 !important;
font-family: Oswald, sans-serif;
}
#count-down .county-label-days,
#count-down .county-label-hours,
#count-down .county-label-minutes,
#count-down .county-label-seconds {
margin-left: 2px;
margin-right: 2px;
padding-top: 10px;
font-size: 18px;
display: inline-block;
text-align: center;
width: 14% !important;
}
.coming-text {
margin-top: -4px;
}
.coming-text form {
position: relative;
}
.coming-text .success {
bottom: 100%;
margin-bottom: 5px;
position: absolute;
}
.coming-text .form-control {
padding-right: 100px;
}
.coming-text .btn {
position: absolute;
right: 0;
top: 0;
width: 90px;
}
.under-contact .phone,
.under-contact .address {
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
padding: 0 0 0 34px;
position: relative;
}
.under-contact .footer-icon {
color: #000;
left: 16px;
position: absolute;
top: 0;
}
.under-contact .footer-icon:before {
font-size: 20px;
line-height: 18px;
width: auto;
}
.list-images > .col-md-4 {
margin-bottom: 30px;
}
/******************************************************************************
Get a Quote
*******************************************************************************/
.get-a-quote {
padding: 30px 0;
font-size: 34px;
font-weight: 300;
font-family: Oswald, sans-serif;
}
.get-a-quote a {
font-weight: 500;
text-decoration: underline;
}
.get-a-quote a.black:hover {
color: #111111;
}
.get-a-quote a.white:hover {
color: #ffffff;
}
.get-a-quote:hover a {
padding-left: 10px;
}
/******************************************************************************
SHOP
*******************************************************************************/
/* Product View */
.zoomWindow {
background-color: #f7f7f7;
border: 1px solid #ccc;
-webkit-box-shadow: 0 0 5px rgba(0, 0, 0, .15);
-moz-box-shadow: 0 0 5px rgba(0, 0, 0, .15);
box-shadow: 0 0 5px rgba(0, 0, 0, .15);
}
.zoomContainer {
height: auto !important;
}
.product-page .image-box {
-webkit-border-radius: 0px;
-moz-border-radius: 0px;
border-radius: 0px;
overflow: hidden;
position: relative;
border: 1px solid rgba(0, 0, 0, 0.1);
}
.product-page .product-meta-details {
border-top: 1px solid rgba(0, 0, 0, 0.1);
padding-top: 15px;
font-size: 14px;
}
.product-page .image-box .general-img {
background: #f7f7f7;
-webkit-border-radius: 0px;
-moz-border-radius: 0px;
border-radius: 0px;
overflow: hidden;
}
.product-page .image-box .thumblist-box {
margin: 30px 0 0;
max-height: 80px;
overflow: hidden;
padding: 0 54px;
position: relative;
border: 1px solid rgba(0, 0, 0, 0.1);
}
.product-page .image-box .thumblist-box.load {
opacity: 0;
}
.product-page .image-box .thumblist-box .prev,
.product-page .image-box .thumblist-box .next {
background-color: #f7f7f7;
-webkit-border-radius: 0px;
-moz-border-radius: 0px;
border-radius: 0px;
color: #1e1e1e;
display: block;
float: right;
height: 100%;
line-height: 100%;
left: 0;
margin: 0;
position: absolute;
text-align: center;
top: 0%;
text-decoration: none;
width: 40px;
-webkit-transition: all .2s linear;
transition: all .2s linear;
}
.product-page .image-box .thumblist-box .prev i,
.product-page .image-box .thumblist-box .next i {
margin-top: 85%;
}
.product-page .image-box .thumblist-box .next {
left: auto;
right: 0;
}
.product-page .image-box .thumblist-box .prev *,
.product-page .image-box .thumblist-box .next * {
vertical-align: middle;
}
.product-page .image-box .thumblist-box .prev:hover,
.product-page .image-box .thumblist-box .next:hover {
background-color: #000;
color: #efefef;
text-decoration: none;
-webkit-transition: all .2s linear;
transition: all .2s linear;
}
.product-page .image-box .thumblist-box .prev polygon,
.product-page .image-box .thumblist-box .next:hover polygon {
fill: #efefef;
}
.product-page .image-box #thumblist a {
display: block;
float: left;
height: 80px;
margin: 0 9px;
width: 100px;
margin-right: 0px !important;
text-align: center;
}
.product-page .image-box #thumblist a img {
-webkit-border-radius: 2px;
-moz-border-radius: 2px;
border-radius: 2px;
-webkit-transition: opacity 0.2s linear;
transition: opacity 0.2s linear;
}
.product-page .image-box #thumblist a:hover img {
opacity: .8;
filter: alpha(opacity=80);
-webkit-transition: opacity 0.2s linear;
transition: opacity 0.2s linear;
}
.product-page .reviews-box {
margin: 15px 0 15px;
}
.product-page .description {
color: #7f7f7f;
margin-bottom: 20px;
}
.product-page .price-box {
border-bottom-width: 1px;
font-size: 30px;
line-height: 1;
margin: 0 0 15px;
padding: 0 0 15px;
}
.product-page .price-box .price {
font-family: Oswald, sans-serif;
}
.product-page .price-box .price-old {
font-size: 15px;
}
.price-box h3 {
display: inline-block;
position: relative;
padding-right: 40px;
margin-right: 10px;
margin-bottom: 0px;
}
.price-box h3:after {
content: "\f07e";
display: block;
font-size: 16px;
font-family: FontAwesome;
right: 0;
position: absolute;
top: 15px;
}
.price-box .emergence .price {
display: none;
}
.price-box .emergence .emergence-price {
color: #7f7f7f;
font-size: 12px;
vertical-align: middle;
}
.price-box .price-label {
font-size: 14px;
font-weight: bold;
margin: 0 0 14px;
}
.product-page .add-cart-form {
margin: 0;
}
.product-page .add-cart-form .add-cart {
font-weight: bold;
margin: 0 17px 40px 0;
min-width: 290px;
text-transform: uppercase;
}
.product-page .add-cart-form .number {
display: inline-block;
margin-bottom: 40px;
vertical-align: top;
}
.product-page .add-cart-form .number label {
color: #7f7f7f;
font-weight: normal;
line-height: 54px;
margin: 0 7px 0 0;
vertical-align: top;
}
.product-page .add-cart-form .number input {
color: #7f7f7f;
display: inline-block;
height: 54px;
padding: 15px 12px;
text-align: center;
vertical-align: top;
width: 80px;
}
.product-page .add-cart-form .form-control {
border-radius: 0px;
box-shadow: none;
}
.product-page .add-cart-form .number .regulator {
display: inline-block;
vertical-align: top;
}
.product-page .add-cart-form .number .regulator a {
-webkit-border-radius: 0px;
-moz-border-radius: 0px;
border-radius: 0px;
display: block;
color: #1e1e1e;
height: 54px;
padding: 15px 12px;
-webkit-transition: background-color .2s linear;
transition: background-color .2s linear;
border: 1px solid #e1e1e1;
}
.product-page .add-cart-form .number .regulator a:hover {
background-color: #1e1e1e;
background-color: rgba(30, 30, 30, .5);
-webkit-transition: background-color .2s linear;
transition: background-color .2s linear;
}
.product-page .availability-sku {
font-size: 12px;
line-height: 20px;
margin: 0 0 36px;
}
.product-page .availability-sku .availability span {
color: #2ca073;
}
.product-page .product-options-border {
border-top: 1px solid #1e1e1e;
padding: 40px 0 0;
}
.product-page .product-options {
font-size: 12px;
line-height: 20px;
}
.product-page .product-options .selectBox,
.product-page .product-options .select {
margin: 0 0 10px;
}
.product-page .product-options .selectBox:last-child,
.product-page .product-options .select:last-child {
margin: 0;
}
.product-page .product-options-table table {
margin: 0 0 35px;
}
.product-page .product-options-table table th,
.product-page .product-options-table table td {
line-height: 20px;
padding: 16px 25px 13px;
text-align: left;
vertical-align: middle;
}
.product-page .product-options-table table .price {
text-align: right;
width: 150px;
}
.product-page .product-options-table table td.price {
font-size: 16px;
}
.product-page .product-options-table table .qty {
text-align: right;
width: 70px;
}
.product-page .product-options-table table td.qty {
padding: 5px 25px;
}
.product-page .product-options-table table .qty input {
margin: 0;
width: 50px;
}
.product-page .product-options-samples {
font-size: 12px;
line-height: 20px;
margin: 0 0 30px;
}
.product-page .product-options-samples .title {
display: block;
font-size: 14px;
line-height: 1;
margin: 0 0 14px;
}
.product-page .product-options-samples label {
line-height: 20px;
margin: 0;
}
.product-page .product-options-samples label .new-checkbox {
margin-top: 1px;
}
.product-page .product-options-samples .required-box {
font-size: 11px;
line-height: 1;
text-align: right;
}
.product-page .product-options-samples .required {
font-size: 11px;
line-height: 1;
}
.product-page .product-price-configured {
font-size: 12px;
line-height: 16px;
padding-bottom: 30px;
}
.product-page .col-md-7 .actions {
margin: 0 0 40px;
}
.product-page .col-md-7 .actions a {
background: #f2f2f2;
display: inline-block;
height: 54px;
margin: 0 -2px;
padding-top: 19px;
text-align: center;
text-decoration: none;
width: 54px;
-webkit-transition: all .2s linear;
transition: all .2s linear;
}
.product-page .col-md-7 .actions a + a {
border-left-width: 1px;
}
.product-page .col-md-7 .actions .add-wishlist {
-webkit-border-radius: 3px 0 0 3px;
-moz-border-radius: 3px 0 0 3px;
border-radius: 3px 0 0 3px;
}
.product-page .col-md-7 .actions .add-compare {
-webkit-border-radius: 0 3px 3px 0;
-moz-border-radius: 0 3px 3px 0;
border-radius: 0 3px 3px 0;
}
.product-page .col-md-7 .actions a:hover {
background: #1e1e1e;
-webkit-transition: all .2s linear;
transition: all .2s linear;
}
.product-page .col-md-7 .actions a path {
fill: #1e1e1e;
-webkit-transition: all .2s linear;
transition: all .2s linear;
}
.product-page .col-md-7 .actions a:hover path {
fill: #fff;
-webkit-transition: all .2s linear;
transition: all .2s linear;
}
.product-bottom {
padding: 40px 0 0;
overflow: hidden;
}
.product-options-detail {
background: #f2f2f2;
font-size: 12px;
line-height: 20px;
padding: 27px 30px 30px;
}
.product-options-detail .detail-box {
margin: 0 0 25px;
}
.product-options-detail .pull-right.required {
font-size: 11px;
line-height: 18px;
}
.product-options-detail .title {
display: block;
font-size: 14px;
line-height: 20px;
margin: 0 0 11px;
}
.product-options-detail .checkbox,
.product-options-detail .radio {
line-height: 20px;
margin: 0;
}
.product-options-detail .checkbox .new-checkbox,
.product-options-detail .radio .new-radio {
margin-top: 0;
}
.product-options-detail .qty {
margin: 15px 0 0;
}
.product-options-detail .qty label {
float: left;
font-size: 12px;
line-height: 40px;
margin: 0 12px 0 0;
}
.product-options-detail .qty input {
margin: 0;
width: 48px;
}
.product-options-detail .price {
font-size: 48px;
line-height: 1;
}
.product-options-detail .add-cart {
float: right;
font-weight: bold;
margin: -14px 17px 0 0;
min-width: 290px;
text-transform: uppercase;
}
.product-page .product-tab {
margin: 80px 0;
}
.product-page .product-tab .tab-pane {
padding: 36px 0 0;
}
.product-page .product-tab .tab-pane .title {
margin: 0 0 18px;
}
/* Related Products */
.product-bottom .related-products .select-all {
margin: -4px 0 13px;
}
.product-bottom .related-products ul {
list-style: none;
margin: 0;
padding: 0;
}
.product-bottom .related-products li {
padding: 24px 0;
}
.product-bottom .related-products li + li {
border-top-width: 1px;
}
.product-bottom .related-products li .product-image {
border: 1px solid #f5f5f5;
background: #f7f7f7;
float: left;
height: 64px;
margin: 0 15px 1px 0;
padding: 2px;
width: 64px;
}
.product-bottom .related-products li .product-name {
font-size: 12px;
font-weight: normal;
line-height: 20px;
margin: 0 0 4px;
}
.product-bottom .related-products li .price-box {
font-size: 16px;
line-height: 22px;
}
.product-bottom .related-products li .button-box {
margin: 10px 0 0;
overflow: hidden;
text-align: right;
}
.product-bottom .related-products li .button-box label,
.product-bottom .related-products li .button-box .wishlist {
color: #ccc;
float: right;
margin: 0 0 0 10px;
}
.product-bottom .related-products li .button-box .new-checkbox {
margin-top: 0;
}
.product-bottom .related-products li .button-box .wishlist svg path {
fill: #ccc;
-webkit-transition: fill .2s linear;
transition: fill .2s linear;
}
.product-bottom .related-products li .button-box .wishlist:hover svg path {
fill: #1e1e1e;
-webkit-transition: fill .2s linear;
transition: fill .2s linear;
}
.commentlist {
list-style: none;
margin: 0;
padding: 0 0 33px;
}
.commentlist li {
padding: 0 0 25px;
}
.commentlist li + li {
border-top-width: 1px;
padding: 25px 0 0;
}
.commentlist .meta {
color: #7f7f7f;
font-size: 11px;
line-height: 18px;
margin: 0 0 4px;
}
.evaluation-box {
overflow: hidden;
}
.evaluation {
float: left;
height: 15px;
font-size: 12px;
line-height: 15px;
margin: 0 10px 14px 0;
}
.evaluation + .evaluation {
border-left-width: 1px;
padding-left: 10px;
}
.evaluation .rating-box {
display: inline-block;
margin: 0 0 0 7px;
}
.evaluation .add-rating {
float: left;
margin: 0 0 0 10px;
overflow: hidden;
}
.evaluation .add-rating label {
float: left;
height: 30px;
margin: 0 1px;
padding: 0 0 0 14px;
position: relative;
width: 2px;
}
.evaluation .add-rating label .new-radio {
margin: 0px 0 0 -14px;
}
.evaluation .add-rating label .number {
bottom: 0;
color: #7f7f7f;
font-size: 11px;
line-height: 1;
left: 3px;
position: absolute;
}
.comments-form .evaluation-box .evaluation {
margin-bottom: 30px;
}
.comments-form .row label {
font-weight: bold;
margin: 0 0 4px;
}
.comments-form .row textarea {
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
height: 128px;
margin: 0 0 10px;
width: 100%;
}
.comments-form .row i {
color: #999;
font-size: 12px;
}
.comments-form .row .btn {
margin: 34px 0 0 0;
}
/******************************************************************************
Login Page
*******************************************************************************/
#main.login-register {
overflow: hidden;
padding-bottom: 40px;
}
.form-box.forgot-form {
margin-bottom: 0;
}
.info-box {
margin-bottom: 40px;
padding: 27px 0 0;
}
.info-box .title,
.form-box .title {
font-weight: normal;
margin: 0 0 17px;
}
.info-box .descriptions,
.form-box .descriptions {
margin: 0 0 26px;
}
.form-box {
background: #f2f2f2;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
margin: 0 0 40px 0;
padding: 27px 30px 25px;
}
.form-box .checkbox {
font-size: 12px;
margin: 0px 0 28px;
}
.form-box .checkbox .new-checkbox {
margin-top: 0;
}
.form-box .buttons-box {
font-size: 11px;
line-height: 1.5;
}
.form-box .buttons-box .btn {
margin: 3px 8px 5px 0;
}
.form-box .buttons-box .required {
font-size: 11px;
margin: 3px 8px 5px 0;
}
.buttons-box .required {
font-size: 11px;
}
.form-box .buttons-box .forgot {
display: inline-block;
margin: 3px 8px 5px 0;
-webkit-transition: opacity .2s linear;
transition: opacity .2s linear;
}
.form-box .buttons-box .forgot:hover {
text-decoration: none;
opacity: 0.8;
filter: alpha(opacity=80);
-webkit-transition: opacity .2s linear;
transition: opacity .2s linear;
}
.form-box .form-group {
position: relative;
}
.form-box .help-block {
bottom: -20px;
margin: 0;
position: absolute;
}
/******************************************************************************
Login Page 2
*******************************************************************************/
.page-login-promo .page-box {
display: table;
height: 100% !important;
width: 100%;
}
.page-login-promo .header {
min-height: 1px;
position: absolute;
width: 100%;
}
.page-login-promo #main {
display: table-cell;
padding: 134px 0 30px;
vertical-align: middle;
}
.page-login-promo .form-box {
margin: 0;
}
.page-login-promo .form-box .title small {
color: #c1c1c2;
font-size: 24px;
}
.page-login-promo .form-box .title a {
color: #c1c1c2;
-webkit-transition: opacity .2s linear;
transition: opacity .2s linear;
}
.page-login-promo .form-box .title a:hover {
text-decoration: none;
opacity: 0.8;
filter: alpha(opacity=80);
-webkit-transition: opacity .2s linear;
transition: opacity .2s linear;
}
.page-login-promo .form-box form {
margin: 0;
}
.page-login-promo .rotation {
position: relative;
}
.page-login-promo .front-end,
.page-login-promo .back-end {
display: table;
table-layout: fixed;
width: 100%;
}
.page-login-promo .form-content {
display: table-cell;
vertical-align: middle;
width: 100%;
}
.page-login-promo .back-end {
left: 0;
position: absolute;
top: 0;
}
/******************************************************************************
Shopping Cart
*******************************************************************************/
.shop .product-item {
border: 1px solid rgba(0, 0, 0, 0.1);
position: relative;
z-index: 0;
max-width: 300px;
margin: 0px auto 30px;
text-align: center;
}
.shop.grid-3 .product-item,
.shop.grid-2 .product-item {
max-width: 400px;
}
.shop .product-item:hover img {
opacity: .6;
}
.shop .product-img {
z-index: -1;
position: relative;
}
.shop .product-details {
background-color: #f7f7f7;
padding-top: 5px;
padding-bottom: 5px;
border-top: 1px solid rgba(0, 0, 0, 0.1);
}
.shop .product-details h4,
.shop .product-details h5 {
margin-bottom: 0px;
margin-top: 0px;
padding-top: 2px;
padding-bottom: 2px;
}
.shop .product-details h5 {
font-size: 18px;
font-weight: 400;
}
.shop .product-details h5 del {
padding-right: 10px;
color: #1e1e1e;
font-size: 16px;
}
.shop .product-overlay {
opacity: 0;
position: absolute;
left: 0;
right: 0;
bottom: 0;
margin: 0px auto;
border-top: 1px solid rgba(0, 0, 0, 0.1);
z-index: 9999;
}
.shop .product-overlay div {
background-color: #f7f7f7;
display: block;
float: left;
width: 50%;
padding: 10px;
color: #1e1e1e;
margin: 0px;
}
.shop .product-overlay div:hover {
background-color: #1e1e1e;
}
.shop .product-overlay .add-to-cart {
border-right: 1px solid rgba(0, 0, 0, 0.1);
}
.shop .product-overlay a {
color: #1e1e1e;
text-decoration: none;
}
.shop .product-overlay div:hover a {
color: #ffffff;
}
.shop .product-overlay a {
color: #1e1e1e;
}
.shop .product-item:hover .product-overlay {
opacity: 1;
}
.shopping-cart-table.table {
border-bottom-width: 0;
margin: 0;
}
.shopping-cart-table.table thead th {
padding: 16px 30px 12px;
text-align: left;
vertical-align: top;
}
.shopping-cart-table.table tbody td {
font-size: 12px;
line-height: 20px;
padding: 30px;
}
.shopping-cart-table.table .td-images {
width: 131px;
}
.shopping-cart-table.table .product-image {
background: #f2f2f2;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;
display: block;
width: 70px;
}
.shopping-cart-table.table .td-name {
text-align: left;
}
.shopping-cart-table.table .td-name .product-name {
font-size: 12px;
font-weight: normal;
line-height: 20px;
}
.shopping-cart-table.table .td-edit {
padding-left: 20px;
padding-right: 20px;
width: 92px;
}
.shopping-cart-table.table .td-price {
padding-left: 20px;
padding-right: 20px;
text-align: center;
width: 112px;
}
.shopping-cart-table.table .td-qty {
min-width: 48px;
padding-left: 25px;
padding-right: 25px;
text-align: center;
width: 100px;
}
.shopping-cart-table.table td.td-qty {
padding-top: 19px;
}
.shopping-cart-table.table .td-qty input {
margin: 0;
min-width: 40px;
text-align: center;
}
.shopping-cart-table.table .td-total {
padding-left: 20px;
padding-right: 20px;
text-align: center;
width: 102px;
}
.shopping-cart-table.table .td-remove {
padding-left: 20px;
padding-right: 20px;
text-align: center;
width: 60px;
}
.shopping-cart-table-button.table {
border-bottom-width: 1px;
border-right-width: 0;
margin: 0 0 40px;
}
.shopping-cart-table-button.table tbody td {
border-left-width: 0;
border-top-width: 0;
height: 49px;
padding: 0;
text-align: left;
vertical-align: middle;
}
.shopping-cart-table-button.table a {
line-height: 22px;
}
.shopping-cart-table-button.table a i {
font-size: 17px;
line-height: 20px;
vertical-align: top;
}
.shopping-cart-table-button.table .update {
float: right;
}
.shopping-cart-table-button.table .update i {
font-size: 12px;
}
#car-bottom {
margin-bottom: 40px;
}
#car-bottom .car-bottom-box {
font-size: 12px;
line-height: 18px;
margin: 0 auto 40px;
max-width: 350px;
padding: 27px 30px 30px;
}
#car-bottom .car-bottom-box h5 {
margin: 0 0 17px;
}
#car-bottom .car-bottom-box p {
line-height: 18px;
margin: 0 0 18px;
}
#car-bottom .car-bottom-box label {
line-height: 20px;
}
#car-bottom .car-bottom-box .btn {
margin: 8px 0 0;
}
#car-bottom .total {
padding-bottom: 26px;
text-align: right;
}
#car-bottom .total table {
margin: 0 0 32px auto;
}
#car-bottom .total table td {
font-size: 13px;
height: 35px;
line-height: 24px;
padding: 0 0 0 5px;
vertical-align: top;
}
#car-bottom .total table .price {
font-size: 18px;
}
#car-bottom .total table .tr-total td {
font-size: 18px;
line-height: 30px;
}
#car-bottom .total table .tr-total td:first-child {
padding-right: 12px;
}
#car-bottom .total table .tr-total .price {
font-size: 30px;
}
#car-bottom .total .checkout {
font-weight: bold;
margin: 0 0 19px;
text-transform: uppercase;
}
/******************************************************************************
Checkout
*******************************************************************************/
#checkoutsteps {
list-style: none;
margin: 0;
padding: 0;
}
#checkoutsteps > li {
margin: 0 0 11px;
}
#checkoutsteps .step-title {
background: #f2f2f2;
border: 1px solid #e1e1e1;
color: #1e1e1e;
display: block;
height: 50px;
padding: 0 18px;
text-decoration: none;
-webkit-transition: opacity .2s linear;
transition: opacity .2s linear;
}
#checkoutsteps .step-title.collapsed {
border-color: #f2f2f2;
color: #7f7f7f;
}
#checkoutsteps a.step-title:hover {
opacity: 0.85;
filter: alpha(opacity=85);
-webkit-transition: opacity .2s linear;
transition: opacity .2s linear;
}
#checkoutsteps .step-title .number {
color: #7f7f7f;
float: right;
font-size: 16px;
line-height: 49px;
}
#checkoutsteps .step-title h6 {
font-size: 16px;
font-weight: normal;
line-height: 49px;
margin: 0;
}
#checkoutsteps .step-content {
border: 1px solid #e1e1e1;
border-top: 0 none;
font-size: 12px;
line-height: 20px;
padding: 22px 18px 19px;
}
#checkoutsteps .step-content label {
font-size: 12px;
line-height: 22px;
}
#checkoutsteps .step-content .radio,
#checkoutsteps .step-content .checkbox {
line-height: 18px;
}
#checkoutsteps .step-content .radio .new-radio,
#checkoutsteps .step-content .checkbox .new-checkbox {
margin-top: 0;
}
#checkoutsteps .step-content .title {
border-bottom: 1px solid #e1e1e1;
font-size: 16px;
font-weight: normal;
line-height: 24px;
margin: 0 0 17px;
padding: 0 0 10px;
position: relative;
}
#checkoutsteps .step-content .title:before {
background: #1e1e1e;
bottom: 0px;
content: "";
display: block;
height: 1px;
left: 0;
margin: 0 0 -1px;
position: absolute;
width: 40px;
}
#checkoutsteps .step-content .register-radio {
margin: 0 0 22px 39px;
}
#checkoutsteps .step-content ul {
list-style-type: disc;
}
#checkoutsteps .step-content .col-1 .buttons-box {
margin: 25px 0 0 0;
}
#checkoutsteps .step-content input.last {
margin-bottom: 14px;
}
#checkoutsteps .step-content .buttons-box {
font-size: 11px;
line-height: 1.5;
margin-top: 6px;
overflow: hidden;
padding-top: 10px;
text-align: right;
}
#checkoutsteps .step-content .buttons-box .btn {
float: left;
margin: -10px 10px 0 0;
}
#checkoutsteps .step-content .buttons-box .required {
display: inline-block;
font-size: 11px;
margin-left: 12px;
}
.sidebar.checkout-progress {
}
.sidebar.checkout-progress header {
margin: 0 0 13px;
}
.sidebar.checkout-progress .progress-list {
margin: 0;
}
.sidebar.checkout-progress .progress-list li {
color: #7f7f7f;
font-size: 12px;
line-height: 20px;
margin: 0;
padding: 12px 0 7px;
}
.sidebar.checkout-progress .progress-list li + li {
border-top-width: 1px;
}
.sidebar.checkout-progress .progress-list li a {
color: #7f7f7f;
float: right;
}
.sidebar.checkout-progress .progress-list li.active {
color: #1e1e1e;
font-weight: bold;
}
.sidebar.checkout-progress .progress-list li.active a {
display: none;
}
/******************************************************************************
My Account
*******************************************************************************/
.my-account.margin-top {
margin-top: -16px;
}
.my-account .subtitle {
color: #7f7f7f;
font-size: 18px;
font-weight: normal;
margin-bottom: 10px;
}
.my-account .info-box {
margin-bottom: 40px;
}
.my-account .buttons-box .required {
float: right;
margin: 12px 0 0 10px;
}
.my-account .pagination-text {
color: #999;
font-size: 12px;
}
.my-account .btn.margin-top {
margin-top: 10px;
}
/******************************************************************************
Compare Product
*******************************************************************************/
#compare-table {
border: 0 none;
margin: 0;
}
#compare-table tr th:last-child,
#compare-table tr td:last-child {
border-right-width: 1px;
}
#compare-table .remove td {
border-width: 0;
height: 26px;
padding: 0;
}
#compare-table .remove td:last-child {
border-right-width: 0;
}
#compare-table .remove-bottom td {
border-top-width: 1px;
vertical-align: bottom;
}
#compare-table th,
#compare-table td {
vertical-align: top;
}
#compare-table th {
background: #f7f7f7;
}
#compare-table td {
font-size: 12px;
line-height: 20px;
padding-top: 24px;
padding-bottom: 24px;
}
#compare-table .first {
font-size: 13px;
min-width: inherit;
padding: 19px 24px;
text-align: left;
width: 190px;
}
#compare-table .product-name {
color: #1e1e1e;
text-decoration: none;
-webkit-transition: opacity .2s linear;
transition: opacity .2s linear;
}
#compare-table .product-name:hover {
opacity: .8;
filter: alpha(opacity=80);
-webkit-transition: opacity .2s linear;
transition: opacity .2s linear;
}
#compare-table .product-image {
background: #f2f2f2;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;
display: block;
margin: 0 auto;
overflow: hidden;
width: 100px;
}
#compare-table .price-old {
font-size: 11px;
margin: 0 0 3px;
text-decoration: line-through;
}
#compare-table .price-old:after {
display: none;
}
#compare-table .price {
font-size: 16px;
}
#compare-table .rating-box {
margin: 0 auto;
}
#compare-table .description td {
text-align: left;
}
/******************************************************************************
Blog
*******************************************************************************/
.post {
margin-bottom: 40px;
padding: 0;
}
.blog .post {
margin-top: -3px;
}
.post + .post {
border-top-width: 1px;
padding-top: 37px;
}
.post .entry-title {
font-size: 26px;
font-weight: normal;
margin: 0 0 17px;
}
.post .entry-title a {
color: #1e1e1e;
text-decoration: none;
-webkit-transition: opacity .2s linear;
transition: opacity .2s linear;
}
.post .entry-title a.white {
color: #ffffff;
}
.post .entry-title a:hover {
text-decoration: none;
opacity: .8;
filter: alpha(opacity=80);
-webkit-transition: opacity .2s linear;
transition: opacity .2s linear;
}
.post .entry-content {
margin: 0 0 25px;
}
.post .entry-content p:last-child {
margin-bottom: 0;
}
.post .entry-meta {
color: #7f7f7f;
font-size: 12px;
line-height: 1.3;
}
.post .entry-meta.white {
color: #ffffff;
}
.post .entry-meta .separator {
margin: 0 10px;
}
.post .post-image {
padding-bottom: 30px;
}
.post .post-image.pull-left {
padding-right: 20px;
}
.width-340 {
width: 340px;
}
.post .entry-meta .comments-link {
background: url("../img/comment-link.png") 0 50% no-repeat;
padding: 0 0 0 18px;
-webkit-transition: opacity .2s linear;
transition: opacity .2s linear;
}
.post .entry-meta .comments-link:hover {
opacity: .8;
filter: alpha(opacity=80);
-webkit-transition: opacity .2s linear;
transition: opacity .2s linear;
}
.post .entry-meta .comments-link a {
color: #7f7f7f;
text-decoration: none;
}
.post .entry-meta .comments-link.white a {
color: #ffffff;
}
.blog-post .post {
margin-bottom: 76px;
}
.blog-post .commentlist {
margin: 0 0 54px;
padding: 0;
}
.blog-post .commentlist li {
padding: 22px 0;
}
.blog-post .commentlist li:first-child {
padding-top: 10px;
}
.commentlist li .avatar {
-webkit-border-radius: 42px;
-moz-border-radius: 42px;
border-radius: 42px;
float: left;
height: 84px;
margin: 0 25px 0 0;
width: 84px;
}
.blog-post .commentlist li .meta {
margin: 0 0 10px;
}
.blog-post .commentlist li .description {
font-size: 13px;
line-height: 20px;
margin: 0;
overflow: hidden;
}
.blog-post .comments-form {
margin: 6px 0 0;
}
.blog-post .comments-form .comment-box {
margin: 0;
text-align: right;
}
.blog-post .comments-form .comment-box textarea {
margin: 0 0 15px;
}
.blog-post .comments-form .comment-box i {
color: #7f7f7f;
font-size: 11px;
line-height: 12px;
vertical-align: top;
}
.blog-post .comments-form .button-set {
margin: 19px 0 0;
}
.blog-post .comments-form .button-set .required {
font-size: 11px;
line-height: 40px;
}
.blog-post .comments-form .button-set .required b {
font-size: 14px;
}
.blog-post .reply a {
color: #1e1e1e;
}
.carousel .post {
border: 0 none;
float: left;
line-height: 22px;
margin: 0 0px;
padding: 0;
}
/******************************************************************************
BLOG
*******************************************************************************/
/* Masonry Blog Grid */
.grid-col-2 .grid-posts {
margin: 0px 0px;
padding: 0px 0;
width: 50%;
}
.grid-col-2 .grid-posts .post {
padding: 0 30px 0 0;
}
.grid-col-3 .grid-posts {
margin: 0px 0px;
padding: 0px 15px;
width: 33.3%;
}
.grid-col-4 .grid-posts {
margin: 0px 0px;
padding: 0px 15px;
width: 25%;
}
.grid-col-5 .grid-posts {
margin: 0px 0px;
padding: 0px 15px;
width: 20%;
position: relative;
display: table-cell;
}
.grid-col-5.no-pad .grid-posts {
padding: 0px;
}
.hover-opacity img:hover {
opacity: .5;
}
.portfolio-title {
left: 0;
right: 0;
margin: 0px auto !important;
position: absolute;
text-align: center;
bottom: 0;
width: 100%;
background: rgba(0, 0, 0, .6);
color: #ffffff;
text-transform: uppercase;
opacity: 0;
}
.grid-posts:hover .portfolio-title {
opacity: 1;
}
#grid-layout .video-container,
#grid-layout .audio-container {
margin-bottom: 30px;
}
.post .carousel-indicators {
bottom: 0;
}
.grid-posts footer.entry-meta {
padding-bottom: 35px;
border-bottom: 1px solid #e1e1e1;
}
/* Normal Brid Layout */
.grid-layout .post {
margin: 0 0 60px 0;
padding: 0 0 60px 0;
border-bottom: 1px dashed #ccc;
}
/* Search Result */
.search-result .search-form {
margin-bottom: 40px;
position: relative;
}
.search-result .search-form .search-string {
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
-webkit-box-shadow: none;
-moz-box-shadow: none;
box-shadow: none;
color: #1e1e1e;
font-size: 24px;
height: 60px;
line-height: 30px;
margin: 0;
padding: 14px 50px 14px 18px;
}
.search-result .search-form .search-string:focus {
border-color: #ccc;
}
.search-result .search-form .search-submit {
background: none;
border-left: 1px solid #e1e1e1;
height: 30px;
line-height: 1;
position: absolute;
right: 0;
top: 15px;
text-align: center;
width: 46px;
-webkit-transition: opacity .2s linear;
transition: opacity .2s linear;
}
.search-result .search-form .search-submit svg {
margin-top: 2px;
}
.search-result .search-form .search-submit:hover {
opacity: .5;
filter: alpha(opacity=50);
-webkit-transition: opacity .2s linear;
transition: opacity .2s linear;
}
.search-result .filter-buttons,
.search-result .text-results {
margin-bottom: 30px;
}
.search-result .text-results {
color: #999;
font-size: 12px;
padding-top: 9px;
padding-bottom: 10px;
text-align: right;
}
.search-result .item {
background: none;
border: 0 none;
border-top: 1px solid #e1e1e1;
margin-top: 0 -15px 40px;
padding: 37px 0 0;
}
.search-result .pagination {
margin-top: 0;
}
/* Posts Variants */
.post.carousel {
line-height: 22px;
}
.post.carousel .images-box {
overflow: hidden;
}
.post.carousel .images-box img,
.post.carousel .images-box iframe {
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
}
.post.carousel .carousel-box.load {
max-height: 300px;
}
.post.carousel .carousel-box {
margin-bottom: 42px;
position: relative;
}
.post.carousel .carousel-box.no-pagination {
margin-bottom: 8px;
}
.post.carousel .carousel-box .next,
.post.carousel .carousel-box .prev {
left: 0;
margin: -20px 5px 0;
opacity: 0;
filter: alpha(opacity=0);
position: absolute;
top: 50%;
-webkit-transition: opacity .2s linear;
transition: opacity .2s linear;
}
.post.carousel .carousel-box:hover .next,
.post.carousel .carousel-box:hover .prev {
opacity: 1;
filter: alpha(opacity=100);
-webkit-transition: opacity .2s linear,
background-color .2s linear;
transition: opacity .2s linear,
background-color .2s linear;
}
.post.carousel .carousel-box:hover .next:hover,
.post.carousel .carousel-box:hover .prev:hover {
-webkit-transition: background-color .2s linear;
transition: background-color .2s linear;
}
.post.carousel .carousel-box .next {
left: auto;
right: 0;
}
.post.carousel .carousel-box .pagination {
left: 0;
position: absolute;
right: 0;
}
.carousel-box .pagination a.selected,
.banner-set .pagination a.selected {
background: #ccc;
background: rgba(0, 0, 0, .3);
}
.carousel .post-image img {
width: 100%;
}
/******************************************************************************
Footer
*******************************************************************************/
#footer {
color: #7f7f7f;
margin: 0px 0 0 0;
overflow-x: hidden;
}
#footer.footer-two {
margin: -176px 0 0 0;
}
#footer .footer-top {
background: #f2f2f2;
font-size: 12px;
line-height: 21px;
padding: 50px 0 13px;
}
#footer.footer-two .footer-top {
padding-bottom: 43px;
}
#footer .sidebar .widget {
margin-bottom: 30px;
}
#footer .sidebar .widget:nth-child(4n+1) {
clear: left;
}
#footer .sidebar .widget header,
#footer .sidebar .widget .title-block {
margin: 0 0 15px;
padding: 0 0 12px;
}
#footer .sidebar .widget header:before,
#footer .sidebar .widget .title-block:before {
display: none;
}
#footer .sidebar .widget header .title,
#footer .sidebar .widget .title-block .title {
color: #1e1e1e;
font-size: 16px;
font-weight: normal;
line-height: 1.3;
text-transform: uppercase;
}
#footer .sidebar .widget .next,
#footer .sidebar .widget .prev {
height: 26px;
line-height: 26px;
width: 26px;
}
#footer .sidebar .widget .next svg,
#footer .sidebar .widget .prev svg {
height: 14px;
}
#footer .widget p {
margin: 0 0 16px;
}
#footer .sidebar .compare-products li,
#footer .sidebar .compare-products li .title,
#footer .sidebar .compare-products li .close,
#footer .sidebar .wishlist .add-cart {
background-color: #f2f2f2;
}
.footer-two .social {
text-align: center;
}
.footer-two .social .sbtnf {
display: inline-block;
float: none;
margin: 0 3px;
}
#footer .footer-bottom {
background: #f7f7f7;
border-top-width: 1px;
font-size: 11px;
line-height: 17px;
padding: 21px 0 20px;
}
#footer .phone,
#footer .address {
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
padding-left: 34px;
position: relative;
}
#footer .footer-icon {
color: #c6c6c6;
left: 16px;
position: absolute;
top: 0;
}
#footer .footer-icon:before {
font-size: 20px;
line-height: 18px;
width: auto;
}
#footer .up {
background: #c6c6c6;
-webkit-border-radius: 50%;
-moz-border-radius: 50%;
border-radius: 50%;
display: block;
float: right;
height: 40px;
text-align: center;
width: 40px;
-webkit-transition: all .2s linear;
transition: all .2s linear;
}
#footer .up:hover {
background: #000;
-webkit-transition: all .2s linear;
transition: all .2s linear;
}
#footer .up .glyphicon {
color: #fff;
margin: 14px 0 0 -.5px;
vertical-align: top;
}
.footer-blog li {
padding-bottom: 15px;
margin-bottom: 15px;
border-bottom: 1px dashed #c2c0c0;
}
.footer-blog li:last-child {
padding-bottom: 15px;
margin-bottom: 15px;
border-bottom: 0;
}
.footer-count {
font-size: 16px;
margin: 20px 0 10px 0;
font-family: Oswald, sans-serif;
text-transform: uppercase;
}
.footer-social {
margin-top: 20px;
}
.footer-social i {
background-color: #c6c6c6;
width: 30px;
height: 30px;
text-align: center;
line-height: 30px;
-webkit-border-radius: 50%;
-moz-border-radius: 50%;
border-radius: 50%;
color: #ffffff;
}
.footer-social i:hover {
color: #ffffff;
}
.copyright a {
color: #7f7f7f;
}
/******************************************************************************
EXTRA
*******************************************************************************/
/* Boxed */
.boxed {
background: #fff;
margin: 0 auto;
max-width: 1200px;
padding-top: 20px;
}
.boxed .container {
max-width: 1200px;
}
.boxed .page-box {
background: #fff;
-webkit-box-shadow: rgba(0, 0, 0, 0.3) 0px 0px 18px;
box-shadow: rgba(0, 0, 0, 0.3) 0px 0px 18px;
overflow: hidden;
position: relative;
}
.boxed.loaded .page-box {
overflow: visible;
}
.boxed.fixed-header .header {
margin-top: 0;
position: absolute;
}
.boxed.fixed-header .page-header {
margin-top: 0;
padding-top: 95px;
}
.boxed.fixed-header.fixed .header {
position: fixed;
top: 0;
}
.boxed.fixed-header.fixed-top.fixed #top-box {
position: fixed;
top: 0;
}
.boxed.fixed-header.fixed-top.fixed .header {
top: 40px;
}
.boxed.hidden-top .page-box {
padding-top: 0;
-webkit-transition: none;
transition: none;
}
.boxed.hidden-top #top-box {
left: 0;
margin-top: 0;
position: static;
-webkit-transition: none;
transition: none;
}
.boxed.fixed-header.hidden-top #top-box {
margin-bottom: 104px;
}
.boxed.hidden-top .header {
top: 40px;
}
.boxed.hidden-top.fixed .header {
top: 0;
}
.boxed .header-wrapper {
-webkit-box-shadow: 0 0 5px rgba(0, 0, 0, .15);
-moz-box-shadow: 0 0 5px rgba(0, 0, 0, .15);
box-shadow: 0 0 5px rgba(0, 0, 0, .15);
margin: 0 auto;
max-width: 1200px;
}
.boxed .top-box-wrapper {
margin: 0 auto;
max-width: 1300px;
}
.boxed .banner-set.banner-set-mini.banner-set-no-pagination .pagination {
display: inline-block !important;
}
.boxed .banner-set.banner-set-mini.banner-set-no-pagination .prev,
.boxed .banner-set.banner-set-mini.banner-set-no-pagination .next {
margin: 15px 0 0 !important;
position: static;
}
.boxed #footer {
min-width: 100%;
position: relative;
}
.boxed #footer.footer-two {
margin-bottom: 0;
}
/* Wide Layout */
.wide .container {
width: 100% !important;
}
/* Ribbon */
.ribbon-wrapper {
width: 85px;
height: 88px;
overflow: hidden;
position: absolute;
top: -3px;
right: -3px;
}
.ribbon {
text-align: center;
font-size: 12px;
position: relative;
padding: 5px 0;
left: -5px;
top: 15px;
width: 120px;
-webkit-box-shadow: 0px 0px 3px rgba(0, 0, 0, 0.3);
-moz-box-shadow: 0px 0px 3px rgba(0, 0, 0, 0.3);
box-shadow: 0px 0px 3px rgba(0, 0, 0, 0.3);
-webkit-transform: rotate(45deg);
-moz-transform: rotate(45deg);
-ms-transform: rotate(45deg);
-o-transform: rotate(45deg);
}
.ribbon:before, .ribbon:after {
content: "";
border-top: 3px solid #6e8900;
border-left: 3px solid transparent;
border-right: 3px solid transparent;
position: absolute;
bottom: -3px;
}
.ribbon:before {
left: 0;
}
.ribbon:after {
right: 0;
}
.ribbon.red {
background-color: #ff0000;
background-image: -webkit-gradient(linear, left top, left bottom, from(#ff0000), to(#bf0c0c));
background-image: -webkit-linear-gradient(top, #ff0000, #bf0c0c);
background-image: -moz-linear-gradient(top, #ff0000, #bf0c0c);
background-image: -ms-linear-gradient(top, #ff0000, #bf0c0c);
background-image: -o-linear-gradient(top, #ff0000, #bf0c0c);
}
.ribbon.blue {
background-color: #03b6f7;
background-image: -webkit-gradient(linear, left top, left bottom, from(#03b6f7), to(#0c8fbf));
background-image: -webkit-linear-gradient(top, #03b6f7, #0c8fbf);
background-image: -moz-linear-gradient(top, #03b6f7, #0c8fbf);
background-image: -ms-linear-gradient(top, #03b6f7, #0c8fbf);
background-image: -o-linear-gradient(top, #03b6f7, #0c8fbf);
}
.ribbon.green {
background-color: #BFDC7A;
background-image: -webkit-gradient(linear, left top, left bottom, from(#BFDC7A), to(#8EBF45));
background-image: -webkit-linear-gradient(top, #BFDC7A, #8EBF45);
background-image: -moz-linear-gradient(top, #BFDC7A, #8EBF45);
background-image: -ms-linear-gradient(top, #BFDC7A, #8EBF45);
background-image: -o-linear-gradient(top, #BFDC7A, #8EBF45);
}
.ribbon.yellow {
background-color: #ffc400;
background-image: -webkit-gradient(linear, left top, left bottom, from(#ffc400), to(#eab505));
background-image: -webkit-linear-gradient(top, #ffc400, #eab505);
background-image: -moz-linear-gradient(top, #ffc400, #eab505);
background-image: -ms-linear-gradient(top, #ffc400, #eab505);
background-image: -o-linear-gradient(top, #ffc400, #eab505);
}
.ribbon.no-gradiant {
background-image: none;
}
.ribbon.white {
text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.2);
-moz-text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.2);
-webki-text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.2);
}
/* Fancybox */
.fancybox-margin .fixed-header .header,
.fancybox-margin .fixed-header #top-box {
left: -7.5px;
}
.fancybox-close {
background: #fff;
border: 1px solid #7f7f7f;
-webkit-border-radius: 50%;
-moz-border-radius: 50%;
border-radius: 50%;
color: #1e1e1e;
font-size: 25px;
font-weight: normal;
height: 30px;
line-height: 29px;
right: -15px;
text-align: center;
text-decoration: none;
top: -15px;
width: 30px;
-webkit-transition: color .2s linear;
transition: color .2s linear;
}
.fancybox-close:hover {
color: #7f7f7f;
text-decoration: none;
-webkit-transition: color .2s linear;
transition: color .2s linear;
}
.fancybox-nav span {
background: #ccc;
border: 0 none;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;
color: #fbfbfb;
display: block;
float: right;
height: 40px;
line-height: 40px;
margin: -20px 0 0 0;
text-align: center;
text-decoration: none;
width: 40px;
-webkit-transition: all .2s linear;
transition: all .2s linear;
}
.fancybox-nav span:hover {
background-color: #000;
color: #efefef;
text-decoration: none;
-webkit-transition: all .2s linear;
transition: all .2s linear;
}
.fancybox-nav span svg {
vertical-align: middle;
}
.fontawesome-icon-list {
color: #7f7f7f;
}
.fontawesome-icon-list .fa {
color: #1e1e1e;
width: 22px;
font-size: 14px;
display: inline-block;
text-align: center;
margin-right: 5px;
}
/******************************************************************************
Hover Effects
*******************************************************************************/
.team-member .social-icon .item a,
.team-member:hover .social-icon .item a:hover,
.work-process-box:hover .title,
.work-process-box .title,
.pricing:hover .title a,
.pricing .title a,
.share-active i,
.share-active i:hover,
.footer-social i:hover,
.footer-social i,
.sidebar .newsletter .submit.bg-color:hover,
.sidebar .newsletter .submit.bg-color,
.header .primary .sub a:hover,
.header .primary .sub a,
.header-icons i,
.header-icons i:hover,
.post .entry-title a:hover,
.post .entry-title a,
.service-box a:hover,
.service-box a,
.service:hover i,
.service i,
.rotate:hover i,
.zoom:hover i,
.get-a-quote:hover a,
.get-a-quote a,
.timeliner > li:hover .timeline-image,
.timeliner > li .timeline-image,
.timeliner li:hover .timeline-heading h4,
.timeliner li .timeline-heading h4,
.opacity:hover img,
.opacity img,
.features-list li i,
.features-list li:hover i,
.shop .product-item:hover .product-overlay,
.shop .product-item .product-overlay,
.shop .product-item img,
.shop .product-item:hover img {
transition: all 350ms ease-in-out 0s;
-moz-transition: all 350ms ease-in-out 0s;
-webkit-transition: all 350ms ease-in-out 0s;
-o-transition: all 350ms ease-in-out 0s;
-ms-transition: all 350ms ease-in-out 0s;
}
/* Hover Zoom Effects */
.zoom:hover i {
transform: scale(1.1);
-moz-transform: scale(1.1);
-webkit-transform: scale(1.1);
-o-transform: scale(1.1);
-ms-transform: scale(1.1);
}
/* Hover Rotate Effects */
.rotate:hover i {
transform: rotate(360deg);
-ms-transform: rotate(360deg);
-webkit-transform: rotate(360deg);
}
/* Endless Rotating */
@-webkit-keyframes rotating /* Safari and Chrome */
{
from {
-ms-transform: rotate(0deg);
-moz-transform: rotate(0deg);
-webkit-transform: rotate(0deg);
-o-transform: rotate(0deg);
transform: rotate(0deg);
}
to {
-ms-transform: rotate(360deg);
-moz-transform: rotate(360deg);
-webkit-transform: rotate(360deg);
-o-transform: rotate(360deg);
transform: rotate(360deg);
}
}
@keyframes rotating {
from {
-ms-transform: rotate(0deg);
-moz-transform: rotate(0deg);
-webkit-transform: rotate(0deg);
-o-transform: rotate(0deg);
transform: rotate(0deg);
}
to {
-ms-transform: rotate(360deg);
-moz-transform: rotate(360deg);
-webkit-transform: rotate(360deg);
-o-transform: rotate(360deg);
transform: rotate(360deg);
}
}
.rotating {
-webkit-animation: rotating 2s linear infinite;
-moz-animation: rotating 2s linear infinite;
-ms-animation: rotating 2s linear infinite;
-o-animation: rotating 2s linear infinite;
animation: rotating 2s linear infinite;
}
/* Full Width Side Images */
.full-image1 {
background: url("../img/content/bg/full-img1.jpg") no-repeat scroll right top rgba(0, 0, 0, 0);
float: left;
min-height: 560px;
width: 100%;
}
.full-image2 {
background: url("../img/content/bg/full-img2.jpg") no-repeat scroll right top rgba(0, 0, 0, 0);
float: left;
min-height: 560px;
width: 100%;
}
.full-image3 {
background: url("../img/content/bg/full-img3.jpg") no-repeat scroll right top rgba(0, 0, 0, 0);
float: left;
min-height: 560px;
width: 100%;
}
.full-image4 {
background: url("../img/content/bg/full-img4.jpg") no-repeat scroll right top rgba(0, 0, 0, 0);
float: left;
min-height: 560px;
width: 100%;
}
.full-image5 {
background: url("../img/content/bg/full-img5.jpg") no-repeat scroll right top rgba(0, 0, 0, 0);
float: left;
min-height: 560px;
width: 100%;
}
.full-image6 {
background: url("../img/content/bg/full-img6.jpg") no-repeat scroll right top rgba(0, 0, 0, 0);
float: left;
min-height: 560px;
width: 100%;
}
.full-image7 {
background: url("../img/content/bg/full-img7.jpg") no-repeat scroll right top rgba(0, 0, 0, 0);
float: left;
min-height: 560px;
width: 100%;
}
.full-image8 {
background: url("../img/content/bg/full-img8.jpg") no-repeat scroll right top rgba(0, 0, 0, 0);
float: left;
min-height: 560px;
width: 100%;
}
.full-image9 {
background: url("../img/content/bg/full-img9.jpg") no-repeat scroll right top rgba(0, 0, 0, 0);
float: left;
min-height: 560px;
width: 100%;
}
.full-image10 {
background: url("../img/content/bg/full-img10.jpg") no-repeat scroll right top rgba(0, 0, 0, 0);
float: left;
min-height: 560px;
width: 100%;
}
.full-image11 {
background: url("../img/content/bg/full-img11.jpg") no-repeat scroll right top rgba(0, 0, 0, 0);
float: left;
min-height: 560px;
width: 100%;
}
.full-image12 {
background: url("../img/content/bg/full-img12.jpg") no-repeat scroll right top rgba(0, 0, 0, 0);
float: left;
min-height: 560px;
width: 100%;
}
.full-image13 {
background: url("../img/content/bg/full-img13.jpg") no-repeat scroll right top rgba(0, 0, 0, 0);
float: left;
min-height: 560px;
width: 100%;
}
.full-image14 {
background: url("../img/content/bg/full-img14.jpg") no-repeat scroll right top rgba(0, 0, 0, 0);
float: left;
min-height: 560px;
width: 100%;
}
.full-image15 {
background: url("../img/content/bg/full-img15.jpg") no-repeat scroll right top rgba(0, 0, 0, 0);
float: left;
min-height: 560px;
width: 100%;
}
.full-image16 {
background: url("../img/content/bg/full-img16.jpg") no-repeat scroll right top rgba(0, 0, 0, 0);
float: left;
min-height: 560px;
width: 100%;
}
/* My Video */
#my-video {
background-image: url("../img/content/bg/full-img2.jpg");
background-size: cover;
-o-background-size: cover;
-moz-background-size: cover;
-webkit-background-size: cover;
background-position: 0 0;
background-repeat: repeat;
position: relative;
min-height: 500px;
}
.top-margin-110 {
margin-top: 10em;
}
.header-alert > .alert {
margin-bottom: 0px;
padding-bottom: 8px;
padding-top: 8px;
}
.mask-bottom {
background-color: #E13000 !important;
color: white !important;
}
.blink {
animation: blinker 2s linear infinite;
}
.alert-blink {
animation: blinker 2s linear infinite;
animation-iteration-count: 6;
}
@keyframes blinker {
50% { opacity: 0.5; }
}