/* CSS Document */

/* basic definition */
html { height: 100%; }
body {padding: 0; margin: 0; font-size: 13px; font-family: arial; color: #000; height: 100%; }
p {padding: 0; margin: 0; font-family: arial; color: #000;}
ul, ul li {padding: 0; margin: 0; list-style: none;}
a {color: #69b23b; text-decoration: underline;}
a:hover {color: #0094d3; text-decoration: none;}
h2 a{color: #000; text-decoration: none;}
h2 span {font-family: 'helvetica_thin'; font-size: 35px;}
a h2{color: #000; text-decoration: none;}
a:hover h2{text-decoration: underline;}
h3 {font-size: 20px; padding: 10px 0; margin: 10px 0; line-height: 28px;}
h3 span {font-family: 'helvetica_thin'; font-size: 19px; font-weight: normal; color: #888888;}
h4 {padding: 0; margin: 0;}
h5 {padding: 0; margin: 0; font-weight: normal; font-size: 20px;}
img {border: none;}
img a {border: none;}
input, textarea, select, button { outline: none; } /* aktivni prvky nejsou obaleny v Chrome - BRU */


@keyframes fadein {
    from {
        opacity:0;
    }
    to {
        opacity:1;
    }
}
@-moz-keyframes fadein { /* Firefox */
    from {
        opacity:0;
    }
    to {
        opacity:1;
    }
}
@-webkit-keyframes fadein { /* Safari and Chrome */
    from {
        opacity:0;
    }
    to {
        opacity:1;
    }
}
@-o-keyframes fadein { /* Opera */
    from {
        opacity:0;
    }
    to {
        opacity: 1;
    }
}

.aligncenter {text-align: center; margin: 0 auto; display: inline !important;} 
p.localdis {text-align: center; margin: 0 auto; background: #888; color: #fff !important; font-weight: bold; width: 45%; padding: 4px 10px !important; border-radius: 25px; margin-bottom: 10px;} 

/* ID elements */
#xbody {margin: 0 auto; padding: 0; width: 52%; min-width: 987px;}
.cleaner {clear: both;}
.greenbutt a {border: 1px solid #ffffff; color: white; background: #62af32; -moz-border-radius: 8px;
border-radius: 8px; box-shadow:inset 0 0 15px #81bc5b; -moz-box-shadow:inset 0 0 15px #81bc5b; font-weight: bold; font-size: 16px; text-decoration: none;  -o-transition: .2s ease-in;
-ms-transition: .2s ease-in;
-moz-transition: .2s ease-in;
-webkit-transition: .2s ease-in;
transition: .2s ease-in;}
.greenbutt a:hover {
border: 1px solid #62af32;
/* IE10 Consumer Preview */ 
background-image: -ms-linear-gradient(top, #74c640 0%, #62af32 100%);

/* Mozilla Firefox */ 
background-image: -moz-linear-gradient(top, #74c640 0%, #62af32 100%);

/* Opera */ 
background-image: -o-linear-gradient(top, #74c640 0%, #62af32 100%);

/* Webkit (Safari/Chrome 10) */ 
background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #74c640), color-stop(1, #62af32));

/* Webkit (Chrome 11+) */ 
background-image: -webkit-linear-gradient(top, #74c640 0%, #62af32 100%);

/* W3C Markup, IE10 Release Preview */ 
background-image: linear-gradient(to bottom, #74c640 0%, #62af32 100%);
border-image-source: initial;
border-image-slice: initial;
border-image-width: initial;
border-image-outset: initial;
border-image-repeat: initial;
    box-shadow: 0 2px 0px rgba(0, 0, 0, 0.1);
    -webkit-box-shadow: 0 2px 0px rgba(0, 0, 0, 0.1); 
    -moz-box-shadow: 0 2px 0px rgba(0, 0, 0, 0.1);
    text-shadow: 0 1px rgba(0,0,0,0.1); 

}

.greenbutt a:active {
border: 1px solid #62af32;

    box-shadow: inset 0 2px 0px rgba(0, 0, 0, 0.1);
    -webkit-box-shadow: inset 0 2px 0px rgba(0, 0, 0, 0.1); 
    -moz-box-shadow: inset 0 2px 0px rgba(0, 0, 0, 0.1);
    text-shadow: none;
    color: #caeab5 !important;
}

a:hover.greenbutt, #pricing-table a:hover.greenbutt, #page_jbt a:hover.greenbutt, #page_jbt_online a:hover.greenbutt{
border: 1px solid #62af32;
/* IE10 Consumer Preview */ 
background-image: -ms-linear-gradient(top, #74c640 0%, #62af32 100%);

/* Mozilla Firefox */ 
background-image: -moz-linear-gradient(top, #74c640 0%, #62af32 100%);

/* Opera */ 
background-image: -o-linear-gradient(top, #74c640 0%, #62af32 100%);

/* Webkit (Safari/Chrome 10) */ 
background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #74c640), color-stop(1, #62af32));

/* Webkit (Chrome 11+) */ 
background-image: -webkit-linear-gradient(top, #74c640 0%, #62af32 100%);

/* W3C Markup, IE10 Release Preview */ 
background-image: linear-gradient(to bottom, #74c640 0%, #62af32 100%);
border-image-source: initial;
border-image-slice: initial;
border-image-width: initial;
border-image-outset: initial;
border-image-repeat: initial;
    box-shadow: 0 2px 0px rgba(0, 0, 0, 0.1);
    -webkit-box-shadow: 0 2px 0px rgba(0, 0, 0, 0.1); 
    -moz-box-shadow: 0 2px 0px rgba(0, 0, 0, 0.1);
    text-shadow: 0 1px rgba(0,0,0,0.1); 

}

a:active.greenbutt, #pricing-table a:active.greenbutt, #page_jbt a:active.greenbutt, #page_jbt_online a:active.greenbutt{
border: 1px solid #62af32;

    box-shadow: inset 0 2px 0px rgba(0, 0, 0, 0.1);
    -webkit-box-shadow: inset 0 2px 0px rgba(0, 0, 0, 0.1); 
    -moz-box-shadow: inset 0 2px 0px rgba(0, 0, 0, 0.1);
    text-shadow: none;
    color: #caeab5 !important;
}

#page_support button:hover.greenbutt {
border: 1px solid #62af32;
/* IE10 Consumer Preview */ 
background-image: -ms-linear-gradient(top, #74c640 0%, #62af32 100%);

/* Mozilla Firefox */ 
background-image: -moz-linear-gradient(top, #74c640 0%, #62af32 100%);

/* Opera */ 
background-image: -o-linear-gradient(top, #74c640 0%, #62af32 100%);

/* Webkit (Safari/Chrome 10) */ 
background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #74c640), color-stop(1, #62af32));

/* Webkit (Chrome 11+) */ 
background-image: -webkit-linear-gradient(top, #74c640 0%, #62af32 100%);

/* W3C Markup, IE10 Release Preview */ 
background-image: linear-gradient(to bottom, #74c640 0%, #62af32 100%);
border-image-source: initial;
border-image-slice: initial;
border-image-width: initial;
border-image-outset: initial;
border-image-repeat: initial;
    box-shadow: 0 2px 0px rgba(0, 0, 0, 0.1);
    -webkit-box-shadow: 0 2px 0px rgba(0, 0, 0, 0.1); 
    -moz-box-shadow: 0 2px 0px rgba(0, 0, 0, 0.1);
    text-shadow: 0 1px rgba(0,0,0,0.1); 

}

#page_support button:active.greenbutt {
border: 1px solid #62af32;

    box-shadow: inset 0 2px 0px rgba(0, 0, 0, 0.1);
    -webkit-box-shadow: inset 0 2px 0px rgba(0, 0, 0, 0.1); 
    -moz-box-shadow: inset 0 2px 0px rgba(0, 0, 0, 0.1);
    text-shadow: none;
    color: #caeab5 !important;
}


a.whitebutt {color: #62af32; background: #ffffff; -moz-border-radius: 6px;
border-radius: 6px; border: 1px solid #dedede; -moz-border-radius: 6px;
border-radius: 6px; font-weight: bold; text-decoration: none; padding: 10px 25px; text-align: center; width: 40%; display: block; margin: 5px auto;  -o-transition: .2s ease-in;
-ms-transition: .2s ease-in;
-moz-transition: .2s ease-in;
-webkit-transition: .2s ease-in;
transition: .2s ease-in;}
a:hover.whitebutt {background: #62af32 !important; color: #fff !important; border: 1px solid #62af32;}
.fa {font-family: 'FontAwesome';font-weight: normal;}

/* head */
.logo {width: 18%; height: 22px; float: left; cursor: pointer; margin: 15px 0;}

@media screen and (max-width: 900px) {
.logo {width: 100%; height: 22px; float: left; cursor: pointer; margin: 15px 0;}
    }

.logo h1 { width: 100%; padding: 0; margin: 0; height: 100%;}
.logo h1 a { position: relative; display: block; width: 100%; height: 100%; overflow: hidden; color: #eee; cursor: pointer;}
.logo h1 a span { position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: url('img/jablocom_logo_white.svg') top center no-repeat; background-size: contain;}
.links {float: left; padding: 45px 0 0 20px;}
.links ul li{float: left; padding: 20px;}
.links ul li a{text-decoration: none; color: #c1c2c3;}
.links ul li a:hover {text-decoration: underline; color: #69b23b;}
.login {padding: 40px 0 0 0; float: right;}
.login input {float: right; background: #ffffff; -moz-border-radius: 6px;
border-radius: 6px; border: 1px solid #dedede; -moz-border-radius: 6px;
border-radius: 6px; box-shadow:inset 2px 2px 0px #f2f2f2; -moz-box-shadow:inset 2px 2px 0px #f2f2f2; height: 15px; width: 160px; -o-transition: .2s ease-in;
-ms-transition: .2s ease-in;
-moz-transition: .2s ease-in;
-webkit-transition: .2s ease-in;
transition: .2s ease-in; padding: 10px 10px;}
.login input:hover {border: 1px solid #999999; }
.login button {background: none; border: none; color: #888888; cursor: pointer; padding: 10px 10px; position: absolute; margin-left: 144px; margin-top: 0px;}
.login:hover button {color: #000000;}
.login:active button {color: #000000;}
.login .whitebutt {width: 130px;}
.login .cleaner {padding: 0; margin: 0; width: 0; height: 0;}


.container {
    margin: 10px auto;
    width: 100%; min-width: 987px;
}

/* common and top level styles */

#nav, #nav ul {
    list-style: none outside none;
    margin: 0;
    padding: 0;
}
#nav {
    border: 1px solid #dedede; -moz-border-radius: 8px;
border-radius: 8px;
    float: left;
    position: relative;
    width: 100%;
    z-index: 10;
}
#nav ul.subs {
    background-color: #FFFFFF;
    color: #333333;
    display: none;
    left: 0;
    position: absolute;
    top: 51px;
    width: 95.8%;
    padding: 2%;
    border: 1px solid #666666;
    border-top: none;
    z-index: 1;
}

#nav ul.subs{}
@media screen and (-webkit-min-device-pixel-ratio:0) { 
    /* Safari and Chrome */
    #nav ul.subs{
        width: 95.8%;
    } 

    /* Safari only override */
    ::i-block-chrome,#nav ul.subs{
        width: 96%;
    } 
}

#nav ul.jbts {
    background-color: #FFFFFF;
    color: #333333;
    display: none;
    left: 473px;
    padding: 2%;
    position: absolute;
    top: 51px;
    width: 473px;
    border: 1px solid #666666;
    border-top: none;
    z-index: 1;
}

#nav ul.sps {
    background-color: #FFFFFF;
    color: #333333;
    display: none;
    left: 198px;
    padding: 2%;
    position: absolute;
    top: 51px;
    width: 710px;
    border: 1px solid #666666;
    border-top: none;
    z-index: 1;
}
#nav ul.sps2 {
    background-color: #FFFFFF;
    color: #333333;
    display: none;
    left: 0px;
    padding: 2%;
    position: absolute;
    top: 51px;
    width: 470px;
    border: 1px solid #666666;
    border-top: none;
    z-index: 1;
}

#nav ul.sps3 {
    background-color: #FFFFFF;
    color: #333333;
    display: none;
    left: 30px;
    padding: 2%;
    position: absolute;
    top: 51px;
    width: 710px;
    border: 1px solid #666666;
    border-top: none;
    z-index: 1;
}

#nav ul.sps4 {
    background-color: #FFFFFF;
    color: #333333;
    display: none;
    padding: 2%;
    position: absolute;
    top: 51px;
    width: 710px;
    border: 1px solid #666666;
    border-top: none;
    z-index: 1;
}

#nav > li {
     width: 16.66%;
    border-bottom: 5px solid transparent;
    float: left;
    margin-bottom: -5px;
    text-align: left;
    -moz-transition: all 300ms ease-in-out 0s;
    -ms-transition: all 300ms ease-in-out 0s;
    -o-transition: all 300ms ease-in-out 0s;
    -webkit-transition: all 300ms ease-in-out 0s;
    transition: all 300ms ease-in-out 0s;
    text-align: center;
}
#nav li a {
    display: block;
    text-decoration: none;
    white-space: normal;
    border: 1px solid transparent;
}
#nav li.jbtl{float: right; width: 16.7%;}
@media screen and (-webkit-min-device-pixel-ratio:0) { 
    /* Safari and Chrome */
    #nav li.jbtl{
        width: 16.7%;
    } 

    /* Safari only override */
    ::i-block-chrome,#nav li.jbtl{
        width: 17%;
    } 
}
#nav li a.jbt{background: #c1c2c3; color: #ffffff; -moz-border-radius-bottomright: 7px;
border-bottom-right-radius: 7px; -moz-border-radius-topright: 7px;
border-top-right-radius: 7px;}
#nav li a:hover.jbt{box-shadow: none; -moz-box-shadow: none;  -moz-border-radius-bottomright: 0px;
border-bottom-right-radius: 0px; }
#nav li a:hover.frst{moz-border-radius-topleft: 8px;
border-top-left-radius: 8px; }
#nav li a.jbt span{color: #e3e3e3;}
#nav li a:hover.jbt span{color: #69b23b;}
#nav li a span {padding-right: 5px; color: #c1c2c3; -o-transition: .2s ease-in;
-ms-transition: .2s ease-in;
-moz-transition: .2s ease-in;
-webkit-transition: .2s ease-in;
transition: .2s ease-in;}
#nav li a:hover span{color: #69b23b;}

#nav > li > a {
padding: 14px 0; text-align: center; margin: auto; font-family: 'helvetica_roman'; color: #888888; font-size: 17px; text-decoration: none; -o-transition: .2s ease-in;
-ms-transition: .2s ease-in;
-moz-transition: .2s ease-in;
-webkit-transition: .2s ease-in;
transition: .2s ease-in;
    text-transform: uppercase;
}
#nav > li:hover > a, #nav > a:hover {
    background-color: #ffffff;
    color: #000;
    border-top: 1px solid #666666;
    border-right: 1px solid #666666;
    border-left: 1px solid #666666; 
}
#nav li.active > a {
    background-color: #333333;
    color: #FFFFFF;
}

/* submenu */
#nav li:hover ul.subs {
    display: block;
}
#nav ul.subs > li {
    display: inline-block;
    float: none;
    padding: 10px 20px;
    vertical-align: top;
    width: 190px;
    text-align: center;
    border-left: 1px solid #dedede;
    height: 200px;
}

#nav ul.subs > li a h5.hdr{
height: 50px;
}

#nav ul.subs > li a p{
display: block; color: #b5b7b9; font-size: 15px; line-height: 20px; padding: 10px 0 0 0;
-o-transition: .2s ease-in;
-ms-transition: .2s ease-in;
-moz-transition: .2s ease-in;
-webkit-transition: .2s ease-in;
transition: .2s ease-in;}

#nav ul.subs > li a span.fa{
 font-size: 70px;  color: #63af33; margin-top: 50px; padding: 0; display: block;-o-transition: .2s ease-in;
-ms-transition: .2s ease-in;
-moz-transition: .2s ease-in;
-webkit-transition: .2s ease-in;
transition: .2s ease-in; 
}

#nav ul.subs > li a:hover h5{
color: #0094d3;
}

