/*
  Wave CSS - Commerce Style Sheet
  Responsive CSS Framework for ecommerce
  www.wavecss.com
  11/2014
  Version: v1
*/

/* Reset */
html, body, div, span, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
abbr, address, cite, code,
del, dfn, em, img, ins, kbd, q, samp,
small, strong, sub, sup, var,
b, i,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, figcaption, figure,
footer, header, hgroup, menu, nav, section, summary,
time, mark, audio, video{margin:0;padding:0;border:0;outline:0;font-size:100%;vertical-align:baseline;}
body{line-height:1;margin: 0px;font-family: "Helvetica Neue", "Helvetica", Helvetica, Arial, sans-serif !important;}
article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block;}
nav ul{list-style:none;}
blockquote, q{quotes:none;}
blockquote:before, blockquote:after, q:before, q:after{content:'';content:none;}
a{margin:0;padding:0;font-size:100%;vertical-align:baseline;background:transparent;}
ins{background-color:#ff9;color:#000;text-decoration:none;}
mark{background-color:#ff9;color:#000;font-style:italic;font-weight:bold;}
del{text-decoration: line-through;}
abbr[title], dfn[title]{border-bottom:1px dotted;cursor:help;}
table{border-collapse:collapse;border-spacing:0;}
hr{display:block;height:1px;border:0;border-top:1px solid #cccccc;margin:1em 0;padding:0;}
input, select{vertical-align:middle;}

/* Global */
*, *:after, *:before {-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;}
.row:before, .row:after {content:"";display:table;clear:both;}
.radius{border-radius: 4px; overflow: hidden;}
.rounded{border-radius: 10px;overflow: hidden;}

/* Alignment */
.text-center{text-align: center !important;}
.text-left{text-align: left !important;}
.text-right{text-align: right !important;}

/* Panels */
[class*='panel'] h1, [class*='panel'] h2, [class*='panel'] h3, [class*='panel'] h4, [class*='panel'] h5, [class*='panel'] h6{line-height: 1;margin-bottom: 0.55556rem;color: #333333;font-weight: normal;}
.panel-simple{background: #f3f3f3; border: 1px solid #c0c0c0; padding: 15px; text-align:left !important;}
.panel-content{border: 1px solid #c0c0c0; text-align:left !important;}
.panel-head{background: #f3f3f3; padding: 10px 10px;}
.panel-body{padding: 10px;}
.panel-footer{background: #f3f3f3; padding: 10px;}

/* Titles */
.page-title{padding-bottom: 9px;margin: 40px 0 20px;border-bottom: 1px solid #eee; font-size: 36px;}

/* Buttons, Links and Ghosts Buttons */
.btn{text-align: center; padding: 8px; font-size: 15px; color: #333; border:0; box-shadow: 0 0 5px 0 #ccc; text-transform: capitalize; outline: none; cursor: pointer; text-decoration: none; margin: 1.1111rem 0 1.1111rem 0}

[class*='btn-']{transition: background-color 0.5s ease;}

.btn-buy{background:#5cb85c; color:#fff;}
.btn-buy:hover{background-color: #7ad07a;}

.btn-sent{background:#1485e7; color:#fff;}
.btn-sent:hover{background:#3f98e4;}

.btn-warning{background:#efa338; color:#fff;}
.btn-warning:hover{background:#eeb76a;}
.btn-error{background:#ed3333; color:#fff;}
.btn-error:hover{background:#eb5555;}

.btn-ghost-black{background-color: transparent; border: 2px solid #000; box-shadow: 0 0 0 0;}
.btn-ghost-black a, .btn-ghost-black a:active, .btn-ghost-black a:active{color: #000;}
.btn-ghost-black:hover{background-color: rgba(156, 156, 156, 0.5);}

.btn-ghost-white{background-color: transparent; color:#fff; border: 2px solid #fff; box-shadow: 0 0 0 0;}
.btn-ghost-white a, .btn-ghost-white a:active, .btn-ghost-white a:visited{color: #fff;}
.btn-ghost-white:hover{background-color: rgba(255, 255, 255, 0.5);}

/*Font sizes*/
.font-12{font-size: 12px;}
.font-14{font-size: 14px;}
.font-16{font-size: 16px;}
.font-18{font-size: 18px;}
.font-20{font-size: 20px;}
.font-22{font-size: 22px;}
.font-24{font-size: 24px;}
.font-26{font-size: 26px;}
.font-28{font-size: 28px;}
.font-30{font-size: 30px;}


/* Small */
@media only screen and (max-width: 640px) {
.MainContainer{width:100%; margin: 0px auto; padding: 0 10px; box-sizing: border-box;}
body{background: transparent;}

/* Visibility */
.hide-small{display:none}
.show-small{display:block !important;}

/* Alignment */
.text-small-center{text-align: center !important;}
.text-small-left{text-align: left !important;}
.text-small-right{text-align: right !important;}

/* Columns */
[class*='col-small-']{float: left;min-height: 1px;padding: 0px 10px 5px 10px;background-color: transparent;text-align: center;margin: 0;}
.collapse > [class*='col-small-']{padding: 0px !important;}
.col-small-1, .col-small-2, .col-small-3, .col-small-4, .col-small-5, .col-small-6, .col-small-7, .col-small-8, .col-small-9, .col-small-10, .col-small-11, .col-small-12 {float: left;}
.col-small-12{width:100%;}
.col-small-11{width:91.66667%;}
.col-small-10{width:83.33333%;}
.col-small-9{width:75%;}
.col-small-8{width:66.66667%;}
.col-small-7{width:58.33333%;}
.col-small-6{width:50%;}
.col-small-5{width:41.66667%;}
.col-small-4{width:33.33333%;}
.col-small-3{width:25%;}
.col-small-2{width:16.66667%;}
.col-small-1{width:8.33333%;}
} 


/* Medium */
@media only screen and (min-width: 641px) { 
.MainContainer {width: 100%;margin: 0 auto; padding: 0 17px; box-sizing: border-box;}
body{background: transparent;}

/* Visibility */
.hide-medium{display:none}
.show-medium{display:block !important;}

/* Alignment */
.text-medium-center{text-align: center !important;}
.text-medium-left{text-align: left !important;}
.text-medium-right{text-align: right !important;}

/* Columns */
[class*='col-medium-']{float: left;min-height: 1px; padding: 0px 10px 5px 10px;background-color: transparent;text-align: center; margin: 0;}
.collapse > [class*='col-medium-']{padding: 0px !important;}
.transparent > [class*='col-medium-']{background: transparent !important;}
.col-medium-1, .col-medium-2, .col-medium-3, .col-medium-4, .col-medium-5, .col-medium-6, .col-medium-7, .col-medium-8, .col-medium-9, .col-medium-10, .col-medium-11, .col-medium-12 {float: left;}
.col-medium-12{width:100%;}
.col-medium-11{width:91.66667%;}
.col-medium-10{width:83.33333%;}
.col-medium-9{width:75%;}
.col-medium-8{width:66.66667%;}
.col-medium-7{width:58.33333%;}
.col-medium-6{width:50%;}
.col-medium-5{width:41.66667%;}
.col-medium-4{width:33.33333%;}
.col-medium-3{width:25%;}
.col-medium-2{width:16.66667%;}
.col-medium-1{width:8.33333%;}
} 


/* Large */
@media only screen and (min-width: 1025px) { 
.MainContainer {width: 1008px;margin: 0 auto;padding: 0 17px; box-sizing: border-box;}
body{background: transparent;}

/* Visibility */
.hide-large{display:none}
.show-large{display:block !important;}

/* Alignment */
.text-large-center{text-align: center !important;}
.text-large-left{text-align: left !important;}
.text-large-right{text-align: right !important;}

/* Columns */
[class*='col-large-']{float: left;min-height: 1px; padding: 0px 10px 5px 10px;background-color: transparent;text-align: center; margin: 0;}
.collapse > [class*='col-large-']{padding: 0px !important;}
.transparent > [class*='col-large-']{background: transparent !important;}
.col-large-1, .col-large-2, .col-large-3, .col-large-4, .col-large-5, .col-large-6, .col-large-7, .col-large-8, .col-large-9, .col-large-10, .col-large-11, .col-large-12 {float: left;}
.col-large-12{width:100%;}
.col-large-11{width:91.66667%;}
.col-large-10{width:83.33333%;}
.col-large-9{width:75%;}
.col-large-8{width:66.66667%;}
.col-large-7{width:58.33333%;}
.col-large-6{width:50%;}
.col-large-5{width:41.66667%;}
.col-large-4{width:33.33333%;}
.col-large-3{width:25%;}
.col-large-2{width:16.66667%;}
.col-large-1{width:8.33333%;}
}


/* M-Large */
@media only screen and (min-width: 1366px){
.MainContainer{width: 1315px ; margin: 0 auto; padding: 0 17px; box-sizing: border-box;}
body{background: transparent;}

/* Visibility */
.hide-mlarge{display:none}
.show-mlarge{display:block !important;}

/* Alignment */
.text-mlarge-center{text-align: center !important;}
.text-mlarge-left{text-align: left !important;}
.text-mlarge-right{text-align: right !important;}

/* Columns */
[class*='col-mlarge-']{float: left;min-height: 1px; padding: 0px 10px 5px 10px;background-color: transparent;text-align: center;}
.collapse > [class*='col-mlarge-']{padding: 0px !important;}
.transparent > [class*='col-mlarge-']{background: transparent !important;}
.col-mlarge-1, .col-mlarge-2, .col-mlarge-3, .col-mlarge-4, .col-mlarge-5, .col-mlarge-6, .col-mlarge-7, .col-mlarge-8, .col-mlarge-9, .col-mlarge-10, .col-mlarge-11, .col-mlarge-12 {float: left;}
.col-mlarge-12{width:100%;}
.col-mlarge-11{width:91.66667%;}
.col-mlarge-10{width:83.33333%;}
.col-mlarge-9{width:75%;}
.col-mlarge-8{width:66.66667%;}
.col-mlarge-7{width:58.33333%;}
.col-mlarge-6{width:50%;}
.col-mlarge-5{width:41.66667%;}
.col-mlarge-4{width:33.33333%;}
.col-mlarge-3{width:25%;}
.col-mlarge-2{width:16.66667%;}
.col-mlarge-1{width:8.33333%;}
}

/* X-Large */
@media only screen and (min-width: 1441px) {
.MainContainer {width: 1385px;margin: 0 auto; padding: 0 17px; box-sizing: border-box;}
body{background: transparent;}

/* Visibility */
.hide-xlarge{display:none}
.show-xlarge{display:block !important;}

/* Alignment */
.text-xlarge-center{text-align: center !important;}
.text-xlarge-left{text-align: left !important;}
.text-xlarge-right{text-align: right !important;}

/* Columns */
[class*='col-xlarge-']{float: left;min-height: 1px; padding: 0px 10px 5px 10px;background-color: transparent;text-align: center;}
.collapse > [class*='col-xlarge-']{padding: 0px !important;}
.transparent > [class*='col-xlarge-']{background: transparent !important;}
.col-xlarge-1, .col-xlarge-2, .col-xlarge-3, .col-xlarge-4, .col-xlarge-5, .col-xlarge-6, .col-xlarge-7, .col-xlarge-8, .col-xlarge-9, .col-xlarge-10, .col-xlarge-11, .col-xlarge-12 {float: left;}
.col-xlarge-12{width:100%;}
.col-xlarge-11{width:91.66667%;}
.col-xlarge-10{width:83.33333%;}
.col-xlarge-9{width:75%;}
.col-xlarge-8{width:66.66667%;}
.col-xlarge-7{width:58.33333%;}
.col-xlarge-6{width:50%;}
.col-xlarge-5{width:41.66667%;}
.col-xlarge-4{width:33.33333%;}
.col-xlarge-3{width:25%;}
.col-xlarge-2{width:16.66667%;}
.col-xlarge-1{width:8.33333%;}
}