/*----- Boxes with lists ----- */
#subcontent dl,
#sidebar dl
{
    border-style: solid;
    border-width: 1px;
    padding: 0;
    padding-bottom: 10px;
    margin: 0 7px 15px;
}
#subcontent .box dl,
#sidebar .box dl
{
    border:0;
    padding:0;
    margin:0;
}
#subcontent dl dt,
#sidebar dl dt
{
    font-weight:bold;
    font-size: 90%;
    padding: 5px 0 10px 10px;
}
#subcontent dl dd,
#sidebar dl dd  
{
    margin-left: 10px;
    font-size: 85%;
    margin-bottom: 0.3em;
    padding-right: 10px;
}
#container #subcontent .related_links dt,
#container #sidebar .related_links dt
{
    font-weight: normal;
    font-size: 90%;
    padding-left: 5px;
    padding-bottom: 0;
}
/*%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%
------ Start of Whats new box -----------------------------------------------
----------------------------------------------------------------
--------------------------------------------------------------- */
#container #subcontent .whatsnew dt,
#container #sidebar .whatsnew dt,
#container #subcontent .roadmap dt

{
    padding: 0.4em 0 1em 10px;
    /*font-size:110%;*/
    border-bottom: none;
    /*font-family: "Times New Roman", serif;*/
}
/* ------ End of Whats new box ---------------------------------
----------------------------------------------------------------
--------------------------------------------------------------- 
%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%*/
#subcontent .banner {
    position: relative;
    margin: 0 auto 1em auto;
    text-align: center;
    padding: 0;
    width:15.4em;
    _width:200px;
    border-width: 1px;
    border-style:solid;
    height:170px;
}
/* -----------------Sidebar banner RS1 Start --------------*/
#subcontent .banner a {
    display: block;
    width:15.25em;
    height: 168px;
    color: #fff;
    text-indent: -50000px;
    border: solid 1px #fff;
    padding:0;
    margin:0;
    outline:none;
    }
#subcontent .banner.offer{
    height: 108px!important;
    overflow: hidden;
}
 #container #subcontent .banner.centaur a{
   text-indent: 0;
    height:auto;
    width:auto;
    display:inline;
    border:0;
}


/*Half banner*/

#subcontent .hbanner {
    position: relative;
    margin: 0 auto 1em auto;
    text-align: center;
    padding: 0;
    margin-left: 7px;
    margin-right: 7px;
    border-width: 1px;
    border-style:solid;
    height:70px;
}
/* -----------------Sidebar banner RS1 Start --------------*/
#subcontent .hbanner a {
    display: block;
    height: 68px;
    color: #fff;
    text-indent: -50000px;
    border: solid 1px #fff;
    padding:0;
    margin:0;
    outline:none;
    }

/* new download button for sidebar */
/*#subcontent dl.sb-download{
    border: 0;
    padding: 0;
    padding-left: 7px;
    height: 50px;
    margin-bottom: 7px;
    background: url("/styles2/../img/buttons/tc-download.gif") no-repeat 0 -50px;
}
#subcontent dl.sb-download dd{
    padding:0;
    margin:0;
    height: 50px;
    background: url("/styles2/../img/buttons/tc-download.gif") no-repeat right 0;
}

#subcontent dl.sb-download dd a{
    padding:0;
    margin:0;
    display: block;
    height: 40px;
    text-indent: -9000em;
    border: 0;
}*/
#subcontent dl.sb-download-b{
    border: 0;
    padding: 0;
    padding-left: 9px;
    margin-bottom: 1.3em;
    background: url("/styles2/../img/buttons/sb-download.gif") no-repeat 0 -61px;
    display: block!important;
}
#subcontent dl.sb-download-b dd{
    display: block!important;
    padding:0;
    margin:0;
}
body.rs #subcontent dl.sb-download-b{
    background-image: url("/styles2/../img/buttons/sb-download-rs.gif");
}
body.rs #subcontent dl.sb-download-b dd a{
    background-image: url("/styles2/../img/buttons/sb-download-rs.gif");
}

#subcontent dl.sb-download-b dd a{
    font-family: Tahoma, "Trebuchet MS", Arial, sans-serif;
    font-weight: bold;
    font-size: 11px;
    cursor: pointer;
    border: 0;
    color: #3250b5;
    background: url("/styles2/../img/buttons/sb-download.gif") no-repeat right 0;

    padding:0;
    padding-top: 38px;
    padding-left: 3px;
    display: block;
    margin:0;
}
/* screenshots tour */
.box.screenshots{
    height: 120px!important;
    overflow: hidden!important;
    padding: 0;
    margin: auto;
    }
.box.screenshots dd{
}
.box.screenshots dt{
    position: relative;
    width: 98%;
    height: 125px;
    padding: 0!important;
}
.box.screenshots dt a span{
    display: block;
    width: 60%;
    background-color: white;
    margin: 45px auto 0 auto;
    padding: 5px 10px;
    border: 1px solid #2277d9;
}

.box.screenshots dt a, .box.screenshots dt a:hover{
    font-size: 110%;
    display: block;
    position:absolute;
    width: 100%;
    height: 125px;
    cursor: pointer;
    text-align: center;
    border: 0!important;
}
.TeamCity .box.screenshots dt a, .TeamCity .box.screenshots dt a:hover{
    background: url("/styles2/../teamcity/features/screenshots/tour/thumbnail.gif") no-repeat 0 0;
}
.mps .box.screenshots dt a, .mps .box.screenshots dt a:hover{
    background: url("/styles2/../mps/docs/tutorial/thumbnail.gif") no-repeat 0 0;
}

body.dt #subcontent dl.contact, body.dotcover #subcontent dl.contact {
    margin: 0 10px 1em 10px;
    border: none;
}
body.dt #subcontent dl.contact dt, body.dotcover #subcontent dl.contact dt {
    padding: .2em .8em;
    color: #757575;
    font-weight: normal;
}
body.dt #subcontent dl.contact dd, body.dotcover #subcontent dl.contact dd {
    margin: 0 0 .3em 0;
    padding: .5em .8em;
    color: #000;
    background-color: #f5f5f5;
}


/* @sidebar */
.sidebar {
    float: left;
    width: 280px;
    margin-right: 25px;
}

.content-wrap {
    margin-left: 305px;
}



/* @sidebar-menu */
.sidebar-menu {
    margin-bottom: 0;
}

.sidebar-menu > li {
    margin-bottom: -1px;
    border-left: solid 1px #fff;
    border-top: solid 1px #e0e0e0;
    border-bottom: solid 1px #e0e0e0;
    font-size: 16px;
    line-height: 21px;
}

.sidebar-menu > li.active {
    color: #454545;
    background: #edf3f6;
    position: relative;
    border: solid 1px #edf3f6;
    border-right: none;
}

.sidebar-menu > li > a,
.sidebar-menu > li > span {
    padding: 10px;
    display: block;
}

.sidebar-menu ul {
    margin: 0 0 0 -1px;
    padding: 10px 15px 10px 24px;
    background-color: #F7FAFB;
}
    .sidebar-menu ul ul {
        margin-bottom: -10px;
        padding: 5px 0 10px 15px;
    }
.sidebar-menu .table-of-contents {
    max-height: 500px;
    overflow-y: auto;
}

.sidebar-menu ul > li {
    position: relative;
    margin-bottom: 9px;
    font-size: 14px;
    line-height: 17px;
}
    .sidebar-menu ul ul > li {
        margin-bottom: 5px;
        font-size: 13px;
        line-height: 16px;
    }

.sidebar-menu ul > li:before {
    position: absolute;
    top: 8px;
    width: 8px;
    height: 1px;
    margin-left: -12px;
    content: '';
    background: url("/styles2/../img/ndash.png") no-repeat;
}

.sidebar-menu ul .active {
    color: #333;
}

.clamp_normal {}
.clamp_fixed {position:fixed; top:0; margin-top:0;}
.clamp_bottom {position:absolute; top:auto; bottom:0;}

@media (max-width: 990px) {
    .clamp_fixed,
    .clamp_bottom {
        position: static;
    }
}

/* small inline 'new' icon */
.newinside {
    background: url("/styles2/../img/small_bullet_new2.gif") no-repeat right 4px;
    padding-right: 19px;
    border: 0;
}

/* special contact form */
#container .question {
    background: white url("/styles2/../img/icons/question-smaller.gif") no-repeat 0 3px;
    border-bottom: 1px solid #e0e4f3;
    padding: 0 5px 3px 20px;
    display: block;
}

#container .question a {
    color: #5f77a2;
}

#container .call {
    background: url("/styles2/../img/icons/phone.gif") no-repeat 0 2px;
    border-bottom: 1px solid #e0e4f3;
    padding: 0 5px 3px 20px;
    display: block;
}

/* customer quotes */
#container .quote {
    background: url("/styles2/../img/quote_top.gif") no-repeat 10px top;
    padding: 10px 5px 0 15px;
    margin-bottom: 10px;
    line-height: 1.4em;
}

#container .quote p {
    font-size: 86%;
}

#container .quote p.text {
    text-indent: 10px;
}

#container .quote p.author {
    background: url("/styles2/../img/quote_bottom.gif") no-repeat right bottom;
    text-align: right;
    padding-bottom: 1em;
}

/* buy pages extentions */
dl.buy dd.addquot {
    background: url("/styles2/../img/addquote_sb.gif") no-repeat 4px 40%;
}

dl.buy dd.addcart {
    background: url("/styles2/../img/cart_bw.gif") no-repeat 0 40%;
}

/*- headers on the feature pages -*/
#training h4 {
    border-bottom: 1px solid #CCCCCC;
    padding-bottom: 0.15em;
}

.feature #content h4 {
    display: block;
    padding: 0 0 0 2.2em;
    margin-bottom: 1em;
    background: #F0F0F0 url("/styles2/../img/bullet.gif") no-repeat 0.5em 6px;
    font-size: 86%;
    font-weight: bold;
    letter-spacing: 1px;
}

.feature h4.new {
    background: url("/styles2/../img/new_feature_rs.gif") no-repeat 0 0.45em;
    padding: 0.9em 0.3em 0.9em 4em;
    border: none;
}
.new {
    background: url("/styles2/../img/new.gif") no-repeat 0 0;
    padding-left: 45px;
    padding-top: 0.15em;
    padding-bottom: 0.15em;
}

.new-small {
    background: url("/styles2/../img/new-small-grad.gif") no-repeat right 0;
    padding-right: 26px;
    padding-top: 0.15em;
    padding-bottom: 0.15em;
}

.feature li.new {
    margin-left: -1em;
    font-size: 100%;
    background: url("/styles2/../img/star_bullet_new.gif") no-repeat 0 4px;
    padding: 0 0 0 30px;
    font-weight: normal;
}

h4.new {
    background: url("/styles2/../img/new.gif") no-repeat 0 0;
    height: 1.2em;
    padding-left: 45px;
    padding-top: 0.15em;
    padding-bottom: 0.15em;
    border-bottom: 1px solid #ccc;
}

/*------------------*/
/* sidebar blog box */
.blog {
    background: url("/styles2/../img/icons/blog-icon.gif") no-repeat 10px 7px;
    border: #DADADA solid 1px;
    margin: 0 7px 15px;
    padding: 10px 10px 10px 50px;
}

.blog.feed {
    font-size: 85%;
    background-image: none;
    padding-left: 10px;
    padding-bottom: 9px;
    background-color: white;
}

.blog .blog-box a {
    font-weight: bold;
    display: block;
    line-height: 1.1em;
    border: 0;
}

.blog.feed a.feed {
    background: url("/styles2/../img/icons/feed-icon-28x28.gif") no-repeat 0 0;
    display: block;
    float: left;
    width: 28px;
    height: 28px;
    margin-right: 8px;
    margin-top: 1px;
    border: 0;
}

.blog .blog-box a .comment {
    display: block;
    padding: 0;
    font-weight: normal;
    font-size: 11px;
}

.blog.small-icon {
    background: url("/styles2/../img/icons/blog-icon-small.gif") no-repeat 5px 3px;
    margin: 0 0 5px;
    padding: 7px 10px 7px 30px !important;
    border: 0;
}

.blog.small-icon .blog-box a {
    font-size: 0.85em;
    font-weight: normal;
}

/* sidebar twitter box */

.half_box {
    border: #DADADA solid 1px;
    margin: 0 7px 15px;
    padding: 15px 10px 15px 40px;
}

.half_box a {
    font-weight:bold;
    border:0;
    font-size:1.1em;
    padding:0;
}

/*enlarge region for enlarge images*/
.enlargePic {
    position: relative;
    z-index: 2;
    top: -4px;
    left: -29px;
    background: white;
    display: inline-block;
    padding: 3px;
    *padding: 1px 1px 0 2px;
    *top: -5px;
    border: 1px solid #ccc;
    cursor: pointer;
    display: -moz-inline-box;
}

.enlargePic img {
    position: relative !important;
    padding: 0 !important;
    margin-top: 4px !important;
    margin: 0 !important;
    border: 0 !important;
}

a.lightwindow {
    position: relative;
}

a img.enlargeP {
    position: absolute;
    z-index: 3 !important;
    right: 0 !important;
    bottom: 0 !important;
}

/*testimonials rotator*/

#testimonial {
    padding: 0;
    font-size: 86%;
    background: url("/styles2/../img/quote_bottom.gif") no-repeat right bottom;
}

#testimonial #quote {
    margin: 0;
    padding: 5px 10px 0 10px;
    line-height: 1.4em;
    background: url("/styles2/../img/quote_top.gif") no-repeat left top;
}

.features #testimonial, .features #testimonial #quote {
    height: 7.5em;
}

#testimonial a#next {
    border: 0;
    margin-left: 11px;
    margin-top: -2.5em;
    float: left;
}

#testimonial #quote a.textTsm {
    margin: 0;
    padding: 10px 0 2px 0;
    display: block;
    height: 4em;
    cursor: pointer;
    text-align: justify;
}

#testimonial #quote a.textTsm:hover {
    color: #666;
    text-decoration: none;
    border-bottom: none;
}

#testimonial #quote p.authorTsm {
    margin: 0;
    padding: 0 5px 0 0;
    text-align: right;
    background: none;
}

#subcontent #testimonial {
    background-position: 95% 72%;
}

#subcontent .box.testimonial {
    padding: 10px 7px;
}

#subcontent #testimonial, #subcontent #testimonial #quote {
/*height: 14em;*/
}

/*progress bar*/
#progress {
    /*background: url("/styles2/../img/loading.gif") no-repeat -10px -4px;*/
    background: url("/styles2/../img/newdesign/js/loading.gif") no-repeat 0 0;
    padding-left: 40px;
    padding-top: 5px;
    height: 32px !important;
    width: 100px!important;
}
/* Domo box for demos with a screenshot as a link*/
/* ********************************************* */
.demobox {
    float: right;
    margin: 5px 0 10px 10px;
    font-size: 0.85em;
    /*width: 160px;*/
    position: relative;
    line-height: 1.4em;
    text-align: center;
}
.documentation .demobox{
    float: left;
    margin: 10px 10px 10px 0;
}
.demobox.large {
    float: left;
    margin: 10px 13px 10px 0;
    text-align: left;
    width: 307px;
    /*height: 300px;*/
    height: 27.2em;
    /*border-bottom: 1px solid #ccc;*/
    background-color: #f0efef;
}
.demobox a {
    border: 0;
    display: block;
}
.demobox a img{
    margin-bottom: 5px;
    border: 1px solid #ccc;
}
.demobox p{
    padding: 0;
}
.demobox.large p{
    margin: 0;
    padding: 5px 10px 10px 10px;
}
.demobox.large p a{
    font-size: 1.2em;
    margin-bottom: 3px;
}
.demobox span{
    position: absolute; 
    background-color: white;
    border: 1px solid #ccc;
    padding: 2px 5px 3px;
    top: 101px;
    left:62px;
    color: #555;
    height: 14px;
    display: block;
}
.demobox.large span{
    top: 209px;
    left: 142px;
}
#container .nofloat{
    float: none!important;
}

#header ul.nav .bokmark-button{
    width: 63px;
    float: right;
    margin: 0;
    margin-right: 12px;
    padding: 0;
    list-style: none;
    border: none;
    background: none;
}
#header ul.nav .bokmark-button a{
    padding: 6px 6px 7px;
    opacity: 0.8;
    filter: alpha(opacity=80);
}
#at15s a, #at16pf a, #at16pt a{
    border: 0;    
}
#subcontent .twitter {
    border:1px solid #DADADA;
    margin:0 7px 15px;
    padding:10px;
    background: url("/styles2/../img/twitter-bird.gif") no-repeat 10px center;
}
.twitter a{
    margin-left: 35px;
}



.country_selector {
    margin-top: .5em;
    line-height: 1.3em;
}
.country_selector a#CountrySelector {
    cursor: pointer;
}
.country_selector #CountrySelector_txt form {
    margin: .8em 0;
    display: none;
}
/*
#CountrySelector_txt:before{
    content: "Please enable JavaScript to use this feature.";
}*/

#subcontent .banner {
    margin: 0 auto 1em;
    padding: 0;
    height: 170px;
    width: 200px;
    position: relative;
    text-align: center;
    border: solid 1px #ccc;
}
#subcontent .banner a {
    height: 168px;
    width: 198px;
    color: #fff;
    display: block;
    height: 168px;
    margin: 0;
    outline: medium none;
    padding: 0;
    text-indent: -50000px;
    border: 1px solid #fff;
}
#subcontent .ideasb a {
    background: #fff url("/styles2/../img/banners/ij11_sb.png") no-repeat center 0;
}
#subcontent .yt_sb a {
    background: #273f9f url("/styles2/../img/banners/yt41_sb.png") no-repeat center 0;
}
#subcontent .pw_sb a {
    background: #073345 url("/styles2/../img/banners/ps5_sb.png") no-repeat center 0;
}
#subcontent .ws_sb a {
    background:#073345 url("/styles2/../img/banners/ws5_sb.png") no-repeat center 0;
}
#subcontent .tc_sb a {
    background: white url("/styles2/../img/banners/tc71_sb.png") no-repeat 0 50%;
}
#subcontent .rm a {
    background: white url("/styles2/../img/banners/rm45_sb.png") no-repeat 0 50%;
}
#subcontent .pysb a {
    background: white url("/styles2/../img/banners/py20_sb.png") no-repeat 0 50%;
}
#subcontent .dtsb a {
    background: white url("/styles2/../img/banners/dt5_sb.png") no-repeat 0 50%;
}
#subcontent .dcsb a {
    background: white url("/styles2/../img/banners/dc2_sb.png") no-repeat 0 50%;
}
#subcontent .rssb a {
    background: white url("/styles2/../img/banners/rs7_sb.png") no-repeat 0 50%;
}
#subcontent .rsrus a {
    background: white url("/styles2/../img/banners/rs_ru.png") no-repeat 0 50%;
}
#subcontent .rm-tc_hsb a {
    background: white url("/styles2/../img/banners/tc_free_rm1.gif") no-repeat 0 50%;
}
#subcontent .objc a {
    background: white url("/styles2/../img/banners/appcode_sb.png") no-repeat 0 50%;
}
#subcontent .dp_sb a {
    background: white url("/styles2/../img/banners/dp1_sb.png") no-repeat 0 50%;
}

/* Graublau */
@font-face {
    font-family: 'GraublauSans-Regular';
    src: url("/styles2/fonts/250B49_0_0.woff");
}
@font-face {
    font-family: 'GraublauSans-Italic';
    src: url("/styles2/fonts/250B49_1_0.woff");
}
@font-face {
    font-family: 'GraublauSans-BdIt';
    src: url("/styles2/fonts/250B49_2_0.woff");
}
@font-face {
    font-family: 'GraublauSans-Bold';
    src: url("/styles2/fonts/250B49_3_0.woff");
}
@font-face {
    font-family: 'GraublauSansDisplay-Regular';
    src: url("/styles2/fonts/24FB8B_0_0.woff");
}
@font-face {
    font-family: 'GraublauSlab-Light';
    src: url("/styles2/fonts/24FB8B_1_0.woff");
}
@font-face {
    font-family: 'GraublauSlab-Regular';
    src: url("/styles2/fonts/24FB8B_2_0.woff");
}
@font-face {
    font-family: 'GraublauSlab-Semibold';
    src: url("/styles2/fonts/24FB8B_3_0.woff");
}

/* PT Sans */
@font-face {
    font-family: 'PT Sans';
    src: local("PT Sans"), url("/styles2/fonts/PTS55F_W.woff");
}
@font-face {
    font-family: "PT Sans";
    font-style: italic;
    src: local("PT Sans Italic"), url("/styles2/fonts/PTS56F_W.woff");
}
@font-face {
    font-family: "PT Sans";
    font-style: normal;
    font-weight: bold;
    src: local("PT Sans Bold"), url("/styles2/fonts/PTS75F_W.woff");
}
@font-face {
    font-family: "PT Sans";
    font-style: italic;
    font-weight: bold;
    src: local("PT Sans Bold Italic"), url("/styles2/fonts/PTS76F_W.woff");
}

/* Open Sans */
@font-face {
    font-family: 'Open Sans';
    src: local("Open Sans"), url("/styles2/fonts/OpenSans-Regular-webfont.woff");
}
@font-face {
    font-family: "Open Sans";
    font-style: italic;
    src: local("Open Sans Italic"), url("/styles2/fonts/OpenSans-Italic-webfont.woff");
}
@font-face {
    font-family: "Open Sans";
    font-style: normal;
    font-weight: bold;
    src: local("Open Sans Bold"), url("/styles2/fonts/OpenSans-Bold-webfont.woff");
}
@font-face {
    font-family: "Open Sans";
    font-style: italic;
    font-weight: bold;
    src: local("Open Sans Bold Italic"), url("/styles2/fonts/OpenSans-BoldItalic-webfont.woff");
}
@font-face {
    font-family: 'Open Sans';
    font-weight: 300;
    src: local("Open Sans Light"), url("/styles2/fonts/OpenSans-Light-webfont.woff");
}

/* @icon */
.icon {
    position:relative;
    display:inline-block;
    padding:0;
    vertical-align:middle;
    white-space:nowrap;
    font-size:0;
    line-height:12px;
}
.ie6 .icon,
.ie7 .icon {
    display:inline;
    zoom:1;
}

/* @icon-product */
.product-logo {
    background-color:transparent;
    background-image:url("/styles2/../img/logos/sprite_logos.svg?05092014");
    background-repeat:repeat;
    background-size:100%;
    vertical-align:top;
}
.product-logo.size1 { width:20px; height:20px; font-size:20px; background-size:20px auto }
.product-logo.size2 { width:30px; height:30px; font-size:30px; background-size:30px auto }
.product-logo.size3 { width:35px; height:35px; font-size:35px; background-size:35px auto }
.product-logo.size4 { width:40px; height:40px; font-size:40px; background-size:40px auto }
.product-logo.size5 { width:60px; height:60px; font-size:60px; background-size:60px auto }
.product-logo.size6 { width:64px; height:64px; font-size:64px; background-size:64px auto }
.product-logo.size7 { width:80px; height:80px; font-size:80px; background-size:80px auto }

    /* fallback */
    .ie7 .product-logo.size1,
    .ie8 .product-logo.size1,
    .ie9 .product-logo.size1,
    .ie11 .product-logo.size1,
    /*.safari .product-logo.size1,*/
    .chrome24 .product-logo.size1,
    .chrome25 .product-logo.size1 {background-image:url("/styles2/../img/logos/sprite_logos_size1.png"); background-size:auto}
    .ie7 .product-logo.size2,
    .ie8 .product-logo.size2,
    .ie9 .product-logo.size2,
    .ie11 .product-logo.size2,
    /*.safari .product-logo.size2,*/
    .chrome24 .product-logo.size2,
    .chrome25 .product-logo.size2 {background-image:url("/styles2/../img/logos/sprite_logos_size2.png"); background-size:auto}
    .ie7 .product-logo.size3,
    .ie8 .product-logo.size3,
    .ie9 .product-logo.size3,
    .ie11 .product-logo.size3,
    /*.safari .product-logo.size3,*/
    .chrome24 .product-logo.size3,
    .chrome25  .product-logo.size3 {background-image:url("/styles2/../img/logos/sprite_logos_size3.png"); background-size:auto}
    .ie7 .product-logo.size4,
    .ie8 .product-logo.size4,
    .ie9 .product-logo.size4,
    .ie11 .product-logo.size4,
    /*.safari .product-logo.size4,*/
    .chrome24 .product-logo.size4,
    .chrome25 .product-logo.size4 {background-image:url("/styles2/../img/logos/sprite_logos_size4.png"); background-size:auto}
    .ie7 .product-logo.size5,
    .ie8 .product-logo.size5,
    .ie9 .product-logo.size5,
    .ie11 .product-logo.size5,
    /*.safari .product-logo.size5,*/
    .chrome24 .product-logo.size5,
    .chrome25 .product-logo.size5 {background-image:url("/styles2/../img/logos/sprite_logos_size5.png"); background-size:auto}
    .ie7 .product-logo.size6,
    .ie8 .product-logo.size6,
    .ie9 .product-logo.size6,
    .ie11 .product-logo.size6,
    /*.safari .product-logo.size6,*/
    .chrome24 .product-logo.size6,
    .chrome25 .product-logo.size6 {background-image:url("/styles2/../img/logos/sprite_logos_size6.png"); background-size:auto}
    .ie7 .product-logo.size7,
    .ie8 .product-logo.size7,
    .ie9 .product-logo.size7,
    .ie11 .product-logo.size7,
    /*.safari .product-logo.size7,*/
    .chrome24 .product-logo.size7,
    .chrome25 .product-logo.size7 {background-image:url("/styles2/../img/logos/sprite_logos_size7.png"); background-size:auto}

    /* products-logos */
    .logo-idea,
    a:hover .logo-idea-grey,
    .idea #menu_products .logo-idea-grey { background-position: 0 0 }

    .logo-resharper,
    a:hover .logo-resharper-grey,
    .rs #menu_products .logo-resharper-grey { background-position: 0 -1em }

    .logo-pycharm,
    a:hover .logo-pycharm-grey,
    .pycharm #menu_products .logo-pycharm-grey { background-position: 0 -2em }

    .logo-rubymine,
    a:hover .logo-rubymine-grey,
    .ruby #menu_products .logo-rubymine-grey { background-position: 0 -3em }

    .logo-dottrace,
    a:hover .logo-dottrace-grey,
    .dt #menu_products .logo-dottrace-grey { background-position: 0 -4em }

    .logo-dotcover,
    a:hover .logo-dotcover-grey,
    .dotcover #menu_products .logo-dotcover-grey { background-position: 0 -5em }

    .logo-dotpeek,
    a:hover .logo-dotpeek-grey,
    .decompiler #menu_products .logo-dotpeek-grey { background-position: 0 -6em }

    .logo-teamcity,
    a:hover .logo-teamcity-grey,
    .TeamCity #menu_products .logo-teamcity-grey { background-position: 0 -7em }

    .logo-webstorm,
    a:hover .logo-webstorm-grey,
    .webstorm #menu_products .logo-webstorm-grey { background-position: 0 -8em }

    .logo-phpstorm,
    a:hover .logo-phpstorm-grey,
    .phpstorm #menu_products .logo-phpstorm-grey { background-position: 0 -9em }

    .logo-youtrack,
    a:hover .logo-youtrack-grey,
    .yt #menu_products .logo-youtrack-grey { background-position: 0 -10em }

    .logo-appcode,
    a:hover .logo-appcode-grey,
    .objc #menu_products .logo-appcode-grey { background-position: 0 -11em }

    .logo-kotlin,
    a:hover .logo-kotlin-grey { background-position: 0 -12em }

    .logo-mps,
    a:hover .logo-mps-grey,
    .mps #menu_products .logo-mps-grey { background-position: 0 -13em }

    .logo-omea,
    a:hover .logo-omea-grey { background-position: 0 -14em }

    .logo-omear,
    a:hover .logo-omear-grey { background-position: 0 -15em }

    .logo-eap,
    a:hover .logo-eap-grey { background-position: 0 -16em }

    .logo-scala,
    a:hover .logo-scala-grey { background-position: 0 -34em }

    .logo-dotmemory,
    a:hover .logo-dotmemory-grey,
    .dtm #menu_products .logo-dotmemory-grey { background-position: 0 -36em }

    .logo-ring,
    a:hover .logo-ring,
    .dtm #menu_products .logo-ring-grey { background-position: 0 -38em }

    .logo-dbe,
    a:hover .logo-dbe,
    .dtm #menu_products .logo-dbe-grey { background-position: 0 -40em }

    .logo-upsource,
    a:hover .logo-upsource,
    .dtm #menu_products .logo-upsource-grey { background-position: 0 -42em }

    .logo-clion,
    a:hover .logo-clion,
    .dtm #menu_products .logo-clion-grey { background-position: 0 -44em }

    .logo-idea-grey         { background-position: 0 -17em }
    .logo-resharper-grey    { background-position: 0 -18em }
    .logo-pycharm-grey      { background-position: 0 -19em }
    .logo-rubymine-grey     { background-position: 0 -20em }
    .logo-dottrace-grey     { background-position: 0 -21em }
    .logo-dotcover-grey     { background-position: 0 -22em }
    .logo-dotpeek-grey      { background-position: 0 -23em }
    .logo-teamcity-grey     { background-position: 0 -24em }
    .logo-webstorm-grey     { background-position: 0 -25em }
    .logo-phpstorm-grey     { background-position: 0 -26em }
    .logo-youtrack-grey     { background-position: 0 -27em }
    .logo-appcode-grey      { background-position: 0 -28em }
    .logo-kotlin-grey       { background-position: 0 -29em }
    .logo-mps-grey          { background-position: 0 -30em }
    .logo-omea-grey         { background-position: 0 -31em }
    .logo-omear-grey        { background-position: 0 -31em }
    .logo-eap-grey          { background-position: 0 -32em }
    .logo-scala-grey        { background-position: 0 -35em }
    .logo-dotmemory-grey    { background-position: 0 -37em }
    .logo-ring-grey         { background-position: 0 -39em }
    .logo-dbe-grey          { background-position: 0 -41em }
    .logo-upsource-grey     { background-position: 0 -43em }
    .logo-clion-grey        { background-position: 0 -46em }

    .product-logo.logo-jetbrains.size1,
    .product-logo.logo-jetbrains.size2,
    a:hover .product-logo.logo-jetbrains-grey.size1,
    a:hover .product-logo.logo-jetbrains-grey.size2 {
        background-image: url("/styles2/../img/logos/logo_jb.svg");
        background-position: 0 0;
        background-size: 100%;
    }
    .product-logo.logo-jetbrains.size3,
    .product-logo.logo-jetbrains.size4,
    .product-logo.logo-jetbrains.size5,
    .product-logo.logo-jetbrains.size6 {
        background-image: url("/styles2/../img/logos/logo_jetbrains.svg");
        background-position: 0 0;
        background-size: 100%;
    }
    .product-logo.logo-jetbrains-grey.size1,
    .product-logo.logo-jetbrains-grey.size2 {
        background-image: url("/styles2/../img/logos/logo_jb_grey.svg");
        background-position: 0 0;
        background-size: 100%;
    }
    .product-logo.logo-jetbrains-grey.size3,
    .product-logo.logo-jetbrains-grey.size4,
    .product-logo.logo-jetbrains-grey.size5,
    .product-logo.logo-jetbrains-grey.size6 {
        background-image: url("/styles2/../img/logos/logo_jetbrains_grey.svg");
        background-position: 0 0;
        background-size: 100%;
    }
    .logo-jetbrains.size1,
    .logo-jetbrains-grey.size1 { width:16px; height:16px }
    .logo-jetbrains.size2,
    .logo-jetbrains-grey.size2 { width:32px; height:32px }
    .logo-jetbrains.size3,
    .logo-jetbrains-grey.size3 { width:83px; height:30px }
    .logo-jetbrains.size4,
    .logo-jetbrains-grey.size4 { width:111px; height:40px }
    .logo-jetbrains.size5,
    .logo-jetbrains-grey.size5 { width:177px; height:64px }
    .logo-jetbrains.size6,
    .logo-jetbrains-grey.size6 { width:221px; height:80px }

    /* fallback for logo-jetbrains */
    .ie11 .product-logo.logo-jetbrains,
    .ie9 .product-logo.logo-jetbrains,
    .ie8 .product-logo.logo-jetbrains,
    .ie7 .product-logo.logo-jetbrains { background-image:url("/styles2/../img/logos/sprite_logos_jb.png"); background-size: auto }
    .ie11 .product-logo.logo-jetbrains-grey,
    .ie9 .product-logo.logo-jetbrains-grey,
    .ie8 .product-logo.logo-jetbrains-grey,
    .ie7 .product-logo.logo-jetbrains-grey { background-image:url("/styles2/../img/logos/sprite_logos_jb.png"); background-size: auto }
    .ie11 .logo-jetbrains.size1,
    .ie9 .logo-jetbrains.size1,
    .ie8 .logo-jetbrains.size1,
    .ie7 .logo-jetbrains.size1 { background-position: 0 0 }
    .ie11 .logo-jetbrains.size2,
    .ie9 .logo-jetbrains.size2,
    .ie8 .logo-jetbrains.size2,
    .ie7 .logo-jetbrains.size2 { background-position: -20px 0 }
    .ie11 .logo-jetbrains.size3,
    .ie9 .logo-jetbrains.size3,
    .ie8 .logo-jetbrains.size3,
    .ie7 .logo-jetbrains.size3 { background-position: 0 -30px }
    .ie11 .logo-jetbrains.size4,
    .ie9 .logo-jetbrains.size4,
    .ie8 .logo-jetbrains.size4,
    .ie7 .logo-jetbrains.size4 { background-position: 0 -60px }
    .ie11 .logo-jetbrains.size5,
    .ie9 .logo-jetbrains.size5,
    .ie8 .logo-jetbrains.size5,
    .ie7 .logo-jetbrains.size5 { background-position: 0 -100px }
    .ie11 .logo-jetbrains.size6,
    .ie9 .logo-jetbrains.size6,
    .ie8 .logo-jetbrains.size6,
    .ie7 .logo-jetbrains.size6 { background-position: 0 -165px }
    .ie11 .logo-jetbrains-grey.size1,
    .ie9 .logo-jetbrains-grey.size1,
    .ie8 .logo-jetbrains-grey.size1,
    .ie7 .logo-jetbrains-grey.size1 { background-position: -60px 0}
    .ie11 .logo-jetbrains-grey.size2,
    .ie9 .logo-jetbrains-grey.size2,
    .ie8 .logo-jetbrains-grey.size2,
    .ie7 .logo-jetbrains-grey.size2 { background-position: -80px 0}
    .ie11 .logo-jetbrains-grey.size3,
    .ie9 .logo-jetbrains-grey.size3,
    .ie8 .logo-jetbrains-grey.size3,
    .ie7 .logo-jetbrains-grey.size3 { background-position: 0 -245px}
    .ie9 .logo-jetbrains-grey.size4,
    .ie8 .logo-jetbrains-grey.size4,
    .ie7 .logo-jetbrains-grey.size4 { background-position: 0 -275px}
    .ie9 .logo-jetbrains-grey.size5,
    .ie8 .logo-jetbrains-grey.size5,
    .ie7 .logo-jetbrains-grey.size5 { background-position: 0 -315px}
    .ie9 .logo-jetbrains-grey.size6,
    .ie8 .logo-jetbrains-grey.size6,
    .ie7 .logo-jetbrains-grey.size6 { background-position: 0 -380px}


