@import url(https://fonts.googleapis.com/css?family=Open+Sans:300,300i,400,400i,600,600i,700,700i&display=swap);
@import url(https://fonts.googleapis.com/css?family=Open+Sans:300,300italic,400,400italic,600,600italic,700,700italic);
@import url('https://fonts.googleapis.com/css2?family=Hind:wght@500&family=Poppins&display=swap');

.navbar .navbar-nav > li > a {
    color: #777
}

.dropdown a.dropdown-item {
    color: #777
}

select option:last-of-type {
    display: inherit
}

ul.navbar-login li, ul.navbar-login li:hover {
    border: none
}

.navbar {
    width: 100% !important;
    padding-bottom: 40px;
    padding-top: 0 !important
}

.dropdown-menu {
    position: absolute !important;
    top: 98%;
    width: 200px
}

.navbar-nav li {
    border-right: 1px solid #eee;
    border-top: 3px solid transparent;
    padding: 0 5px
}

.navbar-nav li:hover {
    border-top: 3px solid #ddd
}

.navbar-nav .active {
    border-top: 3px solid #ddd
}

.navbar-nav .dropdown-menu .active, .navbar-nav .dropdown-menu li:hover {
    border-top: 3px solid transparent
}

.dropdown-toggle::after {
    display: none
}

.navbar .nav-item a {
    padding: 15px
}

.navbar .nav-item:hover a {
    text-decoration: none
}

.navbar {
    background-color: #f8f8f8;
    border-color: #e7e7e7;
    padding: 30px 0;
    font-size: 16px
}

.navbar .btn-custom {
    font-size: 15px
}

.navbar .login-form {
    top: 65%
}

#section-banner .banner-content p {
    font-size: 12px
}

.nav-categories li, .nav-categories li a {
    width: 100%;
    border-radius: 0 !important
}

.breadcrumb-custom li::after {
    display: none
}

.breadcrumb-custom li i {
    font-size: 10px;
    padding: 0 5px
}

.blockquote {
    padding: 10px 15px;
    border-left: 4px solid #ddd
}

.blockquote p {
    margin: 0
}

.alert-custom {
    padding: 0 20px
}

.alert-custom .warning {
    font-size: 40px;
    padding-right: 15px
}

.alert-custom .media-body {
    padding: 11px 0 0
}

.text-danger {
    color: #a94442 !important
}

.site-search .search-form .btn-custom {
    width: 100%
}

.site-search .search-form .input-lg {
    width: 55% !important;
    border-radius: 5px
}

.accordion .accordion-toggle {
    color: #4d3333 !important;
    font-size: 1.1rem
}

.site-footer {
    padding-bottom: 0
}

.bord {
    border-top: 1px solid #ddd;
    padding: 20px 0 0
}

.share-links {
    margin-top: .5rem
}

.rate-post {
    margin-top: .5rem
}

.breadcrumb-custom {
    margin: 0;
    padding: 1rem 0
}

.tagcloud a {
    font-size: 12px !important
}

.pagination .page-item a:focus, .pagination .page-item:focus {
    outline: 0;
    box-shadow: none
}

ul {
}

.h5 {
    font-size: .9rem
}

.h4 {
    font-size: 1.2rem
}

.h3 {
    font-size: 1.5rem
}

span {
    font-size: 13px
}

::selection {
    background: #337ab7;
    color: #fff
}

::-moz-selection {
    background: #337ab7;
    color: #fff
}

body {
    font-family: 'Poppins', 'Open Sans', sans-serif;
    background: #fcfcfc;
    overflow-x: hidden
}

a {
    color: #d81d21
}

a:focus, a:hover {
    color: #0056b3
}

img {
    max-width: 100%;
    height: auto
}

pre {
    padding-top: 5.5px;
    background-color: rgba(0, 0, 0, .01);
    border-top-width: 5px;
    border-color: #eee;
    border-radius: 0
}

pre:hover {
    border-color: #ddd
}

.h1, .h2, .h3, .h4, .h5, .h6, h1, h2, h3, h4, h5, h6 {
    font-family: inherit;
    font-weight: 600
}

.btn-custom {
    font-weight: 600;
    text-transform: uppercase;
    color: #fff;
    background-color: #d81d21;
    border-color: #d3574c
}

.btn-custom.active, .btn-custom:active, .btn-custom:focus, .btn-custom:hover, .open .dropdown-toggle.btn-custom {
    color: #0056b3;
    background-color: #c9cfd7;
    border-color: #c9cfd7
}

.btn-custom.active, .btn-custom:active, .open .dropdown-toggle.btn-custom {
    background-image: none
}

.btn-custom.disabled, .btn-custom.disabled.active, .btn-custom.disabled:active, .btn-custom.disabled:focus, .btn-custom.disabled:hover, .btn-custom[disabled], .btn-custom[disabled].active, .btn-custom[disabled]:active, .btn-custom[disabled]:focus, .btn-custom[disabled]:hover, fieldset[disabled] .btn-custom, fieldset[disabled] .btn-custom.active, fieldset[disabled] .btn-custom:active, fieldset[disabled] .btn-custom:focus, fieldset[disabled] .btn-custom:hover {
    background-color: #f1422c;
    border-color: #d72020
}

.btn-custom {
    padding-bottom: 5px;
    border-bottom-width: 2px
}

.btn-custom.active, .btn-custom:active {
    border-top-width: 2px;
    border-bottom-width: 1px
}

.btn-lg.btn-custom {
    padding-bottom: 8px;
    border-bottom-width: 3px;
    border-radius: 4px
}

.btn-lg.btn-custom.active, .btn-lg.btn-custom:active {
    border-top-width: 3px;
    border-bottom-width: 1px
}

.btn-sm.btn-custom {
    padding-bottom: 4px;
    border-bottom-width: 2px
}

.btn-sm.btn-custom {
    font-size: 10px;
    padding-bottom: 0;
    border-radius: 2px
}

.btn-sm.btn-custom.active, .btn-sm.btn-custom:active, .btn-xs.btn-custom.active, .btn-xs.btn-custom:active {
    border-top-width: 2px;
    border-bottom-width: 1px
}

.btn-social {
    padding: 4px 5px;
    background-color: #fff;
    color: #666;
    border-color: #ccc;
    border-radius: 1em;
    -webkit-transition: all .6s linear;
    transition: all .6s linear
}

.btn-social > .fa-fw {
    padding-right: 0;
    text-align: center
}

.btn-social:active, .btn-social:focus, .btn-social:hover {
    color: #fff
}

.btn-facebook:active, .btn-facebook:focus, .btn-facebook:hover {
    background-color: #3c5fac
}

.btn-twitter:active, .btn-twitter:focus, .btn-twitter:hover {
    background-color: #36b8da
}

.btn-google-plus:active, .btn-google-plus:focus, .btn-google-plus:hover, .btn-youtube:active, .btn-youtube:focus, .btn-youtube:hover {
    background-color: #c8302d
}

.btn-vimeo:active, .btn-vimeo:focus, .btn-vimeo:hover {
    background-color: #20b9eb
}

.btn-linkedin:active, .btn-linkedin:focus, .btn-linkedin:hover {
    background-color: #2089b5
}

.btn-flickr:active, .btn-flickr:focus, .btn-flickr:hover {
    background-color: #ff0084
}

.btn-pinterest:active, .btn-pinterest:focus, .btn-pinterest:hover {
    background-color: #c91f27
}

.btn-dribbble:active, .btn-dribbble:focus, .btn-dribbble:hover {
    background-color: #ea4c89
}

.btn-instagram:active, .btn-instagram:focus, .btn-instagram:hover {
    background-color: #3f729b
}

.btn-rss:active, .btn-rss:focus, .btn-rss:hover {
    background-color: #f27d09
}

.btn-like:active, .btn-like:focus, .btn-like:hover {
    background-color: #338338
}

.btn-dislike:active, .btn-dislike:focus, .btn-dislike:hover {
    background-color: #990707
}

.pagination-custom {
    font-weight: 600
}

.pagination-custom > li > a, .pagination-custom > li > span {
    padding-bottom: 5px;
    color: #fff !important;
    background-color: #009aba !important;
    border-color: #00c0ef !important;
    border-bottom-width: 2px
}

.pagination-custom > .active > a, .pagination-custom > .active > span, .pagination-custom > li > a:active, .pagination-custom > li > a:focus, .pagination-custom > li > a:hover {
    background-color: #009aba !important
}

.pagination-custom > .active > a, .pagination-custom > .active > a:focus, .pagination-custom > .active > a:hover, .pagination-custom > .active > span, .pagination-custom > .active > span:focus, .pagination-custom > .active > span:hover, .pagination-custom > li > a:active {
    border-top-width: 2px;
    border-bottom-width: 1px;
    -webkit-box-shadow: inset 0 3px 5px rgba(0, 0, 0, .125);
    box-shadow: inset 0 3px 5px rgba(0, 0, 0, .125)
}

.pagination-custom > .disabled > a, .pagination-custom > .disabled > a:active, .pagination-custom > .disabled > a:focus, .pagination-custom > .disabled > a:hover, .pagination-custom > .disabled > span, .pagination-custom > .disabled > span:active, .pagination-custom > .disabled > span:focus, .pagination-custom > .disabled > span:hover {
    padding-top: 6px;
    padding-bottom: 5px;
    border-top-width: 1px;
    border-bottom-width: 2px;
    background-color: #009aba !important;
    -webkit-box-shadow: none;
    box-shadow: none
}

.pagination-custom > li:first-child > a, .pagination-custom > li:first-child > span {
    border-bottom-left-radius: 3px;
    border-top-left-radius: 3px
}

.pagination-custom > li:last-child > a, .pagination-custom > li:last-child > span {
    border-top-right-radius: 3px;
    border-bottom-right-radius: 3px
}

.alert-custom {
    min-height: 5em;
    padding: 1em 1em 1em 5em;
    color: inherit;
    border-left-width: 5px;
    border-radius: 0
}

.alert-custom h4 {
    margin-bottom: 5px
}

.alert-custom .close {
    width: 24px;
    height: 24px;
    margin: -10px -10px 0 0;
    color: #fff;
    text-shadow: none;
    background: rgba(0, 0, 0, .4);
    border: 1px solid #fff;
    opacity: .5
}

.alert-custom .close:focus, .alert-custom .close:hover {
    color: #333;
    text-shadow: 0 1px 0 #fff;
    background: rgba(0, 0, 0, .3)
}

.alert-custom .fa {
    float: left;
    margin-left: -1.25em;
    font-size: 3em;
    text-shadow: 0 0 1px #fff
}

.breadcrumb-custom {
    padding: 0 5px;
    background: 0 0
}

.breadcrumb-custom > li a {
    font-weight: 700
}

.breadcrumb-custom > li:after {
    display: inline-block;
    content: ">";
    padding: 0 .5em 0 .6em;
    font-family: FontAwesome;
    font-weight: 400;
    font-style: normal;
    line-height: normal;
    vertical-align: baseline;
    text-decoration: inherit;
    -webkit-font-smoothing: antialiased;
    opacity: .75
}

.breadcrumb-custom > .text:after, .breadcrumb-custom > li:before, .breadcrumb-custom > li:last-child:after {
    display: none
}

.breadcrumb-custom > .text {
    padding-right: 1em
}

.breadcrumb-custom > .active {
    font-weight: 600
}

.ie .breadcrumb-custom > li:after, .ie .breadcrumb-custom > li:before {
    display: none !important
}

.ie .breadcrumb-custom > li a {
    margin-right: .75em
}

ol.with-line-border > li, ul.with-line-border > li {
    margin-bottom: .25em;
    padding-bottom: .25em;
    border-bottom: 1px solid #f4f4f4
}

.video-frame {
    padding-bottom: 56.25%;
    padding-top: 25px;
    height: 0
}

.video-frame embed, .video-frame iframe, .video-frame object {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%
}

.map-frame, .map-frame > * {
    max-width: 100%
}

.form-border {
    background: #f4f4f4;
    border: 1px solid #ddd;
    border-radius: 4px;
    padding: 20px;
    -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, .05);
    box-shadow: 0 1px 3px rgba(0, 0, 0, .05)
}

