/* Theme Name: SeeingAssistant
Author: the TRANSITION TECHNOLOGIES team
*/

@font-face {
    font-family: 'Sansation-Light';
    src: url('fonts/Sansation-Light.eot');
    src: url('fonts/Sansation-Light.eot?#iefix') format('embedded-opentype'),
        url('fonts/Sansation-Light.woff') format('woff'),
        url('fonts/Sansation-Light.ttf') format('truetype'),
        url('fonts/Sansation-Light.svg#Sansation-Light') format('svg');
}


body
{  
    color: #000;
    line-height: 1.6em;
    font-family: 'Open Sans', sans-serif;
    font-weight: 400;
}

.header-container
{
    width:100%;
    background: url(img/landing_pic.png) #003967 50% 0px no-repeat;
    height: 500px;
    font-family: 'Sansation-Light', sans-serif; 
    position: relative;
    background-attachment: fixed;
}
@media (max-width: 1170px){
    .header-container
    {
        background-attachment: initial;
        background-position: 50% 0px !important;
    }
}
@media (max-width: 767px)
{
    .header-container
    {
        background:#003967 50% 0px no-repeat;
        height: auto;
    }

    header > div:last-child
    {
        display: none !important;
    }
}

.header-container .logo
{
    background-image: url(img/seeing_logo.png);
    width:317px;
    height:53px;
    display: block;
    margin:28px 0;
    float: left;
        font-size: 0px;
    text-indent: -9999px;
}

@media (max-width: 767px)
{
    .header-container .logo
    {
        float:none;
        margin:15px auto;
    }

    .header-container > .container
    {
        padding:0;
    }
}
.header-container .language
{
    float:right;
    margin:32px 0;
}

@media (max-width: 767px)
{
    .header-container .language
    {
        float:none;
        margin:20px auto;
    }
}

.header-container .language ul{
    list-style: none;
    padding:15px 0;
    margin:0;
    height: 49px;

}

@media (max-width: 767px)
{
    .header-container .language ul
    {
        margin:0 auto;
        width: 105px;
    }
}
.header-container .language ul li
{
    display: inline-block;
    width:49px;
    height:49px;
}

.header-container .language ul li a
{
    border: 1px solid #fefefe;
    font-size: 1.25em;
    color:#fefefe;
    padding: 14px 13px;
    text-transform: uppercase;
}

.header-container .language ul li:last-child a
{
    padding: 14px 6px;
    margin-left:5px;
}

.header-container p,.header-container h1
{
    font-size: 2.5em;
    color:#fff;
    line-height: 1.5em;
    width:62%;
    margin:20px auto;
    text-align: center;
}

@media (max-width: 992px)
{
    .header-container p,.header-container h1
    {
        width:95%;
    }

}

@media (max-width: 767px)
{
    .header-container p,.header-container h1
    {
        padding: 10px 0;
        margin:0 auto;
        font-size: 1.25em;
        line-height: 1.3em;
    }
}

.navbar
{
    background-color: #003967;
    font-size: 20px;
    color:#fefefe;
    border-bottom-color: #004379;
    text-transform: uppercase;

}

@media (max-width: 767px)
{
    .navbar
    {
        position: relative !important;
        left:0 !important;
        background-color: #FFF;
        color:#003967;
        border-bottom-color: #fff;
        width:auto;
    }
}

.navbar-inverse .navbar-collapse
{
    border-top-color: #004379;
}

.navbar.scroll-to-fixed-fixed
{
    opacity: 0.9;

}

.navbar.scroll-to-fixed-fixed .navbar-nav
{
    margin:13px auto;
}

.navbar .navbar-nav
{
    width:82%;
    float:none;
    margin:25px auto;
    display: block;
    min-height: 50px;
}

@media (max-width: 767px)
{
    .navbar .navbar-nav
    {
        width: 100%;
        padding:0;
    }
}

@media (min-width: 768px) and (max-width:990px)
{
    .navbar .navbar-nav
    {
        width:100%;

    }
}

@media (min-width: 991px) and (max-width:1199px)
{
    .navbar .navbar-nav
    {
        width:97%;
    }
}
.navbar .navbar-nav li
{
    display: block;
}

.navbar .navbar-nav li a
{
    color:#fefefe;
    font-size: 1.25em;
    font-family: 'Sansation-Light', sans-serif; 
    border-right:1px solid #1e4f77;
    padding:15px 40px;
    display: block;
}

@media (max-width: 990px)
{
    .navbar .navbar-nav li a
    {
        padding:15px 20px;
    }
}

