article, aside, details, figcaption, figure, footer, header, hgroup, main, nav, section, summary {

    display: block

}



audio, canvas, progress, video {

    display: inline-block;

    vertical-align: baseline

}



audio:not([controls]) {

    display: none;

    height: 0

}



[hidden], template {

    display: none

}



a {

    background: 0 0

}



a:active, a:hover {

    outline: 0

}



abbr[title] {

    border-bottom: 1px dotted

}



b, strong {

    font-weight: 700

}



dfn {

    font-style: italic

}



h1 {

    font-size: 2em;

    margin: .67em 0

}



mark {

    background: #ff0;

    color: #000

}



small {

    font-size: 80%

}



sub, sup {

    font-size: 75%;

    line-height: 0;

    position: relative;

    vertical-align: baseline

}



sup {

    top: -.5em

}



sub {

    bottom: -.25em

}



img {

    border: 0

}



svg:not(:root) {

    overflow: hidden

}



figure {

    margin: 1em 40px

}



hr {

    -moz-box-sizing: content-box;

    box-sizing: content-box;

    height: 0

}



pre {

    overflow: auto

}



code, kbd, pre, samp {

    font-family: monospace, monospace;

    font-size: 1em

}









fieldset {

    border: 1px solid silver;

    margin: 0 2px;

    padding: .35em .625em .75em

}



legend {

    border: 0;

    padding: 0

}



textarea {

    overflow: auto

}



optgroup {

    font-weight: 700

}







@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) ")"

    }



    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

    }



    p, h2, h3 {

        orphans: 3;

        widows: 3

    }



    h2, h3 {

        page-break-after: avoid

    }



    select {

        background: #fff !important

    }



    .navbar {

        display: none

    }



    .table td, .table th {

        background-color: #fff !important

    }



    .btn > .caret, .dropup > .btn > .caret {

        border-top-color: #000 !important

    }



    .label {

        border: 1px solid #000

    }



 

    .table-bordered th, .table-bordered td {

        border: 1px solid #ddd !important

    }

}







:before, :after {

    -webkit-box-sizing: border-box;

    -moz-box-sizing: border-box;

    box-sizing: border-box

}



figure {

    margin: 0

}





.img-responsive, .thumbnail > img, .thumbnail a > img, .carousel-inner > .item > img, .carousel-inner > .item > a > img {

    display: block;

    max-width: 100%;

    height: auto

}



.img-rounded {

    border-radius: 6px

}



.img-thumbnail {

    padding: 4px;

    line-height: 1.42857143;

    background-color: #fff;

    border: 1px solid #ddd;

    border-radius: 4px;

    -webkit-transition: all .2s ease-in-out;

    transition: all .2s ease-in-out;

    display: inline-block;

    max-width: 100%;

    height: auto

}



.img-circle {

    border-radius: 50%

}



hr {

    margin-top: 20px;

    margin-bottom: 20px;

    border: 0;

    border-top: 1px solid #eee

}



.sr-only {

    position: absolute;

    width: 1px;

    height: 1px;

    margin: -1px;

    padding: 0;

    overflow: hidden;

    clip: rect(0, 0, 0, 0);

    border: 0

}



h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6 {

    font-family: inherit;

    font-weight: 500;

    line-height: 1.1;

    color: inherit

}



h1 small, h2 small, h3 small, h4 small, h5 small, h6 small, .h1 small, .h2 small, .h3 small, .h4 small, .h5 small, .h6 small, h1 .small, h2 .small, h3 .small, h4 .small, h5 .small, h6 .small, .h1 .small, .h2 .small, .h3 .small, .h4 .small, .h5 .small, .h6 .small {

    font-weight: 400;

    line-height: 1;

    color: #999

}



h1, .h1, h2, .h2, h3, .h3 {

    margin-top: 20px;

    margin-bottom: 10px

}



h1 small, .h1 small, h2 small, .h2 small, h3 small, .h3 small, h1 .small, .h1 .small, h2 .small, .h2 .small, h3 .small, .h3 .small {

    font-size: 65%

}



h4, .h4, h5, .h5, h6, .h6 {

    margin-top: 10px;

    margin-bottom: 10px

}



h4 small, .h4 small, h5 small, .h5 small, h6 small, .h6 small, h4 .small, .h4 .small, h5 .small, .h5 .small, h6 .small, .h6 .small {

    font-size: 75%

}



h1, .h1 {

    font-size: 36px

}



h2, .h2 {

    font-size: 30px

}



h3, .h3 {

    font-size: 24px

}



h4, .h4 {

    font-size: 18px

}



h5, .h5 {

    font-size: 14px

}



h6, .h6 {

    font-size: 12px

}



p {

    margin: 0 0 5px

}



.lead {

    margin-bottom: 20px;

    font-size: 16px;

    font-weight: 200;

    line-height: 1.4

}



@media (min-width: 768px) {

    .lead {

        font-size: 21px

    }

}



small, .small {

    font-size: 85%

}



cite {

    font-style: normal

}



.text-left {

    text-align: left

}



.text-right {

    text-align: right

}



.text-center {

    text-align: center

}



.text-justify {

    text-align: justify

}



.text-muted {

    color: #999

}



.text-primary {

    color: #428bca

}



a.text-primary:hover {

    color: #3071a9

}



.text-success {

    color: #3c763d

}



a.text-success:hover {

    color: #2b542c

}



.text-info {

    color: #31708f

}



a.text-info:hover {

    color: #245269

}



.text-warning {

    color: #8a6d3b

}



a.text-warning:hover {

    color: #66512c

}



.text-danger {

    color: #a94442

}



a.text-danger:hover {

    color: #843534

}



.bg-primary {

    color: #fff;

    background-color: #428bca

}



a.bg-primary:hover {

    background-color: #3071a9

}



.bg-success {

    background-color: #dff0d8

}



a.bg-success:hover {

    background-color: #c1e2b3

}



.bg-info {

    background-color: #d9edf7

}



a.bg-info:hover {

    background-color: #afd9ee

}



.bg-warning {

    background-color: #fcf8e3

}



a.bg-warning:hover {

    background-color: #f7ecb5

}



.bg-danger {

    background-color: #f2dede

}



a.bg-danger:hover {

    background-color: #e4b9b9

}



.page-header {

    padding-bottom: 9px;

    margin: 40px 0 20px;

    border-bottom: 1px solid #eee

}



ul, ol {

    margin-top: 0;

    margin-bottom: 10px

}



ul ul, ol ul, ul ol, ol ol {

    margin-bottom: 0

}



.list-unstyled {

    padding-left: 0;

    list-style: none

}



.list-inline {

    padding-left: 0;

    list-style: none;

    margin-left: -5px

}



.list-inline > li {

    display: inline-block;

    padding-left: 5px;

    padding-right: 5px

}



dl {

    margin-top: 0;

    margin-bottom: 20px

}



dt, dd {

    line-height: 1.42857143

}



dt {

    font-weight: 700

}



dd {

    margin-left: 0

}



@media (min-width: 768px) {

    .dl-horizontal dt {

        float: left;

        width: 160px;

        clear: left;

        text-align: right;

        overflow: hidden;

        text-overflow: ellipsis;

        white-space: nowrap

    }



    .dl-horizontal dd {

        margin-left: 180px

    }

}



abbr[title], abbr[data-original-title] {

    cursor: help;

    border-bottom: 1px dotted #999

}



.initialism {

    font-size: 90%;

    text-transform: uppercase

}



blockquote {

    padding: 10px 20px;

    margin: 0 0 20px;

    font-size: 17.5px;

    border-left: 5px solid #eee

}



blockquote p:last-child, blockquote ul:last-child, blockquote ol:last-child {

    margin-bottom: 0

}



blockquote footer, blockquote small, blockquote .small {

    display: block;

    font-size: 80%;

    line-height: 1.42857143;

    color: #999

}



blockquote footer:before, blockquote small:before, blockquote .small:before {

    content: '\2014 \00A0'

}



.blockquote-reverse, blockquote.pull-right {

    padding-right: 15px;

    padding-left: 0;

    border-right: 5px solid #eee;

    border-left: 0;

    text-align: right

}



.blockquote-reverse footer:before, blockquote.pull-right footer:before, .blockquote-reverse small:before, blockquote.pull-right small:before, .blockquote-reverse .small:before, blockquote.pull-right .small:before {

    content: ''

}



.blockquote-reverse footer:after, blockquote.pull-right footer:after, .blockquote-reverse small:after, blockquote.pull-right small:after, .blockquote-reverse .small:after, blockquote.pull-right .small:after {

    content: '\00A0 \2014'

}



blockquote:before, blockquote:after {

    content: ""

}



address {

    margin-bottom: 20px;

    font-style: normal;

    line-height: 1.42857143

}



code, kbd, pre, samp {

    font-family: Menlo, Monaco, Consolas, "Courier New", monospace

}



code {

    padding: 2px 4px;

    font-size: 90%;

    color: #c7254e;

    background-color: #f9f2f4;

    white-space: nowrap;

    border-radius: 4px

}



kbd {

    padding: 2px 4px;

    font-size: 90%;

    color: #fff;

    background-color: #333;

    border-radius: 3px;

    box-shadow: inset 0 -1px 0 rgba(0, 0, 0, .25)

}



pre {

    display: block;

    padding: 9.5px;

    margin: 0 0 10px;

    font-size: 13px;

    line-height: 1.42857143;

    word-break: break-all;

    word-wrap: break-word;

    color: #333;

    background-color: #f5f5f5;

    border: 1px solid #ccc;

    border-radius: 4px

}



pre code {

    padding: 0;

    font-size: inherit;

    color: inherit;

    white-space: pre-wrap;

    background-color: transparent;

    border-radius: 0

}



.pre-scrollable {

    max-height: 340px;

    overflow-y: scroll

}



.container {

    margin-right: auto;

    margin-left: auto;

    padding-left: 15px;

    padding-right: 15px

}



@media (min-width: 768px) {

    .container {

        width: 750px

    }

}



@media (min-width: 992px) {

    .container {

        width: 970px

    }

}



@media (min-width: 1200px) {

    .container {

        width: 1170px

    }

}



.container-fluid {

    margin-right: auto;

    margin-left: auto;

    padding-left: 15px;

    padding-right: 15px

}



.row {

    margin-left: -15px;

    margin-right: -15px

}



.col-xs-1, .col-sm-1, .col-md-1, .col-lg-1, .col-xs-2, .col-sm-2, .col-md-2, .col-lg-2, .col-xs-3, .col-sm-3, .col-md-3, .col-lg-3, .col-xs-4, .col-sm-4, .col-md-4, .col-lg-4, .col-xs-5, .col-sm-5, .col-md-5, .col-lg-5, .col-xs-6, .col-sm-6, .col-md-6, .col-lg-6, .col-xs-7, .col-sm-7, .col-md-7, .col-lg-7, .col-xs-8, .col-sm-8, .col-md-8, .col-lg-8, .col-xs-9, .col-sm-9, .col-md-9, .col-lg-9, .col-xs-10, .col-sm-10, .col-md-10, .col-lg-10, .col-xs-11, .col-sm-11, .col-md-11, .col-lg-11, .col-xs-12, .col-sm-12, .col-md-12, .col-lg-12 {

    position: relative;

    min-height: 1px;

    padding-left: 15px;

    padding-right: 15px

}



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

    float: left

}



.col-xs-12 {

    width: 100%

}



.col-xs-11 {

    width: 91.66666667%

}



.col-xs-10 {

    width: 83.33333333%

}



.col-xs-9 {

    width: 75%

}



.col-xs-8 {

    width: 66.66666667%

}



.col-xs-7 {

    width: 58.33333333%

}



.col-xs-6 {

    width: 50%

}



.col-xs-5 {

    width: 41.66666667%

}



.col-xs-4 {

    width: 33.33333333%

}



.col-xs-3 {

    width: 25%

}



.col-xs-2 {

    width: 16.66666667%

}



.col-xs-1 {

    width: 8.33333333%

}



.col-xs-pull-12 {

    right: 100%

}



.col-xs-pull-11 {

    right: 91.66666667%

}



.col-xs-pull-10 {

    right: 83.33333333%

}



.col-xs-pull-9 {

    right: 75%

}



.col-xs-pull-8 {

    right: 66.66666667%

}



.col-xs-pull-7 {

    right: 58.33333333%

}



.col-xs-pull-6 {

    right: 50%

}



.col-xs-pull-5 {

    right: 41.66666667%

}



.col-xs-pull-4 {

    right: 33.33333333%

}



.col-xs-pull-3 {

    right: 25%

}



.col-xs-pull-2 {

    right: 16.66666667%

}



.col-xs-pull-1 {

    right: 8.33333333%

}



.col-xs-pull-0 {

    right: 0

}



.col-xs-push-12 {

    left: 100%

}



.col-xs-push-11 {

    left: 91.66666667%

}



.col-xs-push-10 {

    left: 83.33333333%

}



.col-xs-push-9 {

    left: 75%

}



.col-xs-push-8 {

    left: 66.66666667%

}



.col-xs-push-7 {

    left: 58.33333333%

}



.col-xs-push-6 {

    left: 50%

}



.col-xs-push-5 {

    left: 41.66666667%

}



.col-xs-push-4 {

    left: 33.33333333%

}



.col-xs-push-3 {

    left: 25%

}



.col-xs-push-2 {

    left: 16.66666667%

}



.col-xs-push-1 {

    left: 8.33333333%

}



.col-xs-push-0 {

    left: 0

}



.col-xs-offset-12 {

    margin-left: 100%

}



.col-xs-offset-11 {

    margin-left: 91.66666667%

}



.col-xs-offset-10 {

    margin-left: 83.33333333%

}



.col-xs-offset-9 {

    margin-left: 75%

}



.col-xs-offset-8 {

    margin-left: 66.66666667%

}



.col-xs-offset-7 {

    margin-left: 58.33333333%

}



.col-xs-offset-6 {

    margin-left: 50%

}



.col-xs-offset-5 {

    margin-left: 41.66666667%

}



.col-xs-offset-4 {

    margin-left: 33.33333333%

}



.col-xs-offset-3 {

    margin-left: 25%

}



.col-xs-offset-2 {

    margin-left: 16.66666667%

}



.col-xs-offset-1 {

    margin-left: 8.33333333%

}



.col-xs-offset-0 {

    margin-left: 0

}



@media (min-width: 768px) {

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

        float: left

    }



    .col-sm-12 {

        width: 100%

    }



    .col-sm-11 {

        width: 91.66666667%

    }



    .col-sm-10 {

        width: 83.33333333%

    }



    .col-sm-9 {

        width: 75%

    }



    .col-sm-8 {

        width: 66.66666667%

    }



    .col-sm-7 {

        width: 58.33333333%

    }



    .col-sm-6 {

        width: 50%

    }



    .col-sm-5 {

        width: 41.66666667%

    }



    .col-sm-4 {

        width: 33.33333333%

    }



    .col-sm-3 {

        width: 25%

    }



    .col-sm-2 {

        width: 16.66666667%

    }



    .col-sm-1 {

        width: 8.33333333%

    }



    .col-sm-pull-12 {

        right: 100%

    }



    .col-sm-pull-11 {

        right: 91.66666667%

    }



    .col-sm-pull-10 {

        right: 83.33333333%

    }



    .col-sm-pull-9 {

        right: 75%

    }



    .col-sm-pull-8 {

        right: 66.66666667%

    }



    .col-sm-pull-7 {

        right: 58.33333333%

    }



    .col-sm-pull-6 {

        right: 50%

    }



    .col-sm-pull-5 {

        right: 41.66666667%

    }



    .col-sm-pull-4 {

        right: 33.33333333%

    }



    .col-sm-pull-3 {

        right: 25%

    }



    .col-sm-pull-2 {

        right: 16.66666667%

    }



    .col-sm-pull-1 {

        right: 8.33333333%

    }



    .col-sm-pull-0 {

        right: 0

    }



    .col-sm-push-12 {

        left: 100%

    }



    .col-sm-push-11 {

        left: 91.66666667%

    }



    .col-sm-push-10 {

        left: 83.33333333%

    }



    .col-sm-push-9 {

        left: 75%

    }



    .col-sm-push-8 {

        left: 66.66666667%

    }



    .col-sm-push-7 {

        left: 58.33333333%

    }



    .col-sm-push-6 {

        left: 50%

    }



    .col-sm-push-5 {

        left: 41.66666667%

    }



    .col-sm-push-4 {

        left: 33.33333333%

    }



    .col-sm-push-3 {

        left: 25%

    }



    .col-sm-push-2 {

        left: 16.66666667%

    }



    .col-sm-push-1 {

        left: 8.33333333%

    }



    .col-sm-push-0 {

        left: 0

    }



    .col-sm-offset-12 {

        margin-left: 100%

    }



    .col-sm-offset-11 {

        margin-left: 91.66666667%

    }



    .col-sm-offset-10 {

        margin-left: 83.33333333%

    }



    .col-sm-offset-9 {

        margin-left: 75%

    }



    .col-sm-offset-8 {

        margin-left: 66.66666667%

    }



    .col-sm-offset-7 {

        margin-left: 58.33333333%

    }



    .col-sm-offset-6 {

        margin-left: 50%

    }



    .col-sm-offset-5 {

        margin-left: 41.66666667%

    }



    .col-sm-offset-4 {

        margin-left: 33.33333333%

    }



    .col-sm-offset-3 {

        margin-left: 25%

    }



    .col-sm-offset-2 {

        margin-left: 16.66666667%

    }



    .col-sm-offset-1 {

        margin-left: 8.33333333%

    }



    .col-sm-offset-0 {

        margin-left: 0

    }

}



@media (min-width: 992px) {

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

        float: left

    }



    .col-md-12 {

        width: 100%

    }



    .col-md-11 {

        width: 91.66666667%

    }



    .col-md-10 {

        width: 83.33333333%

    }



    .col-md-9 {

        width: 75%

    }



    .col-md-8 {

        width: 66.66666667%

    }



    .col-md-7 {

        width: 58.33333333%

    }



    .col-md-6 {

        width: 50%

    }



    .col-md-5 {

        width: 41.66666667%

    }



    .col-md-4 {

        width: 33.33333333%

    }



    .col-md-3 {

        width: 25%

    }



    .col-md-2 {

        width: 16.66666667%

    }



    .col-md-1 {

        width: 8.33333333%

    }



    .col-md-pull-12 {

        right: 100%

    }



    .col-md-pull-11 {

        right: 91.66666667%

    }



    .col-md-pull-10 {

        right: 83.33333333%

    }



    .col-md-pull-9 {

        right: 75%

    }



    .col-md-pull-8 {

        right: 66.66666667%

    }



    .col-md-pull-7 {

        right: 58.33333333%

    }



    .col-md-pull-6 {

        right: 50%

    }



    .col-md-pull-5 {

        right: 41.66666667%

    }



    .col-md-pull-4 {

        right: 33.33333333%

    }



    .col-md-pull-3 {

        right: 25%

    }



    .col-md-pull-2 {

        right: 16.66666667%

    }



    .col-md-pull-1 {

        right: 8.33333333%

    }



    .col-md-pull-0 {

        right: 0

    }



    .col-md-push-12 {

        left: 100%

    }



    .col-md-push-11 {

        left: 91.66666667%

    }



    .col-md-push-10 {

        left: 83.33333333%

    }



    .col-md-push-9 {

        left: 75%

    }



    .col-md-push-8 {

        left: 66.66666667%

    }



    .col-md-push-7 {

        left: 58.33333333%

    }



    .col-md-push-6 {

        left: 50%

    }



    .col-md-push-5 {

        left: 41.66666667%

    }



    .col-md-push-4 {

        left: 33.33333333%

    }



    .col-md-push-3 {

        left: 25%

    }



    .col-md-push-2 {

        left: 16.66666667%

    }



    .col-md-push-1 {

        left: 8.33333333%

    }



    .col-md-push-0 {

        left: 0

    }



    .col-md-offset-12 {

        margin-left: 100%

    }



    .col-md-offset-11 {

        margin-left: 91.66666667%

    }



    .col-md-offset-10 {

        margin-left: 83.33333333%

    }



    .col-md-offset-9 {

        margin-left: 75%

    }



    .col-md-offset-8 {

        margin-left: 66.66666667%

    }



    .col-md-offset-7 {

        margin-left: 58.33333333%

    }



    .col-md-offset-6 {

        margin-left: 50%

    }



    .col-md-offset-5 {

        margin-left: 41.66666667%

    }



    .col-md-offset-4 {

        margin-left: 33.33333333%

    }



    .col-md-offset-3 {

        margin-left: 25%

    }



    .col-md-offset-2 {

        margin-left: 16.66666667%

    }



    .col-md-offset-1 {

        margin-left: 8.33333333%

    }



    .col-md-offset-0 {

        margin-left: 0

    }

}



@media (min-width: 1200px) {

    .col-lg-1, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-lg-10, .col-lg-11, .col-lg-12 {

        float: left

    }



    .col-lg-12 {

        width: 100%

    }



    .col-lg-11 {

        width: 91.66666667%

    }



    .col-lg-10 {

        width: 83.33333333%

    }



    .col-lg-9 {

        width: 75%

    }



    .col-lg-8 {

        width: 66.66666667%

    }



    .col-lg-7 {

        width: 58.33333333%

    }



    .col-lg-6 {

        width: 50%

    }



    .col-lg-5 {

        width: 41.66666667%

    }



    .col-lg-4 {

        width: 33.33333333%

    }



    .col-lg-3 {

        width: 25%

    }



    .col-lg-2 {

        width: 16.66666667%

    }



    .col-lg-1 {

        width: 8.33333333%

    }



    .col-lg-pull-12 {

        right: 100%

    }



    .col-lg-pull-11 {

        right: 91.66666667%

    }



    .col-lg-pull-10 {

        right: 83.33333333%

    }



    .col-lg-pull-9 {

        right: 75%

    }



    .col-lg-pull-8 {

        right: 66.66666667%

    }



    .col-lg-pull-7 {

        right: 58.33333333%

    }



    .col-lg-pull-6 {

        right: 50%

    }



    .col-lg-pull-5 {

        right: 41.66666667%

    }



    .col-lg-pull-4 {

        right: 33.33333333%

    }



    .col-lg-pull-3 {

        right: 25%

    }



    .col-lg-pull-2 {

        right: 16.66666667%

    }



    .col-lg-pull-1 {

        right: 8.33333333%

    }



    .col-lg-pull-0 {

        right: 0

    }



    .col-lg-push-12 {

        left: 100%

    }



    .col-lg-push-11 {

        left: 91.66666667%

    }



    .col-lg-push-10 {

        left: 83.33333333%

    }



    .col-lg-push-9 {

        left: 75%

    }



    .col-lg-push-8 {

        left: 66.66666667%

    }



    .col-lg-push-7 {

        left: 58.33333333%

    }



    .col-lg-push-6 {

        left: 50%

    }



    .col-lg-push-5 {

        left: 41.66666667%

    }



    .col-lg-push-4 {

        left: 33.33333333%

    }



    .col-lg-push-3 {

        left: 25%

    }



    .col-lg-push-2 {

        left: 16.66666667%

    }



    .col-lg-push-1 {

        left: 8.33333333%

    }



    .col-lg-push-0 {

        left: 0

    }



    .col-lg-offset-12 {

        margin-left: 100%

    }



    .col-lg-offset-11 {

        margin-left: 91.66666667%

    }



    .col-lg-offset-10 {

        margin-left: 83.33333333%

    }



    .col-lg-offset-9 {

        margin-left: 75%

    }



    .col-lg-offset-8 {

        margin-left: 66.66666667%

    }



    .col-lg-offset-7 {

        margin-left: 58.33333333%

    }



    .col-lg-offset-6 {

        margin-left: 50%

    }



    .col-lg-offset-5 {

        margin-left: 41.66666667%

    }



    .col-lg-offset-4 {

        margin-left: 33.33333333%

    }



    .col-lg-offset-3 {

        margin-left: 25%

    }



    .col-lg-offset-2 {

        margin-left: 16.66666667%

    }



    .col-lg-offset-1 {

        margin-left: 8.33333333%

    }



    .col-lg-offset-0 {

        margin-left: 0

    }

}



table {

    max-width: 100%;

    background-color: transparent

}



th {

    text-align: left

}



.table {

    width: 100%;

    margin-bottom: 20px

}



.table > thead > tr > th, .table > tbody > tr > th, .table > tfoot > tr > th, .table > thead > tr > td, .table > tbody > tr > td, .table > tfoot > tr > td {

    padding: 8px;

    line-height: 1.42857143;

    vertical-align: top;

    border-top: 1px solid #ddd

}



.table > thead > tr > th {

    vertical-align: bottom;

    border-bottom: 2px solid #ddd

}



.table > caption + thead > tr:first-child > th, .table > colgroup + thead > tr:first-child > th, .table > thead:first-child > tr:first-child > th, .table > caption + thead > tr:first-child > td, .table > colgroup + thead > tr:first-child > td, .table > thead:first-child > tr:first-child > td {

    border-top: 0

}



.table > tbody + tbody {

    border-top: 2px solid #ddd

}



.table .table {

    background-color: #fff

}



.table-condensed > thead > tr > th, .table-condensed > tbody > tr > th, .table-condensed > tfoot > tr > th, .table-condensed > thead > tr > td, .table-condensed > tbody > tr > td, .table-condensed > tfoot > tr > td {

    padding: 5px

}



.table-bordered {

    border: 1px solid #ddd

}



.table-bordered > thead > tr > th, .table-bordered > tbody > tr > th, .table-bordered > tfoot > tr > th, .table-bordered > thead > tr > td, .table-bordered > tbody > tr > td, .table-bordered > tfoot > tr > td {

    border: 1px solid #ddd

}



.table-bordered > thead > tr > th, .table-bordered > thead > tr > td {

    border-bottom-width: 2px

}



.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 col[class*=col-] {

    position: static;

    float: none;

    display: table-column

}



table td[class*=col-], table th[class*=col-] {

    position: static;

    float: none;

    display: table-cell

}



.table > thead > tr > td.active, .table > tbody > tr > td.active, .table > tfoot > tr > td.active, .table > thead > tr > th.active, .table > tbody > tr > th.active, .table > tfoot > tr > th.active, .table > thead > tr.active > td, .table > tbody > tr.active > td, .table > tfoot > tr.active > td, .table > thead > tr.active > th, .table > tbody > tr.active > th, .table > tfoot > tr.active > th {

    background-color: #f5f5f5

}



.table-hover > tbody > tr > td.active:hover, .table-hover > tbody > tr > th.active:hover, .table-hover > tbody > tr.active:hover > td, .table-hover > tbody > tr.active:hover > th {

    background-color: #e8e8e8

}



.table > thead > tr > td.success, .table > tbody > tr > td.success, .table > tfoot > tr > td.success, .table > thead > tr > th.success, .table > tbody > tr > th.success, .table > tfoot > tr > th.success, .table > thead > tr.success > td, .table > tbody > tr.success > td, .table > tfoot > tr.success > td, .table > thead > tr.success > th, .table > tbody > tr.success > th, .table > tfoot > tr.success > th {

    background-color: #dff0d8

}



.table-hover > tbody > tr > td.success:hover, .table-hover > tbody > tr > th.success:hover, .table-hover > tbody > tr.success:hover > td, .table-hover > tbody > tr.success:hover > th {

    background-color: #d0e9c6

}



.table > thead > tr > td.info, .table > tbody > tr > td.info, .table > tfoot > tr > td.info, .table > thead > tr > th.info, .table > tbody > tr > th.info, .table > tfoot > tr > th.info, .table > thead > tr.info > td, .table > tbody > tr.info > td, .table > tfoot > tr.info > td, .table > thead > tr.info > th, .table > tbody > tr.info > th, .table > tfoot > tr.info > th {

    background-color: #d9edf7

}



.table-hover > tbody > tr > td.info:hover, .table-hover > tbody > tr > th.info:hover, .table-hover > tbody > tr.info:hover > td, .table-hover > tbody > tr.info:hover > th {

    background-color: #c4e3f3

}



.table > thead > tr > td.warning, .table > tbody > tr > td.warning, .table > tfoot > tr > td.warning, .table > thead > tr > th.warning, .table > tbody > tr > th.warning, .table > tfoot > tr > th.warning, .table > thead > tr.warning > td, .table > tbody > tr.warning > td, .table > tfoot > tr.warning > td, .table > thead > tr.warning > th, .table > tbody > tr.warning > th, .table > tfoot > tr.warning > th {

    background-color: #fcf8e3

}



.table-hover > tbody > tr > td.warning:hover, .table-hover > tbody > tr > th.warning:hover, .table-hover > tbody > tr.warning:hover > td, .table-hover > tbody > tr.warning:hover > th {

    background-color: #faf2cc

}



.table > thead > tr > td.danger, .table > tbody > tr > td.danger, .table > tfoot > tr > td.danger, .table > thead > tr > th.danger, .table > tbody > tr > th.danger, .table > tfoot > tr > th.danger, .table > thead > tr.danger > td, .table > tbody > tr.danger > td, .table > tfoot > tr.danger > td, .table > thead > tr.danger > th, .table > tbody > tr.danger > th, .table > tfoot > tr.danger > th {

    background-color: #f2dede

}



.table-hover > tbody > tr > td.danger:hover, .table-hover > tbody > tr > th.danger:hover, .table-hover > tbody > tr.danger:hover > td, .table-hover > tbody > tr.danger:hover > th {

    background-color: #ebcccc

}



@media (max-width: 767px) {

    .table-responsive {

        width: 100%;

        margin-bottom: 15px;

        overflow-y: hidden;

        overflow-x: scroll;

        -ms-overflow-style: -ms-autohiding-scrollbar;

        border: 1px solid #ddd;

        -webkit-overflow-scrolling: touch

    }



    .table-responsive > .table {

        margin-bottom: 0

    }



    .table-responsive > .table > thead > tr > th, .table-responsive > .table > tbody > tr > th, .table-responsive > .table > tfoot > tr > th, .table-responsive > .table > thead > tr > td, .table-responsive > .table > tbody > tr > td, .table-responsive > .table > tfoot > tr > td {

        white-space: nowrap

    }



    .table-responsive > .table-bordered {

        border: 0

    }



    .table-responsive > .table-bordered > thead > tr > th:first-child, .table-responsive > .table-bordered > tbody > tr > th:first-child, .table-responsive > .table-bordered > tfoot > tr > th:first-child, .table-responsive > .table-bordered > thead > tr > td:first-child, .table-responsive > .table-bordered > tbody > tr > td:first-child, .table-responsive > .table-bordered > tfoot > tr > td:first-child {

        border-left: 0

    }



    .table-responsive > .table-bordered > thead > tr > th:last-child, .table-responsive > .table-bordered > tbody > tr > th:last-child, .table-responsive > .table-bordered > tfoot > tr > th:last-child, .table-responsive > .table-bordered > thead > tr > td:last-child, .table-responsive > .table-bordered > tbody > tr > td:last-child, .table-responsive > .table-bordered > tfoot > tr > td:last-child {

        border-right: 0

    }



    .table-responsive > .table-bordered > tbody > tr:last-child > th, .table-responsive > .table-bordered > tfoot > tr:last-child > th, .table-responsive > .table-bordered > tbody > tr:last-child > td, .table-responsive > .table-bordered > tfoot > tr:last-child > td {

        border-bottom: 0

    }

}



fieldset {

    padding: 0;

    margin: 0;

    border: 0;

    min-width: 0

}



legend {

    display: block;

    width: 100%;

    padding: 0;

    margin-bottom: 20px;

    font-size: 21px;

    line-height: inherit;

    color: #333;

    border: 0;

    border-bottom: 1px solid #e5e5e5

}



label {

    display: inline-block;

    margin-bottom: 5px;

    font-weight: 700

}







select[multiple], select[size] {

    height: auto

}







output {

    display: block;

    padding-top: 7px;

    font-size: 14px;

    line-height: 1.42857143;

    color: #555

}



.form-control {

    display: block;

    width: 100%;

    height: 34px;

    padding: 6px 12px;

    font-size: 14px;

    line-height: 1.42857143;

    color: #555;

    background-color: #fff;

    background-image: none;

    border: 1px solid #ccc;

    border-radius: 4px;

    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);

    box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);

    -webkit-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;

    transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s

}



.form-control:focus {

    border-color: #66afe9;

    outline: 0;

    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 8px rgba(102, 175, 233, .6);

    box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 8px rgba(102, 175, 233, .6)

}



.form-control::-moz-placeholder {

    color: #999;

    opacity: 1

}



.form-control:-ms-input-placeholder {

    color: #999

}



.form-control::-webkit-input-placeholder {

    color: #999

}



.form-control[disabled], .form-control[readonly], fieldset[disabled] .form-control {

    cursor: not-allowed;

    background-color: #eee;

    opacity: 1

}



textarea.form-control {

    height: auto

}



input[type=search] {

    -webkit-appearance: none

}



input[type=date] {

    line-height: 34px

}



.form-group {

    margin-bottom: 15px

}



.radio, .checkbox {

    display: block;

    min-height: 20px;

    margin-top: 10px;

    margin-bottom: 10px;

    padding-left: 20px

}



.radio label, .checkbox label {

    display: inline;

    font-weight: 400;

    cursor: pointer

}



.radio input[type=radio], .radio-inline input[type=radio], .checkbox input[type=checkbox], .checkbox-inline input[type=checkbox] {

    float: left;

    margin-left: -20px

}



.radio + .radio, .checkbox + .checkbox {

    margin-top: -5px

}



.radio-inline, .checkbox-inline {

    display: inline-block;

    padding-left: 20px;

    margin-bottom: 0;

    vertical-align: middle;

    font-weight: 400;

    cursor: pointer

}



.radio-inline + .radio-inline, .checkbox-inline + .checkbox-inline {

    margin-top: 0;

    margin-left: 10px

}



input[type=radio][disabled], input[type=checkbox][disabled], .radio[disabled], .radio-inline[disabled], .checkbox[disabled], .checkbox-inline[disabled], fieldset[disabled] input[type=radio], fieldset[disabled] input[type=checkbox], fieldset[disabled] .radio, fieldset[disabled] .radio-inline, fieldset[disabled] .checkbox, fieldset[disabled] .checkbox-inline {

    cursor: not-allowed

}



.input-sm {

    height: 30px;

    padding: 5px 10px;

    font-size: 12px;

    line-height: 1.5;

    border-radius: 3px

}



select.input-sm {

    height: 30px;

    line-height: 30px

}



textarea.input-sm, select[multiple].input-sm {

    height: auto

}



.input-lg {

    height: 46px;

    padding: 10px 16px;

    font-size: 18px;

    line-height: 1.33;

    border-radius: 6px

}



select.input-lg {

    height: 46px;

    line-height: 46px

}



textarea.input-lg, select[multiple].input-lg {

    height: auto

}



.has-feedback {

    position: relative

}



.has-feedback .form-control {

    padding-right: 42.5px

}



.has-feedback .form-control-feedback {

    position: absolute;

    top: 25px;

    right: 0;

    display: block;

    width: 34px;

    height: 34px;

    line-height: 34px;

    text-align: center

}



.has-success .help-block, .has-success .control-label, .has-success .radio, .has-success .checkbox, .has-success .radio-inline, .has-success .checkbox-inline {

    color: #3c763d

}



.has-success .form-control {

    border-color: #3c763d;

    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);

    box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075)

}



.has-success .form-control:focus {

    border-color: #2b542c;

    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 6px #67b168;

    box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 6px #67b168

}



.has-success .input-group-addon {

    color: #3c763d;

    border-color: #3c763d;

    background-color: #dff0d8

}



.has-success .form-control-feedback {

    color: #3c763d

}



.has-warning .help-block, .has-warning .control-label, .has-warning .radio, .has-warning .checkbox, .has-warning .radio-inline, .has-warning .checkbox-inline {

    color: #8a6d3b

}



.has-warning .form-control {

    border-color: #8a6d3b;

    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);

    box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075)

}



.has-warning .form-control:focus {

    border-color: #66512c;

    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 6px #c0a16b;

    box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 6px #c0a16b

}



.has-warning .input-group-addon {

    color: #8a6d3b;

    border-color: #8a6d3b;

    background-color: #fcf8e3

}



.has-warning .form-control-feedback {

    color: #8a6d3b

}



.has-error .help-block, .has-error .control-label, .has-error .radio, .has-error .checkbox, .has-error .radio-inline, .has-error .checkbox-inline {

    color: #a94442

}



.has-error .form-control {

    border-color: #a94442;

    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);

    box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075)

}



.has-error .form-control:focus {

    border-color: #843534;

    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 6px #ce8483;

    box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 6px #ce8483

}



.has-error .input-group-addon {

    color: #a94442;

    border-color: #a94442;

    background-color: #f2dede

}



.has-error .form-control-feedback {

    color: #a94442

}



.form-control-static {

    margin-bottom: 0

}



.help-block {

    display: block;

    margin-top: 5px;

    margin-bottom: 10px;

    color: #737373

}



@media (min-width: 768px) {

    .form-inline .form-group {

        display: inline-block;

        margin-bottom: 0;

        vertical-align: middle

    }



    .form-inline .form-control {

        display: inline-block;

        width: auto;

        vertical-align: middle

    }



    .form-inline .input-group > .form-control {

        width: 100%

    }



    .form-inline .control-label {

        margin-bottom: 0;

        vertical-align: middle

    }



    .form-inline .radio, .form-inline .checkbox {

        display: inline-block;

        margin-top: 0;

        margin-bottom: 0;

        padding-left: 0;

        vertical-align: middle

    }



    .form-inline .radio input[type=radio], .form-inline .checkbox input[type=checkbox] {

        float: none;

        margin-left: 0

    }



    .form-inline .has-feedback .form-control-feedback {

        top: 0

    }

}



.form-horizontal .control-label, .form-horizontal .radio, .form-horizontal .checkbox, .form-horizontal .radio-inline, .form-horizontal .checkbox-inline {

    margin-top: 0;

    margin-bottom: 0;

    padding-top: 7px

}



.form-horizontal .radio, .form-horizontal .checkbox {

    min-height: 27px

}



.form-horizontal .form-group {

    margin-left: -15px;

    margin-right: -15px

}



.form-horizontal .form-control-static {

    padding-top: 7px

}



@media (min-width: 768px) {

    .form-horizontal .control-label {

        text-align: right

    }

}



.form-horizontal .has-feedback .form-control-feedback {

    top: 0;

    right: 15px

}



.btn {

    display: inline-block;

    margin-bottom: 0;

    font-weight: 400;

    text-align: center;

    vertical-align: middle;

    cursor: pointer;

    background-image: none;

    border: 1px solid transparent;

    white-space: nowrap;

    padding: 6px 12px;

    font-size: 14px;

    line-height: 1.42857143;

    border-radius: 4px;

    -webkit-user-select: none;

    -moz-user-select: none;

    -ms-user-select: none;

    user-select: none

}



.btn:focus, .btn:active:focus, .btn.active:focus {

    outline: thin dotted;

    outline: 5px auto -webkit-focus-ring-color;

    outline-offset: -2px

}



.btn:hover, .btn:focus {

    color: #333;

    text-decoration: none

}



.btn:active, .btn.active {

    outline: 0;

    background-image: none;

    -webkit-box-shadow: inset 0 3px 5px rgba(0, 0, 0, .125);

    box-shadow: inset 0 3px 5px rgba(0, 0, 0, .125)

}



.btn.disabled, .btn[disabled], fieldset[disabled] .btn {

    cursor: not-allowed;

    pointer-events: none;

    opacity: .65;

    filter: alpha(opacity=65);

    -webkit-box-shadow: none;

    box-shadow: none

}



.btn-default {

    color: #333;

    background-color: #fff;

    border-color: #ccc

}



.btn-default:hover, .btn-default:focus, .btn-default:active, .btn-default.active, .open .dropdown-toggle.btn-default {

    color: #333;

    background-color: #ebebeb;

    border-color: #adadad

}



.btn-default:active, .btn-default.active, .open .dropdown-toggle.btn-default {

    background-image: none

}



.btn-default.disabled, .btn-default[disabled], fieldset[disabled] .btn-default, .btn-default.disabled:hover, .btn-default[disabled]:hover, fieldset[disabled] .btn-default:hover, .btn-default.disabled:focus, .btn-default[disabled]:focus, fieldset[disabled] .btn-default:focus, .btn-default.disabled:active, .btn-default[disabled]:active, fieldset[disabled] .btn-default:active, .btn-default.disabled.active, .btn-default[disabled].active, fieldset[disabled] .btn-default.active {

    background-color: #fff;

    border-color: #ccc

}



.btn-default .badge {

    color: #fff;

    background-color: #333

}



.btn-primary {

    color: #fff;

    background-color: #428bca;

    border-color: #357ebd

}



.btn-primary:hover, .btn-primary:focus, .btn-primary:active, .btn-primary.active, .open .dropdown-toggle.btn-primary {

    color: #fff;

    background-color: #3276b1;

    border-color: #285e8e

}



.btn-primary:active, .btn-primary.active, .open .dropdown-toggle.btn-primary {

    background-image: none

}



.btn-primary.disabled, .btn-primary[disabled], fieldset[disabled] .btn-primary, .btn-primary.disabled:hover, .btn-primary[disabled]:hover, fieldset[disabled] .btn-primary:hover, .btn-primary.disabled:focus, .btn-primary[disabled]:focus, fieldset[disabled] .btn-primary:focus, .btn-primary.disabled:active, .btn-primary[disabled]:active, fieldset[disabled] .btn-primary:active, .btn-primary.disabled.active, .btn-primary[disabled].active, fieldset[disabled] .btn-primary.active {

    background-color: #428bca;

    border-color: #357ebd

}



.btn-primary .badge {

    color: #428bca;

    background-color: #fff

}



.btn-success {

    color: #fff;

    background-color: #5cb85c;

    border-color: #4cae4c

}



.btn-success:hover, .btn-success:focus, .btn-success:active, .btn-success.active, .open .dropdown-toggle.btn-success {

    color: #fff;

    background-color: #47a447;

    border-color: #398439

}



.btn-success:active, .btn-success.active, .open .dropdown-toggle.btn-success {

    background-image: none

}



.btn-success.disabled, .btn-success[disabled], fieldset[disabled] .btn-success, .btn-success.disabled:hover, .btn-success[disabled]:hover, fieldset[disabled] .btn-success:hover, .btn-success.disabled:focus, .btn-success[disabled]:focus, fieldset[disabled] .btn-success:focus, .btn-success.disabled:active, .btn-success[disabled]:active, fieldset[disabled] .btn-success:active, .btn-success.disabled.active, .btn-success[disabled].active, fieldset[disabled] .btn-success.active {

    background-color: #5cb85c;

    border-color: #4cae4c

}



.btn-success .badge {

    color: #5cb85c;

    background-color: #fff

}



.btn-info {

    color: #fff;

    background-color: #5bc0de;

    border-color: #46b8da

}



.btn-info:hover, .btn-info:focus, .btn-info:active, .btn-info.active, .open .dropdown-toggle.btn-info {

    color: #fff;

    background-color: #39b3d7;

    border-color: #269abc

}



.btn-info:active, .btn-info.active, .open .dropdown-toggle.btn-info {

    background-image: none

}



.btn-info.disabled, .btn-info[disabled], fieldset[disabled] .btn-info, .btn-info.disabled:hover, .btn-info[disabled]:hover, fieldset[disabled] .btn-info:hover, .btn-info.disabled:focus, .btn-info[disabled]:focus, fieldset[disabled] .btn-info:focus, .btn-info.disabled:active, .btn-info[disabled]:active, fieldset[disabled] .btn-info:active, .btn-info.disabled.active, .btn-info[disabled].active, fieldset[disabled] .btn-info.active {

    background-color: #5bc0de;

    border-color: #46b8da

}



.btn-info .badge {

    color: #5bc0de;

    background-color: #fff

}



.btn-warning {

    color: #fff;

    background-color: #f0ad4e;

    border-color: #eea236

}



.btn-warning:hover, .btn-warning:focus, .btn-warning:active, .btn-warning.active, .open .dropdown-toggle.btn-warning {

    color: #fff;

    background-color: #ed9c28;

    border-color: #d58512

}



.btn-warning:active, .btn-warning.active, .open .dropdown-toggle.btn-warning {

    background-image: none

}



.btn-warning.disabled, .btn-warning[disabled], fieldset[disabled] .btn-warning, .btn-warning.disabled:hover, .btn-warning[disabled]:hover, fieldset[disabled] .btn-warning:hover, .btn-warning.disabled:focus, .btn-warning[disabled]:focus, fieldset[disabled] .btn-warning:focus, .btn-warning.disabled:active, .btn-warning[disabled]:active, fieldset[disabled] .btn-warning:active, .btn-warning.disabled.active, .btn-warning[disabled].active, fieldset[disabled] .btn-warning.active {

    background-color: #f0ad4e;

    border-color: #eea236

}



.btn-warning .badge {

    color: #f0ad4e;

    background-color: #fff

}



.btn-danger {

    color: #fff;

    background-color: #d9534f;

    border-color: #d43f3a

}



.btn-danger:hover, .btn-danger:focus, .btn-danger:active, .btn-danger.active, .open .dropdown-toggle.btn-danger {

    color: #fff;

    background-color: #d2322d;

    border-color: #ac2925

}



.btn-danger:active, .btn-danger.active, .open .dropdown-toggle.btn-danger {

    background-image: none

}



.btn-danger.disabled, .btn-danger[disabled], fieldset[disabled] .btn-danger, .btn-danger.disabled:hover, .btn-danger[disabled]:hover, fieldset[disabled] .btn-danger:hover, .btn-danger.disabled:focus, .btn-danger[disabled]:focus, fieldset[disabled] .btn-danger:focus, .btn-danger.disabled:active, .btn-danger[disabled]:active, fieldset[disabled] .btn-danger:active, .btn-danger.disabled.active, .btn-danger[disabled].active, fieldset[disabled] .btn-danger.active {

    background-color: #d9534f;

    border-color: #d43f3a

}



.btn-danger .badge {

    color: #d9534f;

    background-color: #fff

}



.btn-link {

    color: #428bca;

    font-weight: 400;

    cursor: pointer;

    border-radius: 0

}



.btn-link, .btn-link:active, .btn-link[disabled], fieldset[disabled] .btn-link {

    background-color: transparent;

    -webkit-box-shadow: none;

    box-shadow: none

}



.btn-link, .btn-link:hover, .btn-link:focus, .btn-link:active {

    border-color: transparent

}



.btn-link:hover, .btn-link:focus {

    color: #2a6496;

    text-decoration: underline;

    background-color: transparent

}



.btn-link[disabled]:hover, fieldset[disabled] .btn-link:hover, .btn-link[disabled]:focus, fieldset[disabled] .btn-link:focus {

    color: #999;

    text-decoration: none

}



.btn-lg, .btn-group-lg > .btn {

    padding: 10px 16px;

    font-size: 18px;

    line-height: 1.33;

    border-radius: 6px

}



.btn-sm, .btn-group-sm > .btn {

    padding: 5px 10px;

    font-size: 12px;

    line-height: 1.5;

    border-radius: 3px

}



.btn-xs, .btn-group-xs > .btn {

    padding: 1px 5px;

    font-size: 12px;

    line-height: 1.5;

    border-radius: 3px

}



.btn-block {

    display: block;

    width: 100%;

    padding-left: 0;

    padding-right: 0

}



.btn-block + .btn-block {

    margin-top: 5px

}



input[type=submit].btn-block, input[type=reset].btn-block, input[type=button].btn-block {

    width: 100%

}



.fade {

    opacity: 0;

    -webkit-transition: opacity .15s linear;

    transition: opacity .15s linear

}



.fade.in {

    opacity: 1

}



.collapse {

    display: none

}



.collapse.in {

    display: block

}



.collapsing {

    position: relative;

    height: 0;

    overflow: hidden;

    -webkit-transition: height .35s ease;

    transition: height .35s ease

}



@font-face {

    font-family: 'Glyphicons Halflings';

    src: url(../fonts/glyphicons-halflings-regular.eot);

    src: url(../fonts/glyphicons-halflings-regular.eot?#iefix) format('embedded-opentype'), url(../fonts/glyphicons-halflings-regular.woff) format('woff'), url(../fonts/glyphicons-halflings-regular.ttf) format('truetype'), url(../fonts/glyphicons-halflings-regular.svg#glyphicons_halflingsregular) format('svg')

}



.glyphicon {

    position: relative;

    top: 1px;

    display: inline-block;

    font-family: 'Glyphicons Halflings';

    font-style: normal;

    font-weight: 400;

    line-height: 1;

    -webkit-font-smoothing: antialiased;

    -moz-osx-font-smoothing: grayscale

}



.glyphicon-asterisk:before {

    content: "\2a"

}



.glyphicon-plus:before {

    content: "\2b"

}



.glyphicon-euro:before {

    content: "\20ac"

}



.glyphicon-minus:before {

    content: "\2212"

}



.glyphicon-cloud:before {

    content: "\2601"

}



.glyphicon-envelope:before {

    content: "\2709"

}



.glyphicon-pencil:before {

    content: "\270f"

}



.glyphicon-glass:before {

    content: "\e001"

}



.glyphicon-music:before {

    content: "\e002"

}



.glyphicon-search:before {

    content: "\e003"

}



.glyphicon-heart:before {

    content: "\e005"

}



.glyphicon-star:before {

    content: "\e006"

}



.glyphicon-star-empty:before {

    content: "\e007"

}



.glyphicon-user:before {

    content: "\e008"

}



.glyphicon-film:before {

    content: "\e009"

}



.glyphicon-th-large:before {

    content: "\e010"

}



.glyphicon-th:before {

    content: "\e011"

}



.glyphicon-th-list:before {

    content: "\e012"

}



.glyphicon-ok:before {

    content: "\e013"

}



.glyphicon-remove:before {

    content: "\e014"

}



.glyphicon-zoom-in:before {

    content: "\e015"

}



.glyphicon-zoom-out:before {

    content: "\e016"

}



.glyphicon-off:before {

    content: "\e017"

}



.glyphicon-signal:before {

    content: "\e018"

}



.glyphicon-cog:before {

    content: "\e019"

}



.glyphicon-trash:before {

    content: "\e020"

}



.glyphicon-home:before {

    content: "\e021"

}



.glyphicon-file:before {

    content: "\e022"

}



.glyphicon-time:before {

    content: "\e023"

}



.glyphicon-road:before {

    content: "\e024"

}



.glyphicon-download-alt:before {

    content: "\e025"

}



.glyphicon-download:before {

    content: "\e026"

}



.glyphicon-upload:before {

    content: "\e027"

}



.glyphicon-inbox:before {

    content: "\e028"

}



.glyphicon-play-circle:before {

    content: "\e029"

}



.glyphicon-repeat:before {

    content: "\e030"

}



.glyphicon-refresh:before {

    content: "\e031"

}



.glyphicon-list-alt:before {

    content: "\e032"

}



.glyphicon-lock:before {

    content: "\e033"

}



.glyphicon-flag:before {

    content: "\e034"

}



.glyphicon-headphones:before {

    content: "\e035"

}



.glyphicon-volume-off:before {

    content: "\e036"

}



.glyphicon-volume-down:before {

    content: "\e037"

}



.glyphicon-volume-up:before {

    content: "\e038"

}



.glyphicon-qrcode:before {

    content: "\e039"

}



.glyphicon-barcode:before {

    content: "\e040"

}



.glyphicon-tag:before {

    content: "\e041"

}



.glyphicon-tags:before {

    content: "\e042"

}



.glyphicon-book:before {

    content: "\e043"

}



.glyphicon-bookmark:before {

    content: "\e044"

}



.glyphicon-print:before {

    content: "\e045"

}



.glyphicon-camera:before {

    content: "\e046"

}



.glyphicon-font:before {

    content: "\e047"

}



.glyphicon-bold:before {

    content: "\e048"

}



.glyphicon-italic:before {

    content: "\e049"

}



.glyphicon-text-height:before {

    content: "\e050"

}



.glyphicon-text-width:before {

    content: "\e051"

}



.glyphicon-align-left:before {

    content: "\e052"

}



.glyphicon-align-center:before {

    content: "\e053"

}



.glyphicon-align-right:before {

    content: "\e054"

}



.glyphicon-align-justify:before {

    content: "\e055"

}



.glyphicon-list:before {

    content: "\e056"

}



.glyphicon-indent-left:before {

    content: "\e057"

}



.glyphicon-indent-right:before {

    content: "\e058"

}



.glyphicon-facetime-video:before {

    content: "\e059"

}



.glyphicon-picture:before {

    content: "\e060"

}



.glyphicon-map-marker:before {

    content: "\e062"

}



.glyphicon-adjust:before {

    content: "\e063"

}



.glyphicon-tint:before {

    content: "\e064"

}



.glyphicon-edit:before {

    content: "\e065"

}



.glyphicon-share:before {

    content: "\e066"

}



.glyphicon-check:before {

    content: "\e067"

}



.glyphicon-move:before {

    content: "\e068"

}



.glyphicon-step-backward:before {

    content: "\e069"

}



.glyphicon-fast-backward:before {

    content: "\e070"

}



.glyphicon-backward:before {

    content: "\e071"

}



.glyphicon-play:before {

    content: "\e072"

}



.glyphicon-pause:before {

    content: "\e073"

}



.glyphicon-stop:before {

    content: "\e074"

}



.glyphicon-forward:before {

    content: "\e075"

}



.glyphicon-fast-forward:before {

    content: "\e076"

}



.glyphicon-step-forward:before {

    content: "\e077"

}



.glyphicon-eject:before {

    content: "\e078"

}



.glyphicon-chevron-left:before {

    content: "\e079"

}



.glyphicon-chevron-right:before {

    content: "\e080"

}



.glyphicon-plus-sign:before {

    content: "\e081"

}



.glyphicon-minus-sign:before {

    content: "\e082"

}



.glyphicon-remove-sign:before {

    content: "\e083"

}



.glyphicon-ok-sign:before {

    content: "\e084"

}



.glyphicon-question-sign:before {

    content: "\e085"

}



.glyphicon-info-sign:before {

    content: "\e086"

}



.glyphicon-screenshot:before {

    content: "\e087"

}



.glyphicon-remove-circle:before {

    content: "\e088"

}



.glyphicon-ok-circle:before {

    content: "\e089"

}



.glyphicon-ban-circle:before {

    content: "\e090"

}



.glyphicon-arrow-left:before {

    content: "\e091"

}



.glyphicon-arrow-right:before {

    content: "\e092"

}



.glyphicon-arrow-up:before {

    content: "\e093"

}



.glyphicon-arrow-down:before {

    content: "\e094"

}



.glyphicon-share-alt:before {

    content: "\e095"

}



.glyphicon-resize-full:before {

    content: "\e096"

}



.glyphicon-resize-small:before {

    content: "\e097"

}



.glyphicon-exclamation-sign:before {

    content: "\e101"

}



.glyphicon-gift:before {

    content: "\e102"

}



.glyphicon-leaf:before {

    content: "\e103"

}



.glyphicon-fire:before {

    content: "\e104"

}



.glyphicon-eye-open:before {

    content: "\e105"

}



.glyphicon-eye-close:before {

    content: "\e106"

}



.glyphicon-warning-sign:before {

    content: "\e107"

}



.glyphicon-plane:before {

    content: "\e108"

}



.glyphicon-calendar:before {

    content: "\e109"

}



.glyphicon-random:before {

    content: "\e110"

}



.glyphicon-comment:before {

    content: "\e111"

}



.glyphicon-magnet:before {

    content: "\e112"

}



.glyphicon-chevron-up:before {

    content: "\e113"

}



.glyphicon-chevron-down:before {

    content: "\e114"

}



.glyphicon-retweet:before {

    content: "\e115"

}



.glyphicon-shopping-cart:before {

    content: "\e116"

}



.glyphicon-folder-close:before {

    content: "\e117"

}



.glyphicon-folder-open:before {

    content: "\e118"

}



.glyphicon-resize-vertical:before {

    content: "\e119"

}



.glyphicon-resize-horizontal:before {

    content: "\e120"

}



.glyphicon-hdd:before {

    content: "\e121"

}



.glyphicon-bullhorn:before {

    content: "\e122"

}



.glyphicon-bell:before {

    content: "\e123"

}



.glyphicon-certificate:before {

    content: "\e124"

}



.glyphicon-thumbs-up:before {

    content: "\e125"

}



.glyphicon-thumbs-down:before {

    content: "\e126"

}



.glyphicon-hand-right:before {

    content: "\e127"

}



.glyphicon-hand-left:before {

    content: "\e128"

}



.glyphicon-hand-up:before {

    content: "\e129"

}



.glyphicon-hand-down:before {

    content: "\e130"

}



.glyphicon-circle-arrow-right:before {

    content: "\e131"

}



.glyphicon-circle-arrow-left:before {

    content: "\e132"

}



.glyphicon-circle-arrow-up:before {

    content: "\e133"

}



.glyphicon-circle-arrow-down:before {

    content: "\e134"

}



.glyphicon-globe:before {

    content: "\e135"

}



.glyphicon-wrench:before {

    content: "\e136"

}



.glyphicon-tasks:before {

    content: "\e137"

}



.glyphicon-filter:before {

    content: "\e138"

}



.glyphicon-briefcase:before {

    content: "\e139"

}



.glyphicon-fullscreen:before {

    content: "\e140"

}



.glyphicon-dashboard:before {

    content: "\e141"

}



.glyphicon-paperclip:before {

    content: "\e142"

}



.glyphicon-heart-empty:before {

    content: "\e143"

}



.glyphicon-link:before {

    content: "\e144"

}



.glyphicon-phone:before {

    content: "\e145"

}



.glyphicon-pushpin:before {

    content: "\e146"

}



.glyphicon-usd:before {

    content: "\e148"

}



.glyphicon-gbp:before {

    content: "\e149"

}



.glyphicon-sort:before {

    content: "\e150"

}



.glyphicon-sort-by-alphabet:before {

    content: "\e151"

}



.glyphicon-sort-by-alphabet-alt:before {

    content: "\e152"

}



.glyphicon-sort-by-order:before {

    content: "\e153"

}



.glyphicon-sort-by-order-alt:before {

    content: "\e154"

}



.glyphicon-sort-by-attributes:before {

    content: "\e155"

}



.glyphicon-sort-by-attributes-alt:before {

    content: "\e156"

}



.glyphicon-unchecked:before {

    content: "\e157"

}



.glyphicon-expand:before {

    content: "\e158"

}



.glyphicon-collapse-down:before {

    content: "\e159"

}



.glyphicon-collapse-up:before {

    content: "\e160"

}



.glyphicon-log-in:before {

    content: "\e161"

}



.glyphicon-flash:before {

    content: "\e162"

}



.glyphicon-log-out:before {

    content: "\e163"

}



.glyphicon-new-window:before {

    content: "\e164"

}



.glyphicon-record:before {

    content: "\e165"

}



.glyphicon-save:before {

    content: "\e166"

}



.glyphicon-open:before {

    content: "\e167"

}



.glyphicon-saved:before {

    content: "\e168"

}



.glyphicon-import:before {

    content: "\e169"

}



.glyphicon-export:before {

    content: "\e170"

}



.glyphicon-send:before {

    content: "\e171"

}



.glyphicon-floppy-disk:before {

    content: "\e172"

}



.glyphicon-floppy-saved:before {

    content: "\e173"

}



.glyphicon-floppy-remove:before {

    content: "\e174"

}



.glyphicon-floppy-save:before {

    content: "\e175"

}



.glyphicon-floppy-open:before {

    content: "\e176"

}



.glyphicon-credit-card:before {

    content: "\e177"

}



.glyphicon-transfer:before {

    content: "\e178"

}



.glyphicon-cutlery:before {

    content: "\e179"

}



.glyphicon-header:before {

    content: "\e180"

}



.glyphicon-compressed:before {

    content: "\e181"

}



.glyphicon-earphone:before {

    content: "\e182"

}



.glyphicon-phone-alt:before {

    content: "\e183"

}



.glyphicon-tower:before {

    content: "\e184"

}



.glyphicon-stats:before {

    content: "\e185"

}



.glyphicon-sd-video:before {

    content: "\e186"

}



.glyphicon-hd-video:before {

    content: "\e187"

}



.glyphicon-subtitles:before {

    content: "\e188"

}



.glyphicon-sound-stereo:before {

    content: "\e189"

}



.glyphicon-sound-dolby:before {

    content: "\e190"

}



.glyphicon-sound-5-1:before {

    content: "\e191"

}



.glyphicon-sound-6-1:before {

    content: "\e192"

}



.glyphicon-sound-7-1:before {

    content: "\e193"

}



.glyphicon-copyright-mark:before {

    content: "\e194"

}



.glyphicon-registration-mark:before {

    content: "\e195"

}



.glyphicon-cloud-download:before {

    content: "\e197"

}



.glyphicon-cloud-upload:before {

    content: "\e198"

}



.glyphicon-tree-conifer:before {

    content: "\e199"

}



.glyphicon-tree-deciduous:before {

    content: "\e200"

}



.caret {

    display: inline-block;

    width: 0;

    height: 0;

    margin-left: 2px;

    vertical-align: middle;

    border-top: 4px solid;

    border-right: 4px solid transparent;

    border-left: 4px solid transparent

}



.dropdown {

    position: relative

}



.dropdown-toggle:focus {

    outline: 0

}



.dropdown-menu {

    position: absolute;

    top: 100%;

    left: 0;

    z-index: 1000;

    display: none;

    float: left;

    min-width: 160px;

    padding: 5px 0;

    margin: 2px 0 0;

    list-style: none;

    font-size: 14px;

    background-color: #fff;

    border: 1px solid #ccc;

    border: 1px solid rgba(0, 0, 0, .15);

    border-radius: 4px;

    -webkit-box-shadow: 0 6px 12px rgba(0, 0, 0, .175);

    box-shadow: 0 6px 12px rgba(0, 0, 0, .175);

    background-clip: padding-box

}



.dropdown-menu.pull-right {

    right: 0;

    left: auto

}



.dropdown-menu .divider {

    height: 1px;

    margin: 9px 0;

    overflow: hidden;

    background-color: #e5e5e5

}



.dropdown-menu > li > a {

    display: block;

    padding: 3px 20px;

    clear: both;

    font-weight: 400;

    line-height: 1.42857143;

    color: #333;

    white-space: nowrap

}



.dropdown-menu > li > a:hover, .dropdown-menu > li > a:focus {

    text-decoration: none;

    color: #262626;

    background-color: #f5f5f5

}



.dropdown-menu > .active > a, .dropdown-menu > .active > a:hover, .dropdown-menu > .active > a:focus {

    color: #fff;

    text-decoration: none;

    outline: 0;

    background-color: #428bca

}



.dropdown-menu > .disabled > a, .dropdown-menu > .disabled > a:hover, .dropdown-menu > .disabled > a:focus {

    color: #999

}



.dropdown-menu > .disabled > a:hover, .dropdown-menu > .disabled > a:focus {

    text-decoration: none;

    background-color: transparent;

    background-image: none;

    filter: progid:DXImageTransform.Microsoft.gradient(enabled=false);

    cursor: not-allowed

}



.open > .dropdown-menu {

    display: block

}



.open > a {

    outline: 0

}



.dropdown-menu-right {

    left: auto;

    right: 0

}



.dropdown-menu-left {

    left: 0;

    right: auto

}



.dropdown-header {

    display: block;

    padding: 3px 20px;

    font-size: 12px;

    line-height: 1.42857143;

    color: #999

}



.dropdown-backdrop {

    position: fixed;

    left: 0;

    right: 0;

    bottom: 0;

    top: 0;

    z-index: 990

}



.pull-right > .dropdown-menu {

    right: 0;

    left: auto

}



.dropup .caret, .navbar-fixed-bottom .dropdown .caret {

    border-top: 0;

    border-bottom: 4px solid;

    content: ""

}



.dropup .dropdown-menu, .navbar-fixed-bottom .dropdown .dropdown-menu {

    top: auto;

    bottom: 100%;

    margin-bottom: 1px

}



@media (min-width: 768px) {

    .navbar-right .dropdown-menu {

        left: auto;

        right: 0

    }



    .navbar-right .dropdown-menu-left {

        left: 0;

        right: auto

    }

}



.btn-group, .btn-group-vertical {

    position: relative;

    display: inline-block;

    vertical-align: middle

}



.btn-group > .btn, .btn-group-vertical > .btn {

    position: relative;

    float: left

}



.btn-group > .btn:hover, .btn-group-vertical > .btn:hover, .btn-group > .btn:focus, .btn-group-vertical > .btn:focus, .btn-group > .btn:active, .btn-group-vertical > .btn:active, .btn-group > .btn.active, .btn-group-vertical > .btn.active {

    z-index: 2

}



.btn-group > .btn:focus, .btn-group-vertical > .btn:focus {

    outline: 0

}



.btn-group .btn + .btn, .btn-group .btn + .btn-group, .btn-group .btn-group + .btn, .btn-group .btn-group + .btn-group {

    margin-left: -1px

}



.btn-toolbar {

    margin-left: -5px

}



.btn-toolbar .btn-group, .btn-toolbar .input-group {

    float: left

}



.btn-toolbar > .btn, .btn-toolbar > .btn-group, .btn-toolbar > .input-group {

    margin-left: 5px

}



.btn-group > .btn:not(:first-child):not(:last-child):not(.dropdown-toggle) {

    border-radius: 0

}



.btn-group > .btn:first-child {

    margin-left: 0

}



.btn-group > .btn:first-child:not(:last-child):not(.dropdown-toggle) {

    border-bottom-right-radius: 0;

    border-top-right-radius: 0

}



.btn-group > .btn:last-child:not(:first-child), .btn-group > .dropdown-toggle:not(:first-child) {

    border-bottom-left-radius: 0;

    border-top-left-radius: 0

}



.btn-group > .btn-group {

    float: left

}



.btn-group > .btn-group:not(:first-child):not(:last-child) > .btn {

    border-radius: 0

}



.btn-group > .btn-group:first-child > .btn:last-child, .btn-group > .btn-group:first-child > .dropdown-toggle {

    border-bottom-right-radius: 0;

    border-top-right-radius: 0

}



.btn-group > .btn-group:last-child > .btn:first-child {

    border-bottom-left-radius: 0;

    border-top-left-radius: 0

}



.btn-group .dropdown-toggle:active, .btn-group.open .dropdown-toggle {

    outline: 0

}



.btn-group > .btn + .dropdown-toggle {

    padding-left: 8px;

    padding-right: 8px

}



.btn-group > .btn-lg + .dropdown-toggle {

    padding-left: 12px;

    padding-right: 12px

}



.btn-group.open .dropdown-toggle {

    -webkit-box-shadow: inset 0 3px 5px rgba(0, 0, 0, .125);

    box-shadow: inset 0 3px 5px rgba(0, 0, 0, .125)

}



.btn-group.open .dropdown-toggle.btn-link {

    -webkit-box-shadow: none;

    box-shadow: none

}



.btn .caret {

    margin-left: 0

}



.btn-lg .caret {

    border-width: 5px 5px 0;

    border-bottom-width: 0

}



.dropup .btn-lg .caret {

    border-width: 0 5px 5px

}



.btn-group-vertical > .btn, .btn-group-vertical > .btn-group, .btn-group-vertical > .btn-group > .btn {

    display: block;

    float: none;

    width: 100%;

    max-width: 100%

}



.btn-group-vertical > .btn-group > .btn {

    float: none

}



.btn-group-vertical > .btn + .btn, .btn-group-vertical > .btn + .btn-group, .btn-group-vertical > .btn-group + .btn, .btn-group-vertical > .btn-group + .btn-group {

    margin-top: -1px;

    margin-left: 0

}



.btn-group-vertical > .btn:not(:first-child):not(:last-child) {

    border-radius: 0

}



.btn-group-vertical > .btn:first-child:not(:last-child) {

    border-top-right-radius: 4px;

    border-bottom-right-radius: 0;

    border-bottom-left-radius: 0

}



.btn-group-vertical > .btn:last-child:not(:first-child) {

    border-bottom-left-radius: 4px;

    border-top-right-radius: 0;

    border-top-left-radius: 0

}



.btn-group-vertical > .btn-group:not(:first-child):not(:last-child) > .btn {

    border-radius: 0

}



.btn-group-vertical > .btn-group:first-child:not(:last-child) > .btn:last-child, .btn-group-vertical > .btn-group:first-child:not(:last-child) > .dropdown-toggle {

    border-bottom-right-radius: 0;

    border-bottom-left-radius: 0

}



.btn-group-vertical > .btn-group:last-child:not(:first-child) > .btn:first-child {

    border-top-right-radius: 0;

    border-top-left-radius: 0

}



.btn-group-justified {

    display: table;

    width: 100%;

    table-layout: fixed;

    border-collapse: separate

}



.btn-group-justified > .btn, .btn-group-justified > .btn-group {

    float: none;

    display: table-cell;

    width: 1%

}



.btn-group-justified > .btn-group .btn {

    width: 100%

}



[data-toggle=buttons] > .btn > input[type=radio], [data-toggle=buttons] > .btn > input[type=checkbox] {

    display: none

}



.input-group {

    position: relative;

    display: table;

    border-collapse: separate

}



.input-group[class*=col-] {

    float: none;

    padding-left: 0;

    padding-right: 0

}



.input-group .form-control {

    position: relative;

    z-index: 2;

    float: left;

    width: 100%;

    margin-bottom: 0

}



.input-group-lg > .form-control, .input-group-lg > .input-group-addon, .input-group-lg > .input-group-btn > .btn {

    height: 46px;

    padding: 10px 16px;

    font-size: 18px;

    line-height: 1.33;

    border-radius: 6px

}



select.input-group-lg > .form-control, select.input-group-lg > .input-group-addon, select.input-group-lg > .input-group-btn > .btn {

    height: 46px;

    line-height: 46px

}



textarea.input-group-lg > .form-control, textarea.input-group-lg > .input-group-addon, textarea.input-group-lg > .input-group-btn > .btn, select[multiple].input-group-lg > .form-control, select[multiple].input-group-lg > .input-group-addon, select[multiple].input-group-lg > .input-group-btn > .btn {

    height: auto

}



.input-group-sm > .form-control, .input-group-sm > .input-group-addon, .input-group-sm > .input-group-btn > .btn {

    height: 30px;

    padding: 5px 10px;

    font-size: 12px;

    line-height: 1.5;

    border-radius: 3px

}



select.input-group-sm > .form-control, select.input-group-sm > .input-group-addon, select.input-group-sm > .input-group-btn > .btn {

    height: 30px;

    line-height: 30px

}



textarea.input-group-sm > .form-control, textarea.input-group-sm > .input-group-addon, textarea.input-group-sm > .input-group-btn > .btn, select[multiple].input-group-sm > .form-control, select[multiple].input-group-sm > .input-group-addon, select[multiple].input-group-sm > .input-group-btn > .btn {

    height: auto

}



.input-group-addon, .input-group-btn, .input-group .form-control {

    display: table-cell

}



.input-group-addon:not(:first-child):not(:last-child), .input-group-btn:not(:first-child):not(:last-child), .input-group .form-control:not(:first-child):not(:last-child) {

    border-radius: 0

}



.input-group-addon, .input-group-btn {

    width: 1%;

    white-space: nowrap;

    vertical-align: middle

}



.input-group-addon {

    padding: 6px 12px;

    font-size: 14px;

    font-weight: 400;

    line-height: 1;

    color: #555;

    text-align: center;

    background-color: #eee;

    border: 1px solid #ccc;

    border-radius: 4px

}



.input-group-addon.input-sm {

    padding: 5px 10px;

    font-size: 12px;

    border-radius: 3px

}



.input-group-addon.input-lg {

    padding: 10px 16px;

    font-size: 18px;

    border-radius: 6px

}



.input-group-addon input[type=radio], .input-group-addon input[type=checkbox] {

    margin-top: 0

}



.input-group .form-control:first-child, .input-group-addon:first-child, .input-group-btn:first-child > .btn, .input-group-btn:first-child > .btn-group > .btn, .input-group-btn:first-child > .dropdown-toggle, .input-group-btn:last-child > .btn:not(:last-child):not(.dropdown-toggle), .input-group-btn:last-child > .btn-group:not(:last-child) > .btn {

    border-bottom-right-radius: 0;

    border-top-right-radius: 0

}



.input-group-addon:first-child {

    border-right: 0

}



.input-group .form-control:last-child, .input-group-addon:last-child, .input-group-btn:last-child > .btn, .input-group-btn:last-child > .btn-group > .btn, .input-group-btn:last-child > .dropdown-toggle, .input-group-btn:first-child > .btn:not(:first-child), .input-group-btn:first-child > .btn-group:not(:first-child) > .btn {

    border-bottom-left-radius: 0;

    border-top-left-radius: 0

}



.input-group-addon:last-child {

    border-left: 0

}



.input-group-btn {

    position: relative;

    font-size: 0;

    white-space: nowrap

}



.input-group-btn > .btn {

    position: relative

}



.input-group-btn > .btn + .btn {

    margin-left: -1px

}



.input-group-btn > .btn:hover, .input-group-btn > .btn:focus, .input-group-btn > .btn:active {

    z-index: 2

}



.input-group-btn:first-child > .btn, .input-group-btn:first-child > .btn-group {

    margin-right: -1px

}



.input-group-btn:last-child > .btn, .input-group-btn:last-child > .btn-group {

    margin-left: -1px

}



.nav {

    margin-bottom: 0;

    padding-left: 0;

    list-style: none

}



.nav > li {

    position: relative;

    display: block

}



.nav > li > a {

    position: relative;

    display: block;

    padding: 10px 15px

}



.nav > li > a:hover, .nav > li > a:focus {

    text-decoration: none;

    background-color: #eee

}



.nav > li.disabled > a {

    color: #999

}



.nav > li.disabled > a:hover, .nav > li.disabled > a:focus {

    color: #999;

    text-decoration: none;

    background-color: transparent;

    cursor: not-allowed

}



.nav .open > a, .nav .open > a:hover, .nav .open > a:focus {

    background-color: #eee;

    border-color: #428bca

}



.nav .nav-divider {

    height: 1px;

    margin: 9px 0;

    overflow: hidden;

    background-color: #e5e5e5

}



.nav > li > a > img {

    max-width: none

}



.nav-tabs {

    border-bottom: 1px solid #ddd

}



.nav-tabs > li {

    float: left;

    margin-bottom: -1px

}



.nav-tabs > li > a {

    margin-right: 2px;

    line-height: 1.42857143;

    border: 1px solid transparent;

    border-radius: 4px 4px 0 0

}



.nav-tabs > li > a:hover {

    border-color: #eee #eee #ddd

}



.nav-tabs > li.active > a, .nav-tabs > li.active > a:hover, .nav-tabs > li.active > a:focus {

    color: #555;

    background-color: #fff;

    border: 1px solid #ddd;

    border-bottom-color: transparent;

    cursor: default

}



.nav-tabs.nav-justified {

    width: 100%;

    border-bottom: 0

}



.nav-tabs.nav-justified > li {

    float: none

}



.nav-tabs.nav-justified > li > a {

    text-align: center;

    margin-bottom: 5px

}



.nav-tabs.nav-justified > .dropdown .dropdown-menu {

    top: auto;

    left: auto

}



@media (min-width: 768px) {

    .nav-tabs.nav-justified > li {

        display: table-cell;

        width: 1%

    }



    .nav-tabs.nav-justified > li > a {

        margin-bottom: 0

    }

}



.nav-tabs.nav-justified > li > a {

    margin-right: 0;

    border-radius: 4px

}



.nav-tabs.nav-justified > .active > a, .nav-tabs.nav-justified > .active > a:hover, .nav-tabs.nav-justified > .active > a:focus {

    border: 1px solid #ddd

}



@media (min-width: 768px) {

    .nav-tabs.nav-justified > li > a {

        border-bottom: 1px solid #ddd;

        border-radius: 4px 4px 0 0

    }



    .nav-tabs.nav-justified > .active > a, .nav-tabs.nav-justified > .active > a:hover, .nav-tabs.nav-justified > .active > a:focus {

        border-bottom-color: #fff

    }

}



.nav-pills > li {

    float: left

}



.nav-pills > li > a {

    border-radius: 4px

}



.nav-pills > li + li {

    margin-left: 2px

}



.nav-pills > li.active > a, .nav-pills > li.active > a:hover, .nav-pills > li.active > a:focus {

    color: #fff;

    background-color: #428bca

}



.nav-stacked > li {

    float: none

}



.nav-stacked > li + li {

    margin-top: 2px;

    margin-left: 0

}



.nav-justified {

    width: 100%

}



.nav-justified > li {

    float: none

}



.nav-justified > li > a {

    text-align: center;

    margin-bottom: 5px

}



.nav-justified > .dropdown .dropdown-menu {

    top: auto;

    left: auto

}



@media (min-width: 768px) {

    .nav-justified > li {

        display: table-cell;

        width: 1%

    }



    .nav-justified > li > a {

        margin-bottom: 0

    }

}



.nav-tabs-justified {

    border-bottom: 0

}



.nav-tabs-justified > li > a {

    margin-right: 0;

    border-radius: 4px

}



.nav-tabs-justified > .active > a, .nav-tabs-justified > .active > a:hover, .nav-tabs-justified > .active > a:focus {

    border: 1px solid #ddd

}



@media (min-width: 768px) {

    .nav-tabs-justified > li > a {

        border-bottom: 1px solid #ddd;

        border-radius: 4px 4px 0 0

    }



    .nav-tabs-justified > .active > a, .nav-tabs-justified > .active > a:hover, .nav-tabs-justified > .active > a:focus {

        border-bottom-color: #fff

    }

}



.tab-content > .tab-pane {

    display: none

}



.tab-content > .active {

    display: block

}



.nav-tabs .dropdown-menu {

    margin-top: -1px;

    border-top-right-radius: 0;

    border-top-left-radius: 0

}



.navbar {

    position: relative;

    min-height: 50px;

    margin-bottom: 20px;

    border: 1px solid transparent

}



@media (min-width: 768px) {

    .navbar {

        border-radius: 4px

    }

}



@media (min-width: 768px) {

    .navbar-header {

        float: left

    }

}



.navbar-collapse {

    max-height: 340px;

    overflow-x: visible;

    padding-right: 15px;

    padding-left: 15px;

    border-top: 1px solid transparent;

    box-shadow: inset 0 1px 0 rgba(255, 255, 255, .1);

    -webkit-overflow-scrolling: touch

}



.navbar-collapse.in {

    overflow-y: auto

}



@media (min-width: 768px) {

    .navbar-collapse {

        width: auto;

        border-top: 0;

        box-shadow: none

    }



    .navbar-collapse.collapse {

        display: block !important;

        height: auto !important;

        padding-bottom: 0;

        overflow: visible !important

    }



    .navbar-collapse.in {

        overflow-y: visible

    }



    .navbar-fixed-top .navbar-collapse, .navbar-static-top .navbar-collapse, .navbar-fixed-bottom .navbar-collapse {

        padding-left: 0;

        padding-right: 0

    }

}



.container > .navbar-header, .container-fluid > .navbar-header, .container > .navbar-collapse, .container-fluid > .navbar-collapse {

    margin-right: -15px;

    margin-left: -15px

}



@media (min-width: 768px) {

    .container > .navbar-header, .container-fluid > .navbar-header, .container > .navbar-collapse, .container-fluid > .navbar-collapse {

        margin-right: 0;

        margin-left: 0

    }

}



.navbar-static-top {

    z-index: 1000;

    border-width: 0 0 1px

}



@media (min-width: 768px) {

    .navbar-static-top {

        border-radius: 0

    }

}



.navbar-fixed-top, .navbar-fixed-bottom {

    position: fixed;

    right: 0;

    left: 0;

    z-index: 1030

}



@media (min-width: 768px) {

    .navbar-fixed-top, .navbar-fixed-bottom {

        border-radius: 0

    }

}



.navbar-fixed-top {

    top: 0;

    border-width: 0 0 1px

}



.navbar-fixed-bottom {

    bottom: 0;

    margin-bottom: 0;

    border-width: 1px 0 0

}



.navbar-brand {

    float: left;

    padding: 15px;

    font-size: 18px;

    line-height: 20px;

    height: 50px

}



.navbar-brand:hover, .navbar-brand:focus {

    text-decoration: none

}



@media (min-width: 768px) {

    .navbar > .container .navbar-brand, .navbar > .container-fluid .navbar-brand {

        margin-left: -15px

    }

}



.navbar-toggle {

    position: relative;

    float: right;

    margin-right: 15px;

    padding: 9px 10px;

    margin-top: 8px;

    margin-bottom: 8px;

    background-color: transparent;

    background-image: none;

    border: 1px solid transparent;

    border-radius: 4px

}



.navbar-toggle:focus {

    outline: 0

}



.navbar-toggle .icon-bar {

    display: block;

    width: 22px;

    height: 2px;

    border-radius: 1px

}



.navbar-toggle .icon-bar + .icon-bar {

    margin-top: 4px

}



@media (min-width: 768px) {

    .navbar-toggle {

        display: none

    }

}



.navbar-nav {

    margin: 7.5px -15px

}



.navbar-nav > li > a {

    padding-top: 10px;

    padding-bottom: 10px;

    line-height: 20px

}



@media (max-width: 767px) {

    .navbar-nav .open .dropdown-menu {

        position: static;

        float: none;

        width: auto;

        margin-top: 0;

        background-color: transparent;

        border: 0;

        box-shadow: none

    }



    .navbar-nav .open .dropdown-menu > li > a, .navbar-nav .open .dropdown-menu .dropdown-header {

        padding: 5px 15px 5px 25px

    }



    .navbar-nav .open .dropdown-menu > li > a {

        line-height: 20px

    }



    .navbar-nav .open .dropdown-menu > li > a:hover, .navbar-nav .open .dropdown-menu > li > a:focus {

        background-image: none

    }

}



@media (min-width: 768px) {

    .navbar-nav {

        float: left;

        margin: 0

    }



    .navbar-nav > li {

        float: left

    }



    .navbar-nav > li > a {

        padding-top: 15px;

        padding-bottom: 15px

    }



    .navbar-nav.navbar-right:last-child {

        margin-right: -15px

    }

}



@media (min-width: 768px) {

    .navbar-left {

        float: left !important

    }



    .navbar-right {

        float: right !important

    }

}



.navbar-form {

    margin-left: -15px;

    margin-right: -15px;

    padding: 10px 15px;

    border-top: 1px solid transparent;

    border-bottom: 1px solid transparent;

    -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, .1), 0 1px 0 rgba(255, 255, 255, .1);

    box-shadow: inset 0 1px 0 rgba(255, 255, 255, .1), 0 1px 0 rgba(255, 255, 255, .1);

    margin-top: 8px;

    margin-bottom: 8px

}



@media (min-width: 768px) {

    .navbar-form .form-group {

        display: inline-block;

        margin-bottom: 0;

        vertical-align: middle

    }



    .navbar-form .form-control {

        display: inline-block;

        width: auto;

        vertical-align: middle

    }



    .navbar-form .input-group > .form-control {

        width: 100%

    }



    .navbar-form .control-label {

        margin-bottom: 0;

        vertical-align: middle

    }



    .navbar-form .radio, .navbar-form .checkbox {

        display: inline-block;

        margin-top: 0;

        margin-bottom: 0;

        padding-left: 0;

        vertical-align: middle

    }



    .navbar-form .radio input[type=radio], .navbar-form .checkbox input[type=checkbox] {

        float: none;

        margin-left: 0

    }



    .navbar-form .has-feedback .form-control-feedback {

        top: 0

    }

}



@media (max-width: 767px) {

    .navbar-form .form-group {

        margin-bottom: 5px

    }

}



@media (min-width: 768px) {

    .navbar-form {

        width: auto;

        border: 0;

        margin-left: 0;

        margin-right: 0;

        padding-top: 0;

        padding-bottom: 0;

        -webkit-box-shadow: none;

        box-shadow: none

    }



    .navbar-form.navbar-right:last-child {

        margin-right: -15px

    }

}



.navbar-nav > li > .dropdown-menu {

    margin-top: 0;

    border-top-right-radius: 0;

    border-top-left-radius: 0

}



.navbar-fixed-bottom .navbar-nav > li > .dropdown-menu {

    border-bottom-right-radius: 0;

    border-bottom-left-radius: 0

}



.navbar-btn {

    margin-top: 8px;

    margin-bottom: 8px

}



.navbar-btn.btn-sm {

    margin-top: 10px;

    margin-bottom: 10px

}



.navbar-btn.btn-xs {

    margin-top: 14px;

    margin-bottom: 14px

}



.navbar-text {

    margin-top: 15px;

    margin-bottom: 15px

}



@media (min-width: 768px) {

    .navbar-text {

        float: left;

        margin-left: 15px;

        margin-right: 15px

    }



    .navbar-text.navbar-right:last-child {

        margin-right: 0

    }

}



.navbar-default {

    background-color: #f8f8f8;

    border-color: #e7e7e7

}



.navbar-default .navbar-brand {

    color: #777

}



.navbar-default .navbar-brand:hover, .navbar-default .navbar-brand:focus {

    color: #5e5e5e;

    background-color: transparent

}



.navbar-default .navbar-text {

    color: #777

}



.navbar-default .navbar-nav > li > a {

    color: #777

}



.navbar-default .navbar-nav > li > a:hover, .navbar-default .navbar-nav > li > a:focus {

    color: #333;

    background-color: transparent

}



.navbar-default .navbar-nav > .active > a, .navbar-default .navbar-nav > .active > a:hover, .navbar-default .navbar-nav > .active > a:focus {

    color: #555;

    background-color: #e7e7e7

}



.navbar-default .navbar-nav > .disabled > a, .navbar-default .navbar-nav > .disabled > a:hover, .navbar-default .navbar-nav > .disabled > a:focus {

    color: #ccc;

    background-color: transparent

}



.navbar-default .navbar-toggle {

    border-color: #ddd

}



.navbar-default .navbar-toggle:hover, .navbar-default .navbar-toggle:focus {

    background-color: #ddd

}



.navbar-default .navbar-toggle .icon-bar {

    background-color: #888

}



.navbar-default .navbar-collapse, .navbar-default .navbar-form {

    border-color: #e7e7e7

}



.navbar-default .navbar-nav > .open > a, .navbar-default .navbar-nav > .open > a:hover, .navbar-default .navbar-nav > .open > a:focus {

    background-color: #e7e7e7;

    color: #555

}



@media (max-width: 767px) {

    .navbar-default .navbar-nav .open .dropdown-menu > li > a {

        color: #777

    }



    .navbar-default .navbar-nav .open .dropdown-menu > li > a:hover, .navbar-default .navbar-nav .open .dropdown-menu > li > a:focus {

        color: #333;

        background-color: transparent

    }



    .navbar-default .navbar-nav .open .dropdown-menu > .active > a, .navbar-default .navbar-nav .open .dropdown-menu > .active > a:hover, .navbar-default .navbar-nav .open .dropdown-menu > .active > a:focus {

        color: #555;

        background-color: #e7e7e7

    }



    .navbar-default .navbar-nav .open .dropdown-menu > .disabled > a, .navbar-default .navbar-nav .open .dropdown-menu > .disabled > a:hover, .navbar-default .navbar-nav .open .dropdown-menu > .disabled > a:focus {

        color: #ccc;

        background-color: transparent

    }

}



.navbar-default .navbar-link {

    color: #777

}



.navbar-default .navbar-link:hover {

    color: #333

}



.navbar-inverse {

    background-color: #222;

    border-color: #080808

}



.navbar-inverse .navbar-brand {

    color: #999

}



.navbar-inverse .navbar-brand:hover, .navbar-inverse .navbar-brand:focus {

    color: #fff;

    background-color: transparent

}



.navbar-inverse .navbar-text {

    color: #999

}



.navbar-inverse .navbar-nav > li > a {

    color: #999

}



.navbar-inverse .navbar-nav > li > a:hover, .navbar-inverse .navbar-nav > li > a:focus {

    color: #fff;

    background-color: transparent

}



.navbar-inverse .navbar-nav > .active > a, .navbar-inverse .navbar-nav > .active > a:hover, .navbar-inverse .navbar-nav > .active > a:focus {

    color: #fff;

    background-color: #080808

}



.navbar-inverse .navbar-nav > .disabled > a, .navbar-inverse .navbar-nav > .disabled > a:hover, .navbar-inverse .navbar-nav > .disabled > a:focus {

    color: #444;

    background-color: transparent

}



.navbar-inverse .navbar-toggle {

    border-color: #333

}



.navbar-inverse .navbar-toggle:hover, .navbar-inverse .navbar-toggle:focus {

    background-color: #333

}



.navbar-inverse .navbar-toggle .icon-bar {

    background-color: #fff

}



.navbar-inverse .navbar-collapse, .navbar-inverse .navbar-form {

    border-color: #101010

}



.navbar-inverse .navbar-nav > .open > a, .navbar-inverse .navbar-nav > .open > a:hover, .navbar-inverse .navbar-nav > .open > a:focus {

    background-color: #080808;

    color: #fff

}



@media (max-width: 767px) {

    .navbar-inverse .navbar-nav .open .dropdown-menu > .dropdown-header {

        border-color: #080808

    }



    .navbar-inverse .navbar-nav .open .dropdown-menu .divider {

        background-color: #080808

    }



    .navbar-inverse .navbar-nav .open .dropdown-menu > li > a {

        color: #999

    }



    .navbar-inverse .navbar-nav .open .dropdown-menu > li > a:hover, .navbar-inverse .navbar-nav .open .dropdown-menu > li > a:focus {

        color: #fff;

        background-color: transparent

    }



    .navbar-inverse .navbar-nav .open .dropdown-menu > .active > a, .navbar-inverse .navbar-nav .open .dropdown-menu > .active > a:hover, .navbar-inverse .navbar-nav .open .dropdown-menu > .active > a:focus {

        color: #fff;

        background-color: #080808

    }



    .navbar-inverse .navbar-nav .open .dropdown-menu > .disabled > a, .navbar-inverse .navbar-nav .open .dropdown-menu > .disabled > a:hover, .navbar-inverse .navbar-nav .open .dropdown-menu > .disabled > a:focus {

        color: #444;

        background-color: transparent

    }

}



.navbar-inverse .navbar-link {

    color: #999

}



.navbar-inverse .navbar-link:hover {

    color: #fff

}



.breadcrumb {

    padding: 8px 15px;

    margin-bottom: 20px;

    list-style: none;

    background-color: #f5f5f5;

    border-radius: 4px

}



.breadcrumb > li {

    display: inline-block

}



.breadcrumb > li + li:before {

    content: "/\00a0";

    padding: 0 5px;

    color: #ccc

}



.breadcrumb > .active {

    color: #999

}



.pagination {

    display: inline-block;

    padding-left: 0;

    margin: 20px 0;

    border-radius: 4px

}



.pagination > li {

    display: inline

}



.pagination > li > a, .pagination > li > span {

    position: relative;

    float: left;

    padding: 6px 12px;

    line-height: 1.42857143;

    text-decoration: none;

    color: #428bca;

    background-color: #fff;

    border: 1px solid #ddd;

    margin-left: -1px

}



.pagination > li:first-child > a, .pagination > li:first-child > span {

    margin-left: 0;

    border-bottom-left-radius: 4px;

    border-top-left-radius: 4px

}



.pagination > li:last-child > a, .pagination > li:last-child > span {

    border-bottom-right-radius: 4px;

    border-top-right-radius: 4px

}



.pagination > li > a:hover, .pagination > li > span:hover, .pagination > li > a:focus, .pagination > li > span:focus {

    color: #2a6496;

    background-color: #eee;

    border-color: #ddd

}



.pagination > .active > a, .pagination > .active > span, .pagination > .active > a:hover, .pagination > .active > span:hover, .pagination > .active > a:focus, .pagination > .active > span:focus {

    z-index: 2;

    color: #fff;

    background-color: #428bca;

    border-color: #428bca;

    cursor: default

}



.pagination > .disabled > span, .pagination > .disabled > span:hover, .pagination > .disabled > span:focus, .pagination > .disabled > a, .pagination > .disabled > a:hover, .pagination > .disabled > a:focus {

    color: #999;

    background-color: #fff;

    border-color: #ddd;

    cursor: not-allowed

}



.pagination-lg > li > a, .pagination-lg > li > span {

    padding: 10px 16px;

    font-size: 18px

}



.pagination-lg > li:first-child > a, .pagination-lg > li:first-child > span {

    border-bottom-left-radius: 6px;

    border-top-left-radius: 6px

}



.pagination-lg > li:last-child > a, .pagination-lg > li:last-child > span {

    border-bottom-right-radius: 6px;

    border-top-right-radius: 6px

}



.pagination-sm > li > a, .pagination-sm > li > span {

    padding: 5px 10px;

    font-size: 12px

}



.pagination-sm > li:first-child > a, .pagination-sm > li:first-child > span {

    border-bottom-left-radius: 3px;

    border-top-left-radius: 3px

}



.pagination-sm > li:last-child > a, .pagination-sm > li:last-child > span {

    border-bottom-right-radius: 3px;

    border-top-right-radius: 3px

}



.pager {

    padding-left: 0;

    margin: 20px 0;

    list-style: none;

    text-align: center

}



.pager li {

    display: inline

}



.pager li > a, .pager li > span {

    display: inline-block;

    padding: 5px 14px;

    background-color: #fff;

    border: 1px solid #ddd;

    border-radius: 15px

}



.pager li > a:hover, .pager li > a:focus {

    text-decoration: none;

    background-color: #eee

}



.pager .next > a, .pager .next > span {

    float: right

}



.pager .previous > a, .pager .previous > span {

    float: left

}



.pager .disabled > a, .pager .disabled > a:hover, .pager .disabled > a:focus, .pager .disabled > span {

    color: #999;

    background-color: #fff;

    cursor: not-allowed

}



.label {

    display: inline;

    padding: .2em .6em .3em;

    font-size: 75%;

    font-weight: 700;

    line-height: 1;

    color: #fff;

    text-align: center;

    white-space: nowrap;

    vertical-align: baseline;

    border-radius: .25em

}



.label[href]:hover, .label[href]:focus {

    color: #fff;

    text-decoration: none;

    cursor: pointer

}



.label:empty {

    display: none

}



.btn .label {

    position: relative;

    top: -1px

}



.label-default {

    background-color: #999

}



.label-default[href]:hover, .label-default[href]:focus {

    background-color: gray

}



.label-primary {

    background-color: #428bca

}



.label-primary[href]:hover, .label-primary[href]:focus {

    background-color: #3071a9

}



.label-success {

    background-color: #5cb85c

}



.label-success[href]:hover, .label-success[href]:focus {

    background-color: #449d44

}



.label-info {

    background-color: #5bc0de

}



.label-info[href]:hover, .label-info[href]:focus {

    background-color: #31b0d5

}



.label-warning {

    background-color: #f0ad4e

}



.label-warning[href]:hover, .label-warning[href]:focus {

    background-color: #ec971f

}



.label-danger {

    background-color: #d9534f

}



.label-danger[href]:hover, .label-danger[href]:focus {

    background-color: #c9302c

}



.badge {

    display: inline-block;

    min-width: 10px;

    padding: 3px 7px;

    font-size: 12px;

    font-weight: 700;

    color: #fff;

    line-height: 1;

    vertical-align: baseline;

    white-space: nowrap;

    text-align: center;

    background-color: #999;

    border-radius: 10px

}



.badge:empty {

    display: none

}



.btn .badge {

    position: relative;

    top: -1px

}



.btn-xs .badge {

    top: 0;

    padding: 1px 5px

}



a.badge:hover, a.badge:focus {

    color: #fff;

    text-decoration: none;

    cursor: pointer

}



a.list-group-item.active > .badge, .nav-pills > .active > a > .badge {

    color: #428bca;

    background-color: #fff

}



.nav-pills > li > a > .badge {

    margin-left: 3px

}



.jumbotron {

    padding: 30px;

    margin-bottom: 30px;

    color: inherit;

    background-color: #eee

}



.jumbotron h1, .jumbotron .h1 {

    color: inherit

}



.jumbotron p {

    margin-bottom: 15px;

    font-size: 21px;

    font-weight: 200

}



.container .jumbotron {

    border-radius: 6px

}



.jumbotron .container {

    max-width: 100%

}



@media screen and (min-width: 768px) {

    .jumbotron {

        padding-top: 48px;

        padding-bottom: 48px

    }



    .container .jumbotron {

        padding-left: 60px;

        padding-right: 60px

    }



    .jumbotron h1, .jumbotron .h1 {

        font-size: 63px

    }

}



.thumbnail {

    display: block;

    padding: 4px;

    margin-bottom: 20px;

    line-height: 1.42857143;

    background-color: #fff;

    border: 1px solid #ddd;

    border-radius: 4px;

    -webkit-transition: all .2s ease-in-out;

    transition: all .2s ease-in-out

}



.thumbnail > img, .thumbnail a > img {

    margin-left: auto;

    margin-right: auto

}



a.thumbnail:hover, a.thumbnail:focus, a.thumbnail.active {

    border-color: #428bca

}



.thumbnail .caption {

    padding: 9px;

    color: #333

}



.alert {

    padding: 15px;

    margin-bottom: 20px;

    border: 1px solid transparent;

    border-radius: 4px

}



.alert h4 {

    margin-top: 0;

    color: inherit

}



.alert .alert-link {

    font-weight: 700

}



.alert > p, .alert > ul {

    margin-bottom: 0

}



.alert > p + p {

    margin-top: 5px

}



.alert-dismissable {

    padding-right: 35px

}



.alert-dismissable .close {

    position: relative;

    top: -2px;

    right: -21px;

    color: inherit

}



.alert-success {

    background-color: #dff0d8;

    border-color: #d6e9c6;

    color: #3c763d

}



.alert-success hr {

    border-top-color: #c9e2b3

}



.alert-success .alert-link {

    color: #2b542c

}



.alert-info {

    background-color: #d9edf7;

    border-color: #bce8f1;

    color: #31708f

}



.alert-info hr {

    border-top-color: #a6e1ec

}



.alert-info .alert-link {

    color: #245269

}



.alert-warning {

    background-color: #fcf8e3;

    border-color: #faebcc;

    color: #8a6d3b

}



.alert-warning hr {

    border-top-color: #f7e1b5

}



.alert-warning .alert-link {

    color: #66512c

}



.alert-danger {

    background-color: #f2dede;

    border-color: #ebccd1;

    color: #a94442

}



.alert-danger hr {

    border-top-color: #e4b9c0

}



.alert-danger .alert-link {

    color: #843534

}



@-webkit-keyframes progress-bar-stripes {

    from {

        background-position: 40px 0

    }

    to {

        background-position: 0 0

    }

}



@keyframes progress-bar-stripes {

    from {

        background-position: 40px 0

    }

    to {

        background-position: 0 0

    }

}



.progress {

    overflow: hidden;

    height: 20px;

    margin-bottom: 20px;

    background-color: #f5f5f5;

    border-radius: 4px;

    -webkit-box-shadow: inset 0 1px 2px rgba(0, 0, 0, .1);

    box-shadow: inset 0 1px 2px rgba(0, 0, 0, .1)

}



.progress-bar {

    float: left;

    width: 0;

    height: 100%;

    font-size: 12px;

    line-height: 20px;

    color: #fff;

    text-align: center;

    background-color: #428bca;

    -webkit-box-shadow: inset 0 -1px 0 rgba(0, 0, 0, .15);

    box-shadow: inset 0 -1px 0 rgba(0, 0, 0, .15);

    -webkit-transition: width .6s ease;

    transition: width .6s ease

}



.progress-striped .progress-bar {

    background-image: -webkit-linear-gradient(45deg, rgba(255, 255, 255, .15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, .15) 50%, rgba(255, 255, 255, .15) 75%, transparent 75%, transparent);

    background-image: linear-gradient(45deg, rgba(255, 255, 255, .15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, .15) 50%, rgba(255, 255, 255, .15) 75%, transparent 75%, transparent);

    background-size: 40px 40px

}



.progress.active .progress-bar {

    -webkit-animation: progress-bar-stripes 2s linear infinite;

    animation: progress-bar-stripes 2s linear infinite

}



.progress-bar-success {

    background-color: #5cb85c

}



.progress-striped .progress-bar-success {

    background-image: -webkit-linear-gradient(45deg, rgba(255, 255, 255, .15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, .15) 50%, rgba(255, 255, 255, .15) 75%, transparent 75%, transparent);

    background-image: linear-gradient(45deg, rgba(255, 255, 255, .15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, .15) 50%, rgba(255, 255, 255, .15) 75%, transparent 75%, transparent)

}



.progress-bar-info {

    background-color: #5bc0de

}



.progress-striped .progress-bar-info {

    background-image: -webkit-linear-gradient(45deg, rgba(255, 255, 255, .15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, .15) 50%, rgba(255, 255, 255, .15) 75%, transparent 75%, transparent);

    background-image: linear-gradient(45deg, rgba(255, 255, 255, .15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, .15) 50%, rgba(255, 255, 255, .15) 75%, transparent 75%, transparent)

}



.progress-bar-warning {

    background-color: #f0ad4e

}



.progress-striped .progress-bar-warning {

    background-image: -webkit-linear-gradient(45deg, rgba(255, 255, 255, .15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, .15) 50%, rgba(255, 255, 255, .15) 75%, transparent 75%, transparent);

    background-image: linear-gradient(45deg, rgba(255, 255, 255, .15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, .15) 50%, rgba(255, 255, 255, .15) 75%, transparent 75%, transparent)

}



.progress-bar-danger {

    background-color: #d9534f

}



.progress-striped .progress-bar-danger {

    background-image: -webkit-linear-gradient(45deg, rgba(255, 255, 255, .15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, .15) 50%, rgba(255, 255, 255, .15) 75%, transparent 75%, transparent);

    background-image: linear-gradient(45deg, rgba(255, 255, 255, .15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, .15) 50%, rgba(255, 255, 255, .15) 75%, transparent 75%, transparent)

}



.media, .media-body {

    overflow: hidden;

    zoom: 1

}



.media, .media .media {

    margin-top: 15px

}



.media:first-child {

    margin-top: 0

}



.media-object {

    display: block

}



.media-heading {

    margin: 0 0 5px

}



.media > .pull-left {

    margin-right: 10px

}



.media > .pull-right {

    margin-left: 10px

}



.media-list {

    padding-left: 0;

    list-style: none

}



.list-group {

    margin-bottom: 20px;

    padding-left: 0

}



.list-group-item {

    position: relative;

    display: block;

    padding: 10px 15px;

    margin-bottom: -1px;

    background-color: #fff;

    border: 1px solid #ddd

}



.list-group-item:first-child {

    border-top-right-radius: 4px;

    border-top-left-radius: 4px

}



.list-group-item:last-child {

    margin-bottom: 0;

    border-bottom-right-radius: 4px;

    border-bottom-left-radius: 4px

}



.list-group-item > .badge {

    float: right

}



.list-group-item > .badge + .badge {

    margin-right: 5px

}



a.list-group-item {

    color: #555

}



a.list-group-item .list-group-item-heading {

    color: #333

}



a.list-group-item:hover, a.list-group-item:focus {

    text-decoration: none;

    background-color: #f5f5f5

}



a.list-group-item.active, a.list-group-item.active:hover, a.list-group-item.active:focus {

    z-index: 2;

    color: #fff;

    background-color: #428bca;

    border-color: #428bca

}



a.list-group-item.active .list-group-item-heading, a.list-group-item.active:hover .list-group-item-heading, a.list-group-item.active:focus .list-group-item-heading {

    color: inherit

}



a.list-group-item.active .list-group-item-text, a.list-group-item.active:hover .list-group-item-text, a.list-group-item.active:focus .list-group-item-text {

    color: #e1edf7

}



.list-group-item-success {

    color: #3c763d;

    background-color: #dff0d8

}



a.list-group-item-success {

    color: #3c763d

}



a.list-group-item-success .list-group-item-heading {

    color: inherit

}



a.list-group-item-success:hover, a.list-group-item-success:focus {

    color: #3c763d;

    background-color: #d0e9c6

}



a.list-group-item-success.active, a.list-group-item-success.active:hover, a.list-group-item-success.active:focus {

    color: #fff;

    background-color: #3c763d;

    border-color: #3c763d

}



.list-group-item-info {

    color: #31708f;

    background-color: #d9edf7

}



a.list-group-item-info {

    color: #31708f

}



a.list-group-item-info .list-group-item-heading {

    color: inherit

}



a.list-group-item-info:hover, a.list-group-item-info:focus {

    color: #31708f;

    background-color: #c4e3f3

}



a.list-group-item-info.active, a.list-group-item-info.active:hover, a.list-group-item-info.active:focus {

    color: #fff;

    background-color: #31708f;

    border-color: #31708f

}



.list-group-item-warning {

    color: #8a6d3b;

    background-color: #fcf8e3

}



a.list-group-item-warning {

    color: #8a6d3b

}



a.list-group-item-warning .list-group-item-heading {

    color: inherit

}



a.list-group-item-warning:hover, a.list-group-item-warning:focus {

    color: #8a6d3b;

    background-color: #faf2cc

}



a.list-group-item-warning.active, a.list-group-item-warning.active:hover, a.list-group-item-warning.active:focus {

    color: #fff;

    background-color: #8a6d3b;

    border-color: #8a6d3b

}



.list-group-item-danger {

    color: #a94442;

    background-color: #f2dede

}



a.list-group-item-danger {

    color: #a94442

}



a.list-group-item-danger .list-group-item-heading {

    color: inherit

}



a.list-group-item-danger:hover, a.list-group-item-danger:focus {

    color: #a94442;

    background-color: #ebcccc

}



a.list-group-item-danger.active, a.list-group-item-danger.active:hover, a.list-group-item-danger.active:focus {

    color: #fff;

    background-color: #a94442;

    border-color: #a94442

}



.list-group-item-heading {

    margin-top: 0;

    margin-bottom: 5px

}



.list-group-item-text {

    margin-bottom: 0;

    line-height: 1.3

}



.panel {

    margin-bottom: 20px;

    background-color: #fff;

    border: 1px solid transparent;

    border-radius: 4px;

    -webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, .05);

    box-shadow: 0 1px 1px rgba(0, 0, 0, .05)

}



.panel-body {

    padding: 15px

}



.panel-heading {

    padding: 10px 15px;

    border-bottom: 1px solid transparent;

    border-top-right-radius: 3px;

    border-top-left-radius: 3px

}



.panel-heading > .dropdown .dropdown-toggle {

    color: inherit

}



.panel-title {

    margin-top: 0;

    margin-bottom: 0;

    font-size: 16px;

    color: inherit

}



.panel-title > a {

    color: inherit

}



.panel-footer {

    padding: 10px 15px;

    background-color: #f5f5f5;

    border-top: 1px solid #ddd;

    border-bottom-right-radius: 3px;

    border-bottom-left-radius: 3px

}



.panel > .list-group {

    margin-bottom: 0

}



.panel > .list-group .list-group-item {

    border-width: 1px 0;

    border-radius: 0

}



.panel > .list-group:first-child .list-group-item:first-child {

    border-top: 0;

    border-top-right-radius: 3px;

    border-top-left-radius: 3px

}



.panel > .list-group:last-child .list-group-item:last-child {

    border-bottom: 0;

    border-bottom-right-radius: 3px;

    border-bottom-left-radius: 3px

}



.panel-heading + .list-group .list-group-item:first-child {

    border-top-width: 0

}



.panel > .table, .panel > .table-responsive > .table {

    margin-bottom: 0

}



.panel > .table:first-child, .panel > .table-responsive:first-child > .table:first-child {

    border-top-right-radius: 3px;

    border-top-left-radius: 3px

}



.panel > .table:first-child > thead:first-child > tr:first-child td:first-child, .panel > .table-responsive:first-child > .table:first-child > thead:first-child > tr:first-child td:first-child, .panel > .table:first-child > tbody:first-child > tr:first-child td:first-child, .panel > .table-responsive:first-child > .table:first-child > tbody:first-child > tr:first-child td:first-child, .panel > .table:first-child > thead:first-child > tr:first-child th:first-child, .panel > .table-responsive:first-child > .table:first-child > thead:first-child > tr:first-child th:first-child, .panel > .table:first-child > tbody:first-child > tr:first-child th:first-child, .panel > .table-responsive:first-child > .table:first-child > tbody:first-child > tr:first-child th:first-child {

    border-top-left-radius: 3px

}



.panel > .table:first-child > thead:first-child > tr:first-child td:last-child, .panel > .table-responsive:first-child > .table:first-child > thead:first-child > tr:first-child td:last-child, .panel > .table:first-child > tbody:first-child > tr:first-child td:last-child, .panel > .table-responsive:first-child > .table:first-child > tbody:first-child > tr:first-child td:last-child, .panel > .table:first-child > thead:first-child > tr:first-child th:last-child, .panel > .table-responsive:first-child > .table:first-child > thead:first-child > tr:first-child th:last-child, .panel > .table:first-child > tbody:first-child > tr:first-child th:last-child, .panel > .table-responsive:first-child > .table:first-child > tbody:first-child > tr:first-child th:last-child {

    border-top-right-radius: 3px

}



.panel > .table:last-child, .panel > .table-responsive:last-child > .table:last-child {

    border-bottom-right-radius: 3px;

    border-bottom-left-radius: 3px

}



.panel > .table:last-child > tbody:last-child > tr:last-child td:first-child, .panel > .table-responsive:last-child > .table:last-child > tbody:last-child > tr:last-child td:first-child, .panel > .table:last-child > tfoot:last-child > tr:last-child td:first-child, .panel > .table-responsive:last-child > .table:last-child > tfoot:last-child > tr:last-child td:first-child, .panel > .table:last-child > tbody:last-child > tr:last-child th:first-child, .panel > .table-responsive:last-child > .table:last-child > tbody:last-child > tr:last-child th:first-child, .panel > .table:last-child > tfoot:last-child > tr:last-child th:first-child, .panel > .table-responsive:last-child > .table:last-child > tfoot:last-child > tr:last-child th:first-child {

    border-bottom-left-radius: 3px

}



.panel > .table:last-child > tbody:last-child > tr:last-child td:last-child, .panel > .table-responsive:last-child > .table:last-child > tbody:last-child > tr:last-child td:last-child, .panel > .table:last-child > tfoot:last-child > tr:last-child td:last-child, .panel > .table-responsive:last-child > .table:last-child > tfoot:last-child > tr:last-child td:last-child, .panel > .table:last-child > tbody:last-child > tr:last-child th:last-child, .panel > .table-responsive:last-child > .table:last-child > tbody:last-child > tr:last-child th:last-child, .panel > .table:last-child > tfoot:last-child > tr:last-child th:last-child, .panel > .table-responsive:last-child > .table:last-child > tfoot:last-child > tr:last-child th:last-child {

    border-bottom-right-radius: 3px

}



.panel > .panel-body + .table, .panel > .panel-body + .table-responsive {

    border-top: 1px solid #ddd

}



.panel > .table > tbody:first-child > tr:first-child th, .panel > .table > tbody:first-child > tr:first-child td {

    border-top: 0

}



.panel > .table-bordered, .panel > .table-responsive > .table-bordered {

    border: 0

}



.panel > .table-bordered > thead > tr > th:first-child, .panel > .table-responsive > .table-bordered > thead > tr > th:first-child, .panel > .table-bordered > tbody > tr > th:first-child, .panel > .table-responsive > .table-bordered > tbody > tr > th:first-child, .panel > .table-bordered > tfoot > tr > th:first-child, .panel > .table-responsive > .table-bordered > tfoot > tr > th:first-child, .panel > .table-bordered > thead > tr > td:first-child, .panel > .table-responsive > .table-bordered > thead > tr > td:first-child, .panel > .table-bordered > tbody > tr > td:first-child, .panel > .table-responsive > .table-bordered > tbody > tr > td:first-child, .panel > .table-bordered > tfoot > tr > td:first-child, .panel > .table-responsive > .table-bordered > tfoot > tr > td:first-child {

    border-left: 0

}



.panel > .table-bordered > thead > tr > th:last-child, .panel > .table-responsive > .table-bordered > thead > tr > th:last-child, .panel > .table-bordered > tbody > tr > th:last-child, .panel > .table-responsive > .table-bordered > tbody > tr > th:last-child, .panel > .table-bordered > tfoot > tr > th:last-child, .panel > .table-responsive > .table-bordered > tfoot > tr > th:last-child, .panel > .table-bordered > thead > tr > td:last-child, .panel > .table-responsive > .table-bordered > thead > tr > td:last-child, .panel > .table-bordered > tbody > tr > td:last-child, .panel > .table-responsive > .table-bordered > tbody > tr > td:last-child, .panel > .table-bordered > tfoot > tr > td:last-child, .panel > .table-responsive > .table-bordered > tfoot > tr > td:last-child {

    border-right: 0

}



.panel > .table-bordered > thead > tr:first-child > td, .panel > .table-responsive > .table-bordered > thead > tr:first-child > td, .panel > .table-bordered > tbody > tr:first-child > td, .panel > .table-responsive > .table-bordered > tbody > tr:first-child > td, .panel > .table-bordered > thead > tr:first-child > th, .panel > .table-responsive > .table-bordered > thead > tr:first-child > th, .panel > .table-bordered > tbody > tr:first-child > th, .panel > .table-responsive > .table-bordered > tbody > tr:first-child > th {

    border-bottom: 0

}



.panel > .table-bordered > tbody > tr:last-child > td, .panel > .table-responsive > .table-bordered > tbody > tr:last-child > td, .panel > .table-bordered > tfoot > tr:last-child > td, .panel > .table-responsive > .table-bordered > tfoot > tr:last-child > td, .panel > .table-bordered > tbody > tr:last-child > th, .panel > .table-responsive > .table-bordered > tbody > tr:last-child > th, .panel > .table-bordered > tfoot > tr:last-child > th, .panel > .table-responsive > .table-bordered > tfoot > tr:last-child > th {

    border-bottom: 0

}



.panel > .table-responsive {

    border: 0;

    margin-bottom: 0

}



.panel-group {

    margin-bottom: 20px

}



.panel-group .panel {

    margin-bottom: 0;

    border-radius: 4px;

    overflow: hidden

}



.panel-group .panel + .panel {

    margin-top: 5px

}



.panel-group .panel-heading {

    border-bottom: 0

}



.panel-group .panel-heading + .panel-collapse .panel-body {

    border-top: 1px solid #ddd

}



.panel-group .panel-footer {

    border-top: 0

}



.panel-group .panel-footer + .panel-collapse .panel-body {

    border-bottom: 1px solid #ddd

}



.panel-default {

    border-color: #ddd

}



.panel-default > .panel-heading {

    color: #333;

    background-color: #f5f5f5;

    border-color: #ddd

}



.panel-default > .panel-heading + .panel-collapse .panel-body {

    border-top-color: #ddd

}



.panel-default > .panel-footer + .panel-collapse .panel-body {

    border-bottom-color: #ddd

}



.panel-primary {

    border-color: #428bca

}



.panel-primary > .panel-heading {

    color: #fff;

    background-color: #428bca;

    border-color: #428bca

}



.panel-primary > .panel-heading + .panel-collapse .panel-body {

    border-top-color: #428bca

}



.panel-primary > .panel-footer + .panel-collapse .panel-body {

    border-bottom-color: #428bca

}



.panel-success {

    border-color: #d6e9c6

}



.panel-success > .panel-heading {

    color: #3c763d;

    background-color: #dff0d8;

    border-color: #d6e9c6

}



.panel-success > .panel-heading + .panel-collapse .panel-body {

    border-top-color: #d6e9c6

}



.panel-success > .panel-footer + .panel-collapse .panel-body {

    border-bottom-color: #d6e9c6

}



.panel-info {

    border-color: #bce8f1

}



.panel-info > .panel-heading {

    color: #31708f;

    background-color: #d9edf7;

    border-color: #bce8f1

}



.panel-info > .panel-heading + .panel-collapse .panel-body {

    border-top-color: #bce8f1

}



.panel-info > .panel-footer + .panel-collapse .panel-body {

    border-bottom-color: #bce8f1

}



.panel-warning {

    border-color: #faebcc

}



.panel-warning > .panel-heading {

    color: #8a6d3b;

    background-color: #fcf8e3;

    border-color: #faebcc

}



.panel-warning > .panel-heading + .panel-collapse .panel-body {

    border-top-color: #faebcc

}



.panel-warning > .panel-footer + .panel-collapse .panel-body {

    border-bottom-color: #faebcc

}



.panel-danger {

    border-color: #ebccd1

}



.panel-danger > .panel-heading {

    color: #a94442;

    background-color: #f2dede;

    border-color: #ebccd1

}



.panel-danger > .panel-heading + .panel-collapse .panel-body {

    border-top-color: #ebccd1

}



.panel-danger > .panel-footer + .panel-collapse .panel-body {

    border-bottom-color: #ebccd1

}



.well {

    min-height: 20px;

    padding: 19px;

    margin-bottom: 20px;

    background-color: #f5f5f5;

    border: 1px solid #e3e3e3;

    border-radius: 4px;

    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .05);

    box-shadow: inset 0 1px 1px rgba(0, 0, 0, .05)

}



.well blockquote {

    border-color: #ddd;

    border-color: rgba(0, 0, 0, .15)

}



.well-lg {

    padding: 24px;

    border-radius: 6px

}



.well-sm {

    padding: 9px;

    border-radius: 3px

}



.close {

    float: right;

    font-size: 21px;

    font-weight: 700;

    line-height: 1;

    color: #000;

    text-shadow: 0 1px 0 #fff;

    opacity: .2;

    filter: alpha(opacity=20)

}



.close:hover, .close:focus {

    color: #000;

    text-decoration: none;

    cursor: pointer;

    opacity: .5;

    filter: alpha(opacity=50)

}



button.close {

    padding: 0;

    cursor: pointer;

    background: 0 0;

    border: 0;

    -webkit-appearance: none

}



.modal-open {

    overflow: hidden

}



.modal {

    display: none;

    overflow: auto;

    overflow-y: scroll;

    position: fixed;

    top: 0;

    right: 0;

    bottom: 0;

    left: 0;

    z-index: 1050;

    -webkit-overflow-scrolling: touch;

    outline: 0

}



.modal.fade .modal-dialog {

    -webkit-transform: translate(0, -25%);

    -ms-transform: translate(0, -25%);

    transform: translate(0, -25%);

    -webkit-transition: -webkit-transform .3s ease-out;

    -moz-transition: -moz-transform .3s ease-out;

    -o-transition: -o-transform .3s ease-out;

    transition: transform .3s ease-out

}



.modal.in .modal-dialog {

    -webkit-transform: translate(0, 0);

    -ms-transform: translate(0, 0);

    transform: translate(0, 0)

}



.modal-dialog {

    position: relative;

    width: auto;

    margin: 10px

}



.modal-content {

    position: relative;

    background-color: #fff;

    border: 1px solid #999;

    border: 1px solid rgba(0, 0, 0, .2);

    border-radius: 6px;

    -webkit-box-shadow: 0 3px 9px rgba(0, 0, 0, .5);

    box-shadow: 0 3px 9px rgba(0, 0, 0, .5);

    background-clip: padding-box;

    outline: 0

}



.modal-backdrop {

    position: fixed;

    top: 0;

    right: 0;

    bottom: 0;

    left: 0;

    z-index: 1040;

    background-color: #000

}



.modal-backdrop.fade {

    opacity: 0;

    filter: alpha(opacity=0)

}



.modal-backdrop.in {

    opacity: .5;

    filter: alpha(opacity=50)

}



.modal-header {

    padding: 15px;

    border-bottom: 1px solid #e5e5e5;

    min-height: 16.42857143px

}



.modal-header .close {

    margin-top: -2px

}



.modal-title {

    margin: 0;

    line-height: 1.42857143

}



.modal-body {

    position: relative;

    padding: 20px

}



.modal-footer {

    margin-top: 15px;

    padding: 19px 20px 20px;

    text-align: right;

    border-top: 1px solid #e5e5e5

}



.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

}



@media (min-width: 768px) {

    .modal-dialog {

        width: 600px;

        margin: 30px auto

    }



    .modal-content {

        -webkit-box-shadow: 0 5px 15px rgba(0, 0, 0, .5);

        box-shadow: 0 5px 15px rgba(0, 0, 0, .5)

    }



    .modal-sm {

        width: 300px

    }

}



@media (min-width: 992px) {

    .modal-lg {

        width: 900px

    }

}



.tooltip {

    position: absolute;

    z-index: 1030;

    display: block;

    visibility: visible;

    font-size: 12px;

    line-height: 1.4;

    opacity: 0;

    filter: alpha(opacity=0)

}



.tooltip.in {

    opacity: .9;

    filter: alpha(opacity=90)

}



.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: 3px 8px;

    color: #fff;

    text-align: center;

    text-decoration: none;

    background-color: #000;

    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: #000

}



.tooltip.top-left .tooltip-arrow {

    bottom: 0;

    left: 5px;

    border-width: 5px 5px 0;

    border-top-color: #000

}



.tooltip.top-right .tooltip-arrow {

    bottom: 0;

    right: 5px;

    border-width: 5px 5px 0;

    border-top-color: #000

}



.tooltip.right .tooltip-arrow {

    top: 50%;

    left: 0;

    margin-top: -5px;

    border-width: 5px 5px 5px 0;

    border-right-color: #000

}



.tooltip.left .tooltip-arrow {

    top: 50%;

    right: 0;

    margin-top: -5px;

    border-width: 5px 0 5px 5px;

    border-left-color: #000

}



.tooltip.bottom .tooltip-arrow {

    top: 0;

    left: 50%;

    margin-left: -5px;

    border-width: 0 5px 5px;

    border-bottom-color: #000

}



.tooltip.bottom-left .tooltip-arrow {

    top: 0;

    left: 5px;

    border-width: 0 5px 5px;

    border-bottom-color: #000

}



.tooltip.bottom-right .tooltip-arrow {

    top: 0;

    right: 5px;

    border-width: 0 5px 5px;

    border-bottom-color: #000

}



.popover {

    position: absolute;

    top: 0;

    left: 0;

    z-index: 1010;

    display: none;

    max-width: 276px;

    padding: 1px;

    text-align: left;

    background-color: #fff;

    background-clip: padding-box;

    border: 1px solid #ccc;

    border: 1px solid rgba(0, 0, 0, .2);

    border-radius: 6px;

    -webkit-box-shadow: 0 5px 10px rgba(0, 0, 0, .2);

    box-shadow: 0 5px 10px rgba(0, 0, 0, .2);

    white-space: normal

}



.popover.top {

    margin-top: -10px

}



.popover.right {

    margin-left: 10px

}



.popover.bottom {

    margin-top: 10px

}



.popover.left {

    margin-left: -10px

}



.popover-title {

    margin: 0;

    padding: 8px 14px;

    font-size: 14px;

    font-weight: 400;

    line-height: 18px;

    background-color: #f7f7f7;

    border-bottom: 1px solid #ebebeb;

    border-radius: 5px 5px 0 0

}



.popover-content {

    padding: 9px 14px

}



.popover > .arrow, .popover > .arrow:after {

    position: absolute;

    display: block;

    width: 0;

    height: 0;

    border-color: transparent;

    border-style: solid

}



.popover > .arrow {

    border-width: 11px

}



.popover > .arrow:after {

    border-width: 10px;

    content: ""

}



.popover.top > .arrow {

    left: 50%;

    margin-left: -11px;

    border-bottom-width: 0;

    border-top-color: #999;

    border-top-color: rgba(0, 0, 0, .25);

    bottom: -11px

}



.popover.top > .arrow:after {

    content: " ";

    bottom: 1px;

    margin-left: -10px;

    border-bottom-width: 0;

    border-top-color: #fff

}



.popover.right > .arrow {

    top: 50%;

    left: -11px;

    margin-top: -11px;

    border-left-width: 0;

    border-right-color: #999;

    border-right-color: rgba(0, 0, 0, .25)

}



.popover.right > .arrow:after {

    content: " ";

    left: 1px;

    bottom: -10px;

    border-left-width: 0;

    border-right-color: #fff

}



.popover.bottom > .arrow {

    left: 50%;

    margin-left: -11px;

    border-top-width: 0;

    border-bottom-color: #999;

    border-bottom-color: rgba(0, 0, 0, .25);

    top: -11px

}



.popover.bottom > .arrow:after {

    content: " ";

    top: 1px;

    margin-left: -10px;

    border-top-width: 0;

    border-bottom-color: #fff

}



.popover.left > .arrow {

    top: 50%;

    right: -11px;

    margin-top: -11px;

    border-right-width: 0;

    border-left-color: #999;

    border-left-color: rgba(0, 0, 0, .25)

}



.popover.left > .arrow:after {

    content: " ";

    right: 1px;

    border-right-width: 0;

    border-left-color: #fff;

    bottom: -10px

}



.carousel {

    position: relative

}



.carousel-inner {

    position: relative;

    overflow: hidden;

    width: 100%

}



.carousel-inner > .item {

    display: none;

    position: relative;

    -webkit-transition: .6s ease-in-out left;

    transition: .6s ease-in-out left

}



.carousel-inner > .item > img, .carousel-inner > .item > a > img {

    line-height: 1

}



.carousel-inner > .active, .carousel-inner > .next, .carousel-inner > .prev {

    display: block

}



.carousel-inner > .active {

    left: 0

}



.carousel-inner > .next, .carousel-inner > .prev {

    position: absolute;

    top: 0;

    width: 100%

}



.carousel-inner > .next {

    left: 100%

}



.carousel-inner > .prev {

    left: -100%

}



.carousel-inner > .next.left, .carousel-inner > .prev.right {

    left: 0

}



.carousel-inner > .active.left {

    left: -100%

}



.carousel-inner > .active.right {

    left: 100%

}



.carousel-control {

    position: absolute;

    top: 0;

    left: 0;

    bottom: 0;

    width: 15%;

    opacity: .5;

    filter: alpha(opacity=50);

    font-size: 20px;

    color: #fff;

    text-align: center;

    text-shadow: 0 1px 2px rgba(0, 0, 0, .6)

}



.carousel-control.left {

    background-image: -webkit-linear-gradient(left, color-stop(rgba(0, 0, 0, .5) 0), color-stop(rgba(0, 0, 0, .0001) 100%));

    background-image: linear-gradient(to right, rgba(0, 0, 0, .5) 0, rgba(0, 0, 0, .0001) 100%);

    background-repeat: repeat-x;

    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#80000000', endColorstr='#00000000', GradientType=1)

}



.carousel-control.right {

    left: auto;

    right: 0;

    background-image: -webkit-linear-gradient(left, color-stop(rgba(0, 0, 0, .0001) 0), color-stop(rgba(0, 0, 0, .5) 100%));

    background-image: linear-gradient(to right, rgba(0, 0, 0, .0001) 0, rgba(0, 0, 0, .5) 100%);

    background-repeat: repeat-x;

    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00000000', endColorstr='#80000000', GradientType=1)

}



.carousel-control:hover, .carousel-control:focus {

    outline: 0;

    color: #fff;

    text-decoration: none;

    opacity: .9;

    filter: alpha(opacity=90)

}



.carousel-control .icon-prev, .carousel-control .icon-next, .carousel-control .glyphicon-chevron-left, .carousel-control .glyphicon-chevron-right {

    position: absolute;

    top: 50%;

    z-index: 5;

    display: inline-block

}



.carousel-control .icon-prev, .carousel-control .glyphicon-chevron-left {

    left: 50%

}



.carousel-control .icon-next, .carousel-control .glyphicon-chevron-right {

    right: 50%

}



.carousel-control .icon-prev, .carousel-control .icon-next {

    width: 20px;

    height: 20px;

    margin-top: -10px;

    margin-left: -10px;

    font-family: serif

}



.carousel-control .icon-prev:before {

    content: '\2039'

}



.carousel-control .icon-next:before {

    content: '\203a'

}







.carousel-indicators li {

    display: inline-block;

    width: 10px;

    height: 10px;

    margin: 1px;

    text-indent: -999px;

    border: 1px solid #fff;

    border-radius: 10px;

    cursor: pointer;

    background-color: #000 \9;

    background-color: rgba(0, 0, 0, 0)

}



.carousel-indicators .active {

    margin: 0;

    width: 12px;

    height: 12px;

    background-color: #fff

}



.carousel-caption {

    position: absolute;

    left: 15%;

    right: 15%;

    bottom: 20px;

    z-index: 10;

    padding-top: 20px;

    padding-bottom: 20px;

    color: #fff;

    text-align: center;

    text-shadow: 0 1px 2px rgba(0, 0, 0, .6)

}



.carousel-caption .btn {

    text-shadow: none

}



@media screen and (min-width: 768px) {

    .carousel-control .glyphicon-chevron-left, .carousel-control .glyphicon-chevron-right, .carousel-control .icon-prev, .carousel-control .icon-next {

        width: 30px;

        height: 30px;

        margin-top: -15px;

        margin-left: -15px;

        font-size: 30px

    }



    .carousel-caption {

        left: 20%;

        right: 20%;

        padding-bottom: 30px

    }



    .carousel-indicators {

        bottom: 20px

    }

}



.clearfix:before, .clearfix:after, .container:before, .container:after, .container-fluid:before, .container-fluid:after, .row:before, .row:after, .form-horizontal .form-group:before, .form-horizontal .form-group:after, .btn-toolbar:before, .btn-toolbar:after, .btn-group-vertical > .btn-group:before, .btn-group-vertical > .btn-group:after, .nav:before, .nav:after, .navbar:before, .navbar:after, .navbar-header:before, .navbar-header:after, .navbar-collapse:before, .navbar-collapse:after, .pager:before, .pager:after, .panel-body:before, .panel-body:after, .modal-footer:before, .modal-footer:after {

    content: " ";

    display: table

}



.clearfix:after, .container:after, .container-fluid:after, .row:after, .form-horizontal .form-group:after, .btn-toolbar:after, .btn-group-vertical > .btn-group:after, .nav:after, .navbar:after, .navbar-header:after, .navbar-collapse:after, .pager:after, .panel-body:after, .modal-footer:after {

    clear: both

}



.center-block {

    display: block;

    margin-left: auto;

    margin-right: auto

}



.pull-right {

    float: right !important

}



.pull-left {

    float: left !important

}



.hide {

    display: none !important

}



.show {

    display: block !important

}



.invisible {

    visibility: hidden

}



.text-hide {

    font: 0/0 a;

    color: transparent;

    text-shadow: none;

    background-color: transparent;

    border: 0

}



.hidden {

    display: none !important;

    visibility: hidden !important

}



.affix {

    position: fixed

}



@-ms-viewport {

    width: device-width

}



.visible-xs, .visible-sm, .visible-md, .visible-lg {

    display: none !important

}



@media (max-width: 767px) {

    .visible-xs {

        display: block !important

    }



    table.visible-xs {

        display: table

    }



    tr.visible-xs {

        display: table-row !important

    }



    th.visible-xs, td.visible-xs {

        display: table-cell !important

    }

}



@media (min-width: 768px) and (max-width: 991px) {

    .visible-sm {

        display: block !important

    }



    table.visible-sm {

        display: table

    }



    tr.visible-sm {

        display: table-row !important

    }



    th.visible-sm, td.visible-sm {

        display: table-cell !important

    }

}



@media (min-width: 992px) and (max-width: 1199px) {

    .visible-md {

        display: block !important

    }



    table.visible-md {

        display: table

    }



    tr.visible-md {

        display: table-row !important

    }



    th.visible-md, td.visible-md {

        display: table-cell !important

    }

}



@media (min-width: 1200px) {

    .visible-lg {

        display: block !important

    }



    table.visible-lg {

        display: table

    }



    tr.visible-lg {

        display: table-row !important

    }



    th.visible-lg, td.visible-lg {

        display: table-cell !important

    }

}



@media (max-width: 767px) {

    .hidden-xs {

        display: none !important

    }

}



@media (min-width: 768px) and (max-width: 991px) {

    .hidden-sm {

        display: none !important

    }

}



@media (min-width: 992px) and (max-width: 1199px) {

    .hidden-md {

        display: none !important

    }

}



@media (min-width: 1200px) {

    .hidden-lg {

        display: none !important

    }

}



.visible-print {

    display: none !important

}



@media print {

    .visible-print {

        display: block !important

    }



    table.visible-print {

        display: table

    }



    tr.visible-print {

        display: table-row !important

    }



    th.visible-print, td.visible-print {

        display: table-cell !important

    }

}



@media print {

    .hidden-print {

        display: none !important

    }

}



;

/* Pretty printing styles. Used with prettify.js. */



/* SPAN elements with the classes below are added by prettyprint. */

.pln {

    color: #000

}



/* plain text */



@media screen {

    .str {

        color: #080

    }



    /* string content */

    .kwd {

        color: #008

    }



    /* a keyword */

    .com {

        color: #800

    }



    /* a comment */

    .typ {

        color: #606

    }



    /* a type name */

    .lit {

        color: #066

    }



    /* a literal value */

    /* punctuation, lisp open bracket, lisp close bracket */

    .pun, .opn, .clo {

        color: #660

    }



    .tag {

        color: #008

    }



    /* a markup tag name */

    .atn {

        color: #606

    }



    /* a markup attribute name */

    .atv {

        color: #080

    }



    /* a markup attribute value */

    .dec, .var {

        color: #606

    }



    /* a declaration; a variable name */

    .fun {

        color: red

    }



    /* a function name */

}



/* Use higher contrast and text-weight for printable form. */

@media print, projection {

    .str {

        color: #060

    }



    .kwd {

        color: #006;

        font-weight: bold

    }



    .com {

        color: #600;

        font-style: italic

    }



    .typ {

        color: #404;

        font-weight: bold

    }



    .lit {

        color: #044

    }



    .pun, .opn, .clo {

        color: #440

    }



    .tag {

        color: #006;

        font-weight: bold

    }



    .atn {

        color: #404

    }



    .atv {

        color: #060

    }

}



/* Put a border around prettyprinted code snippets. */

pre.prettyprint {

    padding: 2px;

    border: 1px solid #888

}



/* Specify class=linenums on a pre to get line numbering */

ol.linenums {

    margin-top: 0;

    margin-bottom: 0

}



/* IE indents via margin-left */

li.L0,

li.L1,

li.L2,

li.L3,

li.L5,

li.L6,

li.L7,

li.L8 {

    list-style-type: none

}



/* Alternate shading for lines */

li.L1,

li.L3,

li.L5,

li.L7,

li.L9 {

    background: #eee

}



;

/*!

 * Copyright 2013 Twitter, Inc.

 *

 * Licensed under the Creative Commons Attribution 3.0 Unported License. For

 * details, see http://creativecommons.org/licenses/by/3.0/.

 */



/*

 * Bootstrap Documentation

 * Special styles for presenting Bootstrap's documentation and code examples.

 *

 * Table of contents:

 *

 * Scaffolding

 * Main navigation

 * Footer

 * Social buttons

 * Homepage

 * Page headers

 * Old docs callout

 * Ads

 * Side navigation

 * Docs sections

 * Callouts

 * Grid styles

 * Examples

 * Code snippets (highlight)

 * Responsive tests

 * Glyphicons

 * Customizer

 * Miscellaneous

 */



/*

 * Scaffolding

 *

 * Update the basics of our documents to prep for docs content.

 */



body {

    position: relative; /* For scrollyspy */

    padding-top: 50px; /* Account for fixed navbar */

}



/* Keep code small in tables on account of limited space */

.table code {

    font-size: 13px;

    font-weight: normal;

}



/* Outline button for use within the docs */

.btn-outline {

    color: #563d7c;

    background-color: #fff;

    border-color: #e5e5e5;

}



.btn-outline:hover,

.btn-outline:focus,

.btn-outline:active {

    color: #fff;

    background-color: #563d7c;

    border-color: #563d7c;

}



/* Inverted outline button (white on dark) */

.btn-outline-inverse {

    color: #fff;

    background-color: transparent;

    border-color: #cdbfe3;

}



.btn-outline-inverse:hover,

.btn-outline-inverse:focus,

.btn-outline-inverse:active {

    color: #563d7c;

    text-shadow: none;

    background-color: #fff;

    border-color: #fff;

}



/*

 * Main navigation

 *

 * Turn the `.navbar` at the top of the docs purple.

 */



.bs-docs-nav {

    text-shadow: 0 -1px 0 rgba(0, 0, 0, .15);

    background-color: #563d7c;

    border-color: #463265;

    box-shadow: 0 1px 0 rgba(255, 255, 255, .1);

}



.bs-docs-nav .navbar-collapse {

    border-color: #463265;

}



.bs-docs-nav .navbar-brand {

    color: #fff;

}



.bs-docs-nav .navbar-nav > li > a {

    color: #cdbfe3;

}



.bs-docs-nav .navbar-nav > li > a:hover {

    color: #fff;

}



.bs-docs-nav .navbar-nav > .active > a,

.bs-docs-nav .navbar-nav > .active > a:hover {

    color: #fff;

    background-color: #463265;

}



.bs-docs-nav .navbar-toggle {

    border-color: #563d7c;

}



.bs-docs-nav .navbar-toggle:hover {

    background-color: #463265;

    border-color: #463265;

}



/*

 * Footer

 *

 * Separated section of content at the bottom of all pages, save the homepage.

 */



.bs-footer {

    padding-top: 40px;

    padding-bottom: 30px;

    margin-top: 100px;

    color: #777;

    text-align: center;

    border-top: 1px solid #e5e5e5;

}



.footer-links {

    margin: 10px 0;

    padding-left: 0;

}



.footer-links li {

    display: inline;

    padding: 0 2px;

}



.footer-links li:first-child {

    padding-left: 0;

}



@media (min-width: 768px) {

    .bs-footer {

        text-align: left;

    }



    .bs-footer p {

        margin-bottom: 0;

    }

}



/*

 * Social buttons

 *

 * Twitter and GitHub social action buttons (for homepage and footer).

 */



.bs-social {

    margin-top: 20px;

    margin-bottom: 20px;

    text-align: center;

}



.bs-social-buttons {

    display: inline-block;

    margin-bottom: 0;

    padding-left: 0;

    list-style: none;

}



.bs-social-buttons li {

    display: inline-block;

    line-height: 1;

    padding: 5px 8px;

}



.bs-social-buttons .twitter-follow-button {

    width: 225px !important;

}



.bs-social-buttons .twitter-share-button {

    width: 98px !important;

}



/* Style the GitHub buttons via CSS instead of inline attributes */

.github-btn {

    border: 0;

    overflow: hidden;

}



@media (min-width: 768px) {

    .bs-social {

        text-align: left;

    }



    .bs-social-buttons li:first-child {

        padding-left: 0;

    }

}



/*

 * Topography, yo!

 *

 * Apply the map background via base64 and relevant colors where we need 'em.

 */









/*

 * Homepage

 *

 * Tweaks to the custom homepage and the masthead (main jumbotron).

 */



/* Masthead (headings and download button) */

.bs-masthead {

    position: relative;

    padding: 30px 15px;

    text-align: center;

    text-shadow: 0 1px 0 rgba(0, 0, 0, .15);

}



.bs-masthead h1 {

    font-size: 50px;

    line-height: 1;

    color: #fff;

}



.bs-masthead .btn-outline-inverse {

    margin: 10px;

}



/* Links to project-level content like the repo, Expo, etc */

.bs-masthead-links {

    margin-top: 20px;

    margin-bottom: 40px;

    padding: 0 15px;

    list-style: none;

    text-align: center;

}



.bs-masthead-links li {

    display: inline;

}



.bs-masthead-links li + li {

    margin-left: 20px;

}



.bs-masthead-links a {

    color: #fff;

}



@media (min-width: 768px) {

    .bs-masthead {

        text-align: left;

        padding-top: 140px;

        padding-bottom: 140px;

    }



    .bs-masthead h1 {

        font-size: 100px;

    }



    .bs-masthead .lead {

        margin-right: 25%;

        font-size: 30px;

    }



    .bs-masthead .btn-outline-inverse {

        width: auto;

        margin: 20px 5px 20px 0;

        padding: 18px 24px;

        font-size: 21px;

    }



    .bs-masthead-links {

        padding: 0;

        text-align: left;

    }

}



/*

 * Page headers

 *

 * Jumbotron-esque headers at the top of every page that's not the homepage.

 */



/* Page headers */

.bs-header {

    padding: 30px 15px 40px; /* side padding builds on .container 15px, so 30px */

    font-size: 16px;

    text-align: center;

    text-shadow: 0 1px 0 rgba(0, 0, 0, .15);

}



.bs-header h1 {

    color: #fff;

}



.bs-header p {

    font-weight: 300;

    line-height: 1.5;

}



.bs-header .container {

    position: relative;

}



@media (min-width: 768px) {

    .bs-header {

        font-size: 21px;

        text-align: left;

    }



    .bs-header h1 {

        font-size: 60px;

        line-height: 1;

    }

}



@media (min-width: 992px) {

    .bs-header h1,

    .bs-header p {

        margin-right: 380px;

    }

}



/*

 * Carbon ads

 *

 * Single display ad that shows on all pages (except homepage) in page headers.

 * The hella `!important` is required for any pre-set property.

 */



.carbonad {

    width: auto !important;

    margin: 50px -30px -40px !important;

    padding: 20px !important;

    overflow: hidden; /* clearfix */

    height: auto !important;

    font-size: 13px !important;

    line-height: 16px !important;

    text-align: left;

    background: #463265 !important;

    border: 0 !important;

    box-shadow: inset 0 3px 5px rgba(0, 0, 0, .075);

}



.carbonad-img {

    margin: 0 !important;

}



.carbonad-text,

.carbonad-tag {

    float: none !important;

    display: block !important;

    width: auto !important;

    height: auto !important;

    margin-left: 145px !important;

    font-family: "Helvetica Neue", Helvetica, Arial, sans-serif !important;

}



.carbonad-text {

    padding-top: 0 !important;

}



.carbonad-tag {

    color: #cdbfe3 !important;

    text-align: left !important;

}



.carbonad-text a,

.carbonad-tag a {

    color: #fff !important;

}



.carbonad #azcarbon > img {

    display: none; /* hide what I assume are tracking images */

}



@media (min-width: 768px) {

    .carbonad {

        margin: 0 !important;

        border-radius: 4px;

        box-shadow: inset 0 3px 5px rgba(0, 0, 0, .075), 0 1px 0 rgba(255, 255, 255, .1);

    }

}



@media (min-width: 992px) {

    .carbonad {

        position: absolute;

        top: 20px;

        right: 15px; /* 15px instead of 0 since box-sizing */

        padding: 15px !important;

        width: 330px !important;

    }

}



/* Homepage variations */

.bs-docs-home .carbonad {

    margin: 0 -15px 40px !important;

}



@media (min-width: 480px) {

    .bs-docs-home .carbonad {

        width: 330px !important;

        margin: 0 auto 40px !important;

        border-radius: 4px;

    }

}



@media (min-width: 768px) {

    .bs-docs-home .carbonad {

        float: left;

        width: 330px !important;

        margin: 0 0 30px !important;

    }



    .bs-docs-home .bs-social,

    .bs-docs-home .bs-masthead-links {

        margin-left: 350px;

    }



    .bs-docs-home .bs-social {

        margin-bottom: 10px;

    }



    .bs-docs-home .bs-masthead-links {

        margin-top: 10px;

    }

}



@media (min-width: 992px) {

    .bs-docs-home .carbonad {

        position: static;

    }

}



@media (min-width: 1170px) {

    .bs-docs-home .carbonad {

        margin-top: -25px !important;

    }

}



/*

 * Callout for 2.3.2 docs

 *

 * Only appears below page headers (not on the homepage). The homepage gets its

 * own link with the masthead links.

 */



.bs-old-docs {

    padding: 15px 20px;

    color: #777;

    background-color: #fafafa;

    border-top: 1px solid #fff;

    border-bottom: 1px solid #e5e5e5;

}



.bs-old-docs strong {

    color: #555;

}



/*

 * Side navigation

 *

 * Scrollspy and affixed enhanced navigation to highlight sections and secondary

 * sections of docs content.

 */



/* By default it's not affixed in mobile views, so undo that */

.bs-sidebar.affix {

    position: static;

}



/* First level of nav */

.bs-sidenav {

    margin-top: 30px;

    margin-bottom: 30px;

    padding-top: 10px;

    padding-bottom: 10px;

    text-shadow: 0 1px 0 #fff;

    background-color: #f7f5fa;

    border-radius: 5px;

}



/* All levels of nav */

.bs-sidebar .nav > li > a {

    display: block;

    color: #716b7a;

    padding: 5px 20px;

}



.bs-sidebar .nav > li > a:hover,

.bs-sidebar .nav > li > a:focus {

    text-decoration: none;

    background-color: #e5e3e9;

    border-right: 1px solid #dbd8e0;

}



.bs-sidebar .nav > .active > a,

.bs-sidebar .nav > .active:hover > a,

.bs-sidebar .nav > .active:focus > a {

    font-weight: bold;

    color: #563d7c;

    background-color: transparent;

    border-right: 1px solid #563d7c;

}



/* Nav: second level (shown on .active) */

.bs-sidebar .nav .nav {

    display: none; /* Hide by default, but at >768px, show it */

    margin-bottom: 8px;

}



.bs-sidebar .nav .nav > li > a {

    padding-top: 3px;

    padding-bottom: 3px;

    padding-left: 30px;

    font-size: 90%;

}



/* Show and affix the side nav when space allows it */

@media (min-width: 992px) {

    .bs-sidebar .nav > .active > ul {

        display: block;

    }



    /* Widen the fixed sidebar */

    .bs-sidebar.affix,

    .bs-sidebar.affix-bottom {

        width: 213px;

    }



    .bs-sidebar.affix {

        position: fixed; /* Undo the static from mobile first approach */

        top: 80px;

    }



    .bs-sidebar.affix-bottom {

        position: absolute; /* Undo the static from mobile first approach */

    }



    .bs-sidebar.affix-bottom .bs-sidenav,

    .bs-sidebar.affix .bs-sidenav {

        margin-top: 0;

        margin-bottom: 0;

    }

}



@media (min-width: 1200px) {

    /* Widen the fixed sidebar again */

    .bs-sidebar.affix-bottom,

    .bs-sidebar.affix {

        width: 263px;

    }

}



/*

 * Docs sections

 *

 * Content blocks for each component or feature.

 */



/* Space things out */

.bs-docs-section + .bs-docs-section {

    padding-top: 40px;

}



/* Janky fix for preventing navbar from overlapping */

h1[id] {

    padding-top: 80px;

    margin-top: -45px;

}



/*

 * Callouts

 *

 * Not quite alerts, but custom and helpful notes for folks reading the docs.

 * Requires a base and modifier class.

 */



/* Common styles for all types */

.bs-callout {

    margin: 20px 0;

    padding: 20px;

    border-left: 3px solid #eee;

}



.bs-callout h4 {

    margin-top: 0;

    margin-bottom: 5px;

}



.bs-callout p:last-child {

    margin-bottom: 0;

}



/* Variations */

.bs-callout-danger {

    background-color: #fdf7f7;

    border-color: #eed3d7;

}



.bs-callout-danger h4 {

    color: #b94a48;

}



.bs-callout-warning {

    background-color: #faf8f0;

    border-color: #faebcc;

}



.bs-callout-warning h4 {

    color: #8a6d3b;

}



.bs-callout-info {

    background-color: #f4f8fa;

    border-color: #bce8f1;

}



.bs-callout-info h4 {

    color: #34789a;

}



/*

 * Team members

 *

 * Avatars, names, and usernames for core team.

 */



.bs-team .team-member {

    color: #555;

    line-height: 32px;

}



.bs-team .team-member:hover {

    color: #333;

    text-decoration: none;

}



.bs-team .github-btn {

    float: right;

    margin-top: 6px;

    width: 120px;

    height: 20px;

}



.bs-team img {

    float: left;

    width: 32px;

    margin-right: 10px;

    border-radius: 4px;

}



/*

 * Grid examples

 *

 * Highlight the grid columns within the docs so folks can see their padding,

 * alignment, sizing, etc.

 */



.show-grid {

    margin-bottom: 15px;

}



.show-grid [class^="col-"] {

    padding-top: 10px;

    padding-bottom: 10px;

    background-color: #eee;

    border: 1px solid #ddd;

    background-color: rgba(86, 61, 124, .15);

    border: 1px solid rgba(86, 61, 124, .2);

}



/*

 * Examples

 *

 * Isolated sections of example content for each component or feature. Usually

 * followed by a code snippet.

 */



.bs-example {

    position: relative;

    padding: 45px 15px 15px;

    margin: 0 -15px 15px;

    background-color: #fafafa;

    box-shadow: inset 0 3px 6px rgba(0, 0, 0, .05);

    border-color: #e5e5e5 #eee #eee;

    border-style: solid;

    border-width: 1px 0;

}







/* Tweak display of the code snippets when following an example */

.bs-example + .highlight {

    margin: -15px -15px 15px;

    border-radius: 0;

    border-width: 0 0 1px;

}



/* Make the examples and snippets not full-width */

@media (min-width: 768px) {

    .bs-example {

        margin-left: 0;

        margin-right: 0;

        background-color: #fff;

        border-width: 1px;

        border-color: #ddd;

        border-radius: 4px 4px 0 0;

        box-shadow: none;

    }



    .bs-example + .highlight {

        margin-top: -16px;

        margin-left: 0;

        margin-right: 0;

        border-width: 1px;

        border-bottom-left-radius: 4px;

        border-bottom-right-radius: 4px;

    }

}



/* Undo width of container */

.bs-example .container {

    width: auto;

}



/* Tweak content of examples for optimum awesome */

.bs-example > p:last-child,

.bs-example > ul:last-child,

.bs-example > ol:last-child,

.bs-example > blockquote:last-child,

.bs-example > .form-control:last-child,

.bs-example > .table:last-child,

.bs-example > .navbar:last-child,

.bs-example > .jumbotron:last-child,

.bs-example > .alert:last-child,

.bs-example > .panel:last-child,

.bs-example > .list-group:last-child,

.bs-example > .well:last-child,

.bs-example > .progress:last-child,

.bs-example > .table-responsive:last-child > .table {

    margin-bottom: 0;

}



.bs-example > p > .close {

    float: none;

}



/* Typography */

.bs-example-type .table .info {

    color: #999;

    vertical-align: middle;

}



.bs-example-type .table td {

    padding: 15px 0;

    border-color: #eee;

}



.bs-example-type .table tr:first-child td {

    border-top: 0;

}



.bs-example-type h1,

.bs-example-type h2,

.bs-example-type h3,

.bs-example-type h4,

.bs-example-type h5,

.bs-example-type h6 {

    margin: 0;

}



/* Images */

.bs-example > .img-circle,

.bs-example > .img-rounded,

.bs-example > .img-thumbnail {

    margin: 5px;

}



/* Tables */

.bs-example > .table-responsive > .table {

    background-color: #fff;

}



/* Buttons */

.bs-example > .btn,

.bs-example > .btn-group {

    margin-top: 5px;

    margin-bottom: 5px;

}



.bs-example > .btn-toolbar + .btn-toolbar {

    margin-top: 10px;

}



/* Forms */

.bs-example-control-sizing select,

.bs-example-control-sizing input[type="text"] + input[type="text"] {

    margin-top: 10px;

}



.bs-example-form .input-group {

    margin-bottom: 10px;

}



.bs-example > textarea.form-control {

    resize: vertical;

}



/* List groups */

.bs-example > .list-group {

    max-width: 400px;

}



/* Navbars */

.bs-example .navbar:last-child {

    margin-bottom: 0;

}



.bs-navbar-top-example,

.bs-navbar-bottom-example {

    z-index: 1;

    padding: 0;

    overflow: hidden; /* cut the drop shadows off */

}



.bs-navbar-top-example .navbar-header,

.bs-navbar-bottom-example .navbar-header {

    margin-left: 0;

}



.bs-navbar-top-example .navbar-fixed-top,

.bs-navbar-bottom-example .navbar-fixed-bottom {

    position: relative;

    margin-left: 0;

    margin-right: 0;

}



.bs-navbar-top-example {

    padding-bottom: 45px;

}



.bs-navbar-top-example:after {

    top: auto;

    bottom: 15px;

}



.bs-navbar-top-example .navbar-fixed-top {

    top: -1px;

}



.bs-navbar-bottom-example {

    padding-top: 45px;

}



.bs-navbar-bottom-example .navbar-fixed-bottom {

    bottom: -1px;

}



.bs-navbar-bottom-example .navbar {

    margin-bottom: 0;

}



@media (min-width: 768px) {

    .bs-navbar-top-example .navbar-fixed-top,

    .bs-navbar-bottom-example .navbar-fixed-bottom {

        position: absolute;

    }



    .bs-navbar-top-example {

        border-radius: 0 0 4px 4px;

    }



    .bs-navbar-bottom-example {

        border-radius: 4px 4px 0 0;

    }

}



/* Pagination */

.bs-example .pagination {

    margin-top: 10px;

    margin-bottom: 10px;

}



/* Pager */

.bs-example > .pager {

    margin-top: 0;

}



/* Example modals */

.bs-example-modal {

    background-color: #f5f5f5;

}



.bs-example-modal .modal {

    position: relative;

    top: auto;

    right: auto;

    left: auto;

    bottom: auto;

    z-index: 1;

    display: block;

}



.bs-example-modal .modal-dialog {

    left: auto;

    margin-left: auto;

    margin-right: auto;

}



/* Example dropdowns */

.bs-example > .dropdown > .dropdown-menu {

    position: static;

    display: block;

    margin-bottom: 5px;

}



/* Example tabbable tabs */

.bs-example-tabs .nav-tabs {

    margin-bottom: 15px;

}



/* Tooltips */

.bs-example-tooltips {

    text-align: center;

}



.bs-example-tooltips > .btn {

    margin-top: 5px;

    margin-bottom: 5px;

}



/* Popovers */

.bs-example-popover {

    padding-bottom: 24px;

    background-color: #f9f9f9;

}



.bs-example-popover .popover {

    position: relative;

    display: block;

    float: left;

    width: 260px;

    margin: 20px;

}



/* Scrollspy demo on fixed height div */

.scrollspy-example {

    position: relative;

    height: 200px;

    margin-top: 10px;

    overflow: auto;

}



/*

 * Code snippets

 *

 * Generated via Pygments and Jekyll, these are snippets of HTML, CSS, and JS.

 */



.highlight {

    display: none; /* hidden by default, until >480px */

    padding: 9px 14px;

    margin-bottom: 14px;

    background-color: #f7f7f9;

    border: 1px solid #e1e1e8;

    border-radius: 4px;

}



.highlight pre {

    padding: 0;

    margin-top: 0;

    margin-bottom: 0;

    background-color: transparent;

    border: 0;

    white-space: nowrap;

}



.highlight pre code {

    font-size: inherit;

    color: #333; /* Effectively the base text color */

}



.highlight pre .lineno {

    display: inline-block;

    width: 22px;

    padding-right: 5px;

    margin-right: 10px;

    text-align: right;

    color: #bebec5;

}



/* Show code snippets when we have the space */

@media (min-width: 481px) {

    .highlight {

        display: block;

    }

}



/*

 * Responsive tests

 *

 * Generate a set of tests to show the responsive utilities in action.

 */



/* Responsive (scrollable) doc tables */

.table-responsive .highlight pre {

    white-space: normal;

}



/* Utility classes table  */

.bs-table th small,

.responsive-utilities th small {

    display: block;

    font-weight: normal;

    color: #999;

}



.responsive-utilities tbody th {

    font-weight: normal;

}



.responsive-utilities td {

    text-align: center;

}



.responsive-utilities td.is-visible {

    color: #468847;

    background-color: #dff0d8 !important;

}



.responsive-utilities td.is-hidden {

    color: #ccc;

    background-color: #f9f9f9 !important;

}



/* Responsive tests */

.responsive-utilities-test {

    margin-top: 5px;

}



.responsive-utilities-test .col-xs-6 {

    margin-bottom: 10px;

}



.responsive-utilities-test span {

    padding: 15px 10px;

    font-size: 14px;

    font-weight: bold;

    line-height: 1.1;

    text-align: center;

    border-radius: 4px;

}



.visible-on .col-xs-6 .hidden-xs,

.visible-on .col-xs-6 .hidden-sm,

.visible-on .col-xs-6 .hidden-md,

.visible-on .col-xs-6 .hidden-lg,

.hidden-on .col-xs-6 .hidden-xs,

.hidden-on .col-xs-6 .hidden-sm,

.hidden-on .col-xs-6 .hidden-md,

.hidden-on .col-xs-6 .hidden-lg {

    color: #999;

    border: 1px solid #ddd;

}



.visible-on .col-xs-6 .visible-xs,

.visible-on .col-xs-6 .visible-sm,

.visible-on .col-xs-6 .visible-md,

.visible-on .col-xs-6 .visible-lg,

.hidden-on .col-xs-6 .visible-xs,

.hidden-on .col-xs-6 .visible-sm,

.hidden-on .col-xs-6 .visible-md,

.hidden-on .col-xs-6 .visible-lg {

    color: #468847;

    background-color: #dff0d8;

    border: 1px solid #d6e9c6;

}



/*

 * Glyphicons

 *

 * Special styles for displaying the icons and their classes in the docs.

 */



.bs-glyphicons {

    padding-left: 0;

    padding-bottom: 1px;

    margin-bottom: 20px;

    list-style: none;

    overflow: hidden;

}



.bs-glyphicons li {

    float: left;

    width: 25%;

    height: 115px;

    padding: 10px;

    margin: 0 -1px -1px 0;

    font-size: 12px;

    line-height: 1.4;

    text-align: center;

    border: 1px solid #ddd;

}



.bs-glyphicons .glyphicon {

    margin-top: 5px;

    margin-bottom: 10px;

    font-size: 24px;

}



.bs-glyphicons .glyphicon-class {

    display: block;

    text-align: center;

    word-wrap: break-word; /* Help out IE10+ with class names */

}



.bs-glyphicons li:hover {

    background-color: rgba(86, 61, 124, .1);

}



@media (min-width: 768px) {

    .bs-glyphicons li {

        width: 12.5%;

    }

}



/*

 * Customizer

 *

 * Since this is so form control heavy, we have quite a few styles to customize

 * the display of inputs, headings, and more. Also included are all the download

 * buttons and actions.

 */



.bs-customizer .toggle {

    float: right;

    margin-top: 85px; /* On account of ghetto navbar fix */

}



/* Headings and form contrls */

.bs-customizer label {

    margin-top: 10px;

    font-weight: 500;

    color: #555;

}



.bs-customizer h2 {

    margin-top: 0;

    margin-bottom: 5px;

    padding-top: 30px;

}



.bs-customizer h3 {

    margin-bottom: 0;

}



.bs-customizer h4 {

    margin-top: 15px;

    margin-bottom: 0;

}



.bs-customizer .bs-callout h4 {

    margin-top: 0; /* lame, but due to specificity we have to duplicate */

    margin-bottom: 5px;

}



.bs-customizer input[type="text"] {

    font-family: Menlo, Monaco, Consolas, "Courier New", monospace;

    background-color: #fafafa;

}



.bs-customizer .help-block {

    font-size: 12px;

    margin-bottom: 5px;

}



/* For the variables, use regular weight */

#less-section label {

    font-weight: normal;

}



/* Downloads */

.bs-customize-download .btn-outline {

    padding: 20px;

}



/* Error handling */

.bs-customizer-alert {

    position: fixed;

    top: 51px;

    left: 0;

    right: 0;

    z-index: 1030;

    padding: 15px 0;

    color: #fff;

    background-color: #d9534f;

    box-shadow: inset 0 1px 0 rgba(255, 255, 255, .25);

    border-bottom: 1px solid #b94441;

}



.bs-customizer-alert .close {

    margin-top: -4px;

    font-size: 24px;

}



.bs-customizer-alert p {

    margin-bottom: 0;

}



.bs-customizer-alert .glyphicon {

    margin-right: 5px;

}



.bs-customizer-alert pre {

    margin: 10px 0 0;

    color: #fff;

    background-color: #a83c3a;

    border-color: #973634;

    box-shadow: inset 0 2px 4px rgba(0, 0, 0, .05), 0 1px 0 rgba(255, 255, 255, .1);

}



/*

 * Miscellaneous

 *

 * Odds and ends for optimum docs display.

 */



/* About page */

.bs-about {

    font-size: 16px;

}



/* Examples gallery: space out content better */

.bs-examples h4 {

    margin-bottom: 5px;

}



.bs-examples p {

    margin-bottom: 20px;

}



/* Pseudo :focus state for showing how it looks in the docs */

#focusedInput {

    border-color: rgba(82, 168, 236, .8);

    outline: 0;

    outline: thin dotted \9; /* IE6-9 */

    -moz-box-shadow: 0 0 8px rgba(82, 168, 236, .6);

    box-shadow: 0 0 8px rgba(82, 168, 236, .6);

}



/* Better spacing on download options in getting started */

.bs-docs-dl-options h4 {

    margin-top: 15px;

    margin-bottom: 5px;

}



;

/*!

 * Copyright 2013 Twitter, Inc.

 *

 * Licensed under the Creative Commons Attribution 3.0 Unported License. For

 * details, see http://creativecommons.org/licenses/by/3.0/.

 */



/*

 * Bootstrap Documentation

 * Special styles for presenting Bootstrap's documentation and code examples.

 *

 * Table of contents:

 *

 * Scaffolding

 * Main navigation

 * Footer

 * Social buttons

 * Homepage

 * Page headers

 * Old docs callout

 * Ads

 * Side navigation

 * Docs sections

 * Callouts

 * Grid styles

 * Examples

 * Code snippets (highlight)

 * Responsive tests

 * Glyphicons

 * Customizer

 * Miscellaneous

 */



/*

 * Scaffolding

 *

 * Update the basics of our documents to prep for docs content.

 */



body {

    position: relative; /* For scrollyspy */

    padding-top: 50px; /* Account for fixed navbar */

}



/* Keep code small in tables on account of limited space */

.table code {

    font-size: 13px;

    font-weight: normal;

}



/* Outline button for use within the docs */

.btn-outline {

    color: #563d7c;

    background-color: #fff;

    border-color: #e5e5e5;

}



.btn-outline:hover,

.btn-outline:focus,

.btn-outline:active {

    color: #fff;

    background-color: #563d7c;

    border-color: #563d7c;

}



/* Inverted outline button (white on dark) */

.btn-outline-inverse {

    color: #fff;

    background-color: transparent;

    border-color: #cdbfe3;

}



.btn-outline-inverse:hover,

.btn-outline-inverse:focus,

.btn-outline-inverse:active {

    color: #563d7c;

    text-shadow: none;

    background-color: #fff;

    border-color: #fff;

}



/*

 * Main navigation

 *

 * Turn the `.navbar` at the top of the docs purple.

 */



.bs-docs-nav {

    text-shadow: 0 -1px 0 rgba(0, 0, 0, .15);

    background-color: #563d7c;

    border-color: #463265;

    box-shadow: 0 1px 0 rgba(255, 255, 255, .1);

}



.bs-docs-nav .navbar-collapse {

    border-color: #463265;

}



.bs-docs-nav .navbar-brand {

    color: #fff;

}



.bs-docs-nav .navbar-nav > li > a {

    color: #cdbfe3;

}



.bs-docs-nav .navbar-nav > li > a:hover {

    color: #fff;

}



.bs-docs-nav .navbar-nav > .active > a,

.bs-docs-nav .navbar-nav > .active > a:hover {

    color: #fff;

    background-color: #463265;

}



.bs-docs-nav .navbar-toggle {

    border-color: #563d7c;

}



.bs-docs-nav .navbar-toggle:hover {

    background-color: #463265;

    border-color: #463265;

}



/*

 * Footer

 *

 * Separated section of content at the bottom of all pages, save the homepage.

 */



.bs-footer {

    padding-top: 40px;

    padding-bottom: 30px;

    margin-top: 100px;

    color: #777;

    text-align: center;

    border-top: 1px solid #e5e5e5;

}



.footer-links {

    margin: 10px 0;

    padding-left: 0;

}



.footer-links li {

    display: inline;

    padding: 0 2px;

}



.footer-links li:first-child {

    padding-left: 0;

}



@media (min-width: 768px) {

    .bs-footer {

        text-align: left;

    }



    .bs-footer p {

        margin-bottom: 0;

    }

}



/*

 * Social buttons

 *

 * Twitter and GitHub social action buttons (for homepage and footer).

 */



.bs-social {

    margin-top: 20px;

    margin-bottom: 20px;

    text-align: center;

}



.bs-social-buttons {

    display: inline-block;

    margin-bottom: 0;

    padding-left: 0;

    list-style: none;

}



.bs-social-buttons li {

    display: inline-block;

    line-height: 1;

    padding: 5px 8px;

}



.bs-social-buttons .twitter-follow-button {

    width: 225px !important;

}



.bs-social-buttons .twitter-share-button {

    width: 98px !important;

}



/* Style the GitHub buttons via CSS instead of inline attributes */

.github-btn {

    border: 0;

    overflow: hidden;

}



@media (min-width: 768px) {

    .bs-social {

        text-align: left;

    }



    .bs-social-buttons li:first-child {

        padding-left: 0;

    }

}



/*

 * Topography, yo!

 *

 * Apply the map background via base64 and relevant colors where we need 'em.

 */



.bs-docs-home,





/*

 * Homepage

 *

 * Tweaks to the custom homepage and the masthead (main jumbotron).

 */



/* Masthead (headings and download button) */

.bs-masthead {

    position: relative;

    padding: 30px 15px;

    text-align: center;

    text-shadow: 0 1px 0 rgba(0, 0, 0, .15);

}



.bs-masthead h1 {

    font-size: 50px;

    line-height: 1;

    color: #fff;

}



.bs-masthead .btn-outline-inverse {

    margin: 10px;

}



/* Links to project-level content like the repo, Expo, etc */

.bs-masthead-links {

    margin-top: 20px;

    margin-bottom: 40px;

    padding: 0 15px;

    list-style: none;

    text-align: center;

}



.bs-masthead-links li {

    display: inline;

}



.bs-masthead-links li + li {

    margin-left: 20px;

}



.bs-masthead-links a {

    color: #fff;

}



@media (min-width: 768px) {

    .bs-masthead {

        text-align: left;

        padding-top: 140px;

        padding-bottom: 140px;

    }



    .bs-masthead h1 {

        font-size: 100px;

    }



    .bs-masthead .lead {

        margin-right: 25%;

        font-size: 30px;

    }



    .bs-masthead .btn-outline-inverse {

        width: auto;

        margin: 20px 5px 20px 0;

        padding: 18px 24px;

        font-size: 21px;

    }



    .bs-masthead-links {

        padding: 0;

        text-align: left;

    }

}



/*

 * Page headers

 *

 * Jumbotron-esque headers at the top of every page that's not the homepage.

 */



/* Page headers */

.bs-header {

    padding: 30px 15px 40px; /* side padding builds on .container 15px, so 30px */

    font-size: 16px;

    text-align: center;

    text-shadow: 0 1px 0 rgba(0, 0, 0, .15);

}



.bs-header h1 {

    color: #fff;

}



.bs-header p {

    font-weight: 300;

    line-height: 1.5;

}



.bs-header .container {

    position: relative;

}



@media (min-width: 768px) {

    .bs-header {

        font-size: 21px;

        text-align: left;

    }



    .bs-header h1 {

        font-size: 60px;

        line-height: 1;

    }

}



@media (min-width: 992px) {

    .bs-header h1,

    .bs-header p {

        margin-right: 380px;

    }

}



/*

 * Carbon ads

 *

 * Single display ad that shows on all pages (except homepage) in page headers.

 * The hella `!important` is required for any pre-set property.

 */



.carbonad {

    width: auto !important;

    margin: 50px -30px -40px !important;

    padding: 20px !important;

    overflow: hidden; /* clearfix */

    height: auto !important;

    font-size: 13px !important;

    line-height: 16px !important;

    text-align: left;

    background: #463265 !important;

    border: 0 !important;

    box-shadow: inset 0 3px 5px rgba(0, 0, 0, .075);

}



.carbonad-img {

    margin: 0 !important;

}



.carbonad-text,

.carbonad-tag {

    float: none !important;

    display: block !important;

    width: auto !important;

    height: auto !important;

    margin-left: 145px !important;

    font-family: "Helvetica Neue", Helvetica, Arial, sans-serif !important;

}



.carbonad-text {

    padding-top: 0 !important;

}



.carbonad-tag {

    color: #cdbfe3 !important;

    text-align: left !important;

}



.carbonad-text a,

.carbonad-tag a {

    color: #fff !important;

}



.carbonad #azcarbon > img {

    display: none; /* hide what I assume are tracking images */

}



@media (min-width: 768px) {

    .carbonad {

        margin: 0 !important;

        border-radius: 4px;

        box-shadow: inset 0 3px 5px rgba(0, 0, 0, .075), 0 1px 0 rgba(255, 255, 255, .1);

    }

}



@media (min-width: 992px) {

    .carbonad {

        position: absolute;

        top: 20px;

        right: 15px; /* 15px instead of 0 since box-sizing */

        padding: 15px !important;

        width: 330px !important;

    }

}



/* Homepage variations */

.bs-docs-home .carbonad {

    margin: 0 -15px 40px !important;

}



@media (min-width: 480px) {

    .bs-docs-home .carbonad {

        width: 330px !important;

        margin: 0 auto 40px !important;

        border-radius: 4px;

    }

}



@media (min-width: 768px) {

    .bs-docs-home .carbonad {

        float: left;

        width: 330px !important;

        margin: 0 0 30px !important;

    }



    .bs-docs-home .bs-social,

    .bs-docs-home .bs-masthead-links {

        margin-left: 350px;

    }



    .bs-docs-home .bs-social {

        margin-bottom: 10px;

    }



    .bs-docs-home .bs-masthead-links {

        margin-top: 10px;

    }

}



@media (min-width: 992px) {

    .bs-docs-home .carbonad {

        position: static;

    }

}



@media (min-width: 1170px) {

    .bs-docs-home .carbonad {

        margin-top: -25px !important;

    }

}



/*

 * Callout for 2.3.2 docs

 *

 * Only appears below page headers (not on the homepage). The homepage gets its

 * own link with the masthead links.

 */



.bs-old-docs {

    padding: 15px 20px;

    color: #777;

    background-color: #fafafa;

    border-top: 1px solid #fff;

    border-bottom: 1px solid #e5e5e5;

}



.bs-old-docs strong {

    color: #555;

}



/*

 * Side navigation

 *

 * Scrollspy and affixed enhanced navigation to highlight sections and secondary

 * sections of docs content.

 */



/* By default it's not affixed in mobile views, so undo that */

.bs-sidebar.affix {

    position: static;

}



/* First level of nav */

.bs-sidenav {

    margin-top: 30px;

    margin-bottom: 30px;

    padding-top: 10px;

    padding-bottom: 10px;

    text-shadow: 0 1px 0 #fff;

    background-color: #f7f5fa;

    border-radius: 5px;

}



/* All levels of nav */

.bs-sidebar .nav > li > a {

    display: block;

    color: #716b7a;

    padding: 5px 20px;

}



.bs-sidebar .nav > li > a:hover,

.bs-sidebar .nav > li > a:focus {

    text-decoration: none;

    background-color: #e5e3e9;

    border-right: 1px solid #dbd8e0;

}



.bs-sidebar .nav > .active > a,

.bs-sidebar .nav > .active:hover > a,

.bs-sidebar .nav > .active:focus > a {

    font-weight: bold;

    color: #563d7c;

    background-color: transparent;

    border-right: 1px solid #563d7c;

}



/* Nav: second level (shown on .active) */

.bs-sidebar .nav .nav {

    display: none; /* Hide by default, but at >768px, show it */

    margin-bottom: 8px;

}



.bs-sidebar .nav .nav > li > a {

    padding-top: 3px;

    padding-bottom: 3px;

    padding-left: 30px;

    font-size: 90%;

}



/* Show and affix the side nav when space allows it */

@media (min-width: 992px) {

    .bs-sidebar .nav > .active > ul {

        display: block;

    }



    /* Widen the fixed sidebar */

    .bs-sidebar.affix,

    .bs-sidebar.affix-bottom {

        width: 213px;

    }



    .bs-sidebar.affix {

        position: fixed; /* Undo the static from mobile first approach */

        top: 80px;

    }



    .bs-sidebar.affix-bottom {

        position: absolute; /* Undo the static from mobile first approach */

    }



    .bs-sidebar.affix-bottom .bs-sidenav,

    .bs-sidebar.affix .bs-sidenav {

        margin-top: 0;

        margin-bottom: 0;

    }

}



@media (min-width: 1200px) {

    /* Widen the fixed sidebar again */

    .bs-sidebar.affix-bottom,

    .bs-sidebar.affix {

        width: 263px;

    }

}



/*

 * Docs sections

 *

 * Content blocks for each component or feature.

 */



/* Space things out */

.bs-docs-section + .bs-docs-section {

    padding-top: 40px;

}



/* Janky fix for preventing navbar from overlapping */

h1[id] {

    padding-top: 80px;

    margin-top: -45px;

}



/*

 * Callouts

 *

 * Not quite alerts, but custom and helpful notes for folks reading the docs.

 * Requires a base and modifier class.

 */



/* Common styles for all types */

.bs-callout {

    margin: 20px 0;

    padding: 20px;

    border-left: 3px solid #eee;

}



.bs-callout h4 {

    margin-top: 0;

    margin-bottom: 5px;

}



.bs-callout p:last-child {

    margin-bottom: 0;

}



/* Variations */

.bs-callout-danger {

    background-color: #fdf7f7;

    border-color: #eed3d7;

}



.bs-callout-danger h4 {

    color: #b94a48;

}



.bs-callout-warning {

    background-color: #faf8f0;

    border-color: #faebcc;

}



.bs-callout-warning h4 {

    color: #8a6d3b;

}



.bs-callout-info {

    background-color: #f4f8fa;

    border-color: #bce8f1;

}



.bs-callout-info h4 {

    color: #34789a;

}



/*

 * Team members

 *

 * Avatars, names, and usernames for core team.

 */



.bs-team .team-member {

    color: #555;

    line-height: 32px;

}



.bs-team .team-member:hover {

    color: #333;

    text-decoration: none;

}



.bs-team .github-btn {

    float: right;

    margin-top: 6px;

    width: 120px;

    height: 20px;

}



.bs-team img {

    float: left;

    width: 32px;

    margin-right: 10px;

    border-radius: 4px;

}



/*

 * Grid examples

 *

 * Highlight the grid columns within the docs so folks can see their padding,

 * alignment, sizing, etc.

 */



.show-grid {

    margin-bottom: 15px;

}



.show-grid [class^="col-"] {

    padding-top: 10px;

    padding-bottom: 10px;

    background-color: #eee;

    border: 1px solid #ddd;

    background-color: rgba(86, 61, 124, .15);

    border: 1px solid rgba(86, 61, 124, .2);

}



/*

 * Examples

 *

 * Isolated sections of example content for each component or feature. Usually

 * followed by a code snippet.

 */



.bs-example {

    position: relative;

    padding: 45px 15px 15px;

    margin: 0 -15px 15px;

    background-color: #fafafa;

    box-shadow: inset 0 3px 6px rgba(0, 0, 0, .05);

    border-color: #e5e5e5 #eee #eee;

    border-style: solid;

    border-width: 1px 0;

}



/* Echo out a label for the example */





/* Tweak display of the code snippets when following an example */

.bs-example + .highlight {

    margin: -15px -15px 15px;

    border-radius: 0;

    border-width: 0 0 1px;

}



/* Make the examples and snippets not full-width */

@media (min-width: 768px) {

    .bs-example {

        margin-left: 0;

        margin-right: 0;

        background-color: #fff;

        border-width: 1px;

        border-color: #ddd;

        border-radius: 4px 4px 0 0;

        box-shadow: none;

    }



    .bs-example + .highlight {

        margin-top: -16px;

        margin-left: 0;

        margin-right: 0;

        border-width: 1px;

        border-bottom-left-radius: 4px;

        border-bottom-right-radius: 4px;

    }

}



/* Undo width of container */

.bs-example .container {

    width: auto;

}



/* Tweak content of examples for optimum awesome */

.bs-example > p:last-child,

.bs-example > ul:last-child,

.bs-example > ol:last-child,

.bs-example > blockquote:last-child,

.bs-example > .form-control:last-child,

.bs-example > .table:last-child,

.bs-example > .navbar:last-child,

.bs-example > .jumbotron:last-child,

.bs-example > .alert:last-child,

.bs-example > .panel:last-child,

.bs-example > .list-group:last-child,

.bs-example > .well:last-child,

.bs-example > .progress:last-child,

.bs-example > .table-responsive:last-child > .table {

    margin-bottom: 0;

}



.bs-example > p > .close {

    float: none;

}



/* Typography */

.bs-example-type .table .info {

    color: #999;

    vertical-align: middle;

}



.bs-example-type .table td {

    padding: 15px 0;

    border-color: #eee;

}



.bs-example-type .table tr:first-child td {

    border-top: 0;

}



.bs-example-type h1,

.bs-example-type h2,

.bs-example-type h3,

.bs-example-type h4,

.bs-example-type h5,

.bs-example-type h6 {

    margin: 0;

}



/* Images */

.bs-example > .img-circle,

.bs-example > .img-rounded,

.bs-example > .img-thumbnail {

    margin: 5px;

}



/* Tables */

.bs-example > .table-responsive > .table {

    background-color: #fff;

}



/* Buttons */

.bs-example > .btn,

.bs-example > .btn-group {

    margin-top: 5px;

    margin-bottom: 5px;

}



.bs-example > .btn-toolbar + .btn-toolbar {

    margin-top: 10px;

}



/* Forms */

.bs-example-control-sizing select,

.bs-example-control-sizing input[type="text"] + input[type="text"] {

    margin-top: 10px;

}



.bs-example-form .input-group {

    margin-bottom: 10px;

}



.bs-example > textarea.form-control {

    resize: vertical;

}



/* List groups */

.bs-example > .list-group {

    max-width: 400px;

}



/* Navbars */

.bs-example .navbar:last-child {

    margin-bottom: 0;

}



.bs-navbar-top-example,

.bs-navbar-bottom-example {

    z-index: 1;

    padding: 0;

    overflow: hidden; /* cut the drop shadows off */

}



.bs-navbar-top-example .navbar-header,

.bs-navbar-bottom-example .navbar-header {

    margin-left: 0;

}



.bs-navbar-top-example .navbar-fixed-top,

.bs-navbar-bottom-example .navbar-fixed-bottom {

    position: relative;

    margin-left: 0;

    margin-right: 0;

}



.bs-navbar-top-example {

    padding-bottom: 45px;

}



.bs-navbar-top-example:after {

    top: auto;

    bottom: 15px;

}



.bs-navbar-top-example .navbar-fixed-top {

    top: -1px;

}



.bs-navbar-bottom-example {

    padding-top: 45px;

}



.bs-navbar-bottom-example .navbar-fixed-bottom {

    bottom: -1px;

}



.bs-navbar-bottom-example .navbar {

    margin-bottom: 0;

}



@media (min-width: 768px) {

    .bs-navbar-top-example .navbar-fixed-top,

    .bs-navbar-bottom-example .navbar-fixed-bottom {

        position: absolute;

    }



    .bs-navbar-top-example {

        border-radius: 0 0 4px 4px;

    }



    .bs-navbar-bottom-example {

        border-radius: 4px 4px 0 0;

    }

}



/* Pagination */

.bs-example .pagination {

    margin-top: 10px;

    margin-bottom: 10px;

}



/* Pager */

.bs-example > .pager {

    margin-top: 0;

}



/* Example modals */

.bs-example-modal {

    background-color: #f5f5f5;

}



.bs-example-modal .modal {

    position: relative;

    top: auto;

    right: auto;

    left: auto;

    bottom: auto;

    z-index: 1;

    display: block;

}



.bs-example-modal .modal-dialog {

    left: auto;

    margin-left: auto;

    margin-right: auto;

}



/* Example dropdowns */

.bs-example > .dropdown > .dropdown-menu {

    position: static;

    display: block;

    margin-bottom: 5px;

}



/* Example tabbable tabs */

.bs-example-tabs .nav-tabs {

    margin-bottom: 15px;

}



/* Tooltips */

.bs-example-tooltips {

    text-align: center;

}



.bs-example-tooltips > .btn {

    margin-top: 5px;

    margin-bottom: 5px;

}



/* Popovers */

.bs-example-popover {

    padding-bottom: 24px;

    background-color: #f9f9f9;

}



.bs-example-popover .popover {

    position: relative;

    display: block;

    float: left;

    width: 260px;

    margin: 20px;

}



/* Scrollspy demo on fixed height div */

.scrollspy-example {

    position: relative;

    height: 200px;

    margin-top: 10px;

    overflow: auto;

}



/*

 * Code snippets

 *

 * Generated via Pygments and Jekyll, these are snippets of HTML, CSS, and JS.

 */



.highlight {

    display: none; /* hidden by default, until >480px */

    padding: 9px 14px;

    margin-bottom: 14px;

    background-color: #f7f7f9;

    border: 1px solid #e1e1e8;

    border-radius: 4px;

}



.highlight pre {

    padding: 0;

    margin-top: 0;

    margin-bottom: 0;

    background-color: transparent;

    border: 0;

    white-space: nowrap;

}



.highlight pre code {

    font-size: inherit;

    color: #333; /* Effectively the base text color */

}



.highlight pre .lineno {

    display: inline-block;

    width: 22px;

    padding-right: 5px;

    margin-right: 10px;

    text-align: right;

    color: #bebec5;

}



/* Show code snippets when we have the space */

@media (min-width: 481px) {

    .highlight {

        display: block;

    }

}



/*

 * Responsive tests

 *

 * Generate a set of tests to show the responsive utilities in action.

 */



/* Responsive (scrollable) doc tables */

.table-responsive .highlight pre {

    white-space: normal;

}



/* Utility classes table  */

.bs-table th small,

.responsive-utilities th small {

    display: block;

    font-weight: normal;

    color: #999;

}



.responsive-utilities tbody th {

    font-weight: normal;

}



.responsive-utilities td {

    text-align: center;

}



.responsive-utilities td.is-visible {

    color: #468847;

    background-color: #dff0d8 !important;

}



.responsive-utilities td.is-hidden {

    color: #ccc;

    background-color: #f9f9f9 !important;

}



/* Responsive tests */

.responsive-utilities-test {

    margin-top: 5px;

}



.responsive-utilities-test .col-xs-6 {

    margin-bottom: 10px;

}



.responsive-utilities-test span {

    padding: 15px 10px;

    font-size: 14px;

    font-weight: bold;

    line-height: 1.1;

    text-align: center;

    border-radius: 4px;

}



.visible-on .col-xs-6 .hidden-xs,

.visible-on .col-xs-6 .hidden-sm,

.visible-on .col-xs-6 .hidden-md,

.visible-on .col-xs-6 .hidden-lg,

.hidden-on .col-xs-6 .hidden-xs,

.hidden-on .col-xs-6 .hidden-sm,

.hidden-on .col-xs-6 .hidden-md,

.hidden-on .col-xs-6 .hidden-lg {

    color: #999;

    border: 1px solid #ddd;

}



.visible-on .col-xs-6 .visible-xs,

.visible-on .col-xs-6 .visible-sm,

.visible-on .col-xs-6 .visible-md,

.visible-on .col-xs-6 .visible-lg,

.hidden-on .col-xs-6 .visible-xs,

.hidden-on .col-xs-6 .visible-sm,

.hidden-on .col-xs-6 .visible-md,

.hidden-on .col-xs-6 .visible-lg {

    color: #468847;

    background-color: #dff0d8;

    border: 1px solid #d6e9c6;

}



/*

 * Glyphicons

 *

 * Special styles for displaying the icons and their classes in the docs.

 */



.bs-glyphicons {

    padding-left: 0;

    padding-bottom: 1px;

    margin-bottom: 20px;

    list-style: none;

    overflow: hidden;

}



.bs-glyphicons li {

    float: left;

    width: 25%;

    height: 115px;

    padding: 10px;

    margin: 0 -1px -1px 0;

    font-size: 12px;

    line-height: 1.4;

    text-align: center;

    border: 1px solid #ddd;

}



.bs-glyphicons .glyphicon {

    margin-top: 5px;

    margin-bottom: 10px;

    font-size: 24px;

}



.bs-glyphicons .glyphicon-class {

    display: block;

    text-align: center;

    word-wrap: break-word; /* Help out IE10+ with class names */

}



.bs-glyphicons li:hover {

    background-color: rgba(86, 61, 124, .1);

}



@media (min-width: 768px) {

    .bs-glyphicons li {

        width: 12.5%;

    }

}



/*

 * Customizer

 *

 * Since this is so form control heavy, we have quite a few styles to customize

 * the display of inputs, headings, and more. Also included are all the download

 * buttons and actions.

 */



.bs-customizer .toggle {

    float: right;

    margin-top: 85px; /* On account of ghetto navbar fix */

}



/* Headings and form contrls */

.bs-customizer label {

    margin-top: 10px;

    font-weight: 500;

    color: #555;

}



.bs-customizer h2 {

    margin-top: 0;

    margin-bottom: 5px;

    padding-top: 30px;

}



.bs-customizer h3 {

    margin-bottom: 0;

}



.bs-customizer h4 {

    margin-top: 15px;

    margin-bottom: 0;

}



.bs-customizer .bs-callout h4 {

    margin-top: 0; /* lame, but due to specificity we have to duplicate */

    margin-bottom: 5px;

}



.bs-customizer input[type="text"] {

    font-family: Menlo, Monaco, Consolas, "Courier New", monospace;

    background-color: #fafafa;

}



.bs-customizer .help-block {

    font-size: 12px;

    margin-bottom: 5px;

}



/* For the variables, use regular weight */

#less-section label {

    font-weight: normal;

}



/* Downloads */

.bs-customize-download .btn-outline {

    padding: 20px;

}



/* Error handling */

.bs-customizer-alert {

    position: fixed;

    top: 51px;

    left: 0;

    right: 0;

    z-index: 1030;

    padding: 15px 0;

    color: #fff;

    background-color: #d9534f;

    box-shadow: inset 0 1px 0 rgba(255, 255, 255, .25);

    border-bottom: 1px solid #b94441;

}



.bs-customizer-alert .close {

    margin-top: -4px;

    font-size: 24px;

}



.bs-customizer-alert p {

    margin-bottom: 0;

}



.bs-customizer-alert .glyphicon {

    margin-right: 5px;

}



.bs-customizer-alert pre {

    margin: 10px 0 0;

    color: #fff;

    background-color: #a83c3a;

    border-color: #973634;

    box-shadow: inset 0 2px 4px rgba(0, 0, 0, .05), 0 1px 0 rgba(255, 255, 255, .1);

}



/*

 * Miscellaneous

 *

 * Odds and ends for optimum docs display.

 */



/* About page */

.bs-about {

    font-size: 16px;

}



/* Examples gallery: space out content better */

.bs-examples h4 {

    margin-bottom: 5px;

}



.bs-examples p {

    margin-bottom: 20px;

}



/* Pseudo :focus state for showing how it looks in the docs */

#focusedInput {

    border-color: rgba(82, 168, 236, .8);

    outline: 0;

    outline: thin dotted \9; /* IE6-9 */

    -moz-box-shadow: 0 0 8px rgba(82, 168, 236, .6);

    box-shadow: 0 0 8px rgba(82, 168, 236, .6);

}



/* Better spacing on download options in getting started */

.bs-docs-dl-options h4 {

    margin-top: 15px;

    margin-bottom: 5px;

}



;

.ih-item {

    position: relative;

    -webkit-transition: all 0.35s ease-in-out;

    -moz-transition: all 0.35s ease-in-out;

    transition: all 0.35s ease-in-out;

}



.ih-item,

.ih-item * {

    -webkit-box-sizing: border-box;

    -moz-box-sizing: border-box;

    box-sizing: border-box;

}



.ih-item a {

    color: #333;

}



.ih-item a:hover {

    text-decoration: none;

}



.ih-item img {

    width: 100%;

    height: 100%;

}



.ih-item.circle {

    position: relative;

    width: 181px;

    height: 181px;

    border-radius: 50%;

}



.ih-item.circle .img {

    position: relative;

    width: 110px;

    height: 110px;

    border-radius: 50%;

}



.ih-item.circle .img:before {

    position: absolute;

    display: block;

    content: '';

    width: 100%;

    height: 100%;

    border-radius: 50%;

    box-shadow: inset 0 0 0 2px rgba(237, 198, 139,0.9), 0 1px 2px rgba(0, 0, 0, 0.3);

    -webkit-transition: all 0.35s ease-in-out;

    -moz-transition: all 0.35s ease-in-out;

    transition: all 0.35s ease-in-out;

}



.ih-item.circle .img img {

    border-radius: 50%;

}



.ih-item.circle .info {

    position: absolute;

    top: 0;

    bottom: 0;

    left: 0;

    right: 0;

    text-align: center;

    border-radius: 50%;

    -webkit-backface-visibility: hidden;

    backface-visibility: hidden;

}



.ih-item.square {

    position: relative;

    width: 316px;

    height: 216px;

 

}



.ih-item.square .info {

    position: absolute;

    top: 0;

    bottom: 0;

    left: 0;

    right: 0;

    text-align: center;

    -webkit-backface-visibility: hidden;

    backface-visibility: hidden;

}



.ih-item.circle.effect1 .spinner {

    width: 181px;

    height: 181px;

    border: 0px solid #ecab18;

    border-right-color: #1ad280;

    border-bottom-color: #1ad280;

    border-radius: 50%;

    -webkit-transition: all 0.8s ease-in-out;

    -moz-transition: all 0.8s ease-in-out;

    transition: all 0.8s ease-in-out;

}



.ih-item.circle.effect1 .img {

    position: absolute;

    top: 10px;

    bottom: 0;

    left: 10px;

    right: 0;

    width: auto;

    height: auto;

}



.ih-item.circle.effect1 .img:before {

    display: none;

}



.ih-item.circle.effect1.colored .info {

    background: #1a4a72;

    background: rgba(26, 74, 114, 0.6);

}



.ih-item.circle.effect1 .info {

    top: 10px;

    bottom: 0;

    left: 10px;

    right: 0;

    background: #333333;

    background: rgba(0, 0, 0, 0.6);

    opacity: 0;

    -webkit-transition: all 0.8s ease-in-out;

    -moz-transition: all 0.8s ease-in-out;

    transition: all 0.8s ease-in-out;

}



.ih-item.circle.effect1 .info h3 {

    color: #fff;

    text-transform: uppercase;

    position: relative;

    letter-spacing: 2px;

    font-size: 22px;

    margin: 0 30px;

    padding: 55px 0 0 0;

    height: 110px;

    text-shadow: 0 0 1px white, 0 1px 2px rgba(0, 0, 0, 0.3);

}



.ih-item.circle.effect1 .info p {

    color: #bbb;

    padding: 10px 5px;

    font-style: italic;

    margin: 0 30px;

    font-size: 12px;

    border-top: 1px solid rgba(255, 255, 255, 0.5);

}



.ih-item.circle.effect1 a:hover .spinner {

    -webkit-transform: rotate(180deg);

    -moz-transform: rotate(180deg);

    -ms-transform: rotate(180deg);

    -o-transform: rotate(180deg);

    transform: rotate(180deg);

}



.ih-item.circle.effect1 a:hover .info {

    opacity: 1;

}



.ih-item.circle.effect2 .img {

    opacity: 1;

    -webkit-transform: scale(1);

    -moz-transform: scale(1);

    -ms-transform: scale(1);

    -o-transform: scale(1);

    transform: scale(1);

    -webkit-transition: all 0.35s ease-in-out;

    -moz-transition: all 0.35s ease-in-out;

    transition: all 0.35s ease-in-out;

}



.ih-item.circle.effect2.colored .info {

    background: #1a4a72;

    background: rgba(26, 74, 114, 0.6);

}



.ih-item.circle.effect2 .info {

    background: #333333;

    background: rgba(0, 0, 0, 0.6);

    opacity: 0;

    pointer-events: none;

    -webkit-transition: all 0.35s ease-in-out;

    -moz-transition: all 0.35s ease-in-out;

    transition: all 0.35s ease-in-out;

}



.ih-item.circle.effect2 .info h3 {

    color: #fff;

    text-transform: uppercase;

    position: relative;

    letter-spacing: 2px;

    font-size: 22px;

    margin: 0 30px;

    padding: 55px 0 0 0;

    height: 110px;

    text-shadow: 0 0 1px white, 0 1px 2px rgba(0, 0, 0, 0.3);

}



.ih-item.circle.effect2 .info p {

    color: #bbb;

    padding: 10px 5px;

    font-style: italic;

    margin: 0 30px;

    font-size: 12px;

    border-top: 1px solid rgba(255, 255, 255, 0.5);

}



.ih-item.circle.effect2.left_to_right .info {

    -webkit-transform: translateX(-100%);

    -moz-transform: translateX(-100%);

    -ms-transform: translateX(-100%);

    -o-transform: translateX(-100%);

    transform: translateX(-100%);

}



.ih-item.circle.effect2.left_to_right a:hover .img {

    -webkit-transform: rotate(-90deg);

    -moz-transform: rotate(-90deg);

    -ms-transform: rotate(-90deg);

    -o-transform: rotate(-90deg);

    transform: rotate(-90deg);

}



.ih-item.circle.effect2.left_to_right a:hover .info {

    opacity: 1;

    -webkit-transform: translateX(0);

    -moz-transform: translateX(0);

    -ms-transform: translateX(0);

    -o-transform: translateX(0);

    transform: translateX(0);

}



.ih-item.circle.effect2.right_to_left .info {

    -webkit-transform: translateX(100%);

    -moz-transform: translateX(100%);

    -ms-transform: translateX(100%);

    -o-transform: translateX(100%);

    transform: translateX(100%);

}



.ih-item.circle.effect2.right_to_left a:hover .img {

    -webkit-transform: rotate(90deg);

    -moz-transform: rotate(90deg);

    -ms-transform: rotate(90deg);

    -o-transform: rotate(90deg);

    transform: rotate(90deg);

}



.ih-item.circle.effect2.right_to_left a:hover .info {

    opacity: 1;

    -webkit-transform: translateX(0);

    -moz-transform: translateX(0);

    -ms-transform: translateX(0);

    -o-transform: translateX(0);

    transform: translateX(0);

}



.ih-item.circle.effect2.top_to_bottom .info {

    -webkit-transform: translateY(-100%);

    -moz-transform: translateY(-100%);

    -ms-transform: translateY(-100%);

    -o-transform: translateY(-100%);

    transform: translateY(-100%);

}



.ih-item.circle.effect2.top_to_bottom a:hover .img {

    -webkit-transform: rotate(-90deg);

    -moz-transform: rotate(-90deg);

    -ms-transform: rotate(-90deg);

    -o-transform: rotate(-90deg);

    transform: rotate(-90deg);

}



.ih-item.circle.effect2.top_to_bottom a:hover .info {

    opacity: 1;

    -webkit-transform: translateY(0);

    -moz-transform: translateY(0);

    -ms-transform: translateY(0);

    -o-transform: translateY(0);

    transform: translateY(0);

}



.ih-item.circle.effect2.bottom_to_top .info {

    -webkit-transform: translateY(100%);

    -moz-transform: translateY(100%);

    -ms-transform: translateY(100%);

    -o-transform: translateY(100%);

    transform: translateY(100%);

}



.ih-item.circle.effect2.bottom_to_top a:hover .img {

    -webkit-transform: rotate(90deg);

    -moz-transform: rotate(90deg);

    -ms-transform: rotate(90deg);

    -o-transform: rotate(90deg);

    transform: rotate(90deg);

}



.ih-item.circle.effect2.bottom_to_top a:hover .info {

    opacity: 1;

    -webkit-transform: translateY(0);

    -moz-transform: translateY(0);

    -ms-transform: translateY(0);

    -o-transform: translateY(0);

    transform: translateY(0);

}



.ih-item.circle.effect3 .img {

    z-index: 11;

    -webkit-transition: all 0.35s ease-in-out;

    -moz-transition: all 0.35s ease-in-out;

    transition: all 0.35s ease-in-out;

}



.ih-item.circle.effect3.colored .info {

    background: #1a4a72;

}



.ih-item.circle.effect3 .info {

    background: #333333;

    opacity: 0;

    pointer-events: none;

    -webkit-transition: all 0.35s ease-in-out;

    -moz-transition: all 0.35s ease-in-out;

    transition: all 0.35s ease-in-out;

}



.ih-item.circle.effect3 .info h3 {

    color: #fff;

    text-transform: uppercase;

    position: relative;

    letter-spacing: 2px;

    font-size: 22px;

    margin: 0 30px;

    padding: 55px 0 0 0;

    height: 110px;

    text-shadow: 0 0 1px white, 0 1px 2px rgba(0, 0, 0, 0.3);

}



.ih-item.circle.effect3 .info p {

    color: #bbb;

    padding: 10px 5px;

    font-style: italic;

    margin: 0 30px;

    font-size: 12px;

    border-top: 1px solid rgba(255, 255, 255, 0.5);

}



.ih-item.circle.effect3.left_to_right .img {

    -webkit-transform: scale(1) translateX(0);

    -moz-transform: scale(1) translateX(0);

    -ms-transform: scale(1) translateX(0);

    -o-transform: scale(1) translateX(0);

    transform: scale(1) translateX(0);

}



.ih-item.circle.effect3.left_to_right .info {

    -webkit-transform: translateX(-100%);

    -moz-transform: translateX(-100%);

    -ms-transform: translateX(-100%);

    -o-transform: translateX(-100%);

    transform: translateX(-100%);

}



.ih-item.circle.effect3.left_to_right a:hover .img {

    -webkit-transform: scale(0.5) translateX(100%);

    -moz-transform: scale(0.5) translateX(100%);

    -ms-transform: scale(0.5) translateX(100%);

    -o-transform: scale(0.5) translateX(100%);

    transform: scale(0.5) translateX(100%);

}



.ih-item.circle.effect3.left_to_right a:hover .info {

    opacity: 1;

    -webkit-transform: translateX(0);

    -moz-transform: translateX(0);

    -ms-transform: translateX(0);

    -o-transform: translateX(0);

    transform: translateX(0);

}



.ih-item.circle.effect3.right_to_left .img {

    -webkit-transform: scale(1) translateX(0);

    -moz-transform: scale(1) translateX(0);

    -ms-transform: scale(1) translateX(0);

    -o-transform: scale(1) translateX(0);

    transform: scale(1) translateX(0);

}



.ih-item.circle.effect3.right_to_left .info {

    -webkit-transform: translateX(100%);

    -moz-transform: translateX(100%);

    -ms-transform: translateX(100%);

    -o-transform: translateX(100%);

    transform: translateX(100%);

}



.ih-item.circle.effect3.right_to_left a:hover .img {

    -webkit-transform: scale(0.5) translateX(-100%);

    -moz-transform: scale(0.5) translateX(-100%);

    -ms-transform: scale(0.5) translateX(-100%);

    -o-transform: scale(0.5) translateX(-100%);

    transform: scale(0.5) translateX(-100%);

}



.ih-item.circle.effect3.right_to_left a:hover .info {

    opacity: 1;

    -webkit-transform: translateX(0);

    -moz-transform: translateX(0);

    -ms-transform: translateX(0);

    -o-transform: translateX(0);

    transform: translateX(0);

}



.ih-item.circle.effect3.top_to_bottom .img {

    -webkit-transform: scale(1) translateY(0);

    -moz-transform: scale(1) translateY(0);

    -ms-transform: scale(1) translateY(0);

    -o-transform: scale(1) translateY(0);

    transform: scale(1) translateY(0);

}



.ih-item.circle.effect3.top_to_bottom .info {

    -webkit-transform: translateY(-100%);

    -moz-transform: translateY(-100%);

    -ms-transform: translateY(-100%);

    -o-transform: translateY(-100%);

    transform: translateY(-100%);

}



.ih-item.circle.effect3.top_to_bottom a:hover .img {

    -webkit-transform: scale(0.5) translateY(100%);

    -moz-transform: scale(0.5) translateY(100%);

    -ms-transform: scale(0.5) translateY(100%);

    -o-transform: scale(0.5) translateY(100%);

    transform: scale(0.5) translateY(100%);

}



.ih-item.circle.effect3.top_to_bottom a:hover .info {

    opacity: 1;

    -webkit-transform: translateY(0);

    -moz-transform: translateY(0);

    -ms-transform: translateY(0);

    -o-transform: translateY(0);

    transform: translateY(0);

}



.ih-item.circle.effect3.bottom_to_top .img {

    -webkit-transform: scale(1) translateY(0);

    -moz-transform: scale(1) translateY(0);

    -ms-transform: scale(1) translateY(0);

    -o-transform: scale(1) translateY(0);

    transform: scale(1) translateY(0);

}



.ih-item.circle.effect3.bottom_to_top .info {

    -webkit-transform: translateY(100%);

    -moz-transform: translateY(100%);

    -ms-transform: translateY(100%);

    -o-transform: translateY(100%);

    transform: translateY(100%);

}



.ih-item.circle.effect3.bottom_to_top a:hover .img {

    -webkit-transform: scale(0.5) translateY(-100%);

    -moz-transform: scale(0.5) translateY(-100%);

    -ms-transform: scale(0.5) translateY(-100%);

    -o-transform: scale(0.5) translateY(-100%);

    transform: scale(0.5) translateY(-100%);

}



.ih-item.circle.effect3.bottom_to_top a:hover .info {

    opacity: 1;

    -webkit-transform: translateY(0);

    -moz-transform: translateY(0);

    -ms-transform: translateY(0);

    -o-transform: translateY(0);

    transform: translateY(0);

}



.ih-item.circle.effect4 .img {

    opacity: 1;

    -webkit-transition: all 0.4s ease-in-out;

    -moz-transition: all 0.4s ease-in-out;

    transition: all 0.4s ease-in-out;

}



.ih-item.circle.effect4.colored .info {

    background: #1a4a72;

}



.ih-item.circle.effect4 .info {

    background: #333333;

    opacity: 0;

    visibility: hidden;

    pointer-events: none;

    -webkit-transition: all 0.35s ease;

    -moz-transition: all 0.35s ease;

    transition: all 0.35s ease;

}



.ih-item.circle.effect4 .info h3 {

    color: #fff;

    text-transform: uppercase;

    position: relative;

    letter-spacing: 2px;

    font-size: 22px;

    margin: 0 30px;

    padding: 55px 0 0 0;

    height: 110px;

    text-shadow: 0 0 1px white, 0 1px 2px rgba(0, 0, 0, 0.3);

}



.ih-item.circle.effect4 .info p {

    color: #bbb;

    padding: 10px 5px;

    font-style: italic;

    margin: 0 30px;

    font-size: 12px;

    border-top: 1px solid rgba(255, 255, 255, 0.5);

    -webkit-transition: all 0.35s ease-in-out;

    -moz-transition: all 0.35s ease-in-out;

    transition: all 0.35s ease-in-out;

}



.ih-item.circle.effect4 a:hover .img {

    opacity: 0;

    pointer-events: none;

}



.ih-item.circle.effect4 a:hover .info {

    visibility: visible;

    opacity: 1;

}



.ih-item.circle.effect4.left_to_right .img {

    -webkit-transform: translateX(0);

    -moz-transform: translateX(0);

    -ms-transform: translateX(0);

    -o-transform: translateX(0);

    transform: translateX(0);

}



.ih-item.circle.effect4.left_to_right .info {

    -webkit-transform: translateX(-100%);

    -moz-transform: translateX(-100%);

    -ms-transform: translateX(-100%);

    -o-transform: translateX(-100%);

    transform: translateX(-100%);

}



.ih-item.circle.effect4.left_to_right a:hover .img {

    -webkit-transform: translateX(100%);

    -moz-transform: translateX(100%);

    -ms-transform: translateX(100%);

    -o-transform: translateX(100%);

    transform: translateX(100%);

}



.ih-item.circle.effect4.left_to_right a:hover .info {

    -webkit-transform: translateX(0);

    -moz-transform: translateX(0);

    -ms-transform: translateX(0);

    -o-transform: translateX(0);

    transform: translateX(0);

}



.ih-item.circle.effect4.right_to_left .img {

    -webkit-transform: translateX(0);

    -moz-transform: translateX(0);

    -ms-transform: translateX(0);

    -o-transform: translateX(0);

    transform: translateX(0);

}



.ih-item.circle.effect4.right_to_left .info {

    -webkit-transform: translateX(100%);

    -moz-transform: translateX(100%);

    -ms-transform: translateX(100%);

    -o-transform: translateX(100%);

    transform: translateX(100%);

}



.ih-item.circle.effect4.right_to_left a:hover .img {

    -webkit-transform: translateX(-100%);

    -moz-transform: translateX(-100%);

    -ms-transform: translateX(-100%);

    -o-transform: translateX(-100%);

    transform: translateX(-100%);

}



.ih-item.circle.effect4.right_to_left a:hover .info {

    -webkit-transform: translateX(0);

    -moz-transform: translateX(0);

    -ms-transform: translateX(0);

    -o-transform: translateX(0);

    transform: translateX(0);

}



.ih-item.circle.effect4.top_to_bottom .img {

    -webkit-transform: translateY(0);

    -moz-transform: translateY(0);

    -ms-transform: translateY(0);

    -o-transform: translateY(0);

    transform: translateY(0);

}



.ih-item.circle.effect4.top_to_bottom .info {

    -webkit-transform: translateY(100%);

    -moz-transform: translateY(100%);

    -ms-transform: translateY(100%);

    -o-transform: translateY(100%);

    transform: translateY(100%);

}



.ih-item.circle.effect4.top_to_bottom a:hover .img {

    -webkit-transform: translateY(-100%);

    -moz-transform: translateY(-100%);

    -ms-transform: translateY(-100%);

    -o-transform: translateY(-100%);

    transform: translateY(-100%);

}



.ih-item.circle.effect4.top_to_bottom a:hover .info {

    -webkit-transform: translateY(0);

    -moz-transform: translateY(0);

    -ms-transform: translateY(0);

    -o-transform: translateY(0);

    transform: translateY(0);

}



.ih-item.circle.effect4.bottom_to_top .img {

    -webkit-transform: translateY(0);

    -moz-transform: translateY(0);

    -ms-transform: translateY(0);

    -o-transform: translateY(0);

    transform: translateY(0);

}



.ih-item.circle.effect4.bottom_to_top .info {

    -webkit-transform: translateY(-100%);

    -moz-transform: translateY(-100%);

    -ms-transform: translateY(-100%);

    -o-transform: translateY(-100%);

    transform: translateY(-100%);

}



.ih-item.circle.effect4.bottom_to_top a:hover .img {

    -webkit-transform: translateY(100%);

    -moz-transform: translateY(100%);

    -ms-transform: translateY(100%);

    -o-transform: translateY(100%);

    transform: translateY(100%);

}



.ih-item.circle.effect4.bottom_to_top a:hover .info {

    -webkit-transform: translateY(0);

    -moz-transform: translateY(0);

    -ms-transform: translateY(0);

    -o-transform: translateY(0);

    transform: translateY(0);

}



.ih-item.circle.effect5 {

    -webkit-perspective: 900px;

    -moz-perspective: 900px;

    perspective: 900px;

}



.ih-item.circle.effect5.colored .info .info-back {

    background: #1a4a72;

    background: rgba(26, 74, 114, 0.6);

}



.ih-item.circle.effect5 .info {

    -webkit-transition: all 0.35s ease-in-out;

    -moz-transition: all 0.35s ease-in-out;

    transition: all 0.35s ease-in-out;

    -webkit-transform-style: preserve-3d;

    -moz-transform-style: preserve-3d;

    -ms-transform-style: preserve-3d;

    -o-transform-style: preserve-3d;

    transform-style: preserve-3d;

}



.ih-item.circle.effect5 .info .info-back {

    visibility: hidden;

    border-radius: 50%;

    width: 100%;

    height: 100%;

    background: #333333;

    background: rgba(0, 0, 0, 0.6);

    -webkit-transform: rotate3d(0, 1, 0, 180deg);

    -moz-transform: rotate3d(0, 1, 0, 180deg);

    -ms-transform: rotate3d(0, 1, 0, 180deg);

    -o-transform: rotate3d(0, 1, 0, 180deg);

    transform: rotate3d(0, 1, 0, 180deg);

    -webkit-backface-visibility: hidden;

    backface-visibility: hidden;

}



.ih-item.circle.effect5 .info h3 {

    color: #fff;

    text-transform: uppercase;

    position: relative;

    letter-spacing: 2px;

    font-size: 22px;

    margin: 0 30px;

    padding: 55px 0 0 0;

    height: 110px;

    text-shadow: 0 0 1px white, 0 1px 2px rgba(0, 0, 0, 0.3);

}



.ih-item.circle.effect5 .info p {

    color: #bbb;

    padding: 10px 5px;

    font-style: italic;

    margin: 0 30px;

    font-size: 12px;

    border-top: 1px solid rgba(255, 255, 255, 0.5);

}



.ih-item.circle.effect5 a:hover .info {

    -webkit-transform: rotate3d(0, 1, 0, -180deg);

    -moz-transform: rotate3d(0, 1, 0, -180deg);

    -ms-transform: rotate3d(0, 1, 0, -180deg);

    -o-transform: rotate3d(0, 1, 0, -180deg);

    transform: rotate3d(0, 1, 0, -180deg);

}



.ih-item.circle.effect5 a:hover .info .info-back {

    visibility: visible;

}



.ih-item.circle.effect6 .img {

    opacity: 1;

    -webkit-transform: scale(1);

    -moz-transform: scale(1);

    -ms-transform: scale(1);

    -o-transform: scale(1);

    transform: scale(1);

    -webkit-transition: all 0.35s ease-in-out;

    -moz-transition: all 0.35s ease-in-out;

    transition: all 0.35s ease-in-out;

}



.ih-item.circle.effect6.colored .info {

    background: #1a4a72;

}



.ih-item.circle.effect6 .info {

    background: #333333;

    opacity: 0;

    -webkit-transition: all 0.35s ease-in-out;

    -moz-transition: all 0.35s ease-in-out;

    transition: all 0.35s ease-in-out;

}



.ih-item.circle.effect6 .info h3 {

    color: #fff;

    text-transform: uppercase;

    position: relative;

    letter-spacing: 2px;

    font-size: 22px;

    margin: 0 30px;

    padding: 55px 0 0 0;

    height: 110px;

    text-shadow: 0 0 1px white, 0 1px 2px rgba(0, 0, 0, 0.3);

}



.ih-item.circle.effect6 .info p {

    color: #bbb;

    padding: 10px 5px;

    font-style: italic;

    margin: 0 30px;

    font-size: 12px;

    border-top: 1px solid rgba(255, 255, 255, 0.5);

}



.ih-item.circle.effect6.scale_up .info {

    -webkit-transform: scale(0.5);

    -moz-transform: scale(0.5);

    -ms-transform: scale(0.5);

    -o-transform: scale(0.5);

    transform: scale(0.5);

}



.ih-item.circle.effect6.scale_up a:hover .img {

    opacity: 0;

    -webkit-transform: scale(1.5);

    -moz-transform: scale(1.5);

    -ms-transform: scale(1.5);

    -o-transform: scale(1.5);

    transform: scale(1.5);

}



.ih-item.circle.effect6.scale_up a:hover .info {

    opacity: 1;

    -webkit-transform: scale(1);

    -moz-transform: scale(1);

    -ms-transform: scale(1);

    -o-transform: scale(1);

    transform: scale(1);

}



.ih-item.circle.effect6.scale_down .info {

    -webkit-transform: scale(1.5);

    -moz-transform: scale(1.5);

    -ms-transform: scale(1.5);

    -o-transform: scale(1.5);

    transform: scale(1.5);

}



.ih-item.circle.effect6.scale_down a:hover .img {

    opacity: 0;

    -webkit-transform: scale(0.5);

    -moz-transform: scale(0.5);

    -ms-transform: scale(0.5);

    -o-transform: scale(0.5);

    transform: scale(0.5);

}



.ih-item.circle.effect6.scale_down a:hover .info {

    opacity: 1;

    -webkit-transform: scale(1);

    -moz-transform: scale(1);

    -ms-transform: scale(1);

    -o-transform: scale(1);

    transform: scale(1);

}



.ih-item.circle.effect6.scale_down_up .info {

    -webkit-transform: scale(0.5);

    -moz-transform: scale(0.5);

    -ms-transform: scale(0.5);

    -o-transform: scale(0.5);

    transform: scale(0.5);

    -webkit-transition: all 0.35s ease-in-out 0.2s;

    -moz-transition: all 0.35s ease-in-out 0.2s;

    transition: all 0.35s ease-in-out 0.2s;

}



.ih-item.circle.effect6.scale_down_up a:hover .img {

    opacity: 0;

    -webkit-transform: scale(0.5);

    -moz-transform: scale(0.5);

    -ms-transform: scale(0.5);

    -o-transform: scale(0.5);

    transform: scale(0.5);

}



.ih-item.circle.effect6.scale_down_up a:hover .info {

    opacity: 1;

    -webkit-transform: scale(1);

    -moz-transform: scale(1);

    -ms-transform: scale(1);

    -o-transform: scale(1);

    transform: scale(1);

}



.ih-item.circle.effect7 .img {

    opacity: 1;

    -webkit-transform: scale(1);

    -moz-transform: scale(1);

    -ms-transform: scale(1);

    -o-transform: scale(1);

    transform: scale(1);

    -webkit-transition: all 0.35s ease-out;

    -moz-transition: all 0.35s ease-out;

    transition: all 0.35s ease-out;

}



.ih-item.circle.effect7.colored .info {

    background: #1a4a72;

}



.ih-item.circle.effect7 .info {

    background: #333333;

    opacity: 0;

    visibility: hidden;

    pointer-events: none;

    -webkit-transition: all 0.35s ease 0.2s;

    -moz-transition: all 0.35s ease 0.2s;

    transition: all 0.35s ease 0.2s;

}



.ih-item.circle.effect7 .info h3 {

    color: #fff;

    text-transform: uppercase;

    position: relative;

    letter-spacing: 2px;

    font-size: 22px;

    margin: 0 30px;

    padding: 55px 0 0 0;

    height: 110px;

    text-shadow: 0 0 1px white, 0 1px 2px rgba(0, 0, 0, 0.3);

}



.ih-item.circle.effect7 .info p {

    color: #bbb;

    padding: 10px 5px;

    font-style: italic;

    margin: 0 30px;

    font-size: 12px;

    border-top: 1px solid rgba(255, 255, 255, 0.5);

}



.ih-item.circle.effect7 a:hover .img {

    opacity: 0;

    -webkit-transform: scale(0.5);

    -moz-transform: scale(0.5);

    -ms-transform: scale(0.5);

    -o-transform: scale(0.5);

    transform: scale(0.5);

}



.ih-item.circle.effect7 a:hover .info {

    visibility: visible;

    opacity: 1;

}



.ih-item.circle.effect7.left_to_right .info {

    -webkit-transform: translateX(-100%);

    -moz-transform: translateX(-100%);

    -ms-transform: translateX(-100%);

    -o-transform: translateX(-100%);

    transform: translateX(-100%);

}



.ih-item.circle.effect7.left_to_right a:hover .info {

    -webkit-transform: translateX(0);

    -moz-transform: translateX(0);

    -ms-transform: translateX(0);

    -o-transform: translateX(0);

    transform: translateX(0);

}



.ih-item.circle.effect7.right_to_left .info {

    -webkit-transform: translateX(100%);

    -moz-transform: translateX(100%);

    -ms-transform: translateX(100%);

    -o-transform: translateX(100%);

    transform: translateX(100%);

}



.ih-item.circle.effect7.right_to_left a:hover .info {

    -webkit-transform: translateX(0);

    -moz-transform: translateX(0);

    -ms-transform: translateX(0);

    -o-transform: translateX(0);

    transform: translateX(0);

}



.ih-item.circle.effect7.top_to_bottom .info {

    -webkit-transform: translateY(100%);

    -moz-transform: translateY(100%);

    -ms-transform: translateY(100%);

    -o-transform: translateY(100%);

    transform: translateY(100%);

}



.ih-item.circle.effect7.top_to_bottom a:hover .info {

    -webkit-transform: translateY(0);

    -moz-transform: translateY(0);

    -ms-transform: translateY(0);

    -o-transform: translateY(0);

    transform: translateY(0);

}



.ih-item.circle.effect7.bottom_to_top .info {

    -webkit-transform: translateY(-100%);

    -moz-transform: translateY(-100%);

    -ms-transform: translateY(-100%);

    -o-transform: translateY(-100%);

    transform: translateY(-100%);

}



.ih-item.circle.effect7.bottom_to_top a:hover .info {

    -webkit-transform: translateY(0);

    -moz-transform: translateY(0);

    -ms-transform: translateY(0);

    -o-transform: translateY(0);

    transform: translateY(0);

}



.ih-item.circle.effect8.colored .info {

    background: #1a4a72;

}



.ih-item.circle.effect8 .img-container {

    -webkit-transform: scale(1);

    -moz-transform: scale(1);

    -ms-transform: scale(1);

    -o-transform: scale(1);

    transform: scale(1);

    -webkit-transition: all 0.3s ease-in-out;

    -moz-transition: all 0.3s ease-in-out;

    transition: all 0.3s ease-in-out;

}



.ih-item.circle.effect8 .img-container .img {

    opacity: 1;

    -webkit-transition: all 0.3s ease-in-out 0.3s;

    -moz-transition: all 0.3s ease-in-out 0.3s;

    transition: all 0.3s ease-in-out 0.3s;

}



.ih-item.circle.effect8 .info-container {

    position: absolute;

    top: 0;

    bottom: 0;

    left: 0;

    right: 0;

    text-align: center;

    border-radius: 50%;

    opacity: 0;

    pointer-events: none;

    -webkit-transition: all 0.3s ease-in-out 0.3s;

    -moz-transition: all 0.3s ease-in-out 0.3s;

    transition: all 0.3s ease-in-out 0.3s;

}



.ih-item.circle.effect8 .info {

    width: 100%;

    height: 100%;

    background: #333333;

    pointer-events: none;

    -webkit-transform: scale(0.5);

    -moz-transform: scale(0.5);

    -ms-transform: scale(0.5);

    -o-transform: scale(0.5);

    transform: scale(0.5);

    -webkit-transition: all 0.35s ease-in-out 0.6s;

    -moz-transition: all 0.35s ease-in-out 0.6s;

    transition: all 0.35s ease-in-out 0.6s;

}



.ih-item.circle.effect8 .info h3 {

    color: #fff;

    text-transform: uppercase;

    letter-spacing: 2px;

    font-size: 22px;

    margin: 0 30px;

    padding: 45px 0 0 0;

    height: 140px;

    text-shadow: 0 0 1px white, 0 1px 2px rgba(0, 0, 0, 0.3);

}



.ih-item.circle.effect8 .info p {

    color: #bbb;

    padding: 10px 5px;

    font-style: italic;

    margin: 0 30px;

    font-size: 12px;

    border-top: 1px solid rgba(255, 255, 255, 0.5);

}



.ih-item.circle.effect8 a:hover .img-container {

    pointer-events: none;

    -webkit-transform: scale(0.5);

    -moz-transform: scale(0.5);

    -ms-transform: scale(0.5);

    -o-transform: scale(0.5);

    transform: scale(0.5);

}



.ih-item.circle.effect8 a:hover .img-container .img {

    opacity: 0;

    pointer-events: none;

}



.ih-item.circle.effect8 a:hover .info-container {

    opacity: 1;

}



.ih-item.circle.effect8 a:hover .info-container .info {

    -webkit-transform: scale(1);

    -moz-transform: scale(1);

    -ms-transform: scale(1);

    -o-transform: scale(1);

    transform: scale(1);

}



.ih-item.circle.effect8.left_to_right .img-container .img {

    -webkit-transform: translateX(0);

    -moz-transform: translateX(0);

    -ms-transform: translateX(0);

    -o-transform: translateX(0);

    transform: translateX(0);

}



.ih-item.circle.effect8.left_to_right .info-container {

    -webkit-transform: translateX(100%);

    -moz-transform: translateX(100%);

    -ms-transform: translateX(100%);

    -o-transform: translateX(100%);

    transform: translateX(100%);

}



.ih-item.circle.effect8.left_to_right a:hover .img-container .img {

    -webkit-transform: translateX(-100%);

    -moz-transform: translateX(-100%);

    -ms-transform: translateX(-100%);

    -o-transform: translateX(-100%);

    transform: translateX(-100%);

}



.ih-item.circle.effect8.left_to_right a:hover .info-container {

    -webkit-transform: translateX(0);

    -moz-transform: translateX(0);

    -ms-transform: translateX(0);

    -o-transform: translateX(0);

    transform: translateX(0);

}



.ih-item.circle.effect8.right_to_left .img-container .img {

    -webkit-transform: translateX(0);

    -moz-transform: translateX(0);

    -ms-transform: translateX(0);

    -o-transform: translateX(0);

    transform: translateX(0);

}



.ih-item.circle.effect8.right_to_left .info-container {

    -webkit-transform: translateX(-100%);

    -moz-transform: translateX(-100%);

    -ms-transform: translateX(-100%);

    -o-transform: translateX(-100%);

    transform: translateX(-100%);

}



.ih-item.circle.effect8.right_to_left a:hover .img-container .img {

    -webkit-transform: translateX(100%);

    -moz-transform: translateX(100%);

    -ms-transform: translateX(100%);

    -o-transform: translateX(100%);

    transform: translateX(100%);

}



.ih-item.circle.effect8.right_to_left a:hover .info-container {

    -webkit-transform: translateX(0);

    -moz-transform: translateX(0);

    -ms-transform: translateX(0);

    -o-transform: translateX(0);

    transform: translateX(0);

}



.ih-item.circle.effect8.top_to_bottom .img-container .img {

    -webkit-transform: translateY(0);

    -moz-transform: translateY(0);

    -ms-transform: translateY(0);

    -o-transform: translateY(0);

    transform: translateY(0);

}



.ih-item.circle.effect8.top_to_bottom .info-container {

    -webkit-transform: translateY(-100%);

    -moz-transform: translateY(-100%);

    -ms-transform: translateY(-100%);

    -o-transform: translateY(-100%);

    transform: translateY(-100%);

}



.ih-item.circle.effect8.top_to_bottom a:hover .img-container .img {

    -webkit-transform: translateY(100%);

    -moz-transform: translateY(100%);

    -ms-transform: translateY(100%);

    -o-transform: translateY(100%);

    transform: translateY(100%);

}



.ih-item.circle.effect8.top_to_bottom a:hover .info-container {

    -webkit-transform: translateY(0);

    -moz-transform: translateY(0);

    -ms-transform: translateY(0);

    -o-transform: translateY(0);

    transform: translateY(0);

}



.ih-item.circle.effect8.bottom_to_top .img-container .img {

    -webkit-transform: translateY(0);

    -moz-transform: translateY(0);

    -ms-transform: translateY(0);

    -o-transform: translateY(0);

    transform: translateY(0);

}



.ih-item.circle.effect8.bottom_to_top .info-container {

    -webkit-transform: translateY(100%);

    -moz-transform: translateY(100%);

    -ms-transform: translateY(100%);

    -o-transform: translateY(100%);

    transform: translateY(100%);

}



.ih-item.circle.effect8.bottom_to_top a:hover .img-container .img {

    -webkit-transform: translateY(-100%);

    -moz-transform: translateY(-100%);

    -ms-transform: translateY(-100%);

    -o-transform: translateY(-100%);

    transform: translateY(-100%);

}



.ih-item.circle.effect8.bottom_to_top a:hover .info-container {

    -webkit-transform: translateY(0);

    -moz-transform: translateY(0);

    -ms-transform: translateY(0);

    -o-transform: translateY(0);

    transform: translateY(0);

}



.ih-item.circle.effect9 .img {

    opacity: 1;

    -webkit-transition: all 0.35s ease-out;

    -moz-transition: all 0.35s ease-out;

    transition: all 0.35s ease-out;

}



.ih-item.circle.effect9.colored .info {

    background: #1a4a72;

}



.ih-item.circle.effect9 .info {

    background: #333333;

    opacity: 0;

    visibility: hidden;

    pointer-events: none;

    -webkit-transform: scale(0.5);

    -moz-transform: scale(0.5);

    -ms-transform: scale(0.5);

    -o-transform: scale(0.5);

    transform: scale(0.5);

    -webkit-transition: all 0.35s ease 0.2s;

    -moz-transition: all 0.35s ease 0.2s;

    transition: all 0.35s ease 0.2s;

}



.ih-item.circle.effect9 .info h3 {

    color: #fff;

    text-transform: uppercase;

    position: relative;

    letter-spacing: 2px;

    font-size: 22px;

    margin: 0 30px;

    padding: 55px 0 0 0;

    height: 110px;

    text-shadow: 0 0 1px white, 0 1px 2px rgba(0, 0, 0, 0.3);

}



.ih-item.circle.effect9 .info p {

    color: #bbb;

    padding: 10px 5px;

    font-style: italic;

    margin: 0 30px;

    font-size: 12px;

    border-top: 1px solid rgba(255, 255, 255, 0.5);

}



.ih-item.circle.effect9 a:hover .img {

    opacity: 0;

    pointer-events: none;

    -webkit-transform: scale(0.5);

    -moz-transform: scale(0.5);

    -ms-transform: scale(0.5);

    -o-transform: scale(0.5);

    transform: scale(0.5);

}



.ih-item.circle.effect9 a:hover .info {

    visibility: visible;

    opacity: 1;

    -webkit-transform: scale(1);

    -moz-transform: scale(1);

    -ms-transform: scale(1);

    -o-transform: scale(1);

    transform: scale(1);

}



.ih-item.circle.effect9.left_to_right .img {

    -webkit-transform: translateX(0) rotate(0);

    -moz-transform: translateX(0) rotate(0);

    -ms-transform: translateX(0) rotate(0);

    -o-transform: translateX(0) rotate(0);

    transform: translateX(0) rotate(0);

}



.ih-item.circle.effect9.left_to_right a:hover .img {

    -webkit-transform: translateX(100%) rotate(180deg);

    -moz-transform: translateX(100%) rotate(180deg);

    -ms-transform: translateX(100%) rotate(180deg);

    -o-transform: translateX(100%) rotate(180deg);

    transform: translateX(100%) rotate(180deg);

}



.ih-item.circle.effect9.right_to_left .img {

    -webkit-transform: translateX(0) rotate(0);

    -moz-transform: translateX(0) rotate(0);

    -ms-transform: translateX(0) rotate(0);

    -o-transform: translateX(0) rotate(0);

    transform: translateX(0) rotate(0);

}



.ih-item.circle.effect9.right_to_left a:hover .img {

    -webkit-transform: translateX(-100%) rotate(-180deg);

    -moz-transform: translateX(-100%) rotate(-180deg);

    -ms-transform: translateX(-100%) rotate(-180deg);

    -o-transform: translateX(-100%) rotate(-180deg);

    transform: translateX(-100%) rotate(-180deg);

}



.ih-item.circle.effect9.top_to_bottom .img {

    -webkit-transform: translateY(0);

    -moz-transform: translateY(0);

    -ms-transform: translateY(0);

    -o-transform: translateY(0);

    transform: translateY(0);

}



.ih-item.circle.effect9.top_to_bottom a:hover .img {

    -webkit-transform: translateY(-100%);

    -moz-transform: translateY(-100%);

    -ms-transform: translateY(-100%);

    -o-transform: translateY(-100%);

    transform: translateY(-100%);

}



.ih-item.circle.effect9.bottom_to_top .img {

    -webkit-transform: translateY(0);

    -moz-transform: translateY(0);

    -ms-transform: translateY(0);

    -o-transform: translateY(0);

    transform: translateY(0);

}



.ih-item.circle.effect9.bottom_to_top a:hover .img {

    -webkit-transform: translateY(100%);

    -moz-transform: translateY(100%);

    -ms-transform: translateY(100%);

    -o-transform: translateY(100%);

    transform: translateY(100%);

}



.ih-item.circle.effect10 .img {

    z-index: 11;

    -webkit-transform: scale(1);

    -moz-transform: scale(1);

    -ms-transform: scale(1);

    -o-transform: scale(1);

    transform: scale(1);

    -webkit-transition: all 0.35s ease-in-out;

    -moz-transition: all 0.35s ease-in-out;

    transition: all 0.35s ease-in-out;

}



.ih-item.circle.effect10.colored .info {

    background: #1a4a72;

}



.ih-item.circle.effect10 .info {

    background: #333333;

    opacity: 0;

    -webkit-transform: scale(0);

    -moz-transform: scale(0);

    -ms-transform: scale(0);

    -o-transform: scale(0);

    transform: scale(0);

    -webkit-transition: all 0.35s ease-in-out;

    -moz-transition: all 0.35s ease-in-out;

    transition: all 0.35s ease-in-out;

}



.ih-item.circle.effect10 .info h3 {

    color: #fff;

    text-transform: uppercase;

    position: relative;

    letter-spacing: 2px;

    font-size: 22px;

    text-shadow: 0 0 1px white, 0 1px 2px rgba(0, 0, 0, 0.3);

}



.ih-item.circle.effect10 .info p {

    color: #bbb;

    font-style: italic;

    font-size: 12px;

    border-top: 1px solid rgba(255, 255, 255, 0.5);

}



.ih-item.circle.effect10 a:hover .info {

    visibility: visible;

    opacity: 1;

    -webkit-transform: scale(1);

    -moz-transform: scale(1);

    -ms-transform: scale(1);

    -o-transform: scale(1);

    transform: scale(1);

}



.ih-item.circle.effect10.top_to_bottom .info h3 {

    margin: 0 30px;

    padding: 25px 0 0 0;

    height: 78px;

}



.ih-item.circle.effect10.top_to_bottom .info p {

    margin: 0 30px;

    padding: 5px;

}



.ih-item.circle.effect10.top_to_bottom a:hover .img {

    -webkit-transform: translateY(50px) scale(0.5);

    -moz-transform: translateY(50px) scale(0.5);

    -ms-transform: translateY(50px) scale(0.5);

    -o-transform: translateY(50px) scale(0.5);

    transform: translateY(50px) scale(0.5);

}



.ih-item.circle.effect10.bottom_to_top .info h3 {

    margin: 95px 30px 0;

    padding: 25px 0 0 0;

    height: 78px;

}



.ih-item.circle.effect10.bottom_to_top .info p {

    margin: 0 30px;

    padding: 5px;

}



.ih-item.circle.effect10.bottom_to_top a:hover .img {

    -webkit-transform: translateY(-50px) scale(0.5);

    -moz-transform: translateY(-50px) scale(0.5);

    -ms-transform: translateY(-50px) scale(0.5);

    -o-transform: translateY(-50px) scale(0.5);

    transform: translateY(-50px) scale(0.5);

}



.ih-item.circle.effect11 {

    -webkit-perspective: 900px;

    -moz-perspective: 900px;

    perspective: 900px;

}



.ih-item.circle.effect11 .img {

    opacity: 1;

    -webkit-transform-origin: 50% 50%;

    -moz-transform-origin: 50% 50%;

    -ms-transform-origin: 50% 50%;

    -o-transform-origin: 50% 50%;

    transform-origin: 50% 50%;

    -webkit-transition: all 0.35s ease-in-out;

    -moz-transition: all 0.35s ease-in-out;

    transition: all 0.35s ease-in-out;

}



.ih-item.circle.effect11.colored .info {

    background: #ff7109;

}



.ih-item.circle.effect11 .info {

    background: #333333;

    opacity: 0;

    visibility: hidden;

    -webkit-transition: all 0.35s ease 0.35s;

    -moz-transition: all 0.35s ease 0.35s;

    transition: all 0.35s ease 0.35s;

}



.ih-item.circle.effect11 .info h3 {

    color: #fff;

    text-transform: uppercase;

    position: relative;

    letter-spacing: 2px;

    font-size: 14px;

    margin: 0 28px;

    padding: 31px 0 0 0;

    height: 47px;

    text-shadow: 0 0 1px white, 0 1px 2px rgba(0, 0, 0, 0.3);

}



.ih-item.circle.effect11 .info p {

    color: #bbb;

    padding: 10px 5px;

    font-style: italic;

    margin: 0 28px;

    font-size: 12px;

    border-top: 1px solid rgba(255, 255, 255, 0.5);

}



.ih-item.circle.effect11 a:hover .img {

    opacity: 0;

}



.ih-item.circle.effect11 a:hover .info {

    visibility: visible;

    opacity: 1;

}



.ih-item.circle.effect11.left_to_right .img {

    -webkit-transform: translateZ(0) rotateY(0);

    -moz-transform: translateZ(0) rotateY(0);

    -ms-transform: translateZ(0) rotateY(0);

    -o-transform: translateZ(0) rotateY(0);

    transform: translateZ(0) rotateY(0);

}



.ih-item.circle.effect11.left_to_right .info {

    -webkit-transform: translateZ(-1000px) rotateY(-90deg);

    -moz-transform: translateZ(-1000px) rotateY(-90deg);

    -ms-transform: translateZ(-1000px) rotateY(-90deg);

    -o-transform: translateZ(-1000px) rotateY(-90deg);

    transform: translateZ(-1000px) rotateY(-90deg);

}



.ih-item.circle.effect11.left_to_right a:hover .img {

    -webkit-transform: translateZ(-1000px) rotateY(90deg);

    -moz-transform: translateZ(-1000px) rotateY(90deg);

    -ms-transform: translateZ(-1000px) rotateY(90deg);

    -o-transform: translateZ(-1000px) rotateY(90deg);

    transform: translateZ(-1000px) rotateY(90deg);

}



.ih-item.circle.effect11.left_to_right a:hover .info {

    -webkit-transform: translateZ(0) rotateY(0);

    -moz-transform: translateZ(0) rotateY(0);

    -ms-transform: translateZ(0) rotateY(0);

    -o-transform: translateZ(0) rotateY(0);

    transform: translateZ(0) rotateY(0);

}



.ih-item.circle.effect11.right_to_left .img {

    -webkit-transform: translateZ(0) rotateY(0);

    -moz-transform: translateZ(0) rotateY(0);

    -ms-transform: translateZ(0) rotateY(0);

    -o-transform: translateZ(0) rotateY(0);

    transform: translateZ(0) rotateY(0);

}



.ih-item.circle.effect11.right_to_left .info {

    -webkit-transform: translateZ(-1000px) rotateY(90deg);

    -moz-transform: translateZ(-1000px) rotateY(90deg);

    -ms-transform: translateZ(-1000px) rotateY(90deg);

    -o-transform: translateZ(-1000px) rotateY(90deg);

    transform: translateZ(-1000px) rotateY(90deg);

}



.ih-item.circle.effect11.right_to_left a:hover .img {

    -webkit-transform: translateZ(-1000px) rotateY(-90deg);

    -moz-transform: translateZ(-1000px) rotateY(-90deg);

    -ms-transform: translateZ(-1000px) rotateY(-90deg);

    -o-transform: translateZ(-1000px) rotateY(-90deg);

    transform: translateZ(-1000px) rotateY(-90deg);

}



.ih-item.circle.effect11.right_to_left a:hover .info {

    -webkit-transform: translateZ(0) rotateY(0);

    -moz-transform: translateZ(0) rotateY(0);

    -ms-transform: translateZ(0) rotateY(0);

    -o-transform: translateZ(0) rotateY(0);

    transform: translateZ(0) rotateY(0);

}



.ih-item.circle.effect11.top_to_bottom .img {

    -webkit-transform: translateZ(0) rotateX(0);

    -moz-transform: translateZ(0) rotateX(0);

    -ms-transform: translateZ(0) rotateX(0);

    -o-transform: translateZ(0) rotateX(0);

    transform: translateZ(0) rotateX(0);

}



.ih-item.circle.effect11.top_to_bottom .info {

    -webkit-transform: translateZ(-1000px) rotateX(90deg);

    -moz-transform: translateZ(-1000px) rotateX(90deg);

    -ms-transform: translateZ(-1000px) rotateX(90deg);

    -o-transform: translateZ(-1000px) rotateX(90deg);

    transform: translateZ(-1000px) rotateX(90deg);

}



.ih-item.circle.effect11.top_to_bottom a:hover .img {

    -webkit-transform: translateZ(-1000px) rotateX(-90deg);

    -moz-transform: translateZ(-1000px) rotateX(-90deg);

    -ms-transform: translateZ(-1000px) rotateX(-90deg);

    -o-transform: translateZ(-1000px) rotateX(-90deg);

    transform: translateZ(-1000px) rotateX(-90deg);

}



.ih-item.circle.effect11.top_to_bottom a:hover .info {

    -webkit-transform: translateZ(0) rotateX(0);

    -moz-transform: translateZ(0) rotateX(0);

    -ms-transform: translateZ(0) rotateX(0);

    -o-transform: translateZ(0) rotateX(0);

    transform: translateZ(0) rotateX(0);

}



.ih-item.circle.effect11.bottom_to_top .img {

    -webkit-transform: translateZ(0) rotateX(0);

    -moz-transform: translateZ(0) rotateX(0);

    -ms-transform: translateZ(0) rotateX(0);

    -o-transform: translateZ(0) rotateX(0);

    transform: translateZ(0) rotateX(0);

}



.ih-item.circle.effect11.bottom_to_top .info {

    -webkit-transform: translateZ(-1000px) rotateX(-90deg);

    -moz-transform: translateZ(-1000px) rotateX(-90deg);

    -ms-transform: translateZ(-1000px) rotateX(-90deg);

    -o-transform: translateZ(-1000px) rotateX(-90deg);

    transform: translateZ(-1000px) rotateX(-90deg);

}



.ih-item.circle.effect11.bottom_to_top a:hover .img {

    -webkit-transform: translateZ(-1000px) rotateX(90deg);

    -moz-transform: translateZ(-1000px) rotateX(90deg);

    -ms-transform: translateZ(-1000px) rotateX(90deg);

    -o-transform: translateZ(-1000px) rotateX(90deg);

    transform: translateZ(-1000px) rotateX(90deg);

}



.ih-item.circle.effect11.bottom_to_top a:hover .info {

    -webkit-transform: translateZ(0) rotateX(0);

    -moz-transform: translateZ(0) rotateX(0);

    -ms-transform: translateZ(0) rotateX(0);

    -o-transform: translateZ(0) rotateX(0);

    transform: translateZ(0) rotateX(0);

}



.ih-item.circle.effect12 .img {

    opacity: 1;

    -webkit-transition: all 0.35s ease-in-out;

    -moz-transition: all 0.35s ease-in-out;

    transition: all 0.35s ease-in-out;

}



.ih-item.circle.effect12.colored .info {

    background: #1a4a72;

}



.ih-item.circle.effect12 .info {

    background: #333333;

    opacity: 0;

    visibility: hidden;

    pointer-events: none;

    -webkit-transform: scale(0.5);

    -moz-transform: scale(0.5);

    -ms-transform: scale(0.5);

    -o-transform: scale(0.5);

    transform: scale(0.5);

    -webkit-transition: all 0.35s ease-in-out;

    -moz-transition: all 0.35s ease-in-out;

    transition: all 0.35s ease-in-out;

}



.ih-item.circle.effect12 .info h3 {

    color: #fff;

    text-transform: uppercase;

    position: relative;

    letter-spacing: 2px;

    font-size: 22px;

    margin: 0 30px;

    padding: 55px 0 0 0;

    height: 110px;

    text-shadow: 0 0 1px white, 0 1px 2px rgba(0, 0, 0, 0.3);

}



.ih-item.circle.effect12 .info p {

    color: #bbb;

    padding: 10px 5px;

    font-style: italic;

    margin: 0 30px;

    font-size: 12px;

    border-top: 1px solid rgba(255, 255, 255, 0.5);

}



.ih-item.circle.effect12 a:hover .img {

    opacity: 0;

    pointer-events: none;

}



.ih-item.circle.effect12 a:hover .info {

    opacity: 1;

    visibility: visible;

}



.ih-item.circle.effect12.left_to_right .img {

    -webkit-transform: translateX(0) rotate(0);

    -moz-transform: translateX(0) rotate(0);

    -ms-transform: translateX(0) rotate(0);

    -o-transform: translateX(0) rotate(0);

    transform: translateX(0) rotate(0);

}



.ih-item.circle.effect12.left_to_right .info {

    -webkit-transform: translateX(100%) rotate(180deg);

    -moz-transform: translateX(100%) rotate(180deg);

    -ms-transform: translateX(100%) rotate(180deg);

    -o-transform: translateX(100%) rotate(180deg);

    transform: translateX(100%) rotate(180deg);

}



.ih-item.circle.effect12.left_to_right a:hover .img {

    -webkit-transform: translateX(100%) rotate(180deg);

    -moz-transform: translateX(100%) rotate(180deg);

    -ms-transform: translateX(100%) rotate(180deg);

    -o-transform: translateX(100%) rotate(180deg);

    transform: translateX(100%) rotate(180deg);

}



.ih-item.circle.effect12.left_to_right a:hover .info {

    -webkit-transform: translateX(0) rotate(0);

    -moz-transform: translateX(0) rotate(0);

    -ms-transform: translateX(0) rotate(0);

    -o-transform: translateX(0) rotate(0);

    transform: translateX(0) rotate(0);

    -webkit-transition-delay: 0.4s;

    -moz-transition-delay: 0.4s;

    transition-delay: 0.4s;

}



.ih-item.circle.effect12.right_to_left .img {

    -webkit-transform: translateX(0) rotate(0);

    -moz-transform: translateX(0) rotate(0);

    -ms-transform: translateX(0) rotate(0);

    -o-transform: translateX(0) rotate(0);

    transform: translateX(0) rotate(0);

}



.ih-item.circle.effect12.right_to_left .info {

    -webkit-transform: translateX(-100%) rotate(-180deg);

    -moz-transform: translateX(-100%) rotate(-180deg);

    -ms-transform: translateX(-100%) rotate(-180deg);

    -o-transform: translateX(-100%) rotate(-180deg);

    transform: translateX(-100%) rotate(-180deg);

}



.ih-item.circle.effect12.right_to_left a:hover .img {

    -webkit-transform: translateX(-100%) rotate(-180deg);

    -moz-transform: translateX(-100%) rotate(-180deg);

    -ms-transform: translateX(-100%) rotate(-180deg);

    -o-transform: translateX(-100%) rotate(-180deg);

    transform: translateX(-100%) rotate(-180deg);

}



.ih-item.circle.effect12.right_to_left a:hover .info {

    -webkit-transform: translateX(0) rotate(0);

    -moz-transform: translateX(0) rotate(0);

    -ms-transform: translateX(0) rotate(0);

    -o-transform: translateX(0) rotate(0);

    transform: translateX(0) rotate(0);

    -webkit-transition-delay: 0.4s;

    -moz-transition-delay: 0.4s;

    transition-delay: 0.4s;

}



.ih-item.circle.effect12.top_to_bottom .img {

    -webkit-transform: translateY(0) rotate(0);

    -moz-transform: translateY(0) rotate(0);

    -ms-transform: translateY(0) rotate(0);

    -o-transform: translateY(0) rotate(0);

    transform: translateY(0) rotate(0);

}



.ih-item.circle.effect12.top_to_bottom .info {

    -webkit-transform: translateY(-100%) rotate(-180deg);

    -moz-transform: translateY(-100%) rotate(-180deg);

    -ms-transform: translateY(-100%) rotate(-180deg);

    -o-transform: translateY(-100%) rotate(-180deg);

    transform: translateY(-100%) rotate(-180deg);

}



.ih-item.circle.effect12.top_to_bottom a:hover .img {

    -webkit-transform: translateY(-100%) rotate(-180deg);

    -moz-transform: translateY(-100%) rotate(-180deg);

    -ms-transform: translateY(-100%) rotate(-180deg);

    -o-transform: translateY(-100%) rotate(-180deg);

    transform: translateY(-100%) rotate(-180deg);

}



.ih-item.circle.effect12.top_to_bottom a:hover .info {

    -webkit-transform: translateY(0) rotate(0);

    -moz-transform: translateY(0) rotate(0);

    -ms-transform: translateY(0) rotate(0);

    -o-transform: translateY(0) rotate(0);

    transform: translateY(0) rotate(0);

    -webkit-transition-delay: 0.4s;

    -moz-transition-delay: 0.4s;

    transition-delay: 0.4s;

}



.ih-item.circle.effect12.bottom_to_top .img {

    -webkit-transform: translateY(0) rotate(0);

    -moz-transform: translateY(0) rotate(0);

    -ms-transform: translateY(0) rotate(0);

    -o-transform: translateY(0) rotate(0);

    transform: translateY(0) rotate(0);

}



.ih-item.circle.effect12.bottom_to_top .info {

    -webkit-transform: translateY(100%) rotate(180deg);

    -moz-transform: translateY(100%) rotate(180deg);

    -ms-transform: translateY(100%) rotate(180deg);

    -o-transform: translateY(100%) rotate(180deg);

    transform: translateY(100%) rotate(180deg);

}



.ih-item.circle.effect12.bottom_to_top a:hover .img {

    -webkit-transform: translateY(100%) rotate(180deg);

    -moz-transform: translateY(100%) rotate(180deg);

    -ms-transform: translateY(100%) rotate(180deg);

    -o-transform: translateY(100%) rotate(180deg);

    transform: translateY(100%) rotate(180deg);

}



.ih-item.circle.effect12.bottom_to_top a:hover .info {

    -webkit-transform: translateY(0) rotate(0);

    -moz-transform: translateY(0) rotate(0);

    -ms-transform: translateY(0) rotate(0);

    -o-transform: translateY(0) rotate(0);

    transform: translateY(0) rotate(0);

    -webkit-transition-delay: 0.4s;

    -moz-transition-delay: 0.4s;

    transition-delay: 0.4s;

}



.ih-item.circle.effect13.colored .info {

    background: #1a4a72;

    background: rgba(26, 74, 114, 0.6);

}



.ih-item.circle.effect13 .info {

    background: #333333;

    background: rgba(0, 0, 0, 0.6);

    opacity: 0;

    pointer-events: none;

    -webkit-transition: all 0.35s ease-in-out;

    -moz-transition: all 0.35s ease-in-out;

    transition: all 0.35s ease-in-out;

}



.ih-item.circle.effect13 .info h3 {

    visibility: hidden;

    color: #fff;

    text-transform: uppercase;

    position: relative;

    letter-spacing: 2px;

    font-size: 22px;

    margin: 0 30px;

    padding: 55px 0 0 0;

    height: 110px;

    text-shadow: 0 0 1px white, 0 1px 2px rgba(0, 0, 0, 0.3);

    -webkit-transition: all 0.35s ease-in-out;

    -moz-transition: all 0.35s ease-in-out;

    transition: all 0.35s ease-in-out;

}



.ih-item.circle.effect13 .info p {

    visibility: hidden;

    color: #bbb;

    padding: 10px 5px;

    font-style: italic;

    margin: 0 30px;

    font-size: 12px;

    border-top: 1px solid rgba(255, 255, 255, 0.5);

    -webkit-transition: all 0.35s ease-in-out;

    -moz-transition: all 0.35s ease-in-out;

    transition: all 0.35s ease-in-out;

}



.ih-item.circle.effect13 a:hover .info {

    opacity: 1;

}



.ih-item.circle.effect13 a:hover h3 {

    visibility: visible;

}



.ih-item.circle.effect13 a:hover p {

    visibility: visible;

}



.ih-item.circle.effect13.from_left_and_right .info h3 {

    -webkit-transform: translateX(-100%);

    -moz-transform: translateX(-100%);

    -ms-transform: translateX(-100%);

    -o-transform: translateX(-100%);

    transform: translateX(-100%);

}



.ih-item.circle.effect13.from_left_and_right .info p {

    -webkit-transform: translateX(100%);

    -moz-transform: translateX(100%);

    -ms-transform: translateX(100%);

    -o-transform: translateX(100%);

    transform: translateX(100%);

}



.ih-item.circle.effect13.from_left_and_right a:hover h3 {

    -webkit-transform: translateX(0);

    -moz-transform: translateX(0);

    -ms-transform: translateX(0);

    -o-transform: translateX(0);

    transform: translateX(0);

}



.ih-item.circle.effect13.from_left_and_right a:hover p {

    -webkit-transform: translateX(0);

    -moz-transform: translateX(0);

    -ms-transform: translateX(0);

    -o-transform: translateX(0);

    transform: translateX(0);

}



.ih-item.circle.effect13.top_to_bottom .info h3 {

    -webkit-transform: translateY(-100%);

    -moz-transform: translateY(-100%);

    -ms-transform: translateY(-100%);

    -o-transform: translateY(-100%);

    transform: translateY(-100%);

}



.ih-item.circle.effect13.top_to_bottom .info p {

    -webkit-transform: translateY(-100%);

    -moz-transform: translateY(-100%);

    -ms-transform: translateY(-100%);

    -o-transform: translateY(-100%);

    transform: translateY(-100%);

}



.ih-item.circle.effect13.top_to_bottom a:hover h3 {

    -webkit-transform: translateY(0);

    -moz-transform: translateY(0);

    -ms-transform: translateY(0);

    -o-transform: translateY(0);

    transform: translateY(0);

}



.ih-item.circle.effect13.top_to_bottom a:hover p {

    -webkit-transform: translateY(0);

    -moz-transform: translateY(0);

    -ms-transform: translateY(0);

    -o-transform: translateY(0);

    transform: translateY(0);

}



.ih-item.circle.effect13.bottom_to_top .info h3 {

    -webkit-transform: translateY(100%);

    -moz-transform: translateY(100%);

    -ms-transform: translateY(100%);

    -o-transform: translateY(100%);

    transform: translateY(100%);

}



.ih-item.circle.effect13.bottom_to_top .info p {

    -webkit-transform: translateY(100%);

    -moz-transform: translateY(100%);

    -ms-transform: translateY(100%);

    -o-transform: translateY(100%);

    transform: translateY(100%);

}



.ih-item.circle.effect13.bottom_to_top a:hover h3 {

    -webkit-transform: translateY(0);

    -moz-transform: translateY(0);

    -ms-transform: translateY(0);

    -o-transform: translateY(0);

    transform: translateY(0);

}



.ih-item.circle.effect13.bottom_to_top a:hover p {

    -webkit-transform: translateY(0);

    -moz-transform: translateY(0);

    -ms-transform: translateY(0);

    -o-transform: translateY(0);

    transform: translateY(0);

}



.ih-item.circle.effect14 {

    -webkit-perspective: 900px;

    -moz-perspective: 900px;

    perspective: 900px;

}



.ih-item.circle.effect14 .img {

    visibility: visible;

    opacity: 1;

    -webkit-transition: all 0.4s ease-out;

    -moz-transition: all 0.4s ease-out;

    transition: all 0.4s ease-out;

}



.ih-item.circle.effect14.colored .info {

    background: #1a4a72;

}



.ih-item.circle.effect14 .info {

    background: #333333;

    opacity: 0;

    visibility: hidden;

    -webkit-transition: all 0.35s ease-in-out 0.3s;

    -moz-transition: all 0.35s ease-in-out 0.3s;

    transition: all 0.35s ease-in-out 0.3s;

}



.ih-item.circle.effect14 .info h3 {

    color: #fff;

    text-transform: uppercase;

    position: relative;

    letter-spacing: 2px;

    font-size: 22px;

    margin: 0 30px;

    padding: 55px 0 0 0;

    height: 110px;

    text-shadow: 0 0 1px white, 0 1px 2px rgba(0, 0, 0, 0.3);

}



.ih-item.circle.effect14 .info p {

    color: #bbb;

    padding: 10px 5px;

    font-style: italic;

    margin: 0 30px;

    font-size: 12px;

    border-top: 1px solid rgba(255, 255, 255, 0.5);

}



.ih-item.circle.effect14 a:hover .img {

    opacity: 0;

    visibility: hidden;

}



.ih-item.circle.effect14 a:hover .info {

    visibility: visible;

    opacity: 1;

}



.ih-item.circle.effect14.left_to_right .img {

    -webkit-transform: rotateY(0);

    -moz-transform: rotateY(0);

    -ms-transform: rotateY(0);

    -o-transform: rotateY(0);

    transform: rotateY(0);

    -webkit-transform-origin: 100% 50%;

    -moz-transform-origin: 100% 50%;

    -ms-transform-origin: 100% 50%;

    -o-transform-origin: 100% 50%;

    transform-origin: 100% 50%;

}



.ih-item.circle.effect14.left_to_right .info {

    -webkit-transform: rotateY(90deg);

    -moz-transform: rotateY(90deg);

    -ms-transform: rotateY(90deg);

    -o-transform: rotateY(90deg);

    transform: rotateY(90deg);

    -webkit-transform-origin: 0% 50%;

    -moz-transform-origin: 0% 50%;

    -ms-transform-origin: 0% 50%;

    -o-transform-origin: 0% 50%;

    transform-origin: 0% 50%;

}



.ih-item.circle.effect14.left_to_right a:hover .img {

    -webkit-transform: rotateY(-90deg);

    -moz-transform: rotateY(-90deg);

    -ms-transform: rotateY(-90deg);

    -o-transform: rotateY(-90deg);

    transform: rotateY(-90deg);

}



.ih-item.circle.effect14.left_to_right a:hover .info {

    -webkit-transform: rotateY(0);

    -moz-transform: rotateY(0);

    -ms-transform: rotateY(0);

    -o-transform: rotateY(0);

    transform: rotateY(0);

}



.ih-item.circle.effect14.right_to_left .img {

    -webkit-transform: rotateY(0);

    -moz-transform: rotateY(0);

    -ms-transform: rotateY(0);

    -o-transform: rotateY(0);

    transform: rotateY(0);

    -webkit-transform-origin: 0% 50%;

    -moz-transform-origin: 0% 50%;

    -ms-transform-origin: 0% 50%;

    -o-transform-origin: 0% 50%;

    transform-origin: 0% 50%;

}



.ih-item.circle.effect14.right_to_left .info {

    -webkit-transform: rotateY(-90deg);

    -moz-transform: rotateY(-90deg);

    -ms-transform: rotateY(-90deg);

    -o-transform: rotateY(-90deg);

    transform: rotateY(-90deg);

    -webkit-transform-origin: 100% 50%;

    -moz-transform-origin: 100% 50%;

    -ms-transform-origin: 100% 50%;

    -o-transform-origin: 100% 50%;

    transform-origin: 100% 50%;

}



.ih-item.circle.effect14.right_to_left a:hover .img {

    -webkit-transform: rotateY(90deg);

    -moz-transform: rotateY(90deg);

    -ms-transform: rotateY(90deg);

    -o-transform: rotateY(90deg);

    transform: rotateY(90deg);

}



.ih-item.circle.effect14.right_to_left a:hover .info {

    -webkit-transform: rotateY(0);

    -moz-transform: rotateY(0);

    -ms-transform: rotateY(0);

    -o-transform: rotateY(0);

    transform: rotateY(0);

}



.ih-item.circle.effect14.top_to_bottom .img {

    -webkit-transform: rotateX(0);

    -moz-transform: rotateX(0);

    -ms-transform: rotateX(0);

    -o-transform: rotateX(0);

    transform: rotateX(0);

    -webkit-transform-origin: 50% 100%;

    -moz-transform-origin: 50% 100%;

    -ms-transform-origin: 50% 100%;

    -o-transform-origin: 50% 100%;

    transform-origin: 50% 100%;

}



.ih-item.circle.effect14.top_to_bottom .info {

    -webkit-transform: rotateX(-90deg);

    -moz-transform: rotateX(-90deg);

    -ms-transform: rotateX(-90deg);

    -o-transform: rotateX(-90deg);

    transform: rotateX(-90deg);

    -webkit-transform-origin: 50% 0;

    -moz-transform-origin: 50% 0;

    -ms-transform-origin: 50% 0;

    -o-transform-origin: 50% 0;

    transform-origin: 50% 0;

}



.ih-item.circle.effect14.top_to_bottom a:hover .img {

    -webkit-transform: rotateX(90deg);

    -moz-transform: rotateX(90deg);

    -ms-transform: rotateX(90deg);

    -o-transform: rotateX(90deg);

    transform: rotateX(90deg);

}



.ih-item.circle.effect14.top_to_bottom a:hover .info {

    -webkit-transform: rotateX(0);

    -moz-transform: rotateX(0);

    -ms-transform: rotateX(0);

    -o-transform: rotateX(0);

    transform: rotateX(0);

}



.ih-item.circle.effect14.bottom_to_top .img {

    -webkit-transform: rotateX(0);

    -moz-transform: rotateX(0);

    -ms-transform: rotateX(0);

    -o-transform: rotateX(0);

    transform: rotateX(0);

    -webkit-transform-origin: 50% 0;

    -moz-transform-origin: 50% 0;

    -ms-transform-origin: 50% 0;

    -o-transform-origin: 50% 0;

    transform-origin: 50% 0;

}



.ih-item.circle.effect14.bottom_to_top .info {

    -webkit-transform: rotateX(90deg);

    -moz-transform: rotateX(90deg);

    -ms-transform: rotateX(90deg);

    -o-transform: rotateX(90deg);

    transform: rotateX(90deg);

    -webkit-transform-origin: 50% 100%;

    -moz-transform-origin: 50% 100%;

    -ms-transform-origin: 50% 100%;

    -o-transform-origin: 50% 100%;

    transform-origin: 50% 100%;

}



.ih-item.circle.effect14.bottom_to_top a:hover .img {

    -webkit-transform: rotateX(-90deg);

    -moz-transform: rotateX(-90deg);

    -ms-transform: rotateX(-90deg);

    -o-transform: rotateX(-90deg);

    transform: rotateX(-90deg);

}



.ih-item.circle.effect14.bottom_to_top a:hover .info {

    -webkit-transform: rotateX(0);

    -moz-transform: rotateX(0);

    -ms-transform: rotateX(0);

    -o-transform: rotateX(0);

    transform: rotateX(0);

}



.ih-item.circle.effect15 .img {

    opacity: 1;

    visibility: visible;

    -webkit-transform: scale(1) rotate(0);

    -moz-transform: scale(1) rotate(0);

    -ms-transform: scale(1) rotate(0);

    -o-transform: scale(1) rotate(0);

    transform: scale(1) rotate(0);

    -webkit-transition: all 0.35s ease-in-out;

    -moz-transition: all 0.35s ease-in-out;

    transition: all 0.35s ease-in-out;

}



.ih-item.circle.effect15.colored .info {

    background: #1a4a72;

}



.ih-item.circle.effect15 .info {

    background: #333333;

    opacity: 0;

    visibility: hidden;

    -webkit-transform: scale(0.5) rotate(-720deg);

    -moz-transform: scale(0.5) rotate(-720deg);

    -ms-transform: scale(0.5) rotate(-720deg);

    -o-transform: scale(0.5) rotate(-720deg);

    transform: scale(0.5) rotate(-720deg);

    -webkit-transition: all 0.35s ease-in-out 0.3s;

    -moz-transition: all 0.35s ease-in-out 0.3s;

    transition: all 0.35s ease-in-out 0.3s;

}



.ih-item.circle.effect15 .info h3 {

    color: #fff;

    text-transform: uppercase;

    position: relative;

    letter-spacing: 2px;

    font-size: 22px;

    margin: 0 30px;

    padding: 55px 0 0 0;

    height: 110px;

    text-shadow: 0 0 1px white, 0 1px 2px rgba(0, 0, 0, 0.3);

}



.ih-item.circle.effect15 .info p {

    color: #bbb;

    padding: 10px 5px;

    font-style: italic;

    margin: 0 30px;

    font-size: 12px;

    border-top: 1px solid rgba(255, 255, 255, 0.5);

}



.ih-item.circle.effect15 a:hover .img {

    opacity: 0;

    visibility: hidden;

    -webkit-transform: scale(0.5) rotate(720deg);

    -moz-transform: scale(0.5) rotate(720deg);

    -ms-transform: scale(0.5) rotate(720deg);

    -o-transform: scale(0.5) rotate(720deg);

    transform: scale(0.5) rotate(720deg);

}



.ih-item.circle.effect15 a:hover .info {

    opacity: 1;

    visibility: visible;

    -webkit-transform: scale(1) rotate(0);

    -moz-transform: scale(1) rotate(0);

    -ms-transform: scale(1) rotate(0);

    -o-transform: scale(1) rotate(0);

    transform: scale(1) rotate(0);

}



.ih-item.circle.effect16 .img {

    z-index: 11;

    -webkit-transition: all 0.35s ease-in-out;

    -moz-transition: all 0.35s ease-in-out;

    transition: all 0.35s ease-in-out;

}



.ih-item.circle.effect16.colored .info {

    background: #1a4a72;

}



.ih-item.circle.effect16 .info {

    background: #333333;

    -webkit-transition: all 0.35s ease-in-out;

    -moz-transition: all 0.35s ease-in-out;

    transition: all 0.35s ease-in-out;

}



.ih-item.circle.effect16 .info h3 {

    color: #fff;

    text-transform: uppercase;

    position: relative;

    letter-spacing: 2px;

    font-size: 22px;

    margin: 0 30px;

    padding: 55px 0 0 0;

    height: 110px;

    text-shadow: 0 0 1px white, 0 1px 2px rgba(0, 0, 0, 0.3);

}



.ih-item.circle.effect16 .info p {

    color: #bbb;

    padding: 10px 5px;

    font-style: italic;

    margin: 0 30px;

    font-size: 12px;

    border-top: 1px solid rgba(255, 255, 255, 0.5);

    -webkit-transition: all 0.35s ease-in-out;

    -moz-transition: all 0.35s ease-in-out;

    transition: all 0.35s ease-in-out;

}



.ih-item.circle.effect16.left_to_right .img {

    -webkit-transform-origin: 95% 40%;

    -moz-transform-origin: 95% 40%;

    -ms-transform-origin: 95% 40%;

    -o-transform-origin: 95% 40%;

    transform-origin: 95% 40%;

}



.ih-item.circle.effect16.left_to_right .img:after {

    content: '';

    width: 8px;

    height: 8px;

    position: absolute;

    border-radius: 50%;

    top: 40%;

    left: 95%;

    margin: -4px 0 0 -4px;

    background: rgba(0, 0, 0, 0.8);

    box-shadow: 0 0 1px rgba(255, 255, 255, 0.9);

}



.ih-item.circle.effect16.left_to_right a:hover .img {

    -webkit-transform: rotate(-120deg);

    -moz-transform: rotate(-120deg);

    -ms-transform: rotate(-120deg);

    -o-transform: rotate(-120deg);

    transform: rotate(-120deg);

}



.ih-item.circle.effect16.right_to_left .img {

    -webkit-transform-origin: 5% 40%;

    -moz-transform-origin: 5% 40%;

    -ms-transform-origin: 5% 40%;

    -o-transform-origin: 5% 40%;

    transform-origin: 5% 40%;

}



.ih-item.circle.effect16.right_to_left .img:after {

    content: '';

    width: 8px;

    height: 8px;

    position: absolute;

    border-radius: 50%;

    top: 40%;

    left: 5%;

    margin: -4px 0 0 -4px;

    background: rgba(0, 0, 0, 0.8);

    box-shadow: 0 0 1px rgba(255, 255, 255, 0.9);

}



.ih-item.circle.effect16.right_to_left a:hover .img {

    -webkit-transform: rotate(120deg);

    -moz-transform: rotate(120deg);

    -ms-transform: rotate(120deg);

    -o-transform: rotate(120deg);

    transform: rotate(120deg);

}



.ih-item.circle.effect17 .info {

    opacity: 0;

    -webkit-transform: scale(0);

    -moz-transform: scale(0);

    -ms-transform: scale(0);

    -o-transform: scale(0);

    transform: scale(0);

    -webkit-transition: all 0.35s ease-in-out;

    -moz-transition: all 0.35s ease-in-out;

    transition: all 0.35s ease-in-out;

}



.ih-item.circle.effect17 .info h3 {

    color: #fff;

    text-transform: uppercase;

    position: relative;

    letter-spacing: 2px;

    font-size: 22px;

    margin: 0 30px;

    padding: 55px 0 0 0;

    height: 110px;

    text-shadow: 0 0 1px white, 0 1px 2px rgba(0, 0, 0, 0.3);

}



.ih-item.circle.effect17 .info p {

    color: #bbb;

    padding: 10px 5px;

    font-style: italic;

    margin: 0 30px;

    font-size: 12px;

    border-top: 1px solid rgba(255, 255, 255, 0.5);

    opacity: 0;

    -webkit-transition: all 0.35s ease-in-out;

    -moz-transition: all 0.35s ease-in-out;

    transition: all 0.35s ease-in-out;

}



.ih-item.circle.effect17 a:hover .img:before {

    box-shadow: inset 0 0 0 110px #333333, inset 0 0 0 16px rgba(255, 255, 255, 0.8), 0 1px 2px rgba(0, 0, 0, 0.1);

    box-shadow: inset 0 0 0 110px rgba(0, 0, 0, 0.6), inset 0 0 0 16px rgba(255, 255, 255, 0.8), 0 1px 2px rgba(0, 0, 0, 0.1);

}



.ih-item.circle.effect17 a:hover .info {

    opacity: 1;

    -webkit-transform: scale(1);

    -moz-transform: scale(1);

    -ms-transform: scale(1);

    -o-transform: scale(1);

    transform: scale(1);

}



.ih-item.circle.effect17 a:hover .info p {

    opacity: 1;

}



.ih-item.circle.effect17.colored a:hover .img:before {

    box-shadow: inset 0 0 0 110px #1a4a72, inset 0 0 0 16px rgba(255, 255, 255, 0.8), 0 1px 2px rgba(0, 0, 0, 0.1);

    box-shadow: inset 0 0 0 110px rgba(26, 74, 114, 0.6), inset 0 0 0 16px rgba(255, 255, 255, 0.8), 0 1px 2px rgba(0, 0, 0, 0.1);

}



.ih-item.circle.effect18 {

    -webkit-perspective: 900px;

    -moz-perspective: 900px;

    perspective: 900px;

}



.ih-item.circle.effect18 .img {

    z-index: 11;

    -webkit-transition: all 0.5s ease-in-out;

    -moz-transition: all 0.5s ease-in-out;

    transition: all 0.5s ease-in-out;

}



.ih-item.circle.effect18.colored .info .info-back {

    background: #1a4a72;

}



.ih-item.circle.effect18 .info {

    -webkit-transform-style: preserve-3d;

    -moz-transform-style: preserve-3d;

    -ms-transform-style: preserve-3d;

    -o-transform-style: preserve-3d;

    transform-style: preserve-3d;

}



.ih-item.circle.effect18 .info .info-back {

    opacity: 1;

    border-radius: 50%;

    width: 100%;

    height: 100%;

    background: #333333;

}



.ih-item.circle.effect18 .info h3 {

    color: #fff;

    text-transform: uppercase;

    position: relative;

    letter-spacing: 2px;

    font-size: 22px;

    margin: 0 30px;

    padding: 55px 0 0 0;

    height: 110px;

    text-shadow: 0 0 1px white, 0 1px 2px rgba(0, 0, 0, 0.3);

}



.ih-item.circle.effect18 .info p {

    color: #bbb;

    padding: 10px 5px;

    font-style: italic;

    margin: 0 30px;

    font-size: 12px;

    border-top: 1px solid rgba(255, 255, 255, 0.5);

}



.ih-item.circle.effect18.bottom_to_top .img {

    -webkit-transform-origin: 50% 0;

    -moz-transform-origin: 50% 0;

    -ms-transform-origin: 50% 0;

    -o-transform-origin: 50% 0;

    transform-origin: 50% 0;

}



.ih-item.circle.effect18.bottom_to_top a:hover .img {

    -webkit-transform: rotate3d(1, 0, 0, 180deg);

    -moz-transform: rotate3d(1, 0, 0, 180deg);

    -ms-transform: rotate3d(1, 0, 0, 180deg);

    -o-transform: rotate3d(1, 0, 0, 180deg);

    transform: rotate3d(1, 0, 0, 180deg);

}



.ih-item.circle.effect18.top_to_bottom .img {

    -webkit-transform-origin: 50% 100%;

    -moz-transform-origin: 50% 100%;

    -ms-transform-origin: 50% 100%;

    -o-transform-origin: 50% 100%;

    transform-origin: 50% 100%;

}



.ih-item.circle.effect18.top_to_bottom a:hover .img {

    -webkit-transform: rotate3d(1, 0, 0, -180deg);

    -moz-transform: rotate3d(1, 0, 0, -180deg);

    -ms-transform: rotate3d(1, 0, 0, -180deg);

    -o-transform: rotate3d(1, 0, 0, -180deg);

    transform: rotate3d(1, 0, 0, -180deg);

}



.ih-item.circle.effect18.left_to_right .img {

    -webkit-transform-origin: 100% 50%;

    -moz-transform-origin: 100% 50%;

    -ms-transform-origin: 100% 50%;

    -o-transform-origin: 100% 50%;

    transform-origin: 100% 50%;

}



.ih-item.circle.effect18.left_to_right a:hover .img {

    -webkit-transform: rotate3d(0, 1, 0, 180deg);

    -moz-transform: rotate3d(0, 1, 0, 180deg);

    -ms-transform: rotate3d(0, 1, 0, 180deg);

    -o-transform: rotate3d(0, 1, 0, 180deg);

    transform: rotate3d(0, 1, 0, 180deg);

}



.ih-item.circle.effect18.right_to_left .img {

    -webkit-transform-origin: 0% 50%;

    -moz-transform-origin: 0% 50%;

    -ms-transform-origin: 0% 50%;

    -o-transform-origin: 0% 50%;

    transform-origin: 0% 50%;

}



.ih-item.circle.effect18.right_to_left a:hover .img {

    -webkit-transform: rotate3d(0, 1, 0, -180deg);

    -moz-transform: rotate3d(0, 1, 0, -180deg);

    -ms-transform: rotate3d(0, 1, 0, -180deg);

    -o-transform: rotate3d(0, 1, 0, -180deg);

    transform: rotate3d(0, 1, 0, -180deg);

}



.ih-item.circle.effect19.colored .info {

    background: #1a4a72;

    background: rgba(26, 74, 114, 0.6);

}



.ih-item.circle.effect19 .info {

    background: #333333;

    background: rgba(0, 0, 0, 0.6);

    opacity: 0;

    -webkit-transform: scale(0);

    -moz-transform: scale(0);

    -ms-transform: scale(0);

    -o-transform: scale(0);

    transform: scale(0);

    -webkit-transition: all 0.35s ease-in-out;

    -moz-transition: all 0.35s ease-in-out;

    transition: all 0.35s ease-in-out;

}



.ih-item.circle.effect19 .info h3 {

    color: #fff;

    text-transform: uppercase;

    letter-spacing: 2px;

    font-size: 22px;

    margin: 0 30px;

    padding: 45px 0 0 0;

    height: 140px;

    text-shadow: 0 0 1px white, 0 1px 2px rgba(0, 0, 0, 0.3);

}



.ih-item.circle.effect19 .info p {

    color: #bbb;

    padding: 10px 5px;

    font-style: italic;

    margin: 0 30px;

    font-size: 12px;

    border-top: 1px solid rgba(255, 255, 255, 0.5);

}



.ih-item.circle.effect19 a:hover .info {

    opacity: 1;

    -webkit-transform: scale(1);

    -moz-transform: scale(1);

    -ms-transform: scale(1);

    -o-transform: scale(1);

    transform: scale(1);

}



.ih-item.circle.effect20 {

    -webkit-perspective: 900px;

    -moz-perspective: 900px;

    perspective: 900px;

}



.ih-item.circle.effect20 .img {

    -webkit-transition: all 0.35s linear;

    -moz-transition: all 0.35s linear;

    transition: all 0.35s linear;

    -webkit-transform-origin: 50% 0%;

    -moz-transform-origin: 50% 0%;

    -ms-transform-origin: 50% 0%;

    -o-transform-origin: 50% 0%;

    transform-origin: 50% 0%;

}



.ih-item.circle.effect20.colored .info .info-back {

    background: #1a4a72;

}



.ih-item.circle.effect20 .info {

    -webkit-transform-style: preserve-3d;

    -moz-transform-style: preserve-3d;

    -ms-transform-style: preserve-3d;

    -o-transform-style: preserve-3d;

    transform-style: preserve-3d;

}



.ih-item.circle.effect20 .info .info-back {

    opacity: 1;

    visibility: hidden;

    border-radius: 50%;

    width: 100%;

    height: 100%;

    background: #333333;

    -webkit-transition: all 0.35s linear;

    -moz-transition: all 0.35s linear;

    transition: all 0.35s linear;

    -webkit-transform-origin: 50% 0%;

    -moz-transform-origin: 50% 0%;

    -ms-transform-origin: 50% 0%;

    -o-transform-origin: 50% 0%;

    transform-origin: 50% 0%;

    -webkit-backface-visibility: hidden;

    backface-visibility: hidden;

}



.ih-item.circle.effect20 .info h3 {

    color: #fff;

    text-transform: uppercase;

    position: relative;

    letter-spacing: 2px;

    font-size: 22px;

    margin: 0 30px;

    padding: 55px 0 0 0;

    height: 110px;

    text-shadow: 0 0 1px white, 0 1px 2px rgba(0, 0, 0, 0.3);

}



.ih-item.circle.effect20 .info p {

    color: #bbb;

    padding: 10px 5px;

    font-style: italic;

    margin: 0 30px;

    font-size: 12px;

    border-top: 1px solid rgba(255, 255, 255, 0.5);

}



.ih-item.circle.effect20 a:hover .img {

    opacity: 0;

}



.ih-item.circle.effect20 a:hover .info .info-back {

    opacity: 1;

    visibility: visible;

}



.ih-item.circle.effect20.top_to_bottom .info .info-back {

    -webkit-transform: translate3d(0, 0, -220px) rotate3d(1, 0, 0, 90deg);

    -moz-transform: translate3d(0, 0, -220px) rotate3d(1, 0, 0, 90deg);

    -ms-transform: translate3d(0, 0, -220px) rotate3d(1, 0, 0, 90deg);

    -o-transform: translate3d(0, 0, -220px) rotate3d(1, 0, 0, 90deg);

    transform: translate3d(0, 0, -220px) rotate3d(1, 0, 0, 90deg);

}



.ih-item.circle.effect20.top_to_bottom a:hover .img {

    -webkit-transform: translate3d(0, 280px, 0) rotate3d(1, 0, 0, -90deg);

    -moz-transform: translate3d(0, 280px, 0) rotate3d(1, 0, 0, -90deg);

    -ms-transform: translate3d(0, 280px, 0) rotate3d(1, 0, 0, -90deg);

    -o-transform: translate3d(0, 280px, 0) rotate3d(1, 0, 0, -90deg);

    transform: translate3d(0, 280px, 0) rotate3d(1, 0, 0, -90deg);

}



.ih-item.circle.effect20.top_to_bottom a:hover .info .info-back {

    -webkit-transform: rotate3d(1, 0, 0, 0deg);

    -moz-transform: rotate3d(1, 0, 0, 0deg);

    -ms-transform: rotate3d(1, 0, 0, 0deg);

    -o-transform: rotate3d(1, 0, 0, 0deg);

    transform: rotate3d(1, 0, 0, 0deg);

}



.ih-item.circle.effect20.bottom_to_top .info .info-back {

    -webkit-transform: translate3d(0, 280px, 0) rotate3d(1, 0, 0, -90deg);

    -moz-transform: translate3d(0, 280px, 0) rotate3d(1, 0, 0, -90deg);

    -ms-transform: translate3d(0, 280px, 0) rotate3d(1, 0, 0, -90deg);

    -o-transform: translate3d(0, 280px, 0) rotate3d(1, 0, 0, -90deg);

    transform: translate3d(0, 280px, 0) rotate3d(1, 0, 0, -90deg);

}



.ih-item.circle.effect20.bottom_to_top a:hover .img {

    -webkit-transform: translate3d(0, 0, -220px) rotate3d(1, 0, 0, 90deg);

    -moz-transform: translate3d(0, 0, -220px) rotate3d(1, 0, 0, 90deg);

    -ms-transform: translate3d(0, 0, -220px) rotate3d(1, 0, 0, 90deg);

    -o-transform: translate3d(0, 0, -220px) rotate3d(1, 0, 0, 90deg);

    transform: translate3d(0, 0, -220px) rotate3d(1, 0, 0, 90deg);

}



.ih-item.circle.effect20.bottom_to_top a:hover .info .info-back {

    -webkit-transform: rotate3d(1, 0, 0, 0deg);

    -moz-transform: rotate3d(1, 0, 0, 0deg);

    -ms-transform: rotate3d(1, 0, 0, 0deg);

    -o-transform: rotate3d(1, 0, 0, 0deg);

    transform: rotate3d(1, 0, 0, 0deg);

}



.ih-item.square.effect1 {

    overflow: hidden;

}



.ih-item.square.effect1.colored .info {

    background: #1a4a72;

}



.ih-item.square.effect1 .img {

    z-index: 11;

    position: absolute;

    -webkit-transition: all 0.35s ease-in-out;

    -moz-transition: all 0.35s ease-in-out;

    transition: all 0.35s ease-in-out;

    -webkit-transform: scale(1);

    -moz-transform: scale(1);

    -ms-transform: scale(1);

    -o-transform: scale(1);

    transform: scale(1);

}



.ih-item.square.effect1 .info {

    background: #333333;

    visibility: hidden;

    opacity: 0;

    -webkit-transform: scale(0);

    -moz-transform: scale(0);

    -ms-transform: scale(0);

    -o-transform: scale(0);

    transform: scale(0);

    -webkit-transition: all 0.35s ease-in-out;

    -moz-transition: all 0.35s ease-in-out;

    transition: all 0.35s ease-in-out;

}



.ih-item.square.effect1 a:hover .info {

    visibility: visible;

    opacity: 1;

    -webkit-transform: scale(1);

    -moz-transform: scale(1);

    -ms-transform: scale(1);

    -o-transform: scale(1);

    transform: scale(1);

}



.ih-item.square.effect1.left_and_right .info h3 {

    position: absolute;

    top: 12px;

    left: 12px;

    text-transform: uppercase;

    color: #fff;

    text-align: center;

    font-size: 17px;

    margin: 0;

}



.ih-item.square.effect1.left_and_right .info p {

    position: absolute;

    right: 12px;

    bottom: 12px;

    margin: 0;

    font-style: italic;

    font-size: 12px;

    color: #bbb;

}



.ih-item.square.effect1.left_and_right a:hover .img {

    -webkit-transform: scale(0.6);

    -moz-transform: scale(0.6);

    -ms-transform: scale(0.6);

    -o-transform: scale(0.6);

    transform: scale(0.6);

}



.ih-item.square.effect1.top_to_bottom .info h3 {

    text-transform: uppercase;

    color: #fff;

    text-align: center;

    font-size: 17px;

    padding: 10px 10px 0 4px;

    margin: 10px 0 0 0;

}



.ih-item.square.effect1.top_to_bottom .info p {

    font-style: italic;

    font-size: 12px;

    color: #bbb;

    padding: 5px;

    text-align: center;

}



.ih-item.square.effect1.top_to_bottom a:hover .img {

    -webkit-transform: translateY(30px) scale(0.6);

    -moz-transform: translateY(30px) scale(0.6);

    -ms-transform: translateY(30px) scale(0.6);

    -o-transform: translateY(30px) scale(0.6);

    transform: translateY(30px) scale(0.6);

}



.ih-item.square.effect1.bottom_to_top .info h3 {

    text-transform: uppercase;

    color: #fff;

    text-align: center;

    font-size: 17px;

    padding: 10px 10px 0 4px;

    margin: 134px 0 0 0;

}



.ih-item.square.effect1.bottom_to_top .info p {

    font-style: italic;

    font-size: 12px;

    color: #bbb;

    padding: 5px;

    text-align: center;

}



.ih-item.square.effect1.bottom_to_top a:hover .img {

    -webkit-transform: translateY(-30px) scale(0.6);

    -moz-transform: translateY(-30px) scale(0.6);

    -ms-transform: translateY(-30px) scale(0.6);

    -o-transform: translateY(-30px) scale(0.6);

    transform: translateY(-30px) scale(0.6);

}



.ih-item.square.effect2 {

    overflow: hidden;

}



.ih-item.square.effect2.colored .info {

    background: #1a4a72;

}



.ih-item.square.effect2.colored .info h3 {

    background: rgba(12, 34, 52, 0.6);

}



.ih-item.square.effect2 .img {

    opacity: 1;

    -webkit-transition: all 0.5s ease-in-out;

    -moz-transition: all 0.5s ease-in-out;

    transition: all 0.5s ease-in-out;

    -webkit-transform: rotate(0deg) scale(1);

    -moz-transform: rotate(0deg) scale(1);

    -ms-transform: rotate(0deg) scale(1);

    -o-transform: rotate(0deg) scale(1);

    transform: rotate(0deg) scale(1);

}



.ih-item.square.effect2 .info {

    background: #333333;

    visibility: hidden;

    -webkit-transition: all 0.35s 0.3s ease-in-out;

    -moz-transition: all 0.35s 0.3s ease-in-out;

    transition: all 0.35s 0.3s ease-in-out;

}



.ih-item.square.effect2 .info h3 {

    text-transform: uppercase;

    color: #fff;

    text-align: center;

    font-size: 17px;

    padding: 10px;

    background: #111111;

    margin: 30px 0 0 0;

    -webkit-transform: translateY(-200px);

    -moz-transform: translateY(-200px);

    -ms-transform: translateY(-200px);

    -o-transform: translateY(-200px);

    transform: translateY(-200px);

    -webkit-transition: all 0.35s 0.6s ease-in-out;

    -moz-transition: all 0.35s 0.6s ease-in-out;

    transition: all 0.35s 0.6s ease-in-out;

}



.ih-item.square.effect2 .info p {

    font-style: italic;

    font-size: 12px;

    position: relative;

    color: #bbb;

    padding: 20px 20px 20px;

    text-align: center;

    -webkit-transform: translateY(-200px);

    -moz-transform: translateY(-200px);

    -ms-transform: translateY(-200px);

    -o-transform: translateY(-200px);

    transform: translateY(-200px);

    -webkit-transition: all 0.35s 0.5s linear;

    -moz-transition: all 0.35s 0.5s linear;

    transition: all 0.35s 0.5s linear;

}



.ih-item.square.effect2 a:hover .img {

    -webkit-transform: rotate(720deg) scale(0);

    -moz-transform: rotate(720deg) scale(0);

    -ms-transform: rotate(720deg) scale(0);

    -o-transform: rotate(720deg) scale(0);

    transform: rotate(720deg) scale(0);

    opacity: 0;

}



.ih-item.square.effect2 a:hover .info {

    visibility: visible;

}



.ih-item.square.effect2 a:hover .info h3,

.ih-item.square.effect2 a:hover .info p {

    -webkit-transform: translateY(0);

    -moz-transform: translateY(0);

    -ms-transform: translateY(0);

    -o-transform: translateY(0);

    transform: translateY(0);

}



.ih-item.square.effect3 {

    overflow: hidden;

}



.ih-item.square.effect3.colored .info {

    background: #1a4a72;

}



.ih-item.square.effect3 .img {

    -webkit-transform: translateY(0);

    -moz-transform: translateY(0);

    -ms-transform: translateY(0);

    -o-transform: translateY(0);

    transform: translateY(0);

    -webkit-transition: all 0.35s ease-in-out;

    -moz-transition: all 0.35s ease-in-out;

    transition: all 0.35s ease-in-out;

}



.ih-item.square.effect3 .info {

    height: 65px;

    background: #333333;

    opacity: 0;

    -webkit-transition: all 0.35s ease-in-out;

    -moz-transition: all 0.35s ease-in-out;

    transition: all 0.35s ease-in-out;

}



.ih-item.square.effect3 .info h3 {

    text-transform: uppercase;

    color: #fff;

    text-align: center;

    font-size: 17px;

    padding: 10px 10px 0 4px;

    margin: 4px 0 0 0;

}



.ih-item.square.effect3 .info p {

    font-style: italic;

    font-size: 12px;

    position: relative;

    color: #bbb;

    padding: 5px;

    text-align: center;

}



.ih-item.square.effect3 a:hover .info {

    visibility: visible;

    opacity: 1;

}



.ih-item.square.effect3.bottom_to_top .info {

    top: auto;

    -webkit-transform: translateY(100%);

    -moz-transform: translateY(100%);

    -ms-transform: translateY(100%);

    -o-transform: translateY(100%);

    transform: translateY(100%);

}



.ih-item.square.effect3.bottom_to_top a:hover .img {

    -webkit-transform: translateY(-50px);

    -moz-transform: translateY(-50px);

    -ms-transform: translateY(-50px);

    -o-transform: translateY(-50px);

    transform: translateY(-50px);

}



.ih-item.square.effect3.bottom_to_top a:hover .info {

    -webkit-transform: translateY(0);

    -moz-transform: translateY(0);

    -ms-transform: translateY(0);

    -o-transform: translateY(0);

    transform: translateY(0);

}



.ih-item.square.effect3.top_to_bottom .info {

    bottom: auto;

    -webkit-transform: translateY(-100%);

    -moz-transform: translateY(-100%);

    -ms-transform: translateY(-100%);

    -o-transform: translateY(-100%);

    transform: translateY(-100%);

}



.ih-item.square.effect3.top_to_bottom a:hover .img {

    -webkit-transform: translateY(50px);

    -moz-transform: translateY(50px);

    -ms-transform: translateY(50px);

    -o-transform: translateY(50px);

    transform: translateY(50px);

}



.ih-item.square.effect3.top_to_bottom a:hover .info {

    -webkit-transform: translateY(0);

    -moz-transform: translateY(0);

    -ms-transform: translateY(0);

    -o-transform: translateY(0);

    transform: translateY(0);

}



.ih-item.square.effect4 {

    overflow: hidden;

    position: relative;

}



.ih-item.square.effect4.colored .info {

    background: rgba(12, 34, 52, 0.6);

}



.ih-item.square.effect4.colored .mask1,

.ih-item.square.effect4.colored .mask2 {

    background: #1a4a72;

    background: rgba(26, 74, 114, 0.6);

}



.ih-item.square.effect4 .img {

    -webkit-transition: all 0.35s ease-in-out;

    -moz-transition: all 0.35s ease-in-out;

    transition: all 0.35s ease-in-out;

}



.ih-item.square.effect4 .mask1,

.ih-item.square.effect4 .mask2 {

    position: absolute;

    background: #333333;

    background: rgba(0, 0, 0, 0.6);

    height: 361px;

    width: 361px;

    -webkit-transition: all 0.35s ease-in-out;

    -moz-transition: all 0.35s ease-in-out;

    transition: all 0.35s ease-in-out;

}



.ih-item.square.effect4 .mask1 {

    left: auto;

    right: 0;

    top: 0;

    -webkit-transform: rotate(56.5deg) translateX(-180px);

    -moz-transform: rotate(56.5deg) translateX(-180px);

    -ms-transform: rotate(56.5deg) translateX(-180px);

    -o-transform: rotate(56.5deg) translateX(-180px);

    transform: rotate(56.5deg) translateX(-180px);

    -webkit-transform-origin: 100% 0%;

    -moz-transform-origin: 100% 0%;

    -ms-transform-origin: 100% 0%;

    -o-transform-origin: 100% 0%;

    transform-origin: 100% 0%;

}



.ih-item.square.effect4 .mask2 {

    top: auto;

    bottom: 0;

    left: 0;

    -webkit-transform: rotate(56.5deg) translateX(180px);

    -moz-transform: rotate(56.5deg) translateX(180px);

    -ms-transform: rotate(56.5deg) translateX(180px);

    -o-transform: rotate(56.5deg) translateX(180px);

    transform: rotate(56.5deg) translateX(180px);

    -webkit-transform-origin: 0% 100%;

    -moz-transform-origin: 0% 100%;

    -ms-transform-origin: 0% 100%;

    -o-transform-origin: 0% 100%;

    transform-origin: 0% 100%;

}



.ih-item.square.effect4 .info {

    background: #111111;

    height: 0;

    visibility: hidden;

    width: 361px;

    -webkit-transform: rotate(-33.5deg) translate(-112px, 166px);

    -moz-transform: rotate(-33.5deg) translate(-112px, 166px);

    -ms-transform: rotate(-33.5deg) translate(-112px, 166px);

    -o-transform: rotate(-33.5deg) translate(-112px, 166px);

    transform: rotate(-33.5deg) translate(-112px, 166px);

    -webkit-transform-origin: 0% 100%;

    -moz-transform-origin: 0% 100%;

    -ms-transform-origin: 0% 100%;

    -o-transform-origin: 0% 100%;

    transform-origin: 0% 100%;

    -webkit-transition: all 0.35s ease-in-out 0.35s;

    -moz-transition: all 0.35s ease-in-out 0.35s;

    transition: all 0.35s ease-in-out 0.35s;

}



.ih-item.square.effect4 .info h3 {

    text-transform: uppercase;

    color: #fff;

    text-align: center;

    font-size: 17px;

    padding: 10px;

    background: transparent;

    margin-top: 5px;

    border-bottom: 1px solid rgba(255, 255, 255, 0.2);

    opacity: 0;

    -webkit-transition: all 0.35s ease-in-out 0.35s;

    -moz-transition: all 0.35s ease-in-out 0.35s;

    transition: all 0.35s ease-in-out 0.35s;

}



.ih-item.square.effect4 .info p {

    font-style: italic;

    font-size: 12px;

    position: relative;

    color: #bbb;

    padding: 20px 20px 20px;

    text-align: center;

    opacity: 0;

    -webkit-transition: all 0.35s ease-in-out 0.35s;

    -moz-transition: all 0.35s ease-in-out 0.35s;

    transition: all 0.35s ease-in-out 0.35s;

}



.ih-item.square.effect4 a:hover .mask1 {

    -webkit-transform: rotate(56.5deg) translateX(1px);

    -moz-transform: rotate(56.5deg) translateX(1px);

    -ms-transform: rotate(56.5deg) translateX(1px);

    -o-transform: rotate(56.5deg) translateX(1px);

    transform: rotate(56.5deg) translateX(1px);

}



.ih-item.square.effect4 a:hover .mask2 {

    -webkit-transform: rotate(56.5deg) translateX(-1px);

    -moz-transform: rotate(56.5deg) translateX(-1px);

    -ms-transform: rotate(56.5deg) translateX(-1px);

    -o-transform: rotate(56.5deg) translateX(-1px);

    transform: rotate(56.5deg) translateX(-1px);

}



.ih-item.square.effect4 a:hover .info {

    width: 300px;

    height: 120px;

    visibility: visible;

    top: 40px;

    -webkit-transform: rotate(0deg) translate(0, 0);

    -moz-transform: rotate(0deg) translate(0, 0);

    -ms-transform: rotate(0deg) translate(0, 0);

    -o-transform: rotate(0deg) translate(0, 0);

    transform: rotate(0deg) translate(0, 0);

}



.ih-item.square.effect4 a:hover .info h3,

.ih-item.square.effect4 a:hover .info p {

    opacity: 1;

}



.ih-item.square.effect5.colored .info {

    background: #1a4a72;

}



.ih-item.square.effect5.colored .info h3 {

    background: rgba(12, 34, 52, 0.6);

}



.ih-item.square.effect5 .img {

    -webkit-transition: all 0.35s ease-in-out;

    -moz-transition: all 0.35s ease-in-out;

    transition: all 0.35s ease-in-out;

    -webkit-transform: scale(1);

    -moz-transform: scale(1);

    -ms-transform: scale(1);

    -o-transform: scale(1);

    transform: scale(1);

}



.ih-item.square.effect5 .info {

    background: #333333;

    opacity: 0;

    -webkit-transition: all 0.35s ease-in-out;

    -moz-transition: all 0.35s ease-in-out;

    transition: all 0.35s ease-in-out;

}



.ih-item.square.effect5 .info h3 {

    text-transform: uppercase;

    color: #fff;

    text-align: center;

    font-size: 17px;

    padding: 10px;

    background: #111111;

    margin: 30px 0 0 0;

}



.ih-item.square.effect5 .info p {

    font-style: italic;

    font-size: 12px;

    position: relative;

    color: #bbb;

    padding: 20px 20px 20px;

    text-align: center;

}



.ih-item.square.effect5 a:hover .img {

    -webkit-transform: scale(0);

    -moz-transform: scale(0);

    -ms-transform: scale(0);

    -o-transform: scale(0);

    transform: scale(0);

    -webkit-transition-delay: 0;

    -moz-transition-delay: 0;

    transition-delay: 0;

}



.ih-item.square.effect5 a:hover .info {

    visibility: visible;

    opacity: 1;

    -webkit-transform: scale(1) rotate(0deg);

    -moz-transform: scale(1) rotate(0deg);

    -ms-transform: scale(1) rotate(0deg);

    -o-transform: scale(1) rotate(0deg);

    transform: scale(1) rotate(0deg);

    -webkit-transition-delay: 0.3s;

    -moz-transition-delay: 0.3s;

    transition-delay: 0.3s;

}



.ih-item.square.effect5.left_to_right .info {

    -webkit-transform: scale(0) rotate(-180deg);

    -moz-transform: scale(0) rotate(-180deg);

    -ms-transform: scale(0) rotate(-180deg);

    -o-transform: scale(0) rotate(-180deg);

    transform: scale(0) rotate(-180deg);

}



.ih-item.square.effect5.right_to_left .info {

    -webkit-transform: scale(0) rotate(180deg);

    -moz-transform: scale(0) rotate(180deg);

    -ms-transform: scale(0) rotate(180deg);

    -o-transform: scale(0) rotate(180deg);

    transform: scale(0) rotate(180deg);

}



.ih-item.square.effect6 {

    overflow: hidden;

}



.ih-item.square.effect6.colored .info {

    background: #1a4a72;

    background: rgba(26, 74, 114, 0.6);

}



.ih-item.square.effect6.colored .info h3 {

    background: rgba(12, 34, 52, 0.6);

}



.ih-item.square.effect6 .img {

    -webkit-transition: all 0.35s ease-in-out;

    -moz-transition: all 0.35s ease-in-out;

    transition: all 0.35s ease-in-out;

    -webkit-transform: scale(1);

    -moz-transform: scale(1);

    -ms-transform: scale(1);

    -o-transform: scale(1);

    transform: scale(1);

}



.ih-item.square.effect6 .info {

    background: #333333;

    background: rgba(0, 0, 0, 0.6);

    visibility: hidden;

    opacity: 0;

    -webkit-transition: all 0.35s ease-in-out;

    -moz-transition: all 0.35s ease-in-out;

    transition: all 0.35s ease-in-out;

}



.ih-item.square.effect6 .info h3 {

    text-transform: uppercase;

    color: #fff;

    text-align: center;

    font-size: 17px;

    padding: 10px;

    background: #1773c2;

    margin: 30px 0 0 0;

    -webkit-transition: all 0.35s ease-in-out;

    -moz-transition: all 0.35s ease-in-out;

    transition: all 0.35s ease-in-out;

}



.ih-item.square.effect6 .info p {

    font-style: italic;

    font-size: 12px;

    position: relative;

    color: #bbb;

    padding: 20px 20px 20px;

    text-align: center;

    -webkit-transition: all 0.35s 0.1s linear;

    -moz-transition: all 0.35s 0.1s linear;

    transition: all 0.35s 0.1s linear;

}



.ih-item.square.effect6 a:hover .img {

    -webkit-transform: scale(1.2);

    -moz-transform: scale(1.2);

    -ms-transform: scale(1.2);

    -o-transform: scale(1.2);

    transform: scale(1.2);

}



.ih-item.square.effect6 a:hover .info {

    visibility: visible;

    opacity: 1;

}



.ih-item.square.effect6.from_top_and_bottom .info h3 {

    -webkit-transform: translateY(-100%);

    -moz-transform: translateY(-100%);

    -ms-transform: translateY(-100%);

    -o-transform: translateY(-100%);

    transform: translateY(-100%);

}



.ih-item.square.effect6.from_top_and_bottom .info p {

    -webkit-transform: translateY(100%);

    -moz-transform: translateY(100%);

    -ms-transform: translateY(100%);

    -o-transform: translateY(100%);

    transform: translateY(100%);

}



.ih-item.square.effect6.from_top_and_bottom a:hover .info h3,

.ih-item.square.effect6.from_top_and_bottom a:hover .info p {

    -webkit-transform: translateY(0);

    -moz-transform: translateY(0);

    -ms-transform: translateY(0);

    -o-transform: translateY(0);

    transform: translateY(0);

}



.ih-item.square.effect6.from_left_and_right .info h3 {

    -webkit-transform: translateX(-100%);

    -moz-transform: translateX(-100%);

    -ms-transform: translateX(-100%);

    -o-transform: translateX(-100%);

    transform: translateX(-100%);

}



.ih-item.square.effect6.from_left_and_right .info p {

    -webkit-transform: translateX(100%);

    -moz-transform: translateX(100%);

    -ms-transform: translateX(100%);

    -o-transform: translateX(100%);

    transform: translateX(100%);

}



.ih-item.square.effect6.from_left_and_right a:hover .info h3,

.ih-item.square.effect6.from_left_and_right a:hover .info p {

    -webkit-transform: translateX(0);

    -moz-transform: translateX(0);

    -ms-transform: translateX(0);

    -o-transform: translateX(0);

    transform: translateX(0);

}



.ih-item.square.effect6.top_to_bottom .info h3 {

    -webkit-transform: translateY(-100%);

    -moz-transform: translateY(-100%);

    -ms-transform: translateY(-100%);

    -o-transform: translateY(-100%);

    transform: translateY(-100%);

}



.ih-item.square.effect6.top_to_bottom .info p {

    -webkit-transform: translateY(-100%);

    -moz-transform: translateY(-100%);

    -ms-transform: translateY(-100%);

    -o-transform: translateY(-100%);

    transform: translateY(-100%);

}



.ih-item.square.effect6.top_to_bottom a:hover .info h3,

.ih-item.square.effect6.top_to_bottom a:hover .info p {

    -webkit-transform: translateY(0);

    -moz-transform: translateY(0);

    -ms-transform: translateY(0);

    -o-transform: translateY(0);

    transform: translateY(0);

}



.ih-item.square.effect6.bottom_to_top .info h3 {

    -webkit-transform: translateY(100%);

    -moz-transform: translateY(100%);

    -ms-transform: translateY(100%);

    -o-transform: translateY(100%);

    transform: translateY(100%);

}



.ih-item.square.effect6.bottom_to_top .info p {

    -webkit-transform: translateY(100%);

    -moz-transform: translateY(100%);

    -ms-transform: translateY(100%);

    -o-transform: translateY(100%);

    transform: translateY(100%);

}



.ih-item.square.effect6.bottom_to_top a:hover .info h3,

.ih-item.square.effect6.bottom_to_top a:hover .info p {

    -webkit-transform: translateY(0);

    -moz-transform: translateY(0);

    -ms-transform: translateY(0);

    -o-transform: translateY(0);

    transform: translateY(0);

}



.ih-item.square.effect7 {

    overflow: hidden;

}



.ih-item.square.effect7.colored .info {

    background: #1a4a72;

    background: rgba(26, 74, 114, 0.6);

}



.ih-item.square.effect7.colored .info h3 {

    background: rgba(12, 34, 52, 0.6);

}



.ih-item.square.effect7 .img {

    -webkit-transition: all 0.35s ease-in-out;

    -moz-transition: all 0.35s ease-in-out;

    transition: all 0.35s ease-in-out;

    -webkit-transform: scale(1);

    -moz-transform: scale(1);

    -ms-transform: scale(1);

    -o-transform: scale(1);

    transform: scale(1);

}



.ih-item.square.effect7 .info {

    background: #333333;

    background: rgba(0, 0, 0, 0.6);

    visibility: hidden;

    opacity: 0;

    -webkit-transition: all 0.35s ease-in-out;

    -moz-transition: all 0.35s ease-in-out;

    transition: all 0.35s ease-in-out;

}



.ih-item.square.effect7 .info h3 {

    text-transform: uppercase;

    color: #fff;

    text-align: center;

    font-size: 17px;

    padding: 10px;

    background: #111111;

    margin: 30px 0 0 0;

    -webkit-transform: scale(4);

    -moz-transform: scale(4);

    -ms-transform: scale(4);

    -o-transform: scale(4);

    transform: scale(4);

    -webkit-transition: all 0.35s 0.1s ease-in-out;

    -moz-transition: all 0.35s 0.1s ease-in-out;

    transition: all 0.35s 0.1s ease-in-out;

}



.ih-item.square.effect7 .info p {

    font-style: italic;

    font-size: 12px;

    position: relative;

    color: #bbb;

    padding: 20px 20px 20px;

    text-align: center;

    -webkit-transform: scale(5);

    -moz-transform: scale(5);

    -ms-transform: scale(5);

    -o-transform: scale(5);

    transform: scale(5);

    -webkit-transition: all 0.35s 0.3s linear;

    -moz-transition: all 0.35s 0.3s linear;

    transition: all 0.35s 0.3s linear;

}



.ih-item.square.effect7 a:hover .img {

    -webkit-transform: scale(1.2);

    -moz-transform: scale(1.2);

    -ms-transform: scale(1.2);

    -o-transform: scale(1.2);

    transform: scale(1.2);

}



.ih-item.square.effect7 a:hover .info {

    visibility: visible;

    opacity: 1;

}



.ih-item.square.effect7 a:hover .info h3,

.ih-item.square.effect7 a:hover .info p {

    -webkit-transform: scale(1);

    -moz-transform: scale(1);

    -ms-transform: scale(1);

    -o-transform: scale(1);

    transform: scale(1);

}



.ih-item.square.effect8 {

    overflow: hidden;

}



.ih-item.square.effect8.colored .info {

    background: #1a4a72;

}



.ih-item.square.effect8.colored .info h3 {

    background: rgba(12, 34, 52, 0.6);

}



.ih-item.square.effect8 .img {

    opacity: 1;

    -webkit-transition: all 0.35s ease-in-out;

    -moz-transition: all 0.35s ease-in-out;

    transition: all 0.35s ease-in-out;

}



.ih-item.square.effect8 .info {

    background: #333333;

    visibility: hidden;

    opacity: 0;

    -webkit-transition: all 0.35s ease-in-out;

    -moz-transition: all 0.35s ease-in-out;

    transition: all 0.35s ease-in-out;

}



.ih-item.square.effect8 .info h3 {

    text-transform: uppercase;

    color: #fff;

    text-align: center;

    font-size: 17px;

    padding: 10px;

    background: #111111;

    margin: 30px 0 0 0;

    -webkit-transition: all 0.35s 0.1s ease-in-out;

    -moz-transition: all 0.35s 0.1s ease-in-out;

    transition: all 0.35s 0.1s ease-in-out;

}



.ih-item.square.effect8 .info p {

    font-style: italic;

    font-size: 12px;

    position: relative;

    color: #bbb;

    padding: 20px 20px 20px;

    text-align: center;

    -webkit-transition: all 0.35s 0.15s linear;

    -moz-transition: all 0.35s 0.15s linear;

    transition: all 0.35s 0.15s linear;

}



.ih-item.square.effect8 a:hover .img {

    opacity: 0;

}



.ih-item.square.effect8 a:hover .info {

    visibility: visible;

    opacity: 1;

}



.ih-item.square.effect8.scale_up .img {

    -webkit-transform: scale(1);

    -moz-transform: scale(1);

    -ms-transform: scale(1);

    -o-transform: scale(1);

    transform: scale(1);

}



.ih-item.square.effect8.scale_up .info {

    -webkit-transform: scale(0);

    -moz-transform: scale(0);

    -ms-transform: scale(0);

    -o-transform: scale(0);

    transform: scale(0);

}



.ih-item.square.effect8.scale_up .info h3,

.ih-item.square.effect8.scale_up .info p {

    -webkit-transform: scale(0);

    -moz-transform: scale(0);

    -ms-transform: scale(0);

    -o-transform: scale(0);

    transform: scale(0);

}



.ih-item.square.effect8.scale_up a:hover .img {

    -webkit-transform: scale(5);

    -moz-transform: scale(5);

    -ms-transform: scale(5);

    -o-transform: scale(5);

    transform: scale(5);

}



.ih-item.square.effect8.scale_up a:hover .info {

    -webkit-transform: scale(1);

    -moz-transform: scale(1);

    -ms-transform: scale(1);

    -o-transform: scale(1);

    transform: scale(1);

}



.ih-item.square.effect8.scale_up a:hover .info h3,

.ih-item.square.effect8.scale_up a:hover .info p {

    -webkit-transform: scale(1);

    -moz-transform: scale(1);

    -ms-transform: scale(1);

    -o-transform: scale(1);

    transform: scale(1);

}



.ih-item.square.effect8.scale_down .img {

    -webkit-transform: scale(1);

    -moz-transform: scale(1);

    -ms-transform: scale(1);

    -o-transform: scale(1);

    transform: scale(1);

}



.ih-item.square.effect8.scale_down .info {

    -webkit-transform: scale(5);

    -moz-transform: scale(5);

    -ms-transform: scale(5);

    -o-transform: scale(5);

    transform: scale(5);

}



.ih-item.square.effect8.scale_down .info h3,

.ih-item.square.effect8.scale_down .info p {

    -webkit-transform: scale(5);

    -moz-transform: scale(5);

    -ms-transform: scale(5);

    -o-transform: scale(5);

    transform: scale(5);

}



.ih-item.square.effect8.scale_down a:hover .img {

    -webkit-transform: scale(0.5);

    -moz-transform: scale(0.5);

    -ms-transform: scale(0.5);

    -o-transform: scale(0.5);

    transform: scale(0.5);

}



.ih-item.square.effect8.scale_down a:hover .info {

    -webkit-transform: scale(1);

    -moz-transform: scale(1);

    -ms-transform: scale(1);

    -o-transform: scale(1);

    transform: scale(1);

}



.ih-item.square.effect8.scale_down a:hover .info h3,

.ih-item.square.effect8.scale_down a:hover .info p {

    -webkit-transform: scale(1);

    -moz-transform: scale(1);

    -ms-transform: scale(1);

    -o-transform: scale(1);

    transform: scale(1);

}



.ih-item.square.effect9 {

    -webkit-perspective: 900px;

    -moz-perspective: 900px;

    perspective: 900px;

}



.ih-item.square.effect9.colored .info .info-back {

    background: #1a4a72;

}



.ih-item.square.effect9.colored .info h3 {

    background: rgba(12, 34, 52, 0.6);

}



.ih-item.square.effect9 .img {

    position: relative;

    z-index: 11;

    -webkit-transition: all 0.5s ease-in-out;

    -moz-transition: all 0.5s ease-in-out;

    transition: all 0.5s ease-in-out;

}



.ih-item.square.effect9 .info {

    z-index: 0;

    -webkit-transform-style: preserve-3d;

    -moz-transform-style: preserve-3d;

    -ms-transform-style: preserve-3d;

    -o-transform-style: preserve-3d;

    transform-style: preserve-3d;

}



.ih-item.square.effect9 .info .info-back {

    opacity: 1;

    width: 100%;

    height: 100%;

    padding-top: 30px;

    background: #333333;

}



.ih-item.square.effect9 .info h3 {

    text-transform: uppercase;

    color: #fff;

    text-align: center;

    font-size: 17px;

    padding: 10px;

    background: #111111;

    margin: 0;

}



.ih-item.square.effect9 .info p {

    font-style: italic;

    font-size: 12px;

    position: relative;

    color: #bbb;

    padding: 20px 20px 20px;

    text-align: center;

}



.ih-item.square.effect9.left_to_right .img {

    -webkit-transform-origin: 100% 50%;

    -moz-transform-origin: 100% 50%;

    -ms-transform-origin: 100% 50%;

    -o-transform-origin: 100% 50%;

    transform-origin: 100% 50%;

}



.ih-item.square.effect9.left_to_right a:hover .img {

    -webkit-transform: rotate3d(0, 1, 0, 180deg);

    -moz-transform: rotate3d(0, 1, 0, 180deg);

    -ms-transform: rotate3d(0, 1, 0, 180deg);

    -o-transform: rotate3d(0, 1, 0, 180deg);

    transform: rotate3d(0, 1, 0, 180deg);

}



.ih-item.square.effect9.right_to_left .img {

    -webkit-transform-origin: 0% 50%;

    -moz-transform-origin: 0% 50%;

    -ms-transform-origin: 0% 50%;

    -o-transform-origin: 0% 50%;

    transform-origin: 0% 50%;

}



.ih-item.square.effect9.right_to_left a:hover .img {

    -webkit-transform: rotate3d(0, 1, 0, -180deg);

    -moz-transform: rotate3d(0, 1, 0, -180deg);

    -ms-transform: rotate3d(0, 1, 0, -180deg);

    -o-transform: rotate3d(0, 1, 0, -180deg);

    transform: rotate3d(0, 1, 0, -180deg);

}



.ih-item.square.effect9.top_to_bottom .img {

    -webkit-transform-origin: 50% 100%;

    -moz-transform-origin: 50% 100%;

    -ms-transform-origin: 50% 100%;

    -o-transform-origin: 50% 100%;

    transform-origin: 50% 100%;

}



.ih-item.square.effect9.top_to_bottom a:hover .img {

    -webkit-transform: rotate3d(1, 0, 0, -180deg);

    -moz-transform: rotate3d(1, 0, 0, -180deg);

    -ms-transform: rotate3d(1, 0, 0, -180deg);

    -o-transform: rotate3d(1, 0, 0, -180deg);

    transform: rotate3d(1, 0, 0, -180deg);

}



.ih-item.square.effect9.bottom_to_top .img {

    -webkit-transform-origin: 50% 0;

    -moz-transform-origin: 50% 0;

    -ms-transform-origin: 50% 0;

    -o-transform-origin: 50% 0;

    transform-origin: 50% 0;

}



.ih-item.square.effect9.bottom_to_top a:hover .img {

    -webkit-transform: rotate3d(1, 0, 0, 180deg);

    -moz-transform: rotate3d(1, 0, 0, 180deg);

    -ms-transform: rotate3d(1, 0, 0, 180deg);

    -o-transform: rotate3d(1, 0, 0, 180deg);

    transform: rotate3d(1, 0, 0, 180deg);

}



.ih-item.square.effect10 {

    overflow: hidden;

}



.ih-item.square.effect10.colored .info {

    background: #1a4a72;

}



.ih-item.square.effect10.colored .info h3 {

    background: rgba(12, 34, 52, 0.6);

}



.ih-item.square.effect10 .img {

    -webkit-transition: all 0.35s ease-in-out;

    -moz-transition: all 0.35s ease-in-out;

    transition: all 0.35s ease-in-out;

}



.ih-item.square.effect10 .info {

    background: #333333;

    visibility: hidden;

    opacity: 0;

    -webkit-transition: all 0.35s ease-in-out;

    -moz-transition: all 0.35s ease-in-out;

    transition: all 0.35s ease-in-out;

}



.ih-item.square.effect10 .info h3 {

    text-transform: uppercase;

    color: #fff;

    text-align: center;

    font-size: 17px;

    padding: 10px;

    background: #111111;

    margin: 30px 0 0 0;

}



.ih-item.square.effect10 .info p {

    font-style: italic;

    font-size: 12px;

    position: relative;

    color: #bbb;

    padding: 20px 20px 20px;

    text-align: center;

}



.ih-item.square.effect10 a:hover .info {

    visibility: visible;

    opacity: 1;

}



.ih-item.square.effect10.left_to_right .img {

    -webkit-transform: translateX(0);

    -moz-transform: translateX(0);

    -ms-transform: translateX(0);

    -o-transform: translateX(0);

    transform: translateX(0);

}



.ih-item.square.effect10.left_to_right .info {

    -webkit-transform: translateX(-100%);

    -moz-transform: translateX(-100%);

    -ms-transform: translateX(-100%);

    -o-transform: translateX(-100%);

    transform: translateX(-100%);

}



.ih-item.square.effect10.left_to_right a:hover .img {

    -webkit-transform: translateX(100%);

    -moz-transform: translateX(100%);

    -ms-transform: translateX(100%);

    -o-transform: translateX(100%);

    transform: translateX(100%);

}



.ih-item.square.effect10.left_to_right a:hover .info {

    -webkit-transform: translateX(0);

    -moz-transform: translateX(0);

    -ms-transform: translateX(0);

    -o-transform: translateX(0);

    transform: translateX(0);

}



.ih-item.square.effect10.right_to_left .img {

    -webkit-transform: translateX(0);

    -moz-transform: translateX(0);

    -ms-transform: translateX(0);

    -o-transform: translateX(0);

    transform: translateX(0);

}



.ih-item.square.effect10.right_to_left .info {

    -webkit-transform: translateX(100%);

    -moz-transform: translateX(100%);

    -ms-transform: translateX(100%);

    -o-transform: translateX(100%);

    transform: translateX(100%);

}



.ih-item.square.effect10.right_to_left a:hover .img {

    -webkit-transform: translateX(-100%);

    -moz-transform: translateX(-100%);

    -ms-transform: translateX(-100%);

    -o-transform: translateX(-100%);

    transform: translateX(-100%);

}



.ih-item.square.effect10.right_to_left a:hover .info {

    -webkit-transform: translateX(0);

    -moz-transform: translateX(0);

    -ms-transform: translateX(0);

    -o-transform: translateX(0);

    transform: translateX(0);

}



.ih-item.square.effect10.top_to_bottom .img {

    -webkit-transform: translateY(0);

    -moz-transform: translateY(0);

    -ms-transform: translateY(0);

    -o-transform: translateY(0);

    transform: translateY(0);

}



.ih-item.square.effect10.top_to_bottom .info {

    -webkit-transform: translateY(-100%);

    -moz-transform: translateY(-100%);

    -ms-transform: translateY(-100%);

    -o-transform: translateY(-100%);

    transform: translateY(-100%);

}



.ih-item.square.effect10.top_to_bottom a:hover .img {

    -webkit-transform: translateY(100%);

    -moz-transform: translateY(100%);

    -ms-transform: translateY(100%);

    -o-transform: translateY(100%);

    transform: translateY(100%);

}



.ih-item.square.effect10.top_to_bottom a:hover .info {

    -webkit-transform: translateY(0);

    -moz-transform: translateY(0);

    -ms-transform: translateY(0);

    -o-transform: translateY(0);

    transform: translateY(0);

}



.ih-item.square.effect10.bottom_to_top .img {

    -webkit-transform: translateY(0);

    -moz-transform: translateY(0);

    -ms-transform: translateY(0);

    -o-transform: translateY(0);

    transform: translateY(0);

}



.ih-item.square.effect10.bottom_to_top .info {

    -webkit-transform: translateY(100%);

    -moz-transform: translateY(100%);

    -ms-transform: translateY(100%);

    -o-transform: translateY(100%);

    transform: translateY(100%);

}



.ih-item.square.effect10.bottom_to_top a:hover .img {

    -webkit-transform: translateY(-100%);

    -moz-transform: translateY(-100%);

    -ms-transform: translateY(-100%);

    -o-transform: translateY(-100%);

    transform: translateY(-100%);

}



.ih-item.square.effect10.bottom_to_top a:hover .info {

    -webkit-transform: translateY(0);

    -moz-transform: translateY(0);

    -ms-transform: translateY(0);

    -o-transform: translateY(0);

    transform: translateY(0);

}



.ih-item.square.effect11 {

    overflow: hidden;

}



.ih-item.square.effect11.colored .info {

    background: #1a4a72;

}



.ih-item.square.effect11.colored .info h3 {

    background: rgba(12, 34, 52, 0.6);

}



.ih-item.square.effect11 .img {

    opacity: 1;

    -webkit-transform: scale(1);

    -moz-transform: scale(1);

    -ms-transform: scale(1);

    -o-transform: scale(1);

    transform: scale(1);

    -webkit-transition: all 0.35s ease-in-out;

    -moz-transition: all 0.35s ease-in-out;

    transition: all 0.35s ease-in-out;

}



.ih-item.square.effect11 .info {

    background: #333333;

    visibility: hidden;

    opacity: 0;

    -webkit-transition: all 0.35s ease 0.2s;

    -moz-transition: all 0.35s ease 0.2s;

    transition: all 0.35s ease 0.2s;

}



.ih-item.square.effect11 .info h3 {

    text-transform: uppercase;

    color: #fff;

    text-align: center;

    font-size: 17px;

    padding: 10px;

    background: #111111;

    margin: 30px 0 0 0;

}



.ih-item.square.effect11 .info p {

    font-style: italic;

    font-size: 12px;

    position: relative;

    color: #bbb;

    padding: 20px 20px 20px;

    text-align: center;

}



.ih-item.square.effect11 a:hover .img {

    opacity: 0;

    -webkit-transform: scale(0.5);

    -moz-transform: scale(0.5);

    -ms-transform: scale(0.5);

    -o-transform: scale(0.5);

    transform: scale(0.5);

}



.ih-item.square.effect11 a:hover .info {

    visibility: visible;

    opacity: 1;

}



.ih-item.square.effect11.left_to_right .info {

    -webkit-transform: translateX(-100%);

    -moz-transform: translateX(-100%);

    -ms-transform: translateX(-100%);

    -o-transform: translateX(-100%);

    transform: translateX(-100%);

}



.ih-item.square.effect11.left_to_right a:hover .info {

    -webkit-transform: translateX(0);

    -moz-transform: translateX(0);

    -ms-transform: translateX(0);

    -o-transform: translateX(0);

    transform: translateX(0);

}



.ih-item.square.effect11.right_to_left .info {

    -webkit-transform: translateX(100%);

    -moz-transform: translateX(100%);

    -ms-transform: translateX(100%);

    -o-transform: translateX(100%);

    transform: translateX(100%);

}



.ih-item.square.effect11.right_to_left a:hover .info {

    -webkit-transform: translateX(0);

    -moz-transform: translateX(0);

    -ms-transform: translateX(0);

    -o-transform: translateX(0);

    transform: translateX(0);

}



.ih-item.square.effect11.top_to_bottom .info {

    -webkit-transform: translateY(-100%);

    -moz-transform: translateY(-100%);

    -ms-transform: translateY(-100%);

    -o-transform: translateY(-100%);

    transform: translateY(-100%);

}



.ih-item.square.effect11.top_to_bottom a:hover .info {

    -webkit-transform: translateY(0);

    -moz-transform: translateY(0);

    -ms-transform: translateY(0);

    -o-transform: translateY(0);

    transform: translateY(0);

}



.ih-item.square.effect11.bottom_to_top .info {

    -webkit-transform: translateY(100%);

    -moz-transform: translateY(100%);

    -ms-transform: translateY(100%);

    -o-transform: translateY(100%);

    transform: translateY(100%);

}



.ih-item.square.effect11.bottom_to_top a:hover .info {

    -webkit-transform: translateY(0);

    -moz-transform: translateY(0);

    -ms-transform: translateY(0);

    -o-transform: translateY(0);

    transform: translateY(0);

}



.ih-item.square.effect12 {

    overflow: hidden;

}



.ih-item.square.effect12.colored .info {

    background: #1a4a72;

    background: rgba(26, 74, 114, 0.6);

}



.ih-item.square.effect12.colored .info h3 {

    background: rgba(12, 34, 52, 0.6);

}



.ih-item.square.effect12 .img {

    -webkit-transition: all 0.35s ease-in;

    -moz-transition: all 0.35s ease-in;

    transition: all 0.35s ease-in;

}



.ih-item.square.effect12 .info {

    background: #333333;

    background: rgba(0, 0, 0, 0.6);

    visibility: hidden;

    opacity: 0;

    -webkit-transition: all 0.35s ease-in;

    -moz-transition: all 0.35s ease-in;

    transition: all 0.35s ease-in;

}



.ih-item.square.effect12 .info h3 {

    text-transform: uppercase;

    color: #fff;

    text-align: center;

    font-size: 17px;

    padding: 10px;

    background: #111111;

    margin: 30px 0 0 0;

    -webkit-transition: all 0.35s ease-in;

    -moz-transition: all 0.35s ease-in;

    transition: all 0.35s ease-in;

}



.ih-item.square.effect12 .info p {

    font-style: italic;

    font-size: 12px;

    position: relative;

    color: #bbb;

    padding: 20px 20px 20px;

    text-align: center;

    -webkit-transition: all 0.35s ease-in;

    -moz-transition: all 0.35s ease-in;

    transition: all 0.35s ease-in;

}



.ih-item.square.effect12 a:hover .info {

    visibility: visible;

    opacity: 1;

    -webkit-transition-delay: 0.2s;

    -moz-transition-delay: 0.2s;

    transition-delay: 0.2s;

}



.ih-item.square.effect12 a:hover .info h3 {

    -webkit-transition-delay: 0.3s;

    -moz-transition-delay: 0.3s;

    transition-delay: 0.3s;

}



.ih-item.square.effect12 a:hover .info p {

    -webkit-transition-delay: 0.25s;

    -moz-transition-delay: 0.25s;

    transition-delay: 0.25s;

}



.ih-item.square.effect12.left_to_right .info {

    -webkit-transform: translate(-460px, -100px) rotate(-180deg);

    -moz-transform: translate(-460px, -100px) rotate(-180deg);

    -ms-transform: translate(-460px, -100px) rotate(-180deg);

    -o-transform: translate(-460px, -100px) rotate(-180deg);

    transform: translate(-460px, -100px) rotate(-180deg);

}



.ih-item.square.effect12.left_to_right .info h3 {

    -webkit-transform: translateY(-100px);

    -moz-transform: translateY(-100px);

    -ms-transform: translateY(-100px);

    -o-transform: translateY(-100px);

    transform: translateY(-100px);

}



.ih-item.square.effect12.left_to_right .info p {

    -webkit-transform: translateX(-300px) rotate(-90deg);

    -moz-transform: translateX(-300px) rotate(-90deg);

    -ms-transform: translateX(-300px) rotate(-90deg);

    -o-transform: translateX(-300px) rotate(-90deg);

    transform: translateX(-300px) rotate(-90deg);

}



.ih-item.square.effect12.left_to_right a:hover .info {

    -webkit-transform: translate(0px, 0px);

    -moz-transform: translate(0px, 0px);

    -ms-transform: translate(0px, 0px);

    -o-transform: translate(0px, 0px);

    transform: translate(0px, 0px);

}



.ih-item.square.effect12.left_to_right a:hover .info h3 {

    -webkit-transform: translateY(0px);

    -moz-transform: translateY(0px);

    -ms-transform: translateY(0px);

    -o-transform: translateY(0px);

    transform: translateY(0px);

}



.ih-item.square.effect12.left_to_right a:hover .info p {

    -webkit-transform: translateX(0px) rotate(0deg);

    -moz-transform: translateX(0px) rotate(0deg);

    -ms-transform: translateX(0px) rotate(0deg);

    -o-transform: translateX(0px) rotate(0deg);

    transform: translateX(0px) rotate(0deg);

}



.ih-item.square.effect12.right_to_left .info {

    -webkit-transform: translate(460px, -100px) rotate(180deg);

    -moz-transform: translate(460px, -100px) rotate(180deg);

    -ms-transform: translate(460px, -100px) rotate(180deg);

    -o-transform: translate(460px, -100px) rotate(180deg);

    transform: translate(460px, -100px) rotate(180deg);

}



.ih-item.square.effect12.right_to_left .info h3 {

    -webkit-transform: translateY(-100px);

    -moz-transform: translateY(-100px);

    -ms-transform: translateY(-100px);

    -o-transform: translateY(-100px);

    transform: translateY(-100px);

}



.ih-item.square.effect12.right_to_left .info p {

    -webkit-transform: translateX(300px) rotate(90deg);

    -moz-transform: translateX(300px) rotate(90deg);

    -ms-transform: translateX(300px) rotate(90deg);

    -o-transform: translateX(300px) rotate(90deg);

    transform: translateX(300px) rotate(90deg);

}



.ih-item.square.effect12.right_to_left a:hover .info {

    -webkit-transform: translate(0px, 0px);

    -moz-transform: translate(0px, 0px);

    -ms-transform: translate(0px, 0px);

    -o-transform: translate(0px, 0px);

    transform: translate(0px, 0px);

}



.ih-item.square.effect12.right_to_left a:hover .info h3 {

    -webkit-transform: translateY(0px);

    -moz-transform: translateY(0px);

    -ms-transform: translateY(0px);

    -o-transform: translateY(0px);

    transform: translateY(0px);

}



.ih-item.square.effect12.right_to_left a:hover .info p {

    -webkit-transform: translateX(0px) rotate(0deg);

    -moz-transform: translateX(0px) rotate(0deg);

    -ms-transform: translateX(0px) rotate(0deg);

    -o-transform: translateX(0px) rotate(0deg);

    transform: translateX(0px) rotate(0deg);

}



.ih-item.square.effect12.top_to_bottom .info {

    -webkit-transform: translate(-265px, -145px) rotate(-45deg);

    -moz-transform: translate(-265px, -145px) rotate(-45deg);

    -ms-transform: translate(-265px, -145px) rotate(-45deg);

    -o-transform: translate(-265px, -145px) rotate(-45deg);

    transform: translate(-265px, -145px) rotate(-45deg);

}



.ih-item.square.effect12.top_to_bottom .info h3 {

    -webkit-transform: translate(200px, -200px);

    -moz-transform: translate(200px, -200px);

    -ms-transform: translate(200px, -200px);

    -o-transform: translate(200px, -200px);

    transform: translate(200px, -200px);

}



.ih-item.square.effect12.top_to_bottom .info p {

    -webkit-transform: translate(200px, -200px);

    -moz-transform: translate(200px, -200px);

    -ms-transform: translate(200px, -200px);

    -o-transform: translate(200px, -200px);

    transform: translate(200px, -200px);

}



.ih-item.square.effect12.top_to_bottom a:hover .info {

    -webkit-transform: translate(0px, 0px);

    -moz-transform: translate(0px, 0px);

    -ms-transform: translate(0px, 0px);

    -o-transform: translate(0px, 0px);

    transform: translate(0px, 0px);

    -webkit-transition-delay: 0.2s;

    -moz-transition-delay: 0.2s;

    transition-delay: 0.2s;

}



.ih-item.square.effect12.top_to_bottom a:hover .info h3 {

    -webkit-transform: translate(0px, 0px);

    -moz-transform: translate(0px, 0px);

    -ms-transform: translate(0px, 0px);

    -o-transform: translate(0px, 0px);

    transform: translate(0px, 0px);

    -webkit-transition-delay: 0.3s;

    -moz-transition-delay: 0.3s;

    transition-delay: 0.3s;

}



.ih-item.square.effect12.top_to_bottom a:hover .info p {

    -webkit-transform: translate(0px, 0px);

    -moz-transform: translate(0px, 0px);

    -ms-transform: translate(0px, 0px);

    -o-transform: translate(0px, 0px);

    transform: translate(0px, 0px);

    -webkit-transition-delay: 0.4s;

    -moz-transition-delay: 0.4s;

    transition-delay: 0.4s;

}



.ih-item.square.effect12.bottom_to_top .info {

    -webkit-transform: translate(265px, 145px) rotate(45deg);

    -moz-transform: translate(265px, 145px) rotate(45deg);

    -ms-transform: translate(265px, 145px) rotate(45deg);

    -o-transform: translate(265px, 145px) rotate(45deg);

    transform: translate(265px, 145px) rotate(45deg);

}



.ih-item.square.effect12.bottom_to_top .info h3 {

    -webkit-transform: translate(200px, -200px);

    -moz-transform: translate(200px, -200px);

    -ms-transform: translate(200px, -200px);

    -o-transform: translate(200px, -200px);

    transform: translate(200px, -200px);

}



.ih-item.square.effect12.bottom_to_top .info p {

    -webkit-transform: translate(-200px, 200px);

    -moz-transform: translate(-200px, 200px);

    -ms-transform: translate(-200px, 200px);

    -o-transform: translate(-200px, 200px);

    transform: translate(-200px, 200px);

}



.ih-item.square.effect12.bottom_to_top a:hover .info {

    -webkit-transform: translate(0px, 0px);

    -moz-transform: translate(0px, 0px);

    -ms-transform: translate(0px, 0px);

    -o-transform: translate(0px, 0px);

    transform: translate(0px, 0px);

    -webkit-transition-delay: 0.2s;

    -moz-transition-delay: 0.2s;

    transition-delay: 0.2s;

}



.ih-item.square.effect12.bottom_to_top a:hover .info h3 {

    -webkit-transform: translate(0px, 0px);

    -moz-transform: translate(0px, 0px);

    -ms-transform: translate(0px, 0px);

    -o-transform: translate(0px, 0px);

    transform: translate(0px, 0px);

    -webkit-transition-delay: 0.3s;

    -moz-transition-delay: 0.3s;

    transition-delay: 0.3s;

}



.ih-item.square.effect12.bottom_to_top a:hover .info p {

    -webkit-transform: translate(0px, 0px);

    -moz-transform: translate(0px, 0px);

    -ms-transform: translate(0px, 0px);

    -o-transform: translate(0px, 0px);

    transform: translate(0px, 0px);

    -webkit-transition-delay: 0.4s;

    -moz-transition-delay: 0.4s;

    transition-delay: 0.4s;

}



.ih-item.square.effect13 {

    overflow: hidden;

}



.ih-item.square.effect13.colored .info {

    background: #1a4a72;

    background: rgba(26, 74, 114, 0.6);

}



.ih-item.square.effect13.colored .info h3 {

    background: rgba(12, 34, 52, 0.6);

}



.ih-item.square.effect13 .img {

    -webkit-transition: all 0.35s ease-in-out;

    -moz-transition: all 0.35s ease-in-out;

    transition: all 0.35s ease-in-out;

    -webkit-transform: scale(1);

    -moz-transform: scale(1);

    -ms-transform: scale(1);

    -o-transform: scale(1);

    transform: scale(1);

}



.ih-item.square.effect13 .info {

    background: #333333;

    background: rgba(0, 0, 0, 0.6);

    visibility: hidden;

    opacity: 0;

    pointer-events: none;

    -webkit-transition: all 0.35s ease-in-out;

    -moz-transition: all 0.35s ease-in-out;

    transition: all 0.35s ease-in-out;

}



.ih-item.square.effect13 .info h3 {

    text-transform: uppercase;

    color: #fff;

    text-align: center;

    font-size: 17px;

    padding: 10px;

    background: #111111;

    margin: 30px 0 0 0;

}



.ih-item.square.effect13 .info p {

    font-style: italic;

    font-size: 12px;

    position: relative;

    color: #bbb;

    padding: 20px 20px 20px;

    text-align: center;

}



.ih-item.square.effect13 a:hover .img {

    -webkit-transform: scale(1.2);

    -moz-transform: scale(1.2);

    -ms-transform: scale(1.2);

    -o-transform: scale(1.2);

    transform: scale(1.2);

}



.ih-item.square.effect13 a:hover .info {

    visibility: visible;

    opacity: 1;

}



.ih-item.square.effect13.left_to_right .info {

    -webkit-transform: translateX(-100%);

    -moz-transform: translateX(-100%);

    -ms-transform: translateX(-100%);

    -o-transform: translateX(-100%);

    transform: translateX(-100%);

}



.ih-item.square.effect13.left_to_right a:hover .info {

    -webkit-transform: translateX(0);

    -moz-transform: translateX(0);

    -ms-transform: translateX(0);

    -o-transform: translateX(0);

    transform: translateX(0);

}



.ih-item.square.effect13.right_to_left .info {

    -webkit-transform: translateX(100%);

    -moz-transform: translateX(100%);

    -ms-transform: translateX(100%);

    -o-transform: translateX(100%);

    transform: translateX(100%);

}



.ih-item.square.effect13.right_to_left a:hover .info {

    -webkit-transform: translateX(0);

    -moz-transform: translateX(0);

    -ms-transform: translateX(0);

    -o-transform: translateX(0);

    transform: translateX(0);

}



.ih-item.square.effect13.top_to_bottom .info {

    -webkit-transform: translateY(-100%);

    -moz-transform: translateY(-100%);

    -ms-transform: translateY(-100%);

    -o-transform: translateY(-100%);

    transform: translateY(-100%);

}



.ih-item.square.effect13.top_to_bottom a:hover .info {

    -webkit-transform: translateY(0);

    -moz-transform: translateY(0);

    -ms-transform: translateY(0);

    -o-transform: translateY(0);

    transform: translateY(0);

}



.ih-item.square.effect13.bottom_to_top .info {

    -webkit-transform: translateY(100%);

    -moz-transform: translateY(100%);

    -ms-transform: translateY(100%);

    -o-transform: translateY(100%);

    transform: translateY(100%);

}



.ih-item.square.effect13.bottom_to_top a:hover .info {

    -webkit-transform: translateY(0);

    -moz-transform: translateY(0);

    -ms-transform: translateY(0);

    -o-transform: translateY(0);

    transform: translateY(0);

}



.ih-item.square.effect14.colored .info {

    background: #1a4a72;

}



.ih-item.square.effect14.colored .info h3 {

    background: rgba(12, 34, 52, 0.6);

}



.ih-item.square.effect14 .img {

    opacity: 1;

    -webkit-transition: all 0.35s ease-in-out;

    -moz-transition: all 0.35s ease-in-out;

    transition: all 0.35s ease-in-out;

}



.ih-item.square.effect14 .info {

    background: #333333;

    visibility: hidden;

    opacity: 0;

    pointer-events: none;

    -webkit-transform: scale(0.5);

    -moz-transform: scale(0.5);

    -ms-transform: scale(0.5);

    -o-transform: scale(0.5);

    transform: scale(0.5);

    -webkit-transition: all 0.35s ease 0.2s;

    -moz-transition: all 0.35s ease 0.2s;

    transition: all 0.35s ease 0.2s;

}



.ih-item.square.effect14 .info h3 {

    text-transform: uppercase;

    color: #fff;

    text-align: center;

    font-size: 17px;

    padding: 10px;

    background: #111111;

    margin: 30px 0 0 0;

}



.ih-item.square.effect14 .info p {

    font-style: italic;

    font-size: 12px;

    position: relative;

    color: #bbb;

    padding: 20px 20px 20px;

    text-align: center;

}



.ih-item.square.effect14 a:hover .img {

    opacity: 0;

    pointer-events: none;

    -webkit-transform: scale(0.5);

    -moz-transform: scale(0.5);

    -ms-transform: scale(0.5);

    -o-transform: scale(0.5);

    transform: scale(0.5);

}



.ih-item.square.effect14 a:hover .info {

    visibility: visible;

    opacity: 1;

    -webkit-transform: scale(1);

    -moz-transform: scale(1);

    -ms-transform: scale(1);

    -o-transform: scale(1);

    transform: scale(1);

}



.ih-item.square.effect14.left_to_right .img {

    -webkit-transform: translateX(0) rotate(0);

    -moz-transform: translateX(0) rotate(0);

    -ms-transform: translateX(0) rotate(0);

    -o-transform: translateX(0) rotate(0);

    transform: translateX(0) rotate(0);

}



.ih-item.square.effect14.left_to_right a:hover .img {

    -webkit-transform: translateX(100%) rotate(180deg);

    -moz-transform: translateX(100%) rotate(180deg);

    -ms-transform: translateX(100%) rotate(180deg);

    -o-transform: translateX(100%) rotate(180deg);

    transform: translateX(100%) rotate(180deg);

}



.ih-item.square.effect14.right_to_left .img {

    -webkit-transform: translateX(0) rotate(0);

    -moz-transform: translateX(0) rotate(0);

    -ms-transform: translateX(0) rotate(0);

    -o-transform: translateX(0) rotate(0);

    transform: translateX(0) rotate(0);

}



.ih-item.square.effect14.right_to_left a:hover .img {

    -webkit-transform: translateX(-100%) rotate(-180deg);

    -moz-transform: translateX(-100%) rotate(-180deg);

    -ms-transform: translateX(-100%) rotate(-180deg);

    -o-transform: translateX(-100%) rotate(-180deg);

    transform: translateX(-100%) rotate(-180deg);

}



.ih-item.square.effect14.top_to_bottom .img {

    -webkit-transform: translateY(0);

    -moz-transform: translateY(0);

    -ms-transform: translateY(0);

    -o-transform: translateY(0);

    transform: translateY(0);

}



.ih-item.square.effect14.top_to_bottom a:hover .img {

    -webkit-transform: translateY(-100%);

    -moz-transform: translateY(-100%);

    -ms-transform: translateY(-100%);

    -o-transform: translateY(-100%);

    transform: translateY(-100%);

}



.ih-item.square.effect14.bottom_to_top .img {

    -webkit-transform: translateY(0);

    -moz-transform: translateY(0);

    -ms-transform: translateY(0);

    -o-transform: translateY(0);

    transform: translateY(0);

}



.ih-item.square.effect14.bottom_to_top a:hover .img {

    -webkit-transform: translateY(100%);

    -moz-transform: translateY(100%);

    -ms-transform: translateY(100%);

    -o-transform: translateY(100%);

    transform: translateY(100%);

}



.ih-item.square.effect15 {

    overflow: hidden;

    -webkit-perspective: 900px;

    -moz-perspective: 900px;

    perspective: 900px;

}



.ih-item.square.effect15.colored .info {

    background: #1a4a72;

}



.ih-item.square.effect15 .img {

    opacity: 1;

    -webkit-transition: all 0.4s ease-in-out;

    -moz-transition: all 0.4s ease-in-out;

    transition: all 0.4s ease-in-out;

}



.ih-item.square.effect15 .info {

    background: #333333;

    opacity: 0;

    -webkit-transition: all 0.35s ease-in-out 0.3s;

    -moz-transition: all 0.35s ease-in-out 0.3s;

    transition: all 0.35s ease-in-out 0.3s;

}



.ih-item.square.effect15 .info h3 {

    text-transform: uppercase;

    color: #fff;

    text-align: center;

    font-size: 17px;

    padding: 10px;

    background: #111111;

    margin: 30px 0 0 0;

}



.ih-item.square.effect15 .info p {

    font-style: italic;

    font-size: 12px;

    position: relative;

    color: #bbb;

    padding: 20px 20px 20px;

    text-align: center;

}



.ih-item.square.effect15 a:hover .img {

    opacity: 0;

    visibility: hidden;

}



.ih-item.square.effect15 a:hover .info {

    visibility: visible;

    opacity: 1;

}



.ih-item.square.effect15.left_to_right .img {

    -webkit-transform: rotateY(0);

    -moz-transform: rotateY(0);

    -ms-transform: rotateY(0);

    -o-transform: rotateY(0);

    transform: rotateY(0);

    -webkit-transform-origin: 100% 50%;

    -moz-transform-origin: 100% 50%;

    -ms-transform-origin: 100% 50%;

    -o-transform-origin: 100% 50%;

    transform-origin: 100% 50%;

}



.ih-item.square.effect15.left_to_right .info {

    -webkit-transform: rotateY(90deg);

    -moz-transform: rotateY(90deg);

    -ms-transform: rotateY(90deg);

    -o-transform: rotateY(90deg);

    transform: rotateY(90deg);

    -webkit-transform-origin: 0% 50%;

    -moz-transform-origin: 0% 50%;

    -ms-transform-origin: 0% 50%;

    -o-transform-origin: 0% 50%;

    transform-origin: 0% 50%;

}



.ih-item.square.effect15.left_to_right a:hover .img {

    -webkit-transform: rotateY(-90deg);

    -moz-transform: rotateY(-90deg);

    -ms-transform: rotateY(-90deg);

    -o-transform: rotateY(-90deg);

    transform: rotateY(-90deg);

}



.ih-item.square.effect15.left_to_right a:hover .info {

    -webkit-transform: rotateY(0);

    -moz-transform: rotateY(0);

    -ms-transform: rotateY(0);

    -o-transform: rotateY(0);

    transform: rotateY(0);

}



.ih-item.square.effect15.right_to_left .img {

    -webkit-transform: rotateY(0);

    -moz-transform: rotateY(0);

    -ms-transform: rotateY(0);

    -o-transform: rotateY(0);

    transform: rotateY(0);

    -webkit-transform-origin: 0% 50%;

    -moz-transform-origin: 0% 50%;

    -ms-transform-origin: 0% 50%;

    -o-transform-origin: 0% 50%;

    transform-origin: 0% 50%;

}



.ih-item.square.effect15.right_to_left .info {

    -webkit-transform: rotateY(-90deg);

    -moz-transform: rotateY(-90deg);

    -ms-transform: rotateY(-90deg);

    -o-transform: rotateY(-90deg);

    transform: rotateY(-90deg);

    -webkit-transform-origin: 100% 50%;

    -moz-transform-origin: 100% 50%;

    -ms-transform-origin: 100% 50%;

    -o-transform-origin: 100% 50%;

    transform-origin: 100% 50%;

}



.ih-item.square.effect15.right_to_left a:hover .img {

    -webkit-transform: rotateY(90deg);

    -moz-transform: rotateY(90deg);

    -ms-transform: rotateY(90deg);

    -o-transform: rotateY(90deg);

    transform: rotateY(90deg);

}



.ih-item.square.effect15.right_to_left a:hover .info {

    -webkit-transform: rotateY(0);

    -moz-transform: rotateY(0);

    -ms-transform: rotateY(0);

    -o-transform: rotateY(0);

    transform: rotateY(0);

}



.ih-item.square.effect15.top_to_bottom .img {

    -webkit-transform: rotateX(0);

    -moz-transform: rotateX(0);

    -ms-transform: rotateX(0);

    -o-transform: rotateX(0);

    transform: rotateX(0);

    -webkit-transform-origin: 50% 100%;

    -moz-transform-origin: 50% 100%;

    -ms-transform-origin: 50% 100%;

    -o-transform-origin: 50% 100%;

    transform-origin: 50% 100%;

}



.ih-item.square.effect15.top_to_bottom .info {

    -webkit-transform: rotateX(-90deg);

    -moz-transform: rotateX(-90deg);

    -ms-transform: rotateX(-90deg);

    -o-transform: rotateX(-90deg);

    transform: rotateX(-90deg);

    -webkit-transform-origin: 50% 0;

    -moz-transform-origin: 50% 0;

    -ms-transform-origin: 50% 0;

    -o-transform-origin: 50% 0;

    transform-origin: 50% 0;

}



.ih-item.square.effect15.top_to_bottom a:hover .img {

    -webkit-transform: rotateX(90deg);

    -moz-transform: rotateX(90deg);

    -ms-transform: rotateX(90deg);

    -o-transform: rotateX(90deg);

    transform: rotateX(90deg);

}



.ih-item.square.effect15.top_to_bottom a:hover .info {

    -webkit-transform: rotateX(0);

    -moz-transform: rotateX(0);

    -ms-transform: rotateX(0);

    -o-transform: rotateX(0);

    transform: rotateX(0);

}



.ih-item.square.effect15.bottom_to_top .img {

    -webkit-transform: rotateX(0);

    -moz-transform: rotateX(0);

    -ms-transform: rotateX(0);

    -o-transform: rotateX(0);

    transform: rotateX(0);

    -webkit-transform-origin: 50% 0;

    -moz-transform-origin: 50% 0;

    -ms-transform-origin: 50% 0;

    -o-transform-origin: 50% 0;

    transform-origin: 50% 0;

}



.ih-item.square.effect15.bottom_to_top .info {

    -webkit-transform: rotateX(90deg);

    -moz-transform: rotateX(90deg);

    -ms-transform: rotateX(90deg);

    -o-transform: rotateX(90deg);

    transform: rotateX(90deg);

    -webkit-transform-origin: 50% 100%;

    -moz-transform-origin: 50% 100%;

    -ms-transform-origin: 50% 100%;

    -o-transform-origin: 50% 100%;

    transform-origin: 50% 100%;

}



.ih-item.square.effect15.bottom_to_top a:hover .img {

    -webkit-transform: rotateX(-90deg);

    -moz-transform: rotateX(-90deg);

    -ms-transform: rotateX(-90deg);

    -o-transform: rotateX(-90deg);

    transform: rotateX(-90deg);

}



.ih-item.square.effect15.bottom_to_top a:hover .info {

    -webkit-transform: rotateX(0);

    -moz-transform: rotateX(0);

    -ms-transform: rotateX(0);

    -o-transform: rotateX(0);

    transform: rotateX(0);

}





body {

    font-family: "Lato", "Helvetica Neue", Helvetica, Arial, sans-serif;

}






.top-header {

    background-color: #2D2B41;

}



.top-header.bs-docs-nav {

    border-color: #222132;

}



.bs-docs-nav .navbar-nav > .active > a,

.bs-docs-nav .navbar-nav > .active > a:hover {

    background-color: #222132;

}



.bs-docs-nav .navbar-toggle {

    border-color: #222132;

}



.bs-docs-nav .navbar-toggle:hover {

    background-color: #383550;

    border-color: #222132;

}



.navbar-nav {

    margin: 0 -15px;

}



@media (min-width: 768px) {

    .navbar-nav {

        margin: 0;

    }

}



.bs-docs-nav .navbar-collapse {

    border-color: transparent;

}





.bs-docs-home, .bs-header {

    color: #c8c8e6;

}



.highlight pre {

    white-space: pre;

}



.section-heading {

    padding-top: 80px;

}



.section-heading.first-child {

    margin-top: 0;

    padding-top: 0;

}



.row {

    margin-top: 15px;

    margin-bottom: 15px;

}



.bs-footer {

    background-color: #2C2C44;

    color: #575781;

}



.bs-footer a {

    color: #575781;

}