/**
 *  font-family: 'PT Sans', sans-serif;
 * font-family: 'PT Sans Narrow', sans-serif;
 */
  
  *{
    margin: 0;
    padding: 0;
    font-family: 'PT Sans', sans-serif;
}


.clear{
    clear: both;
}
.wrapper{
    width:960px;
    margin: 0 auto;
    text-align: center;
}

.header{
 background-image: url("../images/blueBg.png");
    overflow: hidden;
    
}

.left{
    float: left;
}

.right{
    float: right;
}
.mark{
      background-image: url("../images/UTCY_nQooxA.png");
width: 88px;
height: 15px;


    }
	
	.sil{
z-index: 9999;
top: 148px;
left: 615px;
position: relative;
    }
    .logo{
      background-image: url("../images/logo.png");
    background-repeat: no-repeat;
    float: left;
    height: 105px;
    margin: 41px 0 0;
    overflow: hidden;
    width: 345px;
    }
    
    .call{
        
    float: right;
    font-family: 'PT Sans',sans-serif;
    font-size: 24px;
    font-style: italic;
    margin: 46px 0 0;
    width: 526px;
    position: relative;
    }
        .call p{
            float: left;
        }
    .phone{
    font-family: 'PT Sans Narrow',sans-serif;
    font-size: 24px;
    font-style: normal;
    font-weight: bold;
    margin: 0 0 0 133px;
    position: absolute;
    right: 0;
        
    }
    
        .call .arrow{
            background-image: url("../images/inputSprite.png");
    background-position: -102px 6px;
    background-repeat: no-repeat;
    height: 26px;
    left: 228px;
    position: absolute;
    top: 0;
    width: 92px;
            
        }
        .call .thelephone{
            background-image: url("../images/inputSprite.png");
    background-position: -68px -70px;
    background-repeat: no-repeat;
    height: 26px;
    left: 325px;
    position: absolute;
    top: 6px;
    width: 29px;
        }
        
            .call .btn{margin: 49px 0 0 321px;
    width: 205px;}
    
    .header .wrapper{
    
 
    background-repeat: no-repeat;
    overflow: hidden;
    }
    
    
    .cubes{
      background-image: url("../images/cubes.png");
    background-position: center 0;
    background-repeat: no-repeat;
    overflow: hidden;
    }
    .comics{
     background-image: url("../images/comics.png");
    background-position: -5px 162px;
    background-repeat: no-repeat;
    overflow: hidden;
    padding: 0;
    }
    
    
    .slogan{
     background-color: rgba(0, 0, 0, 0.6);
    color: #FFFFFF;
    float: left;
    height: 141px;
    margin: 267px 36px 33px;
    text-shadow: 1px 4px 1px #000000;
    width: 809px;
    }


        h1{
           font-family: 'PT Sans',sans-serif;
    font-size: 48px;
    font-weight: normal;
    margin: 13px 0 0;
        }
        .slogan p{
              font-family: 'PT Sans',sans-serif;
    font-size: 30px;
    margin: 3px 0 0 47px;
    text-transform: uppercase;
        }
    
    
    .btn{
        background-image: url("../images/btn.png");
    background-repeat: repeat-x;
    border-radius: 8px;
    color: #FFFFFF;
    display: block;
    font-family: "PT Sans";
    font-size: 16px;
    font-weight: bold;
    height: 32px;
    padding-left: 0 !important;
    text-align: center;
    text-decoration: none;
    text-transform: uppercase;
    width: 212px;
    }
    
    .btn:hover{
        background-position: 0 -43px;
          }
            .btn:active{
        background-position: 0 -85px;
          }



