@import url('http://fonts.googleapis.com/css?family=Open+Sans:400italic,400,600,700,800,300');
@import url('http://netdna.bootstrapcdn.com/font-awesome/4.5.0/css/font-awesome.min.css');
@import url('bootstrap.css');
/* Template: Saluto */
/* Color Grey: #8b959d / #656f77
/* Color Red: #e74c3c
/* Color Blue: #0492d0 / #23527c
/* Body */
/* Boostrap Override to eBay Table Width*/
@media (min-width:1200px){.container{width:1393px}}
body {
overflow-x: hidden;
}
.wrapper-body {
background-color: #FFF;
max-width: 1393px;
}
/* Rows and Columns */
.row-heading {
margin-right: -15px;
margin-bottom: 20px;
margin-left: -15px;
}
.row-heading:before,
.row-heading:after {
display: table;
content: ' ';
}
.row-heading:after {
clear: both;
}
.row + .row-heading {
margin-top: 20px;
}
.row + .row-heading.row-heading-mt-40 {
margin-top: 40px;
}
@media (max-width: 767px) {
[class^='col'] + [class^='col'] {
margin-top: 40px;
}
.row + .row {
margin-top: 40px !important;
}
.section-call-to [class^='col'] + [class^='col'],
.section-heading-page [class^='col'] + [class^='col'] {
margin-top: 16px;
}
}
/* Typography */
body {
font-family: 'Open Sans', sans-serif;
font-size: 15px;
}
body,
button,
input {
line-height: 1.6;
}
a {
-webkit-transition: all .2s ease-in-out;
transition: all .2s ease-in-out;
}
a:hover,
a:focus {
text-decoration: none;
outline: none;
}
a,
a:hover {
color: #656f77;
    font-weight: 400;
}
a:focus {
color: inherit;
}
label {
font-weight: 600;
}
.title,
.subtitle {
margin: 0;
padding: 0;
}
.section-heading-page {
margin-bottom: 40px;
padding: 10px 0;
color: ;
border: 1px solid #0492d0;
border-radius: 3px;
background-color: #0492d0;
background-image: linear-gradient(to bottom, #12b7ff 0%, #0492d0 100%);
}
.heading-page {
font-size: 27px;
font-weight: 300;
margin: 0;
}
.template-theme-xs,
.template-theme,
.template-theme-sm,
.template-theme-lg {
margin: 0;
}
.template-theme-xs + .template-theme-xs {
margin-top: 6px;
margin-bottom: 0;
}
.template-theme-sm + .template-theme-sm {
margin-top: 10px;
margin-bottom: 0;
}
.template-theme + .template-theme {
margin-top: 16px;
margin-bottom: 0;
}
.template-theme-lg + .template-theme-lg {
margin-top: 22px;
margin-bottom: 0;
}
.template-theme + .btn.template-theme {
margin-top: 20px;
}
.title-xs {
font-size: 14px;
font-weight: 700;
margin: 0;
}
.title-sm {
font-size: 20px;
font-weight: 600;
font-size: 18px;
margin: 0;
color: #0492d0;     
}
.title-md {
font-size: 22px;
font-weight: 600;
margin: 0;
}
.title-md-light {
font-size: 22px;
text-align: center;
margin: 0;
color: #8b959d;
}
.title-lg {
font-size: 28px;
font-weight: 700;
margin: 0;
color: #656f77;
}
.title-price {
font-size: 28px;
font-weight: 700;
margin: 0;
color: #e74c3c;
}

.title-lg-light {
font-size: 30px;
font-weight: 300;
margin: 0;
color: #f7f7f7;
}
.title-lg span {
color:#0492d0;
}
.title-lg.hr:after,
.title-md.hr:after,
.title-sm.hr:after,
.title-xs.hr:after {
display: block;
width: 60px;
height: 4px;
margin: 0 auto;
margin-top: 20px;
content: '';
background-color: #0492d0;
}
.section-primary .hr:after {
background-color: #FFF;
}
.title-lg.hr-left:after,
.title-md.hr-left:after,
.title-sm.hr-left:after,
.title-xs.hr-left:after {
display: block;
width: 60%;
height: 0px;
margin-top: 0px;
content: '';
background-color: #f5f5f5;
}
.title-lg.hr-full:after,
.title-md.hr-full:after,
.title-sm.hr-full:after,
.title-xs.hr-full:after {
display: block;
width: 100%;
height: 3px;
margin-top: 12px;
content: '';
background-color: #0492d0;
}
.title-xs.hr-before:before,
.title-sm.hr-before:before,
.title-md.hr-before:before,
.title-lg.hr-before:before {
position: relative;
display: inline-block;
margin-right: 6px;
content: '';
background-color: #0492d0;
}
.title-xs.hr-before:before {
top: 1px;
width: 3px;
height: 13px;
}
.title-sm.hr-before:before {
top: 1px;
width: 3px;
height: 16px;
}
.title-md.hr-before:before {
top: 1px;
width: 3px;
height: 19px;
}
.title-lg.hr-before:before {
top: 1px;
width: 4px;
height: 24px;
}
.header-list {
padding-left: 0px;
margin-bottom: 0px;
}
.header-list li {
list-style: none;
display: inline;
}
.header-list li a {
margin: 0 50px;
margin-left: 0;
color:#fff;
font-size: 18px;
}
.header-list li a:hover {
color: #23527c;
}
.header-list li:last-child:after {
content: "";
}
.list-unstyled {
margin: 0;
}

.list-unstyled > li > a {
color: #000;
}
.list-unstyled.bordered li + li {
margin-top: 10px;
padding-top: 10px;
border-top: solid 1px #ddd;
}
.list-md .fa {
margin-right: 8px;
}
.list-lg .fa {
margin-right: 8px;
}
.list-xl span {
font-size: 16px;
font-weight: 600;
position: relative;
top: -4px;
margin: 0;
color: #656f77;
}
.list-xl li + li {
margin-top: 16px;
}
.list-xl li .fa {
margin-right: 20px;
}
.list-md li + li {
margin-top: 4px;
}
.list-lg li + li {
margin-top: 14px;
}
.hr-divider {
margin: 50px 0;
border-top: 1px solid #ddd;
}
.hr-divider-ghost {
margin: 50px 0;
border: 0;
}
.hr-divider-xs {
margin: 16px 0;
border-top: 1px solid #ddd;
}
.hr-divider-double {
position: relative;
margin-top: 50px;
margin-bottom: 60px;
border-top: 1px solid #ddd;
}
.hr-divider-double:after {
display: block;
width: 100%;
height: 1px;
margin-top: 10px;
margin-bottom: 10px;
content: '';
background-color: #ddd;
}
.title-striped {
display: block;
margin: 50px 0 !important;
}
.title-striped:before {
position: relative;
top: -4px;
display: inline-block;
width: 20%;
height: 6px;
margin-right: 20px;
content: '';
border-top: solid 1px #ddd;
border-bottom: solid 1px #ddd;
}
.title-striped:after {
position: relative;
top: -4px;
display: inline-block;
width: 20%;
height: 6px;
margin-left: 20px;
content: '';
border-top: solid 1px #ddd;
border-bottom: solid 1px #ddd;
}
/* Forms */
.input-group-btn:first-child > .btn,
.input-group-btn:first-child > .btn-group {
z-index: 2;
margin-right: 4%;
}
/* Navbar Positioning */
@media (min-width: 768px) {
.body-nav-fixed-menu-top .menu-top {
position: fixed;
z-index: 9999;
top: 0;
right: 0;
left: 0;
height: 35px;
}
.body-nav-fixed-menu-top #nav.navbar-fixed-top {
top: 35px;
}
}
/* Navbar */
.navbar {
min-height: 80px;
margin-bottom: 0;
border: 0;
border-radius: 0;
box-shadow: ;
}
@media (min-width: 768px) {
#header,
.navbar {
-webkit-backface-visibility: hidden;
backface-visibility: hidden;
}
}
#nav.nav-boxed {
padding: 0;
}
@media (max-width: 767px) {
.navbar {
min-height: 60px;
}
.subheader {
position: absolute;
right: 15px;
height: 30px;
width: 30px;
border:1px solid #dfdfdf;
top:15px;
cursor: pointer;
}
.subheader:before {
font-family: FontAwesome;
content: "\f0c9";
margin-left: -11px;
margin-top: -5px;
color: #FFF;
font-size: 24px;
}
.subheader .nav-container {
background: #fff none repeat scroll 0 0;
border: 1px solid #ddd;
display: none;
padding: 10px;
position: absolute;
right: -1px;
top: 28px;
width: 200px;
z-index:9999;
-webkit-box-shadow: 0px 3px 6px -3px rgba(1, 1, 1, .5);
-moz-box-shadow: 0px 3px 6px -3px rgba(1, 1, 1, .5);
box-shadow: 0px 3px 5px -5px rgba(1, 1, 1, .5);
}
.subheader .nav-container .header-list {
float: none;
margin:0;
}
.subheader .nav-container .header-list li{
display: block;
margin: 5px 0;
}
.header-list li:after {
content: "";
}
.subheader .nav-container .header-list li a{
color: #444;
}
.subheader:hover .nav-container{
display: block;
}
}
.navbar-nav {
margin: 0 -15px;
}

