@charset "UTF-8";
/* CSS Document */

    html, body, form{font-family:'Open Sans', Verdana, sans-serif, Arial; color:#464547; }
    
    body.connect{background:url('../img/bg-connect.jpg') no-repeat center center fixed;}
    body.control{background:url('../img/bg-control.jpg') no-repeat center center fixed;}
    body.control.generic.ru{background:url('../img/bg-control-generic-ru.jpg') no-repeat center center fixed;}
    body.operator{background:url('../img/bg-operator.jpg') no-repeat center center fixed;}
    body.operator.generic.ru{background:url('../img/bg-operator-generic-ru.jpg') no-repeat center center fixed;}
    body.cloud{background:url('../img/bg-cloud.jpg') no-repeat center center fixed;}
    body.generic{background:url('../img/bg-generic.jpg') no-repeat center center fixed;}

    .generic {color:#6b98bf;}
    .connect {color:#00a1e1;}
    .control, .control.generic.ru {color:#e73a27;}
    .operator, .operator.generic.ru {color:#f77304;}
    .cloud {color:#6b98bf;}
    
    h1 {font-size:50px;font-weight:500!important;margin:25px 0;line-height:1em;}
    h1, li{color:#464547!important;}
    h2 {font-size:22px;font-weight:600 !important;}}

    ul{font-size:18px;padding-left:50px;}
    li{line-height:1.5em!important;}

    .copy-block{
        opacity: 0.9;
        background-color:#FFF; 
        margin-left: -20px;
        padding-left: 20px;
        /*margin-top: -25px;*/
        padding-top: 25px;  
        padding-bottom:100%;
        height:100%!important;
    }

    .form-block{
        margin: 0 auto;
        border-radius:7px;
        background-color: #F5F5F5;
        padding:20px 20px 40px 20px;  
        margin-top:25px;
        width:80%;
    }
    
    form{margin:0 auto;}
    
    .form-block form input{
        padding:5px!important;
        width:200px!important;
        margin-bottom:-10px!important;
        margin-top: -5px!important;
        height: 30px;
    }
    
    .form-block form select{
        width:200px!important;
        margin-top:-5px!important;
        padding-left:10px!important;  
    }
    
    form .mktoButton{ 
        background-color: #60bc44;
        color:white;
        -webkit-border-radius: 50em;
        -moz-border-radius: 50em;
        border-radius: 3px;
        position: relative;
        overflow: visible;
        display: inline-block;
        padding: 0.4em 1.5em;
        margin: 0;
        text-decoration: none;
        white-space: nowrap;
        cursor: pointer;
        outline: none;
        -webkit-background-clip: padding;
        -moz-background-clip: padding;
        -o-background-clip: padding-box;
        zoom: 1;        
        width:200px;
        margin-top:10px!important;
     }

.mktoForm .mktoGutter{display:none;}
.mktoForm .mktoRequiredField .mktoAsterix {display: none!important;}
.demo-links-block {margin-top:60px;}    


/*iPhone5*/
@media only screen and (min-device-width: 320px) and (max-device-width: 568px) and (-webkit-min-device-pixel-ratio: 2) {
   body{padding-left:0px;padding-right:0px;}
   .content{width:90%!important;}
   
   
    .copy-block.connect, .copy-block.control, .copy-block.control.generic.ru, .copy-block.operator, .copy-block.operator.generic.ru, .copy-block.cloud, .copy-block.generic{width:100%!important; height:100%!important; margin-left:0px!important;padding-bottom:0!important;}
    
    
    .mktoForm input[type=text], .mktoForm input[type=url], .mktoForm input[type=email], .mktoForm input[type=tel], .mktoForm input[type=number], .mktoForm input[type=date], .mktoForm select.mktoField, .mktoForm * {
     width:100%!important;   
    }
    
    form{width:100%!important;}
    
    
    
    
    
    
    
}

/*iPhone6*/
@media only screen and (min-device-width: 375px) and (max-device-width: 667px) and (-webkit-min-device-pixel-ratio: 2) {
    .copy-block.connect, .copy-block.control, .copy-block.control.generic.ru, .copy-block.operator, .copy-block.operator.generic.ru, .copy-block.cloud, .copy-block.generic{width:100%!important; height:100%!important; margin-left:0px!important;padding-bottom:0!important;}
    .mktoForm input[type=text], .mktoForm input[type=url], .mktoForm input[type=email], .mktoForm input[type=tel], .mktoForm input[type=number], .mktoForm input[type=date], .mktoForm select.mktoField, .mktoForm * {
     width:100%!important;   
    }
        form{width:100%!important;}

}

/*iPhone6+*/
@media only screen and (min-device-width: 414px) and (max-device-width: 736px) and (-webkit-min-device-pixel-ratio: 3) {
    .copy-block.connect, .copy-block.control, .copy-block.control.generic.ru, .copy-block.operator, .copy-block.operator.generic.ru, .copy-block.cloud, .copy-block.generic{width:100%!important; height:100%!important; margin-left:0px!important;padding-bottom:0!important;}
    .mktoForm input[type=text], .mktoForm input[type=url], .mktoForm input[type=email], .mktoForm input[type=tel], .mktoForm input[type=number], .mktoForm input[type=date], .mktoForm select.mktoField, .mktoForm * {
     width:100%!important;   
    }
        form{width:100%!important;}

}


/*iPad*/
@media only screen 
  and (min-device-width: 768px) 
  and (max-device-width: 1024px) 
  and (-webkit-min-device-pixel-ratio: 1) {
    .copy-block.connect, .copy-block.control, .copy-block.control.generic.ru, .copy-block.operator, .copy-block.operator.generic.ru, .copy-block.cloud, .copy-block.generic{width:100%!important; height:100%!important; margin-left:0px!important;padding-bottom:0!important;}
    .mktoForm input[type=text], .mktoForm input[type=url], .mktoForm input[type=email], .mktoForm input[type=tel], .mktoForm input[type=number], .mktoForm input[type=date], .mktoForm select.mktoField, .mktoForm * {
     width:100%!important;   
    }
    
    form{width:100%!important;}
}