@charset "utf-8";
@import url(buttons/buttons.css);
@import url(http://fonts.googleapis.com/css?family=Arimo:400,700,400italic,700italic);
@import url(http://fonts.googleapis.com/css?family=Archivo+Narrow);
/******************************************************************************
General
*******************************************************************************/
@-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.4;
-webkit-appearance: none;
-webkit-font-smoothing: antialiased;
}
.show-menu{
display:block;
}

.hide-menu{
display:none;
}
input,
button,
select,
textarea {
font-family: 'Arimo', sans-serif;
}
.page-box {
min-height: 100%;
height: auto !important;
height: 100%;
}
.page-box-content {
padding-bottom: 310px;
}
img {
max-width: 100%;
height: auto;
}


/* Text */
a {
color: #0098ca;
}
a:visited {
color: #018cba;
}
a:active {
color: #000;
}
a.ftr {
color: #7f7f7f;
}
a.ftr:visited {
color: #7996b7;
}
a.ftr:active {
color: #000;
}
a.no-border,
.no-border a {
color: #7f7f7f;
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: bold;
line-height: 0.4;
margin: 0 0 10px;
text-rendering: optimizelegibility;
}
h4, h5, h6 {
font-weight: bold;
/*line-height: 1;*/
line-height: 1.1;
margin: 0 0 10px;
text-rendering: optimizelegibility;
}
.light {
font-weight: normal;
}
h1 {
font-size: 38px;
margin-bottom: 10px; 
}
form h1{
line-height: 1.0 !important;
margin-top: -25px;
}
h2 {
font-size: 32px;
line-height:1;
}
h3 {
font-size: 26px;
}
h4 {
font-size: 22px;
margin-top:5px;
margin-bottom:5px;
}
h5 {
font-size: 18px;
}
h6 {
font-size: 14px; 
}
p {
margin-bottom: 10px;
}
p:last-child {
margin-bottom: 0;
}
address {
font-size: 12px;
}
.address1 {
font-size:12px;
}
.white,
.icon.white {
color: #fff;
}
.muted,
.icon.muted {
color: #555;
}
.text-warning,
.text-warning:visited,
a.text-warning:hover,
.icon.text-warning {
color: #f89406;
}
.text-error,
.text-error:visited,
a.text-error:hover,
.icon.text-error {
color: #c10841;
}
.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 !important;
}
.bg-muted {
background: #555 !important;
}
.bg-warning {
background: #f89406 !important;
}
.bg-error {
background: #c10841 !important;
}
.bg-info {
background: #0098ca !important;
}
.bg-success {
background: #738d00 !important;
}
.gradient {
background: #850066;
background: -moz-linear-gradient(top,  #850066 0%, #ea7861 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#850066), color-stop(100%,#ea7861));
background: -webkit-linear-gradient(top,  #850066 0%,#ea7861 100%);
background: -o-linear-gradient(top,  #850066 0%,#ea7861 100%);
background: -ms-linear-gradient(top,  #850066 0%,#ea7861 100%);
background: linear-gradient(to bottom,  #850066 0%,#ea7861 100%);
}
.border-muted {
border-color: #555 !important;
}
.border-warning {
border-color: #f89406 !important;
}
.border-error {
border-color: #c10841 !important;
}
.border-info {
border-color: #0098ca !important;
}
.border-success {
border-color: #738d00 !important;
}
.border-grey {
border-color: #777 !important;
}
hr {
border: 0;
border-top: 1px solid #e1e1e1;
border-top: 1px solid rgba(0,0,0,.1);
border-bottom: 0 none;
margin: 20px 0;
}
hr.dotted {
border-style: dotted;
border-top-width: 1px;
}
hr.dashed {
border-style: dashed;
border-top-width: 1px;
}
hr.dashed1 {
border-style: dashed;
border-top-width: 1px;
margin: 25px 0  25px 0;
}
.dashed1 {
border-top: 1px dashed #e1e1e1;
/*margin-top: 10px;*/
}
.dashed2 {
border-right: 1px dashed #e1e1e1;
}
.dashed2:last-child {
border-right: 0;
}
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-bottom: 0;
}
ul,
ol {
padding: 0 0 0 60px;
margin: 0 0 22px 0;
}
.text-small {
font-size: 12px;
line-height: 14px;
}
.lead {
margin-bottom: 10px;
font-size: 14px;
font-weight:600;
line-height: 14px;
color:#0098ca;
}
.lead1 {
font-size: 16px;
font-weight: 500;
line-height: 20px;
color: #1e1e1e;
margin-bottom: 10px;
}
.lead2 {
font-size: 15px;
font-weight: NORMAL;
line-height: 16px;
color: #1e1e1e;
margin-top: 30px;
margin-bottom: 10px;
}
.description1{
color: #808080;
}
.download1{
line-height: 16px;
margin-top: 10px;
font-size: 12px;
}
.download1 img{
padding-right: 10px;
}
.download2{
line-height: 18px;
margin-top: 10px;
font-size: 12px;
color: #808080;
}
.download2 a{
color: #1e1e1e;
}
.download2 a:hover{
color: #666666;
}
.download2 img{
padding-right: 15px;
padding-bottom: 2px;
}
.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;
}
.label-danger,
.badge-danger {
background-color: #c10841;
}
.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: #777;
}
.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;
//display: block;
//float: left;
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;
}
.product-remove path {
fill: #7f7f7f;
-webkit-transition: all .2s linear;
transition: all .2s linear;
}
.product-remove:hover path {
fill: #1e1e1e;
text-decoration: none;
-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%;
}

/* 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-danger {
background-color: #c10841;
}
.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 #c10841;
}
.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 .tooltip-inner {
background-color: #c10841;
}
.text-error + .tooltip.top .tooltip-arrow {
border-top-color: #c10841;
}
.text-error + .tooltip.right .tooltip-arrow {
border-right-color: #c10841;
}
.text-error + .tooltip.left .tooltip-arrow {
border-left-color: #c10841;
}
.text-error + .tooltip.bottom .tooltip-arrow {
border-bottom-color: #c10841;
}
.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 {
background-color: #c10841;
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: 25px;
line-height: 18px;
margin-bottom: 12px;
min-height: 40px;
padding: 8px 12px;
-webkit-appearance: none;
width: 100%;
}
.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 0px;
position: relative;
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"] {
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;
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-error .help-block,
.has-error .control-label,
.has-error .radio,
.has-error .checkbox,
.has-error .radio-inline,
.has-error .checkbox-inline,
.has-error .form-control-feedback {
color: #c10841;
}
.has-success .form-control {
border-color: #738d00;
}
.has-warning .form-control {
border-color: #f89406;
}
.has-error .form-control {
border-color: #c10841;
}
.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 {
border-color: #c10841;
-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;
}
.caption img {
display: block;
margin: 0 auto 10px;
}

.caption p {
color: #7f7f7f;
display: inline-block;
font-size: 12px;
font-style: normal !important;
line-height: 18px;
margin-bottom: 22px;
font-weight: normal !important;
}

.img-rounded {
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
border-radius: 4px;
}
.img-thumbnail {
display: inline-block;
line-height: 0;
position: relative;
-webkit-transition: opacity .2s ease-in;
transition: opacity .2s ease-in;
}
.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: 15% 0 0 15%;
}
.img-thumbnail.img-polaroid .bg-images i {
margin: 9px 0 0 9px;
}

/* Video */
embed,
iframe,
object,
video,
audio {
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);
}

/* Audio */
.audio-box audio {
width: 100%;
}

/* Nav Bar */
.navbar-inverse .brand,
.-inverse .nav > li > a {
color: #7b7b7b;
text-shadow: none;
}

/* Drop Down */
.btn-group .dropdown-toggle,
.btn-group.open .dropdown-toggle {
-webkit-box-shadow: none;
-moz-box-shadow: none;
box-shadow: none;
}
.dropdown-menu {
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);
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: #0098ca;
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: #fff;
line-height: 22px;
outline: none;
padding: 10px 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: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-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: #ffe614;
}
.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: #000000;
background-color: #ffcc0a;
}
.btn.btn-warning:active,
.btn.btn-warning.active,
.btn-group.open .btn.dropdown-toggle.btn-warning {
background-color: #fda425;
}
.btn.btn-danger,
.btn.btn-danger:visited {
background: #e42414;
}
.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: #f23200;
}
.btn.btn-danger:active,
.btn.btn-danger.active,
.btn-group.open .btn.dropdown-toggle.btn-danger {
background-color: #e42414;
}
.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-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-danger,
.btn.btn-border.btn-danger .caret {
border-color: #c10841;
color: #c10841;
}
.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: 45px 45px;
}
.btn.btn-sm {
font-size: 12px;
padding: 5px 15px;
}
.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;
}
.btn1,
.btn1:visited {
background: #1e1e1e;
background-color: rgba(0,143,213,.8);
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: #fff;
line-height: 22px;
outline: none;
padding: 0px 15px;
text-shadow: none;
filter: none;
-webkit-transition:
background .2s linear,
color .2s linear;
transition:
background .2s linear,
color .2s linear;
white-space: normal;
text-align:right;
}
.btn1:hover,
.btn1:focus,
.btn1:active,
.btn1.active,
.btn1.disabled,
.btn1[disabled],
.btn1-default:hover,
.btn1-default:focus,
.btn1-default:active,
.btn1-default.active,
.open .dropdown-toggle.btn1-default {
background-color: rgba(0,143,213,.5);
*background-color: rgba(0,143,213,.5);
color: #fff;
outline: none;
-webkit-transition:
background .2s linear,
color .2s linear;
transition:
background .2s linear,
color .2s linear;
text-align:right;
}


/* Tables */
table,td,th,thead{
font-family:Arimo, Helvetica, sans-serif;
}
.table {
font-size: 12px;
line-height: 18px;
margin-bottom: 22px;
text-align: left;
}
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 {
background-color: #c10841;
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 {
font-family: Georgia, 'Times New Roman', Times, serif;
font-style: italic;
font-size: 16px;
line-height: 1.625;
margin-bottom: 0;
}
blockquote small {
line-height: 26px;
}

/* Tabs */
.nav-tabs {
margin-bottom: 0;
margin-left: 0;
}
.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,
.nav-tabs > .active > a:hover,
.nav-tabs > .active > a:focus {
border: 1px solid #e1e1e1;
border-bottom-color: transparent;
color: #1e1e1e;
font-weight: bold;
}
.nav-tabs > .active.dropdown > a {
z-index: 911;
}
.tab-content > .tab-pane,
.pill-content > .pill-pane {
padding: 36px 0 0;
}
.tabs-left > .nav-tabs > li,
.tabs-right > .nav-tabs > li {
float: none;
margin: 0;
}
.tabs-left > .nav-tabs > li > a,
.tabs-right > .nav-tabs > li > a {
min-width: 110px;
margin-right: 0;
margin-bottom: 3px;
}
.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;
}