#nav ul.subs > li a:hover p{
color: #000;
}

#nav ul.subs > li a:hover span.fa{
color: #0094d3;
}


#nav ul.subs > li.noborder {
border: none;
}

#nav ul.subs > li a {
    color: #777777;
    line-height: 20px;-o-transition: .2s ease-in;
-ms-transition: .2s ease-in;
-moz-transition: .2s ease-in;
-webkit-transition: .2s ease-in;
transition: .2s ease-in;
}
#nav ul li a:hover {
    color: #F55856;
}

#nav ul.subs > li a:hover {
    color: #777777;
}
#nav ul.subs > li > a {
    line-height: 28px;
    margin-bottom: 10px;
color: #63af33;
font-weight: normal;}
#nav ul.subs > li li {
    float: none;
    padding-left: 8px;
    -moz-transition: padding 150ms ease-out 0s;
    -ms-transition: padding 150ms ease-out 0s;
    -o-transition: padding 150ms ease-out 0s;
    -webkit-transition: padding 150ms ease-out 0s;
    transition: padding 150ms ease-out 0s;
}
#nav ul.subs > li li:hover {
    padding-left: 15px;
}

/* responsive rules */
@media all and (max-width : 420px) {
    #nav > li {
        float: none;
        border-bottom: 0;
        margin-bottom: 0;
    }
    #nav ul.subs {
        position: relative;
        top: 0;
    }
    #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;
    }
}



/* sell */
#sell {padding: 30px 0 10px 0;}
#sell .img {float: left; width: 50%; text-align: center;  animation: fadein 1s;
    -moz-animation: fadein 1s; /* Firefox */
    -webkit-animation: fadein 1s; /* Safari and Chrome */
    -o-animation: fadein 1s; /* Opera */}
#sell .about {float: right; width: 50%;}
#sell h2 {line-height: 50px; text-decoration: none; }
#sell h2 span {font-weight: normal; text-decoration: none;}
#sell a {text-decoration: none;}
#sell p {padding: 0; line-height: 34px; font-family: 'helvetica_thin'; font-size: 23px; color: #888888; width: 420px;}
#sell .greenbutt a {margin: 30px 0px; padding: 15px 20px; width: 40%; display: block; text-align: center;}

