.documentation_header {
    background: #fff;
    color: #393939;
    padding-top: 40px;
    padding-bottom: 70px;
    font-family: 'Raleway', sans-serif
}

.documentation_header>img {
    width: 175px
}

.documentation_header>h4 {
    text-align: center;
    font-weight: 500;
    font-size: 24px;
    text-transform: none;
    letter-spacing: 0;
    line-height: 1.54em
}

.documentation_header>h2 {
    text-align: center;
    font-size: 64px;
    margin: 0 0 15px;
    padding: 28px 0;
    margin-bottom: 0;
    text-transform: uppercase;
    letter-spacing: 3px;
    font-weight: 800;
    line-height: 50px
}

@media only screen and (max-width: 520px) {
    .documentation_header {
        text-align: center
    }
    .documentation_header>h2 {
        font-size: 45px
    }
}

.documentation_header>p {
    font-weight: 500;
    font-size: 15px;
    line-height: 24px;
    text-align: center;
    padding: 15px 0;
    color: #777
}

.navigation_bar {
    z-index: 500;
    background: #393939;
    padding: 20px 0 10px;
    margin: 0;
    text-align: center
}

.navigation_bar>ul {
    list-style-type: none
}

.navigation_bar>ul>li {
    cursor: pointer;
    display: inline-block
}

.navigation_bar>ul>li>a {
    color: #fff;
    display: block;
    text-decoration: none;
    font-size: 11px;
    font-weight: 400;
    padding: 0 5px;
    position: relative;
    text-transform: uppercase;
    letter-spacing: 1px;
    font-family: 'Open Sans', sans-serif;
    -webkit-transition: all .5s cubic-bezier(0.230, 1.000, 0.320, 1.000);
    transition: all .5s cubic-bezier(0.230, 1.000, 0.320, 1.000)
}

.navigation_bar>ul>li>a:hover,
.navigation_bar>ul>li>a:active {
    color: #2e9dd1
}

.navigation_bar.affix {
    top: 0;
    width: 100%
}

@media only screen and (max-width: 900px) {
    .navigation_bar>ul>li {
        display: block;
        padding: 5px 0
    }
    .navigation_bar.affix {
        position: static
    }
}

.documentation_demos {
    padding: 50px 25px;
    background: #f5f5f5
}

.documentation_demos>h3 {
    margin-bottom: 35px;
    font-family: 'Raleway', sans-serif
}

.documentation_demos img {
    width: 100%
}

.documentation_demos h5 {
    font-size: 14px;
    text-align: center;
    letter-spacing: 1px;
    text-transform: uppercase;
    font-family: 'Raleway', sans-serif
}

.documentation_demos a,
.documentation_demos:visited {
    display: block;
    color: #20222e;
    border-radius: 3px;
    text-decoration: none
}

.documentation_demos .col-md-3 {
    margin-bottom: 25px
}

.main_footer {
    overflow: hidden;
    margin-top: 100px;
    background: #1d1d1d
}

.main_footer_attach {
    margin-top: 0
}

.documentation_footer {
    padding: 40px 0 25px;
    font-weight: 300;
    vertical-align: middle;
    font-family: 'Open Sans', sans-serif
}

.documentation_footer .col-md-3 {
    padding: 25px
}

.documentation_footer .col-md-3 h5 {
    color: #fff;
    font-weight: 600;
    margin-bottom: 25px;
    vertical-align: middle;
    font-family: 'Open Sans', sans-serif
}

.documentation_footer .col-md-3 ul {
    padding: 0;
    list-style-type: none
}

.documentation_footer .col-md-3 ul li {
    display: block;
    padding: 15px 0 10px 5px;
    margin-bottom: 2px;
    border-bottom: .08em dashed #888
}

.documentation_footer .col-xs-4 {
    margin-top: 10px
}

.documentation_footer .col-xs-4 a {
    display: block
}

.documentation_footer .col-xs-4 img {
    width: 65px;
    border-radius: 2px;
    background: #777;
    -webkit-transition: all ease-in-out .3s;
    transition: all ease-in-out .3s
}

.documentation_footer .col-xs-4 img:hover {
    opacity: .8
}

.documentation_footer .col-md-3 ul li a {
    text-decoration: none;
    text-transform: capitalize
}

.documentation_footer img {
    width: 125px;
    margin-bottom: 20px
}

.documentation_footer p {
    text-align: justify;
    color: #888;
    margin-bottom: 20px
}

.documentation_footer a {
    color: #777;
    text-transform: uppercase;
    -webkit-transition: all ease-in-out .3s;
    transition: all ease-in-out .3s
}