/* 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: 14px;
}
.panel-body {
padding: 10px 20px;
text-align:left;
}
.fontpanel p{
font-size: 15px !important;
}
.fontpanel1 p{
font-size: 12px !important;
}
.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-danger {
border-color: #c10841;
}
.panel-default > .panel-heading {
background-color: #f2f2f2;
color: #1e1e1e;
}
.panel-primary > .panel-heading {
background-color: #037ac5;
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 {
background-color: #c10841;
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 {
background: #e1e1e1;
background: rgba(255,255,255,.4);
bottom: 0;
content: "";
display: block;
left: 45px;
position: absolute;
top: 0;
width: 1px;
z-index: 1;
}
.panel-group .active.panel .panel-heading > .panel-title:before {
background: #444;
background: rgba(255,255,255,.2);
}
.panel-group .panel .panel-heading > .panel-title > a {
background-color: #f2f2f2;
color: #1e1e1e;
display: block;
line-height: 22px;
padding: 9px 9px 9px 60px;
text-decoration: none;
-webkit-transition: background-color .2s linear;
transition: background-color .2s linear;
}
.panel-group .panel .panel-heading > .panel-title > a:hover {
background-color: #e9e9e9;
-webkit-transition: background-color .2s linear;
transition: background-color .2s linear;
}
.panel-group .active.panel .panel-heading > .panel-title > a,
.panel-group .active.panel .panel-heading > .panel-title > a:hover {
background-color: #1e1e1e;
color: #fff;
display: block;
padding: 9px 9px 9px 60px;
text-decoration: none;
}
.panel-group .panel .panel-heading > .panel-title > a:before,
.panel-group .panel .panel-heading > .panel-title > a:after {
background: #1e1e1e;
content: "";
display: block;
height: 2px;
left: 0;
margin: 19px 0 0 15px;
position: absolute;
top: 0;
width: 16px;
}
.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-default .panel-heading > .panel-title > a {
background-color: #f2f2f2;
}
.panel-group .panel-default .panel-heading > .panel-title > a:hover {
background-color: #e9e9e9;
}
.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 {
background-color: #c10841;
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 {
background: #f7f7f7;
padding-left: 20px;
padding-right: 20px;
}

/* Progress */
.progress {
-webkit-border-radius: 0;
-moz-border-radius: 0;
border-radius: 0;
height: 40px;
}
.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-danger {
background-color: #c10841;
}
.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.hover .progress-bar-danger:hover {
background: #c10841;
}
.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: 24px;
margin: 0 5px 0 0;
min-width: 6px;
padding: 0 9px;
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 .close {
font-size: 26px;
position: absolute;
right: 20px;
top: 10px;
}
.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;
}
.price-old {
color: #7f7f7f;
display: inline-block;
line-height: 1;
margin-right: 6px;
position: relative;
}
.price-old:after {
background: url("../img/old-price.png") 0 100% no-repeat;
bottom: -2px;
content: "";
display: block;
left: 50%;
margin: 0 0 0 -10px;
position: absolute;
top: -2px;
width: 40px;
}
.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;
}
.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 #c10841;
}
.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;
}
.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;
display:block;
}
.margin-center {
margin: 0 auto;
}
.bottom-padding {
margin-bottom: 80px;
}
.bottom-padding-mini {
margin-bottom: 20px;
}
.bottom-padding.last {
margin-bottom: 0;
}
.col2-set .col-1,
.col2-set .col-2 {
float: left;
width: 48.5%;
}
.col2-set .col-2 {
float: right;
}
#imgcontainer1{
background-image:url(../img/three-circles.jpg);
background-repeat:no-repeat;
height:450px;

}

#imgcontainer2{
background-image:url(../img/products_img.png);
background-repeat:no-repeat;
height:533px;

}

#imgcontainer3{
background-image:url(../img/services_img.jpg);
background-repeat:no-repeat;
}
/******************************************************************************
Top
*******************************************************************************/
#top-box {
background: #1e1e1e;
height: 40px;
width: 100%;
}
.btn-group.btn-select {
color: #7f7f7f;
font-size: 12px;
vertical-align: top;
}
#top-box .btn-group.btn-select {
margin: 8px 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;
margin-bottom: 3px;
padding: 0 7px;
z-index: 911;
}
.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;
border-left: 1px solid #ccc;
border-right: 1px solid #ccc;
bottom: 0;
content: "";
display: block;
height: 6px;
left: 0px;
margin: 0 -1px -6px;
position: absolute;
right: 0;
top: auto;
z-index: 912;
-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;
padding-top: 8px;
z-index: 910;
}
.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 .my-account {
margin: 0;
min-height: 40px;
}
#top-box .my-account {
background: transparent;
border: 0 none;
-webkit-box-shadow: none;
-moz-box-shadow: none;
box-shadow: none;
margin: 0;
padding: 0;
}
#top-box .my-account .nav {
margin: 0 -15px 0 0;
}
#top-box .my-account 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-box .my-account a:hover {
background: #efefef;
color: #7b7b7b;
-webkit-transition:
background 0.2s linear,
color 0.2s linear;
transition:
background 0.2s linear,
color 0.2s linear;
}

/******************************************************************************
Header
*******************************************************************************/
.header {
background: rgba(255,255,255,.97);
min-height: 40px;
padding: 20px 0 0 0;
width: 100%;
}
.header .container {
min-height: 37px;
position: relative;
}
.header .logo {
display: table-cell;
height: 60px;
max-width: 100%;
vertical-align: middle;
width: 100%;
table-layout: fixed;
}
@-moz-document url-prefix() { 
.header .logo {
display: inline-flex;
}
}
.header .logo img {
max-height: 50px;
}
.header .site-description {
color: #bbb;
font-size: 9px;
line-height: 1.3;
}
.header .row > .col-md-3 {
float: right;
}
.fixed-header {
margin-top: 0;
padding-top: 170px;
}
.fixed-header .header {
background: #fff;
left: 0;
margin: 0;
position: fixed;
top: 0;
z-index: 870;
-webkit-transition:
background 0.2s linear,
margin-top 0.2s linear;
transition:
background 0.2s linear,
margin-top 0.2s linear;
-webkit-backface-visibility: hidden;
-webkit-transform: translateZ(0);
}
.fixed-header.background-opacity .header {
background: rgba(255,255,255,.97);
-webkit-transition: background 0.2s linear;
transition: background 0.2s linear;
}
.fixed-header.hidden-top.visible-top .header,
.fixed-header.fixed .header {
-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);
}

.fixed-header.hidden-top {
padding-top: 112px;
-webkit-transition: padding-top 0.2s linear;
transition: padding-top 0.2s linear;
}
.fixed-header.hidden-top.fixed {
padding-top: 104px;
-webkit-transition: padding-top 0.2s linear;
transition: padding-top 0.2s linear;
}
.fixed-header.hidden-top #top-box {
left: 0;
margin-top: -32px;
position: fixed;
top: 0;
z-index: 910;
-webkit-transition: margin-top 0.2s linear;
transition: margin-top 0.2s linear;
}

.fixed-header.hidden-top .header {
margin-top: 8px;
top: 0;
}
.fixed-header.hidden-top.visible-top #top-box {
margin-top: 0;
-webkit-transition: margin-top 0.2s linear;
transition: margin-top 0.2s linear;
}
.fixed-header.hidden-top.visible-top .header {
margin-top: 40px;
-webkit-transition: margin-top 0.2s linear;
transition: margin-top 0.2s linear;
}
.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.fixed .header,
.fixed-header.hidden-top.visible-top.fixed .header {
margin-top: 0;
-webkit-transition: margin-top 0.2s linear;
transition: margin-top 0.2s linear;
}

/* Primary Menu */
.header .primary {
margin-top: 29px;
z-index: 900;
}
.header .primary .navbar {
background: none;
/*border-right: 1px solid #000000;*/
margin: 0 0 0 60px;
padding: 0 0 0 0;
}
.header .primary .navbar .navbar-collapse {
padding: 0;
position: relative;
}
.header .primary .navbar .nav {
float: right;
margin: 0;
position: relative;
min-width: 285px;
}
.header .primary .navbar .nav > li {
padding: 0 2px;
position: relative;
}
.header .primary .navbar .nav > li > a,
.header .primary .navbar .nav > li > a:visited {
background: none;
border: 1px solid #fff;
border: 1px solid transparent;
color: #1e1e1e;
padding: 4px 8px;
position: static;
text-shadow: none;
-webkit-transition: all 0.2s linear;
transition: all 0.2s linear;
z-index: 901;
}
.header .primary .navbar .nav > .selected > a {
color: #777;
}
.header .primary .navbar .nav a > i {
margin-right: 4px;
opacity: .8;
filter: alpha(opacity=80);
text-align: center;
width: 15px;
}
.header .primary .navbar .nav a .item-new {
background: #c10841;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;
color: #fff;
float: right;
font-weight: bold;
line-height: 1;
margin: 2px 0 0 7px;
padding: 3px 4px;
}
.header .primary .navbar .nav .megamenu a .item-new {
float: none;
}
.header .primary .navbar .nav > li:hover > a {
background: #fff;
border-color: #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);
-webkit-transition: all 0.2s linear;
transition: all 0.2s linear;
}
.header .primary .navbar .nav .parent {
position: relative !important;
}
.header .primary .navbar .nav > li.parent:hover > a {
background: #fff;
border-bottom-color: transparent;
-webkit-border-radius: 3px 3px 0 0;
-moz-border-radius: 3px 3px 0 0;
border-radius: 3px 3px 0 0;
}
.header .primary .navbar .nav > li.parent > a:after {
background: #fff;
bottom: 0;
content: "";
display: none;
height: 12px;
left: 5px;
margin: 0 0 -6px 0;
position: absolute;
right: 5px;
z-index: 906;
}
.header .primary .navbar .nav > li.parent:hover > a:after {
display: block;
}
.header .primary .navbar .nav > li.parent.megamenu:hover > a:after {
left: 0;
right: 0;
}
.header .primary .sub {
background: #fff;
border: 1px solid #ccc;
-webkit-border-radius: 0 3px 3px 3px;
-moz-border-radius: 0 3px 3px 3px;
border-radius: 0 3px 3px 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);
display: none;
font-size: 13px;
line-height: 24px;
margin: -1px 0 0;
padding: 15px 20px;
position: absolute;
z-index: 905;
}
.header .primary .sub li {
font-size: 13px;
line-height: 24px;
}
.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 {
opacity: .6;
filter: alpha(opacity=60);
-webkit-transition: opacity .2s linear;
transition: opacity .2s linear;
}
.header .primary .sub .sub {
left: 100%;
top: 0;
}
.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: -10px;
top: 6px;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}

.header .primary .navbar .nav .parent.megamenu {
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: 4px;
padding: 0;
width: 886px;
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: 35px 5px;
vertical-align: top;
width: 100%;
}
.header .primary .megamenu.promo > .sub .sub-list {
width: 66%;
}
.header .primary .megamenu > .sub .box {
float: left;
padding: 0 20px 28px;
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 0 3px;
text-transform: uppercase;
}
.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;
}


/* Cart  */
.header .cart-header {
float: right;
font-size: 12px;
margin: 8px -15px 0 0;
white-space: normal;
}
.header .cart-header.no-open {
opacity: 0;
filter: alpha(opacity=0);
}
.header .cart-header .dropdown-toggle {
border-width: 1px;
border-color: #fff;
border-color: transparent;
border-bottom: 0 none;
color: #1e1e1e;
display: block;
line-height: 22px;
outline: none;
padding: 11px 15px 13px;
position: relative;
text-decoration: none;
text-shadow: none;
-webkit-transition:
border-color 0.4s linear,
box-shadow 0.4s linear,
-moz-box-shadow 0.4s linear,
-webkit-box-shadow 0.4s linear;
transition:
border-color 0.4s linear,
box-shadow 0.4s linear,
-moz-box-shadow 0.4s linear,
-webkit-box-shadow 0.4s linear;
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;
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);
-webkit-transition:
border-color 0.4s linear,
box-shadow 0.4s linear,
-moz-box-shadow 0.4s linear,
-webkit-box-shadow 0.4s linear;
transition:
border-color 0.4s linear,
box-shadow 0.4s linear,
-moz-box-shadow 0.4s linear,
-webkit-box-shadow 0.4s linear;
}
.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: -4px 0 0 0;
padding: 17px 20px 20px;
right: 0;
width: 355px;
-webkit-animation: fadeIn 0.4s;
animation: fadeIn 0.4s;
z-index: 890;
}
.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 .checkout {
margin-left: 6px; 
}