/* @product-name */
.product-name {
    position:relative;
    font-family:"GraublauSans-Regular",Helvetica,Arial,sans-serif;
    line-height:1.2;
    color:#474747;
}
.product-name.color { color:#136ba2 }

    /* size1 */
    .product-name.size1 { padding-left:22px; font-size:16px }
    .product-name.size1 .product-logo { position:absolute; top:3px; left:0 }
    .mac .product-name.size1 .product-logo { top:1px }
    .product-name.size1 .logo-jetbrains,
    .product-name.size1 .logo-jetbrains-grey { width: 16px; height: 16px }
    .product-name.size1 .logo-mps { top:5px }
    .product-name.size1 .logo-scala,
    .product-name.size1 .logo-scala-grey { margin-top:-2px }
    .product-name.size1 .logo-upsource { margin-top: -1px }

    /* size2 */
    .product-name.size2 { padding-left:35px; font-size:18px }
    .product-name.size2 .product-logo { position:absolute; top:0; left:0 }
    .product-name.size2 .logo-jetbrains,
    .product-name.size2 .logo-jetbrains-grey { width: 32px; height: 32px }
    .product-name.size2 .logo-idea,
    .product-name.size2 .logo-dotcover,
    .product-name.size2 .logo-teamcity,
    .product-name.size2 .logo-kotlin { top:-2px }
    .product-name.size2 .logo-resharper,
    .product-name.size2 .logo-dottrace,
    .product-name.size2 .logo-dotpeek,
    .product-name.size2 .logo-youtrack { top:-3px }
    .product-name.size2 .logo-mps { top:3px }
    .product-name.size2 .logo-upsource { margin-top: -2px }


    /* size3 */
    .product-name.size3 { padding-left:40px; font-size:24px }
    .product-name.size3 .product-logo { position:absolute; top:2px; left:0 }
    .product-name.size3 .logo-dottrace,
    .product-name.size3 .logo-dotpeek { top:-1px }
    .product-name.size3 .logo-idea,
    .product-name.size3 .logo-resharper,
    .product-name.size3 .logo-youtrack { top:0 }
    .product-name.size3 .logo-eap { top:3px }
    .product-name.size3 .logo-mps { top:6px }
    .product-name.size3 .logo-clion { margin-top: -2px }
    .product-name.size3 .logo-upsource { margin-top: -3px }

    /* size4 */
    .product-name.size4 { padding-left:45px; font-size:33px }
    .product-name.size4 .product-logo { position:absolute; top:8px; left:0 }
    .product-name.size4 .logo-idea,
    .product-name.size4 .logo-resharper,
    .product-name.size4 .logo-dottrace,
    .product-name.size4 .logo-dotcover,
    .product-name.size4 .logo-dotpeek { top:6px }
    .product-name.size4 .logo-youtrack,
    .product-name.size4 .logo-kotlin { top:7px }
    .product-name.size4 .logo-mps { top:10px }
    .product-name.size4 .logo-dbe { margin-top: -3px }
    .product-name.size4 .logo-clion { margin-top: -5px }
    .product-name.size4 .logo-upsource { margin-top: -4px }

    /* size 5*/
    .product-name.size5 { padding-left:64px; font-size:40px }
    .product-name.size5 .product-logo { position:absolute; top:3px; left:0 }
    .product-name.size5 .logo-dottrace,
    .product-name.size5 .logo-dotpeek,
    .product-name.size5 .logo-resharper { top:-1px }
    .product-name.size5 .logo-idea,
    .product-name.size5 .logo-teamcity,
    .product-name.size5 .logo-youtrack { top:0 }
    .product-name.size5 .logo-mps { top:10px }
    .product-name.size5 .logo-dbe { margin-top: -3px }
    .product-name.size5 .logo-clion { margin-top:-5px }
    .product-name.size5 .logo-upsource { margin-top: -5px }


/* circle icons*/
.icon-circle {
    position:relative;
    display:inline-block;
    padding: 0;
    width: 21px;
    height: 21px;
    background-color: #d4d4d4;
    border-radius: 50%;
    font-size:0;
    color: #fff;
    line-height:12px;
    white-space:nowrap;
    vertical-align: top;
    }
.icon-circle.-small {
    margin-top: 4px;
    width: 14px;
    height: 14px;
    }
ul.mdashlist li .icon-circle {
    margin-left: -18px;
    margin-right: 4px;
    }
.ie6 .icon-circle,
.ie7 .icon-circle {
    display:inline;
    zoom:1;
    }
a:hover .icon-circle {
    background-color: #4d4d4d
    }
    .icon-circle:before {
        position: absolute;
        top: 0;
        right: 0;
        bottom: 0;
        left: 0;
        margin: auto;
        background: url("/styles2/../img/icons/icoCircle.png") no-repeat 0 -20px;
        content: '';
        }

    .icon-circle._question:before    { width: 9px; height: 8px; background-position: 0 0 }

    .icon-circle._terms:before       { width: 11px; height: 10px; background-position: -25px 0 }

    .icon-circle._table:before       { width: 10px; height: 9px; background-position: -75px 0 }

    .icon-circle._twitter:before     { width: 11px; height: 8px; background-position: -100px 0 }
    a:hover .icon-circle._twitter    { background-color: #33ccff }

    .icon-circle._email:before       { width: 9px; height: 7px; background-position: -50px -0 }

    .icon-circle._blog:before        { width: 11px; height: 10px; background-position: -125px -0 }
    .icon-circle._arrow-back:before  { content: "\00ab"; font-size: 20px; font-style:normal; line-height:1; top: -2px; left:5px; }
    .icon-circle._one:before         { content: "1"; font-size: 14px; font-style:normal; font-weight:bold; line-height:1; top: 3px; left:6px; }
    .icon-circle._two:before         { content: "2"; font-size: 14px; font-style:normal; font-weight:bold; line-height:1; top: 3px; left:7px; }
    .icon-circle._plus:before        { content: "+"; font-size: 20px; font-weight:bold; font-style:normal; line-height:1; top: 0; left:5px; }
    .icon-circle.-small._plus:before { content: "+"; font-size: 14px; font-style:normal; line-height:1; top: 0; left:3px; }
    .icon-circle._info:before        { content: "i"; font-size: 17px; font-family: "GraublauSlab-Semibold", Helvetica, Arial, sans-serif; font-style:normal; line-height:1; top: 2px; left:8px;}

@media (-webkit-min-device-pixel-ratio: 2),
       (min-resolution: 192dpi) {
    .icon-circle:before {
        background-image: url("/styles2/../img/icons/icoCircle@2x.png");
        background-size: 200px 25px;
    }
}


/* circle social icons*/
.icon-circle._social {
    width: 44px;
    height: 44px;
    background-color: rgba(256, 256, 256, .1);
    }
    .icon-circle._social:before {
        top: calc(50% - 15px);
        left: calc(50% - 15px);
        width: 25px;
        height: 23px;
        background: url("/styles2/../img/icons/iconsSocials.svg") no-repeat 0 0;
        opacity: .3;
        }
    .icon-circle._social._twitter:before {
        background-position: 0 0;
        }
    .icon-circle._social._blog:before {
        margin-top: 8px;
        margin-left: 9px;
        background-position: -100px 0;
        }
    .icon-circle._social._youtrack:before {
        margin-top: 5px;
        margin-left: 5px;
        background-position: -200px 0;
        }
    .icon-circle._social._forum:before {
        margin-left: 6px;
        background-position: -300px 0;
        }
    .icon-circle._social._video:before {
        margin-top: 7px;
        margin-left: 10px;
        background-position: -400px 0;
        }
    .icon-circle._social._facebook:before {
        margin-top: 5px;
        margin-left: 10px;
        background-position: -500px 0;
        }
    .icon-circle._social._gplus:before {
        margin-top: 4px;
        background-position: -600px 0;
        }
    .icon-circle._social._plugins:before {
        margin-top: 9px;
        margin-left: 5px;
        background-position: -700px 0;
        }
a:hover .icon-circle._social {
    background-color: rgba(256, 256, 256, 1);
    }
    a:hover .icon-circle._social:before {
        opacity: 1;
        }
a:hover .icon-circle._social._twitter {
    background-color: #28aae1
    }
a:hover .icon-circle._social._blog {
    background-color: #ea5c5c
    }
a:hover .icon-circle._social._youtrack {
    background-color: #457ede
    }
a:hover .icon-circle._social._forum {
    background-color: #92b94e
    }
a:hover .icon-circle._social._video {
    background-color: #d42323
    }
a:hover .icon-circle._social._facebook {
    background-color: #416baf
    }
a:hover .icon-circle._social._gplus {
    background-color: #df4a32
    }
a:hover .icon-circle._social._plugins {
    background-color: #818387
    }

/* features icons */
.icon-feature {
    position: relative;
    display: inline-block;
    padding: 0;
    width: 36px;
    height: 36px;
    background: transparent;
    border: 2px dashed #e1e1e1;
    border-radius: 50%;
    font-size: 0;
    color: #fff;
    vertical-align: top;
    }
    .icon-feature:before {
        position: absolute;
        top: 0;
        left: 0;
        right: 0;
        bottom: 0;
        margin: auto;
        width: 25px;
        height: 19px;
        background: url("/styles2/../img/icons/iconsFeatures.png") no-repeat 0 50px;
        content: '';
        }
    .icon-feature._shortcut:before { width: 28px; height: 26px; background-position: 0 0 }
    .icon-feature._tutorial:before { width: 25px; height: 19px; background-position: 0 -50px }
    .icon-feature._docs:before     { width: 25px; height: 19px; background-position: 0 -100px }
    .icon-feature._book:before     { width: 29px; height: 25px; background-position: 0 -150px }

    @media
    (-webkit-min-device-pixel-ratio: 2),
    (min-resolution: 192dpi) {
        .icon-feature:before {
            background-image: url("/styles2/../img/icons/iconsFeatures@2x.png");
            background-size: 50px auto;
            }
    }


/* Full product logo */
.product-logo-full {
    display: inline-block;
    width: 50px;
    height: 10px;
    background-color: transparent;
    background-image: url("/styles2/../img/logos/sprite_logos-full.svg");
    background-repeat: no-repeat;
    background-position: 0 0;
    background-size: 60px auto;
    vertical-align: top;
    font-size: 50px;
    }

.product-logo-full._size1 { width:95px; height:20px; font-size:100px; background-size:120px auto }
.product-logo-full._size2 { width:140px; height:30px; font-size:150px; background-size:180px auto }
.product-logo-full._size3 { width:165px; height:35px; font-size:175px; background-size:210px auto }
.product-logo-full._size4 { width:185px; height:40px; font-size:200px; background-size:240px auto }
.product-logo-full._size5 { width:275px; height:60px; font-size:300px; background-size:360px auto }
.product-logo-full._size6 { width:295px; height:64px; font-size:320px; background-size:384px auto }
.product-logo-full._size7 { width:370px; height:80px; font-size:400px; background-size:480px auto }

.product-logo-full._idea         { background-position: 0 0 }
.product-logo-full._teamcity     { background-position: 0 -1em }
.product-logo-full._youtrack     { background-position: 0 -2em }
.product-logo-full._resharper    { background-position: 0 -3em }
.product-logo-full._dotmemory    { background-position: 0 -4em }
.product-logo-full._dottrace     { background-position: 0 -5em }
.product-logo-full._dotpeek      { background-position: 0 -6em }
.product-logo-full._dotcover     { background-position: 0 -7em }
.product-logo-full._appcode      { background-position: 0 -8em }
.product-logo-full._phpstorm     { background-position: 0 -9em }
.product-logo-full._webstorm     { background-position: 0 -10em }
.product-logo-full._rubymine     { background-position: 0 -11em }
.product-logo-full._pycharm      { background-position: 0 -12em }
.product-logo-full._dbe          { background-position: 0 -13em }
.product-logo-full._kotlin       { background-position: 0 -14em }
.product-logo-full._mps          { background-position: 0 -15em }
.product-logo-full._jetbrains    { background-position: 0 -16em }

.product-logo-full._size6._resharper   { width: 286px }
.product-logo-full._size6._pycharm     { width: 248px }
.product-logo-full._size6._rubymine    { width: 268px }
.product-logo-full._size6._dottrace    { width: 246px }
.product-logo-full._size6._dotcover    { width: 255px }
.product-logo-full._size6._dotpeek     { width: 245px; height: 67px }
.product-logo-full._size6._teamcity    { width: 260px }
.product-logo-full._size6._webstorm    { width: 280px }
.product-logo-full._size6._phpstorm    { width: 275px }
.product-logo-full._size6._youtrack    { width: 255px }
.product-logo-full._size6._appcode     { width: 260px }
.product-logo-full._size6._kotlin      { width: 192px }
.product-logo-full._size6._dotmemory   { width: 310px }
.product-logo-full._size6._dbe         { width: 200px }
.product-logo-full._size6._mps         { width: 330px }
.product-logo-full._size6._jetbrains   { width: 205px; height: 74px }

.product-logo-full._size7._resharper   { width: 360px }
.product-logo-full._size7._pycharm     { width: 310px }
.product-logo-full._size7._rubymine    { width: 335px }
.product-logo-full._size7._dottrace    { width: 310px }
.product-logo-full._size7._dotcover    { width: 318px }
.product-logo-full._size7._dotpeek     { width: 305px }
.product-logo-full._size7._teamcity    { width: 320px }
.product-logo-full._size7._webstorm    { width: 350px }
.product-logo-full._size7._phpstorm    { width: 340px }
.product-logo-full._size7._youtrack    { width: 320px }
.product-logo-full._size7._appcode     { width: 325px }
.product-logo-full._size7._kotlin      { width: 240px }
.product-logo-full._size7._dotmemory   { width: 385px }
.product-logo-full._size7._dbe         { width: 250px }
.product-logo-full._size7._mps         { width: 410px }
.product-logo-full._size7._jetbrains   { width: 255px; height: 92px }

.jb-logo{display:inline-block;background-color:transparent;background-image:url("/styles2/jb-logos-sprite.svg");background-repeat:no-repeat;background-position:100% 100%;vertical-align:top;text-indent:-9000px;background-image:url("/styles2/../img/logos/jb-logos-sprite.svg")}.jb-logo._logo-idea{background-position:0 0}.jb-logo._logo-idea._size-1{width:14px;height:14px;font-size:24px;background-size:384px 560px}.jb-logo._logo-idea._size-1._full{width:74px;height:14px;font-size:24px;background-size:384px 560px}.jb-logo._logo-idea._size-2{width:21px;height:21px;font-size:36px;background-size:576px 840px}.jb-logo._logo-idea._size-2._full{width:111px;height:21px;font-size:36px;background-size:576px 840px}.jb-logo._logo-idea._size-3{width:26px;height:26px;font-size:45px;background-size:720px 1050px}.jb-logo._logo-idea._size-3._full{width:138px;height:26px;font-size:45px;background-size:720px 1050px}.jb-logo._logo-idea._size-4{width:34px;height:35px;font-size:60px;background-size:960px 1400px}.jb-logo._logo-idea._size-4._full{width:184px;height:35px;font-size:60px;background-size:960px 1400px}.jb-logo._logo-idea._size-5{width:43px;height:43px;font-size:75px;background-size:1200px 1750px}.jb-logo._logo-idea._size-5._full{width:230px;height:43px;font-size:75px;background-size:1200px 1750px}.jb-logo._logo-idea._size-6{width:51px;height:52px;font-size:90px;background-size:1440px 2100px}.jb-logo._logo-idea._size-6._full{width:276px;height:52px;font-size:90px;background-size:1440px 2100px}.jb-logo._logo-idea._size-7{width:59px;height:60px;font-size:105px;background-size:1680px 2450px}.jb-logo._logo-idea._size-7._full{width:321px;height:60px;font-size:105px;background-size:1680px 2450px}.jb-logo._logo-idea._size-8{width:68px;height:69px;font-size:120px;background-size:1920px 2800px}.jb-logo._logo-idea._size-8._full{width:367px;height:69px;font-size:120px;background-size:1920px 2800px}.jb-logo._logo-idea._grey{background-position:-4em 0}a:hover .jb-logo._logo-idea._grey,.menu-products-active-item .jb-logo._logo-idea._grey{background-position:0 0}.jb-logo._logo-idea._inverted{background-position:-8em 0}.jb-logo._logo-idea._size-header-logo{width:331px;height:62px;font-size:108px;background-size:1728px 2520px}.jb-logo._logo-teamcity{background-position:0 -1em}.jb-logo._logo-teamcity._size-1{width:16px;height:13px;font-size:24px;background-size:384px 560px}.jb-logo._logo-teamcity._size-1._full{width:65px;height:14px;font-size:24px;background-size:384px 560px}.jb-logo._logo-teamcity._size-2{width:23px;height:20px;font-size:36px;background-size:576px 840px}.jb-logo._logo-teamcity._size-2._full{width:97px;height:21px;font-size:36px;background-size:576px 840px}.jb-logo._logo-teamcity._size-3{width:29px;height:25px;font-size:45px;background-size:720px 1050px}.jb-logo._logo-teamcity._size-3._full{width:121px;height:27px;font-size:45px;background-size:720px 1050px}.jb-logo._logo-teamcity._size-4{width:38px;height:33px;font-size:60px;background-size:960px 1400px}.jb-logo._logo-teamcity._size-4._full{width:161px;height:35px;font-size:60px;background-size:960px 1400px}.jb-logo._logo-teamcity._size-5{width:48px;height:41px;font-size:75px;background-size:1200px 1750px}.jb-logo._logo-teamcity._size-5._full{width:201px;height:44px;font-size:75px;background-size:1200px 1750px}.jb-logo._logo-teamcity._size-6{width:57px;height:49px;font-size:90px;background-size:1440px 2100px}.jb-logo._logo-teamcity._size-6._full{width:241px;height:53px;font-size:90px;background-size:1440px 2100px}.jb-logo._logo-teamcity._size-7{width:67px;height:57px;font-size:105px;background-size:1680px 2450px}.jb-logo._logo-teamcity._size-7._full{width:281px;height:62px;font-size:105px;background-size:1680px 2450px}.jb-logo._logo-teamcity._size-8{width:76px;height:65px;font-size:120px;background-size:1920px 2800px}.jb-logo._logo-teamcity._size-8._full{width:321px;height:70px;font-size:120px;background-size:1920px 2800px}.jb-logo._logo-teamcity._grey{background-position:-4em -1em}a:hover .jb-logo._logo-teamcity._grey,.menu-products-active-item .jb-logo._logo-teamcity._grey{background-position:0 -1em}.jb-logo._logo-teamcity._inverted{background-position:-8em -1em}.jb-logo._logo-teamcity._size-header-logo{width:289px;height:63px;font-size:108px;background-size:1728px 2520px}.jb-logo._logo-youtrack{background-position:0 -2em}.jb-logo._logo-youtrack._size-1{width:15px;height:15px;font-size:24px;background-size:384px 560px}.jb-logo._logo-youtrack._size-1._full{width:64px;height:15px;font-size:24px;background-size:384px 560px}.jb-logo._logo-youtrack._size-2{width:22px;height:23px;font-size:36px;background-size:576px 840px}.jb-logo._logo-youtrack._size-2._full{width:95px;height:23px;font-size:36px;background-size:576px 840px}.jb-logo._logo-youtrack._size-3{width:28px;height:28px;font-size:45px;background-size:720px 1050px}.jb-logo._logo-youtrack._size-3._full{width:119px;height:28px;font-size:45px;background-size:720px 1050px}.jb-logo._logo-youtrack._size-4{width:37px;height:38px;font-size:60px;background-size:960px 1400px}.jb-logo._logo-youtrack._size-4._full{width:159px;height:38px;font-size:60px;background-size:960px 1400px}.jb-logo._logo-youtrack._size-5{width:46px;height:47px;font-size:75px;background-size:1200px 1750px}.jb-logo._logo-youtrack._size-5._full{width:198px;height:47px;font-size:75px;background-size:1200px 1750px}.jb-logo._logo-youtrack._size-6{width:55px;height:56px;font-size:90px;background-size:1440px 2100px}.jb-logo._logo-youtrack._size-6._full{width:238px;height:56px;font-size:90px;background-size:1440px 2100px}.jb-logo._logo-youtrack._size-7{width:65px;height:66px;font-size:105px;background-size:1680px 2450px}.jb-logo._logo-youtrack._size-7._full{width:277px;height:66px;font-size:105px;background-size:1680px 2450px}.jb-logo._logo-youtrack._size-8{width:74px;height:75px;font-size:120px;background-size:1920px 2800px}.jb-logo._logo-youtrack._size-8._full{width:317px;height:75px;font-size:120px;background-size:1920px 2800px}.jb-logo._logo-youtrack._grey{background-position:-4em -2em}a:hover .jb-logo._logo-youtrack._grey,.menu-products-active-item .jb-logo._logo-youtrack._grey{background-position:0 -2em}.jb-logo._logo-youtrack._inverted{background-position:-8em -2em}.jb-logo._logo-youtrack._size-header-logo{width:285px;height:68px;font-size:108px;background-size:1728px 2520px}.jb-logo._logo-resharper{background-position:0 -3em}.jb-logo._logo-resharper._size-1{width:19px;height:14px;font-size:24px;background-size:384px 560px}.jb-logo._logo-resharper._size-1._full{width:72px;height:14px;font-size:24px;background-size:384px 560px}.jb-logo._logo-resharper._size-2{width:28px;height:21px;font-size:36px;background-size:576px 840px}.jb-logo._logo-resharper._size-2._full{width:108px;height:21px;font-size:36px;background-size:576px 840px}.jb-logo._logo-resharper._size-3{width:34px;height:27px;font-size:45px;background-size:720px 1050px}.jb-logo._logo-resharper._size-3._full{width:134px;height:27px;font-size:45px;background-size:720px 1050px}.jb-logo._logo-resharper._size-4{width:46px;height:35px;font-size:60px;background-size:960px 1400px}.jb-logo._logo-resharper._size-4._full{width:179px;height:35px;font-size:60px;background-size:960px 1400px}.jb-logo._logo-resharper._size-5{width:57px;height:44px;font-size:75px;background-size:1200px 1750px}.jb-logo._logo-resharper._size-5._full{width:224px;height:44px;font-size:75px;background-size:1200px 1750px}.jb-logo._logo-resharper._size-6{width:68px;height:53px;font-size:90px;background-size:1440px 2100px}.jb-logo._logo-resharper._size-6._full{width:268px;height:53px;font-size:90px;background-size:1440px 2100px}.jb-logo._logo-resharper._size-7{width:80px;height:62px;font-size:105px;background-size:1680px 2450px}.jb-logo._logo-resharper._size-7._full{width:313px;height:62px;font-size:105px;background-size:1680px 2450px}.jb-logo._logo-resharper._size-8{width:91px;height:70px;font-size:120px;background-size:1920px 2800px}.jb-logo._logo-resharper._size-8._full{width:358px;height:70px;font-size:120px;background-size:1920px 2800px}.jb-logo._logo-resharper._grey{background-position:-4em -3em}a:hover .jb-logo._logo-resharper._grey,.menu-products-active-item .jb-logo._logo-resharper._grey{background-position:0 -3em}.jb-logo._logo-resharper._inverted{background-position:-8em -3em}.jb-logo._logo-resharper._size-header-logo{width:322px;height:63px;font-size:108px;background-size:1728px 2520px}.jb-logo._logo-dotmemory{background-position:0 -4em}.jb-logo._logo-dotmemory._size-1{width:15px;height:14px;font-size:24px;background-size:384px 560px}.jb-logo._logo-dotmemory._size-1._full{width:77px;height:15px;font-size:24px;background-size:384px 560px}.jb-logo._logo-dotmemory._size-2{width:23px;height:21px;font-size:36px;background-size:576px 840px}.jb-logo._logo-dotmemory._size-2._full{width:115px;height:22px;font-size:36px;background-size:576px 840px}.jb-logo._logo-dotmemory._size-3{width:28px;height:27px;font-size:45px;background-size:720px 1050px}.jb-logo._logo-dotmemory._size-3._full{width:144px;height:27px;font-size:45px;background-size:720px 1050px}.jb-logo._logo-dotmemory._size-4{width:38px;height:35px;font-size:60px;background-size:960px 1400px}.jb-logo._logo-dotmemory._size-4._full{width:192px;height:36px;font-size:60px;background-size:960px 1400px}.jb-logo._logo-dotmemory._size-5{width:47px;height:44px;font-size:75px;background-size:1200px 1750px}.jb-logo._logo-dotmemory._size-5._full{width:240px;height:45px;font-size:75px;background-size:1200px 1750px}.jb-logo._logo-dotmemory._size-6{width:56px;height:53px;font-size:90px;background-size:1440px 2100px}.jb-logo._logo-dotmemory._size-6._full{width:288px;height:54px;font-size:90px;background-size:1440px 2100px}.jb-logo._logo-dotmemory._size-7{width:65px;height:62px;font-size:105px;background-size:1680px 2450px}.jb-logo._logo-dotmemory._size-7._full{width:336px;height:63px;font-size:105px;background-size:1680px 2450px}.jb-logo._logo-dotmemory._size-8{width:75px;height:70px;font-size:120px;background-size:1920px 2800px}.jb-logo._logo-dotmemory._size-8._full{width:384px;height:71px;font-size:120px;background-size:1920px 2800px}.jb-logo._logo-dotmemory._grey{background-position:-4em -4em}a:hover .jb-logo._logo-dotmemory._grey,.menu-products-active-item .jb-logo._logo-dotmemory._grey{background-position:0 -4em}.jb-logo._logo-dotmemory._inverted{background-position:-8em -4em}.jb-logo._logo-dotmemory._size-header-logo{width:345px;height:64px;font-size:108px;background-size:1728px 2520px}.jb-logo._logo-dottrace{background-position:0 -5em}.jb-logo._logo-dottrace._size-1{width:15px;height:15px;font-size:24px;background-size:384px 560px}.jb-logo._logo-dottrace._size-1._full{width:62px;height:15px;font-size:24px;background-size:384px 560px}.jb-logo._logo-dottrace._size-2{width:22px;height:22px;font-size:36px;background-size:576px 840px}.jb-logo._logo-dottrace._size-2._full{width:92px;height:22px;font-size:36px;background-size:576px 840px}.jb-logo._logo-dottrace._size-3{width:28px;height:28px;font-size:45px;background-size:720px 1050px}.jb-logo._logo-dottrace._size-3._full{width:115px;height:28px;font-size:45px;background-size:720px 1050px}.jb-logo._logo-dottrace._size-4{width:37px;height:37px;font-size:60px;background-size:960px 1400px}.jb-logo._logo-dottrace._size-4._full{width:154px;height:37px;font-size:60px;background-size:960px 1400px}.jb-logo._logo-dottrace._size-5{width:46px;height:46px;font-size:75px;background-size:1200px 1750px}.jb-logo._logo-dottrace._size-5._full{width:192px;height:46px;font-size:75px;background-size:1200px 1750px}.jb-logo._logo-dottrace._size-6{width:55px;height:55px;font-size:90px;background-size:1440px 2100px}.jb-logo._logo-dottrace._size-6._full{width:230px;height:55px;font-size:90px;background-size:1440px 2100px}.jb-logo._logo-dottrace._size-7{width:64px;height:64px;font-size:105px;background-size:1680px 2450px}.jb-logo._logo-dottrace._size-7._full{width:269px;height:64px;font-size:105px;background-size:1680px 2450px}.jb-logo._logo-dottrace._size-8{width:73px;height:73px;font-size:120px;background-size:1920px 2800px}.jb-logo._logo-dottrace._size-8._full{width:307px;height:73px;font-size:120px;background-size:1920px 2800px}.jb-logo._logo-dottrace._grey{background-position:-4em -5em}a:hover .jb-logo._logo-dottrace._grey,.menu-products-active-item .jb-logo._logo-dottrace._grey{background-position:0 -5em}.jb-logo._logo-dottrace._inverted{background-position:-8em -5em}.jb-logo._logo-dottrace._size-header-logo{width:276px;height:66px;font-size:108px;background-size:1728px 2520px}.jb-logo._logo-dotpeek{background-position:0 -6em}.jb-logo._logo-dotpeek._size-1{width:16px;height:16px;font-size:24px;background-size:384px 560px}.jb-logo._logo-dotpeek._size-1._full{width:61px;height:16px;font-size:24px;background-size:384px 560px}.jb-logo._logo-dotpeek._size-2{width:24px;height:24px;font-size:36px;background-size:576px 840px}.jb-logo._logo-dotpeek._size-2._full{width:91px;height:24px;font-size:36px;background-size:576px 840px}.jb-logo._logo-dotpeek._size-3{width:30px;height:30px;font-size:45px;background-size:720px 1050px}.jb-logo._logo-dotpeek._size-3._full{width:114px;height:30px;font-size:45px;background-size:720px 1050px}.jb-logo._logo-dotpeek._size-4{width:40px;height:40px;font-size:60px;background-size:960px 1400px}.jb-logo._logo-dotpeek._size-4._full{width:152px;height:40px;font-size:60px;background-size:960px 1400px}.jb-logo._logo-dotpeek._size-5{width:50px;height:49px;font-size:75px;background-size:1200px 1750px}.jb-logo._logo-dotpeek._size-5._full{width:189px;height:49px;font-size:75px;background-size:1200px 1750px}.jb-logo._logo-dotpeek._size-6{width:60px;height:59px;font-size:90px;background-size:1440px 2100px}.jb-logo._logo-dotpeek._size-6._full{width:227px;height:59px;font-size:90px;background-size:1440px 2100px}.jb-logo._logo-dotpeek._size-7{width:70px;height:69px;font-size:105px;background-size:1680px 2450px}.jb-logo._logo-dotpeek._size-7._full{width:265px;height:69px;font-size:105px;background-size:1680px 2450px}.jb-logo._logo-dotpeek._size-8{width:80px;height:79px;font-size:120px;background-size:1920px 2800px}.jb-logo._logo-dotpeek._size-8._full{width:303px;height:79px;font-size:120px;background-size:1920px 2800px}.jb-logo._logo-dotpeek._grey{background-position:-4em -6em}a:hover .jb-logo._logo-dotpeek._grey,.menu-products-active-item .jb-logo._logo-dotpeek._grey{background-position:0 -6em}.jb-logo._logo-dotpeek._inverted{background-position:-8em -6em}.jb-logo._logo-dotpeek._size-header-logo{width:273px;height:71px;font-size:108px;background-size:1728px 2520px}.jb-logo._logo-dotcover{background-position:0 -7em}.jb-logo._logo-dotcover._size-1{width:14px;height:14px;font-size:24px;background-size:384px 560px}.jb-logo._logo-dotcover._size-1._full{width:64px;height:14px;font-size:24px;background-size:384px 560px}.jb-logo._logo-dotcover._size-2{width:21px;height:21px;font-size:36px;background-size:576px 840px}.jb-logo._logo-dotcover._size-2._full{width:96px;height:21px;font-size:36px;background-size:576px 840px}.jb-logo._logo-dotcover._size-3{width:27px;height:26px;font-size:45px;background-size:720px 1050px}.jb-logo._logo-dotcover._size-3._full{width:119px;height:26px;font-size:45px;background-size:720px 1050px}.jb-logo._logo-dotcover._size-4{width:35px;height:34px;font-size:60px;background-size:960px 1400px}.jb-logo._logo-dotcover._size-4._full{width:159px;height:34px;font-size:60px;background-size:960px 1400px}.jb-logo._logo-dotcover._size-5{width:44px;height:43px;font-size:75px;background-size:1200px 1750px}.jb-logo._logo-dotcover._size-5._full{width:199px;height:43px;font-size:75px;background-size:1200px 1750px}.jb-logo._logo-dotcover._size-6{width:53px;height:51px;font-size:90px;background-size:1440px 2100px}.jb-logo._logo-dotcover._size-6._full{width:238px;height:51px;font-size:90px;background-size:1440px 2100px}.jb-logo._logo-dotcover._size-7{width:62px;height:60px;font-size:105px;background-size:1680px 2450px}.jb-logo._logo-dotcover._size-7._full{width:278px;height:60px;font-size:105px;background-size:1680px 2450px}.jb-logo._logo-dotcover._size-8{width:70px;height:68px;font-size:120px;background-size:1920px 2800px}.jb-logo._logo-dotcover._size-8._full{width:318px;height:68px;font-size:120px;background-size:1920px 2800px}.jb-logo._logo-dotcover._grey{background-position:-4em -7em}a:hover .jb-logo._logo-dotcover._grey,.menu-products-active-item .jb-logo._logo-dotcover._grey{background-position:0 -7em}.jb-logo._logo-dotcover._inverted{background-position:-8em -7em}.jb-logo._logo-dotcover._size-header-logo{width:286px;height:61px;font-size:108px;background-size:1728px 2520px}.jb-logo._logo-appcode{background-position:0 -8em}.jb-logo._logo-appcode._size-1{width:17px;height:15px;font-size:24px;background-size:384px 560px}.jb-logo._logo-appcode._size-1._full{width:65px;height:15px;font-size:24px;background-size:384px 560px}.jb-logo._logo-appcode._size-2{width:25px;height:22px;font-size:36px;background-size:576px 840px}.jb-logo._logo-appcode._size-2._full{width:98px;height:22px;font-size:36px;background-size:576px 840px}.jb-logo._logo-appcode._size-3{width:31px;height:27px;font-size:45px;background-size:720px 1050px}.jb-logo._logo-appcode._size-3._full{width:122px;height:28px;font-size:45px;background-size:720px 1050px}.jb-logo._logo-appcode._size-4{width:42px;height:36px;font-size:60px;background-size:960px 1400px}.jb-logo._logo-appcode._size-4._full{width:162px;height:37px;font-size:60px;background-size:960px 1400px}.jb-logo._logo-appcode._size-5{width:52px;height:45px;font-size:75px;background-size:1200px 1750px}.jb-logo._logo-appcode._size-5._full{width:203px;height:46px;font-size:75px;background-size:1200px 1750px}.jb-logo._logo-appcode._size-6{width:62px;height:54px;font-size:90px;background-size:1440px 2100px}.jb-logo._logo-appcode._size-6._full{width:243px;height:55px;font-size:90px;background-size:1440px 2100px}.jb-logo._logo-appcode._size-7{width:73px;height:62px;font-size:105px;background-size:1680px 2450px}.jb-logo._logo-appcode._size-7._full{width:284px;height:64px;font-size:105px;background-size:1680px 2450px}.jb-logo._logo-appcode._size-8{width:83px;height:71px;font-size:120px;background-size:1920px 2800px}.jb-logo._logo-appcode._size-8._full{width:324px;height:73px;font-size:120px;background-size:1920px 2800px}.jb-logo._logo-appcode._grey{background-position:-4em -8em}a:hover .jb-logo._logo-appcode._grey,.menu-products-active-item .jb-logo._logo-appcode._grey{background-position:0 -8em}.jb-logo._logo-appcode._inverted{background-position:-8em -8em}.jb-logo._logo-appcode._size-header-logo{width:292px;height:66px;font-size:108px;background-size:1728px 2520px}.jb-logo._logo-phpstorm{background-position:0 -9em}.jb-logo._logo-phpstorm._size-1{width:17px;height:14px;font-size:24px;background-size:384px 560px}.jb-logo._logo-phpstorm._size-1._full{width:68px;height:15px;font-size:24px;background-size:384px 560px}.jb-logo._logo-phpstorm._size-2{width:25px;height:21px;font-size:36px;background-size:576px 840px}.jb-logo._logo-phpstorm._size-2._full{width:102px;height:23px;font-size:36px;background-size:576px 840px}.jb-logo._logo-phpstorm._size-3{width:32px;height:26px;font-size:45px;background-size:720px 1050px}.jb-logo._logo-phpstorm._size-3._full{width:128px;height:28px;font-size:45px;background-size:720px 1050px}.jb-logo._logo-phpstorm._size-4{width:42px;height:34px;font-size:60px;background-size:960px 1400px}.jb-logo._logo-phpstorm._size-4._full{width:170px;height:38px;font-size:60px;background-size:960px 1400px}.jb-logo._logo-phpstorm._size-5{width:52px;height:42px;font-size:75px;background-size:1200px 1750px}.jb-logo._logo-phpstorm._size-5._full{width:213px;height:47px;font-size:75px;background-size:1200px 1750px}.jb-logo._logo-phpstorm._size-6{width:63px;height:51px;font-size:90px;background-size:1440px 2100px}.jb-logo._logo-phpstorm._size-6._full{width:255px;height:56px;font-size:90px;background-size:1440px 2100px}.jb-logo._logo-phpstorm._size-7{width:73px;height:59px;font-size:105px;background-size:1680px 2450px}.jb-logo._logo-phpstorm._size-7._full{width:298px;height:66px;font-size:105px;background-size:1680px 2450px}.jb-logo._logo-phpstorm._size-8{width:84px;height:67px;font-size:120px;background-size:1920px 2800px}.jb-logo._logo-phpstorm._size-8._full{width:340px;height:75px;font-size:120px;background-size:1920px 2800px}.jb-logo._logo-phpstorm._grey{background-position:-4em -9em}a:hover .jb-logo._logo-phpstorm._grey,.menu-products-active-item .jb-logo._logo-phpstorm._grey{background-position:0 -9em}.jb-logo._logo-phpstorm._inverted{background-position:-8em -9em}.jb-logo._logo-phpstorm._size-header-logo{width:306px;height:68px;font-size:108px;background-size:1728px 2520px}.jb-logo._logo-webstorm{background-position:0 -10em}.jb-logo._logo-webstorm._size-1{width:15px;height:13px;font-size:24px;background-size:384px 560px}.jb-logo._logo-webstorm._size-1._full{width:70px;height:13px;font-size:24px;background-size:384px 560px}.jb-logo._logo-webstorm._size-2{width:23px;height:20px;font-size:36px;background-size:576px 840px}.jb-logo._logo-webstorm._size-2._full{width:105px;height:20px;font-size:36px;background-size:576px 840px}.jb-logo._logo-webstorm._size-3{width:29px;height:24px;font-size:45px;background-size:720px 1050px}.jb-logo._logo-webstorm._size-3._full{width:131px;height:24px;font-size:45px;background-size:720px 1050px}.jb-logo._logo-webstorm._size-4{width:38px;height:32px;font-size:60px;background-size:960px 1400px}.jb-logo._logo-webstorm._size-4._full{width:175px;height:32px;font-size:60px;background-size:960px 1400px}.jb-logo._logo-webstorm._size-5{width:47px;height:40px;font-size:75px;background-size:1200px 1750px}.jb-logo._logo-webstorm._size-5._full{width:218px;height:40px;font-size:75px;background-size:1200px 1750px}.jb-logo._logo-webstorm._size-6{width:57px;height:48px;font-size:90px;background-size:1440px 2100px}.jb-logo._logo-webstorm._size-6._full{width:262px;height:48px;font-size:90px;background-size:1440px 2100px}.jb-logo._logo-webstorm._size-7{width:66px;height:56px;font-size:105px;background-size:1680px 2450px}.jb-logo._logo-webstorm._size-7._full{width:305px;height:56px;font-size:105px;background-size:1680px 2450px}.jb-logo._logo-webstorm._size-8{width:75px;height:64px;font-size:120px;background-size:1920px 2800px}.jb-logo._logo-webstorm._size-8._full{width:349px;height:64px;font-size:120px;background-size:1920px 2800px}.jb-logo._logo-webstorm._grey{background-position:-4em -10em}a:hover .jb-logo._logo-webstorm._grey,.menu-products-active-item .jb-logo._logo-webstorm._grey{background-position:0 -10em}.jb-logo._logo-webstorm._inverted{background-position:-8em -10em}.jb-logo._logo-webstorm._size-header-logo{width:314px;height:58px;font-size:108px;background-size:1728px 2520px}.jb-logo._logo-rubymine{background-position:0 -11em}.jb-logo._logo-rubymine._size-1{width:16px;height:14px;font-size:24px;background-size:384px 560px}.jb-logo._logo-rubymine._size-1._full{width:67px;height:15px;font-size:24px;background-size:384px 560px}.jb-logo._logo-rubymine._size-2{width:23px;height:21px;font-size:36px;background-size:576px 840px}.jb-logo._logo-rubymine._size-2._full{width:101px;height:22px;font-size:36px;background-size:576px 840px}.jb-logo._logo-rubymine._size-3{width:29px;height:26px;font-size:45px;background-size:720px 1050px}.jb-logo._logo-rubymine._size-3._full{width:126px;height:28px;font-size:45px;background-size:720px 1050px}.jb-logo._logo-rubymine._size-4{width:38px;height:34px;font-size:60px;background-size:960px 1400px}.jb-logo._logo-rubymine._size-4._full{width:168px;height:37px;font-size:60px;background-size:960px 1400px}.jb-logo._logo-rubymine._size-5{width:48px;height:43px;font-size:75px;background-size:1200px 1750px}.jb-logo._logo-rubymine._size-5._full{width:210px;height:46px;font-size:75px;background-size:1200px 1750px}.jb-logo._logo-rubymine._size-6{width:57px;height:51px;font-size:90px;background-size:1440px 2100px}.jb-logo._logo-rubymine._size-6._full{width:251px;height:55px;font-size:90px;background-size:1440px 2100px}.jb-logo._logo-rubymine._size-7{width:67px;height:59px;font-size:105px;background-size:1680px 2450px}.jb-logo._logo-rubymine._size-7._full{width:293px;height:64px;font-size:105px;background-size:1680px 2450px}.jb-logo._logo-rubymine._size-8{width:76px;height:68px;font-size:120px;background-size:1920px 2800px}.jb-logo._logo-rubymine._size-8._full{width:335px;height:73px;font-size:120px;background-size:1920px 2800px}.jb-logo._logo-rubymine._grey{background-position:-4em -11em}a:hover .jb-logo._logo-rubymine._grey,.menu-products-active-item .jb-logo._logo-rubymine._grey{background-position:0 -11em}.jb-logo._logo-rubymine._inverted{background-position:-8em -11em}.jb-logo._logo-rubymine._size-header-logo{width:302px;height:65px;font-size:108px;background-size:1728px 2520px}.jb-logo._logo-pycharm{background-position:0 -12em}.jb-logo._logo-pycharm._size-1{width:15px;height:15px;font-size:24px;background-size:384px 560px}.jb-logo._logo-pycharm._size-1._full{width:62px;height:15px;font-size:24px;background-size:384px 560px}.jb-logo._logo-pycharm._size-2{width:22px;height:22px;font-size:36px;background-size:576px 840px}.jb-logo._logo-pycharm._size-2._full{width:93px;height:23px;font-size:36px;background-size:576px 840px}.jb-logo._logo-pycharm._size-3{width:28px;height:27px;font-size:45px;background-size:720px 1050px}.jb-logo._logo-pycharm._size-3._full{width:116px;height:28px;font-size:45px;background-size:720px 1050px}.jb-logo._logo-pycharm._size-4{width:37px;height:36px;font-size:60px;background-size:960px 1400px}.jb-logo._logo-pycharm._size-4._full{width:155px;height:38px;font-size:60px;background-size:960px 1400px}.jb-logo._logo-pycharm._size-5{width:46px;height:45px;font-size:75px;background-size:1200px 1750px}.jb-logo._logo-pycharm._size-5._full{width:193px;height:47px;font-size:75px;background-size:1200px 1750px}.jb-logo._logo-pycharm._size-6{width:55px;height:54px;font-size:90px;background-size:1440px 2100px}.jb-logo._logo-pycharm._size-6._full{width:232px;height:56px;font-size:90px;background-size:1440px 2100px}.jb-logo._logo-pycharm._size-7{width:64px;height:63px;font-size:105px;background-size:1680px 2450px}.jb-logo._logo-pycharm._size-7._full{width:270px;height:65px;font-size:105px;background-size:1680px 2450px}.jb-logo._logo-pycharm._size-8{width:74px;height:72px;font-size:120px;background-size:1920px 2800px}.jb-logo._logo-pycharm._size-8._full{width:309px;height:75px;font-size:120px;background-size:1920px 2800px}.jb-logo._logo-pycharm._grey{background-position:-4em -12em}a:hover .jb-logo._logo-pycharm._grey,.menu-products-active-item .jb-logo._logo-pycharm._grey{background-position:0 -12em}.jb-logo._logo-pycharm._inverted{background-position:-8em -12em}.jb-logo._logo-pycharm._size-header-logo{width:278px;height:67px;font-size:108px;background-size:1728px 2520px}.jb-logo._logo-dbe{background-position:0 -13em}.jb-logo._logo-dbe._size-1{width:14px;height:14px;font-size:24px;background-size:384px 560px}.jb-logo._logo-dbe._size-1._full{width:50px;height:14px;font-size:24px;background-size:384px 560px}.jb-logo._logo-dbe._size-2{width:21px;height:21px;font-size:36px;background-size:576px 840px}.jb-logo._logo-dbe._size-2._full{width:75px;height:21px;font-size:36px;background-size:576px 840px}.jb-logo._logo-dbe._size-3{width:26px;height:26px;font-size:45px;background-size:720px 1050px}.jb-logo._logo-dbe._size-3._full{width:93px;height:26px;font-size:45px;background-size:720px 1050px}.jb-logo._logo-dbe._size-4{width:35px;height:35px;font-size:60px;background-size:960px 1400px}.jb-logo._logo-dbe._size-4._full{width:124px;height:35px;font-size:60px;background-size:960px 1400px}.jb-logo._logo-dbe._size-5{width:43px;height:43px;font-size:75px;background-size:1200px 1750px}.jb-logo._logo-dbe._size-5._full{width:155px;height:43px;font-size:75px;background-size:1200px 1750px}.jb-logo._logo-dbe._size-6{width:52px;height:52px;font-size:90px;background-size:1440px 2100px}.jb-logo._logo-dbe._size-6._full{width:186px;height:52px;font-size:90px;background-size:1440px 2100px}.jb-logo._logo-dbe._size-7{width:60px;height:60px;font-size:105px;background-size:1680px 2450px}.jb-logo._logo-dbe._size-7._full{width:217px;height:60px;font-size:105px;background-size:1680px 2450px}.jb-logo._logo-dbe._size-8{width:69px;height:69px;font-size:120px;background-size:1920px 2800px}.jb-logo._logo-dbe._size-8._full{width:248px;height:69px;font-size:120px;background-size:1920px 2800px}.jb-logo._logo-dbe._grey{background-position:-4em -13em}a:hover .jb-logo._logo-dbe._grey,.menu-products-active-item .jb-logo._logo-dbe._grey{background-position:0 -13em}.jb-logo._logo-dbe._inverted{background-position:-8em -13em}.jb-logo._logo-dbe._size-header-logo{width:223px;height:62px;font-size:108px;background-size:1728px 2520px}.jb-logo._logo-kotlin{background-position:0 -14em}.jb-logo._logo-kotlin._size-1{width:14px;height:15px;font-size:24px;background-size:384px 560px}.jb-logo._logo-kotlin._size-1._full{width:48px;height:15px;font-size:24px;background-size:384px 560px}.jb-logo._logo-kotlin._size-2{width:21px;height:22px;font-size:36px;background-size:576px 840px}.jb-logo._logo-kotlin._size-2._full{width:72px;height:22px;font-size:36px;background-size:576px 840px}.jb-logo._logo-kotlin._size-3{width:27px;height:27px;font-size:45px;background-size:720px 1050px}.jb-logo._logo-kotlin._size-3._full{width:90px;height:27px;font-size:45px;background-size:720px 1050px}.jb-logo._logo-kotlin._size-4{width:35px;height:36px;font-size:60px;background-size:960px 1400px}.jb-logo._logo-kotlin._size-4._full{width:119px;height:36px;font-size:60px;background-size:960px 1400px}.jb-logo._logo-kotlin._size-5{width:44px;height:45px;font-size:75px;background-size:1200px 1750px}.jb-logo._logo-kotlin._size-5._full{width:149px;height:45px;font-size:75px;background-size:1200px 1750px}.jb-logo._logo-kotlin._size-6{width:53px;height:54px;font-size:90px;background-size:1440px 2100px}.jb-logo._logo-kotlin._size-6._full{width:179px;height:54px;font-size:90px;background-size:1440px 2100px}.jb-logo._logo-kotlin._size-7{width:61px;height:63px;font-size:105px;background-size:1680px 2450px}.jb-logo._logo-kotlin._size-7._full{width:209px;height:63px;font-size:105px;background-size:1680px 2450px}.jb-logo._logo-kotlin._size-8{width:70px;height:72px;font-size:120px;background-size:1920px 2800px}.jb-logo._logo-kotlin._size-8._full{width:238px;height:72px;font-size:120px;background-size:1920px 2800px}.jb-logo._logo-kotlin._grey{background-position:-4em -14em}a:hover .jb-logo._logo-kotlin._grey,.menu-products-active-item .jb-logo._logo-kotlin._grey{background-position:0 -14em}.jb-logo._logo-kotlin._inverted{background-position:-8em -14em}.jb-logo._logo-kotlin._size-header-logo{width:214px;height:65px;font-size:108px;background-size:1728px 2520px}.jb-logo._logo-mps{background-position:0 -15em}.jb-logo._logo-mps._size-1{width:27px;height:14px;font-size:24px;background-size:384px 560px}.jb-logo._logo-mps._size-1._full{width:82px;height:14px;font-size:24px;background-size:384px 560px}.jb-logo._logo-mps._size-2{width:40px;height:21px;font-size:36px;background-size:576px 840px}.jb-logo._logo-mps._size-2._full{width:123px;height:21px;font-size:36px;background-size:576px 840px}.jb-logo._logo-mps._size-3{width:50px;height:26px;font-size:45px;background-size:720px 1050px}.jb-logo._logo-mps._size-3._full{width:154px;height:26px;font-size:45px;background-size:720px 1050px}.jb-logo._logo-mps._size-4{width:66px;height:34px;font-size:60px;background-size:960px 1400px}.jb-logo._logo-mps._size-4._full{width:205px;height:34px;font-size:60px;background-size:960px 1400px}.jb-logo._logo-mps._size-5{width:83px;height:43px;font-size:75px;background-size:1200px 1750px}.jb-logo._logo-mps._size-5._full{width:256px;height:43px;font-size:75px;background-size:1200px 1750px}.jb-logo._logo-mps._size-6{width:99px;height:51px;font-size:90px;background-size:1440px 2100px}.jb-logo._logo-mps._size-6._full{width:307px;height:51px;font-size:90px;background-size:1440px 2100px}.jb-logo._logo-mps._size-7{width:115px;height:60px;font-size:105px;background-size:1680px 2450px}.jb-logo._logo-mps._size-7._full{width:358px;height:60px;font-size:105px;background-size:1680px 2450px}.jb-logo._logo-mps._size-8{width:132px;height:68px;font-size:120px;background-size:1920px 2800px}.jb-logo._logo-mps._size-8._full{width:409px;height:68px;font-size:120px;background-size:1920px 2800px}.jb-logo._logo-mps._grey{background-position:-4em -15em}a:hover .jb-logo._logo-mps._grey,.menu-products-active-item .jb-logo._logo-mps._grey{background-position:0 -15em}.jb-logo._logo-mps._inverted{background-position:-8em -15em}.jb-logo._logo-mps._size-header-logo{width:368px;height:61px;font-size:108px;background-size:1728px 2520px}.jb-logo._logo-upsource{background-position:0 -16em}.jb-logo._logo-upsource._size-1{width:13px;height:16px;font-size:24px;background-size:384px 560px}.jb-logo._logo-upsource._size-1._full{width:62px;height:16px;font-size:24px;background-size:384px 560px}.jb-logo._logo-upsource._size-2{width:20px;height:24px;font-size:36px;background-size:576px 840px}.jb-logo._logo-upsource._size-2._full{width:93px;height:24px;font-size:36px;background-size:576px 840px}.jb-logo._logo-upsource._size-3{width:25px;height:29px;font-size:45px;background-size:720px 1050px}.jb-logo._logo-upsource._size-3._full{width:117px;height:29px;font-size:45px;background-size:720px 1050px}.jb-logo._logo-upsource._size-4{width:33px;height:39px;font-size:60px;background-size:960px 1400px}.jb-logo._logo-upsource._size-4._full{width:155px;height:39px;font-size:60px;background-size:960px 1400px}.jb-logo._logo-upsource._size-5{width:41px;height:49px;font-size:75px;background-size:1200px 1750px}.jb-logo._logo-upsource._size-5._full{width:194px;height:49px;font-size:75px;background-size:1200px 1750px}.jb-logo._logo-upsource._size-6{width:49px;height:58px;font-size:90px;background-size:1440px 2100px}.jb-logo._logo-upsource._size-6._full{width:233px;height:58px;font-size:90px;background-size:1440px 2100px}.jb-logo._logo-upsource._size-7{width:57px;height:68px;font-size:105px;background-size:1680px 2450px}.jb-logo._logo-upsource._size-7._full{width:271px;height:68px;font-size:105px;background-size:1680px 2450px}.jb-logo._logo-upsource._size-8{width:65px;height:78px;font-size:120px;background-size:1920px 2800px}.jb-logo._logo-upsource._size-8._full{width:310px;height:78px;font-size:120px;background-size:1920px 2800px}.jb-logo._logo-upsource._grey{background-position:-4em -16em}a:hover .jb-logo._logo-upsource._grey,.menu-products-active-item .jb-logo._logo-upsource._grey{background-position:0 -16em}.jb-logo._logo-upsource._inverted{background-position:-8em -16em}.jb-logo._logo-upsource._size-header-logo{width:279px;height:70px;font-size:108px;background-size:1728px 2520px}.jb-logo._logo-scala{background-position:0 -17em}.jb-logo._logo-scala._size-1{width:10px;height:16px;font-size:24px;background-size:384px 560px}.jb-logo._logo-scala._size-2{width:15px;height:24px;font-size:36px;background-size:576px 840px}.jb-logo._logo-scala._size-3{width:19px;height:30px;font-size:45px;background-size:720px 1050px}.jb-logo._logo-scala._size-4{width:25px;height:39px;font-size:60px;background-size:960px 1400px}.jb-logo._logo-scala._size-5{width:31px;height:49px;font-size:75px;background-size:1200px 1750px}.jb-logo._logo-scala._size-6{width:37px;height:59px;font-size:90px;background-size:1440px 2100px}.jb-logo._logo-scala._size-7{width:43px;height:68px;font-size:105px;background-size:1680px 2450px}.jb-logo._logo-scala._size-8{width:49px;height:78px;font-size:120px;background-size:1920px 2800px}.jb-logo._logo-scala._grey{background-position:-4em -17em}a:hover .jb-logo._logo-scala._grey,.menu-products-active-item .jb-logo._logo-scala._grey{background-position:0 -17em}.jb-logo._logo-scala._inverted{background-position:-8em -17em}.jb-logo._logo-ring{background-position:0 -18em}.jb-logo._logo-ring._size-1{width:15px;height:15px;font-size:24px;background-size:384px 560px}.jb-logo._logo-ring._size-2{width:22px;height:22px;font-size:36px;background-size:576px 840px}.jb-logo._logo-ring._size-3{width:27px;height:27px;font-size:45px;background-size:720px 1050px}.jb-logo._logo-ring._size-4{width:36px;height:36px;font-size:60px;background-size:960px 1400px}.jb-logo._logo-ring._size-5{width:45px;height:45px;font-size:75px;background-size:1200px 1750px}.jb-logo._logo-ring._size-6{width:54px;height:54px;font-size:90px;background-size:1440px 2100px}.jb-logo._logo-ring._size-7{width:63px;height:63px;font-size:105px;background-size:1680px 2450px}.jb-logo._logo-ring._size-8{width:72px;height:72px;font-size:120px;background-size:1920px 2800px}.jb-logo._logo-ring._grey{background-position:-4em -18em}a:hover .jb-logo._logo-ring._grey,.menu-products-active-item .jb-logo._logo-ring._grey{background-position:0 -18em}.jb-logo._logo-ring._inverted{background-position:-8em -18em}.jb-logo._logo-jb{background-position:0 -19em}.jb-logo._logo-jb._size-1{width:15px;height:14px;font-size:24px;background-size:384px 560px}.jb-logo._logo-jb._size-2{width:23px;height:21px;font-size:36px;background-size:576px 840px}.jb-logo._logo-jb._size-3{width:28px;height:26px;font-size:45px;background-size:720px 1050px}.jb-logo._logo-jb._size-4{width:38px;height:34px;font-size:60px;background-size:960px 1400px}.jb-logo._logo-jb._size-5{width:47px;height:42px;font-size:75px;background-size:1200px 1750px}.jb-logo._logo-jb._size-6{width:56px;height:51px;font-size:90px;background-size:1440px 2100px}.jb-logo._logo-jb._size-7{width:66px;height:59px;font-size:105px;background-size:1680px 2450px}.jb-logo._logo-jb._size-8{width:75px;height:67px;font-size:120px;background-size:1920px 2800px}.jb-logo._logo-jb._grey{background-position:-4em -19em}a:hover .jb-logo._logo-jb._grey,.menu-products-active-item .jb-logo._logo-jb._grey{background-position:0 -19em}.jb-logo._logo-jb._inverted{background-position:-8em -19em}.jb-logo._logo-jetbrains{background-position:0 -20em}.jb-logo._logo-jetbrains._size-1{width:43px;height:16px;font-size:24px;background-size:384px 560px}.jb-logo._logo-jetbrains._size-2{width:65px;height:24px;font-size:36px;background-size:576px 840px}.jb-logo._logo-jetbrains._size-3{width:81px;height:30px;font-size:45px;background-size:720px 1050px}.jb-logo._logo-jetbrains._size-4{width:107px;height:39px;font-size:60px;background-size:960px 1400px}.jb-logo._logo-jetbrains._size-5{width:134px;height:49px;font-size:75px;background-size:1200px 1750px}.jb-logo._logo-jetbrains._size-6{width:161px;height:59px;font-size:90px;background-size:1440px 2100px}.jb-logo._logo-jetbrains._size-7{width:188px;height:68px;font-size:105px;background-size:1680px 2450px}.jb-logo._logo-jetbrains._size-8{width:214px;height:78px;font-size:120px;background-size:1920px 2800px}.jb-logo._logo-jetbrains._grey{background-position:-4em -20em}a:hover .jb-logo._logo-jetbrains._grey,.menu-products-active-item .jb-logo._logo-jetbrains._grey{background-position:0 -20em}.jb-logo._logo-jetbrains._inverted{background-position:-8em -20em}.jb-logo._logo-clion{background-position:0 -21em}.jb-logo._logo-clion._size-1{width:14px;height:15px;font-size:24px;background-size:384px 560px}.jb-logo._logo-clion._size-1._full{width:48px;height:15px;font-size:24px;background-size:384px 560px}.jb-logo._logo-clion._size-2{width:21px;height:23px;font-size:36px;background-size:576px 840px}.jb-logo._logo-clion._size-2._full{width:72px;height:23px;font-size:36px;background-size:576px 840px}.jb-logo._logo-clion._size-3{width:26px;height:28px;font-size:45px;background-size:720px 1050px}.jb-logo._logo-clion._size-3._full{width:90px;height:28px;font-size:45px;background-size:720px 1050px}.jb-logo._logo-clion._size-4{width:34px;height:38px;font-size:60px;background-size:960px 1400px}.jb-logo._logo-clion._size-4._full{width:119px;height:38px;font-size:60px;background-size:960px 1400px}.jb-logo._logo-clion._size-5{width:43px;height:47px;font-size:75px;background-size:1200px 1750px}.jb-logo._logo-clion._size-5._full{width:149px;height:47px;font-size:75px;background-size:1200px 1750px}.jb-logo._logo-clion._size-6{width:51px;height:56px;font-size:90px;background-size:1440px 2100px}.jb-logo._logo-clion._size-6._full{width:179px;height:56px;font-size:90px;background-size:1440px 2100px}.jb-logo._logo-clion._size-7{width:60px;height:65px;font-size:105px;background-size:1680px 2450px}.jb-logo._logo-clion._size-7._full{width:208px;height:65px;font-size:105px;background-size:1680px 2450px}.jb-logo._logo-clion._size-8{width:68px;height:75px;font-size:120px;background-size:1920px 2800px}.jb-logo._logo-clion._size-8._full{width:238px;height:75px;font-size:120px;background-size:1920px 2800px}.jb-logo._logo-clion._grey{background-position:-4em -21em}a:hover .jb-logo._logo-clion._grey,.menu-products-active-item .jb-logo._logo-clion._grey{background-position:0 -21em}.jb-logo._logo-clion._inverted{background-position:-8em -21em}.jb-logo._logo-clion._size-header-logo{width:214px;height:67px;font-size:108px;background-size:1728px 2520px}.jb-logo._centered{position:absolute;top:0;right:0;bottom:0;left:0;margin:auto}.jb-logo._centered._logo-jetbrains{top:10%}a:hover .jb-logo._logo-jetbrains._grey.landing-header-logo,a:hover .jb-logo._logo-jetbrains._grey.support-header-logo,a:hover .jb-logo._logo-jetbrains._grey.landing-footer-logo{background-position:-8em -20em}.product-name .jb-logo{position:absolute;left:0}

/* Updated styles for mobile devices */


/* + Common mobile styles */
.mobile .container {
    /*width: 920px;*/
}
.mobile body > footer .products {
    margin-right: -30px;
    padding-left: 70px;
}
.mobile footer .newsletter-block {
    display: none;
}

/* - Common mobile styles */


/* + Index page */
.mobile #index #banners,
.mobile #index .carousel {
    height: 200px;
}
/* - Index page */



/* + Resharper */
.mobile .rs.overview .overview_video {
    max-width: 95%;
    background-size: 100% auto;
}
/* - Resharper */


/* + PhpStorm */
.mobile .phpstorm .demo_screen {
    max-width: 95%;
    background-size: 100% auto;
    }
    .mobile .phpstorm .demo_screen a.screenshotTour {
        width: 77% !important;
        }
    .mobile .phpstorm .demo_screen a.video {
        width: 21% !important;
        }
    .demo.js-video > img {
        max-width: 95%;
    }

.mobile.ios .check .check_wrap a.link:before {
    margin-left: -5px !important;
}
/* - PhpStorm */


/* + WebStorm */
.mobile body.overview #content .fresh {
    padding-left: 10px;
    padding-right: 10px;
    width: 25%;
}
.mobile .fresh .btn-product {
    padding-left: 20px;
    padding-right: 20px;
}
/* - WebStorm */


