/*
Theme Name: Ptengine
Theme URI:
Author: Saqib
Author URI: https://wordpress.org/
Description: 
Version: 1.0
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Tags: blog, two-columns, left-sidebar, accessibility-ready, custom-background, custom-colors, custom-header, custom-logo, custom-menu, editor-style, featured-images, microformats, post-formats, rtl-language-support, sticky-post, threaded-comments, translation-ready
Text Domain: ptengine

This theme, like WordPress, is licensed under the GPL.
Use it to make something cool, have fun, and share what you've learned with others.
*/
/*---------------------------------------------------------------------
                               General
-----------------------------------------------------------------------*/
@import url(css/ionicons.min.css);

@font-face {
    font-family: "Ionicons";
    src: url("fonts/ionicons.eot?v=2.0.0");
    src: url("fonts/ionicons.eot?v=2.0.0#iefix") format("embedded-opentype"),
        url("fonts/ionicons.ttf?v=2.0.0") format("truetype"),
        url("fonts/ionicons.woff?v=2.0.0") format("woff"),
        url("fonts/ionicons.svg?v=2.0.0#Ionicons") format("svg");
    font-weight: normal;
    font-style: normal;
}

html,
body,
div,
span,
applet,
object,
iframe,
h1,
h2,
h3,
h4,
h5,
h6,
p,
blockquote,
pre,
a,
abbr,
acronym,
address,
big,
cite,
code,
del,
dfn,
em,
img,
ins,
kbd,
q,
s,
samp,
small,
strike,
strong,
sub,
sup,
tt,
var,
b,
u,
i,
center,
dl,
dt,
dd,
ol,
ul,
li,
fieldset,
form,
label,
legend,
table,
caption,
tbody,
tfoot,
thead,
tr,
th,
td,
article,
aside,
canvas,
details,
embed,
figure,
figcaption,
footer,
header,
hgroup,
menu,
nav,
output,
ruby,
section,
summary,
time,
mark,
audio,
video {
    margin: 0;
    padding: 0;
    border: 0;
    font-size: 100%;
    font: inherit;
    vertical-align: baseline
}

article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
menu,
nav,
section {
    display: block
}

body {
    line-height: 1
}

ol,
ul {
    list-style: none
}

blockquote,
q {
    quotes: none
}

blockquote:before,
blockquote:after,
q:before,
q:after {
    content: '';
    content: none
}

table {
    border-collapse: collapse;
    border-spacing: 0
}

.show-xs-only {
    display: block
}

.show-sm-only {
    display: none
}

.show-md-only {
    display: none
}

.show-lg-only {
    display: none
}

.show-sm-down {
    display: block
}

.show-md-down {
    display: block
}

.show-sm-up {
    display: none
}

.show-sm-up--inline {
    display: none
}

.show-md-up {
    display: none
}

@media only screen and (min-width: 48em) {
    .show-xs-only {
        display: none
    }

    .show-sm-only {
        display: block
    }

    .show-md-only {
        display: none
    }

    .show-lg-only {
        display: none
    }

    .show-sm-down {
        display: block
    }

    .show-md-down {
        display: block
    }

    .show-sm-up {
        display: block
    }

    .show-sm-up--inline {
        display: inline
    }

    .show-md-up {
        display: none
    }
}

@media only screen and (min-width: 64em) {
    .show-xs-only {
        display: none
    }

    .show-sm-only {
        display: none
    }

    .show-md-only {
        display: block
    }

    .show-lg-only {
        display: none
    }

    .show-sm-down {
        display: none
    }

    .show-md-down {
        display: block
    }

    .show-sm-up {
        display: block
    }

    .show-sm-up--inline {
        display: inline
    }

    .show-md-up {
        display: block
    }
}

@media only screen and (min-width: 75em) {
    .show-xs-only {
        display: none
    }

    .show-sm-only {
        display: none
    }

    .show-md-only {
        display: none
    }

    .show-lg-only {
        display: block
    }

    .show-sm-down {
        display: none
    }

    .show-md-down {
        display: none
    }

    .show-sm-up {
        display: block
    }

    .show-sm-up--inline {
        display: inline
    }

    .show-md-up {
        display: block
    }
}

.flex {
    display: flex
}

.flex--1 {
    flex: 1
}

.container-fluid,
.container {
    max-width: 1200px
}

.container-fluid,
.container {
    box-sizing: border-box;
    margin-right: auto;
    margin-left: auto;
    position: relative;
    padding-right: 2rem;
    padding-left: 2rem
}

.container--narrow {
    max-width: 660px;
    width: 100%;
    margin: 0 auto;
    box-sizing: border-box
}