/* multi */
#multi {padding: 20px 0;}
#multi a {text-decoration: none;}
#multi h3{color: #000;}
.product {float: left; padding: 0 50px; text-align: center; border-right: 1px solid #dedede; padding-bottom: 10px;}
#multi .product {padding: 0 65px;}
@media screen and (-webkit-min-device-pixel-ratio:0) { 
    /* Safari and Chrome */
    #multi .product{
        padding: 0 65px;
    } 

    /* Safari only override */
    ::i-block-chrome,#multi .product{
       padding: 0 50px;
    } 
}
.product:hover h3 span  {color: #000;}
.product img {display: block; padding: 5px 0; text-align: center; margin: 0 auto;}

.last {border: none;}
.story {background: url(img/namornik.png) no-repeat right bottom; float: left; border: 1px solid #dedede; height: 48px; -moz-border-radius: 8px;
border-radius: 8px; width: 280px; height: 370px; margin-left: 20px; -o-transition: .2s ease-in;
-ms-transition: .2s ease-in;
-moz-transition: .2s ease-in;
-webkit-transition: .2s ease-in;
transition: .2s ease-in;}
.story h3{color: #000; text-decoration: none; padding: 5px 20px 0 20px; font-weight: bold; font-size: 22px;}
.story:hover {border: 1px solid #666666;}
.story p {padding: 0px 20px; margin: 0; font-size: 17px; line-height: 30px; font-family: 'helvetica_thin'; color: #888888; font-weight: normal;}
.story:hover p{color: #000;}
.story_qut {background: url(img/_citace.png) no-repeat top left; }
.story .whitebutt {font-family: arial; font-size: 13px; padding: 4px 25px; margin: 20px auto;}
.story:hover .whitebutt {color: #ffffff; background: #0094d3; border: 1px solid #046c98; box-shadow:inset 0 0 10px #30a8db; -moz-box-shadow:inset 0 0 10px #30a8db;}

/* nav */
/* 2.0 */#navigation {margin: 30px auto;}
/* 2.0 */#navigation .nav { float: left; width: 16%; padding: 0 2%;}
#navigation .nav h4 {font-family: 'helvetica_thin'; color: #b5b7b9; font-size: 20px; line-height: 25px; font-weight: normal; padding-bottom: 20px; -o-transition: .2s ease-in;
-ms-transition: .2s ease-in;
-moz-transition: .2s ease-in;
-webkit-transition: .2s ease-in;
transition: .2s ease-in;}
/* 2.0 */#navigation .nav h4 a{color: #595959; text-decoration: none;}
/* 2.0 */#navigation .nav:hover h4 {color: #000;}
#navigation .nav:hover h4 {color: #000;} 
#navigation .nav ul li {padding: 8px 0;}
#navigation .nav ul li a {color: #b5b7b9; font-size: 12px; display: block; -o-transition: .2s ease-in;
-ms-transition: .2s ease-in;
-moz-transition: .2s ease-in;
-webkit-transition: .2s ease-in;
transition: .2s ease-in;}
#navigation .nav:hover a {color: #000;}

/* footer */
#footer {border-top: 1px solid #dedede; width: 90%; margin: 0 auto;}
#footer a {text-decoration: none;}
#footer .foot {background: url(img/foot_logo.png) no-repeat right center; text-align: center; margin: 0 auto; padding: 20px 0; width: 98%;}
#footer .left {float: left; color: #a4a4a4; text-align: left; font-size: 12px; line-height: 25px;}
#footer .right {float: right; color: #a4a4a4; text-align: right;}
/* 2.0 */#footer .foot span{float: left; display: block; background: #dedede; color: #fff; font-size: 25px; padding: 6px 10px; border-radius: 50%; line-height: 30px; margin: 5px 10px 0 0;  -o-transition: .2s ease-in;
-ms-transition: .2s ease-in;
-moz-transition: .2s ease-in;
-webkit-transition: .2s ease-in;
transition: .2s ease-in;}
/* 2.0 */#footer .foot a:hover span{background: #595959;}




/* products */

#product_page .product {float: left; width: 25%; padding: 0 40px; height: 440px; text-align: center; border-right: 1px solid #dedede; padding-bottom: 10px; margin: 10px 0 40px 0;}
#product_page .accss {height: 380px;}
#product_page .product-release {float: left; width: 41%; padding: 0 4%; min-height: 405px; text-align: center; border-right: 1px solid #dedede; padding-bottom: 10px; margin: 10px 0 25px 0;}
#product_page .last {border: none;}
#product_page .product a {text-decoration: none;}
#product_page .product a h3{color: #000; font-weight: bold; font-size: 22px;}
#product_page .product p{color: #888888; padding: 5px 0; line-height: 20px;}
#product_page .product-release:hover p{color:#000;}
#product_page .product-release a {text-decoration: none;}
#product_page .product-release a h3{color: #000; font-weight: bold; font-size: 22px;}
#product_page .product-release p{color: #888888; padding: 5px 0; line-height: 20px;}
#product_page .product-release:hover p{color:#000;}
#product_page h3{ color: #62af32; font-weight: normal; font-size: 28px; line-height: 30px;}

#product_page .raven-product {font-family: 'neristhin' !important; width: 100%;}
#product_page .raven-product H4 a{font-family: 'neristhin' !important; font-size: 2em; text-decoration: none;}
#product_page .raven-product H4 span {display: block; color: #626262;
font-weight: 100;
margin-top: 0;
text-transform: uppercase;
font-size: 1em;
font-family: 'neristhin';
margin-top: -10px;}
#product_page .raven-product img.raven-photo {float: right; width: 65%; margin-top: -50px;}
#product_page .raven-product .desc {float: left; width: 35%;}
#product_page .raven-product p {font-family: 'neristhin'; font-size: 2.2em; padding: 10px 0;}
#product_page .raven-product a.whitebutt {font-family: 'neristhin'; cursor: pointer;
text-transform: uppercase;
font-family: 'nerissemibold';
background: #62af32;
color: white;
font-size: 0.5em;
padding: 2% 4%;
border-radius: 20px;
border: none;
font-family: 'nerislight';
margin: 2% 0;
outline: none;
width: 80%;}


#product_detail .head_left h2 {line-height: 60px; text-decoration: none;}
#product_detail .head_left h2 span {font-weight: normal; text-decoration: none; line-height: 50px;}
#product_detail .head_left p {padding: 0; line-height: 34px; font-family: 'helvetica_thin'; font-size: 23px; color: #888888; width: 420px;}

#product_detail .head_left {width: 40%; float: left; }
#product_detail .head_right {width: 55%; float: right; text-align: center;}
#product_detail .head_left .ben {width: 40%; float: left; padding: 30px 35px 0 0px;}
#product_detail .head_left .ben .ic{font-family: 'FontAwesome';font-weight: normal; background: #0094d3; border-radius: 50%; color: #ffffff; font-size: 28px; float: left;
 width: 50px; height: 40px; padding-top: 10px; text-shadow: 2px 2px 0 #0076a9; text-align: center;}

#product_detail .head_left .ben p{ font-family: arial; font-size: 18px; line-height: 25px; color: #0094d3; padding: 0 65px;}

    .f-nav{ z-index: 9999; position: fixed; left: 0; top: 0; width: 100%;} 
a.greenbutt {border: 1px solid #ffffff; color: white; background: #62af32; -moz-border-radius: 8px;
border-radius: 8px; box-shadow:inset 0 0 15px #81bc5b; -moz-box-shadow:inset 0 0 15px #81bc5b; font-weight: bold; font-size: 16px; text-decoration: none;  -o-transition: .2s ease-in;
-ms-transition: .2s ease-in;
-moz-transition: .2s ease-in;
-webkit-transition: .2s ease-in;
transition: .2s ease-in;}
#product_detail .submenu ul li a.submenu-butt{ border-bottom: 3px solid transparent; text-decoration: none; padding: 5px 8px 2px 7px; margin-top: 4px; -moz-border-radius: 4px;
border-radius: 4px; color: #ffffff; font-size: 12px;}
#product_detail h3{ color: #62af32; font-weight: normal; font-size: 28px; line-height: 30px; margin-top: 20px;}

#product_detail #details p{ float: left; width: 60%; font-size: 15px; line-height:25px;}
#product_detail #details .buy{width: 25%;margin: 20px; float: right;}
#product_detail #details .buybutt{padding: 20px 30px; cursor: pointer;}
#product_detail #features .ben, #page_jbt #features .ben {width: 42%; float: left; padding: 30px 30px 0 0px; margin: 0 40px 0 0; min-height: 170px;}
#product_detail #features .ben .ic, #page_jbt #features .ben .ic{font-family: 'FontAwesome';font-weight: normal; background: #c1c2c3; border-radius: 50%; color: #ffffff; font-size: 450%; float: left;
padding-top: 30px; width: 120px; height: 90px; text-shadow: 2px 2px 0 #9a9b9c; text-align: center; margin-top: 10px;}
#product_detail #features .ben strong , #page_jbt #features .ben strong{font-family: 'helvetica_roman'; font-size: 23px; line-height: 25px; color: #000; }
#product_detail #features .ben p, #page_jbt #features .ben p{ padding-top: 10px; font-family: arial; font-size: 15px; line-height: 24px; color: #888888; padding-left: 155px;}

#product_detail #story .story {margin: 0; width: 40%; height: 280px;}
#product_detail #story .story a{text-decoration: none;}
#product_detail #story .story h3{color: #000; font-weight: bold; font-size: 22px;}
#product_detail #story ul {float: right; width: 55%; font-family: 'helvetica_thin';}
#product_detail #story ul li{padding: 15px 10px; border-bottom: 1px solid #dedede;  font-size: 17px; line-height: 30px; font-family: 'helvetica_thin'; color: #888888; display: block;}
#product_detail #story ul li p{font-size: 17px; line-height: 30px; font-family: 'helvetica_thin'; color: #888888;}
#product_detail #story .whitebutt{float: right; width: 150px;}
#product_detail #story ul .last{border: none;}

#product_detail #accessories .product {float: left; width: 25%; padding: 0 40px; height: 460px; text-align: center; border-right: 1px solid #dedede; padding-bottom: 10px; margin: 10px 0 70px 0;}
#product_detail #accessories .product a {text-decoration: none;}
#product_detail #accessories .product a h3{color: #000; font-weight: bold; font-size: 22px;}
#product_detail #accessories .product p{color: #888888; padding: 5px 0; line-height: 20px;}
#product_detail #accessories .last {border: none;}
#product_detail #accessories a {text-decoration: none;}
#product_detail #accessories a h3{color: #000; font-weight: bold;}
#product_detail #accessories p{color: #888888; padding: 15px 0; line-height: 20px;}

#product_detail #faq {width: 45%; float: left; padding-right: 20px;}
#product_detail #faq ul, .story_detail #solution ul {padding-bottom: 20px;}
#product_detail #faq ul li, .story_detail #solution ul li {padding: 10px; font-weight: bold; color: #888888; font-size: 15px; display: block;}

#product_detail #faq_full {width: 100%; float: left; padding-right: 20px;}
#product_detail #faq_full ul {padding-bottom: 20px;}
#product_detail #faq_full ul li {padding: 10px; font-weight: bold; color: #888888; font-size: 15px; display: block; float: left; width: 45%;}
#product_detail #faq_full .whitebutt {margin: 20px auto; width: 15%;}

#product_detail #jbt {background: url(img/app.png) no-repeat right center;  border-left: 1px solid #dedede;  padding-left: 35px; float: right; width: 27%; padding-right: 200px;}
/*2*/#product_detail #jbt-phones {background: url(img/jablotool-for-phones.png) no-repeat right center;  border-left: 1px solid #dedede;  padding-left: 35px; float: right; width: 20%; padding-right: 280px;}
#product_detail #jbt p, #product_detail #jbt-phones p{font-size: 15px; line-height: 25px; padding: 5px;}
#product_detail #jbt .whitebutt, #product_detail #jbt-phones .whitebutt{margin: 0px auto; width: 70%; font-size: 13px;}
#product_detail #jbt img, #product_detail #jbt-phone img{padding: 10px 0 10px 14px; }

#product_detail #technical table {width: 100%; font-size: 13px; border-collapse:collapse;}
#product_detail #technical tr {}
#product_detail #technical td {width: 50%; padding: 10px 15px; color: #888888;}
#product_detail #technical tr:nth-of-type(odd) {background: #eeeeee; color: #000000;}
#product_detail #technical P {color: #888888; padding: 10px; line-height: 22px;}

#product_detail #interested h3{text-align: left; padding-bottom: 20px;}
#product_detail #interested {text-align: center; padding-bottom: 20px;}
#product_detail #interested .buybutt{padding: 15px 25px; margin: 20px; }

#story_page .story {margin: 22px;}
#story_page .story h3{color: #000; text-decoration: none; padding: 20px 20px 20px 20px; font-weight: bold; font-size: 22px;}
#story_page .story p{padding: 0px 20px; margin: 0;}
#story_page .story a{text-decoration: none;}
#story_page .story .whitebutt{margin-top: 15px; font-family: arial; font-size: 13px;}
#story_page .story:hover .whitebutt {color: #ffffff; background: #0094d3; border: 1px solid #046c98; box-shadow:inset 0 0 10px #30a8db; -moz-box-shadow:inset 0 0 10px #30a8db;}
#story_page h3{ color: #62af32; font-weight: normal; font-size: 28px; line-height: 30px;}
#story_page p.quot {font-weight: normal; text-decoration: none; line-height: 34px; font-size: 23px; color: #888888; font-family: 'helvetica_thin'; text-align: center; padding: 20px 0; clear: both;}

.story_detail .head_right .id {width: 150px; float: right; margin: 30px 50px; margin-bottom: 0;margin-right: 100px;}
.story_detail .head_right img{display: block; padding: 10px; text-align: right;}
.story_detail .head_right strong{line-height: 20px;}
.story_detail .head_right strong span{display: block; color: #888888;}
.story_detail #photos img{margin: 10px 20px; -moz-border-radius: 10px;
border-radius: 10px; }
.story_detail #story {width: 50%;float: left;}
.story_detail #story p{ font-size: 15px; line-height:25px; padding: 10px 0;}
.story_detail #story p.quot {font-weight: normal; text-decoration: none; line-height: 34px; font-size: 22px; color: #888888; font-family: 'helvetica_thin'; text-align: center; padding: 20px 40px; clear: both;}


.story_detail #solution .product_small {border: none; width: 40%; padding: 15px; padding-bottom: 30px; text-align: center; float: left;}
.story_detail #solution .product a, .story_detail #solution .product_small a {text-decoration: none;}
.story_detail #solution .product h3, .story_detail #solution .product_small h3 {color: #000; font-weight: bold;}
.story_detail #solution .product_small h3 {font-size: 150%;}
.story_detail #solution .product {border: none;}
.story_detail #solution .product p{color: #888888; padding: 5px 0; line-height: 20px;}

#page_company .brand_company {background: url(img/brand/company.jpg) no-repeat top center; width: 100%; height: 190px; -moz-border-radius: 10px;
border-radius: 10px; color: #ffffff; margin-top: 20px;}
#page_company h2 {line-height: 60px; text-decoration: none; padding: 0 20px ; padding-top: 50px; margin: 0;}
#page_company h2 span {font-weight: normal; text-decoration: none; line-height: 34px; font-size: 23px; color: #ffffff;}


#page_company .guide ul, #page_company .guide-four ul {
   margin: 20px 0;
}

