body {
    background-color: #f5f5f5;
    color: #373737;
    font-family: "Helvetica light",'open_sanslight',Helvetica,Arial,sans-serif;
    -webkit-font-smoothing: antialiased;
}

/*---------------------------------------------------------------------------------------------
[ typo / helpers ]
*/

::selection {
    background: #c9e1b9; /* Safari */
}

::-moz-selection {
    background: #c9e1b9; /* Firefox */
}

a {
    color: #00aeef
}

a:hover {
    color: #ff7407
}

a,
a:hover {
    text-decoration: underline
}

h1,
h2,
h3,
h4,
h5,
h6 {
    font-family: "Helvetica light",'open_sanslight',Helvetica,Arial,sans-serif;
    font-weight: normal;
    color: #262626;
}

h1,
h2,
h3,
h4 {
    color:#6ebe3b
}

h1 {
    font-size:5.75em;
    letter-spacing:-2px;
    margin:0 0 .2em;
}

h2 {
    font-size:3.15em;
    margin:0 0 1em;
    letter-spacing:-1px
}
h2 span {
    color:#eeeae6;
}

h3 {
    font-size:3.1em
}

h4 {
    font-size: 30px
}

h5 {
    font-size: 24px
}

h6 {
    font-size: 20px
}

h3 a,
h4 a {
    color: inherit;
    text-decoration: none;
}

blockquote,
.tsmAuth {
    font-family: Times,Georgia,serif;
    font-style: italic;
}

p,
.featured li {
    font-size:1.05em;
    line-height:1.4em;
}

.clearer {
    clear: both;
    font-size: 0.1px;
    height: 0.1px;
    line-height: 0.1px;
    width: 100%;
}

.cnt {
    text-align: center
}

.fR {
    float: right
}

.fL {
    float: left
}

.arrow:after {
    content: '';
    width: 0;
    height: 0;
    font-size: 0;
    line-height: 0;
    display: inline-block;
    position: relative;
    right: -5px;
    top: -1px;
    border-color: transparent transparent transparent #007db7;
    border-style: solid;
    border-width: 3px;
}

.arrow:hover:after {
    border-color: transparent transparent transparent #ff7407
}

/*---------------------------------------------------------------------------------------------
[ buttons class ]
*/

.bt {
    cursor: pointer;
    display: inline-block;
    margin: 0 auto .3em;
    padding:.7em 1.6em;
    text-align: center;
    border-radius:3em;
    letter-spacing: -1px;
    box-shadow:inset 0 -2px 0 rgba(0,0,0,.16), 0 2px 0 rgba(0,0,0,.11);
    border:0;
}
.bt-large {
    font-size:3.1em;
    padding:.44em 1.3em .5em;
    box-shadow:inset 0 -6px 0 rgba(0,0,0,.16), 0 2px 0 rgba(0,0,0,.11);
    text-shadow:1px 1px 0 rgba(0,0,0,.28);
}
.bt,
.bt:hover {
    color: #fff;
    text-decoration: none;
}
.bt-green {
    background:#6ebe3b;
    background:-webkit-linear-gradient(top,  #79cb45 0%,#6ebe3b 100%);
    background:linear-gradient(to bottom,  #79cb45 0%,#6ebe3b 100%);
}
.bt-green:hover {
    background:#7cc643;
    background:-webkit-linear-gradient(top,  #89d24e 0%,#7cc643 100%);
    background:linear-gradient(to bottom,  #89d24e 0%,#7cc643 100%);
}

/*---------------------------------------------------------------------------------------------
[ structure ]
*/

.content {
    background:#fff;
    padding:3.4em 0 0;
}
.content .in {
    margin: 0 auto;
    width: 980px;
    position: relative;
}


.figure {
    margin:4.6em 2em 3.8em;
}
.figure img {
    max-width:2000px;
    width:100%;
    display:block;
    margin:0 auto;
}

.description {
    color:#5c616d;
    padding:0 6em 3.6em 7.2em;
}
.description p {
    font-size:1.45em;
    margin:1.3em 0;
}

.lead {
    color:#464a55;
    font-size:2.3em;
    line-height:1.3;
}
.featured {
    color:#fff;
    background:#25282e url(/marketing/images/clickmeeting/pages/marketing_page/features/full_desktop_and_browser_sharing/pattern.jpg) 0 0 repeat;
}
.featured .light {
    padding:3.2em 0 1.8em;
    box-shadow:inset 0 8px 7px -8px rgba(0,0,0,.6);
    background:url(/marketing/images/clickmeeting/pages/marketing_page/features/full_desktop_and_browser_sharing/light.jpg) 50% 0 no-repeat;
}
.featured h2 {
    line-height:1.3em;
    text-shadow:1px 1px 0 rgba(0,0,0,.3);
    margin-bottom:1.3em;
}
.featured ul {
    margin-right:3.25em;
}
.featured li {
    line-height:1.7em;
    display:inline-block;
    vertical-align:top;
    padding:0 0 3.5em 10.3em;
    width:50%;
    -webkit-box-sizing:border-box;
       -moz-box-sizing:border-box;
            box-sizing:border-box;
}
.featured li:before {
    content:'';
    display:block;
    width:86px;
    float:left;
    margin-left:-112px;
    background:url(/marketing/images/clickmeeting/pages/marketing_page/features/full_desktop_and_browser_sharing/icons.png) no-repeat;
}
.featured li:before {
    height:81px;
    background-position:0 10px;
}
.featured li + li:before {
    height:81px;
    background-position:0 -70px;
}
.featured li + li + li:before {
    height:83px;
    background-position:0 -158px;
}
.featured li+ li + li + li:before {
    height:82px;
    background-position:0 -250px;
}


.slogan {
    padding:5.4em 0;
}
.slogan .bt-wrap {
    margin-top:5.1em;
}

/* Lang Specific */
.pl .description h2,
.de .description h2 {
    font-size:2.5em;
}
.es h1 {
    font-size:5.2em;
}
.ru h1 {
    font-size:4.5em;
}
.ru h2 {
    font-size:2.7em;
}
.br .lead {
    font-size: 2em;
}

@media all and (max-width:768px) {
    .content .in {
        width:94%;
        margin:0 auto;
        font-size:.8em;
    }
    .description {
        padding-right:1.5em;
        padding-left:1.5em;
    }
}
@media all and (max-width:620px) {
    .content .in {
        font-size:.5em;
    }
    .description p,
    .featured li {
        font-size:2em;
    }
    .featured li {
        display:block;
        width:auto;
        padding:0 0 2em 3em;
    }
    .featured li:before {
        display:none;
    }
    .bt-large {
        box-shadow:inset 0 -2px 0 rgba(0,0,0,.16), 0 2px 0 rgba(0,0,0,.11);       
    }
}