
/*---------------------------------------------------------------*/
/* 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;}
[class*="span"]{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 [class*="span"]{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 [class*="span"]: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;}

/*---------------------------------------------------------------*/
/* 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;}
.icon-muted{color:#eeeeee;}
.icon-light{color:#ffffff;}
.icon-dark{color:#333333;}
.icon-border{border:solid 1px #eeeeee;padding:.2em .25em .15em;-webkit-border-radius:3px;-moz-border-radius:3px;border-radius:3px;}
.icon-2x{font-size:2em;}.icon-2x.icon-border{border-width:2px;-webkit-border-radius:4px;-moz-border-radius:4px;border-radius:4px;}
.icon-3x{font-size:3em;}.icon-3x.icon-border{border-width:3px;-webkit-border-radius:5px;-moz-border-radius:5px;border-radius:5px;}
.icon-4x{font-size:4em;}.icon-4x.icon-border{border-width:4px;-webkit-border-radius:6px;-moz-border-radius:6px;border-radius:6px;}
.icon-5x{font-size:5em;}.icon-5x.icon-border{border-width:5px;-webkit-border-radius:7px;-moz-border-radius:7px;border-radius:7px;}
.pull-right{float:right;}
.pull-left{float:left;}
[class^="icon-"].pull-left,[class*=" icon-"].pull-left{margin-right:.3em;}
[class^="icon-"].pull-right,[class*=" icon-"].pull-right{margin-left:.3em;}
[class^="icon-"],[class*=" icon-"]{display:inline;width:auto;height:auto;line-height:normal;vertical-align:baseline;background-image:none;background-position:0% 0%;background-repeat:repeat;margin-top:0;}
.icon-white,.nav-pills>.active>a>[class^="icon-"],.nav-pills>.active>a>[class*=" icon-"],.nav-list>.active>a>[class^="icon-"],.nav-list>.active>a>[class*=" icon-"],.navbar-inverse .nav>.active>a>[class^="icon-"],.navbar-inverse .nav>.active>a>[class*=" icon-"],.dropdown-menu>li>a:hover>[class^="icon-"],.dropdown-menu>li>a:hover>[class*=" icon-"],.dropdown-menu>.active>a>[class^="icon-"],.dropdown-menu>.active>a>[class*=" icon-"],.dropdown-submenu:hover>a>[class^="icon-"],.dropdown-submenu:hover>a>[class*=" icon-"]{background-image:none;}
.btn [class^="icon-"].icon-large,.nav [class^="icon-"].icon-large,.btn [class*=" icon-"].icon-large,.nav [class*=" icon-"].icon-large{line-height:.9em;}
.btn [class^="icon-"].icon-spin,.nav [class^="icon-"].icon-spin,.btn [class*=" icon-"].icon-spin,.nav [class*=" icon-"].icon-spin{display:inline-block;}
.nav-tabs [class^="icon-"],.nav-pills [class^="icon-"],.nav-tabs [class*=" icon-"],.nav-pills [class*=" icon-"],.nav-tabs [class^="icon-"].icon-large,.nav-pills [class^="icon-"].icon-large,.nav-tabs [class*=" icon-"].icon-large,.nav-pills [class*=" icon-"].icon-large{line-height:.9em;}
.btn [class^="icon-"].pull-left.icon-2x,.btn [class*=" icon-"].pull-left.icon-2x,.btn [class^="icon-"].pull-right.icon-2x,.btn [class*=" icon-"].pull-right.icon-2x{margin-top:.18em;}
.btn [class^="icon-"].icon-spin.icon-large,.btn [class*=" icon-"].icon-spin.icon-large{line-height:.8em;}
.btn.btn-small [class^="icon-"].pull-left.icon-2x,.btn.btn-small [class*=" icon-"].pull-left.icon-2x,.btn.btn-small [class^="icon-"].pull-right.icon-2x,.btn.btn-small [class*=" icon-"].pull-right.icon-2x{margin-top:.25em;}
.btn.btn-large [class^="icon-"],.btn.btn-large [class*=" icon-"]{margin-top:0;}.btn.btn-large [class^="icon-"].pull-left.icon-2x,.btn.btn-large [class*=" icon-"].pull-left.icon-2x,.btn.btn-large [class^="icon-"].pull-right.icon-2x,.btn.btn-large [class*=" icon-"].pull-right.icon-2x{margin-top:.05em;}
.btn.btn-large [class^="icon-"].pull-left.icon-2x,.btn.btn-large [class*=" icon-"].pull-left.icon-2x{margin-right:.2em;}
.btn.btn-large [class^="icon-"].pull-right.icon-2x,.btn.btn-large [class*=" icon-"].pull-right.icon-2x{margin-left:.2em;}
.nav-list [class^="icon-"],.nav-list [class*=" icon-"]{line-height:inherit;}
.icon-stack{position:relative;display:inline-block;width:2em;height:2em;line-height:2em;vertical-align:-35%;}.icon-stack [class^="icon-"],.icon-stack [class*=" icon-"]{display:block;text-align:center;position:absolute;width:100%;height:100%;font-size:1em;line-height:inherit;*line-height:2em;}
.icon-stack .icon-stack-base{font-size:2em;*line-height:1em;}
.icon-spin{display:inline-block;-moz-animation:spin 2s infinite linear;-o-animation:spin 2s infinite linear;-webkit-animation:spin 2s infinite linear;animation:spin 2s infinite linear;}
a .icon-stack,a .icon-spin{display:inline-block;text-decoration:none;}
@-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);}}@-ms-keyframes spin{0%{-ms-transform:rotate(0deg);} 100%{-ms-transform:rotate(359deg);}}@keyframes spin{0%{transform:rotate(0deg);} 100%{transform:rotate(359deg);}}.icon-rotate-90:before{-webkit-transform:rotate(90deg);-moz-transform:rotate(90deg);-ms-transform:rotate(90deg);-o-transform:rotate(90deg);transform:rotate(90deg);filter:progid:DXImageTransform.Microsoft.BasicImage(rotation=1);}
.icon-rotate-180:before{-webkit-transform:rotate(180deg);-moz-transform:rotate(180deg);-ms-transform:rotate(180deg);-o-transform:rotate(180deg);transform:rotate(180deg);filter:progid:DXImageTransform.Microsoft.BasicImage(rotation=2);}
.icon-rotate-270:before{-webkit-transform:rotate(270deg);-moz-transform:rotate(270deg);-ms-transform:rotate(270deg);-o-transform:rotate(270deg);transform:rotate(270deg);filter:progid:DXImageTransform.Microsoft.BasicImage(rotation=3);}
.icon-flip-horizontal:before{-webkit-transform:scale(-1, 1);-moz-transform:scale(-1, 1);-ms-transform:scale(-1, 1);-o-transform:scale(-1, 1);transform:scale(-1, 1);}
.icon-flip-vertical:before{-webkit-transform:scale(1, -1);-moz-transform:scale(1, -1);-ms-transform:scale(1, -1);-o-transform:scale(1, -1);transform:scale(1, -1);}
a .icon-rotate-90:before,a .icon-rotate-180:before,a .icon-rotate-270:before,a .icon-flip-horizontal:before,a .icon-flip-vertical:before{display:inline-block;}
.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";}


/*---------------------------------------------------------------*/
/* 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: relative;
  max-width: 100%;
  height: 100%;
}



.sticky{}
.bypostauthor{}

.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;
}

strong {
  color: #000;
}

.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: right;
 
    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;
          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 {
  color:#fff;
  background-image: url(images/alert-2.png);
  background-repeat: no-repeat;
  background-position: 20px center;
  .h3 {
    color:#fff;
  }
  .close-parent {

  }
    background-color: #f45b5b !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: #f45b5b;
      border: 1px solid #fff;
    }
}
.woocommerce-info, .alert-info, .info {
  color:#fff;
  background-image: url(images/alert-4.png);
  background-repeat: no-repeat;
  background-position: 20px center;
  .h3 {
    color:#fff;
  }
  .close-parent {

  }
  background-color: #6BCBF5 !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: #6BCBF5;
      border: 1px solid #fff;
    }
}
.alert-block, .warning {
  color:#fff;
  background-image: url(images/alert-3.png);
  background-repeat: no-repeat;
  background-position: 30px center;
  .h3 {
    color:#fff;
  }
  .close-parent {

  }
  background-color: #f3d87a !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: #f3d87a;
      border: 1px solid #fff;
    }
}
.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;
}


/*---------------------------------------------------------------*/
/* Add fonts
/*---------------------------------------------------------------*/
@font-face {
    font-family: 'Aleo-Regular';
    src: url('css/fonts/aleo-regular-webfont.eot');
    src: url('css/fonts/aleo-regular-webfont.eot?#iefix') format('embedded-opentype'),
         url('css/fonts/aleo-regular-webfont.woff') format('woff'),
         url('css/fonts/aleo-regular-webfont.ttf') format('truetype'),
         url('css/fonts/aleo-regular-webfont.svg#aleoregular') format('svg');
    font-weight: normal;
    font-style: normal;

}