/* + Contacts */
.mobile #company.contact #banners .container {
    overflow: hidden;
    width: 100%;
}
/* - Contacts */



html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
  margin: 0;
  padding: 0;
  border: 0;
  outline: 0;
  font-weight: inherit;
  font-style: inherit;
  font-size: 100%;
  font-family: inherit;
  vertical-align: baseline;
}
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {
    display:block;
}

:focus {
    outline: 0;
}
html {
    position: relative;
    min-height: 100%;
}

body {
    height: auto;
    font-family: 'Open Sans', Helvetica, Arial, sans-serif;
    font-size: 14px;
    line-height: 1.6;
    color: #474747;
    font-variant: normal;
    font-weight: 400;
    background: white;
}
body.white {
    margin: 15px;
    min-width: 300px;
}
body.demo {
    text-align: center;
}
textarea,
pre,
code,
kbd,
samp,
var,
tt {
    /*font-family: Consolas, "Lucida Console", "Andale Mono", "Bitstream Vera Sans Mono", "Courier New", Courier;*/
}

ol, ul {list-style: none}
a {color: #0274bd; text-decoration: none}
a:hover {color: #00a2ff}
a.black {color: #474747}
a.gray {color: #777}
a.black:hover {text-decoration: underline}
a.underline_link {text-decoration: underline}
a.underline_link:hover {text-decoration: none}
a.underline_link_border {border-bottom: solid 1px #0274bd}
a.underline_link_border:hover {border-bottom: none}
a.underline_link_gray {border-bottom: solid 1px #777}
a.underline_link_gray:hover {border-bottom: none;text-decoration: none}
a.underline_link_black {border-bottom: solid 1px #474747}
a.underline_link_black:hover {border-bottom: none;text-decoration: none}
a.underline_link_dotted {border-bottom: dashed 1px #0274bd}
a.underline_link_dotted:hover {border-bottom: none;text-decoration: none}
a.underline_link_gray_dashed {border-bottom: dashed 1px #777}
a.underline_link_gray_dashed:hover {border-bottom: none;text-decoration: none}
strong, b {font-weight: 600}
em {font-style: italic}
.noborder {border: none !important}
.asterisk-symbol {font-size: 120%; font-weight: 400; line-height: 1}


table {
    border-collapse: separate;
    border-spacing: 0;
}

caption, th, td {
    text-align: left;
    font-weight: normal;
}

blockquote {
    font-family: Georgia, "Times New Roman", Times, serif-serif;
    font-style: italic;
    position: relative;
}
blockquote:before, blockquote:after {
    margin-right: 5px;
    content: "\201C";
    font-size: 300%;
    line-height: 1px;
    vertical-align: -.4em;
}
blockquote:after {
    content: "\201D";
    vertical-align: -.6em;

}
blockquote p {
    display: inline;

}
/*blockquote:before, blockquote:after,
q:before, q:after {
    content: "";
    display: block;
    width: 42px;
    height: 32px;
    background: url("/styles2/../img/design/bgBlockquote.png");
}
blockquote:before, q:before {
    margin-bottom: -1.5em;
    background-position: 0 -42px;
}
blockquote:after, q:after {
    margin-top: -1em;
    float: right;
    background-position: 0 0;
}
blockquote, q {
    padding: 0 0 0 0;
    quotes: "" "";
    position: relative;
    color: #797C80;
    font: italic 1.15em/1.67em Georgia,"Times New Roman",Times,serif;
    text-indent: 3em;
}
blockquote p, q p {
    margin-bottom: 0;
}
blockquote a, q a {
    position: absolute;
    right: 3.5em;
    bottom: -1.5em;
    color: #797C80;
    font-size: 85%;
}
blockquote .author {
    margin-bottom: -1.5em;
    padding-top: 1em;
    padding-right: 3em;
    display: block;
    text-align: right;
}
blockquote .author a {
    position: static;
    font-size: 100%;
    text-decoration: underline;
}
blockquote .author a:hover {
    text-decoration: none;
}*/
.new_version {
    position: relative;
}
.new_version:after {
    position: relative;
    top: -7px;
    margin: 0 -30px 0 5px;
    padding: 2px 4px;
    display: inline-block;
    border: solid 1px #ff7b00;
    color: #ff7b00;
    font-family: Verdana, 'Open Sans', Helvetica, Arial, sans-serif;
    font-size: 9px;
    line-height: 10px;
    font-weight: bold;
    text-decoration: none;
    text-transform: uppercase;
    white-space: nowrap;
    vertical-align: baseline !important;
    border-radius: 4px;
    content: '';
}

h1,
h2,
h3,
h4,
h5 {
    font-family: "GraublauSlab-Regular", Helvetica, Arial, sans-serif;
    font-weight: 400;
    color: #404041;
}
h1 em, h2 em, h3 em, h4 em, h5 em, h6 em {
    font-family: 'Open Sans', Helvetica, Arial, sans-serif;
    font-size: 94%;
    font-style: italic;
}
h1 {
    margin-bottom:.5em;
    color: #454545;
    font-size: 270%;
    line-height: 1;
    font-family: "GraublauSlab-Semibold", Helvetica, Arial, sans-serif;
}
h2 {
    margin-bottom: .5em;
    font-size: 230%;
    line-height: 1;
}
h3 {
    margin-bottom: .5em;
    font-size: 170%;
    line-height: 1.1;
}
h4 {
    margin-bottom: .3em;
    font-size: 150%;
}
h5 {
    margin-bottom:.5em;
    font-size: 100%;
    font-weight: bold;
    text-transform: uppercase;
    letter-spacing: .7px;
    font-family: 'Open Sans', Helvetica, Arial, sans-serif;
}
h6 {
    margin-bottom: .2em;
    font-weight: bold;
    font-family: 'Open Sans', Helvetica, Arial, sans-serif;
}
h1._bold, h2._bold, h3._bold, h4._bold {
    font-family: "GraublauSlab-Semibold", Helvetica, Arial, sans-serif;
}
h1.sans_serif_bold, h2.sans_serif_bold, h3.sans_serif_bold, h4.sans_serif_bold, h5.sans_serif_bold, h6.sans_serif_bold {
    font-family: 'Open Sans', Helvetica, Arial, sans-serif;
    font-weight: 700;
}
h1.sans_serif_normal, h2.sans_serif_normal, h3.sans_serif_normal, h4.sans_serif_normal, h5.sans_serif_normal, h6.sans_serif_normal {
    font-family: 'Open Sans', Helvetica, Arial, sans-serif;
    /*font-size: 140%;*/
    font-weight: 400;
}
h1.sans_serif_light, h2.sans_serif_light, h3.sans_serif_light, h4.sans_serif_light, h5.sans_serif_light, h6.sans_serif_light {
    font-family: 'Open Sans', Helvetica, Arial, sans-serif;
    /*font-size: 140%;*/
    font-weight: 100;
    line-height: 1.4;
}
ul, ol, p, blockquote, .block {
    margin-bottom: 20px;
}
ul.starlist li {
    margin-bottom: 0.533em;
    padding-left: 17px;
    background: url("/styles2/../img/design/bullet_small.gif") no-repeat 0 .5em;
}
ul.starlist.range li {
    padding-left: 2.2em;
    background: url("/styles2/../img/design/bulletRange.png") no-repeat 0 .4em;
}
ul.ndashlist li {
    margin-bottom: 10px;
}
ul.ndashlist li:before {
    margin-left: -.73em;
    content: "-";
    position: absolute;
}
ul.mdashlist li {
    position: relative;
    margin-bottom: 10px;
}
ul.mdashlist li:before {
    position: absolute;
    margin-left: -1.3em;
    color: #bfbdb7;
    content: "\2014";
}
ul.mdashlist li.noitem:before {
    content: "";
}
ul.circlelist li {
    position: relative;
    margin-left: 20px;
    margin-bottom: 10px;
    }
    ul.circlelist li:before {
        margin-top: 2px;
        margin-left: -20px;
        content: "\2022";
        position: absolute;
        color: #cdd2d6;
        font-size: 18px;
        line-height: 1;
        font-style: normal;
        font-weight: 700;
    }
    ul.circlelist li.nobackgr:before {
        content: "";
    }
    ul.circlelist li .img.enlarge {
        position: relative;
        z-index: 1;
    }
ul.arrowlist li {
    margin-left: 18px;
    margin-bottom: 5px;
}
ul.arrowlist li:before {
    margin-top: .45em;
    margin-left: -1.2em;
    content: "";
    position: absolute;
    width: 8px;
    height: 12px;
    background: url("/styles2/../img/design/bulletarrow.png") no-repeat 0 0;
}
ul.arrowlist li.back:before {
    margin-left: -.9em;
    background-position: 0 -40px;
}
ul.arrowlist li._active:before {
    background-position: 0 -20px;
}

ul.starlist li ul, ul.circlelist li ul {
    margin-top: .6em;
}

ul.arrowlist._hidden {
    display: none;
}

ol li {
    margin-left: 1.5em;
    margin-bottom: .6em;
    list-style: decimal;
}
ol li ul li {
    list-style: none;
}
.comment {color: #777; font-size: 90%;}
.red {color: #c00e28;}
.gray {color: #777;}
.black {color: #474747}
.gold {color: #c98a39;}
.link {color: #0274bd;}
.smalltext {font-size: 95%; line-height: 20px; }
.smallertext {font-size: 90%; line-height: 16px; }
.smalltext ul li, ul.smalltext li {margin-bottom: .3em;}
.bigtext {font-size:110%}
.leftfloated {float: left;}
.rightfloated {float: right;}
.center-align {text-align:center;}
.justify-align {text-align:justify;}
.right-align {text-align:right;}
.nowrap {white-space: nowrap;}
.left-align {text-align:left;}
.clr {clear:both;}
.clearedL {clear: left;}
.clearedR {clear: right;}
a.button {
    margin-bottom: 1em;
    padding: .5em 1em;
    border-radius: 5px;
    text-align: center;
    display: inline-block;
    text-decoration: none;
    box-shadow: 0 0 1px rgba(0, 0, 0, 0.1) inset;
    background-color: #f4f4f4;
    border: medium none;
    -webkit-transition: all 0.1s ease 0s;
            transition: all 0.1s ease 0s;
}
a.button:hover {
    background-color: #eee;
}
.hide {display: none}
.box {padding: 20px;}
.box p {margin-bottom:0}
.block {display: block;}
.block {margin-left:1.5em;margin-right:1.5em;}
.block5 {width: 5%}
.block10 {width: 10%}
.block15 {width: 15%}
.block20 {width: 20%}
.block25 {width: 25%}
.block30 {width: 30%}
.block33 {width: 33%}
.block35 {width: 35%}
.block40 {width: 40%}
.block45 {width: 45%}
.block50 {width: 50%}
.block55 {width: 55%}
.block60 {width: 60%}
.block66 {width: 66%}
.block65 {width: 65%}
.block70 {width: 70%}
.block75 {width: 75%}
.block80 {width: 80%}
.block85 {width: 85%}
.block90 {width: 90%}
.block95 {width: 95%}
.block100 {width: 100%}
.blockcenter {margin-left: auto;margin-right: auto;}
hr {
    margin: 0 -2em 2.5em -2em;
    clear: both;
    background: #bcbcbc; /* Old browsers */
    background: -moz-linear-gradient(left, #ffffff 0%, #bcbcbc 10%, #bcbcbc 90%, #ffffff 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, right top, color-stop(0%,#ffffff), color-stop(10%,#bcbcbc), color-stop(90%,#bcbcbc), color-stop(100%,#ffffff)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(left, #ffffff 0%,#bcbcbc 10%,#bcbcbc 90%,#ffffff 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(left, #ffffff 0%,#bcbcbc 10%,#bcbcbc 90%,#ffffff 100%); /* Opera11.10+ */
    background: -ms-linear-gradient(left, #ffffff 0%,#bcbcbc 10%,#bcbcbc 90%,#ffffff 100%); /* IE10+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#bcbcbc', endColorstr='#bcbcbc',GradientType=1 ); /* IE6-9 */
    background: linear-gradient(left, #ffffff 0%,#bcbcbc 10%,#bcbcbc 90%,#ffffff 100%); /* W3C */
    border: none;
    height: 1px;
}
hr.bold {
    margin-left: 0;
    margin-right: 0;
    background: #dbdbdb;
    height: 4px;
}
hr.markoff {
    margin: 0;
    background: #dbdbdb;
    height: 1px;
}
hr.double {
    margin: 0;
    background: transparent;
    height: 1px;
    border-bottom: double 4px #ddd;
}
.underline {
    padding-bottom: .2em;
    border-bottom: 1px solid #ccc;
}
.underline-bold {
    padding-bottom: .3em;
    border-bottom: solid 5px #f4f4f4;
}
.borderDotted {
    border-style:dotted;
}
.nota_bene {
    border: solid 1px #ffe87f;
    background-color: #fffccc;
    border-radius: 5px;
    padding: .3em .8em;
}
.box-dotted {
    margin-bottom: 1.5em;
    padding: 1.3em 2em;
    border: solid 3px #f2f2f2;
}
.box-dotted h4:before {
    padding-right: .3em;
    content:"\2022";
    color: #d0d0d0;
    font-size: 170%;
    vertical-align: top;
}
.button_style {
    margin-bottom: 1.5em;
    padding: 1em;
    border-radius: 5px;
    display: inline-block;
    text-decoration: none;
    -moz-transition: all 0.1s ease 0s;
    box-shadow: 0 0 1px rgba(0, 0, 0, 0.1) inset;
    background-color: #f4f4f4;
    border: medium none;
}
.nota_bene p, .nota_bene ul, .button_style p, .button_style ul, .box-dotted p, .box-dotted ul {
    margin-bottom: 0;
    padding-bottom: 0;
}
.nota_bene ul li {
    margin-left: .8em;
    margin-bottom: .3em;
}
.bordered {
    border: solid 1px #ccc;
}
.bordered_dashed {
    border: dashed 1px #ccc;
}
.bordered_left {
    padding-left: 1.5em;
    border-left: solid 1px #ccc;
}
.nobackgr {
    background: none!important;
}



.container,
#content nav ul {
    margin: 0 auto;
    width: 984px;
    min-width: 800px;
    text-align: left;
}
@media all and (-webkit-min-device-pixel-ratio:10000), not all and (-webkit-min-device-pixel-ratio:0) {
    head~body .container { width: 70em; }
}
@media (max-width: 1023px) {
    .container {
        width: 960px;
    }
}
@media (max-width: 1050px) and (min-width: 970px) {
    #main {
        overflow: hidden;
    }
}


header {
    height: 46px;
    background: #dbd9d2 url("/styles2/../img/bg_main_decor.jpg") repeat 0 0;
    border-bottom: solid 2px #bdbbbc;
}
header.state_fixed {
    position: fixed;
    z-index: 100;
    top: 0;
    left: 0;
    width: 100%;
}
header.state_bottom {
    position: absolute;
    z-index: 10;
    left: 0;
    width: 100%;
}
body#index header {
    height: 85px;
    border-bottom: 0;
}
header .jb_logo {
    margin-left: 6px;
    padding-top: 4px;
    float: left;
    width: 120px;
    height: 38px;
    text-indent: -50000px;
    opacity: .7;
    background: url("/styles2/../img/design/logoJB.svg") no-repeat 0 -195px;
}
body#index header .jb_logo {
    width: 200px;
    height: 75px;
    opacity: 1;
    background-position: 0 .5em;
}
header .jb_logo:hover {
    opacity: 1;
}
header ul#jb_nav {
    margin-top: .6em;
    margin-bottom: -1em;
    float: right;
}
body#index header ul#jb_nav {
    margin-top: 1.6em;
    margin-bottom: 0;
}
header ul#jb_nav li {
    position: relative;
    float: left;
    margin-left: 30px;
    text-align: center;
}
header ul#jb_nav li.search {
    margin-left: 0;
    padding-left: 30px;
}
header ul#jb_nav li.search form {
    margin-top: 0;
}
.global-search-form label {
    position: relative;
    float: left;
}

@media (max-width: 1023px) {
    header ul#jb_nav li {
        margin-left: 20px;
    }
    .header ul#jb_nav li:first-child {
        margin-left: 0;
    }
}
.global-search-form-field {
    padding: 4px 8px;
    height: 18px;
    width: 150px;
    border: solid 1px #bdbbbc;
    border-radius: 12px;
    -webkit-box-shadow: inset 2px 2px 2px rgba(0, 0, 0, .1);
            box-shadow: inset 2px 2px 2px rgba(0, 0, 0, .1);
    -webkit-transition: all 0.2s;
            transition: all 0.2s;
}
.global-search-form-field:hover,
.global-search-form-field:focus {
    border-color: #9A979A !important;
    -webkit-transition: all 0.2s;
            transition: all 0.2s;
}
.global-search-form-field.is_sticky {
    width: 230px;
}

.global-search-form-submit {
    opacity: 0.7;
}
.global-search-form-submit:hover {
    opacity: 1;
}
header ul#jb_nav li.search form input.send {
    margin-left: 10px;
    padding: .2em;
    text-indent: -50000px;
    width: 26px;
    height: 30px;
    border: none;
    cursor: pointer;
    background: url("/styles2/../img/icons/icoSearch.svg") no-repeat 0 .1em;
}
body#index header ul#jb_nav li.search form input.send {
    background-position: 0 .2em;
}
header ul#jb_nav li a {
    display: block;
    padding: 4px 14px;
    height: 22px;
    color: #757574;
    font-size: 16px;
    line-height: 22.4px;
    text-decoration: none;
    border-radius: 10px;
}
header ul#jb_nav li.search a:hover {
    background-color: transparent;
    box-shadow:  none;
}
body#products header ul#jb_nav li.products a,
body#support header ul#jb_nav li.support a,
body#devnet header ul#jb_nav li.devnet a,
body#company header ul#jb_nav li.company a,
header ul#jb_nav li.active a {
    color: #fff;
    background-color: #b5b2ad;
    -webkit-box-shadow: inset 1px 1px 1px 0 rgba(0, 0, 0, 0.1);
            box-shadow: inset 1px 1px 1px 0 rgba(0, 0, 0, 0.1);
}
header ul#jb_nav li a:hover, header ul#jb_nav li.open a {
    color: #0274bd;
}
header ul#jb_nav li.products:before {
    position: absolute;
    top: 100%;
    left: 50%;
    margin: 4px 0 0 -6px;
    width: 0;
    border-width: 0 6px 6px;
    border-style: solid;
    border-color: #f2f2f2 transparent;
    visibility: hidden;
    opacity: 0;
    content: '';
}
body#index header ul#jb_nav li.products:before {
    margin: 18px 0 0 -15px;
    border-width: 0 15px 15px;
}
header ul#jb_nav li.products.open:before {
    visibility: visible;
    opacity: 1;
}