@media only screen and (max-width: 48em) {

    .container-fluid,
    .container,
    .container--narrow {
        padding-right: 1rem;
        padding-left: 1rem
    }
}

.container .container {
    padding-left: 0px;
    padding-right: 0px;
    width: 100%
}

.row,
.boxes--alternating,
.boxes--pair {
    box-sizing: border-box;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-flex: 0;
    -ms-flex: 0 1 auto;
    flex: 0 1 auto;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin-right: -0.5rem;
    margin-left: -0.5rem
}

.row.nocol,
.nocol.boxes--alternating,
.nocol.boxes--pair {
    -ms-flex-wrap: unset;
    flex-wrap: unset
}

.row.nomargin,
.nomargin.boxes--alternating,
.nomargin.boxes--pair {
    margin-left: 0px;
    margin-right: 0px
}

.row:before, .row:after {
    display: inline !important;
    }
@media only screen and (max-width: 47em) {

    .row.nocol.xs-all-12-centered,
    .nocol.xs-all-12-centered.boxes--alternating,
    .nocol.xs-all-12-centered.boxes--pair {
        display: block
    }

    .row.nocol.xs-all-12-centered>*:not(img),
    .nocol.xs-all-12-centered.boxes--alternating>*:not(img),
    .nocol.xs-all-12-centered.boxes--pair>*:not(img) {
        width: 100%
    }

    .row.nocol.xs-all-6-centered,
    .nocol.xs-all-6-centered.boxes--alternating,
    .nocol.xs-all-6-centered.boxes--pair {
        display: flex
    }

    .row.nocol.xs-all-6-centered>*:not(img),
    .nocol.xs-all-6-centered.boxes--alternating>*:not(img),
    .nocol.xs-all-6-centered.boxes--pair>*:not(img) {
        width: 50%
    }
}

@media only screen and (min-width: 47.001em) and (max-width: 63.999em) {

    .row.nocol.md-all-12-centered,
    .nocol.md-all-12-centered.boxes--alternating,
    .nocol.md-all-12-centered.boxes--pair {
        display: block
    }

    .row.nocol.md-all-12-centered>*:not(img),
    .nocol.md-all-12-centered.boxes--alternating>*:not(img),
    .nocol.md-all-12-centered.boxes--pair>*:not(img) {
        width: 100%
    }

    .row.nocol.md-all-6-centered,
    .nocol.md-all-6-centered.boxes--alternating,
    .nocol.md-all-6-centered.boxes--pair {
        display: flex
    }

    .row.nocol.md-all-6-centered>*:not(img),
    .nocol.md-all-6-centered.boxes--alternating>*:not(img),
    .nocol.md-all-6-centered.boxes--pair>*:not(img) {
        width: 50%
    }
}

.row.nocol.gutter--small>div,
.nocol.gutter--small.boxes--alternating>div,
.nocol.gutter--small.boxes--pair>div {
    margin-right: 15px
}

.row.nocol.gutter--small>div:last-of-type,
.nocol.gutter--small.boxes--alternating>div:last-of-type,
.nocol.gutter--small.boxes--pair>div:last-of-type {
    margin-right: 0px
}

.row.nocol.gutter--medium>div,
.nocol.gutter--medium.boxes--alternating>div,
.nocol.gutter--medium.boxes--pair>div {
    margin-right: 25px
}

.row.nocol.gutter--medium>div:last-of-type,
.nocol.gutter--medium.boxes--alternating>div:last-of-type,
.nocol.gutter--medium.boxes--pair>div:last-of-type {
    margin-right: 0px
}

.row.nocol.gutter--large>div,
.nocol.gutter--large.boxes--alternating>div,
.nocol.gutter--large.boxes--pair>div {
    margin-right: 40px
}

.row.nocol.gutter--large>div:last-of-type,
.nocol.gutter--large.boxes--alternating>div:last-of-type,
.nocol.gutter--large.boxes--pair>div:last-of-type {
    margin-right: 0px
}

.row.nocol.gutter--huge>div,
.nocol.gutter--huge.boxes--alternating>div,
.nocol.gutter--huge.boxes--pair>div {
    margin-right: 55px
}

.row.nocol.gutter--huge>div:last-of-type,
.nocol.gutter--huge.boxes--alternating>div:last-of-type,
.nocol.gutter--huge.boxes--pair>div:last-of-type {
    margin-right: 0px
}