/* Phone & Search Header */
.phone-header,
.search-header {
border-right: 0px solid #e1e1e1;
color: #1e1e1e;
float: right;
height: 30px;
margin: 15px -1px 0 0;
position: relative;
text-align: center;
width: 40px;
}
.phone-header a,
.search-header a {
display: block;
height: 23px;
padding-top: 7px;
width: 100%;
}
.phone-header a svg,
.search-header a svg {
opacity: 1;
filter: alpha(opacity=100);
-webkit-transition: all .3s linear;
transition: all .3s linear;
}
.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;
}
.search-header {
margin: 18px 0 0 0;
}

/* Phone & Search Active Header */
.phone-active,
.search-active {
bottom: 0;
display: none;
margin: 0;
overflow: hidden;
position: absolute;
right: 0;
top: 0;
z-index: 920;
}
.phone-active {
background: #fff;
color: #ebebeb;
font-size: 48px;
line-height: 58px;
}
.phone-active .close,
.search-active .close {
float: right;
font-size: 26px;
margin: 22px 0 0 5px;
}
.phone-active .close span,
.search-active .close span {
line-height: 18px;
margin-right: 5px;
margin-top: 0;
text-transform: uppercase;
}
.phone-active strong {
color: #1e1e1e;
letter-spacing: 1px;
}
.search-active .close {
position: absolute;
right: 79px;
z-index: 1;
}
.search-active form {
height: 100%;
margin: 0;
position: relative;
width: 100%;
}
.search-active .search-string,
.search-active .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: 16px;
height: 80%;
line-height: 30px;
margin: 0;
padding: 4px 135px 4px 18px;
width: 100%;
}
.search-active .search-string:focus {
border-color: #ccc;
outline: 0;
outline: thin dotted \9;
-webkit-box-shadow: none;
-moz-box-shadow: none;
box-shadow: none;
}
.search-active .search-submit {
background: none;
border-left-width: 1px;
height: 30px;
line-height: 1;
margin: 0;
outline: none;
padding: 0;
position: absolute;
right: 1px;
top: 15px;
width: 46px;
-webkit-transition: all .3s linear;
transition: all .3s linear;
}
.search-active .search-submit svg {
margin-top: 2px;
}
.search-active .search-submit svg path {
fill: #1e1e1e;
}
.search-active .search-submit:hover {
opacity: .5;
filter: alpha(opacity=50);
-webkit-transition: all .3s linear;
transition: all .3s linear;
}

.header-two .phone-header {
border-right: 0 none;
margin-right: -15px;
}
.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.header-three .logo {
display: inline-block;
height: auto;
vertical-align: top;
}

/******************************************************************************
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;
width: 100%;
z-index: 999;
-webkit-transition: margin-top .3s linear;
transition: margin-top .3s linear;
}
.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: 9px;
}
.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: 20px;
vertical-align: top;
}

/******************************************************************************
Breadcrumbs
*******************************************************************************/
.breadcrumb-box {
background: #ffffff;
overflow: hidden;
}
.breadcrumb {
background: #ffffff;
color: #7f7f7f;
font-size: 11px;
line-height: 18px;
margin: 0;
padding: 11px 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;
}

/******************************************************************************
Level1Nav
*******************************************************************************/

.level1nav {
background: #006ca2;
color: #ffffff;
font-size: 14px;
line-height: 18px;
margin: 0;
padding: 11px;
float:right;
}
.level1nav > li {
line-height: 18px;
text-shadow: none;
}
.level1nav > li > a {
color: #ffffff;
padding-bottom: 9px;
text-decoration: none;
-webkit-transition: opacity .2s linear;
transition: opacity .2s linear;
}
.level1nav > li > a:hover {
border-bottom: 4px solid #231f20;
-webkit-transition: opacity .2s linear;
transition: opacity .2s linear;
}
.level1nav > li + li:before {
padding: 0 5px 0 2px;
color: #ffffff;    
}
.current1 {
font-weight:bold;
color: #FFFFFF;
}
.current4 {
font-weight:500;
color: #808080;
font-size:85%;
padding: 15px 0 0 0;
/*float: right;*/
}
.curr {
padding: 0px !important;
}
.current4 a{
color: #1e1e1e;
}
.current4 a:hover{
color: #808080;
}
.level1nav-none {
height: 10px;
}

/******************************************************************************
Level2Nav
*******************************************************************************/
.level2nav-box {
/*background: #000000;*/
overflow: hidden;
height: 35px;
}
.level2nav {
background: #000000;
color: #ffffff;
font-size: 12px;
line-height: 18px;
margin: 0 0 0 89px;
padding: 9px 25px;
}
.level2nav > li {
line-height: 18px;
text-shadow: none;
height:26px;
}
.level2nav > li > a {
color: #ffffff;
padding-bottom: 9px;
text-decoration: none;
-webkit-transition: opacity .2s linear;
transition: opacity .2s linear;
}
.level2nav > .active {
background-image:url(../img/level2-arrow1.png);
background-repeat:no-repeat;
background-position:bottom;
}


.level2nav > li + li:before {
padding: 0 5px 0 2px;
color: #ffffff;    
}
.current {
font-weight:bold;
color: #FFFFFF;
}
.level2nav-none {
height: 10px;
}
/******************************************************************************
level3nav
*******************************************************************************/
.level3nav-box {
/*background: #6d6e71;*/
overflow: hidden;
}
.level3nav {
background: #6d6e71;
color: #ffffff;
font-size: 10px;
line-height: 16px;
margin: 0 0 0 85px;
padding: 9px 5px 9px 30px;
}
.level3nav > li {
line-height: 18px;
text-shadow: none;
color: #44c2ff;
}
.level3nav > li > a {
color: #ffffff;
text-decoration: none;
-webkit-transition: opacity .2s linear;
transition: opacity .2s linear;
}
.level3nav > li > a:hover {
opacity: .8;
filter: alpha(opacity=80);
-webkit-transition: opacity .2s linear;
transition: opacity .2s linear;
}

.level3nav > li > a.current:link {  
color: #44c2ff;
text-decoration: none;
}  

