/*
* Theme Name: Time Travel - Timeline WordPress Theme
* Theme Author: Andrey Boyadzhiev / flasherland.com
*
* Description: Time Travel Wordpress Theme is a next generation 
* website, developed both on the edge of technology and design. 
* The built-in voice control makes it both revolutionary and at the same time super intuitive to use. 
*
* Version: 1.7
*/
@media screen and (max-width: 2600px), screen and (max-height: 1009px)
{
    .timelinepath:before
    {
        -moz-transform: perspective(500px) rotateX(70deg) translateY(-15%);
    }
    @media screen and (max-width: 1500px), screen and (max-height: 1009px)
    {
        .timelinepath:before
        {
            -moz-transform: perspective(500px) rotateX(70deg) translateY(-5%);
        }
        @media screen and (max-width: 999px), screen and (max-height: 409px)
        {
            .ss-stand-alone
            {
                max-width: 790px;
                position: relative;
                left: 50%;
                margin-left: -395px;
            }
            #main .ss-stand-alone
            {
                width: 790px;
                position: absolute;
            }
            .ss-stand-alone .ss-nav
            {
                left: 50%;
                margin-left: -405px;
                max-width: 810px;
            }
            .sbleft, .sbright
            {
                width: 230px;
            }
            .sbrightnofx
            {
                right: -260px;
            }
            .sbleftnofx
            {
                left: -260px;
            }
            .sblefton
            {
                width: 530px;
            }
            .iscomm
            {
                width: 100%;
                margin-bottom: 23px;
            }
            .tt-cn-style.right-content, .tt-cn-style.left-content
            {
                float: left;
                margin-bottom: 55px;
            }
            .tt-cn-style.right-content, .tt-cn-style.left-content
            {
                width: 100%;
                padding-bottom: 10px;
            }
            #main .tt-cn-style.right-content, #main .tt-cn-style.left-content
            {
                padding-bottom: 0;
            }
            .right-content .tt-arrow-side, .left-content .tt-arrow-side
            {
                position: absolute;
                bottom: 10px;
                left: 50%;
                margin-left: -14px;
                z-index: -1;
                width: 0;
                height: 0;
                border-width: 20px 15px 0 15px;
            }
            .right-content .tt-arrow-dot, .left-content .tt-arrow-dot
            {
                right: 50%;
                margin-right: -25px;
                bottom: -52px;
                -webkit-transform: none;
                -moz-transform: none;
                -ms-transform: none;
                -o-transform: none;
                transform: none;
            }
            .left-content .tt-arrow-dot
            {
                left: 50%;
            }
            .infoisoff
            {
                margin-bottom: 23px;
            }
            .center-content .infoisoff
            {
                margin-bottom: 13px;
            }
            .infoison
            {
                margin-bottom: 8px;
            }
            #main .tt-cn-style.right-content.is-circle, #main .tt-cn-style.left-content.is-circle
            {
                width: 100%;
                padding-bottom: 10px;
                float: left;
            }
            .center-content .infoison
            {
                margin-bottom: 13px;
            }
            .tt-cn-style.center-content.nonfull
            {
                width: 100%;
                margin-left: 0;
            }
            .flickr_badge_image
            {
                margin: 0 15px 10px 15px!important;
            }
        }
        @media screen and (max-width: 810px), screen and (max-height: 409px)
        {
            .ss-stand-alone
            {
                max-width: 100%;
                width: 100%;
                position: relative;
                left: 0%;
                margin-left: 0;
            }
            .ss-nav
            {
                position: absolute;
                left: 0;
                padding-top: 18px;
                width: 100%;
                z-index: 100;
            }
            .ss-stand-alone .ss-nav
            {
                left: 0%;
                margin-left: 0;
                width: 100%;
            }
            .comments-add-new
            {
                width: 100%;
                padding-left: 0;
                margin-top: -40px;
            }
            .comments-small-avatar, .comments-big-avatar, .rsphide, .children .time-dot
            {
                display: none;
            }
            .children .comments-c-top
            {
                padding-top: 5px;
            }
            .comment-avatarin
            {
                display: block;
                float: left;
                padding-right: 20px;
                padding-top: 10px;
            }
            .sblefton, .sbrighton
            {
                width: 100%;
                float: right!important;
            }
            .sbleft, .sbright
            {
                width: 100%;
                max-width: 100%;
                float: left!important;
                position: static;
                margin-top: 15px;
                margin-bottom: 0;
                padding-left: 0;
                padding-right: 0;
            }
            .bottom-nav-hide
            {
                display: none;
                visibility: hidden;
            }
            #firsts .user-holder
            {
                display: none;
            }
            .c-comment
            {
                margin-top: 0!important;
                margin-bottom: 15px!important;
            }
            .fb-padding
            {
                margin-top: 0!important;
                margin-bottom: 15px!important;
            }
            .fb-paddingfx
            {
                margin-bottom: 0!important;
                margin-top: 15px!important;
            }
            .dk_toggle
            {
                min-width: 140px;
            }
            .dl-menuwrapper
            {
                max-width: none;
                width: 100%;
                left: 0;
            }
            .turquoise #tt-h-one .gray-container
            {
                background: #52ccb3!important;
                background: rgba(82,204,179,.8)!important;
            }
            .greensea #tt-h-one .gray-container
            {
                background: #4eb7a3!important;
                background: rgba(78,183,163,.8)!important;
            }
            .emerald #tt-h-one .gray-container
            {
                background: #5fd892!important;
                background: rgba(95,216,146,.8);
            }
            .nephritis #tt-h-one .gray-container
            {
                background: #4fb77c!important;
                background: rgba(79,183,124,.8)!important;
            }
            .amethyst #tt-h-one .gray-container
            {
                background: #b281c7!important;
                background: rgba(178,129,199,.8)!important;
            }
            .wisteria #tt-h-one .gray-container
            {
                background: #a871c1!important;
                background: rgba(168,113,193,.8)!important;
            }
            .peterriver #tt-h-one .gray-container
            {
                background: #65b1e4!important;
                background: rgba(101,177,299,.8)!important;
            }
            .belizehole #tt-h-one .gray-container
            {
                background: #5d9ec9!important;
                background: rgba(93,158,201,.8)!important;
            }
            .sunflower #tt-h-one .gray-container
            {
                background: #f4d248!important;
                background: rgba(244,210,72,.8)!important;
            }
            .orange #tt-h-one .gray-container
            {
                background: #f6b44a!important;
                background: rgba(246,180,74,.8)!important;
            }
            .carrot #tt-h-one .gray-container
            {
                background: #ec9e57!important;
                background: rgba(236,158,87,.8)!important;
            }
            .pumpkin #tt-h-one .gray-container
            {
                background: #dd7d3d!important;
                background: rgba(221,125,60,.8)!important;
            }
            .wetasphalt #tt-h-one .gray-container
            {
                background: #657585!important;
                background: rgba(101,117,133,.8)!important;
            }
            .midnightblue #tt-h-one .gray-container
            {
                background: #566576!important;
                background: rgba(86,101,108,.8)!important;
            }
            .alizarin #tt-h-one .gray-container
            {
                background: #ee776b!important;
                background: rgba(238,119,107,.8)!important;
            }
            .pomegranate #tt-h-one .gray-container
            {
                background: #d0685e!important;
                background: rgba(208,104,94,.8)!important;
            }
            .concrete #tt-h-one .gray-container
            {
                background: #aebbbb!important;
                background: rgba(174,187,187,.8)!important;
            }
            .asbestos #tt-h-one .gray-container
            {
                background: #96a2a2!important;
                background: rgba(150,162,162,.8)!important;
            }
            .gglass #tt-h-one .gray-container
            {
                background: rgba(0,0,0,.4)!important;
            }
            #firsts .turquoise .tt-nopadding .nano .cscrol, #firsts .turquoise .tt-nopadding #tt-h-two
            {
                border-color: rgba(82,204,179,.8);
            }
            #firsts .greensea .tt-nopadding .nano .cscrol, #firsts .greensea .tt-nopadding #tt-h-two
            {
                border-color: rgba(78,183,163,.8);
            }
            #firsts .emerald .tt-nopadding .nano .cscrol, #firsts .emerald .tt-nopadding #tt-h-two
            {
                border-color: rgba(95,216,146,.8);
            }
            #firsts .nephritis .tt-nopadding .nano .cscrol, #firsts .nephritis .tt-nopadding #tt-h-two
            {
                border-color: rgba(79,183,124,.8);
            }
            #firsts .amethyst .tt-nopadding .nano .cscrol, #firsts .amethyst .tt-nopadding #tt-h-two
            {
                border-color: rgba(178,129,199,.8);
            }
            #firsts .wisteria .tt-nopadding .nano .cscrol, #firsts .wisteria .tt-nopadding #tt-h-two
            {
                border-color: rgba(168,113,193,.8);
            }
            #firsts .peterriver .tt-nopadding .nano .cscrol, #firsts .peterriver .tt-nopadding #tt-h-two
            {
                border-color: rgba(101,177,299,.8);
            }
            #firsts .belizehole .tt-nopadding .nano .cscrol, #firsts .belizehole .tt-nopadding #tt-h-two
            {
                border-color: rgba(93,158,201,.8);
            }
            #firsts .sunflower .tt-nopadding .nano .cscrol, #firsts .sunflower .tt-nopadding #tt-h-two
            {
                border-color: rgba(244,210,72,.8);
            }
            #firsts .orange .tt-nopadding .nano .cscrol, #firsts .orange .tt-nopadding #tt-h-two
            {
                border-color: rgba(246,180,74,.8);
            }
            #firsts .carrot .tt-nopadding .nano .cscrol, #firsts .carrot .tt-nopadding #tt-h-two
            {
                border-color: rgba(236,158,87,.8);
            }
            #firsts .pumpkin .tt-nopadding .nano .cscrol, #firsts .pumpkin .tt-nopadding #tt-h-two
            {
                border-color: rgba(221,125,60,.8);
            }
            #firsts .wetasphalt .tt-nopadding .nano .cscrol, #firsts .wetasphalt .tt-nopadding #tt-h-two
            {
                border-color: rgba(101,117,133,.8);
            }
            #firsts .midnightblue .tt-nopadding .nano .cscrol, #firsts .midnightblue .tt-nopadding #tt-h-two
            {
                border-color: rgba(86,101,108,.8);
            }
            #firsts .alizarin .tt-nopadding .nano .cscrol, #firsts .alizarin .tt-nopadding #tt-h-two
            {
                border-color: rgba(238,119,107,.8);
            }
            #firsts .pomegranate .tt-nopadding .nano .cscrol, #firsts .pomegranate .tt-nopadding #tt-h-two
            {
                border-color: rgba(208,104,94,.8);
            }
            #firsts .concrete .tt-nopadding .nano .cscrol, #firsts .concrete .tt-nopadding #tt-h-two
            {
                border-color: rgba(174,187,187,.8);
            }
            #firsts .asbestos .tt-nopadding .nano .cscrol, #firsts .asbestos .tt-nopadding #tt-h-two
            {
                border-color: rgba(150,162,162,.8);
            }
            .turquoise .tt-content-bg, .greensea .tt-content-bg, .emerald .tt-content-bg, .nephritis .tt-content-bg, .amethyst .tt-content-bg, .wisteria .tt-content-bg, .peterriver .tt-content-bg, .belizehole .tt-content-bg, .sunflower .tt-content-bg, .orange .tt-content-bg, .carrot .tt-content-bg, .pumpkin .tt-content-bg, .wetasphalt .tt-content-bg, .midnightblue .tt-content-bg, .alizarin .tt-content-bg, .pomegranate .tt-content-bg, .concrete .tt-content-bg, .asbestos .tt-content-bg
            {
                background: none;
            }
            #firsts .tt-nopadding .nano .cscrol
            {
                border-bottom: 2px solid;
            }
            section.bespoke-inactive .ss-full, section.bespoke-inactive .circle-img
            {
                pointer-events: auto;
            }
            #footer-time
            {
                display: none;
            }
            .widg-row-one
            {
                width: 100%;
                padding-right: 0%;
            }
            .widg-row-two
            {
                width: 100%;
                padding-left: 0%;
            }
            #tt-voice-c
            {
                display: none;
            }
            .tt-bottom-nav
            {
                border-right: none;
                border-left: 1px solid rgba(255,255,255,.3);
            }
            .flexslider
            {
                overflow: hidden;
            }
            .breadcrumbs
            {
                display: none;
                visibility: hidden;
            }
        }
        @media screen and (max-width: 530px), screen and (max-height: 409px)
        {
            #firsts .tt-nopadding #tt-h-two
            {
                border-bottom: 2px solid;
            }
            #main
            {
                margin-top: -20px;
                position: static;
            }
            .circle-img
            {
                position: relative;
                left: 50%;
                margin-left: -140px;
                height: 290px;
                width: 280px;
                margin-bottom: 18px;
            }
            .circle-img .ch-grid li
            {
                width: 280px;
                height: 280px;
            }
            .circle-img .ch-info
            {
                width: 242px;
                height: 242px;
                margin-top: -1px;
                margin-left: -1px;
            }
            .ch-item
            {
                background: 330px;
            }
            .circle-img .ch-info-wrap
            {
                top: 20px;
                left: 20px;
                width: 240px;
                height: 240px;
            }
            .ch-info h3
            {
                font-size: 18px!important;
                line-height: 16px;
                margin: 0 15px;
                margin-left: 24px;
                margin-right: 24px;
                padding: 46px 0 10px 0;
                height: auto;
            }
            .ch-info h3 a
            {
                font-size: 18px!important;
                line-height: 18px;
            }
            .ch-info p
            {
                padding: 10px 5px 0;
                max-height: 86px;
                overflow: hidden;
                margin: 0 30px;
                font-size: 12px;
            }
            .ch-info .empty-left
            {
                display: none;
            }
            .circle-img .cell
            {
                z-index: 10;
                top: 190px;
                right: 48px;
            }
            .circle-img .ribbon
            {
                top: 95px;
                left: 0;
            }
            .ss-row-f .widget
            {
                width: 98%;
            }
            section.bespoke-inactive .ss-row
            {
                pointer-events: auto;
            }
            article
            {
                -webkit-perspective: 0;
                -moz-perspective: 0;
                -ms-perspective: 0;
                -o-perspective: 0;
                perspective: 0;
                position: static!important;
                width: 100%;
                min-width: 100%;
                top: 0;
                right: 0;
                left: 0;
                bottom: 0;
                margin-bottom: 30px;
            }
            section
            {
                border-radius: 5px;
                width: 96%;
                padding-left: 2%;
                padding-bottom: 0;
                position: static!important;
                top: 0%!important;
                left: 0%!important;
                margin-left: 0;
                margin-top: 0;
                height: 100%;
                opacity: 1!important;
                -webkit-transform: none!important;
                -moz-transform: none!important;
                -o-transition: none!important;
                -ms-transition: none!important;
                transition: none!important;
                clear: both;
                -webkit-filter: none!important;
                visibility: visible!important;
                display: block!important;
            }
            #articlehold section
            {
                padding-top: 5px;
                padding-bottom: 10px;
            }
            .ss-stand-alone
            {
                position: static!important;
            }
            #main .ss-stand-alone
            {
                max-width: 100%;
                width: 100%;
                position: relative;
                left: 0%;
                margin-left: 0;
            }
            .single-post section
            {
                position: static!important;
                top: 0;
                float: left;
                left: 0%;
                margin-left: 0;
            }
            .nano
            {
                position: static!important;
                width: 100%;
                height: 100%;
            }
            .nano>.pane
            {
                display: none!important;
                display: none;
            }
            .cscrol
            {
                padding-right: 0;
                height: 100%;
                position: static!important;
                overflow-x: hidden;
                overflow: visible!important;
                overflow-x: hidden;
            }
            .hidecomm
            {
                display: none;
            }
            #footer
            {
                position: static;
                height: auto;
                width: 100%;
                padding-bottom: 200px;
            }
            .bottom-nav
            {
                display: none;
                visibility: hidden;
            }
            .inifiniteLoader
            {
                position: fixed;
                z-index: 100;
                bottom: 22px;
                right: 20px;
                margin: 0;
            }
            .inifiniteLoaderP
            {
                position: fixed;
                z-index: 100;
                bottom: 42px;
                right: 20px;
                margin: 0;
            }
            .numpostinfi
            {
                visibility: hidden;
                display: none;
            }
            .user-holder
            {
                display: none;
            }
            .iscomm
            {
                margin-bottom: 15px;
            }
            .ss-row, ss-full
            {
                position: static!important;
            }
            .infoisoff
            {
                margin-bottom: 30px;
            }
            .infoison, .center-content .infoison
            {
                margin-bottom: 70px;
            }
            #firsts .comm-holder, #firsts .time-holder
            {
                display: none;
            }
            #firsts .icon-soc-container
            {
                position: relative;
                margin-top: 0;
            }
            #firsts .ss-full
            {
                padding-bottom: 26px;
                bottom: 0;
            }
            #firsts .ss-full.tt-nopadding
            {
                padding-bottom: 30px;
                bottom: 0;
            }
            .timedate, .share-box, .timedateafter, .tt-arrow-side, section:before, section:after, .center-content .tt-arrow-dot, .center-content .tt-arrow-side
            {
                position: relative;
                float: left;
            }
            section:before
            {
                float: right;
                bottom: 45px;
                margin-top: -1px;
                display: none;
            }
            section:after
            {
                margin-top: -1px;
                margin-left: -76px;
                display: none;
            }
            .timedate
            {
                bottom: 0;
            }
            .share-box
            {
                bottom: 42px;
            }
            .timedateafter
            {
                bottom: 10px;
                margin-left: -60px;
                -webkit-backface-visibility: hidden;
            }
            .timedate:before
            {
                display: none;
            }
            .right-content .tt-arrow-side, .left-content .tt-arrow-side
            {
                position: relative;
                bottom: 30px;
                left: 50%;
                margin-left: -49px;
            }
            .center-content .tt-arrow-dot
            {
                left: 50%;
                margin-left: -60px;
                bottom: 0;
            }
            .center-content .tt-arrow-side
            {
                bottom: 30px;
                margin-left: -49px;
            }
            .fb-holder .nano
            {
                height: auto;
            }
            .tt-cn-style
            {
                width: 100%;
            }
            timelinepath
            {
                display: none;
            }
            .reslines
            {
                width: 100%;
                height: 4px;
                float: left;
                margin-top: -47px;
            }
            .reslines:before
            {
                content: "";
                height: 1px;
                background: -moz-linear-gradient(left,rgba(255,255,255,0) 0%,rgba(255,255,255,.5) 100%);
                background: -webkit-linear-gradient(left,rgba(255,255,255,0) 0%,rgba(255,255,255,.5) 100%);
                background: -ms-linear-gradient(left,rgba(255,255,255,0) 0%,rgba(255,255,255,.5) 100%);
                background: -o-linear-gradient(left,rgba(255,255,255,0) 0%,rgba(255,255,255,.5) 100%);
                background: linear-gradient(left,rgba(255,255,255,0) 0%,rgba(255,255,255,.5) 100%);
                width: 50%;
                margin-left: -46px;
                display: block;
                position: relative;
                -webkit-transition: all .25s;
                -moz-transition: all .25s;
                -ms-transition: all .25s;
                -o-transition: all .25s;
                transition: all .25s;
            }
            .reslines:after
            {
                content: "";
                height: 1px;
                background: -moz-linear-gradient(right,rgba(255,255,255,0) 0%,rgba(255,255,255,.5) 100%);
                background: -webkit-linear-gradient(right,rgba(255,255,255,0) 0%,rgba(255,255,255,.5) 100%);
                background: -ms-linear-gradient(right,rgba(255,255,255,0) 0%,rgba(255,255,255,.5) 100%);
                background: -o-linear-gradient(right,rgba(255,255,255,0) 0%,rgba(255,255,255,.5) 100%);
                background: linear-gradient(right,rgba(255,255,255,0) 0%,rgba(255,255,255,.5) 100%);
                width: 50%;
                left: 50%;
                margin-left: 46px;
                margin-top: -1px;
                display: block;
                position: relative;
                opacity: 1!important;
                -webkit-transition: all .25s;
                -moz-transition: all .25s;
                -ms-transition: all .25s;
                -o-transition: all .25s;
                transition: all .25s;
            }
            .openshare .reslines:after
            {
                -webkit-transition: all .25s;
                -moz-transition: all .25s;
                -ms-transition: all .25s;
                -o-transition: all .25s;
                transition: all .25s;
                margin-left: 90px;
            }
            .openshare .reslines:before
            {
                -webkit-transition: all .25s;
                -moz-transition: all .25s;
                -ms-transition: all .25s;
                -o-transition: all .25s;
                transition: all .25s;
                margin-left: -90px;
            }
            .comment .nano
            {
                overflow: auto;
                min-height: 85px;
                max-height: none;
                z-index: 1;
                height: 100%!important;
            }
            .greensea #tt-h-one .gray-container
            {
                background: none!important;
            }
            .right-content .tt-arrow-dot
            {
                left: 50%;
                bottom: 0;
                margin-left: -60px;
            }
            .left-content .tt-arrow-dot
            {
                margin-left: -60px;
                left: 50%;
                bottom: 0;
            }
            .tt-arrow-dot
            {
                float: left;
                position: relative;
                bottom: 0;
            }
            .nav-header
            {
                top: -40px;
                height: 40px;
                font-size: 15px;
                line-height: 40px!important;
            }
            .menu-header-search
            {
                padding-top: 2px;
                padding-bottom: 2px;
            }
            .dl-menuwrapper li a
            {
                display: block;
                position: relative;
                padding: 5px 20px;
                font-size: 14px;
                line-height: 20px;
            }
            .dl-menuwrapper li.dl-back:after, .dl-menuwrapper li>a:not(:only-child):after
            {
                line-height: 30px;
            }
            .dl-menuwrapper li.dl-back>a
            {
                padding: 5px 20px;
            }
            .tt-bottom-nav, .timelinepath
            {
                display: none;
            }
            #ss-container
            {
                padding-top: 31px;
            }
            #articlehold .tt-cn-style.left-content, #articlehold .tt-cn-style.right-content
            {
                margin-bottom: 0;
            }
            .logo
            {
                width: 100%;
                text-align: center;
                position: relative;
                padding-bottom: 20px;
            }
            .copyrholder
            {
                width: 100%;
                text-align: center;
                border: none;
                padding: 0;
                margin: 0;
            }
            .flickr_badge_image
            {
                margin: 0 11px 10px 11px!important;
            }
            .center-content .infoisoff
            {
                margin-bottom: 30px;
            }
            #main
            {
                overflow: inherit;
            }
        }