header ul#jb_nav li.products a {
    position:relative;
}
header ul#jb_nav li.products a:after {
    position: absolute;
    bottom: -5px;
    left: 50%;
    margin-left: -5px;
    width: 0;
    border-width: 5px 5px 0;
    border-style: solid;
    border-color: #b5b2ad transparent;
    visibility: hidden;
    opacity: 0;
    content: "";
    -webkit-transition: opacity .2s;
            transition: opacity .2s;
}
header ul#jb_nav li.products a:hover:after {
    visibility: visible;
    opacity: 1;
}
header ul#jb_nav li.products.open a:hover:after {
    visibility: hidden;
    opacity: 0;
}

#menu_products {
    display: none;
    box-sizing: border-box;
    position: relative;
    z-index: 10;
    background-color: rgba(0,0,0,.05);
    background: -moz-linear-gradient(top,  rgba(0,0,0,.05) 0%, rgba(0,0,0,0) 4%, rgba(0,0,0,0) 96%, rgba(0,0,0,.05) 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(0,0,0,.05)), color-stop(4%,rgba(0,0,0,0)), color-stop(96%,rgba(0,0,0,0)), color-stop(100%,rgba(0,0,0,.05)));
    background: -webkit-linear-gradient(top,  rgba(0,0,0,.05) 0%,rgba(0,0,0,0) 4%,rgba(0,0,0,0) 96%,rgba(0,0,0,.05) 100%);
    background: -o-linear-gradient(top,  rgba(0,0,0,.05) 0%,rgba(0,0,0,0) 4%,rgba(0,0,0,0) 96%,rgba(0,0,0,.05) 100%);
    background: -ms-linear-gradient(top,  rgba(0,0,0,.05) 0%,rgba(0,0,0,0) 4%,rgba(0,0,0,0) 96%,rgba(0,0,0,.05) 100%);
    background: linear-gradient(to bottom,  rgba(0,0,0,.05) 0%,rgba(0,0,0,0) 4%,rgba(0,0,0,0) 96%,rgba(0,0,0,.05) 100%);
}
#menu_products.create {
    /*margin-top: -1em;*/
}
#menu_products .container {
    padding-top: 2em;
    position: relative;
}
#menu_products .close {
    position: absolute;
    top: .4em;
    right: 0;
    color: #dedddd;
    font-size: 270%;
    text-decoration: none;
    cursor: pointer;
}
#menu_products.create .close {
    display: none;
}


#menu_products ul.research {
    margin-bottom: 0;
}
#menu_products ul li {
    margin-bottom: .5em;
}
#menu_products ul li a {
    padding-left: 21px;
    position: relative;
}
#menu_products ul li.menu-products-active-item a {
    color: #333;
    cursor: default;
}
#menu_products ul li.mps a {
    padding-left: 32px;
}
#menu_products ul li a .icon {
    position: absolute;
    top: 3px;
    left: 0;
}
.mac #menu_products ul li a .icon {
    top: 3px;
}
.mac #menu_products ul li a .logo-mps-grey {
    top: 5px;
    left: -1px;
}



#banners,
.footer-main {
    background-color: #dbd9d2;
}
#banners {
    margin-top: -2.5em;
    margin-bottom: 1.5em;
    padding-top: 2.5em;
    padding-bottom: 1em;
}
body#index #banners {
    margin: 0;
    padding: 0;
    height: 573px;
    border-bottom: solid 2px #bdbbbc;
    background-image: url("/styles2/../img/bg_main_decor.jpg");
}
#create {
    padding-top: 4em;
    padding-bottom: 1em;
}
#news {
    background-color: #f2f1f2;
    border-top: solid 2px #bdbbbc;
    border-bottom: solid 2px #bdbbbc;
    font-size:13.5px;
}
#lab {
    padding-top: 1.5em;
    padding-bottom: 3.5em;
    background: #edf3f7 url("/styles2/../img/bg_main_lab.jpg");
    border-bottom: solid 2px #bdbbbc;
}
#customers {
    padding-top: 1.5em;
    padding-bottom: 1em;
    background: #f7f0da url("/styles2/../img/bg_main_customers.jpg");
    border-bottom: solid 2px #bdbbbc;
}
#menu_products {
    padding-bottom: .5em;
}
#product {
    margin-bottom: 37px;
    height: 153px;
    background-color: #5d71b8;
    /* IE9 SVG, needs conditional override of 'filter' to 'none' */
    background: -moz-linear-gradient(top,  rgba(0,0,0,0.2) 0%, rgba(0,0,0,0) 40%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(0,0,0,0.2)), color-stop(40%,rgba(0,0,0,0)));
    background: -webkit-linear-gradient(top,  rgba(0,0,0,0.2) 0%,rgba(0,0,0,0) 40%);
    background: -o-linear-gradient(top,  rgba(0,0,0,0.2) 0%,rgba(0,0,0,0) 40%);
    background: -ms-linear-gradient(top,  rgba(0,0,0,0.2) 0%,rgba(0,0,0,0) 40%);
    background: linear-gradient(to bottom,  rgba(0,0,0,0.15) 0%,rgba(0,0,0,0) 40%);
}
#product {
    background-color: #5d71b8;
}
#product .container {
    /*min-height: 153px;*/
    background: url("/styles2/../img/design/bgHeader.png") no-repeat right 0;;
}
.yt #product .container, .dbe #product .container {
    background-image: none;
}
body#spec #product, body#why #product,
body#spec nav, body#why nav.fixed-menu {
    background-color: #eca344;
}
body#student #product {
    background-color: #7c9535;
    height: 207px;
}
/*mktEditable for marketo*/
body#products.rs #product, body#products.rs nav, body.mktEditable.rs  #product,
body#products.dt #product, body#products.dt nav, body.mktEditable.dt  #product,
body#products.dotcover #product, body#products.dotcover nav,
body#products.decompiler #product, body#products.decompiler nav,
body#products.dtm #product, body#products.dtm nav, body.mktEditable.dtm  #product,
body#products.dotnet #product, body#products.dotnet nav.fixed-menu {
    background-color: #8d4f74;
}
body#products.ruby #product, body#products.ruby nav.fixed-menu {
    background-color: #ac445d;
}
body#products.phpstorm #product, body#products.phpstorm nav.fixed-menu, body.mktEditable.phpstorm  #product {
    background-color: #7774b7;
}
body#products.webstorm #product, body#products.webstorm nav.fixed-menu, body.mktEditable.webstorm #product {
    background-color: #4691b1;
}
body#products.pycharm #product, body#products.pycharm nav.fixed-menu, body.mktEditable.pycharm #product {
    background-color: #5f8961;
}
body#products.pycharm-edu #product, body#products.pycharm-edu nav.fixed-menu {
    background-color: #8ca936;
}
body#products.objc #product, body#products.objc nav.fixed-menu, body.mktEditable.objc #product {
    background-color: #607591;
}
body#products.clion #product, body#products.clion nav.fixed-menu {
    background-color: #556780;
}
body#products.mps #product, body#products.mps nav.fixed-menu, body.mktEditable.mps #product {
    background-color: #7e7c7d;
}
body#products.om #product, body#products.om nav.fixed-menu {
    background-color: #7c74a5;
}
body#products.dbe #product, body#products.dbe nav.fixed-menu {
    background-color: #3798a4;
}

body #product .container {
    padding: 0;
    position: relative;
    height: 100%;
}
#product .container a.home_product {
    margin: 30px 0 14px 9px;
    display: inline-block;
    position: relative;
    color: #fff;
    font-size: 340%;
    line-height: 67.2px;
    font-weight: bold;
    font-family: Myriad, "Myriad Pro", Helvetica, Arial, sans-serif;
    width: 800px;
    height: 72px;
    text-decoration: none;
    text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.2);
    background-repeat: no-repeat;
    background-position: -500% -500%;

}
#products.om .container a.home_product,
#products.om.reader .container a.home_product {
    background-image: url("/styles2/../img/logos/omea_inverted.png");
    text-indent: -9000px;
}

#products.om .container a.home_product {background-position: 0 0;}
#products.om.reader .container a.home_product {background-position: 0 -300px;}

/*@refactoring
body#spec .container a.home_product {

}
body#products.idea .container a.home_product, body.mktEditable.idea .container a.home_product,
body#products.rs .container a.home_product, body.mktEditable.rs .container a.home_product,
body#products.pycharm .container a.home_product, body.mktEditable.pycharm .container a.home_product,
body#products.ruby .container a.home_product,
body#products.dt .container a.home_product, body.mktEditable.dt .container a.home_product,
body#products.dotcover .container a.home_product,
body#products.decompiler .container a.home_product,
body#products.TeamCity .container a.home_product, body.mktEditable.TeamCity .container a.home_product,
body#products.webstorm .container a.home_product, body.mktEditable.webstorm .container a.home_product,
body#products.phpstorm .container a.home_product, body.mktEditable.phpstorm .container a.home_product,
body#products.yt .container a.home_product, body.mktEditable.yt .container a.home_product,
body#products.objc .container a.home_product, body.mktEditable.objc .container a.home_product,
body#products.mps .container a.home_product, body.mktEditable.mps .container a.home_product,
body#products.om .container a.home_product,
body.academy .container a.home_product,
body.dtm .container a.home_product, body.mktEditable.dtm .container a.home_product,
body.dbe .container a.home_product, body.mktEditable.dbe .container a.home_product,
body.upsource .container a.home_product, body.mktEditable.upsource .container a.home_product,
body.clion .container a.home_product
{
    text-indent: -50000px;
    width: 350px;
    background: url("/styles2/../img/design/spriteLogosHeader.svg") no-repeat 0 0;
}
body#products.idea #product .container a.home_product, body.mktEditable.idea #product .container a.home_product {
    background-position: 0 0;
}
body#products.rs #product .container a.home_product, body.mktEditable.rs #product .container a.home_product {
    background-position: 0 -400px;
}
body#products.pycharm #product .container a.home_product, body.mktEditable.pycharm #product .container a.home_product {
    background-position: 0 -800px;
}
body#products.ruby #product .container a.home_product {
    background-position: 0 -1200px;
}
body#products.dt #product .container a.home_product, body.mktEditable.dt #product .container a.home_product {
    background-position: 0 -1600px;
}
body#products.dotcover #product .container a.home_product {
    background-position: 0 -2000px;
}
body#products.decompiler #product .container a.home_product {
    background-position: 0 -2400px;
}
body#products.TeamCity #product .container a.home_product, body.mktEditable.TeamCity #product .container a.home_product {
    background-position: 0 -2800px;
}
body#products.webstorm #product .container a.home_product, body.mktEditable.webstorm #product .container a.home_product {
    background-position: 0 -3200px;
}
body#products.phpstorm #product .container a.home_product, body.mktEditable.phpstorm #product .container a.home_product {
    background-position: 0 -3600px;
}
body#products.yt #product .container a.home_product, body.mktEditable.yt #product .container a.home_product {
    background-position: 0 -4000px;
}
body#products.objc #product .container a.home_product, body.mktEditable.objc #product .container a.home_product {
    background-position: 0 -4400px;
}
body#products.mps #product .container a.home_product, body.mktEditable.mps #product .container a.home_product {
    background-position: 0 -5200px;
}
body#products.om #product .container a.home_product {
    background-position: 0 -5600px;
}
body#products.om.reader #product .container a.home_product {
    background-position: 0 -6000px;
}
body.academy #product .container a.home_product {
    background-position: 0 -6400px;
}
body#products.dtm #product .container a.home_product, body.mktEditable.dtm #product .container a.home_product {
    background-position: 0 -6800px;
}
body#products.dbe #product .container a.home_product, body.mktEditable.dbe #product .container a.home_product {
    background-position: 0 -7200px;
}
body#products.upsource #product .container a.home_product, body.mktEditable.upsource #product .container a.home_product {
    background-position: 0 -7600px;
}
body#products.clion #product .container a.home_product {
    background-position: 0 -8000px;
}*/






nav {
    margin-top: -87px;
    margin-bottom: 40px;
    padding: 0;
    height: 47px;
    z-index: 100;
    width: 100%;
    background-color:transparent;
}
nav.fixed-menu {
    margin-top: 0;
    position: fixed !important;
    top: 0;
    left: 0;
    z-index: 100;
    box-shadow: 0 0 7px 1px rgba(51,51,51, 0.4);
    background-color: #5d71b8;
}
nav .container {
    position: relative;
    height: 47px;
}
nav.fixed-menu .container {
    padding: 0 0 0 0;
    background-image: url("/styles2/../img/design/bgHeader.png");
    background-repeat: no-repeat;
    background-position: right -106px;
}
.yt nav.fixed-menu .container, .clion nav.fixed-menu .container {background-image:none;}

.nav-logo {
    opacity: 0;
    visibility: hidden;
    position: absolute;
    top: 0;
    bottom: 0;
    margin: auto 10px auto 0;
    right: 100%;
    -webkit-transition: visibility 0s linear 150ms, opacity 150ms linear;
         -o-transition: visibility 0s linear 150ms, opacity 150ms linear;
            transition: visibility 0s linear 150ms, opacity 150ms linear;
}
/*@refactoring
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) {
    .nav-logo {
        background-image: url("/styles2/../img/logos/spriteLogosIco.svg");
        background-size: 40px auto;
    }
}*/
.nav-logo_visible {
    cursor: pointer;
    visibility: visible;
    opacity: 1;
    -webkit-transition-delay: 0s;
         -o-transition-delay: 0s;
            transition-delay: 0s;
}
.nav-logo_visible:hover {
    opacity: 0.7;
    -webkit-transition: none;
         -o-transition: none;
            transition: none;
}

/*
@refactoring
.idea .nav-logo       {width: 28px; height: 28px; background-position: 0 0; margin-top: 0;}
.rs .nav-logo         {width: 37px; height: 28px; background-position: 0 -40px; margin-top: 0;}
.pycharm .nav-logo    {width: 26px; height: 25px; background-position: 0 -80px; margin-top: 1px; margin-right: 10px;}
.ruby .nav-logo       {width: 30px; height: 26px; background-position: 0 -120px; margin-top: 0;}
.dt .nav-logo         {width: 30px; height: 30px; background-position: 0 -160px; margin-top: -1px;}
.dotcover .nav-logo   {width: 28px; height: 27px; background-position: 0 -200px; margin-top: 1px;}
.decompiler .nav-logo {width: 32px; height: 30px; background-position: 0 -240px; margin-top: -1px;}
.TeamCity .nav-logo   {width: 32px; height: 27px; background-position: 0 -280px; margin-top: 0;}
.webstorm .nav-logo   {width: 30px; height: 25px; background-position: 0 -320px; margin-top: 1px;}
.phpstorm .nav-logo   {width: 32px; height: 25px; background-position: 0 -360px; margin-top: 1px;}
.yt .nav-logo         {width: 30px; height: 30px; background-position: 0 -400px; margin-top: -1px;}
.objc .nav-logo       {width: 31px; height: 26px; background-position: 0 -440px; margin-top: 1px;}
.kotlin .nav-logo     {width: 27px; height: 27px; background-position: 0 -480px; margin-top: 0;}
.mps .nav-logo        {width: 39px; height: 20px; background-position: 0 -520px; margin-top: 4px;}
.dtm .nav-logo        {width: 28px; height: 27px; background-position: 0 -600px; margin-top: 0;}
.dbe .nav-logo        {width: 33px; height: 28px; background-position: 0 -640px; margin-top: -1px;}
.upsource .nav-logo   {width: 26px; height: 31px; background-position: 0 -680px; margin-top: -1px;}
.clion .nav-logo      {width: 26px; height: 31px; background-position: 0 -720px; margin-top: -1px;}
*/