.level3nav > li + li:before {
padding: 0 3px 0 1px;
color: #ffffff;    
}
.level3nav-none {
height: 10px;
}
/******************************************************************************
Slider
*******************************************************************************/
.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 .slider-nav {
background-color:#fff !important;
}
.slider .slid-content {
bottom: 93px;
color: #7b7b7b !important; 
font-size: 12px;
line-height: 18px;
overflow: hidden;
padding: 0 40px 0;
position: absolute;
right: 15px;
top: 0;
z-index: 3;
}
.slider .slid-content .title {
color: #7b7b7b;
font-size: 16px;
line-height: 20px;
margin: 0 0 15px;
font-weight:normal;
}
.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: #000;
-webkit-transition: all .3s linear;
transition: all .3s linear;
}
.slider .slider-nav {
background-color: #000;
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: #000;
background-color: rgba(0,0,0,.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 a {
background: #333;
background: rgba(0,0,0,.1);
-webkit-border-radius: 7px;
-moz-border-radius: 7px;
border-radius: 7px;
height: 14px;
margin: 0 3px;
width: 14px;
-webkit-transition: all .3s linear;
transition: all .3s linear;
}
.switches a:hover {
background: #7b7b7b;
-webkit-transition: all .3s linear;
transition: all .3s linear;
}
.switches a.selected {
background: #7b7b7b;
background: rgba(0,0,0,.5);
-webkit-transition: all .3s linear;
transition: all .3s linear;
}
.progressive-slider .slider-nav .pagination a {
vertical-align: middle;
}
.page-slider {
background: none;
padding: 0;
position: relative;
}

/******************************************************************************
Slider Revolution
*******************************************************************************/
.slider.rs-slider {
background: none;
border: 0 none;
max-height: 170px;
overflow: hidden;
padding: 0;
position: relative;
}
.slider.load .tp-banner-container {
visibility: hidden;
}
.slider.rs-slider .container {
position: relative;
}
.slider.rs-slider .title {
color: #fff;
font-size: 40px;
font-weight: normal;
margin: 0;
}
.slider.rs-slider .description {
color: #fff;
font-size: 17px;
line-height: 25px;
margin: 0;
padding: 0;
}
.slider.rs-slider .btn {
color: #fff;
}
.slider.rs-slider .btn.orang {
background: #ea4e16;
}
.slider.rs-slider .btn.cherry {
background: #752033;
}
.slider.rs-slider .phone-text {
color: #fff;
font-size: 17px;
}

.rs-slider ul {
list-style: none;
margin: 0;
padding: 0;
}
.tp-bannertimer {
display:none;
background: #777 !important;
background: rgba(0,0,0,0.1) !important;
height: 5px !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 {
display:none;
cursor: pointer;
background: rgba(30, 30, 30, 0.5);
-webkit-border-radius: 5px;
border-radius: 5px;
width: 40px !important;
height: 40px !important;
-webkit-transition: background .3s linear;
transition: background .3s linear;
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: 6px;
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;
}


/******************************************************************************
Responsive ImageMap
*******************************************************************************/
/* General styles */

.page {width:100%; max-width:800px; margin:0 auto;}

/* Image map styles */
.imageMap {width:100%; position:relative; }
.imageMap img {display:block; width:100%; border-radius:20px;}
.imageMap .hotspots {width:100%; height:100%; position:absolute; left:0; top:0; visibility:hidden;}
.imageMap a {display:block; position:absolute; background:#000; z-index:100; opacity:0; filter: alpha(opacity=20); border:1px solid transparent; border-radius:10px;}
.imageMap a.p1 {left:37%; top:12%; width:24.5%; height:28%;}
.imageMap a.p2 {left:63.4%; top:20.2%; width:24.5%; height:28%;}
.imageMap a.p3 {left:10.5%; top:20.5%; width:24.5%; height:28%;}
.imageMap a.p4 {left:18%; top:55%; width:24.5%; height:28%;}
.imageMap a.p5 {left:56%; top:54.8%; width:24.5%; height:28%;}

.imageMap:hover .hotspots {visibility:visible;}
.imageMap p strong {display:block; padding:0; margin:0;}
.imageMap p {padding:0; margin:0;}


.imageMap1 {width:100%; position:relative; }
.imageMap1 img {display:block; width:100%; border-radius:20px;}
.imageMap1 .hotspots {width:100%; height:100%; position:absolute; left:0; top:0; visibility:hidden;}
.imageMap1 a {display:block; position:absolute; background:#000; z-index:100; opacity:0; filter: alpha(opacity=20); border:1px solid transparent; border-radius:10px;}
.imageMap1 a.p1 {left:37.5%; top:1%; width:24.5%; height:30%;}
.imageMap1 a.p2 {left:65%; top:11%; width:24.5%; height:30%;}
.imageMap1 a.p3 {left:10.5%; top:10.5%; width:24.5%; height:30%;}
.imageMap1 a.p4 {left:18%; top:49%; width:24.5%; height:30%;}
.imageMap1 a.p5 {left:57%; top:48.5%; width:24.5%; height:30%;}

.imageMap1:hover .hotspots {visibility:visible;}
.imageMap1 p strong {display:block; padding:0; margin:0;}
.imageMap1 p {padding:0; margin:0;}

/******************************************************************************
Slider Revolution
*******************************************************************************/
.royal-slider {
background: none;
padding: 0;
width: 100%;
}
.royal-slider.load {
background-image: url("../img/svg/loader.svg"), none;
background-repeat: no-repeat;
background-position: 50% 50%;
background-size: 40px;
background-color: inherit;
overflow: hidden;
}
.rsMinW,
.rsMinW .rsOverflow,
.rsMinW .rsSlide,
.rsMinW .rsVideoFrameHolder,
.rsMinW .rsThumbs {
/*background: #f2f2f2;*/
}
.coloredBlock {
padding: 12px;
background: rgba(255,0,0,0.6);
color: #FFF;
width: 200px;
left: 20%;
top: 5%;
}
.infoBlock {
position: absolute;
top: 30px;
right: 30px;
left: auto;
max-width: 25%;
padding-bottom: 0;
background: #FFF;
background: rgba(255, 255, 255, 0.8);
overflow: hidden;
padding: 20px;
}
.infoBlockLeftBlack {
color: #FFF;
background: #000;
background: rgba(0,0,0,0.75);
left: 30px;
right: auto;
}
.infoBlock h4 {
font-size: 20px;
line-height: 1.2;
margin: 0;
padding-bottom: 3px;
}
.infoBlock p {
font-size: 14px;
margin: 4px 0 0;
}
.infoBlock a {
color: #FFF;
text-decoration: underline;
}
.photosBy {
position: absolute;
line-height: 24px;
font-size: 12px;
background: #FFF;
color: #000;
padding: 0px 10px;
position: absolute;
left: 12px;
bottom: 12px;
top: auto;
border-radius: 2px;
z-index: 25; 
} 
.photosBy a {
color: #000;
}
.fullWidth {
max-width: 1400px;
margin: 0 auto 24px;
}

/******************************************************************************
Sidebar
*******************************************************************************/
.sidebar .widget {
margin: 0 0 10px;
}
.sidebar .widget:last-of-type {
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 25px;
padding: 0 0 15px;
position: relative;
}
.sidebar .widget header:before,
.sidebar .widget .title-block:before,
.product-bottom .related-products header:before {
background: #1e1e1e;
bottom: 0px;
content: "";
display: block;
height: 1px;
left: 0;
margin: 0 0 -1px;
position: absolute;
width: 40px;  
}
.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 header .title {
line-height: 40px;
}
.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;
}


/* Menu */
.sidebar .menu li {
margin: 0 0 3px;
}
.sidebar .menu li a {
background-color: #008fd5;
background-color: rgba(0,143,213,.9);
color: #ffffff;
display: block;
padding: 9px 9px 9px 60px;
position: relative;
text-decoration: none;
-webkit-transition: all .2s linear;
transition: all .2s linear;
}
.sidebar .menu li a:before {
background: #008fd5;
background: rgba(255,255,255,.4);
bottom: 0;
content: "";
display: block;
left: 45px;
position: absolute;
top: 0;
width: 1px;
}
.sidebar .menu li a:hover {
background-color: #008fd5;
background-color: rgba(0,143,213,.8);
-webkit-transition: all .2s linear;
transition: all .2s linear;
}
.sidebar .menu li.active > a {
background-color: #1e1e1e;
color: #fff;
-webkit-transition: all .2s linear;
transition: all .2s linear;
}
.sidebar .menu li.active > a {
background-color:rgba(0,143,213,.9) !important;
background-color:#008fd5 !important;
}
.sidebar .menu li.active > a:before {
background: #444;
background: rgba(255,255,255,.2);
}
.sidebar .menu li.parent > a .open-sub {
bottom: 0;
display: block;
left: 0;
position: absolute;
top: 0;
width: 45px;
}
.sidebar .menu li.parent > a .open-sub:before,
.sidebar .menu li.parent > a .open-sub:after {
background: #1e1e1e;
content: "";
display: block;
height: 2px;
left: 0;
margin: 16px 0 0 15px;
position: absolute;
top: 0;
width: 16px;
}
.sidebar .menu li.parent > a .open-sub:after {
height: 16px;
margin: 9px 0 0 22px;
width: 2px;
}
.sidebar .menu li.parent.active > a .open-sub:before,
.sidebar .menu li.parent.active > a .open-sub:after {
background: #fff;
}
.sidebar .menu li.parent.active > a .open-sub:after {
display: none;
}
.sidebar .menu .sub {
background-color: #f2f2f2;
background-color: rgba(0,0,0,.05);
padding: 7px 0 4px;
}
.sidebar .menu .sub li {
margin: 0;
}
.sidebar .menu .sub a {
background: none;
color: #7f7f7f;
margin: 0;
padding: 4px 9px 4px 60px;
}
.sidebar .menu .sub a:before {
display: none;
}
.sidebar .menu .sub a:hover {
background-color: #e9e9e9;
background-color: rgba(0,0,0,.05);
}
.sidebar .menu .sub .active > a {
background: none;
color: #000;
}
.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);
}


/* Sub Menu */
.sidebar .submenu li {
margin: 0 0 3px;
}
.sidebar .submenu li a {
background-color: #008fd5;
background-color: rgba(228,36,20,.9);
color: #ffffff;
display: block;
padding: 9px 9px 9px 60px;
position: relative;
text-decoration: none;
-webkit-transition: all .2s linear;
transition: all .2s linear;
}
.sidebar .submenu li a:before {
background: #008fd5;
background: rgba(255,255,255,.4);
bottom: 0;
content: "";
display: block;
left: 45px;
position: absolute;
top: 0;
width: 1px;
}
.sidebar .submenu li a:hover {
background-color: #008fd5;
background-color: rgba(228,36,20,.6);
-webkit-transition: all .2s linear;
transition: all .2s linear;
}
.sidebar .submenu li.active > a {
background-color: #1e1e1e;
color: #000;
-webkit-transition: all .2s linear;
transition: all .2s linear;
}
.sidebar .submenu li.active > a:before {
background: #444;
background: rgba(255,255,255,.2);
}
.sidebar .submenu li.parent > a .open-sub {
bottom: 0;
display: block;
left: 0;
position: absolute;
top: 0;
width: 45px;
}
.sidebar .submenu li.parent > a .open-sub:before,
.sidebar .submenu li.parent > a .open-sub:after {
background: #fff;
content: "";
display: block;
height: 2px;
left: 0;
margin: 12px 0 0 15px;
position: absolute;
top: 0;
width: 16px;
}
.sidebar .submenu li.parent > a .open-sub:after {
height: 16px;
margin: 5px 0 0 22px;
width: 2px;
}
.sidebar .submenu li.parent.active > a .open-sub:before,
.sidebar .submenu li.parent.active > a .open-sub:after {
background: #008fd5;
}
.sidebar .submenu li.parent.active > a .open-sub:after {
display: none;
}
.sidebar .submenu .sub {
background-color: #f2f2f2;
background-color: rgba(0,0,0,.05);
padding: 7px 0 4px;
}
.sidebar .submenu .sub li {
margin: 0;
}
.sidebar .submenu .sub a {
background: none;
color: #7f7f7f;
margin: 0;
padding: 4px 9px 4px 60px;
}
.sidebar .submenu .sub a:before {
display: none;
}
.sidebar .submenu .sub a:hover {
background-color: #000;
background-color: rgba(0,0,0,.05);
}
.sidebar .submenu .sub .active > a {
background: none;
color: #000;
}
.sidebar .submenu li > a .item-icon {
left: 15px;
position: absolute;
top: 13px;
}
.sidebar .submenu 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 {
padding: 4px 0;
}
.sidebar .list li a {
color: #1e1e1e;
}
.sidebar .list li span {
color: #7f7f7f;
}

/* 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: 3px;
-moz-border-radius: 3px;
border-radius: 3px;
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 {
background: none;
color: #ccc;
height: 38px;
outline: none;
padding: 0;
position: absolute;
right: 1px;
top: 1px;
width: 38px;
}
.sidebar .newsletter .submit i {
font-size: 20px;
line-height: 24px;
}
.sidebar .newsletter input:focus + .submit {
color: #000;
-webkit-transition: all .2s linear;
transition: all .2s linear;
}

/* 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 */
.social .sbtnf {
-webkit-border-radius: 50%;
-moz-border-radius: 50%;
border-radius: 50%;
color: #fff;
display: block;
height: 40px;
float: left;
line-height: 40px;
margin: 0 10px 0 0;
opacity: .65;
filter: alpha(opacity=65);
-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: 4px;
}

/* 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;
}

/******************************************************************************
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);
-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 {
max-height: 29px;
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 {
height: 127px;
}
.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.banner-set-no-pagination .nav-box {
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 -30px;
position: absolute;
top: 0;
}
.banner-set.banner-set-mini.banner-set-no-pagination .next {
left: auto;
margin-left: 0;
margin-right: -30px;
right: 0;
}

/******************************************************************************
Main
*******************************************************************************/
#main {
padding: 10px 0;
}
#main.no-padding {
padding: 0;
}

.page-header {
border-bottom: 0px solid #e1e1e1;
margin: 0 0 20px;
padding: 0;
}
.page-header .title {
font-weight: normal;
/*margin: -4px 0 10px;*/
margin: 4px 0 14px 0;
padding: 0;
position: relative;
}
.page-header .container {
position: relative;
}
.page-header .container:before {
background: #ffffff;
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;
}
h1.title{
line-height: 36px;
}
.title-box {
border-bottom-width: 1px;
margin-bottom: 40px;
position: relative;
}
.title-box.no-margin,
.no-margin {
margin-bottom: 0 !important;
}
.title-box:before {
background: #1e1e1e;
bottom: 0;
content: "";
display: block;
height: 1px;
left: 0;
margin: 0 0 -1px;
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 {
color: #7f7f7f;
font-size: 18px;
font-weight: normal;
margin: 0 0 12px 0;
padding: 14px 0 0;
}
.title-box h1.title {
font-size: 24px;
margin-top:5px;
margin-bottom:5px;
}
.title-box h2.title {
font-size: 18px;
}
.title-box .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 {
border-color: rgba(255,255,255,.3);
}
.title-box.title-white:before {
background: #fff;
}
.title-box.title-white .title {
color: #fff;
}
.locations p{
/*height: 130px;*/
}

/******************************************************************************
Home Pages
*******************************************************************************/
/* Packages */
.package {
background: #f7f7f7;
margin-bottom: 40px;
}
.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;
}

