/* Fonts */
	@font-face {
	    font-family: 'main'; /* medium */
	    src: url('../fonts/a.eot'); /* IE */
	    src: url('../fonts/a.eot?#iefix') format('embedded-opentype'), 
		 url('../fonts/a.woff') format('woff'), /* modern */
		 url('../fonts/a.ttf') format('truetype'), /* all except IE, Iphone */
		 url('../fonts/a.svg#a') format('svg'); /* ios */
	}
    @font-face {
        font-family: 'bold';
        src: url('../fonts/g.eot');
        src: url('../fonts/g.eot') format('embedded-opentype'),
             url('../fonts/g.woff') format('woff'),
             url('../fonts/g.ttf') format('truetype'),
             url('../fonts/g.svg#g') format('svg');
    }

/* Body, .all, a, h#, em */
    body,html{
        height:100%;
    }
    body{
        background:white;
        margin:0;
        padding:0; 
        font-family:'main', arial;
        color:#333333;
        font-size:22px; line-height:28px;
    }
    .white-text, .white-text a{
        color:white;
    }
    .gray-text, .gray-text a{
        color:#333333;
        text-shadow:none!important;
    }
    .all{
        width:100%;
        height:100%;
    }
    a{
        color:#333333;        
    }
    b,strong,h1,h2,h3,h4,h5{
        font-weight:normal;
    }
    b,strong,h1,h3,h4,h5{
        font-family:'bold', arial;
    }
    em{
        /* font-style:italic; */
    }
    h1, h2, h3, h4, h5, h6{
        font-weight:normal;
    }
    
/* Extra & testing */
    .nowrap{
        white-space:nowrap;
    }
    u, .no-u{
        text-decoration:none;
    }
    .hide{
        display:none;
    }
    .border-no{
        border:none!important;
    }
    .w100{
        width:100%;
    }
    .center{
        text-align:center;
    }
    .clear{
        clear:left;
    }
    
/* Repeat CSS3 */ 
    a,
    .m-item .mail-bg, .play-small-bg,
    .content span,
    label,
    .play-bg, .close-bg
    {
		-webkit-transition:all 0.2s ease;
		   -moz-transition:all 0.2s ease;
		     -o-transition:all 0.2s ease;
			    transition:all 0.2s ease;
	}
    
/* Colors > colors.css */
    
/* Head */
    .header{
        width:100%;
        float:left;
        height:100px;
    }
    /* Logo  */
        .logo{
            top:29px;
        }
            .logo, .logo a, .logo span {
                width:191px;
                height:54px;
                position:absolute;
                right:5%;
                margin-right:-14px
            }
            .logo a, .logo span{
                overflow:hidden;
                text-indent:-2000px;
                float:left;
                background-size:100% auto !important;
                background-position:50% 50% !important; 
                background-repeat:no-repeat !important;
                background:url('../img/logo_x2.png');
            }
    /* Menu: */
        .menu-button{
            display:none;
        }
        .menu{
            position:relative;
            left:5%;
            top:33px;
            width:50%;
        }
            .m-item a{
                height:52px;
                float:left;
                padding:13px 0 0 63px;
                text-decoration:none;
            }
                .m-item .mail-bg{
                    background:url('../img/head/contact_x2.png') 0 0 no-repeat;
                    background-size:52px auto;
                    height:52px;
                    width:52px;
                    position:absolute;
                    margin:-13px 0 0 -63px;
                }
            .m-item a:hover .mail-bg{
                transform:rotate(21.5deg);
                -ms-transform:rotate(21.5deg); /* IE 9 */
                -webkit-transform:rotate(21.5deg); /* Opr, Chr, Sfr */
            }
            
/* Headlines, p: */
    h1{
        font-size:56px; line-height:58px;
        margin-bottom:11px;
    }
    h2{
        font-size:70px; line-height:65px;
    }
        h2.h2big{
            font-size:90px; line-height:90px;
        }
        h2.h2big em{
            font-size:60px;
            line-height:50px;
        }
    h3{
        font-size:22px; line-height:28px;
        padding:10px 0 16px 0;
    }
    h4{
        font-size:27px; line-height:32px;
        margin:1px 0 0px 0;
    }
    p{
        padding-bottom:14px;
    }
    