@media (max-width: 767px)
{
    .navbar .navbar-nav li a
    {
        border-right:none;
        text-align: center;
        color:#003967;
        width: 50%;
        float:left;
        padding:70px 10px 10px 10px;
        font-family: 'Open Sans', sans-serif;
    }
    .navbar .navbar-nav li:last-child a
    {
        width:100%;
    }

    #menu-item-24 a, .home-li a
    {
        background: url(img/icon_home.png) top no-repeat;
    }

    #menu-item-71 a, .main-li a
    {
        background: url(img/menu_icon.png) top no-repeat;
    }

    #menu-item-39 a, .magnifier-li a
    {
        background: url(img/icon_magnifier.png) top no-repeat;
    }

    #menu-item-40 a, .light-li a
    {
        background: url(img/icon_light.png) top no-repeat;
    }

    #menu-item-41 a, .move-li a
    {
        background: url(img/icon_move.png) top no-repeat;
    }

}

.navbar .navbar-nav li a:hover, .navbar .navbar-nav li a:focus
{
    color: #3cafff;
    text-decoration:none;
}
@media (max-width: 767px)
{
    .navbar .navbar-nav li a:hover, .navbar .navbar-nav li a:focus
    {
        color:#003967;
    }
}

.navbar .navbar-nav li:last-child a
{
    border-right: none;
}

.container-margin
{
    margin:80px auto;
}
@media (max-width: 767px)
{
    .container-margin
    {
        margin:30px auto;
        padding: 20px 10px;
        border-bottom: 2px solid #cdcdcd;
    }

    .container-margin.no-border
    {
        border-bottom: none;
    }
}

.container p.about,.container .about
{
    width: 67%;
    margin: auto;
    font-size: 1.125em;
    color:#1a1a1a;
    line-height: 1.8em;
}

@media (max-width: 992px)
{
    .container p.about,.container .about
    {
        width: 95%;
    }
}


@media (max-width: 767px)
{
    .container p.about,.container .about
    {
        width: 100%;
    } 

    .container p.about.about-mobile,.container .about.about-mobile
    {
        padding-bottom: 10px;
        border-bottom: 2px solid #cdcdcd;
    }
}

.container h2
{
    font-size:2.375em;
    text-align: center;
    color:#356e8c;
    margin-bottom: 60px;
}

@media (max-width: 767px)
{
    .container h2
    {
        font-size:1.5em;
        margin-bottom: 20px;
    }   
}

.awards-wrapper
{
    border:2px solid #888;
    padding: 10px 5px;
    width: 576px;
    margin:50px auto;
}

@media (max-width: 767px)
{
    .awards-wrapper
    {
        border:1px solid;
        width: 100%;
        margin:10px auto;
    }

    .awards-wrapper:last-child
    {
        /*border-bottom: 2px solid #cdcdcd;*/
    }

    .awards-wrapper .clearfix,.awards-wrapper .clearfix:before,.awards-wrapper .clearfix:after{
        /* clear: none !important;*/
    }

    .awards-wrapper img
    {
        /*display: none;*/
        float:left;
        margin-right: 10px;
    }
}

.awards-wrapper h3
{
    font-size: 1.15em;
    line-height: 1.75em;
    font-weight: 600;
    width:360px;
    float: right;
    color:#3a3a3a;
    margin:35px 0;
    text-transform: uppercase;
}

@media (max-width: 767px)
{
    .awards-wrapper h3
    {
        width:95%;
        float: none;
        margin:0 auto;
        clear:left;
        /*text-align: center;*/
    }
}

.awards-wrapper p
{
    font-size: 1.1em;
    color:#1a1a1a;
    line-height: 1.8em;
    width: 85%;
    margin: auto;
}
@media (max-width: 767px){
    .awards-wrapper p
    {
        width:95%;
        margin:0 auto;
        text-align: left;
    }
}
.awards-logo
{
    float:left;
    width: 198px;
    height: 116px;
    position: relative;
    text-align: center;
}

.awards-logo img
{
    bottom: 0;
    left: 0;
    margin: auto;
    max-height: 116px;
    max-width: 198px;
    position: absolute;
    right: 0;
    top: 0;
}

.write-wrapper
{
    width:100%;
    background: url(img/landing_pic2.png) #003967 50% 0px no-repeat;
    height: 375px;
    position: relative;
    background-attachment: fixed;
    margin:30px auto;
}

@media (max-width: 1170px){
    .write-wrapper
    {
        background-attachment: initial;
        background-position: 50% -300px !important;
    }
}

@media (max-width: 767px)
{
    .write-wrapper
    {
        display: none;
    }
}

.write-wrapper h2
{
    color:#fff;
    font-weight: normal;
    margin:45px auto ;
}

.write-wrapper p
{
    font-size: 1.125em;
    color:#fff;
    line-height: 2em;
    width: 67%;
    margin: auto;
}