@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;
}

.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; 
}

.block-expand() {
}

/*---------------------------------------------------------------*/
/* 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"] {
  -webkit-appearance: none;
  border: none !important;
  background-color: #FFF;
  background-image: url(images/radio-icon.png);
  background-repeat: no-repeat;
  background-position: center center;
  margin-top: 0;
  margin-right: 0;
  padding: 0;
  width: 14px;
  height: 20px;
}

input[type="radio"]:checked {
  background-image: url(images/radio-icon-check.png);
  background-repeat: no-repeat;
  background-position: center center;
}
input[type="checkbox"] {
  -webkit-appearance: none;
  border: none !important;
  background-image: url(images/tick-icon.png);
  padding: 0;
  background-repeat: no-repeat;
  background-position: center center;
  margin-top: 0;
  margin-right: 0;
  width: 16px;
  height: 20px;
}
input[type="checkbox"]:checked {
  background-image: url(images/tick-icon-check.png);
  background-repeat: no-repeat;
  background-position: center center;
}


/*---------------------------------------------------------------*/
/* 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;
}

.table {
  tr:last-child {
    th,
    td {
    }
  }
}

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

/*---------------------------------------------------------------*/
/* Dashed Table
/*---------------------------------------------------------------*/
.table-dashed{
  border:1px dashed #ddd;
  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: #ed1c2e;
  color: #fff;
  border: 1px solid #ed1c2e !important;
  &: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{
  text-decoration: underline;
}

.small {

}

.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 {
    color: #FFF !important;
  }
  &.active{
    color: #fff !important;
    &: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 !important;
  width: 100% !important;
  text-transform: uppercase;
  font-size: 21px !important;
  .border-box();
  .arrow1();
  span:after {
    font-size: 19px;
    margin-left: 10px;
    display: none;
  }
}

#searchform .button{
  padding: 9px 20px;
}
/*---------------------------------------------------------------*/
/* 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 {
    color:white;
    &:hover {
      color:white;
    }
  }
  &.show-panel {
    .transformX(0);
  }
}

.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:-2px;
  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:50%;
  width: 980px;
  margin-left: -490px;
  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;
  }
}

/*---------------------------------------------------------------*/
/* Top bar
/*---------------------------------------------------------------*/
.top-bar {
  position: relative;
  margin: 0;
  font-weight: 200;
  .container {
    position: relative;
    border-bottom: 1px dotted #dbdbdb;
    padding: 4px 0 4px
  }
  label {
    display: inline-block;
    margin-right: 10px;
    margin-bottom: 0;
    line-height: 25px;
    font-weight: 200;
  }
  .row-fluid [class*="span"] {
    min-height: 20px;
  }
  .languages-area {
    float:left;
    line-height: 25px;
  }
  .search {
    float: right;
  }
  .top-links{
    float:right;
    padding-top: 2px;
    margin:4px 40px 0 0;
    padding:0;
    li{
      line-height: 20px;
      a{
        text-transform: uppercase;
        font-size: 12px;
      }
    }
  }
  .wishlist-link{
    margin-top: 3px;
    a{
      font-size: 16px;
      color: #8e8e8e;
      line-height: 20px;
      i:before{
        content: "\e61d" !important;
        font-family: "arrows" !important;
        font-size: 14px;
        -webkit-font-smoothing: auto;
      }
      &:hover{
        text-decoration: none;
      }
      span{
        font-size: 12px;
        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-4 .top-bar .top-links,
.header-type-6 .top-bar .top-links,
.header-type-7 .top-bar .top-links{
  margin-right: 30px;
}

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

.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: left;
  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;
  }
}

.top-bar .top-links li.my-account-link > a{
  padding-bottom: 21px;
}

.header-type-1 .top-bar .shopping-cart-link,
.header-type-2 .top-bar .shopping-cart-link,
.header-type-5 .top-bar .shopping-cart-link,
.header-type-7 .top-bar .shopping-cart-link{
  display: none;
}
.header-type-3 .shopping-cart-link,
.header-type-4 .shopping-cart-link,
.header-type-6 .shopping-cart-link{
  float: right;
  font-size: 12px;
  text-transform: uppercase;
  color: #8E8E8E;
  margin: 0 20px 0 10px;
  position: relative;
  top:1px;
  span{
    display: block;
    margin-left: 5px;
    float: left;
    line-height: 25px;
  }
  &:hover{
    text-decoration: none;
  }
  &:before{
    content: "\e61f";
    font-size: 16px;
    float: left;
    font-family: "arrows";
    color: #8e8e8e;
  }
}
.header-type-6 .shopping-cart-link:before{
  color: #FFF;
}

.header-type-7 .top-bar{
  background-color: #fafafa;
  border-bottom:1px solid #dbdbdb;
  .container{
    border-bottom:none;
    padding: 4px 0;
  }
  .side-area-icon i{
    top:-5px;
    &:before{
      content:"\f0c9" !important;
      font-family: FontAwesome !important;
      font-size: 24px;
      color: #d3d3d3;
    }
  }
  .show-top-panel{
    top:-1px;
  }
  .top-links{
    li{
      a{
        font-size: 12px;
      }
    }
  }
  .wishlist-link{
    a{
      span{
        font-size: 12px;
      }
    }
  }
}
.header-type-6 .side-area-icon i{
  &:before{
    color: #FFF;
  }
  &:hover{
    &:before{
      color: #FFF !important;
    }
  }
}
/*---------------------------------------------------------------*/
/* 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_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";
    font-size: 14px;
    
  }
}

.login-link {
  &:before{
    content: "\e61c";
    font-size: 14px;
   
  }
}

.my-account-link {
   &:before{
   content: "\e61b";
   position: relative;
   top:1px;
   font-size: 14px;
  }
  &:hover{
    text-decoration: none;
  }
}

.register-link {
   &:before{
   content: "\e61b";
   font-family: "arrows";
   position: relative;
   top:1px;
   font-size: 14px;
  }
}

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

.search-link{
  font-size: 0;
  cursor: pointer;
  &:before{
    content: "\e614";
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-size: 14px;
    line-height: 25px;
    font-family: "arrows";
    
    color: #6f6f6f;
    position: relative;
    top:2px;
  }
}

/*---------------------------------------------------------------*/
/* 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;
  .cart-summ {
    > a {
      padding-left: 20px;
      padding-bottom: 25px;
      color:#6f6f6f;
      &:before{
        content: "\e61f";
        font-size: 20px;
        line-height: 10px;
        font-family: "arrows";
        margin-right: 10px;
        color: #6f6f6f;
        position: relative;
        top:1px;
      }
    }
    a:hover {
      text-decoration: none;
    }
    .items {
      text-transform: none;
      display: inline-block;
      height:25px;
      margin: 0 3px;
    }
    .price-summ {
      color: #000;
      .price {
        color:#000;
      }
    }
    .for-label {
      text-transform: none;
    }
    text-transform: uppercase;
  }

	.cart-popup-container{
		position: relative;
	}
  .cart-popup {
    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:10px;
    margin-top: 20px;
    border-top:1px solid #f1f1f1;
    background: white;
    text-align: left;
    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);
    .button {
      width: 48%;
      -webkit-box-sizing: border-box;
      -moz-box-sizing: border-box;
      box-sizing: border-box;
    }
    &:before {
      position: absolute;
      right:40px;
      top:-11px;
      content:"";
      display: block;
      width:22px;
      height:11px;
    }
    &: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:-1em 0 0 2em;
    position:absolute;
    top:0;
    }
    .empty {
      margin: 0;
    }
    .qty{
      font-size: 12px;
    }
  }

  .totals {
    text-align:right;
    margin-bottom: 20px;
    font-size:16px;
    position: relative;
    top:-1px;
    text-transform: uppercase;
    font-family: @font;
    color: @headingsColor;
    .items {
      display: none;
    }
    .price {
      font-size:24px;
    }
  }

  &:hover {
    .cart-popup { 
      margin-top: 0;
      opacity: 1;
      visibility: visible;
    }
  }
}
.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: "";
        }
        
      }
      dt {
        &:before {
          
        }
      }
    }
  }
}
.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;
    }
  }
 }


}
.boxed .search{
  
}
.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: left;
      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%;
-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;
  }
  .block-expand();
  .site-description {
    float: left;
    width: 335px;
    text-align: left;
    padding: 15px 0;
  }
  .logo {
    display: table-cell;
    vertical-align: middle;
    width: 300px;
    img{
      max-width: 300px;
    }
  }
  .search-center {
    display: none;
    
  }
  .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;
  .block-expand();
  .site-description {
    display: none;
  }
  .logo {
    display: table-cell;
    vertical-align: middle;
    float: none;
    width: 100%;
    img{
      max-width: 300px;
    }
  }
  .search {
    display: none;
  }
  .shopping-cart-widget {
    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: left;
        }
      }
    }
  }
}

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

.header-type-6 {
  .top-bar {
    a {
      color:white;
      &:hover {
        color:white;
      }
    }
    li {

      &:before {
        color:white;
      }
    }
    .container {
      border: none;
    }
    .search-link{
      &:before{
        color: #FFF;
      }
    }
  }
}
.header-type-6 .top-bar .top-links .submenu-dropdown ul li a,
.header-type-7 .top-bar .top-links .submenu-dropdown ul li a,
.header-type-6 .top-bar .top-links .submenu-dropdown ul li:before,
.header-type-7 .top-bar .top-links .submenu-dropdown ul li:before{
  color: #8e8e8e;
}
.header-type-6 .top-bar .top-links .submenu-dropdown ul li a:hover,
.header-type-6 .top-bar .top-links .submenu-dropdown ul li:hover:before,
.header-type-7 .top-bar .top-links .submenu-dropdown ul li a:hover,
.header-type-7 .top-bar .top-links .submenu-dropdown ul li:hover:before{
  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{
    width: 100% !important;
  }
  .header .search{
    position: absolute;
    -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;
  .block-expand();
  .site-description {
    display: none;
  }
  .search-left {
    display: none !important;
  }
  .search {
    display: table-cell;
    vertical-align: middle;
    float: none;
    text-align: center;
    .button {
      margin-left: -40px;
    }
    input[type="text"]{
      width: 230px;
    }
    .site-description {
      margin-bottom: 2px;
      display: block;
    }
  }
  .logo {
    display: table-cell;
    vertical-align: middle;
    text-align: left;
    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: left;
        }
      }
    }
      
  }
}

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

.header-type-3,
.header-type-4 {
  .top-bar {
    background: none;
    .container {
      border: none;
      padding: 4px 20px;
      -webkit-box-sizing: border-box;
         -moz-box-sizing: border-box;
              box-sizing: border-box;
    }
  }
  > .container{
    display: table;
    .menu-wrapper{
      display: table-row;
    }
  }
  .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: right;
      float: none;
      margin-right: 40px;
      > 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: auto;
                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: left;
        }
      }
    }
      
  }
}

.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;
  }
/*---------------------------------------------------------------*/
/* Fixed header
/*---------------------------------------------------------------*/

.fixed-header-area {
  position: fixed;
  top:-160px;
  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{
      display: table;

      .menu-wrapper{
        display: table-row;
      }
    }
    .logo-with-menu{
      display: table-cell;
      width: 184px;
      margin:8px 0;
    }
    .logo-with-menu+div+div{
      display: table-cell;
      vertical-align: middle;
    }
    .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;
  }

  h4{
    em{
      
    }
  }
}

.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: 13px 5px;
      text-transform: uppercase;
      font-weight: 400;
      &:after{
        content:"";
        position: absolute;
        width: 100%;
        height: 50px;
        bottom: -20px;
        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 {
              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: 15px;
                position: absolute;
                right: 10px;
                margin-left: 13px;
                background: url(images/shortcodes-arrow-right.png) no-repeat;
                margin-top: 5px;
              }
            }
            .nav-sublist{
              position: absolute;
              left:199px;
              top:0;
              li {
                background-color: rgba(255, 255, 255, 0.95);
                width: 200px;
              }
              a{

              }
            }
            &:hover{
              > .nav-sublist{
                display: block;
              }
            }

            .nav-sublist{
              display: none;
            }
          }
        }

      }
      .menu-parent-item li:before {

      }
    }
    &.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%;
              *width: 18.297%;
              &.et-col12 {
                width: 100%;
                *width: 99.94680851063829%;
              }
              &.et-col11 {
                width: 91.48936170212765%;
                *width: 91.43617021276594%;
              }
              &.et-col10 {
                width: 82.97872340425532%;
                *width: 82.92553191489361%;
              }
              &.et-col9 {
                width: 74.46808510638297%;
                *width: 74.41489361702126%;
              }
              &.et-col8 {
                width: 65.95744680851064%;
                *width: 65.90425531914893%;
              }
              &.et-col7 {
                width: 57.44680851063829%;
                *width: 57.39361702127659%;
              }
              &.et-col6 {
                width: 48.93617021276595%;
                *width: 48.88297872340425%;
              }
              &.et-col5 {
                width: 40.42553191489362%;
                *width: 40.37234042553192%;
              }
              &.et-col4 {
                width: 31.914893617021278%;
                *width: 31.861702127659576%;
                
              }
              &.et-col3 {
                width: 23.404255319148934%;
                *width: 23.351063829787233%;
              }
              &.et-col2-5 {
                width: 18.297%;
                *width: 18.297%;
              }
              &.et-col2 {
                width: 14.893617021276595%;
                *width: 14.840425531914894%;
              }
              
              &.et-col1 {
                width: 6.382978723404255%;
                *width: 6.329787234042553%;
              }
              > 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: 2.127659574468085%;
  }
  .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 > a:after,
