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