nav ul {
    padding-top: 11px;
    margin-bottom: 0;
    white-space: nowrap;
}
nav ul li {
    margin-right: 3px;
    margin-bottom: 0;
    padding: 4px 8px;
    display: inline;
    font-size: 16px;
    color: #fff;
    border-radius: 6px;
}
nav ul li.current {
    background-color: rgba(255,255,255,.3);
}
body#partners nav ul li.partners {/*hack for partners menu*/
    background-color: rgba(255,255,255,.3);
}
nav ul li a {
    color: #fff;
    position: relative;
    z-index: 10;
}
nav ul li a:hover {
    text-decoration: none;
    color: rgba(255,255,255,.8);
}
nav ul li a:hover {

}
/* Sticky features menu */
#features-menu.clamp_fixed {
    left: 0;
    right: 0;
    z-index: 10;
    width: 100% !important;
    -webkit-box-shadow: 0 0 7px 1px rgba(51,51,51,.4);
            box-shadow: 0 0 7px 1px rgba(51,51,51,.4);
}
.clamp_fixed + .clamp-emulator { display: block !important }

p.top {
    text-align: right;
}
p.top a {
    background: #f4f4f4;
    padding: 4px .6em;
}
span.key {
    background-color: #f4f4f4;
    color: black;
    display: inline;
    font-family: courer,courer new,monospace;
    font-style: normal;
    padding-left: 3px;
    padding-right: 3px;
    font-size: 14px;
}
span.code {
    font-family: courier new, courier, monospace;
}
pre.code {
    margin:15px 0;
    padding:10px 15px;
    background-color:#f4f4f4;
    font-size:14px;
    font-family: 'Courier New', courier, monospace;
}
span.inline_accent {
    margin-left: -.6em;
    margin-right: .6em;
    padding: .1em .6em;
    background-color: #e3e3e3;
}
#content .ico {
    margin-bottom: -2px;
}

.footer {
    margin: 2em 0 1em 0;
    overflow: hidden;
}
.footer .float_left {
    margin-right: 3.5em;
}
.footer h3.underline {
    padding-bottom: 10px;
    border-bottom: solid 6px #f4f4f4;
}
.footer ul, .footer ul li {
    margin: 0 0 .6em 0;
    padding: 0;
    list-style: none;
    background: none;
}
.footer ul.arrowlist li {
    margin-left: 1.2em;
}
.footer .download {
    margin-bottom: 1em;
    padding: .5em 1em;
    font-size: 130%;
    display: block;
    background: #f4f4f4 url("/styles2/../img/icon_arrowContentFooter.png") no-repeat 95% 50%;
}
.footer .download span {
    font-size: 70%;
    display: block;
}

#content .feedback p {
    margin-bottom: .5em;
}
#content .feedback a {
    margin-right: 1em;
    padding-left: 29px;
}
#content .feedback span.comment {
    margin-top: -.9em;
    padding-left: 2.7em;
    font-size: 80%;
    display: block;
}
#content .feedback .rss {
    padding-bottom: .2em;
    background: url("/styles2/../img/icons/ico_rss.gif") no-repeat .4em .1em;
}
#content .feedback.smalltext .rss {
    background-position: .3em 0;
}
#content .feedback .twitter {
    padding-bottom: .2em;
    background: url("/styles2/../img/icons/ico_twitter_bird_new.png") no-repeat .2em .1em;
}
#content .feedback .googleplus {
    padding-bottom: .2em;
    background: url("/styles2/../img/icons/ico_googleplus.png") no-repeat .2em .1em;
}
#content .feedback .forum {
    padding-bottom: .2em;
    background: url("/styles2/../img/icons/ico_forum.gif") no-repeat .4em .1em;
}
#content .feedback .facebook {
    padding-bottom: .2em;
    background: url("/styles2/../img/icons/ico_facebook.gif") no-repeat .4em .1em;
}
#content .feedback .eap {
    padding-bottom: .2em;
    background: url("/styles2/../img/icons/ico_EAP.gif") no-repeat .4em .1em;
}
#content .feedback .bugtracker {
    padding-bottom: .2em;
    background: url("/styles2/../img/icons/ico_BugTracker.gif") no-repeat .4em .1em;
}
#content .feedback.smalltext .bugtracker {
    background-position: .4em 0;
}
#content .feedback .help {
    padding-bottom: .2em;
    background: url("/styles2/../img/icons/ico_help.gif") no-repeat .4em .1em;
}
#content .feedback .demo {
    padding-bottom: .2em;
    background: url("/styles2/../img/icons/ico_demo.gif") no-repeat .4em .1em;
}
#content .feedback .editions {
    padding-bottom: .2em;
    background: url("/styles2/../img/icons/ico_editions.png") no-repeat .4em .1em;
}
#content .feedback .question {
    padding-bottom: .2em;
    background: url("/styles2/../img/icons/ico_question.png") no-repeat .4em .1em;
}
#content .feedback .tv, #content .tv {
    padding-left: 31px;
    padding-bottom: .2em;
    background: url("/styles2/../img/icons/ico_tv.png") no-repeat .4em -1px;
}
#content .tv {
    padding-left: 2em;
}
#content .pdf, #banners .pdf {
    padding-left: 1.6em;
    padding-bottom: .2em;
    background: url("/styles2/../img/icons/ico_pdf.png") no-repeat 0 .1em;
}

#content .video-ico {
    padding-left: 1.6em;
    padding-bottom: .2em;
    background: url("/styles2/../img/icons/video.png") no-repeat 0 .1em;
}

.tv-item {
    position: relative;
    padding-left: 27px;
    }
    .tv-item:before {
        position: absolute;
        top: .4em;
        left: 0;
        width: 16px;
        height: 13px;
        background: url("/styles2/../devnet/img/w-icon.png") no-repeat -50px -150px;
        content: '';
        }

#content .interested {
    color: #79797a;
    font-family: "GraublauSlab-Regular", Helvetica, Arial, sans-serif;
    font-size: 15px;
}
#content .interested h3 {
    margin-bottom: .1em;
    position: relative;
    color: #79797a;
}
#content .interested h3:after {
    content: "";
    position: absolute;
    right: 0;
    bottom: 0;
    width: 85%;
    height: 1px;
    background-color: #bfbdb7;
}
#content .interested ul {
    margin-top: .9em;
}
#content .interested ul li {
    margin-left: 1.5em;
    margin-bottom: 20px;
    float: left;
}
#content .interested ul li:first-child {
    margin-left: 0;
}
#content .interested ul li a {
    margin: 0;
    padding-left: 2.7em;
    position: relative;
}
#content .interested ul li a:before {
    content: "";
    position: absolute;
    left: 0;
    width: 39px;
    height: 33px;
    background: url("/styles2/../img/logos/spriteSocial.svg") no-repeat 0 0;
}
#content .interested ul li.rss a:before {
    margin-left: .5em;
    background-position: -200px 0;
}
#content .interested ul li.twitter a:before {
    margin-left: .5em;
    background-position: -120px 0;
}
#content .interested ul li.forum a:before {
    background-position: -240px 0;
}
#content .interested ul li.bugtracker a:before {
    margin-top: -.1em;
    background-position: -290px 0;
}
#content .interested ul li.facebook a:before {
    margin-left: .5em;
    background-position: 0 0;
}
#content .interested ul li.youtube a:before {
    margin-left: .5em;
    background-position: -40px 0;
}
#content .interested ul li.faq a:before {
    margin-left: .4em;
    background-position: -377px 0;
}
#content .interested ul li.gplus a:before {
    margin-left: .4em;
    background-position: -160px 0;
}
#content .interested ul li.plugins a:before {
    margin-left: .4em;
    background-position: -419px 0;
}


#content .information {
    padding-left: 4.5em;
    min-height: 3em;
    background: #f4f6fc url("/styles2/../img/icons/info.png") no-repeat 1em 1em;
    border: none;
}
#content .information.small-icon {
    padding: .8em 1em .3em 2.7em;
    min-height: .5em;
    background: #f4f6fc url("/styles2/../img/icons/info_small.png") no-repeat 1em 1em;
}
#content .importance {
    padding-left: 4.5em;
    min-height: 3em;
    background: #fffccc url("/styles2/../img/icons/attention.png") no-repeat 1em 1em;
    border: none;
}
#content .importance p, #content .information p {
    margin-bottom: .5em;
}
#content .importance.small-icon {
    padding: .8em 1em .3em 2.7em;
    min-height: .5em;
    background: #fffccc url("/styles2/../img/icons/attention_small.png") no-repeat 1em .9em;
}
#content .rubyIDE {
    padding-left: 4.5em;
    min-height: 3em;
    background: #f4f6fc url("/styles2/../img/icons/rubyIDE.png") no-repeat 1em 1em;
    border: none;
}
table.fullprintable {
    margin: 0;
    padding: 0;
    width: 95%;
    font-size: 90%;
    text-align: center;
}
table.fullprintable caption{
    font-size: 1.5em;
    font-weight: normal;
    text-align: left;
    padding-bottom: 5px;
}
table.fullprintable td {
    padding: 5px 7px;
    border: 1px solid #ccc;
    text-align: center;
    vertical-align:middle;
}
table.fullprintable td.inCenter{
    text-align: center;
    font-weight: bold;
}
table.fullprintable td.inCenter strong{
    font-size: 140%;
}
table.fullprintable th{
    padding: 7px 7px;
    font-weight: bold;
    border: 1px solid #ccc;
    background-color: #eee;
}
table.fullprintable th.last{
    border-right: 1px solid #bbb;
}
table.fullprintable tr{
    background-color: #fff;
    vertical-align: middle;
}
body.white table.fullprintable td span, table.fullprintable td span {
    display: none;
}
dl.buy {
    padding: 10px;
    border: 1px dotted #ddd;
    border-bottom: 4px solid #eee;
}
dl.buy dt {
    /*font-size: 150%;*/
    /*display: block;*/
    float: left;
    color: #959fa7;
    font-weight: bold;
    padding-right: 10px;
}
dl.buy dd {
    padding-left: 20px;
    margin-left: 55px;
    display: block;
}
.cheked {
    background:url("/styles2/../teamcity/img/ok.gif") no-repeat 50% 50%;
    padding:5px;
    text-align: center;
}
.minus{
    background:url("/styles2/../teamcity/img/none.gif") no-repeat 50% 50%;
    padding:5px;
    text-align: center;
}
.better{
    background:url("/styles2/../teamcity/img/limited.gif") no-repeat 50% 50%;
    padding:5px;
    text-align: center;
}
#legend .cheked, #legend .minus, #legend .better {
    padding-left: 1.6em;
    background-position: 0 50%;
}
td.cheked.text-inside, td.better.text-inside{
    background-position: center .4em;
}

td.cheked.text-inside p, td.better.text-inside p{
    margin-top: 1.6em;
}

.customers-all {
    width: 641px;
    height: 88px;
}
.customers-all li a {
    display: block;
    width: 641px;
    height: 50px;
    text-indent: -50000px;
    background: url("/styles2/../img/logos/spriteCustomers.svg") no-repeat 0 0;
}
.customers-all li:nth-child(2) a {
    background-position: 0 -116px;
}
.customers-all li:nth-child(3) a {
    background-position: 0 -232px;
}


/* product-link */
.product-link {
    position:relative;
    display:block;
    margin:0 0 0 -9px;
    padding:10px 15px 7px 50px;
    border:1px solid transparent;
    border-radius:5px;
    color:#919191;
    font-size:12px;
    text-decoration:none;
    transition:border-color .2s, background-color .2s;
    }
.product-link_inline {
    display:inline-block;
    white-space: nowrap;
    *zoom:1;
    }
    .product-link .product-logo {
        position:absolute;
        top:13px;
        left:9px;
        width:35px;
        height:35px;
    }
    .product-link .jb-logo {
        position: absolute;
        top: 13px;
        left: 9px;
    }
    .product-link__name {
        display:block;
        color:#404041;
        font-size:22px;
        font-weight:400;
        line-height:1.1em;
        }
    .product-link__name em {
        display:block;
        font-size:14px;
        font-weight:400;
        font-style:normal;
        }
.product-link:hover {
    background-color:#ebf5fe;
    border-color:#d4ebfe;
    color:#3b91cd
    }
    .product-link:hover .product-link__name {
        color:#2386c5;
    }



#content .feature {
    margin-bottom: 1.5em;
}
#content .feature img {
    border: solid 1px #ccc;
}
#content #toc1, #content .toc1, #content #toc2, #content .toc2, #toc3 {
    margin-left: 0;
    padding: 0 0 1.5em;
    float: left;
    display: block;
    width: 45%;
}
#content #toc1 ul.manual, #content .toc1  ul.manual, #content #toc2  ul.manual, #content .toc2  ul.manual, #toc3  ul.manual {
    margin-bottom: -.5em;
}
#content #toc1 li, #content #toc2 li, #content .toc1 li, #content .toc2 li, #toc3 li, .toc li {
    margin-bottom: 0.3em;
    margin-left: 1em;
    color: #ccc; /*list-style-position: outside;*/
    list-style: disc outside;
}
#toc.collist ul li {
    display: inline-block;
}
#toc.collist.-col2 ul li {
    width: 45%;
}
#toc.collist.-col3 ul li {
    width: 31%;
}
#content .gray-backgr {
    background-color: #f4f4f4;
}
#content .radius, #subcontent .radius {
    border-radius: 5px;
}
#content .strong {
    font-weight: bold;
}
#subcontent ul#contnav li {
    margin-left: 0;
}
#subcontent #contnav li, #subcontent #contnav dd {
    background: url("/styles2/../img/arrow_grey.gif") no-repeat scroll 0 0 transparent;
    list-style: none outside none;
    margin-left: 20px;
    padding: 0 0 0.5em 12px;
}
#subcontent #contnav li.act, #subcontent #contnav dd.act {
    background: url("/styles2/../img/arrow_black.gif") no-repeat scroll 0 0 transparent;
}
#subcontent .featureTree {
    width: auto!important;
}
#subcontent .featureTree h5 {
    padding-left: .8em;
    font-size: 90%;
    font-weight: normal;
    background-color: #f4f4f4;
}
#subcontent .featureTree ul {
    margin-left: .8em;
}
#product .learns {
    padding-bottom: 30px;
    position: absolute;
    top: 25px;
    right: 0;
    width: 530px;
    background: url("/styles2/../img/design/header_net_tools.png?dtm") no-repeat center bottom;
    }
    #product .learns ul {
        margin: 0 auto;
        text-align: center;
        }
        #product .learns ul li {
            margin-left: 40px;
            display: inline-block;
            text-align: center;
            color: #b57e9e;
            line-height: 1.1;
            font-size: 13px;
            }
            #product .learns ul li:first-child {
                margin-left: 0;
            }
            #product .learns ul li a {
                display: block;
                color: #ff9404;
                font-size: 20px;
                border-bottom: solid 1px #ff9404;
                }
                #product .learns ul li a:hover {
                    border-bottom: none;
                }
body.rs #product .container, body.dt #product .container, body.decompiler #product .container, body.dotcover #product .container, body.dtm #product .container, body.ruby #product .container {
    background: none;
}
.learnMore {
    position: absolute;
    top: 0;
    right: 0;
    height: 150px;
    width: 350px;
}
a.learnMore:hover {
    text-decoration: none;
}
body.yt .learnMore.eap {
    text-indent: -5000px;
    background: url("/styles2/../youtrack/img/youtrackEAP_header.png") no-repeat 100% 20px;
}
body.TeamCity .learnMore {
    text-indent: -5000px;
    background: url("/styles2/../teamcity/img/header_TC_free.png") no-repeat 0 40px;
}
body.idea .learnMore {
    width:250px;
    text-indent: -5000px;
    background: url("/styles2/../idea/img/personal-offer_header.png") no-repeat 30px 15px;
}
body.dbe .learnMore {
    width:250px;
    text-indent: -5000px;
    background: url("/styles2/../dbe/img/comingSoon_header.png") no-repeat 30px 40px;
}
body.ruby .learnMore.eap {
    text-indent: -5000px;
    background: url("/styles2/../ruby/img/rubymineEAP_header.png") no-repeat 100% 0;
}
/*--------------------- Offer Start ---------------------*/
/*.learnMore.earth {
    top: 0;
    width: 361px;
    height: 113px;
    text-indent: -5000px;
    z-index: 0;
    background: url("/styles2/../img/banners/earth_day_sale_2013.png") no-repeat 0 0;
}
body.dotcover .learnMore.earth {
    margin-right: 13em;
}
body.objc .learnMore.earth {
    margin-right: 8em;
}
body.dt .learnMore.earth {
    margin-right: 2em;
}
body.webstorm #product .container, body.phpstorm #product .container, body.rs #product .container, body.dotcover #product .container, body.dt #product .container, body.idea #product .container, body.objc #product .container, body.pycharm #product .container, body.ruby #product .container, body#spec #product .container {
    background: none;
}*/
/*--------------------- Offer End ---------------------*/



#content .green_highlight {
    background-color: #e5fde5;
}
#content strong.green_highlight {
    font-weight: normal;
    padding: 0 3px;
}
#feedControl {
    margin-top: 5px;
    padding-top: 10px;
    padding-left: 5px;
    font-size: 0.85em;
    border-top: 1px solid #DADADA;
    line-height: 1.5em;
    position:relative;
}
.pycharm #feedControl, .ruby #feedControl, .webide #feedControl {
    margin-top: .5em;
    padding-top: 0;
    border-top: none;
}
#feedControl .gf-snippet,#feedControl .gfc-resultsHeader, #feedControl .gf-author,
#feedControl .gf-spacer, #feedControl .gf-relativePublishedDate {
    display : none;
}
#feedControl .gfc-result{
    width: 173px;
    /*background: url("/styles2/../img/readmore_link.gif") no-repeat 155px 75%;*/
    /*line-height: 1.2em;*/
}
#feedControl .gfc-result div.gf-title{
    background: url("/styles2/../img/bullet_star_bw.gif") no-repeat 0 5px;
    padding-left: 10px;
}
#feedControl .gfc-result div.gf-title a.gf-title{
    border: 0;
}
.pycharm #feedControl .gfc-result div.gf-title, .ruby #feedControl .gfc-result div.gf-title, .webide #feedControl .gfc-result div.gf-title {
    padding-top: .2em;
    padding-left: 0;
    height: auto;
    background: none;
}
ul.talk {
    margin: 0;
    list-style: none;
}
ul.talk li {
    position: relative;
    margin: 0 0 .1em -.3em;
    padding: 0;
}
ul.talk li a, ul.talk .link {
    padding: 6px 0 7px 35px;
    display: block;
}
ul.talk .link { color: #0274bd; text-decoration: none; cursor: pointer;}
ul.talk .link:hover {text-decoration:underline;}

    ul.talk li.community a:before,
    ul.talk li.twitterProduct a:before,
    ul.talk li.twitterProduct span:before,
    ul.talk li.blogProduct a:before,
    ul.talk li.issueTracker a:before {
        position: absolute;
        top: .7em;
        left: 5px;
        width: 19px;
        height: 19px;
        background: url("/styles2/../img/logos/spriteProductSocial.svg") no-repeat 0 0;
        content: '';
        }
    ul.talk li.twitterProduct a:before,
    ul.talk li.twitterProduct span:before {
        background-position: -80px 0;
        }
    ul.talk li.blogProduct a:before {
        background-position: -38px 0;
        }
    ul.talk li.issueTracker a:before {
        background-position: -120px 0;
        }


#content .intro {
    color: #797c80;
    font: italic 16.5px/1.5em Georgia,"Times New Roman",Times,serif;
}
#content .italic {
    font-family: Georgia, "Times New Roman", Times, serif;
    font-style: italic;
}




#content .threeColonText {
    margin-right: 6%;
    float: left;
    font-size: 90%;
    width: 29%;
}
#content .threeColonText.rightfloated {
    margin-right: 0;
}
#content .threeColonText h5 {
    margin-top: 2em;
}
#content .threeColonText .ico {
    margin-top: 1.5em;
}
#content ul.starlist.plus li {
    padding-left: 1.6em;
    background: url("/styles2/../img/icons/icoPlus.png") no-repeat 0 .3em;
}
#content ul.starlist.plus li ul.starlist li {
    padding-left: 1.1em;
    background: url("/styles2/../img/design/bullet_small.gif") no-repeat 0 .6em;
}
ul.starlist li ol li {
    padding-left: 0;
    background: none;
}
#content .threeColonText  a.video {
    display: block;
    width: 96px;
    height: 80px;
    text-indent: -50000px;
    background: url("/styles2/../img/icons/movie.png") no-repeat 0 0;
}
#content .threeColonText a.video:hover {
    background: url("/styles2/../img/icons/movie.png") no-repeat 0 -90px;
}
#content .gray-round {
    padding: 15px 30px 0;
    border-radius: 6px;
    background-color: #f4f4f4;
}
#content .gray-round h4 {
    margin-bottom: .3em;
}
.features-menu {
    margin: 0 auto;
    background: #f4f4f4;
    border-radius: 5px;
    border-bottom: 2px solid #e5e5e5;
    font-family: "GraublauSlab-Regular",Helvetica,Arial,sans-serif;
}
.features-menu-inner {
    margin: 0 auto;
    padding: 15px 15px 10px;
    max-width: 954px;
}
    .features-menu-inner ul.table-of-contents,
    ul.features-list {
        margin-bottom: 0;
        list-style: none;
    }
    .features-menu-inner ul.table-of-contents li,
    ul.features-list li {
        margin: 0;
        padding-left: 1em;
        font-size: 17px;
    }
    .features-menu-inner ul.table-of-contents li a,
    ul.features-list li a {
        padding: 4px 8px;
        border: none;
        border-radius: 3px;
    }
    ul.features-list li a.-active {
        background-color: #dcdcdc;
        color: #5f5f5f;
    }

#content .like {
    margin-left: 1em;
    height: 26px;
}
#content .like ul li {
    float: left;
}
#content .like ul li.facebook {
    width: 6em;
}


body.whatsnew #content .history {
    background: #fff;
    background: -moz-linear-gradient(top,  #f4f4f4 0%, #fff 50%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f4f4f4), color-stop(50%,#fff));
    background: -webkit-linear-gradient(top,  #f4f4f4 0%,#fff 50%);
    background: -o-linear-gradient(top,  #f4f4f4 0%,#fff 50%);
    background: -ms-linear-gradient(top,  #f4f4f4 0%, #fff 50%);
    background: linear-gradient(to bottom,  #f4f4f4 0%, #fff 50%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f4f4f4', endColorstr='#fff',GradientType=0 );
    border-top: solid 1px #d3d3d3;
}
body.whatsnew #content .history .history_wrap {
    padding-top: 1em;
    background: transparent;
    background: -moz-linear-gradient(left,  rgba(255,255,255,1) 0%, rgba(255,255,255,0) 2%, rgba(255,255,255,0) 98%, rgba(255,255,255,1) 100%);
    background: -webkit-gradient(linear, left top, right top, color-stop(0%,rgba(255,255,255,1)), color-stop(2%,rgba(255,255,255,0)), color-stop(98%,rgba(255,255,255,0)), color-stop(100%,rgba(255,255,255,1)));
    background: -webkit-linear-gradient(left,  rgba(255,255,255,1) 0%,rgba(255,255,255,0) 2%, rgba(255,255,255,0) 98%,rgba(255,255,255,1) 100%);
    background: -o-linear-gradient(left,  rgba(255,255,255,1) 0%,rgba(255,255,255,0) 2%, rgba(255,255,255,0) 98%,rgba(255,255,255,1) 100%);
    background: -ms-linear-gradient(left,  rgba(255,255,255,1) 0%,rgba(255,255,255,0) 2%, rgba(255,255,255,0) 98%,rgba(255,255,255,1) 100%);
    background: linear-gradient(to right,  rgba(255,255,255,1) 0%,rgba(255,255,255,0) 2%, rgba(255,255,255,0) 98%,rgba(255,255,255,1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#ffffff',GradientType=1 );
}
body.whatsnew #content .history ul li {
    margin-left: 0;
    margin-bottom: .3em;
    position: relative;
    list-style: none;
    line-height: 1.4em;
}
body.whatsnew #content .history ul li:before {
    margin-left: -.8em;
    content: "\2014\a0";
    content: "- ";
    position: absolute;
}







#main {
    position: relative;
    margin-bottom: 3em;
    box-sizing: border-box;
}
#main #content {
    float: left;
    width: 76%;
    /*margin-right: 250px;*/
}
body.wide #main #content {
    width: auto;
    float: none;
}
aside {
    margin-left: -23%;
    float: right;
    width: 23%;
    /*display: none;*/
}
aside .box, aside dl {
    margin-top: 1em!important;
    border: solid 1px #ccc;;
}





.products_available {
    padding-top: 10px;
    position: relative;
    }
    .products_available:before {
        content: "";
        display: block;
        border-top: dashed 1px #ddd;
    }
    .products_available:after {
        margin: 0 30%;
        padding: 0 5px;
        content: "Available in products";
        position: absolute;
        top: -2px;
        display: inline-block;
        /*width: 100%;*/
        font-size: 12px;
        color: #9d9d9d;
        /*display: block;*/
        text-align: center;
        background-color: #fff;
    }
    .products_available ul li {
        margin: 10px 2.3% 0;
        display: inline-block;
        width: 11%;
        }
        .products_available a {
            position: relative;
            display: block;
            width: 40px;
            height: 40px;
            border: 1px dashed #ddd;
            border-radius: 50%;
            }
            .products_available a:after {
                position: absolute;
                top: -4px;
                right: -4px;
                bottom: -4px;
                left: -4px;
                border: solid 1px #ddd;
                border-radius: 50%;
                content: '';
            }

        .products_available a:hover,
        .products_available a:hover:after {
            border-color: #bbb;
        }


#pseudo-footer .social-list {
    }
    #pseudo-footer .social-list li {
        display: table;
        width: 25%;
        height: 60px;
        float: left;
        }
        #pseudo-footer .social-list li a {
            padding-left: 53px;
            padding-right: 30px;
            display: table-cell;
            text-align: left;
            vertical-align: middle;
            position: relative;
            line-height: 1.2;
            color: rgba(256, 256, 256, .5);
            }
            #pseudo-footer .social-list li i {
                margin-top: -22px;
                position: absolute;
                top: 50%;
                left: 0;
            }
#pseudo-footer p.bigtext {
    margin-top: 5px;
    font-size: 130%;
    color: #fff;
}
#pseudo-footer dl.subcription #sForm {
    margin: 0;
    padding: 0 0 0 23px;
    position: relative;
    display: inline-block;
    height: 23px;
    background: #efeff0 url("/styles2/../img/icons/icoSubscribe.png") no-repeat 4px 6px;
    }
    #pseudo-footer dl.subcription #sForm input.text {
        margin: 0;
        display: inline-block;
        border: none;
        height: 18px;
        color: #bcbcbc;
        width: 220px;
        background-color: #efeff0;
    }
    #pseudo-footer dl.subcription #sForm input.submit {
        margin: 0;
        width: 20px;
        height: 21px;
        text-indent: -50000px;
        cursor: pointer;
        background: url("/styles2/../img/icons/icoSubscribe.png") no-repeat 2px -35px;
        border: none;
    }
    #pseudo-footer dl.subcription #sForm #error-msg {
        position: absolute;
        left: 0;
        top: 25px;
        color: #fff;
    }


.footer-main-emulator {
    clear: both;
    display: block;
    width: 100%;
    height: 504px;
}

.footer-main {
    position: absolute;
    bottom: 0;
    right: 0;
    left: 0;
    padding: 74px 0 0;
    height: 430px;
    background-image: url("/styles2/../img/bg_main_decor.jpg");
}

.landing_page .footer-main { padding: 0; height: 122px }
.landing_page .footer-main-emulator { height: 122px }

.footer-main h3 {
    margin-bottom: 17px;
    color: #fff;
    font-family: "GraublauSlab-Semibold", Helvetica, Arial, sans-serif;
    text-shadow: 0 1px 1px rgba(0, 0, 0, .2);
    text-transform: uppercase;
}
.footer-main h6 {
    margin-bottom: 3px;
    font-size: 110%;
}
.footer-main .contacts_sub {
    margin-top: -37px;
}
.footer-main .contacts_sub h6.contacts {
    margin-bottom: 12px;
}
.footer-main .products ul {
    position: relative;
}
.footer-main .products ul:before,
.footer-main .products ul:after {
    content: "{";
    display: inline-block;
    position: absolute;
    top: .62em;
    left: -.6em;
    color: #fff;
    font-size: 7.5em;
    font-size: 125px;
    font-weight: inherit;
    font-family: Georgia, "Times New Roman", Times, serif;
    line-height:0.2;
    -webkit-transform:scale(1,2.6);
       -moz-transform:scale(1,2.6);
        -ms-transform:scale(1,2.6);
         -o-transform:scale(1,2.6);
            transform:scale(1,2.6);
}
.footer-main .products ul:before {
    content: "}";
    left: auto;
    right: -.15em;
}
.footer-main ul li {
    margin-bottom: 7px;
}
.footer-main .products ul li {
    float: left;
    width: 50%;
}
.footer-main .footer-long ul li a {
    color: #323232;
}
.footer-main .contacts_sub ul li a {
    color: #0274bd;
}
.footer-main ul.social {
    margin-bottom: 10px;
    font-size: 1px;
    text-align: justify;
    }
    .footer-main ul.social li {
        display: inline-block;
        margin: 0;
        padding: 0;
        background: none;
        }
    .footer-main ul.social li.empty {
        display: none;
        }
    .footer-main ul.social:after {
        display: inline-block;
        width: 100%;
        height: 0;
        content: '';
        }
        .footer-main ul.social li a {
            display: block;
            margin: 0;
            width: 28px;
            height: 28px;
            text-indent: -50000px;
            background: url("/styles2/../img/logos/spriteSocial.svg") no-repeat 0 0;
            }
        .footer-main ul.social li.facebook a {
            background-position: 0 0;
            }
        .footer-main ul.social li.youtube a {
            background-position: -40px 0;
            }
        .footer-main ul.social li.in a {
            background-position: -80px 0;
            }
        .footer-main ul.social li.twitter a {
            background-position: -120px 0;
            }
        .footer-main ul.social li.gPlus a {
            background-position: -160px 0;
            }
        .footer-main ul.social li.rss a {
            background-position: -200px 0;
            }
        .footer-main ul.social li.weibo a {
            background-position: -340px 0;
            }

.footer-main dl.newsletter {
    height: 31px;
}
.footer-main dl.newsletter #sForm {
    position: relative;
    margin-bottom: 16px;
}
.footer-main dl.newsletter #sForm input.text {
    margin: 0;
    padding: 4px;
    height: 18px;
    width: 205px;
    font-size: 14px;
    border: solid 1px #bdbbbc;
    border-radius: 3px;
    color: #bcbcbc;
    -webkit-box-shadow: inset 2px 2px 2px rgba(0, 0, 0, .1);
       -moz-box-shadow: inset 2px 2px 2px rgba(0, 0, 0, .1);
            box-shadow: inset 2px 2px 2px rgba(0, 0, 0, .1);
}
.footer-main dl.newsletter #sForm input.submit {
    margin-right: 0;
    width: 20px;
    height: 30px;
    text-indent: -50000px;
    cursor: pointer;
    background: url("/styles2/../img/icons/icoSubscribe.png") no-repeat 2px -70px;
    border: none;
}
.footer-main #content dl.newsletter #sForm #error-ms {
    position: absolute;
    left: 0;
    top: 1.3em;
}


.footer-main .footer-short {
    padding: 29px 0 28px;
}
.footer-main .footer-short ul {
    margin-bottom: 14px;
    float: right;
}
body.landing_page .footer-main .footer-short ul {
    float: left;
}
.footer-main .footer-short ul li {
    margin-left: 9px;
    display: inline-block;
}
.footer-main .footer-short ul li:after {
    display: inline-block;
    margin-left: 13.86px;
    width: 1px;
    height: 1.1em;
    background-color: #a6a4a0;
    vertical-align: middle;
    content: '';
}
.footer-main .footer-short ul li:last-child:after {
    display: none;
}

.webkit .target-highlighted,
.gecko .target-highlighted,
.ie10 .target-highlighted {
    background-color: rgb(248,246,131) !important;
}



/* redefine default menu styles */

.search-button {position:relative; top:3px;}

.feature .leftfloated.block50 + p {padding-left:15px; overflow:hidden;}


/* special offer */
.country-offer {
    position: relative;
    overflow: hidden;
    margin-bottom: 20px;
    font-size: 11px;
    font-family: "Kozuka Gothic Pr6n", "GraublauSans-Regular", Helvetica, Arial, sans-serif;
    color: #000;
    }
    .phpstorm.buy .country-offer,
    .pycharm.buy .country-offer,
    .objc.buy .country-offer,
    .TeamCity.buy .country-offer {
        margin-top: 15px;
        margin-bottom: 0;
    }
    .webstorm.buy .country-offer {
        margin-bottom: 20px;
    }
    .yt.buy .country-offer {
        margin-top: -2px;
        margin-bottom: 0;
    }
    .yt.buy .country-offer .inner {
        border: 1px solid #C8C8C8;
        border-width: 0 1px;
    }