.navbar-collapse {
box-shadow: none;
}
@media (min-width: 486px) and (max-width: 991px) {
.navbar-header {
float: none;
}
.navbar-right {
float: right !important;
margin: 0;
}
}
/* Navbar Brand */
.navbar-brand {
font-size: 24px;
line-height: 80px;
float: left;
height: 80px;
padding: 0 15px;
}
.navbar-brand > img {
display: block;
margin-top: 10px;
height: 70px;
width: auto;
}
@media (max-width: 767px) {
.navbar-brand {
line-height: 60px;
height: 60px;
}
.navbar-brand > img {
margin-top: 5px;
height: 50px;
}
}
@media (min-width: 768px) and (max-width: 991px) {
.navbar-brand {
display: block;
float: none;
height: 58px;
}
.navbar-brand > img {
height: 58px;
margin: 0 auto;
margin-top: 5px;
}
}
/* Navbar Toggle */
.navbar-toggle {
margin-top: 13px;
margin-bottom: 0;
border: 0;
background-color: transparent;
}
.navbar-toggle:hover,
.navbar-toggle:focus {
background-color: transparent !important;
}
.navbar-toggle .icon-bar {
height: 3px;
border-radius: 0;
}
/* Navbar Links */
#header .navbar-nav > li > a {
font-size: 14px;
font-weight: 700;
line-height: 92px;
height: 92px;
padding: 0 24px;
text-transform: uppercase;
}