/*.row .row:not(.button):not(.button--text--purple):not(.button--text--green):not(.button--text--white):not(.button--ghost--white):not(.button--ghost--gray):not(.comment-reply-link):not(.button--ghost--green):not(.button--ghost--purple):not(.button--green):not(.button--white):not(.button--purple):not(.button--darkGray),
.boxes--alternating .row:not(.button):not(.button--text--purple):not(.button--text--green):not(.button--text--white):not(.button--ghost--white):not(.button--ghost--gray):not(.comment-reply-link):not(.button--ghost--green):not(.button--ghost--purple):not(.button--green):not(.button--white):not(.button--purple):not(.button--darkGray),
.boxes--pair .row:not(.button):not(.button--text--purple):not(.button--text--green):not(.button--text--white):not(.button--ghost--white):not(.button--ghost--gray):not(.comment-reply-link):not(.button--ghost--green):not(.button--ghost--purple):not(.button--green):not(.button--white):not(.button--purple):not(.button--darkGray),
.row .boxes--alternating:not(.button):not(.button--text--purple):not(.button--text--green):not(.button--text--white):not(.button--ghost--white):not(.button--ghost--gray):not(.comment-reply-link):not(.button--ghost--green):not(.button--ghost--purple):not(.button--green):not(.button--white):not(.button--purple):not(.button--darkGray),
.boxes--alternating .boxes--alternating:not(.button):not(.button--text--purple):not(.button--text--green):not(.button--text--white):not(.button--ghost--white):not(.button--ghost--gray):not(.comment-reply-link):not(.button--ghost--green):not(.button--ghost--purple):not(.button--green):not(.button--white):not(.button--purple):not(.button--darkGray),
.boxes--pair .boxes--alternating:not(.button):not(.button--text--purple):not(.button--text--green):not(.button--text--white):not(.button--ghost--white):not(.button--ghost--gray):not(.comment-reply-link):not(.button--ghost--green):not(.button--ghost--purple):not(.button--green):not(.button--white):not(.button--purple):not(.button--darkGray),
.row .boxes--pair:not(.button):not(.button--text--purple):not(.button--text--green):not(.button--text--white):not(.button--ghost--white):not(.button--ghost--gray):not(.comment-reply-link):not(.button--ghost--green):not(.button--ghost--purple):not(.button--green):not(.button--white):not(.button--purple):not(.button--darkGray),
.boxes--alternating .boxes--pair:not(.button):not(.button--text--purple):not(.button--text--green):not(.button--text--white):not(.button--ghost--white):not(.button--ghost--gray):not(.comment-reply-link):not(.button--ghost--green):not(.button--ghost--purple):not(.button--green):not(.button--white):not(.button--purple):not(.button--darkGray),
.boxes--pair .boxes--pair:not(.button):not(.button--text--purple):not(.button--text--green):not(.button--text--white):not(.button--ghost--white):not(.button--ghost--gray):not(.comment-reply-link):not(.button--ghost--green):not(.button--ghost--purple):not(.button--green):not(.button--white):not(.button--purple):not(.button--darkGray),
.row .row div[class^="col-"]:not(.button):not(.button--text--purple):not(.button--text--green):not(.button--text--white):not(.button--ghost--white):not(.button--ghost--gray):not(.comment-reply-link):not(.button--ghost--green):not(.button--ghost--purple):not(.button--green):not(.button--white):not(.button--purple):not(.button--darkGray),
.boxes--alternating .row div[class^="col-"]:not(.button):not(.button--text--purple):not(.button--text--green):not(.button--text--white):not(.button--ghost--white):not(.button--ghost--gray):not(.comment-reply-link):not(.button--ghost--green):not(.button--ghost--purple):not(.button--green):not(.button--white):not(.button--purple):not(.button--darkGray),
.boxes--pair .row div[class^="col-"]:not(.button):not(.button--text--purple):not(.button--text--green):not(.button--text--white):not(.button--ghost--white):not(.button--ghost--gray):not(.comment-reply-link):not(.button--ghost--green):not(.button--ghost--purple):not(.button--green):not(.button--white):not(.button--purple):not(.button--darkGray),
.row .boxes--alternating div[class^="col-"]:not(.button):not(.button--text--purple):not(.button--text--green):not(.button--text--white):not(.button--ghost--white):not(.button--ghost--gray):not(.comment-reply-link):not(.button--ghost--green):not(.button--ghost--purple):not(.button--green):not(.button--white):not(.button--purple):not(.button--darkGray),
.boxes--alternating .boxes--alternating div[class^="col-"]:not(.button):not(.button--text--purple):not(.button--text--green):not(.button--text--white):not(.button--ghost--white):not(.button--ghost--gray):not(.comment-reply-link):not(.button--ghost--green):not(.button--ghost--purple):not(.button--green):not(.button--white):not(.button--purple):not(.button--darkGray),
.boxes--pair .boxes--alternating div[class^="col-"]:not(.button):not(.button--text--purple):not(.button--text--green):not(.button--text--white):not(.button--ghost--white):not(.button--ghost--gray):not(.comment-reply-link):not(.button--ghost--green):not(.button--ghost--purple):not(.button--green):not(.button--white):not(.button--purple):not(.button--darkGray),
.row .boxes--pair div[class^="col-"]:not(.button):not(.button--text--purple):not(.button--text--green):not(.button--text--white):not(.button--ghost--white):not(.button--ghost--gray):not(.comment-reply-link):not(.button--ghost--green):not(.button--ghost--purple):not(.button--green):not(.button--white):not(.button--purple):not(.button--darkGray),
.boxes--alternating .boxes--pair div[class^="col-"]:not(.button):not(.button--text--purple):not(.button--text--green):not(.button--text--white):not(.button--ghost--white):not(.button--ghost--gray):not(.comment-reply-link):not(.button--ghost--green):not(.button--ghost--purple):not(.button--green):not(.button--white):not(.button--purple):not(.button--darkGray),
.boxes--pair .boxes--pair div[class^="col-"]:not(.button):not(.button--text--purple):not(.button--text--green):not(.button--text--white):not(.button--ghost--white):not(.button--ghost--gray):not(.comment-reply-link):not(.button--ghost--green):not(.button--ghost--purple):not(.button--green):not(.button--white):not(.button--purple):not(.button--darkGray),
div[class^="col-"].nopadding:not(.button):not(.button--text--purple):not(.button--text--green):not(.button--text--white):not(.button--ghost--white):not(.button--ghost--gray):not(.comment-reply-link):not(.button--ghost--green):not(.button--ghost--purple):not(.button--green):not(.button--white):not(.button--purple):not(.button--darkGray) {
    margin-left: 0px !important;
    margin-right: 0px !important;
    padding-left: 0px !important;
    padding-right: 0px !important
}*/

