/* -----------------------------
Baze CSS Framework - version 0.5
2013-05-02
http://baze.hbmedia.pl
----------------------------- */

/* Colors
Main color - #00adef
Hover color - #0088bc
Grey main color - #f5f5f5
Grey main hover color - #e5e5e5
*/

*, *:before, *:after {-moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box;}

body {background:#fff; font-size:100%; color:#555; font-family:"Source Sans Pro", Helvetica, Arial, sans-serif;}

/* Links */
a {color:#1355a2; text-decoration:none; line-height:inherit;}
a:hover, a:focus {color:#1355a2; text-decoration:underline;}
a img {border:none;}

/* Headers */
h1 {font-size:2.6em; color:#231f20; margin:0.2em 0 0.5em;}
h2 {font-size:2.2em; color:#231f20; margin:0.2em 0 0.5em;}
h3 {font-size:1.8em; color:#231f20; margin:0.2em 0 0.5em;}
h4 {font-size:1.5em; color:#231f20; margin:0.2em 0 0.5em;}
h5 {font-size:1.2em; color:#231f20; margin:0.2em 0 0.5em;}
h6 {font-size:1em; color:#231f20; margin:0.2em 0 0.5em;}

/* Elements */
hr {width:100%; height:1px; margin:1em 0; background:#ddd; border:0;}
p {line-height:1.7;}
img {max-width:100%;}

/* Custom elements */
.text-error {color:#D14}
.text-warning {color:#c09853;}
.text-success {color:#468847;}
.small {font-size:0.8em;}
.lead {font-size:1.2em; color:#333;}
.image-title {display:block; margin:0.2em 0 1em 0; font-size:0.8em; color:#777; clear:both;}
.image-title.center {display:block; margin:0.2em 0 1em 0; text-align:center;}
img.thumb, a.thumb img {padding:4px; border:1px solid #ccc; -webkit-border-radius:4px; -moz-border-radius:4px; border-radius:4px;}
a.thumb img:hover {border-color:#ddd; box-shadow:0 0 4px #ddd;}
img.thumb.rounded {-webkit-border-radius:999px; -moz-border-radius:999px; border-radius:999px;}
.thumb.left {float:left; margin:1em 1em 1em 0;}
.thumb.right {float:right; margin:1em 0 1em 1em;}
.thumb.center {display:block; float:none; margin:1em auto;}
.label {display:inline-block; padding:0.02em 0.35em; color:#fff;background:#00adef; -webkit-border-radius:4px; -moz-border-radius:4px; border-radius:4px;}
.label.rounded {-webkit-border-radius:999px; -moz-border-radius:999px; border-radius:999px;}
.quote {margin-left:1em; padding:1em; border-left:4px solid #f5f5f5;}
.quote .author, .quote span {display:block; clear:both; margin-top:0.5em; font-size:0.9em; color:#999;}
.frame {background:#f5f5f5; -webkit-border-radius:4px; -moz-border-radius:4px; border-radius:4px;} 

/* Position and display */
.left {float:left}
.right {float:right;}
.float-none {float:none;}
.center {display:inline-block; margin:0 auto;}
.text-left {text-align:left;}
.text-center {text-align:center;}
.text-right {text-align:right;}
.text-justify {text-align:justify;}
.block {display:block;}
.hide {display:none;}
.invisible {visibility:hidden;}
.visible {visibility:visible;}
.clear {clear:both;}
.disabled {cursor:pointer;}
.no-margin {margin:0;}
.no-vertical-margin {margin-top:0 !important; margin-bottom:0 !important;}
.no-horizontal-margin {margin-left:0 !important; margin-right:0 !important;}
.no-padding {padding:0}
.no-vertical-padding {padding-top:0 !important; padding-bottom:0 !important;}
.no-horizontal-padding {padding-left:0 !important; padding-right:0 !important;}

/* Navigation */
.nav {width:100%; display:inline-block; margin:0; padding:0; background:#111; list-style-type:none; clear:both; -webkit-border-radius:4px; -moz-border-radius:4px; border-radius:4px;}
.nav > li:first-child, .nav > li:first-child a {-webkit-border-top-left-radius:4px; -webkit-border-bottom-left-radius:4px; -moz-border-radius-topleft:4px; -moz-border-radius-bottomleft:4px; border-top-left-radius:4px; border-bottom-left-radius:4px;}
.nav > li {display:inline; float:left; margin:0; padding:0; background:#111;}
.nav > li a {display:block; margin:0; padding:0.8em 1em; color:#fff;}
.nav > li a:hover {background:#0088bc;}
.nav > li a.active {background:#00adef;}

.nav .dropdown {position:relative;}
.nav .dropdown ul {width:15em; display:block; position:absolute; left:-9999px; z-index:999; padding:0; margin:0; background:#111; clear:both;}
.nav .dropdown:hover, .nav .dropdown:hover a {background:#333;}
.nav .dropdown:hover ul {left:0; background:#333;}
.nav .dropdown ul li {width:100%; display:block; padding:0; font-size:0.9em; clear:both;}
.nav .dropdown ul li a {display:block; margin:0; padding:0.5em 0.8em;}
.nav .dropdown ul li a:hover {background:#00adef;}

.side-nav {width:100%; margin:0; padding:0; list-style-type:none; -webkit-border-radius:4px; -moz-border-radius:4px; border-radius:4px;}
.side-nav li {display:block;}
.side-nav li.nav-header {padding:0.4em 0.6em; color:#777; font-size:0.8em; font-weight:bold; text-transform:uppercase;}
.side-nav li a {display:block; padding:0.4em 0.6em; font-size:0.9em; -webkit-border-radius:4px; -moz-border-radius:4px; border-radius:4px;}
.side-nav li a:hover {background:#e5e5e5;}
.side-nav li a.active {color:#fff; background:#00adef;}

.side-nav-frame {width:100%; margin:0; padding:0.4em 0.6em; background:#f5f5f5; list-style-type:none; -webkit-border-radius:4px; -moz-border-radius:4px; border-radius:4px;}
.side-nav-frame li {display:block;}
.side-nav-frame li.nav-header {padding:0.4em 0.6em; color:#777; font-size:0.8em; font-weight:bold; text-transform:uppercase;}
.side-nav-frame li a {display:block; padding:0.4em 0.6em; color:#444; font-size:0.9em; -webkit-border-radius:4px; -moz-border-radius:4px; border-radius:4px;}
.side-nav-frame li a:hover {background:#e5e5e5;}
.side-nav-frame li a.active {color:#fff; background:#00adef;}

.pagination {display:block; margin:1em 0; padding:0;}
.pagination li {display:inline; color:#888; margin-left:0.3125em; font-size:0.9em;}
.pagination li a {display:inline-block; padding:0.17em 0.55em 0.14em 0.5em; color:#666; -webkit-border-radius:4px; -moz-border-radius:4px; border-radius:4px;}
.pagination li a:hover {background:#f5f5f5;}
.pagination li a.active {color:#fff; background:#00adef;}
.pagination.center {text-align:center;}
.pagination.large {font-size:1.2em;}

.breadcrumb {width:100%; margin:0 1em 0 0; padding:0.7em 1.2em 0.7em 1.2em; font-size:0.8em; background:#f5f5f5; list-style:none; overflow:auto; -webkit-border-radius:4px; -moz-border-radius:4px; border-radius:4px;}
.breadcrumb li {display:inline; float:left; margin:0 0 0 0.8em; color:#ccc;}
.breadcrumb li a {display:inline-block; margin:0 1.2em 0 0; color:#777}
.breadcrumb li a.active {color:#00adef;}
.breadcrumb li a:hover {text-decoration:underline;}

/* Buttons */
.button {display:inline-block; margin:0.7em 0; padding:0.7em 1.8em; background:#00adef; color:#fff; -webkit-border-radius:4px; -moz-border-radius:4px; border-radius:4px;}
.button:hover {background:#0088bc; color:#fff;}
.button.small {font-size:0.8em;}
.button.large {font-size:1.5em;}
.button.expand {width:100%; display:block; padding:0.7em 0; text-align:center;}
.button.no-corners {-webkit-border-radius:0; -moz-border-radius:0; border-radius:0;}
.button.rounded {-webkit-border-radius:999px; -moz-border-radius:999px; border-radius:999px;}

/* Tables */
.table {width:100%; margin:1em 0; padding:0; border:0; border-collapse:collapse;}
.table thead {font-weight:bold; text-align:left; color:#222;}
.table thead tr th {padding:0.7em; vertical-align:bottom;}
.table tbody tr td {padding:0.7em ;border-top:1px solid #ddd; vertical-align:top;}
.table.striped tbody tr:nth-child(odd) td {background-color:#f9f9f9;}
.table.bordered {border:1px solid #ddd;}
.table.bordered thead tr td, .table.bordered tbody tr td {border:1px solid #ddd;} 

/* Lists */
ul li, ol li {padding:0.2em; line-height:1.4;}
ul.unstyled, ol.unstyled {margin:0; padding:0; list-style-type:none;}
ul.inline, ol.inline {margin:0; padding:0; list-style-type:none;}
ul.inline li, ol.inline li {display:inline-block; margin:0 0.2em; padding:0 0.2em;}

/* Forms */
input[type="text"] {border:0;}
input[type="submit"], input[type="button"] {border:0;}
textarea {border:0}

/* Grid */
.row {width:100%; max-width:73.125em; margin:0 auto; clear:both; padding-left: 0.9375em; padding-right:0.9375em;}
.row:after {clear:both;}
.row:after, .row:before {content:" "; display:table;}
.row .no-padding {padding:0;}

.columns, .col {padding-left:0.9375rem; padding-right:0.9375rem; width:100%; float:left;}
.row .large-12.col, .row .medium-12.col, .row .small-12.col {padding-left:0; padding-right:0;}
.row .col:first-child {padding-left:0; padding-right:0.9375rem;}
.row .col:last-child {padding-left:0.9375rem; padding-right:0;}

.row-100 {width:100%; padding:0;}

.row .large-1 {width:8.33333%; float:left;}
.row .large-2 {width:16.66667%; float:left;}
.row .large-3 {width:25%; float:left;}
.row .large-4 {width:33.33333%; float:left;}
.row .large-5 {width:41.66667%; float:left;}
.row .large-6 {width:50%; float:left;}
.row .large-7 {width:58.33333%; float:left;}
.row .large-8 {width:66.66667%; float:left;}
.row .large-9 {width:75%; float:left;}
.row .large-10 {width:83.33333%; float:left;}
.row .large-11 {width:91.66667%; float:left;}
.row .large-12 {width:100%; float:left;}

.row .large-1.margin {width:5.73333%; margin:0 1.3%;}
.row .large-2.margin {width:14.06667%; margin:0 1.3%;}
.row .large-3.margin {width:22.4%; margin:0 1.3%;}
.row .large-4.margin {width:30.73333%; margin:0 1.3%;}
.row .large-5.margin {width:39.06667%; margin:0 1.3%;}
.row .large-6.margin {width:47.4%; margin:0 1.3%;}
.row .large-7.margin {width:55.73333%; margin:0 1.3%;}
.row .large-8.margin {width:64.06667%; margin:0 1.3%;}
.row .large-9.margin {width:72.4%; margin:0 1.3%;}
.row .large-10.margin {width:80.73333%; margin:0 1.3%;}
.row .large-11.margin {width:89.06667%; margin:0 1.3%;}
.row .large-12.margin {width:97.4%; margin:0 1.3%;}

.row .large-offset-0 {position:relative; margin-left:0%; }
.row .large-offset-1 {position: relative;    margin-left: 8.33333%; }
.row .large-offset-2 {position: relative;    margin-left: 16.66667%; }
.row .large-offset-3 {position: relative;    margin-left: 25%; }
.row .large-offset-4 {position: relative;    margin-left: 33.33333%; }
.row .large-offset-5 {position: relative;    margin-left: 41.66667%; }
.row .large-offset-6 {position: relative;    margin-left: 50%; }
.row .large-offset-7 {position: relative;    margin-left: 58.33333%; }
.row .large-offset-8 {position: relative;    margin-left: 66.66667%; }
.row .large-offset-9 {position: relative;    margin-left: 75%; }
.row .large-offset-10 {position: relative;    margin-left: 83.33333%; }
.row .large-offset-11 {position: relative;    margin-left: 91.66667%; }

.push-1 {position: relative;    left: 8.33333%;    right: auto; }
.pull-1 {position: relative;    right: 8.33333%;    left: auto; }
.push-2 {position: relative;    left: 16.66667%;    right: auto; }
.pull-2 {position: relative;    right: 16.66667%;    left: auto; }
.push-3 {position: relative;    left: 25%;    right: auto; }
.pull-3 {position: relative;    right: 25%;    left: auto; }
.push-4 {position: relative;    left: 33.33333%;    right: auto; }
.pull-4 {position: relative;    right: 33.33333%;    left: auto; }
.push-5 {position: relative;    left: 41.66667%;    right: auto; }
.pull-5 {position: relative;    right: 41.66667%;    left: auto; }
.push-6 {position: relative;    left: 50%;    right: auto; }
.pull-6 {position: relative;    right: 50%;    left: auto; }
.push-7 {position: relative;    left: 58.33333%;    right: auto; }
.pull-7 {position: relative;    right: 58.33333%;    left: auto; }
.push-8 {position: relative;    left: 66.66667%;    right: auto; }
.pull-8 {position: relative;    right: 66.66667%;    left: auto; }
.push-9 {position: relative;    left: 75%;    right: auto; }
.pull-9 {position: relative;    right: 75%;    left: auto; }
.push-10 {position: relative;    left: 83.33333%;    right: auto; }
.pull-10 {position: relative;    right: 83.33333%;    left: auto; }
.push-11 {position: relative;    left: 91.66667%;    right: auto; }
.pull-11 {position: relative;    right: 91.66667%;    left: auto; }

.row > .padding {padding:1.3%;}

/* Style for resolution up to 768px */
@media only screen and (max-width:48em) {

	.row .medium-12.col:first-child, .row .small-12.col:first-child, .row .large-12.col:last-child, .row .medium-12.col:last-child, .row .small-12.col:last-child {padding-left:0; padding-right:0;}

	.medium-hide {display:none;}
	.medium-show {display:inline-block;} /* or display:block */
	.medium-invisivle {visibility:hidden;}
	.medium-visible {visibility:visible;}
	.medium-100 {width:100%; padding:0;}

	.row .medium-1 {width:8.33333%; float:left;}
	.row .medium-2 {width:16.66667%; float:left;}
	.row .medium-3 {width:25%; float:left;}
	.row .medium-4 {width:33.33333%; float:left;}
	.row .medium-5 {width:41.66667%; float:left;}
	.row .medium-6 {width:50%; float:left;}
	.row .medium-7 {width:58.33333%; float:left;}
	.row .medium-8 {width:66.66667%; float:left;}
	.row .medium-9 {width:75%; float:left;}
	.row .medium-10 {width:83.33333%; float:left;}
	.row .medium-11 {width:91.66667%; float:left;}
	.row .medium-12 {width:100%; float:left;}
	
	.row .medium-1.margin {width:5.73333%; margin:1.3%;}
	.row .medium-2.margin {width:14.06667%; margin:1.3%;}
	.row .medium-3.margin {width:22.4%; margin:1.3%;}
	.row .medium-4.margin {width:30.73333%; margin:1.3%;}
	.row .medium-5.margin {width:39.06667%; margin:1.3%;}
	.row .medium-6.margin {width:47.4%; margin:1.3%;}
	.row .medium-7.margin {width:55.73333%; margin:1.3%;}
	.row .medium-8.margin {width:64.06667%; margin:1.3%;}
	.row .medium-9.margin {width:72.4%; margin:1.3%;}
	.row .medium-10.margin {width:80.73333%; margin:1.3%;}
	.row .medium-11.margin {width:89.06667%; margin:1.3%;}
	.row .medium-12.margin {width:97.4%; margin:1.3%;}

}

/* Style for resolution up to 480px */
@media only screen and (max-width:30em) {

	.small-hide {display:none;}
	.small-show {display:inline-block;} /* or display:block */
	.small-invisivle {visibility:hidden;}
	.small-visible {visibility:visible;}
	.small-100 {width:100%; padding:0;}

	.row .small-1 {width:8.33333%; float:left;}
	.row .small-2 {width:16.66667%; float:left;}
	.row .small-3 {width:25%; float:left;}
	.row .small-4 {width:33.33333%; float:left;}
	.row .small-5 {width:41.66667%; float:left;}
	.row .small-6 {width:50%; float:left;}
	.row .small-7 {width:58.33333%; float:left;}
	.row .small-8 {width:66.66667%; float:left;}
	.row .small-9 {width:75%; float:left;}
	.row .small-10 {width:83.33333%; float:left;}
	.row .small-11 {width:91.66667%; float:left;}
	.row .small-12 {width:100%; float:left;}
	
	.row .small-1.margin {width:5.73333%; margin:1.3%;}
	.row .small-2.margin {width:14.06667%; margin:1.3%;}
	.row .small-3.margin {width:22.4%; margin:1.3%;}
	.row .small-4.margin {width:30.73333%; margin:1.3%;}
	.row .small-5.margin {width:39.06667%; margin:1.3%;}
	.row .small-6.margin {width:47.4%; margin:1.3%;}
	.row .small-7.margin {width:55.73333%; margin:1.3%;}
	.row .small-8.margin {width:64.06667%; margin:1.3%;}
	.row .small-9.margin {width:72.4%; margin:1.3%;}
	.row .small-10.margin {width:80.73333%; margin:1.3%;}
	.row .small-11.margin {width:89.06667%; margin:1.3%;}
	.row .small-12.margin {width:97.4%; margin:1.3%;}
	
}

/* Colors */
.grey {color:#555; background:#ddd;}
a.grey:hover {color:#555; background:#ccc;}
.red {background:#d92238;}
a.red {background:#ed4054;}
.yellow {color:#7f3000; background:#ffc600;}
a.yellow:hover {background:#ffba00;}
.orange {color:#fff; background:#ff7e00;}
.a.orange:hover {background:#ff6600;}
.green {color:#fff; background:#75c21b;}
a.green:hover {background:#60ab08;}

p.blue, h1.blue, h2.blue, h3.blue, h4.blue, h5.blue, h6.blue, span.blue {color:#00adef}
p.grey, h1.grey, h2.grey, h3.grey, h4.grey, h5.grey, h6.grey, span.grey {color:#ddd;}
p.red, h1.red, h2.red, h3.red, h4.red, h5.red, h6.red, span.red {color:#d92238;}
p.yellow, h1.yellow, h2.yellow, h3.yellow, h4.yellow, h5.yellow, h6.yellow, span.yellow {color:#ffc600;}
p.orange, h1.orange, h2.orange, h3.orange, h4.orange, h5.orange, h6.orange, span.orange {color:#ff7e00;}
p.green, h1.green, h2.green, h3.green, h4.green, h5.green, h6.green, span.green {color:#75c21b;}