/* 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;
}

/* Services */
.service .icon {
-webkit-border-radius: 35px;
-moz-border-radius: 35px;
border-radius: 35px;
color: #1e1e1e;
display: block;
height: 70px;
float: left;
margin: 0 30px 0 0;
text-align: center;
text-decoration: none;
width: 70px;
-webkit-transition: opacity .2s linear;
transition: opacity .2s linear;
}
.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 17px;
}
.service a,
.big-services-box a,
.features-block a {
color: #1e1e1e;
}
.service a:hover,
.big-services-box a:hover,
.features-block a:hover {
text-decoration: none;
}
.service a:hover *,
.big-services-box a:hover *,
.features-block a:hover * {
opacity: 0.8;
filter: alpha(opacity=80);
text-decoration: none;
-webkit-transition: opacity .2s linear;
transition: opacity .2s linear;
}
.white .service a {
color: #fff;
}
.service .text-small {
overflow: hidden;
}
.big-services-box {
margin-bottom: 40px;
text-align: center;
}
.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;
}
.big-icon:hover {
opacity: 0.8;
filter: alpha(opacity=80);
-webkit-transition: opacity .2s linear;
transition: opacity .2s linear;
}
.big-icon.pull-left {
margin: 0 20px 20px 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;
}
.latest-posts li .meta {
color: #7f7f7f;
font-size: 11px;
line-height: 18px;
margin: 0 0 10px;
}
.latest-posts li .description {
overflow: hidden;
}
.latest-posts li a {
color: #1e1e1e;
font-size: 13px;
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: 81px;
}
.carousel .col-md-2 {
max-width: 162px;
}
.carousel .col-md-3 {
max-width: 243px;
}
.carousel .col-md-4 {
max-width: 324px;
}
.carousel .col-md-5 {
max-width: 405px;
}
.carousel .col-md-6 {
max-width: 486px;
}
.carousel .col-md-7 {
max-width: 567px;
}
.carousel .col-md-8 {
max-width: 648px;
}
.carousel .col-md-9 {
max-width: 729px;
}
.carousel .col-md-10 {
max-width: 810px;
}
.carousel .col-md-11 {
max-width: 891px;
}
.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 > * {
-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;
height:	279px;*/
}
.carousel-box .next,
.carousel-box .prev {
background-color: #ccc;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;
color: #fbfbfb;
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;
}
.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 .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: #ececec;
}
.carousel-box .pagination a:hover {
background: #000;
}
.carousel-box .pagination a.selected {
background: #ccc;
background: rgba(0,0,0,.3);
}

/******************************************************************************
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;
}
.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 .product-description {
background: #f2f2f2;
background: rgba(0,0,0,.01);
border-top: 1px solid #e1e1e1;
color: #505050;
display: table;
font-size: 13px;
height: 72px;
line-height: 18px;
text-align: center;
width: 100%;
}
.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;
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: 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;
}
.rotation {
background: none;
-webkit-perspective: 600px;
-moz-perspective: 600px;
perspective: 600px;
}
.rotation .default {
background: #f7f7f7;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;
overflow: hidden;
position: relative;
transform: rotateY(0deg);
-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;
-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: 24;
}
.rotation.hover .default {
z-index: 35;
-webkit-transform: rotateY(180deg);
-moz-transform: rotateY(180deg);
transform: rotateY(180deg);
-webkit-transition-delay: .2s;
-moz-transition-delay: .2s;
-o-transition-delay: .2s;
-ms-transition-delay: .2s;
transition-delay: .2s;
}
.rotation .product-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;
width: 100%;
z-index: 13;
}
.rotation.hover .product-hover {
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;
-o-transition-delay: .2s;
-ms-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 {
margin-top: 40px;
}
.products-tab .tab-content > .tab-pane {
overflow: hidden;
padding: 0;
}
.products-tab .product.rotation {
overflow: visible;
}

/******************************************************************************
Manufactures
*******************************************************************************/
.manufactures .make-wrapper {
float: left;
height: 120px;
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: 75px;
line-height: 0;
opacity: .8;
filter: alpha(opacity=80);
padding: 10px;
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;
}

/******************************************************************************
About Us
*******************************************************************************/
.about-us {
font-size: 13px;
}
.about-us strong {
font-size: 14px;
}

/******************************************************************************
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: 9px;
vertical-align: top;
}

/******************************************************************************
Category
*******************************************************************************/
#catalog .category-img {
background: #f2f2f2;
margin: 0 0 80px;
position: relative;
}
#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;
}
.toolbar .sort-catalog .dropdown-toggle span {
color: #f7f7f7;
}
.toolbar .sort-catalog .open .dropdown-toggle span {
color: #7f7f7f;
}
.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;
}
.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;
}

/******************************************************************************
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: 3px;
-moz-border-radius: 3px;
border-radius: 3px;
overflow: hidden;
position: relative;
}
.product-page .image-box .general-img {
background: #f7f7f7;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;
overflow: hidden;
}
.product-page .image-box .thumblist-box {
margin: 30px 0 0;
max-height: 100px;
overflow: hidden;
padding: 0 54px;
position: relative;
}
.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: #ccc;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;
color: #fbfbfb;
display: block;
float: right;
height: 40px;
line-height: 40px;
left: 0;
margin: -20px 0 0 0;
position: absolute;
text-align: center;
top: 50%;
text-decoration: none;
width: 40px;
-webkit-transition: all .2s linear;
transition: all .2s linear;
}
.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 {
background: #f7f7f7;
display: block;
float: left;
height: 100px;
margin: 0 10px;
width: 100px;
}
.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: 0 0 38px;
}
.product-page .description {
color: #7f7f7f;
font-size: 12px;
line-height: 20px;
margin: 0 0 32px;
}
.product-page .col-md-7 .price-box {
border-bottom-width: 1px;
font-size: 48px;
line-height: 1;
margin: 0 0 40px;
padding: 0 0 35px;
}
.product-page .col-md-7 .price-box .price-old {
font-size: 30px;
}
.price-box .emergence .price {
display: none;
}
.price-box .emergence .emergence-price {
color: #7f7f7f;
font-size: 12px;
}
.price-box .price-label {
font-size: 14px;
font-weight: bold;
margin: 0 0 14px;
}
.product-page .add-cart-form {
margin: 0 0 40px;
}
.product-page .add-cart-form .add-cart {
font-weight: bold;
margin: 0 17px 0 0;
min-width: 290px;
text-transform: uppercase;
}
.product-page .add-cart-form .number {
display: inline-block;
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 .number .regulator {
display: inline-block;
vertical-align: top;
}
.product-page .add-cart-form .number .regulator a {
background: url("../img/arrow-up.png") 50% 50% no-repeat #ccc;
-webkit-border-radius: 2px;
-moz-border-radius: 2px;
border-radius: 2px;
display: block;
height: 24px;
width: 24px;
-webkit-transition: background-color .2s linear;
transition: background-color .2s linear;
}
.product-page .add-cart-form .number .regulator .number-down {
background: url("../img/arrow-down.png") 50% 50% no-repeat #ccc;
margin: 6px 0 0 0;
}
.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;
}
.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;
}
.login-register .info-box {
margin-bottom: 40px;
padding: 27px 0 0;
}
.login-register .info-box .title,
.login-register .form-box .title {
font-weight: normal;
margin: 0 0 17px;
}
.login-register .info-box .descriptions,
.login-register .form-box .descriptions {
margin: 0 0 26px;
}
.login-register .form-box {
background: #f2f2f2;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
margin: 0 0 40px 0;
padding: 27px 30px 25px;
}
.login-register .form-box .checkbox {
font-size: 12px;
margin: -7px 0 28px;
}
.login-register .form-box .checkbox .new-checkbox {
margin-top: 0;
}
.login-register .form-box .buttons-box {
font-size: 11px;
line-height: 1.5;
}
.login-register .form-box .buttons-box .btn {
margin: 3px 8px 5px 0;
}
.login-register .form-box .buttons-box .required {
font-size: 11px;
margin: 3px 8px 5px 0;
}
.buttons-box .required {
font-size: 11px;
}
.login-register .form-box .buttons-box .forgot {
display: inline-block;
margin: 3px 8px 5px 0;
-webkit-transition: opacity .2s linear;
transition: opacity .2s linear;
}
.login-register .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;
}

/******************************************************************************
Login Page 2
*******************************************************************************/
body.login-page {
background: none;
position: relative;
}
body.login-page .blur-box {
bottom: 0;
display: block !important;
left: 0;
/*opacity: 0;*/
overflow: hidden;
position: absolute;
right: 0;
top: 0;
z-index: -100;
-webkit-transition: opacity .2s linear;
transition: opacity .2s linear;
}
body.login-page.blur-load .blur-box {
opacity: 1;
-webkit-transition: opacity .2s linear;
transition: opacity .2s linear;
}
body.login-page .blur-box img,
body.login-page .blur-box canvas {
background-size: cover;
background-attachment: fixed;
max-width: inherit;
min-width: 100%;
min-height: 100%;
width: auto;
height: auto;
vertical-align: top;
width: 100%;
}
body.login-page #main {
min-height: 600px;
overflow: hidden;
padding-bottom: 20px;
}
.login-page .form-box {
margin: 0;
}
.login-page .form-box .title small {
color: #c1c1c2;
font-size: 24px;
}
.login-page .form-box .title a {
color: #c1c1c2;
-webkit-transition: opacity .2s linear;
transition: opacity .2s linear;
}
.login-page .form-box .title a:hover {
text-decoration: none;
opacity: 0.8;
filter: alpha(opacity=80);
-webkit-transition: opacity .2s linear;
transition: opacity .2s linear;
}
.login-page .form-box form {
margin: 0;
}
.login-page .form-box form.hidden {
display: block !important;
height: 0;
overflow: hidden;
}
.login-page #main .form-box {
-webkit-transition: opacity .2s linear;
transition: opacity .2s linear;
}
.login-page #main.load .form-box {
opacity: 0;
filter: alpha(opacity=0);
-webkit-transition: opacity .2s linear;
transition: opacity .2s linear;
}

/******************************************************************************
Shopping Cart
*******************************************************************************/
.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;
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: 80px;
}
#car-bottom .car-bottom-box {
font-size: 12px;
line-height: 18px;
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;
}
.widget.menu.media_enquiry{
width: 75%;
float: right;
}
/******************************************************************************
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;
}

/******************************************************************************
About Us
*******************************************************************************/
.employee {
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;
display: inline-block;
float: none;
margin: 0 0 40px;
min-width: 150px;
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;
}

/******************************************************************************
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;
}
.map-box .contact-info address {
margin-bottom: 15px;
}

/******************************************************************************
Blog
*******************************************************************************/
.post {
margin-bottom: 20px;
padding: 0;
}
.blog .post {
margin-top: -3px;
}
.post + .post {
border-top-width: 1px;
padding-top: 20px;
}
.post .entry-title {
font-size: 16px;
font-weight: normal;
margin: 0 0 6px;
line-height: 1.2;

}
.post .entry-title a {
color: #1e1e1e;
text-decoration: none;
-webkit-transition: opacity .2s linear;
transition: opacity .2s linear;
}
.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: 10px 0 5px;
/*text-align:justify;*/
}
.post .entry-content p:last-child {
margin-bottom: 0;
}
.post .entry-meta {
color: #7f7f7f;
font-size: 11px;
line-height: 1.3;
}
.post .entry-meta .separator {
margin: 0 10px;
}
.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;
}
.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;
}
.carousel .post {
border: 0 none;
float: left;
line-height: 22px;
margin: 0 15px;
padding: 0;
}

/******************************************************************************
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;
}

/******************************************************************************
Sitemap
*******************************************************************************/
.sitemap,
.sitemap ul {
list-style: none;
margin: 0;
padding: 0;
}
.sitemap ul {
margin: 0 0 0 15px;
}
.sitemap li {
background: url("../img/point.png") right 13px repeat-x #fff;
}
.sitemap a {
background: #fff;
color: #1e1e1e;
font-size: 12px;
line-height: 1;
padding: 0 5px 0 12px;
position: relative;
text-decoration: none;
}
.sitemap a:hover {
text-decoration: underline;
}
.sitemap a:before {
content: "\f105";
display: block;
font-family: FontAwesome;
font-size: 14px;
font-style: normal;
font-weight: normal;
line-height: 12px;
left: 0;
position: absolute;
top: 2px;
}