.menu ul > li.badge-sale > a:after,
.menu ul > li.badge-hot > a:after {
  position: relative;
  padding: 2px 20px;
}
.menu ul > li.badge-new:hover > a:after,
.menu ul > li.badge-sale:hover > a:after,
.menu ul > li.badge-hot:hover > a:after {
  text-decoration: none !important;
}
.menu ul > li.badge-new > a:after {
  content: '';
  background-image: url(images/new-icon.png);
  background-repeat: no-repeat;
  background-position: center center;
  text-decoration: none !important;
}
.menu ul > li.badge-hot > a:after {
  content: '';
  background-image: url(images/hot-icon.png);
  background-repeat: no-repeat;
  background-position: center center;
  text-decoration: none !important;
}
.menu ul > li.badge-sale > a:after {
  content: '';
  background-image: url(images/sale-icon.png);
  background-repeat: no-repeat;
  background-position: center center;
  text-decoration: none !important;
}
 
.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;
      }
    }
  }
}


.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;
}

.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: left;
    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
/*---------------------------------------------------------------*/

.wide .page-wrapper {

}
.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: 22px;
  float: right;
  line-height: 25px;
  margin-left: 20px;
  position: absolute;
  right:0;
  top:10px;
  color:#ccc;
  i{
    position: absolute;
    right: 0;
    &:before{
      content: "\f0c9" !important;
      font-family: FontAwesome !important;
      font-size: 24px;
      color: #d3d3d3;
    }
  }
}

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

}