.section {
    margin-bottom: 30px
}

.section-title {
    margin-top: 0;
    margin-bottom: 1em;
    padding-bottom: .25em;
    font-weight: 700;
    border-bottom: 1px solid #ddd;
    position: relative
}

.section-title > i.line {
    float: left;
    width: 35%;
    border-bottom: 1px solid #b55;
    position: absolute;
    bottom: -1px
}

.banner-wrapper {
    font-size: .9em;
    padding: 20px;
    border: 1px solid #f39b93;
    border-top-width: 5px;
    -webkit-transition: all .6s ease-in-out;
    transition: all .6s ease-in-out
}

.banner-wrapper:hover {
    border-color: #009aba;
    background: rgba(0, 0, 0, .0185)
}

.banner-content, .banner-title {
    text-shadow: 0 1px #fff
}

.banner-content {
    margin: 1.5em .5em
}

.banner-content .btn {
    text-shadow: none
}

.banner-horizontal {
    border-top-width: 1px;
    border-left-width: 5px
}

.banner-horizontal .banner-content, .banner-horizontal .banner-title {
    float: left;
    margin: 15px 0 0;
    line-height: 20px
}

.banner-horizontal .banner-content p {
    font-size: 12px
}

.banner-horizontal .banner-title {
    margin-top: 14px;
    margin-right: .5em;
    letter-spacing: -.05em
}

