body {
    background-color: #f5f5f5;
    color: #373737;
    line-height: 1;
    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,
h5,
h6 {
    color: #262626;
    font-family: "Helvetica light",'open_sanslight',Helvetica,Arial,sans-serif;
    font-weight: normal;
}

h1 {
    font-size: 51px;
    line-height: 56px;
    color: #fff;
    letter-spacing: -4px;
    text-shadow: 0 -1px 0 rgba(0,0,0,.3);
    margin-bottom: .9em;
}

h2 {
    font-size: 27px;
    line-height: 1.5em;
    margin-bottom: 1em;
}

h3 {
    font-size: 29px;
    margin-bottom: 40px;
}

h4 {
    font-size: 20px;
    margin: 20px 0 5px;
    color: #68a72f;
}

h5 {
    font-size: 24px
}

h6 {
    font-size: 16px;
    color: #555;
    font-family: Helvetica,Arial,sans-serif;
}

h2 em {
    background-color: #ff4200;
    color: #fff;
    font-style: normal;
    padding: 0 7px;
}

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

.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 30px 12px;
    padding: 18px 0;
    text-align: center;
    border-radius: 90px;
    letter-spacing: -1px;
    width: 220px;
    box-shadow:inset 0 -2px 0 rgba(0,0,0,.16), 0 2px 0 rgba(0,0,0,.11);
    border:0
}

.bt,
.bt:hover {
    color: #fff;
    text-decoration: none;
}

.bt-small-x {
    font-size: 1.2em
}

.bt-small {
    font-size: 1.5em
}

.bt {
    font-size: 1.85em
}
.bt-large {
    font-size: 32px
}

.bt-large-x {
    font-size: 3em
}

.bt-small,
.bt-small-x {
    font-family: Helvetica,Arial,sans-serif
}

.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%);
}

.bt-orange {
    background:#ff8706;
    background:-webkit-linear-gradient(top,  #ff961a 0%,#ff8706 100%);
    background:linear-gradient(to bottom,  #ff961a 0%,#ff8706 100%);
}

.bt-orange:hover {
    background:#ff9f07;
    background:-webkit-linear-gradient(top,  #ffab1f 0%,#ff9f07 100%);
    background:linear-gradient(to bottom,  #ffab1f 0%,#ff9f07 100%);
}

.bt-grey {
    color:#363a3d;
    background:#f3f3f3;
    background:-webkit-linear-gradient(top,  #fff 0%,#f3f3f3 100%);
    background:linear-gradient(to bottom,  #fff 0%,#f3f3f3 100%);
    box-shadow:inset 0 -2px 0 rgba(255,255,255,.46), 0 2px 0 rgba(0,0,0,.1);
}

.bt-grey:hover {
    color:#00afec;
    background:#eee;
    background:-webkit-linear-gradient(top,  #fafafa 0%,#eee 100%);
    background:linear-gradient(to bottom,  #fafafa 0%,#eee 100%);
}

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

.in {
    width: 980px;
    margin: 0 auto;
}

.tCV-Col {
    float: left
}

.threeColView .tCV-Col {
    width: 33%
}

.twoColView .tCV-Col {
    width: 50%
}

/* big CTA buttons container */

.callTa {
    text-align: center;
    width: 570px;
    margin: 0 auto 40px;
}

.callTa dfn {
    display: inline-block;
    font-size: 0.75em;
    color: #737373;
    text-align: center;
}

.callTa .tCV-Col {
    float: right;
    width: 49%;
}

.callTa .tCV-Col.oneColView .bt {
    float: none
}

/*---------------------------------------------------------------------------------------------
[ content ]
*/

.content {
    background: #fff
}

.c-top {
    background: #fafafa url(/marketing/images/clickwebinar/pages/marketing_page/meeting-recording/bg_head.gif) repeat-x 0 0;
    border-bottom: 1px solid #e3e3e3;
    padding: 23px 0 35px;
}

.c-top p {
    font-size: 22px;
    margin: 0 335px 35px 0;
    line-height: 1.6;
}

.c-middle {
    padding: 44px 0
}

.list {
    margin-bottom: 20px
}

.list li {
    margin: 0 20px 25px 40px;
    font-size: 1.15em;
    min-height: 58px;
    font-family: Helvetica,Arial,sans-serif;
    padding: 5px 0 5px 65px;
    line-height: 1.4em;
    background: url(/marketing/images/clickwebinar/pages/marketing_page/meeting-recording/sprite.png) no-repeat -990px -2px;
}

.steps {
    padding-top: 204px;
    background: url(/marketing/images/clickwebinar/pages/marketing_page/meeting-recording/sprite.png) no-repeat 20px 0;
}

.steps li {
    display: inline-block;
    width: 33%;
    font-size: 18px;
    text-align: center;
    font-family: Helvetica,Arial,sans-serif;
    text-align: center;
}

.steps span {
    display: inline-block;
    font-size: 19px;
    width: 30px;
    height: 30px;
    text-align: center;
    line-height: 30px;
    margin-right: 25px;
    box-shadow: 0 2px 2px rgba(0,0,0,.4);
    -webkit-border-radius: 15px;
    -moz-border-radius: 15px;
    border-radius: 15px;
    background: #fbfbfb;
    background: -moz-linear-gradient(top,  #fbfbfb 0%, #f2f2f2 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#fbfbfb), color-stop(100%,#f2f2f2));
    background: -webkit-linear-gradient(top,  #fbfbfb 0%,#f2f2f2 100%);
    background: -o-linear-gradient(top,  #fbfbfb 0%,#f2f2f2 100%);
    background: -ms-linear-gradient(top,  #fbfbfb 0%,#f2f2f2 100%);
    background: linear-gradient(to bottom,  #fbfbfb 0%,#f2f2f2 100%);
}

.share {
    float: right;
    height: 30px;
    white-space: nowrap;
    z-index: 1;
    margin-top: 15px;
}

.share label {
    color: #555;
    font-size: 24px;
    float: left;
    line-height: 30px;
}

.share a {
    margin-left: 4px;
    background: url(/marketing/images/clickwebinar/pages/marketing_page/meeting-recording/sprite.png) no-repeat;
    display: inline-block;
    width: 30px;
    height: 30px;
    overflow: hidden;
    text-indent: -999em;
}

.share .share-in-tw {
    background-position: -961px -85px
}

.share .share-in-fb {
    background-position: -959px -54px
}


/* Lang Specific */

.es h2 {font-size: 25px;}
.es .steps li {font-size: 17px;}
.ru .bt-large,
.es .bt-large {
    font-size:26px;
}