@media (max-width: 767px) {
#header .navbar-nav > li > a {
font-size: 14px;
line-height: 50px;
height: 50px;
padding: 0 21px;
}
}
@media (min-width: 768px) and (max-width: 991px) {
#header .navbar-nav > li > a {
line-height: 58px;
height: 58px;
padding: 0 11px;
}
}
@media (min-width: 992px) and (max-width: 1199px) {
#header .navbar-nav > li > a {
padding: 0 12px;
}
}
/* Navbar Default Styling */
#header .navbar-default {
background-color: #131111;
background-color: #FFF;
}
#header .navbar-default .navbar-collapse,
#header .navbar-default .navbar-form {
border-color: #efeeec;
}
#header .navbar-default .navbar-brand {
color: #000;
}
#header .navbar-default .navbar-brand:hover,
#header .navbar-default .navbar-brand:focus {
color: #1a1a1a;
background-color: transparent;
}
#header .navbar-default .navbar-toggle {
border-color: #ccc;
}

#header .navbar-default .navbar-toggle:hover,
#header .navbar-default .navbar-toggle:focus {
background-color: #f5f5f5;
}
#header .navbar-default .navbar-toggle .icon-bar {
background-color: #fff;
}
#header .navbar-default .navbar-nav > li > a {
color: #656f77;
}
#header .navbar-default .navbar-nav > li > a:focus {
color: #0492d0;
background-color: transparent;
}
#header .navbar-default .navbar-nav > li > a:hover {
color: #0492d0;
}
@media (min-width: 768px) and (max-width: 991px) {
.navbar {
border-radius: 0px;
}
}
/* Navbar Search Box */
form.nav-search {
position: relative;
margin-top: 16px;
}
form.nav-search > label {
display: block;
width: 40px;
height: 40px;
margin-top: 24px;
margin-left: 24px;
cursor: pointer;
-webkit-transition: background-color .2s ease-in-out;
transition: background-color .2s ease-in-out;
text-align: center;
border: 1px solid #0492d0;
border-radius: 3px;
background-color: #0492d0;
background-image: linear-gradient(to bottom, #12b7ff 0%, #0492d0 100%);
}
form.nav-search > label:hover {
background-color: #23527c;
}
form.nav-search > label:active {
background-color: #23527c;
}
form.nav-search > label > .fa {
font-size: 22px;
line-height: 38px;
color: #FFF;
}

form.nav-search > input {
font-size: 18px;
font-weight: 300;
line-height: 56px;
position: absolute;
top: 0px;
left: auto;
height: 40px;
margin: 0 auto;
padding: 6px;
opacity: 0;
border: 0;
outline: 0;
width: 500px;
cursor: pointer;
}
form.nav-search > input:focus {
right: 0;
opacity: 1;
}
@media (min-width: 768px) and (max-width: 991px) {
form.nav-search > label {
margin-top: -6px;
}
}
@media (max-width: 768px) {
form.nav-search {
margin-top: 7px;
}
form.nav-search > label {
margin-top: -6px;
}
form.nav-search > input {
top: 0;
right: auto;
left: -9999px;
height: 60px;
padding: 0;
}
form.nav-search > input:focus {
right: auto;
left: 0;
width: 100%;
padding: 0 21px;
}
.navbar-nav > li {
    float: left;
}
}
@media (max-width: 767px) {
.li-search {
   display: none!important;
}
.navbar-collapse {
border-top: 0;
}
}
@media (max-width: 486px) {
.navbar-nav > li {
    display: none;
}
}
/* Helper Classes */
.inset-shadow-top {
box-shadow: inset 0 4px 0 0 rgba(0, 0, 0, .08);
}
.shadow-bottom-light {
-webkit-box-shadow: 0px 3px 6px -3px rgba(1, 1, 1, .5);
-moz-box-shadow: 0px 3px 6px -3px rgba(1, 1, 1, .5);
box-shadow: 0px 3px 5px -5px rgba(1, 1, 1, .5);
}
.shadow-bottom-light-hover {
-webkit-box-shadow: 0px 3px 6px -3px rgba(1, 1, 1, .5);
-moz-box-shadow: 0px 3px 6px -3px rgba(1, 1, 1, .5);
box-shadow: 0px 3px 5px -5px rgba(1, 1, 1, .5);
-webkit-transition: all .2s ease-in-out;
transition: all .2s ease-in-out;
}
.shadow-bottom-light-hover:hover {
-webkit-box-shadow: 0px 3px 6px -3px rgba(1, 1, 1, .5);
-moz-box-shadow: 0px 3px 6px -3px rgba(1, 1, 1, .5);
box-shadow: 0px 3px 5px -3px rgba(1, 1, 1, .5);
-webkit-transition: all .2s ease-in-out;
transition: all .2s ease-in-out;
}
.shadow-bottom {
-webkit-box-shadow: 0px 3px 6px -3px rgba(1, 1, 1, .5);
-moz-box-shadow: 0px 3px 6px -3px rgba(1, 1, 1, .5);
box-shadow: 0px 3px 6px -4px rgba(1, 1, 1, .5);
}
.shadow-bottom-hover {
-webkit-box-shadow: 0px 3px 6px -3px rgba(1, 1, 1, .5);
-moz-box-shadow: 0px 3px 6px -3px rgba(1, 1, 1, .5);
box-shadow: 0px 3px 6px -4px rgba(1, 1, 1, .5);
-webkit-transition: all .2s ease-in-out;
transition: all .2s ease-in-out;
}
.shadow-bottom-hover:hover {
-webkit-box-shadow: 0px 3px 6px -3px rgba(1, 1, 1, .5);
-moz-box-shadow: 0px 3px 6px -3px rgba(1, 1, 1, .5);
box-shadow: 0px 3px 6px -2px rgba(1, 1, 1, .5);
-webkit-transition: all .2s ease-in-out;
transition: all .2s ease-in-out;
}
.colored {
color: #0492d0;
}
.bg-box {
background-color: #f4f5f6;
}

.display-block {
display: block;
}
.display-inline-block {
display: inline-block;
}
.full-width {
width: 100%;
}
.width-16 {
width: 16px;
}
.width-20 {
width: 20px;
}
.width-30 {
width: 30px;
}
.width-40 {
width: 40px;
}
.width-180 {
width: 180px;
}
.max-width-300 {
max-width: 300px;
}
.width-50 {
width: 90px;
}
.padding-0 {
padding: 0;
}
.padding-vertical-32 {
padding-right: 32px;
padding-left: 32px;
}
.margin-center {
margin-right: auto;
margin-left: auto;
}
.mb {
margin-bottom: 40px;
}
.mt {
margin-top: 50px;
}
.mb-0 {
margin-bottom: 0;
}
.mt-4 {
margin-top: 4px;
}
.mt-10 {
margin-top: 10px;
}
.mt-16 {
margin-top: 16px;
}
.mt-20 {
margin-top: 20px;
}
.mt-30 {
margin-top: 30px;
}
.mt-40 {
margin-top: 40px;
}
.mt-50 {
margin-top: 50px;
}
.mt-60 {
margin-top: 60px;
}
.mt-70 {
margin-top: 70px;
}
.mt-80 {
margin-top: 80px;
}
.mt-90 {
margin-top: 90px;
}
.mt-100 {
margin-top: 100px;
}
.mt-120 {
margin-top: 120px;
}
.mt-130 {
margin-top: 130px;
}
.mt-140 {
margin-top: 140px;
}
.mt-150 {
margin-top: 150px;
}
.mt-160 {
margin-top: 160px;
}
.mt-170 {
margin-top: 170px;
}
.mt-180 {
margin-top: 180px;
}
.mt-190 {
margin-top: 190px;
}
.mt-200 {
margin-top: 200px;
}
.mt-minus-4 {
margin-top: -4px;
}
.mt-minus-10 {
margin-top: -10px;
}
.mt-minus-16 {
margin-top: -16px;
}
.mt-minus-20 {
margin-top: -20px;
}
.mt-minus-30 {
margin-top: -30px;
}
.mt-minus-40 {
margin-top: -40px;
}
.mt-minus-50 {
margin-top: -50px;
}
.mt-minus-60 {
margin-top: -60px;
}
.mt-minus-70 {
margin-top: -70px;
}
.mt-minus-80 {
margin-top: -80px;
}
.mt-minus-90 {
margin-top: -90px;
}
.mt-minus-100 {
margin-top: -100px;
}
.mt-minus-120 {
margin-top: -120px;
}
.mt-minus-130 {
margin-top: -130px;
}
.mt-minus-140 {
margin-top: -140px;
}
.mt-minus-150 {
margin-top: -150px;
}
.mt-minus-160 {
margin-top: -160px;
}
.mt-minus-170 {
margin-top: -170px;
}
.mt-minus-180 {
margin-top: -180px;
}
.mt-minus-190 {
margin-top: -190px;
}
.mt-minus-200 {
margin-top: -200px;
}
.mb-16 {
margin-bottom: 16px;
}
.mb-20 {
margin-bottom: 20px;
}
.mb-30 {
margin-bottom: 30px;
}
.mb-40 {
margin-bottom: 40px;
}
.mb-50 {
margin-bottom: 50px;
}
.mr-8 {
margin-right: 8px;
}
@media (max-width: 767px) {
.text-center-xs {
text-align: center;
}
.pull-none-xs {
float: none !important;
}
}
/* Buttons */
.btn {
-webkit-transition-timing-function: ease-in-out;
transition-timing-function: ease-in-out;
-webkit-transition-duration: .16s;
transition-duration: .16s;
-webkit-transition-property: background-color, color, border-color;
transition-property: background-color, color, border-color;
letter-spacing: 1px;
border-radius: 3px!important;
margin: 10px;
padding: 8px 16px;
transition: all .2s ease-in-out;
}
.fa-btn {
margin: 0 !important;
}
/* button fix inputgroup hover */
.btn-z-index {
z-index: 2;
}
.btn-sm {
padding: 4px 8px;
}
.btn-xs {
font-weight: 400;
border-radius: 1px;
}
.btn:hover,
.btn:focus,
.btn:active,
.btn.active,
.open .dropdown-toggle.btn {
text-decoration: none;
outline: 0 !important;
box-shadow: none;
}
/* BUTTON WITH ICONS*/
.btn .fa {
margin-right: 10px;
font-size: 17px;
}
.btn-xs .fa {
margin-right: 4px;
}
.btn-lg .fa {
font-size: 22px;
position: relative;
top: 2px;
}
/* BUTTON PRIMARY */
.btn-primary {
color: #FFF;
border-color: #0492d0;
background-color: #12b7ff;
background-image: linear-gradient(to bottom, #12b7ff 0%, #0492d0 100%);    
}
.btn-primary:hover {
color: #FFF;
border-color: #0492d0;
background-color: ;
}
.btn-primary:focus,
.btn-primary:active,
.btn-primary.active:hover,
.btn-primary:active:focus
{
color: #FFF;
border-color: #23527c;
background-color: ;
}
/* BUTTON DEFAULT */
.btn-default {
color: #333;
border-color: #ccc;
background-color: #fff;
}
.btn-default:hover {
color: #fff;
border-color: #0492d0;
background-color: #0492d0;
}
.btn-default:focus,
.btn-default:active,
.btn-default:active:hover,
.btn-default.active.focus {
color: #333;
border-color: #ccc;
background-color: #ddd;
}
/* BUTTON GHOST GLOBAL */
.btn.btn-ghost {
background-color: transparent;
transition: all .2s ease-in-out;
}
/* BUTTON-GHOST PRIMARY */
.btn-primary.btn-ghost {
color: ;
border-color: #0492d0;
transition: all .2s ease-in-out;
}
.btn-primary.btn-ghost:hover {
color: #FFF;
border-color: #23527c;
background-color: #23527c;
}
.btn-primary.btn-ghost:focus,
.btn-primary.btn-ghost:active,
.btn-primary.btn-ghost.active,
.open .dropdown-toggle.btn-primary.btn-ghost {
color: #FFF;
border-color: #23527c;
background-color: #23527c;
}
@media (max-width: 321px) {
.input-group-btn:last-child > .btn, .input-group-btn:last-child > .btn-group {
z-index: 2;
margin-left: -8px;
}
.btn {
margin-left: 0;
}
}
/* Icons */
.fa.colored {
color: #0492d0;
}
.fa.bg {
color: #FFF;
border-color: #0492d0;
background-color: #0492d0;
}
a .fa-round {
-webkit-transition: all .16s ease-in-out;
transition: all .16s ease-in-out;
}
a .fa-round:hover {
color: #FFF;
background-color: #0492d0;
}
/* Rounded icons */
.fa-round {
width: 30px;
height: 30px;
padding-top: 6px;
text-align: center;
color: #0492d0;
border: solid 1px #0492d0;
border-radius: 50%;
}
/* Boxed icons */
.fa-box {
width: 30px;
height: 30px;
padding-top: 6px;
text-align: center;
color: #0492d0;
border: solid 1px #0492d0;
}
/* Rounded icons @2x*/
.fa-2x.fa-round,
.fa-2x.fa-box {
font-size: 1.5em;
width: 40px;
height: 40px;
padding-top: 8px;
}
/* Rounded icons @3x*/
.fa-3x.fa-round,
.fa-3x.fa-box {
width: 80px;
height: 80px;
padding-top: 17px;
}
/* Rounded icons @4x*/
.fa-4x.fa-round,
.fa-4x.fa-box {
width: 120px;
height: 120px;
padding-top: 29px;
}
/* Boxes */
.cross-selling-box {
position: relative;
padding: 8px 8px 16px 8px;
text-align: center;
}
.cross-selling-box h3 {
font-size: 16px;
font-weight: 600;
color:#e74c3c;   
}
.cross-selling-box .caption-box {
right: 0;
}
.cross-selling-box img {
margin: 0 auto;
}
.cross-selling-box.bordered {
border: solid 1px #ddd;
}
.content-box {
padding: 8px 8px 16px 8px;
}
.content-box.bg {
background-color: #f4f5f6;
}
.content-box.bordered {
border: solid 1px #ddd;
}
.img-box {
position: relative;
display: block;
}
/* Slider */
.slider-thumbnail {
display: block;
margin: 0;
margin-top: 10px;
margin-left: -1%;
padding: 0;
}
.slider-thumbnail a {
display: block;
float: left;
margin: 0;
margin-left: 1%;
padding: 0;
padding: .5%;
-webkit-transition: border-color .16s ease-in-out;
transition: border-color .16s ease-in-out;
border: solid 1px #ddd;
}
.slider-thumbnail.slider-thumbnails-6 a {
width: 15.66%;
}
.slider-thumbnail.slider-thumbnails-5 a {
width: 19%;
}
.slider-thumbnail.slider-thumbnails-4 a {
width: 24%;
}
.slider-thumbnail.slider-thumbnails-3 a {
width: 32.33%;
}
.slider-thumbnail a img {
display: block;
width: 100%;
}
.saluto-item-slider + .slider-thumbnail a img {
padding: 0;
}
.slider-thumbnail a:before {
  color: #FFF;
visibility: visible;
}
.slider-thumbnail a img {
-webkit-transition: .32s opacity, .32s -webkit-transform;
transition: .32s opacity, .32s transform;
}
.slider-thumbnail a:hover img {
opacity: .50;
-ms-filter: 'progid:DXImageTransform.Microsoft.Alpha(Opacity=50)';
}
.slider-thumbnail a.active {
border-color: #c4c4c4;
background-color: #f6f6f6;
}
/* Support */
.our-support {
height: 26px;
margin-bottom: 10px;
padding: 0;
color: #3e454c;
text-align: left;
font-size: 13px;
}
.our-support-icon {
float: left;
margin: 0;
margin-right: 8px;
padding: 0;
color: #656f77;
font-size: 1.75em;
text-align: center;
}
.our-support-headline {
margin: 0;
padding: 0;
color: #0492d0;
line-height: 16px;
font-size: 16px;
font-weight: 600;
}
/* Services */
.our-service {
height: 50px;
margin-bottom: 20px;
padding: 0;
color: #8b959d;
text-align: left;
font-size: 13px;
}
.our-service-icon {
float: left;
margin: 0;
margin-top: 2px;
margin-right: 8px;
padding: 0;
color: #656f77;
font-size: 2.75em;
text-align: center;
}
.our-service-headline {
margin: 0;
padding: 0;
color: #656f77;
line-height: 16px;
font-size: 16px;
font-weight: 700;
}
/* Sections */
.section-primary {
position: relative;
color: #FFF;
border: 0;
background-color: #656f77;
}
.section-xl.section-both {
padding: 250px 0;
}
.section-lg.section-both {
padding: 50px 0;
}
.section-md.section-both {
padding: 100px 0;
}
.section-sm.section-both {
padding: 50px 0;
}
.section-xs.section-both {
padding: 20px 0;
}
@media (max-width: 767px) {
.section-xl.section-both {
padding: 90px 0;
}
.video-container {
position: relative;
padding-bottom: 56.25%;
padding-top: 10px;
height: 0;
overflow: hidden;
}
.video-container iframe,
.video-container object,
.video-container embed {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}
}
.section-xl > div > .row > div > .title-section,
.section-xl > div > .row > div > .lead-section {
margin-bottom: 80px;
}
.section-lg > div > .row > div > .title-section,
.section-lg > div > .row > div > .lead-section {
margin-bottom: 62px;
}
.section-md > div > .row > div > .title-section,
.section-md > div > .row > div > .lead-section {
margin-bottom: 50px;
}
.section-sm > div > .row > div > .title-section,
.section-sm > div > .row > div > .lead-section {
margin-bottom: 40px;
}
.section-xs > div > .row > div > .title-section,
.section-xs > div > .row > div > .lead-section {
margin-bottom: 25px;
}
.section > div > .row > div > .title-section.template-theme {
margin-bottom: 0;
}
.section > div > .row > div > .lead-section {
max-width: 550px;
margin-right: auto;
margin-left: auto;
}
.section-arrow-bottom,
.section-arrow-top {
position: relative !important;
background-attachment: scroll !important;
}
.section-arrow-top:after {
position: absolute;
top: -20px;
right: 0;
left: 0;
display: block;
width: 0;
height: 0;
margin: 0 auto;
content: '';
border-right: 20px solid transparent;
border-bottom: 20px solid;
border-left: 20px solid transparent;
}
.section-arrow-bottom:after {
position: absolute;
right: 0;
bottom: -20px;
left: 0;
display: block;
width: 0;
height: 0;
margin: 0 auto;
content: '';
border-top: 20px solid;
border-right: 20px solid transparent;
border-left: 20px solid transparent;
}
/* Arrow Colors Primary */
.section-primary.section-arrow-top:after {
border-bottom-color: #656f77;
}
.section-primary.section-arrow-bottom:after {
border-top-color: #656f77;
}
/* Cross-Selling */
.cross-selling-box > .img-box > img {
width: 100%;
height: auto;
-webkit-transition: .32s opacity, .32s -webkit-transform;
transition: .32s opacity, .32s transform;
}
.cross-selling-box > .img-box > img:hover {
 opacity: .50;
-ms-filter: 'progid:DXImageTransform.Microsoft.Alpha(Opacity=50)';
}
/* Tabs */
.saluto-tabs {
background:none; 
margin:0;
line-height:1.5;
float: left;
}
.saluto-tabs input, .saluto-tabs input [type=radio] {
display:none;
margin:0!important; 
padding:0;

}
.saluto-tabs label {
display:inline-block; 
overflow:hidden; 
padding:10px 20px; 
margin:0;
margin-right:-4px;
border:0; 
position:relative; 
color:#656f77; 
font-weight: 600;
transition-timing-function: ease-in-out;
-webkit-transition-duration: .25s;
}
.saluto-tabs input:checked + label {
margin-bottom:0;
margin-right:0;
border: solid 1px #dedede;
border-bottom-color: #fff;
background-color: #fff;
}
#tab-title-1:checked ~ .tab-content #tab-content1, 
#tab-title-2:checked ~ .tab-content #tab-content2, 
#tab-title-3:checked ~ .tab-content #tab-content3, 
#tab-title-4:checked ~ .tab-content #tab-content4,
#tab-title-5:checked ~ .tab-content #tab-content5,
#tab-title-6:checked ~ .tab-content #tab-content6
{
display: block;
margin:0;
}
.tab-content {
color: #8b959d; 
text-align:left; 
margin-top: -6px;
padding:10px 20px; 
border: 1px solid #dedede;
font-size: 14px;
background-color: #fff;    
}
.tab-content > div {
display:none; 
padding:10px 0;
transition-timing-function: ease-in-out;
-webkit-transition-duration: .25s;
transition-duration: .25s;
}
.tab-content h4 {
font-weight:600;
color:#656f77;
}
@media (max-width: 639px) {
.saluto-tabs label {
width: 100%;
}
}
@media (max-width: 486px) {
.hidden-phone {
display: none;
}
}
@media (min-width: 768px) {
.cross-selling-item-description {
padding-left: 20px;
}
}
/* Item Page */
.saluto-item-slider {
padding: 0;
}
.bordered {
border: solid 1px #ddd;
}
.saluto-item-slider img {
width: 100%;
}
.title-lg-cross-selling-item {
font-weight: 700;
color: #656f77;
}
/* Section Footer  */
.section.footer {
padding: 30px 0;
background-color: #656f77;
font-size: 14px;
}
.section.footer h3 {
color: #0492d0;
font-weight: 400;
font-size: 18px;
}
.section.footer p {
margin-bottom: 0;
color: #8b959d;
}
.section.footer .list-unstyled a,
.section.footer .list-unstyled li {
margin-top: 8px;
color: #8b959d;
}
.section.footer .list-unstyled li + li {
margin-top: 8px;
}
.section.footer li a:hover {
color: #0492d0;
}
/* Section Footer Bottom */
.section.footer-bottom {
color: #8b959d;
background-color: #656f77;
font-size: 12px;
}
.section.footer-bottom p {
line-height: 0;
   margin-top: 20px;
}

.col-footer-bottom {
position: relative;
height: 40px;
}
.col-footer-bottom span {
color: #0492d0;
}
.col-footer-bottom a {
-webkit-transition: all .16s ease-in-out;
transition: all .16s ease-in-out;
color: #0492d0;
}
.col-footer-bottom a:hover {
color: #FFF;
}
.fa-demo-wrapper {
height: 116px;
padding-right: 10px;
padding-left: 10px;
background-color: #f9f9f9;
}
.fontawesome-icon-list > div {
margin-bottom: 16px;
text-align: center;
}
.fontawesome-icon-list > div i {
font-size: 24px;
display: block;
width: 100%;
margin-bottom: 20px;
padding-top: 20px;
}
#fa-demo a {
color: #333;
}
.fontawesome-icon-list {
margin-bottom: 50px;
}
.navbar-brand {
position: relative;
z-index: 1500;
}
.logo-footer img {
position: relative;
z-index: 10;
}
.animate {
-webkit-animation-duration: 1s;
-moz-animation-duration: 1s;
-o-animation-duration: 1s;
animation-duration: 1s;
-webkit-animation-fill-mode: both;
-moz-animation-fill-mode: both;
-o-animation-fill-mode: both;
animation-fill-mode: both
}
.fadein {
-webkit-animation: fadein 1s; /* Safari, Chrome and Opera > 12.1 */
-moz-animation: fadein 1s; /* Firefox < 16 */
-ms-animation: fadein 1s; /* Internet Explorer */
-o-animation: fadein 1s; /* Opera < 12.1 */
animation: fadein 1s;
}
@keyframes fadein {
from { opacity: 0; }
to { opacity: 1; }
}
/* Firefox < 16 */
@-moz-keyframes fadein {
from { opacity: 0; }
to { opacity: 1; }
}
/* Safari, Chrome and Opera > 12.1 */
@-webkit-keyframes fadein {
from { opacity: 0; }
to { opacity: 1; }
}
/* Internet Explorer */
@-ms-keyframes fadein {
from { opacity: 0; }
to { opacity: 1; }
}
/* Opera < 12.1 */
@-o-keyframes fadein {
from { opacity: 0; }
to { opacity: 1; }
}