.banner-horizontal .btn {
    float: right;
    margin: 10px 0
}

.accordion {
    margin-bottom: 30px
}

.accordion .panel {
    margin-top: 0 !important;
    border-bottom: 1px solid #eee;
    border-bottom-color: #eee;
    border-radius: 0;
    -webkit-box-shadow: none;
    box-shadow: none
}

.accordion .panel:first-child {
    border-top: 1px solid;
    border-top-color: #eee
}

.accordion .panel-body, .accordion .panel-heading {
    padding-left: 20px !important
}

.accordion .panel-body {
    padding-top: 0 !important;
    border: 0 !important
}

.accordion .accordion-toggle > .fa-fw {
    margin-left: -20px;
    margin-right: 0;
    text-decoration: none !important
}

.accordion .accordion-toggle:not(.collapsed) {
    color: inherit !important;
    text-decoration: none !important;
    cursor: default
}

.accordion .accordion-toggle:not(.collapsed) > .fa-fw:before {
    content: "\f0da"
}

.site {
    background: #fff
}

.site-hero {
    padding: 30px 0;
    background: #d81d21
}

.site-main {
    margin-top: -35px;
    position: relative;
    z-index: 1
}

.site-main .content-area {
    padding: 30px;
    background-color: #fff;
    border-radius: 4px
}