.header-type-5 .side-area-icon i{
  color: #afafaf !important;
}

.shown-side-area{
  .side-area-icon{
    width: 100%;
    height: 100%;
    position: absolute;
    z-index:10010;
    i{
      display: none;
    }
  }
.mobile-nav-shown {
  .menu-icon{
    width: 98%;
    height: 100%;
    position: absolute;
    z-index:10010;
    i{
      display: none;
    }
  }
}
  .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;
  }
}

.page-wrapper{ 
    &:after{

    }
}

.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 {
  cursor: pointer;
  font-size: 28px;
  float: left;
  line-height: 28px;
  margin-left: 20px;
  position: absolute;
  right: 0;
  top: 16px;
  color: #ccc;
  i {
    &:before{
      font-size: 28px;
    }
  }
}
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;
}


.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-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: left;
    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 {
  .widget-title {
    border-top: 1px solid #e6e6e6;
    border-left: 1px solid #e6e6e6;
    border-right: 1px solid #e6e6e6;
    padding:10px;
  }
  margin-bottom: 20px;
  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;
      &:hover {
      }
    }
  }
}

/*---------------------------------------------------------------*/
/* 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:-2px;
      }
    }
  }
}

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

.breadcrumbs{
  position: relative;
  text-transform: uppercase;
  .back-to{
    span{
      display:none;
    }
    top: -33px !important;

    &: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: left;
    .back-to{
      top:0 !important;
    }
  }
  .woocommerce-breadcrumb{
    text-align: left;
  }
}

.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 {
    display: none!important;
  }
}

.sidebar-position-right {
  .sidebar-left {
    display: none!important;
  }
}

.sidebar-position-without {
  .sidebar {
    display: none!important;
  }
}

.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;
}

.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;
    }
  }
  
  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 {
  -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;
      opacity: 0.7;
    }
  }
  &:hover:after {
    
  }
  img{
   
  }
}


.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: 15px 0 0 15px;
  -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;
      }
}
#commentform {
  .form-submit {
  }
}

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

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

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

.product-categories {
  padding-left: 0;
  > li  {
    > a {
      margin-bottom: 5px;
      text-transform: uppercase;
    }
    > ul {
      padding-left: 20px;
      li{
        > a+span{
          
        }
      }
    }
    &.current-cat > a {
    }
    &.opened {
      .open-this {
        color:#6f6f6f;
        font-family: @font2;
        font-weight: 300;
        &:hover{
          border-color:#ed1c2e;
          color: #ed1c2e;
        }
      }
    }
  }
  .children{
    li.current-cat{
      color:#fc5a5a;
      a{
        color:#fc5a5a;
      }
      span{
        color: #fc5a5a;
      }
    }
  }
  .open-this {
    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;
    &:first-child {
    }
    > a {
      font-size:13px;
    }
    span{
      cursor: pointer;
      &:hover{
        color: #ed1c2e;
      }
    }
  }
}
.product-categories > li > ul > li > a:hover,
.product-categories > li > ul > li > a:hover + span,
.product-categories ul.children li > a:hover,
.product-categories ul.children 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;
        -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;
}
/*---------------------------------------------------------------*/
/* 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: left;
    display: block;
  }
  img {
    float:left;
    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;
    .star-rating {
      display: none;
    }
    margin-bottom: 15px;
  }
}

.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); 
        }
        a{
          
        }
      }
      .count {
        
        display: inline-block;
        padding-right: 11px;
        font-size:12px;

        &:before {
          font-size:11px;
          content:" ("
        }
        &:after {
          font-size:11px;
          content:")"
        }
      }
      
      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;
        &:before{
         
        }
        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: 63px;
  height: 63px;
  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 */

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

	.et-tweets {
		list-style: none;
		padding: 0;
		margin: 0 auto 30px auto;
	}
	
	.et-tweet {
		
	}
	
	.et-tweets.owl-carousel {
		
	}
	
	.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 {
		
	}
	
	.et-tweets.owl-carousel .owl-prev,
	.et-tweets.owl-carousel .owl-next {
		position: absolute;
		top:50%;
		left:0;
		margin-top: -18px;
		/*display: none;*/
	}
	
	.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