.country-offer .inner {
    padding: 15px 20px 15px;
}

.country-offer .offer-intro-text {
    margin-top: 10px;
    margin-bottom: 5px;
    font-size: 25px;
    line-height: 35px;
}

.country-offer .offer-title {
    font-size: 43px;
    line-height: 50px;
    font-weight: bold;
}

.country-offer .offer-terms {
    float: right;
    width: 340px;
    font-size: 12px;
}

.country-offer .offer-terms-list, .country-offer strong {
    font-size: 12px;
}
.country-offer .offer-terms-list {
    list-style: square;
    list-style-position: outside;
    margin-left: 15px;
}

.country-offer .offer-link-block {
    font-size: 14px;
    line-height: 14px;
}
.country-offer .offer-link-block a {
    display: inline-block;
    color: #000;
    text-decoration: none;
    border-bottom: 1px solid #000;
}

.country-offer .close-button {
    cursor: pointer;
    position: absolute;
    top: 0;
    right: 0;
    width: 11px;
    height: 11px;
    padding: 10px 10px 0 0;
    background: url("/styles2/../img/country_offer_close.png") no-repeat left bottom;
}

.country-offer._czech {
    width: auto;
    height: auto;
    background: transparent;
    text-align: left;
}
.country-offer._czech .close-button {
    right: 90px;
}

.country-offer._chinese-new-year {
    text-align: center;
}

.country-offer._indian {
    padding: 20px;
    width: auto;
    height: auto;
    background: #fafbfd;
    border-radius: 5px;
    text-align: left;
    font-size: 15px;
    }
    .country-offer._indian .country-offer__logo {
        overflow: hidden;
        display: inline-block;
        margin: 0 25px 0 0;
        vertical-align: middle;
        text-indent: 100%;
        color: transparent;
        font-size: 0;
        background: url("/styles2/../img/logos/partners-indian-banner.png") no-repeat 0 0;
        }
    @media
    (-webkit-min-device-pixel-ratio: 2),
    (min-resolution: 192dpi) {
        .country-offer._indian .country-offer__logo {
            background-image: url("/styles2/../img/logos/partners-indian-banner@2x.png");
            background-size: 125px auto;
        }
    }

.country-offer._evangelist {
    position: relative;
    overflow: visible;
    background: #fffde7;
    border: 1px solid #f2e76d;
    color: #454545;
    font: 300 14px/22px 'Open Sans', Arial, Helvetica, sans-serif;
    }
    .country-offer._evangelist:before,
    .country-offer._evangelist:after {
        position: absolute;
        bottom: 15px;
        z-index: -1;
        width: 360px;
        height: 80px;
        border-radius: 50px;
        -webkit-box-shadow: 0 0 30px rgba(0,0,0,.4);
                box-shadow: 0 0 30px rgba(0,0,0,.4);
        -webkit-transform: rotate(-3deg);
           -moz-transform: rotate(-3deg);
            -ms-transform: rotate(-3deg);
             -o-transform: rotate(-3deg);
                transform: rotate(-3deg);
        content: '';
        }
    .country-offer._evangelist:before {
        left: 18px;
    }
    .country-offer._evangelist:after {
        right: 18px;
        -webkit-transform: rotate(3deg);
           -moz-transform: rotate(3deg);
            -ms-transform: rotate(3deg);
             -o-transform: rotate(3deg);
                transform: rotate(3deg);
    }

    .country-offer._evangelist .inner {
        padding: 20px 40px 10px;
        }
    .country-offer._evangelist strong {
        font-size: inherit;
        font-weight: 600;
        }
    .country-offer._evangelist .description {}
        .country-offer._evangelist .description p {
            margin-bottom: 15px;
            }
    .country-offer._evangelist .invitation {
        font-size: 16px;
        line-height: 30px;
        }
        .country-offer._evangelist .invitation-contact {
            margin: 22px 0 0 150px;
            }


.country-offer._indian .country-offer__logo._systech {
    width: 109px;
    height: 28px;
    background-position: 0 -75px;
}
.country-offer._indian .country-offer__logo._devtools {
    width: 75px;
    height: 50px;
    background-position: 0 0;
}

.country-offer._chinese {
    padding: 10px 0 5px;
    background: #fede00;
    font-size: 13px;
    font-family: 'STHeiti', 'Open Sans', Helvetica, sans-serif;
    }
    .country-offer._chinese .offer-title,
    .country-offer._chinese .offer-title strong {
        margin-bottom: 10px;
        font-size: 54px;
        font-family: 'Lantinghei SC', 'Open Sans', Helvetica, Arial, sans-serif;
        font-weight: 800;
        text-align: center;
        }
    .country-offer._chinese .offer-text {
        margin: 0 15px 0 160px;
        }
    .country-offer._chinese .offer-contacts {
        margin: 0 160px 0 15px;
        }

    .country-offer._chinese a {
        color: #000;
        text-decoration: underline;
        }
    .country-offer._chinese a:hover {
        text-decoration: none;
        }

/* @book banner */

/* @book banner */
.book-ad {
    margin-top: 30px;
    padding: 25px 30px;
    background-color: #f4f4f4;
    border-radius: 6px;
}
.book-ad.mode_sidebar {
    padding: 15px 20px;
    margin-top: 10px;
}

.book-ad:after {
    display: block;
    height: 0;
    clear: both;
    content: '';
}

.book-ad .book-author {
    margin-bottom: 5px;;
    font-size: 14px;
    color: #666;
}
.book-ad.sidebar .book-author {
    font-size: 14px;
}

.book-ad .book-title {
    font-size: 18px;
    margin-bottom: 25px;
}
.book-ad.mode_sidebar .book-title {
    font-size: 14px;
    line-height: 19px;
}

.book-ad .book-cover {
    float: left;
    margin-right: 30px;
    box-shadow: 5px 3px 24px rgba(50, 50, 50, 0.3);
}
.book-ad.mode_sidebar .book-cover {
    float: none;
    display: block;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 30px;
    box-shadow:  1px 1px 16px rgba(50, 50, 50, 0.15);
}

.book-ad .book-description {
    overflow: hidden;
    color: #000;
}
.book-ad.mode_sidebar .book-description {
    font-size: 13px;
}

.book-ad .book-description p {
    margin-top: -5px;
    margin-bottom: 15px;
}

.book-ad .book-purchase-link {
    position: relative;
    overflow: hidden;
    font-size: 18px;
    line-height: 20px;
}
.book-ad.mode_sidebar .book-purchase-link {
    font-size: 14px;
}

body,
header,
footer,
#product,
#banners,
#create {
    min-width: 990px;
}

@media (max-width: 1023px) {
    #main,
    #menu_products {
        padding-left: 15px;
        padding-right: 15px;
    }
}

#product .container .header-logo {
    margin: 24px 0 14px 9px;
    text-indent: -9000px;
}


/* + Discount startup */
.discount-startup {
    display: block;
    font-size: 13px;
    font-style: italic;
    }
    .discount-startup a {
        font: inherit !important;
    }

    /* in license-block */
    .license p + .discount-startup {
        margin-top: -1em;
    }
    .license .discount-startup + p.upgrade {
        margin-top: 0.4em !important;
    }

    /* in dotNet tabs */
    .accordionHeader .discount-startup {
        float: right;
    }

    /* with buttons */
    .btn-product + .discount-startup {
        margin-top: 10px;
    }

.dt .discount-startup {
    float: right;
    margin-left: -100%;
    margin-top: -40px;
}

/* hide google-conversion iframe */
body > iframe[name="google_conversion_frame"],
.js body > noscript {
    display: block;
    height: 0 !important;
    overflow: hidden
}


/* Footer Marketo Fallback */
#mktFooter footer {
    padding: 5.333em 0 .533em 0;
    background-color: #dbd9d2;
    background-image: url("/styles2/../img/bg_main_decor.jpg");
}
#mktFooter footer h3 {
    margin-bottom: 0.733em;
    color: #fff;
    font-family: "GraublauSlab-Semibold", Helvetica, Arial, sans-serif;
    text-shadow: 0 1px 1px rgba(0, 0, 0, .2);
    text-transform: uppercase;
}
#mktFooter footer h6 {
    margin-bottom: .2em;
    font-size: 110%;
}
#mktFooter footer .contacts_sub {
    margin-top: -2.667em;
}
#mktFooter footer .contacts_sub h6.contacts {
    margin-bottom: .8em;
}
#mktFooter footer .products ul {
    position: relative;
}
#mktFooter footer .products ul:before, footer .products ul:after {
    content: "{";
    display: inline-block;
    position: absolute;
    top: .533em;
    left: -.6em;
    color: #fff;
    font-size: 7.5em;
    font-size: 108px;
    font-weight: inherit;
    font-family: Georgia, "Times New Roman", Times, serif;
    line-height:0.2;
    transform:scale(1,2.4);
    -webkit-transform:scale(1,2.4);
       -moz-transform:scale(1,2.4);
        -ms-transform:scale(1,2.4);
         -o-transform:scale(1,2.4);
}
#mktFooter footer .products ul:before {
    content: "}";
    left: auto;
    right: -.15em;
}
#mktFooter footer ul li {
    margin-bottom: .5em;
}
#mktFooter footer .products ul li {
    float: left;
    width: 50%;
}
#mktFooter footer ul li a {
    color: #323232;
}
#mktFooter footer .contacts_sub ul li a {
    color: #0274bd;
}
#mktFooter footer ul.social li {
    margin: 0;
    padding: 0;
    float: left;
    background: none;
}
#mktFooter footer ul.social li a {
    margin: 0 1em 0 0;
    display: block;
    width: 28px;
    height: 28px;
    text-indent: -50000px;
    background: url("/styles2/../img/logos/spriteSocial.svg") no-repeat 0 0;
}
#mktFooter footer ul.social li.facebook a {
    background-position: 0 0;
}
#mktFooter footer ul.social li.in a {
    background-position: -80px 0;
}
#mktFooter footer ul.social li.twitter a {
    background-position: -120px 0;
}
#mktFooter footer ul.social li.gPlus a {
    background-position: -160px 0;
}
#mktFooter footer ul.social li.rss a {
    background-position: -200px 0;
}
#mktFooter footer dl.newsletter {
    height: 2.2em;
}
#mktFooter footer dl.newsletter #sForm {
    margin-bottom: 1.2em;
    position: relative;
}
#mktFooter footer dl.newsletter #sForm input.text {
    padding: 4px;
    margin: 0;
    height: 18px;
    color: #bcbcbc;
    width: 205px;
    font-size: 14px;
    border: solid 1px #bdbbbc;
    border-radius: 3px;
    -webkit-box-shadow: inset 2px 2px 2px rgba(0, 0, 0, .1);
            box-shadow: inset 2px 2px 2px rgba(0, 0, 0, .1);
}
#mktFooter footer dl.newsletter #sForm input.submit {
    margin-right: 0;
    width: 20px;
    height: 30px;
    text-indent: -50000px;
    cursor: pointer;
    background: url("/styles2/../img/icons/icoSubscribe.png") no-repeat 2px -70px;
    border: none;
}
#mktFooter footer #content dl.newsletter #sForm #error-ms {
    position: absolute;
    left: 0;
    top: 1.3em;
}


#mktFooter #footer {
    padding: 1.5em 0 2em 0;
    background-image: url("/styles2/../img/bg_main_decor.jpg");
}
#mktFooter #footer ul {
    margin-bottom: 1em;
    float: right;
}
body.landing_page #mktFooter #footer ul {
    float: left;
}
#mktFooter #footer ul li {
    margin-left: .7em;
    display: inline-block;
}
#mktFooter #footer ul li:after {
    margin-left: .9em;
    content: "|";
    font-size: 110%;
    color: #a6a4a0;
}
#mktFooter #footer ul li:last-child:after {
    margin-left: 0;
    content: "";
}
#mktFooter footer,
#mktFooter #footer {
    min-width: 990px;
}

#container .disable {
    display: none;
}

div.rating-cancel,div.star-rating {
    float: left;
    width: 28px;
    height: 28px;
    text-indent:-999em;
    cursor:pointer;
    display:block;
    background:transparent;
    overflow:hidden
}
div.rating-cancel,div.rating-cancel a {
    display: none!important;
}
div.star-rating,div.star-rating a{
    background: url("/styles2/../img/jquery/stars.png") no-repeat 0 0
}
div.rating-cancel a, div.star-rating a {
    display:block;
    width: 28px;
    height:100%;
    background-position:0 0;
    border:0
}
div.star-rating-on a{
    background-position:0 -28px!important
}
div.star-rating-hover a {
    background-position:0 -28px
}
div.star-rating-readonly a{
    cursor:default !important
}
div.star-rating{
    background:transparent!important;
    overflow:hidden!important
}


/*-------------------------- Validation ------------------------*/
label.error {
    margin-left: .5em;
    color : #ff0000;
}
input.error, textarea.error {
    background-color: #feecec;
}


/*-------------------------- Tabs ------------------------*/
.regular .tabb {
    display: none;
}
.regular .tabb.activeTabBody {
    display: block;
}
.regular ul.visibilityHidden {
    visibility: hidden;
    height: 44px;
}
.regular.ui-tabs ul.visibilityHidden {
    visibility: inherit;
}
.regular.ui-tabs {
    margin-top: 1.5em;
    position: relative;
    zoom: 1;
}
.regular.ui-tabs .ui-tabs-nav {
    margin: 0;
    clear: left;
    height: 44px;
    border-bottom: solid 1px #c4c9cf;
}
.regular.ui-tabs.minTabs .ui-tabs-nav {
    height: 35px;
}
.regular.ui-tabs.minTabs .ui-tabs-nav.sub_tabs {
    margin-left: -.7em;
    margin-bottom: 1em;
    font-size: 90%;
    border: none;
}
.regular.ui-tabs.minTabs .ui-tabs-nav.sub_tabs.vertical {
    margin-left: 0;
    height: auto;
}
.regular.ui-tabs .ui-tabs-nav li {
    margin: 0 .5em 0 0;
    padding: 0;
    float: left;
    list-style: none;
    background: url("/styles2/../img/jquery/bgTabLeft.png") no-repeat 0 0;
}
.regular.ui-tabs.minTabs .ui-tabs-nav.sub_tabs li {
    background: none;
    border-left: solid 1px #ccc;
}
.regular.ui-tabs.minTabs .ui-tabs-nav.sub_tabs.vertical li {
    float: none;
    border: none;
}
.regular.ui-tabs.minTabs .ui-tabs-nav.sub_tabs li:first-child {
    border-left: none;
}
.regular.ui-tabs .ui-tabs-nav li a {
    padding: 12px 1.5em;
    height: 20px;
    display: block;
    text-align: center;
    border: none;
    font-size: 120%;
    background: url("/styles2/../img/jquery/bgTabRight.png") no-repeat right 0;
    border-bottom: solid 1px #c4c9cf;
}
.regular.ui-tabs.minTabs .ui-tabs-nav li a {
    padding-top: 6px;
    height: 17px;
    font-size: 100%;
}
.regular.ui-tabs.minTabs .ui-tabs-nav li a:hover {
    text-decoration: none;
}
.regular.ui-tabs.minTabs .ui-tabs-nav.sub_tabs li a {
    padding: .2em .5em .5em .7em;
    background: none;
    border: none;
}
.regular.ui-tabs.minTabs .ui-tabs-nav.sub_tabs.vertical li a {
    margin-bottom: .5em;
    padding: 0 0 .2em .8em;
    text-align: left;
}
.regular.ui-tabs .ui-tabs-nav li.ui-tabs-selected {
    background: url("/styles2/../img/jquery/bgTabLeftSelect.png") no-repeat 0 0;
}
.regular.ui-tabs .ui-tabs-nav li.ui-tabs-selected a {
    background: url("/styles2/../img/jquery/bgTabRightSelect.png") no-repeat right 0;
    border-bottom: solid 1px #fff;
}
.regular.ui-tabs .ui-tabs-nav.sub_tabs li.ui-tabs-selected a {
    color: #777;
}
.regular.ui-tabs .ui-tabs-nav.sub_tabs.vertical li.ui-tabs-selected a {
    background: url("/styles2/../img/arrow_grey.gif") no-repeat 0 0;
}
.regular.ui-tabs .ui-tabs-nav li.ui-tabs-selected a, .regular.ui-tabs .ui-tabs-nav li.ui-state-disabled a, .regular.ui-tabs .ui-tabs-nav li.ui-state-processing a {
    
}
.regular.ui-tabs .ui-tabs-nav li a, .regular.ui-tabs.ui-tabs-collapsible .regular.ui-tabs-nav li.ui-tabs-selected a {
    cursor: pointer;
}
.regular.ui-tabs .ui-tabs-nav li a:hover, .regular.ui-tabs.ui-tabs-collapsible .regular.ui-tabs-nav li.ui-tabs-selected a:hover {
    text-decoration: none;
}
.regular.ui-tabs .ui-tabs-panel {
    display: block;
    border: 0;
}
.regular.ui-tabs .ui-tabs-hide, .buttTabs .ui-tabs-hide {
    display: none;
}

/* + Regular2 tabs */
.regular2.ui-tabs {
    margin-top:1.5em;
    position:relative;
    padding:0 0 5px 0;
}
.regular2.ui-tabs .ui-tabs-hide {
    display:none;
    }

    /* ul */
    .regular2.ui-tabs .ui-tabs-nav {
        position:relative;
        padding:0 0 11px;
        border-bottom:1px solid #bebebe;
        font-family:"GraublauSlab-Regular", Helvetica, Arial, sans-serif;
        }
    .regular2.ui-tabs .ui-tabs-nav:after {
        clear:left;
        display:block;
        height:0;
        font-size:0;
        line-height:0;
        content:'';
    }

    /* li */
    .regular2.ui-tabs .ui-tabs-nav li {
        position:relative;
        float:left;
        margin:0 8px 0 0;
        padding:8px 10px 6px;
        line-height:1;
        border-radius:3px;
        }

    /* link */
    .regular2.ui-tabs .ui-tabs-nav-anchor {
        display:block;
        color:#404041;
    }

    /* @active state */
    .regular2.ui-tabs li.ui-state-active {
        background:#f5f5f5;
        box-shadow:inset 0 1px 2px rgba(0,0,0,.17);
    }
    .regular2.ui-tabs li.ui-state-active:before,
    .regular2.ui-tabs li.ui-state-active:after {
        position:absolute;
        bottom:-11px;
        left:50%;
        margin:0 0 0 -7px;
        width:1px;
        height:1px;
        border:5px solid transparent;
        border-bottom-color:#bebebe;
        content:'';
    }
    .regular2.ui-tabs li.ui-state-active:after {
        bottom:-12px;
        border-bottom-color:#fff;
    }
    /* - Regular2 Ball tabs */
    .regular2.ball.ui-tabs .ui-tabs-nav {
        margin-bottom: 12px;
        border-bottom-color: #dedede;
    }
    .regular2.ball.ui-tabs .ui-tabs-nav li {
        margin-left: 15px;
        padding: 0;
        width: 14px;
        height: 14px;
        background-color: #eaeaea;
        border-radius: 50%;
        box-shadow: inset 0 1px 2px rgba(0,0,0,.17);
    }
    .regular2.ball.ui-tabs .ui-tabs-nav li.ui-state-active {
        background-color: #a7a7a7;
    }
    .regular2.ball.ui-tabs .ui-tabs-nav li a {
        padding: 10px;
        font-size: 0;
    }
    .regular2.ball.ui-tabs li.ui-state-active:before,
    .regular2.ball.ui-tabs li.ui-state-active:after {
        bottom: -36px;
        left:50%;
        margin:0 0 0 -12px;
        border: 12px solid transparent;
        border-top-color: #dedede;
    }
    .regular2.ball.ui-tabs li.ui-state-active:after {
        bottom: -35px;
        border-top-color: #fff;
    }

/* - Regular2 tabs */


.bullets.ui-tabs .ui-tabs-nav {
    height: 15px;
    border: none;
}
.bullets.ui-tabs .ui-tabs-nav li, .bullets.ui-tabs .ui-tabs-nav li.ui-tabs-selected {
    margin: 0;
    height: 9px;
    background: none;
}
.bullets.ui-tabs .ui-tabs-nav li a {
    padding: .2em;
    height: 9px;
    width: 9px;
    color: #fff;
    background: url("/styles2/../img/jquery/bgTabBullets.gif") no-repeat 0 0;
    border: none;
}
.bullets.ui-tabs .ui-tabs-nav li.ui-tabs-selected a {
    background: url("/styles2/../img/jquery/bgTabBulletsSelect.gif") no-repeat 0 0;
}
.screenshots.ui-tabs .ui-tabs-nav {
    margin: 1em auto;
    height: auto;
    border: none;
}
.screenshots.ui-tabs .ui-tabs-nav li, .screenshots.ui-tabs .ui-tabs-nav li.ui-tabs-selected {
    background: none;
    float: none;
    display: inline;
}
.screenshots.ui-tabs .ui-tabs-nav li a, .screenshots.ui-tabs .ui-tabs-nav li.ui-tabs-selected a {
    margin: 0 .1em;
    padding: 0;
    height: auto;
    display: inline;
    background: none;
    border: none;
}
.screenshots.ui-tabs .ui-tabs-nav li a img, .screenshots.ui-tabs .ui-tabs-nav li.ui-tabs-selected a img {
    border: solid .3em #e9e9e9;
}
.screenshots.ui-tabs .ui-tabs-nav li.ui-tabs-selected a img {
    border: solid .3em #ccc;
}

