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

.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%;
       text-align: center;
   } 
}

.sub-logo
{
	display: block;
	margin:10px auto 30px auto;
	
}

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

#homeLogo
{
	background: url(img/seeing_home.png) no-repeat;
	width:452px;
	height: 160px;
}

#lightLogo
{
	background: url(img/seeing_light.png) no-repeat;
	width:448px;
	height: 197px;
}

#moveLogo
{
	background: url(img/seeing_move.png) no-repeat;
	width:448px;
	height: 158px;
}

#magniferLogo
{
	background: url(img/seeing_zoom.png) no-repeat;
	width:543px;
	height: 173px;
}

.features-list
{
	float:left;
	width: 25%;     
}

@media (max-width: 992px)
{
    .features-list
{
	
	width: 50%;     
}
}
@media (max-width: 767px)
{
    .features-list
{
	float:none;
	width: 100%; 
}
}

.features-list ul
{
	padding: 85px 0;
        position: relative;
        overflow: hidden;
        height: auto;
}
@media (max-width: 1024px)
{
    .features-list ul
{
	padding:0;
        height: auto;
}
}

@media (max-width: 767px)
{
    .features-list ul
    {
        padding:0; 
        height: auto;
        margin: -10px 0;
    }
}

.features-list ul li:after, .features-list ul li
{

    background: url(img/check_icon.png) left center no-repeat;
    height: 60px;
    display: block;
    padding: 10px 0 0 75px;
    margin:110px 0;
    font-size: 18px;
    color:#1a1a1a;
    position: relative;
     left: -100%;
    transition: left 2s;
    -webkit-transition: left 2s;
}
@media (max-width: 1370px){
    .features-list ul li:after, .features-list ul li
    {
        margin:60px 0;
     padding: 20px 0 0 75px;
    }
}
@media (max-width: 1024px){
    .features-list ul li:after, .features-list ul li
    {
        margin:20px 0;
     padding: 20px 0 0 75px;
    }
}
@media (max-width: 767px){
    .features-list ul li:after, .features-list ul li
    {
     transition: none;
     -webkit-transition: none;
     left: 0;
     margin:20px auto;
     padding: 20px 0 0 75px;
     width:290px;
     
    }
}
.features-list ul li:before
{ 
   content: url('img/check.png'); 
   position: absolute;
   left: 14px;
   top: 19px;
   opacity: 0;
   transition: opacity 1s 2s;
   -webkit-transition: opacity 1s 2s;
}
@media (max-width: 767px){
    .features-list ul li:before
    {
         transition: none;
     -webkit-transition: none;
     opacity: 1;
    }
}
.features-list.visible ul li:before
{
   opacity: 1;
 
   
}

.features-list.visible ul li
{
    left:0;
}

.features-list ul li:nth-child(2) {
           
            transition-delay: 250ms;
            -webkit-transition-delay: 250ms;
        }
        
        .features-list ul li:nth-child(2):before
        {
            transition-delay: 2s;
            -webkit-transition-delay: 2s;
        }
        
.features-list ul li:nth-child(3) {
           
            transition-delay: 500ms;
            -webkit-transition-delay: 500ms;
}
        
        .features-list ul li:nth-child(3):before
        {
            transition-delay: 2.25s;
            -webkit-transition-delay: 2.25s;
        }
        
.features-list ul li:nth-child(4) {
           
            transition-delay: 750ms;
            -webkit-transition-delay: 750ms;
        }
        
        .features-list ul li:nth-child(4):before
        {
            transition-delay: 2.5s;
            -webkit-transition-delay: 2.5s;
        }
        
         .features-list:last-child ul li:nth-child(1) {
           
            transition-delay: 1s;
            -webkit-transition-delay: 1s;
        }
        
        .features-list:last-child ul li:nth-child(1):before
        {
            transition-delay: 2.75s;
            -webkit-transition-delay: 2.75s;
        }
        
        .features-list:last-child ul li:nth-child(2) {
           
            transition-delay: 1.25s;
            -webkit-transition-delay: 1.25s;
        }
        
        .features-list:last-child ul li:nth-child(2):before
        {
            transition-delay: 3s;
            -webkit-transition-delay: 3s;
        }
        
.features-list:last-child ul li:nth-child(3) {
           
            transition-delay: 1.5s;
            -webkit-transition-delay: 1.5s;
}
        
        .features-list:last-child ul li:nth-child(3):before
        {
            transition-delay: 3.25s;
            -webkit-transition-delay: 3.25s;
        }
        
.features-list:last-child ul li:nth-child(4) {
           
            transition-delay: 1.75s;
            -webkit-transition-delay: 1.75s;
        }
        
        .features-list:last-child ul li:nth-child(4):before
        {
            transition-delay: 3.5s;
            -webkit-transition-delay: 3.5s;
        }

.phone
{
	width:500px;
	height: 873px;
	float:left;
	margin: 0 42px;
       
}

@media (max-width: 1225px)
{
   .phone
{
	width:475px;
	margin: 0;
       
} 
}

@media (max-width: 992px)
{
    .phone
    {
        display:none;
    }
}

body.pl #homePhone
{
	background: url(img/ip_home_pl.png) no-repeat;
}

body.pl #lightPhone
{
	background: url(img/ip_light_pl.png) no-repeat;
}

body.pl #movePhone
{
	background: url(img/ip_move_pl.png) no-repeat;
}

body.pl #magniferPhone
{
	background: url(img/ip_magnifier_pl.png) no-repeat;
}

body.en #homePhone
{
	background: url(img/ip_home_eng.png) no-repeat;
}

body.en #lightPhone
{
	background: url(img/ip_light_eng.png) no-repeat;
}

body.en #movePhone
{
	background: url(img/ip_move_eng.png) no-repeat;
}

body.en #magniferPhone
{
	background: url(img/ip_magnifier_eng.png) no-repeat;
}

body.pl .app-store
{
	background: url(img/appstore_pl.png) center no-repeat;
	border:2px solid #2574b3;
	display: block;
	margin:20px auto;
	width: 230px;
	height: 80px;
          font-size: 0px;
    text-indent: -9999px;
}

body.en .app-store
{
	background: url(img/appstore_en.png) center no-repeat;
	border:2px solid #2574b3;
	display: block;
	margin:20px auto;
	width: 230px;
	height: 80px;
          font-size: 0px;
    text-indent: -9999px;
}

.sub-menu-container
{
    
}

.sub-menu
{
	list-style-type: none;
	display: inline-block;
	padding: 0;
        position: relative;
        text-align: center;
        width: 100%;
}
@media (max-width: 620px)
{
    .sub-menu
    {
        display: block;
    }
}

.sub-menu li
{
	
	display: inline-block;
        
}

@media (max-width: 620px)
{
   .sub-menu li
{
	
	display: block;
        margin:0 auto;
        text-align: center;
} 
}

.sub-menu li a
{
	display: inline-block;
	border:2px solid #2574b3;
	color: #2574b3;
	font-size: 20px;
	padding: 20px;
	width: 240px;
	margin:20px;
	text-align: center;
}

.sub-menu li a:hover
{
	text-decoration: none;
}