/*---------------------------------------------------------------*/

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

	.et-brands {
		list-style: none;
		padding: 0;
		margin: 0 auto 30px auto;
	}
	
	.et-brands {
		
	}
	
	.et-brands.owl-carousel {
		
	}
	
	.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 {
		
	}
	
	.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: 5px;
    margin-left: 10px;
    margin-bottom: 10px;
  }
  .view-switcher label{
    display: none;
  }

  .switchToGrid, .switchToList{
    font-size: 14px;
    float: left;
    padding: 0;
    margin-left: 3px;
    cursor: pointer;
    background-image: url(images/switch-sprite.png);
    background-repeat: no-repeat;
    i{
      display: none;
    }
  }
  .switchToGrid{
    width: 23px;
    height: 20px;
    background-position: 0 -1px;
    background-color: #ebebeb;
    margin-right: 5px;
    &:hover,
    &.switcher-active{
     
    }
  }
  .switchToList{
    width: 23px;
    height: 20px;
    background-position: 0 bottom;
    background-color: #ebebeb;
    &:hover,
    &.switcher-active{
      
    }
  }
}

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

.toolbar.toolbar-bottom {
  margin-bottom: 0;
}

.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;
}
/*---------------------------------------------------------------*/
/* Product Grid for different products number per row
/*---------------------------------------------------------------*/

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