.row.reverse,
.boxes--alternating,
.reverse.boxes--pair {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: reverse;
    -ms-flex-direction: row-reverse;
    flex-direction: row-reverse
}

.col.reverse,
.boxes--alternating {
    -webkit-box-orient: vertical;
    -webkit-box-direction: reverse;
    -ms-flex-direction: column-reverse;
    flex-direction: column-reverse
}

.col-xs,
.col-xs-1,
.col-xs-2,
.col-xs-3,
.col-xs-4,
.col-xs-5,
.col-xs-6,
.col-xs-7,
.col-xs-8,
.col-xs-9,
.col-xs-10,
.col-xs-11,
.col-xs-12,
.col-xs-offset-0,
.col-xs-offset-1,
.col-xs-offset-2,
.col-xs-offset-3,
.col-xs-offset-4,
.col-xs-offset-5,
.col-xs-offset-6,
.text-quote.text-quote--alternating:nth-of-type(even)>.col-sm-6,
.col-xs-offset-7,
.col-xs-offset-8,
.col-xs-offset-9,
.col-xs-offset-10,
.col-xs-offset-11,
.col-xs-offset-12 {
    box-sizing: border-box;
    -webkit-box-flex: 0;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    padding-right: 0.5rem;
    padding-left: 0.5rem
}

.col-xs {
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    -ms-flex-preferred-size: 0;
    flex-basis: 0;
    max-width: 100%
}

.col-xs-1 {
    -ms-flex-preferred-size: 8.33333333%;
    flex-basis: 8.33333333%;
    max-width: 8.33333333%
}

.col-xs-2 {
    -ms-flex-preferred-size: 16.66666667%;
    flex-basis: 16.66666667%;
    max-width: 16.66666667%
}

.col-xs-3 {
    -ms-flex-preferred-size: 25%;
    flex-basis: 25%;
    max-width: 25%
}

.col-xs-4 {
    -ms-flex-preferred-size: 33.33333333%;
    flex-basis: 33.33333333%;
    max-width: 33.33333333%
}

.col-xs-5 {
    -ms-flex-preferred-size: 41.66666667%;
    flex-basis: 41.66666667%;
    max-width: 41.66666667%
}

.col-xs-6 {
    -ms-flex-preferred-size: 50%;
    flex-basis: 50%;
    max-width: 50%
}

.col-xs-7 {
    -ms-flex-preferred-size: 58.33333333%;
    flex-basis: 58.33333333%;
    max-width: 58.33333333%
}

.col-xs-8 {
    -ms-flex-preferred-size: 66.66666667%;
    flex-basis: 66.66666667%;
    max-width: 66.66666667%
}

