ꦫꦣꦺꦤ꧀ꦄꦤ꧀ꦠꦱꦺꦤ

PATH: home / letacommog / pymreception1 / wp-content / themes / legenda / css

/*
Theme Name: Legenda
Theme URI: http://8theme.com/
Author: 8theme
Author URI: http://themeforest.net/user/8theme
Description: ThemeForest Premium Theme
Text Domain: legenda
Version: 3.9.2.1
License: GNU General Public License version 3.0
License URI: http://www.gnu.org/licenses/gpl-3.0.html
*/

/*---------------------------------------------------------------*/
/* Bootstrap default
/*---------------------------------------------------------------*/

.clearfix{*zoom:1;}.clearfix:before,.clearfix:after{display:table;content:"";line-height:0;}
.clearfix:after{clear:both;}
.hide-text{font:0/0 a;color:transparent;text-shadow:none;background-color:transparent;border:0;}
.input-block-level{display:block;width:100%;min-height:30px;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;}
article,aside,details,figcaption,figure,footer,header,hgroup,nav,section{display:block;}
audio,canvas,video{display:inline-block;*display:inline;*zoom:1;}
audio:not([controls]){display:none;}
html{font-size:100%;-webkit-text-size-adjust:100%;-ms-text-size-adjust:100%;}
a:focus{outline:thin dotted #333;outline:5px auto -webkit-focus-ring-color;outline-offset:-2px;}
a:hover,a:active{outline:0;}
sub,sup{position:relative;font-size:75%;line-height:0;vertical-align:baseline;}
sup{top:-0.5em;}
sub{bottom:-0.25em;}
img{max-width:100%;width:auto\9;height:auto;vertical-align:middle;border:0;-ms-interpolation-mode:bicubic;}
#map_canvas img,.google-maps img{max-width:none;}
button,input,select,textarea{margin:0;font-size:100%;vertical-align:middle;}
button,input{*overflow:visible;line-height:normal;}
button::-moz-focus-inner,input::-moz-focus-inner{padding:0;border:0;}
button,html input[type="button"],input[type="reset"],input[type="submit"]{-webkit-appearance:button;cursor:pointer;}
label,select,button,input[type="button"],input[type="reset"],input[type="submit"],input[type="radio"],input[type="checkbox"]{cursor:pointer;}
input[type="search"]{-webkit-box-sizing:content-box;-moz-box-sizing:content-box;box-sizing:content-box;-webkit-appearance:textfield;}
input[type="search"]::-webkit-search-decoration,input[type="search"]::-webkit-search-cancel-button{-webkit-appearance:none;}
textarea{overflow:auto;vertical-align:top;}
@media print{*{text-shadow:none !important;color:#000 !important;background:transparent !important;box-shadow:none !important;} a,a:visited{text-decoration:underline;} a[href]:after{content:" (" attr(href) ")";} abbr[title]:after{content:" (" attr(title) ")";} .ir a:after,a[href^="javascript:"]:after,a[href^="#"]:after{content:"";} pre,blockquote{border:1px solid #999;page-break-inside:avoid;} thead{display:table-header-group;} tr,img{page-break-inside:avoid;} img{max-width:100% !important;} @page {margin:0.5cm;}p,h2,h3{orphans:3;widows:3;} h2,h3{page-break-after:avoid;}}
.img-rounded{-webkit-border-radius:6px;-moz-border-radius:6px;border-radius:6px;}
.img-polaroid{padding:4px;background-color:#fff;border:1px solid #ccc;border:1px solid rgba(0, 0, 0, 0.2);-webkit-box-shadow:0 1px 3px rgba(0, 0, 0, 0.1);-moz-box-shadow:0 1px 3px rgba(0, 0, 0, 0.1);box-shadow:0 1px 3px rgba(0, 0, 0, 0.1);}
.img-circle{-webkit-border-radius:500px;-moz-border-radius:500px;border-radius:500px;}
.row{margin-left:-20px;*zoom:1;}.row:before,.row:after{display:table;content:"";line-height:0;}
.row:after{clear:both;}
.span1, .span2, .span3, .span4, .span5, .span6, .span7, .span8, .span9, .span10, .span11, .span12{float:left;min-height:1px;margin-left:20px;}
.container,.navbar-static-top .container,.navbar-fixed-top .container,.navbar-fixed-bottom .container{width:940px;}
.span12{width:940px;}
.span11{width:860px;}
.span10{width:780px;}
.span9{width:700px;}
.span8{width:620px;}
.span7{width:540px;}
.span6{width:460px;}
.span5{width:380px;}
.span4{width:300px;}
.span3{width:220px;}
.span2{width:140px;}
.span1{width:60px;}
.offset12{margin-left:980px;}
.offset11{margin-left:900px;}
.offset10{margin-left:820px;}
.offset9{margin-left:740px;}
.offset8{margin-left:660px;}
.offset7{margin-left:580px;}
.offset6{margin-left:500px;}
.offset5{margin-left:420px;}
.offset4{margin-left:340px;}
.offset3{margin-left:260px;}
.offset2{margin-left:180px;}
.offset1{margin-left:100px;}
.row-fluid{width:100%;*zoom:1;}.row-fluid:before,.row-fluid:after{display:table;content:"";line-height:0;}
.row-fluid:after{clear:both;}
.row-fluid .span1, .row-fluid .span2, .row-fluid .span3, .row-fluid .span4, .row-fluid .span5, .row-fluid .span6, .row-fluid .span7, .row-fluid .span8, .row-fluid .span9, .row-fluid .span10, .row-fluid .span11, .row-fluid .span12{display:block;width:100%;min-height:30px;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;float:left;margin-left:2.127659574468085%;*margin-left:2.074468085106383%;}
.row-fluid .span1:first-child, .row-fluid .span2:first-child, .row-fluid .span3:first-child, .row-fluid .span4:first-child, .row-fluid .span5:first-child, .row-fluid .span6:first-child, .row-fluid .span7:first-child, .row-fluid .span8:first-child, .row-fluid .span9:first-child, .row-fluid .span10:first-child, .row-fluid .span11:first-child, .row-fluid .span12:first-child{margin-left:0;}
.row-fluid .controls-row [class*="span"]+[class*="span"]{margin-left:2.127659574468085%;}
.row-fluid .span12{width:100%;*width:99.94680851063829%;}
.row-fluid .span11{width:91.48936170212765%;*width:91.43617021276594%;}
.row-fluid .span10{width:82.97872340425532%;*width:82.92553191489361%;}
.row-fluid .span9{width:74.46808510638297%;*width:74.41489361702126%;}
.row-fluid .span8{width:65.95744680851064%;*width:65.90425531914893%;}
.row-fluid .span7{width:57.44680851063829%;*width:57.39361702127659%;}
.row-fluid .span6{width:48.93617021276595%;*width:48.88297872340425%;}
.row-fluid .span5{width:40.42553191489362%;*width:40.37234042553192%;}
.row-fluid .span4{width:31.914893617021278%;*width:31.861702127659576%;}
.row-fluid .span3{width:23.404255319148934%;*width:23.351063829787233%;}
.row-fluid .span2{width:14.893617021276595%;*width:14.840425531914894%;}
.row-fluid .span1{width:6.382978723404255%;*width:6.329787234042553%;}
.row-fluid .offset12{margin-left:104.25531914893617%;*margin-left:104.14893617021275%;}
.row-fluid .offset12:first-child{margin-left:102.12765957446808%;*margin-left:102.02127659574467%;}
.row-fluid .offset11{margin-left:95.74468085106382%;*margin-left:95.6382978723404%;}
.row-fluid .offset11:first-child{margin-left:93.61702127659574%;*margin-left:93.51063829787232%;}
.row-fluid .offset10{margin-left:87.23404255319149%;*margin-left:87.12765957446807%;}
.row-fluid .offset10:first-child{margin-left:85.1063829787234%;*margin-left:84.99999999999999%;}
.row-fluid .offset9{margin-left:78.72340425531914%;*margin-left:78.61702127659572%;}
.row-fluid .offset9:first-child{margin-left:76.59574468085106%;*margin-left:76.48936170212764%;}
.row-fluid .offset8{margin-left:70.2127659574468%;*margin-left:70.10638297872339%;}
.row-fluid .offset8:first-child{margin-left:68.08510638297872%;*margin-left:67.9787234042553%;}
.row-fluid .offset7{margin-left:61.70212765957446%;*margin-left:61.59574468085106%;}
.row-fluid .offset7:first-child{margin-left:59.574468085106375%;*margin-left:59.46808510638297%;}
.row-fluid .offset6{margin-left:53.191489361702125%;*margin-left:53.085106382978715%;}
.row-fluid .offset6:first-child{margin-left:51.063829787234035%;*margin-left:50.95744680851063%;}
.row-fluid .offset5{margin-left:44.68085106382979%;*margin-left:44.57446808510638%;}
.row-fluid .offset5:first-child{margin-left:42.5531914893617%;*margin-left:42.4468085106383%;}
.row-fluid .offset4{margin-left:36.170212765957444%;*margin-left:36.06382978723405%;}
.row-fluid .offset4:first-child{margin-left:34.04255319148936%;*margin-left:33.93617021276596%;}
.row-fluid .offset3{margin-left:27.659574468085104%;*margin-left:27.5531914893617%;}
.row-fluid .offset3:first-child{margin-left:25.53191489361702%;*margin-left:25.425531914893618%;}
.row-fluid .offset2{margin-left:19.148936170212764%;*margin-left:19.04255319148936%;}
.row-fluid .offset2:first-child{margin-left:17.02127659574468%;*margin-left:16.914893617021278%;}
.row-fluid .offset1{margin-left:10.638297872340425%;*margin-left:10.53191489361702%;}
.row-fluid .offset1:first-child{margin-left:8.51063829787234%;*margin-left:8.404255319148938%;}
[class*="span"].hide,.row-fluid [class*="span"].hide{display:none;}
[class*="span"].pull-right,.row-fluid [class*="span"].pull-right{float:right;}
.container{margin-right:auto;margin-left:auto;*zoom:1;}.container:before,.container:after{display:table;content:"";line-height:0;}
.container:after{clear:both;}
.container-fluid{padding-right:20px;padding-left:20px;*zoom:1;}.container-fluid:before,.container-fluid:after{display:table;content:"";line-height:0;}
.container-fluid:after{clear:both;}
code,pre{padding:0 3px 2px;font-family:Monaco,Menlo,Consolas,"Courier New",monospace;font-size:12px;color:#333333;-webkit-border-radius:3px;-moz-border-radius:3px;border-radius:3px;}
code{padding:2px 4px;color:#d14;background-color:#f7f7f9;border:1px solid #e1e1e8;white-space:nowrap;}
pre{display:block;padding:9.5px;margin:0 0 10px;font-size:13px;line-height:20px;word-break:break-all;word-wrap:break-word;white-space:pre;white-space:pre-wrap;background-color:#f5f5f5;border:1px solid #ccc;border:1px solid rgba(0, 0, 0, 0.15);-webkit-border-radius:4px;-moz-border-radius:4px;border-radius:4px;}pre.prettyprint{margin-bottom:20px;}
pre code{padding:0;color:inherit;white-space:pre;white-space:pre-wrap;background-color:transparent;border:0;}
.pre-scrollable{max-height:340px;overflow-y:scroll;}
table{max-width:100%;background-color:transparent;border-collapse:collapse;border-spacing:0;}
.table{width:100%;margin-bottom:20px;}.table th,.table td{padding:10px 12px;line-height:20px;text-align:left;vertical-align:top;border-top:1px solid #dddddd;}
.table th{font-weight:normal; color: #292d33; text-transform: uppercase;}
.table thead th{vertical-align:bottom;}
.table caption+thead tr:first-child th,.table caption+thead tr:first-child td,.table colgroup+thead tr:first-child th,.table colgroup+thead tr:first-child td,.table thead:first-child tr:first-child th,.table thead:first-child tr:first-child td{border-top:0;}
.table tbody+tbody{border-top:2px solid #dddddd;}
.table .table{background-color:#ffffff;}
.table-condensed th,.table-condensed td{padding:4px 5px;}
.table-bordered{border:1px solid #dddddd;border-collapse:separate;*border-collapse:collapse;border-left:0;-webkit-border-radius:4px;-moz-border-radius:4px;border-radius:4px;}.table-bordered th,.table-bordered td{border-left:1px solid #dddddd;}
.table-bordered caption+thead tr:first-child th,.table-bordered caption+tbody tr:first-child th,.table-bordered caption+tbody tr:first-child td,.table-bordered colgroup+thead tr:first-child th,.table-bordered colgroup+tbody tr:first-child th,.table-bordered colgroup+tbody tr:first-child td,.table-bordered thead:first-child tr:first-child th,.table-bordered tbody:first-child tr:first-child th,.table-bordered tbody:first-child tr:first-child td{border-top:0;}
.table-bordered thead:first-child tr:first-child>th:first-child,.table-bordered tbody:first-child tr:first-child>td:first-child,.table-bordered tbody:first-child tr:first-child>th:first-child{-webkit-border-top-left-radius:4px;-moz-border-radius-topleft:4px;border-top-left-radius:4px;}
.table-bordered thead:first-child tr:first-child>th:last-child,.table-bordered tbody:first-child tr:first-child>td:last-child,.table-bordered tbody:first-child tr:first-child>th:last-child{-webkit-border-top-right-radius:4px;-moz-border-radius-topright:4px;border-top-right-radius:4px;}
.table-bordered thead:last-child tr:last-child>th:first-child,.table-bordered tbody:last-child tr:last-child>td:first-child,.table-bordered tbody:last-child tr:last-child>th:first-child,.table-bordered tfoot:last-child tr:last-child>td:first-child,.table-bordered tfoot:last-child tr:last-child>th:first-child{-webkit-border-bottom-left-radius:4px;-moz-border-radius-bottomleft:4px;border-bottom-left-radius:4px;}
.table-bordered thead:last-child tr:last-child>th:last-child,.table-bordered tbody:last-child tr:last-child>td:last-child,.table-bordered tbody:last-child tr:last-child>th:last-child,.table-bordered tfoot:last-child tr:last-child>td:last-child,.table-bordered tfoot:last-child tr:last-child>th:last-child{-webkit-border-bottom-right-radius:4px;-moz-border-radius-bottomright:4px;border-bottom-right-radius:4px;}
.table-bordered tfoot+tbody:last-child tr:last-child td:first-child{-webkit-border-bottom-left-radius:0;-moz-border-radius-bottomleft:0;border-bottom-left-radius:0;}
.table-bordered tfoot+tbody:last-child tr:last-child td:last-child{-webkit-border-bottom-right-radius:0;-moz-border-radius-bottomright:0;border-bottom-right-radius:0;}
.table-bordered caption+thead tr:first-child th:first-child,.table-bordered caption+tbody tr:first-child td:first-child,.table-bordered colgroup+thead tr:first-child th:first-child,.table-bordered colgroup+tbody tr:first-child td:first-child{-webkit-border-top-left-radius:4px;-moz-border-radius-topleft:4px;border-top-left-radius:4px;}
.table-bordered caption+thead tr:first-child th:last-child,.table-bordered caption+tbody tr:first-child td:last-child,.table-bordered colgroup+thead tr:first-child th:last-child,.table-bordered colgroup+tbody tr:first-child td:last-child{-webkit-border-top-right-radius:4px;-moz-border-radius-topright:4px;border-top-right-radius:4px;}
.table-striped tbody>tr:nth-child(odd)>td,.table-striped tbody>tr:nth-child(odd)>th{background-color:#f9f9f9;}
.table-hover tbody tr:hover>td,.table-hover tbody tr:hover>th{background-color:#f5f5f5;}
table td[class*="span"],table th[class*="span"],.row-fluid table td[class*="span"],.row-fluid table th[class*="span"]{display:table-cell;float:none;margin-left:0;}
.table td.span1,.table th.span1{float:none;width:44px;margin-left:0;}
.table td.span2,.table th.span2{float:none;width:124px;margin-left:0;}
.table td.span3,.table th.span3{float:none;width:204px;margin-left:0;}
.table td.span4,.table th.span4{float:none;width:284px;margin-left:0;}
.table td.span5,.table th.span5{float:none;width:364px;margin-left:0;}
.table td.span6,.table th.span6{float:none;width:444px;margin-left:0;}
.table td.span7,.table th.span7{float:none;width:524px;margin-left:0;}
.table td.span8,.table th.span8{float:none;width:604px;margin-left:0;}
.table td.span9,.table th.span9{float:none;width:684px;margin-left:0;}
.table td.span10,.table th.span10{float:none;width:764px;margin-left:0;}
.table td.span11,.table th.span11{float:none;width:844px;margin-left:0;}
.table td.span12,.table th.span12{float:none;width:924px;margin-left:0;}
.table tbody tr.success>td{background-color:#dff0d8;}
.table tbody tr.error>td{background-color:#f2dede;}
.table tbody tr.warning>td{background-color:#fcf8e3;}
.table tbody tr.info>td{background-color:#d9edf7;}
.table-hover tbody tr.success:hover>td{background-color:#d0e9c6;}
.table-hover tbody tr.error:hover>td{background-color:#ebcccc;}
.table-hover tbody tr.warning:hover>td{background-color:#faf2cc;}
.table-hover tbody tr.info:hover>td{background-color:#c4e3f3;}
.tooltip{position:absolute;z-index:1030;display:block;visibility:visible;font-size:11px;line-height:1.4;opacity:0;filter:alpha(opacity=0);}.tooltip.in{opacity:0.8;filter:alpha(opacity=80);}
.tooltip.top{margin-top:-3px;padding:5px 0;}
.tooltip.right{margin-left:3px;padding:0 5px;}
.tooltip.bottom{margin-top:3px;padding:5px 0;}
.tooltip.left{margin-left:-3px;padding:0 5px;}
.tooltip-inner{max-width:200px;padding:8px;color:#ffffff;text-align:center;text-decoration:none;background-color:#000000;-webkit-border-radius:4px;-moz-border-radius:4px;border-radius:4px;}
.tooltip-arrow{position:absolute;width:0;height:0;border-color:transparent;border-style:solid;}
.tooltip.top .tooltip-arrow{bottom:0;left:50%;margin-left:-5px;border-width:5px 5px 0;border-top-color:#000000;}
.tooltip.right .tooltip-arrow{top:50%;left:0;margin-top:-5px;border-width:5px 5px 5px 0;border-right-color:#000000;}
.tooltip.left .tooltip-arrow{top:50%;right:0;margin-top:-5px;border-width:5px 0 5px 5px;border-left-color:#000000;}
.tooltip.bottom .tooltip-arrow{top:0;left:50%;margin-left:-5px;border-width:0 5px 5px;border-bottom-color:#000000;}
.fade {
  opacity: 0;
  -webkit-transition: opacity 0.15s linear;
     -moz-transition: opacity 0.15s linear;
       -o-transition: opacity 0.15s linear;
          transition: opacity 0.15s linear;
}

.fade.in {
  opacity: 1;
}

.collapse {
  position: relative;
  height: 0;
  overflow: hidden;
  -webkit-transition: height 0.35s ease;
     -moz-transition: height 0.35s ease;
       -o-transition: height 0.35s ease;
          transition: height 0.35s ease;
}

.collapse.in {
  height: auto;
}

.close {
  float: right;
  font-size: 20px;
  font-weight: bold;
  line-height: 20px;
  color: #000000;
  text-shadow: 0 1px 0 #ffffff;
  opacity: 0.2;
  filter: alpha(opacity=20);
}

.close:hover,
.close:focus {
  color: #000000;
  text-decoration: none;
  cursor: pointer;
  opacity: 0.4;
  filter: alpha(opacity=40);
}

button.close {
  padding: 0;
  cursor: pointer;
  background: transparent;
  border: 0;
  -webkit-appearance: none;
}
.hide {
  display: none;
}

.show {
  display: block;
}

.invisible {
  visibility: hidden;
}

.affix {
  position: fixed;
}
.modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:1040;background-color:#000000;}.modal-backdrop.fade{opacity:0;}
.modal-backdrop,.modal-backdrop.fade.in{opacity:0.8;filter:alpha(opacity=80);}
.modal{position:fixed;top:10%;left:50%;z-index:1050;width:560px;margin-left:-280px;background-color:#ffffff;border:1px solid #999;border:1px solid rgba(0, 0, 0, 0.3);*border:1px solid #999;-webkit-border-radius:6px;-moz-border-radius:6px;border-radius:6px;-webkit-box-shadow:0 3px 7px rgba(0, 0, 0, 0.3);-moz-box-shadow:0 3px 7px rgba(0, 0, 0, 0.3);box-shadow:0 3px 7px rgba(0, 0, 0, 0.3);-webkit-background-clip:padding-box;-moz-background-clip:padding-box;background-clip:padding-box;outline:none;}.modal.fade{-webkit-transition:opacity .3s linear, top .3s ease-out;-moz-transition:opacity .3s linear, top .3s ease-out;-o-transition:opacity .3s linear, top .3s ease-out;transition:opacity .3s linear, top .3s ease-out;top:-25%;}
.modal.fade.in{top:10%;}
.modal-header{padding:20px 25px;border-bottom:1px solid #eee;}.modal-header .close{margin-top:2px;}
.modal-header h3{margin:0;line-height:30px;}
.modal-body{position:relative;overflow-y:auto;max-height:400px;padding:30px;}
.modal-form{margin-bottom:0;}
.modal-footer{padding:14px 15px 15px;margin-bottom:0;text-align:right;background-color:#f5f5f5;border-top:1px solid #ddd;-webkit-border-radius:0 0 6px 6px;-moz-border-radius:0 0 6px 6px;border-radius:0 0 6px 6px;-webkit-box-shadow:inset 0 1px 0 #ffffff;-moz-box-shadow:inset 0 1px 0 #ffffff;box-shadow:inset 0 1px 0 #ffffff;*zoom:1;}.modal-footer:before,.modal-footer:after{display:table;content:"";line-height:0;}
.modal-footer:after{clear:both;}
.modal-footer .btn+.btn{margin-left:5px;margin-bottom:0;}
.modal-footer .btn-group .btn+.btn{margin-left:-1px;}
.modal-footer .btn-block+.btn-block{margin-left:0;}
@-ms-viewport{width:device-width;}.hidden{display:none;visibility:hidden;}
.visible-phone{display:none !important;}
.visible-tablet{display:none !important;}
.hidden-desktop{display:none !important;}
.visible-desktop{display:inherit !important;}
/*!
 *  Font Awesome 4.5.0 by @davegandy - http://fontawesome.io - @fontawesome
 *  License - http://fontawesome.io/license (Font: SIL OFL 1.1, CSS: MIT License)
 */
/* FONT PATH
 * -------------------------- */

@font-face {
   font-family: 'arrows';
   src: url('css/fonts/arrows.eot');
   src: url('css/fonts/arrows.eot?#iefix') format('embedded-opentype'), url('css/fonts/arrows.woff') format('woff'), url('css/fonts/arrows.ttf') format('truetype'), url('css/fonts/arrows.svg#arrows') format('svg');
   font-weight: normal;
   font-style: normal;
 }
.fa {
  display: inline-block;
  font: normal normal normal 14px/1 FontAwesome;
  font-size: inherit;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
/* makes the font 33% larger relative to the icon container */
.fa-lg {
  font-size: 1.33333333em;
  line-height: 0.75em;
  vertical-align: -15%;
}

@iterations: 5;

.fa-sizes (@i, @postfix: x, @dimention : em) when (@i > 1) {
  .fa-@{i}@{postfix} {
    font-size: ~"@{i}@{dimention}";
  }
  .fa-sizes(@i - 1);
}

.fa-sizes(@iterations);

.fa-fw {
  width: 1.28571429em;
  text-align: center;
}
.fa-ul {
  padding-left: 0;
  margin-left: 2.14285714em;
  list-style-type: none;
}
.fa-ul > li {
  position: relative;
}
.fa-li {
  position: absolute;
  left: -2.14285714em;
  width: 2.14285714em;
  top: 0.14285714em;
  text-align: center;
}
.fa-li.fa-lg {
  left: -1.85714286em;
}
.fa-border {
  padding: .2em .25em .15em;
  border: solid 0.08em #eeeeee;
  border-radius: .1em;
}
.fa-pull-left,
.pull-left{
  float: left;
}
.fa-pull-right,
.pull-right  {
  float: right;
}
.fa.fa-pull-left,
.fa.pull-left {
  margin-right: .3em;
}
.fa.fa-pull-right,
.fa.pull-right {
  margin-left: .3em;
}
/* Deprecated as of 4.4.0 */

.fa-spin {
  -webkit-animation: fa-spin 2s infinite linear;
  animation: fa-spin 2s infinite linear;
}
.fa-pulse {
  -webkit-animation: fa-spin 1s infinite steps(8);
  animation: fa-spin 1s infinite steps(8);
}
@-webkit-keyframes fa-spin {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(359deg);
    transform: rotate(359deg);
  }
}
@keyframes fa-spin {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(359deg);
    transform: rotate(359deg);
  }
}
.fa-rotate-90 {
  filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=1);
  -webkit-transform: rotate(90deg);
  -ms-transform: rotate(90deg);
  transform: rotate(90deg);
}
.fa-rotate-180 {
  filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=2);
  -webkit-transform: rotate(180deg);
  -ms-transform: rotate(180deg);
  transform: rotate(180deg);
}
.fa-rotate-270 {
  filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=3);
  -webkit-transform: rotate(270deg);
  -ms-transform: rotate(270deg);
  transform: rotate(270deg);
}
.fa-flip-horizontal {
  filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=0, mirror=1);
  -webkit-transform: scale(-1, 1);
  -ms-transform: scale(-1, 1);
  transform: scale(-1, 1);
}
.fa-flip-vertical {
  filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=2, mirror=1);
  -webkit-transform: scale(1, -1);
  -ms-transform: scale(1, -1);
  transform: scale(1, -1);
}
:root .fa-rotate-90,
:root .fa-rotate-180,
:root .fa-rotate-270,
:root .fa-flip-horizontal,
:root .fa-flip-vertical {
  filter: none;
}
.fa-stack {
  position: relative;
  display: inline-block;
  width: 2em;
  height: 2em;
  line-height: 2em;
  vertical-align: middle;
}
.fa-stack-1x,
.fa-stack-2x {
  position: absolute;
  left: 0;
  width: 100%;
  text-align: center;
}
.fa-stack-1x {
  line-height: inherit;
}
.fa-stack-2x {
  font-size: 2em;
}
.fa-inverse {
  color: #ffffff;
}
/* Font Awesome uses the Unicode Private Use Area (PUA) to ensure screen
   readers do not read off random characters that represent icons */
.fa-glass:before {
  content: "\f000";
}
.fa-music:before {
  content: "\f001";
}
.fa-search:before {
  content: "\f002";
}
.fa-envelope-o:before {
  content: "\f003";
}
.fa-heart:before {
  content: "\f004";
}
.fa-star:before {
  content: "\f005";
}
.fa-star-o:before {
  content: "\f006";
}
.fa-user:before {
  content: "\f007";
}
.fa-film:before {
  content: "\f008";
}
.fa-th-large:before {
  content: "\f009";
}
.fa-th:before {
  content: "\f00a";
}
.fa-th-list:before {
  content: "\f00b";
}
.fa-check:before {
  content: "\f00c";
}
.fa-remove:before,
.fa-close:before,
.fa-times:before {
  content: "\f00d";
}
.fa-search-plus:before {
  content: "\f00e";
}
.fa-search-minus:before {
  content: "\f010";
}
.fa-power-off:before {
  content: "\f011";
}
.fa-signal:before {
  content: "\f012";
}
.fa-gear:before,
.fa-cog:before {
  content: "\f013";
}
.fa-trash-o:before {
  content: "\f014";
}
.fa-home:before {
  content: "\f015";
}
.fa-file-o:before {
  content: "\f016";
}
.fa-clock-o:before {
  content: "\f017";
}
.fa-road:before {
  content: "\f018";
}
.fa-download:before {
  content: "\f019";
}
.fa-arrow-circle-o-down:before {
  content: "\f01a";
}
.fa-arrow-circle-o-up:before {
  content: "\f01b";
}
.fa-inbox:before {
  content: "\f01c";
}
.fa-play-circle-o:before {
  content: "\f01d";
}
.fa-rotate-right:before,
.fa-repeat:before {
  content: "\f01e";
}
.fa-refresh:before {
  content: "\f021";
}
.fa-list-alt:before {
  content: "\f022";
}
.fa-lock:before {
  content: "\f023";
}
.fa-flag:before {
  content: "\f024";
}
.fa-headphones:before {
  content: "\f025";
}
.fa-volume-off:before {
  content: "\f026";
}
.fa-volume-down:before {
  content: "\f027";
}
.fa-volume-up:before {
  content: "\f028";
}
.fa-qrcode:before {
  content: "\f029";
}
.fa-barcode:before {
  content: "\f02a";
}
.fa-tag:before {
  content: "\f02b";
}
.fa-tags:before {
  content: "\f02c";
}
.fa-book:before {
  content: "\f02d";
}
.fa-bookmark:before {
  content: "\f02e";
}
.fa-print:before {
  content: "\f02f";
}
.fa-camera:before {
  content: "\f030";
}
.fa-font:before {
  content: "\f031";
}
.fa-bold:before {
  content: "\f032";
}
.fa-italic:before {
  content: "\f033";
}
.fa-text-height:before {
  content: "\f034";
}
.fa-text-width:before {
  content: "\f035";
}
.fa-align-left:before {
  content: "\f036";
}
.fa-align-center:before {
  content: "\f037";
}
.fa-align-right:before {
  content: "\f038";
}
.fa-align-justify:before {
  content: "\f039";
}
.fa-list:before {
  content: "\f03a";
}
.fa-dedent:before,
.fa-outdent:before {
  content: "\f03b";
}
.fa-indent:before {
  content: "\f03c";
}
.fa-video-camera:before {
  content: "\f03d";
}
.fa-photo:before,
.fa-image:before,
.fa-picture-o:before {
  content: "\f03e";
}
.fa-pencil:before {
  content: "\f040";
}
.fa-map-marker:before {
  content: "\f041";
}
.fa-adjust:before {
  content: "\f042";
}
.fa-tint:before {
  content: "\f043";
}
.fa-edit:before,
.fa-pencil-square-o:before {
  content: "\f044";
}
.fa-share-square-o:before {
  content: "\f045";
}
.fa-check-square-o:before {
  content: "\f046";
}
.fa-arrows:before {
  content: "\f047";
}
.fa-step-backward:before {
  content: "\f048";
}
.fa-fast-backward:before {
  content: "\f049";
}
.fa-backward:before {
  content: "\f04a";
}
.fa-play:before {
  content: "\f04b";
}
.fa-pause:before {
  content: "\f04c";
}
.fa-stop:before {
  content: "\f04d";
}
.fa-forward:before {
  content: "\f04e";
}
.fa-fast-forward:before {
  content: "\f050";
}
.fa-step-forward:before {
  content: "\f051";
}
.fa-eject:before {
  content: "\f052";
}
.fa-chevron-left:before {
  content: "\f053";
}
.fa-chevron-right:before {
  content: "\f054";
}
.fa-plus-circle:before {
  content: "\f055";
}
.fa-minus-circle:before {
  content: "\f056";
}
.fa-times-circle:before {
  content: "\f057";
}
.fa-check-circle:before {
  content: "\f058";
}
.fa-question-circle:before {
  content: "\f059";
}
.fa-info-circle:before {
  content: "\f05a";
}
.fa-crosshairs:before {
  content: "\f05b";
}
.fa-times-circle-o:before {
  content: "\f05c";
}
.fa-check-circle-o:before {
  content: "\f05d";
}
.fa-ban:before {
  content: "\f05e";
}
.fa-arrow-left:before {
  content: "\f060";
}
.fa-arrow-right:before {
  content: "\f061";
}
.fa-arrow-up:before {
  content: "\f062";
}
.fa-arrow-down:before {
  content: "\f063";
}
.fa-mail-forward:before,
.fa-share:before {
  content: "\f064";
}
.fa-expand:before {
  content: "\f065";
}
.fa-compress:before {
  content: "\f066";
}
.fa-plus:before {
  content: "\f067";
}
.fa-minus:before {
  content: "\f068";
}
.fa-asterisk:before {
  content: "\f069";
}
.fa-exclamation-circle:before {
  content: "\f06a";
}
.fa-gift:before {
  content: "\f06b";
}
.fa-leaf:before {
  content: "\f06c";
}
.fa-fire:before {
  content: "\f06d";
}
.fa-eye:before {
  content: "\f06e";
}
.fa-eye-slash:before {
  content: "\f070";
}
.fa-warning:before,
.fa-exclamation-triangle:before {
  content: "\f071";
}
.fa-plane:before {
  content: "\f072";
}
.fa-calendar:before {
  content: "\f073";
}
.fa-random:before {
  content: "\f074";
}
.fa-comment:before {
  content: "\f075";
}
.fa-magnet:before {
  content: "\f076";
}
.fa-chevron-up:before {
  content: "\f077";
}
.fa-chevron-down:before {
  content: "\f078";
}
.fa-retweet:before {
  content: "\f079";
}
.fa-shopping-cart:before {
  content: "\f07a";
}
.fa-folder:before {
  content: "\f07b";
}
.fa-folder-open:before {
  content: "\f07c";
}
.fa-arrows-v:before {
  content: "\f07d";
}
.fa-arrows-h:before {
  content: "\f07e";
}
.fa-bar-chart-o:before,
.fa-bar-chart:before {
  content: "\f080";
}
.fa-twitter-square:before {
  content: "\f081";
}
.fa-facebook-square:before {
  content: "\f082";
}
.fa-camera-retro:before {
  content: "\f083";
}
.fa-key:before {
  content: "\f084";
}
.fa-gears:before,
.fa-cogs:before {
  content: "\f085";
}
.fa-comments:before {
  content: "\f086";
}
.fa-thumbs-o-up:before {
  content: "\f087";
}
.fa-thumbs-o-down:before {
  content: "\f088";
}
.fa-star-half:before {
  content: "\f089";
}
.fa-heart-o:before {
  content: "\f08a";
}
.fa-sign-out:before {
  content: "\f08b";
}
.fa-linkedin-square:before {
  content: "\f08c";
}
.fa-thumb-tack:before {
  content: "\f08d";
}
.fa-external-link:before {
  content: "\f08e";
}
.fa-sign-in:before {
  content: "\f090";
}
.fa-trophy:before {
  content: "\f091";
}
.fa-github-square:before {
  content: "\f092";
}
.fa-upload:before {
  content: "\f093";
}
.fa-lemon-o:before {
  content: "\f094";
}
.fa-phone:before {
  content: "\f095";
}
.fa-square-o:before {
  content: "\f096";
}
.fa-bookmark-o:before {
  content: "\f097";
}
.fa-phone-square:before {
  content: "\f098";
}
.fa-twitter:before {
  content: "\f099";
}
.fa-facebook-f:before,
.fa-facebook:before {
  content: "\f09a";
}
.fa-github:before {
  content: "\f09b";
}
.fa-unlock:before {
  content: "\f09c";
}
.fa-credit-card:before {
  content: "\f09d";
}
.fa-feed:before,
.fa-rss:before {
  content: "\f09e";
}
.fa-hdd-o:before {
  content: "\f0a0";
}
.fa-bullhorn:before {
  content: "\f0a1";
}
.fa-bell:before {
  content: "\f0f3";
}
.fa-certificate:before {
  content: "\f0a3";
}
.fa-hand-o-right:before {
  content: "\f0a4";
}
.fa-hand-o-left:before {
  content: "\f0a5";
}
.fa-hand-o-up:before {
  content: "\f0a6";
}
.fa-hand-o-down:before {
  content: "\f0a7";
}
.fa-arrow-circle-left:before {
  content: "\f0a8";
}
.fa-arrow-circle-right:before {
  content: "\f0a9";
}
.fa-arrow-circle-up:before {
  content: "\f0aa";
}
.fa-arrow-circle-down:before {
  content: "\f0ab";
}
.fa-globe:before {
  content: "\f0ac";
}
.fa-wrench:before {
  content: "\f0ad";
}
.fa-tasks:before {
  content: "\f0ae";
}
.fa-filter:before {
  content: "\f0b0";
}
.fa-briefcase:before {
  content: "\f0b1";
}
.fa-arrows-alt:before {
  content: "\f0b2";
}
.fa-group:before,
.fa-users:before {
  content: "\f0c0";
}
.fa-chain:before,
.fa-link:before {
  content: "\f0c1";
}
.fa-cloud:before {
  content: "\f0c2";
}
.fa-flask:before {
  content: "\f0c3";
}
.fa-cut:before,
.fa-scissors:before {
  content: "\f0c4";
}
.fa-copy:before,
.fa-files-o:before {
  content: "\f0c5";
}
.fa-paperclip:before {
  content: "\f0c6";
}
.fa-save:before,
.fa-floppy-o:before {
  content: "\f0c7";
}
.fa-square:before {
  content: "\f0c8";
}
.fa-navicon:before,
.fa-reorder:before,
.fa-bars:before {
  content: "\f0c9";
}
.fa-list-ul:before {
  content: "\f0ca";
}
.fa-list-ol:before {
  content: "\f0cb";
}
.fa-strikethrough:before {
  content: "\f0cc";
}
.fa-underline:before {
  content: "\f0cd";
}
.fa-table:before {
  content: "\f0ce";
}
.fa-magic:before {
  content: "\f0d0";
}
.fa-truck:before {
  content: "\f0d1";
}
.fa-pinterest:before {
  content: "\f0d2";
}
.fa-pinterest-square:before {
  content: "\f0d3";
}
.fa-google-plus-square:before {
  content: "\f0d4";
}
.fa-google-plus:before {
  content: "\f0d5";
}
.fa-money:before {
  content: "\f0d6";
}
.fa-caret-down:before {
  content: "\f0d7";
}
.fa-caret-up:before {
  content: "\f0d8";
}
.fa-caret-left:before {
  content: "\f0d9";
}
.fa-caret-right:before {
  content: "\f0da";
}
.fa-columns:before {
  content: "\f0db";
}
.fa-unsorted:before,
.fa-sort:before {
  content: "\f0dc";
}
.fa-sort-down:before,
.fa-sort-desc:before {
  content: "\f0dd";
}
.fa-sort-up:before,
.fa-sort-asc:before {
  content: "\f0de";
}
.fa-envelope:before {
  content: "\f0e0";
}
.fa-linkedin:before {
  content: "\f0e1";
}
.fa-rotate-left:before,
.fa-undo:before {
  content: "\f0e2";
}
.fa-legal:before,
.fa-gavel:before {
  content: "\f0e3";
}
.fa-dashboard:before,
.fa-tachometer:before {
  content: "\f0e4";
}
.fa-comment-o:before {
  content: "\f0e5";
}
.fa-comments-o:before {
  content: "\f0e6";
}
.fa-flash:before,
.fa-bolt:before {
  content: "\f0e7";
}
.fa-sitemap:before {
  content: "\f0e8";
}
.fa-umbrella:before {
  content: "\f0e9";
}
.fa-paste:before,
.fa-clipboard:before {
  content: "\f0ea";
}
.fa-lightbulb-o:before {
  content: "\f0eb";
}
.fa-exchange:before {
  content: "\f0ec";
}
.fa-cloud-download:before {
  content: "\f0ed";
}
.fa-cloud-upload:before {
  content: "\f0ee";
}
.fa-user-md:before {
  content: "\f0f0";
}
.fa-stethoscope:before {
  content: "\f0f1";
}
.fa-suitcase:before {
  content: "\f0f2";
}
.fa-bell-o:before {
  content: "\f0a2";
}
.fa-coffee:before {
  content: "\f0f4";
}
.fa-cutlery:before {
  content: "\f0f5";
}
.fa-file-text-o:before {
  content: "\f0f6";
}
.fa-building-o:before {
  content: "\f0f7";
}
.fa-hospital-o:before {
  content: "\f0f8";
}
.fa-ambulance:before {
  content: "\f0f9";
}
.fa-medkit:before {
  content: "\f0fa";
}
.fa-fighter-jet:before {
  content: "\f0fb";
}
.fa-beer:before {
  content: "\f0fc";
}
.fa-h-square:before {
  content: "\f0fd";
}
.fa-plus-square:before {
  content: "\f0fe";
}
.fa-angle-double-left:before {
  content: "\f100";
}
.fa-angle-double-right:before {
  content: "\f101";
}
.fa-angle-double-up:before {
  content: "\f102";
}
.fa-angle-double-down:before {
  content: "\f103";
}
.fa-angle-left:before {
  content: "\f104";
}
.fa-angle-right:before {
  content: "\f105";
}
.fa-angle-up:before {
  content: "\f106";
}
.fa-angle-down:before {
  content: "\f107";
}
.fa-desktop:before {
  content: "\f108";
}
.fa-laptop:before {
  content: "\f109";
}
.fa-tablet:before {
  content: "\f10a";
}
.fa-mobile-phone:before,
.fa-mobile:before {
  content: "\f10b";
}
.fa-circle-o:before {
  content: "\f10c";
}
.fa-quote-left:before {
  content: "\f10d";
}
.fa-quote-right:before {
  content: "\f10e";
}
.fa-spinner:before {
  content: "\f110";
}
.fa-circle:before {
  content: "\f111";
}
.fa-mail-reply:before,
.fa-reply:before {
  content: "\f112";
}
.fa-github-alt:before {
  content: "\f113";
}
.fa-folder-o:before {
  content: "\f114";
}
.fa-folder-open-o:before {
  content: "\f115";
}
.fa-smile-o:before {
  content: "\f118";
}
.fa-frown-o:before {
  content: "\f119";
}
.fa-meh-o:before {
  content: "\f11a";
}
.fa-gamepad:before {
  content: "\f11b";
}
.fa-keyboard-o:before {
  content: "\f11c";
}
.fa-flag-o:before {
  content: "\f11d";
}
.fa-flag-checkered:before {
  content: "\f11e";
}
.fa-terminal:before {
  content: "\f120";
}
.fa-code:before {
  content: "\f121";
}
.fa-mail-reply-all:before,
.fa-reply-all:before {
  content: "\f122";
}
.fa-star-half-empty:before,
.fa-star-half-full:before,
.fa-star-half-o:before {
  content: "\f123";
}
.fa-location-arrow:before {
  content: "\f124";
}
.fa-crop:before {
  content: "\f125";
}
.fa-code-fork:before {
  content: "\f126";
}
.fa-unlink:before,
.fa-chain-broken:before {
  content: "\f127";
}
.fa-question:before {
  content: "\f128";
}
.fa-info:before {
  content: "\f129";
}
.fa-exclamation:before {
  content: "\f12a";
}
.fa-superscript:before {
  content: "\f12b";
}
.fa-subscript:before {
  content: "\f12c";
}
.fa-eraser:before {
  content: "\f12d";
}
.fa-puzzle-piece:before {
  content: "\f12e";
}
.fa-microphone:before {
  content: "\f130";
}
.fa-microphone-slash:before {
  content: "\f131";
}
.fa-shield:before {
  content: "\f132";
}
.fa-calendar-o:before {
  content: "\f133";
}
.fa-fire-extinguisher:before {
  content: "\f134";
}
.fa-rocket:before {
  content: "\f135";
}
.fa-maxcdn:before {
  content: "\f136";
}
.fa-chevron-circle-left:before {
  content: "\f137";
}
.fa-chevron-circle-right:before {
  content: "\f138";
}
.fa-chevron-circle-up:before {
  content: "\f139";
}
.fa-chevron-circle-down:before {
  content: "\f13a";
}
.fa-html5:before {
  content: "\f13b";
}
.fa-css3:before {
  content: "\f13c";
}
.fa-anchor:before {
  content: "\f13d";
}
.fa-unlock-alt:before {
  content: "\f13e";
}
.fa-bullseye:before {
  content: "\f140";
}
.fa-ellipsis-h:before {
  content: "\f141";
}
.fa-ellipsis-v:before {
  content: "\f142";
}
.fa-rss-square:before {
  content: "\f143";
}
.fa-play-circle:before {
  content: "\f144";
}
.fa-ticket:before {
  content: "\f145";
}
.fa-minus-square:before {
  content: "\f146";
}
.fa-minus-square-o:before {
  content: "\f147";
}
.fa-level-up:before {
  content: "\f148";
}
.fa-level-down:before {
  content: "\f149";
}
.fa-check-square:before {
  content: "\f14a";
}
.fa-pencil-square:before {
  content: "\f14b";
}
.fa-external-link-square:before {
  content: "\f14c";
}
.fa-share-square:before {
  content: "\f14d";
}
.fa-compass:before {
  content: "\f14e";
}
.fa-toggle-down:before,
.fa-caret-square-o-down:before {
  content: "\f150";
}
.fa-toggle-up:before,
.fa-caret-square-o-up:before {
  content: "\f151";
}
.fa-toggle-right:before,
.fa-caret-square-o-right:before {
  content: "\f152";
}
.fa-euro:before,
.fa-eur:before {
  content: "\f153";
}
.fa-gbp:before {
  content: "\f154";
}
.fa-dollar:before,
.fa-usd:before {
  content: "\f155";
}
.fa-rupee:before,
.fa-inr:before {
  content: "\f156";
}
.fa-cny:before,
.fa-rmb:before,
.fa-yen:before,
.fa-jpy:before {
  content: "\f157";
}
.fa-ruble:before,
.fa-rouble:before,
.fa-rub:before {
  content: "\f158";
}
.fa-won:before,
.fa-krw:before {
  content: "\f159";
}
.fa-bitcoin:before,
.fa-btc:before {
  content: "\f15a";
}
.fa-file:before {
  content: "\f15b";
}
.fa-file-text:before {
  content: "\f15c";
}
.fa-sort-alpha-asc:before {
  content: "\f15d";
}
.fa-sort-alpha-desc:before {
  content: "\f15e";
}
.fa-sort-amount-asc:before {
  content: "\f160";
}
.fa-sort-amount-desc:before {
  content: "\f161";
}
.fa-sort-numeric-asc:before {
  content: "\f162";
}
.fa-sort-numeric-desc:before {
  content: "\f163";
}
.fa-thumbs-up:before {
  content: "\f164";
}
.fa-thumbs-down:before {
  content: "\f165";
}
.fa-youtube-square:before {
  content: "\f166";
}
.fa-youtube:before {
  content: "\f167";
}
.fa-xing:before {
  content: "\f168";
}
.fa-xing-square:before {
  content: "\f169";
}
.fa-youtube-play:before {
  content: "\f16a";
}
.fa-dropbox:before {
  content: "\f16b";
}
.fa-stack-overflow:before {
  content: "\f16c";
}
.fa-instagram:before {
  content: "\f16d";
}
.fa-flickr:before {
  content: "\f16e";
}
.fa-adn:before {
  content: "\f170";
}
.fa-bitbucket:before {
  content: "\f171";
}
.fa-bitbucket-square:before {
  content: "\f172";
}
.fa-tumblr:before {
  content: "\f173";
}
.fa-tumblr-square:before {
  content: "\f174";
}
.fa-long-arrow-down:before {
  content: "\f175";
}
.fa-long-arrow-up:before {
  content: "\f176";
}
.fa-long-arrow-left:before {
  content: "\f177";
}
.fa-long-arrow-right:before {
  content: "\f178";
}
.fa-apple:before {
  content: "\f179";
}
.fa-windows:before {
  content: "\f17a";
}
.fa-android:before {
  content: "\f17b";
}
.fa-linux:before {
  content: "\f17c";
}
.fa-dribbble:before {
  content: "\f17d";
}
.fa-skype:before {
  content: "\f17e";
}
.fa-foursquare:before {
  content: "\f180";
}
.fa-trello:before {
  content: "\f181";
}
.fa-female:before {
  content: "\f182";
}
.fa-male:before {
  content: "\f183";
}
.fa-gittip:before,
.fa-gratipay:before {
  content: "\f184";
}
.fa-sun-o:before {
  content: "\f185";
}
.fa-moon-o:before {
  content: "\f186";
}
.fa-archive:before {
  content: "\f187";
}
.fa-bug:before {
  content: "\f188";
}
.fa-vk:before {
  content: "\f189";
}
.fa-weibo:before {
  content: "\f18a";
}
.fa-renren:before {
  content: "\f18b";
}
.fa-pagelines:before {
  content: "\f18c";
}
.fa-stack-exchange:before {
  content: "\f18d";
}
.fa-arrow-circle-o-right:before {
  content: "\f18e";
}
.fa-arrow-circle-o-left:before {
  content: "\f190";
}
.fa-toggle-left:before,
.fa-caret-square-o-left:before {
  content: "\f191";
}
.fa-dot-circle-o:before {
  content: "\f192";
}
.fa-wheelchair:before {
  content: "\f193";
}
.fa-vimeo-square:before {
  content: "\f194";
}
.fa-turkish-lira:before,
.fa-try:before {
  content: "\f195";
}
.fa-plus-square-o:before {
  content: "\f196";
}
.fa-space-shuttle:before {
  content: "\f197";
}
.fa-slack:before {
  content: "\f198";
}
.fa-envelope-square:before {
  content: "\f199";
}
.fa-wordpress:before {
  content: "\f19a";
}
.fa-openid:before {
  content: "\f19b";
}
.fa-institution:before,
.fa-bank:before,
.fa-university:before {
  content: "\f19c";
}
.fa-mortar-board:before,
.fa-graduation-cap:before {
  content: "\f19d";
}
.fa-yahoo:before {
  content: "\f19e";
}
.fa-google:before {
  content: "\f1a0";
}
.fa-reddit:before {
  content: "\f1a1";
}
.fa-reddit-square:before {
  content: "\f1a2";
}
.fa-stumbleupon-circle:before {
  content: "\f1a3";
}
.fa-stumbleupon:before {
  content: "\f1a4";
}
.fa-delicious:before {
  content: "\f1a5";
}
.fa-digg:before {
  content: "\f1a6";
}
.fa-pied-piper:before {
  content: "\f1a7";
}
.fa-pied-piper-alt:before {
  content: "\f1a8";
}
.fa-drupal:before {
  content: "\f1a9";
}
.fa-joomla:before {
  content: "\f1aa";
}
.fa-language:before {
  content: "\f1ab";
}
.fa-fax:before {
  content: "\f1ac";
}
.fa-building:before {
  content: "\f1ad";
}
.fa-child:before {
  content: "\f1ae";
}
.fa-paw:before {
  content: "\f1b0";
}
.fa-spoon:before {
  content: "\f1b1";
}
.fa-cube:before {
  content: "\f1b2";
}
.fa-cubes:before {
  content: "\f1b3";
}
.fa-behance:before {
  content: "\f1b4";
}
.fa-behance-square:before {
  content: "\f1b5";
}
.fa-steam:before {
  content: "\f1b6";
}
.fa-steam-square:before {
  content: "\f1b7";
}
.fa-recycle:before {
  content: "\f1b8";
}
.fa-automobile:before,
.fa-car:before {
  content: "\f1b9";
}
.fa-cab:before,
.fa-taxi:before {
  content: "\f1ba";
}
.fa-tree:before {
  content: "\f1bb";
}
.fa-spotify:before {
  content: "\f1bc";
}
.fa-deviantart:before {
  content: "\f1bd";
}
.fa-soundcloud:before {
  content: "\f1be";
}
.fa-database:before {
  content: "\f1c0";
}
.fa-file-pdf-o:before {
  content: "\f1c1";
}
.fa-file-word-o:before {
  content: "\f1c2";
}
.fa-file-excel-o:before {
  content: "\f1c3";
}
.fa-file-powerpoint-o:before {
  content: "\f1c4";
}
.fa-file-photo-o:before,
.fa-file-picture-o:before,
.fa-file-image-o:before {
  content: "\f1c5";
}
.fa-file-zip-o:before,
.fa-file-archive-o:before {
  content: "\f1c6";
}
.fa-file-sound-o:before,
.fa-file-audio-o:before {
  content: "\f1c7";
}
.fa-file-movie-o:before,
.fa-file-video-o:before {
  content: "\f1c8";
}
.fa-file-code-o:before {
  content: "\f1c9";
}
.fa-vine:before {
  content: "\f1ca";
}
.fa-codepen:before {
  content: "\f1cb";
}
.fa-jsfiddle:before {
  content: "\f1cc";
}
.fa-life-bouy:before,
.fa-life-buoy:before,
.fa-life-saver:before,
.fa-support:before,
.fa-life-ring:before {
  content: "\f1cd";
}
.fa-circle-o-notch:before {
  content: "\f1ce";
}
.fa-ra:before,
.fa-rebel:before {
  content: "\f1d0";
}
.fa-ge:before,
.fa-empire:before {
  content: "\f1d1";
}
.fa-git-square:before {
  content: "\f1d2";
}
.fa-git:before {
  content: "\f1d3";
}
.fa-y-combinator-square:before,
.fa-yc-square:before,
.fa-hacker-news:before {
  content: "\f1d4";
}
.fa-tencent-weibo:before {
  content: "\f1d5";
}
.fa-qq:before {
  content: "\f1d6";
}
.fa-wechat:before,
.fa-weixin:before {
  content: "\f1d7";
}
.fa-send:before,
.fa-paper-plane:before {
  content: "\f1d8";
}
.fa-send-o:before,
.fa-paper-plane-o:before {
  content: "\f1d9";
}
.fa-history:before {
  content: "\f1da";
}
.fa-circle-thin:before {
  content: "\f1db";
}
.fa-header:before {
  content: "\f1dc";
}
.fa-paragraph:before {
  content: "\f1dd";
}
.fa-sliders:before {
  content: "\f1de";
}
.fa-share-alt:before {
  content: "\f1e0";
}
.fa-share-alt-square:before {
  content: "\f1e1";
}
.fa-bomb:before {
  content: "\f1e2";
}
.fa-soccer-ball-o:before,
.fa-futbol-o:before {
  content: "\f1e3";
}
.fa-tty:before {
  content: "\f1e4";
}
.fa-binoculars:before {
  content: "\f1e5";
}
.fa-plug:before {
  content: "\f1e6";
}
.fa-slideshare:before {
  content: "\f1e7";
}
.fa-twitch:before {
  content: "\f1e8";
}
.fa-yelp:before {
  content: "\f1e9";
}
.fa-newspaper-o:before {
  content: "\f1ea";
}
.fa-wifi:before {
  content: "\f1eb";
}
.fa-calculator:before {
  content: "\f1ec";
}
.fa-paypal:before {
  content: "\f1ed";
}
.fa-google-wallet:before {
  content: "\f1ee";
}
.fa-cc-visa:before {
  content: "\f1f0";
}
.fa-cc-mastercard:before {
  content: "\f1f1";
}
.fa-cc-discover:before {
  content: "\f1f2";
}
.fa-cc-amex:before {
  content: "\f1f3";
}
.fa-cc-paypal:before {
  content: "\f1f4";
}
.fa-cc-stripe:before {
  content: "\f1f5";
}
.fa-bell-slash:before {
  content: "\f1f6";
}
.fa-bell-slash-o:before {
  content: "\f1f7";
}
.fa-trash:before {
  content: "\f1f8";
}
.fa-copyright:before {
  content: "\f1f9";
}
.fa-at:before {
  content: "\f1fa";
}
.fa-eyedropper:before {
  content: "\f1fb";
}
.fa-paint-brush:before {
  content: "\f1fc";
}
.fa-birthday-cake:before {
  content: "\f1fd";
}
.fa-area-chart:before {
  content: "\f1fe";
}
.fa-pie-chart:before {
  content: "\f200";
}
.fa-line-chart:before {
  content: "\f201";
}
.fa-lastfm:before {
  content: "\f202";
}
.fa-lastfm-square:before {
  content: "\f203";
}
.fa-toggle-off:before {
  content: "\f204";
}
.fa-toggle-on:before {
  content: "\f205";
}
.fa-bicycle:before {
  content: "\f206";
}
.fa-bus:before {
  content: "\f207";
}
.fa-ioxhost:before {
  content: "\f208";
}
.fa-angellist:before {
  content: "\f209";
}
.fa-cc:before {
  content: "\f20a";
}
.fa-shekel:before,
.fa-sheqel:before,
.fa-ils:before {
  content: "\f20b";
}
.fa-meanpath:before {
  content: "\f20c";
}
.fa-buysellads:before {
  content: "\f20d";
}
.fa-connectdevelop:before {
  content: "\f20e";
}
.fa-dashcube:before {
  content: "\f210";
}
.fa-forumbee:before {
  content: "\f211";
}
.fa-leanpub:before {
  content: "\f212";
}
.fa-sellsy:before {
  content: "\f213";
}
.fa-shirtsinbulk:before {
  content: "\f214";
}
.fa-simplybuilt:before {
  content: "\f215";
}
.fa-skyatlas:before {
  content: "\f216";
}
.fa-cart-plus:before {
  content: "\f217";
}
.fa-cart-arrow-down:before {
  content: "\f218";
}
.fa-diamond:before {
  content: "\f219";
}
.fa-ship:before {
  content: "\f21a";
}
.fa-user-secret:before {
  content: "\f21b";
}
.fa-motorcycle:before {
  content: "\f21c";
}
.fa-street-view:before {
  content: "\f21d";
}
.fa-heartbeat:before {
  content: "\f21e";
}
.fa-venus:before {
  content: "\f221";
}
.fa-mars:before {
  content: "\f222";
}
.fa-mercury:before {
  content: "\f223";
}
.fa-intersex:before,
.fa-transgender:before {
  content: "\f224";
}
.fa-transgender-alt:before {
  content: "\f225";
}
.fa-venus-double:before {
  content: "\f226";
}
.fa-mars-double:before {
  content: "\f227";
}
.fa-venus-mars:before {
  content: "\f228";
}
.fa-mars-stroke:before {
  content: "\f229";
}
.fa-mars-stroke-v:before {
  content: "\f22a";
}
.fa-mars-stroke-h:before {
  content: "\f22b";
}
.fa-neuter:before {
  content: "\f22c";
}
.fa-genderless:before {
  content: "\f22d";
}
.fa-facebook-official:before {
  content: "\f230";
}
.fa-pinterest-p:before {
  content: "\f231";
}
.fa-whatsapp:before {
  content: "\f232";
}
.fa-server:before {
  content: "\f233";
}
.fa-user-plus:before {
  content: "\f234";
}
.fa-user-times:before {
  content: "\f235";
}
.fa-hotel:before,
.fa-bed:before {
  content: "\f236";
}
.fa-viacoin:before {
  content: "\f237";
}
.fa-train:before {
  content: "\f238";
}
.fa-subway:before {
  content: "\f239";
}
.fa-medium:before {
  content: "\f23a";
}
.fa-yc:before,
.fa-y-combinator:before {
  content: "\f23b";
}
.fa-optin-monster:before {
  content: "\f23c";
}
.fa-opencart:before {
  content: "\f23d";
}
.fa-expeditedssl:before {
  content: "\f23e";
}
.fa-battery-4:before,
.fa-battery-full:before {
  content: "\f240";
}
.fa-battery-3:before,
.fa-battery-three-quarters:before {
  content: "\f241";
}
.fa-battery-2:before,
.fa-battery-half:before {
  content: "\f242";
}
.fa-battery-1:before,
.fa-battery-quarter:before {
  content: "\f243";
}
.fa-battery-0:before,
.fa-battery-empty:before {
  content: "\f244";
}
.fa-mouse-pointer:before {
  content: "\f245";
}
.fa-i-cursor:before {
  content: "\f246";
}
.fa-object-group:before {
  content: "\f247";
}
.fa-object-ungroup:before {
  content: "\f248";
}
.fa-sticky-note:before {
  content: "\f249";
}
.fa-sticky-note-o:before {
  content: "\f24a";
}
.fa-cc-jcb:before {
  content: "\f24b";
}
.fa-cc-diners-club:before {
  content: "\f24c";
}
.fa-clone:before {
  content: "\f24d";
}
.fa-balance-scale:before {
  content: "\f24e";
}
.fa-hourglass-o:before {
  content: "\f250";
}
.fa-hourglass-1:before,
.fa-hourglass-start:before {
  content: "\f251";
}
.fa-hourglass-2:before,
.fa-hourglass-half:before {
  content: "\f252";
}
.fa-hourglass-3:before,
.fa-hourglass-end:before {
  content: "\f253";
}
.fa-hourglass:before {
  content: "\f254";
}
.fa-hand-grab-o:before,
.fa-hand-rock-o:before {
  content: "\f255";
}
.fa-hand-stop-o:before,
.fa-hand-paper-o:before {
  content: "\f256";
}
.fa-hand-scissors-o:before {
  content: "\f257";
}
.fa-hand-lizard-o:before {
  content: "\f258";
}
.fa-hand-spock-o:before {
  content: "\f259";
}
.fa-hand-pointer-o:before {
  content: "\f25a";
}
.fa-hand-peace-o:before {
  content: "\f25b";
}
.fa-trademark:before {
  content: "\f25c";
}
.fa-registered:before {
  content: "\f25d";
}
.fa-creative-commons:before {
  content: "\f25e";
}
.fa-gg:before {
  content: "\f260";
}
.fa-gg-circle:before {
  content: "\f261";
}
.fa-tripadvisor:before {
  content: "\f262";
}
.fa-odnoklassniki:before {
  content: "\f263";
}
.fa-odnoklassniki-square:before {
  content: "\f264";
}
.fa-get-pocket:before {
  content: "\f265";
}
.fa-wikipedia-w:before {
  content: "\f266";
}
.fa-safari:before {
  content: "\f267";
}
.fa-chrome:before {
  content: "\f268";
}
.fa-firefox:before {
  content: "\f269";
}
.fa-opera:before {
  content: "\f26a";
}
.fa-internet-explorer:before {
  content: "\f26b";
}
.fa-tv:before,
.fa-television:before {
  content: "\f26c";
}
.fa-contao:before {
  content: "\f26d";
}
.fa-500px:before {
  content: "\f26e";
}
.fa-amazon:before {
  content: "\f270";
}
.fa-calendar-plus-o:before {
  content: "\f271";
}
.fa-calendar-minus-o:before {
  content: "\f272";
}
.fa-calendar-times-o:before {
  content: "\f273";
}
.fa-calendar-check-o:before {
  content: "\f274";
}
.fa-industry:before {
  content: "\f275";
}
.fa-map-pin:before {
  content: "\f276";
}
.fa-map-signs:before {
  content: "\f277";
}
.fa-map-o:before {
  content: "\f278";
}
.fa-map:before {
  content: "\f279";
}
.fa-commenting:before {
  content: "\f27a";
}
.fa-commenting-o:before {
  content: "\f27b";
}
.fa-houzz:before {
  content: "\f27c";
}
.fa-vimeo:before {
  content: "\f27d";
}
.fa-black-tie:before {
  content: "\f27e";
}
.fa-fonticons:before {
  content: "\f280";
}
.fa-reddit-alien:before {
  content: "\f281";
}
.fa-edge:before {
  content: "\f282";
}
.fa-credit-card-alt:before {
  content: "\f283";
}
.fa-codiepie:before {
  content: "\f284";
}
.fa-modx:before {
  content: "\f285";
}
.fa-fort-awesome:before {
  content: "\f286";
}
.fa-usb:before {
  content: "\f287";
}
.fa-product-hunt:before {
  content: "\f288";
}
.fa-mixcloud:before {
  content: "\f289";
}
.fa-scribd:before {
  content: "\f28a";
}
.fa-pause-circle:before {
  content: "\f28b";
}
.fa-pause-circle-o:before {
  content: "\f28c";
}
.fa-stop-circle:before {
  content: "\f28d";
}
.fa-stop-circle-o:before {
  content: "\f28e";
}
.fa-shopping-bag:before {
  content: "\f290";
}
.fa-shopping-basket:before {
  content: "\f291";
}
.fa-hashtag:before {
  content: "\f292";
}
.fa-bluetooth:before {
  content: "\f293";
}
.fa-bluetooth-b:before {
  content: "\f294";
}
.fa-percent:before {
  content: "\f295";
}

/*---------------------------------------------------------------*/
/* Fontawesome
/*---------------------------------------------------------------*/
@font-face{font-family:'FontAwesome';src:url('css/fonts/fontawesome-webfont.eot?v=3.2.1');src:url('css/fonts/fontawesome-webfont.eot?#iefix&v=3.2.1') format('embedded-opentype'),url('css/fonts/fontawesome-webfont.woff?v=3.2.1') format('woff'),url('css/fonts/fontawesome-webfont.ttf?v=3.2.1') format('truetype'),url('css/fonts/fontawesome-webfont.svg#fontawesomeregular?v=3.2.1') format('svg');font-weight:normal;font-style:normal;}[class^="icon-"],[class*=" icon-"]{font-family:FontAwesome;font-weight:normal;font-style:normal;text-decoration:inherit;-webkit-font-smoothing:antialiased;*margin-right:.3em;}
[class^="icon-"]:before,[class*=" icon-"]:before{text-decoration:inherit;display:inline-block;speak:none;}
.icon-large:before{vertical-align:-10%;font-size:1.3333333333333333em;}
a [class^="icon-"],a [class*=" icon-"]{display:inline;}
[class^="icon-"].icon-fixed-width,[class*=" icon-"].icon-fixed-width{display:inline-block;width:1.1428571428571428em;text-align:right;padding-right:0.2857142857142857em;}[class^="icon-"].icon-fixed-width.icon-large,[class*=" icon-"].icon-fixed-width.icon-large{width:1.4285714285714286em;}
.icons-ul{margin-left:2.142857142857143em;list-style-type:none;}.icons-ul>li{position:relative;}
.icons-ul .icon-li{position:absolute;left:-2.142857142857143em;width:2.142857142857143em;text-align:center;line-height:inherit;}
[class^="icon-"].hide,[class*=" icon-"].hide{display:none;}

/* Old Awesome */

.icon-glass:before{content:"\f000";}
.icon-music:before{content:"\f001";}
.icon-search:before{content:"\f002";}
.icon-envelope-alt:before{content:"\f003";}
.icon-heart:before{content:"\f004";}
.icon-star:before{content:"\f005";}
.icon-star-empty:before{content:"\f006";}
.icon-user:before{content:"\f007";}
.icon-film:before{content:"\f008";}
.icon-th-large:before{content:"\f009";}
.icon-th:before{content:"\f00a";}
.icon-th-list:before{content:"\f00b";}
.icon-ok:before{content:"\f00c";}
.icon-remove:before{content:"\f00d";}
.icon-zoom-in:before{content:"\f00e";}
.icon-zoom-out:before{content:"\f010";}
.icon-power-off:before,.icon-off:before{content:"\f011";}
.icon-signal:before{content:"\f012";}
.icon-gear:before,.icon-cog:before{content:"\f013";}
.icon-trash:before{content:"\f014";}
.icon-home:before{content:"\f015";}
.icon-file-alt:before{content:"\f016";}
.icon-time:before{content:"\f017";}
.icon-road:before{content:"\f018";}
.icon-download-alt:before{content:"\f019";}
.icon-download:before{content:"\f01a";}
.icon-upload:before{content:"\f01b";}
.icon-inbox:before{content:"\f01c";}
.icon-play-circle:before{content:"\f01d";}
.icon-rotate-right:before,.icon-repeat:before{content:"\f01e";}
.icon-refresh:before{content:"\f021";}
.icon-list-alt:before{content:"\f022";}
.icon-lock:before{content:"\f023";}
.icon-flag:before{content:"\f024";}
.icon-headphones:before{content:"\f025";}
.icon-volume-off:before{content:"\f026";}
.icon-volume-down:before{content:"\f027";}
.icon-volume-up:before{content:"\f028";}
.icon-qrcode:before{content:"\f029";}
.icon-barcode:before{content:"\f02a";}
.icon-tag:before{content:"\f02b";}
.icon-tags:before{content:"\f02c";}
.icon-book:before{content:"\f02d";}
.icon-bookmark:before{content:"\f02e";}
.icon-print:before{content:"\f02f";}
.icon-camera:before{content:"\f030";}
.icon-font:before{content:"\f031";}
.icon-bold:before{content:"\f032";}
.icon-italic:before{content:"\f033";}
.icon-text-height:before{content:"\f034";}
.icon-text-width:before{content:"\f035";}
.icon-align-left:before{content:"\f036";}
.icon-align-center:before{content:"\f037";}
.icon-align-right:before{content:"\f038";}
.icon-align-justify:before{content:"\f039";}
.icon-list:before{content:"\f03a";}
.icon-indent-left:before{content:"\f03b";}
.icon-indent-right:before{content:"\f03c";}
.icon-facetime-video:before{content:"\f03d";}
.icon-picture:before{content:"\f03e";}
.icon-pencil:before{content:"\f040";}
.icon-map-marker:before{content:"\f041";}
.icon-adjust:before{content:"\f042";}
.icon-tint:before{content:"\f043";}
.icon-edit:before{content:"\f044";}
.icon-share:before{content:"\f045";}
.icon-check:before{content:"\f046";}
.icon-move:before{content:"\f047";}
.icon-step-backward:before{content:"\f048";}
.icon-fast-backward:before{content:"\f049";}
.icon-backward:before{content:"\f04a";}
.icon-play:before{content:"\f04b";}
.icon-pause:before{content:"\f04c";}
.icon-stop:before{content:"\f04d";}
.icon-forward:before{content:"\f04e";}
.icon-fast-forward:before{content:"\f050";}
.icon-step-forward:before{content:"\f051";}
.icon-eject:before{content:"\f052";}
.icon-chevron-left:before{content:"\f053";}
.icon-chevron-right:before{content:"\f054";}
.icon-plus-sign:before{content:"\f055";}
.icon-minus-sign:before{content:"\f056";}
.icon-remove-sign:before{content:"\f057";}
.icon-ok-sign:before{content:"\f058";}
.icon-question-sign:before{content:"\f059";}
.icon-info-sign:before{content:"\f05a";}
.icon-screenshot:before{content:"\f05b";}
.icon-remove-circle:before{content:"\f05c";}
.icon-ok-circle:before{content:"\f05d";}
.icon-ban-circle:before{content:"\f05e";}
.icon-arrow-left:before{content:"\f060";}
.icon-arrow-right:before{content:"\f061";}
.icon-arrow-up:before{content:"\f062";}
.icon-arrow-down:before{content:"\f063";}
.icon-mail-forward:before,.icon-share-alt:before{content:"\f064";}
.icon-resize-full:before{content:"\f065";}
.icon-resize-small:before{content:"\f066";}
.icon-plus:before{content:"\f067";}
.icon-minus:before{content:"\f068";}
.icon-asterisk:before{content:"\f069";}
.icon-exclamation-sign:before{content:"\f06a";}
.icon-gift:before{content:"\f06b";}
.icon-leaf:before{content:"\f06c";}
.icon-fire:before{content:"\f06d";}
.icon-eye-open:before{content:"\f06e";}
.icon-eye-close:before{content:"\f070";}
.icon-warning-sign:before{content:"\f071";}
.icon-plane:before{content:"\f072";}
.icon-calendar:before{content:"\f073";}
.icon-random:before{content:"\f074";}
.icon-comment:before{content:"\f075";}
.icon-magnet:before{content:"\f076";}
.icon-chevron-up:before{content:"\f077";}
.icon-chevron-down:before{content:"\f078";}
.icon-retweet:before{content:"\f079";}
.icon-shopping-cart:before{content:"\f07a";}
.icon-folder-close:before{content:"\f07b";}
.icon-folder-open:before{content:"\f07c";}
.icon-resize-vertical:before{content:"\f07d";}
.icon-resize-horizontal:before{content:"\f07e";}
.icon-bar-chart:before{content:"\f080";}
.icon-twitter-sign:before{content:"\f081";}
.icon-facebook-sign:before{content:"\f082";}
.icon-camera-retro:before{content:"\f083";}
.icon-key:before{content:"\f084";}
.icon-gears:before,.icon-cogs:before{content:"\f085";}
.icon-comments:before{content:"\f086";}
.icon-thumbs-up-alt:before{content:"\f087";}
.icon-thumbs-down-alt:before{content:"\f088";}
.icon-star-half:before{content:"\f089";}
.icon-heart-empty:before{content:"\f08a";}
.icon-signout:before{content:"\f08b";}
.icon-linkedin-sign:before{content:"\f08c";}
.icon-pushpin:before{content:"\f08d";}
.icon-external-link:before{content:"\f08e";}
.icon-signin:before{content:"\f090";}
.icon-trophy:before{content:"\f091";}
.icon-github-sign:before{content:"\f092";}
.icon-upload-alt:before{content:"\f093";}
.icon-lemon:before{content:"\f094";}
.icon-phone:before{content:"\f095";}
.icon-unchecked:before,.icon-check-empty:before{content:"\f096";}
.icon-bookmark-empty:before{content:"\f097";}
.icon-phone-sign:before{content:"\f098";}
.icon-twitter:before{content:"\f099";}
.icon-facebook:before{content:"\f09a";}
.icon-github:before{content:"\f09b";}
.icon-unlock:before{content:"\f09c";}
.icon-credit-card:before{content:"\f09d";}
.icon-rss:before{content:"\f09e";}
.icon-hdd:before{content:"\f0a0";}
.icon-bullhorn:before{content:"\f0a1";}
.icon-bell:before{content:"\f0a2";}
.icon-certificate:before{content:"\f0a3";}
.icon-hand-right:before{content:"\f0a4";}
.icon-hand-left:before{content:"\f0a5";}
.icon-hand-up:before{content:"\f0a6";}
.icon-hand-down:before{content:"\f0a7";}
.icon-circle-arrow-left:before{content:"\f0a8";}
.icon-circle-arrow-right:before{content:"\f0a9";}
.icon-circle-arrow-up:before{content:"\f0aa";}
.icon-circle-arrow-down:before{content:"\f0ab";}
.icon-globe:before{content:"\f0ac";}
.icon-wrench:before{content:"\f0ad";}
.icon-tasks:before{content:"\f0ae";}
.icon-filter:before{content:"\f0b0";}
.icon-briefcase:before{content:"\f0b1";}
.icon-fullscreen:before{content:"\f0b2";}
.icon-group:before{content:"\f0c0";}
.icon-link:before{content:"\f0c1";}
.icon-cloud:before{content:"\f0c2";}
.icon-beaker:before{content:"\f0c3";}
.icon-cut:before{content:"\f0c4";}
.icon-copy:before{content:"\f0c5";}
.icon-paperclip:before,.icon-paper-clip:before{content:"\f0c6";}
.icon-save:before{content:"\f0c7";}
.icon-sign-blank:before{content:"\f0c8";}
.icon-reorder:before{content:"\f0c9";}
.icon-list-ul:before{content:"\f0ca";}
.icon-list-ol:before{content:"\f0cb";}
.icon-strikethrough:before{content:"\f0cc";}
.icon-underline:before{content:"\f0cd";}
.icon-table:before{content:"\f0ce";}
.icon-magic:before{content:"\f0d0";}
.icon-truck:before{content:"\f0d1";}
.icon-pinterest:before{content:"\f0d2";}
.icon-pinterest-sign:before{content:"\f0d3";}
.icon-google-plus-sign:before{content:"\f0d4";}
.icon-google-plus:before{content:"\f0d5";}
.icon-money:before{content:"\f0d6";}
.icon-caret-down:before{content:"\f0d7";}
.icon-caret-up:before{content:"\f0d8";}
.icon-caret-left:before{content:"\f0d9";}
.icon-caret-right:before{content:"\f0da";}
.icon-columns:before{content:"\f0db";}
.icon-sort:before{content:"\f0dc";}
.icon-sort-down:before{content:"\f0dd";}
.icon-sort-up:before{content:"\f0de";}
.icon-envelope:before{content:"\f0e0";}
.icon-linkedin:before{content:"\f0e1";}
.icon-rotate-left:before,.icon-undo:before{content:"\f0e2";}
.icon-legal:before{content:"\f0e3";}
.icon-dashboard:before{content:"\f0e4";}
.icon-comment-alt:before{content:"\f0e5";}
.icon-comments-alt:before{content:"\f0e6";}
.icon-bolt:before{content:"\f0e7";}
.icon-sitemap:before{content:"\f0e8";}
.icon-umbrella:before{content:"\f0e9";}
.icon-paste:before{content:"\f0ea";}
.icon-lightbulb:before{content:"\f0eb";}
.icon-exchange:before{content:"\f0ec";}
.icon-cloud-download:before{content:"\f0ed";}
.icon-cloud-upload:before{content:"\f0ee";}
.icon-user-md:before{content:"\f0f0";}
.icon-stethoscope:before{content:"\f0f1";}
.icon-suitcase:before{content:"\f0f2";}
.icon-bell-alt:before{content:"\f0f3";}
.icon-coffee:before{content:"\f0f4";}
.icon-food:before{content:"\f0f5";}
.icon-file-text-alt:before{content:"\f0f6";}
.icon-building:before{content:"\f0f7";}
.icon-hospital:before{content:"\f0f8";}
.icon-ambulance:before{content:"\f0f9";}
.icon-medkit:before{content:"\f0fa";}
.icon-fighter-jet:before{content:"\f0fb";}
.icon-beer:before{content:"\f0fc";}
.icon-h-sign:before{content:"\f0fd";}
.icon-plus-sign-alt:before{content:"\f0fe";}
.icon-double-angle-left:before{content:"\f100";}
.icon-double-angle-right:before{content:"\f101";}
.icon-double-angle-up:before{content:"\f102";}
.icon-double-angle-down:before{content:"\f103";}
.icon-angle-left:before{content:"\f104";}
.icon-angle-right:before{content:"\f105";}
.icon-angle-up:before{content:"\f106";}
.icon-angle-down:before{content:"\f107";}
.icon-desktop:before{content:"\f108";}
.icon-laptop:before{content:"\f109";}
.icon-tablet:before{content:"\f10a";}
.icon-mobile-phone:before{content:"\f10b";}
.icon-circle-blank:before{content:"\f10c";}
.icon-quote-left:before{content:"\f10d";}
.icon-quote-right:before{content:"\f10e";}
.icon-spinner:before{content:"\f110";}
.icon-circle:before{content:"\f111";}
.icon-mail-reply:before,.icon-reply:before{content:"\f112";}
.icon-github-alt:before{content:"\f113";}
.icon-folder-close-alt:before{content:"\f114";}
.icon-folder-open-alt:before{content:"\f115";}
.icon-expand-alt:before{content:"\f116";}
.icon-collapse-alt:before{content:"\f117";}
.icon-smile:before{content:"\f118";}
.icon-frown:before{content:"\f119";}
.icon-meh:before{content:"\f11a";}
.icon-gamepad:before{content:"\f11b";}
.icon-keyboard:before{content:"\f11c";}
.icon-flag-alt:before{content:"\f11d";}
.icon-flag-checkered:before{content:"\f11e";}
.icon-terminal:before{content:"\f120";}
.icon-code:before{content:"\f121";}
.icon-reply-all:before{content:"\f122";}
.icon-mail-reply-all:before{content:"\f122";}
.icon-star-half-full:before,.icon-star-half-empty:before{content:"\f123";}
.icon-location-arrow:before{content:"\f124";}
.icon-crop:before{content:"\f125";}
.icon-code-fork:before{content:"\f126";}
.icon-unlink:before{content:"\f127";}
.icon-question:before{content:"\f128";}
.icon-info:before{content:"\f129";}
.icon-exclamation:before{content:"\f12a";}
.icon-superscript:before{content:"\f12b";}
.icon-subscript:before{content:"\f12c";}
.icon-eraser:before{content:"\f12d";}
.icon-puzzle-piece:before{content:"\f12e";}
.icon-microphone:before{content:"\f130";}
.icon-microphone-off:before{content:"\f131";}
.icon-shield:before{content:"\f132";}
.icon-calendar-empty:before{content:"\f133";}
.icon-fire-extinguisher:before{content:"\f134";}
.icon-rocket:before{content:"\f135";}
.icon-maxcdn:before{content:"\f136";}
.icon-chevron-sign-left:before{content:"\f137";}
.icon-chevron-sign-right:before{content:"\f138";}
.icon-chevron-sign-up:before{content:"\f139";}
.icon-chevron-sign-down:before{content:"\f13a";}
.icon-html5:before{content:"\f13b";}
.icon-css3:before{content:"\f13c";}
.icon-anchor:before{content:"\f13d";}
.icon-unlock-alt:before{content:"\f13e";}
.icon-bullseye:before{content:"\f140";}
.icon-ellipsis-horizontal:before{content:"\f141";}
.icon-ellipsis-vertical:before{content:"\f142";}
.icon-rss-sign:before{content:"\f143";}
.icon-play-sign:before{content:"\f144";}
.icon-ticket:before{content:"\f145";}
.icon-minus-sign-alt:before{content:"\f146";}
.icon-check-minus:before{content:"\f147";}
.icon-level-up:before{content:"\f148";}
.icon-level-down:before{content:"\f149";}
.icon-check-sign:before{content:"\f14a";}
.icon-edit-sign:before{content:"\f14b";}
.icon-external-link-sign:before{content:"\f14c";}
.icon-share-sign:before{content:"\f14d";}
.icon-compass:before{content:"\f14e";}
.icon-collapse:before{content:"\f150";}
.icon-collapse-top:before{content:"\f151";}
.icon-expand:before{content:"\f152";}
.icon-euro:before,.icon-eur:before{content:"\f153";}
.icon-gbp:before{content:"\f154";}
.icon-dollar:before,.icon-usd:before{content:"\f155";}
.icon-rupee:before,.icon-inr:before{content:"\f156";}
.icon-yen:before,.icon-jpy:before{content:"\f157";}
.icon-renminbi:before,.icon-cny:before{content:"\f158";}
.icon-won:before,.icon-krw:before{content:"\f159";}
.icon-bitcoin:before,.icon-btc:before{content:"\f15a";}
.icon-file:before{content:"\f15b";}
.icon-file-text:before{content:"\f15c";}
.icon-sort-by-alphabet:before{content:"\f15d";}
.icon-sort-by-alphabet-alt:before{content:"\f15e";}
.icon-sort-by-attributes:before{content:"\f160";}
.icon-sort-by-attributes-alt:before{content:"\f161";}
.icon-sort-by-order:before{content:"\f162";}
.icon-sort-by-order-alt:before{content:"\f163";}
.icon-thumbs-up:before{content:"\f164";}
.icon-thumbs-down:before{content:"\f165";}
.icon-youtube-sign:before{content:"\f166";}
.icon-youtube:before{content:"\f167";}
.icon-xing:before{content:"\f168";}
.icon-xing-sign:before{content:"\f169";}
.icon-youtube-play:before{content:"\f16a";}
.icon-dropbox:before{content:"\f16b";}
.icon-stackexchange:before{content:"\f16c";}
.icon-instagram:before{content:"\f16d";}
.icon-flickr:before{content:"\f16e";}
.icon-adn:before{content:"\f170";}
.icon-bitbucket:before{content:"\f171";}
.icon-bitbucket-sign:before{content:"\f172";}
.icon-tumblr:before{content:"\f173";}
.icon-tumblr-sign:before{content:"\f174";}
.icon-long-arrow-down:before{content:"\f175";}
.icon-long-arrow-up:before{content:"\f176";}
.icon-long-arrow-left:before{content:"\f177";}
.icon-long-arrow-right:before{content:"\f178";}
.icon-apple:before{content:"\f179";}
.icon-windows:before{content:"\f17a";}
.icon-android:before{content:"\f17b";}
.icon-linux:before{content:"\f17c";}
.icon-dribbble:before{content:"\f17d";}
.icon-skype:before{content:"\f17e";}
.icon-foursquare:before{content:"\f180";}
.icon-trello:before{content:"\f181";}
.icon-female:before{content:"\f182";}
.icon-male:before{content:"\f183";}
.icon-gittip:before{content:"\f184";}
.icon-sun:before{content:"\f185";}
.icon-moon:before{content:"\f186";}
.icon-archive:before{content:"\f187";}
.icon-bug:before{content:"\f188";}
.icon-vk:before{content:"\f189";}
.icon-weibo:before{content:"\f18a";}
.icon-renren:before{content:"\f18b";}
.icon-hand-o-right:before{content: "\f0a4";}
.icon-arrows:before{content: "\f047";}

/*---------------------------------------------------------------*/
/* Variables
/*---------------------------------------------------------------*/

@headingsColor: #000000;
@linkColor: #d7a200;
@orange: #ffae00;
@font: Georgia;
@font2: "Open Sans", Arial;

/*---------------------------------------------------------------*/
/* Global Styles
/*---------------------------------------------------------------*/
* {
  padding: 0;
  margin: 0;
}

html{
  min-height: 100%;
  margin-right: 0 !important;
}

body {
  font-family: "Open Sans";
  font-size: 13px;
  line-height: 1.5;
  background-color: #ffffff;
  -ms-word-wrap: break-word;
  word-wrap: break-word;
  position: static;
  max-width: 100%;
  height: 100%;
}

.screen-reader-text {
    clip: rect(1px, 1px, 1px, 1px);
    clip-path: polygon(0px 0px, 0px 0px,0px 0px, 0px 0px);
    position: absolute !important;
    white-space: nowrap;
    height: 1px;
    width: 1px;
    overflow: hidden;
}
.h1,.h2,.h3,.h4,.h5,.h6,
h1,h2,h3,h4,h5,h6 {
  color: @headingsColor;
  font-family: @font, Arial;
  letter-spacing: 1px;
  margin-bottom: 20px;
  text-transform: uppercase;
  display: block;
  font-weight: normal
}

img {
  max-width: 100%;
  height: auto;
  vertical-align: middle;
  border: 0;
}

a {
  color: @headingsColor;
  text-decoration: none;
  outline: none;
}

a:hover{
  text-decoration: underline;
}

a:focus {
  outline:0!important;
}

p {
  margin-bottom: 20px;
}

.h1,
h1 {
  font-size: 38.5px;
}

.h2,
h2{
  font-size: 31.5px;
}

.h3,
h3 {
  font-size: 24.5px;
}

.h4,
h4 {
  font-size: 17.5px;
}

.h5,
h5 {
  font-size: 14px;
  margin-bottom: 10px;
}

.h6,
h6 {
  font-size: 11.9px;
  margin-bottom: 10px;
  font-weight:400;
}

.gray {
  color: #8d8f91;
}

.underline {
  text-decoration: underline;
}

.title {
  clear: both;
  position: relative;
  text-align: center;
  overflow: hidden;
  &.a-left{
    span{
      padding-left: 0;
    }
  }
  span {
    background: white;
    padding: 0 20px;
    z-index: 2;
    position: relative;
    display: inline-block;
    max-width: 545px;
  }
  &.with-subtitle {
    margin-bottom:0;
  }
  &.without-line {
    span {
        background: none;
    }
    &:before {
        display:none;
    }
  }
  &:before {
    content: "";
    display: block;
    border-top: 1px solid #ebebeb;
    width: 100%;
    height: 1px;
    position: absolute;
    top: 50%;
    z-index: 1;
  }
}
.subtitle {
    display:block;
    margin-bottom:20px;
}

.page-heading h1:before{
  content: "";
    display: block;
    border-top: 1px solid #ebebeb;
    width: 100%;
    height: 1px;
    position: absolute;
    top: 50%;
    z-index: 1;
}

ol,
ul {
  padding-left: 20px;
  margin-bottom: 20px;
}

p {
  margin-bottom: 10px;
  line-height: 1.5;
}

blockquote {
  border-top: 1px solid #ebebeb;
  border-bottom: 1px solid #ebebeb;
  padding: 30px;
  margin-bottom: 20px;
  margin-top: 10px;
  font-family: Georgia;
  font-size: 14px;
  font-style: italic;
  background: #fcfcfc;
  &.style2 {
    background: #fcfcfc url(images/quote.png) no-repeat 10px 10px;
    min-height: 50px;
    cite {
      float: right;
    }
  }
}
blockquote p {
  margin-bottom: 0;
}

blockquote cite {
  margin-top: 10px;
  display: block;
  font-family: @font2;
  font-style: normal;
  font-size: 12px;
  color:@headingsColor;
}
/*---------------------------------------------------------------*/
/* Dropcap
/*---------------------------------------------------------------*/
.dropcap {
  color:white;
  display: inline-block;
  float: left;
  font-size: 36px;
  line-height: 1.2;
  font-weight: normal;
  text-align: center;
  width: 43px;
  margin: 3px 9px 0 0;
  background: #c4c4c4;
  font-family: @font;
}

.dropcap.light {
  background:none;
  color: @headingsColor;
}

/*---------------------------------------------------------------*/
/* Lists
/*---------------------------------------------------------------*/
.styled-list() {
  ul {
    padding-left: 0;
  }
  li {
    padding: 5px 0 5px 5px;
    list-style: none;
    &:before {
      font-family: "FontAwesome";
      font-weight: normal;
      font-style: normal;
      text-decoration: inherit;
      content: "\f105";
      -webkit-font-smoothing: antialiased;
      float: left;
      line-height: 20px;
      font-size: 16px;
      margin-right: 10px;
      -webkit-transition: all 0.2s ease-in-out;
      -moz-transition: all 0.2s ease-in-out;
      -ms-transition: all 0.2s ease-in-out;
      -o-transition: all 0.2s ease-in-out;
      transition: all 0.2s ease-in-out;
    }
  }
}

.list {
  .styled-list();
}

.list.list-circle {
  li {
    &:before {
      content: "\f111";
      font-size: 9px;
      margin-top: 3px;
    }
  }
}

.list.list-star {
  li {
    &:before {
      content: "\f005";
    }
  }
}

.list.list-square {
  li {
    &:before {
      content: "\f04d";
      font-size: 9px;
      margin-top: 3px;
    }
  }
}

.list.list-dash {
  li {
    &:before {
      content: "\f068";
    }
  }
}

/*---------------------------------------------------------------*/
/* Tools
/*---------------------------------------------------------------*/
.a-right { text-align: right!important; }
.a-left { text-align: left!important; }
.a-center { text-align: center!important; }
.left,
.fl-l { float: left!important; }
.right,
.fl-r { float: right!important; }
.clear { clear: both!important; }

.v-align-middle {
  display: table;
  width: 100%;
}
.v-item-middle {
  display: table-cell;
  vertical-align: middle;
}
.table-row{display: table; width: 100%;}
.table-cell {display: table-cell; vertical-align: middle;}
.margin0{margin: 0 !important;}
.bordered-box{
  border:1px solid #ebebeb;
  padding: 20px;
  background-color: #fafafa;
}
.font-large{
  font-size: 72px;
}
#sc_chat_box{
  z-index: 10000 !important;
}
.border-after{
  position: relative;
  border:1px solid #ebebeb;
  display: block;
  float: left;
  padding: 20px;
  -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
          box-sizing: border-box;
  margin-bottom: 30px;
  &:after {
    content: "";
    position: absolute;
    z-index: 0;
    width: 100%;
    display: block !important;
    height: 100%;
    left: -6px;
    padding: 5px;
    top: -6px;
    background-color: transparent;
    border: 1px solid #ebebeb;
    }
}

/*---------------------------------------------------------------*/
/* Teaser Box
/*---------------------------------------------------------------*/

.teaser-box {
  margin-bottom: 20px;
  .border-box();
  &.style-bordered {
    border:1px solid #ebebeb;
    padding:5px;
    background: white;
    > div {
      border:1px solid #ebebeb;
      padding:15px;
      .border-box();
    }
  }
  img {
    margin-bottom: 10px;
  }
}

/*---------------------------------------------------------------*/
/* Dividers
/*---------------------------------------------------------------*/
hr {
  height:1px;
  background:0;
  border-top:0;
  border-bottom: 1px solid #dddddd;
  border-left: 0;
  border-right: 0;
  margin-top:30px;
  margin-bottom: 30px;
  width:100%;
  &.space {
    border:none;
    margin: 0;
  }
  &.double {
    border-top:1px solid #dddddd;
    height:10px;
    &.dashed {
      border-top:1px dashed #dddddd;
    }
    &.dotted {
      border-top:1px dotted #dddddd;
    }
  }
  &.dashed {
    border-bottom:1px dashed #dddddd;
  }
  &.dotted {
    border-bottom:1px dotted #dddddd;
  }
  &.horizontal-break {
    width: 100px;
    margin: 20px auto;
    height: 3px;
    background: #e6e6e6;
    border:none;
  }
}

/*---------------------------------------------------------------*/
/* Call To Action
/*---------------------------------------------------------------*/

.cta-block {
  float: left;
  border: 1px solid #dbdbdb;
  width: 100%;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  padding:20px 40px;
  margin-bottom: 20px;
  -webkit-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  -ms-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
  h1,h2,h3,h4,h5,h6 {
    margin-bottom: 5px;
  }
  .button-left {
    padding-right: 40px;
    width: 25%;
  }
  .button-right {
    text-align: end;

width: 25%;
  }
  &.style-without-border {
    border:none;
    padding:0;
  }
  &.style-filled {
    background-color: #fcfcfc;
    border-left-width:3px;
    border-top-color:#dbdbdb!important;
    border-right-color:#dbdbdb!important;
    border-bottom-color:#dbdbdb!important;
  }
  &.style-dark {
    background: #404040;
    border:none;
    color: #8b8b8b;
    h1,h2,h3,h4,h5,h6,a {
      color:white;
    }
  }
}

/*---------------------------------------------------------------*/
/* Progress Bar
/*---------------------------------------------------------------*/

.progress-bar { background:#f5f5f5; height:28px; position: relative; margin-bottom: 10px!important; }
.progress-bar > div { height:100%; position: absolute; top:0; left:0; }
.progress-bar > span { color:white; font-size:13px; margin-left:15px; line-height:28px; position: absolute; top:0; left:0; z-index:1;opacity: 0;font-weight: 300; }

/*---------------------------------------------------------------*/
/* Team members
/*---------------------------------------------------------------*/

.team-member {
  margin-bottom: 30px;
  .member-position {
    color: #8d8f91;
    margin-bottom: 0;
    font-weight: normal;
    font-size: 14px;
    font-family: @font2;
  }
  h4 {
    margin-bottom: 0;
  }
  .member-email {
    margin-bottom: 20px;
  }
  .member-image {
    position: relative;
    overflow: hidden;
    margin-bottom: 15px;
    float:left;
    &:hover {
      .member-mask {
        opacity: 1;
      }
    }
  }
  .member-mask {
    position: absolute;
    top:0;
    left:0;
    z-index: 2;
    width:100%;
    opacity: 0;
    height:100%;
    background: rgba(0,0,0,0.6);
    color:white;
    padding:10px;
    -webkit-transition: 0.3s all ease-in-out;
    -moz-transition: 0.3s all ease-in-out;
    -ms-transition: 0.3s all ease-in-out;
    -o-transition: 0.3s all ease-in-out;
    transition: 0.3s all ease-in-out;
    .border-box();
    .mask-text {
      position: absolute;
      text-align: center;
      width: 100%;
      left:0;
      -webkit-transform: translateY(-50%);
      -moz-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
      -o-transform: translateY(-50%);
      transform: translateY(-50%);
      top:50%;
      fieldset {
        width: 80%;
        margin: 0 auto;
        border: 1px solid #616161;
        padding: 0 0 10px;
        legend {
          font-size: 14px;
          font-family: @font;
          text-transform: uppercase;
          color: white;
          padding: 0 10px;
          display: inline-block;
          border:none;
          width: auto;
          line-height: 1;
          margin: 0;
          width: 100%;
        }
      }
      p {
        margin-bottom: 0;
      }
      i {
        margin: 10px 7px 5px;
        font-size:28px;
        display: inline-block;
        opacity: 0.9;
      }
      a {
        color: white;
        &:hover{
          text-decoration: none;
        }
      }
    }
  }
}

/*---------------------------------------------------------------*/
/* Alert boxes
/*---------------------------------------------------------------*/
.woocommerce-message,.woocommerce-error,.woocommerce-info,
.alert-success, .success, .alert-error, .error, .alert-info, .alert-info, .info, .alert-block, .warning {
  border-width: 1px;
  border-style: solid;
  padding:30px 30px 30px 80px;
  position: relative;
  display: block;
  margin-bottom: 20px;
  background-color: #fff;
  border: 1px solid #dbdbdb;
  line-height: 24px;
}
.alert-success p, .success p, .alert-error p, .error p, .alert-info p, .info p, .alert-block p, .warning p,
.alert-success .h3, .success .h3, .alert-error .h3, .error .h3, .alert-info .h3, .info .h3, .alert-block .h3, .warning .h3 {
  margin-bottom: 0;
  position: relative;
}
.alert-success .h3, .success .h3, .alert-error .h3, .error .h3, .alert-info .h3, .info .h3, .alert-block .h3, .warning .h3{
  font-size: 20px;
}
.woocommerce-message, .alert-success, .success {
  color:#6f6f6f;

background-image: url(images/alert-1.png);
  background-repeat: no-repeat;
  background-position: 20px center;
  .h3 {
    color:#fff;
  }
  .close-parent {

}
    background-color: #98c391 !important;
    color: #fff;
    position: relative;
    border:1px solid #fff;
    text-transform: uppercase;
    letter-spacing: 1px;
    padding: 20px 30px 20px 80px;
    &:after{
      content: "";
      position: absolute;
      z-index: -1;
      width: 100%;
      height: 100%;
      left: -6px;
      padding: 5px;
      top: -6px;
      background-color: #98c391;
      border: 1px solid #fff;
    }
}
.woocommerce-error, .alert-error, .error,
.woocommerce-info, .alert-info, .info,
.alert-block, .warning {
  color:#fff;
  background-repeat: no-repeat;
  background-position: 20px center;
  position: relative;
  border:1px solid #fff;
  text-transform: uppercase;
  letter-spacing: 1px;
  padding: 20px 30px 20px 80px;
  .h3 {
    color:#fff;
  }
  &:after {
    content: "";
    position: absolute;
    z-index: -1;
    width: 100%;
    height: 100%;
    left: -6px;
    padding: 5px;
    top: -6px;
    border: 1px solid #fff;
  }
}
.woocommerce-error, .alert-error, .error {
  // color:#fff;
  background-image: url(images/alert-2.png);
  // background-repeat: no-repeat;
  // background-position: 20px center;
  background-color: #f45b5b !important;
  // position: relative;
  // border:1px solid #fff;
  // text-transform: uppercase;
  // letter-spacing: 1px;
  // padding: 20px 30px 20px 80px;
  &:after{
    background-color: #f45b5b;
  }
}
.woocommerce-info, .alert-info, .info {
  // color:#fff;
  background-image: url(images/alert-4.png);
  // background-repeat: no-repeat;
  // background-position: 20px center;
  background-color: #D5D5D5!important;
  // position: relative;
  // border:1px solid #fff;
  // text-transform: uppercase;
  // letter-spacing: 1px;
  padding: 20px 30px 20px 80px !important;
    &:after{
      background-color: #6BCBF5;
    }
}
.alert-block, .warning {
  // color:#fff;
  background-image: url(images/alert-3.png);
  // background-repeat: no-repeat;
  background-position: 30px center;
  // .h3 {
  //   color:#fff;
  // }
  background-color: #f3d87a !important;
    &:after{
      background-color: #f3d87a;
    }
}
.close-parent {
  text-indent: -99999px;
  font-size: 0;
  display: block;
  cursor: pointer;
  position: absolute;
  top:25px;
  margin-top: -4px;
  right:20px;
  width:9px;
  height:9px;
  background-position: center center;
  background-repeat: no-repeat;

}

mark{
  background-color: #000;
  color: #FFF;
  padding: 0 3px;
}

.icon-arrow_left-1,
.icon-arrow_right-1 {
  font-family: 'arrows';
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
}
.icon-arrow_left-1:before {
  content: "\6c";
}
.icon-arrow_right-1:before {
  content: "\72";
}

/*---------------------------------------------------------------*/
/* Content box
/*---------------------------------------------------------------*/
.content-box {
  border:1px solid #e6e6e6;
  padding:20px;
  margin-bottom: 30px;
}
.sidebar{
  .content-box{
    float: left;
    width: 100%;
    -webkit-box-sizing: border-box;
       -moz-box-sizing: border-box;
            box-sizing: border-box;
  }
}
/*---------------------------------------------------------------*/
/* Mixins
/*---------------------------------------------------------------*/

.rounded-corners (@radius: 5px) {
  -webkit-border-radius: @radius;
  -moz-border-radius: @radius;
  -ms-border-radius: @radius;
  -o-border-radius: @radius;
  border-radius: @radius;
}

.saperator1 (@size: 12px) {
  display: inline-block;
  content: " / ";
  font-size: @size;
  margin: 0 3px 0 6px;
}
.saperator2 (@size: 12px) {
  display: block;
  float:right;
  content: " | ";
  font-size: @size;
  margin: 0 3px 0 6px;
}

.border-box() {
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
}

/*---------------------------------------------------------------*/
/* Forms
/*---------------------------------------------------------------*/

fieldset {
  padding: 0;
  margin: 0;
  border: 0;
}

legend {
  display: block;
  width: 100%;
  padding: 0;
  margin-bottom: 20px;
  font-size: 21px;
  line-height: 40px;
  color: #333333;
  border: 0;
  border-bottom: 1px solid #e5e5e5;
}

legend small {
  font-size: 15px;
  color: #999999;
}

label,
input,
button,
select,
textarea {
  font-size: 14px;
  font-weight: normal;
  line-height: 20px;
  border-radius: 0px;
  outline: none;
}

input,
button,
select,
textarea {
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
}

label {
  display: block;
  margin-bottom: 5px;
}

select,
textarea,
input[type="text"],
input[type="password"],
input[type="datetime"],
input[type="datetime-local"],
input[type="date"],
input[type="month"],
input[type="time"],
input[type="week"],
input[type="number"],
input[type="email"],
input[type="url"],
input[type="search"],
input[type="tel"],
input[type="color"],
.uneditable-input,
.input-text {
  display: inline-block;
  padding: 9px 6px;
  margin-bottom: 10px;
  font-size: 14px;
  line-height: 18px;
  color: #555555;
  vertical-align: middle;
  box-sizing:border-box;
}

input[type="number"] {
    position: relative;
}

input,
textarea,
.uneditable-input {
  width: 206px;
  outline: none !important;
}

textarea {
  height: auto;
}

textarea,
input[type="text"],
input[type="password"],
input[type="datetime"],
input[type="datetime-local"],
input[type="date"],
input[type="month"],
input[type="time"],
input[type="week"],
input[type="number"],
input[type="email"],
input[type="url"],
input[type="search"],
input[type="tel"],
input[type="color"],
.uneditable-input,
.input-text {
  background-color: #ffffff;
  border: 1px solid #ebebeb;
  -webkit-transition: border linear 0.2s, box-shadow linear 0.2s;
     -moz-transition: border linear 0.2s, box-shadow linear 0.2s;
       -o-transition: border linear 0.2s, box-shadow linear 0.2s;
          transition: border linear 0.2s, box-shadow linear 0.2s;
}

textarea:focus,
input[type="text"]:focus,
input[type="password"]:focus,
input[type="datetime"]:focus,
input[type="datetime-local"]:focus,
input[type="date"]:focus,
input[type="month"]:focus,
input[type="time"]:focus,
input[type="week"]:focus,
input[type="number"]:focus,
input[type="email"]:focus,
input[type="url"]:focus,
input[type="search"]:focus,
input[type="tel"]:focus,
input[type="color"]:focus,
input[type="checkbox"]:focus,
.uneditable-input:focus {
  outline: none !important;
}

input[type="radio"],
input[type="checkbox"] {
  margin: 4px 0 0;
  margin-top: 1px \9;
  *margin-top: 0;
  line-height: normal;
}

input[type="file"],
input[type="image"],
input[type="submit"],
input[type="reset"],
input[type="button"],
input[type="radio"],
input[type="checkbox"] {
  width: auto;
}

select,
input[type="file"] {
  height: 30px;
  /* In IE7, the height of the select element cannot be changed by height, only font-size */

*margin-top: 4px;
  /* For IE7, add top margin to align select with labels */

line-height: 30px;
}

select {
  width: 206px;
  background-color: #ffffff;
  border: 1px solid #E2E2E2;
}

select[multiple],
select[size] {
  height: auto;
}

select:focus,
input[type="file"]:focus,
input[type="radio"]:focus,
input[type="checkbox"]:focus {
  outline: thin dotted #333;
  outline: 5px auto -webkit-focus-ring-color;
  outline-offset: -2px;
}

input.validation-failed,
textarea.validation-failed {
  border-color: #ef8080;
}

select {
  -webkit-appearance: none;
  padding: 9px 6px;
  line-height:1.2;
  height: auto;
  background: url(images/select-arrow.png) no-repeat center right;
}

select:focus {
  outline: 0;
}

/* Inputs Custom Style */
input[type="radio"],
input[type="checkbox"] {
    -webkit-appearance: none;
    border: none !important;
    margin-top: 0;
    margin-right: 0;
    padding: 0;
    height: 20px;
}
input[type="radio"],
input[type="radio"]:checked,
input[type="checkbox"],
input[type="checkbox"]:checked {
  background-repeat: no-repeat;
  background-position: center center;
}
input[type="radio"] {
  background-color: #FFF;
  background-image: url(images/radio-icon.png);
  width: 14px;
}

input[type="radio"]:checked {
  background-image: url(images/radio-icon-check.png);
}
input[type="checkbox"] {
  background-image: url(images/tick-icon.png);
  width: 16px;
}
input[type="checkbox"]:checked {
  background-image: url(images/tick-icon-check.png);
}

/*---------------------------------------------------------------*/
/* Iframe
/*---------------------------------------------------------------*/
iframe {
  border:none;
  max-width: 100%;
}

.vimeo-video iframe,
.youtube-video iframe {
  max-width: 100% !important;
}

/*---------------------------------------------------------------*/
/* Default Table
/*---------------------------------------------------------------*/

table {
  width:100%;
  margin-bottom:20px;
}
table th,
table td {
  padding:4px;
  line-height:20px;
  text-align:left;
  vertical-align:top;
  .button {
    margin: 15px 0;
  }
}
table th{
  font-weight:bold;
}
table thead th{
  vertical-align:bottom;
}

dl {
  margin-bottom: 20px;
}

dt,
dd {
  line-height: 20px;
}

dt {
  font-weight: bold;
}

dd {
  margin-left: 10px;
}

code.dispblock {
  display: block;
  white-space: inherit;
}

/*---------------------------------------------------------------*/
/* Dashed Table
/*---------------------------------------------------------------*/
.table-dashed{
  &, td,th{
    border:1px dashed #ddd;
  }
}

/*---------------------------------------------------------------*/
/* Buttons
/*---------------------------------------------------------------*/

.button,
button,
.coupon .button,
input[type="submit"] {
  border: 1px solid #dddddd;
  display: inline-block;
  color: #000000;
  background-color: rgba(255,255,255,0.2);
  font-size: 12px;
  font-family: @font;
  padding: 5px 20px;
  text-align: center;
  box-sizing: border-box;
  line-height: 1.5 !important;
  text-transform: uppercase;

&:hover {
    text-decoration: none;
  }

&.active,
  &.active2 {
    color:white !important;
    &:hover {
      text-decoration: underline;
    }
  }
  &.white {
    .white();
  }
  i{
    margin-right: 5px;
  }
}

.white() {
  color:white;
  border:1px solid #dbdbdb;
  &:hover {

background: white;
    color:#000!important;
  }
  &.filled{
    background-color: #FFF;
    border:1px solid #fff;
    color: #000;
    &:hover{
      color: #FFF !important;
    }
  }
}
.button.white{
  background-color: rgba(255,255,255,0.7);
  color: #222;
  &:hover{
    color: #222 !important;
    background-color: rgba(255,255,255,0.7) !important;
    border: 1px solid rgba(255,255,255,0.7) !important;
  }
}
/* Red Buttons */
.checkout-button.button{
  color: #fff !important;
}

.filled.single_add_to_cart_button{
  background-color: #fff;
}

.checkout-button.button:hover{
  border-color: transparent;
  text-decoration: underline;
}

.btn-arrow() {
  display: inline;
  width: auto;
  height: auto;
  line-height: normal;
  vertical-align: baseline;
  background-image: none;
  background-position: 0% 0%;
  background-repeat: repeat;
  margin: 0 0 0 8px;
  font-family: "FontAwesome";
  font-weight: normal;
  font-style: normal;
  text-decoration: inherit;
  -webkit-font-smoothing: antialiased;
}

.arrow1() {
  span:after {
    .btn-arrow();
    content: "\f105";
  }
}

.arrow2() {
  span:before {
    .btn-arrow();
    content: "\f104";
    margin: 0 8px 0 0;
  }
}

.filled {
  color:#000000;
  background: #f5f5f5;
  &:hover,
  &.active {
    color: #FFF !important;
  }
  &.active{
    &:hover{
      text-decoration: underline !important;
    }
  }
}

.arrow-right {
  .arrow1();
  font-size:13px;
}

.arrow-left {
  .arrow2();
  font-size:13px;
}

.medium {
  font-size:13px;
  padding: 10px 30px;
}

.big {
  font-size:21px;
  padding:10px 45px;
}

.font2 {
  font-family: Georgia;
  text-transform: uppercase;
}

.small.font2 {
  font-size: 13px;
  padding: 8px 9px;
}

.medium.font2 {
  font-size: 14px;
  padding: 10px 17px;
}

.big.font2 {
  padding: 10px 32px;
}
.checkout-button {
  padding: 8px 20px;
  width: 100%;
  text-transform: uppercase;
  font-size: 21px;
  .border-box();
  .arrow1();
  span:after {
    font-size: 19px;
    margin-left: 10px;
    display: none;
  }
}

#searchform .button{
  padding: 9px 20px;
  position: absolute;
}
/*---------------------------------------------------------------*/
/* Top panel
/*---------------------------------------------------------------*/

.transformX(@h:0) {
  -webkit-transform: translateY(@h);
  -moz-transform: translateY(@h);
  -ms-transform: translateY(@h);
  -o-transform: translateY(@h);
  transform: translateY(@h);
}

.top-panel {
  padding: 20px 0;
  position: absolute;
  width: 100%;
  z-index: 0;
  background: #404040;
  color: #8b8b8b;
  -webkit-transition: 0.2s all ease-in-out;
  -moz-transition: 0.2s all ease-in-out;
  -ms-transition: 0.2s all ease-in-out;
  -o-transition: 0.2s all ease-in-out;
  transition: 0.2s all ease-in-out;
  strong{
    color: #FFF;
  }
  .transformX(-100%);

h6,h5,h4,h3,h2,h1,
  a {
    &, &:hover {
      color:white;
    }
  }
  &.show-panel {
    .transformX(0);
  }
  h4{
    margin-bottom: 20px;
  }
  .testimonials-slider .owl-buttons .owl-prev:before,
  .testimonials-slider .owl-buttons .owl-next:before{
    color: #8b8b8b;
  }
  .testimonials-slider .owl-buttons div{
    top: 90%;
  }
}
.header-type-4.transparent .show-top-panel{
  top:6px;
}
.show-top-panel {
  color:#ccc;
  -webkit-transition: 0.2s all ease-in-out;
  -moz-transition: 0.2s all ease-in-out;
  -ms-transition: 0.2s all ease-in-out;
  -o-transition: 0.2s all ease-in-out;
  transition: 0.2s all ease-in-out;
  font-weight: bold;
  font-size: 24px;
  cursor: pointer;
  top:-3px;
  position:  absolute;
  left:50%;
  right:50%;

&:before {
    content: "\f107";
    font-family: "FontAwesome";
  }
  &.show-panel {
    color:black;
    &:before {
      content: "\f106";
    }
  }
}
.header-type-6,
.header-type-5{
  .show-top-panel,
  .side-area-icon i{
    color: #fff;
  }

}
.header-type-6 .search form .button,
.boxed .header-type-6 .search form .button{
  background: url(images/icon-zoom-white.png) no-repeat center center;
}
.boxed .top-panel{
  left: ~"calc(50% - 490px)";
  width: 980px;
  box-shadow: 0 1px 6px;
  -webkit-box-shadow: 0 1px 6px;
}
.header-type-5{
  .my-account-link:before,
  .logout-link:before,
  .login-link:before,
  .register-link:before,
  .checkout-link:before,
  .top-bar .top-links li a,
  .top-bar .wishlist-link a,
  .top-bar .wishlist-link a i:before{
    color: #afafaf !important;
  }
}

.header-type-1,
.header-type-2,
.header-type-5,
.header-type-7{
  .top-bar .search{
    display: none;
  }
}

@media only screen and(min-width:980px){

.header-vertical-enable{
    .fixed-header {
      display: none;
    }
    .main-nav {
      &, .double-border {
        border-bottom: none;
      }
      .container {
        width: auto;
      }
    }
    .menu-wrapper{
      .menu{
        >li{
          position: relative;
          width: 100%;
          display: inline-block;
          -webkit-box-sizing: border-box;
             -moz-box-sizing: border-box;
                  box-sizing: border-box;
          >a{
            color: #222;
          }
          &.open-by-click {
            .nav-sublist-dropdown{
              width: 830px;
              padding: 25px 10px 30px 15px;
              .container {
                width: auto;
              }
              ul{
                li{
                  width: 255px !important;
                }
              }
            }
          }
          .nav-sublist-dropdown{
            max-width: none;
            left: 100% !important;
            top: 0 !important;
            width: 195px;
            ul >li{
              width: 195px !important;
              display: inline-block;
            }
          }
          &.columns-3{
            .nav-sublist-dropdown{
              width: 770px !important;
              padding: 15px !important;
            }
          }
          &.columns-4{
            .nav-sublist-dropdown{
              width: 990px !important;
              padding: 15px !important;
            }
          }
        }
      }
    }
  }
  .header-type-8 {
  .logo{
    border-bottom: 1px solid #dbdbdb;
    position: relative;
    padding-top: 30px;
    margin-bottom: 20px;
    &:after{
      content:"";
      display: block;
      position: absolute;
      width: 100%;
      border-bottom: 1px solid #dbdbdb;
      bottom: -4px;
      left: 0;
    }
  }
  .search-left,
  .top-bar,
  .search-center,
  .shopping-cart-widget .items,
  .shopping-cart-widget .for-label {
      display: none;
  }
  .search.a-right{
    float: right;
    display: inline-block;
  }
  .search-link{
    font-size: 14px;
    text-transform: capitalize;
    font-weight: 300;
    padding-right: 26px;
    text-decoration: none;
    &:before{
      padding-right: 10px;
    }
  }
  .shopping-cart-widget{
    padding-left: 26px;
    padding-bottom: 15px;
      .cart-summ{
      font-size: 0;
      >a{
        display: block;
        padding-bottom: 0;
      }
      .price-summ{
        font-size: 14px;
      }
    }
  }
}
}

/*---------------------------------------------------------------*/
/* Top bar
/*---------------------------------------------------------------*/
.top-bar {
  position: relative;
  margin: 0;
  font-weight: 200;
  .container {
    position: relative;
    border-bottom: 1px dotted #dbdbdb;
    padding: 8px 0 8px
  }
  label {
    display: inline-block;
    margin-right: 10px;
    margin-bottom: 0;
    line-height: 25px;
    font-weight: 200;
  }
  .row-fluid .span1,.row-fluid .span2,.row-fluid .span3,.row-fluid .span4,.row-fluid .span5,.row-fluid .span6,.row-fluid .span7,.row-fluid .span8,.row-fluid .span9,.row-fluid .span10,.row-fluid .span11,.row-fluid .span12{
    min-height: 20px;
  }
  .languages-area {
    float:left;
    line-height: 18px;
  }
  .search {
    float: right;
  }
  .top-links{
    float:right;
    padding-top: 2px;
    margin:0 40px 0 0;
    padding:0;
    li{
      line-height: 16px;
      a{
        text-transform: uppercase;
        font-size: 12px;
        line-height: 16px;
      }
    }
  }
  .wishlist-link{
    margin-top: 0;
    a{
      font-size: 16px;
      color: #8e8e8e;
      line-height: 16px;
      i:before{
        content: "\e61d" !important;
        font-family: "arrows" !important;
        font-size: 14px;
        -webkit-font-smoothing: auto;
      }
      &:hover{
        text-decoration: none;
      }
      span{
        font-size: 13px;
        padding-left: 5px;
        text-transform: uppercase;
        &:hover{
          text-decoration: underline;
        }
      }
    }
  }
}
.boxed{
  .top-bar{
    .search{
      margin-right: 20px;
    }
    .top-links{
      margin-right: 50px;
      padding-left: 0;
    }
  }
}

.header-type-3 .top-bar .top-links,
.header-type-3 .top-bar .cart-summ,
.header-type-4 .top-bar .top-links,
.header-type-4 .top-bar .cart-summ,
.header-type-6 .top-bar .top-links,
.header-type-6 .top-bar .cart-summ,
.header-type-7 .top-bar .top-links{
  margin-right: 30px;
}
.header-type-3 .top-bar .top-links {
	margin-right: 0px;
	li {
		margin-left: 10px;
	}
}

.header-type-3 .top-bar .search,
.header-type-4 .top-bar .search,
.header-type-6 .top-bar .search{
  margin-right: 40px;
}

.submenu-dropdown {
  width:200px;
  padding:10px;
  position: absolute;
  z-index: 10005;
  background: white;
  margin-top: 20px;
  top:51px;
  opacity: 0;
  visibility: hidden;
  transition: all 0.2s ease-in-out;
  border:1px solid #ebebeb;
  text-align: start;
  ul{
    float: left;
    padding-left: 0;
    margin: 0;
    li {
      display: block;
      float: left;
      width: 100%;
      -webkit-box-sizing: border-box;
         -moz-box-sizing: border-box;
              box-sizing: border-box;
      color: #8E8E8E;
      &:before {
        font-family: "FontAwesome";
        font-weight: normal;
        font-style: normal;
        text-decoration: inherit;
        content: "\f105";
        -webkit-font-smoothing: antialiased;
        float: left;
        line-height: 25px;
        font-size: 16px;
        margin-right: 10px;
      }
      a{
        text-transform: none !important;
        line-height: 24px;
      }
    }
  }
}

.my-account-link:hover .submenu-dropdown {
  margin-top: 0;
  opacity: 1;
  visibility: visible;
  -webkit-box-shadow: 2px 2px 10px 2px rgba(0,0,0,0.1);
  box-shadow: 2px 2px 10px 2px rgba(0,0,0,0.1);
  &:after{
    content: "";
    display: block;
    left: 10px;
    width: 27px;
    height: 14px;
    background-image: url(images/after-arrow.png);
    background-position: center center;
    background-repeat: no-repeat;
    margin: -1em 0 0 2em;
    position: absolute;
    top: -1px;
  }
}

/**
 *
 * MyAccount
 *
 */
.woocommerce-MyAccount-content {
  width: 73%;
  float: left;
}
.woocommerce-MyAccount-navigation {
  width: 25%;
  float: left;
  margin-right: 15px;
  .user-sidearea{
    .avatar{
      margin: 5px 10px 0 0;
    }
  }
  ul{
    padding-left: 0;
  }
  li{
    list-style: none !important;
    border: 1px solid #e9e9e9;
    margin: -1px 0;
    padding: 5px 10px;
    a{
      font: 13px/18px;
      display: inline;
      padding-left: 10px;
      text-transform: uppercase;
      position: relative;
      display: inline-block;
      padding: 15px 0;
    }
  }
}
.top-bar .top-links li.my-account-link > a{
  padding-bottom: 21px;
}
// hard work css ohhh
.header-wrapper .ghost,
.cart-ghost .shopping-cart-widget {
  opacity: 0;
  visibility: hidden;
}
.header-type-1,
.header-type-2,
.header-type-5,
.header-type-7 {
  .top-bar {
    .shopping-cart-link,
    .cart-summ {
      display: none;
    }
  }
}
.header-type-3,
.header-type-4,
.header-type-6 {
	.shopping-cart-link,
	.cart-summ {
		float: right;
	    font-size: 12px;
	    line-height: 16px;
	    text-transform: uppercase;
	    color: #8E8E8E;
	    margin: 0 20px 0 10px;
	    position: relative;
	    top:1px;
	    span{
	      display: block;
	      margin-left: 5px;
	      float: right;
	    }
	    &:hover{
	      text-decoration: none;
	    }
	}
  .top-bar {
    .shopping-cart-link,
  	.cart-summ {
      &:before{
	      content: "\e61f";
	      font-size: 16px;
	      float: left;
	      font-family: "arrows";
	      color: #8e8e8e;
	    }
    }
  }
	.cart-summ {
	    .cart-bag {
	  		float: left;
	  		margin-left: 5px;
	  	}
	}
	.shopping-cart-widget {
	    display: none !important;
	}
}
.header-type-7 .top-bar{
  background-color: #fafafa;
  border-bottom:1px solid #dbdbdb;
  .container{
    border-bottom:none;
  }
  // .side-area-icon i{
  //   &:before{
  //     content:"\f0c9" !important;
  //     font-family: FontAwesome !important;
  //     font-size: 24px;
  //     color: #d3d3d3;
  //   }
  // }
  .show-top-panel{
    top:-1px;
  }
  .top-links li a,
  .wishlist-link a span{
    font-size: 12px;
  }
}
.header-type-6 {
  .side-area-icon {
    i {
      &:before{
        color: #FFF;
      }
      &:hover{
        &:before{
          color: #FFF !important;
        }
      }
    }
  }
  .top-bar {
    .cart-summ,
    .shopping-cart-link {
      &:before {
        color: #fff;
      }
    }
  }
}
/*---------------------------------------------------------------*/
/* WPML languages selector in header
/*---------------------------------------------------------------*/

.languages-area {
  .widget-title {
    font-family: "Lato", Arial;
    font-size:13px;
    display: inline-block;
    text-transform: none;
    margin-bottom: 0;
    font-weight: 300;
    color: #8e8e8e;
  }
  #lang_sel{
    height: 25px;
  }
  #lang_sel_list a {
    background: none!important;
    font-size: 13px!important;
  }
  #lang_sel_list {
    display: inline;
    height: auto!important;
    font-family: "Lato", Arial!important;
    ul {
      display: inline;
      .links();
      li {
        display: inline-block!important;
        float: none!important;
        a {
          display: inline!important;
        }
        &:before {
          content:none!important;
        }
      }
    }
  }
}

.menu-item-language{
  position: relative;
}

.submenu-languages{
  position: absolute;
  visibility: hidden;
  left: 0;
  width: 100%;
  padding-left: 0;
  margin-top: 4px;
  background-color: rgba(250,250,250,0.95);
  border-left: 1px solid #dbdbdb;
  border-right: 1px solid #dbdbdb;
  border-bottom: 1px solid #dbdbdb;
  z-index: 10;
  width: 180px;
}

.submenu-languages .menu-item-language a{
  padding: 15px 20px;
  display: block;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}

.menu-item-language:hover .submenu-languages{
  visibility: visible;
}

.menu-item-language:hover .submenu-languages li{
  list-style:none;
}
/*---------------------------------------------------------------*/
/* Links UL
/*---------------------------------------------------------------*/
.links {
  display: inline-block;
  margin-bottom: 0;
  padding-left: 0;
  li {
    list-style: none;
    display: inline;
    margin: 0 3px;
    a{
      color: #8e8e8e;
      &:hover { color: #000; }
    }
  }
}

.links li.my-account-link,
.links li.logout-link,
.links li.login-link,
.links li.register-link,
.links li.checkout-link {
  padding-left: 0;
  margin-left: 20px;
  margin-right: 0;
  background-position: left center;
  background-repeat: no-repeat;
}

.my-account-link,
.logout-link,
.login-link,
.register-link,
.checkout-link{
  &:before{
    font-size: 14px;
    line-height: 10px;
    font-family: "arrows";
    margin-right: 8px;
    color: #8e8e8e;
    position: relative;
    top:1px;
  }
}

.logout-link {
   &:before{
    content: "\e616";

}
}

.login-link {
  &:before{
    content: "\e61c";

}
}

.my-account-link {
   &:before{
   content: "\e61b";
  }
  &:hover{
    text-decoration: none;
  }
}

.register-link {
   &:before{
   content: "\e61b";
  }
}

.checkout-link {
   &:before{
     content: "\2a";
  }
}

.search-link{
  font-size: 0;
  cursor: pointer;
  text-decoration: none !important;
  &:before{
    content: "\e614";
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-size: 14px;
    line-height: 16px;
    font-family: "arrows";

color: #6f6f6f;
    position: relative;
    top:2px;
  }
}
.edit-link{
  display: inline-block;
}
/*---------------------------------------------------------------*/
/* Top cart widget
/*---------------------------------------------------------------*/

.shopping-cart-widget {
  padding-left:0;
  position: relative;
  float: none;
  display: table-cell;
  vertical-align: middle;
  line-height: 25px;
  font-size: 14px;
  &:hover{
    .widget_shopping_cart_content{
      opacity: 1;
      visibility: visible;
    }
  }
  .cart-summ{
    a{
      &:hover{
        text-decoration: none;
      }
    }
  }
  .cart-bag{
    margin: 0 3px;
    color: #676767;
    .badge-number{
      margin: 0 2px;
    }
  }
  .cart-summ > .cart-bag:before{
    content: "\e61f";
    font-size: 20px;
    line-height: 10px;
    font-family: "arrows";
    margin-right: 10px;
    color: #6f6f6f;
    position: relative;
    top: 1px;
  }
  .widget_shopping_cart_content{
    opacity: 0;
    visibility: hidden;
    -webkit-transition: 0.2s all ease-in-out;
    -moz-transition: 0.2s all ease-in-out;
    -ms-transition: 0.2s all ease-in-out;
    -o-transition: 0.2s all ease-in-out;
    transition: 0.2s all ease-in-out;
    position: absolute;
    z-index: 10001;
    right: 0;
    top: 42px;
    margin-top: 20px;
    border-top: 1px solid #f1f1f1;
    background: white;
    text-align: start;
    padding: 20px;
    width: 320px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    border: 1px solid #ebebeb;
    -webkit-box-shadow: 2px 2px 10px 2px rgba(0,0,0,0.1);
    box-shadow: 2px 2px 10px 2px rgba(0,0,0,0.1);
    ul{
      display: inline-block;
      padding-left: 0;
      width: 100%;
      li{
        list-style: none;
        width: 100%;
        margin-bottom: 20px;
        border-bottom: 1px solid #e2e2e2;
        padding-bottom: 10px;
        .media{
          width: 100%;
          display: inline-block;
          .product-image{
            display: inline-block;
            width: 30%;
            margin-right: 10px;
          }
          img{
            margin: 0 10px 5px 0;
            max-width: 80px;
          }
          .media-body{
          	width: 65%;
          }
        }
        .media-heading{
          margin-bottom: 0;
          a{
            color: #000000;
            text-transform: uppercase;
            font-size: 12px;
            letter-spacing: 0px;
          }
        }
        .delete-btn{
            float: right;
            color: #dedede;
            font-size: 16px;
            font-weight: bold;
            -webkit-transition: 0.2s all ease-in-out;
            -moz-transition: 0.2s all ease-in-out;
            -ms-transition: 0.2s all ease-in-out;
            -o-transition: 0.2s all ease-in-out;
            transition: 0.2s all ease-in-out;
            background-image: url(images/black_cross.png);
            background-repeat: no-repeat;
            background-position: center center;
            display: block;
            width: 15px;
            height: 15px;
            font-size: 0;
            opacity: 0.3;
        }
        .descr-box{
          display: inline-block;
          width: 70%;
        }
      }
      dt.variation-Size,
      dt.variation-Color{
        float: left;
        margin-right: 4px;
      }
    }
    .totals{
      display: inline-block;
      float: right;
      p{
        text-align: end;
        margin-bottom: 20px;
        font-size: 16px;
        margin-right: 5px;
        position: relative;
        top: 3px;
        text-transform: uppercase;
        font-family: Georgia;
        color: #000000;
      }
      span{
        font-size: 24px;
      }
    }
    .bottom-btn{
      a{
        width: 48%;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
        text-align: center;
        &:hover{
          text-decoration: none;
        }
      }
    }
  }
}

.hover-effect-swap{
	&:hover {
		.product-content-image{
			img{
				opacity: 1;
			}
			.hide-image{
				opacity: 0;
			}
		}
	}
}
.product-content-image {
	img {
	    margin:  0 auto;
	    display: block;
	}
}

.hover-effect-swap{
	.product-content-image{
		position: relative;
		text-align: center;
		.hide-image{
			opacity: 1;
			position: static;
		}
		img{
			opacity: 0;
			position: absolute;
			top: 0;
      left: 50%;
      transform: translateX(-50%);
			-webkit-transition: 0.2s linear;
			-moz-transition: 0.2s linear;
			-ms-transition: 0.2s linear;
			-o-transition: 0.2s linear;
			transition: 0.2s linear;
			&.main-image{
				opacity: 1;
				position: static;
        transform: none;
			}
      &.woocommerce-placeholder{
        opacity: 1;
        position: static;
      }
		}
	}
}
// .sidebar{
//   .hover-effect-swap{
//     .product-content-image{
//       img{
//         opacity: 1;
//       }
//     }
//   }
//   .product{
//     .hover-effect-swap{
//       .product-content-image{
//         img{
//           opacity: 0;
//           &.hide-image{
//             opacity: 1;
//           }
//         }
//       }
//     }
//   }
//   &:hover{
//     .product{
//       .hover-effect-swap{
//         .product-content-image{
//           img{
//             opacity: 1 !important;
//           }
//         }
//       }
//     }
//   }
// }
.vc_row[data-vc-full-width] {
  overflow: hidden !important;
}
.header-type-2 .shopping-cart-widget:hover .cart-popup{
  margin-top: 20px;
}
.products-small {
  .product-item {
    margin-bottom: 20px;
    border-bottom: 1px solid #e2e2e2;
    padding-bottom: 10px;
    h5 {
      font-weight: normal;
      text-transform: none;
      margin-bottom: 3px;
      a {
        color: @headingsColor;
        text-transform: uppercase;
        font-size: 12px;
        letter-spacing: 0px;
      }
    }
    &:hover{
      img{
        opacity: 0.7;
      }
    }
    .product-image {
      display: inline-block;
      float: left;
      img {
        margin: 0 10px 5px 0;
        max-width: 80px;
      }
    }
    .qty{
      .quanity-label{
        text-transform: uppercase;
      }
      strong {
        font-weight:300;
      }
    }
    .delete-btn {
      float: right;
      color: #dedede;
      font-size:16px;
      font-weight: bold;
      -webkit-transition: 0.2s all ease-in-out;
      -moz-transition: 0.2s all ease-in-out;
      -ms-transition: 0.2s all ease-in-out;
      -o-transition: 0.2s all ease-in-out;
      transition: 0.2s all ease-in-out;
      background-image: url(images/black_cross.png);
      background-repeat: no-repeat;
      background-position: center center;
      display: block;
      width: 15px;
      height: 15px;
      font-size: 0;
      opacity: 0.3;
      &:hover {
        opacity: 1;
        filter: alpha(opacity=1);
        color: @headingsColor;
        text-decoration:none;
      }
    }
    .price {
      float: right;
      font-size:16px;
      font-family: @font2;
    }
    .variation {
      display: inline;
      float: left;
      width: 170px;
      dt, dd {
        font-weight:200;
        display:inline;
      }
      dd{
        font-weight:200;
        margin-left: 3px;
        margin-right: 3px;
        &:nth-child(2n):after{
          content: " /";
        }
         &:last-child:after{
          content: "";
        }

}
    }
  }
}
.order_details{
  .variation{
    dd{
      p{
        line-height: 20px;
      }
      &:after{
        display: none;
      }
    }
  }
}

/*---------------------------------------------------------------*/
/* Search form
/*---------------------------------------------------------------*/
#searchform {
  .screen-reader-text {
    display: none;
  }
  input[type="text"] {
    float: left;
    margin-right: 10px;
  }

}
.search-left{
  width: 325px;
}
.search {
  position: relative;
 .et-mega-search{
     form {
      .button {
        background: url(images/icon-zoom.png) no-repeat center 8px;
        text-indent: -99999px;
        font-size:0;
        text-align:left;
        width:18px;
        height: 30px;
        border:0;
        -webkit-transition: none;
        -moz-transition: none;
        -ms-transition: none;
        -o-transition: none;
        transition: none;

}
      input[type="text"] {
        margin: 0;
        float:none;
        padding: 2px 11px;
        color:#6f6f6f;
        font-size: 13px;
        border:1px solid #ebebeb;
        line-height: 24px;
        height: 30px;
        -webkit-box-sizing: border-box;
           -moz-box-sizing: border-box;
                box-sizing: border-box;
      }
    }
    &.hide-input {
      input[type="text"]{
        display: none;
      }
    }
    &.loading{
      position: relative;
      top:0;
      left: 0;
    }
 }
}
.boxed .search .et-mega-search form .button{
  background: url(images/icon-zoom.png) no-repeat center center;
}

/*---------------------------------------------------------------*/
/* Mega Search
/*---------------------------------------------------------------*/
header .et-mega-search{
  width: 250px;
  .button{
    top:0 !important;
  }
}
.et-mega-search {
  position: relative;
  &.result-exist {
    .et-close-results,
    .et-search-result {
      display: block;
    }
  }
  form {
    input[type="text"] {
      display: inline-block;
      padding-left: 2%;
      padding-right: 2%;
      width: 100%;
    }
    .button {
      position: absolute;
      top: 0;
      right: 6px;
      background: url(images/icon-zoom.png) no-repeat center 8px;
      text-indent: -99999px;
      font-size: 0;
      text-align: start;
      width: 30px;
      padding:0;
      height: 40px;
      border: 0;
      -webkit-transition: none;
      -moz-transition: none;
      -ms-transition: none;
      -o-transition: none;
      transition: none;
      &:hover {
        background-color:transparent!important;
      }
    }
  }
  .et-close-results {
    display: none;
    cursor: pointer;
    position: absolute;
    z-index: 101;
    top:64px;
    right:8px;
    color: #dedede;
    font-size: 16px;
    font-weight: bold;
    -webkit-transition: 0.2s all ease-in-out;
    -moz-transition: 0.2s all ease-in-out;
    -ms-transition: 0.2s all ease-in-out;
    -o-transition: 0.2s all ease-in-out;
    transition: 0.2s all ease-in-out;
    background-image: url(images/black_cross.png);
    background-repeat: no-repeat;
    background-position: center center;
    width: 15px;
    height: 15px;
    font-size: 0;
    opacity: 0.3;
  }
  .et-search-result {
    display: none;
    position: absolute;
    top:55px;
    width:100%;
    .border-box();
    z-index: 100;
    background: white;
    border:1px solid #efefef;
    padding: 20px 20px 0;
    box-shadow: 2px 2px 10px 2px rgba(0,0,0,0.1);
    -moz-box-shadow: 2px 2px 10px 2px rgba(0,0,0,0.1);
    -webkit-box-shadow: 2px 2px 10px 2px rgba(0,0,0,0.1);
    &:after {
      content: "";
      display: block;
      right: 25px;
      width: 27px;
      height: 14px;
      background-image: url(images/after-arrow.png);
      background-position: center center;
      background-repeat: no-repeat;
      margin: -14px 0 0 2em;
      position: absolute;
      top: 0;
    }
    ul {
      padding: 0;
      list-style: none;
      li {
        padding:8px 20px;
        margin: 0 -20px;
      }
    }
  }
  &.loading {
    .et-search-result{
      display: block;
      padding:30px;
      background: #fff url(images/loading.gif) no-repeat center center;
    }
  }
}
.header2 .et-mega-search {
width: auto;
position: relative;
float: left;
left: 50% !important;
-webkit-transform: translateX(-50%);
-moz-transform: translateX(-50%);
-ms-transform: translateX(-50%);
z-index: 100;
}
/*---------------------------------------------------------------*/
/* First and Fifth Header Variant
/*---------------------------------------------------------------*/
.header5,
.header6,
.header1,
.header7 {
  text-align: center;
  margin-top: 30px;
  margin-bottom: 30px;
  .container{
    position: relative;
  }
  .site-description {
    float: left;
    width: 335px;
    text-align: start;
    padding: 15px 0;
  }
  .logo {
    display: table-cell;
    vertical-align: middle;
    width: 300px;
    img{
      max-width: 300px;
    }
  }
  .search-left{
    display: table-cell;
    vertical-align: middle;
  }
  .logo-text {
    font-size: 50px;
    font-family: Georgia;
    text-transform: uppercase;
    letter-spacing: 10px;
    line-height: 45px;
    &:hover{
      text-decoration: none;
      color: #000;
    }
  }
  .shopping-cart-widget {
   position: relative;
    float: none;
    display: table-cell;
    vertical-align: middle;

}
}
.header6{
  text-align: center;
  margin-top: 40px;
  margin-bottom: 40px;
  .site-description {
    display: none;
  }
  .logo {
    display: table-cell;
    vertical-align: middle;
    float: none;
    width: 100%;
    img{
      max-width: 300px;
    }
  }
  .search {
    display: none;
  }
}

.logo-with-menu {
  display: none;
  float: left;
}

.header-type-5,
.header-type-6,
.header-type-7,
.header-type-1 {
  .main-nav {
    .menu {
      text-align: center;
      > li {
        margin-right: -3px;
        li {
          text-align: start;
        }
      }
    }
  }
}

.header-type-5 {
  .top-bar {
    background: #000;
    .container {
      border: none;
    }
  }
}

.header-type-6 {
  .top-bar {
    a, a:hover,
    li:after,
    li:before,
    .search-link:before {
      color:white;
    }
    .container {
      border: none;
    }
    .shopping-cart-link:before{
      line-height: 14px;
    }
  }
  .shopping-cart-link span.amount{
    color: #fff !important;
  }
}
.header-type-6 .top-bar .top-links .submenu-dropdown ul li a,
.header-type-7 .top-bar .top-links .submenu-dropdown ul li a {
  color: #8e8e8e;
}
.header-type-6 .top-bar .top-links .submenu-dropdown ul li a:hover,
.header-type-7 .top-bar .top-links .submenu-dropdown ul li a:hover {
  color: #fc5a5a;
}
.header-type-6 .top-bar .wishlist-link a:hover span{
  color: #FFF !important;
  text-transform: uppercase;
}
.header-type-6 .top-bar a:before,
.header-type-6 .top-bar .search .search-link:before{
  color: #FFF;
}

.header-type-5 .top-bar .wishlist-link a:hover span,
.header-type-5 .top-bar .links li a{
  color: #afafaf !important;
  text-transform: uppercase;
}
.top-cart-disabled {
  .logo{
    float: left;
  }
  // .header .search:not(.ghost){
  //   padding: 15px 0 15px 25px;
  //   float: left;
  //   -webkit-transform: none;
  //      -moz-transform: none;
  //       -ms-transform: none;
  //        -o-transform: none;
  //           transform: none;
  //   top:50%;
  //   margin-top: -15px;
  //
  // }

}
.top-cart-disabled .header-type-2 .search{
  position: static;
  input[type="text"]{
    float: left !important;
  }
  .button{
    float: right;
  }
}
.boxed .header5 .logo, .boxed .header6 .logo,.boxed .header1 .logo,.boxed .header7 .logo{
  float: none;
}
/*---------------------------------------------------------------*/
/* Second Header Variant
/*---------------------------------------------------------------*/
.header2 {
  text-align: center;
  margin-top: 30px;
  margin-bottom: 30px;
  .site-description {
    display: none;
  }
  .search-left {
    display: none !important;
  }
  .search {
    display: table-cell;
    vertical-align: middle;
    float: none;
    text-align: center;
    input[type="text"]{
      width: 230px;
    }
    .site-description {
      margin-bottom: 2px;
      display: block;
    }
  }
  .logo {
    display: table-cell;
    vertical-align: middle;
    text-align: start;
    float: none;
    width: 345px;
    img{
      max-width: 300px;
    }
  }
  .logo-text {
    font-size: 50px;
    font-family: Georgia;
    text-transform: uppercase;
    letter-spacing: 10px;
    line-height: 45px;
    &:hover{
      text-decoration: none;
      color: #000;
    }
  }
  .shopping-cart-widget {
    display: table-cell;
    vertical-align: middle;
    float: none;
    width: 320px;
  }
}

.header-type-2 {
  .top-bar {
    background-color:#f8f8f8;
    .container {
      border: none;
    }
  }
  .main-nav {
    .menu {
      text-align: center;
      > li {
        margin-right: -3px;
        li {
          text-align: start;
        }
      }
    }

}
}

/*---------------------------------------------------------------*/
/* Third and Fourth Header Variant
/*---------------------------------------------------------------*/
.header4,
.header3 {
  display: none;
}

.header-type-3,
.header-type-4 {
  .top-bar {
    background: none;
    .container {
      border: none;
      -webkit-box-sizing: border-box;
         -moz-box-sizing: border-box;
              box-sizing: border-box;
    }
  }
  > .container{
    display: table;
    .menu-wrapper{
      display: table-row;
    }
  }
  .menu-wrapper {
    display: flex;
    align-items: center;
    justify-content: space-between;
  }
  .logo-with-menu {
    display: table-cell;
    vertical-align: middle;
    width: 240px;
    float: none;
  }
  .logo-with-menu img{
    max-width: 100%;
    width: 100%;
  }
  .logo-with-menu+div{
    display: table-cell;
      vertical-align: middle;
  }
  .main-nav {
    background-color:#f8f8f8;
    .double-border {
      padding:30px 0;
      border:none;
    }
    .menu {
      width: 700px;
      text-align: end;
      float: none;
      margin-right: 0px;
      > li {
        margin-right: -3px;
        padding: 0 11px;
        &:last-child{
          padding-right: 0 !important;
        }
          > a{
            padding-top: 14px;
            &:hover{
              text-decoration: underline;
              &:before{
                content: '';
                position: absolute;
                width:100%;
                background-color: transparent;
                border-bottom:none;
                bottom: 0;
                top: 2px;
                left: 0;
                border-top: none;
              }
              &:after{
                content:"";
                position: absolute;
                top:0;
                left:0;
                width: 100%;
                height: 50px;
              }
            }
          }
          &.current-menu-parent,
          &.current-menu-item {
            > a {
              text-decoration: underline;
              &:before{
                content: '';
                position: absolute;
                width:100%;
                background-color: transparent;
                border-bottom:none;
                bottom: 0;
                top: auto;
                left: 0;
                border-top: none;
              }
            }
          }
        li {
          text-align: start;
        }
      }
    }

}
}

.header-type-3 {
  .top-bar {
    background-color:#f8f8f8;
  }
  .main-nav {
    background: none;
    border-top: none;
    .double-border {
      border-top: none;
    }
  }
}

.header6 .logo{
    position: static;
    -webkit-transform: translateX(0);
       -moz-transform: translateX(0);
        -ms-transform: translateX(0);
         -o-transform: translateX(0);
            transform: translateX(0);
    top:0;
  }
.page-heading{
  background-size: cover;
}
.woocommerce{
  ul{
    li{
    list-style: none;
    }
  }
}
/*---------------------------------------------------------------*/
/* Fourth Header Variant (transparent)
/*---------------------------------------------------------------*/
.header-type-4.transparent.dark + .page-heading{
  .woocommerce-breadcrumb,
  .breadcrumbs,
  #breadcrumb{
    &, a{
      color: #000;
    }
  }
  h1:before,
  .title:before{
    display: none;
  }
  .title span{
    background: transparent;
    color: #000;
  }
}
.header-type-4.transparent.dark{
	.show-top-panel{
		color: #000;
	}
}
.header-type-4.transparent.light + .page-heading{
  .woocommerce-breadcrumb,
  .title{
    &,
    a,
    span{
      color: #fff;
    }
  }
  .breadcrumbs,
  #breadcrumb{
    &,
    a{
      color: #fff;
    }
  }
  .back-to{
    color: #fff;
  }
  h1:before,
  .title:before{
    display: none;
  }
  .title span{
    background: transparent;
  }
}
.header-type-4{
  &.transparent{
    position: absolute;
    left: 50%;
    -webkit-transform: translateX(-50%);
    -moz-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    -o-transform: translateX(-50%);
    transform: translateX(-50%);
    z-index: 999;
    .main-nav{
      background-color: transparent;
    }
    .main-nav{
      .menu{
        float: right;
        margin-right: 0;
        > li > a{
          color: #fff;
        }
      }
    }
    .cart-summ {
      &,
      &:before {
        color: #fff;
      }
    }
    .links{
      li{
        &:before,
        &:after,
        a {
          color: #fff;
        }
      }
    }
    .shopping-cart-link,
    .search-link{
      &,
      span.amount,
      &:before{
        color: #fff;
      }
    }
    .top-bar{
      .container{
        padding: 17px 0px 16px;
      }
      .wishlist-link{
        a{
          color: #fff;
        }
      }
    }
    +.container{
      .page-content{
        padding-top: 0;
      }
    }
    +.page-heading{
      &.bc-type-,
      &.bc-type-variant2,
      &.bc-type-without-title{
        padding-top: 200px;
        background-size: cover !important;
        padding-bottom: 35px;
        /*
        background: -webkit-linear-gradient(top, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.4) 100%);
        background: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, 0)), to(rgba(0, 0, 0, 0.4)));
        background: linear-gradient(to top, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.4) 100%);
        filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00000000', endColorstr='#66000000', GradientType=0);*/
        /*&:before{
          content: "";
          background: -webkit-linear-gradient(top, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.1) 100%);
          background: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, 0)), to(rgba(0, 0, 0, 0.1)));
          background: linear-gradient(to top, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.1) 100%);
          filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00000000', endColorstr='#66000000', GradientType=0);
          display: block;
          width: 100%;
          height: 287px;
          position: absolute;
          top: 0;
        }*/
      }
    }
    .side-area-icon{
      top: 18px;
    }
    &.dark{
      .main-nav .menu > li > a,
      .top-bar .wishlist-link a,
      .links li a,
      .links li:before,
      .shopping-cart-link,
      .search-link,
      .shopping-cart-link:before,
      .search-link:before,
      .shopping-cart-link span.amount,
      .search-link span.amount,
      .side-area-icon i:before,
      .menu-icon i:before{
        color: #000;
      }
    }
  }
}

/*---------------------------------------------------------------*/
/* Fixed header
/*---------------------------------------------------------------*/

.fixed-header-area {
  position: fixed;
  top:-200px;
  left:0;
  width:100%;
  z-index:10000;
  -webkit-transition: 0.5s all ease-in-out;
  -moz-transition: 0.5s all ease-in-out;
  -ms-transition: 0.5s all ease-in-out;
  -o-transition: 0.5s all ease-in-out;
  transition: 0.5s all ease-in-out;
  &.fixed-already {
    top:0;
  }
  .menu{
    float: right;
    > li{
      padding: 0 11px !important;

}
  }
  .fixed-header{
    > .container{

.menu-wrapper{
        display: flex;
        justify-content: space-between;
        align-items: center;
      }
    }
    .logo-with-menu{
      display: table-cell;
      width: 184px;
    }
    .logo-with-menu+div+div{
      margin-left: auto;
    }
    .menu{
      float: right;
    }
  }
}
.admin-bar .fixed-header-area.fixed-already {
  top: 28px;
}
/*---------------------------------------------------------------*/
/* Main menu
/*---------------------------------------------------------------*/
.main-nav{
  border-top: 1px solid #dbdbdb;
  border-bottom: 1px solid #dbdbdb;
  padding: 2px 0;
  position: relative;
  .double-border {
    border-top: 1px solid #dbdbdb;
    border-bottom: 1px solid #dbdbdb;
  }
}

.fixed-header .menu,
.main-nav .menu {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  list-style:none;
  margin-bottom: 0;
  padding-left: 0;
  > li {
    display: inline-block;
    padding: 0 22px;
    &.badge-new,
    &.badge-hot,
    &.badge-sale {
      > a {
        &:before {
          content: '';
          position: absolute;
          width: 20px;
          right:-30px !important;
          height: 12px;
          bottom:auto !important;
          left:auto !important;
          padding: 2px 20px;
          background-repeat: no-repeat;
          background-position: center right;
          text-decoration: none !important;
        }
      }
      &:hover {
        text-decoration: none !important;
      }
    }
    &.badge-new {
      > a {
        &:before {
          background-image: url(images/new-icon.png);
        }
      }
    }
    &.badge-hot {
      > a {
        &:before {
          background-image: url(images/hot-icon.png);
        }
      }
    }
    &.badge-sale {
      > a {
        &:before {
          background-image: url(images/sale-icon.png);
        }
      }
    }
    > a {
      display: block;
      position: relative;
      font-family: Georgia;
      font-size: 14px;
      padding: 16px 5px;
      text-transform: uppercase;
      font-weight: 400;
      &:after{
        content:"";
        position: absolute;
        width: 100%;
        height: 80px;
        bottom: -60px;
        left: 0;
      }
    }
    .nav-sublist-dropdown {
      display: none;
      position: absolute;
      z-index: 10000;
      width: 200px;
      top:100%;
      border-bottom: 1px solid #ebebeb;
      padding: 0;
      background-color: rgba(255, 255, 255, 1);
      box-sizing: border-box;
      -moz-box-sizing: border-box;
      -webkit-box-sizing: border-box;
      max-width: 100%;
      &:before{
        content: "";
        position: absolute;
        width: 100%;
        height: 100%;
        left: 0;
        top:-15px;
        z-index: -1;
      }
      ul{
        padding-left: 0;
        margin-bottom: 0;
        list-style: none;
        li {
          &.image-item {
            a {
              font-size: 0 !important;
            }
            &:before {
              display: none;
            }
          }
          &.badge-new,
          &.badge-hot,
          &.badge-sale {
            > a {
              &:after {
                content: '';
                position: relative;
                padding: 2px 20px;
                background-repeat: no-repeat;
                background-position: center center;
                text-decoration: none !important;
              }
            }
            &:hover {
              text-decoration: none !important;
            }
          }
          &.badge-new {
            > a {
              &:after {
                background-image: url(images/new-icon.png);
              }
            }
          }
          &.badge-hot {
            > a {
              &:after {
                background-image: url(images/hot-icon.png);
              }
            }
          }
          &.badge-sale {
            > a {
              &:after {
                background-image: url(images/sale-icon.png);
              }
            }
          }
        }
      }
      .container{
        max-width: 100%;
        > ul {
          > li {
            a {
              font-family: 'Open Sans', sans-serif;
              padding: 15px 20px;
              display: block;
              border-left: 1px solid #dbdbdb;
              border-right: 1px solid #dbdbdb;
              border-top: 1px solid #dbdbdb;
              -webkit-box-sizing: border-box;
              -moz-box-sizing: border-box;
              box-sizing: border-box;
            }
          }
          .menu-item-has-children{
            position: relative;
            > a {
              &:before {
                content: '';
                width: 15px;
                height: 9px;
                position: absolute;
                right: 10px;
                margin-left: 13px;
                background: url(images/shortcodes-arrow-right.png) no-repeat;
                top:50%;
                -webkit-transform: translateY(-50%);
                -ms-transform: translateY(-50%);
                   transform: translateY(-50%);
              }
            }
            .nav-sublist{
              position: absolute;
              left:199px;
              top:0;
              li {
                background-color: rgba(255, 255, 255, 0.95);
                width: 200px;
              }
            }
            &:hover{
              > .nav-sublist{
                display: block;
              }
            }

.nav-sublist{
              display: none;
            }
          }
        }
      }
    }
    &.menu-full-width {
      .nav-sublist-dropdown {
        padding: 25px 0 30px;
        width: 100%;
        left:0;
        border-bottom: 1px solid #dfdfdf;
        -webkit-box-shadow: 0px 2px 10px -2px rgba(0, 0, 0, 0.3);
        box-shadow: 0px 2px 10px -2px rgba(0, 0, 0, 0.3);
        .container{
          > ul {
            > li {
              width: 18.297%;
              &.et-col12 {
                width: 100%;
              }
              &.et-col11 {
                width: 91.48936170212765%;
              }
              &.et-col10 {
                width: 82.97872340425532%;
              }
              &.et-col9 {
                width: 74.46808510638297%;
              }
              &.et-col8 {
                width: 65.95744680851064%;
              }
              &.et-col7 {
                width: 57.44680851063829%;
              }
              &.et-col6 {
                width: 48.93617021276595%;
              }
              &.et-col5 {
                width: 40.42553191489362%;
              }
              &.et-col4 {
                width: 31.914893617021278%;
              }
              &.et-col3 {
                width: 23.404255319148934%;
              }
              &.et-col2-5 {
                width: 18.297%;
              }
              &.et-col2 {
                width: 14.893617021276595%;
              }

&.et-col1 {
                width: 6.382978723404255%;
              }
              > a {
                font-size: 14px;
                text-transform: uppercase;
                font-family: Georgia;
              }
              a {
                padding: 5px 5px;
                border:none;
              }
              .nav-sublist {
                display: block;
                position: relative;
                left: auto;
                ul {
                  li {
                    background: none;
                    width: auto;
                    &:before {
                      font-family: "FontAwesome";
                      font-weight: normal;
                      font-style: normal;
                      text-decoration: inherit;
                      content: "\f105";
                      -webkit-font-smoothing: antialiased;
                      float: left;
                      line-height: 20px;
                      font-size: 16px;
                      margin: 3px 10px 0 10px;
                      -webkit-transition: all 0.2s ease-in-out;
                      -moz-transition: all 0.2s ease-in-out;
                      -ms-transition: all 0.2s ease-in-out;
                      -o-transition: all 0.2s ease-in-out;
                      transition: all 0.2s ease-in-out;
                    }
                    ul {
                      margin: 3px 0 3px 3px;
                      li {
                        &:before {
                          line-height: 17px;
                        }
                        a {
                          padding: 3px;
                          font-size: 11px;
                        }
                      }
                    }
                  }
                }
              }
            }
            .menu-item-has-children {
              > a:before {
                background:none;
              }
            }
          }

}
      }
    }
  }
  .menu-full-width .nav-sublist-dropdown .container > ul > li,
  [class*="et-col"] {
    display: block;
    width: 100%;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    margin-left: 0;
  }
  .menu-full-width .nav-sublist-dropdown .container > ul > li{
    float: left;
  }
  .menu-full-width .nav-sublist-dropdown .container > ul > li:first-child,
  [class*="et-col"]:first-child {
    margin-left: 0 !important;
  }
}

.fixed-header .menu > li:nth-last-child(1), .main-nav .menu > li:nth-last-child(1),
.fixed-header .menu > li:nth-last-child(2), .main-nav .menu > li:nth-last-child(2){
  .nav-sublist-dropdown .container > ul .menu-item-has-children .nav-sublist{
    left:auto;
    right: 199px;
  }
}

.fixed-header .menu > li.menu-full-width:nth-last-child(1), .main-nav .menu > li.menu-full-width:nth-last-child(1),
.fixed-header .menu > li.menu-full-width:nth-last-child(2), .main-nav .menu > li.menu-full-width:nth-last-child(2){
  .nav-sublist-dropdown .container > ul .menu-item-has-children .nav-sublist{
    left:auto;
    right: auto;
  }
}

.main-nav .menu > li .nav-sublist-dropdown .container > ul .menu-item-has-children.et-col2,
.main-nav .menu > li .nav-sublist-dropdown .container > ul .image-item.et-col3,
.fixed-header .menu > li .nav-sublist-dropdown .container > ul .menu-item-has-children.et-col2,
.fixed-header .menu > li .nav-sublist-dropdown .container > ul .image-item.et-col3{
  margin-left: 0;
}
.fixed-menu-type4 .fixed-header .menu > li .nav-sublist-dropdown:before, .header-type-4 .main-nav .menu > li .nav-sublist-dropdown:before,
.fixed-menu-type3 .fixed-header .menu > li .nav-sublist-dropdown:before, .header-type-3 .main-nav .menu > li .nav-sublist-dropdown:before,{
  top:-50px;
}
.main-nav .menu > li .nav-sublist-dropdown .container ul .menu-item-has-children .nav-sublist ul li:last-child a,
.fixed-header .menu > li .nav-sublist-dropdown .container ul .menu-item-has-children .nav-sublist ul li:last-child a,
.main-nav > .menu > li > .nav-sublist-dropdown > .container > ul > li:last-child a {
  border-bottom: 1px solid #dbdbdb;
}

.main-nav .menu > li.menu-full-width .nav-sublist-dropdown .container ul .menu-item-has-children .nav-sublist ul li:last-child a,
.fixed-header .menu > li.menu-full-width .nav-sublist-dropdown .container ul .menu-item-has-children .nav-sublist ul li:last-child a{
  border-bottom: none;
}
.main-nav .menu > li .nav-sublist-dropdown{
  background-color: #FFF !important;
}
.menu ul > li.badge {
	&-new,
	&-sale,
	&-hot {
		& > a {
			&:after {
				content: '';
				position: relative;
  				padding: 2px 20px;
  				background-repeat: no-repeat;
			  	background-position: center center;
			  	text-decoration: none !important;
			}
		}
		&:hover {
			& > a {
				&:after {
					text-decoration: none !important;
				}
			}
		}
	}
	&-new {
		> a {
			&:after {
				background-image: url(images/new-icon.png);
			}
		}
	}
	&-sale {
		> a {
			&:after {
				background-image: url(images/sale-icon.png);
			}
		}
	}
	&-hot {
		> a {
			&:after {
				background-image: url(images/hot-icon.png);
			}
		}
	}
}

.fixed-header {
  background: rgba(255,255,255,1);
  border-bottom: 1px solid #dfdfdf;
  -webkit-box-shadow: 0px 2px 10px -2px rgba(0,0,0,0.3);
  box-shadow: 0px 2px 10px -2px rgba(0,0,0,0.3);
  padding: 8px 0px;
  .menu{
    li{
      a{
        padding-bottom: 15px;
      }
    }
    &-icon {
      top: auto;
    }
  }
  .modal-buttons {
    padding-top: 0;
    margin-left: auto;
  }
}

.my-account-link .install-info{
  font-size: 12px !important;
}

.install-menu-info{
  font-size: 12px;
  margin-top: 10px;
  margin-bottom: 10px;
}

.side-area .sidebar-widget h6{
  color: #f5f5f5;
  margin-top: 20px;
}

.sidebar-widget {
	.product_list_widget {
		.order-list {
			padding-left: 0px;
		}
		img {
			margin: 0 10px 0 0;
		}
		.woocommerce-mini-cart-item {
			.media-heading {
				font-size: 14px;
			}
			.remove {
				float: right;
			    color: #dedede;
			    font-size: 16px;
			    font-weight: bold;
			    -webkit-transition: 0.2s all ease-in-out;
			    -moz-transition: 0.2s all ease-in-out;
			    -ms-transition: 0.2s all ease-in-out;
			    -o-transition: 0.2s all ease-in-out;
			    transition: 0.2s all ease-in-out;
			    background-image: url(images/black_cross.png);
			    background-repeat: no-repeat;
			    background-position: center center;
			    display: block;
			    width: 15px;
			    height: 15px;
			    font-size: 0;
			    opacity: 0.3;
			}
			.blockUI {
				opacity:0.1;
			}
		}
	}
}

.menu-wrapper .install-info{
  text-align: center;
  width: 100%;
  text-transform: uppercase;
  margin-top: -8px;
}

.fixed-header .menu-wrapper .install-info {
  width: auto;
  float: left;
  display: block;
  margin-left: 20px;
  margin-top: 15px;
}
/*---------------------------------------------------------------*/
/* Side block
/*---------------------------------------------------------------*/
.side-block {
position: absolute;
background: #2f2f2f;
left: 0;
top: 0;
width: 240px;
height: 100%;
bottom: 0;
z-index: 250;
-webkit-transition: opacity 100ms 300ms, -webkit-transform 500ms ease;
-moz-transition: opacity 100ms 300ms ease, -moz-transform 500ms ease;
-o-transition: opacity 100ms 300ms ease, -o-transform 500ms ease;
transition: opacity 100ms 300ms ease, transform 500ms ease;
-webkit-transition-delay: ease, 0s;
  .close-block {
    font-size: 16px;
    position: relative;
    text-transform: uppercase;
    color:#fff;
    background-color: #151515;
    display: block;
    padding: 20px 0 20px 20px;
    font-family: @font;
    text-align: start;
    cursor: pointer;
    width: 100%;
    cursor: pointer;
    .border-box();
    &:hover {
      color:#c6c6c6;
      &:before{
        background-position: bottom center;
      }
    }
    &:before{
      content:"";
      display: block;
      width: 15px;
      height: 15px;
      position: absolute;
      right: 15px;
      top:25px;
      background-image: url(images/small-close.png);
      background-repeat: no-repeat;
      background-position: top center;
    }
  }
}

/*---------------------------------------------------------------*/
/* Side area
/*---------------------------------------------------------------*/

.shown-side-area{
  .page-wrapper{
    overflow-x: hidden;
  }
  .top-bar .container{
    position: static;
  }
}

.side-area {
left: auto;
width: 0;
right: 0;
padding: 0px;
font-size: 0;
color: #c7c7c7;
box-sizing: border-box;
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
  .close-block{
    display: none;
    float: left;
    padding: 10px 20px;
    text-align: center;
    background-image: url(images/white_cross_big.png);
    background-repeat: no-repeat;
    background-position: center center;
    &:before{
      background-image: none;
    }
    &:hover{
      opacity: 0.8;
    }
    i{
      float: right;
      font-size: 36px;
      width: 100%;
      color: #C6C6C6;
      &:before{
        content:"" !important;
      }
    }
    &:hover{
      color: #707070;
    }
  }
  .border-box();
  a {
    color:white;
  }
  h1,h2,h3,h4,h5 {
    color:#c7c7c7;
  }
  .sidebar-widget{
    display: none;
    float: left;
    width: 100%;
    padding: 0 20px;
    -webkit-box-sizing: border-box;
       -moz-box-sizing: border-box;
            box-sizing: border-box;
    margin-bottom: 50px;
  }
  .widget-title {
    font-family: @font;
    font-size: 14px;
    color: #fff !important;
    text-align: center;
    border-bottom: 1px solid #3e3e3e !important;
    padding-bottom: 10px;
    margin-bottom: 20px;
  }
}

.widget_search{
  min-height: 32px;
}

.shown-side-area .side-area{
width: 290px;
-webkit-transform: translate3d(0,0,0);
-moz-transform: translate3d(0,0,0);
-ms-transform: translate3d(0,0,0);
-o-transform: translate3d(0,0,0);
transform: translate3d(0,0,0);
font-size: inherit;
}

.shown-side-area .close-block, .shown-side-area .side-area .sidebar-widget {
  display: block;
}

.shown-side-area .side-area .sidebar-widget{
  border-top:1px solid #3e3e3e;
}

.side-area-icon,
.menu-icon {
  cursor: pointer;
  font-size: 24px;
  float: right;
  line-height: 25px;
  margin-left: 20px;
  position: absolute;
  right:0;
  top:9px;
  color: #d3d3d3;
  i{
    position: absolute;
    right: 0;
    &:before{
      content: "\f0c9" !important;
      font-family: FontAwesome !important;
    }
  }
}

.side-area-icon i{
  right: 0;
  top:-4px;
  position: relative;

}

.header-type-5 .side-area-icon i{
  color: #afafaf !important;
}
.shown-side-area .side-area-icon,
.mobile-nav-shown .menu-icon {
  height: 100%;
  position: absolute;
  z-index:10010;
  i{
    display: none;
  }
}
.shown-side-area{
  .side-area-icon{
    width: 100%;
  }

.mobile-nav-shown {
    .menu-icon{
      width: 98%;
    }
  }
  .page-wrapper{
    overflow: hidden;
  }
  .etheme_cp_btn_show, .etheme_cp{
    z-index: -1;
  }
  .top-bar{
    position: static;
  }

}

.shown-side-area.wide{
 .page-wrapper{
    z-index: 0;
    right: 0;
  }
}

.shown-side-area{
 .page-wrapper{
    &:after{
      width: 100%;
      height: 100%;
      opacity: 1;
      -webkit-transition: opacity 0.5s;
      transition: opacity 0.5s;
    }
  }
}

.boxed.rightPanel-enabled .shopping-cart-widget {
  padding-right: 20px;
  width: 305px;
}

.boxed .side-area {
  -webkit-transition: all 0.2s ease-in-out;
  -moz-transition: all 0.2s ease-in-out;
  -ms-transition: all 0.2s ease-in-out;
  -o-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out;
}

.wide .side-area {
  right: 0;
  z-index:1;
}

.shown-side-area.wide {
  .page-wrapper {
    right: 0;
  }
}
.shown-side-area.boxed {
  .side-area {
    right:0;
    z-index: 10006;
  }
}

/*---------------------------------------------------------------*/
/* Mobile navigation menu
/*---------------------------------------------------------------*/
.menu-icon {
  font-size: 28px;
  line-height: 28px;
  top: 16px;
}
body{
  -webkit-transition: all 0.5s;
     -moz-transition: all 0.5s;
      -ms-transition: all 0.5s;
       -o-transition: all 0.5s;
          transition: all 0.5s;
          overflow-x: hidden;
    &.transparent{
      .page-wrapper{
        background: transparent;
      }
    }
}

.mobile-nav {
  -webkit-transform: translate3d(-250px, 0, 0);
  -moz-transform: translate3d(-250px, 0, 0);
  -ms-transform: translate3d(-250px, 0, 0);
  -o-transform: translate3d(-250px, 0, 0);
  transform: translate3d(-250px, 0, 0);
  -webkit-transition: all 0.5s;
  position: absolute;
  top:0;
  left:-100%;
  z-index: 10100;
  height: 100%;
  width: 240px;
  background-color: #151515;
  .mobile-nav-heading{
    color: #FFF;
  font-size: 14px;
  text-transform: uppercase;
  padding-left: 20px;
  padding-bottom: 20px;
  letter-spacing: 1px;
  display: inline-block;
  margin-top: 30px;
  i{
    margin-right: 10px;
    font-size: 16px;
    display: none;
  }
  }
  ul.links{
    width: 100%;
    border-top: 1px solid #262626;
      li{
        display: inline-block;
        margin-left: 0;
        a{
          color: #c7c7c7;
          line-height: 40px;
          padding: 0 10px 0 0;
          font-size: 13px;
          text-transform: uppercase;
        }
        &.my-account-link{
          margin-left: 18px;
        }
      }
  .login-link{
    margin-left: 18px;
  }
  }
  .search {
    height: 30px;
    margin: 10px 20px 0 20px;
    margin-bottom: 20px;
  }
  .search .et-mega-search form input[type="text"]{
    right: 0;
    background: #151515;
    border: 1px solid #262626;
  }
  .et-search-result{
    display: none !important;
  }
}

.mobile-nav-shown .mobile-nav {
  -webkit-transition: all 0.5s;
  -webkit-box-shadow: 0px 10px 10px #111;
  -moz-box-shadow: 0px 10px 10px #111;
  box-shadow: 0px 10px 10px #111;
      -webkit-transform: translate3d(0, 0, 0);
  -moz-transform: translate3d(0, 0, 0);
  -ms-transform: translate3d(0, 0, 0);
  -o-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
  height: 100%;
  z-index: 100120;
  left:0;
  position: fixed;
  overflow-y: scroll;
}

.page-wrapper {
  position: relative;
  overflow: hidden;
}

.mobile-nav-shown .page-wrapper {
  &:after{
    width: 100%;
    height: 100%;
    opacity: 1;
    -webkit-transition: opacity 0.5s;
    transition: opacity 0.5s;
  }
}
.mobile-nav-shown .header .menu-icon{
  width: 100%;
  height: 100%;
  position: absolute;
  z-index: 10010;
}

.et-mobile-menu {
    text-align: start;
    margin-bottom: 0;
    padding-left: 0;
}

/* level 0
    -------------------------------------------------------------- */

.et-mobile-menu li {
        display:block;
        position: relative;
        &.over{
        > a{
          color: #FFF;
        }
      }
    }

.et-mobile-menu li .open-child {
      float: right;
      font-size: 0;
      width:40px;
      height:40px;
      margin-top: 1px;
      display: block;
      cursor: pointer;
      position: relative;
      background-color: #151515;
      -webkit-transition: background-color .3s ease;
      -moz-transition: background-color .3s ease;
      -ms-transition: background-color .3s ease;
      -o-transition: background-color .3s ease;
      transition: background-color .3s ease;
      &:hover{
        background-color: #0e0e0e;
        &:after{
          background-position: bottom center;
        }
      }
    }

.et-mobile-menu li .open-child:after {
        content: "";
        background-image: url(images/small-plus.png);
        background-position: bottom center;
        background-repeat: no-repeat;
        cursor:pointer;
        width: 19px;
        height: 19px;
        display: block;
        position: absolute;
        left:10px;
        top:10px;
        opacity: 0.5;
    }
    .et-mobile-menu li .open-child::selection{
        background-color: transparent !important;
    }
    .et-mobile-menu li.over > .open-child:after {
        background-image: url(images/small-plus.png);
        background-position: top center;
        background-repeat: no-repeat;
    }
    .et-mobile-menu li > a {
        color: #c7c7c7;
        display: block;
        line-height:40px;
        padding:0 10px 0 20px;
        font-size:14px;
        font-family: @font;
        text-transform: uppercase;
        background: #151515;
        border-top:1px solid #222222!important;
    }

.et-mobile-menu li > a:hover {
        background-color: #989898;
        text-decoration: none;
        color: #222;
        -webkit-transition: background-color .3s ease;
        -moz-transition: background-color .3s ease;
        -ms-transition: background-color .3s ease;
        -o-transition: background-color .3s ease;
        transition: background-color .3s ease;
    }
        /* level 1
        -------------------------------------------------------------- */

.et-mobile-menu > li > ul {
            border-top:0!important;
            padding-left: 0;
            margin-bottom: 0;
        }
            /* level 1 +
            -------------------------------------------------------------- */
            .et-mobile-menu > li ul {
                display: none;
                padding: 0;
                margin: 0;
            }

.et-mobile-menu > li > ul li {
                display: block;
                position: relative;
                background: #151515;
            }
            .et-mobile-menu > li > ul > li a {
                padding-left:20px;
                margin-left: 20px;
                text-transform: none;
                font-size:12px;
                font-family: @font2;
                display: block;
                background-color: #151515;
                &:before{
                  font-family: "FontAwesome";
                  font-weight: normal;
                  font-style: normal;
                  text-decoration: inherit;
                  content: "\f105";
                  -webkit-font-smoothing: antialiased;
                  float: left;
                  line-height: 40px;
                  font-size: 16px;
                  margin-right: 10px;
                  -webkit-transition: all 0.2s ease-in-out;
                  -moz-transition: all 0.2s ease-in-out;
                  -ms-transition: all 0.2s ease-in-out;
                  -o-transition: all 0.2s ease-in-out;
                  transition: all 0.2s ease-in-out;
                }
            }

.et-mobile-menu > li > ul > li li a {
                padding-left:15px;
                background-color: #151515;
                margin-left: 40px;
            }
            .et-mobile-menu > li > ul > li li li a {
                padding-left:30px;
                background-color: #151515;
                margin-left: 40px;
            }
             .et-mobile-menu > li > ul > li li li  li a{
               padding-left: 40px;
               margin-left: 45px;
             }

/*---------------------------------------------------------------*/
/* Menu Sidebar
/*---------------------------------------------------------------*/
.widget_nav_menu {
  margin-bottom: 20px;
  .widget-title {
    border-top: 1px solid #e6e6e6;
    border-left: 1px solid #e6e6e6;
    border-right: 1px solid #e6e6e6;
    padding:10px;
  }
  ul {
    padding-left: 0;
    margin-bottom: 0;
    border:1px solid #e6e6e6;
  }
  li {
    list-style:none;
    position: relative;
    &:before {
      content: "\f105";
      font-family: FontAwesome;
      font-size: 14px;
      position: absolute;
      left: 35px;
      top:17px;
    }
    &:hover{
      &:before{
        color: #ed1c2e;
      }
    }
    a {
      padding: 15px 20px 15px 50px;
      color: @headingsColor;
      font-size:15px;
      display: block;
      border-top: 1px solid #e6e6e6!important;

&:hover {
        border-color: #e6e6e6!important;
        color: #ed1c2e;
      }
    }
    &:first-child a{
      border-top: none !important;
    }
  }
  .widget-title {
    font-size: 16px;
    text-align: center;
    margin-bottom: 0;
    padding: 15px 0;
  }
  .current-menu-item{
    a {
      position: relative;
      border-left:none;
      color: #ed1c2e;
    }
  }
}

/*---------------------------------------------------------------*/
/* Page Layout
/*---------------------------------------------------------------*/
.page-wrapper {
  background: white;
  -webkit-transition: all 0.2s ease-in-out;
     -moz-transition: all 0.2s ease-in-out;
      -ms-transition: all 0.2s ease-in-out;
       -o-transition: all 0.2s ease-in-out;
          transition: all 0.2s ease-in-out;
}

.boxed {
  .page-wrapper {
    width:980px;
    margin: 0 auto;
    box-shadow: 0 1px 6px;
    -webkit-box-shadow: 0 1px 6px;
  }
  .main-nav > .container {
    width:100%;
  }
}

.page-content {
  padding-top: 20px;
  margin-bottom: 40px;
}
.page-heading {
  padding: 30px 0 10px;
  h1 {
    margin-bottom: 0;
    line-height: 1;
    margin-top: 5px;
    font-size: 28px;
  }
  .row-fluid .span12 {
    min-height: 1px;
    position: relative;
    .back-to{
      span{
        display: none;
      }
      position: absolute;
      right: 0;
      top: 1px;
      font-size: 11px;
      font-family: Georgia;
      color: #777;
      text-transform: uppercase;
      letter-spacing: 1px;
      &:before{
        content: "\f104";
        font-family: "FontAwesome";
        font-size: 14px;
        text-align: center;
        opacity: 1;
        display: block;
        text-indent: 0;
        position: absolute;
        left:-10px;
        top:-2.5px;
      }
    }
  }
}

.woocommerce-breadcrumb,
#breadcrumb {
  text-transform: uppercase;
  margin: 0;
  padding:0;
}

.breadcrumbs{
  position: relative;
  text-transform: uppercase;
  .back-to{
    top: -33px !important;
    span{
      display:none;
    }
    &:before{
      content: "\f104";
      font-family: "FontAwesome";
      font-size: 14px;
      text-align: center;
      opacity: 1;
      display: block;
      text-indent: 0;
      position: absolute;
      left:-10px;
      top:-2px;
    }
  }
}
.bc-type-without-title{
  .title{
    display: none;
  }
  .breadcrumbs{
    text-align: start;
    .back-to{
      top:0 !important;
    }
  }
  .woocommerce-breadcrumb{
    text-align: start;
  }
}

.bc-type-variant2{
  background-color: #fafafa;
  padding: 30px 0;
  -webkit-box-shadow: 0px 11px 14px -16px rgba(0,0,0,0.5) inset, 0px -11px 14px -16px rgba(0,0,0,0.5) inset;
  box-shadow: 0px 11px 14px -16px rgba(0,0,0,0.5) inset, 0px -11px 14px -16px rgba(0,0,0,0.5) inset;
  h1{
    float: left;
    line-height: 18px;
    margin-top: -4px;
    span{
      background-color: transparent;
      font-size: 17.5px;
    }
    &:before{
      border:none;
    }
  }
  .woocommerce-breadcrumb,
  .breadcrumbs{
    float: right;
    font-family: @font;
    line-height: 18px;
    padding-right: 20px;
  }
  .back-to{
    display: none;
  }
}
// sidebars positions
.sidebar-position-left .sidebar-right,
.sidebar-position-right .sidebar-left,
.sidebar-position-without .sidebar {
    display: none!important;
}

.sidebar-position-right {
  .content-area {
  	float: left;
  	.clearfix();
  }
}

.row-fluid .content.span12 {
  margin-left: 0!important;
}

/*---------------------------------------------------------------*/
/* Four columns
/*---------------------------------------------------------------*/

.one-fourth {
  float: left;
  margin-left: 20px;
  width:220px;
}

/*---------------------------------------------------------------*/
/* ET grid
/*---------------------------------------------------------------*/

.et_row{margin-left:-20px;*zoom:1;}.et_row:before,.et_row:after{display:table;content:"";line-height:0;}
.et_row:after{clear:both;}
[class*="et_col"]{float:left;min-height:1px;margin-left:20px;}
.et_col12{width:940px;}
.et_col11{width:860px;}
.et_col10{width:780px;}
.et_col9{width:700px;}
.et_col8{width:620px;}
.et_col7{width:540px;}
.et_col6{width:460px;}
.et_col5{width:380px;}
.et_col4{width:300px;}
.et_col3{width:220px;}
.et_col2{width:140px;}
.et_col1{width:60px;}

/*---------------------------------------------------------------*/
/* Sidebars And Widgets
/*---------------------------------------------------------------*/

.sidebar-widget {
  margin-bottom: 40px;
  float: left;
  width: 100%;
  -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
          box-sizing: border-box;
  .widget-title {
    padding:20px 0;
    margin-bottom: 20px;
    border-top:1px solid #ebebeb;
    border-bottom:1px solid #ebebeb;
  }
  #searchform input[type="text"]{
    width: 220px;
  }
}

.footer{
 .sidebar-widget{
  float: none;
  }
  .wpb_heading{
    font-size: 16px;
    text-transform: uppercase;
    font-weight: 400;
    letter-spacing: 2px;
  }
}

.footer .sidebar-widget .widget-title{
  padding: 0;
  border: none;
}

.side-block .widget-title{
  border:none;
}

.sidebar-widget:last-child {
  margin-bottom: 0;
}

// Widget Categories

.widget_categories {
  ul.children{
    margin-bottom: 0;
    li{
      margin-bottom: 0;
      padding-bottom: 0;
    }
  }
  select{
  	width: 100%;
  	max-width: 100%;
  }
  .screen-reader-text{
  	display: none;
  }
  a {
    display: inline-block;
    &:hover{
      text-decoration: none;
    }
    &:before{
      font-family: "FontAwesome";
      font-weight: normal;
      font-style: normal;
      text-decoration: inherit;
      content: "\f105";
      -webkit-font-smoothing: antialiased;
      float: left;
      line-height: 20px;
      font-size: 16px;
      margin-right: 10px;
      -webkit-transition: all 0.2s ease-in-out;
      -moz-transition: all 0.2s ease-in-out;
      -ms-transition: all 0.2s ease-in-out;
      -o-transition: all 0.2s ease-in-out;
      transition: all 0.2s ease-in-out;
    }
  }
  .styled-list();
  li {
    margin-left: 4px;
    &:before{
      content: "";
    }
  }
}

// Recent Posts

.imghover() {
  position: relative;
  text-align: center;
  img {
    -webkit-transition: opacity 0.2s ease-in-out;
     -moz-transition: opacity 0.2s ease-in-out;
      -ms-transition: opacity 0.2s ease-in-out;
       -o-transition: opacity 0.2s ease-in-out;
          transition: opacity 0.2s ease-in-out;
  }
  &:hover {
    img {
      opacity: 0.7;
    }
  }
}

.recent-post-mini {
  list-style: none;
  margin-bottom: 20px;
  a {
    font-family: @font;
    text-transform: uppercase;
    color:@headingsColor;
  }
  .postimg {
    float: left;
    margin-right: 20px;
  }
  >a.postimg {
    .imghover();
  }
  strong {
    font-weight: normal;
  }
}

.side-block .recent-post-mini{
  a{
    color: #fff;
  }
}

// QR Code Block

.etheme_widget_qr_code{
  border:1px solid #ebebeb;
  padding: 0;
  -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
          box-sizing: border-box;
  font-size: 12px;
  h4{
    margin-bottom: 10px !important;
  }
  .widget-title{
    border:none;
    padding: 0;
    float: left;
    width: 100%;
    font-size: 16px !important;
  }
  .qr-lighbox{
    font-size: 0;
    width: 85px;
    height: 118px;
    display: block;
    float: right;
    margin-top: -49px;
    background-image: url(images/qr-bg.png);
    -webkit-background-size: 100%;
         -o-background-size: 100%;
            background-size: 100%;
    background-repeat: no-repeat;
    background-position: 0 0;
    &:hover{
      text-decoration: none;
    }
  }
}

/*---------------------------------------------------------------*/
/* Recent Comments
/*---------------------------------------------------------------*/

.etheme_widget_recent_comments {
  ul {
    padding-left: 0;
    margin-bottom: 0;
    li {
      list-style: none;
      line-height: 24px;
      margin-bottom: 15px;
      padding-bottom: 15px;
      .post-title {
        font-family: @font;
        text-transform: uppercase;
      }
      .comment_author {
        color:@headingsColor;
      }
    }
  }
}
.footer-bottom-3{
  .comment_author {
        color:#fff !important;
      }
}

/*---------------------------------------------------------------*/
/* Product Categories Widget
/*---------------------------------------------------------------*/

.widget_product_categories {
  .widget-title {
    margin-bottom: 10px;
  }
}

.accordion-enabled .product-categories ul.children{
    display: none;
}

.product-categories {
  padding-left: 0;
  > li  {
  	position: relative;
    > a {
      margin-bottom: 5px;
      text-transform: uppercase;
    }
    > ul {
      padding-left: 20px;
    }
    &.current-cat > a {
    }
    &.opened {
      .open-this {
        &:hover{
          border-color:#ed1c2e;
          color: #ed1c2e;
        }
      }
    }
  }
  .children{
    li.current-cat{
      &,
      a,
      span {
        color:#fc5a5a;
      }
    }
  }
  .open-this {
  	position: absolute;
  	right: 0;
    cursor: pointer;
    float:right;
    height:21px;
    line-height: 20px;
    font-size:18px;
    width:21px;
    color: #6f6f6f;
    display: block;
    margin: 0;
    text-align: center;
    font-family: @font2;
    font-weight: 300;
    border:1px solid #e2e2e2;
    &:hover{
      border-color:#ed1c2e;
      color: #ed1c2e;
    }
  }

.opened .open-this {
    line-height: 18px;
  }

li{
    list-style:none;
    margin: 3px 0 3px;
    ul {
      margin-bottom: 4px;
    }
  }
  > li {
      margin-bottom: 5px;
      padding-bottom: 5px;
    > a {
      font-size:13px;
    }
    span{
      cursor: pointer;
      &:hover{
        color: #ed1c2e;
      }
    }
  }
}
.product-categories > li > ul {
  > li,
  li {
    > a {
      &:hover {
        &, & + span {
          text-decoration: none !important;
        }
      }
    }
  }
}
.product-categories ul.children li > a:before{
    font-family: "FontAwesome";
    font-weight: normal;
    font-style: normal;
    text-decoration: inherit;
    content: "\f105";
    -webkit-font-smoothing: antialiased;
    float: left;
    line-height: 20px;
    font-size: 16px;
    margin-right: 10px;
}
/*---------------------------------------------------------------*/
/* WooCommerce Products widget
/*---------------------------------------------------------------*/

.product_list_widget {
  list-style: none outside;
  margin: 0;
  padding: 0;

a {
    color: @headingsColor;
    text-transform: uppercase;
    font-family: @font;
    text-align: start;
    display: block;
  }
  img {
  	float: left;
  	max-width: 120px;
    margin: 0 15px 0 0;
    -webkit-transition: opacity 0.2s ease-in-out;
    -moz-transition: opacity 0.2s ease-in-out;
    -ms-transition: opacity 0.2s ease-in-out;
    -o-transition: opacity 0.2s ease-in-out;
    transition: opacity 0.2s ease-in-out;
    &:hover{
      opacity: 0.7;
    }
  }
  .amount {
    font-size:14px;
    text-decoration: none;
  }
  del {
    .amount {
      font-size: 13px;
    }
  }
  ins {
    text-decoration: none;
  }
  li {
    float: left;
    width: 100%;
    margin-bottom: 15px;
    .star-rating {
      display: none;
    }
    .blockOverlay {
	  opacity: 1 !important;
	  background-color: rgba(255, 255, 255, 0.7) !important;
  	}
  }
}

.footer,
.footer-top {
  .product_list_widget {
    > li {
      line-height: 24px;
      margin-bottom: 15px;
      padding-bottom: 15px;
      border-bottom: 1px dotted #ebebeb;
      float: none;
      a {
        text-transform: uppercase;
        font-size: 12px;
        display: block;
      }
      &:last-child {
        border-bottom: 0;
      }
      img {
        max-width: 70px;
      }
    }
  }
  .widget_nav_menu{
    ul{
      border:none;
      li{
        a{
          padding: 0 0 0 15px;
          line-height: 25px;
          font-size: 12px;
          border:none !important;
        }
        &:before{
          left:0;
          top:3px;
        }
      }
    }

}
  .etheme_widget_recent_comments {
    li {
      border-bottom: 1px dotted #ebebeb;
      &:last-child {
        border-bottom: 0;
      }
    }
  }
  .etheme_widget_recent_entries {
    .recent-post-mini {
     border-bottom: 1px dotted #ebebeb;
      padding-bottom: 15px;
      margin-bottom: 15px;
      &:last-child {
        border-bottom: 0;
      }
    }
  }
}

/*---------------------------------------------------------------*/
/* WooCommerce layered Navigation
/*---------------------------------------------------------------*/

.widget_layered_nav {
  ul {
    padding-left: 0;
    margin-bottom: 0;
    float: left;
    width: 100%;
    li {
      position: relative;
      float: left;
      clear: both;
      list-style: none;
      display: block;
      margin: 0 5px 5px 0;
      cursor: pointer;
      &:hover{
        .count{
          cursor: pointer;
        }
        &:before{
          background-image: url(images/tick-icon.png);
        }
      }
      .count {
        display: inline-block;
        padding-right: 11px;
        font-size:12px;
      }

a {
        z-index:1;
        display: inline-block;
        padding: 5px 5px 5px 10px;
        font-size: 12px;
        position: relative;
        &:hover{
          text-decoration: none;
        }
        &:before{
          content: "";
          position: relative;
          -webkit-appearance: none;
          background-image: url(images/tick-icon.png);
          padding: 0;
          background-repeat: no-repeat;
          background-position: center center;
          margin-right: 0;
          width: 16px;
          position: relative;
          height: 14px;
          display: inline-block;
          top: 2px;
          left:-9px;
        }
      }
      &.chosen {
        padding-left: 14px;
        a{
           &:before{
            content: "\e615";
            font-family: "arrows";
            font-size: 21px;
            color: #aaa;
            position: absolute;
            left: -18px;
            top: -3px;
            -webkit-appearance: none;
            background-image: url(images/tick-icon.png);
            padding: 0;
            background-repeat: no-repeat;
            background-position: 4px 10px;
            margin-right: 0;
            width: 20px;
            height: 22px;
          }
        }
        .count{
          cursor: pointer;
        }
      }
    }
  }
}

.widget_layered_nav_filters{
  ul{
    padding-left: 0;
    li{
      list-style:none;
      padding: 5px;
      border:1px solid #ebebeb;
      float: left;
      margin: 5px 10px 5px 0;
      padding-left: 25px;
      padding-right: 3px;
      cursor: pointer;
      a{
        position: relative;
        padding-right: 5px;
        &:before{
          content: "\e619";
          width: 12px;
          height: 12px;
          position: absolute;
          font-family: "arrows";
          font-size: 9px;
          margin-right: 5px;
          color: #222;
          top: 3px;
          left: -15px;
        }
      }
    }
  }
}

.widget_price_filter,
.widget_layered_nav {
  margin-bottom: 30px;
  .price_label{
    float: left;
  }
}
.widget_product_search {
  #searchform input[type="text"] {
    margin-bottom: 20px;
  }
}

/*---------------------------------------------------------------*/
/* Flickr Photos
/*---------------------------------------------------------------*/

.flickr_badge_image {
  -webkit-transition: all 0.2s  ease-in-out;
     -moz-transition: all 0.2s  ease-in-out;
      -ms-transition: all 0.2s  ease-in-out;
       -o-transition: all 0.2s  ease-in-out;
          transition: all 0.2s  ease-in-out;
  margin: 0 10px 10px 0px;
  width: 60px !important;
  height: 63px !important;
  float: left;
  background: none;
  padding: 0;
  &:hover {
    .imghover();
    display: block;
  }
}

/*---------------------------------------------------------------*/
/* Twitter
/*---------------------------------------------------------------*/

.etheme_twitter .tweet {
  border-bottom:1px dotted #ebebeb;
  padding-bottom: 10px;
  margin-bottom: 10px;
  line-height: 24px;
  &:last-child {
    border-bottom: 0;
  }
  a{
    color: #ed1c2e;
  }
}

.etheme_twitter h3:before {
  content: "\f099";
  font-family: FontAwesome;
  margin:0 7px 0 0;
}

/* ETHEME TWITTER SLDIER */

.twitter-slider-title {
    text-align: center;
    font-size: 22px;
  }

.et-tweets {
    list-style: none;
    padding: 0;
    margin: 0 auto 30px auto;
  }

.et-tweets.owl-carousel li {
    font-size: 18px;
    max-width: 80%;
    margin: 0 auto;
    text-align: center;
  }

.et-tweets.owl-carousel li:hover {
    cursor: url(images/grabbing.png) 8 8, move;
  }

.color-scheme-dark {
    .et-tweets.owl-carousel li a {
      color:white;
    }
  }

.et-tweets.owl-carousel .owl-prev,
  .et-tweets.owl-carousel .owl-next {
    position: absolute;
    top:50%;
    left:0;
  }

.et-tweets:hover .owl-prev,
  .et-tweets:hover .owl-next {
    display: block;
  }

.et-tweets.owl-carousel .owl-prev:before,
  .et-tweets.owl-carousel .owl-next:before {
    font-size: 36px;
    line-height: 36px;
    color: #efefef;
    display: inline;
    font-family: FontAwesome;
    font-weight: normal;
    font-style: normal;
    text-decoration: inherit;
    -webkit-font-smoothing: antialiased;
    content: "\f053";
    transition: 0.2s all ease-in-out;
    -moz-transition: 0.2s all ease-in-out;
    -webkit-transition: 0.2s all ease-in-out;
  }

.et-tweets.owl-carousel .owl-next:before {
    content: "\f054";
  }

.et-tweets.owl-carousel .owl-next {
    left: auto;
    right: 0;
  }

/*---------------------------------------------------------------*/
/* Brands slider
/*---------------------------------------------------------------*/

.brands-title {
    text-align: center;
    font-size: 22px;
  }

.et-brands {
    list-style: none;
    padding: 0;
    margin: 0 auto 30px auto;
  }

.et-brands.owl-carousel li {
    font-size: 18px;
    max-width: 80%;
    margin: 0 auto;
    text-align: center;
  }

.et-brands.owl-carousel li:hover {
    cursor: url(images/grabbing.png) 8 8, move;
  }

.color-scheme-dark {
    .et-brands.owl-carousel li a {
      color:white;
    }
  }

.et-brands.owl-carousel .owl-prev,
  .et-brands.owl-carousel .owl-next {
    position: absolute;
    top:50%;
    left:0;
    margin-top: -18px;
    /*display: none;*/
  }

.et-brands:hover .owl-prev,
  .et-brands:hover .owl-next {
    display: block;
  }

.et-brands.owl-carousel .owl-prev:before,
  .et-brands.owl-carousel .owl-next:before {
    font-size: 36px;
    line-height: 36px;
    color: #efefef;
    display: inline;
    font-family: FontAwesome;
    font-weight: normal;
    font-style: normal;
    text-decoration: inherit;
    -webkit-font-smoothing: antialiased;
    content: "\f053";
    transition: 0.2s all ease-in-out;
    -moz-transition: 0.2s all ease-in-out;
    -webkit-transition: 0.2s all ease-in-out;
  }

.et-brands.owl-carousel .owl-next:before {
    content: "\f054";
  }

.et-brands.owl-carousel .owl-next {
    left: auto;
    right: 0;
  }

/*---------------------------------------------------------------*/
/* Brands Grid
/*---------------------------------------------------------------*/

.et-brands-grid {
  li {
    text-align: center;
    width:25%;
    display: inline-block;
    padding: 0 20px 20px;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;

}
  &.columns-number-2 {
    li {
      width:50%;
    }
  }
  &.columns-number-3 {
    li {
      width:33.3%;
    }
  }
  &.columns-number-4 {
    li {
      width:25%;
    }
  }
  &.columns-number-5 {
    li {
      width:20%;
    }
  }
  &.columns-number-6 {
    li {
      width:16.6%;
    }
  }
}

/*---------------------------------------------------------------*/
/* Brands List
/*---------------------------------------------------------------*/
.etheme_widget_brands {
  select{
    max-width: 100%;
  }
  ul {
    margin-bottom: 0;
    li{
      margin-bottom: 0;
      padding-bottom: 0;
    }
  }

a {
    display: block;
    &:hover{
      text-decoration: none;
    }
    &:before{
      font-family: "FontAwesome";
      font-weight: normal;
      font-style: normal;
      text-decoration: inherit;
      content: "\f105";
      -webkit-font-smoothing: antialiased;
      float: left;
      line-height: 20px;
      font-size: 16px;
      margin-right: 10px;
      -webkit-transition: all 0.2s ease-in-out;
      -moz-transition: all 0.2s ease-in-out;
      -ms-transition: all 0.2s ease-in-out;
      -o-transition: all 0.2s ease-in-out;
      transition: all 0.2s ease-in-out;
    }
  }
  .styled-list();
  li {
    margin-left: 4px;
    &:before{
      content: "";
    }
  }
}
/*---------------------------------------------------------------*/
/* Shop
/*---------------------------------------------------------------*/
/*---------------------------------------------------------------*/
/* Toolbars
/*---------------------------------------------------------------*/
.toolbar {
  margin-bottom: 20px;
  float: left;
  width:100%;
  border-bottom:1px solid #ebebeb;
  box-sizing:border-box;
  -moz-box-sizing:border-box;

.woocommerce-result-count {
    display: inline-block;
    line-height:28px;
    margin-right: 15px;
    float: left;
    font-size: 12px;
  }

.woocommerce-ordering {
    display: inline-block;
    float: left;
    margin-bottom: 20px;
    select {
      border:none;
      padding-top: 7px;
      font-family: 'Open Sans', Arial;
      border:1px solid #ebebeb;
      -webkit-box-sizing: border-box;
      -moz-box-sizing: border-box;
      box-sizing: border-box;
      line-height: 15px;
      font-size: 12px;
      width: 170px;
      margin-bottom: 0;
    }
  }

.woocommerce-pagination {
    float: right;
    margin-bottom: 20px;
  }
  .view-switcher{
    float: left;
    margin-top: 2px;
    margin-left: 25px;
    margin-bottom: 10px;
  }
  .view-switcher label{
    display: none;
  }

.switchToGrid, .switchToList{
    font-size: 14px;
    float: left;
    padding: 0;
    margin-left: 3px;
    cursor: pointer;
    i{
      display: none;
    }
  }
  .switchToGrid{
    width: 23px;
    height: 20px;
    background-position: 0 -1px;
    margin-right: 5px;
    &:before{
      content: "\e901";
      position: relative;
      top: 1px;
      font-family: "arrows";
      margin-right: 8px;
      color: #8e8e8e;
      font-size: 18px;
    }
  }
  .switchToList{
    width: 23px;
    height: 20px;
    background-position: 0 bottom;
    &:before{
      content: "\e900";
      position: relative;
      top: 1px;
      font-family: "arrows";
      margin-right: 8px;
      color: #8e8e8e;
      font-size: 18px;
    }
  }
}

.toolbar.toolbar-top{
  margin-top: 20px;
}

.toolbar.toolbar-bottom {
  margin-bottom: 0;
}
.toolbar.toolbar-bottom+.term-description{
    padding-top: 20px;
    clear: both;
}

.page-numbers,
.pagination {
  margin-bottom: 0;
  padding-left: 0;
  li{
    list-style:none;
    display: inline-block;
    float: left;
    line-height: 21px;
    margin-right: 5px;
    span, a{
      font-size:14px;
      display: block;
      padding:2px 0;
      width: 26px;
      text-align: center;
      border:1px solid #e2e2e2;
    }
    span,
    a:hover {
      border-width:1px;
      border-style: solid;
      text-decoration: none;
    }
    span.dots{
      border:1px solid #e2e2e2;
      color: #6f6f6f;
      padding: 2px 5px;
      border:none;
      line-height: 28px;
    }
  }

.prev,
  .next {
    font-size: 0;
    text-indent: -99999px;
    padding: 0;
    height: 25px;
    width: 26px;
    line-height: 24px;
  }
  .prev {
     &:before{
      content: "\66";
      font-family: "arrows";
      font-size: 14px;
      color: #6f6f6f;
      position: relative;
      top:1px;
      right: -9px;
      float: left;
      display:block;
      text-indent: 0;
    }
    &:hover:before{
      color: #ed1c2e;
    }
  }

.next {
    &:before{
      content: "\df";
      font-family: "arrows";
      font-size: 14px;
      color: #6f6f6f;
      float: left;
      position: relative;
      left:10px;
      top:1px;
      display:block;
      text-indent: 0;
    }
    &:hover:before{
      color: #ed1c2e;
    }
  }

}

/*---------------------------------------------------------------*/
/* Product Categories
/*---------------------------------------------------------------*/

.category-banner {
  margin-bottom: 30px;
}

.product-category {
  margin-bottom: 20px;
  img {
    margin-bottom: 1px;
  }
  h5{
    margin-top: 15px;
  }
  &:hover{
    h5{
      color: #fc5b5b;
    }
  }
  &:nth-child(3n+1) {
    margin-left: 0!important;
    clear:left;
  }
}

.product-category{

.mask-container{
    position: relative;
    .block-mask{
      .blockMask();
      &:hover{
        opacity: 1;
        background-color: rgba(255,255,255,0.6);
      }
    }
  }

}
.product-category .mask-container .block-mask .mask-content{
  margin-left: -32px;
  a{
    &:first-child{
      display: none;
    }
  }
}
/*---------------------------------------------------------------*/
/* Product Grid for different products number per row
/*---------------------------------------------------------------*/

.products-grid {
  .products {
    margin-left: -15px;
    margin-right: -15px;
  }
  .product {
    // margin-left: 20px;
    margin-bottom: 60px;
    margin-left: 15px;
    margin-right: 15px;
    float: left;
  }
}

// 6 columns
.products-grid.product-count-6 {
  .product {
    width: ~"calc(16.66% - 30px)";
  }
  .product:nth-child(6n+1) {
    clear: both;
  }
}

// 5 columns

.products-grid.product-count-5 {
  .product {
    width: ~"calc(20% - 30px)";
  }
  .product:nth-child(5n+1) {
    clear: both;
  }
}

// 4 columns

.products-grid.product-count-4 {
  .product {
    width: ~"calc(25% - 30px)";
  }
  .product:nth-child(4n+1) {
    clear: both;
  }
}

.product-count-4 .added-text{
  background-position: 10px center;
}

// 3 columns

.products-grid.product-count-3 {
  .product {
    width: ~"calc(33.33% - 30px)";
  }
  .product:nth-child(3n+1) {
    clear: both;
  }
}

// 2 columns

.products-grid.product-count-2 {
  .product {
    width: ~"calc(50% - 30px)";
  }
  .product:nth-child(2n+1) {
    clear: both;
  }
}

.products-grid.product-count-1 {
  .products {
    margin-left: 0;
    margin-right: 0;
  }
  .product {
    width: 100%;
    margin-left: 0;
    margin-right: 0;
  }
}

/*---------------------------------------------------------------*/
/* Product Loop
/*---------------------------------------------------------------*/
.product-loop .product,
.slide-item .product {
  &.content-product-advanced{
    .product-excerpt{
      margin-left: 10px;
      display: block;
    }
    &:hover .product-image-wrapper .slider-counter,
    &:hover .product-image-wrapper .small-slider-arrow,
    &:hover .product-image-wrapper .show-quickly{
      opacity: 0;
    }
    &:hover,
    .product-image-wrapper{
      border:1px solid transparent;
    }
    .product-image-wrapper:hover{
      border-color: #ebebeb;
    }
    .product-image-wrapper:hover .slider-counter,
    .product-image-wrapper:hover .small-slider-arrow,
    .product-image-wrapper:hover .show-quickly{
      opacity: 1;
    }
    .show-quickly,
    .slider-counter{
      bottom: 0;
    }
    .products-page-cats,
    .product-name,
    .product-excerpt p {
      margin-bottom: 10px;
    }
  }
  .product-image-wrapper {
    position: relative;
    text-align: start;
    overflow: hidden;
    >a{
      display: block;
    }
    .product-mask {
      position: absolute;
      top: 0;
      left: 0;
      z-index: 1010;
      width: 100%;
      height: 100%;
      color: white;
      padding: 10px;
      background: rgba(0,0,0,0.4);
      text-align: center;
      opacity: 0;
      cursor: pointer;
      -webkit-transition: 0.3s all ease-in-out;
      -moz-transition: 0.3s all ease-in-out;
      -ms-transition: 0.3s all ease-in-out;
      -o-transition: 0.3s all ease-in-out;
      transition: 0.3s all ease-in-out;
      .border-box();
      .mask-text {
        position: absolute;
        width: 100%;
        padding: 5px;
        .border-box();
        left:0;
        -webkit-transform: translateY(-50%);
        -moz-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
        -o-transform: translateY(-50%);
        transform: translateY(-50%);
        top: 50%;
        h4{
          font-size: 14px;
          margin-bottom: 10px;
          color: #fff
        }
        p{
          line-height: 24px;
        }
        a {
          color: #fff;
          &:hover {
            text-decoration: none;
          }
        }
      }
    }
    &:hover {
      .product-mask {
        opacity: 1;
      }
    }
  }
}

.read-more-link {
  margin-top: 10px;
  .white();
}

.product-loop.product-count-5 .product .added-text{
  font-size: 11px;
}

.product-loop,
.blog-results{
  position: relative;
  display: inline-block;
  width: 100%;
}

a.view-all-results{
  position: absolute;
  right: 0;
  top: 0;
  font-size: 11px;
  font-family: Georgia;
  color: #a7a9aa;
  text-transform: uppercase;
  letter-spacing: 1px;
  text-decoration: none;
  &:after{
    content: "\e603";
    font-family: "arrows" !important;
    font-size: 10px;
    margin-left: 5px;
    text-align: center;
    opacity: 1;
    text-indent: 0;
  }
}

.show-quickly-btn {
  cursor: pointer;
}

.added_to_cart.wc-forward{
  display: none;
}
/*---------------------------------------------------------------*/
/* Product Grid style
/*---------------------------------------------------------------*/

.slide-item .product{
  margin:0 10px;
}

.slide-item .product,
.products-grid .product {
  position: relative;
  left: 0 !important;
  top:0 !important;
  border:1px solid #fff;
  box-sizing:border-box;
  -moz-box-sizing:border-box;
  &:hover {
    border:1px solid #ebebeb;
  }
  .product-name {
    font-size:16px;
    margin:0 10px 10px;
  }

.products-page-cats{
    margin: 0 10px 15px;
    a{
      color: #6f6f6f;
      text-transform: uppercase;
      font-size: 12px;
    }
  }
  .product-image-wrapper {
    margin-bottom: 10px;
    .with-hover {
      img.show-image {
        position: absolute;
        opacity:0;
      }
      &:hover img.show-image {
        opacity:1;
      }
      &:hover img.hide-image {
        opacity:0;
      }
    }
  }
  .star-rating {
    margin-bottom: 10px;
    margin-left: 10px;
  }
  .product-excerpt {
    display: none;
  }
  .price {
    display: block;
    margin-bottom: 10px;
  }
  .rating-label {
    margin-bottom: 5px;
  }
  .add-to-container {
    padding:0 10px 10px;
  }
}

p.stars
{
  display: inline-block;
  margin: 3px 0 -4px 10px!important;
}

p.stars span
{
  background:url(images/star-inactive.png) repeat-x left 0;
  float:left;
  height:20px;
  position:relative;
  width:75px;
}

p.stars span a
{
  float:left;
  height:0;
  left:0;
  overflow:hidden;
  padding-top:22px;
  position:absolute;
  top:0;
  width:15px;
}

p.stars span a:hover,p.stars span a:focus,p.stars span a:hover,p.stars span a:focus,
p.stars span a.active,p.stars span a.active
{
  background:url(images/star-active.png) repeat-x left 0;
}

p.stars span a.active,p.stars span a.active
{
  border:none;
}

p.stars span a.star-1,p.stars span a.star-1
{
  width:15px;
  z-index:10;
}

p.stars span a.star-2,p.stars span a.star-2
{
  width:30px;
  z-index:9;
}

p.stars span a.star-3,p.stars span a.star-3
{
  width:45px;
  z-index:8;
}

p.stars span a.star-4,p.stars span a.star-4
{
  width:60px;
  z-index:7;
}

p.stars span a.star-5,p.stars span a.star-5
{
  width:75px;
  z-index:6;
}

.product.loading {
  .label-icon,
  .product-image-wrapper,
  .product-name,
  .rating-label,
  .star-rating,
  .price,
  .button,
  .products-page-cats {
    opacity:0.4;
  }
}

.imageHolder {
  z-index: 250;
}

.added-text{
  position: absolute;
  font-size:12px;
  text-transform:uppercase;
  color: #fff;
  background-color: rgba(152, 195, 145, 0.9) !important;
  padding:3px;
  top: 30%;
  width: 100%;
  left: 0;
  text-align: start;
  z-index:1000;
  div{
    border:1px solid #fff;
    padding: 10px;
    padding-left: 23%;
  }
  &:before{
    content: "\e615";
    font-family: "arrows";
    font-size: 36px;
    color: #fff;
    position: absolute;
    top:50%;
    margin-top: -30px;
    left:5px;
  }
  .border-box();
}
.woocommerce-price-suffix{
  color: #6f6f6f;
  font-size: 12px;
}

.quick-view-popup .product-info .price .woocommerce-price-suffix, .single-product-page .product-info .price .woocommerce-price-suffix{
  float: left;
  margin-top: 15px;
  width: 100%;
}
/*---------------------------------------------------------------*/
/* Product List styles
/*---------------------------------------------------------------*/

.products-list .add-to-container{
  float: right;
  width: 380px;
  padding: 15px 0;
  .woocommerce-price-suffix{
    .amount{
      font-size: 16px !important;
    }
  }
}

.products-list .added-text{
  width: 390px;
  left: 50%;
  margin-left: -185px;
  &:before{
    margin-top: -28px;
    left: 15px;
  }
  div{
    padding-left: 62px;
  }
}

.sidebar-position-without .products-list .add-to-container{
  width: 620px;
}
.products-list .add-to-container .price{
  float: left;
  clear: both;
}

.products-list .add-to-container .price .amount{
  font-size: 24px;
}

.products-list .add-to-container .button{
  float: right;
}

.products-list{
  .price{
    ins{
      margin-left:4px;
    }
  }
  .products-page-cats{
    a{
      font-size: 12px;
      text-transform: uppercase;
      color: #6f6f6f;
      display: inline-block;
      margin-bottom: 10px;
    }
  }
}

.products-list .product {
  position: relative;
  margin-bottom: 25px;
  width: 100%;
  float: left;
}
.products-list .product .product-name {
  font-family: @font;
  font-size: 18px;
  margin-bottom: 10px;
}

.products-list .product .product-image-wrapper {
  position: relative;
  margin-bottom: 10px;
  margin-right: 20px;
  float: left;
  width: 300px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  border:1px solid transparent;
  &:hover{
    border:1px solid #ebebeb;
  }
}
.products-list .product .product-image-wrapper .with-hover img.show-image {
  position: absolute;
  opacity: 0;
  -webkit-transition: all 0.3s;
  -moz-transition: all 0.3s;
  -ms-transition: all 0.3s;
  -o-transition: all 0.3s;
  transition: all 0.3s;
}
.products-list .product .product-image-wrapper .with-hover img.hide-image {
  -webkit-transition: all 0.3s;
  -moz-transition: all 0.3s;
  -ms-transition: all 0.3s;
  -o-transition: all 0.3s;
  transition: all 0.3s;
}
.products-list .product .product-image-wrapper .with-hover:hover img.show-image {
  opacity: 1;
}
.products-list .product .product-image-wrapper .with-hover:hover img.hide-image {
  opacity: 0;
}
.products-list .product .product-excerpt {
  margin-bottom: 30px;
}
.products-list .product .price {
  display: block;

}
.products-list .product .rating-label {
  margin-bottom: 5px;
  float: left;
}
.products-list .product .star-rating{
  margin-bottom: 10px;
}

/*---------------------------------------------------------------*/
/* Price Filter
/*---------------------------------------------------------------*/
.woocommerce.widget_price_filter .price_slider_amount,.woocommerce-page .widget_price_filter .price_slider_amount
{
  font-size:14px;
  line-height:2.4em;
  text-align:left;
}

.woocommerce.widget_price_filter .price_slider_amount span,.woocommerce-page .widget_price_filter .price_slider_amount
{
  color: #090909;
  line-height: 40px;
}

.woocommerce.widget_price_filter .price_slider_amount .button,.woocommerce-page .widget_price_filter .price_slider_amount .button
{
  float:right;
  font-size:12px;
}

.woocommerce.widget_price_filter .ui-slider,.woocommerce-page .widget_price_filter .ui-slider
{
  position:relative;
  text-align:left;
}

.woocommerce.widget_price_filter .ui-slider .ui-slider-handle,.woocommerce-page .widget_price_filter .ui-slider .ui-slider-handle
{
  cursor:pointer;
  height:10px;
  outline:none;
  position:absolute;
  top:-3px;
  margin-left: -1px;
  width:10px;
  z-index:2;
}

.woocommerce.widget_price_filter .ui-slider .ui-slider-handle:last-child,.woocommerce-page .widget_price_filter .ui-slider .ui-slider-handle:last-child
{
  margin-left:-5px;
}

.woocommerce.widget_price_filter .ui-slider .ui-slider-range,.woocommerce-page .widget_price_filter .ui-slider .ui-slider-range
{
  border:0;
  border-radius:1em;
  display:block;
  font-size:.7em;
  position:absolute;
  z-index:1;
}

.woocommerce.widget_price_filter .price_slider_wrapper .ui-widget-content,.woocommerce-page .widget_price_filter .price_slider_wrapper .ui-widget-content
{
  background:#dddddd;
  border:1px solid #cdcdcd;
  box-sizing:border-box;
  margin-bottom: 15px;
}

.woocommerce.widget_price_filter .ui-slider-horizontal,.woocommerce-page .widget_price_filter .ui-slider-horizontal
{
  height:6px;
}

.woocommerce.widget_price_filter .ui-slider-horizontal .ui-slider-range,.woocommerce-page .widget_price_filter .ui-slider-horizontal .ui-slider-range
{
  height:6px;
  margin-top: -1px;
  top:0;
  box-sizing:border-box;
}

.woocommerce.widget_price_filter .ui-slider-horizontal .ui-slider-range-min,.woocommerce-page .widget_price_filter .ui-slider-horizontal .ui-slider-range-min
{
  left:-1px;
}

.woocommerce.widget_price_filter .ui-slider-horizontal .ui-slider-range-max,.woocommerce-page .widget_price_filter .ui-slider-horizontal .ui-slider-range-max
{
  right:-1px;
}

/*---------------------------------------------------------------*/
/* Rating Stars
/*---------------------------------------------------------------*/

.rating-label {
  display:none;
  margin-right: 5px;
}

.star-rating {
  display: inline-block;
  width:75px;
  height: 20px;
  font-size: 0;
  background: url(images/star-inactive.png) repeat-x center left;
  span:not(.rating) {
    background: url(images/star-active.png) repeat-x center left;
    display: block;
    height:20px;
    font-size: 0;
    text-align:left;
  }
  span{
    display: inline-block;
  }
}
.woocommerce-review-link{
  display: inline-block;
  width: 100%;
  margin-bottom: 10px;
}

.star-rating[itemprop="reviewRating"]{
    span {
      background: url(images/star-active.png) repeat-x center left;
      display: block;
      height:20px;
      font-size: 0;
      text-align:left;
  }
}
/*---------------------------------------------------------------*/
/* Product SINGLE PAGE
/*---------------------------------------------------------------*/
.quick-view-popup,
.single-product-page {
  .images {
    position: relative;
    visibility: hidden;
    height:300px;
    &.shown {
      visibility: visible;
      height: auto;
    }
    .main-image-slider ul.slides {
      li {
        position: relative;
        video,
        iframe {
          max-width: 100%;
        }
      }
      .zoom-link {
        position: absolute;
        bottom:10px;
        right:15px;
        z-index:1200;
        font-size:18px;
        i{
          color: #888;
        }
        &:hover {
          text-decoration: none;

}
      }
    }
    &.zoom-disabled {
      .main-image-slider ul {
        li  {
          text-align: center;
        }
      }
    }
  }
  .product-info {
    margin-bottom: 60px;
    h4{
      margin-bottom: 10px;
      font-size: 14px;
    }
    .star-rating {
      margin-bottom: 10px;
    }
    .star-rating,
    .rating-label {
      margin: 5px 0 10px 0;
    }

.rating-label {
      display: none;
      margin-right:5px;
    }

.size_guide{
      float: left;
      margin-top: -10px;
      margin-bottom: 20px;
      text-align: end;
      line-height: 30px;
      background: url(images/size-ruler.png) no-repeat center bottom;
      padding-bottom: 5px;
      clear: both;
    }
   div.pp_woocommerce.pp_pic_holder .pp_content_container{
      padding: 10px 0 !important;
    }
    .short-description{
      float: left;
      margin-top: 10px;
      clear: both;
    }
    .product_title {
      font-size:30px;
    }
    .price {
      font-size: 28px;
      line-height:1;
      float: left;
      margin-bottom: 10px;
      del{
        float: left;
        display:block;
        font-size: 18px;
        line-height: 23px;
        margin-right: 10px;
      }
      ins{
        float: left;
        font-size: 28px;
        margin-right: 10px;
      }
      p.stock{
        float: left;
        width:100%;
      }
    }
    .quantity{
      float: left;
      .minus,
      .plus{
        width: 30px;
      }
    }
    .out-of-stock{
      float: left;
      width: 100%;
      color: #ed1c2e;
      font-weight: 700;
      font-size: 14px;
    }
    .button{
      float: left;
      position: relative;
      margin-bottom: 20px;
    }
    .single_add_to_cart_button{
      color: #fff;
      &:hover{
        text-decoration: underline;
      }
    }
    .variations_form{
      float: left;
      width: 100%;
      -webkit-box-sizing: border-box;
         -moz-box-sizing: border-box;
              box-sizing: border-box;
      .button{
        float: left;
        margin-top: 0;
        margin-bottom: 20px;
      }
      .single_add_to_cart_button{
        font-size: 21px;
        padding: 10px 45px;
      }
      .price{
        float: left;
        width:100%;
      }
      .quantity-box{
        margin-right: 10px;
        margin-bottom: 20px;
        margin-top: 10px;
        position: relative;
      }
    }
    .product_meta {
      float: left;
      del .amount {
        font-size: 24px;
        line-height: 29px;
      }
      .stock{
        float: left;
        clear: both;
        width: 100%;
      }
      .product_meta{
        width: 100%;
        float: none;
        display: inline-block;
        .tagged_as{
          width: 100%;
          float: none;
          display: inline-block;
        }
      }
    }
    .sku_wrapper {
      display: block;
      clear: both;
      color: #000;
      margin-bottom: 10px;
      span{
        color: #6f6f6f !important;
      }
    }
    .posted_in{
      color: #000;
      display: block;
      width:100%;
      margin-bottom: 20px;
      a{
        color: #6f6f6f;
      }
    }
    .sku {
      color: @headingsColor;
    }
    .tagged_as{
      float: left;
      margin-bottom: 10px;
      a {
        color:@headingsColor;
      }
    }

}
  .single-product-sidebar {
    .widget_top_rated_products {
      border:1px solid #ebebeb;
      .widget-title {
        border: none;
        padding:20px 0;
        padding-bottom: 20px;
        margin-bottom: 20px;
        text-align: center;
        font-size: 16px;
        position: relative;
        border-bottom: 1px solid #ebebeb;
      }
      li {
        border-bottom: 1px solid #ebebeb;
        padding-bottom: 15px;
        margin-bottom: 15px;
        img {
          max-width: 60px;
          padding-left: 5px;
        }
        &:last-child {
          border-bottom: 0;
          padding-bottom: 0;
        }
      }
    }
  }
  .et-mega-search form .button{
  	position: absolute;
  	top: 0 !important;
    background: url(images/icon-zoom.png) no-repeat center 11px;
  }

}
  /* Etheme Social Icons*/
  .share-title{
    font-size: 14px;
    text-transform: uppercase;
    color: #000000;
    width: 100%;
    float: left;
    padding-bottom: 5px;
    text-align: start;
    border-bottom: 1px solid #ebebeb;
    margin-bottom: 10px;
  }

.etheme-social-icons{
    list-style: none;
    float: left;
    width: 100%;
    padding-left: 0;
    margin-left: 0;
    li{
      float: left;
      margin-right: 10px;
      a{
        font-size: 20px;
        color: #6f6f6f;
        &:hover{
          text-decoration: none;
        }
      }
    }
  }
.product-brands{
  float: left;
  width: 100%;
  margin-bottom: 20px;
  text-align: center;
  border:1px solid #dbdbdb;
  -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
          box-sizing: border-box;
  .title{
    margin: 20px 20px 10px;
  }
  img{
    padding:10px;
    max-width: 100%;
    -webkit-box-sizing: border-box;
       -moz-box-sizing: border-box;
            box-sizing: border-box;
  }
}

.quick-view-popup {
  background: #FFF;
  width: 90%;
  max-width: 1000px;
  margin: 0 auto;
  position: relative;
  padding:10px;
  -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
          box-sizing: border-box;
  .doubled-border {
    padding:10px;
    border:1px solid #efefef;
  }
  .main-image-slider,
  .product-info,
  .product-name  {
    margin-bottom: 0;
  }
  .button{
    float: left !important;
  }
  .yith-wcwl-add-button{
    float: left;
  }
  .flex-direction-nav .flex-next.flex-disabled,
  .flex-direction-nav .flex-prev.flex-disabled{
    opacity: 0 !important;
  }
}
.show-quickly {
  position: absolute;
  bottom:0;
  display: block;
  right: 0;
  opacity: 0;
  text-transform: uppercase;
  padding: 2px;
  text-align: center;
  width: 50px;
  background-color: #FFF;
}

.single-product {
  .woocommerce-message {
    background-color: #98c391 !important;
    color: #fff;
    position: relative;
    border:1px solid #fff;
    text-transform: uppercase;
    letter-spacing: 1px;
    line-height: 28px;
    padding: 20px 30px 20px 80px;
    &:after{
      content: "";
      position: absolute;
      z-index: -1;
      width: 100%;
      height: 100%;
      left: -6px;
      padding: 5px;
      top: -6px;
      background-color: #98c391;
      border: 1px solid #fff;
    }
    &:before{
      content: "";
      position: absolute;
      left: 25px;
      font-size: 36px;
      color: #FFF;
      font-family: "arrows";
      top: 50%;
      float: left;
      margin-top: -15px;
    }
    .button {
      display: block;
      color: #fff;
      border:none;
      background-color: transparent;
      float: right;
    }
  }
}
.main-image-slider {
  position: relative;
  margin-bottom: 20px;
}

.product-thumbnails-slider {
  width: 100%;
  position: relative;
  .slides li {
    width:120px;
    margin-left: 30px;
    padding-bottom: 2px;
    &.video-thumbnail {
      cursor: pointer;
      background-image: url(images/icon-video.png);
      background-position: center center;
      background-repeat: no-repeat;
      height: 120px;
      text-align: center;
      position: relative;
      span {
      position: absolute;
      bottom: 3px;
      text-transform: uppercase;
      font-family: Georgia;
      display: block;
      width: 100%;
      }
    }
    &:first-child {
      margin-left: 0;
    }
    a {
      opacity: 0.7;
      &:hover{
        opacity: 1;
      }
    }
    &.flex-active-slide a {
      display: block;
      opacity: 1;
    }
    img{
      border:none !important;
    }
    &.flex-active-slide img {
      -webkit-transition: 0.2s all ease-in-out;
      -moz-transition: 0.2s all ease-in-out;
      -ms-transition: 0.2s all ease-in-out;
      -o-transition: 0.2s all ease-in-out;
      transition: 0.2s all ease-in-out;
    }
  }
}

div.pp_overlay{
  background-color: rgba(0, 0, 0, 0.6) !important;
}

/*---------------------------------------------------------------*/
/* Wishlist
/*---------------------------------------------------------------*/

.wishlist_table .add_to_cart.button {
  margin: 15px 0;
}

.wishlist-btn-container.with-styles{
  float: left;
  .add_to_wishlist{
    margin-top: 5px;
  }
  .yith-wcwl-wishlistexistsbrowse,
  .yith-wcwl-wishlistaddedbrowse{
    float: left !important;
    margin-top: 0 !important;
    text-transform: uppercase;
    a{
      float: left;
      text-transform: uppercase;
      margin-right: 10px;
    }
  }
  .yith-wcwl-wishlistaddedbrowse{
    width: 120px;
    margin-left: 15px;
  }
  .yith-wcwl-add-to-wishlist #add-items-ajax-loading.ajax-loading{
    display: none !important;
    visibility: hidden !important;
  }
  .yith-wcwl-add-to-wishlist{
    margin-top: 0 !important;
    float: left !important;
  }

#yith-wcwl-popup-message{
    display:none !important;
    #yith-wcwl-message{
      line-height: 20px !important;
      background-color: #fff;
      padding: 10px 20px;
      top:50%;
      left:50%;
      margin-left: -70px;
      margin-top: -10px;
      position: relative;
      width: 150px;
      float: left;
      &:before{
        content: "\f00c";
        font-family: FontAwesome;
        color: #6f6f6f;
        font-size: 14px;
        margin-right: 10px;
      }
    }
  }
  /* Hover wishlist button */
.single_add_to_wishlist{
  position: relative;
}
.single_add_to_wishlist:after{
  content: ""attr(data-hover)"";
  opacity: 0;
  position: absolute;
  font-size: 12px;
  padding: 5px;
  font-family: @font2;
  bottom:-10px;
  left:-9999px;
  width: 120px;
  background-color: #fff;
  text-transform: none;
}

.single_add_to_wishlist:hover:after{
  opacity: 1;
  bottom:-36px;
  left:-40px;
  color: #6f6f6f;
}

.single_add_to_wishlist{
    font-size: 0;
    padding: 12px 15px 10px;
    margin-left: 15px;
    border-radius: 100% !important;
    background-color: #fff;
    border:1px solid #ebebeb;
    color: #fff;
    &:before{
      content: "\f004";
      font-family: FontAwesome;
      font-size: 16px;
      color: #222;
    }
    &:hover{
      &:before{
        color: #fff!important;
      }
    }
  }
}

.wishlist_table .add_to_cart{
  border-radius: 0 !important;
  cursor: pointer;
}
.yith-wcwl-add-button > a i,
.wishlist_table .add_to_cart.button i {
  display: none;
}

.single-product .yith-wcwl-add-button > a i {
    display: inline-block;
}

.wishlist_table tr td.product-thumbnail, .wishlist_table tr td.product-name{
  text-align: center;
}

.add_to_wishlist{
  display: inline-block;
  margin-left: 10px !important;
  margin-top: 5px !important;
}

.yith-wcwl-share ul{
  padding-left: 0;
}
/*---------------------------------------------------------------*/
/* variations
/*---------------------------------------------------------------*/
.variations {
  td {
    padding-bottom: 10px;
  }
  label {
    line-height: 38px;
    text-transform: uppercase;
    font-size: 12px;
    margin-right: 15px;
  }
}

.reset_variations {
  margin-left: 0;
  margin-top: 10px;
  float: left;
  width:100%;
}

/*---------------------------------------------------------------*/
/* Quanity box
/*---------------------------------------------------------------*/
.quantity-box {
  float: left;
  margin:10px 10px 20px 0 ;
  width: 100%;
  clear: both;
 text-align: center;
  label {
    text-align: center;
    text-transform: uppercase;
    display: block;
    float: left;
    font-size: 12px;
    margin: 7px 20px 0 0;
  }
}

.quantity{
  position: relative;
  float: left;
  width: 65px !important;
  padding-right: 0 !important;
  height: 40px;
  input[type="button"]{
    position: absolute;
    width: 27px !important;
    height: 21px !important;
    padding: 0 !important;
    border:none !important;
    color: #000;
    background-color: #FFF !important;
    &:hover,
    &:focus:hover{
      opacity: 0.5;
    }
    &:focus{
      color: #fff !important;
      opacity: 0.5;
    }
  }
    input[type="number"]{
      width: 40px !important;
      height: 33px !important;
      padding: 6px 6px;
      border:1px solid #ddd !important;
      margin-bottom: 0;
      text-align: center;
    }
  .minus{
    bottom: 12px !important;
    left: -15px;
    font-size: 0;
    background: url(images/qty_arrow_left_disabled.png) no-repeat center center;
    margin-right: 0 !important;
    -webkit-border-radius: 0px !important;
            border-radius: 0px !important;
  }
  .plus{
    bottom: 12px !important;
    right: -15px;
    font-size: 0;
    background: url(images/qty_arrow_right_disabled.png) no-repeat center center;
    border-bottom:1px solid #ddd !important;
    -webkit-border-radius: 0px !important;
            border-radius: 0px !important;
  }
}

.quantity.buttons_added{
  input::-webkit-outer-spin-button,
  input::-webkit-inner-spin-button{
    display: none;
  }
  input.qty{
    width: 39px !important;
  }
  .plus:hover,
  .minus:hover{
    border:none !important;
  }
}

.single-product-page{
  .quantity{
    .minus{
      margin-right: -3px;
    }
  }
}

.group_table tr,
.group_table td {
  border: none;
  vertical-align: middle;
}
.group_table td.price {
  width: auto;
  margin: 0;
  float: none;
  font-size: 24px;
  padding-top: 0;
  display: inline-block;
  .price{
    font-size: 22px;
  }
  .woocommerce-price-suffix{
    margin-top: 5px !important;
  }
}
.group_table td{
  .quantity-box{
    width: auto;
    margin:0;
    label{
      display: none;
    }
  }
}
.group_table td.label {
  text-align: start;
  vertical-align: top;
  padding: 0 10px;
}
.group_table td:first-child {
  vertical-align: top;
  padding: 0 8px 8px 0;
}

/*---------------------------------------------------------------*/
/* Price
/*---------------------------------------------------------------*/

.price {
  font-size: 18px;
  margin-bottom: 0;
  line-height:1.5;
  font-family: @font2;
  .from {
    font-size: 12px;
    margin-right: 8px;
    font-weight: 400;
    float: left;
    line-height: 29px;
  }
  del {
    font-size:14px;
  }
  ins {
    text-decoration:none;
  }
}

.single-product-page .product-info .single_variation {
  .price {
    font-size:18px;
    margin-bottom: 10px;
    display: block;
  }
}

/*---------------------------------------------------------------*/
/* Shopping Cart
/*---------------------------------------------------------------*/
  .woocommerce{
    td.actions{
      .checkout-button{
        float: right !important;
      }
    }
  }

.shop_table {
  th {
    border-top: none;
    font-family: @font;
    font-size:14px;
    font-weight: normal;
  }
  td,th {
    padding:18px 12px !important;
  }

.product-name {
    a {
      text-transform: uppercase;
      font-size: 14px;
      font-family: @font;
    }
    dl{
      dt{
        clear: none !important;
        float: left !important;
        font-weight: normal !important;
        font-family: @font;
      }
      dd{
        float: left;
        margin-right: 5px !important;
        font-family: @font;
        &:after{
          content: "/";
          float: right;
          margin-left: 5px;
        }
        &:last-child:after{
          content: "";
        }
      }
    }
  }
  .product-thumbnail{
    width: 90px;
    .imghover();
    background: #fff !important;
  }
  .quantity-box label{
    display: none;
  }
  .quantity {
    left:50%;
    margin: 0;
    position: relative;
    -webkit-transform: translateX(-50%);
    -moz-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    -o-transform: translateX(-50%);
    transform: translateX(-50%);
  }
  .product-price,
  .product-subtotal {
    .amount {
      color: @headingsColor;
      font-size:16px;
      font-family: @font2;
    }
  }
  .product-remove {
    width:15px;
    a {
      color:#dedede;
      font-size:18px;
      -webkit-transition: 0.2s all ease-in-out;
      -moz-transition: 0.2s all ease-in-out;
      -ms-transition: 0.2s all ease-in-out;
      -o-transition: 0.2s all ease-in-out;
      transition: 0.2s all ease-in-out;
      height: auto !important;
      i.icon-remove{
        background-image: url(images/black_cross.png);
        background-repeat: no-repeat;
        background-position: center center;
        display:block;
        width: 15px;
        height: 15px;
        opacity: 0.3;
        &:hover{
          opacity: 1;
        }
      }
      i:before{
        content:"";
      }
      &:hover {
        color:#292d33;
        text-decoration: none;
      }
    }
  }
}

label.rememberme{
  margin-top: 20px;
  margin-bottom: -10px;
}

.coupon {
  margin-left: -12px;
  width:206px;
  margin-top: 5px;
  label {
    text-align: start;
    font-size: 17px;
    margin-bottom: 6px;
    text-transform: uppercase;
    font-family: @font;
    color: #000;
  }
  .button {
    margin-top: 10px;
  }
}

.woocommerce-shipping-calculator {
  width: 230px;
  >p{
    font-family: Georgia;
  }
  a {
    color: @headingsColor;
    font-size:16px;
    text-transform: uppercase;
    padding-right: 20px;
    background: url(images/qty_arrow_down.png) no-repeat right center;
  }
  i {
    font-size: 14px;
    &:before{
      content: "";
    }
  }
  .form-row{
    float: left;
    width: 100% !important;
  }

}

.select2-container .select2-choice{
  height: 36px;
  line-height: 36px;
  -webkit-border-radius: 0px;
          border-radius: 0px;
  &:hover{
    height: 36px;
    line-height: 36px;
  }
}

.cart-totals-block{
  margin-top: -7px;
  border:1px solid #ebebeb;
  padding: 15px;
  margin-bottom: 30px;
  .cart_totals.calculated_shipping{
    small{
      float: left;
      margin-bottom: 10px;
    }
  }
  .shipping{
    th{
      font-weight: 400 !important;
      text-transform: uppercase;
      width: 99px;
      color: #292D33;
    }
  }
  .woocommerce-info{
    background-image: none !important;
    background-color: transparent !important;
    text-transform: none !important;
    color: #6f6f6f !important;
    font-size: 12px !important;
    letter-spacing: 0 !important;
    padding: 10px !important;
    margin: 0;
  }
}

.cart_totals{
  h2{
    float: left;
    font-size: 18px !important;
  }
  table{
    &,
    +p{
      float: left;
    }
    th,td{
      border-top:1px solid #ddd;
    }
  }
  .order-total{
    th{
      text-transform: uppercase;
      font-family: @font;
      font-size: 18px;
      color: #000;
      font-weight: 400;
    }
    strong{
      .amount{
        color: #000 !important;
        font-family: Georgia;
        font-size: 24px;
        font-weight: 400;
      }
    }
  }
}

.cart-subtotal{
  th{
    text-transform: none !important;
    color: #000 !important;
    font-weight: 700;
  }
  td{
    .amount{
      color: #6f6f6f !important;
      font-weight: 700;
    }
  }
}

.empty-cart-block {
  text-align: center;
  i {
    font-size:120px;
    line-height: 120px;
    height: 120px;
    margin: 0 0 50px 0;
    display: block;
    color: #000;
    &:before{
        content: "\e600";
        font-size: 112px;
        line-height: 10px;
        font-family: "arrows";
        margin-right: 10px;
        color: #222;
        position: relative;
        top:1px;
      }
  }
}

.cart-totals-block{
  float: left;
  margin-top: 9px;
}

// TOTALS

.cart_totals {
  margin-bottom: 0;
  th {
    padding: 18px 0;
    padding-left: 0;
    vertical-align: middle;
  }
  td {
    padding: 18px 12px;
    padding-right: 0;
    text-align:right!important;
    .amount {
      color:@headingsColor;
    }
  }
  .shipping {
    td {
      padding-left: 0;
      text-align:left;
    }
  ul{
    padding-left: 0;
  }
  }
  .total {
    th {
      color:#a6a6a6;
      border-bottom: 0;
      strong {
        color: #6f6f6f;
        font-weight: normal;
        font-family: @font;
      }
    }
    td {
      color:@headingsColor;
      border-bottom: 0;
      strong{
        font-weight: normal;
        .amount{
          color: #000 !important;
          font-family: @font;
          font-size: 24px;
        }
      }
    }
    font-size:18px;
    font-family: 'Lato';
  }
}

#shipping_method {
  min-width: 120px;
  li {
    list-style:none;
    padding:10px 0 0;
    input[type="radio"] {
      float: left;
      margin: 0 10px 3px 0;
    }
    label {
      font-size: 13px;
    }
    .amount {
      float: right;
    }
  }
}

.cart-options-row{
  .span5{
    float: right !important;
    .coupon{
      text-align: end;
      float: right;
      margin-left: 0;
      h4{
        text-align: start;
        margin-bottom: 5px;
      }
    }
  }
  .span7{
    float: left !important;
    margin-left: 0 !important;
    .shipping_calculator{
      width: 100%;
      margin-left: 0;
      margin-right: 20px;
      h4{
        margin-bottom: 5px;
      }
      h2{
        line-height: 20px;
      }
    }
    #calc_shipping_country{
      width: 100%;
    }

}
}

/*---------------------------------------------------------------*/
/* Checkout
/*---------------------------------------------------------------*/

.payment_methods {
  padding-left: 0;
  input[type="radio"] {
    float: left;
    margin:0 10px;
  }
  li {
    padding:17px 0 12px;
    border-bottom:1px solid #ebebeb;
    list-style: none;
    &:first-child {
      border-top:1px solid #ebebeb;
    }
  }
  .payment_method_paypal{
    img{
      max-width: 160px;
      margin: 0 10px;
    }
    input{
      margin-top: 6px;
    }
  }
}
.select2-container--default{
  &:focus{
    outline:none;
  }
  .select2-selection--single{
    border-radius: 0;
    border-color: #ebebeb;
    height: 38px;
    line-height: 38px;
    .select2-selection__rendered{
      line-height: 38px;
    }
    .select2-selection__arrow{
      top: 6px;
    }
  }
}
.woocommerce-checkout-payment .place-order{
  .button{
    padding: 8px 30px;
    width: auto;
    text-transform: uppercase;
    font-size: 21px;
    color: #FFF;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    &:hover{
      text-decoration: underline;
    }
  }
}
.woocommerce-checkout-review-order-table{
  margin-bottom: 0;
  .order-total{
    th,td{
      border-bottom: none !important;
    }
  }
  .shipping{
    td{
      text-align: end;
      #shipping_method{
        text-align: left !important;
      }
    }
  }
}

.form-row.terms{
  label,
  input[type="checkbox"]{
    display: inline-block !important;
    float: none !important;
  }
  input[type="checkbox"]{
    margin-left: 0;
    float: left !important;
  }
}

.payment_box {
  padding: 3px 0 0 10px;
}

.checkout_coupon {
  input[type="text"] {
    float: left;
    margin-right: 20px;
    margin-bottom: 10px;
  }
  input[type="submit"] {
  	height: 38px;
  }
}

.form-row.terms{
  width: 95%;
  margin: 10px 0 !important;
  float: left;
  label{
    float: right;
  }
}

.woocommerce-checkout-review-order-table{
  margin-bottom: 0 !important;
  .product-total{
    text-align: end;
  }

.cart-subtotal{
    th{
      font-weight: 500 !important;
      font-family: 'Open Sans', sans-serif !important;
    }
    td{
      text-align: end;
    }
  }
  .shipping{
    th{
      font-family: 'Open Sans', sans-serif !important;
      font-weight: 500 !important;
    }
  }
  .order-total{
    th{
      font-size: 18px !important;
      font-weight: 500 !important;
      border-bottom: none;
    }
    td{
      text-align: end;
      border-bottom: none;
    }
    span.amount{
      color: #000 !important;
      font-family: Georgia;
      font-size: 24px;
      font-weight: 400;
    }
  }
}
.order_details{
  tr{
    th{
      font-weight: 400 !important;
    }
  }
}
table.customer_details{
  th{
    border-top:1px solid rgba(0,0,0,0.1);
  }
}

/*---------------------------------------------------------------*/
/* Checkout by steps
/*---------------------------------------------------------------*/

.checkout-steps {
  .checkout-step {
    margin-bottom: 20px;
    display: none;
    .step-title {
      padding: 30px 0;
      margin-bottom: 30px;
      border-top:1px solid #ebebeb;
      border-bottom:1px solid #ebebeb;
    }
    .place-order{
      .button{
        width: auto;
      }
    }
    .shop_table{
      thead{
        tr:last-child td{
          border-bottom: none !important;
        }
      }
    }
  }
  form.et-login {
    display: block;
  }
}

.checkout-steps-nav {
  padding-left: 0;
  text-align: center;
  margin-bottom: 30px;
  li {
    list-style: none;
    display: inline-block;
    margin-right: -3px;
    a.active {
      cursor: default;
    }
    &:after {
      content: "";
      display: inline-block;
      width:25px;
      height:1px;
      background: #dddddd;
      position: relative;
      top:-4px;
      margin: 0 5px;
    }
    &:last-child:after {
      display: none;
    }
  }
}

// step 1
.new-customers {
  margin-bottom: 30px;
}
.checkout-methods {
  display: block;
  margin-bottom: 20px;
  .method-radio {
    padding:15px 0 12px;
    border-bottom:1px solid #ebebeb;
    input[type="radio"] {
      float: left;
      margin: 0 15px 0 0;
    }
    &:first-child {
      border-top:1px solid #ebebeb;
    }
  }
}

#step1 {
  .checkout_coupon {
    input[type="text"] {
      margin-bottom: 20px;
    }
  }
}

.et-login {
  .lost_password {
    line-height: 40px;
  }
  label {
    font-size:13px;
  }
}

// step 2
#tostep2,
#step2 {
  display: none;
}

//step 5
#step5 {
  .step-title {
    border-bottom: 0;
    margin-bottom: 0;
  }
}

/*---------------------------------------------------------------*/
/* Quick Checkout
/*---------------------------------------------------------------*/
  form.et-login{
    display: none;
  }
.quick-checkout{

.order-review {
    padding:30px 30px 0 30px;
    border:1px solid #ebebeb;
  }
  .checkout_coupon {
    margin-bottom: 20px;
  }
  .continue-checkout {
    display: none;
  }
  #customer_details{
    #shiptobilling{
      margin-top: 5px;
    }
  }
}

/*---------------------------------------------------------------*/
/* Form Row (woocommerce)
/*---------------------------------------------------------------*/
/*
.form-row {
  margin-bottom: 5px;
  label {
    width: 150px;
    float:left;
    padding:10px 0;
  }
  textarea,
  input[type="text"],
  input[type="password"],
  input[type="week"],
  input[type="email"],
  input[type="url"],
  input[type="search"],
  input[type="tel"],
  select {
    width:300px;
    .border-box();
  }
  .button {
    float: right;
    margin-bottom: 20px;
  }
  #shipping_address_2,
  #billing_address_2 {
    margin-left: 150px;
  }
}

#shiptobilling {
  input[type="checkbox"] {
    float: left;
  }
  label {
    padding: 0;
    margin-left: 10px;
  }
}

.woocommerce-checkout .checkout-steps .form-row .chzn-container {
  width:300px!important;
}
*/
/*---------------------------------------------------------------*/
/* Tabs
/*---------------------------------------------------------------*/

.tab-content {
  h2,h1 {
    font-size: 18px;
  }
}

/*---------------------------------------------------------------*/
/* Product Reviews
/*---------------------------------------------------------------*/

#reviews {
  .star-rating {
    margin-top: 3px;
    float: right;
  }

ol.commentlist {
    padding-left: 0;
    li {
      list-style: none;
    }
  }
  .comment_container {
    p {
      margin-bottom: 0;
    }
    margin-bottom: 30px;
    padding-bottom: 30px;
    border-bottom: 1px solid #e6e6e6;
    .avatar {
      float: left;
      margin: 0 10px 0 0;
    }
    .meta {
      margin: 5px;
    }
  }
}
#review_form{
  width: 360px;
  float: left;
}
#review_form #respond p{
  float: left;
  margin-right: 0;
  width: 100%;
}
#review_form #respond p.comment-form-rating label{
  width: auto;
  float: left;
}
#review_form #respond .comment-form-rating .stars{
  float: left;
  margin-left: 20px !important;
  margin-top: 3px !important;
  width: auto;
}
#review_form input[type="text"],
#review_form input[type="email"],
#review_form #respond .comment-form-comment{
  width: 100%;
}
.modal{
  z-index: 10002;
  border-radius:0 !important;
}

#iconModal{
  .modal-body{
    max-height: none;
    width: 100%;
    -webkit-box-sizing: border-box;
       -moz-box-sizing: border-box;
            box-sizing: border-box;
  }
  .modal-header{
    .close{
      line-height: 1 !important;
      margin-top: 0 !important;
    }
  }
}

.modal-backdrop{
  z-index: 10001;
}

.modal-body{
  padding-bottom: 15px;
}

#loginModal,
#cartModal,
#searchModal {
  top:10%;
  > div {
    border:1px solid #ebebeb;
    margin:15px;
  }
  .modal-body {
    padding-top: 10px;
  }
  .modal-header{
    padding: 17px 20px 0;
    border-bottom: 0;
    .close{
      font-size: 0;
      background-color: white;
      background-image: url(images/black_cross.png);
      background-repeat: no-repeat;
      background-position: center center;
      width: 25px;
      height: 25px;
      opacity: 1;
      position: absolute;
      top:-32px;
      right: 0;
      margin: 0;
      margin-top: 2px;
      &:hover{
        opacity: 0.6;
      }
    }
  }
  form .form-row-first,
  form .form-row-last{
    width: 100%;
  }
  .lost_password{
    margin-left: 5px;
  }
}

.cart-popup {
	.products-small-popup {
		list-style-type: none;
		padding-left: 0px;
		max-height: 210px;
		overflow: auto;
		.product-item-popup {
			margin-bottom: 20px;
		    border-bottom: 1px solid #e2e2e2;
		    padding-bottom: 10px;
			.media-heading {
				text-align: start;
				font-weight: normal;
			    text-transform: none;
			    margin-bottom: 3px;
			    a {
			    	color: @headingsColor;
			        text-transform: uppercase;
			        font-size: 12px;
			        letter-spacing: 0px;
			    }
			}
			 &:hover{
		      img{
		        opacity: 0.7;
		      }
		    }
		    .product-image {
		      display: inline-block;
		      float: left;
		      img {
		        margin: 0 10px 5px 0;
		        max-width: 35px;
		      }
		    }
	      .coast{
	        text-transform: uppercase;
	        display: block;
	        text-align: start;
	        font-size: 12px;
	        &:before,
  				&:after {
  				  display: table;
  				  content: "";
  				  line-height: 0;
  				}
  				&:after {
  				  clear: both;
  				}
  				.medium-coast {
  					display: inline-block;
  					margin-bottom: 0px;
  					.price();
    					font-size: 12px;
    				}
		      }
		      strong {
		        font-weight:300;
		      }
		      .delete-btn {
		      float: right;
		      color: #dedede;
		      font-size:16px;
		      font-weight: bold;
		      -webkit-transition: 0.2s all ease-in-out;
		      -moz-transition: 0.2s all ease-in-out;
		      -ms-transition: 0.2s all ease-in-out;
		      -o-transition: 0.2s all ease-in-out;
		      transition: 0.2s all ease-in-out;
		      background-image: url(images/black_cross.png);
		      background-repeat: no-repeat;
		      background-position: center center;
		      display: block;
		      width: 15px;
		      height: 15px;
		      font-size: 0;
		      opacity: 0.3;
		      &:hover {
		        opacity: 1;
		        filter: alpha(opacity=1);
		        color: @headingsColor;
		        text-decoration:none;
		      }
		    }
		    .price {
		      float: right;
		      font-size:16px;
		      font-family: @font2;
		    }
    .variation {
      display: inline;
      float: left;
      width: 170px;
      dt, dd {
        font-weight:200;
        display:inline;
      }
      dd{
        font-weight:200;
        margin-left: 3px;
        margin-right: 3px;
        &:nth-child(2n):after{
          content: " /";
        }
         &:last-child:after{
          content: "";
        }

}

}
		}
}

#cartModal{
  width: 310px;
  margin-left: 0;
  float: left;
  left:50%;
  -webkit-transform: translateX(-50%);
     -moz-transform: translateX(-50%);
      -ms-transform: translateX(-50%);
       -o-transform: translateX(-50%);
          transform: translateX(-50%);
  max-height: 85%;
  .products-small {
    overflow-y: scroll;
    max-height: 210px;
  }
  #shopping-cart-modal{
      .modal-header {
        padding-bottom: 0!important;
      }
      .modal-body{
        overflow: hidden;
        padding: 20px;
        max-height: 100%;
        width: 100%;
        -webkit-box-sizing: border-box;
           -moz-box-sizing: border-box;
                box-sizing: border-box;
        .products-small .product-item{
          padding-bottom: 0;
          margin-bottom: 15px;
        }
        .products-small .product-item h5 a{
          text-align: start;
        }
        .product-item{
          text-align: left !important;
          .product-image {
            img {
              max-width: 35px;
            }
          }
        }
      }
      .totals{
        font-size: 16px;
        text-transform: uppercase;
        color: #000;
        margin-bottom: 10px;
        .items {
          text-transform: none;
          color: #6f6f6f;
          font-size:14px;
          line-height: 26px;
        }
      }
      .button{
        width: 48%;
        -webkit-box-sizing: border-box;
           -moz-box-sizing: border-box;
                box-sizing: border-box;
      }
      .modal-header{
        padding: 20px;
      }
  }
}

.lost-password{
    float: right;
  }
#searchModal{
  display: inline-block;
  width: 90%;
  opacity: 1;
  max-width: 410px;
  left: 50%;
  margin-left: 0;
  -webkit-transform: translateX(-50%);
  -moz-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  -o-transform: translateX(-50%);
  transform: translateX(-50%);
  position: relative;
  background-color: #fff;
  text-align: center;
  .modal-dialog{
    padding: 10px 30px 20px 20px;
    display: inline-block;
  }
  #searchform{
    margin-left: -15px;
    margin-top: 10px;
  }
  input[type="text"]{
    float: left !important;
    position: relative;
    left: 50%;
    -webkit-transform: translateX(-50%);
    -moz-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    -o-transform: translateX(-50%);
    transform: translateX(-50%);
  }
  h3{
    background: white;
    padding: 0 20px;
    font-size: 18px;
    line-height: 20px;
    padding: 17px 20px 0;
  }
  small{
    font-size: 13px;
    text-align: center;
  }
}
.mfp-content #loginModal{
  display: inline-block;
  opacity: 1;
}
#reviewModal .modal-body{
  max-height:650px;
}

#review_form {
  .modal-body {
    padding-top: 5px;
  }
  label {
    display: inline-block;
  }
  input[type="text"] {
    display: block;
  }
  textarea {
    display: block;
    width:100%;
    .border-box();
    margin-bottom: 20px;
  }
  .form-submit {
    margin-bottom: 0;
  }
}

/*---------------------------------------------------------------*/
/* labels
/*---------------------------------------------------------------*/
.label-icon{
  text-indent:-99999px;
  font-size: 0;
  background-repeat:no-repeat;
  background-position:left top;
  position:absolute;
  right:5px;
  top:5px;
  left:auto;
  z-index:50;
  background-size: 100%;
}

.label-icon.sale-label{
  left:5px;
}

/*---------------------------------------------------------------*/
/* Blog
/*---------------------------------------------------------------*/
.blog-masonry.with-transition {
  -webkit-transition-duration: 0.8s;
  -moz-transition-duration: 0.8s;
  -ms-transition-duration: 0.8s;
  -o-transition-duration: 0.8s;
  transition-duration: 0.8s;
  -webkit-transition-property: height, width;
  -moz-transition-property: height, width;
  -ms-transition-property: height, width;
  -o-transition-property: height, width;
  transition-property: height, width;
}
.layout-default_portrait .post-images,
.layout-default_portrait .images-slider {
  max-width: 260px;
  margin-right: 20px;
  float: left;
}
.layout-default {
  .post-images,
  .images-slider {
    margin-bottom: 20px;
  }
}
.blog-masonry .layout-default{
	margin-left: 45px;
}

.blog-post {
  margin-bottom: 30px;
  padding-bottom: 20px;
  border-bottom: 1px solid #ebebeb;
   .wp-picture {
      margin-bottom: 20px;
    }
    &:last-child{
    border-bottom: none;
  }
  .post-title {
    text-transform: uppercase;
    margin-bottom: 0;
    a {
      font-size: 20px;
    }
  }
  .post-info {
    margin-bottom: 30px;
    a {
      color: #000000;
    }
  }
  .post-description {
    line-height: 1.8;
    p {
      margin-bottom: 5px;
      word-break: break-all;
    }
  }

/*---------------------------------------------------------------*/
  /* Blog Grid
  /*---------------------------------------------------------------*/
  &.post-grid {
    border-bottom: 0;
    padding-bottom: 0;
    .post-information {
      .post-title  {
        margin-bottom: 5px;
      }
      .post-info  {
        margin-bottom: 15px;
      }
      padding: 20px;
      border: 1px solid #ddd;
      border-top: 0;
      &.border-top {
        border-top: 1px solid #ddd;
      }
    }
    &.with-transition {
      -webkit-transition: all 0.5s ease-in-out;
      -moz-transition: all 0.5s ease-in-out;
      -ms-transition: all 0.5s ease-in-out;
      -o-transition: all 0.5s ease-in-out;
      transition: all 0.5s ease-in-out;
    }
  }
  &.post-timeline {
    padding-left: 100px;
    position: relative;
    border-bottom: 0;
    padding-bottom: 0;
    margin-bottom: 0;
    .post-date {
      position: absolute;
      z-index:2;
      left:0;
      top:0;
      padding: 10px;
      width:70px;
      height:85px;
      border:1px solid #e6e6e6;
      background: white;
      .post-day {
        text-align: center;
        color:@headingsColor;
        font-size:18px;
        display: block;
      }
      .post-month {
        font-size: 11px;
        text-align: center;
        display: block;
      }
      .border-box();
    }
    .blog-line {
      position: absolute;
      height:100%;
      width:1px;
      border-left: 1px solid #e6e6e6;
      left:35px;
      top:0;
    }
    hr {
      border-top:1px solid #e6e6e6;
      border-bottom: 0;
      padding-bottom: 30px;
      margin-bottom: 0;
    }
    &:last-child {
      margin-bottom: 30px;
      hr {
        padding-bottom: 0;
      }
    }
  }
}

.articles-nav.load-more-posts {
  text-align: center;
}

.articles-nav.load-more-posts a i {
  display: none;
  margin: 0 15px 0 -10px;
}

.articles-nav.load-more-posts a{
  font-size:16px !important;
}

.articles-nav.load-more-posts.loading a i {
  display: inline-block;
  -webkit-animation: spin 1s infinite linear;
  -moz-animation: spin 1s infinite linear;
  -o-animation: spin 1s infinite linear;
  animation: spin 1s infinite linear;
}

.articles-nav.load-more-posts.loading a{
  background-image: url(images/loader.gif);
  background-repeat: no-repeat;
  background-position: center 40px;
  background-color: #FFF;
  font-size: 16px;
  padding-bottom: 30px;
  border:1px solid #ddd;
}

.articles-nav.load-more-posts.loading a:hover{
  color: #000;
}

@-moz-keyframes spin {
  0% {
    -moz-transform: rotate(0deg);
  }
  100% {
    -moz-transform: rotate(359deg);
  }
}
@-webkit-keyframes spin {
  0% {
    -webkit-transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(359deg);
  }
}
@-o-keyframes spin {
  0% {
    -o-transform: rotate(0deg);
  }
  100% {
    -o-transform: rotate(359deg);
  }
}
@keyframes spin {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(359deg);
  }
}

.more-link {
  display: block;
  text-align: center;
}

.read-more {
  margin-top: 20px;
}

.more-link {
  line-height: 1;
}

.post-images {
  position: relative;
  margin-bottom: 20px;
  .blog-mask {
    .blockMask();
  }
  &:hover {
    .blog-mask {
      opacity: 0.9;
      background-color: rgba(255, 255, 255, 0.6);
    }
  }
  ul.slides {
    display: block;
    padding-left: 0;
    margin: 0;
    margin-bottom: 20px;
    li {
      list-style: none;
    }
  }
}

.images-slider {
  position: relative;
}

.tag-link {
  .post-description a {
    font-size: 24px;
  }
}

/*---------------------------------------------------------------*/
/* Blog Single Post
/*---------------------------------------------------------------*/

.post-single {
  margin-bottom: 20px;
  /* Etheme Social Icons*/
  .post-share {
    text-align: end;
    border: 1px solid #ebebeb;
    margin-bottom: 25px;
    margin-top: 25px;
    .share-title{
      text-transform: uppercase;
      color: black;
      float: left;
      font-family: @font;
      margin: 0;
      padding: 14px 10px;
      border-bottom: 0;
      width:auto;
      -webkit-box-sizing: border-box;
      -moz-box-sizing: border-box;
          box-sizing: border-box;
    }

.etheme-social-icons{
      float: right;
      width:auto;
      list-style: none;
      padding-left: 0;
      margin-left: 0;
      display: inline;
      margin-bottom: 0;
      li{
        display: inline;
        margin: 0;
        a{
          font-size: 18px;
          color: #6f6f6f;
          padding: 10px;
          text-align: center;
          border-left: 1px solid #ebebeb;
          width: 30px;
          height: 30px;
          line-height: 30px;
          display: inline-block;
          -webkit-transition: 0.2s all ease-in-out;
          -moz-transition: 0.2s all ease-in-out;
          -ms-transition: 0.2s all ease-in-out;
          -o-transition: 0.2s all ease-in-out;
          transition: 0.2s all ease-in-out;
          &:hover{
            text-decoration: none;
            background: #000000;
            color:white;
          }
        }
        &.share-facebook {
          a {
            &:hover {
              background-color: #3b5a9b;
            }
          }
        }
        &.share-twitter {
          a {
            &:hover {
              background-color: #32ccfe;
            }
          }
        }
        &.share-email {
          a {
            &:hover {
              background-color: #e7d900;
            }
          }
        }
        &.share-pintrest {
          a {
            &:hover {
              background-color: #e54f63;
            }
          }
        }
        &.share-google {
          a {
            &:hover {
              background-color: #d62408;
            }
          }
        }
      }
    }
  }
}

.post-navigation {
  letter-spacing: 1px;
}

/*---------------------------------------------------------------*/
/* Blog Single Post Comments
/*---------------------------------------------------------------*/
.home{
  .main-nav{
    margin-bottom: 15px;
  }
}
.comments-title {
  margin-bottom: 20px;
  padding-bottom: 20px;
  border-bottom: 1px solid #e6e6e6;
}

.commentslist {
  margin-left: 0;
  padding-left: 0;
  .comment-heading {
    margin-bottom: 10px;
    position: relative;
    .comment-author-avatar {
      float: left;
      width:70px;
      margin-right: 30px;
      margin-bottom: 10px;
    }
  }
  .children {
    margin-left: 60px;
    > li {
      position: relative;
      &:last-child {
          &:before {
            display: none;
          }
      }
      &:before {
        position: absolute;
        left: -51px;
        top: 35px;
        content:"";
        display: block;
          height:100%;
        border-left:1px solid #ebebeb;
      }
    }
    .comment-heading {
      .comment-author-avatar {
        &:before {
          position: absolute;
          left: -51px;
          top:-30px;
          content:"";
          display: block;
          width:50px;
          height:65px;
          border-left:1px solid #ebebeb;
          border-bottom: 1px solid #ebebeb;
        }
      }
    }
  }
}

.pingback,
.comment,
.bypostauthor {
  list-style: none;
}

.comment-block {
  padding-bottom: 20px;
  margin-bottom: 30px;
  border-bottom: 1px solid #e6e6e6;
  p {
    margin-bottom: 10px;
  }
  .author-link {
    margin-right: 5px;
    margin-top: 10px;
    display: inline-block;
    a {
      color: @headingsColor;
      font-size: 15px;
      font-weight: 400;
    }
  }
}
.comment-block .comment-date,
.comment-reply {
  display: inline-block;
}

#commentform {
  p {
    margin-bottom:  10px;
  }
}

.required {
  color: #e00016;
}

.comment-form-comment {
  margin-bottom: 20px;
}

.form-submit {
  text-align: end;
  width: 65.81196581196582%;
}

#reply-title a {
  font-size: 16px;
  font-weight: normal;
}
.featured-post{
  .post-images.nav-type-small{
    margin-right: 20px;
  }
}
.featured-posts {
  margin-bottom: 30px;
  position: relative;
  .show-all-posts {
    position: absolute;
    right: 0;
    top: 2px;
    font-size: 11px;
    font-family: Georgia;
    color: #a7a9aa;
    text-transform: uppercase;
    letter-spacing: 1px;
    text-decoration: none !important;
  }
}

.featured-posts .featured-post .post-info,
.featured-posts .featured-post .post-title {
  margin-bottom: 10px;
}
.featured-posts .featured-post .read-more {
  margin-top: 0;
}

/*---------------------------------------------------------------*/
/* Pricing Table
/*---------------------------------------------------------------*/

.pricing-table {
  table {
    border-collapse: separate;
    border-spacing: 0;
    margin-bottom: 30px;
    .plan-price {
      background: #fafafa;
      font-size:16px;
      line-height: 1.2;
      font-family: @font;
      font-weight: normal;
      font-style: italic;
      color:#999999;
    }
    &.table {
      th,td {
        padding: 15px;
        text-align: center;
        border-left:1px solid #dddddd;
        &:last-child {
          border-right:1px solid #dddddd;
        }
        &.selected {
          background: #fcfcfc;
        }
      }
      thead:first-child {
        tr:first-child {
          th {
            color:#292d33;
            font-size:18px;
            text-transform: uppercase;
            font-family: @font;
            border-top:1px solid #dddddd;
          }
        }
      }
      tfoot {
        tr:last-child {
          td,th {
            border-bottom:1px solid #dddddd;
          }
        }
      }
    }
  }
  &.style3,
  &.style2 {
    table {
      .plan-price {
        background: #333333;
        color:#ffffff;
        border-color:#333333!important;
        font-size: 48px;
        sup {
          font-size:18px;
          font-family: @font;
          color:#bababa;
          top:-0.7em;
          margin:0 4px 0 4px;
          font-weight: normal;
        }
        sub {
          font-size:12px;
          font-family: @font2;
          color:#6a6a6a;
          margin:0 4px 0 -24px;
          bottom:0;
        }
      }
    }
  }

&.style3 {
    table {
      .plan-price {
        background: #fafafa;
        border-color:#dddddd!important;
        color:#6f6f6f;
        sup,
        sub {
          color:#6f6f6f;
        }
      }
    }
  }
}

/*---------------------------------------------------------------*/
/* Pricing Lists
/*---------------------------------------------------------------*/

.pricing-table {
  ul {
    list-style: none;
    float: left;
    padding: 0;
    margin:0 0 30px -1px;
    .border-box();
    li {
      border-bottom:1px solid #ebebeb;
      border-right:1px solid #ebebeb;
      border-left:1px solid #ebebeb;
      text-align: center;
      padding:20px;
      background-color: #FFF;
      &.row-title {
        border-top:1px solid #ebebeb;
        font-family: @font;
        font-size:20px;
        color:#000000;
        text-transform: uppercase;
      }
      &.row-price {
        background: #fafafa;
        padding:10px;
        font-size:16px;
        line-height: 1.2;
        font-family: @font;
        font-weight: normal;
        font-style: italic;
        color:#999999;
      }
    }
    &.selected-column {
      top:-20px;
      position: relative;
      li {
        background: #fcfcfc;
        &.row-price {
          padding:10px;
        }
        &.row-title,
        &:last-child {
          padding:30px 20px;
        }
      }
    }
    &:first-child {
      margin-left: 0;
    }
  }
  &.style2,
	&.style3 {
  	ul {
  		li {
			&.row-price {
				font-size: 30px;
				sup {
            font-size:18px;
            font-family: @font;
            top:-0.4em;
            margin:0 4px 0 4px;
            font-weight: normal;
          }
          sub {
            font-size:12px;
            font-family: @font2;
            margin:0 4px 0 -24px;
            bottom:-5px;
          }
  			}
  		}
  	}
	}
  &.style2 {
    ul {
      li {
        &.row-price {
          background: #333333;
          color:#ffffff;
          border-color:#464646;
          sup {
            color:#bababa;
          }
          sub {
            color:#6a6a6a;
          }
        }
      }
      &.selected-column {
        li {
          background: #333333;
          color:white;
          border-color:#464646;
          &.row-price {
            background: #1f1f1f;
            border-color:#1f1f1f;
          }
        }
      }
    }
  }
  &.style3 {
    ul {
      li {
        &.row-price {
          background: #fafafa;
          border-color:#dddddd;
          color:#6f6f6f;
          sup {
            color:#6f6f6f;
          }
          sub {
            color:#6f6f6f;
          }
        }
      }
    }
  }
  &.columns2 {
    > ul {
      width: 50%;
    }
  }
  &.columns3 {
    > ul {
      width: 33%;
    }
  }
  &.columns4 {
    > ul {
      width: 25%;
    }
  }
  &.columns5 {
    > ul {
      width: 20%;
    }
  }
}

/*---------------------------------------------------------------*/
/* Portfolio
/*---------------------------------------------------------------*/

.postMask() {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 2;
  width: 100%;
  height: 100%;
  color: white;
  padding: 0 0 1px 1px;
  text-align: center;
  opacity: 0;
  -webkit-transition: 0.3s all ease-in-out;
  -moz-transition: 0.3s all ease-in-out;
  -ms-transition: 0.3s all ease-in-out;
  -o-transition: 0.3s all ease-in-out;
  transition: 0.3s all ease-in-out;

h1,h2,h3,h4,h5,h6 {color:white;}
  &.valign-center {
    .mask-content {
      position: absolute;
      left: 50%;
      margin-left: -65px;
      -webkit-transform: translateY(-50%);
      -moz-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
      -o-transform: translateY(-50%);
      transform: translateY(-50%);
      top: 50%;
      box-sizing: border-box;
    }
  }
  &.valign-bottom {
    .mask-content {
      position: absolute;
      width: 100%;
      left:0;
      top: auto;
      bottom:0;
    }
  }
}

.blockMask() {
  .postMask();
  .mask-content {
    position: absolute;
    left:50%;
    margin-left: -65px;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%);
    top: 50%;
    a {
      color:#fff;
      display: inline-block;
      width: 44px;
      height: 44px;
      padding: 0;
      position: relative;

font-size: 28px;
      margin: 0 10px;
      background-color: rgba(0,0,0, 0.4);
      -webkit-transition: 0.2s all ease-in-out;
      -moz-transition: 0.2s all ease-in-out;
      -ms-transition: 0.2s all ease-in-out;
      -o-transition: 0.2s all ease-in-out;
      transition: 0.2s all ease-in-out;
      i {
        line-height: 34px;
      }
      &:hover {
        text-decoration: none;
        background-color: rgba(0,0,0, 0.6);
        opacity: 1;
        color: #fff;
        &:after {
          opacity: 0.85;
          box-shadow: 2px 2px 0 rgba(0,0,0, 0.6);
        }
      }
      &:after {
        content: '';
        box-shadow: 0 0 0 rgba(0, 0, 0, 0.6);
        -webkit-transition: opacity 0.3s, box-shadow 0.3s;
        -moz-transition: opacity 0.3s, box-shadow 0.3s;
        transition: opacity 0.3s, box-shadow 0.3s;
        pointer-events: none;
        position: absolute;
        width: 22px;
        height: 26px;
        left:26px;
        bottom:-4px;
        -webkit-box-sizing: content-box;
        -moz-box-sizing: content-box;
        box-sizing: content-box;
      }
    }
  }
}

.portfolio-item {
  margin-bottom: 20px;
  .portfolio-image {
    position: relative;
    margin-bottom: 15px;
    .portfolio-mask {
      .blockMask();
      right:1px;
      margin-right: -2px;
      width: auto;
    }
    &:hover {
      .portfolio-mask {
        opacity: 1;
        background-color: rgba(255, 255, 255, 0.6);
      }
    }
  }
  .post-info {
    margin-bottom: 20px;
  }
  h3 {
    font-size:20px;
    text-transform: none;
    font-weight: 300;
    margin-bottom: 0px;
    text-transform: uppercase;
  }
  &.columns-count-2 {
    .portfolio-descr {
      text-align: start;
    }
  }
}

.portfolio.with-transition {
  -webkit-transition-duration: 0.8s;
  -moz-transition-duration: 0.8s;
  -ms-transition-duration: 0.8s;
  -o-transition-duration: 0.8s;
  transition-duration: 0.8s;
  -webkit-transition-property: height, width;
  -moz-transition-property: height, width;
  -ms-transition-property: height, width;
  -o-transition-property: height, width;
  transition-property: height, width;
}

.portfolio-item.with-transition{
  -webkit-transition: all 0.5s ease-in-out;
  -moz-transition: all 0.5s ease-in-out;
  -ms-transition: all 0.5s ease-in-out;
  -o-transition: all 0.5s ease-in-out;
  transition: all 0.5s ease-in-out;
}

.portfolio-filters {
  padding-left: 0;
  margin-top: 40px;
  text-align: center;
  margin-bottom: 0;
  li{
    list-style: none;
    display: inline-block;
    margin: 0 2px 20px 2px;
  }
  .active {
    color:white!important;
    cursor:default;
  }
}

.portfolio-pagination {
  float: right;
  li {
    margin: 0 2px 0 2px;
  }
}

/*---------------------------------------------------------------*/
/* Isotope grid
/*---------------------------------------------------------------*/

.et_isotope.with-transition {
  -webkit-transition-duration: 0.8s;
  -moz-transition-duration: 0.8s;
  -ms-transition-duration: 0.8s;
  -o-transition-duration: 0.8s;
  transition-duration: 0.8s;
  -webkit-transition-property: height, width;
  -moz-transition-property: height, width;
  -ms-transition-property: height, width;
  -o-transition-property: height, width;
  transition-property: height, width;
}

.et_isotope-item.with-transition{
  -webkit-transition: all 0.5s ease-in-out;
  -moz-transition: all 0.5s ease-in-out;
  -ms-transition: all 0.5s ease-in-out;
  -o-transition: all 0.5s ease-in-out;
  transition: all 0.5s ease-in-out;
}

.et_categories_filter {
  padding-left: 0;
  text-align: center;
  margin-bottom: 40px;
  li{
    list-style: none;
    display: inline-block;
    margin: 0 2px 20px 2px;
  }
  .active {
    color:white!important;
    cursor:default;
  }
}

.wpb_teaser_grid {
  .et_isotope {
    .et_isotope-item {
      margin-bottom: 20px;
      .post-thumb {
        position: relative;
        margin-bottom: 20px;
        .block-mask {
          .blockMask();
        }
        &:hover {
          .block-mask {
            opacity: 1;
            filter: alpha(opacity=1);
            background-color: rgba(255,255,255,0.6);
          }
        }
      }

h4.post-title {
        margin-bottom: 20px;
      }
      .entry-content {
        p {
          margin-bottom: 3px;
        }
      }
    }
  }
  &.post-by-info-show {
    .et_isotope {
      .et_isotope-item {

h4.post-title {
          margin-bottom: 0;
        }
        .post-info {
          margin-bottom: 20px;
        }
      }
    }
  }
  &.teaser-border-on {
    &.grid_layout-title_thumbnail_text,
    &.grid_layout-title_text {
      .et_isotope-item {
        border:1px solid #dddddd;
        padding: 20px;
        .border-box();
      }
    }

&.grid_layout-thumbnail_title,
    &.grid_layout-thumbnail_text,
    &.grid_layout-thumbnail_title_text {
      .et_isotope-item {
        .post-thumb {
          margin-bottom: 0;
        }
        .teaser-post-info {
          border:1px solid #dddddd;
          border-top: 0;
          padding: 20px;
          .border-box();
        }
      }
    }

}
  &.grid_layout-thumbnail {
    .et_isotope-item {
      .post-thumb {
        margin-bottom: 0!important;
      }
    }
  }
}

.wpb_image_grid .wpb_image_grid_ul.isotope .isotope-item {
  margin: 0 10px 10px 0;
}
/*---------------------------------------------------------------*/
/* Images base styles
/*---------------------------------------------------------------*/
.alignleft {
  float: left;
}
.alignright {
  float: right;
}
.aligncenter {
  display: block;
  margin-left: auto;
  margin-right: auto;
}
img.alignleft {
  margin: 2px 24px 20px 0;
}
img.alignright {
  margin: 2px 0 20px 24px;
}
img.aligncenter {
  margin-top: 12px;
  margin-top: 0.857142857rem;
  margin-bottom: 12px;
  margin-bottom: 0.857142857rem;
}
.rounded-corners {
  &, img {
    .rounded-corners();
  }
}

.wp-caption {
  max-width: 100%; /* Keep wide captions from overflowing their container. */
  padding: 4px;
}
.wp-caption .wp-caption-text,
.gallery-caption,
.entry-caption {
  font-style: italic;
  font-size: 12px;
  font-size: 0.857142857rem;
  line-height: 2;
  color: #757575;
}
img.wp-smiley,
.rsswidget img {
  border: 0;
  border-radius: 0;
  box-shadow: none;
  margin-bottom: 0;
  margin-top: 0;
  padding: 0;
}
.entry-content dl.gallery-item {
  margin: 0;
}
.gallery-item a,
.gallery-caption {
  width: 90%;
}
.gallery-item a {
  display: block;
}
.gallery-caption a {
  display: inline;
}
.gallery-columns-1 .gallery-item a {
  max-width: 100%;
  width: auto;
}
.gallery .gallery-icon img {
  height: auto;
  max-width: 90%;
  padding: 5%;
}
.gallery-columns-1 .gallery-icon img {
  padding: 3%;
}

/*---------------------------------------------------------------*/
/* Contact Page
/*---------------------------------------------------------------*/

.google-map img {
  max-width: none;
}

.google-map.googlemap-wide {
  width:100%;
  height: 300px;
  margin-bottom: 40px;
}

.google-map.googlemap-default {
  width:100%;
  height: 550px;
  margin-bottom: 20px;
}

.contact-page-custom,
.contact-page-default {
}

#contact-form label {
  margin-left:0px;
}

#contact-form p {
  margin-bottom: 5px;
}

#contact-form .form-textarea {
  margin-bottom: 20px;
}

#contact-form .fields-left {
  width: 205px;
  float: left;
}

#contact-form .fields-right {
  float: left;
  margin-left: 20px;
  width: 305px;
}

#contact-form textarea {
  height: 200px;
}

#contact-form input,
#contact-form textarea {
  width: 100%;
  box-sizing: border-box;
}

.captcha-block {
  float:left;
}

.captcha-block img {
  float:left;
  border:1px solid #ebebeb;
  padding: 3px;
  margin-right: 5px;
}
#contact-form .captcha-block input,
.captcha-block input {
  float:left;
  width:70px;
  height:32px;
}

.contact-page-custom p {
  margin-bottom: 10px !important;
}

.spinner {
  display: none;
}
/*---------------------------------------------------------------*/
/* 404 page not found
/*---------------------------------------------------------------*/
.page-404 {
  padding:140px 0;
  text-align: center;
  h1 {
    margin-bottom: 5px;
  }
  p {
    text-transform: uppercase;
    letter-spacing: 2px;
    margin-bottom: 30px;
  }
}

.largest {
  font-size: 180px;
  line-height: 1;
  margin-bottom: 10px;
}

/*---------------------------------------------------------------*/
/* My Account
/*---------------------------------------------------------------*/

#customer_login {
  h2 {
    i{
      margin-right: 15px;
    }
  }
  .login{
    .form-row-last{
      float: left;
      clear:both;
    }
  }
}
form.login{
  label.inline{
    margin-top: 10px;
  }
}
.user-sidearea {
  border-top: 1px solid #e6e6e6;
  border-left: 1px solid #e6e6e6;
  border-right: 1px solid #e6e6e6;
  padding:20px;

.avatar {
    float: left;
    margin: 0 10px 0 10px;
  }
  strong {
    font-family: @font;
    font-weight: normal;
    font-size: 18px;
  }
}
.et-registration {
  h1 i {
    margin-right: 15px;
  }
}

.address-field .chosen-container{
  width: 100%;
}

form .form-row input.input-text,form .form-row textarea,form .form-row input.input-text,form .form-row textarea
{
  -moz-box-sizing:border-box;
  -webkit-box-sizing:border-box;
  box-sizing:border-box;
  line-height:1em;
  margin:0;
  outline:0;
  width:100%;
}

form .form-row-first,form .form-row-last,form .form-row-first,form .form-row-last
{
  float:left;
  overflow:visible;
  width:47%;
}

.woocommerce-account form .form-row-wide label{
  float: left;
}

.address{
  .title{
    &:before{
      border:none;
    }
  }
}

.shop_table.my_account_orders{
  td{
    font-size: 13px;
  }
}

#payment{
  background-color: #FFF !important;
  -webkit-border-radius: 0px;
          border-radius: 0px;
}

.addresses .title:before{
  border:none;
}
/*---------------------------------------------------------------*/
/* Section
/*---------------------------------------------------------------*/

.et_section {
  float: left;
  background-color: #f4f4f4;
  border-top:1px solid #ebebeb;
  border-bottom:1px solid #ebebeb;
  color:#565656;
  padding-top:30px;
  visibility: hidden;
  background-repeat: no-repeat;
  padding-bottom:30px;
  margin-bottom: 30px;
  background-position-x: 50%;
  background-size:cover;
  overflow: hidden;

&.parallax-section{
    background-attachment: fixed !important;
  }
  &.no-border{
    border:none !important;
  }
  .block-with-ico{
    .ico-position-left{
      padding:20px;
      background: white;
    }
  }
  &.color-scheme-dark {
    color: #d5d5d5;
    h1,h2,h3,h4,h5,h6{
      color: #f3f3f3;
    }
  }
  &.no-padding {
    padding-top:0;
    padding-bottom:0;
  }
  &.small-padding {
    padding-top:20px;
    padding-bottom:20px;
  }
  &.large-padding {
    padding-top:70px;
    padding-bottom:70px;
  }
  &.top-padding {
    padding-top:50px;
    padding-bottom:0;
  }
}

.boxed .et_section,
.blank-page .et_section {
  width: 100%!important;
  left:auto!important;
  padding-left: 20px;
  padding-right: 20px;
  margin-left: -20px;
}

.content.span8 .et_section > .container,
.content.span9 .et_section > .container,
.content.span10 .et_section > .container{
  max-width: 100%!important;
  padding-left: 20px;
  padding-right: 20px;
}

.content.span12 .et_section {
  width: 100%;
  position: relative;
}

.content.span12 .et_section > .container {
  position: relative;
  z-index: 1;
}

.section-back-video{
  position: absolute;
  left: 0;
  top: 0;
  z-index: 0;
}
.section-video-mask{
   .wpb_column{
           z-index: 2;
   }
   :before{
     content:"";
     display: block;
     z-index: 1;
     position: absolute;
     width: 100%;
     height: 100%;
     top: 0;
     left: 0;
     background: rgba(0, 0, 0, 0.5) url(images/grid-video.png) repeat 0 0 ;
   }
}
.section-video-poster{
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  background-size: 100% 100%;
}
/*---------------------------------------------------------------*/
/* Content Product images slider
/*---------------------------------------------------------------*/
.hover-effect-slider{
  .slider-counter {
    position: absolute;
    bottom:-1px;
    left:0;
    font-size:11px;
    opacity: 0;
    padding: 4px;
    background-color: #fff;
  }
  .small-slider-arrow {
    position: absolute;
    top:50%;
    margin-top: -10px;
    width: 25px;
    height: 35px;
    border:1px solid #e2e2e2;
    line-height: 37px;
    cursor: pointer;
    background: #fff;
    font-size: 0;
    text-indent: -99999px;
    opacity: 0;
    z-index: 1;

&.arrow-right {
      right:0;
      text-align: center;
      border-right: none;
      &:hover{
        background-color: #ebebeb;
        color: #4f4f4f;
      }
      &:before{
        content: "\df";
        font-family: "arrows";
        font-size: 14px;
        opacity: 1;
        display: block;
        text-indent: 0;
      }
    }
    &.arrow-left{
      text-align: center;
      left:0;
      border-left: none;
      &:hover{
        background-color: #ebebeb;
        color: #4f4f4f;
      }
      &:before{
        content: "\66";
        font-family: "arrows";
        font-size: 14px;
        text-align: center;
        opacity: 1;
        display: block;
        text-indent: 0;
      }
    }
  }

}

.products-grid .product:hover,
 .products-list .product .product-image-wrapper:hover {
    .show-quickly {
      opacity: 1;
      display: block;
    }
 }
 .slide-item .product:hover .product-image-wrapper,
 .products-grid .product:hover .product-image-wrapper,
 .products-list .product .product-image-wrapper:hover{
    .slider-counter,
    .small-slider-arrow,
    .show-quickly {
      opacity: 1;
      display: block;
    }
  }
.products-list .product-image-wrapper .small-slider-arrow.arrow-right{
  border-right:1px solid #e2e2e2;
  right: -1px;
}

.products-list .product-image-wrapper .small-slider-arrow.arrow-left{
  border-left:1px solid #e2e2e2;
  left:-1px;
}

.product-image-wrapper .out-of-stock{
  color: #FFF;
  text-transform: uppercase;
  font-size: 14px;
  display: block;
  width: 100%;
  padding: 8px;
  text-align: center;
  -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
          box-sizing: border-box;
  position: absolute;
  top:50%;
  margin-top: -10px;
  font-family: @font;
  background-color: rgba(0,0,0,0.5);
}

.sidebar .product-image-wrapper .out-of-stock{
  display: none;
}
/*---------------------------------------------------------------*/
/* Custom Information Block
/*---------------------------------------------------------------*/
.custom-info-wrap {
  margin-bottom: 20px!important;
  float: left;
  width: 100%;
  border-bottom:1px dotted #dbdbdb;
  .custom-info-block{
    border-top:1px dotted #dbdbdb;
    &:before{
      border-top:none;
    }
    &.a-center{
      a{
        border-left: 1px dotted #dbdbdb;
        border-right: 1px dotted #dbdbdb;
      }
    }
  }
}

.custom-info-block{
  float: left;
  width: 33.33%;
  padding: 12px 0;
  border-top: 1px solid #dbdbdb;
  text-transform: uppercase;
  color: #6f6f6f;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  a{
    color: #6f6f6f;
    line-height: 26px;
    text-decoration: none;
    i{
      font-size: 24px;
      margin-left: 10px;
      color: #d2d2d2;
      position: relative;
      top:3px;
      -webkit-transition: all 0.2s ease-in-out;
         -moz-transition: all 0.2s ease-in-out;
          -ms-transition: all 0.2s ease-in-out;
           -o-transition: all 0.2s ease-in-out;
              transition: all 0.2s ease-in-out;
      &:hover{
        text-decoration: none;
      }
    }
  }
  &.a-center{
    a{
      border-left: 1px solid #dbdbdb;
      border-right: 1px solid #dbdbdb;
      padding: 0 20px;
    }
  }
  &.a-right,
  &.a-left{
    span{
      font-weight: bold;
      color: #ed1c2e;
      margin-left: 5px;
    }
  }
}

/*---------------------------------------------------------------*/
/* Footer-top
/*---------------------------------------------------------------*/
.footer-top {
  font-size: 12px;
  .container {
    border-top: 1px solid #dbdbdb;
    padding-top: 2px;
    .double-border {
      padding: 30px 0;
    }
  }
  .sidebar-widget{
    .widget-title{
      padding: 0;
      border:none !important;
    }
  }
  .widget-title {
    font-size:16px;
    text-transform: uppercase;
    font-weight: 400;
    letter-spacing: 2px;
    margin-bottom: 15px;
  }
  .textwidget {
    line-height: 1.8;
  }
  .widget_nav_menu{
    margin-bottom: 0;
    padding-left: 5px;
    .widget-title{
      border:none;
      text-align: start;
      padding: 0;
    }
  }
}
/*---------------------------------------------------------------*/
/* Footer
/*---------------------------------------------------------------*/
.footer {
  font-size: 12px;
  .container {
    padding-top: 30px;
    padding-bottom: 30px;
    border-top: 1px solid #dbdbdb;
  }
  .widgettitle,
  .widget-title {
    font-size:16px;
    text-transform: uppercase;
    font-weight: 400;
    letter-spacing: 2px;
    margin-bottom: 15px;
  }
  .recent-post-mini {
    line-height: 24px;
  }
  .widget_nav_menu li a {
    padding: 7px 20px;
    background-position: 2px 11px;
    border:none!important;
  }
  .textwidget {
    line-height: 1.8;
  }
  .widget_recent_entries {
    ul {
        list-style:none;
        margin:0;
        padding:0;
        li {
            padding:0 0 10px;
            margin-bottom:10px;
            display:block;
            a {
                display:block;
                text-transform:uppercase;
            }
            &:last-child {
                border-bottom:0;
            }
        }
    }
  }
}
.footer-top h2, .footer-bottom h2{
  font-size: 16px;
  letter-spacing: 2px;
}
.footer_menu{
  li{
    list-style:none;
     &:before{
      content: "\f105";
      font-family: FontAwesome;
      font-size: 14px;
      color: #6f6f6f;
      position: relative;
      left:-10px;
    }
  &:hover{
    &:before{
      text-decoration: none;
    }
  }
  }
  a{
    color: #6f6f6f;
    line-height: 25px;
  }
}

.footer .phone {
  font-size: 24px;
  line-height:38px;
}

.with-map {
  background-image: url(images/world-map.png);
  background-repeat: no-repeat;
  background-position: top center;
  background-size:100% auto;
}

.responsive-switcher {
  min-height: 1px;
  margin-top: 10px;
  margin-bottom: 10px;
  i {
    color: #090909;
    font-size: 25px;
    margin-right: 2px;
    position: relative;
    top:4px;
  }
}

// Footer 2 and (dark version)

.footer-top.footer-top-3,
.footer.footer-bottom-3,
.footer.footer-bottom-2 {
  background: #404040;
  color:#8b8b8b;
  h1,h2,h3,h4,h5,h6,
  a:hover {
    color:#fff;
  }
  a {
    color:#8b8b8b;
  }
}
.footer-top.footer-top-3,
.footer.footer-bottom-2,
.copyright.copyright-3,
.copyright.copyright-2 {
  .container {
    border:none;
  }
}
.footer.footer-bottom-3 {
  .container {
    border-color: #616161;
  }
}

.copyright.copyright-3,
.copyright.copyright-2 {
  background: #343434;
  border-top: 1px solid #333536;
  color:#8b8b8b;
}

.copyright .footer-sidebar-widget .textwidget p{
  line-height: 34px;
}

.footer-top.footer-top-3,
.footer.footer-bottom-3,
.footer.footer-bottom-2 {
  .etheme_twitter .tweet a,
  .recent-post-mini a {
    color:#fff;
  }
  .recent-post-mini,
  .etheme_widget_recent_comments li,
  .product_list_widget > li,
  .etheme_twitter .tweet {
    border-color:#5e5e5e;
  }
  .widget_recent_entries ul li {
    border-bottom: 1px solid #4d4d4d;
    a {
        color:#bdbdbd;
    }
  }
}

// Footer 3

/*---------------------------------------------------------------*/
/* Back to top
/*---------------------------------------------------------------*/

.back-to-top {
  display: block;
  text-align: center;
  cursor: pointer;
  position: fixed;
  font-size: 11px;
  text-transform: uppercase;
  z-index: 3;
  bottom: -95px;
  right:40px;
  color:#6f6f6f;
 -webkit-transition: 0.3s all ease-in-out;
  -moz-transition: 0.3s all ease-in-out;
  -ms-transition: 0.3s all ease-in-out;
  -o-transition: 0.3s all ease-in-out;
  transition: 0.3s all ease-in-out;
  background-color: rgba(255, 255, 255, 0.3);
  &:before{
    content: "\e601";
    font-family: "arrows";
    font-size: 14px;
    opacity: 1;
    display: block;
    text-indent: 0;
    line-height: 48px;
    color: #fff;
    height: 50px;
    text-align: center;
    width: 50px;
    background: rgba(0,0,0,0.2);
    -webkit-transition: 0.3s all ease-in-out;
    -moz-transition: 0.3s all ease-in-out;
    -ms-transition: 0.3s all ease-in-out;
    -o-transition: 0.3s all ease-in-out;
    transition: 0.3s all ease-in-out;
  }

i {
    display: block;
    line-height: 20px;
    color:#e5e5e5;
    font-size:80px;
    margin-bottom: 10px;
  }
  &:hover {

&:before{
      background:rgba(0,0,0,0.6);
      color: #fff !important;
    }
  }
  span{
    display: none;
  }
}

.back-to-top.btt-shown {
  bottom: 50px;
}
/*---------------------------------------------------------------*/
/* Copyright
/*---------------------------------------------------------------*/
footer iframe{
  float: left;
}
.copyright {
  .container {
    padding: 20px 0;
    border-top: 1px solid #dbdbdb;
  }
  .logo-small {
    margin:0px 15px 0 0;
    max-width: 180px;
  }
  p {
    margin-bottom: 0;
  }
  .links {
    li {
      margin-left: 10px;
      &:after {
        display: none;
      }
    }
    a{
      color:white;
      &:hover {
        color:white;
      }
      img{
        max-width: 38px;
      }
    }
  }
  .row-fluid .span6 {
    min-height: 5px;
  }
}

.nicescroll-rails{
  float: left;
  background-color: #EFEFEF;
  border-left:1px solid #dfdfdf;
  div{
    background-color: #b5b5b5 !important;
  }
  div:active{
      background-color: #0f0f0f !important;
  }
}

/*---------------------------------------------------------------*/
/* Blank Page
/*---------------------------------------------------------------*/
.blank-page.container {
  position: fixed;
  float: left;
  top: 50%;
  left: 50%;
  -webkit-transform: translateX(-50%) translateY(-50%);
  -moz-transform: translateX(-50%) translateY(-50%);
  -ms-transform: translateX(-50%) translateY(-50%);
  transform: translateX(-50%) translateY(-50%);

width: 100% !important;
  -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
          box-sizing: border-box;
  overflow: hidden;
  .content{
    width: 100%;
  }
}

.page-template-blank-php{
  .header-wrapper,.prefooter,.footer-top,.footer,.copyright,.fixed-header-area,.side-area,.mobile-nav,.top-panel,.etheme_cp,.etheme_cp_btn_show{
    display: none;

}
  .page-wrapper{
    height: 100%;
    overflow: visible;
  }
}
.page-template-blank{
  .vc_column_container{
    margin: 0 auto;
  }
  .et-timer{
        position: relative;
    left: 50%;
    -webkit-transform: translateX(-50%);
    -moz-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    -o-transform: translateX(-50%);
    transform: translateX(-50%);
  }
}
.back-white{
  background: #FFF;
  padding: 4px;
  border:1px solid #dbdbdb;
}

.widget_mc4wp_widget{
  background-color: #FFF;
  text-align: center;
  padding: 20px 20px 5px 20px;
  -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
          box-sizing: border-box;
  border:1px solid #dbdbdb;
  position: relative;
  z-index: 2;
  p,input{
    text-align: center;
  }
  input[type="email"]{
    margin-bottom: 20px;
  }
}

/*---------------------------------------------------------------*/
/* Empty Category
/*---------------------------------------------------------------*/
.empty-category-block{
  h2{
    text-align: center;
    &:before{
      content: "\e60f";
      font-family: "arrows";
      font-size: 80px;
      display: block;
      width: 100%;
      text-align: center;
      color: #000;
    }
  }
  p{
    text-align: center;
  }
}

/*---------------------------------------------------------------*/
/* Plugins
/*---------------------------------------------------------------*/

/*---------------------------------------------------------------*/
/* Content Animations
/*---------------------------------------------------------------*/

@-webkit-keyframes fadeIn {
    from {
        opacity: 0;
    }

to {
        opacity: 0.99;
    }
}

@-moz-keyframes fadeIn {
    from {
        opacity: 0;
    }

to {
        opacity: 0.99;
    }
}

@keyframes fadeIn {
    from {
        opacity: 0;
    }

to {
        opacity: 0.99;
    }
}

.fade-in {
    opacity: 0;
    -webkit-animation: fadeIn ease-in 1;
    -moz-animation: fadeIn ease-in 1;
    animation: fadeIn ease-in 1;
    -webkit-animation-fill-mode: forwards;
    -moz-animation-fill-mode: forwards;
    animation-fill-mode: forwards;
    -webkit-animation-duration: 0.5s;
    -moz-animation-duration: 0.5s;
    animation-duration: 0.5s;
}

.fade-in.one {
    .aniamted(0.5s);
}

.fade-in.two {
    .aniamted(1.2s);
}

.fade-in.three {
    .aniamted(1.6s);
}

.fade-in.four {
    .aniamted(2s);
}

.in-view {
    -webkit-animation: fadeIn ease-in 1;
    -moz-animation: fadeIn ease-in 1;
    animation: fadeIn ease-in 1;
    -webkit-animation-duration: 0.5s;
    -moz-animation-duration: 0.5s;
    animation-duration: 0.5s;
    opacity: 1;
}

.aniamted(@time:1s) {
    -webkit-animation-delay: @time;
    -moz-animation-delay: @time;
    animation-delay: @time;
}

.delay1 {
    .aniamted(0.5s);
}

.delay2 {
    .aniamted(1s);
}

.delay3 {
    .aniamted(1.5s);
}

.delay4 {
    .aniamted(2s);
}

.delay5 {
    .aniamted(2.5s);
}

.delay6 {
    .aniamted(3s);
}

.delay7 {
    .aniamted(3.5s);
}

.delay8 {
    .aniamted(4s);
}

.delay9 {
    .aniamted(4.5s);
}

.delay10 {
    .aniamted(5s);
}

/* If enabled header and content animation */
.fadeIn-enabled {
  .page-heading,
  .page-content
  {
    .fade-in();
  }
  .page-heading {
    .delay2();
  }
  .page-content {
    .delay2();
  }

}

/*---------------------------------------------------------------*/
/* Tabs
/*---------------------------------------------------------------*/

.accordion() {
  border-top:1px solid #e9e9e9;
  .tab-title {
    width:100%;
    border:1px solid #e9e9e9;
    border-top:0;
    padding:20px;
    margin: 0;
    .border-box();
    &:first-child {
      margin-right: 0;
      margin-left: 0;
    }
    &.opened {
      border-bottom:1px solid #e9e9e9;
    }
  }
  .tab-content {
    margin-bottom: 0;
  }
}

.tabs {
  position: relative;
  margin-bottom: 20px;
  .tab-title {
    display: inline-block;
    color:#999999;
    border:1px solid #e9e9e9;
    padding: 10px 30px;
    font-family: @font;
    text-transform: uppercase;
    margin: 0 8px;
    &:hover {
      text-decoration:underline;
    }
    &:first-child {
      margin-left: 20px;
    }
    &.opened {
      color: @headingsColor;
      border-bottom:1px solid #fff;
    }
    > i {
      margin-right: 10px;
    }
  }
  .tab-content {
    display: none;
    margin-top: -1px;
    float:right;
    width:100%;
    .border-box();
    border:1px solid #e9e9e9;
    padding: 30px;
    margin-bottom: 30px;
  }
  &.accordion {
    .accordion();
  }
  @media (max-width: 768px) {
    .accordion();
  }
}
.tabs-under-product {
	.tabs {
		display: table-caption;
	    margin-left: 30px;
	    margin-top: 30px;
	}
	.tabs-default {
	    .tab-title {
		    padding: 10px 20px;
		    &:first-child {
		    	margin-left: 10px;
		    }
		}
	}

}

.left-bar {
  .left-titles {
    float: left;
    width:25%;
    min-width: 120px;
    max-width: 320px;
    .tab-title-left {
      display: block;
      border:1px solid #e9e9e9;
      border-right: 0;
      border-top: 0;
      padding: 20px 30px;
      .border-box();
      font-family: @font, Arial;
      text-transform: uppercase;
      &:hover {
        text-decoration:underline;
      }
      &:first-child {
        border-top:1px solid #e9e9e9;
      }
      &.opened {
        background-color: #fafafa;
      }
      > i {
        margin-right: 10px;
      }
    }
  }
  .tab-content {
    float: right;
    width:75%;
    margin-top: 0;
  }
  .tab-title {
    display: none;
  }
}

.right-bar {
  .left-bar();
  .left-titles {
    float: right;
    .tab-title-left {
      border-right:1px solid #e9e9e9;
      border-left: 0;
    }
  }
  .tab-content {
    float: left;
  }
}

#content_tab_additional_information{
  table{
    th,
    td{
      background-color: #fff;
      padding: 0 8px;
      line-height: 40px;
    }
    th{
      font-weight: 400;
      color:#6f6f6f;
      text-transform: uppercase;
    }
    td{
      color: #6f6f6f;
      text-transform: none;
    }
  }
}

/*---------------------------------------------------------------*/
/* Images Carousel
/*---------------------------------------------------------------*/

.images-carousel {
  padding-left: 0;
  list-style: none;
  li {
    padding: 5px;
  }
}

/*---------------------------------------------------------------*/
/* Slider
/*---------------------------------------------------------------*/

/* slide */
.items-slider .slider .slide-item {
  /* required */
  float: left;
  max-width: 100%;
}

.items-slider::selection{
  background-color: transparent !important;
}

.slider-title {
  text-align: center;
}
.items-slider {
  /* required */
  position: relative;
  top: 0;
  left: 0;
  width: 100%;
  margin-bottom: 20px;
  position: relative;
  /* slider */
  .slider {
    /* required */
    width: 100%;
    height: 100%;
    .slide-item {
      list-style:none;
    }
  }
}
.slider-container{
  .show-all-posts{
    display: none;
  }
  > .title + a{
    display: block;
  }
}
.vc_btn3.vc_btn3-size-xs{
  padding: 6px 14px !important;
}
.vc_btn3.vc_btn3-size-sm{
  padding: 5px 20px !important;
}
.vc_btn3.vc_btn3-size-md{
  padding: 10px 30px !important;
}
.vc_btn3.vc_btn3-size-lg{
  padding: 10px 45px !important;
}
.slider-container {
  position: relative;
  width: 100%;
  clear: both;
  &.sidebar-slider {
    .border-box();
    margin-bottom: 20px;
    border: 1px solid #ebebeb;
    padding:0;
    .title {
      font-size: 16px;
      text-align: center;
      margin: 20px 0;
      padding-bottom: 20px;
      &:before {
        display: none;
      }
    }
    .slide-item {
      .product {
        float: left;
        width:50%;
        padding:10px;
        border:none;
        text-align: center;
        &:nth-child(2n+1) {
          clear: left;
        }
        &:hover {
          border:none;
        }
        .product-image-wrapper {
          margin: 0 10px 10px 0;
        }
        .product-name {
          font-size:12px;
          margin: 0;
        }
        .price {
          float: none;
          font-size:16px;
          line-height: 29px;
        }
        ins {
          float: none;
          line-height: 16px;
        }
        .amount {
          font-size:14px;
        }
        .add-to-container {
          padding: 0;
          margin: 0;
        }
        .from,
        del,
        .button,
        .star-rating,
        .label-icon,
        .products-page-cats,
        .small-slider-arrow,
        .slider-counter {
          display: none;
        }
      }
    }
    .slider-prev,
    .slider-next {
      width:25px;
      height:25px;
      margin: 0 0 15px 4px;
      top: auto;
      bottom:10px;
      left: 50%;
      border: 1px solid #dbdbdb;
      &:before {
        content: "\df";
        font-family: "arrows";
        font-size: 14px;
        opacity: 1;
        display: block;
        text-indent: 0;
        line-height: 25px;
      }
      &:hover {
        &:before {
          background-color: #ebebeb;
          color: #4f4f4f;
        }
      }
      &.disabled {
        &:hover {
          cursor: default!important;
          &:before {
            background-color: white;
          }
        }
        &:hover:before,
        &:before {
          cursor: default!important; // 13498
          opacity: 1!important;
          color: #a2a2a2!important;
        }
      }
    }
    .slider-prev {
      margin-left: -31px;
      &:before {
        content: "\66";
      }
    }
  }

&.sidebar-slider-flex {
    .border-box();
    margin-bottom: 20px;
    border: 1px solid #dbdbdb;
    padding:0;
    .title {
      margin: 20px 20px 10px;
    }
    .slider-viewport {
      padding-bottom: 40px;
      width: 210px;
      margin: 0 auto;
    }
    .slide-item {
      margin-right: 0!important;
      .product {
        padding:4px;
        border:none;
        text-align: center;
        &:nth-child(2n+1) {
          clear: left;
        }
        &:hover {
          border:none;
        }
        .product-name {
          font-size:12px;
          margin: 0;
          letter-spacing: 0;
        }
        .price {
          float: none;
          font-size:14px;
          line-height: 20px;
        }
        ins {
          float: none;
          line-height: 16px;
          font-size: 14px;
        }
        .amount {
          font-size:14px;
          -ms-word-wrap: initial;
              word-wrap: initial;
        }
        .woocommerce-price-suffix{
          width: 100%;
          text-align: center;
          float: left;
          line-height: 14px;
        }
        .add-to-container {
          padding: 0;
          margin: 0;
        }
        .show-quickly,
        .from,
        del,
        .button,
        .star-rating,
        .label-icon,
        .products-page-cats,
        .small-slider-arrow,
        .slider-counter {
          display: none;
        }
      }
    }
    &.posts-count-lt5 {
      .flex-direction-nav .flex-prev,
      .flex-direction-nav .flex-next {
        display: none;
      }
    }
    .flex-direction-nav .flex-prev,
    .flex-direction-nav .flex-next {
      width:25px;
      height:25px;
      margin: 0 0 5px 4px;
      bottom:10px;
      top: auto;
      left: 50%;
      border: 1px solid #dbdbdb;
      &:before {
        content: "\df";
        font-family: "arrows";
        font-size: 14px;
        opacity: 1;
        display: block;
        text-indent: 0;
        line-height: 25px;
        left:0;
      }
      &:hover {
        &:before {
          background-color: #ebebeb;
          color: #4f4f4f;
        }
      }
      &.flex-disabled {
        opacity: 0.4!important;
        filter: alpha(opacity=40)!important;
        &:hover {
          cursor: default!important;
          &:before {
            background-color: white;
          }
        }
        &:hover:before,
        &:before {
          cursor: default!important; // 13374
          opacity: 1!important;
          color: #a2a2a2!important;
        }
      }
    }
    .flex-direction-nav .flex-prev {
      margin-left: -31px;
      &:before {
        content: "\66";
      }
    }
  }

.show-all-posts {
    position: absolute;
    right:0;
    top:5px;
    font-size: 11px;
    font-family: @font;
    color:#a7a9aa;
    text-transform: uppercase;
    letter-spacing: 1px;
    text-decoration: none;
    &:hover {
      text-decoration: none;
      &:after{
      }
    }
    &:after{
      content: "\e603";
      font-family: "arrows" !important;
      font-size: 10px;
      margin-left: 5px;
      text-align: center;
      opacity: 1;
      text-indent: 0;
    }
  }

/* Direction Nav */

.owl-next,
  .owl-prev,
  .slider-prev,
  .slider-next {opacity:1;width:65px;height:82px; margin: -50px 0 0; display: block;position: absolute; top: 50%; right:-75px; z-index: 10; cursor: pointer; text-indent: 0;text-align: center;background-color: rgba(255, 255, 255, 0.5) ;}

.owl-next:hover,
  .owl-prev:hover,
  .slider-prev:hover,
  .slider-next:hover{
    opacity: 1;
  }
  .slider-prev::selection,
  .slider-next::selection{
    background-color: transparent  !important;
  }

.owl-next:before,
  .slider-next:before{
    content: "\e603";
    font-family: "arrows";
    font-size: 60px;
    opacity: 0.4;
    display: block;
    text-indent: 0;
    color: #a2a2a2;
   }
  .owl-prev:before,
  .slider-prev:before{
    content: "\e602";
    font-family: "arrows";
    font-size: 60px;
    opacity: 0.4;
    display: block;
    text-indent: 0;
    color: #a2a2a2;
   }
  .owl-prev,
  .slider-prev {
    left:-80px;
  }
  .slider-prev:hover,
  .slider-prev:active {
  }
  .owl-next:hover:before,
  .owl-prev:hover:before,
  .slider-next:hover:before,
  .slider-prev:hover:before{
    opacity: 1;
  }

.owl-prev.disabled:before,
  .owl-next.disabled:before,  {opacity: .3!important; filter:alpha(opacity=30); cursor: default !important; color: #e8e8e8 !important;}
  &.posts-count-lt4 {
    .slider-next,
    .slider-prev {display: none;}
  }
}

.boxed .slider-container .owl-next, .boxed .slider-container .slider-next{
  right:-38px;
}

.boxed .slider-container .owl-prev,.boxed .slider-container .slider-prev{
  left:-38px;
}

.sidebar-slider-flex .items-slider .slider .slide-item,
.sidebar-slider .items-slider .slider .slide-item {
  margin: 0!important;
}

.sidebar-slider-flex .product-mask,
.sidebar-slider-flex .show-quickly{
  display: none;
}

.boxed{
  .slider-container{
    .slider-next{
      right: -25px;
    }
    .slider-prev{
      left:-25px;
    }
  }
}

.slider-container::selection{
  background:transparent !important;
}

/*---------------------------------------------------------------*/
/* Products Slider
/*---------------------------------------------------------------*/
.products-slider {
  .owl-buttons .owl-next:before, .flex-direction-nav .flex-next:before{
    left: 3px;
    top: 9px;
  }
  .owl-buttons .owl-prev:before, .flex-direction-nav .flex-prev:before{
    top: 9px;
    left: 0;
  }
}

.items-slider {
  .slide-item {
    .post-images {
      .blog-mask {
        .blockMask();
        height: 100%;
        .mask-content a {
          padding: 0;
          border:2px solid #fff;
          &:hover {
            color: #FFF;
          }
        }
      }
      &:hover {
        .blog-mask {
          opacity: 0.9;
        }
      }
    }
  }

.flex-direction-nav a {
    top: -30px;
    &:active {
      top:-29px;
    }
    &:hover,
    &:active{
      opacity: 1;
    }
    &.flex-disabled:active {
      top:-30px;
    }
  }
  .flex-direction-nav .flex-prev {
      right: 50px;
      left: auto;
  }

}
/*---------------------------------------------------------------*/
/* Posts Slider
/*---------------------------------------------------------------*/

.posts-slider {
  .slide-item {
    position: relative;
    padding: 0 10px;
    -webkit-box-sizing: border-box;
       -moz-box-sizing: border-box;
            box-sizing: border-box;
  }
  .post-images {
    margin-bottom: 15px;
  }
  h5 {
    font-weight: normal;
    font-size: 16px;
  }
  .post-date {
    width: 45px;
    height: 45px;
    .border-box();
    border: 1px solid #e6e6e6;
    color: #444444;
    background-color: white;
    font-size:20px;
    line-height: 18px;
    text-align: center;
    padding: 5px;
    float: left;
    margin: 0 15px 0 0;
    span {
      font-size: 14px;
      display: block;
    }
  }
}

/*---------------------------------------------------------------*/
/* Icons
/*---------------------------------------------------------------*/

.thumbnail{display:block;margin-bottom:20px;padding:4px;border:1px solid #f5f5f5;text-align:center;line-height:20px;}
.modal .modal-body div.thumbnail div{margin:8px;}
.demo-icons .demo-icon {
  padding: 5px 0;
  i {
    margin-right: 5px;
    font-size: 18px;
  }
}
.thumbnail i,.demo-icons i {color: #444; -webkit-transition:all .2s ease-in-out;-moz-transition:all .2s ease-in-out;-ms-transition:all .2s ease-in-out;-o-transition:all .2s ease-in-out;transition:all .2s ease-in-out;}
.demo-icons .demo-icon:hover{cursor:pointer;}
.icon6,.icon5,.icon4,.icon3,.icon2,.icon1 {
  float: left;
  margin-left: 20px;
}
.icon6 i,.icon5 i,.icon4 i,.icon3 i,.icon2 i,.icon1 i{color:#444;}
.modal .modal-body .icon6{width:300px; margin-left: 0;}
.modal .modal-body .icon5{width:160px;}
.modal .modal-body .icon4{width:160px;}
.modal .modal-body .icon3{width:160px;}
.modal .modal-body .icon2{width:70px;}
.modal .modal-body .icon1{width:70px;}
.icon6 i{font-size:250px;}
.icon5 i{font-size:120px;}
.icon4 i{font-size:100px;}
.icon3 i{font-size:50px;}
.icon2 i{font-size:26px;}
.icon1 i{font-size:14px;}
.icon1 .thumbnail{height:62px;}

.hover-icon {
  -webkit-transition: 0.3s all ease-in-out;
  -moz-transition: 0.3s all ease-in-out;
  -ms-transition: 0.3s all ease-in-out;
  -o-transition: 0.3s all ease-in-out;
  transition: 0.3s all ease-in-out;
}

/*---------------------------------------------------------------*/
/* Google Maps
/*---------------------------------------------------------------*/

.gmap  {
  margin-bottom: 20px;
  width:100%;
  img {
    max-width: none;
  }
}
.wpb_gmaps_widget .wpb_map_wraper{
  padding: 0 !important;
}
/*---------------------------------------------------------------*/
/* Toggle
/*---------------------------------------------------------------*/
.toggle-block {
  &.bordered {
    border-left:1px solid #e6e6e6;
    border-right:1px solid #e6e6e6;
    .toggle-element {
      padding: 20px 20px;
    }
  }
  &.border-top {
    border-top:1px solid #e6e6e6;
  }
  .toggle-element:first-child {
    border-top:1px solid #e6e6e6;
  }
  .toggle-element:first-child:last-child {
    border-top:0;
  }
}
.toggle-element {
  cursor: pointer;
  border-bottom: 1px solid #e6e6e6;
  padding: 20px 20px 20px 0;
  .toggle-title {
    display: block;
    color: @headingsColor;
    padding: 5px 5px 5px 5px;
    font-family: @font;
    font-size: 13px;
    text-transform: uppercase;
    &:hover {
      text-decoration:none;
    }
  }

.open-this {
    cursor: pointer;
    float:left;
    height:20px;
    line-height: 20px;
    font-size:18px;
    width:20px;
    display: block;
    margin: 0 10px 0 0;
    text-align: center;
  }

&.opened .open-this {
    line-height: 19px;
  }

.toggle-content {
    display: none;
    padding-left: 40px;
  }
  &.opened {
    .toggle-title {
      margin-bottom: 10px;
    }
  }
}

/*---------------------------------------------------------------*/
/* Blocks with icons
/*---------------------------------------------------------------*/

.block-with-ico {
  margin-bottom: 20px;
   &:after {
      content: "";
      clear: both;
      display: block;
    }
  i {
    float: left;
    font-size: 36px;
    color: #B6B6B6;
    margin: 0 20px 10px 0;
    -webkit-transition: 0.3s all ease-in-out;
    -moz-transition: 0.3s all ease-in-out;
    -ms-transition: 0.3s all ease-in-out;
    -o-transition: 0.3s all ease-in-out;
    transition: 0.3s all ease-in-out;
    text-align: center;
  border-radius: 100%;
    line-height: 75px;
    width: 75px;
    height: 75px;

}
  &.ico-style-encircled {
    &.ico-position-left {
      .ico-box-content {
        padding-left: 100px;
      }
    }
  }

&.ico-style-large {
    i {
    font-size: 72px;
    }
  }
  &.ico-style-small {
    i {
      line-height: 40px;
      width: 40px;
      height: 40px;
    }
  }

&.ico-position-left {
    .ico-box-content {
      padding-left: 60px;
    }
  }
  &.ico-position-left {
    &.ico-style-large {
    .ico-box-content {
      padding-left: 100px;
    }
    }
  }

&.ico-position-top {
    text-align: center;
    i {
      text-align: center;
      float: none;
      margin: 0 10px 20px auto !important;
      display: inline-block;
      color:white;
      border: none;
    }
  }
}

/*---------------------------------------------------------------*/
/* Super Banners
/*---------------------------------------------------------------*/

.banner {
  margin-bottom: 20px;
  position: relative;
  overflow: hidden;
  .banner-bg {
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
    position: absolute;
    width: 100%;
    height:100%;
    top:0;
    left:0;
    z-index: 1;
  }

.banner-content {
    -webkit-box-sizing: border-box;
       -moz-box-sizing: border-box;
            box-sizing: border-box;
    padding:10px;
    margin: 5px;
    left:0;
    right:0;
    bottom:0;
    top:0;
    color:white;
    position: absolute;
    bottom: 0;
    z-index: 2;
    font-size:13px;
    h1,h2,h3,h4,h5,h6 {
      color:#fff;
      margin-bottom: 3px;
      line-height: 1.1;
    }
    p {
      line-height: 1.4;
    }
    .button{
      float: none;
      margin-top: 0;
    }
    a{
      &:hover{
        text-decoration: none;
        color: #000;
      }
    }
  }
  &.cursor-pointer{
    cursor: pointer;
  }
  &.va-middle{
    .banner-content{
      .banner-inner{
        position: absolute;
        top:50%;
        width: 100%;
        left: 0;
        -webkit-transform: translateY(-50%);
           -moz-transform: translateY(-50%);
            -ms-transform: translateY(-50%);
             -o-transform: translateY(-50%);
                transform: translateY(-50%);
      }
    }
  }
  &.style-dark_border{
    background-color: #000;
    .banner-content{
      border:1px solid #7b7b7f;
    }
    img{
      opacity: 0.5;
      width: 100%;
    }
  }
  &.hover-zoom {
    -webkit-transition: 0.3s all ease-in-out;
    -moz-transition: 0.3s all ease-in-out;
    -ms-transition: 0.3s all ease-in-out;
    -o-transition: 0.3s all ease-in-out;
    transition: 0.3s all ease-in-out;
    -webkit-backface-visibility: hidden;
    -webkit-perspective: 1000;
    img {
    -webkit-transition: 0.5s all ease-in-out;
    -moz-transition: 0.5s all ease-in-out;
    -ms-transition: 0.5s all ease-in-out;
    -o-transition: 0.5s all ease-in-out;
    transition: 0.5s all ease-in-out;
    width: 100%;
    -webkit-backface-visibility: hidden;
    -webkit-perspective: 1000;
    }
    &:hover {
      background: black;
      a{
        text-decoration: none !important;
      }
      img {
        -webkit-transform: scale(1.2);
        -moz-transform: scale(1.2);
        -o-transform: scale(1.2);
        transform: scale(1.2);
        opacity: 0.75;
      }
    }
  }
  &.hover-faded {
    -webkit-transition: 0.3s all ease-in-out;
    -moz-transition: 0.3s all ease-in-out;
    -ms-transition: 0.3s all ease-in-out;
    -o-transition: 0.3s all ease-in-out;
    transition: 0.3s all ease-in-out;
      background: black;
    img {
      -webkit-transition: 0.5s all ease-in-out;
      -moz-transition: 0.5s all ease-in-out;
      -ms-transition: 0.5s all ease-in-out;
      -o-transition: 0.5s all ease-in-out;
      transition: 0.5s all ease-in-out;
      width: 100%;
      opacity: 1;
    }
    &:hover {

img {
        opacity: 0.8;
        width: 100%;
      }
    }
  }
  &.banner-font-dark {
    .banner-content {
      color:#6f6f6f;
      h1,h2,h3,h4,h5,h6 {
        color:#6f6f6f;
      }
    }
  }
  &.bordered {
    border:1px solid #ebebeb;
  }
}

.sidebar{
  .banner{

.banner-content{
      background-color: rgba(255, 255, 255, 0.75);
      -webkit-box-sizing: border-box;
         -moz-box-sizing: border-box;
              box-sizing: border-box;
      bottom: 50%;
      -webkit-transform: translateY(50%);
         -moz-transform: translateY(50%);
          -ms-transform: translateY(50%);
           -o-transform: translateY(50%);
              transform: translateY(50%);
      width: 83%;
      left:20px;
      h2{
        color: #5d5d5d;
        font-size: 22px;
      }
      p{
        margin-bottom: 0;
        color: #5d5d5d;
      }
      &:before{
        content: "";
        width: 100%;
        height: 100%;
        position: absolute;
        padding: 5px;
        border:1px solid rgba(255, 255, 255, 0.85);
        left:-6px;
        top:-6px;
        z-index: -1;
      }
    }
    &.hover-fade:hover img{
      opacity: 1;
    }
  }
}

.zoom-banner{
  position: relative;
  float: left;
  background-color: #000;
  overflow: hidden;
  margin-bottom: 20px;
  img{
    width: 100%;
    height: auto;
    -webkit-transform: scale(1);
       -moz-transform: scale(1);
        -ms-transform: scale(1);
         -o-transform: scale(1);
            transform: scale(1);
        -webkit-transition: all 0.5s ease;
     -moz-transition: all 0.5s ease;
      -ms-transition: all 0.5s ease;
       -o-transition: all 0.5s ease;
          transition: all 0.5s ease;
  }
  &:hover{
    img{
      opacity: 0.5;
          -webkit-transform: scale(1.15);
       -moz-transform: scale(1.15);
        -ms-transform: scale(1.15);
         -o-transform: scale(1.15);
            transform: scale(1.15);
    }
  }
  p{
    margin: 0;
  }
  .banner-content{
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    padding: 10px;
    margin: 5px;
    left: 0;
    right: 0;
    bottom: 0;
    top: 0;
    color: white;
    position: absolute;
    z-index: 2;
    font-size: 13px;
    h1,h3{
      color: #fff;
      margin-bottom: 3px;
      line-height: 1.1;
    }
  }
}
/*---------------------------------------------------------------*/
/* Simple popup plugin
/*---------------------------------------------------------------*/

.emodal {
    position: fixed;
    top: 40%;
    left: 0;
    z-index: 20302;
    visibility: hidden;
    padding:20px;
    min-width: 320px;
    max-width: 500px;
    min-height: 140px;
    width: 50%;
    height: auto;
    background: white;
    opacity: 0;
    border:1px solid #ccc;
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -ms-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
    background-repeat: no-repeat;
    background-position: center center;
    .border-box();
}

.emodal-border{
  position: absolute;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
  margin:10px;
  box-sizing: border-box;
  border: 1px solid #efefef;
}

.emodal.eloading {
    background: #fff url(images/loading.gif) no-repeat center center;
    .close-modal{
      display: none;
    }
}

.emodal.shown ~ .wrapper {
    filter: blur(3px);
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -ms-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
    -webkit-filter: blur(3px);
    -moz-filter: blur(3px);
}
.emodal.shown {
    left: 50%;
    margin-left: -250px;
}

.emodal-overlay.with-transitions {
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -ms-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}

.emodal.with-transitions {
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -ms-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}

.emodal-overlay.shown,
.emodal.shown {
      visibility: visible;
      opacity: 1;
}

.emodal .close-modal {
    position: absolute;
    top: -35px;
    right: 0px;
    display: block;
    padding: 0;
    width: 26px;
    height: 25px;
    border-color: transparent;
    color: #bebebe;
    background-color: #fff;
    font-size: 24px;
    cursor: pointer;
    -webkit-transition: 0.2s all ease-in-out;
    -moz-transition: 0.2s all ease-in-out;
    -ms-transition: 0.2s all ease-in-out;
    -o-transition: 0.2s all ease-in-out;
    transition: 0.2s all ease-in-out;
    background-image: url(images/black_cross.png);
    background-repeat: no-repeat;
    background-position: 7px 7px;

i{
      display:none;
     }
}

.close{
  font-size: 30px;
  font-weight: normal;
}

.emodal .close-modal:hover {
     opacity: 0.4;
}

.emodal-overlay {
    position: fixed;
    top: 0;
    left: 0;
    z-index: 20301;
    visibility: hidden;
    width: 100%;
    height: 100%;
    background: rgba(0,0,0,0.8);
    opacity: 0;
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -ms-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}

/* content */

.emodal .emodal-title {
  margin-bottom: 5px;
}

.emodal .emodal-text {
    float:right;
    width: 75%;
    position: relative;
    z-index: 1;
}

.emodal img {
    float:left;
    max-width: 20%;
}
.emodal .emodal-text h3{margin-bottom: 10px;}
.emodal .emodal-text .button{margin-right: 20px;margin-top: 20px;}
.emodal .emodal-text .button:last-child{margin-right: 0;padding-right: 30px;}
.modal-header h3 {
  margin: 0;
  font-size: 18px !important;
  line-height: 20px !important;
}
.emodal .emodal-text .button span{position: relative;}
.emodal .emodal-text .button:last-child span:after{content: "";background: url(images/arrow-right-white.png) no-repeat center center;width: 9px; height: 17px;position: absolute;top:-1px; right:-19px;}
/*
 * jQuery FlexSlider v2.0

* Free to use under the GPLv2 license.
 * http://www.gnu.org/licenses/gpl-2.0.html
 *
 * Contributing author: Tyler Smith (@mbmufffin)
 */

/* Browser Resets */
.flex-container a:active,
.flexslider a:active,
.flex-container a:focus,
.flexslider a:focus  {outline: none;}
.slides,
.flex-control-nav,
.flex-direction-nav {margin: 0; padding: 0; list-style: none;}
.flex-control-nav{
  display: none;
}

/* FlexSlider Necessary Styles
*********************************/
.flexslider {margin: 0; padding: 0;}
.flexslider .slides > li {display: none; -webkit-backface-visibility: hidden;} /* Hide the slides before the JS is loaded. Avoids image jumping */
.flexslider .slides img {width: 100%; display: block;}
.flex-pauseplay span {text-transform: capitalize;}

/* Clearfix for the .slides element */
.slides:after {content: "."; display: block; clear: both; visibility: hidden; line-height: 0; height: 0;}
html[xmlns] .slides {display: block;}
* html .slides {height: 1%;}

/* No JavaScript Fallback */
/* If you are not using another script, such as Modernizr, make sure you
 * include js that eliminates this class on page load */
.no-js .slides > li:first-child {display: block;}

/* FlexSlider Default Theme
*********************************/
.flexslider {margin: 0 0 20px; background: #fff; position: relative; -webkit-border-radius: 4px; -moz-border-radius: 4px; -o-border-radius: 4px; border-radius: 4px;  zoom: 1;}
.flex-viewport {max-height: 2000px; -webkit-transition: all 1s ease; -moz-transition: all 1s ease; transition: all 1s ease;}
.loading .flex-viewport {max-height: 300px;}
.flexslider .slides {zoom: 1;}

.carousel li {margin-right: 5px}

/* Direction Nav */
.flex-direction-nav a{ background-color: rgba(255,255,255,0.8);}
.flex-direction-nav {*height: 0;}
.owl-buttons > div,
.flex-direction-nav a {opacity:1;width:55px;height:80px;margin: -35px 0 0;font-size: 0; display: block; position: absolute; top: 50%;color:#b8b8b8; z-index: 10; cursor: pointer; text-indent: 0;}
.product-thumbnails-slider .flex-direction-nav{
  visibility: hidden;
}
.product-thumbnails-slider:hover .flex-direction-nav{
  visibility: visible;
}
.vc_video-bg:before {
    position: absolute;
    content: "";
    display: block;
    z-index: 1;
    width: 100%;
    background: rgba(0,0,0,0.5) url(images/grid-video.png) repeat 0 0;
    height: 100%;
}
.single-product-page .flex-direction-nav a{width: 40px;height: 70px;}
.single-product-page .product-thumbnails-slider:hover .flex-direction-nav a{display: block;}
.single-product-page .flex-direction-nav .flex-next{
  &:before{
    content: "\e603";
    font-family: "arrows";
    font-size: 40px;
    line-height: 70px;
    text-align: center;
    opacity: 1;
    display: block;
    text-indent: 0;
    position: relative;
    left:1px;
    }
}
.single-product-page .flex-direction-nav .flex-prev{
  &:before{
    content: "\e602";
    font-family: "arrows";
    font-size: 40px;
    line-height: 70px;
    text-align: center;
    opacity: 1;
    display: block;
    text-indent: 0;
    position: relative;
    right: 1px;
    }
}
 .owl-buttons .owl-next,
 .flex-direction-nav .flex-next {
  font-size: 0;
  position: absolute;
  &:before{
    content: "\e603";
    font-family: "arrows";
    font-size: 52px;
    opacity: 1;
    line-height: 82px;
    display: block;
    text-indent: 0;
    color: #b8b8b8;
    text-align: center;
    position: relative;
    left: 2px;
    top: 0;
    }
}
 .owl-buttons .owl-prev,
 .flex-direction-nav .flex-prev{
  position: absolute;
  font-size: 0;
  &:before{
    content: "\e602";
    font-family: "arrows";
    font-size: 52px;
    opacity: 1;
    line-height: 82px;
    display: block;
    text-indent: 0;
    color: #b8b8b8;
    text-align: center;
    position: relative;
    right: 0;
    top: 0;
    left: 0;
    }
}
.single-product-page .flex-direction-nav .flex-prev{background-position: top left;opacity: 1;}
.single-product-page .flex-direction-nav .flex-next:hover{background-position: top right;}
.single-product-page .flex-direction-nav .flex-prev:hover{background-position: top left;}
.single-product-page .flex-direction-nav a:hover{opacity: 0.8 !important;}
.single-product-page .flex-direction-nav .flex-next.flex-disabled{opacity: 0.3 !important;}
.single-product-page .flex-direction-nav .flex-prev.flex-disabled{opacity: 0.3 !important;}
.flex-direction-nav a:hover,
.flex-direction-nav a:active{ opacity: 1; text-decoration: none;}
 .owl-buttons .owl-next,
.flex-direction-nav .flex-next { background-position: right bottom; right: 0; opacity: 1;}
 .owl-buttons .owl-prev,
.flex-direction-nav .flex-prev {  left: 0;background-position: left bottom; opacity: 1;}
.flex-direction-nav .flex-next:hover { background-position: right bottom; opacity: 0.8;}
.flex-direction-nav .flex-prev:hover { background-position: left bottom; opacity: 0.8;}
.flex-direction-nav .flex-next.flex-disabled {opacity: .6!important; filter:alpha(opacity=30); cursor: default;background-position: top right;}
.flex-direction-nav .flex-prev.flex-disabled {opacity: .6!important; filter:alpha(opacity=30); cursor: default;background-position: top left;}
.flex-direction-nav .flex-next.flex-disabled:hover { background-position: top right; }
.flex-direction-nav .flex-prev.flex-disabled:hover { background-position: top left; }

/* Control Nav */
.flex-control-nav {width: 100%; position: absolute; bottom: 10px; text-align: center;}
.flex-control-nav li {margin: 0 6px; display: inline-block; zoom: 1; *display: inline;}
.flex-control-paging li a {width: 17px; height: 17px; display: block; background-image: url(images/flex-control-points.png); background-position: top center; background-repeat: no-repeat; cursor: pointer; text-indent: -9999px; font-size:0;}
.flex-control-paging li a:hover {  }
.flex-control-paging li a.flex-active { background-position: bottom center; cursor: default; }

.flex-control-thumbs {margin: 5px 0 0; position: static; overflow: hidden;}
.flex-control-thumbs li {width: 25%; float: left; margin: 0;}
.flex-control-thumbs img {width: 100%; display: block; opacity: .7; cursor: pointer;}
.flex-control-thumbs img:hover {opacity: 1;}
.flex-control-thumbs .flex-active {opacity: 1; cursor: default;}

.wpb_flexslider .flex-control-paging { display: none; }

@media screen and (max-width: 860px) {
  .flex-direction-nav .flex-prev {opacity: 0.3; left: 0;}
  .flex-direction-nav .flex-next {opacity: 0.3; right: 0;}
}

/* Pretty Photo
*********************************/

.pp_content_container {
  .pp_content {
    border:1px solid #dbdbdb;

min-height: 70px;
    min-width: 65px;
    .border-box();
  }
  .pp_details {
    position: inherit!important;
  }
  .pp_close {
    top:-56px;
    margin: 3px;
    background-color: white;
    right:0;
  }
  .pp_contract,
  .pp_expand {
    top: -57px;
    margin: 3px;
    background-color: white;
    left: 0 !important;
    bottom: auto!important;
    width: 20px;
    height: 20px;
    line-height: 16px;
    text-align: center;
    i {
      font-size: 14px;
    }
  }
}

/*---------------------------------------------------------------*/
/* Countdown Timer
/*---------------------------------------------------------------*/
.et-timer{
  &.dark{
    .time-block{
      color: #8e8e8e;
      span{
        color: #151515;
      }
    }
    .timer-devider{
      border-right: 1px solid #dbdbdb;
    }
  }
  &.white{
    .time-block{
      span{
        color: #fff;
      }
    }
    .timer-devider{
      border-right: 1px solid rgba(255, 255, 255, 0.6);
    }
  }
}
.et-timer {
    text-align:center;
    margin: 20px auto 20px;
    display: inline-block;
    position: relative;
}
.et-timer .timer-devider {
    display: inline-block;
    float: left;
    height: 50px;
    border-right: 1px solid #000;
    margin: 20px 35px 0 35px;
}
.et-timer .time-block {
    width:120px;
    height:100px;
    color:#b2b2b2;
    font-size:18px;
    display: inline-block;
    font-weight:bold;
    text-transform: uppercase;
    float:left;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
}
.et-timer .time-block span {
    font-size:50px;
    line-height: 1;
    display: block;
    margin-bottom: 10px;
    font-weight: 700;
}
/*---------------------------------------------------------------*/
/* Promo popup
/*---------------------------------------------------------------*/
.white-popup-block {
    background: #fff;
    border:5px solid #efefef;
    padding: 20px 30px 5px;
    text-align: start;
    max-width: 95%;
    margin: 40px auto;
    position: relative;
    background-image: url(images/assets/pp_bg.jpg);
    -webkit-background-size: cover;
         -o-background-size: cover;
            background-size: cover;
    background-repeat: no-repeat;
    .border-box();
    .popup-modal-dismiss {
      position: absolute;
      top:10px;
      right:10px;
      display: block;
      line-height: 22px;
      background-image: url(images/black_cross.png);
      background-repeat: no-repeat;
      background-position: center center;
      width: 20px;
      height: 20px;
      &:hover {
        opacity: 0.6;
      }
      i {
        font-size:0;
      }
    }
    .row-fluid .span1,.row-fluid .span2,.row-fluid .span3,.row-fluid .span4,.row-fluid .span5,.row-fluid .span6,.row-fluid .span7,.row-fluid .span8,.row-fluid .span9,.row-fluid .span10,.row-fluid .span11,.row-fluid .span12 {
      min-height: 0;
    }
    label{
      text-transform: uppercase;
      color: #222;
    }
}

a.etheme-popup {
  font-size: 0;
  display: block;
}

.checkbox-label {
  text-align: center;
  position: absolute;
  bottom: 0;
}

.checkbox-label input {
    display: inline-block;
}
.checkbox-label label {
    display: inline-block;
    position: relative;
    top:2px;
    font-size: 11px;
}

/*---------------------------------------------------------------*/
/* Revolution Slider
/*---------------------------------------------------------------*/

.tp-rightarrow.default,
  .tp-leftarrow.default{
    background-image:none;
    background-position: bottom left;
    background-color: rgba(255, 255, 255, 0.5);
    width: 65px;
    height: 90px;
  }
  .tp-rightarrow.default{
    opacity: 1;
    background-position: bottom right;
    &:hover {
      opacity: 0.7;
      background-position: bottom right;
    }
  }
  .tp-leftarrow.default{
    opacity: 1;
    background-position: bottom left;
    &:hover {
      background-position: bottom left;
      opacity: 0.7;
    }
  }

.tp-rightarrow.default:before {
      content: "\e603";
      font-family: "arrows";
      font-size: 60px;
      opacity: 1;
      line-height: 90px;
      display: block;
      text-indent: 0;
      color: #b8b8b8;
      text-align: center;
      position: relative;
      left: 2px;
}

.tp-leftarrow.default:before {
      content: "\e602";
      font-family: "arrows";
      font-size: 60px;
      opacity: 1;
      line-height: 90px;
      display: block;
      text-indent: 0;
      color: #b8b8b8;
      text-align: center;
      position: relative;
      right: 2px;
}

.tp-bullets.simplebullets.round .bullet {
  background: white!important;
  width: 10px!important;
  height:10px!important;
  margin-top: -5px!important;
  margin: -5px 5px 0 5px !important;
  opacity: 0.6;
  .rounded-corners(5px);
  &.selected,
  &:hover {
    opacity: 1;
  }
}

.fullwidthbanner-container .tp-rightarrow.default::selection,
.fullwidthbanner-container .tp-leftarrow.default::selection,
.fullwidthbanner-container::selection{
  background-color: transparent !important;
}
/*---------------------------------------------------------------*/
/* Testimonials slider
/*---------------------------------------------------------------*/

.cbp-qtrotator {
  position: relative;
  margin: 10px auto 30px auto;
  width: 100%;
}

.cbp-qtrotator .cbp-qtcontent {
  position: absolute;
  top: 0;
  z-index: 0;
  opacity: 0;
  width: 100%;
}

.no-js .cbp-qtrotator .cbp-qtcontent {
  border-bottom: none;
}

.cbp-qtrotator .cbp-qtcontent.cbp-qtcurrent,
.no-js .cbp-qtrotator .cbp-qtcontent {
  position: relative;
  z-index: 100;
  pointer-events: auto;
  opacity: 1;
}

.cbp-qtrotator .cbp-qtcontent:before,
.cbp-qtrotator .cbp-qtcontent:after {
  content: " ";
  display: table;
}

.cbp-qtrotator .cbp-qtcontent:after {
  clear: both;
}

.cbp-qtprogress {
  position: absolute;
  height: 1px;
  width: 0%;
  top: 0;
  z-index: 1000;
  background-color: #4d4d4d;
}

.cbp-qtrotator blockquote {
  margin:0;
  background-color: transparent;
  background-repeat: no-repeat;
  background-position: 10px 10px;
  border:1px solid #D5D5D5;
  padding: 25px;
  margin-bottom: 20px;
  line-height: 24px;
}

.cbp-qtrotator blockquote:after {
  content:"";
  display: block;
  width:27px;
  height:14px;
  position: absolute;
  bottom:47px;
}

.cbp-qtrotator blockquote footer {
  margin-top: 10px;
}
.cbp-qtrotator blockquote footer cite {
  font-style: italic;
  display: inline;
}

.cbp-qtrotator .testimonial-author {
  text-align: center;
}

.cbp-qtrotator blockquote footer:before {
  content: '― ';
}

.cbp-qtrotator .cbp-qtcontent a.avatar-link {
  position: absolute;
  bottom: -12px;
}

.cbp-qtrotator .cbp-prev,
.cbp-qtrotator .cbp-next {
  font-size:20px;
  position: absolute;
  cursor: pointer;
  bottom:-5px;
  width: 20px;
  text-align: center;
  left:2px;
  z-index: 111;
  -webkit-transition: 0.2s all ease-in-out;
  -moz-transition: 0.2s all ease-in-out;
  -ms-transition: 0.2s all ease-in-out;
  -o-transition: 0.2s all ease-in-out;
  transition: 0.2s all ease-in-out;
  &:hover {
    color:#fff;
  }
}

.cbp-qtrotator .cbp-next {
  right:2px;
  left:auto;
}

.footer-bottom-2 .cbp-qtrotator blockquote,
.top-panel .cbp-qtrotator blockquote {
  border-color:#5E5E5E;
  background-image: url('images/quote2.png');
}

.testimonials-slider{
  position: relative;
  background-repeat: no-repeat;
  background-position: 10px 20px;
}

.testimonials-slider .item{
  border-right:0;
  text-align: center;
  .avatar-link,
  .testimonial-author{
    display: inline-block;
  }
}

.testimonials-slider .owl-buttons div{
  bottom:-10px;
  top:auto;
  position: absolute;
}

.testimonials-slider .owl-buttons .owl-prev{
  left:0;
}

.testimonials-slider .owl-buttons .owl-next{
  right:0;
}
.quantity input[type=number] {
    -moz-appearance:textfield !important;
}

.testimonials-slider .owl-buttons .owl-prev:before{
  content: "\f104";
  font-family: FontAwesome;
  color: #252525;
  font-size: 26px;

}
.testimonials-slider .owl-buttons .owl-next:before{
  content: "\f105";
  font-family: FontAwesome;
  color: #252525;
  font-size: 26px;
}

.testimonials-text,
.testimonial-author{
  text-align: center;
}

.testimonials-text{
  margin: 0;
background-color: transparent;
background-repeat: no-repeat;
background-position: 10px 10px;
border: 1px solid #D5D5D5;
padding: 25px;
margin-bottom: 20px;
line-height: 24px;
}

.testimonial-grid {
  margin-bottom: 20px;
  .testimonials-row {
    .quote {
      width:50%;
      float: left;
      padding:20px;
      .border-box();
      &:nth-child(2n-1) {
        padding-left: 0;
        border-right:1px solid #ebebeb;
        border-top:1px solid #ebebeb;
        margin-right: -1px;
      }
      &:nth-child(2n) {
        padding-right: 0;
        border-left:1px solid #ebebeb;
        border-top:1px solid #ebebeb;
      }
      .avatar-link {
        float: left;
        margin: 0 20px 5px 0;
        img {
          .rounded-corners(60px);
        }
      }
      .author {
        strong {
          display: block;
          color:@headingsColor;
          font-style: normal;
          font-weight: normal;
          text-transform: uppercase;
        }
      }
      blockquote {
        margin: 0 0 10px 0;
        background: none;
        border:none;
        padding: 0;
        font-style: normal
      }
    }
    &:first-child {
      .quote {
        &:nth-child(2n-1) {
          border-top:0;
        }
        &:nth-child(2n) {
          border-top:0;
        }
      }
    }
  }
}

/* Reset - A few useful declerations to stop other peoples CSS interfering with our own */

.sxy-zoom-container .sxy-zoom-viewport img { max-width: none !important; border-radius: 0 !important; }

/* Global */

.sxy-zoom-container { /* -moz-box-shadow: 0 1px 6px #aaa; -webkit-box-shadow: 0 1px 6px #aaa; box-shadow:  0 1px 6px #aaa; */}
.sxy-zoom-container .sxy-zoom-viewport { z-index: 1000; }

.sxy-zoom-container img { border: 0; }
.sxy-zoom-container div { margin: 0; padding: 0; border: 0; }

.sxy-zoom-container .sxy-zoom-dragpad, .sxy-zoom-container .sxy-overlay, .sxy-zoom-container .inner-thumb, .sxy-zoom-container .sxy-zoom-bg { width: 100%; height: 100%; }

.sxy-zoom-bg { left: 0; top: 0; position: absolute; }

.sxy-zoom-container .sxy-controls { height: 100%; }
.sxy-zoom-container .overlay { height: 100%; }
.sxy-zoom-container .sxy-slider { height: 100%; }

.sxy-zoom-container .sxy-zoom-dragpad { position: absolute !important; left: 0; top: 0; }

/* Controls */

.sxy-zoom-container .sxy-controls
{
    box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box;
    width: 26px;
    left: -26px;
    top: 0px;
    position: absolute;
    overflow: hidden;
    filter:inherit;
}

.sxy-zoom-container .sxy-controls .overlay
{
  position: absolute;
  top: 0px;
  left: 0px;
    width: 26px;
    border-top-left-radius: 3px; -webkit-border-top-left-radius: 3px; -moz-border-radius-topleft: 3px;
    border-bottom-left-radius: 3px; -webkit-border-bottom-left-radius: 3px; -moz-border-radius-bottomleft: 3px;
    background:#fff;
   filter: inherit;
}

.sxy-zoom-container .in {    filter:inherit;  left: 2px; width: 22px; height: 23px;  position: relative; display: block; top: 3px;}
.sxy-zoom-container .out { filter:inherit; width: 22px; height: 23px;  position: relative; left: 2px; display: block; }
.sxy-zoom-container .sxy-slider { filter:inherit;  position: relative;}
.sxy-zoom-container .sxy-handle { filter:inherit; left: 2px; width: 20px; height: 16px;  top: 20px; position: absolute;font-size: 0; }

/* Mode :: Common */

.sxy-zoom-container { position: relative; }

.sxy-zoom-container .sxy-zoom-viewfinder { position: absolute; border:4px solid rgba(255,255,255,0.4);  box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; }

.sxy-zoom-container .inner-thumb { position: absolute; top: 0; left: 0; }

.sxy-zoom-container .sxy-zoom-dragpad { position: relative; }
    .sxy-zoom-container .sxy-zoom-dragpad .sxy-overlay { position: absolute; top: 0px; left: 0px; }

.sxy-zoom-container .sxy-zoom-viewport { position: absolute; overflow: hidden; top:0; }
    .sxy-zoom-container .sxy-zoom-viewport img { position: absolute; }

.sxy-zoom-container.sxy-zoom-loading .sxy-loading { display: none; background: #fff; padding: 5px; position: absolute; top:0; left:0; margin: 5px; opacity: 0.6; border:1px solid #ebebeb; }
    .sxy-zoom-container.sxy-zoom-loading .sxy-loading  span { background:#fff url(images/loading.gif) no-repeat; width: 48px; height: 48px; display: block;}

/* Mode :: Dock  filter: alpha(opacity = 0); */

.sxy-zoom-mode-dock  .sxy-zoom-viewport { box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; border: 1px solid #000; position: absolute; overflow: hidden; top:0; box-shadow: 2px 2px 4px rgba(50, 50, 50, 0.68); -webkit-box-shadow: 2px 2px 4px rgba(50, 50, 50, 0.68);  -moz-box-shadow: 2px 2px 4px rgba(50, 50, 50, 0.68);}
      .sxy-zoom-mode-dock  .sxy-zoom-dragpad .sxy-overlay { background: #000000; opacity: 0.0;  }

/* Mode :: Window */

.sxy-zoom-mode-window .sxy-zoom-viewfinder { z-index: 1001; }

/* Mode :: Lens */

.sxy-zoom-mode-lens  .sxy-zoom-viewport { border: 1px solid #000; position: absolute; overflow: hidden; top:0; box-shadow: 2px 2px 4px rgba(50, 50, 50, 0.68); -webkit-box-shadow: 2px 2px 4px rgba(50, 50, 50, 0.68); -moz-box-shadow: 2px 2px 4px rgba(50, 50, 50, 0.68); }

/* Mode :: Slippy */

.sxy-zoom-mode-slippy  .sxy-zoom-dragpad { cursor: pointer; }
  .sxy-zoom-mode-slippy  .sxy-zoom-dragpad.down { cursor: move; }

/* Magnific Popup CSS */
.mfp-bg {
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 20000;
  overflow: hidden;
  position: fixed;
  background: #0b0b0b;
  opacity: 0.8;
  filter: alpha(opacity=80); }

.mfp-wrap {
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 20100;
  position: fixed;
  outline: none !important;
  -webkit-backface-visibility: hidden; }

.mfp-container {
  text-align: center;
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  padding: 0 8px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box; }

.mfp-container:before {
  content: '';
  display: inline-block;
  height: 100%;
  vertical-align: middle; }

.mfp-align-top .mfp-container:before {
  display: none; }

.mfp-content {
  position: relative;
  display: inline-block;
  vertical-align: middle;
  margin: 0 auto;
  text-align: start;
  z-index: 1045; }

.mfp-inline-holder .mfp-content, .mfp-ajax-holder .mfp-content {
  width: 100%;
  cursor: auto; }

.mfp-ajax-cur {
  cursor: progress; }

.mfp-zoom-out-cur, .mfp-zoom-out-cur .mfp-image-holder .mfp-close {
  cursor: -moz-zoom-out;
  cursor: -webkit-zoom-out;
  cursor: zoom-out; }

.mfp-zoom {
  cursor: pointer;
  cursor: -webkit-zoom-in;
  cursor: -moz-zoom-in;
  cursor: zoom-in; }

.mfp-auto-cursor .mfp-content {
  cursor: auto; }

.mfp-close, .mfp-arrow, .mfp-preloader, .mfp-counter {
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none; }

.mfp-loading.mfp-figure {
  display: none; }

.mfp-hide {
  display: none !important; }

.mfp-preloader {
  color: #cccccc;
  position: absolute;
  top: 50%;
  width: auto;
  text-align: center;
  margin-top: -0.8em;
  left: 8px;
  right: 8px;
  z-index: 1044; }
  .mfp-preloader a {
    color: #cccccc; }
    .mfp-preloader a:hover {
      color: white; }

.mfp-s-ready .mfp-preloader {
  display: none; }

.mfp-s-error .mfp-content {
  display: none; }

button.mfp-close, button.mfp-arrow {
  background-color: rgba(255,255,255,0.8);
  overflow: visible;
  cursor: pointer;
  border: 0;
  -webkit-appearance: none;
  display: block;
  outline: none;
  padding: 0;
  z-index: 1046;
  -webkit-box-shadow: none;
  box-shadow: none; }
button::-moz-focus-inner {
  padding: 0;
  border: 0; }

.mfp-close {
  position: absolute;
  right: 0;
  top: -32px;
  background: white;
  width: 26px;
  height: 25px;
  border-color: transparent;
  color: #bebebe;
  background-color: #fff;
  font-size: 0;
  cursor: pointer;
  -webkit-transition: 0.2s all ease-in-out;
  -moz-transition: 0.2s all ease-in-out;
  -ms-transition: 0.2s all ease-in-out;
  -o-transition: 0.2s all ease-in-out;
  transition: 0.2s all ease-in-out;
  background-image: url(images/black_cross.png);
  background-repeat: no-repeat;
  background-position: 7px 7px;
}
  .mfp-close:hover, .mfp-close:focus {
    opacity: 0.4; }

.mfp-close-btn-in .mfp-close {
  color: #333333; }

.mfp-counter {
  position: absolute;
  top: 0;
  right: 0;
  color: #cccccc;
  font-size: 12px;
  line-height: 18px; }

.mfp-arrow {
  position: absolute;
  opacity: 0.65;
  margin: 0;
  top: 50%;
  margin-top: -40px;
  padding: 0;
  width: 55px;
  height: 80px;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0); }
  .mfp-arrow:active {
    margin-top: -40px; }
  .mfp-arrow:hover, .mfp-arrow:focus {
    opacity: 1; }
  .mfp-arrow:before, .mfp-arrow:after, .mfp-arrow .mfp-b, .mfp-arrow .mfp-a {
    content: '';
    display: block;
    width: 0;
    height: 0;
    position: absolute;
    left: 0;
    top: 0;
    margin-left: 13px;
    border: medium inset transparent; }
  .mfp-arrow:after, .mfp-arrow .mfp-a {}
  .mfp-arrow:before, .mfp-arrow .mfp-b {
}

.mfp-arrow-left {
  left: 0; }
  .mfp-arrow-left:after, .mfp-arrow-left .mfp-a {
 }
  .mfp-arrow-left:before, .mfp-arrow-left .mfp-b {
    content: "\e602";
    font-family: "arrows";
    font-size: 52px;
    color:#444;
    margin-left: 6px;
}

.mfp-arrow-right {
  right: 0; }
  .mfp-arrow-right:after, .mfp-arrow-right .mfp-a {
    margin-left: 39px; }
  .mfp-arrow-right:before, .mfp-arrow-right .mfp-b {
    content: "\e603";
    font-family: "arrows";
    font-size: 52px;
    color:#444;
   }

.mfp-iframe-holder {
  padding-top: 40px;
  padding-bottom: 40px; }
  .mfp-iframe-holder .mfp-content {
    line-height: 0;
    width: 100%;
    max-width: 900px; }
  .mfp-iframe-holder .mfp-close {
    top: -40px; }

.mfp-iframe-scaler {
  width: 100%;
  height: 0;
  overflow: hidden;
  padding-top: 56.25%; }
  .mfp-iframe-scaler iframe {
    position: absolute;
    display: block;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    box-shadow: 0 0 8px rgba(0, 0, 0, 0.6);
    background: black; }

/* Main image in popup */
img.mfp-img {
  width: auto;
  max-width: 90%;
  height: auto;
  display: block;
  line-height: 0;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  margin: 0 auto; }

/* The shadow behind the image */
.mfp-figure {
  line-height: 0; }
  .mfp-figure:after {
    display: none !important;
    content: '';
    position: absolute;
    left: 0;
    top: 40px;
    bottom: 40px;
    display: block;
    right: 0;
    width: auto;
    height: auto;
    z-index: -1;
    box-shadow: 0 0 8px rgba(0, 0, 0, 0.6);
    background: #444444; }
  .mfp-figure small {
    color: #bdbdbd;
    display: block;
    font-size: 12px;
    line-height: 14px; }
  .mfp-figure figure {
    margin: 0; }

.mfp-bottom-bar {
  margin-top: 10px;
  position: absolute;
  top: 100%;
  left: 0;
  width: 100%;
  cursor: auto;
  .mfp-counter{
    right: 50%;
    margin-right: -10px;
  }
}

.mfp-title {
  text-align: start;
  line-height: 18px;
  color: #f3f3f3;
  word-wrap: break-word;
  padding-right: 36px; }

.mfp-image-holder .mfp-content {
  max-width: 100%; }

.mfp-gallery .mfp-image-holder .mfp-figure {
  cursor: pointer; }

@media screen and (max-width: 800px) and (orientation: landscape), screen and (max-height: 300px) {
  /**
       * Remove all paddings around the image on small screen
       */
  .mfp-img-mobile .mfp-image-holder {
    padding-left: 0;
    padding-right: 0; }
  .mfp-img-mobile img.mfp-img {
    padding: 0; }
  .mfp-img-mobile .mfp-figure {
    /* The shadow behind the image */ }
    .mfp-img-mobile .mfp-figure:after {
      top: 0;
      bottom: 0; }
    .mfp-img-mobile .mfp-figure small {
      display: inline;
      margin-left: 5px; }
  .mfp-img-mobile .mfp-bottom-bar {
    background: rgba(0, 0, 0, 0.6);
    bottom: 0;
    margin: 0;
    top: auto;
    padding: 3px 5px;
    position: fixed;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box; }
    .mfp-img-mobile .mfp-bottom-bar:empty {
      padding: 0; }
  .mfp-img-mobile .mfp-counter {
    right: 5px;
    top: 3px; }
  .mfp-img-mobile .mfp-close {
    top: 0;
    right: 0;
    width: 35px;
    height: 35px;
    line-height: 35px;
    background: rgba(0, 0, 0, 0.6);
    position: fixed;
    text-align: center;
    padding: 0; } }

@media all and (max-width: 900px) {
  .mfp-arrow {
    -webkit-transform: scale(0.75);
    transform: scale(0.75); }
  .mfp-arrow-left {
    -webkit-transform-origin: 0;
    transform-origin: 0; }
  .mfp-arrow-right {
    -webkit-transform-origin: 100%;
    transform-origin: 100%; }
  .mfp-container {
    padding-left: 6px;
    padding-right: 6px; } }

.mfp-ie7 .mfp-img {
  padding: 0; }
.mfp-ie7 .mfp-bottom-bar {
  width: 600px;
  left: 50%;
  margin-left: -300px;
  margin-top: 5px;
  padding-bottom: 5px; }
.mfp-ie7 .mfp-container {
  padding: 0; }
.mfp-ie7 .mfp-content {
  padding-top: 44px; }
.mfp-ie7 .mfp-close {
  top: 0;
  right: 0;
  padding-top: 0; }

.loader {
  background: #fff url(images/loading.gif) no-repeat center center;
  padding:50px;
  width:50px;
  height: 50px;
  -webkit-transition: 0.3s all ease-in-out;
  -moz-transition: 0.3s all ease-in-out;
  -ms-transition: 0.3s all ease-in-out;
  -o-transition: 0.3s all ease-in-out;
  transition: 0.3s all ease-in-out;
}

/*---------------------------------------------------------------*/
/* Effects
/*---------------------------------------------------------------*/

.mfp-zoom-in {

/* start state */
  .mfp-with-anim {
    opacity: 0;
    transition: all 0.2s ease-in-out;
    -webkit-transition: all 0.2s ease-in-out;
    -moz-transition: all 0.2s ease-in-out;
    -ms-transition: all 0.2s ease-in-out;
    -o-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
    transform: scale(0.8);
    -moz-transform: scale(0.8);
    -ms-transform: scale(0.8);
    -webkit-transform: scale(0.8);
    -o-transform: scale(0.8);
    transform: scale(0.8);
  }

&.mfp-bg {
    opacity: 0;
    -webkit-transition: all 0.3s ease-out;
    -moz-transition: all 0.3s ease-out;
    -ms-transition: all 0.3s ease-out;
    -o-transition: all 0.3s ease-out;
    transition: all 0.3s ease-out;
  }

/* animate in */
  &.mfp-ready {
    .mfp-with-anim {
      opacity: 1;
      transform: scale(1);
      -moz-transform: scale(1);
      -ms-transform: scale(1);
      -webkit-transform: scale(1);
      -o-transform: scale(1);
      transform: scale(1);
    }
    &.mfp-bg {
      opacity: 0.8;
    }
  }

/* animate out */
  &.mfp-removing {

.mfp-with-anim {
      transform: scale(0.8);
      -moz-transform: scale(0.8);
      -ms-transform: scale(0.8);
      -webkit-transform: scale(0.8);
      -o-transform: scale(0.8);
      transform: scale(0.8);
      opacity: 0;
    }
    &.mfp-bg {
      opacity: 0;
    }

}

.mfp-zoom-in-to-left-out {

/* animate out */
  &.mfp-removing {

.mfp-with-anim {
      left: -50%;
      opacity: 0;
    }
    &.mfp-bg {
      opacity: 0;
    }

}

/*
 *  Core Owl Carousel CSS File
 *  v1.24
 */

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

.owl-carousel .owl-item{
  float: left;
  &.loading {
    .product-image-wrapper {
      min-height: 250px;
    }
    min-height: 150px;
    background: url(images/AjaxLoader.gif) no-repeat center center;
  }
}

.owl-controls .owl-page,
.owl-controls .owl-buttons div{
  cursor: pointer;
}
.owl-controls {
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}

/* mouse grab icon */
.grabbing {
    cursor:url(images/grabbing.png) 8 8, move;
}

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

/* CSS3 Transitions */

.owl-origin {
  -webkit-perspective: 1200px;
  -webkit-perspective-origin-x : 50%;
  -webkit-perspective-origin-y : 50%;
  -moz-perspective : 1200px;
  -moz-perspective-origin-x : 50%;
  -moz-perspective-origin-y : 50%;
  perspective : 1200px;
}
/* fade */
.owl-fade-out {
  z-index: 10;
  -webkit-animation: fadeOut .7s both ease;
  -moz-animation: fadeOut .7s both ease;
  animation: fadeOut .7s both ease;
}
.owl-fade-in {
  -webkit-animation: fadeIn .7s both ease;
  -moz-animation: fadeIn .7s both ease;
  animation: fadeIn .7s both ease;
}
/* backSlide */
.owl-backSlide-out {
  -webkit-animation: backSlideOut 1s both ease;
  -moz-animation: backSlideOut 1s both ease;
  animation: backSlideOut 1s both ease;
}
.owl-backSlide-in {
  -webkit-animation: backSlideIn 1s both ease;
  -moz-animation: backSlideIn 1s both ease;
  animation: backSlideIn 1s both ease;
}
/* goDown */
.owl-goDown-out {
  -webkit-animation: scaleToFade .7s ease both;
  -moz-animation: scaleToFade .7s ease both;
  animation: scaleToFade .7s ease both;
}
.owl-goDown-in {
  -webkit-animation: goDown .6s ease both;
  -moz-animation: goDown .6s ease both;
  animation: goDown .6s ease both;
}
/* scaleUp */
.owl-fadeUp-in {
  -webkit-animation: scaleUpFrom .5s ease both;
  -moz-animation: scaleUpFrom .5s ease both;
  animation: scaleUpFrom .5s ease both;
}

.owl-fadeUp-out {
  -webkit-animation: scaleUpTo .5s ease both;
  -moz-animation: scaleUpTo .5s ease both;
  animation: scaleUpTo .5s ease both;
}
/* Keyframes */
/*empty*/
@-webkit-keyframes empty {
  0% {opacity: 1}
}
@-moz-keyframes empty {
  0% {opacity: 1}
}
@keyframes empty {
  0% {opacity: 1}
}
@-webkit-keyframes fadeIn {
  0% { opacity:0; }
  100% { opacity:1; }
}
@-moz-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; }
}
@-moz-keyframes fadeOut {
  0% { opacity:1; }
  100% { opacity:0; }
}
@keyframes fadeOut {
  0% { opacity:1; }
  100% { opacity:0; }
}
@-webkit-keyframes backSlideOut {
  25% { opacity: .5; -webkit-transform: translateZ(-500px); }
  75% { opacity: .5; -webkit-transform: translateZ(-500px) translateX(-200%); }
  100% { opacity: .5; -webkit-transform: translateZ(-500px) translateX(-200%); }
}
@-moz-keyframes backSlideOut {
  25% { opacity: .5; -moz-transform: translateZ(-500px); }
  75% { opacity: .5; -moz-transform: translateZ(-500px) translateX(-200%); }
  100% { opacity: .5; -moz-transform: translateZ(-500px) translateX(-200%); }
}
@keyframes backSlideOut {
  25% { opacity: .5; transform: translateZ(-500px); }
  75% { opacity: .5; transform: translateZ(-500px) translateX(-200%); }
  100% { opacity: .5; transform: translateZ(-500px) translateX(-200%); }
}
@-webkit-keyframes backSlideIn {
  0%, 25% { opacity: .5; -webkit-transform: translateZ(-500px) translateX(200%); }
  75% { opacity: .5; -webkit-transform: translateZ(-500px); }
  100% { opacity: 1; -webkit-transform: translateZ(0) translateX(0); }
}
@-moz-keyframes backSlideIn {
  0%, 25% { opacity: .5; -moz-transform: translateZ(-500px) translateX(200%); }
  75% { opacity: .5; -moz-transform: translateZ(-500px); }
  100% { opacity: 1; -moz-transform: translateZ(0) translateX(0); }
}
@keyframes backSlideIn {
  0%, 25% { opacity: .5; transform: translateZ(-500px) translateX(200%); }
  75% { opacity: .5; transform: translateZ(-500px); }
  100% { opacity: 1; transform: translateZ(0) translateX(0); }
}
@-webkit-keyframes scaleToFade {
  to { opacity: 0; -webkit-transform: scale(.8); }
}
@-moz-keyframes scaleToFade {
  to { opacity: 0; -moz-transform: scale(.8); }
}
@keyframes scaleToFade {
  to { opacity: 0; transform: scale(.8); }
}
@-webkit-keyframes goDown {
  from { -webkit-transform: translateY(-100%); }
}
@-moz-keyframes goDown {
  from { -moz-transform: translateY(-100%); }
}
@keyframes goDown {
  from { transform: translateY(-100%); }
}

@-webkit-keyframes scaleUpFrom {
  from { opacity: 0; -webkit-transform: scale(1.5); }
}
@-moz-keyframes scaleUpFrom {
  from { opacity: 0; -moz-transform: scale(1.5); }
}
@keyframes scaleUpFrom {
  from { opacity: 0; transform: scale(1.5); }
}

@-webkit-keyframes scaleUpTo {
  to { opacity: 0; -webkit-transform: scale(1.5); }
}
@-moz-keyframes scaleUpTo {
  to { opacity: 0; -moz-transform: scale(1.5); }
}
@keyframes scaleUpTo {
  to { opacity: 0; transform: scale(1.5); }
}
/*
 * Swiper - Mobile Touch Slider CSS
 * http://www.idangero.us/sliders/swiper
 *
 * Vladimir Kharlampidi, The iDangero.us
 * http://www.idangero.us/
 *
 * Copyright 2012-2013, Vladimir Kharlampidi
 * The iDangero.us
 * http://www.idangero.us
 *
 * Licensed under GPL & MIT
 *
*/

/* ===============================================================
Basic Swiper Styles
================================================================*/
.swiper-container {
  margin:0 auto;
  position:relative;
  overflow:hidden;
  -webkit-backface-visibility:hidden;
  -moz-backface-visibility:hidden;
  -ms-backface-visibility:hidden;
  -o-backface-visibility:hidden;
  backface-visibility:hidden;
  /* Fix of Webkit flickering */
  z-index:1;
}
.swiper-wrapper {
  position:relative;
  width:100%;
  -webkit-transition-property:-webkit-transform, left, top;
  -webkit-transition-duration:0s;
  -webkit-transform:translate3d(0px,0,0);
  -webkit-transition-timing-function:ease;

-moz-transition-property:-moz-transform, left, top;
  -moz-transition-duration:0s;
  -moz-transform:translate3d(0px,0,0);
  -moz-transition-timing-function:ease;

-o-transition-property:-o-transform, left, top;
  -o-transition-duration:0s;
  -o-transform:translate3d(0px,0,0);
  -o-transition-timing-function:ease;
  -o-transform:translate(0px,0px);

-ms-transition-property:-ms-transform, left, top;
  -ms-transition-duration:0s;
  -ms-transform:translate3d(0px,0,0);
  -ms-transition-timing-function:ease;

transition-property:transform, left, top;
  transition-duration:0s;
  transform:translate3d(0px,0,0);
  transition-timing-function:ease;

-webkit-box-sizing: content-box;
  -moz-box-sizing: content-box;
  box-sizing: content-box;
}
.swiper-free-mode > .swiper-wrapper {
  -webkit-transition-timing-function: ease-out;
  -moz-transition-timing-function: ease-out;
  -ms-transition-timing-function: ease-out;
  -o-transition-timing-function: ease-out;
  transition-timing-function: ease-out;
  margin: 0 auto;
}
.swiper-slide {
  float: left;
}

/* IE10 Windows Phone 8 Fixes */
.swiper-wp8-horizontal {
  -ms-touch-action: pan-y;
}
.swiper-wp8-vertical {
  -ms-touch-action: pan-x;
}

/* ===============================================================
Your custom styles, here you need to specify container's and slide's
sizes, pagination, etc.
================================================================*/
.swiper-container {
  /* Specify Swiper's Size: */

width:100%;
  height: auto;
}
.swiper-slide {
  /* Specify Slides's Size: */

/*width: 100%;
  height: 100%;*/
  opacity:0.4;
  margin:0!important;
  width: 500px;
  max-width: 100%;
  padding: 0 15px;
}
@media (max-width: 767px) {
  .swiper-slide {
    .border-box();
  }
}
.swiper-slide-active {
  /* Specific active slide styling: */
  opacity: 1;

}

/*---------------------------------------------------------------*/
/* Loader
/*---------------------------------------------------------------*/

#floatingCirclesG{background: #fff url(images/loading.gif) no-repeat center center;position: absolute;top: 30%;z-index: 4;width: 100%;height: 60px;left: 0;}
.products-list #floatingCirclesG {
  width: 50px;
  left: 50%;
  margin-left: -25px;
}

/*---------------------------------------------------------------*/
/* Demo Content
/*---------------------------------------------------------------*/

.row-fluid.shortcodes-buttons .span4 {
  line-height:50px;
  margin-bottom: 20px;
}

.brand {
    opacity: 0.7;
    filter: url("data:image/svg+xml;utf8,<svg xmlns=\'http://www.w3.org/2000/svg\'><filter id=\'grayscale\'><feColorMatrix type=\'matrix\' values=\'0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0\'/></filter></svg>#grayscale"); /* Firefox 10+, Firefox on Android */
    filter: gray; /* IE6-9 */
    -webkit-filter: grayscale(100%); /* Chrome 19+, Safari 6+, Safari 6+ iOS */
    -webkit-transition: 0.3s all ease-in-out;
    -moz-transition: 0.3s all ease-in-out;
    -ms-transition: 0.3s all ease-in-out;
    -o-transition: 0.3s all ease-in-out;
    transition: 0.3s all ease-in-out;
    &:hover {
      opacity: 1;
      filter:none;
      -webkit-filter: grayscale(1%); /* Chrome 19+, Safari 6+, Safari 6+ iOS */
    }
}

/*---------------------------------------------------------------*/
/* Contact Form 7
/*---------------------------------------------------------------*/

.wpcf7 input,
.wpcf7 textarea{
  width: 100%;
}

.wpcf7 input[type="submit"]{
  width: auto;
}

.chat-form-heading{
  padding-right: 10px !important;
}

/*---------------------------------------------------------------*/
/* MediaElement JS styles
/*---------------------------------------------------------------*/

.mejs-container {
  position: relative;
  background: #000;
  font-family: Helvetica, Arial;
  text-align: start;
  vertical-align: top;
  text-indent: 0;
}

.me-plugin {
  position: absolute;
}

.mejs-embed, .mejs-embed body {
  width: 100%;
  height: 100%;
  margin: 0;
  padding: 0;
  background: #000;
  overflow: hidden;
}

.mejs-fullscreen {
  /* set it to not show scroll bars so 100% will work */
  overflow: hidden !important;
}

.mejs-container-fullscreen {
  position: fixed;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
  overflow: hidden;
  z-index: 1000;
}
.mejs-container-fullscreen .mejs-mediaelement,
.mejs-container-fullscreen video {
  width: 100%;
  height: 100%;
}

.mejs-clear {
  clear: both;
}

/* Start: LAYERS */
.mejs-background {
  position: absolute;
  top: 0;
  left: 0;
}

.mejs-mediaelement {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

.mejs-poster {
  position: absolute;
  top: 0;
  left: 0;
  background-size: contain ;
  background-position: 50% 50% ;
  background-repeat: no-repeat ;
}
:root .mejs-poster img {
  display: none ;
}

.mejs-poster img {
  border: 0;
  padding: 0;
  border: 0;
}

.mejs-overlay {
  position: absolute;
  top: 0;
  left: 0;
}

.mejs-overlay-play {
  cursor: pointer;
}

.mejs-overlay-button {
  position: absolute;
  top: 50%;
  left: 50%;
  width: 100px;
  height: 100px;
  margin: -50px 0 0 -50px;
  background: url(images/video/bigplay.svg) no-repeat;
}

.no-svg .mejs-overlay-button {
  background-image: url(images/video/bigplay.png);
}

.mejs-overlay:hover .mejs-overlay-button {
  background-position: 0 -100px ;
}

.mejs-overlay-loading {
  position: absolute;
  top: 50%;
  left: 50%;
  width: 80px;
  height: 80px;
  margin: -40px 0 0 -40px;
  background: #333;
  background: url(images/video/background.png);
  background: rgba(0, 0, 0, 0.9);
  background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(rgba(50,50,50,0.9)), to(rgba(0,0,0,0.9)));
  background: -webkit-linear-gradient(top, rgba(50,50,50,0.9), rgba(0,0,0,0.9));
  background: -moz-linear-gradient(top, rgba(50,50,50,0.9), rgba(0,0,0,0.9));
  background: -o-linear-gradient(top, rgba(50,50,50,0.9), rgba(0,0,0,0.9));
  background: -ms-linear-gradient(top, rgba(50,50,50,0.9), rgba(0,0,0,0.9));
  background: linear-gradient(rgba(50,50,50,0.9), rgba(0,0,0,0.9));
}

.mejs-overlay-loading span {
  display: block;
  width: 80px;
  height: 80px;
  background: transparent url(images/video/loading.gif) 50% 50% no-repeat;
}

/* End: LAYERS */

/* Start: CONTROL BAR */
.mejs-container .mejs-controls {
  position: absolute;
  list-style-type: none;
  margin: 0;
  padding: 0;
  bottom: 0;
  left: 0;
  background: url(images/video/background.png);
  background: rgba(0, 0, 0, 0.7);
  background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(rgba(50,50,50,0.7)), to(rgba(0,0,0,0.7)));
  background: -webkit-linear-gradient(top, rgba(50,50,50,0.7), rgba(0,0,0,0.7));
  background: -moz-linear-gradient(top, rgba(50,50,50,0.7), rgba(0,0,0,0.7));
  background: -o-linear-gradient(top, rgba(50,50,50,0.7), rgba(0,0,0,0.7));
  background: -ms-linear-gradient(top, rgba(50,50,50,0.7), rgba(0,0,0,0.7));
  background: linear-gradient(rgba(50,50,50,0.7), rgba(0,0,0,0.7));
  height: 30px;
  width: 100%;
}
.mejs-container .mejs-controls  div {
  list-style-type: none;
  background-image: none;
  display: block;
  float: left;
  margin: 0;
  padding: 0;
  width: 26px;
  height: 26px;
  font-size: 11px;
  line-height: 11px;
  font-family: Helvetica, Arial;
  border: 0;
}

.mejs-controls .mejs-button button {
  cursor: pointer;
  display: block;
  font-size: 0;
  line-height: 0;
  text-decoration: none;
  margin: 7px 5px;
  padding: 0;
  position: absolute;
  height: 16px;
  width: 16px;
  border: 0;
  background: transparent url(images/video/controls.svg) no-repeat;
}

.no-svg .mejs-controls .mejs-button button {
  background-image: url(images/video/controls.png);
}

/* :focus for accessibility */
.mejs-controls .mejs-button button:focus {
  outline: solid 1px yellow;
}

/* End: CONTROL BAR */

/* Start: Time (Current / Duration) */
.mejs-container .mejs-controls .mejs-time {
  color: #fff;
  display: block;
  height: 17px;
  width: auto;
  padding: 8px 3px 0 3px ;
  overflow: hidden;
  text-align: center;
  -moz-box-sizing: content-box;
  -webkit-box-sizing: content-box;
  box-sizing: content-box;
}

.mejs-container .mejs-controls .mejs-time span {
  color: #fff;
  font-size: 11px;
  line-height: 12px;
  display: block;
  float: left;
  margin: 1px 2px 0 0;
  width: auto;
}
/* End: Time (Current / Duration) */

/* Start: Play/Pause/Stop */
.mejs-controls .mejs-play button {
  background-position: 0 0;
}

.mejs-controls .mejs-pause button {
  background-position: 0 -16px;
}

.mejs-controls .mejs-stop button {
  background-position: -112px 0;
}
/* Start: Play/Pause/Stop */

/* Start: Progress Bar */
.mejs-controls div.mejs-time-rail {
  direction: ltr;
  width: 200px;
  padding-top: 5px;
}

.mejs-controls .mejs-time-rail span {
  display: block;
  position: absolute;
  width: 180px;
  height: 10px;
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  border-radius: 2px;
  cursor: pointer;
}

.mejs-controls .mejs-time-rail .mejs-time-total {
  margin: 5px;
  background: #333;
  background: rgba(50,50,50,0.8);
  background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(rgba(30,30,30,0.8)), to(rgba(60,60,60,0.8)));
  background: -webkit-linear-gradient(top, rgba(30,30,30,0.8), rgba(60,60,60,0.8));
  background: -moz-linear-gradient(top, rgba(30,30,30,0.8), rgba(60,60,60,0.8));
  background: -o-linear-gradient(top, rgba(30,30,30,0.8), rgba(60,60,60,0.8));
  background: -ms-linear-gradient(top, rgba(30,30,30,0.8), rgba(60,60,60,0.8));
  background: linear-gradient(rgba(30,30,30,0.8), rgba(60,60,60,0.8));
}

.mejs-controls .mejs-time-rail .mejs-time-buffering {
  width: 100%;
  background-image: -o-linear-gradient(-45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
  background-image: -webkit-gradient(linear, 0 100%, 100% 0, color-stop(0.25, rgba(255, 255, 255, 0.15)), color-stop(0.25, transparent), color-stop(0.5, transparent), color-stop(0.5, rgba(255, 255, 255, 0.15)), color-stop(0.75, rgba(255, 255, 255, 0.15)), color-stop(0.75, transparent), to(transparent));
  background-image: -webkit-linear-gradient(-45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
  background-image: -moz-linear-gradient(-45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
  background-image: -ms-linear-gradient(-45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
  background-image: linear-gradient(-45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
  -webkit-background-size: 15px 15px;
  -moz-background-size: 15px 15px;
  -o-background-size: 15px 15px;
  background-size: 15px 15px;
  -webkit-animation: buffering-stripes 2s linear infinite;
  -moz-animation: buffering-stripes 2s linear infinite;
  -ms-animation: buffering-stripes 2s linear infinite;
  -o-animation: buffering-stripes 2s linear infinite;
  animation: buffering-stripes 2s linear infinite;
}

@-webkit-keyframes buffering-stripes { from {background-position: 0 0;} to {background-position: 30px 0;} }
@-moz-keyframes buffering-stripes { from {background-position: 0 0;} to {background-position: 30px 0;} }
@-o-keyframes buffering-stripes { from {background-position: 0 0;} to {background-position: 30px 0;} }
@keyframes buffering-stripes { from {background-position: 0 0;} to {background-position: 30px 0;} }

.mejs-controls .mejs-time-rail .mejs-time-loaded {
  background: #3caac8;
  background: rgba(60,170,200,0.8);
  background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(rgba(44,124,145,0.8)), to(rgba(78,183,212,0.8)));
  background: -webkit-linear-gradient(top, rgba(44,124,145,0.8), rgba(78,183,212,0.8));
  background: -moz-linear-gradient(top, rgba(44,124,145,0.8), rgba(78,183,212,0.8));
  background: -o-linear-gradient(top, rgba(44,124,145,0.8), rgba(78,183,212,0.8));
  background: -ms-linear-gradient(top, rgba(44,124,145,0.8), rgba(78,183,212,0.8));
  background: linear-gradient(rgba(44,124,145,0.8), rgba(78,183,212,0.8));
  width: 0;
}

.mejs-controls .mejs-time-rail .mejs-time-current {
  background: #fff;
  background: rgba(255,255,255,0.8);
  background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(rgba(255,255,255,0.9)), to(rgba(200,200,200,0.8)));
  background: -webkit-linear-gradient(top, rgba(255,255,255,0.9), rgba(200,200,200,0.8));
  background: -moz-linear-gradient(top, rgba(255,255,255,0.9), rgba(200,200,200,0.8));
  background: -o-linear-gradient(top, rgba(255,255,255,0.9), rgba(200,200,200,0.8));
  background: -ms-linear-gradient(top, rgba(255,255,255,0.9), rgba(200,200,200,0.8));
  background: linear-gradient(rgba(255,255,255,0.9), rgba(200,200,200,0.8));
  width: 0;
}

.mejs-controls .mejs-time-rail .mejs-time-handle {
  display: none;
  position: absolute;
  margin: 0;
  width: 10px;
  background: #fff;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
  cursor: pointer;
  border: solid 2px #333;
  top: -2px;
  text-align: center;
}

.mejs-controls .mejs-time-rail .mejs-time-float {
  position: absolute;
  display: none;
  background: #eee;
  width: 36px;
  height: 17px;
  border: solid 1px #333;
  top: -26px;
  margin-left: -18px;
  text-align: center;
  color: #111;
}

.mejs-controls .mejs-time-rail .mejs-time-float-current {
  margin: 2px;
  width: 30px;
  display: block;
  text-align: center;
  left: 0;
}

.mejs-controls .mejs-time-rail .mejs-time-float-corner {
  position: absolute;
  display: block;
  width: 0;
  height: 0;
  line-height: 0;
  border: solid 5px #eee;
  border-color: #eee transparent transparent transparent;
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  border-radius: 0;
  top: 15px;
  left: 13px;
}

.mejs-long-video .mejs-controls .mejs-time-rail .mejs-time-float {
  width: 48px;
}

.mejs-long-video .mejs-controls .mejs-time-rail .mejs-time-float-current {
  width: 44px;
}

.mejs-long-video .mejs-controls .mejs-time-rail .mejs-time-float-corner {
  left: 18px;
}

/*
.mejs-controls .mejs-time-rail:hover .mejs-time-handle {
  visibility:visible;
}
*/
/* End: Progress Bar */

/* Start: Fullscreen */
.mejs-controls .mejs-fullscreen-button button {
  background-position: -32px 0;
}

.mejs-controls .mejs-unfullscreen button {
  background-position: -32px -16px;
}
/* End: Fullscreen */

/* Start: Mute/Volume */

.mejs-controls .mejs-mute button {
  background-position: -16px -16px;
}

.mejs-controls .mejs-unmute button {
  background-position: -16px 0;
}

.mejs-controls .mejs-volume-button {
  position: relative;
}

.mejs-controls .mejs-volume-button .mejs-volume-slider {
  display: none;
  height: 115px;
  width: 25px;
  background: url(images/video/background.png);
  background: rgba(50, 50, 50, 0.7);
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  border-radius: 0;
  top: -115px;
  left: 0;
  z-index: 1;
  position: absolute;
  margin: 0;
}

.mejs-controls .mejs-volume-button:hover {
  -webkit-border-radius: 0 0 4px 4px;
  -moz-border-radius: 0 0 4px 4px;
  border-radius: 0 0 4px 4px;
}

/*
.mejs-controls .mejs-volume-button:hover .mejs-volume-slider {
  display: block;
}
*/

.mejs-controls .mejs-volume-button .mejs-volume-slider .mejs-volume-total {
  position: absolute;
  left: 11px;
  top: 8px;
  width: 2px;
  height: 100px;
  background: #ddd;
  background: rgba(255, 255, 255, 0.5);
  margin: 0;
}

.mejs-controls .mejs-volume-button .mejs-volume-slider .mejs-volume-current {
  position: absolute;
  left: 11px;
  top: 8px;
  width: 2px;
  height: 100px;
  background: #ddd;
  background: rgba(255, 255, 255, 0.9);
  margin: 0;
}

.mejs-controls .mejs-volume-button .mejs-volume-slider .mejs-volume-handle {
  position: absolute;
  left: 4px;
  top: -3px;
  width: 16px;
  height: 6px;
  background: #ddd;
  background: rgba(255, 255, 255, 0.9);
  cursor: N-resize;
  -webkit-border-radius: 1px;
  -moz-border-radius: 1px;
  border-radius: 1px;
  margin: 0;
}

/* horizontal version */
.mejs-controls div.mejs-horizontal-volume-slider {
  height: 26px;
  width: 60px;
  position: relative;
}

.mejs-controls .mejs-horizontal-volume-slider .mejs-horizontal-volume-total,
.mejs-controls .mejs-horizontal-volume-slider .mejs-horizontal-volume-current {
  position: absolute;
  left: 0;
  top: 11px;
  width: 50px;
  height: 8px;
  margin: 0;
  padding: 0;
  font-size: 1px;
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  border-radius: 2px;
  background: #333;
  background: rgba(50,50,50,0.8);
  background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(rgba(30,30,30,0.8)), to(rgba(60,60,60,0.8)));
  background: -webkit-linear-gradient(top, rgba(30,30,30,0.8), rgba(60,60,60,0.8));
  background: -moz-linear-gradient(top, rgba(30,30,30,0.8), rgba(60,60,60,0.8));
  background: -o-linear-gradient(top, rgba(30,30,30,0.8), rgba(60,60,60,0.8));
  background: -ms-linear-gradient(top, rgba(30,30,30,0.8), rgba(60,60,60,0.8));
  background: linear-gradient(rgba(30,30,30,0.8), rgba(60,60,60,0.8));
}

.mejs-controls .mejs-horizontal-volume-slider .mejs-horizontal-volume-handle {
  display: none;
}
/* End: Mute/Volume */

/* Start: Track (Captions and Chapters) */
.mejs-controls .mejs-captions-button {
  position: relative;
}

.mejs-controls .mejs-captions-button button {
  background-position: -48px 0;
}
.mejs-controls .mejs-captions-button .mejs-captions-selector {
  visibility: hidden;
  position: absolute;
  bottom: 26px;
  right: -10px;
  width: 130px;
  height: 100px;
  background: url(images/video/background.png);
  background: rgba(50,50,50,0.7);
  border: solid 1px transparent;
  padding: 10px;
  overflow: hidden;
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  border-radius: 0;
}

/*
.mejs-controls .mejs-captions-button:hover  .mejs-captions-selector {
  visibility: visible;
}
*/

.mejs-controls .mejs-captions-button .mejs-captions-selector ul {
  margin: 0;
  padding: 0;
  display: block;
  list-style-type: none !important;
  overflow: hidden;
}

.mejs-controls .mejs-captions-button .mejs-captions-selector ul li {
  margin: 0 0 6px 0;
  padding: 0;
  list-style-type: none !important;
  display: block;
  color: #fff;
  overflow: hidden;
}

.mejs-controls .mejs-captions-button .mejs-captions-selector ul li input {
  clear: both;
  float: left;
  margin: 3px 3px 0 5px;
}

.mejs-controls .mejs-captions-button .mejs-captions-selector ul li label {
  width: 100px;
  float: left;
  padding: 4px 0 0 0;
  line-height: 15px;
  font-family: helvetica, arial;
  font-size: 10px;
}

.mejs-controls .mejs-captions-button .mejs-captions-translations {
  font-size: 10px;
  margin: 0 0 5px 0;
}

.mejs-chapters {
  position: absolute;
  top: 0;
  left: 0;
  -xborder-right: solid 1px #fff;
  width: 10000px;
  z-index: 1;
}

.mejs-chapters .mejs-chapter {
  position: absolute;
  float: left;
  background: #222;
  background: rgba(0, 0, 0, 0.7);
  background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(rgba(50,50,50,0.7)), to(rgba(0,0,0,0.7)));
  background: -webkit-linear-gradient(top, rgba(50,50,50,0.7), rgba(0,0,0,0.7));
  background: -moz-linear-gradient(top, rgba(50,50,50,0.7), rgba(0,0,0,0.7));
  background: -o-linear-gradient(top, rgba(50,50,50,0.7), rgba(0,0,0,0.7));
  background: -ms-linear-gradient(top, rgba(50,50,50,0.7), rgba(0,0,0,0.7));
  background: linear-gradient(rgba(50,50,50,0.7), rgba(0,0,0,0.7));
  filter: progid:DXImageTransform.Microsoft.Gradient(GradientType=0, startColorstr=#323232,endColorstr=#000000);
  overflow: hidden;
  border: 0;
}

.mejs-chapters .mejs-chapter .mejs-chapter-block {
  font-size: 11px;
  color: #fff;
  padding: 5px;
  display: block;
  border-right: solid 1px #333;
  border-bottom: solid 1px #333;
  cursor: pointer;
}

.mejs-chapters .mejs-chapter .mejs-chapter-block-last {
  border-right: none;
}

.mejs-chapters .mejs-chapter .mejs-chapter-block:hover {
  background: #666;
  background: rgba(102,102,102, 0.7);
  background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(rgba(102,102,102,0.7)), to(rgba(50,50,50,0.6)));
  background: -webkit-linear-gradient(top, rgba(102,102,102,0.7), rgba(50,50,50,0.6));
  background: -moz-linear-gradient(top, rgba(102,102,102,0.7), rgba(50,50,50,0.6));
  background: -o-linear-gradient(top, rgba(102,102,102,0.7), rgba(50,50,50,0.6));
  background: -ms-linear-gradient(top, rgba(102,102,102,0.7), rgba(50,50,50,0.6));
  background: linear-gradient(rgba(102,102,102,0.7), rgba(50,50,50,0.6));
  filter: progid:DXImageTransform.Microsoft.Gradient(GradientType=0, startColorstr=#666666,endColorstr=#323232);
}

.mejs-chapters .mejs-chapter .mejs-chapter-block .ch-title {
  font-size: 12px;
  font-weight: bold;
  display: block;
  white-space: nowrap;
  text-overflow: ellipsis;
  margin: 0 0 3px 0;
  line-height: 12px;
}

.mejs-chapters .mejs-chapter .mejs-chapter-block .ch-timespan {
  font-size: 12px;
  line-height: 12px;
  margin: 3px 0 4px 0;
  display: block;
  white-space: nowrap;
  text-overflow: ellipsis;
}

.mejs-captions-layer {
  position: absolute;
  bottom: 0;
  left: 0;
  text-align:center;
  line-height: 22px;
  font-size: 12px;
  color: #fff;
}

.mejs-captions-layer  a {
  color: #fff;
  text-decoration: underline;
}

.mejs-captions-layer[lang=ar] {
  font-size: 20px;
  font-weight: normal;
}

.mejs-captions-position {
  position: absolute;
  width: 100%;
  bottom: 15px;
  left: 0;
}

.mejs-captions-position-hover {
  bottom: 45px;
}

.mejs-captions-text {
  padding: 3px 5px;
  background: url(images/video/background.png);
  background: rgba(20, 20, 20, 0.8);

}
/* End: Track (Captions and Chapters) */

/* Start: Error */

.me-cannotplay a {
  color: #fff;
  font-weight: bold;
}

.me-cannotplay span {
  padding: 15px;
  display: block;
}
/* End: Error */

/* Start: Loop */
.mejs-controls .mejs-loop-off button {
  background-position: -64px -16px;
}

.mejs-controls .mejs-loop-on button {
  background-position: -64px 0;
}

/* End: Loop */

/* Start: backlight */
.mejs-controls .mejs-backlight-off button {
  background-position: -80px -16px;
}

.mejs-controls .mejs-backlight-on button {
  background-position: -80px 0;
}
/* End: backlight */

/* Start: Picture Controls */
.mejs-controls .mejs-picturecontrols-button {
  background-position: -96px 0;
}
/* End: Picture Controls */

/* context menu */
.mejs-contextmenu {
  position: absolute;
  width: 150px;
  padding: 10px;
  border-radius: 4px;
  top: 0;
  left: 0;
  background: #fff;
  border: solid 1px #999;
  z-index: 1001; /* make sure it shows on fullscreen */
}
.mejs-contextmenu .mejs-contextmenu-separator {
  height: 1px;
  font-size: 0;
  margin: 5px 6px;
  background: #333;
}

.mejs-contextmenu .mejs-contextmenu-item {
  font-family: Helvetica, Arial;
  font-size: 12px;
  padding: 4px 6px;
  cursor: pointer;
  color: #333;
}
.mejs-contextmenu .mejs-contextmenu-item:hover {
  background: #2C7C91;
  color: #fff;
}

/* Start: Source Chooser */
.mejs-controls .mejs-sourcechooser-button {
  position: relative;
}

.mejs-controls .mejs-sourcechooser-button button {
  background-position: -128px 0;
}

.mejs-controls .mejs-sourcechooser-button .mejs-sourcechooser-selector {
  visibility: hidden;
  position: absolute;
  bottom: 26px;
  right: -10px;
  width: 130px;
  height: 100px;
  background: url(images/video/background.png);
  background: rgba(50,50,50,0.7);
  border: solid 1px transparent;
  padding: 10px;
  overflow: hidden;
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  border-radius: 0;
}

.mejs-controls .mejs-sourcechooser-button .mejs-sourcechooser-selector ul {
  margin: 0;
  padding: 0;
  display: block;
  list-style-type: none !important;
  overflow: hidden;
}

.mejs-controls .mejs-sourcechooser-button .mejs-sourcechooser-selector ul li {
  margin: 0 0 6px 0;
  padding: 0;
  list-style-type: none !important;
  display: block;
  color: #fff;
  overflow: hidden;
}

.mejs-controls .mejs-sourcechooser-button .mejs-sourcechooser-selector ul li input {
  clear: both;
  float: left;
  margin: 3px 3px 0 5px;
}

.mejs-controls .mejs-sourcechooser-button .mejs-sourcechooser-selector ul li label {
  width: 100px;
  float: left;
  padding: 4px 0 0 0;
  line-height: 15px;
  font-family: helvetica, arial;
  font-size: 10px;
}
/* End: Source Chooser */

/* Start: Postroll */
.mejs-postroll-layer {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: url(images/video/background.png);
  background: rgba(50,50,50,0.7);
  z-index: 1000;
  overflow: hidden;
}
.mejs-postroll-layer-content {
  width: 100%;
  height: 100%;
}
.mejs-postroll-close {
  position: absolute;
  right: 0;
  top: 0;
  background: url(images/video/background.png);
  background: rgba(50,50,50,0.7);
  color: #fff;
  padding: 4px;
  z-index: 100;
  cursor: pointer;
}
/* End: Postroll */

/*---------------------------------------------------------------*/
/* Woocommerce styles
/*---------------------------------------------------------------*/

.woocommerce-cart .slider-container{
 margin-top: 30px;
}

.woocommerce-message .button, .woocommerce-error .button, .woocommerce-info .button, .woocommerce form .form-row-last, .woocommerce-page form .form-row-last, .woocommerce #payment div.payment_box #cc-expire-year, .woocommerce-page #payment div.payment_box #cc-expire-year, .woocommerce .addresses .title .edit, .woocommerce-page .addresses .title .edit, .woocommerce ul.digital-downloads li .count, .woocommerce-page ul.digital-downloads li .count {
float: right;
}
.woocommerce form .form-row .input-checkbox, .woocommerce-page form .form-row .input-checkbox {
display: block;
float: left;
margin-right: 5px;
}

.woocommerce form .form-row textarea, .woocommerce-page form .form-row textarea {
  -moz-box-shadow: none;
  -webkit-box-shadow: none;
  box-shadow: none;
  display: block;
  height: 120px;
  line-height: 1.5em;
}
#billing_country{
  width: 100%;
}
.woocommerce-page{
  form{
    .form-row-wide{
      width: 100%;
      display: inline-block;
    }
  }
}
.woocommerce form .form-row, .woocommerce-page form .form-row {
margin: 0 0 20px;
}

/* Chosen css styles */
.woocommerce-checkout .form-row .chzn-container{width:100%!important}
.woocommerce-checkout .form-row .chzn-container-single .chzn-single{height:28px;line-height:29px}
.woocommerce-checkout .form-row .chzn-container-single .chzn-single div b{background:url('images/chosen-sprite.png') no-repeat 0 3px!important}
.woocommerce-checkout .form-row .chzn-container-active .chzn-single-with-drop div b{background-position:-18px 4px!important}
.woocommerce-checkout .form-row .chzn-container-single .chzn-search input{line-height:13px;width:100%!important;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}
.woocommerce-checkout .form-row .chzn-container .chzn-drop{width:100%!important;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}
@media only screen and (-webkit-min-device-pixel-ratio:2),only screen and (min-resolution:144dpi){
	.woocommerce-checkout .form-row .chzn-container-single .chzn-single div b{background-image:url('images/chosen-sprite@2x.png')!important;background-position:0 5px!important;background-repeat:no-repeat!important;background-size:52px 37px!important}.woocommerce-checkout .form-row .chzn-container-active .chzn-single-with-drop div b{background-position:-18px 5px!important}}.chzn-container{font-size:13px;position:relative;display:inline-block;zoom:1;*display:inline}.chzn-container .chzn-drop{background:#fff;border:1px solid #aaa;border-top:0;position:absolute;top:29px;left:0;-webkit-box-shadow:0 4px 5px rgba(0,0,0,0.15);-moz-box-shadow:0 4px 5px rgba(0,0,0,0.15);box-shadow:0 4px 5px rgba(0,0,0,0.15);z-index:1010}.chzn-container-single .chzn-single{background-color:#fff;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff',endColorstr='#eeeeee',GradientType=0);background-image:-webkit-gradient(linear,0 0,0 100%,color-stop(20%,#fff),color-stop(50%,#f6f6f6),color-stop(52%,#eee),color-stop(100%,#f4f4f4));background-image:-webkit-linear-gradient(top,#fff 20%,#f6f6f6 50%,#eee 52%,#f4f4f4 100%);background-image:-moz-linear-gradient(top,#fff 20%,#f6f6f6 50%,#eee 52%,#f4f4f4 100%);background-image:-o-linear-gradient(top,#fff 20%,#f6f6f6 50%,#eee 52%,#f4f4f4 100%);background-image:linear-gradient(#fff 20%,#f6f6f6 50%,#eee 52%,#f4f4f4 100%);-webkit-border-radius:5px;-moz-border-radius:5px;border-radius:5px;-moz-background-clip:padding;-webkit-background-clip:padding-box;background-clip:padding-box;border:1px solid #aaa;-webkit-box-shadow:0 0 3px #fff inset,0 1px 1px rgba(0,0,0,0.1);-moz-box-shadow:0 0 3px #fff inset,0 1px 1px rgba(0,0,0,0.1);box-shadow:0 0 3px #fff inset,0 1px 1px rgba(0,0,0,0.1);display:block;overflow:hidden;white-space:nowrap;position:relative;height:23px;line-height:24px;padding:0 0 0 8px;color:#444;text-decoration:none}.chzn-container-single .chzn-default{color:#999}.chzn-container-single .chzn-single span{margin-right:26px;display:block;overflow:hidden;white-space:nowrap;-o-text-overflow:ellipsis;-ms-text-overflow:ellipsis;text-overflow:ellipsis}.chzn-container-single .chzn-single abbr{display:block;position:absolute;right:26px;top:6px;width:12px;height:12px;font-size:1px;background:url('../images/chosen-sprite.png') -44px 2px no-repeat}.chzn-container-single .chzn-single abbr:hover{background-position:-44px -9px}.chzn-container-single.chzn-disabled .chzn-single abbr:hover{background-position:-44px -9px}.chzn-container-single .chzn-single div{position:absolute;right:0;top:0;display:block;height:100%;width:18px}.chzn-container-single .chzn-single div b{background:url('images/chosen-sprite.png') no-repeat 0 2px;display:block;width:100%;height:100%}.chzn-container-single .chzn-search{padding:3px 4px;position:relative;margin:0;white-space:nowrap;z-index:1010}.chzn-container-single .chzn-search input{background:#fff url('images/chosen-sprite.png') no-repeat 100% -20px;background:url('images/chosen-sprite.png') no-repeat 100% -20px,-webkit-gradient(linear,0 0,0 100%,color-stop(1%,#eee),color-stop(15%,#fff));background:url('images/chosen-sprite.png') no-repeat 100% -20px,-webkit-linear-gradient(top,#eee 1%,#fff 15%);background:url('images/chosen-sprite.png') no-repeat 100% -20px,-moz-linear-gradient(top,#eee 1%,#fff 15%);background:url('images/chosen-sprite.png') no-repeat 100% -20px,-o-linear-gradient(top,#eee 1%,#fff 15%);background:url('images/chosen-sprite.png') no-repeat 100% -20px,linear-gradient(#eee 1%,#fff 15%);margin:1px 0;padding:4px 20px 4px 5px;outline:0;border:1px solid #aaa;font-family:sans-serif;font-size:1em}.chzn-container-single .chzn-drop{-webkit-border-radius:0 0 4px 4px;-moz-border-radius:0 0 4px 4px;border-radius:0 0 4px 4px;-moz-background-clip:padding;-webkit-background-clip:padding-box;background-clip:padding-box}.chzn-container-single-nosearch .chzn-search input{position:absolute;left:-9000px}.chzn-container-multi .chzn-choices{background-color:#fff;background-image:-webkit-gradient(linear,0 0,0 100%,color-stop(1%,#eee),color-stop(15%,#fff));background-image:-webkit-linear-gradient(top,#eee 1%,#fff 15%);background-image:-moz-linear-gradient(top,#eee 1%,#fff 15%);background-image:-o-linear-gradient(top,#eee 1%,#fff 15%);background-image:linear-gradient(#eee 1%,#fff 15%);border:1px solid #aaa;margin:0;padding:0;cursor:text;overflow:hidden;height:auto!important;height:1%;position:relative}.chzn-container-multi .chzn-choices li{float:left;list-style:none}.chzn-container-multi .chzn-choices .search-field{white-space:nowrap;margin:0;padding:0}.chzn-container-multi .chzn-choices .search-field input{color:#666;background:transparent!important;border:0!important;font-family:sans-serif;font-size:100%;height:15px;padding:5px;margin:1px 0;outline:0;-webkit-box-shadow:none;-moz-box-shadow:none;box-shadow:none}.chzn-container-multi .chzn-choices .search-field .default{color:#999}.chzn-container-multi .chzn-choices .search-choice{-webkit-border-radius:3px;-moz-border-radius:3px;border-radius:3px;-moz-background-clip:padding;-webkit-background-clip:padding-box;background-clip:padding-box;background-color:#e4e4e4;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#f4f4f4',endColorstr='#eeeeee',GradientType=0);background-image:-webkit-gradient(linear,0 0,0 100%,color-stop(20%,#f4f4f4),color-stop(50%,#f0f0f0),color-stop(52%,#e8e8e8),color-stop(100%,#eee));background-image:-webkit-linear-gradient(top,#f4f4f4 20%,#f0f0f0 50%,#e8e8e8 52%,#eee 100%);background-image:-moz-linear-gradient(top,#f4f4f4 20%,#f0f0f0 50%,#e8e8e8 52%,#eee 100%);background-image:-o-linear-gradient(top,#f4f4f4 20%,#f0f0f0 50%,#e8e8e8 52%,#eee 100%);background-image:linear-gradient(#f4f4f4 20%,#f0f0f0 50%,#e8e8e8 52%,#eee 100%);-webkit-box-shadow:0 0 2px #fff inset,0 1px 0 rgba(0,0,0,0.05);-moz-box-shadow:0 0 2px #fff inset,0 1px 0 rgba(0,0,0,0.05);box-shadow:0 0 2px #fff inset,0 1px 0 rgba(0,0,0,0.05);color:#333;border:1px solid #aaa;line-height:13px;padding:3px 20px 3px 5px;margin:3px 0 3px 5px;position:relative;cursor:default}.chzn-container-multi .chzn-choices .search-choice.search-choice-disabled{background-color:#e4e4e4;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#f4f4f4',endColorstr='#eeeeee',GradientType=0);background-image:-webkit-gradient(linear,0% 0,0% 100%,color-stop(20%,#f4f4f4),color-stop(50%,#f0f0f0),color-stop(52%,#e8e8e8),color-stop(100%,#eee));background-image:-webkit-linear-gradient(top,#f4f4f4 20%,#f0f0f0 50%,#e8e8e8 52%,#eee 100%);background-image:-moz-linear-gradient(top,#f4f4f4 20%,#f0f0f0 50%,#e8e8e8 52%,#eee 100%);background-image:-o-linear-gradient(top,#f4f4f4 20%,#f0f0f0 50%,#e8e8e8 52%,#eee 100%);background-image:-ms-linear-gradient(top,#f4f4f4 20%,#f0f0f0 50%,#e8e8e8 52%,#eee 100%);background-image:linear-gradient(top,#f4f4f4 20%,#f0f0f0 50%,#e8e8e8 52%,#eee 100%);color:#666;border:1px solid #ccc;padding-right:5px}.chzn-container-multi .chzn-choices .search-choice-focus{background:#d4d4d4}.chzn-container-multi .chzn-choices .search-choice .search-choice-close{display:block;position:absolute;right:3px;top:4px;width:12px;height:12px;font-size:1px;background:url('images/chosen-sprite.png') -44px 2px no-repeat}.chzn-container-multi .chzn-choices .search-choice .search-choice-close:hover{background-position:-44px -9px}.chzn-container-multi .chzn-choices .search-choice-focus .search-choice-close{background-position:-44px -9px}.chzn-container .chzn-results{margin:0 4px 4px 0;max-height:240px;padding:0 0 0 4px;position:relative;overflow-x:hidden;overflow-y:auto;-webkit-overflow-scrolling:touch}.chzn-container-multi .chzn-results{margin:-1px 0 0;padding:0}.chzn-container .chzn-results li{display:none;line-height:15px;padding:5px 6px;margin:0;list-style:none}.chzn-container .chzn-results .active-result{cursor:pointer;display:list-item}.chzn-container .chzn-results .highlighted{background-color:#3875d7;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#3875d7',endColorstr='#2a62bc',GradientType=0);background-image:-webkit-gradient(linear,0 0,0 100%,color-stop(20%,#3875d7),color-stop(90%,#2a62bc));background-image:-webkit-linear-gradient(top,#3875d7 20%,#2a62bc 90%);background-image:-moz-linear-gradient(top,#3875d7 20%,#2a62bc 90%);background-image:-o-linear-gradient(top,#3875d7 20%,#2a62bc 90%);background-image:linear-gradient(#3875d7 20%,#2a62bc 90%);color:#fff}.chzn-container .chzn-results li em{background:#feffde;font-style:normal}.chzn-container .chzn-results .highlighted em{background:transparent}.chzn-container .chzn-results .no-results{background:#f4f4f4;display:list-item}.chzn-container .chzn-results .group-result{cursor:default;color:#999;font-weight:bold}.chzn-container .chzn-results .group-option{padding-left:15px}.chzn-container-multi .chzn-drop .result-selected{display:none}.chzn-container .chzn-results-scroll{background:white;margin:0 4px;position:absolute;text-align:center;width:321px;z-index:1}.chzn-container .chzn-results-scroll span{display:inline-block;height:17px;text-indent:-5000px;width:9px}.chzn-container .chzn-results-scroll-down{bottom:0}.chzn-container .chzn-results-scroll-down span{background:url('images/chosen-sprite.png') no-repeat -4px -3px}.chzn-container .chzn-results-scroll-up span{background:url('images/chosen-sprite.png') no-repeat -22px -3px}.chzn-container-active .chzn-single{-webkit-box-shadow:0 0 5px rgba(0,0,0,0.3);-moz-box-shadow:0 0 5px rgba(0,0,0,0.3);box-shadow:0 0 5px rgba(0,0,0,0.3);border:1px solid #5897fb}.chzn-container-active .chzn-single-with-drop{border:1px solid #aaa;-webkit-box-shadow:0 1px 0 #fff inset;-moz-box-shadow:0 1px 0 #fff inset;box-shadow:0 1px 0 #fff inset;background-color:#eee;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#eeeeee',endColorstr='#ffffff',GradientType=0);background-image:-webkit-gradient(linear,0 0,0 100%,color-stop(20%,#eee),color-stop(80%,#fff));background-image:-webkit-linear-gradient(top,#eee 20%,#fff 80%);background-image:-moz-linear-gradient(top,#eee 20%,#fff 80%);background-image:-o-linear-gradient(top,#eee 20%,#fff 80%);background-image:linear-gradient(#eee 20%,#fff 80%);-webkit-border-bottom-left-radius:0;-webkit-border-bottom-right-radius:0;-moz-border-radius-bottomleft:0;-moz-border-radius-bottomright:0;border-bottom-left-radius:0;border-bottom-right-radius:0}.chzn-container-active .chzn-single-with-drop div{background:transparent;border-left:none}.chzn-container-active .chzn-single-with-drop div b{background-position:-18px 2px}.chzn-container-active .chzn-choices{-webkit-box-shadow:0 0 5px rgba(0,0,0,0.3);-moz-box-shadow:0 0 5px rgba(0,0,0,0.3);box-shadow:0 0 5px rgba(0,0,0,0.3);border:1px solid #5897fb}.chzn-container-active .chzn-choices .search-field input{color:#111!important}.chzn-disabled{cursor:default;opacity:.5!important}.chzn-disabled .chzn-single{cursor:default}.chzn-disabled .chzn-choices .search-choice .search-choice-close{cursor:default}.chzn-rtl{text-align:right}.chzn-rtl .chzn-single{padding:0 8px 0 0;overflow:visible}.chzn-rtl .chzn-single span{margin-left:26px;margin-right:0;direction:rtl}.chzn-rtl .chzn-single div{left:3px;right:auto}.chzn-rtl .chzn-single abbr{left:26px;right:auto}.chzn-rtl .chzn-choices .search-field input{direction:rtl}.chzn-rtl .chzn-choices li{float:right}.chzn-rtl .chzn-choices .search-choice{padding:3px 5px 3px 19px;margin:3px 5px 3px 0}.chzn-rtl .chzn-choices .search-choice .search-choice-close{left:4px;right:auto;background-position:-44px 2px}.chzn-rtl.chzn-container-single .chzn-results{margin:0 0 4px 4px;padding:0 4px 0 0}.chzn-rtl .chzn-results .group-option{padding-left:0;padding-right:15px}.chzn-rtl.chzn-container-active .chzn-single-with-drop div{border-right:0}.chzn-rtl .chzn-search input{background:#fff url('images/chosen-sprite.png') no-repeat -30px -20px;background:url('images/chosen-sprite.png') no-repeat -30px -20px,-webkit-gradient(linear,0 0,0 100%,color-stop(1%,#eee),color-stop(15%,#fff));background:url('images/chosen-sprite.png') no-repeat -30px -20px,-webkit-linear-gradient(top,#eee 1%,#fff 15%);background:url('images/chosen-sprite.png') no-repeat -30px -20px,-moz-linear-gradient(top,#eee 1%,#fff 15%);background:url('images/chosen-sprite.png') no-repeat -30px -20px,-o-linear-gradient(top,#eee 1%,#fff 15%);background:url('images/chosen-sprite.png') no-repeat -30px -20px,linear-gradient(#eee 1%,#fff 15%);padding:4px 5px 4px 20px;direction:rtl}.chzn-container-single.chzn-rtl .chzn-single div b{background-position:6px 2px}.chzn-container-single.chzn-rtl.chzn-container-active .chzn-single div b{background-position:-12px 2px}@media only screen and (-webkit-min-device-pixel-ratio:2),only screen and (min-resolution:144dpi){.chzn-rtl .chzn-search input,.chzn-container-single .chzn-single abbr,.chzn-container-single .chzn-single div b,.chzn-container-single .chzn-search input,.chzn-container-multi .chzn-choices .search-choice .search-choice-close,.chzn-container .chzn-results-scroll-down span,.chzn-container .chzn-results-scroll-up span{background-image:url('images/chosen-sprite@2x.png')!important;background-repeat:no-repeat!important;background-size:52px 37px!important}}
.woocommerce-message:after, .woocommerce-error:after, .woocommerce-info:after, .woocommerce .woocommerce-breadcrumb:after, .woocommerce-page .woocommerce-breadcrumb:after, .woocommerce .col2-set:after, .woocommerce-page .col2-set:after, .woocommerce div.product div.images div.thumbnails:after, .woocommerce #content div.product div.images div.thumbnails:after, .woocommerce-page div.product div.images div.thumbnails:after, .woocommerce-page #content div.product div.images div.thumbnails:after, .woocommerce div.product p.cart:after, .woocommerce #content div.product p.cart:after, .woocommerce-page div.product p.cart:after, .woocommerce-page #content div.product p.cart:after, .woocommerce div.product form.cart:after, .woocommerce #content div.product form.cart:after, .woocommerce-page div.product form.cart:after, .woocommerce-page #content div.product form.cart:after, .woocommerce .products ul:after, .woocommerce ul.products:after, .woocommerce-page .products ul:after, .woocommerce-page ul.products:after, .woocommerce .related:after, .woocommerce .upsells.products:after, .woocommerce-page .related:after, .woocommerce-page .upsells.products:after, .woocommerce #reviews #comments .add_review:after, .woocommerce-page #reviews #comments .add_review:after, .woocommerce #reviews #comments ol.commentlist:after, .woocommerce-page #reviews #comments ol.commentlist:after, .woocommerce #review_form #respond:after, .woocommerce-page #review_form #respond:after, .woocommerce p.stars:after, .woocommerce-page p.stars:after, .woocommerce ul.cart_list li:after, .woocommerce ul.product_list_widget li:after, .woocommerce-page ul.cart_list li:after, .woocommerce-page ul.product_list_widget li:after, .woocommerce .widget_shopping_cart .buttons:after, .woocommerce-page .widget_shopping_cart .buttons:after, .woocommerce .cart-collaterals:after, .woocommerce-page .cart-collaterals:after, .woocommerce .cart-collaterals .shipping_calculator:after, .woocommerce-page .cart-collaterals .shipping_calculator:after, .woocommerce form .form-row:after, .woocommerce-page form .form-row:after, .woocommerce #payment ul.payment_methods:after, .woocommerce-page #payment ul.payment_methods:after, .woocommerce .order_details:after, .woocommerce-page .order_details:after, .woocommerce .addresses .title:after, .woocommerce-page .addresses .title:after, .woocommerce .widget_layered_nav ul li:after, .woocommerce-page .widget_layered_nav ul li:after {
clear: both;
content: "";
display: block;
}
.woocommerce table.shop_attributes,.woocommerce-page table.shop_attributes
{
  border:0;
  border-top:1px dotted rgba(0,0,0,0.1);
  margin-bottom:1.618em;
  width:100%;
}

.woocommerce table.shop_attributes th,.woocommerce-page table.shop_attributes th
{
  border-bottom:1px dotted rgba(0,0,0,0.1);
  border-top:0;
  font-weight:700;
  line-height:1.5em;
  margin:0;
  padding:8px;
  width:150px;
}

.cart-table-section{
  .quantity-box{
    width: 85px;
    margin: 0;
  }
}

.woocommerce table.shop_attributes td,.woocommerce-page table.shop_attributes td
{
  border-bottom:1px dotted rgba(0,0,0,0.1);
  border-top:0;
  text-transform: uppercase;
  line-height:1.5em;
  margin:0;
  padding:0;
}

.woocommerce table.shop_attributes td p,.woocommerce-page table.shop_attributes td p
{
  margin:0;
  padding:8px 0;
}

.woocommerce table.shop_attributes .alt td,.woocommerce table.shop_attributes .alt th,.woocommerce-page table.shop_attributes .alt td,.woocommerce-page table.shop_attributes .alt th
{
  background:rgba(0,0,0,0.025);
}

.woocommerce table.shop_table, .woocommerce-page table.shop_table {
  border-collapse:separate;
  margin:0 -1px 24px 0;
  text-align:left;
  width:100%;
}

.woocommerce table.shop_table th, .woocommerce-page table.shop_table th {
  font-weight:400;
  line-height:18px;
  padding:9px 12px;
  text-transform: uppercase;
  font-family: Georgia;
  font-size: 14px;
  color: #000000;
}

.woocommerce table.shop_table td, .woocommerce-page table.shop_table td {
  border-top:1px solid rgba(0,0,0,0.1);
  padding:6px 5px !important;
  vertical-align:middle;
}

.woocommerce table.shop_table td small, .woocommerce-page table.shop_table td small {
  font-weight:400;
}

.woocommerce table.shop_table tfoot td, .woocommerce table.shop_table tfoot th,.woocommerce-page table.shop_table tfoot td,.woocommerce-page table.shop_table tfoot th{
  border-top:1px solid rgba(0,0,0,0.1);
  font-weight:700;
}

.woocommerce table.my_account_orders, .woocommerce-page table.my_account_orders
{
  font-size:.85em;
}

.woocommerce table.my_account_orders th, .woocommerce table.my_account_orders td,.woocommerce-page table.my_account_orders th,.woocommerce-page table.my_account_orders td
{
  padding:4px 8px;
  vertical-align:middle;
}

.woocommerce td.product-name dl.variation, .woocommerce-page td.product-name dl.variation
{
  font-size:.8751em;
  margin:.25em 0 .5em;
}

.woocommerce td.product-name dl.variation dt, .woocommerce-page td.product-name dl.variation dt
{
  clear:left;
  float:left;
  font-weight:700;
  margin:0 .25em 0 0;
  padding:0;
}

.woocommerce td.product-name dl.variation dd, .woocommerce-page td.product-name dl.variation dd
{
  margin:0 0 .25em;
}

.woocommerce td.product-quantity, .woocommerce-page td.product-quantity
{
  min-width:80px;
}

.woocommerce table.cart .product-thumbnail, .woocommerce #content table.cart .product-thumbnail,.woocommerce-page table.cart .product-thumbnail,.woocommerce-page #content table.cart .product-thumbnail
{
  min-width:32px;
}

.woocommerce table.cart .product-thumbnail{
  max-width: 90px;
  height: auto;
}

.woocommerce table.wishlist_table tbody td.product-add-to-cart{
  position: relative !important;
  .added-text:before{
    margin-top: -10px !important;
  }
}

.woocommerce table.cart th,.woocommerce table.cart td,.woocommerce #content table.cart th,.woocommerce #content table.cart td,.woocommerce-page table.cart th,.woocommerce-page table.cart td,.woocommerce-page #content table.cart th,.woocommerce-page #content table.cart td
{
  vertical-align:middle;
}

.woocommerce table.cart a.remove,.woocommerce #content table.cart a.remove,.woocommerce-page table.cart a.remove,.woocommerce-page #content table.cart a.remove
{
  color:#6f6f6f;
  display:block;
  font-size:0;
  font-weight:400;
  height:1em;
  line-height:1;
  text-align:center;
  text-decoration:none;
}
.woocommerce table.cart a.remove:before,.woocommerce #content table.cart a.remove:before,.woocommerce-page table.cart a.remove:before,.woocommerce-page #content table.cart a.remove:before{
  content: "\e619";
  font-size: 12px;
  line-height: 10px;
  font-family: "arrows";
  margin-right: 8px;
  color: #8e8e8e;
  position: relative;
}

.woocommerce table.cart a.remove:hover,.woocommerce #content table.cart a.remove:hover,.woocommerce-page table.cart a.remove:hover,.woocommerce-page #content table.cart a.remove:hover
{
  color:red;
}

.woocommerce table.cart td.actions .button.alt,.woocommerce #content table.cart td.actions .button.alt,.woocommerce-page table.cart td.actions .button.alt,.woocommerce-page #content table.cart td.actions .button.alt
{
  float:right;
  margin-left:.25em;
}

.woocommerce table.cart input,.woocommerce #content table.cart input,.woocommerce-page table.cart input,.woocommerce-page #content table.cart input
{
  line-height:1em;
  margin:0;
  vertical-align:middle;
}

.woocommerce ul.cart_list,.woocommerce ul.product_list_widget,.woocommerce-page ul.cart_list,.woocommerce-page ul.product_list_widget
{
  list-style:none outside;
  margin:0;
  padding:0;
}

.woocommerce ul.cart_list li,.woocommerce ul.product_list_widget li,.woocommerce-page ul.cart_list li,.woocommerce-page ul.product_list_widget li
{
  list-style:none;
}

.woocommerce ul.cart_list li a,.woocommerce ul.product_list_widget li a,.woocommerce-page ul.cart_list li a,.woocommerce-page ul.product_list_widget li a
{
  display:block;
}

.woocommerce ul.cart_list li dl,.woocommerce ul.product_list_widget li dl,.woocommerce-page ul.cart_list li dl,.woocommerce-page ul.product_list_widget li dl
{
  border-left:2px solid rgba(0,0,0,0.1);
  font-size:.8751em;
  margin:0;
  padding-left:1em;
}

.woocommerce ul.cart_list li dl dt,.woocommerce ul.product_list_widget li dl dt,.woocommerce-page ul.cart_list li dl dt,.woocommerce-page ul.product_list_widget li dl dt
{
  clear:left;
  float:left;
  margin-right:.25em;
}

.woocommerce ul.cart_list li dl dd,.woocommerce ul.product_list_widget li dl dd,.woocommerce-page ul.cart_list li dl dd,.woocommerce-page ul.product_list_widget li dl dd{
  margin-bottom:.5em;
}

.woocommerce .widget_shopping_cart .total,.woocommerce-page .widget_shopping_cart .total
{
  border-top:3px double #f7f6f7;
  padding:4px 0 0;
}

.woocommerce .widget_shopping_cart .total strong,.woocommerce-page .widget_shopping_cart .total strong
{
  display:inline-block;
  min-width:40px;
}
.woocommerce .order_details,.woocommerce-page .order_details
{
  list-style:none;
  margin:0 0 1.5em;
}

.woocommerce .order_details li,.woocommerce-page .order_details li
{
  border-right:1px dashed #dfdbdf;
  float:left;
  font-size:.715em;
  line-height:1em;
  margin-right:2em;
  padding-right:2em;
  text-transform:uppercase;
}

.woocommerce .order_details li strong,.woocommerce-page .order_details li strong
{
  display:block;
  font-size:1.4em;
  line-height:1.5em;
  text-transform:none;
}

.woocommerce .order_details li:last-of-type,.woocommerce-page .order_details li:last-of-type
{
  border:none;
}
.woocommerce .col2-set .col-1,.woocommerce-page .col2-set .col-1
{
  float:left;
  width:48%;
}

.woocommerce .col2-set .col-2,.woocommerce-page .col2-set .col-2
{
  float:right;
  width:48%;
}
.woocommerce table.cart td.actions .coupon, .woocommerce #content table.cart td.actions .coupon, .woocommerce-page table.cart td.actions .coupon, .woocommerce-page #content table.cart td.actions .coupon, .woocommerce .addresses .title h3, .woocommerce-page .addresses .title h3 {
float: left;
}

.woocommerce ul.products li.product strong, .woocommerce-page ul.products li.product strong, .woocommerce form .form-row label, .woocommerce-page form .form-row label{
  display: block;
}

.demo_store{
  position: fixed;
  top:0;
  width: 100%;
  z-index: 10000;
  padding: 10px;
  -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
          box-sizing: border-box;
  color: #222;
  text-align: center;
  background-color: #f5f5f5;
  border-bottom:1px solid #ccc;
}
.single-product-page .product-info .single_add_to_wishlist{
  margin-top: 0 !important;
  margin-left: 20px;
}
.admin-bar .demo_store{display: none;}
.legenda-top {
  margin-top: 45px;
}
.prefooter .double-border > p {
  display: none;
}
.wpb_flickr_widget h2{
  font-size: 16px;
  text-transform: uppercase;
  font-weight: 400;
  letter-spacing: 2px;
}

/*======================================
=            Slider Twitter            =
======================================*/
.et-twitter-slider{
  &.style-white {
    color: #d5d5d5;
    .twitter-slider-title{
      text-align: center;
      font-size: 22px;
      color: #f3f3f3;
    }
    .et-tweets.owl-carousel li a{
      color: #fff;
    }
  }
}
/*=====  End of Slider Twitter  ======*/

/*===================================
=            Grid Filter            =
===================================*/
.grid-filter{
  .vc_grid-filter{
    &.vc_grid-filter-size-md,
    &.vc_grid-filter-size-lg{
      li.vc_grid-filter-item{
          border: 1px solid #dddddd;
          display: inline-block;
          color: #000000;
          background-color: rgba(255,255,255,0.2);
          font-size: 12px;
          font-family: Georgia;
          text-align: center;
          box-sizing: border-box;
          line-height: 1.5 !important;
          text-transform: uppercase;
          border-radius: 0;
          &:hover{
            border-color: #ed1c2e;
            span{
              color: #ed1c2e;
            }
            .vc_active{
              border: none;
              span{
                color: #fff;
              }
            }
          }
        &.vc_active{
          cursor: default;
          color: #fff;
          background-color: #ed1c2e;
          border: 1px solid transparent;
          span{
            color: #fff;
          }
        }
      }
    }
    &.vc_grid-filter-size-lg{
      li.vc_grid-filter-item{
          padding: 8px 25px;
          margin-right: 5px;
      }
    }
    &.vc_grid-filter-size-md{
      li.vc_grid-filter-item{
        padding: 5px 20px;
      }
    }
  }
}
/*=====  End of Grid Filter  ======*/

/*===============================================
=            Start of new menu style            =
===============================================*/

/**
 *
 * For disable title
 *
 */
.menu-wrapper, .mobile-nav {
  .menu {
    li{
      &.menu-disable_titles{
        >a{
          font-size: 0 !important;
          line-height: 0 !important;
          padding: 0 !important;
          &:after{
            display: none;
          }
        }
      }
      a{
        span.menu-item-descr{
          display: inline-block;
          width: 100%;
        }
      }
    }
  }
}

/**
 *
 * menu-columns
 *
 */
.fixed-header,
.main-nav{
  .menu{
    >li.menu-full-width{
      .nav-sublist-dropdown .container > ul > li{
        padding-left: 15px;
      }
      &.columns-2{
        .nav-sublist-dropdown .container > ul > li{
          width: 50%;
          margin-left: 0;
          margin-bottom: 10px;
          &:nth-child(2n+1){
            clear: both;
          }
        }
      }
      &.columns-3{
        .nav-sublist-dropdown .container > ul > li{
          width: 33.3%;
          margin-bottom: 10px;
          &:nth-child(3n+1){
            clear: both;
          }
        }
      }
      &.columns-4{
        .nav-sublist-dropdown .container > ul > li{
          width: 25%;
          margin-left: 0;
          margin-bottom: 10px;
          &:nth-child(4n+1){
            clear: both;
          }
        }
      }
      &.columns-5{
        .nav-sublist-dropdown .container > ul > li{
          width: 20%;
          margin-left: 0;
          margin-bottom: 10px;
          &:nth-child(5n+1){
            clear: both;
          }
        }
      }
      &.columns-6{
        .nav-sublist-dropdown .container > ul > li{
          width: 16.6%;
          margin-left: 0;
          margin-bottom: 10px;
          &:nth-child(6n+1){
            clear: both;
          }
        }
      }
    }
    .item-design2-image > a,
    .item-design2-image-no-borders > a{
      font-size: 0 !important;
    }
    .item-design2-image,
    .item-design2-image-no-borders{
      &:before{
        content: "" !important;
      }
    }
  }
}

.post-single{
  >img{
    margin-bottom: 20px;
  }
}
/*=====  End of Start of new menu style  ======*/

/*==============================================
=            Legenda portfolio grid            =
==============================================*/
.legenda-mask{
  &:hover{
    .vc_gitem-zone-mini{
      background-color: rgba(255,255,255,0.6);
      opacity: 1;
      z-index: 99999;
    }
  }
  .vc_gitem-zone-mini{
    position: absolute;
    -webkit-transition: 0.3s linear;
    -moz-transition: 0.3s linear;
    -ms-transition: 0.3s linear;
    -o-transition: 0.3s linear;
    transition: 0.3s linear;
    opacity: 0;
    .vc_gitem_row{
      .vc_btn3-size-lg{
        padding: 11px 21px 10px 21px;
        margin-top: 20px;
        border-bottom: inherit;
        &:after{
          content: '';
          -webkit-transition: opacity 0.3s, box-shadow 0.3s;
          -moz-transition: opacity 0.3s, box-shadow 0.3s;
          transition: opacity 0.3s, box-shadow 0.3s;
          pointer-events: none;
          position: absolute;
          width: 22px;
          opacity: 0;
          box-shadow: 0 0 0 rgba(0,0,0,0.6);
          height: 26px;
          left: 26px;
          z-index: 999999;
          bottom: -5px;
          -webkit-box-sizing: content-box;
          -moz-box-sizing: content-box;
          box-sizing: content-box;
        }
        .vc_btn3-icon{
          font-size: 28px;
        }
        &:hover{
          background-color: rgba(0,0,0,0.6) !important;
          opacity: 1;
          border-bottom: inherit;
          &:after{
            box-shadow: 2px 2px 0 rgba(0,0,0,0.6);
            opacity: 0.85;
          }
        }
      }
    }
  }
}
/*=====  End of Legenda portfolio grid  ======*/
.woocommerce{
  &.columns-2{
    .product-category{
        width: 48% !important;
        margin: 0 auto;
        text-align: center;
    }
  }
  &.columns-1{
    .product-category{
        width: 100% !important;
        margin: 0 auto;
        text-align: center;
    }
  }
  &.columns-4{
    .product-category{
        width: 23% !important;
        text-align: center;
        &:nth-child(3n+1){
          clear: inherit;
            margin-left: 2.564102564102564% !important;
        }
        &:nth-child(4n+1){
          clear: left;
            margin-left: 0 !important;
        }
    }
  }
  &.columns-5{
    .product-category{
        width: 17% !important;
        text-align: center;
        &:nth-child(3n+1){
          clear: inherit;
            margin-left: 2.564102564102564% !important;
        }
        &:nth-child(5n+1){
          clear: left;
            margin-left: 0 !important;
        }
    }
  }
  &.columns-6{
    .product-category{
        width: 14% !important;
        text-align: center;
        &:nth-child(3n+1){
          clear: inherit;
            margin-left: 2.564102564102564% !important;
        }
        &:nth-child(6n+1){
          clear: left;
            margin-left: 0 !important;
        }
    }
  }
}
.shop_table .quantity input[type="number"]{
  border: 1px solid #ebebeb !important;
}
.shop_table .product-remove a{
  font-size: 0;
  &:before{
    content: "\e619";
    font-size: 12px;
    line-height: 10px;
    font-family: "arrows";
    margin-right: 8px;
    color: #8e8e8e;
    position: relative;
  }
}
.header-vertical-enable .page-wrapper .header-type-8 .container .logo{
  width: 230px !important;
}
.header-vertical-enable .page-wrapper .header-type-8 .shopping-cart-widget{
  width: auto;
}
.header-vertical-enable{
  .without-woocommerce{
    .logo{
      width: auto !important;
    }
  }
}
.my-account-link{
  .submenu-dropdown{
    ul{
      li{
        a{
          color: #000 !important;
        }
      }
    }
  }
}
/*=======================================
=            Header-vertical            =
=======================================*/
@media(min-width:980px){
  .header-type-8 {
    position: fixed;
    background-color: #fff;
    border-right: 1px solid #f0f0f0;
    left: 0;
    top: 0;
    width: 260px;
    height: 100%;
    z-index: 10000;
  }
  .mobile-price{
    display: none;
  }
  .header-vertical-enable .page-wrapper {
    padding-left: 260px;
  }
  .header-vertical-enable .header-wrapper .container{
    max-width: 100%;
  }
  .header-vertical-enable .page-wrapper .header-type-8 .container .logo {
    padding-bottom: 30px;
    margin-top: 15px;
    padding-left: 15px;
    padding-right: 15px;
    text-align: center;
    left: 0 !important;
    float: left !important;
    max-width: 100%;
  }
  .header-vertical-enable .page-wrapper .header-type-8 .menu-wrapper {
    float: left !important;
    width: 260px;
    max-width: 100%;
  }
  .fixed-header .menu > li.badge-hot > a:before, .fixed-header .menu > li.badge-sale > a:before, .main-nav .menu > li.badge-new > a:before, .main-nav .menu > li.badge-hot > a:before, .main-nav .menu > li.badge-sale > a:before {
    right: -30px !important;
    padding: 2px 5px;
    top: 2px;
  }
  .header-vertical-enable  .menu > li.badge-new > a:before,
  .header-vertical-enable  .menu > li.badge-sale > a:before,
  .header-vertical-enable  .menu > li.badge-hot > a:before{
    right: 0 !important;
  }
  .header-type-8 .menu > li:nth-last-child(2) .nav-sublist-dropdown .container > ul .menu-item-has-children .nav-sublist {
    left: 102%;
  }
  .header-type-8 .languages-area {
    display: none;
  }
  .header-type-8  .menu > li .nav-sublist-dropdown .container > ul .menu-item-has-children > .nav-sublist {
    margin-left: -5px;
  }
  .header-type-8  .table-row {
    width: auto;
  }
  .header-type-8 .table-row .shopping-cart-widget {
    display: inline-block;
    padding-bottom: 10px;
    .widget_shopping_cart_content{
    	right: auto;
    	left: 0;
    }
  }
  .header-type-8 .table-row .shopping-cart-widget .cart-summ > a{
    padding-left: 0;
  }
  .header-type-8 .table-row .shopping-cart-widget .cart-popup{
    left: 0;
  }
  .header-type-8 .table-row .shopping-cart-widget .cart-popup:after{
    display: none;
  }
  .header-type-8  .menu{
    padding-top: 13px;
  }
  .owl-controls .owl-prev{
    left: -75px;
  }
  .owl-controls .owl-next{
    right: -75px;
  }
}
/*=====  End of Header-vertical  ======*/

.categoriesCarousel{
  &.column-2{
    .first,
    .last{
      width: 50% !important;
      margin: 0 auto !important;
      text-align: center;
    }
    .product-category:nth-child(2n+1){
      clear: left !important;
    }
    .product-category:nth-child(3n+1){
      clear: none !important;
    }
  }
  &.column-3{
    .span4{
      width: 33%;
      margin: 0 auto !important;
      text-align: center;
    }
  }
  &.column-4{
    .span4{
      width: 25%;
      margin: 0 auto !important;
      text-align: center;
      &:nth-child(3n+1){
        clear: none;
      }
    }
  }
  &.column-5{
    .span4{
      width: 20%;
      margin: 0 auto !important;
      text-align: center;
      &:nth-child(3n+1){
        clear: none;
      }
    }
  }
  &.column-6{
    .span4{
      width: 16.6%;
      margin: 0 auto !important;
      text-align: center;
      &:nth-child(3n+1){
        clear: none;
      }
    }
  }
}
.single-product-sidebar{
  .et-mega-search form .button{
    position: absolute;
    top:3px;
  }
}
.product-image-wrapper .out-of-stock{
  z-index: 1;
}
.top-bar {
  .languages-area{
    max-width: 50%;
  }
  .search .search-link {
    &:before {
      top: auto;
    }
  }
}
.header-wrapper.cart-disabled .top-bar .languages-area .widget_shopping_cart,.header-wrapper.cart-disabled .top-bar .cart-summ {
    display: none;
    visibility: hidden;
}
.header-wrapper.header-type-.cart-disabled {
    .logo {
    	text-align: center;
        padding: 10px 0px;
        img {
            max-width: 345px;
        }
    }
}
.header-color-light {
	a {
		color: #fff;
	}
}
.boxed.rightPanel-enabled .shopping-cart-widget{
  width: auto;
  padding-right: 0;
}

@media only screen and (max-width:767px){
  .top-bar .languages-area{
    display: none;
  }
}
.shopping-cart-widget a:hover{
  text-decoration: none;
}

.shopping-cart-widget .widget_shopping_cart_content ul li{
  display: flex;
  flex-wrap:wrap;
  position: relative;
  .delete-btn{
  	position: absolute !important;
  	right: 0 !important;
  	top: 5px;
  }
}
.top-bar .submenu-dropdown ul{
  width: 100%;
}
.top-bar .submenu-dropdown ul li a{
  display: block;
  line-height: 24px;
  font-size: 13px;
}
.shopping-cart-widget .widget_shopping_cart_content ul li .media .media-body{
	float: left;
}
.shopping-cart-widget .widget_shopping_cart_content ul li .media .media-body .descr-box .medium-coast{
	float: left !important;
    width: 100%;
}
.woocommerce-MyAccount-content .span3 {
   display: none !important;
}
@media only screen and (max-width:480px){
	.banner {
		.banner-content {
			padding: 4px 10px;
			h1, h3 {
				font-size: 18px;
			}
			p {
				font-size: 10px;
			}
		}
	}
}
#wp_signup_form{
	.form-error{
	    color: #e00016;
	}
}

[+] ..
[-] style.less [edit]
[-] prettyPhoto.css [edit]
[-] bbpress.css [edit]
[-] et-fonts.css [edit]
[-] font-awesome.min.css [edit]
[-] bootstrap-responsive.css [edit]
[-] bootstrap.css [edit]
[-] bootstrap.min.css [edit]
[-] responsive.css [edit]
[-] large-resolution.css [edit]
[-] dark.css [edit]
[-] ie9.css [edit]
[-] magnific-popup.css [edit]
[+] fonts
[-] font-awesome.css [edit]
[-] bootstrap-responsive.min.css [edit]