﻿@charset "utf-8";
/* CSS Document */

/*  common */
#content-holder DIV.AVsizer {
    padding: 0px 0 60px;
}

#content-holder H1,
#content-holder H2,
#content-holder H3 {
    text-align: center;
}

#content-holder H3 {
    font-family: 'Roboto', 'Open Sans', Arial, Helvetica, sans-serif;
    font-weight: 300;
    padding: 4px 0 28px 0;
    /* text-shadow: 0px 1px 1px rgba(0,0,0,0.1); */
}

    #content-holder H3.orange {
        color: #005387;
        font-size: 43px;
    }

/* general paragraph */
.row P {
    font-size: 18px;
}


/* top */
#content-holder #top DIV.AVsizer {
    padding: 0;
    min-height: 490px;
    text-align: center;
}

#top H1 {
    padding: 100px 0 28px;
    font-size: 55px;
    /* text-shadow: 0 1px 1px rgba(0,0,0,0.2); */
}

#top H2 {
    padding: 0 80px 30px;
    font-size: 18px;
    line-height: 30px;
    color: #fff;
}

#top .butt-holder {
    position: absolute;
    bottom: 95px;
    left: 0;
    width: 100%;
    text-align: center;
    z-index: 9999;
}

#top .slider .slider-slides .slide2,
#top .slider .slider-slides .slide3 {
    display: none;
}

#top.bg-slide-1 {
    background-image: url(hp-slide-1.jpg);
    background-repeat: no-repeat;
}

.slide2:before {
    content: ' ';
    background: url(hp-slide-2.jpg) no-repeat -9999px -9999px;
}

#top.bg-slide-2 {
    background-image: url(hp-slide-2.jpg);
    background-repeat: no-repeat;
}

​
/* test results  slider */
#results .frame {
    float: left;
}

#results .arrow a {
    width: 70px;
    height: 70px;
    position: absolute;
    top: 100px;
    zoom: 1;
    font-size: 0;
    text-decoration: none;
    background-color: #DFE1E3;
    background-repeat: no-repeat;
    background-image: url(../i/arrows-l.png);
    -webkit-border-radius: 35px;
    -moz-border-radius: 35px;
    border-radius: 35px;
    behavior: url(/pie/pie.htc);
}

    #results .arrow a:hover {
        background-color: #0090C5;
    }

    #results .arrow a.disabled:hover {
        background-color: #DFE1E3;
        cursor: default;
    }

#results .arrow.la a {
    left: -90px;
    background-position: 11px -124px;
}

#results .arrow.ra a {
    right: -90px;
    background-position: 18px 15px;
}

#results .slider .control {
    bottom: -40px;
}

    #results .slider .control SPAN.bullet {
        border: 1px solid #CCC;
    }

    #results .slider .control .active SPAN.bullet {
        background-color: #CCC;
        border: 1px solid #CCC;
    }

#results H2,
#results P,
#results UL {
    text-align: left;
    position: relative;
    left: 100px;
}

#results H2 {
    padding-bottom: 15px;
}

#results IMG {
    position: absolute;
    right: 70px;
    top: 15px;
}


/*  features */
#features {
}

    #features DIV.AVsizer,
    #features .row [class*="span"] {
        padding-bottom: 0px;
    }

    #features .row.pitch {
        border-bottom: 1px solid #dde0e3;
        min-height: 384px;
        position: relative;
    }

        #features .row.pitch.pre {
            border-bottom: none;
        }

        #features .row.pitch.ise,
        #features .row.pitch.pre {
            padding-top: 80px;
        }

    #features .row H4 {
        font-size: 16px;
        min-height: 2em;
        line-height: 25px;
        padding: 0 0 20px;
    }

    #features .button {
        display: inline-block;
        margin: 15px 0 30px;
    }

        #features .button SPAN {
            padding: 10px 24px 10px;
        }

    #features .row.ise H4,
    #features .row.ise P {
        padding-left: 20px;
    }

    #features .row.ise .button {
        margin-left: 20px;
    }

    #features .row.fav H4,
    #features .row.fav P,
    #features .row.pre H4,
    #features .row.pre P {
        padding-right: 20px;
    }

    #features .row.pitch IMG {
        position: absolute;
        bottom: 0;
    }

    #features .row.pitch.fav IMG,
    #features .row.pitch.pre IMG {
        right: 0;
    }

    #features .row.pitch.ise IMG {
        left: 0;
    }


/* upgrade */
#upgrade P.subtitle {
    text-align: center;
    font-size: 20px;
}