// Products Grids mixins

.tabletTwoProducts() {
  
  @media (max-width: 979px) {
    .product {
      width:48%;
      margin-left: 4%;
    }
    .product:nth-child(5n+1),
    .product:nth-child(4n+1),
    .product:nth-child(3n+1) {
      clear:none!important;
      margin-left: 4%;
        &:first-child {
          margin-left: 0!important;
        }
    }
    .product:nth-child(2n+1) {
      clear: both!important;
      margin-left: 0!important;
    }
  }
  
}

.tabletThreeProducts() {
  /*
  @media (max-width: 979px) {
    .product {
      width:30%;
      margin-left: 5%;
    }
    .product:nth-child(5n+1),
    .product:nth-child(2n+1) {
      clear:none!important;
      margin-left: 5%!important;
        &:first-child {
          margin-left: 0!important;
        }
    }
    .product:nth-child(3n+1) {
      clear: both!important;
      margin-left: 0!important;
    }
  }
  */
}

.phoneOneProduct() {
  
  @media (max-width: 479px) {
    .product:nth-child(n) {
      width: 100%;
      margin-left: 0!important;
      .border-box();
    }
  }
  
}

// 6 columns without sidebar
@media (max-width:1199px){
  .products-grid.product-count-6 {
    .product {
      width: 170px;
    }
    .product:nth-child(5n+1) {
      clear: both;
      margin-left: 0;
    }
    .tabletTwoProducts();
    .phoneOneProduct();
  }
}

@media (min-width: 1200px){
  .products-grid.product-count-6 {
    .product {
      width: 170px;
    }
    .product:nth-child(6n+1) {
      clear: both;
      margin-left: 0;
    }
  }
}
// 5 columns

.products-grid.product-count-5 {
  .product {
    width: 122px;
  }
  .product:nth-child(5n+1) {
    clear: both;
    margin-left: 0;
  }
  .tabletTwoProducts();
  .phoneOneProduct();
}

// 5 columns without sidebar

.sidebar-position-without {
  .products-grid.product-count-5 {
    .product {
      width: 172px;
    }
    .tabletTwoProducts();
    .phoneOneProduct();
  }
}
// 4 columns

.products-grid.product-count-4 {
  .product {
    width: 158px;
  }
  .product:nth-child(4n+1) {
    clear: both;
    margin-left: 0;
  }
  .tabletTwoProducts();
  .phoneOneProduct();
}

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

// 4 columns without sidebar

.sidebar-position-without {
  .products-grid.product-count-4 {
    .product {
      width: 218px;
    }
    .tabletTwoProducts();
    .phoneOneProduct();
  }
}

// 3 columns

.products-grid.product-count-3 {
  .product {
    width: 218px;
  }
  .product:nth-child(3n+1) {
    clear: both;
    margin-left: 0;
  }
  .tabletTwoProducts();
  .phoneOneProduct();
}

// 3 columns without sidebar

.sidebar-position-without {
  .products-grid.product-count-3 {
    .product {
      width: 298px;
    }
    .tabletTwoProducts();
    .phoneOneProduct();
  }
}


// 2 columns

.products-grid.product-count-2 {
  .product {
    width: 218px;
  }
  .product:nth-child(2n+1) {
    clear: both;
    margin-left: 0;
  }
  .tabletTwoProducts();
  .phoneOneProduct();
}

// 2 columns without sidebar

.sidebar-position-without {
  .products-grid.product-count-2 {
    .product {
      width: 460px;
    }
    .tabletTwoProducts();
    .phoneOneProduct();
  }
}

/*---------------------------------------------------------------*/
/* 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:1px solid #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{
      margin-bottom: 10px;
    }
    .product-excerpt{
      p{
        margin-bottom: 10px;
      }
    }
  }
  .product-image-wrapper {
    position: relative;
    text-align: left;
    .product-mask {
      position: absolute;
      top: 0;
      left: 0;
      z-index: 101;
      width: 100%;
      height: 100%;
      color: white;
      padding: 10px;
      background: rgba(0,0,0,0.4);
      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;
      .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:white;
          &:hover {
            text-decoration: none;
          }
        }
      }
    }
    &:hover {
      .product-mask {
        opacity: 1;
      }
    }
  }
}

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

.product-loop.product-count-5 .product .product-image-wrapper .product-mask,.product-loop.product-count-5 .product .added-text{
  display: none;
}

.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;
        
      }
      img.hide-image {
       
      }
      &: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
{
  background:url(images/star-active.png) repeat-x left 0;
}

p.stars span a.active,p.stars span a.active
{
  background:url(images/star-active.png) repeat-x left 0;
  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: left;
  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-name a:hover {
}
.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;
  }
  img{
    float: left;
  }
}
.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;
  background: url(images/star-inactive.png) repeat-x center left;
  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;
          img {
            /*
            top:50%;
            -webkit-transform: translateY(-50%);
            -moz-transform: translateY(-50%);
            -ms-transform: translateY(-50%);
            -o-transform: translateY(-50%);
            transform: translateY(-50%);*/
          }
        }
      }
    }
  }
  .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: right;
      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;
      }
      .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%;
      }
    }
    .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;
    }
    .single_add_to_cart_button {
    }
    .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;
        padding-right: 20px;
        padding-left: 20px;
        img {
          max-width: 60px;
        }
        &:last-child {
          border-bottom: 0;
          padding-bottom: 0;
        }
      }
    }
  }

}
  /* Etheme Social Icons*/
  .share-title{
    font-size: 14px;
    text-transform: uppercase;
    color: #000000;
    width: 100%;
    float: left;
    padding-bottom: 5px;
    text-align: left;
    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 {
    margin-bottom: 0;
  }
  .product-info {
    margin-bottom: 0;
  }
  .product-name {
    margin-bottom: 0;
  }
  .button{
    float: left !important;
  }
  .yith-wcwl-add-button{
    float: left;
  }
}
.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: 380px;
  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: 10px !important;
    text-transform: uppercase;
    a{
      float: left;
      text-transform: uppercase;
    }
  }
  .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;
}

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