.col-xs-9 {
    -ms-flex-preferred-size: 75%;
    flex-basis: 75%;
    max-width: 75%
}

.col-xs-10 {
    -ms-flex-preferred-size: 83.33333333%;
    flex-basis: 83.33333333%;
    max-width: 83.33333333%
}

.col-xs-11 {
    -ms-flex-preferred-size: 91.66666667%;
    flex-basis: 91.66666667%;
    max-width: 91.66666667%
}

.col-xs-12 {
    -ms-flex-preferred-size: 100%;
    flex-basis: 100%;
    max-width: 100%
}

.gutter--small {
    justify-content: space-between
}

.gutter--small .col-xs-3 {
    -ms-flex-preferred-size: calc(25% - 15px);
    flex-basis: calc(25% - 15px);
    max-width: calc(25% - 15px)
}

.gutter--small .col-xs-4 {
    -ms-flex-preferred-size: calc(33.33333333% - 15px);
    flex-basis: calc(33.33333333% - 15px);
    max-width: calc(33.33333333% - 15px)
}

.gutter--small .col-xs-6 {
    -ms-flex-preferred-size: calc(50% - 15px);
    flex-basis: calc(50% - 15px);
    max-width: calc(50% - 15px)
}

.gutter--small .col-xs-9 {
    -ms-flex-preferred-size: calc(75% - 15px);
    flex-basis: calc(75% - 15px);
    max-width: calc(75% - 15px)
}

.gutter--medium {
    justify-content: space-between
}

.gutter--medium .col-xs-3 {
    -ms-flex-preferred-size: calc(25% - 25px);
    flex-basis: calc(25% - 25px);
    max-width: calc(25% - 25px)
}

.gutter--medium .col-xs-4 {
    -ms-flex-preferred-size: calc(33.33333333% - 25px);
    flex-basis: calc(33.33333333% - 25px);
    max-width: calc(33.33333333% - 25px)
}

.gutter--medium .col-xs-6 {
    -ms-flex-preferred-size: calc(50% - 25px);
    flex-basis: calc(50% - 25px);
    max-width: calc(50% - 25px)
}

.gutter--medium .col-xs-9 {
    -ms-flex-preferred-size: calc(75% - 25px);
    flex-basis: calc(75% - 25px);
    max-width: calc(75% - 25px)
}

.gutter--large {
    justify-content: space-between
}

.gutter--large>.col-xs-3 {
    -ms-flex-preferred-size: calc(25% - 40px);
    flex-basis: calc(25% - 40px);
    max-width: calc(25% - 40px)
}

.gutter--large>.col-xs-4 {
    -ms-flex-preferred-size: calc(33.33333333% - 40px);
    flex-basis: calc(33.33333333% - 40px);
    max-width: calc(33.33333333% - 40px)
}

.gutter--large>.col-xs-6 {
    -ms-flex-preferred-size: calc(50% - 40px);
    flex-basis: calc(50% - 40px);
    max-width: calc(50% - 40px)
}

.gutter--large>.col-xs-9 {
    -ms-flex-preferred-size: calc(75% - 40px);
    flex-basis: calc(75% - 40px);
    max-width: calc(75% - 40px)
}

.gutter--huge {
    justify-content: space-between
}

.gutter--huge .col-xs-3 {
    -ms-flex-preferred-size: calc(25% - 55px);
    flex-basis: calc(25% - 55px);
    max-width: calc(25% - 55px)
}

.gutter--huge .col-xs-4 {
    -ms-flex-preferred-size: calc(33.33333333% - 55px);
    flex-basis: calc(33.33333333% - 55px);
    max-width: calc(33.33333333% - 55px)
}

.gutter--huge .col-xs-6 {
    -ms-flex-preferred-size: calc(50% - 55px);
    flex-basis: calc(50% - 55px);
    max-width: calc(50% - 55px)
}

.gutter--huge .col-xs-9 {
    -ms-flex-preferred-size: calc(75% - 55px);
    flex-basis: calc(75% - 55px);
    max-width: calc(75% - 55px)
}

.col-xs-offset-0 {
    margin-left: 0
}

.col-xs-offset-1 {
    margin-left: 8.33333333%
}

.col-xs-offset-2 {
    margin-left: 16.66666667%
}

.col-xs-offset-3 {
    margin-left: 25%
}

.col-xs-offset-4 {
    margin-left: 33.33333333%
}

.col-xs-offset-5 {
    margin-left: 41.66666667%
}

.col-xs-offset-6,
.text-quote.text-quote--alternating:nth-of-type(even)>.col-sm-6 {
    margin-left: 50%
}

