.page-id-3513 #head, .page-id-3676 #head{
    width: 20%;
    float: left;
    height: 50px;
    }

.page-id-3513 #head .logo, .page-id-3676 #head .logo {
margin: 0 6% !important;
width: 180px;
height: 42px;
    float: left;
}

.page-id-3513 #head .cleaner, .page-id-3676 #head .cleaner {
clear: none !important;
}

.page-id-3513  .cleaner, .page-id-3676  .cleaner {
height: 0;
}

.page-id-3513 #head .login, .page-id-3676 #head .login {
display: none;
}

.page-id-3513 #head .links, .page-id-3676 #head .links {
float: left;
padding: 8px 0 !important;
}

.page-id-3513 #head .links ul li, .page-id-3676 #head .links ul li {
float: none;
}

.page-id-3513 #head .logo h1 a span, .page-id-3676 #head .logo h1 a span {
background-size: 100%;
width: 180px;
height: 42px;
}

.page-id-3513 #head .logo h1, .page-id-3676 #head .logo h1 {
width: 180px;
height: 42px;
padding: 5px 0;
margin: 0;
}

.page-id-3513 #head .logo h1 a, .page-id-3676 #head .logo h1 a {
width: 180px;
height: 42px;
}

.page-id-3513 .container, .page-id-3676 .container {
float: right;
margin: 0 auto;
width: 78% !important;
min-width: 10px !important;
}

.page-id-3513 #nav, .page-id-3676 #nav {
width: 100% !important;
    float: right;
    border: none;
    border-radius: none;
}

.page-id-3513 #nav li a span, .page-id-3676 #nav li a span {
display: none;
}

.page-id-3513 #nav li a.jbt, .page-id-3676 #nav li a.jbt {
-moz-border-radius-bottomright: 0px;
border-bottom-right-radius: 0px;
-moz-border-radius-topright: 0px;
border-top-right-radius: 0px;
}

.page-id-3513 #xbody, .page-id-3676 #xbody{
width: 100%;
min-width: 100% !important;
}

.page-id-3513 #hp, .page-id-3676 #hp{
width: 100%;
}

.page-id-3513 #nav li a:hover.frst, .page-id-3676 #nav li a:hover.frst  {
moz-border-radius-topleft: 0px !important;
border-top-left-radius: 0px !important;
}

.page-id-3513 #nav > li:hover > a, #nav > a:hover, .page-id-3676 #nav > li:hover > a, #nav > a:hover {
border-top: 1px solid #fff;
border-right: 1px solid #fff;
border-left: 1px solid #fff;
}

.page-id-3513 #navigation, .page-id-3676 #navigation{
margin: 0px auto 30pX auto;
padding: 0;
width: 52%;
min-width: 987px;
clear: both;
}


.page-id-3513 #nav ul.subs, .page-id-3676 #nav ul.subs{
border: none !important;
}


.page-id-3513 #nav ul.subs > li, .page-id-3676 #nav ul.subs > li{
width: 20% !important;
padding: 2% !important;
}

.page-id-3513 #nav ul.sps2 > li, .page-id-3676 #nav ul.sps2 > li{
width: 40% !important;
padding: 2% !important;
}

.page-id-3513 #nav ul.sps4 > li, .page-id-3513 #nav ul.sps > li, .page-id-3676 #nav ul.sps4 > li, .page-id-3676 #nav ul.sps > li{
width: 27% !important;
padding: 2% !important;
}


  #mc_embed_signup{
clear: both;
              text-align: center;
      margin-left: 80px;
    }
      
      
    #mc_embed_signup label{
    font-size: 1.5em;
        margin: 5% 0 1% 0;
        display: block;
         font-family: 'nerislight';
        color: #fff;
    }
      
      #mc_embed_signup input{
    font-size: 1.2em;
    padding: 2% 4%;
    border-radius: 20px;
    border: none;
    font-family: 'nerislight';
    margin: 2% 0;
    outline: none;   
    }

  #mc_embed_signup button{
    font-size: 1.2em;
    padding: 2% 4%;
    border-radius: 20px;
    border: none;
    font-family: 'nerislight';
    margin: 2% 0;
    outline: none;    
    }
      
    #mc_embed_signup input[type='email']
    {
   width: 85%; text-align: center; 
    }
      
      #mc_embed_signup button
      {
       cursor: pointer;
          text-transform: uppercase;
       font-family: 'nerissemibold';
          background: #62af32;
          color: white;
          margin: 2% auto 0 auto;
          width: 60%;
    }
      
      #mc_embed_signup button:hover
      {
     background: white;
    color: #62af32;
    }

 #mc_embed_signup button .mobile
      {
          display: none;
    
    }