.breadcrumb {
    margin: 10px 0;
    font-size: .85em
}

.breadcrumb, .breadcrumb a, .breadcrumb > .active {
    color: #fff
}

.breadcrumb a:hover, .breadcrumb > .text {
    color: #ffc
}

.site-header {
    background: #f9f9f9;
    padding: 30px 0
}

.site-logo {
    min-height: 50px;
    line-height: 50px
}

.navbar-wrapper {
    position: relative;
    margin-bottom: 30px
}

.site-navigate {
    background: #fff;
    position: relative;
    border-color: #eee;
    border-radius: 0;
    -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, .05);
    box-shadow: 0 1px 3px rgba(0, 0, 0, .05)
}

.site-navigation > ul {
    margin: 0
}

.site-navigation li > a {
    color: inherit
}

.site-navigation li > a > i.sub-indicator {
    padding-right: 0
}

.site-navigation li.active > a, .site-navigation li:hover > a, .site-navigation li > a:focus, .site-navigation li > a:hover {
    background: 0 0 !important;
    color: #b08d75 !important
}

.site-navigation > ul > li > a {
    padding-top: 12px;
    border-top: 3px solid transparent;
    border-right: 1px solid #eee
}

.site-navigation > ul:last-child > li:last-child > a {
    border-right: 0
}

.site-navigation > ul > li.active > a, .site-navigation > ul > li:hover > a, .site-navigation > ul > li > a:focus, .site-navigation > ul > li > a:hover {
    border-top-color: #ddd
}

.site-navigation .dropdown-menu {
    margin-left: -1px;
    padding: 0;
    text-align: left;
    border-color: #eee;
    border-radius: 0;
    -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, .05);
    box-shadow: 0 1px 3px rgba(0, 0, 0, .05)
}

.site-navigation .dropdown-menu > li {
    position: relative
}

.site-navigation .dropdown-menu > li > a {
    padding: 10px 15px;
    border-bottom: 1px solid #eee
}

.site-navigation .dropdown-menu > li:last-child > a {
    border-bottom: 0
}

.site-navigation .dropdown-menu li > a > i.sub-indicator:before {
    content: "\f105"
}

.site-navigation .dropdown-menu .dropdown-menu {
    margin-top: -1px;
    margin-left: -10px;
    top: 0;
    left: 100%
}

.site-navigation .navbar-login a:not(.collapsed) {
    color: #337ab7;
    border-top-color: #ddd
}

.site-navigation .navbar-login a:not(.collapsed) > i.sub-indicator:before {
    content: "\f139"
}

.site-navigation .login-form.collapse {
    visibility: hidden
}

.site-navigation .login-form.show {
    visibility: visible !important;
    opacity: 1 !important;
    display: block !important
}

.site-navigation .login-form {
    width: 225px;
    padding: 15px;
    background: #fff;
    border: 1px solid #eee;
    -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, .05);
    box-shadow: 0 1px 3px rgba(0, 0, 0, .05);
    position: absolute;
    right: -1px;
    z-index: 9999
}

.site-navigation .login-form ul {
    margin: -3px 0;
    font-size: .9em
}

.site-navigation .navbar-user .dropdown-menu {
    left: auto;
    right: -1px
}

.site-navigation .user-menu {
    width: 225px;
    padding-top: 30px;
    padding-bottom: 30px;
    border: 0
}

.site-navigation .user-menu .banner-content {
    margin-bottom: 0
}

.site-navigation .user-menu .avatar {
    border: 1px solid #fff;
    border-bottom-width: 4px;
    -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, .25);
    box-shadow: 0 1px 3px rgba(0, 0, 0, .25)
}

.site-search .search-form {
    position: relative;
    -webkit-box-sizing: content-box;
    -moz-box-sizing: content-box;
    box-sizing: content-box
}

.site-search .form-border {
    width: 100%;
    background: #fff;
    border-color: #eee;
    border-radius: 3px;
    padding: 10px;
    z-index: 999
}

.site-search .form-inline .form-group, .site-search .search-field, .site-search .search-submit {
    width: 100%
}

.site-search .search-field, .site-search .search-submit {
    border-radius: 4px
}

.site-search .search-field.loading {
    background: url(../img/loader.gif) 99% center no-repeat
}

.site-search .search-advance {
    margin-top: 10px;
    display: none
}

.site-search .search-advance .form-group {
    min-height: 34px
}

.site-search .search-advance-button {
    display: none;
    width: 2em;
    height: 2em;
    margin: -1em;
    background: #fff;
    text-decoration: none !important;
    border-radius: 1em;
    -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, .2);
    box-shadow: 0 1px 3px rgba(0, 0, 0, .2);
    position: absolute;
    top: 100%;
    left: 50%
}

.autocomplete-suggestions {
    padding: 5px 0;
    background: #fff;
    border: 1px solid #eee;
    border-radius: 4px;
    -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, .05);
    box-shadow: 0 1px 3px rgba(0, 0, 0, .05);
    -webkit-box-sizing: content-box;
    -moz-box-sizing: content-box;
    box-sizing: content-box;
    overflow: auto
}

.autocomplete-suggestion {
    background: #fff;
    padding: .5em 1em;
    cursor: pointer
}

.autocomplete-suggestion:hover {
    background-color: #f4f4f4
}

.autocomplete-suggestion strong {
    font-weight: 600
}

.archive-title, .entry-title, .error-title {
    font-weight: 700;
    margin-top: 0
}

.archive-header, .entry-header {
    margin-bottom: 1.5em;
    border-bottom: 1px solid #eee
}

.hentry {
    margin-bottom: 30px
}

.entry-footer {
    margin-top: 1em;
    padding-top: .5em;
    border-top: 1px solid #eee
}

.entry-meta > * {
    display: inline-block;
    margin-right: 1em
}

.entry-meta a {
    color: inherit
}

.entry-header .entry-meta {
    margin-bottom: 1em
}

.entry-content .map-frame, .entry-content .video-frame, .entry-thumbnail {
    width: 100%;
    position: relative;
    top: -1.5em
}

.entry-attribute {
    margin-bottom: 3em;
    border-bottom: 1px solid #eee;
    line-height: 2.35em
}

.entry-attribute strong {
    text-transform: uppercase
}

.entry-attribute ul.pull-left {
    margin-right: .75em
}

.entry-attribute ul.pull-right {
    margin-left: .75em
}

.entry-attribute ul > li {
    padding: 0
}

.entry-attribute ul > li > a {
    color: #666;
    background: #eee;
    border-color: transparent;
    border-radius: 0
}

.entry-attribute ul.rate-average {
    margin-left: .25em;
    margin-right: .5em
}

.entry-attribute ul.rate-average > li {
    float: left
}

.archive-description {
    background: #f9f9f9;
    margin-bottom: 2em
}

.archive-list {
    margin-bottom: 20px
}

.archive-list .hentry {
    border-bottom: 1px solid #eee
}

.archive-list .entry-header {
    margin-bottom: 0;
    border-bottom: 0
}

.archive-list .entry-footer {
    margin-top: 0;
    margin-bottom: 1em;
    padding-top: 0;
    border-top: 0
}

.archive-list .entry-thumbnail {
    width: 100%;
    margin-bottom: 20px;
    top: auto
}

.archive-footer {
    margin-bottom: 30px
}

.archive-footer .pagination {
    margin-top: 0;
    margin-bottom: 10px
}

.archive-article .hentry {
    margin: 0;
    padding-top: 1em;
    padding-left: 3em
}

.archive-article .entry-title {
    margin-bottom: .25em
}

.archive-article .entry-header > .fa-fw {
    margin-left: -1.5em;
    margin-right: 0
}

.features .banner-wrapper {
    margin: 30px 0;
    font-size: 1em;
    border-color: transparent;
    background-color: #eee;
    background: rgba(255, 255, 255, .6)
}

.features .banner-wrapper:hover {
    border-color: #fff;
    background: rgba(255, 255, 255, .8)
}

.features .banner-content {
    margin: 0
}

.features .banner-content, .features .banner-title {
    text-shadow: 0 1px rgba(255, 255, 255, .3)
}

.box-categories {
    margin-bottom: 30px
}

.box-categories .section-title {
    margin-bottom: .5em
}

.box-categories .section-title > i.line {
    width: 1.15em
}

.box-categories .section-title small {
    line-height: 1.15em
}

.box-categories .fa-ul > li {
    margin-bottom: .5em
}

.box-categories .fa-ul > li > * {
    margin: 0;
    line-height: inherit
}

.box-categories .more-link {
    height: 11px;
    border-bottom: 1px solid #eee
}

.site-content .section .fa-ul > li {
    margin-bottom: .5em;
    padding-bottom: .5em;
    border-bottom: 1px solid #eee;
    font-size: 15px !important
}

.site-content .section .fa-ul > li > * {
    margin: 0;
    line-height: inherit
}

.site-content .section .fa-ul > li > .meta > * {
    display: inline-block;
    margin-right: 1em
}

.site-content .fa-ul > li a {
    color: inherit
}

.error-title {
    margin-bottom: .5em;
    font-size: 5em;
    letter-spacing: -.01em
}

.ie .error-title .icon-frown {
    display: none
}

.ie .error-title .visible-print {
    display: inline-block !important
}

.error404 .search-form .form-group {
    margin: auto
}

.error404 .search-form .form-group input {
    margin-right: 30px
}

.comments-area {
    margin-bottom: 30px
}

.comment-list, .comment-list .children {
    list-style-type: none;
    padding: 0
}

.ie .comment-list {
    margin-bottom: 30px
}

.comment-list > .comment > .comment-body {
    margin-top: 20px;
    padding-top: 0
}

.comment-list > .comment:first-child > .comment-body {
    margin-top: 20px
}

.comment-list > .comment:last-child > .comment-body {
    margin-bottom: 30px
}

.comment-content > ol, .comment-content > ul {
    margin-bottom: 10px
}

.comment-author .fn {
    font-size: 1.15em
}

.comment-author .fn, .comment-author .fn a {
    color: inherit;
    text-decoration: none !important
}

.comment-author .avatar {
    float: left;
    margin-left: -14px;
    margin-top: -4px
}

.comment-meta {
    margin-bottom: 1em;
    padding: 5px 15px;
    text-shadow: 0 1px #fff;
    background: rgba(0, 0, 0, .01);
    border: 1px solid #ddd;
    border-left-width: 5px;
    -webkit-transition: all .6s ease-in-out;
    transition: all .6s ease-in-out
}

.comment-body:hover > .comment-meta {
    border-color: #ccc;
    background: rgba(0, 0, 0, .0185)
}

.comment-form .user-data {
    margin-bottom: 20px;
    padding: 15px 5px 3px;
    background: rgba(255, 255, 255, .5);
    border-color: #ddd
}

.comment-form .user-data .avatar {
    border: 1px solid #fff;
    border-bottom-width: 4px;
    -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, .25);
    box-shadow: 0 1px 3px rgba(0, 0, 0, .25)
}

.comment-form .user-data .btn {
    margin-top: 5px
}

.nav-categories li a {
    color: inherit;
    border-radius: 0
}

.nav-categories li {
    margin: 2px 0;
    border-radius: 0
}

.nav-categories li .badge {
    font-weight: 300;
    background: #009aba;
    color: #fff
}

.widget-area .btn-tag {
    margin-bottom: .5em;
    color: #333;
    border-color: #c5c5c5;
    border-color: rgba(0, 0, 0, .15) rgba(0, 0, 0, .15) rgba(0, 0, 0, .25);
    text-shadow: 0 1px 1px rgba(255, 255, 255, .75);
    background: #fff;
    background: -moz-linear-gradient(top, #fff 0, #e6e6e6 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0, #fff), color-stop(100%, #e6e6e6));
    background: -webkit-linear-gradient(top, #fff 0, #e6e6e6 100%);
    background: -o-linear-gradient(top, #fff 0, #e6e6e6 100%);
    background: -ms-linear-gradient(top, #fff 0, #e6e6e6 100%);
    background: linear-gradient(to bottom, #fff 0, #e6e6e6 100%);
    -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, .2), 0 1px 2px rgba(0, 0, 0, .05);
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, .2), 0 1px 2px rgba(0, 0, 0, .05)
}

.widget-area .btn-tag:active, .widget-area .btn-tag:hover {
    background: #e6e6e6
}

.site-footer .widget-area {
    margin-top: 30px
}

.site-footer {
    padding: 1em 0;
    padding-top: 20px;
    background: #fcfcfc;
    border-top: 1px solid #eee
}

.site-info {
    font-size: .9em
}

.site-info a {
    color: inherit
}

.site-social li {
    padding-left: 1px;
    padding-right: 1px
}

.twitterbar {
    -webkit-box-sizing: content-box;
    -moz-box-sizing: content-box;
    box-sizing: content-box;
    position: relative;
    z-index: 999
}

.tweets-border {
    clear: both;
    width: 100%;
    padding: 10px 10px 13px 10px;
    background: #fff;
    border: 1px solid #eee;
    border-radius: 3px;
    -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, .05);
    box-shadow: 0 1px 3px rgba(0, 0, 0, .05);
    z-index: 999
}

.tweets {
    width: 100%;
    position: relative;
    padding-left: 40px
}

.tweets .meta:before {
    content: "\2002\2014\2002";
    color: #ccc
}

.tweets .meta {
    display: inline-block;
    font-style: italic
}

.follow-button {
    width: 100%
}

.twitterbar .tweets-icon {
    width: 8%;
    margin-top: 5px
}

.twitterbar .tweets-control {
    width: 9%;
    margin-top: 40px;
    margin-bottom: 0
}

.twitterbar .tweets-control li {
    padding-left: 0;
    padding-right: 0
}

.twitterbar .tweets-control a {
    padding: 2px 3px;
    color: #ccc;
    border-color: #eee
}

.twitterbar .tweets-control a:hover {
    color: #999;
    border-color: #ddd;
    background-color: #fff;
    -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, .05);
    box-shadow: 0 1px 3px rgba(0, 0, 0, .05)
}

@media (min-width: 992px) {
    #logo {
        float: left;
        margin-bottom: 0
    }

    #navbar {
        float: right
    }

    .site-search {
        clear: both;
        margin-top: -35px
    }

    .site-search .form-border {
        width: 80%;
        margin: 0 -40%;
        top: 0;
        left: 50%
    }

    .breadcrumb {
        width: 80%;
        margin: 20px 10%
    }

    .comment-form textarea {
        height: 182px
    }

    .site-info {
        margin-top: 5px
    }

    .tweets-border {
        width: 80%;
        margin: 0 -40%;
        top: 0;
        left: 50%
    }

    .tweets-border:after, .tweets-border:before {
        content: "";
        display: block;
        float: left;
        width: 0;
        height: 0;
        border-top: 8px solid transparent;
        border-bottom: 8px solid transparent;
        border-right: 12px solid #fff;
        position: absolute;
        top: 8px;
        right: 100%
    }

    .tweets-border:before {
        border-width: 9px 13px 9px 0;
        border-right-color: #ddd;
        top: 7px
    }
}

@media (max-width: 991px) {
    .comment-form .user-data {
        padding-left: 20px;
        padding-right: 20px
    }

    .comment-form .user-data .banner-content, .comment-form .user-data .banner-title {
        margin-top: 0;
        text-align: left
    }

    .comment-form .user-data .avatar {
        float: left;
        margin-right: 20px
    }

    .site-info, .site-social {
        text-align: center
    }

    .twitterbar .tweets-icon {
        width: 2em;
        margin: 0;
        position: absolute;
        top: 10px;
        left: 10px;
        z-index: 1000
    }

    .twitterbar .tweets-control {
        display: none !important
    }
}

@media (min-width: 768px) {
    #navbar .site-navigation select {
        display: none !important
    }

    .site-search .form-border {
        position: absolute
    }

    .site-search .form-inline .form-group {
        width: 85%
    }

    .site-search .form-horizontal .form-group {
        margin-bottom: 0
    }

    .site-search .search-submit {
        width: 14%
    }

    .archive-list .entry-thumbnail {
        width: 45%;
        margin-right: 20px;
        margin-bottom: 10px
    }

    .error404 {
        padding-top: 2em;
        padding-bottom: 5em
    }

    .error404 .error-title {
        font-size: 12em
    }

    .comment-body {
        margin-left: 25px;
        padding: 20px 0 20px 25px;
        position: relative;
        border-bottom: 1px dotted #ccc;
        border-left: 1px dotted #ccc
    }

    .comment-list .children {
        margin-left: 70px
    }

    .comment-body {
        padding-left: 45px
    }

    .comment-author .avatar {
        margin-left: -90px;
        margin-top: -6px;
        border: 1px solid #fff;
        border-bottom-width: 4px;
        -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, .25);
        box-shadow: 0 1px 3px rgba(0, 0, 0, .25)
    }

    .comment-reply {
        position: absolute;
        top: 32px;
        right: 15px
    }

    .comment-list > .comment > .comment-body .comment-reply {
        top: 12px
    }

    .twitterbar {
        clear: both;
        margin-top: -55px;
        margin-bottom: 70px
    }

    .tweets-border {
        position: absolute
    }

    .tweets {
        width: 85%;
        height: 45px;
        margin-bottom: 0
    }

    .follow-button {
        width: 14%;
        padding-left: 5px;
        padding-right: 5px
    }

    .tweets .item {
        display: block;
        opacity: 0;
        visibility: hidden;
        -webkit-transition: all .7s ease-in-out .3s;
        -moz-transition: all .7s ease-in-out .3s;
        transition: all .7s ease-in-out .3s;
        position: absolute;
        top: 0;
        left: 0
    }

    .tweets .item.active {
        opacity: 1;
        visibility: visible
    }
}

@media (min-width: 768px) and (max-width: 991px) {
    .tweets .item {
        left: 2.5em
    }
}

@media (max-width: 991.98px) {
    .site-navigation {
        display: block;
        border-radius: 4px;
        min-height: 1em
    }

    .site-navigation select.navbar-menu {
        margin: 0;
        padding-left: 10px
    }

    .navbar-wrapper, .site-navigation {
        position: static
    }

    .site-navigation .navbar-login, .site-navigation .navbar-user {
        background: #fff;
        border: 1px solid #eee;
        -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, .05);
        box-shadow: 0 1px 3px rgba(0, 0, 0, .05);
        position: absolute;
        top: 0;
        right: 0
    }

    .site-navigation .navbar-login > li > a, .site-navigation .navbar-user > li > a {
        padding-top: 3px;
        padding-bottom: 3px;
        border-top-width: 1px
    }

    .site-navigation .login-form {
        top: 28px;
        right: 1px;
        z-index: 1000
    }

    .site-navigation .login-form, .site-navigation .navbar-user > li > .dropdown-menu {
        display: none !important;
        opacity: 0 !important;
        visibility: hidden !important
    }

    .site-navigation .login-form.collapsing, .site-navigation .login-form.in, .site-navigation .navbar-user > .opened > .dropdown-menu {
        display: block !important;
        opacity: 1 !important;
        visibility: visible !important;
        height: auto !important
    }

    .site-navigation .navbar-user > .opened > a {
        color: #337ab7 !important;
        border-top-color: #ddd
    }

    .site-navigation .navbar-user > li > a > i.sub-indicator:before {
        content: "\f13a"
    }

    .site-navigation .navbar-user > .opened > a > i.sub-indicator:before {
        content: "\f139"
    }
}