/******************************************************************************
Pricing
*******************************************************************************/
.pricing {
background: #f7f7f7;
background: rgba(30,30,30,.06);
margin-bottom: 40px;
position: relative;
text-align: left;
}
.pricing:before {
background-color: #fff;
bottom: 0;
content: "";
left: 0;
position: absolute;
right: 0;
top: 0;
z-index: -1;
}
.pricing .title {
line-height: 32px;
padding: 17px 20px 21px;
}
.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;
}
.pricing .price-box .icon i {
background: none;
font-size: 30px;
height: auto;
line-height: 52px;
margin: 0;
width: auto;
}
.pricing .price-box .price {
font-size: 36px;
font-weight: bold;
margin: 13px 0 0;
}
.pricing .price-box .price span {
font-size: 12px;
}
.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);
height: 49px;
line-height: 49px;
padding: 0 0 0 45px;
position: relative;
}
.pricing .options li span {
color: #1e1e1e;
display: none;
left: 25px;
line-height: 1;
position: absolute;
top: 16px;
}
.pricing .options li.active {
color: #1e1e1e;
}
.pricing .options li.active span {
display: block;
}
.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: 19px 0 0;
width: 100%;
}
.pricing.prising-info {
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 {
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 {
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;
}

/******************************************************************************
404
*******************************************************************************/
.box-404 {
-webkit-border-radius: 177px;
-moz-border-radius: 177px;
border-radius: 177px;
font-weight: normal;
height: 354px;
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;
}

/******************************************************************************
FAQ
*******************************************************************************/
.filter-elements-wrapper {
margin: 0 auto;
}
.filter-buttons {
display: block;
margin-bottom: 10px;
}
.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;
}
.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;
}
.work:a {
color:#FFF; !important
}
.work,
.work:visited {
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
color: #fff;
display: block;
position: relative;
text-align: center;
text-shadow: 0 1px #000;
}
.work:hover {
display: block;
text-decoration: none;
color:#FFF; !important
}
.carousel .work {
margin: 2px 1px;
}
.work img {
background-color: #555;
-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);
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
text-align: center;
width: 100%;
}
.work .shadow {
background: -moz-linear-gradient(top, rgba(255,255,255,0) 0%, rgba(255,255,255,0.01) 29%, rgba(0,0,0,0.01) 30%, rgba(0,0,0,0.01) 33%, rgba(0,0,0,0.17) 62%, rgba(0,0,0,0.24) 68%, rgba(0,0,0,0.62) 90%, rgba(0,0,0,0.73) 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,255,255,0)), color-stop(29%,rgba(255,255,255,0.01)), color-stop(30%,rgba(0,0,0,0.01)), color-stop(33%,rgba(0,0,0,0.01)), color-stop(62%,rgba(0,0,0,0.17)), color-stop(68%,rgba(0,0,0,0.24)), color-stop(90%,rgba(0,0,0,0.62)), color-stop(100%,rgba(0,0,0,0.73)));
background: -webkit-linear-gradient(top, rgba(255,255,255,0) 0%,rgba(255,255,255,0.01) 29%,rgba(0,0,0,0.01) 30%,rgba(0,0,0,0.01) 33%,rgba(0,0,0,0.17) 62%,rgba(0,0,0,0.24) 68%,rgba(0,0,0,0.62) 90%,rgba(0,0,0,0.73) 100%);
background: -o-linear-gradient(top, rgba(255,255,255,0) 0%,rgba(255,255,255,0.01) 29%,rgba(0,0,0,0.01) 30%,rgba(0,0,0,0.01) 33%,rgba(0,0,0,0.17) 62%,rgba(0,0,0,0.24) 68%,rgba(0,0,0,0.62) 90%,rgba(0,0,0,0.73) 100%);
background: -ms-linear-gradient(top, rgba(255,255,255,0) 0%,rgba(255,255,255,0.01) 29%,rgba(0,0,0,0.01) 30%,rgba(0,0,0,0.01) 33%,rgba(0,0,0,0.17) 62%,rgba(0,0,0,0.24) 68%,rgba(0,0,0,0.62) 90%,rgba(0,0,0,0.73) 100%);
background: linear-gradient(to bottom, rgba(255,255,255,0) 0%,rgba(255,255,255,0.01) 29%,rgba(0,0,0,0.01) 30%,rgba(0,0,0,0.01) 33%,rgba(0,0,0,0.17) 62%,rgba(0,0,0,0.24) 68%,rgba(0,0,0,0.62) 90%,rgba(0,0,0,0.73) 100%);
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
bottom: 0;
left: 0;
position: absolute;
right: 0;
top: 0;
}
.work .work-title {
bottom: 37px;
left: 0;
margin: 0 0 -17px;
padding: 0 5px;
position: absolute;
right: 0;
text-align: center;
/*-webkit-transition: bottom .2s ease-in;
transition: bottom .2s ease-in;*/


}
.work-title {
visibility:hidden;
}
.work .title {
bottom: 46px;
font-size: 18px;
font-weight: bold;
line-height: 20px;
margin: 0 0 6px;
text-align: center;

}
.work .description {
font-size: 15px;
/*font-family: Georgia;*/
line-height: 16px;
text-align: center;
}
.work .bg-hover {
background: #000;
background: rgba(0,0,0,.4);
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
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;
color:#fff; !important

}
.work:hover {
text-shadow: none;
}
.work:hover .work-title {
bottom: 46%;

/* -webkit-transition: bottom .2s ease-in;
transition: bottom .2s ease-in;*/
visibility:visible;
}
.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 .carousel img {
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
}
.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 One */
.work-one {
color: #7f7f7f;
overflow: hidden;
}
.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: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
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%);
}

/******************************************************************************
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;
position: relative;
}
.gallery-images img {
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
}
.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;
}
.respond1 {
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 .description1 {
background: #fff;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
color: #1e1e1e;
font-size: 90%;
/*font-family:Georgia;*/
line-height: 1.4;
padding: 5px 0 10px 0;
position: relative;
height: 50px;
}
.respond.bg .description {
background-color: #a5e573;
}
.respond.border .description {
border-color: #a5e573;
border-width: 1px;
}
.respond.bg .description:before,
.respond.border .description:before {
border: 10px solid transparent;
border-top-color: #a5e573;
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;
}
.respond .name {
color: #7f7f7f;
min-height: 22px;
padding: 5px 5px 5px 5px;
}
.respond .name1 {
color: #7f7f7f;
line-height: 16px;  
font-size: 11px;
padding: 15px 0 0 0; 
}
.respond .name2 {
color: #7f7f7f;
min-height: 22px;
height: 155px;
}
.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;
width: 280px;
}
.respond-carousel .pagination {
margin: 0;
}

/******************************************************************************
Chart
*******************************************************************************/
.chart {
position: relative;
text-align: center;
}
.jqstooltip {
-webkit-box-sizing: content-box;
-moz-box-sizing: content-box;
box-sizing: content-box;
}

/******************************************************************************
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;
}

/******************************************************************************
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: #c10841;
}
.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: #c10841;
}
.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: #c10841;
}
.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 {
background: #c10841;
}
.steps.progress-steps .step.bg-error .number:before {
border-top-color: #c10841;
}
.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-error .number {
color: #c10841;
}
.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;
}

/******************************************************************************
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%;
}
.body-bg-img #main {
display: table-cell;
padding: 109px 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 {
float: right;
}
#count-down {
text-align: right;
width: auto!important;
}
.county-days-wrapper,
.county-hours-wrapper,
.county-minutes-wrapper,
.county-seconds-wrapper {
background: #c10841;
background: rgba(193,8,65, 0.5);
display: inline-block;
height: 135px;
margin-left: 2px;
margin-right: 2px;
position: static;
text-align: center;
width: 23%!important;
}
.county-hours-wrapper {
background: #f89406;
background: rgba(248,148,6, 0.5);
}
.county-minutes-wrapper {
background: #0098ca;
background: rgba(0,152,202, 0.5);
}
.county-seconds-wrapper {
background: #738d00;
background: rgba(115,141,0, 0.5);
}
.county-days,
.county-hours,
.county-minutes,
.county-seconds {
font-size: 60px;
color: #fff;
line-height: 135px;
display: inline-block!important;
position: static!important;
}
.county-label-days,
.county-label-hours,
.county-label-minutes,
.county-label-seconds {
margin-left: 2px;
margin-right: 2px;
padding-top: 10px;
font-size: 18px;
display: inline-block;
text-align: center;
}
.coming-text {
margin-top: -4px;
}
.coming-text form {
position: relative;
}
.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;
}
.full-width-box {
padding: 76px 0;
position: relative;
}
.full-width-box > .bg {
background-repeat: no-repeat;
background-position: center top;
background-color: inherit;
bottom: 0;
left: -1000px;
overflow: hidden;
position: absolute;
right: -1000px;
text-align: center;
top: 0;
z-index: -1;
}
.full-width-box > .bg .overlay {
background: #000;
height: 100%;
opacity: .2;
filter: alpha(opacity=20);
width: 100%;
}
.full-width-box .bg-none .overlay {
background: none;
}
.full-width-box .bg-image {
background-repeat: no-repeat;
background-position: center top;
-webkit-background-size: cover;
background-size: cover;
}
.full-width-box .fixed.bg-image,
.full-width-box .paralax.bg-image {
background-attachment: fixed;
background-position: center top;
}
.touch-device .full-width-box .fixed.bg-image,
.touch-device .full-width-box .paralax.bg-image {
background-attachment: scroll;
}
.full-width-box .blur.bg-image {
background-position: center top !important;
}
.full-width-box .bg-video video,
.full-width-box .bg-video iframe,
.full-width-box .bg-video img {
background-size: cover;
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: -100;
}
.full-width-box .bg-video {
background-repeat: no-repeat;
background-position: center center;
-webkit-background-size: cover;
background-size: cover;
}
.full-width-box .blur.bg-image .blur-box {
bottom: 0;
display: block !important;
left: 0;
position: absolute;
right: 0;
top: 0;
z-index: -100;
}
.full-width-box .blur.bg-image .blur-box canvas {
background-size: cover;
background-attachment: fixed;
max-width: inherit;
min-width: 100%;
min-height: 100%;
width: auto;
height: auto;
vertical-align: top;
width: 100%;
}

/******************************************************************************
Footer
*******************************************************************************/
#footer {
color: #7f7f7f;
margin: -310px 0 0 0;
overflow-x: hidden;
}
#footer.footer-two {
margin: -183px 0 0 0;
}
#footer .footer-top {
background: #f2f2f2;
font-size: 12px;
line-height: 16px;
padding: 40px 0 13px;
}
#footer.footer-two .footer-top {
padding-bottom: 10px;
}
#footer .sidebar .widget {
margin-bottom: 5px;
min-height: 245px;
}
#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: 14px;
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: 3px;
-moz-border-radius: 3px;
border-radius: 3px;
display: block;
float: right;
height: 40px;
text-align: center;
width: 40px;
-webkit-transition: all .2s linear;
transition: all .2s linear;
position: fixed;
right: 15px;
bottom: 20px;
}
#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;
}
.viewed{
width:100%;
padding: 15px 15px;
}
/******************************************************************************
Boxed
*******************************************************************************/
.boxed {
background: #fff;
margin: 0 auto;
max-width: 1200px;
}
.boxed .page-box {
background: #fff;
-webkit-box-shadow: rgba(0,0,0,0.6) 0px 0px 18px;
box-shadow: rgba(0,0,0,0.6) 0px 0px 18px;
overflow: hidden;
position: relative;
}
.boxed.loaded .page-box {
overflow: visible;
}
.boxed.fixed-header .header {
-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);
}
.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;
}