.col-xs-offset-7 {
    margin-left: 58.33333333%
}

.col-xs-offset-8 {
    margin-left: 66.66666667%
}

.col-xs-offset-9 {
    margin-left: 75%
}

.col-xs-offset-10 {
    margin-left: 83.33333333%
}

.col-xs-offset-11 {
    margin-left: 91.66666667%
}

.start-xs {
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    text-align: start
}

.center-xs {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    text-align: center
}

.end-xs {
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end;
    text-align: end
}

.top-xs {
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start
}

.middle-xs {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.bottom-xs {
    -webkit-box-align: end;
    -ms-flex-align: end;
    align-items: flex-end
}

.baseline-xs {
    -webkit-box-align: baseline;
    -ms-flex-align: baseline;
    align-items: baseline
}

.around-xs {
    -ms-flex-pack: distribute;
    justify-content: space-around
}

.between-xs {
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between
}

.first-xs {
    -webkit-box-ordinal-group: 0;
    -ms-flex-order: -1;
    order: -1
}

.last-xs {
    -webkit-box-ordinal-group: 2;
    -ms-flex-order: 1;
    order: 1
}

@media only screen and (min-width: 48em) {

    .col-sm,
    .col-sm-1,
    .col-sm-2,
    .col-sm-3,
    .col-sm-4,
    .col-sm-5,
    .col-sm-6,
    .col-sm-7,
    .col-sm-8,
    .col-sm-9,
    .col-sm-10,
    .col-sm-11,
    .col-sm-12,
    .col-sm-offset-0,
    .col-sm-offset-1,
    .col-sm-offset-2,
    .col-sm-offset-3,
    .col-sm-offset-4,
    .col-sm-offset-5,
    .col-sm-offset-6,
    .col-sm-offset-7,
    .col-sm-offset-8,
    .col-sm-offset-9,
    .col-sm-offset-10,
    .col-sm-offset-11,
    .col-sm-offset-12 {
        box-sizing: border-box;
        -webkit-box-flex: 0;
        -ms-flex: 0 0 auto;
        flex: 0 0 auto;
        padding-right: 0.5rem;
        padding-left: 0.5rem
    }

    .col-sm {
        -webkit-box-flex: 1;
        -ms-flex-positive: 1;
        flex-grow: 1;
        -ms-flex-preferred-size: 0;
        flex-basis: 0;
        max-width: 100%
    }

    .col-sm-1 {
        -ms-flex-preferred-size: 8.33333333%;
        flex-basis: 8.33333333%;
        max-width: 8.33333333%
    }

    .col-sm-2 {
        -ms-flex-preferred-size: 16.66666667%;
        flex-basis: 16.66666667%;
        max-width: 16.66666667%
    }

    .col-sm-3 {
        -ms-flex-preferred-size: 25%;
        flex-basis: 25%;
        max-width: 25%
    }

    .col-sm-4 {
        -ms-flex-preferred-size: 33.33333333%;
        flex-basis: 33.33333333%;
        max-width: 33.33333333%
    }

    .col-sm-5 {
        -ms-flex-preferred-size: 41.66666667%;
        flex-basis: 41.66666667%;
        max-width: 41.66666667%
    }

    .col-sm-6 {
        -ms-flex-preferred-size: 50%;
        flex-basis: 50%;
        max-width: 50%
    }

    .col-sm-7 {
        -ms-flex-preferred-size: 58.33333333%;
        flex-basis: 58.33333333%;
        max-width: 58.33333333%
    }

    .col-sm-8 {
        -ms-flex-preferred-size: 66.66666667%;
        flex-basis: 66.66666667%;
        max-width: 66.66666667%
    }

    .col-sm-9 {
        -ms-flex-preferred-size: 75%;
        flex-basis: 75%;
        max-width: 75%
    }

    .col-sm-10 {
        -ms-flex-preferred-size: 83.33333333%;
        flex-basis: 83.33333333%;
        max-width: 83.33333333%
    }

    .col-sm-11 {
        -ms-flex-preferred-size: 91.66666667%;
        flex-basis: 91.66666667%;
        max-width: 91.66666667%
    }

    .col-sm-12 {
        -ms-flex-preferred-size: 100%;
        flex-basis: 100%;
        max-width: 100%
    }

    .col-sm-offset-0 {
        margin-left: 0
    }

    .col-sm-offset-1 {
        margin-left: 8.33333333%
    }

    .col-sm-offset-2 {
        margin-left: 16.66666667%
    }

    .col-sm-offset-3 {
        margin-left: 25%
    }

    .col-sm-offset-4 {
        margin-left: 33.33333333%
    }

    .col-sm-offset-5 {
        margin-left: 41.66666667%
    }

    .col-sm-offset-6 {
        margin-left: 50%
    }

    .col-sm-offset-7 {
        margin-left: 58.33333333%
    }

    .col-sm-offset-8 {
        margin-left: 66.66666667%
    }

    .col-sm-offset-9 {
        margin-left: 75%
    }

    .col-sm-offset-10 {
        margin-left: 83.33333333%
    }

    .col-sm-offset-11 {
        margin-left: 91.66666667%
    }

    .gutter--small {
        justify-content: space-between
    }

    .gutter--small .col-sm-3 {
        -ms-flex-preferred-size: calc(25% - 15px);
        flex-basis: calc(25% - 15px);
        max-width: calc(25% - 15px)
    }

    .gutter--small .col-sm-4 {
        -ms-flex-preferred-size: calc(33.33333333% - 15px);
        flex-basis: calc(33.33333333% - 15px);
        max-width: calc(33.33333333% - 15px)
    }

    .gutter--small .col-sm-6 {
        -ms-flex-preferred-size: calc(50% - 15px);
        flex-basis: calc(50% - 15px);
        max-width: calc(50% - 15px)
    }

    .gutter--medium {
        justify-content: space-between
    }

    .gutter--medium .col-sm-3 {
        -ms-flex-preferred-size: calc(25% - 25px);
        flex-basis: calc(25% - 25px);
        max-width: calc(25% - 25px)
    }

    .gutter--medium .col-sm-4 {
        -ms-flex-preferred-size: calc(33.33333333% - 25px);
        flex-basis: calc(33.33333333% - 25px);
        max-width: calc(33.33333333% - 25px)
    }

    .gutter--medium .col-sm-6 {
        -ms-flex-preferred-size: calc(50% - 25px);
        flex-basis: calc(50% - 25px);
        max-width: calc(50% - 25px)
    }

    .gutter--large {
        justify-content: space-between
    }

    .gutter--large>.col-sm-3 {
        -ms-flex-preferred-size: calc(25% - 40px);
        flex-basis: calc(25% - 40px);
        max-width: calc(25% - 40px)
    }

    .gutter--large>.col-sm-4 {
        -ms-flex-preferred-size: calc(33.33333333% - 40px);
        flex-basis: calc(33.33333333% - 40px);
        max-width: calc(33.33333333% - 40px)
    }

    .gutter--large>.col-sm-6 {
        -ms-flex-preferred-size: calc(50% - 40px);
        flex-basis: calc(50% - 40px);
        max-width: calc(50% - 40px)
    }

    .gutter--huge {
        justify-content: space-between
    }

    .gutter--huge .col-sm-3 {
        -ms-flex-preferred-size: calc(25% - 55px);
        flex-basis: calc(25% - 55px);
        max-width: calc(25% - 55px)
    }

    .gutter--huge .col-sm-4 {
        -ms-flex-preferred-size: calc(33.33333333% - 55px);
        flex-basis: calc(33.33333333% - 55px);
        max-width: calc(33.33333333% - 55px)
    }

    .gutter--huge .col-sm-6 {
        -ms-flex-preferred-size: calc(50% - 55px);
        flex-basis: calc(50% - 55px);
        max-width: calc(50% - 55px)
    }

    .start-sm {
        -webkit-box-pack: start;
        -ms-flex-pack: start;
        justify-content: flex-start;
        text-align: start
    }

    .center-sm {
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        text-align: center
    }

    .end-sm {
        -webkit-box-pack: end;
        -ms-flex-pack: end;
        justify-content: flex-end;
        text-align: end
    }

    .top-sm {
        -webkit-box-align: start;
        -ms-flex-align: start;
        align-items: flex-start
    }

    .middle-sm {
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center
    }

    .bottom-sm {
        -webkit-box-align: end;
        -ms-flex-align: end;
        align-items: flex-end
    }

    .baseline-sm {
        -webkit-box-align: baseline;
        -ms-flex-align: baseline;
        align-items: baseline
    }

    .around-sm {
        -ms-flex-pack: distribute;
        justify-content: space-around
    }

    .between-sm {
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between
    }

    .first-sm {
        -webkit-box-ordinal-group: 0;
        -ms-flex-order: -1;
        order: -1
    }

    .last-sm {
        -webkit-box-ordinal-group: 2;
        -ms-flex-order: 1;
        order: 1
    }
}

@media only screen and (min-width: 64em) {

    .col-md,
    .col-md-1,
    .col-md-2,
    .col-md-3,
    .col-md-4,
    .col-md-5,
    .col-md-6,
    .col-md-7,
    .col-md-8,
    .col-md-9,
    .col-md-10,
    .col-md-11,
    .col-md-12,
    .col-md-offset-0,
    .col-md-offset-1,
    .col-md-offset-2,
    .col-md-offset-3,
    .col-md-offset-4,
    .col-md-offset-5,
    .col-md-offset-6,
    .col-md-offset-7,
    .col-md-offset-8,
    .col-md-offset-9,
    .col-md-offset-10,
    .col-md-offset-11,
    .col-md-offset-12 {
        box-sizing: border-box;
        -webkit-box-flex: 0;
        -ms-flex: 0 0 auto;
        flex: 0 0 auto;
        padding-right: 0.5rem;
        padding-left: 0.5rem
    }

    .col-md {
        -webkit-box-flex: 1;
        -ms-flex-positive: 1;
        flex-grow: 1;
        -ms-flex-preferred-size: 0;
        flex-basis: 0;
        max-width: 100%
    }

    .col-md-1 {
        -ms-flex-preferred-size: 8.33333333%;
        flex-basis: 8.33333333%;
        max-width: 8.33333333%
    }

    .col-md-2 {
        -ms-flex-preferred-size: 16.66666667%;
        flex-basis: 16.66666667%;
        max-width: 16.66666667%
    }

    .col-md-3 {
        -ms-flex-preferred-size: 25%;
        flex-basis: 25%;
        max-width: 25%
    }

    .col-md-4 {
        -ms-flex-preferred-size: 33.33333333%;
        flex-basis: 33.33333333%;
        max-width: 33.33333333%
    }

    .col-md-5 {
        -ms-flex-preferred-size: 41.66666667%;
        flex-basis: 41.66666667%;
        max-width: 41.66666667%
    }

    .col-md-6 {
        -ms-flex-preferred-size: 50%;
        flex-basis: 50%;
        max-width: 50%
    }

    .col-md-7 {
        -ms-flex-preferred-size: 58.33333333%;
        flex-basis: 58.33333333%;
        max-width: 58.33333333%
    }

    .col-md-8 {
        -ms-flex-preferred-size: 66.66666667%;
        flex-basis: 66.66666667%;
        max-width: 66.66666667%
    }

    .col-md-9 {
        -ms-flex-preferred-size: 75%;
        flex-basis: 75%;
        max-width: 75%
    }

    .col-md-10 {
        -ms-flex-preferred-size: 83.33333333%;
        flex-basis: 83.33333333%;
        max-width: 83.33333333%
    }

    .col-md-11 {
        -ms-flex-preferred-size: 91.66666667%;
        flex-basis: 91.66666667%;
        max-width: 91.66666667%
    }

    .col-md-12 {
        -ms-flex-preferred-size: 100%;
        flex-basis: 100%;
        max-width: 100%
    }

    .gutter--small {
        justify-content: space-between
    }

    .gutter--small .col-md-3 {
        -ms-flex-preferred-size: calc(25% - 15px);
        flex-basis: calc(25% - 15px);
        max-width: calc(25% - 15px)
    }

    .gutter--small .col-md-4 {
        -ms-flex-preferred-size: calc(33.33333333% - 15px);
        flex-basis: calc(33.33333333% - 15px);
        max-width: calc(33.33333333% - 15px)
    }

    .gutter--small .col-md-6 {
        -ms-flex-preferred-size: calc(50% - 15px);
        flex-basis: calc(50% - 15px);
        max-width: calc(50% - 15px)
    }

    .gutter--medium {
        justify-content: space-between
    }

    .gutter--medium .col-md-3 {
        -ms-flex-preferred-size: calc(25% - 25px);
        flex-basis: calc(25% - 25px);
        max-width: calc(25% - 25px)
    }

    .gutter--medium .col-md-4 {
        -ms-flex-preferred-size: calc(33.33333333% - 25px);
        flex-basis: calc(33.33333333% - 25px);
        max-width: calc(33.33333333% - 25px)
    }

    .gutter--medium .col-md-6 {
        -ms-flex-preferred-size: calc(50% - 25px);
        flex-basis: calc(50% - 25px);
        max-width: calc(50% - 25px)
    }

    .gutter--large {
        justify-content: space-between
    }

    .gutter--large>.col-md-3 {
        -ms-flex-preferred-size: calc(25% - 40px);
        flex-basis: calc(25% - 40px);
        max-width: calc(25% - 40px)
    }

    .gutter--large>.col-md-4 {
        -ms-flex-preferred-size: