@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);.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: 15px
}

.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: 'Open Sans',sans-serif;
    background: #fcfcfc;
    overflow-x: hidden
}

a {
    color: #337ab7
}

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: #009aba;
    border-color: #00c0ef
}

.btn-custom.active,.btn-custom:active,.btn-custom:focus,.btn-custom:hover,.open .dropdown-toggle.btn-custom {
    color: #fff;
    background-color: #009aba;
    border-color: #00c0ef
}

.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: 35px 0;
    background: #009aba
}

.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: #009aba!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
}



.site-header .nav-item.dropdown,
#header-search form{
	display:none;
}