@media (max-width: 992px)
{
    .write-wrapper p
    {
        width: 95%;
    }
}

@media (max-width: 767px)
{
    .write-wrapper p
    {
        width:100%;
    } 
}

.write-wrapper a
{
    border:1px solid #fff;
    padding:15px;
    font-size: 22px;
    color:#fff;
    margin: 25px auto;
    display: block;
    width:16%;
    text-align: center;
}


@media (max-width: 1200px)
{
    .write-wrapper a
    {
        width:25%;
    } 
}

@media (max-width: 767px)
{
    .write-wrapper a
    {
        width:35%;
    } 
}

@media (max-width: 560px)
{
    .write-wrapper a
    {
        width:60%;
    } 
}

.write-wrapper a:hover, .write-wrapper a:focus
{
    text-decoration: none;
    color:#3cafff;
    border:1px solid #3cafff;
}
footer
{
    margin-top:60px;
    color:#fff;
    background-color: #003967;
    padding:40px 0;
}
footer .menu.navbar-nav{
    float: left;
    list-style: none;
    margin: 0;
    padding: 5px 0 0;
    width:75%;    
}
footer .menu.navbar-nav li a{
    color:#fff;
    font-weight: 600;
    text-decoration: none;
}
footer .menu.navbar-nav li{
    float: left;
}
.menu-footer-container{
    float: left;    
    margin-top: 10px;

}


footer a.pzn
{
    background: url(img/logo_pzn.png) left center no-repeat;
    height: 54px;
    width:54px;
    display: block;
    /*padding: 5px 0 0 65px;*/
    padding: 0;
    margin: 0 10px 0 0;    
    font-weight: 600;
    float: left;    
    font-size: 0px;
}


@media (max-width: 992px)
{
    footer a.pzn
    {
        font-size: 13px;
        /*padding: 0px 0 0 65px;*/
    }

    footer .menu.navbar-nav{
        float: left;
        list-style: none;
        margin: 0;
        padding: 0;
        width:75%;    
    }
}

@media (max-width: 767px)
{
    footer a.pzn
    {
        /*width: 50%;*/
        width:54px;
        /*margin: 5px auto;*/
    }
    footer .menu.navbar-nav{
        float: left;
        list-style: none;
        margin: 0;
        padding: 5px 0 0;
        width:75%;    
    }
    .menu-footer-container{
        display: block;
        float: none;
        margin-left: auto;
        margin-right: auto;
        margin-top: 10px;
        width: 50%;

    }
}

@media (max-width: 600px)
{
    .menu-footer-container{
        width: 76%;
        margin-left: auto;
        margin-right: auto;
        float: none;
    }
    footer a.pzn
    {
        /*width: 52%;*/
        width:54px;
    }
    footer .menu.navbar-nav{
        float: left;
        list-style: none;
        margin: 0;
        padding: 5px 0 0;
        width:77%;    
    }
}

@media (max-width: 500px)
{
    footer a.pzn
    {
        /*width: 85%;*/
        width: 54px;

    }
    footer .menu.navbar-nav{
        float: left;
        list-style: none;
        margin: 0;
        padding: 5px 0 0;
        width:70%;    
    }
}

@media (max-width: 400px)
{
    footer a.pzn
    {
        /*width: 85%;*/
        width:54px;
    }
    footer .menu.navbar-nav{
        float: left;
        list-style: none;
        margin: 0;
        padding: 0;
        width:70%;    
    }
}

footer a.pzn:hover, .footer a.tt:hover
{
    text-decoration: none;
}

footer a.tt
{
    color:#fff;
    font-size: 18px;
    /*text-align: center;*/
   /* display: block;*/
    /*clear: both;*/
    font-size: 12px;
    font-weight: 300;
    margin-left: 5px;
    text-decoration: underline;
}

@media (max-width: 992px)
{
    footer a.tt{
        /*    font-size: 17px;*/
        display: inline;
        float: none !important;
    }
    footer .copy_info span, footer .copy_info a{
        float: none !important;
    }
    .foot_text{
        /*margin-top: 30px !important;*/
    }
}

footer p
{
    font-weight: 300;
    font-size: 12px;
    color:#fff;
    text-align: center;
    margin:10px 0 0 0;
}

footer .social-icons
{
    float:right;
}

@media (max-width: 767px)
{
    footer .social-icons
    {
        float:none;
        text-align: center;
        margin:10px auto;
    }

    footer .copy_info, footer .textwidget{

        float: none !important;
    }
}

footer .social-icons .email
{
    background-image: url(img/email_icon.png);
    display: inline-block;
    height: 64px;
    width: 64px;
    margin-right: 10px;
    font-size: 0px;
    text-indent: -9999px;
}