.add_to_wishlist{
  display: block;
  margin-left: 15px;
  margin-top: 15px;
}

.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;
  }
}

.variations_button {
  .single_add_to_cart_button {
  }
}

.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 10px 0 0;
  }
}

.quantity{
  position: relative;
  float: left;
  width: 65px !important;
  padding-right: 0 !important;
  height: 40px;
  input[type="button"]{
    position: absolute;
    right:0 !important;
    width: 27px !important;
    height: 21px !important;
    padding: 0 !important;
    border:1px solid #ddd !important;
    color: #000;
    background-color: #FFF !important;
    &:hover{
      color: #fff;
      background-color: #333 !important;
      text-decoration: none;
    }
    &:focus{
      color: #fff !important;
      background-color: #333!important;
      &:hover{
        color: #FFF !important;
        background-color: #333 !important;
      }
    }
  }
    input[type="number"]{
      width: 45px !important;
      height: 40px !important;
      padding-right: 5px;
      border:1px solid #ddd !important;
    }
  .minus{
    bottom:0 !important;
    margin-right: 0 !important;
    -webkit-border-radius: 0px !important;
            border-radius: 0px !important;
  }
  .plus{
    top:0 !important;
    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;
  }
}

.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: left;
  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 {
    .amount {
      color: @headingsColor;
      font-size:16px;
      font-family: @font2;
    }
  }
  .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: left;
    font-size: 17px;
    margin-bottom: 6px;
    text-transform: uppercase;
    font-family: @font;
    color: #000;
  }
  .button {
    margin-top: 10px;
    &:hover {
      
    }
  }
}

.woocommerce-shipping-calculator {
  width: 230px;
  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;
    }
  }
  
}

.cart_totals{
  h2{
    float: left;
    font-size: 18px !important;
  }
  table{
    float: left;
    +p{
      float: left;
    }
  }
  .order-total{
    th{
      text-transform: uppercase;
      font-family: @font;
      font-size: 18px;
    }
    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!important;
    }
  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-calculator-button i{
  &:hover{
    i{
    }
  }
}

#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: right;
      float: right;
      margin-left: 0;
      h4{
        text-align: left;
        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: 15px;
    }
  }
}

.woocommerce-checkout-payment .place-order{
	.button{
		display: none;
	}
}

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

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

  }
}

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

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

.checkout-steps {
  .checkout-step {
    margin-bottom: 20px;
    display: none;
    &.active {
    }
    .step-title {
      padding: 30px 0;
      margin-bottom: 30px;
      border-top:1px solid #ebebeb;
      border-bottom:1px solid #ebebeb;
    }
  }
  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;
      &:hover {
  
      }
    }
    &: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 {
  display: none;
}

#step2 {
  display: none;
}

// step 4


//step 5
#step5 {
  .step-title {
    border-bottom: 0;
    margin-bottom: 0;
  }
  .shop_table {
    tr:last-child {
      td,th {
        border-bottom: 1px solid #ebebeb;
      }
    }
  }
}

/*---------------------------------------------------------------*/
/* 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"]{
  width: 100%;
}

#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;
  }
}

#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: left;
        }
        .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 {
  width: 90%;
  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%);
}

#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 {
  max-width: 260px;
  margin-right: 20px;
  float: left;
}
.blog-post {
  margin-bottom: 30px;
  padding-bottom: 20px;
  border-bottom: 1px solid #ebebeb;
  &: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;
    }
  }


  /*---------------------------------------------------------------*/
  /* 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:70px;
      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);
  }
}
@-ms-keyframes spin {
  0% {
    -ms-transform: rotate(0deg);
  }
  100% {
    -ms-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;
  &.center {
  }
}

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

.post-images {
  position: relative;
  .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;
}


.posted-by {

}

.post-comments-count {
}

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


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

.post-single {
  margin-bottom: 20px;
  /* Etheme Social Icons*/
  .post-share {
    text-align: right;
    border: 1px solid #ebebeb;
    margin-bottom: 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
/*---------------------------------------------------------------*/

.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-block {
    }
    .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 {
  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-date {
    display: inline-block;
  }
}

.comment-reply {
  display: inline-block;
}

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

.required {
  color: #e00016;
}

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

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

#reply-title a {
  font-size: 16px;
  font-weight: normal;
}

.featured-posts {
  margin-bottom: 30px;
  position: relative;
  .show-all-posts {
    position: absolute;
    right: 0;
    top: 5px;
    font-size: 11px;
    font-family: Georgia;
    color: #a7a9aa;
    text-transform: uppercase;
    letter-spacing: 1px;
    text-decoration: none !important;
  }
}
.featured-posts .featured-post {   
}
.featured-posts .featured-post .post-info {
  margin-bottom: 10px;
}
.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 {
          color:#6f6f6f;
        }
        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-title {
          padding:30px 20px;
        }
        &.row-price {
          padding:10px;
        }
        &:last-child {
          padding:30px 20px;
        }
      }
    }
    &:first-child {
      margin-left: 0;
    }
  }
  &.style2 {
    ul {
      li {
        &.row-price {
          background: #333333;
          color:#ffffff;
          border-color:#464646;
          font-size: 30px;
          sup {
            font-size:18px;
            font-family: @font;
            color:#bababa;
            top:-0.4em;
            margin:0 4px 0 4px;
            font-weight: normal;
          }
          sub {
            font-size:12px;
            font-family: @font2;
            color:#6a6a6a;
            margin:0 4px 0 -24px;
            bottom:-5px;
          }
        }
      }
      &.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;
          font-size: 30px;
          sup {
            font-size:18px;
            font-family: @font;
            color:#6f6f6f;
            top:-0.4em;
            margin:0 4px 0 4px;
            font-weight: normal;
          }
          sub {
            font-size:12px;
            font-family: @font2;
            color:#6f6f6f;
            margin:0 4px 0 -24px;
            bottom:-5px;
          }
        }
      }
    }
  }
  &.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: left;
    }
  }
}

