* {box-sizing:border-box}
html, body {margin:0; padding:0}
body {font-family: 'Karla', sans-serif; font-size:17px; line-height:1.5; color:#333; background:#f5f5f5}
h1, h2, h3, h4, h5, h6 {margin-top:0; font-weight:normal}
h3 {font-size:18px; line-height:1.5}
img {max-width:100%; height:auto; display:block}

/* Skeleton
====================== */
#main-wrapper {max-width:2120px; margin:0 auto; position:relative}
.wrapper {padding:30px 0; position:relative}
.container {max-width:1200px; margin:0 auto; overflow:hidden}
.row {margin:0 -15px}
.row:not(:last-of-type) {margin-bottom:30px}
[class*="col-"] {float:left; padding:0 15px}
[class*="col-md-"] {float:none; width:100%}
[class*="col-sm-"] {float:none; width:100%}
.col-xs-1 {width: 8.33%}
.col-xs-2 {width: 16.66%}
.col-xs-3 {width: 25%}
.col-xs-4 {width: 33.33%}
.col-xs-5 {width: 41.66%}
.col-xs-6 {width: 50%}
.col-xs-7 {width: 58.33%}
.col-xs-8 {width: 66.66%}
.col-xs-9 {width: 75%}
.col-xs-10 {width: 83.33%}
.col-xs-11 {width: 91.66%}
.col-xs-12 {width: 100%}
.container.boxed {box-shadow: 0 0 10px rgba(0, 0, 0, .08); background:#fff}
.container.boxed [class*="col-"] {padding:30px; position:relative}
.container.boxed .row {margin:0}
.wrapper.banner {min-height:400px; margin-bottom:-290px; color:#fff; background:url("/images/bg-banner.jpg")no-repeat center; background-size:cover; background-attachment:fixed}

/* List Styles
====================== */
.details-list {margin:0; padding:0; list-style:none}
.details-list li {position:relative; padding-left:35px}
.details-list li:not(:last-child) {margin-bottom:20px}
.details-list li strong {display:block; font-weight:normal; font-size:15px; color:#9e9e9e}
.details-list li i {position: absolute; top: 2px; left: -5px; font-size: 20px; color: #26a69a; display: inline-block; width: 30px; text-align: center;}
.accent {color:#26a69a}
.title {margin-bottom:0; font-size:35px; font-weight:bold}

@media (min-width: 768px) {
    [class*="col-sm-"] {float:left}
    .col-sm-1 {width: 8.33%}
    .col-sm-2 {width: 16.66%}
    .col-sm-3 {width: 25%}
    .col-sm-4 {width: 33.33%}
    .col-sm-5 {width: 41.66%}
    .col-sm-6 {width: 50%}
    .col-sm-7 {width: 58.33%}
    .col-sm-8 {width: 66.66%}
    .col-sm-9 {width: 75%}
    .col-sm-10 {width: 83.33%}
    .col-sm-11 {width: 91.66%}
    .col-sm-12 {width: 100%}
}

@media (min-width: 992px) {
	[class*="col-md-"] {float:left}
    .col-md-1 {width: 8.33%}
    .col-md-2 {width: 16.66%}
    .col-md-3 {width: 25%}
    .col-md-4 {width: 33.33%}
    .col-md-5 {width: 41.66%}
    .col-md-6 {width: 50%}
    .col-md-7 {width: 58.33%}
    .col-md-8 {width: 66.66%}
    .col-md-9 {width: 75%}
    .col-md-10 {width: 83.33%}
    .col-md-11 {width: 91.66%}
    .col-md-12 {width: 100%}
	.offset-1 {margin-left: 8.33%}
	.offset-2 {margin-left: 16.66%}
	.offset-3 {margin-left: 25%}
	.offset-4 {margin-left: 33.33%}
	.offset-5 {margin-left: 41.66%}
	.offset-6 {margin-left: 50%}
	.offset-7 {margin-left: 58.33%}
	.offset-8 {margin-left: 66.66%}
	.offset-9 {margin-left: 75%}
	.offset-10 {margin-left: 83.33%}
	.offset-11 {margin-left: 91.66%}
	.row.alignmiddle {display:table; width:100%}
	.row.alignmiddle [class*="col-"] {display:table-cell; vertical-align:middle; float:none; height:398px}
	.container.boxed img {position:absolute; left:0; top:0}
}

@media screen and (max-width: 991px) {
	[class*="col-md-"]:not(:last-child) {padding-bottom:30px}
	.container {max-width:90%}
	.title {font-size:30px}
}