/* Content, types: */
    .content{
        clear:left;
        width:650px; width:500px;
        margin:68px 0 0 -325px; margin-left:-250px;
        left:50%;
        position:relative;
        text-align:center;
    }
    .content100w{
        width:100%;
        margin:0;
        padding:40px 0 28px 0;
        left:0;
    }
    .column50{
        float:left;
        width:50%;
    }
    .column650{
        width:650px;
        margin-left:-75px;
    }

/* Content, modules: */

    /* Contacts: */
        .plane-bg{
            background:url('../img/contacts/plane-red_x2.png') 0 0 no-repeat;
            background-size:52px auto;
            height:52px;
            width:52px;
            position:relative;
            left:50%;
            margin:0px 0 10px -26px;
        }
        
    /* Form: */
        form{   
            padding-top:10px;
        }
        form h3{
            padding:0 0 29px 0;
            margin-top:-10px;
        }
        input, 
        textarea,
        form select
        {
            background:none;
            border:none;
            font-size:22px;
            line-height:28px;
            font-family:'main', arial;
            padding:13px 8px 2px 8px;
            color:#333333;
            text-align:left;
        }
        form select{
            -webkit-appearance: none;
        }
            input{
               border-bottom:1px solid #EEEEEE;
               clear:right;
               float:right;
               margin-right:60px;
               width:200px; width:184px;
            }
                .input2{
                    padding-top:10px;
                }
            textarea{
                float:left;
                width:452px; width:422px;
                height:280px; height:217px;
                background:#EEEEEE;
                padding:13px 15px 50px 15px;
                border-radius:8px; -moz-border-radius: 100%;
                /* FIX */
            }
                .form-out{
                    background-image:url('../img/contacts/form_x2.png');
                    background-size:30px auto !important;
                    width:30px; height:24px;
                    position:absolute;
                    z-index:-1;
                    margin:20px 0 0 -30px;
                }
        /* Submit */
            .cta-submit{
                clear:left;
                float:left;
            }
            .submit{
                display:block;
                border:none;
                background-image:url('../img/contacts/submit_x2.png');
                background-repeat:no-repeat;
                background-position:50% 0%;
                background-size:98px auto !important;
                width:98px;
                padding:103px 0 42px 0;
                margin:-49px 0 0 -49px;
                text-align:center;
                position:relative;
                cursor:pointer;
            }
				@-moz-document url-prefix() {
                    .submit{
                    }
				}
				
    /* Read more */
        .content span{
            padding:6px 8px 2px 8px;
            cursor:pointer;
            white-space:nowrap;
        }
        .content span:hover{
            color:white;
        }
        
    /* Slides: */
        .slide{
            clear:left;
            position:relative;
            width:100%;
                xwidth:50%;
                xleft:25%;
            height:100%;
            overflow:hidden; /* for Cover */
        }
            .slide .cover{
                position:absolute; /* for pScroll */
            }
            .pscroll{
                xopacity:0.5; 
            }
                img.cover-by-height{
                }
                .cover-by-width{
                }
            .slide h2{
                position:absolute;
                z-index:1;
                left:6%;
                margin-left:-6px;
                top:60px;
                text-shadow: 0px 1px 1px rgba(0, 0, 0, 0.33);
            }
                .slide h2.h2big{
                    top:56px;
                    margin-left:-8px;
                }
            .slide .slide-info{
                position:absolute;
                z-index:1;
                width:100%;
                height:100%;
            }
            /* Cloud's block: */
                .slide-info .block{
                    position:absolute;
                    xopacity:0; /* for animation */
                }
                    .block .shape{
                        position:absolute;
                            xopacity:0.5;
                    }
                    .block .b1,
                    .block .b2,
                    .block .b3,
                    .block .b4
                    {
                        border-radius:100%; -moz-border-radius: 100%;  
                    }
                        .block .b1{
                            width:96px;
                            height:96px;
                            top:64px; top:112px;
                            left:8px; left:56px; left:126px;
                        }
                        .block .b2{
                            width:62px;
                            height:62px;
                            top:28px; top:59px;
                            left:46px; left:77px;
                        }
                        .block .b3{
                            width:117px;
                            height:117px;
                            top:0px; top:58px;
                            left:90px; left:148px;
                        }
                        .block .b4{
                            width:96px;
                            height:96px;
                            top:64px; top:112px;
                            left:150px; left:198px; left:128px;
                        }
                        .block .s1{
                            width:142px; 
                            height:80px;
                            top:80px; top:120px;
                            left:56px; left:127px;
                            border-radius:100%; -moz-border-radius: 100%; 
                        }
                            .block .b1,
                            .block .b2,
                            .block .b3,
                            .block .b4,
                            .block .s1
                            {
                                width:0;
                                height:0;
                                xtop:160px; top:174px;
                                xleft:123px; left:128px;
                            }
                                .block .s1{
                                    top:80px;
                                    left:127px; 
                                }
                            .cloud-yellow .b1,
                            .cloud-yellow .b2,
                            .cloud-yellow .b3,
                            .cloud-yellow .b4,
                            .cloud-yellow .s1
                            {
                                left:341px;
                            }
                                .cloud-yellow .s1{
                                    left:340px; 
                                }
                            .cloud1 .b1,
                            .cloud1 .b2,
                            .cloud1 .b3,
                            .cloud1 .b4,
                            .cloud1 .s1
                            {
                                left:205px; 
                            }
                                .cloud1 .s1{
                                    left:204px; 
                                }
                        .cloud-o{
                            border-radius:100%; -moz-border-radius: 100%; 
                            border:1px solid;
                            width:36px; height:36px; 
                            position:absolute;
                            /* Big: */
                            width:116px; height:116px;
                            bottom:-40px; left:-40px;
                        }
                        .touch .cloud-o{
                            width:76px; height:76px;
                            bottom:-20px; left:-20px;
                        }
                /* Blue: */ 
                    .slide-info .cloud-blue{
                        width:246px;
                        height:272px; 
                    }
                        .slide-info .cloud-blue .cloud-bg{
                            background: url('../img/slides/cloud-blue2_x2.png') no-repeat 0% 100%; 
                            background-size:246px auto !important;
                            width:38px;
                            height:38px;
                            position:absolute;
                            bottom:0;
                        }
                        .info-text{
                            position:relative;
                            overflow:hidden;
                        }
                        .cloud-blue .info-text{
                            padding:52px 0 0 61px;
                            width:164px;
                            height:0px;
                            font-size:21px; line-height:24px;
                        }
                           .cloud-blue .info-text-inside{
                                width:164px;
                                position:relative;
                                z-index:1;
                            }
                        .cloud-blue em{
                            font-size:16px;
                        }
                        .play-small{
                            height:39px;
                            margin:6px 0 0 -16.5px;
                            padding:8px 0 0 47px;
                            font-size:18px;
                            clear:left;
                            float:left;
                            text-decoration:none;
                        }
                            .play-small-bg{
                                background-image:url('../img/slides/play-small_x2.png');
                                background-repeat:no-repeat;
                                background-position:0 0;
                                background-size:39px auto !important;
                                height:39px;
                                width:39px;
                                position:absolute;
                                margin:-8px 0 0 -47px;
                            }
                                .play-small:hover .play-small-bg{
                                    transform:rotate(-21.5deg);
                                    -ms-transform:rotate(-21.5deg); /* IE 9 */
                                    -webkit-transform:rotate(-21.5deg); /* Opr, Chr, Sfr */
                                }
                /* Yellow: */
                    .slide-info .cloud-yellow{
                        width:460px;
                        height:282px;
                    }
                        .slide-info .cloud-yellow .cloud-bg{
                            background: url('../img/slides/cloud-yellow2_x2.png') no-repeat 0% 100%; 
                            background-size:460px auto !important;
                            width:38px;
                            height:38px;
                            position:absolute;
                            bottom:0;
                        }
                        .cloud-yellow .info-text{
                            background: url('../img/slides/cloud-yellow3_x2.png') no-repeat 0% 0%;
                            background-size:460px auto !important;
                            width:460px;
                            height:282px; height:0px;
                        }
                        
                /* Red: */
                    .slide-info .cloud1{
                        width:324px;
                        height:206px;
                    }
                        .slide-info .cloud1 .cloud-bg{
                            background: url('../img/slides/cloud12_x2.png') no-repeat 0% 100%;
                            background-size:324px auto !important;
                            width:38px;
                            height:38px;
                            position:absolute;
                            bottom:0;
                        }
                        .cloud1 .info-text{
                            padding:44px 0 0 123px;
                            width:164px;
                            height:0px;
                            font-size:21px; line-height:24px;
                        }
                    .text-longer{
                        font-size:24px; line-height:29px;
                        text-shadow: 0px 1px 1px rgba(0, 0, 0, 0.33);
                    }
                        .text-longer .text-only{
                            xwidth:100%;
                            xmargin-left:25px;
                            margin-top:50px;
                        }
                            .blue-bg .text-longer .text-only{
                                xmargin-left:-25px;
                                margin-top:-50px;
                            }
                        .slide h2{
                            xmargin-top:-25px;
                        }
                            .blue-bg.slide h2{
                                xmargin-top:25px;
                            }
            
    /* Play: */
        .play,
        .close
        {
            width:198px;
            /* height:98px; */
            text-align:center;
            left:50%;
            position:relative;
            margin:25px 0 0 -99px;
            padding:104px 0 22px 0;
            cursor:pointer;
        }
        .close{
            top:-179px;
            margin-bottom:-179px;
            opacity:0;
        }
            .play-bg,
            .close-bg
            {
                background-image:url('../img/head/play_x2.png');
                background-repeat:no-repeat;                           
                background-position:50% 0%;
                background-size:98px auto !important;
                width:98px;
                height:98px;
                top:0;
                position:absolute;
                margin-left:50px;
            }
            .close-bg{
                background-image:url('../img/head/close_x2.png');
            }
            .play-bg:hover,
            .close-bg:hover
            {
                transform:rotate(21.5deg);
                -ms-transform:rotate(21.5deg); /* IE 9 */
                -webkit-transform:rotate(21.5deg); /* Opr, Chr, Sfr */
            }
        .video-block{
            width:640px;
            height:360px; height:0px;
            position:relative;
            overflow:hidden;
            margin:0px 0 30px -70px;
        }
                
    /* Bubbles: */
        .book-infographic{
            clear:left;
            position:relative;
            width:100%;   
            top:26px;
        }               
        /* Bubbles: */
            .bubbles{
                position:relative;
                width:300px;
                height:300px;
            }
            .left-bubbles{
                position:absolute;
                left:50%;
                margin-left:-475px;
            }
                .bubble-l{
                    background-image:url('../img/head/il1_x2.gif');
                    background-repeat:no-repeat;
                    /* background-position:50% 50%; */
                    background-size:300px auto !important;
                }
            .right-bubbles{
                position:absolute;
                right:50%;
                margin-right:-475px;
            }
                .bubble-r{
                    background-image:url('../img/head/il2_x2.gif');
                    background-repeat:no-repeat;
                    /* background-position:50% 50%; */
                    background-size:300px auto !important;
                }
            .book-bubbles{
                left:50%;
                margin:244px 0 0 -150px;
            }
                .bubble{
                    position:absolute;
                    margin:0%;
                    width:100%;
                    height:100%;
                    border-radius:100%; -moz-border-radius: 100%;  
                }
                    .bubble4,
                    .bubble5,
                    .bubble6
                    {
                        background-image:url('../img/head/symbol1_x2.png');
                        background-size:300px auto !important;
                        background-position:50% 50%;
                        /*
                        -webkit-transform: rotate(0deg);
                        -moz-transform: rotate(-90deg);
                        */
                    }
                    .bubble5{
                        background-image:url('../img/head/symbol2a_x2.png');
                    }
                    .bubble6{
                        background-image:url('../img/head/symbol2b_x2.png');
                    }
                    .bubble2{
                        background:white;
                    }
                    .bubble1, 
                    .bubble3,
                    .bubble4,
                    .bubble5,
                    .bubble6,
                    .bubble-l,
                    .bubble-r
                    {
                        margin:50%;
                        width:0%;
                        height:0%; 
                    }
                    
/* Author */
	.author{
		width:15px;		
		font-size:13px; line-height:15px;
		white-space:nowrap;
		padding:0px 0 0 20px;
		position:relative;
		z-index:1;
		float:left;
		margin-top:-191px;
	}
		.author .made{
			margin:38px 0 0 -27px;
			padding-left:24px;
			float:left;
			-webkit-transform: rotate(-90deg); /* Safari, Chrome */
			-moz-transform: rotate(-90deg); /* Firefox */
			-ms-transform: rotate(-90deg); /* IE */
			-o-transform: rotate(-90deg); /* Opera */
			filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=3); /* Internet Explorer */
		}
		.author a{
			width:15px;
			height:108px;
			float:left;
			background-image:url('../img/author_x2.png');
			background-repeat:no-repeat;
			background-size:100% auto !important;
		}