.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;
  text-align: center;
  margin-bottom: 40px;
  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 {
  .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 #contact-form label {
}

.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{
  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;
      }
    }
     &:hover{
    }
  }

}

 .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;
    }
  }
  .block-expand();
  .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: left;
      padding: 0;
    }
  }
}
/*---------------------------------------------------------------*/
/* Footer
/*---------------------------------------------------------------*/
.footer {
  font-size: 12px;
  .container {
    padding-top: 30px;
    padding-bottom: 30px;
    border-top: 1px solid #dbdbdb;
  }
  .block-expand();
  .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 {
    color:#fff;
  }
  a {
    color:#8b8b8b;
    &:hover {
      color:white;
    }
  }
  .container {
    border:none;
  }
}

.footer.footer-bottom-3 {
  .container {
    border-top: 1px solid #616161;
  }
}

.copyright.copyright-3,
.copyright.copyright-2 {
  background: #343434;
  border-top: 1px solid #333536;
  color:#8b8b8b;
  h1,h2,h3,h4,h5,h6,
  a {
    
  }
  .container {
    border:none;
  }
}

.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:white;
  }
  .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;
  }
  .block-expand();
  .logo-small {
    margin:0px 15px 0 0;
    max-width: 180px;
  }
  p {
    margin-bottom: 0;
  }
  a{
    &:hover {
    }
  }
  .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;
    border-left-radius: none !important;
    -webkit-border-left-radius: none !important;
    border-right-radius: none !important;
    -webkit-border-right-radius: none !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;
  }
}

.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();
  }
}

.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;
  }
}

.right-bar .left-titles .tab-title-left.opened{

}

#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 {
  position: relative;

  float: left;
  width: 100%;

  &.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;
            cursor: default!important;
            opacity: 1!important;
            color: #a2a2a2!important;
          }
        }
        &:before {
          cursor: default!important;
          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;
        }
        .show-quickly{
          display: none;
        }
        .woocommerce-price-suffix{
          width: 100%;
          text-align: center;
          float: left;
          line-height: 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;
        }
      }
    }
    &.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;
            cursor: default!important;
            opacity: 1!important;
            color: #a2a2a2!important;
          }
        }
        &:before {
          cursor: default!important;
          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:75px;height:100px; 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 {

}

.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;
  }
  &:first-child {
    /*border-top:1px solid #e6e6e6;*/
  }
  &.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-small,
  &.ico-style-large,
  &.ico-style- {
	  i {
	  	background: none!important;
	  }
  }
  
  &.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-fade {
    -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;
  }
}
.single-product-sidebar,
.sidebar{
  .banner{
    .banner-content{
    }
  }
}

.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();
    /*&:before{
      content: "";
      position: absolute;
      width: 100%;
      z-index: 1;
      height: 100%;
      z-index: -1;
      background-color: rgba(255,255,255,0.4);
      top: -6px;
      left: -7px;
      border: 1px solid #444;
      padding: 6px
    }*/
}

.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}

.product-thumbnails-slider .flex-viewport{

}
/* Direction Nav */
.flex-direction-nav {*height: 0;}
.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;background-color: rgba(255, 255, 255, 0.8);}
.product-thumbnails-slider .flex-direction-nav{
  visibility: hidden;
}
.product-thumbnails-slider:hover .flex-direction-nav{
  visibility: visible;
}

.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;
    }
}
 .flex-direction-nav .flex-next{
  &: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;
    }
}
 .flex-direction-nav .flex-prev{
  &: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: 2px;
    }
}
.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;}
.flex-direction-nav .flex-next { background-position: right bottom; right: 0; opacity: 1;}
.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;
    padding: 3px;
    background-color: white;
    right:0;
  }
  .pp_contract,
  .pp_expand {
    top: -57px;
    padding: 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 {
    text-align:center;
    margin: 20px auto 20px;
    font-family:Georgia;
}
.et-timer .timer-devider {
    font-size:50px;
    line-height:90px;
    display: inline-block;
    font-weight:300;
    color:#000000;
    float:left;
    margin:0 3px;
}
.et-timer .time-block {
    border:1px solid #e7e7e7;
    width:100px;
    height:100px;
    color:#a4a5a6;
    font-size:20px;
    display: inline-block;
    font-weight:100;
    float:left;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
}
.et-timer .time-block span {
    font-size:60px;
    line-height: 1;
    margin-bottom: -10px;
    color:black;
    font-weight:300;
}
/*---------------------------------------------------------------*/
/* Promo popup
/*---------------------------------------------------------------*/
.white-popup-block {
    background: #fff;
    border:5px solid #efefef;
    padding: 20px 30px 5px;
    text-align: left;
    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 [class*="span"] {
      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-prev {
}

.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;
}

.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: left;
  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: left;
  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 {
  
  /* 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 {
      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;
	
}
.swiper-slide-visible {
	/* Specific visible slide styling: */	

}
/* ===============================================================
Pagination Styles
================================================================*/
.swiper-pagination-switch {
	/* Stylize pagination button: */	

}
.swiper-active-switch {
	/* Specific active button style: */	
	
}
.swiper-visible-switch {
	/* Specific visible button style: */	
	
}

/*---------------------------------------------------------------*/
/* 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: left;
	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;} }
@-ms-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-volume-button {
}

.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 {
	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-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: #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));
}

.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 {
}

.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;
}

.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 12px;
  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 img,.woocommerce ul.product_list_widget li img,.woocommerce-page ul.cart_list li img,.woocommerce-page ul.product_list_widget li img
{
}

.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;
}

.admin-bar .demo_store{display: none;}
.legenda-top {
  margin-top: 45px;
}
.prefooter .double-border > p {
  display: none;
}