.with-form-timer{
    background-image:url("../images/darkBlueBg.png") ;
    overflow: hidden;
}

    .with-form-timer .left{
     height: 274px;
    margin: 54px 0 44px;
    width: 565px;   
    border-radius: 11px;
      background-image: url("../images/whiteBlueBg.png");
      position: relative;
    }

    .with-form-timer .price{
   
    
    height: 136px;
    text-align: center;
    
    }
    
    .lenta{
         background-image: url("../images/price.png");
    background-position: center 11px;
    background-repeat: no-repeat;
    }
    
    .reflex{
        background-image: url("../images/down_reflex.png");
    background-repeat: repeat-x;
    bottom: 0;
    height: 78px;
    position: absolute;
    width: 565px;
    z-index: 1;
    }
     .with-form-timer .price p{
          font-size: 17px;
    margin: 4px 0 0;
     }
     
     .with-form-timer .price p strong{
         display: block;
    font-family: PT Sans Narrow;
    font-size: 48px;
    height: 52px;
    margin: 0;
    padding: 9px 0 0;
        
     }
     
      .attention strong{
       font-size: 19px !important;
    font-weight: bold;
    padding: 0 !important;
      }
     
      .with-form-timer .price p span{
          font-size: 19px;
      }
    
        .old-price{
            text-decoration: line-through;
        }
    .with-form-timer .price .reflex{
        
    }
    
    .with-form-timer .price .timer{
        background-image:url("../images/dash.png") ;
        background-repeat: no-repeat;
    }
    
    
    
    .timer{
     background-image: url("../images/dash.png");
    background-repeat: no-repeat;
    height: 147px;
    margin: 0 auto;
    position: relative;
    width: 330px;
    z-index: 2;
    
    }
    
    
    
    .with-form  {
        
    }
    
       form{
    background-color: #FFFFFF;
    border-radius: 11px;
    height: 260px;
    margin: 53px 0 0;
    padding-top: 16px;
    text-align: center;
    width: 360px;
    position: relative;
    }
    
            form p{
        color: #FE5D2F;
    font-family: "PT Sans Narrow";
    font-size: 24px;
    font-weight: bold;
    line-height: 1.1;
    margin-bottom: 18px;
    text-transform: uppercase;
    }
    
            form input{
         border: 1px solid #C0C0C0;
    border-radius: 7px;
    font-style: italic;
    height: 30px;
    margin-bottom: 6px;
    padding-left: 34px;
    width: 177px;
    background-image:url("../images/txtBg.png") ;
    background-repeat: repeat-x;
    }
    
          form .btn{margin: 12px 0 0 74px;}
    
    .icon{
        background-image:url("../images/inputSprite.png") ;
        background-repeat: no-repeat;
        height: 20px;
        width: 20px;
        position: absolute;
        left: 84px;
    }
    
    .icon1{top: 98px;}
    .icon2{ background-position: 0 -37px;
    top: 133px;}
    .icon3{ background-position: 0 -79px;
    top: 171px;}
    
    
    .h2-wrap{
        
    }
    
      .h2-wrap .left{
        background-image:url("../images/inputSprite.png") ;
        background-repeat: no-repeat;
        
    }
    
     .h2-wrap .right{
        background-image:url("../images/inputSprite.png") ;
        background-repeat: no-repeat;
    }
    
    h2{
        text-transform: uppercase;
        font-size: 36px;
        font-family: "PT Sans Narrow";
    }
    
    
    
  .for-h2{
   margin: 0 auto 45px;
    padding-top: 42px;
  }
    
    .orange-span{
        color: #fe5d2f;
    }
    
    .left-h2{
       background-image: url("../images/inputSprite.png");
    background-position: -42px -19px;
    background-repeat: no-repeat;
    width: 67px;
    display: block;
    height: 38px;
    }
      .right-h2{
       background-image: url("../images/inputSprite.png");
    background-position: -23px -19px;
    background-repeat: no-repeat;
    width: 73px;
    display: block;
    height: 38px;
    }
    
    .take-part{
        background-image: url("../images/whiteBg.png");
    overflow: hidden;
    }
    
   .mac-book{
     background-image: url("../images/macBook.png");
    background-position: center 0;
    background-repeat: no-repeat;
    height: 410px;
    
   } 
   
     .description{
    
   }
   
    .description p{ 
    font-size: 18px;
    margin: 29px 0 89px 77px;
    text-align: left;
    width: 786px;
   } 
   
    .noise-border{
        background-image: url("../images/wave.png");
    background-repeat: repeat-x;
    height: 24px;
    margin: -10px 0 0;
    }
    
    .what-is{
   background-image: url("../images/blueBg.png");
    padding-bottom: 27px;
    }
    
    
    .what-is .wrapper{
        position: relative;
    }
    
    .left-vertical-line{
       background-image: url("../images/dotLine_vertical.png");
    height: 754px;
    left: 0;
    position: absolute;
    top: -18px;
    width: 2px;
    z-index: 6;
    }
    .right-vertical-line{
        
       background-image: url("../images/dotLine_vertical.png");
    height: 754px;
    right: 0;
    position: absolute;
    top: -18px;
    width: 2px;
    z-index: 6;
    }
    
    
    .what-is p{
          font-size: 18px;
    margin: 15px 0 0 84px;
    text-align: left;
	width: 87%;
    }
    
    .triangle-down{
      background-image: url("../images/BlueTriangle_down.png");
    background-position: center 0;
    background-repeat: no-repeat;
    height: 71px;
    position: relative;
    z-index: 5;
        
    }
    
    
    .programm{
         background-image: url("../images/darkBlueBg.png");
    margin-top: -55px;
    overflow: hidden;
    position: relative;
    z-index: 1;
        
    }
    
    
    
    .h2-light{
       background-image: url("../images/ProgrammLight.png");
    background-position: center -98px;
    background-repeat: no-repeat;
    overflow: hidden;
    }
    
    
    .programm .for-h2{
          color: #303C52;
    padding-top: 87px;
    }
    
    
    .vertical-line-blue{
        background-color: #5AC9F4;
    float: left;
    height: 550px;
    position: relative;
    top: -12px;
    width: 1px;
    }
    
    .programm .left-col{
            float: left;
    margin-right: 32px;
    width: 446px;
    }
    .programm .right-col{
      float: left;
    margin: 0 0 0 50px;
    width: 426px;
    }
    
    .programm ul{
         padding-left: 26px;
    text-align: left;
    }
    
    .programm ul li{
    color: #FFFFFF;
    list-style-image: url("../images/li.png");
    margin: 0 0 17px;
    }
    
    .horizontal-line{
         background-image: url("../images/dotLine_horizontal.png");
    height: 1px;
    margin: 30px 0 0;
    }
    
    
    
    
    .they-use{
   background-image: url("../images/whiteBg.png");
    overflow: hidden;
    padding-bottom: 62px;
   
    }
    
    
    .they-use .wrapper{
         position: relative;
    }
     .they-use .item{
         float: left;
    margin: 0 35px;
    width: 250px;
    font-family: "PT Sans Narrow";
    }
    
     .they-use .item img{
        
    }
    
    .they-use .item div{
       background-color: #FE5D2F;
    height: 50px;
    margin: 0 0 13px;
    padding: 0;
    position: relative;
    top: -4px;
    }
     .they-use .item div p{
        color: #FFFFFF;
    text-align: center;
    font-size: 30px;
    text-align: center;
    }
    
    
    
     .they-use .item p{
        font-size: 18px;
        text-align: left;
    }
    
     .they-use .for-h2{
         margin-bottom: 41px;
     }
    
    .they-use table{
        
    }
    
     .they-use table .digit{
        color: #FE5D2F;
    font-weight: bold;
    padding: 0 26px;
    font-size: 18px;
    }
    
    .they-use table tr{
        
    }
    .they-use table td{
        
    }
    
    .they-use table .left-T{
      height: 35.3px;
    line-height: 1.5;
    padding-top: 0;
    text-align: right;
    width: 402px;
    }
    
    
    .they-use table .right-T{
          height: 44px;
    line-height: 1.5;
    text-align: left;
    width: 402px;
    }
    
    
    .they-use .left-table{
        float: left;
    padding: 4px 0 0;
        
    }
    
    .they-use .right-table{
         float: left;
    }
    
    
    .small-margin{
        margin-bottom: 11px !important;
    }
    
    .thumb-up{ margin-bottom: 14px;}
    
    .vertical-line-orange{
            background-color: #FFA500;
    height: 440px;
    left: 479px;
    position: absolute;
    width: 1px;
    }
    
    
    
    .who-direct{
        
        background-image:url("../images/blueBg.png") ;
    }
    
    
    .who-direct .for-h2{
        
        
    }
    
    
    .who-direct .alex-table{
        
        
    }
    
    
    
    .who-direct .alex-table img{
          margin: 3px 0 0;
        
    }
    
    .who-direct .alex-table tr{
        
        
    }
    
    .who-direct .alex-table td{
        text-align: left;
    vertical-align: top;
        
    }
    
    
    .to-who-direct{ height: 2px;
    margin: -2px 0;
    padding: 2px 0 0;
    position: relative;
    top: 1px;}
    
    
    .who-direct .text{
        
         padding: 0 26px;
    width: 327px;
    font-family: "PT Sans Narrow";
    font-size: 18px;
    }
    
    .who-direct .descr{
       background-color: #FFFFFF;
    height: 76px;
    margin: -4px 0 0;
    text-align: center;
        
    }
    .who-direct .descr p{
        color: #000000;
    font-family: "PT Sans";
    font-size: 18px;
    font-style: italic;
    padding-top: 15px;
    }
    
    
    
    .coment-item{
      font-family: "PT Sans Narrow";
    margin: 127px 0 -94px 114px;
    overflow: hidden;
    text-align: left;
    }
    
    
    .coment-item img{
         float: left;
    margin-top: 6px;
        
    }
    
    
    .coment-item span{
   color: #5AC9F4;
    font-size: 24px;
    margin: 0 0 0 41px;
        
    }
    
    
    .coment-item p{
        
        color: #FFFFFF;
    font-size: 18px;
    margin: 0 0 0 162px;
    }
    
    
    
    .with-comments{
         background-image: url("../images/darkBlueBg.png");
    padding-bottom: 146px;
    }
    
    .with-comments .horizontal-line{
        margin: 0!important;
    }
    
    
    
   footer{
       background-image: url("../images/whiteBg.png");
    overflow: hidden;
    padding-bottom: 22px;
    }
    
    .hidden{
       display: none; 
    }
    
    .applet .icon1 {
         top: 70px;
    }
    
    .applet .icon2 {
         top: 104px;
    }
     .applet .icon3 {
        top: 144px;
    }
    
    
    .applet{
        
    }
    
    .error{
       background-position: 0 -30px;
    }
    
    
    .close{
        background-image: url("../images/close.png");
    background-repeat: no-repeat;
    display: block;
    height: 25px;
    position: absolute;
    right: -23px;
    top: -19px;
    width: 25px;
    }
    
    
    
    .thanks p{
        color: black;
          padding-top: 92px;
    }