#upgrade TABLE {
    margin: 30px auto 0;
    width: 90%;
}

    #upgrade TABLE.tab-com.upper TR TD {
        border-bottom: none !important;
    }

    #upgrade TABLE.tab-com H3 {
        color: #363D47;
        padding: 0;
        font-family: 'Open Sans', Arial, Helvetica, sans-serif;
        font-size: 16px;
        font-weight: bold;
    }

        #upgrade TABLE.tab-com H3 A {
            color: #363D47;
            text-decoration: none;
        }

#upgrade .stars {
    text-align: center;
    padding-top: 5px;
}

    #upgrade .stars SPAN {
        display: inline-block;
        width: 20px;
        height: 20px;
        background: transparent url(../i/home/icon-star.png) 50% 50% no-repeat;
    }

        #upgrade .stars SPAN.no {
            display: none;
            background: transparent url(../i/home/icon-star-gray.png) 50% 50% no-repeat;
        }

#upgrade TABLE.tab-com TR.products TD IMG {
    max-width: 120px;
    max-height: 120px\9;
}

#upgrade TABLE.tab-com TD.val {
    width: 25%;
}

    #upgrade TABLE.tab-com TD.val.empty {
        background-color: transparent !important;
    }

#upgrade TABLE.tab-com TD.txt B {
    display: block;
}

#upgrade TABLE TR TD:nth-child(2),
#upgrade TABLE TR TD:nth-child(3) {
    background-color: #F4F5F7;
    border-right: 10px solid #FFF;
}

#upgrade TABLE TR TD:nth-child(4) {
    background-color: #fff5e5;
}

#upgrade TABLE.tab-com.lower TR.bottom TD {
    background-color: transparent;
}

#upgrade TABLE.tab-com.upper TR.bottom TD P.trial {
    padding: 4px 0 0;
    font-size: 11px;
}

#upgrade TABLE.tab-com.lower TR.bottom TD P.trial {
    padding: 4px 0 15px;
    font-size: 11px;
}

TABLE.tab-com TR.bottom TD .button.white SPAN {
    padding: 10px 20px;
    width: auto;
}

/* mobile */
#mobile .row .stars {
    padding-top: 30px;
}

    #mobile .row .stars P {
        padding: 0 0 30px;
    }

    #mobile .row .stars IMG {
        margin: 0 0 30px;
    }

#mobile .row .img {
    text-align: center;
}

    #mobile .row .img IMG {
        max-width: 200px;
        max-height: 280px\9;
        width: 80%;
    }

#mobile .button SPAN {
    padding: 10px 30px 11px;
}

/* secureline */
#secureline .row .img {
    text-align: center;
}

    #secureline .row .img IMG {
        max-width: 220px;
        max-height: 220px\9;
        width: 80%;
    }

#secureline .button {
    position: relative;
    top: 20px;
}

    #secureline .button SPAN {
        padding: 10px 30px 11px;
    }


/* logos */
#content-holder #logos {
    display: none;
}

    #content-holder #logos DIV.AVsizer {
        padding: 0;
        height: 60px;
        background: transparent url(../i/home/hp-loga.png) 50% 50% no-repeat;
    }


/*  results local content */

/* de */
#results .AVtest P {
    width: 400px;
    font-size: 14px;
}

#results .AVtest IMG {
}

#results .Chip P {
    width: 500px;
    font-size: 14px;
}

#results .Chip IMG {
    right: 120px;
}

#graphBox A.reslink {
    display: block;
    line-height: 60px;
    padding-left: 110px;
    background: transparent url(../i/awards/logo-av-oct2012.png) 0% 50% no-repeat;
    font-size: 14px;
}

/* ru */
#results .frame.ru-ru.first H2 {
    width: 450px;
}

#results .frame.ru-ru.first P {
    width: 380px;
    font-size: 14px;
}

#results .frame.ru-ru.second H2 {
    width: 550px;
}

#results .frame.ru-ru.second P {
    width: 460px;
    font-size: 14px;
}

#results .frame.ru-ru.second IMG {
    top: 0;
}

#results .frame.ru-ru.second A.logolink {
    display: block;
    margin-left: 100px;
    text-align: left;
    background: transparent url(../i/awards/anti-malware-ru.png) 0% 50% no-repeat;
    font-size: 14px;
    height: 80px;
    width: 300px;
}

    #results .frame.ru-ru.second A.logolink P {
        padding-top: 10px;
        width: auto;
    }


#firstPopRU A.reslink {
    display: block;
    line-height: 60px;
    padding-left: 110px;
    background: transparent url(../i/awards/logo-av-oct2012.png) 0% 50% no-repeat;
    font-size: 14px;
}