.documentation_footer a:hover {
    color: #fff
}

.doc_contactus ul li {
    letter-spacing: 1px;
    padding: 5px!important;
    border-bottom: 0!important
}

.doc_contactus ul li a {
    text-transform: lowercase!important
}

.documentation_footer_inner {
    color: #777;
    text-align: left;
    background: #161616;
    padding: 15px 0;
    font-family: 'Open Sans', sans-serif
}

.documentation_footer_inner p {
    font-size: 14px;
    letter-spacing: 2px;
    margin: auto
}

.documentation_footer_inner a {
    text-decoration: none;
    color: #2e9dd1
}

.documentation_demos_well {
    background: #f5f5f5;
    box-shadow: none;
    border: none;
    border-radius: 0;
    list-style-type: none;
    font-family: "Courier New";
    line-height: 20px;
    font-size: 15px;
    font-weight: 400;
    font-style: normal;
    word-wrap: break-word;
    margin-top: 15px;
    padding-bottom: 15px;
    -webkit-font-smoothing: antialiased;
    overflow: hidden
}

.doc_html_code {
    background: #f5f5f5;
    box-shadow: none;
    border: none;
    border-radius: 0;
    list-style-type: none;
    font-family: "Courier New";
    line-height: 20px;
    font-size: 15px;
    font-weight: 400;
    font-style: normal;
    word-wrap: break-word;
    -webkit-font-smoothing: antialiased;
    overflow: hidden
}

.doc_demo_well_coment {
    color: green
}

.documentation_demos_well > li > code {
    background: none;
    color: #000
}

.doc_tag {
    color: #00f
}

.doc_attrb {
    color: red
}

.doc_src {
    color: #8000ff
}

.doc_alert {
    border-radius: 0;
    border: none;
    box-shadow: none;
    letter-spacing: 1px
}

code {
    border-radius: 0;
    letter-spacing: 1px;
    font-size: 16px
}

.back-to-top {
    display: none;
    width: 40px;
    height: 40px;
    text-indent: -9999px;
    position: fixed;
    z-index: 999;
    right: 20px;
    bottom: 20px;
    background: #2e9dd1 url(../images/up-arrow.png) no-repeat center 43%;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px
}

.animation_types_list h4 {
    font-weight: 700;
    text-transform: uppercase
}

.animation_types_list > li {
    margin-bottom: 30px
}

.animation_types_list > li > ul {
    padding: 0;
    list-style-type: none
}

.doc_nav_table img {
    width: 40px;
    height: 40px
}

.theme_header {
    overflow: hidden
}

.theme_header>p>strong {
    margin: 0 10px;
    font-size: 30px
}

.theme_header>p {
    margin-bottom: 30px
}

.theme_header>span {
    text-align: center;
    display: block
}

.theme_header>span>a {
    color: #fff;
    text-decoration: none;
    padding: 13px 15px 14px;
    background: #2e9dd1;
    white-space: nowrap;
    border-radius: 3px
}

.theme_layouts_main h2 {
    text-transform: uppercase;
    margin-bottom: 50px;
    text-shadow: none
}

.theme_layouts_main a>img {
    border-radius: 2px;
    -ms-transform: scale(1);
    -webkit-transform: scale(1);
    transform: scale(1);
    -webkit-transition: -webkit-transform 1s ease-in-out;
    transition: transform 1s ease-in-out
}

.theme_layouts_main>.row>div>a {
    overflow: hidden
}

.theme_layouts_main a h5 {
    margin-top: 20px
}

.theme_layouts_main a:hover img {
    -ms-transform: scale(1.1);
    -webkit-transform: scale(1.1);
    transform: scale(1.1)
}

::-webkit-scrollbar {
    width: 5px
}

.modal_main_heading {
    font-size: 30px;
    margin: 10px 25px;
    font-family: 'Open Sans', sans-serif;
    -webkit-font-smoothing: antialiased
}

.portfolio_demo_wrapper {
    margin: 50px 0;
    padding: 50px;
    text-align: center;
    background: #f5f5f5
}

.portfolio_demo_wrapper > h1 {
    font-size: 40px;
    font-weight: 900;
    text-transform: uppercase;
    font-family: 'Open Sans', sans-serif;
    -webkit-font-smoothing: antialiased
}

.portfolio_demo_wrapper > h3 {
    font-size: 22px;
    font-weight: 300;
    text-transform: uppercase;
    font-family: 'Open Sans', sans-serif;
    -webkit-font-smoothing: antialiased
}