/******************************************************************************
Fancybox
*******************************************************************************/
.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: 0 0 0 10px;
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;
}

.mgmt_img{
padding: 0 10px 5px 0;
}

.menu-img{
position:relative;
left:100px;
top:75px
}

.blue-arrow{
position:relative;
left:-140px;

}

.red-arrow{
position:relative;
left:-240px;

}

.yellow-arrow{
position:relative;
left:0px;

}

.homepage-header1{
font-family: Georgia,Helvetica, sans-serif;
font-size:30px;
line-height:30px;
color:#000000;
}

.homepage-header2{
font-family: Georgia,Helvetica, sans-serif;
font-size:30px;
line-height:32px;
color:#0099CC;
}


.homepage-header3{
font-family: Georgia,Helvetica, sans-serif;
font-size:50px;
line-height:50px;
color:#000000;
}

.homepage-header4{
font-family:Georgia,Helvetica, sans-serif;
font-size:60px;
line-height:60px;
color:#0099CC;
}
.map_canvas{
height: 270px;
}
.banner-space1{
max-width: 100%;
width:66%;
float:left;
position:relative;
padding-left:15px;
margin-top:22px;
}
.banner-space2 ul li{
list-style:none;
float:left;
padding-left:2%;
}
.banner-space2 a img{
max-width: 100%;
height: auto;
}

.body-text{
font-family:Arimo, Helvetica, sans-serif;
font-size:12px;
line-height:18px;

}
.about {
font-size:11px;
}

#slidingDiv, #slidingDiv_2{
padding:20px;
margin-top:10px;
display:none;
}

.left-cell{
text-align:right;
width:30%;
padding-right:10px;
vertical-align:middle;
}

.right-cell{
text-align:left;
padding-left:10px;
vertical-align:top;
}

.progress_banner{
text-align:center;
width:100%;
padding-left: 15%;
}

.active-cell{
background-color:#0098ca;
font-family:Arimo, Helvetica, sans-serif;
width:200px;
border-left:1px solid black;
border-right:1px solid black;
padding-left:5px;
text-align:left;
height:50px;
}

.inactive-cell{
background-color:#CCCCCC;
font-family:Arimo, Helvetica, sans-serif;
width:200px;
border-left:1px solid black;
border-right:1px solid black;
padding-left:5px;
text-align:left;
height:50px;
}

ol.progtrckr li:after {
content: "\00a0\00a0";
}
ol.progtrckr li:before {
position: relative;
bottom: -2.5em;
float: left;
left: 50%;
margin-top: 0;
line-height: 1em;
}
ol.progtrckr li.progtrckr-done:before {
content: "\2713";
color: white;
background-color: #0098ca;
height: 1em;
width: 1.2em;
line-height: 1.2em;
border: 1px solid black;
border-radius: 1.2em;
}

ol.progtrckr li.progtrckr-todo:before {
content: "\039F";
color: silver;
background-color: white;
font-size: 1.5em;
bottom: -1.6em;
}

ol.progtrckr li.progtrckr-done {
color: black;
border-bottom: 4px solid #0098ca;
}
ol.progtrckr li.progtrckr-todo {
color: silver; 
border-bottom: 4px solid silver;
}

ol.progtrckr li {
display: inline-block;
text-align: center;
line-height: 3em;
}

.social-right{
text-align:right;
padding:10px;
vertical-align:bottom;
}

.fb-share-button{
text-align:center;
vertical-align:bottom;
padding-bottom:4px;
}

.twitter-share-button{
text-align:center;
vertical-align:bottom;
}
.title1 {
font-weight: bold;
position: relative;
font-family: Arial, Helvetica, sans-serif;
font-size: 18px;
color: #0099CC;
}
#overlay {
visibility: hidden;
position: absolute;
left: 0px;
top: 0px;
width:100%;
height:100%;
text-align:center;
z-index: 1000;
}
#overlay div {
width:300px;
margin: 100px auto;
background-color: #fff;
border:1px solid #000;
padding:15px;
text-align:center;
}

#menu_type{
display:none;
}



/******************************************************************************
Social Share Plugin
*******************************************************************************/
.sharrre .box{
float:left;
}
.sharrre .count {
color:#444444;
display:block;
font-size:17px;
line-height:34px;
height:34px;
padding:4px 0;
position:relative;
text-align:center;
text-decoration:none;
width:50px;
background-color:#eee;
-webkit-border-radius:4px;
-moz-border-radius:4px;
border-radius:4px; 
}
.sharrre .share {
color:#FFFFFF;
display:block;
font-size:11px;
height:16px;
line-height:16px;
margin-top:3px;
padding:0;
text-align:center;
text-decoration:none;
width:50px;
background-color:#9CCE39;
-webkit-border-radius:4px;
-moz-border-radius:4px;
border-radius:4px; 
}
.sharrre .buttons {
display:none;
position:absolute;
margin-left:50px;
z-index:10;
background-color:#fff;
}
.sharrre .button {
float:left;
max-width:50px;
margin-left:10px;
}

/****************************************
2015 Custom Css
****************************************/
.bod-image {
width:18%;
float:left;
margin-bottom: 15px;
margin-right:5px;
}
.bod-content {
width:30%;
float:left;
height:120px;
position: relative;
}
.bod-content1 {
position:absolute;
bottom:0;   
}
.int_right{
/*border-right:1px solid #000000;*/
height:9px;
width:1172px;
margin:0 auto;
}
.digi {
position:absolute;
z-index:9;
top:58px;
left:10px;
}

.fancy_box_img {
margin:5px 3px 0 0;
float:right;
width:99%;
height:163px;
}
.fancy_box_img1 {
margin:8px 3px 0 0;
float:right;
}
.lob_img {
margin-top:5px;
float:left;
z-index: 9;
}
.lob_icon a img {
width:24%;
}
.para {
height:15px;
}
.imagedropshadow{
border:1px solid #ffffff;
}
a:hover img.imagedropshadow { 
border: solid 1px #CCC;
-moz-box-shadow: 1px 1px 5px #999;
-webkit-box-shadow: 1px 1px 5px #999;
box-shadow: 1px 1px 5px #999; 
}
#banner-fade1{
display:none;
}
#banner-fade{
display:block;
}
#banner-slide{
display:block;
}
#banner-slide-mobile{
display:none;;
}
.career_global_slider{
border-right:1px dotted #000000;
padding:0 20px 0 20px;
width:33%;
float:left;
}
.career_global_slider1{
padding:0 20px 0 20px;
width:33%;
float:left;
}
.carrer_global_acclaim{
padding:20px 0 20px 0;
}
.navigation_icons{
float:left;
overflow:hidden;
width:20%;
padding:20px;
}
.career_h2{
font-size:24px;
margin: 0 0 10px;
text-rendering: optimizelegibility;
}
.careerhead{
text-align:center;
}
.career_div{
border-bottom:1px dotted #000000;
padding:0 40px 20px 40px;
margin:0 140px 0 140px;
overflow:hidden;
}
.career_div_with_top{
border-bottom:1px dotted #000000;
padding:20px 40px 20px 40px;
margin:0 140px 0 140px;
}
.career_div_no_bottom{
padding:20px 40px 20px 40px;
margin:0 140px 0 140px;
}
.career_slider{
float:left;
width:50%;
padding:10px;
}
.career_videos_container{
margin:0 auto;
padding:40px 40px 10px 40px;
overflow:hidden;
}
.career_videos{
width:33%;
float:left;
padding:0 10px 0 10px;
}
.career_opportunity{
width:100%;
margin:0 auto;
padding-top:20px;
overflow:hidden;
}
.career_igcb{
border-right:1px solid #6d6e71;
padding:15px;
width:25%;
height:125px;
float:left;
overflow:hidden;
}
.career_igtb{
border-right:1px solid #6d6e71;
padding:15px;
width:25%;
height:125px;
float:left;
overflow:hidden;
}
.career_irtm{
border-right:1px solid #6d6e71;
padding:15px;
width:25%;
height:125px;
float:left;
overflow:hidden;
}
.career_iseec{
padding:15px;
width:25%;
height:125px;
float:left;
overflow:hidden;
}
.acclaim_mobile{
display:none;
}
.heading-banner{
background:url(../careers/images/2017-nxt-lvl.JPG);
width:1170px; 
}
.fuelcol p{
font-size: 15px;
text-align:left;
padding: 0 16%;
}
.fuelcol1{
font-size: 15px;
text-align:center;
padding: 0 16%;
}
.faicon i{
margin-top:25px;	
font-size: 65px;
color: #0077b5;
}
.careerh2{
text-align:center; 
line-height:1.2;
}

/* End of Custome CSS*/

@media screen and (min-width: 1025px) {
.home_content {
margin-top:-50px; 
}
.menu_desktop {
padding-left:100px;
}
.lob_icon > a > img {
width:24%;
margin-left: 5px;
}
.lob_icon1 > a > img {
margin-left: 5px;
}
.fancy_box_img > a > img {
margin-left:5px;
}
.lob_icon1 {
margin-top: 5px;
float: left;
}
}


@media screen and (min-width:641px) and (max-width: 800px) {
ul.bjqs-controls.v-centered li.bjqs-next a{right:-40px;margin-top:-20px;}
ul.bjqs-controls.v-centered li.bjqs-prev a{left:-40px; margin-top:-20px;}
.navigation_icons{
display:none;
}
.career_h2{
font-size:14px;
font-weight:bold;
}
.career_videos_container {
margin: 0 auto;
padding: 10px 5px 10px 5px;
overflow: hidden;
}
.carrer_global_acclaim {
padding: 0 0 10px 0;
}
.career_videos {
width: 33%;
float: left;
padding: 0 20px 0 0;
}
#banner-fade1{
display:block !important;
}
#banner-fade{
display:none !important;
}
.career_global_slider{
border:none;
width:100%;
}
.career_slider{
width:100%;
}
#banner-slide{
display:none;
}
#banner-slide-mobile{
display:block;
}
.career_igcb {
border-right: 1px solid #6d6e71;
padding: 15px;
width: 25%;
height: auto;
float: left;
overflow: hidden;
}
.career_igtb {
border-right: 1px solid #6d6e71;
padding: 15px;
width: 25%;
height: auto;
float: left;
overflow: hidden;
}
.career_irtm {
border-right: 1px solid #6d6e71;
padding: 15px;
width: 25%;
height: auto;
float: left;
overflow: hidden;
}
.career_iseec {
padding: 15px;
width: 25%;
height: auto;
float: left;
overflow: hidden;
}
.career_div{
border-bottom:1px dotted #000000;
padding:10px 0 20px 0px;
margin:auto;
overflow:hidden;
}
.career_div_no_bottom{
border-bottom:1px dotted #000000;
padding:10px 0 20px 0px;
margin:auto;
overflow:hidden;
}
.career_div_with_top{
border-bottom:1px dotted #000000;
padding:10px 0 20px 0px;
margin:auto;
overflow:hidden;
}#menu_type {
clear: both;
display: block;
float: left;
width: 100%;
margin-bottom: 20px;
}
.image-title {
display:none;
}
.caption {
font-style:normal;
font-weight:normal;
}
.caption p {
text-wrap: none;
}
.sidebar1 {
margin-top:0px !important;
}
span.image-caption {
width:350px;
text-align:justify;
}
div.slideshow a.advance-link {
width: 600px;
}
div.slideshow a.advance-link {
line-height:normal;
}
.sidebar_close {
display:none !important;
}
}