#page_company .guide ul li {
    float: left;
    padding: 10px 20px;
    vertical-align: top;
    width: 15.5%;
    text-align: center;
    border-left: 1px solid #dedede;
    height: 200px;
}

#page_company .guide-four ul li {
    float: left;
    padding: 10px 14px;
    vertical-align: top;
    width: 17%;
    text-align: center;
    border-left: 1px solid #dedede;
    height: 200px;
}

#page_company .guide ul li a h5, #page_company .guide-four ul li a h5{color: #63af33;
}

#page_company .guide ul li a p, #page_company .guide-four ul li a p{
display: block; color: #b5b7b9; font-size: 15px; line-height: 20px; padding: 10px 0 0 0;
-o-transition: .2s ease-in;
-ms-transition: .2s ease-in;
-moz-transition: .2s ease-in;
-webkit-transition: .2s ease-in;
transition: .2s ease-in;}

#page_company .guide ul li a span.fa, #page_company .guide-four ul li a span.fa{
 font-size: 70px;  color: #63af33; margin-top: 50px; padding: 0; display: block;-o-transition: .2s ease-in;
-ms-transition: .2s ease-in;
-moz-transition: .2s ease-in;
-webkit-transition: .2s ease-in;
transition: .2s ease-in; 
}

#page_company .guide ul li:hover a h5, #page_company .guide-four ul li:hover a h5  {
color: #0094d3;
}

#page_company .guide ul li:hover a p, #page_company .guide-four ul li:hover a p{
color: #000;
}

#page_company .guide ul li:hover a span.fa, #page_company .guide-four ul li:hover a span.fa{
color: #0094d3;
}


#page_company .guide ul li.noborder, #page_company .guide-four ul li.noborder, #page_support .guide ul li.noborder {
border: none;
}

#page_company .guide ul li a, #page_company .guide-four ul li a {
    color: #777777;
    line-height: 20px;-o-transition: .2s ease-in;
-ms-transition: .2s ease-in;
-moz-transition: .2s ease-in;
-webkit-transition: .2s ease-in;
transition: .2s ease-in;
text-decoration: none;
}
#page_company .guide ul li a:hover, #page_company .guide-four ul li a:hover {
    color: #F55856;
}

#page_company .guide ul li a:hover, #page_company .guide-four ul li a:hover {
    color: #777777;
}

#page_company .person ul, #page_contacts .person ul{padding-top: 30px;}
#page_company .person ul li,  #page_contacts .person ul li {float: left; text-align: center; width: 20%; margin: 0 auto; padding: 0;} /*bylo pro ctri fotky: padding: 0 24px;*/
#page_company .person ul li img,  #page_contacts .person ul li img {display: block; padding: 10px 0; border-radius: 50%; text-align: center; margin: 0 auto;}
#page_company .person ul li strong,  #page_contacts .person ul li strong {line-height: 20px;}
#page_company .person ul li strong span,  #page_contacts .person ul li strong span {color: #888888; display: block;}

#page_contacts .contacts {
   float: left; width: 40%;
}

#page_contacts .contacts strong.headline {
  color: #63af33; font-size: 15px;
}
#page_contacts .contacts strong.headline span {
  padding-right: 5px;
  
}
#page_contacts .contacts p { 
  margin: .3em 0 .3em 22px; /* edited 2015-07-21 original values: padding: 5px 0 20px 22px;  */
  font-size: 15px;
  line-height: 22px;
}

#page_contacts .contacts table {
  margin: .3em 0 2em 20px;  /* edited 2015-07-21 original values: padding: 5px 0 20px 20px; */
}

#page_contacts .contacts table td {
  width: 150px;
  padding: 2px 0;
}

.vat {margin-top: .5em;}

#page_contacts .map {
    float: right; width: 60%;
}

#page_about h2 {line-height: 60px; text-decoration: none;}
#page_about h2 span {font-weight: normal; text-decoration: none; line-height: 34px; font-size: 23px; color: #888888;}
#page_about .row {width: 90%; padding: 0 40px;}
#page_about .row h4{font-family: 'helvetica_thin'; font-size: 25px; padding: 0;}
#page_about .row p{color: #888888; font-size: 15px; line-height: 25px; width: 60%;}
#page_about .left-image {float: left; width: 30%; }
#page_about .left-image img {border-radius: 50%; width: 220px; height: 220px; }
#page_about .right-text {float: right; width: 65%; padding: 20px;} 

#page_about .right-image {float: right; width: 30%; }
#page_about .right-image img {border-radius: 50%; width: 220px; height: 220px; }
#page_about .left-text {float: left; width: 38%; padding: 20px; padding-left: 220px; }
#page_about .row .left-text p{width: 100%;}
#page_about h3{ color: #62af32; font-weight: normal; font-size: 28px; line-height: 30px;}

.timeline{
    margin: 20px 0;
    background: url(img/timeline.png) repeat-y center top;
    padding-right: 10px;
}


.post{
    position: relative;
    width: 44%;
    clear: both;
    font-size: 15px;
    line-height: 25px;
    color: #888888;
}

.post h4{
   font-family: 'helvetica_thin'; font-size: 22px; padding: 0; color: #000; margin: 3px 0;
}

.post a{
  text-decoration: none; color: #000;
}

.post span{
   display: block; font-weight: bold; color: #69b23b; 
}

.post img {border-radius: 50%;}



.post:nth-child(even){
    float: right;
}

.post:before{
    content: " ";
    position: absolute;
    top: 60px;
    right: -13%; 
    width: 13%; 
    height: 1px; 
    background-color: #dedede;
}

.post:after{
    content: " ";
    position: absolute;
    top: 49px;
    right: -17.7%;
    width: 15px; 
    height: 15px; 
    background-color: white;
    border: 4px solid #69b23b; 
    border-radius: 15px; 
    z-index: 10;
}

.post:nth-child(even):before{
    left: -13%;
    
}
.post:nth-child(even):after{
    left: -15%
}

.tml-left{
    float:right; margin-left: 40px;
}
.tml-right{
    float:left; margin-right: 40px;
}


#page_review h2 {line-height: 60px; text-decoration: none;}
#page_review h2 span {font-weight: normal; text-decoration: none; line-height: 34px; font-size: 23px; color: #888888;}
#page_review .row {width: 100%; margin: 20px 0;}
#page_review .row h4{font-family: 'helvetica_thin'; font-size: 25px; padding: 0;}
#page_review .row p{color: #888888; font-size: 15px; line-height: 25px;}
#page_review .row .ref-logo{float: left; width: 25%; text-align: right;}
#page_review .row .ref-content{float: right; width: 70%; border-left: 1px solid #dedede; padding: 10px; padding-right: 0;}
#page_review .row .ref-content iframe{padding: 10px;}


#job_page .product {float: left; width: 25%; padding: 20px 40px; height: 325px; text-align: center; border-right: 1px solid #dedede; margin: 30px 0;}
#job_page .last {border: none;}
#job_page a {text-decoration: none;}
#job_page a h3{color: #000; font-weight: bold; font-size: 23px;}
#job_page .product p{color: #888888; padding: 5px 0; line-height: 20px;}
#job_page .product:hover p{color:#000;}
#job_page .product .ic{font-family: 'FontAwesome';font-weight: normal; background: #c1c2c3; border-radius: 50%; color: #ffffff; font-size: 450%;
padding: 30px;text-shadow: 2px 2px 0 #9a9b9c;  display: block; width: 27%; margin: 10px auto;}       
#job_page #features .ben {width: 42%; float: left; padding: 30px 30px 0 0px; margin: 0 40px 20px 0;}
#job_page #features .ben .ic{font-family: 'FontAwesome';font-weight: normal; background: #c1c2c3; border-radius: 50%; color: #ffffff; font-size: 450%; float: left;
padding: 30px;text-shadow: 2px 2px 0 #9a9b9c; }
#job_page #features .ben strong{font-family: 'helvetica_roman'; font-size: 23px; line-height: 25px; color: #000; }
#job_page #features .ben p{ padding-top: 10px; font-family: arial; font-size: 15px; line-height: 24px; color: #888888; padding-left: 155px;}
#job_page h3{ color: #62af32; font-weight: normal; font-size: 22px; line-height: 30px; padding: 0; margin: 0;}
#job_page h3 span{ color: #62af32;}
#job_page ul{ padding: 10px 30px 20px 45px; }
#job_page ul li{ list-style: circle; padding: 5px 0; font-size: 15px;}
#job_page .getjob{ text-align: center; margin: 20px auto; }
#job_page .greenbutt {border: 1px solid #ffffff; color: white; background: #62af32; -moz-border-radius: 8px;
border-radius: 8px; box-shadow:inset 0 0 15px #81bc5b; -moz-box-shadow:inset 0 0 15px #81bc5b; font-weight: bold; font-size: 16px; text-decoration: none;  -o-transition: .2s ease-in;
-ms-transition: .2s ease-in;
-moz-transition: .2s ease-in;
-webkit-transition: .2s ease-in;
transition: .2s ease-in; padding: 15px 30px;}
#job_page .greenbutt:hover {color: #ffffff; background: #0094d3; border: 1px solid #046c98; box-shadow:inset 0 0 10px #30a8db; -moz-box-shadow:inset 0 0 10px #30a8db;}

#page_support h2 {line-height: 60px; text-decoration: none;}
#page_support h2 span {font-weight: normal; text-decoration: none; line-height: 34px; font-size: 23px; color: #888888;}

.guide ul {
   margin: 20px 0;
}

.guide ul li {
    float: left;
    padding: 10px 24px;
    vertical-align: top;
    width: 20%;
    text-align: center;
    border-left: 1px solid #dedede;
    height: 200px;
}

.guide ul li a h5{color: #63af33; 
}

.guide ul li a h5.hdr{color: #63af33; height: 50px;
}

.guide ul li a p{
display: block; color: #b5b7b9; font-size: 15px; line-height: 20px; padding: 10px 0 0 0;
-o-transition: .2s ease-in;
-ms-transition: .2s ease-in;
-moz-transition: .2s ease-in;
-webkit-transition: .2s ease-in;
transition: .2s ease-in;}

.guide ul li a span.fa{
 font-size: 70px;  color: #63af33; margin-top: 50px; padding: 0; display: block;-o-transition: .2s ease-in;
-ms-transition: .2s ease-in;
-moz-transition: .2s ease-in;
-webkit-transition: .2s ease-in;
transition: .2s ease-in; 
}

.guide ul li:hover a h5  {
color: #0094d3;
}