@media (max-width: 767px) {
    .form-border {
        padding: 15px
    }

    .site-hero {
        min-height: 65px;
        padding-top: 1px
    }

    .site-navigation {
        display: block;
        border-radius: 4px;
        min-height: 1em
    }

    .site-navigation select.navbar-menu {
        margin: 0;
        padding-left: 10px
    }

    .navbar-wrapper, .site-navigation {
        position: static
    }

    .site-navigation .navbar-login, .site-navigation .navbar-user {
        background: #fff;
        border: 1px solid #eee;
        -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, .05);
        box-shadow: 0 1px 3px rgba(0, 0, 0, .05);
        position: absolute;
        top: 0;
        right: 0
    }

    .site-navigation .navbar-login > li > a, .site-navigation .navbar-user > li > a {
        padding-top: 3px;
        padding-bottom: 3px;
        border-top-width: 1px
    }

    .site-navigation .login-form {
        top: 28px;
        right: 1px;
        z-index: 1000
    }

    .site-navigation .login-form, .site-navigation .navbar-user > li > .dropdown-menu {
        display: none !important;
        opacity: 0 !important;
        visibility: hidden !important
    }

    .site-navigation .login-form.collapsing, .site-navigation .login-form.in, .site-navigation .navbar-user > .opened > .dropdown-menu {
        display: block !important;
        opacity: 1 !important;
        visibility: visible !important;
        height: auto !important
    }

    .site-navigation .navbar-user > .opened > a {
        color: #337ab7 !important;
        border-top-color: #ddd
    }

    .site-navigation .navbar-user > li > a > i.sub-indicator:before {
        content: "\f13a"
    }

    .site-navigation .navbar-user > .opened > a > i.sub-indicator:before {
        content: "\f139"
    }

    .site-search .form-group {
        margin-bottom: 10px
    }

    .site-search .search-submit {
        float: none !important
    }

    .site-search .search-advance, .site-search .search-advance-button {
        display: none
    }

    .comment-body {
        margin-bottom: 30px;
        border-bottom: 1px solid #ddd
    }

    .comment-author .avatar {
        margin-right: 15px
    }

    .comment-reply {
        height: 1em
    }

    .follow-button, .tweets {
        float: none !important
    }

    .tweets .item {
        min-height: 2em;
        padding-left: 2.5em
    }
}

@media print {
    @page {
        size: auto;
        margin: 5mm 10mm
    }

    #header-search, #navbar, #respond, .alert-custom .close, .breadcrumb, .comment-reply, .entry-attribute, .site-sidebar, .site-social, .twitterbar, .widget-area {
        display: none
    }

    .btn-custom, .pagination-custom > li > a, .pagination-custom > li > span {
        background-color: #fff !important;
        border-color: #aaa !important
    }

    .alert-custom {
        padding-left: 1em
    }

    .banner-wrapper {
        border-color: #ddd !important
    }

    .accordion .panel-collapse {
        display: block !important
    }

    .video-frame {
        text-align: center;
        border: 1px solid #ccc !important
    }

    .video-frame:before {
        content: "V I D E O";
        font-size: 3em;
        font-weight: 700;
        color: #eee
    }

    .site-header {
        border-bottom: 1px solid #eee
    }

    .site-logo {
        margin-bottom: 0
    }

    .content-area {
        padding: 0 !important
    }

    .archive-list .entry-thumbnail {
        width: 47%;
        margin-right: 20px;
        margin-bottom: 10px
    }

    .archive-article .hentry {
        padding-left: 0
    }

    .site-footer {
        border: 0
    }
}

.btn-facebook:active, .btn-facebook:focus, .btn-facebook:hover {
    background-color: #3c5fac
}

.btn-twitter:active, .btn-twitter:focus, .btn-twitter:hover {
    background-color: #36b8da
}

.btn-google-plus:active, .btn-google-plus:focus, .btn-google-plus:hover, .btn-google:active, .btn-google:focus, .btn-google:hover, .btn-youtube:active, .btn-youtube:focus, .btn-youtube:hover {
    background-color: #c8302d
}

.btn-github:active, .btn-github:focus, .btn-github:hover {
    background-color: #444
}

.btn-bitbucket:active, .btn-bitbucket:focus, .btn-bitbucket:hover {
    background-color: #205081
}

.btn-vimeo:active, .btn-vimeo:focus, .btn-vimeo:hover {
    background-color: #20b9eb
}

.btn-linkedin:active, .btn-linkedin:focus, .btn-linkedin:hover {
    background-color: #2089b5
}

.btn-flickr:active, .btn-flickr:focus, .btn-flickr:hover {
    background-color: #ff0084
}

.btn-pinterest:active, .btn-pinterest:focus, .btn-pinterest:hover {
    background-color: #c91f27
}

.btn-dribbble:active, .btn-dribbble:focus, .btn-dribbble:hover {
    background-color: #ea4c89
}

.btn-instagram:active, .btn-instagram:focus, .btn-instagram:hover {
    background-color: #3f729b
}

.btn-rss:active, .btn-rss:focus, .btn-rss:hover {
    background-color: #f27d09
}

.btn-like:active, .btn-like:focus, .btn-like:hover {
    background-color: #338338
}

.btn-dislike:active, .btn-dislike:focus, .btn-dislike:hover {
    background-color: #990707
}