@media screen and (min-width: 300px) and (max-width:640px) {

.navigation_icons{
display:none;
}
.career_h2{
font-size:14px;
font-weight:bold;
}
.careerhead{
text-align:center; 
line-height:1.2;
font-size: 25px;
margin-top: -20px;
}
.career_videos_container {
margin: 0 auto;
padding: 10px 5px 10px 5px;
overflow: hidden;
}
.carrer_global_acclaim {
padding: 0 0 10px 0;
}
.career_videos {
width: 33%;
float: left;
padding: 0 20px 0 0;
}
#banner-fade1{
display:block !important;
}
#banner-fade{
display:none !important;
}
.career_global_slider{
border:none;
width:100%;
}
.career_slider{
width:100%;
}
#banner-slide{
display:none;
}
#banner-slide-mobile{
display:block;
}
.career_igcb {
border-right: 1px solid #6d6e71;
padding: 15px;
width: 25%;
height: auto;
float: left;
overflow: hidden;
}
.career_igtb {
border-right: 1px solid #6d6e71;
padding: 15px;
width: 25%;
height: auto;
float: left;
overflow: hidden;
}
.career_irtm {
border-right: 1px solid #6d6e71;
padding: 15px;
width: 25%;
height: auto;
float: left;
overflow: hidden;
}
.career_iseec {
padding: 15px;
width: 25%;
height: auto;
float: left;
overflow: hidden;
}
.career_div{
border-bottom:1px dotted #000000;
padding:10px 0 20px 0px;
margin:auto;
overflow:hidden;
}
.career_div_no_bottom{
border-bottom:1px dotted #000000;
padding:10px 0 20px 0px;
margin:auto;
overflow:hidden;
}
.career_div_with_top{
border-bottom:1px dotted #000000;
padding:10px 0 20px 0px;
margin:auto;
overflow:hidden;
}
#menu_type {
clear: both;
display: block;
float: left;
width: 100%;
margin-bottom: 20px;
}
.image-title {
display:none;
}
.caption {
font-style:normal;
font-weight:normal;
}
.caption p {
text-wrap: none;
}
.sidebar1 {
margin-top:0px !important;
}
span.image-caption {
width:350px;
text-align:justify;
}

div.slideshow a.advance-link {
line-height:normal;
}
div.caption-container {
height:250px;
}
.sidebar_close {
display:none !important;
}
}

@media screen and (min-width:786px) and (max-width:1024px) {
.home_content {
margin-top:-67px;
}
.lob_img {
margin-top:5px;
}
.lob_icon > a > img {
width:24.1%;
margin-left: 4px;
}
.lob_icon1 {
float: left;
width: 110px;
}
.lob_icon1 > a > img {
width: 100%;
margin-left: 4px;
/* float: left; */
margin-top: 8px;
}
.fancy_box_img {
margin:8px 3px 0 0;
float:right;
width:99%;
height:132px;
}
.fancy_box_img1 {
margin:8px 3px 0 0;
float:right;
}
.digi {
display:none;
}

.para {
display:none;
}
.header .primary .navbar .nav .open-sub {
display:block !important;
bottom: 0 !important;
left: 0 !important;
position: absolute !important;
top: 0 !important;
width: 55px !important;
}
.banner-space2 ul li{
list-style:none;
float:left;
padding-left:2%;
}
.banner-space2 a img{
max-width: 100%;
height: auto;
}
.media_enquiry {
width: 96% !important;
float: right !important;
}
}

@media screen and (min-width:768px) and (max-width:991px) {
.home_content {
margin-top:-48px;
}

.lob_icon > a > img {
width:23.5%;
margin-left: 5px;
}
.lob_icon1 {
float: left;
width: 90px;
}
.lob_icon1 > a > img {
width: 92%;
margin-left: 4px;
/* float: left; */
margin-top: 8px;
}
.fancy_box_img {
  margin: 8px 0 0 6px;
float: right;
width: 98%;
height: 80px;
}
.fancy_box_img1 {
margin:8px 3px 0 0;
float:right;
}
.lead {
font-size: 12.8px;
line-height:12px;
}
.digi {
display:none;
}
.para {
display:none;
}
}

@media screen and (min-width:375px) and (max-width:767px) {
.level2nav-box {
background: #000000 !important;
overflow: hidden;
height: 1px !important; 
}
.lob_icon a img {
width: 23.6% !important;
}
.digi {
display:none;
}
.para {
display:none;
}
#footer .sidebar .widget {
margin-bottom: 5px;
min-height: 157px;
}

}
@media screen and (width:667px){
.lob_icon a img {
margin-right: 4px !important;
margin-bottom: 5px;
}
.lob_icon1 {
float: left;
width: 21%;
}
.fancy_box_img {
margin: 0px 6px 0 0;
width: 86.5%;
height: 5px;
float:left !important;
}
.slider_int {
display:none;
}
.lob_img {
margin-top: 5px;
float: left;
z-index: 9;
margin-bottom: 10px;
height:300px;
}
.col-sm-6, .col-md-6 {
position: relative;
min-height: 1px;
padding-left: 15px;
padding-right: 15px;
width:100%;
}
.lob_icon a img {
width: 21.1% !important;
}
}
@media screen and (width:736px){
.page-box-content {
padding-bottom: 200px !important;
}

.lob_icon a img {
margin-right: 4px !important;
margin-bottom: 5px;
}
.lob_icon1 {
float: left;
width: 19.3%;
}
.fancy_box_img {
	margin: 0px 6px 0 0;
width: 78.2%;
height: 5px;
float: left !important;
}
.slider_int {
display:none;
}
.lob_img {
margin-top: 5px;
float: left;
z-index: 9;
margin-bottom: 10px;
}
.col-sm-6, .col-md-6 {
position: relative;
height: 250px;
padding-left: 15px;
padding-right: 15px;
width:100%;
}
.lob_icon a img {
width: 19.1% !important;
}
}

@media screen and (min-width:361px) and (max-width:767px) {
.level2nav-box {
background: #000000 !important;
overflow: hidden;
height: 1px !important; 
}
.lob_icon a img {
width: 23.9%;
}
.digi {
display:none;
}
.para {
display:none;
}
#footer .sidebar .widget {
margin-bottom: 5px;
min-height: 157px;
}
}
@media screen and (min-width:321px) and (max-width:360px) {
.level2nav-box {
background: #000000 !important;
overflow: hidden;
height: 1px !important; 
}

.lob_icon1 {
float: left;
width: 22.9% !important;
margin-bottom:5px;
}
.lob_icon a img {
width: 22.9%;
}
.digi {
display:none;
}
.para {
display:none;
}
.fancy_box_img {
margin: 0 13px 0 0 !important;
float: right;
width: 71.3% !important;
height: auto;
}
.lob_icon1 a img {
width:100%;
}
.lead {
margin-bottom: 10px;
font-size: 14px;
font-weight: 600;
line-height: 16px;
color: #0098ca;
/*margin-top: 155px;*/
}
}
@media screen and (width:598px) {
.fancy_box_img {
margin: 0 6px 0 0 !important;
float: right;
width: 73.7% !important;
height: auto !important;
}
.fancy_box_img a img{
width:100%;
}
.lob_icon1 a img {
width:97%;
}
.lob_icon1 {
float: left;
width: 24.7% !important;
}
.bod-content {
height:123px;
}
.lob_img {
margin-top: 5px;
float: left;
z-index: 9;
margin-bottom: 10px;
}
#footer .sidebar .widget {
margin-bottom: 5px;
min-height: 170px !important;
}
}

@media screen and (width:812px) {
#footer .sidebar .widget {
margin-bottom: 5px;
min-height: 210px;
}
.mobile_footer {
display:none !important;
}
}
@media screen and (width:768px) {
#footer .sidebar .widget {
margin-bottom: 5px;
min-height: 290px;
}
#footer .footer-top {
background: #f2f2f2;
font-size: 12px;
line-height: 16px;
padding: 13px 0 13px;
}
}
@media screen and (width:480px){
#footer .sidebar .widget {
margin-bottom: 5px;
min-height: 185px;
}
.lob_img {
margin-bottom: 10px;
}
#footer .footer-top .col-md-3 {
margin-bottom: 10px !important;

}
.break {
display: block !important;
}
.bod-content {
height:115px;
}

}
@media screen and (max-width:480px){

.lead2 {
   margin-top:10px;
   min-height: 0px;
}
.dashed2 {
border-right: 0;
padding-bottom:10px;
border-bottom: 1px dashed #e1e1e1;
text-align: center;
}

.dashed2:last-child {
border-bottom: 0;
}
.digi {
display:none;
}
.level2nav-box {
background: #000000 !important;
overflow: hidden;
height: 1px !important; 
}
.lob_img {
margin-top: 5px;
float: left;
margin-bottom: 10px;
min-height:175px;
max-height:185px;
}
.para {
display:none;
}
.sidebar .widget {
margin: 0 0 10px !important;
}
.header .primary .navbar .btn-navbar {
height:40px !important;
}
}
@media screen and (width:320px) {
#footer .footer-top .col-md-3 {
margin-top: 10px !important;

}
.bod-content {
height:78px !important;
}

.lob_img {
margin-top: 5px;
float: left;
margin-bottom: 10px;
min-height: 135px;
max-height: 185px;
}
}
@media screen and (width:360px) {
#footer .sidebar .widget {
margin-bottom: 5px;
min-height: 170px;
}
.bod-content {
height:85px;
}
}
@media screen and (width:732px) {
.lob_icon > a > img {
width: 24%;
margin-left: 5px;
}
}

@media screen and (min-width:590px) and (max-width:640px) {
.dashed2 {
border-right: 0;
padding-bottom:10px;
border-bottom: 1px dashed #e1e1e1;
}

.dashed2:last-child {
border-bottom: 0;

}
.lead2 {
   margin-top:10px;
   min-height: 20px;
}
.contact-info address {
float: left !important;
width: 50% !important;
}

}
@media screen and (min-width:320px) and (max-width:640px) {
.widget.menu.media_enquiry {
width: 100% !important;
float: right;
margin-bottom:10px;
}
h1 {
font-size: 26px;
margin-bottom: 10px;
}

h1.title {
line-height: 26px;
}
h2.title {
font-size: 24px;
margin-bottom: 10px;
}
h4 {
font-size: 18px;
margin-top: 5px;
margin-bottom: 5px;
}
}
@media screen and (max-width:598px) {
.bod-image {
width:25%;
float:left;
margin-bottom: 15px;
margin-right:5px;
}
.bod-content {
width:73%;
float:left;
position: relative;
}
.clearfix1:before, .clearfix1:after {
content: " ";
display: table;
}
.clearfix1:after {
clear:both;
}

}
@media screen and (width:640px) {
.bod-content {
width: 30%;
float: left;
height: 110px;
position: relative;
}
}
body  .accordions-filter .dropdown-backdrop{
position:static;
z-index:0
}