.guide ul li:hover a p{
color: #000;
}

.guide ul li:hover a span.fa{
color: #0094d3;
}


.guide ul li.noborder {
border: none;
}

.guide ul li a {
    color: #777777;
    line-height: 20px;-o-transition: .2s ease-in;
-ms-transition: .2s ease-in;
-moz-transition: .2s ease-in;
-webkit-transition: .2s ease-in;
transition: .2s ease-in;
text-decoration: none;
}
.guide ul li a:hover {
    color: #F55856;
}

.guide ul li a:hover {
    color: #777777;}
    
#page_support h3{ color: #888888; font-weight: normal; font-size: 22px; line-height: 30px; padding: 0; margin: 20px 0 5px 0;}

#page_support button.greenbutt {cursor: pointer; border: 1px solid #ffffff; color: white; background: #62af32; -moz-border-radius: 8px;
border-radius: 8px; box-shadow:inset 0 0 15px #81bc5b; -moz-box-shadow:inset 0 0 15px #81bc5b; font-weight: bold; font-size: 25px; text-decoration: none;  -o-transition: .2s ease-in;
-ms-transition: .2s ease-in;
-moz-transition: .2s ease-in;
-webkit-transition: .2s ease-in;
transition: .2s ease-in; padding: 10px 30px; width: 15%; margin: 0 0 20px 20px;}
#page_support input {background: #ffffff; -moz-border-radius: 6px;
border-radius: 6px; border: 1px solid #dedede; -moz-border-radius: 6px;
border-radius: 6px; box-shadow:inset 2px 2px 0px #f2f2f2; -moz-box-shadow:inset 2px 2px 0px #f2f2f2; height: 30px; width: 78%; -o-transition: .2s ease-in;
-ms-transition: .2s ease-in;
-moz-transition: .2s ease-in;
-webkit-transition: .2s ease-in;
transition: .2s ease-in; padding: 10px 20px; float: left;margin: 25px 0 0 0; font-size: 1.1em}
#page_support input:hover {border: 1px solid #999999; }
#page_support ul.faq {border-top: 1px solid #dedede; clear: both; padding-top: 10px;}
#page_support ul.faq li {width: 47%; padding: 15px 0 15px 20px; font-weight: bold; color: #888888; font-size: 15px; display: block; float: left;}
#page_support ul.faq li a {display: block;}
#page_support ul.faq li span {padding: 0 10px; font-weight: normal; font-size: 20px; float: left;}
#page_support ul.faq-solo {border-top: 1px solid #dedede; clear: both; padding-top: 10px;}
#page_support ul.faq-solo li {width: 100%; padding: 10px 0 10px 20px; font-weight: bold; color: #888888; font-size: 15px; display: block; float: left;}
#page_support ul.faq-solo li a {display: block;}
#page_support ul.faq-solo li span {padding: 0 10px; font-weight: normal; font-size: 20px; float: left;}
#page_support .guide .greenbutt {width: 22%;
float: right;
margin: 20px 400px 0 0;
padding: 12px 25px;
text-align: center;
FONT-SIZE: 18px;}


#page_support .guide ul li {
    float: left;
    padding: 10px 24px;
    vertical-align: top;
    width: 19%;
    text-align: center;
    border-left: 1px solid #dedede;
    height: 200px;
}


#page_support .guide img {
  float: left; padding: 20px 14px;
}

#page_support p {
    line-height: 25px; font-size: 15px;
}

#page_support .bck {
   float: left; margin: 0 0 0 20px; font-size: 30px; line-height: 230px; text-decoration: none; width: 20px;
}

#page_support .bckd {
   float: left; margin: 0 0 0 20px; font-size: 30px; line-height: 150px; text-decoration: none; width: 20px;
}

#page_support table, #dis table {width: 100%; font-size: 13px; text-align: center; border-collapse:collapse;}
#page_support th, #dis th {padding: 15px 15px;color: #62af32;}
#page_support tr:nth-of-type(odd), #dis tr:nth-of-type(odd) {background: #ffffff; color: #000000;}
#page_support table img, #dis table img {padding: 0; margin: 0; float: none;}
#page_support table a, #dis table a {display: block;}
#page_support tr, #dis tr {background: #fafafa; color: black;}
#page_support td {padding: 15px 15px; color: #888888; width: 20%;}
#dis td {padding: 10px 15px; color: #888888; width: 20%;}
#page_support  th:nth-child(1) {width: 15%;}
#page_support  td:nth-child(1) {width: 15%;}
#page_support  td:nth-child(2) {width: 30%;}
#page_support th {padding: 15px 15px;color: #62af32; width: 20%;}
#page_support tr:nth-of-type(odd) {background: #ffffff; color: #000000;}
#page_support  #sp td:nth-child(1) {width: 15%;}
#page_support  #sp td:nth-child(2) {width: 15%;}
#page_support  #sp td:nth-child(3) {width: 15%;}
#page_support  #sp td:nth-child(4) {width: 20%;}
#page_support  #sp td:nth-child(5) {width: 35%;}



#page_jbt .brand_jbt {background: url(img/brand/jbt.jpg) no-repeat top center; width: 100%; height: 190px; -moz-border-radius: 10px;
border-radius: 10px; color: #ffffff; margin-bottom: 20px;}
#page_jbt h2 {line-height: 60px; text-decoration: none; padding: 80px 0 0 20px; margin: 0;}
#page_jbt h2 span {font-weight: normal; text-decoration: none; line-height: 34px; font-size: 23px; color: #ffffff;}

#page_jbt .guide ul li {
    width: 28%; height: 350px;
}

#page_jbt .guide .big {
    width: 80%; 
}
#page_jbt .guide .big span{
    font-weight: normal; 
}

#page_jbt .guide {
   margin: 20px auto; 
}

#page_jbt .greenbutt {font-size: 13px; border: 1px solid #ffffff; color: white; background: #62af32; -moz-border-radius: 8px;
border-radius: 8px; box-shadow:inset 0 0 15px #81bc5b; -moz-box-shadow:inset 0 0 15px #81bc5b; font-weight: bold;  text-decoration: none;  -o-transition: .2s ease-in;
-ms-transition: .2s ease-in;
-moz-transition: .2s ease-in;
-webkit-transition: .2s ease-in;
transition: .2s ease-in; display: block; width: 60%; margin: 15px auto; padding: 10px 0;}
#page_jbt h3{ color: #62af32; font-weight: normal; font-size: 22px; line-height: 30px; padding: 0; margin: 0;}
#page_jbt h3 span{ color: #62af32;}

#pricing-table {
	margin: 30px auto;
  margin-bottom: 70px;
	text-align: center;
  width: 95%;
}

#pricing-table .greenbutt {font-size: 13px; border: 1px solid #ffffff; color: white; background: #62af32; -moz-border-radius: 8px;
border-radius: 8px; box-shadow:inset 0 0 15px #81bc5b; -moz-box-shadow:inset 0 0 15px #81bc5b; font-weight: bold;  text-decoration: none;  -o-transition: .2s ease-in;
-ms-transition: .2s ease-in;
-moz-transition: .2s ease-in;
-webkit-transition: .2s ease-in;
transition: .2s ease-in; display: block; width: 60%; margin: 15px auto; padding: 10px 0; text-shadow: none;}

#pricing-table .plan {

	text-shadow: 0 1px rgba(255,255,255,.8);        
	background: #fff;      
	border: 1px solid #dedede;
	color: #000;
	padding: 20px;
	width: 20%;    
	float: left;
	position: relative;
  -o-transition: .2s ease-in;
-ms-transition: .2s ease-in;
-moz-transition: .2s ease-in;
-webkit-transition: .2s ease-in;
transition: .2s ease-in;
}

#pricing-table #most-popular {
	z-index: 2;
	top: -13px;
	border-width: 1px;
  border-color: #888;
	padding: 30px 20px;
	-moz-border-radius: 15px;
	-webkit-border-radius: 15px;
	border-radius: 15px;
	-moz-box-shadow: 15px 0 10px -10px rgba(0, 0, 0, .1), -15px 0 10px -10px rgba(0, 0, 0, .1);
	-webkit-box-shadow: 15px 0 10px -10px rgba(0, 0, 0, .1), -15px 0 10px -10px rgba(0, 0, 0, .1);
	box-shadow: 15px 0 10px -10px rgba(0, 0, 0, .1), -15px 0 10px -10px rgba(0, 0, 0, .1);    
}

#pricing-table .plan:nth-child(1) {
	-moz-border-radius: 5px 0 0 5px;
	-webkit-border-radius: 5px 0 0 5px;
	border-radius: 5px 0 0 5px;        
}

#pricing-table .plan:nth-child(4) {
	-moz-border-radius: 0 5px 5px 0;
	-webkit-border-radius: 0 5px 5px 0;
	border-radius: 0 5px 5px 0;        
}

/* --------------- */	

#pricing-table .plan h3 {
	font-size: 20px;
	font-weight: normal;
  color: #ffffff;
	padding: 20px 5px;
	margin: -20px -20px 50px -20px;
	background-color: #0094d3;
  text-shadow: none;
  -o-transition: .2s ease-in;
-ms-transition: .2s ease-in;
-moz-transition: .2s ease-in;
-webkit-transition: .2s ease-in;
transition: .2s ease-in;
}

#pricing-table #most-popular h3 {
	background-color: #62af32;
	margin-top: -30px;
	padding-top: 35px;
   text-shadow: none;
	-moz-border-radius: 10px 10px 0 0;
	-webkit-border-radius: 10px 10px 0 0;
	border-radius: 10px 10px 0 0; 		
}

#pricing-table .plan:nth-child(1) h3 {
	-moz-border-radius: 5px 0 0 0;
	-webkit-border-radius: 5px 0 0 0;
	border-radius: 5px 0 0 0;       
}

#pricing-table .plan:nth-child(3) {
	border-left: none;
  border-right: none;      
}

#pricing-table .plan:nth-child(4) h3 {
	-moz-border-radius: 0 5px 0 0;
	-webkit-border-radius: 0 5px 0 0;
	border-radius: 0 5px 0 0;       
}	

#pricing-table h3 span {
	display: block;
	font-family: 'helvetica_thin';
	color: #888;
  font-size: 25px;
	background: #fff;
	border: 5px solid #fff;
  padding-top: 32px;
	height: 68px;
	width: 100px;
	margin: 10px auto -65px;
	-moz-border-radius: 100px;
	-webkit-border-radius: 100px;
	border-radius: 100px;
	-moz-box-shadow: 0 5px 20px #ddd inset, 0 1px 0 #999 inset;
	-webkit-box-shadow: 0 5px 20px #ddd inset, 0 1px 0 #999 inset;
	box-shadow: 0 5px 20px #ddd inset, 0 1px 0 #999 inset;
  -o-transition: .2s ease-in;
-ms-transition: .2s ease-in;
-moz-transition: .2s ease-in;
-webkit-transition: .2s ease-in;
transition: .2s ease-in;
}


#pricing-table .plan:hover h3 span {
color: #000;
}

/* --------------- */

#pricing-table ul {
	margin: 20px 0 0 0;
	padding: 0;
	list-style: none;
}