#raven-full {
    width: 100%;
    font-family: 'neristhin';
    height: 100%;
}

#raven-full .introduce {
text-align: center;
    width: 100%;
  height: 730px;
    background: #2c2c2c url('../img/raventest/raven_bg.jpg') no-repeat center center;
    background-size: cover;
}

#raven-full .introduce h2 {
color: #626262;
font-weight: 100;
margin-top: 0;
margin-bottom: 10px;
text-transform: uppercase;
font-size: 2.2em;
font-family: 'neristhin';
}

#raven-full .introduce_logo {
padding: 2%;
}

#raven-full .introduce_left {
width: 37%;
    margin: 2%;
    float: left;

}

#raven-full .introduce_left span.pricing {
color: #626262;
font-size: 0.8em;

}

#raven-full .introduce_left p {
color: #fff;
font-size: 3.3em;
font-family: 'neristhin';
line-height: 1.4em;
text-align: left;
padding-left: 18%;
    padding-bottom: 20px;
}

#raven-full .introduce_left H1 {
font-family: 'neristhin';
color: #fff;
padding: 0;
margin: 0;
text-align: left;
padding-left: 18%;
font-size: 4em;
}

#raven-full .introduce_left a {
font-family: 'helvetica_thin';
font-size: 0.5em;
background: #62af32;
color: white !important;
padding: 3% 8%;
border-radius: 25px;
border: none;
font-family: 'nerislight';
outline: none;
text-decoration: none;
}

#raven-full .introduce_right {
    width: 55%;
    margin: 2%;
    float: right;
    background: url('../img/raventest/raven_front.png') no-repeat top left;
background-size: contain !important;
height: 522px;
margin-top: -60px;
}


#raven-full .promo_box {
    width:29.3%;
    min-height: 230px;
    float: left;
    text-align: center;
    padding: 2%;
}

#raven-full  a .promo_box {
color: #fff;
font-size: 2.2em;
font-family: 'nerislight';
line-height: 1.4em;
text-align: center;
text-decoration: none;
}

#raven-full .promo_box_black {
background: #2c2c2c url('../img/raventest/raven_features.jpg') no-repeat center center;
background-size: cover;
}

#raven-full .promo_box_blue {
    background: #069edf url('../img/raventest/raven_app.jpg') no-repeat center center;
background-size: cover;
}

#raven-full .promo_box_wood {
background: #ecc089 url('../img/raventest/raven_manager.jpg') no-repeat center center;
background-size: cover;
}

#raven-full .features {
    width: 100%;
    text-align: center;
    margin: 0 auto;
}

#raven-full .features_container {
    width: 85%;
    text-align: center;
    margin: 0 auto;
}

#raven-full .features H2 {
font-weight: normal;
font-size: 3em;
font-family: 'nerislight';
padding: 20px 0;
}

#raven-full .features_white p, #raven-full .features_black p{
font-size: 1.9em;
font-family: 'neristhin';
line-height: 1.5em;
}

#raven-full .features_white {

}

#raven-full .features_black {
     background: #2c2c2c;
    color: #fff;
}

#raven-full .features_black p{
    color: #fff;
}

#raven-full .features_white .features_left {
width: 35%;
float: left;
text-align: left;
margin-top: 90px;
padding-right: 5%;
}

#raven-full .features_white .features_right {
width: 60%;
float: right;
text-align: left;
}

#raven-full .features_black .features_left {
width: 60%;
float: left;
text-align: left;
}

#raven-full .features_black .features_right {
width:35%;
float: right;
text-align: left;
margin-top: 90px;
padding-right: 5%;
}

#raven-full .features_back {
    background: url('../img/raventest/raven_back.png') no-repeat center center;
background-size: contain !important;
height: 550px;
margin-top: 50px;
}

#raven-full .features_screen {
    background: url('../img/raventest/raven_screen.png') no-repeat center center;
background-size: contain!important;
height: 650px;
margin-top: 30px;
}

#raven-full .features_side {
    background: url('../img/raventest/raven_side.png') no-repeat center center;
background-size: contain!important;
height: 650px;
margin-top: 30px;
}


#raven-full .features_draw {
    background: url('../img/raventest/raven_draw.png') no-repeat center center;
background-size: contain!important;
height: 600px;
margin: 40px 0;
}

#raven-full .apps {
text-align: center;
padding: 60px 0;
}

#raven-full .apps H2{
font-weight: normal;
font-size: 3em;
font-family: 'nerislight';
padding: 5px 0;
}

#raven-full .apps H3{
font-weight: normal;
font-size: 2em;
font-family: 'nerislight';
padding: 5px 0;
}