footer .social-icons .twitter
{
    background-image: url(img/twitter_icon.png);
    display: inline-block;
    height: 64px;
    width: 64px;
    font-size: 0px;
    text-indent: -9999px;
}

/* Images */

img {
    max-width: 100%;
}
#content img {
    height: auto;
    width: auto;
}
#content .alignleft,
#content img.alignleft {
    float: left;

}
#content .alignright,
#content img.alignright {
    float: right;

}
#content .aligncenter,
#content img.aligncenter {
    clear: both;
    display: block;
    margin-left: auto;
    margin-right: auto;
}
#content img.alignleft,
#content img.alignright,
#content img.aligncenter {
    margin-bottom: 0px;
}

/*animation on the home page*/
.border
{
    border-bottom:2px solid #888888;
}

@media (max-width: 992px)
{
    .border
    {
        border-bottom:none;
    }
}
#Stage 
{
    height: 370px;
    position: relative;
    overflow: hidden;

    width:660px;
    margin:0 auto;
}

@media (max-width: 992px)
{
    #Stage
    {
        display: none;
    }
    footer .copy_info, footer .textwidget{

        float: none !important;
    }

}
#Stage span {
    position: absolute;
    bottom: -100%;
    transition: all 1s;
    -webkit-transition: all 1s;
    cursor: pointer;
}
#Stage.visible span {
    bottom: 0;
}
#Stage span:nth-child(1) {
    z-index: 5;
    transition: 1s;
    -webkit-transition: 1s;  
}
#Stage span:nth-child(2) {
    z-index: 4;
    left: 120px;
    transition-delay: 250ms;
    -webkit-transition-delay: 250ms;
}

#Stage span:nth-child(3) {
    z-index: 3;
    left: 240px;
    transition-delay: 500ms;
    -webkit-transition-delay: 500ms;
}
#Stage span:nth-child(4) {
    z-index: 2;
    left: 360px;
    transition-delay: 750ms;
    -webkit-transition-delay: 750ms;
}

body.pl .phone-first
{
    background:  url(img/ladningpage_animacja01_pl.png);
    display: block;
    height: 315px;
    width: 288px;
}
body.pl .phone-second
{
    background:  url(img/ladningpage_animacja02_pl.png);
    display: block;
    height: 260px;
    width: 290px;
}
body.pl .phone-third
{
    background:  url(img/ladningpage_animacja03_pl.png);
    display: block;
    height: 218px;
    width: 289px;
}
body.pl .phone-fourth
{
    background:  url(img/ladningpage_animacja04_pl.png);
    display: block;
    height: 188px;
    width: 286px;
}

body.en .phone-first
{
    background:  url(img/ladningpage_animacja01_en.png);
    display: block;
    height: 315px;
    width: 288px;
}
body.en .phone-second
{
    background:  url(img/ladningpage_animacja02_en.png);
    display: block;
    height: 260px;
    width: 290px;
}
body.en .phone-third
{
    background:  url(img/ladningpage_animacja03_en.png);
    display: block;
    height: 218px;
    width: 289px;
}
body.en .phone-fourth
{
    background:  url(img/ladningpage_animacja04_en.png);
    display: block;
    height: 188px;
    width: 286px;
}
body.pl .scrollup
{
    background: url(img/back_to_top_pl.png);
    height: 68px;
    width: 125px;
    margin:10px auto;
    display: block;
    content:"Do góry";
    font-size: 0px;
    text-indent: -9999px;
}

body.en .scrollup
{
    background: url(img/back_to_top_en.png);
    height: 68px;
    width: 125px;
    margin:10px auto;
    display: block;
    font-size: 0px;
    text-indent: -9999px;
}

footer .copy_info, footer .textwidget{
    float: left;
    width:100%;
    font-weight: 300;
    font-size: 12px;
    line-height: 13px;
    color:#fff;
    text-align: center;
    margin:0px 3px 0 0;
}
footer .copy_info span,footer .copy_info a{
   /* float: left;*/
}
.foot_text{

    float: left;
    margin-left: auto;
    margin-right: auto;
    /*margin-top: 20px;*/
    width: 100%;
}

@media (max-width: 1280px)
{

    footer a.tt{
        /*    font-size: 17px;*/
        display: inline;
        float: none !important;
    }
    footer .copy_info span, footer .copy_info a{
        float: none !important;
    }
    .foot_text{
        /*margin-top: 30px !important;*/
        float: none !important;
    }
    footer .copy_info, footer .textwidget{
        float: none !important;
    }
    .foot_text{
        /*margin-top: 20px !important;*/
    }
}
.social{
    margin-left: auto;
    margin-right: auto;
    margin-top: 5px;
    width: 300px;
}

a.hupso_counters{
display:none;
}