.buttons.ui-tabs .ui-tabs-nav {
    height: auto;
    border: none;
}
.buttons.ui-tabs .ui-tabs-nav li {
    margin: 0;
    background-color: #f8f8f8;
    background-image: -webkit-gradient(linear, left top, left bottom, from(#fbfbfb), to(#f5f5f5));
    background-image: -webkit-linear-gradient(top, #fbfbfb, #f5f5f5);
    background-image: -moz-linear-gradient(top, #fbfbfb, #f5f5f5);
    background-image: -ms-linear-gradient(top, #fbfbfb, #f5f5f5);
    background-image: -o-linear-gradient(top, #fbfbfb, #f5f5f5);
    background-image: linear-gradient(top, #fbfbfb, #f5f5f5);
}
.buttons.ui-tabs .ui-tabs-nav li.ui-tabs-selected {
    background-color: #f2f2f2;
    background-image: -webkit-gradient(linear, left top, left bottom, from(#ededed), to(#f8f8f8));
    background-image: -webkit-linear-gradient(top, #ededed, #f8f8f8);
    background-image: -moz-linear-gradient(top, #ededed, #f8f8f8);
    background-image: -ms-linear-gradient(top, #ededed, #f8f8f8);
    background-image: -o-linear-gradient(top, #ededed, #f8f8f8);
    background-image: linear-gradient(top, #ededed, #f8f8f8);
}
.buttons.ui-tabs .ui-tabs-nav li a {
    padding: 3px 2em 6px;
    text-align: center;
    font-size: 95%;
    background: none;
    border: 1px solid #d6d6d6;
    /*border-right: none;*/
}
.buttons.ui-tabs .ui-tabs-nav li:first-child a {
    -webkit-border-radius: 3px 0 0 3px;
    -moz-border-radius: 3px 0 0 3px;
    -ms-border-radius: 3px 0 0 3px;
    -o-border-radius: 3px 0 0 3px;
    border-radius: 3px 0 0 3px;
}
.buttons.ui-tabs .ui-tabs-nav li:last-child a {
    -webkit-border-radius: 0 3px 3px 0;
    -moz-border-radius: 0 3px 3px 0;
    -ms-border-radius: 0 3px 3px 0;
    -o-border-radius: 0 3px 3px 0;
    border-radius: 0 3px 3px 0;
    border-right: 1px solid #d6d6d6;
}
.buttons.ui-tabs .ui-tabs-nav li.ui-tabs-selected a {
    color: #333;
    -webkit-box-shadow: inset 0 1px 0 0 #bfbfbf, inset 0 2px 0 0 #d6d6d6, inset 0 3px 0 0 #e6e6e6;
    -moz-box-shadow: inset 0 1px 0 0 #bfbfbf, inset 0 2px 0 0 #d6d6d6, inset 0 3px 0 0 #e6e6e6;
    -ms-box-shadow: inset 0 1px 0 0 #bfbfbf, inset 0 2px 0 0 #d6d6d6, inset 0 3px 0 0 #e6e6e6;
    -o-box-shadow: inset 0 1px 0 0 #bfbfbf, inset 0 2px 0 0 #d6d6d6, inset 0 3px 0 0 #e6e6e6;
    box-shadow: inset 0 1px 0 0 #bfbfbf, inset 0 2px 0 0 #d6d6d6, inset 0 3px 0 0 #e6e6e6;
    background: none;
    border: 1px solid #c8c8c8;
    border-right: none;
}
.buttons.ui-tabs .ui-tabs-nav li:last-child.ui-tabs-selected a {
    border-right: 1px solid #c8c8c8;
}


.regular.vertical.ui-tabs .ui-tabs-nav {
    height: auto;
    background: none;
    border: none;
}
.regular.vertical.ui-tabs .ui-tabs-nav li {
    float: none;
    background: none;
}
.regular.vertical.ui-tabs .ui-tabs-nav li a {
    margin-top: -1px;
    margin-right: 30px;
    padding: 14px 0 18px 0;
    text-align: left;
    color: #777;
    background: none;
    border: none;
    border-bottom: solid 1px #e0e0e0;
    border-top: solid 1px #e0e0e0;
}
.regular.vertical.ui-tabs .ui-tabs-nav li:first-child a {
    border-top: solid 1px #e0e0e0;
}
.regular.vertical.ui-tabs .ui-tabs-nav li.ui-tabs-selected a {
    margin-left: -8px;
    padding-left: 7px;
    padding-right: 30px;
    position: relative;
    color: #333;
    background: -moz-linear-gradient(top,  #fff 0%, #f4f4f4 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#fff), color-stop(100%,#f4f4f4));
    background: -webkit-linear-gradient(top,  #fff 0%,#f4f4f4 100%);
    background: -o-linear-gradient(top,  #fff 0%,#f4f4f4 100%);
    background: -ms-linear-gradient(top,  #fff 0%,#f4f4f4 100%);
    background: linear-gradient(top,  #fff 0%,#f4f4f4 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fff', endColorstr='#f4f4f4',GradientType=0 );
	border: 1px solid #dbdfe4;
    border-right: none;
}
.regular.vertical.ui-tabs .ui-tabs-nav li.ui-tabs-selected a:before {
    content: "";
	position: absolute;
	top: -1px;
	right: -15px;
    border-width: 27px 0 27px 15px;
	border-style: solid;
    border-color: transparent #dbdfe4;
    display:block;
    width:0;
}
.regular.vertical.ui-tabs .ui-tabs-nav li.ui-tabs-selected a:after {
    content: "";
	position: absolute;
	top: 0;
	right: -14px;
	border-width: 26px 0 26px 15px;
	border-style: solid;
	border-color: transparent #f9f9f9;
    display: block;
    width: 0;
}


.text.ui-tabs .ui-tabs-nav {
    height: auto;
    border: none;
}
.text.ui-tabs .ui-tabs-nav li, .text.ui-tabs .ui-tabs-nav li.ui-tabs-selected {
    margin: 0 .3em 0 0;
    padding: .2em;
    line-height: 1em;
    height: auto;
    background: none;
    border: none;
    -webkit-border-radius: .2em;
    -moz-border-radius: .2em;
    border-radius: .2em;
}
.text.ui-tabs .ui-tabs-nav li.ui-tabs-selected {
    background-color: #e7e7e8;
}
.text.ui-tabs .ui-tabs-nav li a, .text.ui-tabs .ui-tabs-nav li.ui-tabs-selected a {
    padding: 0;
    color: #333;
    height: auto;
    font-size: 100%;
    background: none;
    border: none;
}
.text.ui-tabs .ui-tabs-nav li a {
    border-bottom: dashed 1px #333;
}
.text.ui-tabs .ui-tabs-nav li a:hover {
    border-bottom: solid 1px transparent;
}
.text.ui-tabs .ui-tabs-nav li:first-child a:after {

}





.language_selector.ui-tabs .ui-tabs-nav {
    margin: 1em;
    padding: .2em .2em 2px;
    float: none;
    height: auto;
    display: inline;
    background-color: #f5f5f5;
    background: -webkit-gradient(linear, left top, left bottom, from(#fdfdfd), to(#f5f5f5));
    background: -webkit-linear-gradient(top, #fdfdfd, #f5f5f5);
    background: -moz-linear-gradient(top, #fdfdfd, #f5f5f5);
    background: -ms-linear-gradient(top, #fdfdfd, #f5f5f5);
    background: -o-linear-gradient(top, #fdfdfd, #f5f5f5);
    background: linear-gradient(top, #fdfdfd, #f5f5f5);
    -webkit-box-shadow: inset 0 0 0 1px #fff;
    -moz-box-shadow: inset 0 0 0 1px #fff;
    -ms-box-shadow: inset 0 0 0 1px #fff;
    -o-box-shadow: inset 0 0 0 1px #fff;
    box-shadow: inset 0 0 0 1px #fff;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px;
    border: solid 1px #d4d4d4;
}
.language_selector.ui-tabs .ui-tabs-nav li, .language_selector.ui-tabs .ui-tabs-nav li a, .language_selector.ui-tabs .ui-tabs-nav li.ui-tabs-selected, .language_selector.ui-tabs .ui-tabs-nav li.ui-tabs-selected a {
    display: inline;
    float: none;
    background: none;
    border: none;
}
.language_selector.ui-tabs .ui-tabs-nav li {
    margin: 1px;
    padding: 0 0;
    height: auto;
    border: solid 1px transparent;
}
.language_selector.ui-tabs .ui-tabs-nav li:hover a {
    color:#333;
}
.language_selector.ui-tabs .ui-tabs-nav li:first-child a {
    padding-left: 3em;
    padding-right: 3em;
}
.language_selector.ui-tabs .ui-tabs-nav li.ui-tabs-selected {
    color: #333;
    background-color: #e1e1e1;
    background: -webkit-gradient(linear, left top, left bottom, from(#e3e3e3), to(#e1e1e1));
    background: -webkit-linear-gradient(top, #e3e3e3, #e1e1e1);
    background: -moz-linear-gradient(top, #e3e3e3, #e1e1e1);
    background: -ms-linear-gradient(top, #e3e3e3, #e1e1e1);
    background: -o-linear-gradient(top, #e3e3e3, #e1e1e1);
    background: linear-gradient(top, #e3e3e3, #e1e1e1);
    border: solid 1px #cfcfcf;
    border-bottom: solid 1px #fcfcfc;
}
.language_selector.ui-tabs .ui-tabs-nav li a {
    padding: 0 1.5em;
    font-size: 80%;
}


.language_selector.ui-tabs .ui-tabs-nav li.ui-tabs-selected a {
    color: #333;
}



.features.ui-tabs .ui-tabs-nav {
    margin: 0;
    padding: 0;
    height: auto;
    border: none;
}
.features.ui-tabs .ui-tabs-nav {
    border-bottom: solid 1px #c7c6dc;
}
.features.ui-tabs .ui-tabs-nav li, .features.ui-tabs .ui-tabs-nav li.ui-tabs-selected {
    margin: 0 0 -1px 1em;
    padding: 0 1.4em 0 0;
    background: none;
    border: none;
    float: none;
    position: relative;
    display: inline-block;
}
.features.ui-tabs .ui-tabs-nav li:after {
    content: "\2022";
    position: absolute;
    top: .8em;
    right: 0;
    color: #b5b5b5;
}
.features.ui-tabs .ui-tabs-nav li:first-child {
    margin-left: 0;
}
.features.ui-tabs .ui-tabs-nav li:last-child {
    padding-right: 0;
}
.features.ui-tabs .ui-tabs-nav li:last-child:after {
    content: "";
}
.features.ui-tabs .ui-tabs-nav li.ui-tabs-selected {
    border-bottom: solid 1px #474747;
}
.features.ui-tabs .ui-tabs-nav li a, .features.ui-tabs .ui-tabs-nav li.ui-tabs-selected a {
    margin: 0;
    padding: .5em 0;
    background: none;
    border: none;
    position: relative;
    font-family: "GraublauSlab-Regular", Helvetica, Arial, sans-serif;
    font-size: 120%;
}
body.phpstorm .features.ui-tabs .ui-tabs-nav li a {
    color: #68659f;
}
body .features.ui-tabs .ui-tabs-nav li.ui-tabs-selected a {
    color: #474747;
}
.features.ui-tabs .ui-tabs-nav li.ui-tabs-selected a:before, .features.ui-tabs .ui-tabs-nav li.ui-tabs-selected a:after {
    content: "";
	position: absolute;
	border-style: solid;
    display: block;
    width: 0;
}
.features.ui-tabs .ui-tabs-nav li.ui-tabs-selected a:before {
    margin-left: -19px;
	bottom: -9px;
	left: 50%;
    border-width: 9px 9px 0;
    border-color: #474747 transparent;
}
.features.ui-tabs .ui-tabs-nav li.ui-tabs-selected a:after {
    margin-left: -18px;
	bottom: -8px;
	left: 50%;
	border-width: 8px 8px 0;
	border-color: #fff transparent;
}
.features.ui-tabs .ui-tabs-nav li a:hover {

}
.features.ui-tabs .ui-tabs-nav li:first-child a:after {

}

/*-------------------------- New Window ------------------------*/
.screenshot {
    position: relative;
}
.screenshot a {
    padding: .5em 0 0 1em;
    display: block;
    border: none;
}
.screenshot a img {
    border: solid 1px #ccc;
}
.pullout {
    /*margin: .5em 30px 2.5em 0;*/
    margin: .5em 0 2.5em 0;
    padding: 0;
    position: relative;
    background: #fff;
    -webkit-box-shadow: 0 1px 4px rgba(0, 0, 0, 0.27);
    -moz-box-shadow: 0 1px 4px rgba(0, 0, 0, 0.27);
    box-shadow: 0 1px 4px rgba(0, 0, 0, 0.27);
}
.pullout.light {
    margin-bottom: .5em;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
}
.pullout:before, .pullout:after {
    content:"";
    position:absolute;
    z-index:-2;
    bottom:15px;
    left:10px;
    width:50%;
    height:20%;
    max-width:300px;
    max-height:100px;
    -webkit-box-shadow:0 15px 10px rgba(0, 0, 0, 0.3);
       -moz-box-shadow:0 15px 10px rgba(0, 0, 0, 0.3);
            box-shadow:0 15px 10px rgba(0, 0, 0, 0.3);
    -webkit-transform:rotate(-3deg);
       -moz-transform:rotate(-3deg);
        -ms-transform:rotate(-3deg);
         -o-transform:rotate(-3deg);
            transform:rotate(-3deg);
}
.pullout:after {
    right:10px;
    left:auto;
    -webkit-transform:rotate(3deg);
       -moz-transform:rotate(3deg);
        -ms-transform:rotate(3deg);
         -o-transform:rotate(3deg);
            transform:rotate(3deg);
}
.pullout.light:before, .pullout.light:after {
    bottom: 0;
    height: 0;
    max-width:auto;
    max-height:auto;
    -webkit-box-shadow:none;
       -moz-box-shadow:none;
            box-shadow:none;
}
.pullout a {
    padding: .6em;
    display: block;
}
.pullout.light a {
    padding: 0;
}
.pullout.enlarge a:after {
    position: absolute;
    top: -11px;
    left: -11px;
    width: 27px;
    height: 27px;
    content: "enlarge";
    text-indent: -50000px;
    background: url("/styles2/../img/jquery/boximage/enlarge.png") no-repeat 0 0;
}
.pullout.light.enlarge a:after {
    padding: 0;
    top: auto;
    left: auto;
    bottom: 15px;
    right: 15px;
    width: 32px;
    height: 33px;
    background-position: 0 -67px;
}
.pullout.video a:after {
    margin-left: -24px;
    margin-top: -24px;
    position: absolute;
    top: 50%;
    left: 50%;
    width: 48px;
    height: 48px;
    content: "play";
    text-indent: -50000px;
    background: url("/styles2/../img/jquery/boximage/play.png?26062013") no-repeat 0 0;
}
.pullout.video a:hover:after {
    background-position: 0 -130px;
}
.pullout.video.color a:after {
    margin-left: -14px;
    margin-top: -14px;
    width: 28px;
    height: 28px;
    background-position: -10px -103px;
    opacity: .6;
}
@-webkit-keyframes play_animation_video {
	0%   { opacity: .6; }
	100% { opacity: 1; }
}
@-moz-keyframes play_animation_video {
	0%   { opacity: .6; }
	100% { opacity: 1; }
}
@-ms-keyframes play_animation_video {
	0%   { opacity: .6; }
	100% { opacity: 1; }
}
.pullout.video.color a:hover:after {
    -webkit-animation: play_animation_video 2s infinite;
     -moz-animation:    play_animation_video 2s infinite;
     -ms-animation:     play_animation_video 2s infinite;
}
.pullout img {
    display: block;
    border: solid 1px #ccc;
}
.pullout.light.video img {
    border: none;
}


.boximage {
    margin-bottom: 2em;
    position: relative;
    z-index: 0;
    background-color: #fff;
}
.boximage.leftfloated {
    margin-left: -1em;
}
.boximage.rightfloated {
    margin-right: -1em;
}
.boximage .action, .screenshot .action {
    display: block;
    position: absolute;
    text-indent: -999em;
    z-index: 1;
}
.boximage .action.enlarge, .screenshot .action.enlarge {
    width: 27px;
    height: 27px;
    top: -2px;
    left: 0;
    background: url("/styles2/../img/jquery/boximage/enlarge.png") no-repeat 0 0;
}
body.yt .boximage .action.enlarge, body.yt .screenshot .action.enlarge {
    background: url("/styles2/../img/jquery/boximage/enlarge_yt.png") no-repeat 0 0;
}
.boximage .boximageTop {
    text-align: right;
    background: url("/styles2/../img/jquery/boximage/bgTopLeft.gif") no-repeat 0 0;
}
.boximage span {
    height: 19px;
    display: block;
    color: #fff;
}
.boximage .boximageTop span {
    padding-left: 13px;
    background: url("/styles2/../img/jquery/boximage/bgTopRight.gif") no-repeat right 0;
}
.boximage .boximageBottom {
    text-align: right;
    background: url("/styles2/../img/jquery/boximage/bgBottomLeft.gif") no-repeat 0 0;
}
.boximage.small .boximageBottom {
    background: url("/styles2/../img/jquery/boximage/bgBottomLeft_small.gif") no-repeat 0 0;
}
.boximage .boximageBottom span {
    height: 21px;
    padding-left: 167px;
    background: url("/styles2/../img/jquery/boximage/bgBottomRight.gif") no-repeat right 0;
}
.boximage.small .boximageBottom span {
    padding-left: 102px;
    background: url("/styles2/../img/jquery/boximage/bgBottomRight_small.gif") no-repeat right 0;
}
.boximage .boximageContent {
    padding-left: 22px;
    display: block;
    text-align: center;
    background: url("/styles2/../img/jquery/boximage/bgLeft.gif") repeat-y 0 0;
    border: none;
}
.boximage .boximageContent a {
    padding-right: 23px;
    display: block;
    line-height: 1em;
    background: url("/styles2/../img/jquery/boximage/bgRight.gif") repeat-y right 0;
    border: none;
}
.boximage .boximageContent a:hover {
    text-decoration: none;
}
.boximage .boximageContent a span {
    padding: .5em .7em;
    margin-top: .5em;
    height: auto;
    color: #333;
}
.boximage .boximageContent img {
    border: solid 1px #ccc;
}

#fancybox-loading {
    position: fixed;
    top: 50%;
    left: 50%;
    height: 40px;
    width: 40px;
    margin-top: -20px;
    margin-left: -20px;
    cursor: pointer;
    overflow: hidden;
    z-index: 1104;
    display: none;
}
* html #fancybox-loading {	/* IE6 */
    position: absolute;
    margin-top: 0;
}
#fancybox-loading div {
    position: absolute;
    top: 0;
    left: 0;
    width: 40px;
    height: 480px;
    background-image: url("/styles2/../img/jquery/fancybox.png");
}
#fancybox-overlay {
    position: fixed;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    background: #000;
    z-index: 1100;
    display: none;
}
* html #fancybox-overlay {	/* IE6 */
    position: absolute;
    width: 100%;
}
#fancybox-tmp {
    padding: 0;
    margin: 0;
    border: 0;
    overflow: auto;
    display: none;
}
#fancybox-wrap {
    position: absolute;
    top: 0;
    left: 0;
    margin: 0;
    padding: 20px;
    z-index: 1101;
    display: none;
}
#fancybox-outer {
    position: relative;
    width: 100%;
    height: 100%;
    background: #fff;
    border: 1px solid rgba(0,0,0,.15);
    border-radius: 5px;
    -webkit-box-shadow: 0 0 15px rgba(0,0,0,.3);
       -moz-box-shadow: 0 0 15px rgba(0,0,0,.3);
            box-shadow: 0 0 15px rgba(0,0,0,.3);
}
#fancybox-inner {
    position: absolute;
    top: 0;
    left: 0;
    width: 1px;
    height: 1px;
    padding: 0;
    margin: 0;
    outline: none;
    overflow: hidden;
}
#fancybox-hide-sel-frame {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: transparent;
}
#fancybox-close {
    position: absolute;
    top: -15px;
    right: -15px;
    width: 30px;
    height: 30px;
    background: url("/styles2/../img/jquery/fancybox.png?17062013") -40px 0;
    cursor: pointer;
    z-index: 1103;
    display: none;
    border: none;
}
#fancybox-close {
    top: 9px;
    right: -3px;
    background-position: -40px -200px;
    opacity: .7;
}
#fancybox-close:hover { opacity: 1 }
#fancybox_error {
    color: #444;
    padding: 7px;
    margin: 0;
}
#fancybox-content {
    height: auto;
    width: auto;
    padding: 0;
    margin: 0;
}
#fancybox-img {
    width: 100%;
    height: 100%;
    padding: 0;
    margin: 0;
    border: none;
    outline: none;
    line-height: 0;
    vertical-align: top;
    -ms-interpolation-mode: bicubic;
}
#fancybox-frame {
    position: relative;
    width: 100%;
    height: 100%;
    border: none;
    display: block;
}
#fancybox-title {
    position: absolute;
    left: 0;
    z-index: 1102;
}
.fancybox-title-inside {
    top: 0;
    padding: 10px 0;
    text-align: center;
}
.fancybox-title-top {
    top: 0;
    padding: 15px 0;
    font: 400 24px "GraublauSlab-Regular",Helvetica,Arial,sans-serif;
    text-align: left;
    color: #222;
}
.fancybox-title-outside {
    bottom: 0;
    padding-top: 5px;
    color: #fff;
    text-align: center;
    font-weight: bold;
}
.fancybox-title-over {
    bottom: 0;
    color: #fff;
    text-align: left;
}
#fancybox-title-over {
    padding: 10px;
    background-image: url("/styles2/../img/jquery/fancy_title_over.png");
    display: block;
}
#fancybox-title-top {
    padding-right: 10px;
}
#fancybox-title-wrap {
    display: inline-block;
}
#fancybox-title-wrap span {
    height: 32px;
    float: left;
}
#fancybox-title-left {
    padding-left: 15px;
    background: url("/styles2/../img/jquery/fancybox.png") no-repeat -40px -90px;
}

#fancybox-title-main {
    font-weight: bold;
    line-height: 29px;
    background: url("/styles2/../img/jquery/fancybox-x.png") 0 -40px;
    color: #fff;
}

#fancybox-title-right {
    padding-left: 15px;
    background: url("/styles2/../img/jquery/fancybox.png") no-repeat -55px -90px;
}
#fancybox-left, #fancybox-right {
    position: absolute;
    bottom: 0;
    height: 100%;
    width: 35%;
    cursor: pointer;
    outline: none;
    z-index: 1102;
    display: none;
    border: none;
}
#fancybox-left {
    left: 0;
}
#fancybox-right {
    right: 0;
}
#fancybox-left-ico, #fancybox-right-ico {
    position: absolute;
    top: 50%;
    left: -9999px;
    width: 30px;
    height: 30px;
    margin-top: -15px;
    cursor: pointer;
    z-index: 1102;
    display: block;
}
#fancybox-left-ico {
    background: url("/styles2/../img/jquery/fancybox.png") -40px -30px;
}
#fancybox-right-ico {
    background: url("/styles2/../img/jquery/fancybox.png") -40px -60px;
}
#fancybox-left:hover, #fancybox-right:hover {
    visibility: visible;    /* IE6 */
}
#fancybox-left:hover span {
    left: 20px;
}
#fancybox-right:hover span {
    left: auto;
    right: 20px;
}

/* new left/right buttons */
#fancybox-left-ico, #fancybox-right-ico { width: 40px; height: 40px; opacity: .5; transition: opacity 0.5s }
#fancybox-left-ico:hover, #fancybox-right-ico:hover { opacity: 1 }
#fancybox-left-ico { background-position: -40px -240px }
#fancybox-right-ico { background-position: -40px -280px }

.fancy-bg {
    position: absolute;
    padding: 0;
    margin: 0;
    border: 0;
    width: 20px;
    height: 20px;
    z-index: 1001;
    visibility: hidden;
}
.ie8 .fancy-bg,
.ie7 .fancy-bg { visibility: visible }
#fancy-bg-n {
    top: -20px;
    left: 0;
    width: 100%;
    background-image: url("/styles2/../img/jquery/fancybox-x.png");
}
#fancy-bg-ne {
    top: -20px;
    right: -20px;
    background: url("/styles2/../img/jquery/fancybox.png") -40px -162px;
}
#fancy-bg-e {
    top: 0;
    right: -20px;
    height: 100%;
    background: url("/styles2/../img/jquery/fancybox-y.png") -20px 0;
}
#fancy-bg-se {
    bottom: -20px;
    right: -20px;
    background: url("/styles2/../img/jquery/fancybox.png") -40px -182px;
}
#fancy-bg-s {
    bottom: -20px;
    left: 0;
    width: 100%;
    background: url("/styles2/../img/jquery/fancybox-x.png") 0 -20px;
}
#fancy-bg-sw {
    bottom: -20px;
    left: -20px;
    background: url("/styles2/../img/jquery/fancybox.png") -40px -142px;
}
#fancy-bg-w {
    top: 0;
    left: -20px;
    height: 100%;
    background-image: url("/styles2/../img/jquery/fancybox-y.png");
}
#fancy-bg-nw {
    top: -20px;
    left: -20px;
    background: url("/styles2/../img/jquery/fancybox.png") -40px -122px;

}


/*-------------------------- Gallery Start ------------------------*/
.ad-gallery {
    margin: 0;
    padding: 0;
    width: 900px;
    background: url("/styles2/../img/jquery/bgGalleryNav.gif") repeat-x 0 bottom;
}
.ad-gallery, .ad-gallery * {
    margin: 0;
    padding: 0;
}
.ad-gallery .ad-image-wrapper {
    margin: 0;
    padding: 0;
    width: 900px;
    height: 500px;
    position: relative;
    overflow: hidden;
}
.ad-gallery .ad-image-wrapper .ad-loader {
    position: absolute;
    z-index: 10;
    top: 48%;
    left: 48%;
    border: 1px solid #ccc;
}
.ad-gallery .ad-image-wrapper .ad-next, .ad-gallery .ad-image-wrapper .ad-prev {
    position: absolute;
    right: 0;
    top: 0;
    width: 25%;
    height: 80%;
    cursor: pointer;
    display: block;
    z-index: 100;
}
.ad-gallery .ad-image-wrapper .ad-prev {
    left: 0;
}
.ad-gallery .ad-image-wrapper .ad-prev .ad-prev-image, .ad-gallery .ad-image-wrapper .ad-next .ad-next-image {
    width: 30px;
    height: 30px;
    display: none;
    position: absolute;
    top: 47%;
    left: 0;
    z-index: 101;
    background: url("/styles2/../img/jquery/fancybox.png") -40px -30px;
}
.ad-gallery .ad-image-wrapper .ad-next .ad-next-image {
    width: 30px;
    height: 30px;
    right: 0;
    left: auto;
    background: url("/styles2/../img/jquery/fancybox.png") -40px -60px;
}
.ad-gallery .ad-image-wrapper .ad-image {
    margin: 0;
    padding: 0;
    position: absolute;
    overflow: hidden;
    top: 0!important;
    left: 0;
    z-index: 9;
}
.ad-gallery .ad-image-wrapper .ad-image .ad-image-description {
    position: absolute;
    bottom: 0;
    left: 0;
    padding: 1em;
    text-align: left;
    width: 100%;
    z-index: 2;
    font-size: 130%;
    /*background: url("/styles2/opa75.png");*/
    color: #fff;
    background-color: #000;
    opacity: 0.7;
}
.ad-gallery .ad-image-wrapper .ad-image .ad-image-description .ad-description-title {
    display: block;
}
.ad-gallery .ad-controls {
    padding-top: 1em;
    padding-bottom: 1em;
    height: 30px;
    text-align: center;
}
.ad-gallery .ad-info {
    padding-right: 1em;
    float: left;
    width: 48%;
    text-align: right;
    color: #515151;
    font-size: 130%;
}
.ad-gallery .ad-slideshow-controls {
    float: left;
    width: 50%;
    position: relative;
}
.ad-gallery .ad-slideshow-controls .ad-slideshow-start {
    width: 31px;
    height: 27px;
    position: absolute;
    left: 0;
    text-indent: -9999px;
    display: block;
    overflow: hidden;
    cursor: pointer;
    background: url("/styles2/../img/jquery/galleryPlay.gif") no-repeat 0 0;
}
.ad-gallery .ad-slideshow-controls .ad-slideshow-stop {
    width: 31px;
    height: 27px;
    position: absolute;
    left: 32px;
    text-indent: -9999px;
    display: block;
    overflow: hidden;
    cursor: pointer;
    background: url("/styles2/../img/jquery/galleryStop.gif") no-repeat 0 0;
}
.ad-gallery .ad-slideshow-controls .ad-slideshow-countdown {
    display: none!important;
    padding-left: 5px;
    font-size: 0.9em;
}
.ad-gallery .ad-slideshow-running .ad-slideshow-start {
    cursor: default;
    font-style: italic;
    background: url("/styles2/../img/jquery/galleryPlay.gif") no-repeat 0 -27px;
}
.ad-gallery .ad-nav {
    padding-bottom: 2em;
    width: 100%;
    position: relative;
}
.ad-gallery .ad-forward, .ad-gallery .ad-back {
    position: absolute;
    top: 0;
    width: 7em;
    height: 100%;
    display: block;
    cursor: pointer;
    z-index: 10;
}
.ad-gallery .ad-back {
    left: 0;
    background: url("/styles2/../img/jquery/galleryPrev.gif") no-repeat center 1em;
}
.ad-gallery .ad-forward {
    right: 0;
    background: url("/styles2/../img/jquery/galleryNext.gif") no-repeat center 1em;
}
.ad-gallery .ad-nav .ad-thumbs {
    margin: 0 7.3em;
    overflow: hidden;
    width: auto;
}
.ad-gallery .ad-thumbs .ad-thumb-list {
    float: left;
    width: 9000px;
    list-style: none;
}
.ad-gallery .ad-thumbs li {
    float: left;
    padding-right: 1em;
}
.ad-gallery .ad-thumbs li a {
    display: block;
    border: none;
}
.ad-gallery .ad-thumbs li a img {
    border: 3px solid #ccc;
    display: block;
}
.ad-gallery .ad-thumbs li a.ad-active img {
    border: 3px solid #616161;
}
/* Can't do display none, since Opera won't load the images then */
.ad-preloads {
  position: absolute;
  left: -9000px;
  top: -9000px;
}
/*-------------------------- Gallery Start ------------------------*/

/*-------------------------- jCarouselLite Start ------------------------*/
.jCarouselLite {
    float: left;
    visibility: visible;
    overflow: hidden;
    position: relative;
    z-index: 2;
}
.carousel .navigation {
    width: 70px;
    height: 115px;
    text-indent: -5000px;
    cursor: pointer;
    border: none;
}
.carousel .navigation.prev {
    float: left;
    background: url("/styles2/../img/jquery/ad_prev.png") no-repeat center center;
}
.carousel .navigation.next {
    float: right;
    background: url("/styles2/../img/jquery/ad_next.png") no-repeat center center;
}
.jCarouselLite ul {
    position: relative;
    list-style-type: none;
    z-index: 1;
    width: 2890px;
    left: -1870px;
}
.jCarouselLite ul li {
    overflow: hidden; float: left;
}
/*-------------------------- jCarouselLite End ------------------------*/


/*-------------------------- Bookmark Start ------------------------*/
.bookmark_popup {
	display: none;
	position: absolute;
	z-index: 100;
}
.bookmark_popup ul {
	float: left;
	width: 320px;
}
.bookmark_list {
    margin: 0;
    padding: 0;
	display: inline-block;
	float: left;
	list-style-type: none;
	font-size: 80%;
}
.bookmark_list li {
	float: left;
	width: 23%;
	margin: 0 1px;
	padding: 1px;
	/*border: 1px outset;*/
}
.bookmark_compact {
	/*background-color: #eee;
	border: 1px outset;*/
}
.bookmark_compact li {
    margin: 0;
    padding: 2px;
    width: 16px;
    height: 16px;
	background-color: transparent;
	border: none;
}
.bookmark_list a {
	width: 100%;
	text-decoration: none;
	cursor: pointer;
}
.bookmark_list span {
	display: inline-block;
	width: 16px;
	height: 16px;
}
.bookmark_list span.bookmark_icons {
	background: url("/styles2/../img/jquery/bookmarks.gif") no-repeat center;
}
.bookmark_list img {
	border: none;
}
/*-------------------------- Bookmark End ------------------------*/

/*-------------------------- Carousel Start ------------------------*/
.carousel {
    position: relative;
}
#carousel {
    margin: 0 auto;
}
#ui-carousel-next, #ui-carousel-prev {
    margin-top: -20px;
    display: block;
    width: 50px;
    height: 50px;
    position: absolute;
    top: 50%;
    z-index: 10;
    text-decoration: none;
    text-align: center;
}
#ui-carousel-next {
    right: 2em;
}
#ui-carousel-prev {
    left: 2em;
}
#ui-carousel-next span, #ui-carousel-prev span {
    margin: 0 auto;
    display: block;
    width: 22px;
    height: 40px;
    text-indent: -50000px;
    background: url("/styles2/../img/jquery/arrow_carousel.png") no-repeat 0 0;
}
#ui-carousel-next span {
    background-position: 0 -50px;
}
.slide {
    margin: 0;
    overflow: hidden;
    position: relative;
}
.slide img {
    border: solid 1px #d7d7d7;
}
#pages {
    margin: 0 auto;
    width: 150px;
}
.bullet {
    margin-top: 1.5em;
    margin-right: 1em;
    display: block;
    width: 10px;
    height: 10px;
    float: left;
    -moz-box-shadow: inset -3px -3px 5px 0 #cbd4d9, inset 0 0 3px 2px #b0bbc5, 1px 1px 0 0 #fff;
    -webkit-box-shadow: inset -3px -3px 5px 0 #cbd4d9, inset 0 0 3px 2px #b0bbc5, 1px 1px 0 0 #fff;
    box-shadow: inset -3px -3px 5px 0 #cbd4d9, inset 0 0 3px 2px #b0bbc5, 1px 1px 0 0 #fff;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
}
.bullet.on {
    -moz-box-shadow: inset 0 0 3px 4px #4763c3, 1px 1px white;
    -webkit-box-shadow: inset 0 0 3px 4px #4763c3, 1px 1px white;
    box-shadow: inset 0 0 3px 4px #4763c3, 1px 1px white;
}
.ui-carousel {
	height: 100px;
	margin: 0;
	overflow: auto;
	padding: 0;
	position: relative; /*for ie7 to work e.g in html carousels*/
	width: 300px
}
.ui-carousel > .wrapper {
    margin: 0;
    padding: 0;
    width: 9999px;
}
.ui-carousel > .wrapper > * {
	border: 0;
	display: block;
	float: left;
	height: 100px;
	overflow: hidden;
	width: 100px;
}
.slide .text {
    padding: .5em 1.2em;
	position: absolute;
    width: 95%;
    bottom: .4em;
    color: #fff;
    font-size: 130%;
    background-color: rgba(157,181,207,.9);
}
/*-------------------------- Carousel End ------------------------*/


/*-------------------------- Foobar Start ------------------------*/
#bart_wrapper{
    position:fixed;
    _position:absolute;
    z-index: 20;
    display:none;
    height:100px;
    opacity:.8;
    text-align:left;
}
#bart_text{

}
#bart_icon{
    float:left;
    margin:18px 18px 0 18px;
    height:100%;
    background-color: red;
}
#bart_title {
}
#bart_close{

}
#bart_icon img,#bart_close img {
    margin:0;
    border:0;
    padding: 0;
    width: 1px;
    height: 1px;
}
#bart_wrapper.bart_bubble{
    min-width:200px;
    max-width:50%;
    margin:5px
}
#bart_wrapper.bart_modal{
    min-width:200px;
    max-width:50%;
    min-height:70px;
    max-height:50%;
    z-index:999
}
#bart_wrapper.bart_bar{
    width:100%;
    height:70px
}
#bart_wrapper.bart_notice{
    background-color:#4ea5cd;
    border-color:#3b8eb5
}
#bart_wrapper.bart_error{
    background-color:#fc1111;border-color:#c43d3d
}
#bart_wrapper.bart_warning{
    background-color:#eaaf51;border-color:#d99a36
}
#bart_wrapper.bart_success{
    background-color:#61b832;
    border-color:#55a12c
}
/*for promotion Offer*/
#bart_title {
    margin: 0 auto;
    width: 783px;
    height: 108px;
    z-index: -1;
    cursor: pointer;
    background: url("/styles2/../img/banners/jetbrainsday-foocafe.png") no-repeat 0 0;
}
#bart_wrapper.bart_success {
    height: 110px;
    display: block;
    background: none;

}
#bart_close {
    position: absolute;
    left: 50%;
    margin: -5px 0 0 365px;
    width: 30px;
    height: 30px;
    cursor: pointer;
}
#bart_wrapper img {
    display: none
}
#bart_wrapper.bart_info{
}
/*-------------------------- Foobar End ------------------------*/

/*-------------------------- Select Start ------------------------*/
.chzn-container {
    position: relative;
    display: inline-block;
    zoom: 1;
    *display: inline;
}
.chzn-container .chzn-drop {
    background: #fff;
    border: 1px solid #c8c8c8;
    border-top: 0;
    position: absolute;
    top: 29px;
    left: 0;
    z-index: 1010;
}
/* @group Single Chosen */
.chzn-container-single .chzn-single {
    padding: 0 0 0 8px;
    display: block;
    overflow: hidden;
    white-space: nowrap;
    position: relative;
    height: 23px;
    line-height: 24px;
    color: #878686;
    text-decoration: none;
    background-color: #fff;
    -webkit-border-radius: 2px;
    -moz-border-radius   : 2px;
    border-radius        : 2px;
    -moz-background-clip   : padding;
    -webkit-background-clip: padding-box;
    background-clip        : padding-box;
    border: 1px solid #dadada;
}
.chzn-container-single .chzn-default {
    /*color: red;*/
}
.chzn-container-single .chzn-single span {
    margin-right: 26px;
    display: block;
    overflow: hidden;
    white-space: nowrap;
    -o-text-overflow: ellipsis;
    -ms-text-overflow: ellipsis;
    text-overflow: ellipsis;
}
.chzn-container-single .chzn-single abbr {
    display: block;
    position: absolute;
    right: 26px;
    top: 6px;
    width: 12px;
    height: 12px;
    font-size: 1px;
    /*background: red url("/styles2/../../img/jquery/chosen-sprite.png") -42px 1px no-repeat;*/
    background: url("/styles2/../img/icons/iconSearch.svg") no-repeat 0 -30px;
}
.chzn-container-single .chzn-single abbr:hover {
    /*background-position: -42px -10px;*/
}
.chzn-container-single.chzn-disabled .chzn-single abbr:hover {
    background-position: -42px -10px;
}
.chzn-container-single .chzn-single div {
    position: absolute;
    right: 0;
    top: 0;
    display: block;
    height: 100%;
    width: 18px;
}
.chzn-container-single .chzn-single div b {
    margin-top: 8px;
    margin-left: 2px;
    position: absolute;
    right: 7px;
    top: 2px;
    display: block;
    width: 0;
    height: 0;
    border-top: 5px solid #acabac;
    border-right: 5px solid transparent;
    border-left: 5px solid transparent;
    content: "";
}
.chzn-container-single .chzn-search {
    padding: 3px 4px;
    position: relative;
    margin: 0;
    white-space: nowrap;
    z-index: 1010;
}
.chzn-container-single .chzn-search input {
    margin: 1px 0;
    padding: 4px 20px 4px 5px;
    outline: 0;
    font-family: "GraublauSans-Regular", Helvetica, Arial, sans-serif;
    font-size: 100%;
    background: url("/styles2/../img/icons/iconSearch.svg") no-repeat 98% 4px;
    border: 1px solid #aaa;
}
.chzn-container-single .chzn-drop {
    -webkit-border-radius: 0 0 2px 2px;
    -moz-border-radius   : 0 0 2px 2px;
    border-radius        : 0 0 2px 2px;
    -moz-background-clip   : padding;
    -webkit-background-clip: padding-box;
    background-clip        : padding-box;
}
.chzn-container-single-nosearch .chzn-search input {
    position: absolute;
    left: -9000px;
}

/* @group Multi Chosen */
.chzn-container-multi .chzn-choices {
  background-color: #fff;
  border: 1px solid #aaa;
  margin: 0;
  padding: 0;
  cursor: text;
  overflow: hidden;
  height: auto !important;
  height: 1%;
  position: relative;
  width: 100%;
  -moz-box-sizing   : border-box;
  -ms-box-sizing    : border-box;
  -webkit-box-sizing: border-box;
  -khtml-box-sizing : border-box;
  box-sizing        : border-box;
}
.chzn-container-multi .chzn-choices li {
  float: left;
  list-style: none;
}
.chzn-container-multi .chzn-choices .search-field {
  white-space: nowrap;
  margin: 0;
  padding: 0;
}
.chzn-container-multi .chzn-choices .search-field input {
  color: #666;
  background: transparent !important;
  border: 0 !important;
  font-family: sans-serif;
  font-size: 100%;
  height: 15px;
  padding: 5px;
  margin: 1px 0;
  outline: 0;
  -webkit-box-shadow: none;
  -moz-box-shadow   : none;
  box-shadow        : none;
}
.chzn-container-multi .chzn-choices .search-field .default {
  color: #999;
}
.chzn-container-multi .chzn-choices .search-choice {
  -webkit-border-radius: 3px;
  -moz-border-radius   : 3px;
  border-radius        : 3px;
  -moz-background-clip   : padding;
  -webkit-background-clip: padding-box;
  background-clip        : padding-box;
  background-color: #e4e4e4;
  -webkit-box-shadow: 0 0 2px #ffffff inset, 0 1px 0 rgba(0,0,0,0.05);
  -moz-box-shadow   : 0 0 2px #ffffff inset, 0 1px 0 rgba(0,0,0,0.05);
  box-shadow        : 0 0 2px #ffffff inset, 0 1px 0 rgba(0,0,0,0.05);
  color: #333;
  border: 1px solid #aaaaaa;
  line-height: 13px;
  padding: 3px 20px 3px 5px;
  margin: 3px 0 3px 5px;
  position: relative;
  cursor: default;
}
.chzn-container-multi .chzn-choices .search-choice.search-choice-disabled {
  background-color: #e4e4e4;
  color: #666;
  border: 1px solid #cccccc;
  padding-right: 5px;
}
.chzn-container-multi .chzn-choices .search-choice-focus {
  background: #d4d4d4;
}
.chzn-container-multi .chzn-choices .search-choice .search-choice-close {
  display: block;
  position: absolute;
  right: 3px;
  top: 4px;
  width: 12px;
  height: 12px;
  font-size: 1px;
  /*background: url("/styles2/chosen-sprite.png") -42px 1px no-repeat;*/
}
.chzn-container-multi .chzn-choices .search-choice .search-choice-close:hover {
  background-position: -42px -10px;
}
.chzn-container-multi .chzn-choices .search-choice-focus .search-choice-close {
  background-position: -42px -10px;
}