#raven-full .apps_blue {
background: #0094d3;
color: #fff;
}

#raven-full .apps_blue a {
color: #fff !important;
}

#raven-full .apps_blue a:hover {
color: #fff !important;
}


#raven-full .apps_half {
width: 40%;
float: left;
padding: 0 5%;
}

#raven-full .apps_third {
width: 27%;
float: left;
padding: 0 3%;
}

#raven-full .apps_full {
width: 100%;
float: left;
}

#raven-full .apps_half p, #raven-full .apps_third p,  #raven-full .apps_full p{
font-size: 1.6em;
font-family: 'nerislight';
line-height: 1.5em;
}

#raven-full .apps span.fa{
font-size: 4em;
background: #2c2c2c;
    color: #fff;
line-height: 2em;
border-radius: 50%;
display: block;
margin: 20px auto;
height: 100px;
width: 100px;
}

#raven-full .apps_blue span.fa{
font-size: 4em;
background: #fff;
    color: #0094d3;
border-radius: 50%;
}

#raven-full .apps_full span.fa{
float: left; margin-left: 19.5%;
}

#raven-full .apps_blue p{
color: #fff;
}

#raven-full .company{
color: #fff;
background: url(../img/company-solution/wood.jpg) repeat top center;
background-size: contain;
}

#raven-full .company H2{
font-weight: normal;
font-size: 3em;
font-family: 'nerislight';
padding: 5px 0;
}

#raven-full .company p{
color: #fff;
    font-size: 1.6em;
font-family: 'nerislight';
line-height: 1.5em;
}

#raven-full .company_half {
width: 30%;
padding: 5% 10%;
float: left;
}

#raven-full .company_half a {
font-family: 'helvetica_thin';
font-size: 1em;
background: #62af32;
color: white !important;
padding: 2% 8%;
width: 40%;
border-radius: 25px;
border: none;
font-family: 'nerislight';
outline: none;
text-decoration: none;
display: block;
text-align: center;
margin: 4% 0;
}

#raven-full .support{
color: #fff;
background: #62af32;
}

#raven-full .support H2{
font-weight: normal;
font-size: 3em;
font-family: 'nerislight';
padding: 5px 0;
}

#raven-full .support p{
color: #fff;
    font-size: 1.6em;
font-family: 'nerislight';
line-height: 1.5em;
}

#raven-full .support_half {
width: 30%;
padding: 2% 10%;
float: left;
}

#raven-full .support_half a {
font-family: 'helvetica_thin';
font-size: 1em;
background: #fff;
color: #62af32;
padding: 2% 8%;
width: 40%;
border-radius: 25px;
border: none;
font-family: 'nerislight';
outline: none;
text-decoration: none;
display: block;
text-align: center;
margin-top: 50px;
}

#raven-full .icons{
text-align: center;
width: 80%;
margin: 2% auto;
}

#raven-full .icons ul{
padding: 0;
margin: 0;
}

#raven-full .icons ul li{
list-style: none;
float: left;
width: 16.6%;
margin: 0;
        font-size: 1.2em;
font-family: 'neristhin';
line-height: 1.5em;
text-transform: uppercase;
}

#raven-full .icons ul li img{
display: block; margin: auto; text-align: center;
}

#raven-full .icons_half {
width: 40%;
padding: 5%;
float: left;
text-align: center;
}

#raven-full .icons_half a {
font-family: 'helvetica_thin';
font-size: 1.5em;
background: #62af32;
color: #fff;
padding: 2% 8%;
width: 40%;
border-radius: 25px;
border: none;
font-family: 'nerislight';
outline: none;
text-decoration: none;
text-align: center;
margin: 4% 0;
}

#raven-full .icons table {
float: left;
width: 100%;
font-size: 1.2em;
text-transform: uppercase;
}

#raven-full .icons table td:nth-child(odd){
font-family: 'nerissemibold';
text-align: right;
width: 38%;
padding: 4px 1%;
}

#raven-full .icons table td:nth-child(even) {
font-family: 'nerislight';
text-align: left;
width: 38%;
padding: 4px 1%;
}

.page-id-3513 #navigation .nav {
float: left;
width: 16%;
padding: 70px 2% 0 2%;
}



/* tablet */
@media handheld, only screen 
and (min-width : 521px) 
and (max-width : 980px)
and (orientation:portrait)
 {
     
      .container {
        float: none !important;
          width: 100% !important;

}
     
  #navigation {
        float: none !important;
          width: 100% !important;
      min-width: 100% !important;

}
     
         #nav > li {
        float: left;
        border-bottom: 0;
        margin-bottom: 0;
     width: 50%;
    }
    #nav ul.subs {
        position: relative;
        top: 0;
            min-width: 100% !important;
    }
    #nav li:hover ul.subs {
        display: none;
    }
    #nav li #s1:target + ul.subs,
    #nav li #s2:target + ul.subs {
        display: block;
    }

    #nav ul.subs > li {
        display: block;
        width: auto;
    }
     
    
     