#secondPopRU A.reslink {
    display: block;
    line-height: 90px;
    padding-left: 100px;
    background: transparent url(../i/awards/anti-malware-ru.png) 0% 50% no-repeat;
    font-size: 14px;
}

/* br */
#results .frame {
    min-height: 160px;
}

#results.mod-pt-br H2,
#results.mod-pt-br P,
#results.mod-pt-br UL {
    width: 500px;
}

#results.mod-pt-br H2 {
    padding-bottom: 20px;
}

#results.mod-pt-br P {
    font-size: 14px;
}

#results.mod-pt-br .logo IMG {
    position: absolute;
    right: 110px;
    top: 40px;
}

#results.mod-pt-br .txt-graph H2,
#results.mod-pt-br .txt-graph P {
    width: 350px;
}

#results.mod-pt-br .txt-graph IMG {
    position: absolute;
    right: 70px;
    top: 0px;
}


/*  MEDIA */
@media (max-width: 767px) {


    #content-holder DIV.AVsizer {
        padding: 30px 0;
    }

    /* top for mobiles */
    #top {
        background-image: none !important;
    }

        #top H1 {
            padding: 30px 0 28px;
        }

        #top H2 {
            color: #4A5666;
            padding: 0 0 30px;
        }

        #top .butt-holder {
            position: relative;
            top: 0;
            left: 0;
            width: 100%;
            text-align: center;
            padding: 0 0 30px;
        }

    /* hiding big images */
    #features .row IMG {
        display: none;
    }

    #secureline .row [class*="span"] {
        text-align: center;
    }

    #secureline .row .img {
        display: none;
    }

    #upgrade TABLE {
        width: 100%;
    }

    #features DIV.AVsizer {
        padding: 0;
    }

    #features .row.pitch {
        padding-bottom: 10px;
        min-height: 1px;
    }

        #features .row.pitch.ise,
        #features .row.pitch.pre {
            padding-top: 30px;
        }

    #features .row.ise H4,
    #features .row.ise P {
        padding-left: 0;
    }

    #features .row.ise .button {
        margin-left: 0;
    }


    /* hiding local slider */
    #results {
        display: none;
    }
}

@media only screen and (min-width: 768px) and (max-width: 1007px) and (-moz-min-device-pixel-ratio: 1.5), only screen and (min-width: 768px) and (max-width: 1007px) and (-o-min-device-pixel-ratio: 3/2), only screen and (min-width: 768px) and (max-width: 1007px) and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min-width: 768px) and (max-width: 1007px) and (min-device-pixel-ratio: 1.5), only screen and (min-width: 768px) and (max-width: 1007px) and (orientation:portrait) {

    #upgrade TABLE {
        width: 100%;
    }

    #features .row.pitch IMG {
        position: static;
    }

    #secureline .row [class*="span"] {
        text-align: center;
    }

    #secureline .row IMG {
        margin-top: 40px;
    }
}


@media (max-width: 767px) {

    #content-holder #top DIV.AVsizer {
        min-height: 0;
        padding-bottom: 30px;
    }

    #top H1 {
        font-size: 40px;
    }

    #content-holder H3.orange {
        font-size: 30px;
    }

    #top .slider .control {
        bottom: -25px;
    }

    #features DIV.AVsizer {
        padding-top: 20px;
    }
}


/*  MEDIA END */


/* campaign */
#top .campaign200 .slide1 H1 {
    font-size: 70px;
    padding-top: 109px;
}

/* mbox t245 */
#upgrade TABLE.tab-com h3.double-line {
    line-height: 1.5;
    text-transform: uppercase;
}

    #upgrade TABLE.tab-com h3.double-line span {
        display: block;
        text-transform: none;
        font-weight: 400;
    }

/*  recommend */
#top .recommend .butt-holder.rec {
    bottom: 50px;
}

#top .recommend .butt-holder .button SPAN {
    min-width: 153px;
}

#top .recommend .butt-holder.rec .button SPAN {
    padding: 5px 11px 15px 13px;
    border: none !important;
    background-color: transparent !important;
    -webkit-box-shadow: 0px 0px 0px rgba(0, 0, 0, 0);
    -moz-box-shadow: 0px 0px 0px rgba(0, 0, 0, 0);
    box-shadow: 0px 0px 0px rgba(0, 0, 0, 0);
    font-weight: normal;
}

@media (max-width: 767px) {
    #top .recommend .butt-holder.rec .button SPAN {
        color: #4A5666;
    }
}

.from {
    color:#000
}

.form tbody tr td {
    padding-left: 3px;
    text-align: left;
    vertical-align: middle;
    padding-right: 2em;
    font-size: 18px;
    border: solid #fff 4px;
    color:#000
}