#pricing-table li {
	border-top: 1px solid #dedede;
	padding: 10px 0;
  color: #888;
  -o-transition: .2s ease-in;
-ms-transition: .2s ease-in;
-moz-transition: .2s ease-in;
-webkit-transition: .2s ease-in;
transition: .2s ease-in;
}

#pricing-table #most-popular li {
  color: #000;
}

#pricing-table .plan:hover li {
  color: #000;
}

/* --------------- */
	


#pricing-table .signup:active, #pricing-table .signup:focus {
	background: #62bc30;       
	top: 2px;
	-moz-box-shadow: 0 0 3px rgba(0, 0, 0, .7) inset;
	-webkit-box-shadow: 0 0 3px rgba(0, 0, 0, .7) inset;
	box-shadow: 0 0 3px rgba(0, 0, 0, .7) inset; 
}

/* --------------- */

.clear:before, .clear:after {
  content:"";
  display:table
}

.clear:after {
  clear:both
}

.clear {
  zoom:1
}

#page_jbt .brand_apps {background: url(img/brand/company.jpg) no-repeat top center; width: 100%; height: 190px; -moz-border-radius: 10px;
border-radius: 10px; color: #ffffff; margin-top: 20px;}

#page_jbt .apps {background: url(img/apps.jpg) no-repeat center center; height: 450px;}
#page_jbt .ios {float: left; width: 40%; text-align: center;}
#page_jbt .ios, #page_jbt .android {padding: 40px 20px;}
#page_jbt .ios h3, #page_jbt .ios p{text-align: left;}
#page_jbt .android h3, #page_jbt .android p{text-align: right;}
#page_jbt .android {float: right; width: 40%; text-align: center;}
#page_jbt .apps .greenbutt {text-align: center; width: 100%;}
#page_jbt .apps .left { width: 50%;}
#page_jbt .apps .right {float: right; width: 50%;}
#page_jbt .apps img {text-align: center; margin: 10px auto;}
#page_jbt .apps p {font-size: 15px; line-height: 22px; margin: 20px 0;}
#page_jbt .apps .ios p {padding-right: 120px;}
#page_jbt .apps .android p {padding-left: 120px;}


#page_jbt .row {margin: 30px 0; width: 90%; padding: 0 40px;}
#page_jbt .row h4{font-family: 'helvetica_thin'; font-size: 25px; padding: 0;}
#page_jbt .row p{color: #888888; font-size: 15px; line-height: 25px; width: 60%;}
#page_jbt .left-image {float: left; width: 30%; }
#page_jbt .left-image img {border-radius: 50%; width: 220px; height: 220px; }
#page_jbt .right-text {float: right; width: 65%; padding: 20px;} 

#page_jbt .right-image {float: right; width: 30%; }
#page_jbt .right-image img {border-radius: 50%; width: 220px; height: 220px; }
#page_jbt .left-text {float: left; width: 38%; padding: 20px; padding-left: 220px; }
#page_jbt .row .left-text p{width: 100%;}
#page_jbt h3{ color: #62af32; font-weight: normal; font-size: 28px; line-height: 30px;}

#page_jbt_online h2 {line-height: 60px; text-decoration: none;}
#page_jbt_online h2 span {font-weight: normal; text-decoration: none; line-height: 34px; font-size: 23px; color: #888888;}
#page_jbt_online .online {background: url(img/brand/jbt-online.jpg) no-repeat center center;width: 100%; height: 420px;}
#page_jbt_online .online .greenbutt {font-size: 13px; border: 1px solid #ffffff; color: white; background: #62af32; -moz-border-radius: 8px;
border-radius: 8px; box-shadow:inset 0 0 15px #81bc5b; -moz-box-shadow:inset 0 0 15px #81bc5b; font-weight: bold;  text-decoration: none;  -o-transition: .2s ease-in;
-ms-transition: .2s ease-in;
-moz-transition: .2s ease-in;
-webkit-transition: .2s ease-in;
transition: .2s ease-in;  margin: 52px; padding: 15px 0; text-shadow: none; display: block; text-align: center; width: 20%;}
#page_jbt_online h3{ color: #62af32; font-weight: normal; font-size: 22px; line-height: 30px; padding: 0; margin: 0;}


#page_jbt_online .ben img{border-radius: 50%; float: left;
padding: 10px 30px; width: 120px; height: 120px; }


#page_jbt_online .ben {width: 42%; float: left; padding: 30px 30px 0 0px; margin: 0 40px 0 0; min-height: 170px;}
#page_jbt_online .ben .ic{font-family: 'FontAwesome';font-weight: normal; background: #c1c2c3; border-radius: 50%; color: #ffffff; font-size: 450%; float: left;
padding-top: 30px; width: 120px; height: 90px; text-shadow: 2px 2px 0 #9a9b9c; text-align: center; margin-top: 10px;}
#page_jbt_online .ben strong{font-family: 'helvetica_roman'; font-size: 23px; line-height: 25px; color: #000; }
#page_jbt_online .ben p{ padding-top: 10px; font-family: arial; font-size: 15px; line-height: 24px; color: #888888; padding-left: 155px;}

#pgnf { width: 100%; height: 550px; background: url(img/404.png) no-repeat center bottom;}
#pgnf h2 {line-height: 60px; text-decoration: none;}
#pgnf h2 span {font-weight: normal; text-decoration: none; line-height: 20px; font-size: 28px; color: #888888;}


#pgnf .greenbutt {font-size: 13px; border: 1px solid #ffffff; color: white; background: #62af32; -moz-border-radius: 8px;
border-radius: 8px; box-shadow:inset 0 0 15px #81bc5b; -moz-box-shadow:inset 0 0 15px #81bc5b; font-weight: bold;  text-decoration: none;  -o-transition: .2s ease-in;
-ms-transition: .2s ease-in;
-moz-transition: .2s ease-in;
-webkit-transition: .2s ease-in;
transition: .2s ease-in;  margin-top: 50px; padding: 15px 0; text-shadow: none; display: block; text-align: center; width: 30%;}
#pgnf .greenbutt:hover {color: #ffffff; background: #0094d3; border: 1px solid #046c98; box-shadow:inset 0 0 10px #30a8db; -moz-box-shadow:inset 0 0 10px #30a8db;}


h2 {line-height: 40px; text-decoration: none; padding: 0;  margin: 20px 0 10px 0; font-size: 45px; padding: 0;}
p.tagline {font-weight: normal; text-decoration: none; line-height: 34px; font-size: 23px; color: #888888; font-family: 'helvetica_thin'; padding: 0; margin: 0; }
p.tagline-white {font-weight: normal; text-decoration: none; line-height: 34px; font-size: 23px; color: #fff; font-family: 'helvetica_thin'; padding: 0; margin: 0; padding: 0 20px }


#page_support_single {padding: 0 20px; font-size: 15px; line-height: 25px; margin-bottom: 60px;}
#page_support_single p{padding: 10px 0;}
#page_support_single h2 {font-size: 30px;}
#page_support_single img {text-align: center; margin: 15px auto 0 auto; display: block;}
#page_support_single .wp-caption-text{padding: 10px; margin: 0 5px; margin-bottom: 20px; margin-top:0px; color: #888888; font-size: 13px; display: block; background: #fafafa;}
#page_support_single ul{margin: 10px}
#page_support_single ul li{margin: 20px; list-style-type: disc; color: #595959;}
#page_support_single .butts{margin: 50px auto; text-align:center;}
#page_support_single .greenbutt {border: 1px solid #ffffff; color: white; background: #62af32; -moz-border-radius: 8px;
border-radius: 8px; box-shadow:inset 0 0 15px #81bc5b; -moz-box-shadow:inset 0 0 15px #81bc5b; font-weight: bold; font-size: 16px; text-decoration: none;  -o-transition: .2s ease-in;
-ms-transition: .2s ease-in;
-moz-transition: .2s ease-in;
-webkit-transition: .2s ease-in;
transition: .2s ease-in; padding: 15px 20px; margin: 0 10px;}
/*ver 2.0*/#page_support_single .faqinfo {border-top: 1px solid #dedede; padding: 10px 15px;}
/*ver 2.0*/#page_support_single .faqinfo span.ticket{background: #888888; font-size: 0.8em; font-weight: bold; color: #fff; padding: 4px 8px; margin: 0 5px; border-radius: 4px;}
/*ver 2.0*/#page_support_single .faqinfo span.blue{background: #0094d3;}




#page_down .guide ul li.fifty {
    width: 45%; height: 350px;
}

#page_down .guide ul li.three {
    width: 28%; height: 200px;
}

#page_down .guide .big {
    width: 80%; 
}
#page_down .guide .big span{
    font-weight: normal; 
}

#page_down .guide {
   margin: 20px auto; 
}

#page_down .greenbutt {font-size: 13px; border: 1px solid #ffffff; color: white; background: #62af32; -moz-border-radius: 8px;
border-radius: 8px; box-shadow:inset 0 0 15px #81bc5b; -moz-box-shadow:inset 0 0 15px #81bc5b; font-weight: bold;  text-decoration: none;  -o-transition: .2s ease-in;
-ms-transition: .2s ease-in;
-moz-transition: .2s ease-in;
-webkit-transition: .2s ease-in;
transition: .2s ease-in; display: block; width: 60%; margin: 15px auto; padding: 10px 0;}
#page_down .greenbutt:hover {color: #ffffff; background: #0094d3; border: 1px solid #046c98; box-shadow:inset 0 0 10px #30a8db; -moz-box-shadow:inset 0 0 10px #30a8db;}
#page_down .guide ul li:hover .greenbutt {color: #ffffff; background: #0094d3; border: 1px solid #046c98; box-shadow:inset 0 0 10px #30a8db; -moz-box-shadow:inset 0 0 10px #30a8db;}
#page_down h3{ color: #62af32; font-weight: normal; font-size: 22px; line-height: 30px; padding: 0; margin: 0;}
#page_down h3 span{ color: #62af32;}

ul.loga {
  padding: 0; margin: 0; 
}

ul.loga li {
  padding: 45px; margin: 0; float: left; 
}

#product_detail #live {text-align: center;}
#product_detail #live h3 {text-align: left;}
#product_detail #live img {text-align: center; margin: 10px auto; -moz-border-radius: 8px;
border-radius: 8px;}
#product_detail #accessories .product {height: 380px;}

/* 2.0 */#product_detail #details, #product_detail #accessories, #product_detail #features, #product_detail #story, #product_detail #live, #product_detail #faq, #product_detail #technical, #product_detail #jbt{ padding-top: 30px;}
/* 2.0 */#product_page h3 { padding-top: 50px;}
/* 2.0 */#product_page .product a h3, #product_page .product-release a h3 { padding-top: 10px;}