#nav li.jbtl {
float: left;
border-bottom: 0;
margin-bottom: 0;
width: 50%;
}
     
#nav li a.jbt {
background: #fff;
color: #888;
}    
     
.page-id-3513 #head .links, .page-id-3676 #head .links {
display: none;
}
     
.page-id-3513 #head, .page-id-3676 #head {
width: 100%;
}
     
.page-id-3513 #head .logo, .page-id-3676 #head .logo {
margin: 0 0 0 38% !important;
width: 180px;
height: 42px;
    float: none;
}
     
          
     #raven-full .introduce_right {
width: 95%;
background: url('../img/raventest/raven_front.png') no-repeat top center;
margin-top: 0;
         height: 422px;
}
     
          #raven-full .introduce_left {
width: 90%;

}
     
     #raven-full .introduce_left p {
text-align: center;
padding: 0 5%;
}
     
     #raven-full .introduce {

  height: 880px;

}
     
     #raven-full .features_white .features_left, #raven-full .features_white .features_right, #raven-full .features_black .features_left, #raven-full .features_black .features_right{
width: 100%;
}
     
          
     #raven-full .features_black .features_right{
margin: 0; padding: 0; padding-bottom: 40px;
}
     
     #raven-full .apps_full span.fa {
margin-left: 15%;
}
     
     #raven-full .company_half {
width: 80%;
}
     

     
     }




/* mobil */
@media handheld, only screen 
and (max-width : 521px) 
 {
     
      .container {
        float: none !important;
          width: 100% !important;

}
     
  #navigation {
display: none;

}
     
       #footer {
display: none;

}
     
         #nav > li {
        float: left;
        border-bottom: 0;
        margin-bottom: 0;
     width: 50%;
    }
    #nav ul.subs {
        position: relative;
        top: 0;
            min-width: 100% !important;
    }
    #nav li:hover ul.subs {
        display: none;
    }
    #nav li #s1:target + ul.subs,
    #nav li #s2:target + ul.subs {
        display: block;
    }

    #nav ul.subs > li {
        display: block;
        width: auto;
    }
     
#nav li.jbtl {
float: left;
border-bottom: 0;
margin-bottom: 0;
width: 50%;
}
     
#nav li a.jbt {
background: #fff;
color: #888;
}  
     
.page-id-3513 #head .links, .page-id-3676 #head .links {
display: none;
}
     
.page-id-3513 #head, .page-id-3676 #head {
width: 100%;
}
     
.page-id-3513 #head .logo, .page-id-3676 #head .logo {
margin: 0 0 0 21% !important;
width: 180px;
height: 42px;
    float: none;
}
     
     
     #raven-full .introduce_right {
width: 95%;
background: url('../img/raventest/raven_front.png') no-repeat top center;
margin-top: 0;
         height: 222px;
}
     
          #raven-full .introduce_left {
width: 90%;

}
     
     #raven-full .introduce_left p {
text-align: center;
padding: 0 5%;
}
     
     #raven-full .introduce {

  height: 550px;

}
     
     #raven-full .features_white .features_left, #raven-full .features_white .features_right, #raven-full .features_black .features_left, #raven-full .features_black .features_right{
width: 100%;
}
     
          
     #raven-full .features_black .features_right{
margin: 0; padding: 0; padding-bottom: 40px;
}
     
     #raven-full .apps_full span.fa {
margin-left: 15%;
}
     
     #raven-full .company_half {
width: 90%;
padding: 5% 5%;
}
     
     
     #raven-full .introduce_logo img{
    width: 40%;
         height: auto;
}


#raven-full .introduce_left p {
font-size: 2em;
}
     
     
     #raven-full .promo_box {
    width:96%;
    min-height: 180px;
}
     
     #raven-full .features_white .features_left {
margin-top: 0px;
}
     
     
#raven-full .features_screen, #raven-full .features_draw, #raven-full .features_side, #raven-full .features_back {
height: 300px;
}
     
#raven-full .apps_half {
width: 90%;
}

#raven-full .apps_third {
width: 90%;
}
     
     
     #raven-full .apps_full span.fa {
margin-left: 2%;
}
     
#raven-full .support_half {
width: 90%;
padding: 2% 5%;
}
     
#raven-full .icons ul li {
width: 49.6%;
}
     
     #raven-full .icons table {
display: none;
}

     
     }