/* @group Results */
.chzn-container .chzn-results {
    margin: 0 4px 4px 0;
    max-height: 240px;
    padding: 0 0 0 4px;
    position: relative;
    overflow-x: hidden;
    overflow-y: auto;
    -webkit-overflow-scrolling: touch;
}
.chzn-container-multi .chzn-results {
    margin: -1px 0 0;
    padding: 0;
}
.chzn-container .chzn-results li {
    display: none;
    line-height: 15px;
    padding: 5px 6px;
    margin: 0;
    list-style: none;
}
.chzn-container .chzn-results .active-result {
cursor: pointer;
display: list-item;
}
.chzn-container .chzn-results .highlighted {
    background-color: #f4f4f4;
}
.chzn-container .chzn-results li em {
    background: #feffde;
    font-style: normal;
}
.chzn-container .chzn-results .highlighted em {
    background: transparent;
}
.chzn-container .chzn-results .no-results {
    background: #f4f4f4;
    display: list-item;
}
.chzn-container .chzn-results .group-result {
    cursor: default;
    color: #999;
    font-weight: bold;
}
.chzn-container .chzn-results .group-option {
    padding-left: 15px;
}
.chzn-container-multi .chzn-drop .result-selected {
    display: none;
}
.chzn-container .chzn-results-scroll {
    background: white;
    margin: 0 4px;
    position: absolute;
    text-align: center;
    width: 321px;
    z-index: 1;
}
.chzn-container .chzn-results-scroll span {
    display: inline-block;
    height: 17px;
    text-indent: -5000px;
    width: 9px;
}
.chzn-container .chzn-results-scroll-down {
    bottom: 0;
}
.chzn-container .chzn-results-scroll-down span {
    /*background: red url("/styles2/chosen-sprite.png") no-repeat -4px -3px;*/
}
.chzn-container .chzn-results-scroll-up span {
    /*background: blue url("/styles2/chosen-sprite.png") no-repeat -22px -3px;*/
}
/* @end */
/* @group Active  */
.chzn-container-active .chzn-single {

}
.chzn-container-active .chzn-single-with-drop {
    border: 1px solid #c8c8c8;
    -webkit-box-shadow: 0 1px 0 #fff inset;
    -moz-box-shadow   : 0 1px 0 #fff inset;
    box-shadow        : 0 1px 0 #fff inset;
    -webkit-border-bottom-left-radius : 0;
    -webkit-border-bottom-right-radius: 0;
    -moz-border-radius-bottomleft : 0;
    -moz-border-radius-bottomright: 0;
    border-bottom-left-radius : 0;
    border-bottom-right-radius: 0;
}
.chzn-container-active .chzn-single-with-drop div {
    background: transparent;
    border-left: none;
}
.chzn-container-active .chzn-single-with-drop div b {
    background-position: -18px 2px;
}
.chzn-container-active .chzn-choices {
    -webkit-box-shadow: 0 0 5px rgba(0,0,0,.3);
    -moz-box-shadow   : 0 0 5px rgba(0,0,0,.3);
    box-shadow        : 0 0 5px rgba(0,0,0,.3);
    border: 1px solid #5897fb;
}
.chzn-container-active .chzn-choices .search-field input {
    /*color: #111 !important;*/
}
.chzn-disabled {
    cursor: default;
    opacity:0.5 !important;
}
.chzn-disabled .chzn-single {
    cursor: default;
}
.chzn-disabled .chzn-choices .search-choice .search-choice-close {
    cursor: default;
}
/*-------------------------- Select End ------------------------*/




body#index .carousel {
    margin-left: -50px;
    height: 573px;
}

body#index .carousel .slide {
    height: 0;
    text-align: center;
    }
    body#index .carousel .slide img {
        border: none;
        }

    /* + carousel banners */
    .carousel-image {
        display: inline-block;
        background-position: 50% 0;
        background-repeat: no-repeat;
        }

    .carousel-image._index {
        margin-top: 10px;
        margin-left: 50px;
        width: 830px;
        height: 480px;
        background-image: url(img/banners/banner_jetbrains_index.png);
        }
    .mobile .carousel-image._index {
        margin: 0;
        width: 911px;
        height: 188px;
        background-image: url(img/banners/banner_jetbrains_index_min.png);
        }

    .carousel-image._idea13 {
        width: 930px;
        height: 572px;
        background-image: url(img/banners/banner_idea13_index.png);
        }
    .mobile .carousel-image._idea13 {
        width: 920px;
        height: 195px;
        background-image: url(img/banners/banner_idea13_index_min.png);
        }

    .carousel-image._ruby6 {
        width: 950px;
        height: 590px;
        background-image: url(img/banners/banner_ruby6_index.png);
        }
    .mobile .carousel-image._ruby6 {
        width: 963px;
        height: 200px;
        background-image: url(img/banners/banner_ruby6_index_min.png);
        }
    .carousel-image._webstorm8 {
        width: 950px;
        height: 590px;
        background-image: url(img/banners/banner_webstorm8_index.png);
        }
    .mobile .carousel-image._webstorm8 {
        width: 963px;
        height: 200px;
        background-image: url(img/banners/banner_webstorm8_index_min.png);
        }

    .carousel-image._dotmemory4 {
        width: 950px;
        height: 590px;
        background-image: url(img/banners/banner_dotmemory4_index.png);
        }
    .mobile .carousel-image._dotmemory4 {
        width: 963px;
        height: 200px;
        background-image: url(img/banners/banner_dotmemory4_index_min.png);
        }

    .carousel-image._appcode3 {
        width: 950px;
        height: 590px;
        background-image: url(img/banners/banner_appcode3_index.png);
        }
    .mobile .carousel-image._appcode3 {
        width: 963px;
        height: 200px;
        background-image: url(img/banners/banner_appcode3_index_min.png);
        }

    .carousel-image._phpstorm8 {
        width: 860px;
        height: 510px;
        background-image: url(img/banners/banner_phpstorm8_index.png);
        }
    .mobile #carousel .carousel-image._phpstorm8 {
        width: 968px;
        height: 200px;
        background-image: url(img/banners/banner_phpstorm8_index_min.png);
        }

    .carousel-image._webstorm9 {
        width: 950px;
        height: 590px;
        background-image: url(img/banners/banner_webstorm9_index.png);
        }
    .mobile #carousel .carousel-image._webstorm9 {
        width: 920px;
        height: 172px;
        background-image: url(img/banners/banner_webstorm9_index_min.png);
        }

    .carousel-image._youtrack6 {
        width: 950px;
        height: 590px;
        background-image: url(img/banners/banner_youtrack6_index.png);
        }
    .mobile #carousel .carousel-image._youtrack6 {
        width: 920px;
        height: 172px;
        background-image: url(img/banners/banner_youtrack6_index_min.png);
        }

    .carousel-image._pycharm-edu {
        width: 845px;
        height: 500px;
        background-image: url(img/banners/banner_pycharm-edu_index.png);
        }
    .mobile #carousel .carousel-image._pycharm-edu {
        width: 919px;
        height: 162px;
        background-image: url(img/banners/banner_pycharm-edu_index_min.png);
        }

    .carousel-image._idea14 {
        width: 950px;
        height: 590px;
        background-image: url(img/banners/banner_idea14_index.png);
        }
    .mobile #carousel .carousel-image._idea14 {
        width: 920px;
        height: 172px;
        background-image: url(img/banners/banner_idea14_index_min.png);
        }

    .carousel-image._youTrackPromo {
        width: 945px;
        height: 500px;
        background-image: url(img/banners/banner_youtrackPromo_index.png);
        }
    .mobile .carousel-image._youTrackPromo {
        width: 963px;
        height: 200px;
        background-image: url(img/banners/banner_youtrackPromo_index_min.png);
        }
    /* - carousel banners */

body#index .carousel #ui-carousel-next, body#index .carousel #ui-carousel-prev {
    /*left: -3em;*/
    left: 30px;
}
body#index .carousel #ui-carousel-next {
    right: -20px;
    left: auto;
}
body#index .carousel #ui-carousel-next span, body#index .carousel #ui-carousel-prev span {
    width: 25px;
    height: 55px;
    background-position: 0 -103px;
}
body#index .carousel #ui-carousel-next span {
    background-position: 0 -166px;
}
body#index #pages {
    position: absolute;
    bottom: 8px;
    right: 20px;
}
body#index .bullet {
    float: left;
    display: block;
    margin-top: 1.5em;
    margin-right: 1em;
    width: 16px;
    height: 16px;
    border: solid 3px transparent;
    border-radius: 11px;
    -webkit-box-shadow: inset -3px -3px 6px 6px #aca9a4, inset 0 0 3px 2px #9e9995;
            box-shadow: inset -3px -3px 6px 6px #aca9a4, inset 0 0 3px 2px #9e9995;
}
body#index .bullet.on {
    background-color: #fff;
    border: solid 3px #ababab;
    -webkit-box-shadow: none;
            box-shadow: none;
}

body#index .all_products a {
    position: relative;
    display: block;
    padding-left: 1.3em;
}
body#index .all_products a:before {
    content: "\00BB";
    position: absolute;
    top: -.02em;
    left: .2em;
    font-size: 34px;
    font-weight: normal;
    -webkit-transform: rotate(90deg);
    -moz-transform: rotate(90deg);
    -o-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    transform: rotate(90deg);
}
body#index .all_products.open a:before {
    left: 0;
    -webkit-transform: rotate(-90deg);
    -moz-transform: rotate(-90deg);
    -o-transform: rotate(-90deg);
    -ms-transform: rotate(-90deg);
    transform: rotate(-90deg);
}


body#index #create h4 {
    margin-bottom: 1em;
    color: #b7b5b1;
    text-shadow: none;
    font-family: "GraublauSlab-Semibold", Helvetica, Arial, sans-serif;
}


/*body#products.products #banners {
    margin-bottom: 0;
    padding-bottom: 0;
    background-color: #fff;
}
body#products.products #create {
    padding-top: 2em;
    background-color: #edf3f6;
    border-top: solid 2px #bdbbbc;
}
body#products.products #main {
    margin-bottom: 0;
    padding-top: 2em;
    background-color: #f2f1f2;
    border-top: solid 2px #bdbbbc;
}*/
body#products.products #main {
    margin-bottom: -1.4em;
}
body#products.products #main .container {
    width: auto;
}
body#products.products #main .container .wrap {
    margin: 0 auto;
    width: 923px;
}
body#products.products #main .container #technology_wrap {
    padding-top: 2em;
    background-color: #edf3f6;
    border-top: solid 2px #bdbbbc;
}
body#products.products #main .container #research_wrap {
    padding-top: 2em;
    background-color: #f2f1f2;
    border-top: solid 2px #bdbbbc;
}
body#products.products #main .container #education_wrap {
    padding-top: 2em;
    background-color: #fff;
    border-top: solid 2px #bdbbbc;
}
body#products.products #create h2 {
    color: #87a8b8;
}
body#products.products h1 {
    font-size: 320%;
}
body#products.products h2 {
    font-size: 257%;
    line-height: 1.1em;
    font-family: "GraublauSlab-Semibold", Helvetica, Arial, sans-serif;
}
#products .intro {
    font:400 normal 26px/36px "GraublauSans-Regular", Helvetica, Arial, sans-serif;
    color:#a9a9a9;
}
#products #sidemenu ul.tree {
    background-color:#fff;
    background-color:rgba(255,255,255,.6);
}
#products #sidemenu ul.tree > li.selected {
    border-color:#fff;
    background:#f6f5f3;
}
#products #sidemenu ul.tree > li.selected a {
    color:#4c4c4c;
}
#products #sidemenu ul.tree > li.selected:before {
    position: absolute;
    top:0;
    bottom:0;
    left:100%;
    width:50px;
    background:url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADMAAABkCAMAAAAc9PhXAAABMlBMVEX///////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////8AAAD29fPf39/e3t7h4eH09PL+/v709PTn5+f19fPu7u7o6Ofj4+P29vb9/f37+/vu7u319PPg4OD5+fni4uLw8O7x8e/v7+/v7+76+vry8vDk5OPx8fHs7Oz08/Hn5+bm5uXq6unp6enz8/Hj4uLg4N/z8vHi4uH19fXh4eDp6ejo5+bt7e3w8PD39/fg39/r6+vl5eTq6ej4+Pjw7+7k5OTs6+r8/Pzl5eXx8O/m5ubt7Ovu7ezo6Ojs7Ovt7ezy8vLk4+NuUfpJAAAAJXRSTlMiMyi7W5+ZLY6IfTlswXfGgqQRVT5PRJPMCwaPF9dgsGaqHNIANBfB6AAAAb5JREFUeF692EVzG0EQQOE2B2xFdmzHkrVKpJneXSGDmZkpzPT//0Ju6oouqndx37+qd9jt6hrR/6aig1Nez/mBER0yH+ouQ42GrSw2+xZnZmhckKHG4szwOFEeJwrigLm2ODND41yeGg03s8BYHDVfLc4MixMFccisWpwZFCfK40RpnJnhcW+wqVVz2KzWg7wZEEdNrfoaGPvmqNH7fpwojxPlcaI8TpTHifI4UR4nyuNEeZwojxNlcdisrQR5M+iHEOVxojxOlMeJ8jhRGOeEGj3tTZsBcaI4rm9AHDe16rIojuNmK+bm3S438XtPzVnXYXP4MIPNeSNBzV7oRqj5dPTCU1O/SFJTCIvz1Pw6WkpTs1166qHpRMVFan6XXZqat39eeWgqUXOBmvY3l6LmYGfSQ1OJPr+kZuOjm6Nm/3bWUxO1xvm9E2T4XZV7jPttbYXfiVc3/B7t9qap2YrdKDWHu2OemvguQc1x6KaA6a9pak4az6jZC91zYGxNQ/O3lKSmEBXnqfn+cylNzXbpiYemEzUXqflRdilgbE0DY2samfYXl6LmYGfCA2NrGhhb0/AtbdZDU7jczA6Yf1Sq7DIBS0mDAAAAAElFTkSuQmCC") 100% 50% no-repeat;
    content:'';
}


body#index #create h3.product, body.products h3.product {
    position: relative;
    font-size: 210%;
    font-weight: bold;
    font-family: "GraublauSans-Regular", Helvetica, Arial, sans-serif;
}
body.products h3.product {
    font-size: 180%;
    font-weight: bold;
}
body#index #create h3.product a, body.products h3.product a {
    padding-left: 65px;
    position: relative;
    display: block;
    text-decoration: none;
}
body.products h3.product .icon {
    position: absolute;
    left: 0;
    bottom: 2px;
}

/*@refactoring
body.products h3.product .product-logo {
    position: absolute;
    top:-15px;
    left:0;
}
.products h3.product.idea .product-logo,
.products h3.product.dt .product-logo   {top: -20px}
.products h3.product.rs .product-logo   {top: 0}
.products h3.product.dp .product-logo   {top: -17px}
.products h3.product.mps .product-logo  {top: -5px}*/

body.products h3.product.mps a {
    padding-left:100px;
}

body.products h3.product span {
    margin-top: .4em;
    display: block;
    font-size: 50%;
    color: #8c8c8c;
    font-weight: normal;
    line-height:1;
}
body#index #create .button, body.products .button {
    margin: -.5em .8em 4em 0;
    padding-top: .4em;
    padding-bottom: .4em;
    color: #fff;
    background-color: #4a95c4;
    -moz-box-shadow: 4px 4px 0 0 #ebebeb;
    -webkit-box-shadow: 4px 4px 0 0 #ebebeb;
    box-shadow: 4px 4px 0 0 #ebebeb;
}
body#index #create .button:hover, body.products .button:hover {
    background-color: #5c9fca;
}
body#index #create h3.product sup {
    position: relative;
    display: inline-block;
    margin-top: -.1em;
    margin-left: 1em;
    padding: 5px 8px 5px 8px;
    background: #fff;
    border: solid 1px #ddd;
    border-radius: 4px;
    color: #4f5152;
    font-size: 14px;
    font-weight: normal;
    white-space: nowrap;
    line-height: 1em;
    vertical-align: top;
    text-decoration: none;
    -webkit-box-shadow: 1px 1px 3px #f8f8f8;
            box-shadow: 4px 4px 0 0 #f0f0f0;
}
.mac body#index #create h3.product sup {
    margin-top: -.4em;
}
body#index #create h3.product sup:before, body#index #create h3.product sup:after {
    content: "";
	position: absolute;
	border-style: solid;
    display: block;
    width: 0;
    bottom: auto;
}
body#index #create h3.product sup:before {
    top: 6px;
	left: -6px;
	border-width: 5px 6px 5px 0;
	border-color: transparent #ddd;
}
body#index #create h3.product sup:after {
    top: 7px;
	left:-5px;
	border-width: 4px 6px 4px 0;
	border-color:transparent #fff;
}
body#index #create .banner,
.products-block .banner {
    margin-top: -32px;
    margin-left: -29px;
    padding: 32px 2% 40px;
    width: 20%;
    line-height: 1.4;
    border-radius: 1.5em;
    background: url("img/banners/index_product_banner_ruby.png") no-repeat 70% 95%;
    border: dashed 2px #e4e5e6;
}
body#index #create .banner h4 a,
.products-block .banner h4 a {
    color: #474747;
    font-size: 34px;
}
body#index #create .banner h4 small,
.products-block .banner h4 small {
    font-size: 70%;
}
.products-block .banner h4 small {
    margin-top: 8px;
    display: inline-block;
    line-height: 1.1;
}
.products-block .banner {
    margin-top: 30px;
    }
    .products-block .banner h4 {
        margin-bottom: 20px;
        font-family:"GraublauSlab-Semibold",Helvetica,Arial,sans-serif;
        font-size:32px;
        line-height:22px;
    }
    .products-block .banner ul {
        margin-bottom: 0;
        padding-right: 5px;
        }
        .products-block .banner ul li {
            margin-bottom: 8px;
        }


/* + Products */
#index .products {
    padding-top:0;
    }

.products-block {
    min-height:490px;
    }
    .products-block h4 {
        margin:0 auto 8px;
        color:#acabac;
        font:400 20px "GraublauSlab-Regular",Helvetica,Arial,sans-serif;
        }
    .products-block ul + h4 {
        margin-top:20px;
        }

    /* menu */
    .products-menu {
        float:right;
        margin:0 80px 20px 0;
        padding:7px 0 0;
        font:400 22px/32px "GraublauSlab-Regular",Helvetica,Arial,sans-serif;
        }
        .products-menu__item {
            position:relative;
            float:left;
            margin:0 7px;
            padding:0 5px;
            border-bottom:1px solid transparent;
            }
        .products-menu__item:before {
            position:absolute;
            left:50%;
            top:100%;
            margin:0 0 0 -7px;
            height:1px;
            width:1px;
            content:'';
            border:7px solid transparent;
            }
        .products-menu__item,
        .products-menu__item:before {transition:border-color .3s ease}

        .products-menu__item_active {border-bottom-color:#bdbbbc}
        .products-menu__item_active:before {border-top-color:#bdbbbc}
        .products-menu__item_active a {color:#404041}


    /* products-featured */
    .products-featured {
        /*min-height: 442px;*/
        font-size:13px;
        }
        .products-featured h3 {
            margin:7px auto 8px;
            }

    /* products-all */
    .products-all {
        display:none;
        /*min-height: 442px;*/
        }

    .products-all .product-link._mps {
        padding-left: 70px;
    }

    /* products-col */
    .products .products_col {
        /*margin: 0 0 0 2%;
        width:48%;*/
        padding: 0;
        margin-left: 2%;
        width: 36%;
        }
    .products .products_col:first-child {margin-left:0}
        .products .products_col p {
            /*font-size: 17px;
            margin-bottom: 17.5px;*/
            margin-bottom: 30px;
            font-size: 100%;
        }


        .products .products-block_banner .products_col p {
            font-size: 118%;
        }

    .products-block ul {
        padding-right:15px;
    }


    /* product-name */
    .products-block .product-name {
        margin-top: 20px;
        margin-bottom: 16.5px;
        position: relative;
        font:400 31px/45px 'Open Sans',Helvetica,Arial,sans-serif;
        }
        .products .product-name a {
            position:relative;
            display:block;
            padding-left:64px;
            text-decoration:none;
            }
        .products .product-name .product-logo {
            position:absolute;
            top:-5px;
            left:0;
            width:64px;
            height:64px;
            }


    /* product-label */
    .product-name sup {
        position:relative;
        top:10px;
        display:inline-block;
        margin-left:14px;
        padding:5px 8px;
        border:solid 1px #ddd;
        background:#fff;
        color:#4f5152;
        font-size:14px;
        font-weight:normal;
        line-height:1em;
        text-decoration:none;
        vertical-align:text-top;
        white-space:nowrap;
        border-radius:4px;
        -webkit-box-shadow:1px 1px 3px #f8f8f8;
                box-shadow:4px 4px 0 0 #f0f0f0;
    }
    .product-name sup:before,
    .product-name sup:after {
        position:absolute;
        bottom:auto;
        display:block;
        width:0;
        border-style:solid;
        content:'';
    }
    .product-name sup:before {
        top:6px;
        left:-6px;
        border-width:5px 6px 5px 0;
        border-color:transparent #ddd;
    }
    .product-name sup:after {
        top:7px;
        left:-5px;
        border-width:4px 6px 4px 0;
        border-color:transparent #fff;
    }

    /* buttons */
    .products-block .button {
        margin:-8px 14px 65px 0;
        padding:6px 16px;
        background-color:#4a95c4;
        color:#fff;
        -webkit-box-shadow:4px 4px 0 0 #ebebeb;
                box-shadow:4px 4px 0 0 #ebebeb;
        }
    .products-block .button:hover {background-color:#5c9fca}

/* - Products */



/* + JetbrainsDay */
.products .jetbrainsday {
    clear: both;
    border-top: 1px solid #bdbbbc;
    }
    .jetbrainsday .jetbrainsday-banner {
        display: block;
        overflow: hidden;
        padding: 28px 0 28px 250px;
        color: #3c3c3c;
        text-decoration: none;
        white-space: nowrap;
        }

    .jetbrainsday__place {
        float: left;
        margin-left: -250px;
        padding: 16px 0 0 80px;
        width: 140px;
        height: 66px;
        background: #3c3c3c url(img/icons/icon-foocafe.png) no-repeat 21px 50%;
        color: #fff;
        font-size: 16px;
        line-height: 25px;
        }
    .jetbrainsday__date {
        font: 23px/25px 'GraublauSlab-Regular', Georgia, 'Times New Roman', Times, serif;
        }
    .jetbrainsday__title {
        margin-top: 4px;
        display: block;
        font: 24px/30px 'GraublauSlab-Regular', Georgia, 'Times New Roman', Times, serif;
        }
    .jetbrainsday__slogan {
        color: #3c8b45;
        font: 44px/45px 'GraublauSlab-Regular', Georgia, 'Times New Roman', Times, serif;;
        vertical-align: bottom;
        -webkit-transition: color 0.3s;
                transition: color 0.3s;
        }
    .jetbrainsday__button {
        display: inline-block;
        margin: 0 0 5px 15px;
        padding: 8px 0 11px;
        width: 107px;
        height: 12px;
        background: #3c8b45;
        color: #fff;
        font-size: 17px;
        line-height: 12px;
        vertical-align: bottom;
        text-align: center;
        -webkit-transition: background 0.3s;
                transition: background 0.3s;
        }
    .mac .jetbrainsday__button { margin-bottom: 10px }


    .jetbrainsday-banner:hover .jetbrainsday__slogan { color: #46b253 }
    .jetbrainsday-banner:hover .jetbrainsday__button { background-color: #47b253 }
/* - JetbrainsDay */


body#index #news ul {
    padding-left: 25%;
    min-height: 170px;
    background: url("img/design/bgNewsIndex.png") no-repeat 0 0;
}
body#index #news ul li {
    margin-left: 10%;
    padding-top: 2em;
    float: right;
    font-size: 110%;
}
body#index #news ul li strong {
    display: block;
    font-size: 140%;
    font-weight: normal;
    margin-bottom: 7px;
}
body#index #news ul li a {
    margin-top: .3em;
    display: block;
}

body#index h2 {
    padding: 2em 0 1.5em 3.7em;
    position: relative;
    font-weight: bold;
}
body#index h2:before {
    margin: -2em 0 0 -4.4em;
    content: "";
    position: absolute;
    width: 170px;
    height: 160px;
    background: url("img/icons/icoTitleIndex.png") no-repeat 0 0;
}
body#index h2.languages:before {
    background-position: 0 0;
}
body#index h2.you:before {
    background-position: -5px -170px;
}
body#index h2.customer:before {
    background-position: 0 -340px;
}
body#index #lab p {
    color: #92a7b5;
    font-size: 140%;
}
body#index .technologies {

}
body#index .technologies li {
    margin-right: .5%;
    margin-bottom: .2em;
    float: left;
    width: 33%;
}
body#index .technologies li:nth-child(3n+3) {
    margin-right: 0;
}
body#index .technologies li a {
    padding: 20px 15px 20px 63px;
    display: block;
    position: relative;
    font-size: 19px;
    height: 21px;
    line-height: 23px;
    text-decoration: none;
    background-color: #fff;
    border-radius: 6px;
    -webkit-box-shadow: 3px 3px 0 0 #dde8f1;
            box-shadow: 3px 3px 0 0 #dde8f1;
}
.macos body#index .technologies li a {
    line-height: 25px;
}
body#index .technologies li .icon {
    margin-top: 0;
    top: 0;
    left: 20px;
    position: absolute;
    width: 36px;
    height: 40px;
    opacity: .5;
    background: url("img/logos/spriteTechnologies.png") no-repeat 0 0;
    content: "";
}
body#index .technologies li.more .icon {
    display:none;
}
body#index .technologies li.net .icon {
    top: 22px;
    background-position: 0 0;
}

body#index .technologies li.php .icon {
    top: 23px;
    background-position: 0 -45px;
}

body#index .technologies li.android .icon {
    top: 14px;
    margin-left: 4px;
    background-position: 0 -90px;
}

    body#index .technologies li.php a,
    body#index .technologies li.android a {padding-left: 68px;}

body#index .technologies li.java .icon {
    top: 10px;
    background-position: 0 -135px;
}
body#index .technologies li.js .icon {
    top: 21px;
    background-position: 0 -180px;
}
body#index .technologies li.os .icon {
    top: 10px;
    background-position: 0 -223px;
}
body#index .technologies li.ruby .icon {
    top: 13px;
    background-position: 0 -265px;
}
body#index .technologies li.django .icon {
    top: 14px;
    background-position: 0 -311px;
}


body#index .technologies li a:hover .icon {
    opacity: 1;
}

body#index ul.your {
    margin-bottom: 2em;
}
body#index ul.your li {
    padding-left: 3%;
    padding-right: 5%;
    float: left;
    width: 25%;
    background: url("img/design/bulletIndex.png") no-repeat 0 7px;
}
body#index ul.your li a {
    font-size: 130%;
}

body#index #customers p {
    color: #c49f70;
    font-size: 140%;
}
body#index #customers .quote {
	position: relative;
}
body#index .quote .bubbles {
	position: absolute;
    left: 3em;
    bottom: -12px;
	background: #fff;
    width:56px;
	height:32px;
    -webkit-border-top-left-radius: 240px 140px;
	-webkit-border-top-right-radius: 240px 140px;
	-webkit-border-bottom-right-radius: 240px 140px;
	-webkit-border-bottom-left-radius: 240px 140px;
	        border-radius: 240px / 140px;
    -webkit-box-shadow: 0 3px 0 0 #efe3bf;
            box-shadow: 0 3px 0 0 #efe3bf;
}
body#index .quote .bubbles:before, body#index .quote .bubbles:after {
	content:"";
	position:absolute;
    display:block;
	z-index:10;
	left: 1.8em;
    bottom:-18px;
    width:27px;
	height:17px;
	background: #fff;
	-webkit-border-top-left-radius: 150px 100px;
	-webkit-border-top-right-radius: 150px 100px;
	-webkit-border-bottom-right-radius: 150px 100px;
	-webkit-border-bottom-left-radius: 150px 100px;
	        border-radius: 150px / 100px;
    -webkit-box-shadow: 3px 3px 0 0 #efe3bf;
            box-shadow: 3px 3px 0 0 #efe3bf;
}
body#index .quote .bubbles:after {
    left: 3em;
    bottom:-26px;
	width: 9px;
	height:7px;
	-webkit-border-top-left-radius: 40px 30px;
	-webkit-border-top-right-radius: 40px 30px;
	-webkit-border-bottom-right-radius: 40px 30px;
	-webkit-border-bottom-left-radius: 40px 30px;
            border-radius: 40px / 30px;
}
body#index #customers .quote p {
    margin-bottom: 0;
    padding: 1em 2em;
    text-indent: 1em;
    position: relative;
	color: #8c8c8d;
    font-style: italic;
    font-family: "Trebuchet MS", Myriad, Helvetica, Arial, sans-serif;
    background: #fff;
    border-radius: 13px;
    -webkit-box-shadow: 3px 3px 0 0 #efe3bf;
            box-shadow: 3px 3px 0 0 #efe3bf;
}
body#index #customers .quote p:before, body#index #customers .quote p:after {
    margin-left: -50px;
    content: "\201C";
    position: absolute;
    top: -8px;
    color: #d9d8d8;
    font-size: 70px;
    vertical-align: middle;
    font-family: Georgia, Myriad, Helvetica, Arial, sans-serif;
}
.ie body#index #customers .quote p:before, body#index #customers .quote p:after {
    margin-left: -1.4em;
}
.safari body#index #customers .quote p:before, body#index #customers .quote p:after {
    margin-left: -30px;
}
body#index #customers .quote p:after {
    margin-left: -.3em;
    content: "\201D";
    top: auto;
    bottom: -27px;
}
.ie body#index #customers .quote p:after {
    margin-left: -1.1em;
}
body#index #customers .quote .autor {
    margin: 1.7em 0 0 9em;
    font-size: 110%;
}

body#index #customers .awards {
    position: relative;
}
body#index #customers .awards h3 {
    margin: 0 30px 1.5em 30px;
    padding: .2em 0;
    position: relative;
    z-index: 10;
    text-transform: uppercase;
    color: #f7f0da;
    font-size: 180%;
    text-align: center;
    background:#c98a39;
    border: solid 3px #f7f0da;
	border-radius:6px;
}
body#index #customers .awards .ribbon {
    position: absolute;
    z-index: 0;
    overflow: hidden;
    top: 13px;
    left: 0;
    height: 31px;
    width: 58px;
    display: block;
	background:#c98a39;
	border-radius:4px;
}
body#index #customers .awards .ribbon.right {
    left: auto;
    right: 0;
}
body#index #customers .awards .ribbon:before {
    content:"";
	position:absolute;
	top:50%;
    left: 0;
	width:20px;
	height:16px;
	margin:-8px 0 0 0;
	background:#f7f0da;
}
body#index #customers .awards .ribbon.right:before {
    left: auto;
	right: 0;
}
body#index #customers .awards .ribbon:after {
	content:"";
	position:absolute;
	bottom:3px;
    left: 0;
    height:50%;
    width:20px;
    background:#c98a39;
	border-top-left-radius:30px;
}
body#index #customers .awards .ribbon.right:after {
    left: auto;
	right: 0;
	border-top-right-radius:30px;
	border-top-left-radius:0;
}
body#index #customers .awards .ribbon > :first-child:before {
	content:"";
	position:absolute;
	top:3px;
    left:0;
    height:50%;
    width:20px;
    background:#c98a39;
	border-bottom-left-radius:30px;
}
body#index #customers .awards .ribbon.right > :first-child:before {
    left: auto;
	right:0;
	border-bottom-right-radius:30px;
	border-bottom-left-radius:0;
}
body#index #customers .awards ul {
    margin-bottom: 1.5em;
}
body#index #customers .awards ul img {
    width: 100%;
}
body#index #customers .customers-all {
    margin-top: 4.7em;
    margin-bottom: 1.5em;
    width: 641px;
    height: 88px;
}
body#index #customers .customers-all li a {
    width: 641px;
    height: 50px;
}


/*------------------------------ products start ------------------------------*/
body.products #content {
    position: relative;
}
#content #sidemenu .tree {
    /*margin-top: 430px;
    position: fixed;
    top: 0;
    width: 290px;*/
}
#sidemenu ul.tree {
    margin-left: 0;
    margin-right: 15px;
    list-style: none;
}
#sidemenu ul.tree > li {
    margin-bottom: -1px;
    border-left: solid 1px #fff;
    border-top: solid 1px #e0e0e0;
    border-bottom: solid 1px #e0e0e0;
}
#sidemenu ul.tree > li:first-child {
    /*border-top: solid 1px transparent;*/
}
#sidemenu ul.tree > li.selected {
    color: #454545;
    background: #edf3f6;
    position: relative;
	border: solid 1px #edf3f6;
    border-right: none;
}
#sidemenu ul.tree > li > a,
#sidemenu ul.tree > li > span {
    padding: 11px;
    font-size: 15.5px;
    line-height: 20px;
    display: block;
}
#sidemenu ul.tree ul {
    margin: 0 0 0 -1px;
    padding: 10px 15px 10px 25px;
    background-color: #F7FAFB;
}
#sidemenu ul.tree ul li {
    position: relative;
}
#sidemenu ul.tree ul li:before {
    position: absolute;
    margin-left: -12px;
    content: "-";
}
#sidemenu ul.tree ul .selected {
    color: #333;
}

body.products .section h2 {
    margin-bottom: 1.2em;
}
body.products .section h4 {
    margin-bottom: 2.5em;
    padding: .2em;
    background-color: #a5beca;
    text-align: center;
    color: #fff;
    font-family: "GraublauSlab-Semibold", Helvetica, Arial, sans-serif;
    border-radius: 20px;
    -webkit-box-shadow: inset 3px 3px 3px 0 rgba(0, 0, 0, 0.1), 1px 1px 0 0 #fff;
            box-shadow: inset 3px 3px 3px 0 rgba(0, 0, 0, 0.1), 1px 1px 0 0 #fff;
}
body.products .section .latest {
    margin-top: .3em;
    margin-bottom: 0;
    color:#949494;
}
body.products .section .info {
    margin-top: -.6em;
    padding-left: 38px;
    position: relative;
    line-height: 1.2em;
    color: #7f99a6;
}
body.products .section .info:before {
    margin-top: .3em;
    margin-left: -38px;
    content: "";
    position: absolute;
    width: 28px;
    height: 28px;
    background: url("img/icons/icoInfo.png") no-repeat 0 -52px;
}




/*------------------------------ products end ------------------------------*/