/* 2.0 */#product_detail .submenu{  }
/* 2.0 */#product_detail .submenu a{ }
/* 2.0 */ul.nav{padding: 10px 0 0 0;border-bottom: 1px solid #dedede;height: 35px; margin: 0 auto; text-align: center; width: 987px; background: #ffffff;}
/* 2.0 */ul.nav li{ }
/* 2.0 */ul.nav li a{float: left;font-weight: bold; padding: 10px 22px; margin: 0 6px; text-decoration: none; color: #888888; border-bottom: 3px solid #transparent;}
/* 2.0 */ul.nav li a:hover{ border-bottom: 3px solid #69b23b; color: #000; text-decoration: none; }
/* 2.0 */ul.nav li.active a{border-bottom: 3px solid #69b23b; color: #69b23b; text-decoration: none; }
/* 2.0 */ul.nav li .active{border-bottom: 3px solid #69b23b; color: #69b23b; text-decoration: none; }
/* 2.0 */ul.nav li a.active{ border-bottom: 3px solid #69b23b; color: #69b23b; text-decoration: none; }


/* 2.0 */#product_page .product .badge, #product_page .product .badge2, #product_page .product .badge3{ position: absolute;}
/* 2.0 */#product_page .product .badge2{ margin-top: 32px;}
/* 2.0 */#product_page .product .badge3{ margin-top: 62px;} 

/* 2.0 */#product_detail #tarif{background: #69b23b url(img/dirty.png) no-repeat bottom right; color: #fff; line-height: 1.8em; padding: 20px; padding-top: 0px; -webkit-border-radius: 8px;
-moz-border-radius: 8px;
border-radius: 8px;}

/* 2.0 */#product_detail #tarif p{color: #fff;}
/* 2.0 */#product_detail #tarif h3{color: #fff; padding-top: 20px;}    
/* 2.0 */#product_detail #tarif a{color: #fff!important;}

/* 2.0 */#page_about p{ padding: 10px 0; font-size: 15px; line-height: 20px;} 


/*2.0*/.story-hp {position: relative; margin: 1em 0 3em; color: #000; background: #dedede url(img/dirty.png) no-repeat bottom left; width: 290px;font-size: 13px; float: left;}
/*2.0*/.green {background: #62af32 url(img/dirty.png) no-repeat bottom left;}
/*2.0*/.stories {float: left; width: 328px; margin: 0; height: 340px; }
/*2.0*/.main{width: 656px;}
/*2.0*/.detail{width: 590px; width: auto;}
/*2.0*/.det{margin: 18px; height: 340px; }
/*2.0*/.story-hp h3{ color: #595959; font-size: 22px; font-weight: bold;  font-family: arial;margin: 5px 0;  -o-transition: .2s ease-in; -ms-transition: .2s ease-in; -moz-transition: .2s ease-in; -webkit-transition: .2s ease-in; transition: .2s ease-in;}
/*2.0*/#story_page a h3, #product_detail a h3{ color: #595959; font-size: 22px; font-weight: bold;  font-family: arial;margin: 5px 0;  -o-transition: .2s ease-in; -ms-transition: .2s ease-in; -moz-transition: .2s ease-in; -webkit-transition: .2s ease-in; transition: .2s ease-in;}
/*2.0*/#story_page .green h3, #product_detail .green h3{ color: #fff;}
/*2.0*/#story_page .green:hover a h3, #product_detail .green:hover a h3{ color: #fff; }
/*2.0*/.story-hp:hover h3{ color: #000; }
/*2.0*/.story-hp a{ text-decoration: none; }
/*2.0*/.story-hp p{ font-family: 'helvetica_thin';text-decoration: none; color: #595959;font-size: 19px; line-height: 30px; padding: 0 20px 0 0; margin: 0;  -o-transition: .2s ease-in; -ms-transition: .2s ease-in; -moz-transition: .2s ease-in; -webkit-transition: .2s ease-in; transition: .2s ease-in;}
/*2.0*/.green p{ color: #fff;}
/*2.0*/.story-hp:hover p{ color: #000; }
/*2.0*/.green:hover p{ color: #fff; }
/*2.0*/.story-hp .bg-top { display: block;  background: url(img/bg-top.png) no-repeat top left; }
/*2.0*/.story-hp .bg-bottom { display: block;  background: url(img/bg-bot.png) no-repeat bottom right; height: 340px; }
/*2.0*/.story-hp .people { display: block;  background: url(people.png) no-repeat bottom right; height: 100% ; width: 170px; position: absolute; right: -30; }
/*2.0*/.stories .people { right: 0; }
/*2.0*/.story-hp .text { display: block;  padding: 15px 20px; padding-right: 100px;}
/*2.0*/.stories .text { padding-right: 140px;}
/*2.0*/.story-hp .text-no, .stories .text-no{ display: block;  padding: 15px 20px; }
/*2.0*/.story-hp .whitebutt { color: #62af32; background: #ffffff; -moz-border-radius: 6px; border-radius: 6px; -moz-border-radius: 6px; border-radius: 6px;font-weight: bold; text-decoration: none;padding: 5px 15px; text-align: center; width: 40%; display: block; -o-transition: .2s ease-in; -ms-transition: .2s ease-in; -moz-transition: .2s ease-in; -webkit-transition: .2s ease-in; transition: .2s ease-in; font-family: arial; position: absolute; bottom: 10px; left: 70px; box-shadow: none; font-size: 13px; border: 1px solid #fff;}
/*2.0*/.stories .whitebutt { left: 75px; }
/*2.0*/.det .whitebutt { left: 50px; }
/*2.0*/.story-hp:hover .whitebutt { background: #62af32; color: #ffffff; border: 1px solid #62af32;}
/*2.0*/.green:hover .whitebutt { background: #fff; color: #595959; }
/*2.0*/.story-hp:after { content: ""; position: absolute; border-style: solid; display: block; width: 0; top: -15px; left: 20px; bottom: auto; border-width: 0 15px 15px; border-color: #dedede transparent;} 
/*2.0*/.green:after {border-color: #62af32 transparent;} 
/*2.0*/.main .whitebutt { width: 30%; left: 210px;}
/*2.0*/.detail p.perex{ font-family: 'helvetica_thin';text-decoration: none; color: #595959;font-size: 23px; line-height: 34px; margin: 0;  -o-transition: .2s ease-in; -ms-transition: .2s ease-in; -moz-transition: .2s ease-in; -webkit-transition: .2s ease-in; transition: .2s ease-in; padding: 20px;}
/*2.0*/.detail p.quot{ font-family: 'helvetica_thin';text-decoration: none; color: #595959;font-size: 20px; line-height: 34px; margin: 0;  -o-transition: .2s ease-in; -ms-transition: .2s ease-in; -moz-transition: .2s ease-in; -webkit-transition: .2s ease-in; transition: .2s ease-in; padding: 20px 70px;text-align: center;}
/*2.0*/.detail p{padding: 10px 20px; color: #000; font-family: arial; font-size: 15px; font-weight: normal; line-height: 25px;}
/*2.0*/.detail .whitebutt { left: 150px;}
/*2.0*/.detail img{ margin: 20px 20px; border: 4px solid #fff; text-align: center;}
/*2.0*/.detail .centeroftheuniverse{ text-align: center;}
/*2.0*/.story-left{ float: left; width: 590px;}
/*2.0*/.story-right{ float: left;width: 397px;}
/*2.0*/.story-right .benefits{ border-bottom: 1px solid #dedede; min-height: 305px; padding-left: 50px;}
/*2.0*/.story-right .benefits .speaker { display: block;  background: url(people.png) no-repeat bottom right; width: 170px; height: 305px;position: absolute; left: 575; top 0;}
/*2.0*/.story-right .benefits .howhelp {  padding-top: 50px;}
/*2.0*/.story-right .benefits .ben {  padding: 10px 0;}
/*2.0*/.story-right .benefits .ben p{  font-family: arial; color: #62af32; font-weight: bold; font-size: 15px; padding: 10px; padding-left: 55px; margin: 0; line-height: 22px;}
/*2.0*/.story-right .benefits .ben .ic { font-family: FontAwesome; font-weight: normal; background: #62af32; border-radius: 50%; color: #fff; float: left; width: 40px; height: 32px; padding-top: 8px; text-shadow: #548e2f 2px 2px 0px; text-align: center; font-size: 22px;}

.story_detail #solution {}
/*2.0*/.story-right #solution {padding: 0px 30px;}

/*2.0*/#page_release {}
/*2.0*/#page_release .essence {background: url(img/essence-brand.jpg) no-repeat top center; width: 100%; height: 190px; -moz-border-radius: 10px;
border-radius: 10px; color: #ffffff; margin: 20px 0;}
/*2.0*/#page_release .raven {background: url(img/raven_brand.jpg) no-repeat top center; width: 100%; height: 190px; -moz-border-radius: 10px;
border-radius: 10px; color: #ffffff; margin: 20px 0;}
/*2.0*/#page_release .eye-02 {background: url(img/brand_cam.jpg) no-repeat top center; width: 100%; height: 190px; -moz-border-radius: 10px;
border-radius: 10px; color: #ffffff; margin: 20px 0;}
/*2.0*/#page_release .gdp-04 {background: url(img/gdp04-brand.jpg) no-repeat top center; width: 100%; height: 190px; -moz-border-radius: 10px;
border-radius: 10px; color: #ffffff; margin: 20px 0;}
/*2.0*/#page_release .kits {background: url(img/brand_kits.png) no-repeat top center; width: 100%; height: 190px; -moz-border-radius: 10px;
border-radius: 10px; color: #ffffff; margin: 20px 0;}
/*2.0*/#page_release h2 {line-height: 60px; text-decoration: none; padding: 0 20px ; padding-top: 50px; margin: 0;}
/*2.0*/#page_release h3 {padding: 10px 20px ; margin: 0; background: #fafafa; color: #595959; -webkit-border-radius: 6px;
-moz-border-radius: 6px;
border-radius: 6px; margin-top: 20px;}
/*2.0*/#page_release h3 span{float: right; margin-top: -4px; font-size: 13px; font-family: arial; font-weight: bold;}
/*2.0*/#page_release ul {padding: 20px; margin: 0;}
/*2.0*/#page_release ul li{width: 30%; float: left; padding: 8px 15px; color: #595959; font-weight: bold;}
/*2.0*/#page_release ul li span.fa{color: #62af32;}

/*2.0*/#jbt_phones {}
/*2.0*/#jbt_phones .brand_jbt {background: url(img/brand_jbt.jpg) no-repeat top center; width: 100%; height: 250px; -moz-border-radius: 10px;
border-radius: 10px; color: #ffffff; margin-top: 20px;}
/*2.0*/#jbt_phones h2 {line-height: 60px; text-decoration: none; padding: 0 20px ; padding-top: 110px; margin: 0;}
/*2.0*/#jbt_phones h3 {color: rgb(98, 175, 50); font-weight: normal; font-size: 28px; line-height: 30px; margin-top: 20px; }
/*2.0*/#jbt_phones h4 {font-family: helvetica_roman; font-size: 23px; line-height: 25px; color: rgb(0, 0, 0); font-weight: normal; margin-top: 55px; margin-bottom: 10px;}
/*2.0*/#jbt_phones .left p, #jbt_phones .right p {color: #595959; padding: 5px 0; font-size: 1.0em; line-height: 1.8em;}
/*2.0*/#jbt_phones .left {width: 43%; float: left; padding: 0 20px;}
/*2.0*/#jbt_phones .right {width: 43%; float: right; padding: 0 20px;}
/*2.0*/#jbt_phones .left ul, #jbt_phones .right ul { padding: 0; margin: 20px 0; width: 100%;}
/*2.0*/#jbt_phones .left ul li, #jbt_phones .right ul li{ list-style: none; font-weight: bold; color: #595959; padding: 10px; float: left; width: 45%;}
/*2.0*/#jbt_phones .right ul li.full, #jbt_phones .left ul li.full{ width: 100%;}
/*2.0*/#jbt_phones .left ul li span.fa, #jbt_phones .right ul li span.fa{ background: #62af32; font-size: 1.2em; color: #fff; border-radius: 50%; padding: 4px; margin: 0 10px;}
/*2.0*/#jbt_phones .box { border-bottom: 1px solid #dedede; }
/*2.0*/#jbt_phones .contacts {background: url(img/contacts.png) no-repeat bottom center; height: 320px;}
/*2.0*/#jbt_phones .contacts-cz {background: url(img/contacts.png) no-repeat bottom center; height: 380px;}
/*2.0*/#jbt_phones .calls {background: url(img/calls.png) no-repeat bottom center; height: 320px;}
/*2.0*/#jbt_phones .calls-cz {background: url(img/calls.png) no-repeat bottom center; height: 380px;}
/*2.0*/#jbt_phones .sms {background: url(img/sms.png) no-repeat center bottom; height: 330px;}
/*2.0*/#jbt_phones .sms-cz {background: url(img/sms.png) no-repeat center bottom; height: 390px;}
/*2.0*/#jbt_phones .hotkeys {background: url(img/hotkeys.png) no-repeat bottom center; height: 420px; background-size: 80%;}
/*2.0*/#jbt_phones .hotkeys-cz {background: url(img/hotkeys.png) no-repeat bottom center; height: 420px; background-size: 80%;}
/*2.0*/#jbt_phones .essence {background: url(img/essence.jpg) no-repeat bottom center; height: 420px; width: 48%;}
/*2.0*/#jbt_phones .essence-cz {background: url(img/essence.jpg) no-repeat bottom center; height: 440px; width: 48%;}

/*2.0*/#jbt_phones table {width: 100%; text-align: center; border-collapse:collapse; border: none; margin-top: 20px; margin-bottom: 50px;}
/*2.0*/#jbt_phones table tr:nth-of-type(odd){background: #fafafa; }
/*2.0*/#jbt_phones table th{background: #fff; font-family: helvetica_thin; font-size: 1.5em; font-weight: normal; color: #fff; padding: 15px;}
/*2.0*/#jbt_phones table th.green{background: #62af32;}
/*2.0*/#jbt_phones table th.grey{background: #595959;}
/*2.0*/#jbt_phones table td{padding: 15px; color: #595959;}
/*2.0*/#jbt_phones table td:first-child{font-weight: bold;}
/*2.0*/#jbt_phones table .yes {color: #62af32; font-size: 1.4em;}
/*2.0*/#jbt_phones table .no {color: #e53c42; font-size: 1.4em;}



/*2.0*/#page_jbt .brand_jbt_new {background: url(img/brand_jbt_new.jpg) no-repeat top center; width: 100%; height: 190px; -moz-border-radius: 10px;
border-radius: 10px; color: #ffffff; margin-top: 20px;}
/*2.0*/#page_release .brand_jbt_new {background: url(img/brand_jbt_new.jpg) no-repeat top center; width: 100%; height: 190px; -moz-border-radius: 10px;
border-radius: 10px; color: #ffffff; margin-top: 20px;}
/*2.0*/#page_jbt .guide ul li {height: 400px;}
/*2.0*/#page_jbt .guide ul li .greenbutt {margin: 0 auto;}
/*2.0*/#page_jbt ul.bene {padding: 20px 15px; margin: 0; text-align: left;}
/*2.0*/#page_jbt ul.bene li{padding: 8px 0px; color: #595959; font-weight: bold; width: 100%; border: none; height: auto !important; text-align: left;}
/*2.0*/#page_jbt ul.bene li span.fa{background: #62af32; font-size: 1.2em; color: #fff; border-radius: 50%; padding: 4px; margin: 0 10px; display: inline;}
/*2.0*/#page_jbt .mapps {border-bottom: 1px solid #dedede;  }

/*2.0*/#page_jbt .mapps {border-bottom: 1px solid #dedede;  }

/*2.0*/.reveal-modal li{padding: 15px; border-bottom: 1px solid #dedede; list-style: none; width: 500px; font-weight: bold;}
/*2.0*/.reveal-modal li .greenbutt{float: right; font-size: 1em; padding: 6px 10px; margin-top: -6px;}
/*2.0*/.reveal-modal #country_select {float: right; margin: 10px 0;}
/*2.0*/.reveal-modal p {width: 550px;}


#page_support_single table {width: 100%; font-size: 13px; border-collapse: collapse; margin: 30px 0 !important;}
#page_support_single th {padding: 10px 15px; color: #595959; min-width: 120px;}
#page_support_single tr {padding: 10px 15px; color: #595959;}
#page_support_single td {width: 50%; padding: 10px 15px; color: #888888; text-align: center;#page_support_single th}
#page_support_single tr:nth-of-type(odd) {background: #eeeeee; color: #000000;}

/* 2.0 */#page_support  #tarif{background: #69b23b url(img/dirty.png) no-repeat bottom right; color: #fff; line-height: 1.8em; padding: 20px; padding-top: 0px; -webkit-border-radius: 8px;
-moz-border-radius: 8px;
border-radius: 8px;}

/* 2.0 */#page_support  #tarif p{color: #fff;}
/* 2.0 */#page_support  #tarif h3{color: #fff; padding-top: 20px;}    
/* 2.0 */#page_support  #tarif a{color: #fff!important;}


/* skryti google translate widgetu ve firefoxu kvuli nefunkcnimu dropdownu */
@-moz-document url-prefix() { 
 #google_translate_element {display: none}
}

/* press stranka */
.page_press ul.images li {
width: 25% !important;
padding: 15px 0px !important;
}

.page_press_essence ul.images li {
text-align: center !important;
height: 380px;
}

.page_press_essence ul.images li div{
width: 100% !important;
}


.search  .butts{margin: 50px auto; text-align:center;}
.search .greenbutt {border: 1px solid #ffffff; color: white; background: #62af32; -moz-border-radius: 8px;
border-radius: 8px; box-shadow:inset 0 0 15px #81bc5b; -moz-box-shadow:inset 0 0 15px #81bc5b; font-weight: bold; font-size: 16px; text-decoration: none;  -o-transition: .2s ease-in;
-ms-transition: .2s ease-in;
-moz-transition: .2s ease-in;
-webkit-transition: .2s ease-in;
transition: .2s ease-in; padding: 15px 20px; margin: 0 10px;}


.sheets li {height: 300px;}

#page_search button.greenbutt {cursor: pointer; border: 1px solid #ffffff; color: white; background: #62af32; -moz-border-radius: 8px;
border-radius: 8px; box-shadow:inset 0 0 15px #81bc5b; -moz-box-shadow:inset 0 0 15px #81bc5b; font-weight: bold; font-size: 25px; text-decoration: none;  -o-transition: .2s ease-in;
-ms-transition: .2s ease-in;
-moz-transition: .2s ease-in;
-webkit-transition: .2s ease-in;
transition: .2s ease-in; padding: 10px 30px; width: 15%; margin: 25px 0 20px 20px;}
#page_search input {background: #ffffff; -moz-border-radius: 6px;
border-radius: 6px; border: 1px solid #dedede; -moz-border-radius: 6px;
border-radius: 6px; box-shadow:inset 2px 2px 0px #f2f2f2; -moz-box-shadow:inset 2px 2px 0px #f2f2f2; height: 30px; width: 78%; -o-transition: .2s ease-in;
-ms-transition: .2s ease-in;
-moz-transition: .2s ease-in;
-webkit-transition: .2s ease-in;
transition: .2s ease-in; padding: 10px 20px; float: left;margin: 25px 0 0 0; font-size: 1.1em}
#page_search input:hover {border: 1px solid #999999; }


/* We are hiring styles 2015-07-27*/
.wearehiring2 {padding: 0 30px;}

.wearehiring2 .icon {
	padding: 20px 30px 20px 0;
}

.wearehiring2 .icon .bg {
    background-color: #c1c2c3;
    border-radius: 50%;
	width: 100px;
	height: 100px;
}


.wearehiring2 .icon span.fa {
    font-family: 'FontAwesome';
    font-weight: normal;
    color: #ffffff;
    font-size: 50px;/*450%;*/
	line-height: 100px;
    text-shadow: 2px 2px 0 #9a9b9c;
}


.wearehiring2 p {
	line-height: 25px;
	font-family: arial;
	font-size: 15px;
	padding-left: 150px;
}


.wearehiring2 .promo  {
	margin: 1.5em 0;
    color: #000;
    font-family: 'helvetica_thin';
    font-weight: normal;
    font-size: 1.6em;
    line-height: 140%;
	}

.wearehiring2 h1 {
    color: #62af32;
    font-weight: bold;
    font-size: 45px;
    line-height: 60px;
    margin: 20px 0 10px 0;	
	}


.wearehiring2 h2 {
    color: #62af32;
    font-weight: normal;
    font-size: 28px;
    line-height: 30px;
    margin-top: 30px;
	}

.wearehiring2 > h2:nth-child(5) {
	clear: both;
	margin-top: 60px;
	}

.wearehiring2 .astable {display:table;}
.wearehiring2 .asrow {display: table-row;}
.wearehiring2 .ascell {display: table-cell; line-height: 25px; font-family: arial; font-size: 15px;}

.wearehiring2 .w800px {width: 800px;}
.wearehiring2 .w50pr {width: 50%;}
.wearehiring2 .w100pr {width: 100%;}
.wearehiring2 .w5pr {width: 5%;}
.wearehiring2 .w10pr {width: 10%;}
.wearehiring2 .w30pr {width: 30%;}
.wearehiring2 .w40pr {width: 40%;}
.wearehiring2 .w35pr {width: 35%;}
.wearehiring2 .w60pr {width: 60%;}
.wearehiring2 .w70pr {width: 70%;}
.wearehiring2 .w80pr {width: 80%;}

.wearehiring2 .tac {text-align: center;}
.wearehiring2 .tar {text-align: right;}

.wearehiring2 .vam {vertical-align: middle;}



.wearehiring2 ul {
	list-style-type: none;
    padding: 0px;
    margin: 0px;
	}
.wearehiring2 ul li {
	line-height: 25px;
	font-family: arial;
	font-size: 15px;
	background-image: url("./svg/green-dot-8-25.svg");
	background-repeat: no-repeat;
	background-position: 0px center;
	background-size: 25px 25px;
	padding-left: 25px;
	}
	


.wearehiring2 ul.address {	
	
	}
	
	
.wearehiring2 ul.address li	{	
	background-image: none;
	padding-left: 0;
	}
	
.wearehiring2 .infopozici > div.asrow > div:nth-child(1) {font-weight: bold;}

.wearehiring2 ul.address > li:nth-child(1) {font-weight: bold;}