ins,
mark {
    color: #000
}

a:link,
a:visited,
ins {
    text-decoration: none
}

blockquote,
q {
    quotes: none
}

article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
hr,
nav,
section {
    display: block
}

fieldset,
hr,
img,
legend {
    border: 0
}

hr,
ol,
ul {
    margin: 1em 0;
    padding: 0
}

body,
fieldset,
hr,
legend,
ol,
ul {
    padding: 0
}

h1,
h2,
h3,
h4,
h5,
h6,
li {
    line-height: 1.2em
}

#menu-item-17737 {
	background: -webkit-linear-gradient(top, rgba(79, 156, 243, 1) 0, rgba(48, 126, 213, 1) 100%);
	border-radius: 18px;
}

#master,
.demo-cta,
a.button,
sub,
sup {
    position: relative
}

#respond ul li.full,
.clear {
    clear: both
}

#header h1 em,
#respond ul li label,
.post blockquote p,
.search-form p label,
dfn,
mark,
p.slidedeck-js-cta {
    font-style: italic
}

.clearfix::after,
.clearfix:after,
.hidden,
.invisible {
    visibility: hidden
}

audio[controls],
canvas,
video {
    display: inline-block
}

body,
button,
input,
select,
textarea {
    font-family: sans-serif;
    color: #222
}

::-moz-selection {
    background: #4d84d9;
    color: #fff;
    text-shadow: none
}

::selection {
    background: #4d84d9;
    color: #fff;
    text-shadow: none
}

.demo-cta span.demo-cta-button,
a.button {
    font-weight: 700;
    text-shadow: 1px 1px 0 #0E2237
}

a,
a:visited {
    color: #358EF2
}

a:focus {
    outline: dotted thin
}

:focus,
a:active,
a:hover {
    outline: 0
}

abbr[title] {
    border-bottom: 1px dotted
}

b,
strong {
    font-weight: 700
}

blockquote {
    margin: 1em 40px
}

ins {
    background: #ff9
}

mark {
    background: #ff0;
    font-weight: 700
}

code,
kbd,
pre,
samp {
    font-family: monospace, monospace;
    font-size: 1em
}

pre {
    white-space: pre;
    white-space: pre-wrap;
    word-wrap: break-word
}

small {
    font-size: 85%
}

sub,
sup {
    font-size: 75%;
    line-height: 0;
    vertical-align: baseline
}

sup {
    top: -.5em
}

sub {
    bottom: -.25em
}

ol,
ul {
    list-style: none
}

dd {
    margin: 0 0 0 40px
}

nav ol,
nav ul {
    list-style: none;
    margin: 0;
    padding: 0
}

img {
    -ms-interpolation-mode: bicubic
}

svg:not(:root) {
    overflow: hidden
}

figure,
form {
    margin: 0
}

fieldset {
    margin: 0
}

label {
    cursor: pointer
}

button,
input,
select,
textarea {
    font-size: 100%;
    vertical-align: baseline;
    margin: 0
}

button,
input {
    line-height: normal
}

button,
input[type=button],
input[type=reset],
input[type=submit] {
    cursor: pointer;
    -webkit-appearance: button
}

input[type=checkbox],
input[type=radio] {
    box-sizing: border-box
}

input[type=search] {
    -moz-box-sizing: content-box;
    -webkit-box-sizing: content-box;
    box-sizing: content-box
}

button::-moz-focus-inner,
input::-moz-focus-inner {
    border: 0;
    padding: 0
}

textarea {
    vertical-align: top;
    overflow: auto
}

input:invalid,
textarea:invalid {
    background-color: #f0dddd
}

html {
    overflow-y: scroll;
    -webkit-overflow-scrolling: touch;
    -webkit-tap-highlight-color: transparent;
    font-size: 100.01%;
    -webkit-text-size-adjust: 100%;
    -ms-text-size-adjust: 100%
}

body {
    font-size: 62.5%;
    line-height: 1em;
    margin: 0;
    background: url(images/body-bg.gif) left top;
    font-family: sans-serif
}

a:link,
a:visited {
    outline: 0;
    cursor: pointer
}

a:hover {
    text-decoration: underline
}

p {
    margin-top: 0
}

nav li,
nav ul {
    margin: 0;
    list-style: none
}

input[type=radio] {
    vertical-align: text-bottom
}

input[type=checkbox] {
    vertical-align: bottom
}

.iem7 input[type=checkbox] {
    vertical-align: baseline
}

input,
select {
    vertical-align: middle
}

button,
input[type=button],
input[type=submit],
input[type=image],
label {
    cursor: pointer
}

button {
    width: auto;
    overflow: visible
}

h1,
h2,
h3,
h4,
h5,
h6 {
    font-weight: 700;
    margin: 0
}

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

td {
    vertical-align: top
}

blockquote:after,
blockquote:before,
q:after,
q:before {
    content: "";
    content: none
}

hr {
    height: 1px;
    border-top: 1px solid #ccc
}

img.alignleft {
    float: left;
    margin: 0 10px 10px 0;
    display: inline
}

img.alignright {
    float: right;
    margin: 0 0 10px 10px;
    display: inline
}

img.aligncenter {
    display: block;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 10px
}

li ol,
li ul {
    margin-bottom: 0
}

.clearfix:after {
    font-size: 0;
    height: 0;
    clear: both
}

.clearfix {
    display: block;
    zoom: 1
}

.floatbox {
    overflow: hidden
}

.clear {
    height: 1px;
    line-height: 1px
}

.flR {
    float: right
}

#main,
.flL {
    float: left
}

.alR {
    text-align: right
}

#header h1,
#rss-subscribe,
.alC,
.post .entry p.wp-caption-text,
a.button {
    text-align: center
}

.hide {
    display: none
}

*html #master,
body,
html {
    height: 100%
}

#master {
    overflow: hidden;
    min-height: 100%
}

#container {
    padding-bottom: 230px
}

.home #container,
.page-template-home-lite-download-php #container,
.page-template-home-slidedeck-php #container {
    padding-bottom: 1005px
}

#footer {
    height: 230px;
    margin-top: -230px
}

.home #footer,
.page-template-home-lite-download-php #footer,
.page-template-home-slidedeck-php #footer,
.page-template-home-video-php #footer {
    height: 1070px;
    margin-top: -1060px
}

a.button {
    display: inline-block;
    margin: 0;
    padding: 0;
    font-size: 14px;
    height: 31px;
    line-height: 31px;
    color: #FFF;
    text-decoration: none;
    -webkit-border-radius: 18px;
    -moz-border-radius: 18px;
    border-radius: 18px;
    -webkit-box-shadow: inset 0 1px 0 0 rgba(255, 255, 255, .3);
    -moz-box-shadow: inset 0 1px 0 0 rgba(255, 255, 255, .3);
    box-shadow: inset 0 1px 0 0 rgba(255, 255, 255, .3)
}

.demo-cta span.demo-cta-button,
a.button:active {
    -webkit-box-shadow: inset 0 1px 0 0 rgba(255, 255, 255, .3)
}

a.button:active {
    height: 29px;
    line-height: 29px;
    margin-top: 2px;
    -moz-box-shadow: inset 0 1px 0 0 rgba(255, 255, 255, .3);
    box-shadow: inset 0 1px 0 0 rgba(255, 255, 255, .3)
}

a.button span.button-noise {
    position: relative;
    display: block;
    -webkit-border-radius: 18px;
    -moz-border-radius: 18px;
    border-radius: 18px;
    padding: 0 24px;
    background: url(images/noise_pattern.png)
}

a.button.grey span.button-noise {
    background-image: url(images/noise_pattern-grey.png)
}
.example-slidedeck .try-it-out .blue {
     /*margin: 0px 100px !important;*/
}
a.button.blue {
    border: 1px solid #2261a8;
    background: #4f9cf3;
    background: -moz-linear-gradient(top, rgba(79, 156, 243, 1) 0, rgba(48, 126, 213, 1) 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0, rgba(79, 156, 243, 1)), color-stop(100%, rgba(48, 126, 213, 1)));
    background: -webkit-linear-gradient(top, rgba(79, 156, 243, 1) 0, rgba(48, 126, 213, 1) 100%);
    background: -o-linear-gradient(top, rgba(79, 156, 243, 1) 0, rgba(48, 126, 213, 1) 100%);
    background: -ms-linear-gradient(top, rgba(79, 156, 243, 1) 0, rgba(48, 126, 213, 1) 100%);
    background: linear-gradient(top, rgba(79, 156, 243, 1) 0, rgba(48, 126, 213, 1) 100%)
}

a.button.blue:hover {
    background: #58a1ef;
    background: -moz-linear-gradient(top, rgba(88, 161, 239, 1) 0, rgba(63, 135, 211, 1) 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0, rgba(88, 161, 239, 1)), color-stop(100%, rgba(63, 135, 211, 1)));
    background: -webkit-linear-gradient(top, rgba(88, 161, 239, 1) 0, rgba(63, 135, 211, 1) 100%);
    background: -o-linear-gradient(top, rgba(88, 161, 239, 1) 0, rgba(63, 135, 211, 1) 100%);
    background: -ms-linear-gradient(top, rgba(88, 161, 239, 1) 0, rgba(63, 135, 211, 1) 100%);
    background: linear-gradient(top, rgba(88, 161, 239, 1) 0, rgba(63, 135, 211, 1) 100%)
}

a.button.blue:active {
    background: #307ed5;
    background: -moz-linear-gradient(top, rgba(48, 126, 213, 1) 0, rgba(79, 156, 243, 1) 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0, rgba(48, 126, 213, 1)), color-stop(100%, rgba(79, 156, 243, 1)));
    background: -webkit-linear-gradient(top, rgba(48, 126, 213, 1) 0, rgba(79, 156, 243, 1) 100%);
    background: -o-linear-gradient(top, rgba(48, 126, 213, 1) 0, rgba(79, 156, 243, 1) 100%);
    background: -ms-linear-gradient(top, rgba(48, 126, 213, 1) 0, rgba(79, 156, 243, 1) 100%);
    background: linear-gradient(top, rgba(48, 126, 213, 1) 0, rgba(79, 156, 243, 1) 100%)
}

a.button.grey {
    border: 1px solid #0E0E0E;
    background: #575757;
    background: -moz-linear-gradient(top, rgba(87, 87, 87, 1) 0, rgba(55, 55, 55, 1) 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0, rgba(87, 87, 87, 1)), color-stop(100%, rgba(55, 55, 55, 1)));
    background: -webkit-linear-gradient(top, rgba(87, 87, 87, 1) 0, rgba(55, 55, 55, 1) 100%);
    background: -o-linear-gradient(top, rgba(87, 87, 87, 1) 0, rgba(55, 55, 55, 1) 100%);
    background: -ms-linear-gradient(top, rgba(87, 87, 87, 1) 0, rgba(55, 55, 55, 1) 100%);
    background: linear-gradient(top, rgba(87, 87, 87, 1) 0, rgba(55, 55, 55, 1) 100%)
}

a.button.grey:hover {
    background: #777;
    background: -moz-linear-gradient(top, rgba(119, 119, 119, 1) 0, rgba(79, 79, 79, 1) 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0, rgba(119, 119, 119, 1)), color-stop(100%, rgba(79, 79, 79, 1)));
    background: -webkit-linear-gradient(top, rgba(119, 119, 119, 1) 0, rgba(79, 79, 79, 1) 100%);
    background: -o-linear-gradient(top, rgba(119, 119, 119, 1) 0, rgba(79, 79, 79, 1) 100%);
    background: -ms-linear-gradient(top, rgba(119, 119, 119, 1) 0, rgba(79, 79, 79, 1) 100%);
    background: linear-gradient(top, rgba(119, 119, 119, 1) 0, rgba(79, 79, 79, 1) 100%)
}

a.button.grey:active {
    background: #373737;
    background: -moz-linear-gradient(top, rgba(55, 55, 55, 1) 0, rgba(87, 87, 87, 1) 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0, rgba(55, 55, 55, 1)), color-stop(100%, rgba(87, 87, 87, 1)));
    background: -webkit-linear-gradient(top, rgba(55, 55, 55, 1) 0, rgba(87, 87, 87, 1) 100%);
    background: -o-linear-gradient(top, rgba(55, 55, 55, 1) 0, rgba(87, 87, 87, 1) 100%);
    background: -ms-linear-gradient(top, rgba(55, 55, 55, 1) 0, rgba(87, 87, 87, 1) 100%);
    background: linear-gradient(top, rgba(55, 55, 55, 1) 0, rgba(87, 87, 87, 1) 100%)
}

a.button.light-grey {
    border: 1px solid #9ba8b4;
    background: #fff;
    background: -moz-linear-gradient(top, #fff 0, #e7edf3 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0, #fff), color-stop(100%, #e7edf3));
    background: -webkit-linear-gradient(top, #fff 0, #e7edf3 100%);
    background: -o-linear-gradient(top, #fff 0, #e7edf3 100%);
    background: -ms-linear-gradient(top, #fff 0, #e7edf3 100%);
    background: linear-gradient(top, #fff 0, #e7edf3 100%)
}

a.button.light-grey:hover {
    background: #fff;
    background: -moz-linear-gradient(top, #fff 0, #f4faff 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0, #fff), color-stop(100%, #f4faff));
    background: -webkit-linear-gradient(top, #fff 0, #f4faff 100%);
    background: -o-linear-gradient(top, #fff 0, #f4faff 100%);
    background: -ms-linear-gradient(top, #fff 0, #f4faff 100%);
    background: linear-gradient(top, #fff 0, #f4faff 100%)
}

a.button.light-grey:active {
    background: #e7edf3;
    background: -moz-linear-gradient(top, #e7edf3 0, #fff 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0, #e7edf3), color-stop(100%, #fff));
    background: -webkit-linear-gradient(top, #e7edf3 0, #fff 100%);
    background: -o-linear-gradient(top, #e7edf3 0, #fff 100%);
    background: -ms-linear-gradient(top, #e7edf3 0, #fff 100%);
    background: linear-gradient(top, #e7edf3 0, #fff 100%)
}

a.button.green {
    border: 1px solid #2b623c;
    background: #3ba25a;
    background: -moz-linear-gradient(top, #3ba25a 0, #187a36 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0, #3ba25a), color-stop(100%, #187a36));
    background: -webkit-linear-gradient(top, #3ba25a 0, #187a36 100%);
    background: -o-linear-gradient(top, #3ba25a 0, #187a36 100%);
    background: -ms-linear-gradient(top, #3ba25a 0, #187a36 100%);
    background: linear-gradient(to bottom, #3ba25a 0, #187a36 100%)
}

a.button.green:hover {
    background: #3ba25a;
    background: -moz-linear-gradient(top, #3ba25a 0, #3ba25a 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0, #3ba25a), color-stop(100%, #3ba25a));
    background: -webkit-linear-gradient(top, #3ba25a 0, #3ba25a 100%);
    background: -o-linear-gradient(top, #3ba25a 0, #3ba25a 100%);
    background: -ms-linear-gradient(top, #3ba25a 0, #3ba25a 100%);
    background: linear-gradient(to bottom, #3ba25a 0, #3ba25a 100%)
}

a.button.green:active {
    background: #187a36;
    background: -moz-linear-gradient(top, #187a36 0, #3ba25a 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0, #187a36), color-stop(100%, #3ba25a));
    background: -webkit-linear-gradient(top, #187a36 0, #3ba25a 100%);
    background: -o-linear-gradient(top, #187a36 0, #3ba25a 100%);
    background: -ms-linear-gradient(top, #187a36 0, #3ba25a 100%);
    background: linear-gradient(to bottom, #187a36 0, #3ba25a 100%)
}

a.button.large {
    height: 60px;
    line-height: 60px;
    padding: 0;
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    border-radius: 8px
}

a.button.large:active {
    height: 58px;
    line-height: 58px
}

a.button.large span.button-noise {
    padding: 0 50px;
    border-radius: 8px
}

a.button.blue.large {
    border: 1px solid #333;
    -webkit-box-shadow: inset 0 1px 0 0 rgba(255, 255, 255, .3), inset 0 -4px 0 0 rgba(32, 86, 146, .9);
    -moz-box-shadow: inset 0 1px 0 0 rgba(255, 255, 255, .3), inset 0 -4px 0 0 rgba(32, 86, 146, .9);
    box-shadow: inset 0 1px 0 0 rgba(255, 255, 255, .3), inset 0 -4px 0 0 rgba(32, 86, 146, .9)
}

a.button.blue.large:active {
    -webkit-box-shadow: inset 0 1px 0 0 rgba(255, 255, 255, .3), inset 0 -2px 0 0 rgba(32, 86, 146, .9);
    -moz-box-shadow: inset 0 1px 0 0 rgba(255, 255, 255, .3), inset 0 -2px 0 0 rgba(32, 86, 146, .9);
    box-shadow: inset 0 1px 0 0 rgba(255, 255, 255, .3), inset 0 -2px 0 0 rgba(32, 86, 146, .9)
}

a.get-slidedeck.button.blue.large span.button-noise span {
    display: block;
    width: 192px;
    text-indent: -9999px;
    background: url(images/btn-text-getslidedeck.png) center center no-repeat
}

a.button.light-grey.large {
    border: 1px solid #9ba8b4;
    -webkit-box-shadow: inset 0 1px 0 0 rgba(255, 255, 255, .3), inset 0 -4px 0 0 rgba(155, 168, 182, .9);
    -moz-box-shadow: inset 0 1px 0 0 rgba(255, 255, 255, .3), inset 0 -4px 0 0 rgba(155, 168, 182, .9);
    box-shadow: inset 0 1px 0 0 rgba(255, 255, 255, .3), inset 0 -4px 0 0 rgba(155, 168, 182, .9)
}

a.button.light-grey.large:active {
    -webkit-box-shadow: inset 0 1px 0 0 rgba(255, 255, 255, .3), inset 0 -2px 0 0 rgba(155, 168, 182, .9);
    -moz-box-shadow: inset 0 1px 0 0 rgba(255, 255, 255, .3), inset 0 -2px 0 0 rgba(155, 168, 182, .9);
    box-shadow: inset 0 1px 0 0 rgba(255, 255, 255, .3), inset 0 -2px 0 0 rgba(155, 168, 182, .9)
}

a.fancy-image span.expand-btn {
    background: url(images/icons.png) left top no-repeat;
    width: 39px;
    height: 39px;
    display: block;
    position: absolute;
    right: -15px;
    text-decoration: none;
    top: -15px;
    text-indent: -999em
}

.demo-cta {
    width: 955px;
    height: 135px;
    line-height: 135px;
    margin: 35px auto 0
}

.demo-cta a,
.demo-cta span.demo-cta-button {
    margin: 0;
    position: relative;
    text-decoration: none
}

.demo-cta a {
    display: block;
    width: 875px;
    height: 135px;
    padding-left: 80px;
    color: #e9edf2;
    font-size: 24px;
    background: url(images/demo-cta-bg.png);
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px
}

.demo-cta span.demo-tag {
    display: block;
    position: absolute;
    overflow: hidden;
    width: 96px;
    height: 0;
    padding-top: 96px;
    top: 0;
    left: 0;
    background: url(images/demo-cta-demo-tag.png) no-repeat;
    z-index: 1
}

.demo-cta img {
    position: absolute;
    right: 0;
    bottom: 0;
    z-index: 1
}

.demo-cta span.demo-cta-button {
    display: inline-block;
    top: -4px;
    padding: 0;
    font-size: 14px;
    text-align: center;
    height: 31px;
    line-height: 31px;
    color: #FFF;
    -webkit-border-radius: 18px;
    -moz-border-radius: 18px;
    border-radius: 18px;
    -moz-box-shadow: inset 0 1px 0 0 rgba(255, 255, 255, .3);
    box-shadow: inset 0 1px 0 0 rgba(255, 255, 255, .3);
    border: 1px solid #2261a8;
    background: #4f9cf3;
    background: -moz-linear-gradient(top, rgba(79, 156, 243, 1) 0, rgba(48, 126, 213, 1) 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0, rgba(79, 156, 243, 1)), color-stop(100%, rgba(48, 126, 213, 1)));
    background: -webkit-linear-gradient(top, rgba(79, 156, 243, 1) 0, rgba(48, 126, 213, 1) 100%);
    background: -o-linear-gradient(top, rgba(79, 156, 243, 1) 0, rgba(48, 126, 213, 1) 100%);
    background: -ms-linear-gradient(top, rgba(79, 156, 243, 1) 0, rgba(48, 126, 213, 1) 100%);
    background: linear-gradient(top, rgba(79, 156, 243, 1) 0, rgba(48, 126, 213, 1) 100%)
}

.demo-cta span.demo-cta-button span.button-noise {
    position: relative;
    display: block;
    -webkit-border-radius: 18px;
    -moz-border-radius: 18px;
    border-radius: 18px;
    padding: 0 24px;
    background: url(images/noise_pattern.png)
}

.demo-cta a:hover span.demo-cta-button {
    background: #58a1ef;
    background: -moz-linear-gradient(top, rgba(88, 161, 239, 1) 0, rgba(63, 135, 211, 1) 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0, rgba(88, 161, 239, 1)), color-stop(100%, rgba(63, 135, 211, 1)));
    background: -webkit-linear-gradient(top, rgba(88, 161, 239, 1) 0, rgba(63, 135, 211, 1) 100%);
    background: -o-linear-gradient(top, rgba(88, 161, 239, 1) 0, rgba(63, 135, 211, 1) 100%);
    background: -ms-linear-gradient(top, rgba(88, 161, 239, 1) 0, rgba(63, 135, 211, 1) 100%);
    background: linear-gradient(top, rgba(88, 161, 239, 1) 0, rgba(63, 135, 211, 1) 100%)
}

.demo-cta a:active span.demo-cta-button {
    height: 29px;
    line-height: 29px;
    margin-top: 2px;
    -webkit-box-shadow: inset 0 1px 0 0 rgba(255, 255, 255, .3);
    -moz-box-shadow: inset 0 1px 0 0 rgba(255, 255, 255, .3);
    box-shadow: inset 0 1px 0 0 rgba(255, 255, 255, .3);
    background: #307ed5;
    background: -moz-linear-gradient(top, rgba(48, 126, 213, 1) 0, rgba(79, 156, 243, 1) 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0, rgba(48, 126, 213, 1)), color-stop(100%, rgba(79, 156, 243, 1)));
    background: -webkit-linear-gradient(top, rgba(48, 126, 213, 1) 0, rgba(79, 156, 243, 1) 100%);
    background: -o-linear-gradient(top, rgba(48, 126, 213, 1) 0, rgba(79, 156, 243, 1) 100%);
    background: -ms-linear-gradient(top, rgba(48, 126, 213, 1) 0, rgba(79, 156, 243, 1) 100%);
    background: linear-gradient(top, rgba(48, 126, 213, 1) 0, rgba(79, 156, 243, 1) 100%)
}

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

#content {
    padding: 28px 0
}

#content .inner-content {
    position: relative;
    width: 980px;
    margin: 0 0 43px;
    padding: 46px 38px;
    left: -38px;
    border-top: 10px solid transparent;
    border-image: url(images/header-bg.png) 30 round;
}

#header {
    position: relative;
    padding: 12px 0 0
}

#header>.wrapper {
    position: relative;
    z-index: 2
}

#main {
    width: 636px
}

#main h2.title.archives,
#main h2.title.search {
    font-size: 26px;
    font-family: 'Open Sans', sans-serif;
    font-weight: 400
}

#header h1,
#main h2.title.archives span,
#main h2.title.search strong {
    font-weight: 700
}

#sidebar {
    width: 276px;
    float: right;
    padding: 3px 0 0 20px;
    border-left: 1px solid #EEE
}

.two-column-layout1 {
    padding: 0 50px
}

.two-column-layout1 div.column {
    width: 395px
}

.home .two-column-layout1 div.column h3,
.page-template-home-lite-download-php .two-column-layout1 div.column h3 {
    font-size: 25px
}

.two-column-layout1 div.column div.frame {
    background: #fff;
    padding: 6px;
    position: relative;
    box-shadow: 0 0 4px #b6b6b6;
    -webkit-box-shadow: 0 0 4px #b6b6b6;
    -moz-box-shadow: 0 0 4px #b6b6b6;
    margin-bottom: 17px
}

div.two-column-layout1 p {
    margin-bottom: 27px
}

#header div.logo {
    position: relative;
    width: 220px;
    margin-left: 2px;
    max-width: 220px;
    top: 0;
    display: inline-block;
    float: left
}

#header div.logo a {
    position: relative;
    width: 228px;
    height: 60px;
    display: block
}

#header div.logo a span {
    background: url(images/home-simple/logo.png) no-repeat;
    width: 100%;
    height: 0;
    padding-top: 60px;
    overflow: hidden;
    display: block
}

#header div.top {
    margin: 0 -147px 18px -146px;
    padding: 0 147px 5px 146px;
    position: relative
}

#header div.top a.button.grey {
    position: relative;
    float: right;
    top: 5px
}

#header .header-right {
    float: right
}

#header .hgroup {
    margin-top: 78px
}

#header h1 {
    position: relative;
    font-size: 41px;
    color: #390e03;
    text-shadow: 0 1px 0 #d7b18d;
    font-family: 'Open Sans';
    margin-bottom: 30px;
    letter-spacing: -2px
}

#header h1 em {
    font-weight: 300
}

#header h1 span.new {
    position: absolute;
    display: block;
    overflow: hidden;
    left: 0;
    top: 50%;
    width: 83px;
    height: 0;
    margin-top: -41px;
    padding: 83px 0 0;
    background: url(images/badge-new.png) no-repeat
}

#header div.inner {
    padding: 0;
    margin-bottom: 29px
}

#header .header-right a.button.blue {
    top: 18px;
}

#header a.button.blue {
    position: relative;
    /*float: right;
    top: 18px;*/
    border: 0
}

#header a.button.blue span.button-noise {
    padding: 0 15px
}

#header .purchase-inner a.button.blue span.button-noise,
#header .purchase-inner a.get-slidedeck.button.blue span.button-noise {
    padding: 0
}

#header a#faq-btn {
    top: 0;
    color: #fff
}

#header a#faq-btn:hover {
    background: #58A1EF;
    background: -moz-linear-gradient(top, rgba(88, 161, 239, 1) 0, rgba(63, 135, 211, 1) 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0, rgba(88, 161, 239, 1)), color-stop(100%, rgba(63, 135, 211, 1)));
    background: -webkit-linear-gradient(top, rgba(88, 161, 239, 1) 0, rgba(63, 135, 211, 1) 100%);
    background: -o-linear-gradient(top, rgba(88, 161, 239, 1) 0, rgba(63, 135, 211, 1) 100%);
    background: -ms-linear-gradient(top, rgba(88, 161, 239, 1) 0, rgba(63, 135, 211, 1) 100%);
    background: linear-gradient(top, rgba(88, 161, 239, 1) 0, rgba(63, 135, 211, 1) 100%)
}

#header a#faq-btn:active {
    margin-top: 0
}

#header .purchase-inner a.get-slidedeck.button.blue {
    top: 18px
}

#header .purchase-inner a.get-slidedeck.button.blue span.button-noise span {
    padding: 0 40px
}

#main-navigation {
    position: relative;
    overflow: hidden;
    float: left;
    top: 10px;
    display: inline-block
}

#main-navigation .twitter-share-button {
    margin-top: 3px
}

#main-navigation ul {
    position: relative
}

#main-navigation ul li {
    float: right;
    margin-right: 5px;
    height: 30px
}

#main-navigation ul li a {
    display: block;
    height: 29px;
    line-height: 29px;
    font-weight: 700;
    font-size: 12px;
    color: #414f5d;
    padding: 0 10px;
    text-transform: uppercase;
    font-family: 'Open Sans', sans-serif
}

#main-navigation ul li a:hover,
#main-navigation ul li.current-menu-item a,
#main-navigation ul li.current_page_parent a {
    text-decoration: none;
    border-bottom: 1px solid #333;
    position: relative;
    border-radius: 18px;
    color: #FFF;
    text-shadow: 0 1px 0 #000;
    background: #999;
    background: -moz-linear-gradient(top, #999 0, #666 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0, #999), color-stop(100%, #666));
    background: -webkit-linear-gradient(top, #999 0, #666 100%);
    background: -o-linear-gradient(top, #999 0, #666 100%);
    background: -ms-linear-gradient(top, #999 0, #666 100%);
    background: linear-gradient(to bottom, #999 0, #666 100%)
}

#content div.section {
    width: 700px;
    padding-bottom: 37px
}

#content div.section hr {
    background: url(images/hr-bg.gif) left top;
    height: 2px;
    margin: 45px 0 34px;
    border: 0
}

.widget {
    margin-bottom: 26px
}

.widget h3 {
    font-size: 22px;
    color: #333;
    margin-bottom: 8px;
    font-family: 'Open Sans';
    letter-spacing: -1px;
    text-transform: uppercase;
    font-weight: 800
}

.widget ul li {
    margin-bottom: 9px
}

.widget ul li a {
    font-size: 15px;
    color: #358ef2;
    line-height: 20px
}

.search-form p label {
    font-weight: 700;
    font-size: 16px;
    line-height: 16px;
    color: #4e4e4e;
    display: block;
    margin-bottom: 10px
}

.search-form p input.textbox {
    height: 33px;
    line-height: 33px;
    background: #fff;
    padding: 0 35px 0 5px;
    font-size: 14px;
    border: 1px solid #9ea9b4;
    color: #4e4e4e;
    width: 200px;
    float: left
}

div.search-form p input.submit {
    background: url(images/search-btn.png) left top no-repeat;
    width: 57px;
    height: 35px;
    border: 0;
    padding: 0;
    cursor: pointer;
    float: left;
    position: relative;
    margin-left: -24px
}

#rss-subscribe {
    position: relative;
    overflow: hidden;
    width: 319px;
    height: 291px;
    padding: 20px 10px;
    margin: 0 auto 30px;
    left: -21px;
    background: url(images/blog-rss-bg.jpg) no-repeat;
    font-family: 'Open Sans', sans-serif
}

#rss-subscribe h3 {
    font-size: 28px;
    margin-bottom: 20px
}

#rss-subscribe label,
#rss-subscribe>span {
    position: relative;
    display: block;
    font-size: 16px;
    line-height: 20px;
    margin: 0 auto 10px
}

#rss-subscribe>span.or {
    overflow: hidden;
    margin: 0 auto 20px;
    height: 0;
    padding-top: 14px;
    background: url(images/rss-or-bg.png) center 0 no-repeat
}

#rss-subscribe>a.button {
    margin-bottom: 20px;
    width: 200px;
    height: 34px;
    line-height: 32px;
    font-size: 13px;
    border: 1px solid #684d1d
}

#rss-subscribe>a.button:active {
    height: 32px;
    line-height: 30px
}

#rss-subscribe>a.button span.button-noise span {
    position: relative;
    display: inline-block;
    overflow: hidden;
    top: 2px;
    width: 14px;
    height: 0;
    padding-top: 13px;
    margin-left: 5px;
    background: url(images/rss-icon.png) no-repeat
}

#rss-subscribe .feedburner-form,
#rss-subscribe .feedburner-form .form-inner {
    position: relative;
    overflow: hidden;
    padding: 0;
    margin: 0
}

#rss-subscribe .feedburner-form input[type=text] {
    position: relative;
    overflow: hidden;
    width: 257px;
    height: 22px;
    padding: 5px 5px 5px 30px;
    margin: 5px 0 0;
    border: 1px solid #c79438;
    font-size: 12px;
    color: #666;
    background: url(images/rss-email.png) 5px center no-repeat #FFF;
    -webkit-box-shadow: inset 1px 2px 3px 0 rgba(0, 0, 0, .2);
    -moz-box-shadow: inset 1px 2px 3px 0 rgba(0, 0, 0, .2);
    box-shadow: inset 1px 2px 3px 0 rgba(0, 0, 0, .2)
}

#rss-subscribe .feedburner-form label.error input[type=text] {
    color: #c33;
    background-color: #fff3f3
}

.post h1,
.post h2,
.post h3,
.post h4,
.post h5 {
    color: #333;
    font-weight: 700
}

.post h1 {
    font-size: 35px;
    line-height: 37px;
    margin-bottom: 5px
}

.post h2,
.post h3 {
    line-height: 36px;
    margin-bottom: 5px
}

.post h2 {
    font-size: 26px
}

.post h3 {
    font-size: 28px
}

.post h4 {
    font-size: 24px;
    margin-bottom: 2px
}

.post h5 {
    font-size: 18px;
    margin-bottom: 5px
}

.post div.post-header,
.post p {
    margin-bottom: 32px
}

.post p {
    font-size: 15px;
    color: #333;
    line-height: 24px;
    display: block
}

.post p a {
    color: #358ef2
}

.post div.post-header span.author {
    display: inline-block;
    font-size: 12px;
    line-height: 12px;
    color: #ddd;
    margin-right: 15px;
    margin-bottom: 15px;
    float: left;
    margin-top: 5px
}

.post div.post-header span.author a {
    color: #358ef2;
    margin-left: 5px
}

.post div.post-header a.comments {
    background: url(images/icons.png) left -124px no-repeat;
    padding-left: 23px;
    display: inline-block;
    color: #ddd;
    font-size: 12px;
    margin-bottom: 12px;
    line-height: 15px;
    margin-top: 5px
}

.post div.post-header div.sociable a {
    display: inline-block;
    margin-left: 13px
}

.post .entry {
    position: relative;
    font-size: 15px;
    line-height: 24px
}

.post .entry div.flare-horizontal,
.post .entry div.simplesocialbar-horizontal {
    position: absolute;
    top: -35px;
    left: 0
}

.post .entry p.wp-caption-text {
    font-size: 11px;
    color: #999;
    line-height: 15px
}

.post .entry img.wp-smiley {
    padding: 0;
    border-radius: 0;
    border: none
}

.post blockquote {
    border: 2px solid #eaf3fe;
    position: relative;
    border-radius: 2px;
    -moz-border-radius: 2px;
    -webkit-border-radius: 2px;
    float: left;
    width: 226px;
    margin: 0 17px 10px 0
}

.dailymotion-icon,
.dribble-icon,
.facebook-icon,
.fivepx-icon,
.flickr-icon,
.gplus-icon,
.instagram-icon,
.nextgen-gallery-icon,
.posts-icon,
.rss-icon,
.vimeo-icon,
.youtube-icon {
    height: 34px;
    width: 34px
}

.post blockquote p {
    background: url(images/blockquote-p-bg.gif) left top no-repeat;
    padding: 30px 26px 21px;
    font-size: 23px;
    font-weight: 300;
    color: #358ef2;
    line-height: 32px;
    margin-bottom: 0;
    margin-top: -12px;
    position: relative;
    left: -2px
}

.post .entry ul {
    list-style-type: disc
}

.post .entry ol {
    list-style-type: decimal
}

.post .entry ol,
.post .entry ul {
    position: relative;
    margin: 0 0 32px;
    padding: 0 0 0 40px
}

.post .entry ol ol,
.post .entry ol ul,
.post .entry ul ol,
.post .entry ul ul {
    margin-bottom: 0;
    list-style-type: circle
}

.post .entry ol li,
.post .entry ul li {
    line-height: inherit
}

.post .entry #greet_block img {
    padding: 0;
    border: none;
    position: relative;
    border-radius: 0
}

.post .entry #greet_block .greet_text {
    font-size: 15px;
    line-height: 21px
}

.post .entry #greet_block .greet_block_close {
    line-height: 15px
}

.title {
    margin-bottom: 36px;
    overflow: hidden
}

.title h1,
.title h2 {
    font-size: 46px;
    line-height: 1.4em;
    color: #303030;
    font-weight: 400;
    font-family: 'Open Sans';
    letter-spacing: -2px
}

.title p {
    font-size: 18px;
    color: #272727;
    line-height: 29px;
    margin-top: 21px
}
.sidebar div.sociable {
    position: absolute;
    overflow: hidden;
    top: 0;
    right: 0;
    text-align: right;
    padding-top: 10px;
    zoom: 1
}

.sidebar div.sociable h3 {
    font-size: 17px;
    color: #333;
    font-weight: 800;
    margin-bottom: 6px;
    letter-spacing: -1px;
    font-family: 'Open Sans', sans-serif
}

#comments h2,
#footer div.wordpress h2,
div#respond h2 {
    font-family: 'Open Sans';
    letter-spacing: -2px
}

.sidebar div.sociable span {
    margin-left: 5px;
    float: right
}

.sidebar div.sociable span.google-plus,
.sidebar div.sociable span.twitter-follow {
    margin-right: 0px
}

.social {
    background: url(images/content-sources/social_icons.png) no-repeat rgba(0, 0, 0, 0)
}

.youtube-icon {
    background-position: 0 -660px
}

.vimeo-icon {
    background-position: 0 -616px
}

.flickr-icon {
    background-position: 0 -176px
}

.gplus-icon {
    background-position: 0 -220px
}

.posts-icon {
    background-position: 0 -484px
}

.instagram-icon {
    background-position: 0 -308px
}

.gplus-image-icon {
    background-position: 0 -264px;
    height: 34px;
    width: 34px
}

.dailymotion-icon {
    background-position: 0 -88px
}

.rss-icon {
    background-position: 0 -528px
}

.dribble-icon {
    background-position: 0 -44px
}

.fivepx-icon {
    background-position: 0 0
}

.facebook-icon {
    background-position: 0 -132px
}

.nextgen-gallery-icon {
    background-position: 0 -440px
}

.custom-html,
.custom-image,
.custom-textonly,
.custom-video {
    width: 92px;
    height: 68px;
    display: inline-block;
    background: url(images/content-sources/custom-content.png) no-repeat;
    overflow: hidden;
    text-indent: -9999px;
    text-align: left
}

.custom-html {
    background-position: -1px 0
}

.custom-image {
    background-position: -94px 0
}

.custom-textonly {
    background-position: -1px -69px
}

.custom-video {
    background-position: -94px -69px
}

.productshome-custom-drag-and-drop,
.productshome-custom-multi-content-types,
.productshome-custom-wysiwyg {
    display: inline-block;
    background: url(images/products-bottom.png) no-repeat;
    overflow: hidden;
    text-indent: -9999px;
    text-align: left
}

.productshome-custom-drag-and-drop {
    background-position: -1px 0;
    width: 294px;
    height: 179px
}

.productshome-custom-multi-content-types {
    background-position: -1px -180px;
    width: 294px;
    height: 179px
}

.productshome-custom-wysiwyg {
    background-position: -1px -360px;
    width: 294px;
    height: 179px
}

.productshome-dynamic-config-options,
.productshome-dynamic-custom-look,
.productshome-dynamic-multi-source {
    display: inline-block;
    background: url(images/products-bottom-dynamic.png) no-repeat;
    overflow: hidden;
    text-indent: -9999px;
    text-align: left
}

.productshome-dynamic-config-options {
    background-position: -1px 0;
    width: 294px;
    height: 179px
}

.productshome-dynamic-custom-look {
    background-position: -1px -180px;
    width: 294px;
    height: 179px
}

.productshome-dynamic-multi-source {
    background-position: -1px -360px;
    width: 294px;
    height: 179px
}

.onesrc-block-title,
.onesrc-fashion,
.onesrc-half-moon,
.onesrc-proto,
.onesrc-toolkit {
    width: 300px;
    height: 224px
}

.onesrc-block-title,
.onesrc-fashion,
.onesrc-half-moon,
.onesrc-o-town,
.onesrc-proto,
.onesrc-toolkit {
    display: inline-block;
    background: url(images/onesrc.png) no-repeat;
    overflow: hidden;
    text-indent: -9999px;
    text-align: left
}

.onesrc-block-title {
    background-position: -1px 0
}

.onesrc-fashion {
    background-position: -1px -225px
}

.onesrc-half-moon {
    background-position: -1px -450px
}

.onesrc-o-town {
    background-position: -1px -675px;
    width: 300px;
    height: 224px
}

.onesrc-proto {
    background-position: -1px -900px
}

.onesrc-toolkit {
    background-position: -1px -1125px
}

.onesrc-block-title-thumb,
.onesrc-fashion-thumb,
.onesrc-half-moon-thumb,
.onesrc-o-town-thumb,
.onesrc-proto-thumb,
.onesrc-toolkit-thumb {
    display: inline-block;
    background: url(images/onesrcthumb.png) no-repeat;
    overflow: hidden;
    text-indent: -9999px;
    text-align: left
}

.onesrc-block-title-thumb {
    background-position: -5px 0;
    width: 74px;
    height: 64px
}

.onesrc-fashion-thumb {
    background-position: -84px 0;
    width: 74px;
    height: 64px
}

.onesrc-half-moon-thumb {
    background-position: -5px -69px;
    width: 74px;
    height: 64px
}

.onesrc-o-town-thumb {
    background-position: -84px -69px;
    width: 74px;
    height: 64px
}

.onesrc-proto-thumb {
    background-position: -5px -138px;
    width: 74px;
    height: 64px
}

.onesrc-toolkit-thumb {
    background-position: -84px -138px;
    width: 74px;
    height: 64px
}

.image3, .image1, .image2, .btn-text-getslidedeck, .grey-arrow
{ 
   display: inline-block; 
   background: url('images/homepagesprite.png') no-repeat; 
   overflow: hidden; 
   text-indent: -9999px; 
   text-align: left; 
}

.image3 { 
   background-position: -2px -0px; 
   width: 763px; 
   height: 635px; 
}

.image1 { 
   background-position: -2px -637px; 
   width: 383px; 
   height: 279px; 
}

.image2 { 
   background-position: -2px -918px; 
   width: 382px; 
   height: 278px; 
}

.btn-text-getslidedeck { 
   background-position: -387px -637px; 
   width: 191px; 
   height: 25px; 
}

.grey-arrow { 
   background-position: -580px -637px; 
   width: 50px; 
   height: 21px; 
}

#respond {
    width: 685px;
    margin-bottom: 30px;
    padding-bottom: 21px;
    background: url(images/comment-form-bg.png) left bottom repeat-x
}

#respond h2 small {
    font-size: .5em;
    font-weight: 400;
    letter-spacing: 0
}

#respond ul li {
    list-style: none;
    margin-bottom: 24px
}

#respond ul li.logged-in-notify {
    font-size: 12px
}

#respond ul li.small {
    width: 219px;
    float: left;
    margin-left: 13px
}

#respond ul li.small:first-child {
    margin-left: 0
}

#respond ul li label {
    display: block;
    font-size: 150%;
    color: #4e4e4e;
    font-weight: 700;
    margin-bottom: 10px
}

#respond ul li span.textbox {
    display: block;
    background: #fff;
    height: 33px;
    line-height: 33px;
    padding: 0 5px;
    border: 1px solid #9ea9b4
}

#respond ul li span.textbox input {
    width: 100%;
    background: 0 0;
    border: 0;
    line-height: 31px;
    height: 31px;
    color: #4e4e4e;
    font-size: 150%
}

#respond ul li span.textarea {
    padding: 10px;
    border: 1px solid #9ea9b4;
    display: block;
    background: #fff
}

#respond ul li span.textarea textarea {
    border: 0;
    background: 0 0;
    width: 100%;
    color: #4e4e4e;
    font-size: 140%;
    overflow: auto;
    height: 183px;
    resize: none
}

#respond ul li.error label,
#respond ul li.error span.textbox input,
#respond ul li.error span.textbox textarea {
    color: #790000
}

#respond ul li.subscribe {
    overflow: hidden;
    height: 15px;
    line-height: 15px
}

#respond ul li.subscribe input,
#respond ul li.subscribe label {
    position: relative;
    display: block;
    float: left
}

#respond ul li.subscribe input {
    margin: 0;
    padding: 0
}

#respond ul li.subscribe label {
    margin-left: 5px;
    font-size: 12px
}

#respond ul li.error span.textarea,
#respond ul li.error span.textbox {
    border-color: #790000;
    background: #FFDFDF
}

#comments {
    width: 685px
}

#comments h2,
div#respond h2 {
    color: #333;
    margin-bottom: 27px;
    font-size: 260%;
    font-weight: 700
}

#comments h2 {
    font-weight: 300
}

#comments h2 strong {
    font-weight: 700
}

#comments a {
    color: #358ef2
}

#comments ol li {
    position: relative;
    overflow: hidden;
    margin-bottom: 27px
}

#comments ol li div.avatar {
    width: 60px;
    position: relative;
    float: left
}

#comments ol li div.avatar span.inner {
    display: block;
    background: #fff;
    border: 1px solid #9ea9b4;
    padding: 4px;
    border-radius: 5px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    position: relative;
    z-index: 10
}

#comments ol li div.avatar span.shadow {
    display: block;
    background: url(images/shadow.png) left top no-repeat;
    width: 74px;
    height: 14px;
    position: absolute;
    bottom: -7px;
    left: -7px;
    z-index: 5
}

#comments ol li div.avatar img {
    vertical-align: bottom
}

#comments ol li div.description {
    float: right;
    width: 605px
}

#comments ol li div.description span.arrow {
    position: absolute;
    z-index: 100;
    background: url(images/theme/content/comments-arrow.jpg) no-repeat;
    width: 19px;
    height: 18px;
    left: -19px;
    top: 30px
}

#comments ol li div.description h3 {
    color: #333;
    font-size: 180%;
    line-height: 1em;
    margin-bottom: 11px;
    float: left;
    margin-right: 20px
}

#comments ol li div.description span.metadata {
    display: inline-block;
    font-size: 130%;
    color: #999;
    line-height: 16px;
    background: url(images/metadata-bg.png) left 1px no-repeat;
    float: left;
    margin-top: 2px;
    font-style: italic;
    padding-left: 15px
}

#comments ol li div.description .reply,
#comments ol li div.description p {
    font-size: 150%;
    line-height: 21px;
    margin-bottom: 20px;
    clear: both
}

#comments ol li div.description span.metadata a {
    color: #999
}

#comments ol li div.description p {
    color: #333
}

#comments ol li ul {
    padding-left: 58px;
    clear: both
}

#comments ol li ul li {
    overflow: hidden;
    background: url(images/comment-li-bg.png) left top;
    padding: 23px 21px 4px;
    border: 1px solid #f4f4f4;
    margin-bottom: 8px;
    -moz-box-shadow: 0 0 4px #777 inset;
    -webkit-box-shadow: 0 0 4px #777 inset;
    box-shadow: 0 0 4px #777 inset
}

#comments ol li ul li div.description {
    width: 504px
}

#comments .comment-nav {
    position: relative;
    overflow: hidden;
    font-size: 12px
}

#comments .comment-nav h5 {
    font-size: 12px;
    margin-bottom: 5px;
    padding-bottom: 5px
}

#comments .comment-nav .nav-previous {
    float: left
}

#comments .comment-nav .nav-next {
    float: right
}

#comments #comment-nav-above {
    padding-bottom: 20px
}

#comments #comment-nav-below {
    padding-top: 20px
}

#comments span.edit-link {
    position: relative;
    top: 4px;
    left: 5px
}

#footer {
    background: url(images/footer-bg.gif) left top;
    text-align: center;
    position: relative
}

#footer span.top-shadow {
    background: url(images/top-shadow.gif) left top repeat-x;
    height: 23px;
    width: 100%;
    display: block;
    position: absolute;
    top: 0;
    left: 0
}

#footer div.wrapper {
    padding: 30px 0 0
}

#footer div.wordpress h2 {
    font-size: 36px;
    color: #fff;
    text-shadow: 0 -1px 0 #1c1c1c;
    font-weight: 700;
    margin-bottom: 27px
}

#footer div.wordpress h2 span.craft {
    display: inline-block;
    background: url(images/craft.png) left top no-repeat;
    width: 126px;
    height: 0;
    padding-top: 60px;
    overflow: hidden;
    position: relative;
    top: 17px
}

#footer div.wordpress p {
    font-size: 16px;
    line-height: 27px;
    color: #d0d0d0;
    margin-bottom: 32px
}

#footer div.wordpress p span {
    color: #fff;
    font-weight: 700
}

#footer div.wordpress p a.button.blue {
    margin-left: 15px
}

#footer div.features {
    margin-bottom: 25px;
    padding: 11px 10px 47px;
    background: url(images/features-bg.gif) left bottom repeat-x
}

#footer div.features a.button.blue.large {
    margin-bottom: 33px
}

#footer div.features p span.jquery {
    font-size: 14px;
    color: #fff;
    display: inline-block;
    background: url(images/jquery.png) left center no-repeat;
    line-height: 32px;
    padding-left: 82px
}

#footer div.features p span.jquery a {
    color: #428cdf
}

#footer div#dt-product {
    margin: 0 auto 60px;
    width: 377px;
    font-size: 16px;
    color: #fff;
    font-family: Georgia, "Times New Roman", Times, serif
}

#footer div.dt-product-home {
    margin: 0 auto 40px!important
}

#footer p.other-products {
    margin-bottom: 30px;
    color: #fefefe;
    font-size: 14px;
    line-height: 16px
}

#footer p.other-products a {
    text-decoration: underline;
    color: #fefefe
}

#footer div#dt-product span strong {
    display: block;
    position: relative;
    overflow: hidden;
    width: 377px;
    height: 19px;
    margin: -6px 0 22px;
    padding-top: 15px
}

#footer div#dt-product a {
    color: #fff;
    background: url(images/studio-bg.png) left top no-repeat;
    line-height: 32px;
    display: inline-block;
    width: 158px
}

.box1,
.box2,
.box3 {
    background: #fff;
    position: relative
}

#footer #footer-navigation ul li {
    font-size: 14px;
    display: inline;
    line-height: 24px;
    padding: 0 7px;
    border-left: 1px solid #ababab
}

a.button-blue,
a.button2 {
    display: inline-block;
    text-shadow: 1px 1px 0 #0e2237
}

#footer #footer-navigation ul li:first-child {
    border-left: none
}

#footer #footer-navigation ul li a {
    color: #ababab;
    text-decoration: underline;
    text-decoration: none
}

#footer #footer-navigation ul li a:hover,
a.button-blue:hover,
a.button-grey,
a.button-grey:hover,
a.button2:hover {
    text-decoration: none
}

#footer p span.all-rights {
    font-size: 14px;
    color: #ababab;
    float: right;
    position: relative;
    top: 8px
}

a.button-blue,
a.button-grey,
a.button2 {
    color: #fff;
    font-weight: 700
}

.box1 {
    padding: 10px 9px;
    box-shadow: 0 0 4px #999;
    -webkit-box-shadow: 0 0 4px #999;
    -moz-box-shadow: 0 0 4px #999
}

.box2 {
    padding: 6px;
    box-shadow: 0 0 7px #000;
    -webkit-box-shadow: 0 0 7px #000;
    -moz-box-shadow: 0 0 7px #000
}

.box3 {
    margin-right: 40px;
    padding: 9px;
    box-shadow: 0 0 10px #333;
    -webkit-box-shadow: 0 0 10px #333;
    -moz-box-shadow: 0 0 10px #333
}

a.button-blue {
    border: 1px solid #0e0e0e;
    background: url(images/button1-bg.gif) left top repeat-x;
    height: 32px;
    line-height: 32px;
    padding: 0 18px;
    font-size: 14px;
    position: relative;
    border-radius: 18px;
    -moz-border-radius: 18px;
    -webkit-border-radius: 18px
}

a.button2 {
    background: url(images/button2.png) left top no-repeat;
    height: 66px;
    line-height: 66px;
    padding-left: 20px;
    font-size: 26px;
    margin-right: 8px;
    font-family: 'Open Sans';
    letter-spacing: -2px
}

a.button2 span.inner {
    display: block;
    background: url(images/button2.png) right top no-repeat;
    height: 66px;
    line-height: 66px;
    padding-right: 20px;
    position: relative;
    margin-right: -8px
}

a.button2 span.inner span {
    background: url(images/icons.png) right -43px no-repeat;
    display: inline-block;
    padding-right: 36px
}

a.button-grey {
    border: 1px solid #050302;
    border-top: 1px solid #4c321a;
    position: relative;
    border-radius: 18px;
    -moz-border-radius: 18px;
    -webkit-border-radius: 18px;
    line-height: 30px;
    height: 30px;
    text-shadow: 1px 1px 0 #000;
    font-size: 14px;
    box-shadow: 1px 1px 2px #232323;
    -webkit-box-shadow: 1px 1px 2px #232323;
    -moz-box-shadow: 1px 1px 2px #232323;
    display: inline-block
}

a.button-grey span {
    display: block;
    padding: 1px 32px 0;
    position: relative;
    border-radius: 18px;
    -moz-border-radius: 18px;
    -webkit-border-radius: 18px;
    background: url(images/main-nav-li-a.gif) left top repeat-x;
    border-top: 1px solid #797979;
    line-height: 26px;
    height: 28px
}

a.get-slidedeck-btn1,
a.get-slidedeck-btn2 {
    position: relative;
    height: 0;
    padding: 66px 0 0!important;
    overflow: hidden
}

a.get-slidedeck-btn1 {
    display: inline-block;
    width: 282px;
    background: url(images/get-slidedeck-btn1.png) left top no-repeat;
    text-decoration: none!important
}

#slidedeck-requirements a:active,
#slidedeck-requirements a:hover,
.post div.details p a,
a.get-slidedeck-btn2,
a.wordpress-btn:hover {
    text-decoration: none
}

.prev-price {
    display: none!important
}

.price {
    font-size: 26px!important
}

.pricing a.button3 {
    top: 0!important
}

a.get-slidedeck-btn2 {
    display: inline-block;
    width: 362px;
    line-height: 66px;
    background: url(images/get-slidedeck-btn2.png) left top no-repeat
}

#content img.lens-image {
    position: absolute;
    right: -394px;
    top: -127px
}

a.wordpress-btn {
    background: url(images/wordpress.png) left top no-repeat;
    width: 141px;
    height: 141px;
    position: absolute;
    right: 0;
    top: 0;
    z-index: 100
}

.slidedeck {
    margin: -14px 0 60px;
    position: relative
}

.post {
    margin-bottom: 55px
}

.post.last {
    margin-bottom: 35px
}

.post div.frame1 {
    width: auto;
    margin-bottom: 10px;
    float: left;
    border: 1px solid #9ea9b4;
    border-radius: 5px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    padding: 4px
}

.post div.frame1 a.post-thumb {
    position: relative;
    display: block;
    margin: 0;
    padding: 0
}

.post div.frame1 a.post-thumb img,
.post div.frame1 img {
    display: block;
    border: 0;
    height: 350px;
    width: 630px
}

.post div.details {
    width: auto
}

.post div.details h2 {
    font-family: 'Work Sans', sans-serif;
    font-weight: 700;
    line-height: 45px;
    text-rendering: auto;
    text-transform: none;
    font-size: 35px;
    letter-spacing: -1px
}

.post div.details h2 a {
    color: #333
}

.post div.details p {
    margin-bottom: 2px
}

.post div.details a.comments,
.post div.details span.author {
    display: inline-block;
    font-size: 12px;
    margin-bottom: 15px;
    line-height: 12px;
    margin-top: 5px
}

.post div.details span.author {
    color: #ddd;
    margin-right: 15px;
    float: left
}

.post div.details span.author a {
    color: #358ef2
}

.post div.details a.comments {
    background: url(images/icons.png) left -124px no-repeat;
    padding-left: 23px;
    color: #ddd
}

.post div.details p {
    margin-top: 20px
}

.post div.details p a {
    padding: 10px;
    text-align: center;
    background-color: #ddd
}

#pagination {
    margin-bottom: 17px
}

#pagination ol li {
    float: left;
    margin-right: 7px;
    font-size: 17px;
    color: #333;
    font-family: 'Open Sans';
    font-weight: 800;
    letter-spacing: -1px
}

#pagination ol li span.gap {
    position: relative;
    top: 5px
}

#pagination ol li a {
    color: #333;
    display: block;
    float: left;
    padding: 5px 10px;
    text-transform: uppercase
}

#pagination ol li.prev a {
    padding-left: 0
}

#pagination ol li.prev:hover a {
    background: 0 0;
    padding: 5px 10px 5px 0;
    color: #333
}

#pagination ol li.next:hover a {
    background: 0 0;
    color: #333
}

#pagination ol li span.current,
div#pagination ol li:hover a {
    background: #358ef2;
    color: #fff;
    padding: 5px 10px;
    display: block;
    float: left;
    text-decoration: none
}

#slidedeck-requirements {
    position: relative;
    overflow: hidden;
    height: 60px;
    line-height: 31px;
    color: #FFF;
    font-size: 16px;
    text-align: center
}

#slidedeck-requirements span.wordpress {
    position: relative;
    padding: 6px 0 6px 35px;
    margin-left: 2px;
    background: url(images/icon-wordpress.png) no-repeat
}

#slidedeck-requirements a {
    color: #FFF;
    text-decoration: underline
}

#footer-navigation span.slidedeck-requirements {
    position: relative;
    display: block;
    float: left;
    margin-right: 10px;
    line-height: 24px;
    font-size: 14px;
    color: #ABABAB;
    width: 50%
}

#footer-navigation span.slidedeck-requirements a {
    color: #ABABAB;
    text-decoration: underline
}

#footer-navigation span.slidedeck-requirements a:active,
#footer-navigation span.slidedeck-requirements a:hover {
    text-decoration: none
}

.grey-tip {
    display: none;
    position: absolute;
    left: 50%;
    padding: 15px;
    border: 1px solid #000;
    -webkit-box-shadow: inset 0 0 0 1px rgba(124, 124, 124, .5), 0 5px 15px 10px rgba(0, 0, 0, .3);
    -moz-box-shadow: inset 0 0 0 1px rgba(124, 124, 124, .5), 0 5px 15px 10px rgba(0, 0, 0, .3);
    box-shadow: inset 0 0 0 1px rgba(124, 124, 124, .5), 0 5px 15px 10px rgba(0, 0, 0, .3);
    background: #454545;
    background: -moz-linear-gradient(top, #454545 0, #030303 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0, #454545), color-stop(100%, #030303));
    background: -webkit-linear-gradient(top, #454545 0, #030303 100%);
    background: -o-linear-gradient(top, #454545 0, #030303 100%);
    background: -ms-linear-gradient(top, #454545 0, #030303 100%);
    background: linear-gradient(top, #454545 0, #030303 100%);
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px
}

.grey-tip a.grey-tip-close {
    position: absolute;
    width: 35px;
    height: 35px;
    text-indent: -9999px;
    top: -10px;
    right: -10px;
    background: url(images/modal-close.png) no-repeat
}

.grey-tip a.grey-tip-close:active,
.grey-tip a.grey-tip-close:hover {
    background-position: 0 -35px
}

#content-source-list {
    bottom: 40px;
    width: 490px;
    height: 185px;
    margin-left: -307px
}

#content-source-list ul {
    position: relative;
    overflow: hidden;
    padding: 0;
    margin: 0;
    list-style-type: none
}

#content-source-list ul li {
    position: relative;
    overflow: hidden;
    float: left;
    width: 140px;
    height: 0;
    padding-top: 35px;
    margin: 0 0 10px;
    background-image: url(images/sources.png);
    background-repeat: no-repeat
}

#content-source-list ul li.center {
    margin-left: 35px;
    margin-right: 35px
}

#content-source-list li.dailymotion {
    background-position: 0 0
}

#content-source-list li.youtube {
    background-position: 0 -35px
}

#content-source-list li.vimeo {
    background-position: 0 -70px
}

#content-source-list li.dribble {
    background-position: 0 -105px
}

#content-source-list li.flickr {
    background-position: 0 -140px
}

#content-source-list li.instagram {
    background-position: 0 -175px
}

#content-source-list li.picasa {
    background-position: 0 -210px
}

#content-source-list li.google {
    background-position: 0 -245px
}

#content-source-list li.twitter {
    background-position: 0 -280px
}

#content-source-list li.wordpress {
    background-position: 0 -315px
}

#content-source-list li.rss {
    background-position: 0 -350px
}

#content-source-list li.fivehundredpx {
    background-position: 0 -385px
}

#content-source-list li.pinterest {
    background-position: 0 -420px
}

#content-source-list li.empty {
    background: 0 0
}

#content-source-list span.grey-tip-arrow {
    position: absolute;
    bottom: -16px;
    left: 50%;
    width: 32px;
    height: 17px;
    margin-left: -16px;
    background: url(images/content-source-list-arrow.png) no-repeat
}

#fancybox-wrap #fancybox-close {
    width: 35px;
    height: 35px;
    background: url(images/modal-close.png) no-repeat
}

#fancybox-wrap #fancybox-close:active,
#fancybox-wrap #fancybox-close:hover {
    background-position: 0 -35px
}

#contact-form-wrapper .gform_body {
    position: relative;
    z-index: 10
}

p.slidedeck-js-cta {
    text-align: center;
    font-size: 14px;
    line-height: 1.5
}

.sd-notification {
    position: relative;
    overflow: hidden;
    width: 597px;
    padding: 15px 15px 15px 230px;
    margin: 0 auto 40px;
    background: url(images/affiliate-image-yellow-banner.png) 0 bottom no-repeat #fffcd4;
    border: 4px solid #e4df9e;
    color: #393a45
}

.sd-notification h2 {
    font-size: 28px;
    line-height: 1em;
    text-transform: uppercase;
    margin: 0 0 10px;
    font-weight: 800;
    font-family: 'Open Sans', sans-serif
}

.sd-notification h2 em {
    position: relative;
    font-size: 40px;
    text-transform: none;
    font-weight: 400;
    font-family: Damion, sans-serif;
    font-style: normal
}

#sd2-lite-notification h2,
.sd2-lite-modal {
    font-family: 'Open Sans', sans-serif
}

.sd-notification p {
    font-size: 13px;
    line-height: 16px;
    margin-bottom: 0
}

.sd-notification p a {
    font-weight: 700;
    text-decoration: underline;
    color: #3b8de9
}

.sd-notification p a:active,
.sd-notification p a:hover {
    text-decoration: none
}

.sd-notification a.close {
    position: absolute;
    display: inline-block;
    overflow: hidden;
    width: 13px;
    height: 0;
    padding: 13px 0 0;
    top: 10px;
    right: 10px;
    background: url(images/notification-close.png) no-repeat
}

.sd-notification a.close:active,
.sd-notification a.close:hover {
    background-position: 0 -13px
}

#sd2-lite-notification.sd-notification {
    background-image: none;
    overflow: visible;
    border: none;
    min-height: 70px;
    padding-left: 181px;
    width: 630px;
    -webkit-box-shadow: inset 0 0 0 4px #e4df9e;
    -moz-box-shadow: inset 0 0 0 4px #e4df9e;
    box-shadow: inset 0 0 0 4px #e4df9e
}

#sd2-lite-notification:before {
    content: ' ';
    position: absolute;
    z-index: 5;
    top: -1px;
    left: -1px;
    width: 64px;
    height: 64px;
    display: block;
    background: url(images/sd2-lite-banner-ribbon-icon.png) no-repeat
}

#sd2-lite-notification:after {
    content: ' ';
    position: absolute;
    z-index: 5;
    top: 17px;
    left: 72px;
    width: 65px;
    height: 65px;
    display: block;
    background: url(images/sd2-lite-banner-ribbon-icon.png) -73px -18px no-repeat
}

#sd2-lite-notification h2 {
    text-transform: none;
    white-space: nowrap;
    font-weight: 400;
    font-size: 28px;
    line-height: 38px;
    margin-bottom: 5px
}

#sd2-lite-notification h2 strong {
    font-weight: 700
}

#sd2-lite-notification p {
    font-size: 13px;
    line-height: 22px
}

#sd2-lite-notification-full-cover {
    position: absolute;
    z-index: 10;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    display: block;
    overflow: hidden;
    text-indent: -200%
}

#sd2-lite-download-form>div,
.sd2-lite-modal {
    position: relative
}

#fancybox-wrap.sd2-lite-download-wrapper a#fancybox-close {
    width: 24px;
    height: 24px;
    right: 10px;
    top: 10px;
    background: url(images/modal-close-sdlite.png) no-repeat
}

.sd2-lite-modal {
    overflow: hidden;
    color: #303030;
    font-size: 16px;
    line-height: normal
}

.sd2-lite-modal h2 {
    font-size: 46px;
    font-weight: 400;
    margin-bottom: 10px
}

.sd2-lite-modal h3 {
    font-size: 22px
}

.sd2-lite-modal h4 {
    font-size: 16px;
    color: #5568c3
}

.sd2-lite-modal p {
    font-size: 16px
}

#sd2-lite-download-modal {
    width: 960px;
    height: 515px
}

#sd2-lite-download-modal .left {
    width: 410px;
    height: 445px;
    padding: 35px;
    float: left
}

#sd2-lite-download-modal .right {
    width: 410px;
    height: 445px;
    padding: 35px;
    float: right;
    background: #d8dfe6
}

#sd2-lite-download-form {
    padding: 30px 0;
    margin-bottom: 20px
}

#sd2-lite-download-form span.loading {
    position: absolute;
    width: 80px;
    height: 30px;
    padding: 50px 10px 10px;
    background: url(images/ajax-loader.gif) center 20px no-repeat #fff;
    text-align: center;
    font-size: 12px;
    z-index: 10;
    left: 50%;
    top: 50%;
    margin-left: -50px;
    margin-top: -30px;
    -moz-box-shadow: 0 0 5px 2px rgba(0, 0, 0, .3);
    -webkit-box-shadow: 0 0 5px 2px rgba(0, 0, 0, .3);
    box-shadow: 0 0 5px 2px rgba(0, 0, 0, .3);
    border-radius: 10px;
    opacity: .9
}

#sd2-lite-download-form label {
    position: relative;
    display: block;
    font-size: 20px;
    font-weight: 700;
    margin-bottom: 40px
}

#sd2-lite-download-form label span.error {
    display: none;
    position: absolute;
    top: 85px;
    left: 5px
}

#sd2-lite-download-form label.error span.error {
    display: block;
    font-size: 12px;
    font-weight: 400;
    color: red
}

#sd2-lite-download-form input[type=text] {
    position: relative;
    display: inline-block;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    width: 395px;
    height: 49px;
    line-height: 49px;
    padding: 0 10px 0 35px;
    background: url(images/icon-email.png) 10px center no-repeat #fff;
    border: 1px solid #3e8ce3;
    margin-top: 5px;
    -moz-box-shadow: inset 1px 2px 2px 0 rgba(0, 0, 0, .3), 0 0 0 3px #d1f3ff;
    -webkit-box-shadow: inset 1px 2px 2px 0 rgba(0, 0, 0, .3), 0 0 0 3px #d1f3ff;
    box-shadow: inset 1px 2px 2px 0 rgba(0, 0, 0, .3), 0 0 0 3px #d1f3ff
}

#sd2-lite-download-modal .left>span {
    font-size: 12px;
    color: #999
}

#sd2-lite-download-modal .right h3 {
    padding-top: 25px;
    margin-bottom: 15px
}

#sd2-lite-download-modal .right p {
    margin-bottom: 25px
}

#sd2-lite-download-modal .right h4 {
    margin-bottom: 10px
}

#sd2-lite-download-modal .right ul {
    position: relative;
    overflow: hidden;
    padding: 0 0 0 20px;
    margin: 0 0 20px;
    list-style-type: disc;
    font-size: 14px;
    font-weight: 600
}

#sd2-lite-download-modal .right ul li {
    margin-bottom: 5px
}

#sd2-lite-download-modal .right ul.cols li {
    float: left;
    width: 140px
}

#sd2-lite-download-modal-thanks {
    width: 960px;
    height: 345px;
    padding-top: 70px;
    text-align: center
}

#sd2-lite-download-modal-thanks h2 {
    width: 605px;
    margin: 0 auto 10px;
    padding-left: 45px;
    background: url(images/sd-lite-modal-thanks-icon.png) 0 center no-repeat
}

#sd2-lite-download-modal-thanks p {
    font-size: 20px
}

#sd2-lite-download-modal-thanks>div {
    padding-top: 95px
}

#sd2-lite-download-modal-thanks h4 {
    margin-bottom: 20px
}

#sd2-lite-download-modal-thanks>div>div {
    position: relative;
    overflow: hidden;
    width: 625px;
    margin: 0 auto
}

#sd2-lite-download-modal-thanks>div a {
    color: #393a45;
    font-size: 22px;
    padding: 0 20px;
    text-shadow: 1px 1px 0 #fff
}

#sd2-lite-download-modal-thanks>div a span {
    padding-left: 30px
}

#sd2-lite-download-modal-thanks>div a.twitter {
    float: left
}

#sd2-lite-download-modal-thanks>div a.twitter span {
    background: url(images/icon-twitter-share.png) 0 center no-repeat
}

#sd2-lite-download-modal-thanks>div a.facebook {
    float: right
}

#sd2-lite-download-modal-thanks>div a.facebook span {
    background: url(images/icon-facebook-share.png) 0 center no-repeat
}

#sidebar .stayupdated-widget {
    margin:1px 0 26px -21px;
    border-left: 1px solid #EEE
}

.stayupdated-form {
    padding: 0;
    width: 334px;
    height: 218px;
    color: #363636
}

.stayupdated-form fieldset {
    width: 297px
}

.stayupdated-form .stayupdated-signup,
.stayupdated-form .stayupdated-thankyou {
    height: 166px;
    padding: 52px 19px 0 18px;
    /* background: url(images/stayupdated-widget.png) no-repeat 
    border-top: 10px solid transparent;
    border-image: url(images/header-bg.png) 30 round;*/
}

.stayupdated-widget .stayupdated-form .stayupdated-title {
    text-indent: -999em;
    overflow: hidden;
    margin: 0 auto 10px
}

.stayupdated-form .stayupdated-signup .stayupdated-title {
    width: 217px;
    height: 33px;
    background: url(images/title-stay-updated.png)
}

.stayupdated-form .stayupdated-thankyou .stayupdated-title {
    width: 178px;
    height: 27px;
    background: url(images/title-thank-you.png)
}

.stayupdated-widget .stayupdated-form .stayupdated-email-wrapper {
    -moz-box-shadow: inset 1px 1px 2px rgba(0, 0, 0, .2), 0 0 8px rgba(72, 148, 235, .2);
    -webkit-box-shadow: inset 1px 1px 2px rgba(0, 0, 0, .2), 0 0 8px rgba(72, 148, 235, .2);
    box-shadow: inset 1px 1px 2px rgba(0, 0, 0, .2), 0 0 8px rgba(72, 148, 235, .2)
}

.stayupdated-widget .stayupdated-form input[type=submit] {
    border: none;
    width: 86px;
    height: 0;
    padding: 34px 0 0;
    overflow: hidden;
    background: url(images/btn-sign-up.png)
}

.stayupdated-widget .stayupdated-form input[type=submit]:hover {
    background-position: 0 -34px
}

.stayupdated-widget .stayupdated-form input[type=submit]:active {
    background-position: 0 -68px
}

.ir {
    display: block;
    text-indent: -999em;
    overflow: hidden;
    background-repeat: no-repeat;
    text-align: left;
    direction: ltr
}

.hidden,
.ir br {
    display: none
}

.visuallyhidden {
    border: 0;
    clip: rect(0 0 0 0);
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    width: 1px
}

.visuallyhidden.focusable:active,
.visuallyhidden.focusable:focus {
    clip: auto;
    height: auto;
    margin: 0;
    overflow: visible;
    position: static;
    width: auto
}

#content .wrapper,
#sd1-notice {
    position: relative
}

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

@media print {
    blockquote,
    img,
    pre,
    tr {
        page-break-inside: avoid
    }
    * {
        background: 0 0!important;
        color: #000!important;
        text-shadow: none!important;
        filter: none!important;
        -ms-filter: none!important
    }
    a,
    a:visited {
        color: #444!important;
        text-decoration: underline
    }
    a[href]:after {
        content: " (" attr(href) ")"
    }
    abbr[title]:after {
        content: " (" attr(title) ")"
    }
    .ir a:after,
    a[href^="javascript:"]:after,
    a[href^="#"]:after {
        content: ""
    }
    blockquote,
    pre {
        border: 1px solid #999
    }
    thead {
        display: table-header-group
    }
    img {
        max-width: 100%!important
    }
    @page {
        margin: .5cm
    }
    h2,
    h3,
    p {
        orphans: 3;
        widows: 3
    }
    h2,
    h3 {
        page-break-after: avoid
    }
}

#fancybox-wrap.sd2livedemo-modal #fancybox-outer {
    background: 0 0
}

body #habla_window_div {
    right: auto!important;
    left: 0!important
}

#sd1-notice {
    margin-bottom: 20px;
    line-height: 16px;
    font-size: 13px;
    padding: 10px 20px;
    background: #fff7d0;
    border: 1px solid #fd6
}

.woocommerce-shipping-fields {
    display: none
}

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

.clearfix::after {
    clear: both;
    content: ".";
    display: block;
    font-size: 0;
    height: 0
}

#faces,
#sidr-menu {
    display: none
}

.renewal_wrapper {
    background: #fff;
    padding: 10px
}

.top_form {
    margin: 0 auto
}

.top_form input[type=text] {
    background: #fff;
    border: 1px solid #ccc;
    box-shadow: none;
    margin: 10px;
    padding: 5px;
    width: 50%
}

.top_form .button-noise {
    background: #4b94e1;
    border: none;
    border-radius: 5px;
    color: #fff;
    font-size: 15px;
    padding: 5px 19px
}

.top_form label {
    font-size: 14px
}

.renewal_wrapper .error {
    color: red;
    margin: 0 0 0 18%
}

.wrapper.renewal_wrapper.clearfix a {
    font-size: 15px
}

.slidedeck-requirements {
    color: #fff;
    font-size: 14px
}

.all-rights {
    color: #ababab;
    font-size: 12px;
    line-height: 1.5
}

#footer>div {
    margin: 0 auto;
    max-width: 980px;
    width: 100%
}

.wrapper.renewal_wrapper.clearfix {
    background: rgba(0, 0, 0, 0);
    border: 1px solid #999;
    border-radius: 8px
}

#login h1 a {
    width: auto!important
}

.page-id-13278 #main {
    float: left;
    width: 100%
}

.woocommerce-billing-fields .input-text {
    border: 1px solid #bbb;
    max-width: 300px;
    padding: 5px 10px;
    width: 100%
}

.woocommerce-checkout .col-1 {
    width: 100%!important
}

.slidedeck_premiumlens a {
    margin-right: 10px
}

.slidedeck_premiumlens a:last-child {
    margin: 0
}

.page-id-14349 #main {
    width: 100%
}

.woocommerce h2 {
    font-size: 24px;
    font-family: times new roman
}

#sd_mc_embed_signup_scroll .sd-mc-field-group label {
    color: #fff;
    font-size: 15px
}

#sd-mce-EMAIL {
    font-size: 14px;
    height: 25px;
    width: 270px
}

#sd-mc-embedded-subscribe {
    border-radius: 18px;
    color: #fff;
    font-size: 15px;
    font-weight: 700;
    height: 30px;
    margin-top: 18px;
    width: 100px;
    border: 1px solid #2261a8;
    background: #4f9cf3;
    background: -moz-linear-gradient(top, rgba(79, 156, 243, 1) 0, rgba(48, 126, 213, 1) 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0, rgba(79, 156, 243, 1)), color-stop(100%, rgba(48, 126, 213, 1)));
    background: -webkit-linear-gradient(top, rgba(79, 156, 243, 1) 0, rgba(48, 126, 213, 1) 100%);
    background: -o-linear-gradient(top, rgba(79, 156, 243, 1) 0, rgba(48, 126, 213, 1) 100%);
    background: -ms-linear-gradient(top, rgba(79, 156, 243, 1) 0, rgba(48, 126, 213, 1) 100%);
    background: linear-gradient(top, rgba(79, 156, 243, 1) 0, rgba(48, 126, 213, 1) 100%)
}

body.woocommerce-page #main {
    width: 100%
}

body.woocommerce-page table.cart td.actions .input-text {
    width: 180px!important;
    height: 32px;
    margin-top: 1px!important
}

body.woocommerce-cart .woocommerce h2 {
    text-align: right
}

body.woocommerce-cart .cart-collaterals .cart_totals table {
    text-align: right;
    float: right
}

body.woocommerce-cart .wc-proceed-to-checkout {
    clear: both
}

body.woocommerce-cart .wc-proceed-to-checkout a.checkout-button {
    line-height: 30px
}

body.woocommerce-checkout .woocommerce .woocommerce-info {
    margin-bottom: 10!important
}

body.woocommerce-checkout .post p {
    margin-bottom: 15px
}

body.woocommerce-checkout .post h3 {
    margin-top: 20px;
    margin-bottom: 0
}

body.page-affiliates #main,
body.page-licenses-and-renewals #main,
body.page-slidedeck-terms-conditions #main {
    width: 100%
}


#sidr .sidr-inner ul {
    transform: rotate(180deg)
}

#sidr .sidr-inner ul>li {
    transform: rotate(-180deg)
}

@media screen and (max-width:640px) {
    .example-slidedeck .try-it-out .blue {
        /*margin: 20px 200px !important;*/
     }
    #main-navigation {
        display: none
    }
    #sidr-menu {
        display: block;
        position: absolute;
        left: 0;
        top: 0
    }
    .home #sidr-menu {
        left: 138px
    }
    #sidr-menu img {
        width: 50px;
        height: 50px
    }
    #header div.logo {
        max-width: none;
        width: 100%
    }
    #header div.logo a {
        margin: 0 auto
    }
    #header .header-right {
        float: none;
        clear: both
    }
    #header a.button.blue,
    #header a.button.grey {
        float: none;
        /*top: 15px;*/
        width: 100%;
        margin-bottom: 15px
    }
    #header .header-right a.button.blue {
       top: 18px;
    }
    #header .hgroup {
        margin-top: 65px
    }
    .wrapper {
        width: 100%;
        padding: 0 10px;
        box-sizing: border-box
    }
    .wrapper .title h1 {
        font-size: 30px;
        letter-spacing: normal
    }
    .wrapper .title {
        margin-bottom: 15px
    }
    #content {
        padding: 18px 0 0
    }
    .page-template .wrapper {
        width: 100%;
        padding: 0 10px;
        box-sizing: border-box
    }
    body.page-template-home-slidedeck-php #header #video-area,
    body.page-template-home-video-php #header #video-area {
        width: 85%!important;
        height: auto!important
    }
    body.page-template-home-video-php #header #video-area .left.wrapper,
    body.page-template-home-video-php #header #video-area .right.video.wrapper {
        width: 100%!important;
        box-sizing: border-box
    }
    #sd2-lite-notification.sd-notification {
        width: 70%!important;
        padding-left: 115px!important
    }
    .sd-notification {
        width: 100%!important
    }
    #sd2-lite-notification h2 {
        font-size: 16px;
        line-height: 20px
    }
    #sd2-lite-notification:after {
        top: 20px!important;
        left: 40px!important
    }
    .purchase {
        /*height: 155px!important;*/
        line-height: 30px!important
    }
    .purchase .purchase-inner {
        width: 100%!important;
        /*height: 155px!important*/
    }
    #header .purchase a#btn-get-slidedeck,
    #header .purchase-inner a.get-slidedeck.button.blue span.button-noise span,
    .purchase a#btn-free-live-demo,
    .purchase a#sd2-lite-download {
        box-sizing: border-box!important;
        width: 100%!important
    }
    #products {
        padding: 25px 0 0!important
    }
    #products div.wrapper .products-top .deck-source-description {
        width: 100%!important
    }
    #products div.wrapper .products-top .example-slidedeck {
        width: 100%!important;
        padding-top: 30px
    }
    .lens-block-title dl.slidedeck>dd.has-image,
    .lens-block-title.sd2-dark dl.slidedeck,
    body .slidedeck-frame,
    dl.slidedeck dd iframe {
        width: 100%!important
    }
    .lens-block-title.sd2-dark dl.slidedeck {
        height: 350px!important
    }
    #products div.wrapper .products-bottom .third-column {
        width: 100%!important;
        float: left!important;
        margin-left: 0!important
    }
    #products div.wrapper .products-bottom .third-column img {
        width: 50%;
        float: left;
        box-sizing: border-box
    }
    #products div.wrapper .products-bottom .third-column strong {
        padding-left: 10px
    }
    #products div.wrapper .products-bottom .third-column p {
        width: 50%;
        float: left;
        box-sizing: border-box;
        padding-left: 10px;
        margin-top: 7px
    }
    #products div.wrapper #dynamic-source-overview .products-top .deck-source-description ul,
    #products div.wrapper .products-top .deck-source-description>p,
    .page-template-home-video-php #content div.section {
        width: 100%!important
    }
    #content img.lens-image {
        display: none
    }
    body.page-template-home-video-php div#content {
        padding: 40px 0 84px!important
    }
    .responses,
    .sources,
    .sources-intro {
        width: 100%!important;
        text-align: center
    }
    .responses span.response span.inner {
        height: 29px!important
    }
    .responses span.response span.inner span.number {
        height: 28px!important;
        line-height: 1.4!important;
        font-size: 20px!important
    }
    .responses span.response span.overlay {
        height: 0!important
    }
    .responses span.response {
        margin-top: 12px!important;
        display: inline-block!important;
        float: none!important
    }
    .page-template-home-video-php #content div.section {
        text-align: center
    }
    body.home div.post h2,
    body.home div.post p {
        text-align: left
    }
    body.home #footer {
        height: auto!important
    }
    .content-src {
        margin-right: 0!important;
        width: 50%;
        box-sizing: border-box
    }
    .content-src:nth-child(odd) {
        padding-right: 10px
    }
    .content-src:nth-child(even) {
        padding-left: 10px
    }
    .content-src img {
        max-width: 100%;
        width: 100%
    }
    .two-column-layout1 {
        padding: 0!important
    }
    .two-column-layout1 div.column {
        margin: 0 auto;
        float: none
    }
    .two-column-layout1 div.flR {
        margin-top: 30px
    }
    #slidedeck-requirements {
        height: auto
    }
    #footer div.features {
        padding-bottom: 25px
    }
    #footer div.features ul li {
        width: 50%!important;
        padding: 0 10px 20px;
        box-sizing: border-box;
        margin-left: 0!important
    }
    #footer div.features ul li:nth-child(3n) {
        clear: left
    }
    #footer div.features ul li div.frame img {
        max-width: 100%;
        margin: 0 auto
    }
    #footer div.features ul {
        margin-bottom: 0!important
    }
    body.page-template-home-slidedeck-php #header h1,
    body.page-template-home-video-php #header h1 {
        font-size: 26px!important
    }
    #footer div.wordpress h2,
    #products div.wrapper .products-top .deck-source-description h2,
    body.home div.post h2,
    body.page-template-home-lite-download-php div.post h2,
    body.page-template-home-slidedeck-php div.post h2,
    body.page-template-home-video-php div.post h2 {
        font-size: 22px!important;
        line-height: 33px!important
    }
    #products div.wrapper .products-top .deck-source-description>p {
        line-height: 22px!important;
        margin-bottom: 25px!important
    }
    body.page-template-home-slidedeck-php #header #video-area .left h3,
    body.page-template-home-video-php #header #video-area .left h3 {
        font-size: 20px!important
    }
    .page-template-features-sep2012 h2 {
        font-size: 16px!important
    }
    .page-template-features-sep2012 h2 strong {
        font-size: 25px!important
    }
    .page-template-features-sep2012 h3 {
        font-size: 22px!important;
        padding: 8px 0 5px!important
    }
    .page-template-features-sep2012 #slidedeck-frame .slide_2 h3 {
        font-size: 15px!important
    }
    .page-template-features-sep2012 h3 strong {
        font-size: 22px!important
    }
    .page-template-features-sep2012 h4 {
        font-size: 20px!important
    }
    .page-template-features-sep2012 #slidedeck-frame .slide_1 #lenses-copy ul h5 {
        font-size: 16px;
        padding-top: 6px
    }
    .page-template-features-sep2012 #slidedeck-frame .features-row h4,
    .page-template-features-sep2012 #slidedeck-frame .lower-columns div.column h4,
    .page-template-features-sep2012 #slidedeck-frame .slide_1 #lenses-copy p,
    .page-template-features-sep2012 #slidedeck-frame .slide_3 #tailor-your-style .left p,
    .page-template-features-sep2012 #slidedeck-frame .slide_3 ul#options-row li h4,
    .page-template-features-sep2012 #slidedeck-frame .slide_4 .leader-copy,
    .page-template-features-sep2012 #slidedeck-frame .slide_5 .row .left p {
        font-size: 16px!important
    }
    .page-template-features-sep2012 #slidedeck-frame .slide_3 #tailor-your-style .left h3 {
        margin-bottom: 5px
    }
    .page-template-features-sep2012 #features-slidedeck-wrapper {
        width: 100%;
        padding: 0 10px;
        box-sizing: border-box;
        margin-bottom: 20px;
        margin-top: 10px
    }
    body.page-template-features-sep2012 #features-slidedeck-wrapper .slidedeck-frame {
        height: initial!important
    }
    .page-template-features-sep2012 #features-slidedeck-wrapper ul#deck-navigation {
        height: 220px;
        background-size: 100% 230px;
        background-color: #fff;
        padding-top: 10px;
        width: 100%;
        padding-left: 0
    }
    .page-template-features-sep2012 #slidedeck-frame .features-row .span4:nth-child(even),
    .page-template-features-sep2012 #slidedeck-frame div.columns-4:nth-child(even) {
        padding-left: 5px
    }
    .page-template-features-sep2012 #features-slidedeck-wrapper #deck-wrapper {
        padding-top: 310px
    }
    .page-template-features-sep2012 #features-slidedeck-wrapper ul#deck-navigation li {
        width: 27%
    }
    .page-template-features-sep2012 #features-slidedeck-wrapper dd,
    .page-template-features-sep2012 #slidedeck-frame .slide_1 #lenses-copy {
        width: 100%!important
    }
    .page-template-features-sep2012 #slidedeck-frame .slide_1 #example-deck {
        clear: left;
        float: none;
        width: 100%
    }
    .page-template-features-sep2012 #features-slidedeck-wrapper .slide-wrapper #example-deck img {
        width: 100%;
        height: 100%
    }
    .page-template-features-sep2012 #slidedeck-frame .slide_1 #lens-swatch-preview {
        bottom: -15px
    }
    .page-template-features-sep2012 #slidedeck-frame div.columns-4 {
        width: 50%;
        box-sizing: border-box
    }
    .page-template-features-sep2012 #slidedeck-frame div.columns-4:nth-child(odd) {
        padding-right: 5px
    }
    .page-template-features-sep2012 #slidedeck-frame .lower-columns div.column p {
        padding-right: 0
    }
    .page-template-features-sep2012 div.dual-cta {
        margin-bottom: 15px;
        height: 200px;
        background-size: 100% 180px
    }
    .page-template-features-sep2012 a.button.light-grey.large,
    .page-template-features-sep2012 div.dual-cta a.get-slidedeck.button.blue.large {
        width: 94%;
        margin: 0;
        box-sizing: border-box
    }
    .page-template-features-sep2012 a.button.light-grey.large {
        margin-top: 8px;
        margin-bottom: 15px
    }
    .page-template-features-sep2012 #slidedeck-frame .slide_2 h3 {
        padding-bottom: 25px
    }
    .page-template-features-sep2012 #slidedeck-frame .slide_2 .source-type {
        float: none!important;
        margin: 10px auto
    }
    .page-template-features-sep2012 #slidedeck-frame .features-row .span4 {
        width: 50%;
        margin-left: 0;
        margin-bottom: 5px;
        box-sizing: border-box
    }
    .page-template-features-sep2012 #slidedeck-frame .features-row .span4:nth-child(odd) {
        padding-right: 5px
    }
    .page-template-features-sep2012 #slidedeck-frame .slide_3 #tailor-your-style .right {
        width: 100%
    }
    .page-template-features-sep2012 #slidedeck-frame .slide_3 #tailor-your-style .left {
        width: 100%;
        margin-top: 15px
    }
    .page-template-features-sep2012 #slidedeck-frame .slide_3 #tailor-your-style {
        margin-bottom: 10px
    }
    .page-template-features-sep2012 #slidedeck-frame .slide_3 ul#options-row li {
        width: 100%;
        height: auto
    }
    .page-template-features-sep2012 #slidedeck-frame .slide_3 ul#options-row li .thumb {
        width: 30%;
        padding-right: 10px;
        box-sizing: border-box
    }
    .page-template-features-sep2012 #slidedeck-frame .slide_3 ul#options-row li .right {
        width: 70%;
        padding-left: 5px;
        box-sizing: border-box;
        padding-top: 2px
    }
    .page-template-features-sep2012 #slidedeck-frame .slide_3 ul#options-row li.right {
        margin-left: 0
    }
    .page-template-features-sep2012 #slidedeck-frame .slide_4 .leader-copy {
        margin-bottom: 20px
    }
    .page-template-features-sep2012 #slidedeck-frame .slide_4 .span3 {
        margin: 0 auto 20px;
        float: none
    }
    .page-template-features-sep2012 #slidedeck-frame .slide_4 .span3:first-child {
        margin-left: auto
    }
    .page-template-features-sep2012 #slidedeck-frame .slide_4 .row {
        margin-bottom: 0
    }
    .page-template-features-sep2012 #slidedeck-frame .slide_5 #zendesk-screenshot,
    .page-template-features-sep2012 #slidedeck-frame .slide_5 .row .left {
        width: 100%;
        float: none
    }
    .page-template-features-sep2012 #footer {
        height: auto!important
    }
    .page-template-page-examples h1 {
        font-size: 25px
    }
    .page-template-page-pricing .pricing .tier-developer h2,
    .page-template-page-pricing .pricing h2 {
        font-size: 16px
    }
    .page-template-page-examples .title {
        margin-bottom: 10px
    }
    .page-template-page-examples .example-block {
        width: 100%;
        box-sizing: border-box
    }
    .example-block a.example-image img {
        margin: 0 auto
    }
    .page-template-page-examples #examples-filter-list label,
    .page-template-page-examples #examples-filter-list li>label.active {
        padding: 0 5px
    }
    .page-template-page-examples #examples-filter-list li a {
        padding: 0 10px
    }
    .page-template-page-examples #lens-filter {
        width: 110px;
        padding: 10px 10px 0
    }
    .page-template-page-examples #content {
        padding: 10px 0 5px
    }
    .page-template-page-pricing #money-back-guarantee {
        width: 100%;
        box-sizing: border-box
    }
    .page-template-page-pricing #money-back-guarantee ul li {
        width: 100%;
        float: none;
        margin: 15px auto
    }
    .page-template-page-pricing .pricing {
        width: 100%
    }
    .page-template-page-pricing .pricing-headers .tier-personal {
        padding-top: 10px
    }
    .page-template-page-pricing .pricing span.price {
        font-size: 16px;
        display: block;
        line-height: 15px
    }
    .page-template-page-pricing .pricing .tier-personal,
    .page-template-page-pricing pricing-headers .tier-personal {
        width: 90px;
        height: 105px!important
    }
    .page-template-page-pricing .pricing .tier-developer {
        left: 91px;
        right: 91px
    }
    #content .post h3,
    body.woocommerce-checkout .post h3 {
        font-size: 20px;
        margin-top: 20px
    }
    body.page-template-page-pricing-php #pricing-header .tier-developer .prev-price {
        bottom: 4px!important;
        left: 50%!important;
        margin-left: -23px
    }
    body.page-template-page-pricing-php #pricing-header .prev-price:after {
        width: 100%!important
    }
    body.page-template-page-pricing-php .pricing-headers .tier-professional {
        padding-top: 10px!important
    }
    body.page-template-page-pricing-php .pricing .tier-professional,
    body.page-template-page-pricing-php .pricing-headers .tier-professional {
        width: 90px!important
    }
    body.page-template-page-pricing-php .pricing a.button3 span {
        padding: 0 10px
    }
    body.page-template-page-pricing-php #pricing-header .prev-price {
        left: 25px!important
    }
    body.page-template-page-pricing-php .pricing-headers .tier-developer {
        height: 152px
    }
    body.page-template-page-pricing-php .pricing #pricing-body li,
    body.page-template-page-pricing-php .pricing #pricing-body li>div.tier-developer,
    body.page-template-page-pricing-php .pricing #pricing-body li>div.tier-personal,
    body.page-template-page-pricing-php .pricing #pricing-body li>div.tier-professional {
        line-height: 20px;
        padding: 10px 0;
        height: 20px!important
    }
    body.page-template-page-pricing-php .pricing #pricing-body li>div.tier-personal,
    body.page-template-page-pricing-php .pricing #pricing-body li>div.tier-professional {
        padding: 2px 0 18px
    }
    body.page-template-page-pricing-php #slidedeck-cross-promotion {
        margin-bottom: 30px
    }
    body.page-template-page-pricing-php ul.list5 li {
        float: none;
        margin: 0 auto;
        width: 100%
    }
    body.page-template-page-pricing-php div.pricing-cta-demo {
        width: auto
    }
    #faq-list li,
    body.page-template-page-pricing-php #faqs .two-column-layout2 .column {
        width: 100%!important
    }
    body.page-template-page-pricing-php #pricing-bottom {
        margin-bottom: 30px
    }
    .woocommerce form .form-row {
        width: 100%!important;
        box-sizing: border-box
    }
    .woocommerce form .form-row input.input-text,
    .woocommerce form .form-row textarea {
        max-width: none
    }
    .woocommerce-page .post {
        margin-bottom: 0
    }
    .woocommerce-page #container {
        padding-bottom: 188px
    }
    .woocommerce-page #content .inner-content {
        padding: 30px 38px 0;
        width: 100%
    }
    body.woocommerce-checkout .woocommerce .woocommerce-info {
        padding-bottom: 15px!important;
        margin-bottom: 0!important
    }
    body.woocommerce-checkout .post p {
        margin-bottom: 5px
    }
    body.woocommerce-cart #main {
        width: 100%
    }
    body.woocommerce-cart .post {
        margin-bottom: 0
    }
    body.woocommerce-page table.cart td.actions .input-text,
    body.woocommerce-page table.cart td.actions input {
        width: 100%!important
    }
    body.woocommerce-cart table.cart td,
    body.woocommerce-cart table.cart th {
        width: 16%;
        box-sizing: border-box;
        padding: 6px
    }
    body.woocommerce-order-received .woocommerce table.shop_table {
        margin-bottom: 8px
    }
    body.woocommerce-order-received .post .entry ul {
        margin-bottom: 10px;
        padding-left: 15px
    }
    body.woocommerce-order-received .woocommerce .order_details li {
        margin-bottom: 15px;
        width: 50%;
        float: left;
        box-sizing: border-box;
        border-right: none;
        margin-right: 0
    }
    #content .inner-content {
        padding: 30px 38px 0;
        width: 100%;
        box-sizing: border-box;
        left: 0;
        
    }
    #content #main {
        width: 100%;
        float: none
    }
    #content .post p {
        margin-bottom: 15px
    }
    #content .post h3 {
        line-height: 25px;
        margin-bottom: 10px
    }
    #content .post h4 {
        font-size: 18px;
        margin-bottom: 5px;
        margin-top: 20px
    }
    #content .post {
        margin-bottom: 30px
    }
    #container {
        padding-bottom: 188px
    }
    body.archive .wrapper .title,
    body.blog .wrapper .title,
    body.single .wrapper .title {
        position: relative;
        padding-bottom: 30px
    }
    body.archive .sidebar div.sociable span.google-plus,
    body.archive .sidebar div.sociable span.twitter-follow,
    body.blog .sidebar div.sociable span.google-plus,
    body.blog .sidebar div.sociable span.twitter-follow,
    body.single .sidebar div.sociable span.google-plus,
    body.single .sidebar div.sociable span.twitter-follow {
        margin-right: 0;
        margin-top: 15px
    }
    body.archive .post div.frame1,
    body.blog .post div.frame1 {
        width: 100%;
        float: none;
        padding: 0;
        margin-bottom: 10px;
        text-align: center
    }
    body.archive .post div.frame1 img,
    body.blog .post div.frame1 img {
        width: auto;
        max-width: 100%
    }
    body.archive .post div.details,
    body.blog .post div.details {
        float: none;
        width: 100%
    }
    body.archive .post div.details h2,
    body.blog .post div.details h2 {
        font-size: 18px;
        letter-spacing: 0;
        line-height: 22px;
        margin-bottom: 10px
    }
    body.archive .post div.details p,
    body.blog .post div.details p {
        line-height: 22px
    }
    body.archive #content .inner-content,
    body.blog #content .inner-content,
    body.single #content .inner-content {
        padding: 20px 10px
    }
    body.archive #content .post,
    body.blog #content .post {
        margin-bottom: 15px
    }
    body.single .wrapper .title h2 {
        font-size: 30px;
        letter-spacing: normal
    }
    body.single .post h1 {
        font-size: 24px
    }
    body.single .post div.post-header {
        margin-bottom: 5px
    }
    body.single #content .inner-content {
        margin-bottom: 25px
    }
    #sidebar {
        width: 100%;
        float: none;
        padding: 30px 0 0;
        border-top: 1px solid #EEE;
        border-left: none
    }
    #comments,
    #respond {
        width: 100%
    }
    #comments h2,
    div#respond h2 {
        margin-bottom: 10px
    }
    #comments #respond ul li.small {
        width: 100%;
        margin-left: 0;
        margin-bottom: 15px
    }
    body.page-contact-us #contact-form-wrapper,
    body.page-contact-us #contact-form-wrapper .gform_wrapper .gform_footer {
        width: 100%
    }
    body.page-contact-us #contact-form-wrapper .gform_wrapper,
    body.page-contact-us #contact-form-wrapper .title {
        padding-left: 10px;
        padding-right: 10px
    }
    body.page-contact-us .gform_wrapper .gform_footer input[type=image] {
        width: 70%!important;
        padding: 0 10px!important;
        box-sizing: border-box;
        height: 60px
    }
    body.page-contact-us #contact-sidebar {
        width: 100%;
        margin-right: 0
    }
    body.page-contact-us #contact-sidebar .block {
        width: 100%;
        background-size: 100%;
        box-sizing: border-box;
        padding: 55px 0 30px
    }
    body.page-contact-us #contact-sidebar #support-faqs {
        padding-top: 42px;
        margin-bottom: 60px
    }
    body.page-contact-us #contact-sidebar .block ul {
        text-align: center;
        width: 100%;
        padding: 0 10px;
        box-sizing: border-box
    }
    body.page-contact-us #contact-form-wrapper .gform_wrapper .gform_fields input[type=text],
    body.page-contact-us #contact-form-wrapper .gform_wrapper .top_label textarea.textarea {
        height: 0
    }
    body.page-contact-us #contact-form-wrapper .gform_wrapper .gform_fields>li {
        margin-bottom: 0
    }
    body.page-contact-us #contact-form-wrapper .gform_wrapper .gform_footer {
        height: 75px;
        padding-top: 25px
    }
    body.page-contact-us #contact-form-wrapper .gform_wrapper {
        padding-bottom: 140px
    }
    body.page-contact-us #content {
        padding-top: 30px
    }
    #hellobar-wrapper {
        display: none
    }
}

@media screen and (max-width:480px) {
    .example-slidedeck .try-it-out .blue {
        /*margin: 20px 200px !important;*/
     }
    #sd2-lite-notification h2,
    #sd2-lite-notification p,
    .page-template-features-sep2012 #features-slidedeck-wrapper ul#deck-navigation li span {
        display: none
    }
    #sd2-lite-notification:after {
        left: 50%!important;
        margin-left: -32px
    }
    #sd2-lite-notification.sd-notification {
        width: 15%!important
    }
    .lens-block-title.sd2-dark dl.slidedeck {
        height: 300px!important
    }
    .page-template-features-sep2012 #features-slidedeck-wrapper #deck-wrapper {
        padding-top: 130px
    }
    .page-template-features-sep2012 #features-slidedeck-wrapper ul#deck-navigation {
        background-size: 100% 80px;
        height: 80px;
        top: 40px;
        padding-top: 0
    }
    .page-template-features-sep2012 #features-slidedeck-wrapper ul#deck-navigation li {
        width: 20%
    }
    .page-template-features-sep2012 #features-slidedeck-wrapper ul#deck-navigation li.lenses {
        background-position: -20px 0
    }
    .page-template-features-sep2012 #features-slidedeck-wrapper ul#deck-navigation li.slide {
        background-position: -15px -141px
    }
    .page-template-features-sep2012 #features-slidedeck-wrapper ul#deck-navigation li.customization {
        background-position: -13px -279px
    }
    .page-template-features-sep2012 #features-slidedeck-wrapper ul#deck-navigation li.usage {
        background-position: -10px -417px
    }
    .page-template-features-sep2012 #features-slidedeck-wrapper ul#deck-navigation li.support {
        background-position: -14px -556px
    }
    .page-template-features-sep2012 #features-slidedeck-wrapper ul#deck-navigation li.lenses.active,
    .page-template-features-sep2012 #features-slidedeck-wrapper ul#deck-navigation li.lenses:hover {
        background-position: -147px 0
    }
    .page-template-features-sep2012 #features-slidedeck-wrapper ul#deck-navigation li.slide.active,
    .page-template-features-sep2012 #features-slidedeck-wrapper ul#deck-navigation li.slide:hover {
        background-position: -144px -142px
    }
    .page-template-features-sep2012 #features-slidedeck-wrapper ul#deck-navigation li.customization.active,
    .page-template-features-sep2012 #features-slidedeck-wrapper ul#deck-navigation li.customization:hover {
        background-position: -140px -279px
    }
    .page-template-features-sep2012 #features-slidedeck-wrapper ul#deck-navigation li.usage.active,
    .page-template-features-sep2012 #features-slidedeck-wrapper ul#deck-navigation li.usage:hover {
        background-position: -140px -417px
    }
    .page-template-features-sep2012 #features-slidedeck-wrapper ul#deck-navigation li.support.active,
    .page-template-features-sep2012 #features-slidedeck-wrapper ul#deck-navigation li.support:hover {
        background-position: -140px -556px
    }
    .page-template-features-sep2012 #slidedeck-frame .slide_1 .lower-columns {
        padding-top: 15px
    }
    .page-template-features-sep2012 #slidedeck-frame div.columns-4 {
        width: 100%
    }
    .page-template-features-sep2012 #slidedeck-frame div.columns-4:nth-child(odd) {
        padding-right: 0
    }
    .page-template-features-sep2012 #slidedeck-frame div.columns-4:nth-child(even) {
        padding-left: 0
    }
    .page-template-features-sep2012 #slidedeck-frame .lower-columns div.column h4 {
        padding: 10px 0
    }
    .page-template-features-sep2012 #slidedeck-frame .slide_2 .source-type {
        width: 100%!important
    }
    .page-template-features-sep2012 #slidedeck-frame .slide_2 .source-type img {
        width: 100%
    }
    .page-template-features-sep2012 #slidedeck-frame .slide_2 .source-type.left .dark-callout {
        width: 100%;
        box-sizing: border-box;
        margin-left: 0
    }
    .page-template-features-sep2012 #slidedeck-frame .features-row .span4 {
        width: 100%
    }
    .page-template-features-sep2012 #slidedeck-frame .features-row .span4:nth-child(odd) {
        padding-right: 0
    }
    .page-template-features-sep2012 #slidedeck-frame .features-row .span4:nth-child(even) {
        padding-left: 0
    }
    .page-template-features-sep2012 #slidedeck-frame .slide_3 ul#options-row li {
        text-align: center
    }
    .page-template-features-sep2012 #slidedeck-frame .slide_3 ul#options-row li .thumb {
        margin: 0 auto;
        float: none
    }
    .page-template-features-sep2012 #slidedeck-frame .slide_3 ul#options-row li .right {
        width: 100%;
        padding-left: 0;
        padding-top: 5px
    }
    .page-template-features-sep2012 #slidedeck-frame .slide_4 .span3 {
        width: 100%;
        box-sizing: border-box
    }
    .page-template-page-examples #examples-filter-list label,
    .page-template-page-examples #examples-filter-list li>label.active {
        padding: 0 30px
    }
    .page-template-page-examples #examples-filter-wrapper form {
        min-height: 70px;
        padding: 10px 0
    }
    .page-template-page-examples #lens-filter label {
        padding: 0 10px
    }
    body.page-template-page-pricing-php .pricing #pricing-body li,
    body.page-template-page-pricing-php .pricing #pricing-body li>div.tier-developer,
    body.page-template-page-pricing-php .pricing #pricing-body li>div.tier-personal,
    body.page-template-page-pricing-php .pricing #pricing-body li>div.tier-professional {
        font-size: 12px;
        height: 30px;
        line-height: 14px;
        padding: 5px 2px
    }
    body.page-contact-us .gform_wrapper .ginput_complex.ginput_container.has_first_name.no_middle_name.has_last_name span.name_first,
    body.page-contact-us .gform_wrapper .ginput_complex.ginput_container.has_first_name.no_middle_name.has_last_name span.name_last {
        width: 100%
    }
}

@media screen and (max-width:420px) {
    .example-slidedeck .try-it-out .blue {
        /*margin: 20px 200px !important;*/
     }
    #header div.logo a {
        width: 135px
    }
    #header div.logo a span {
        background-size: 135px 35px!important;
        margin-top: 10px
    }
    #products div.wrapper .products-bottom .third-column img {
        width: 100%;
        margin-bottom: 10px
    }
    #products div.wrapper .products-bottom .third-column p,
    #products div.wrapper .products-bottom .third-column strong {
        padding-left: 0
    }
    #products div.wrapper .products-bottom .third-column p {
        margin-bottom: 25px;
        width: 100%
    }
    .content-src {
        width: 100%
    }
    .content-src:nth-child(even),
    .content-src:nth-child(odd) {
        padding: 0
    }
    .two-column-layout1 div.column,
    .two-column-layout1 div.column div.frame img {
        width: 100%
    }
    #footer div.wordpress p {
        margin-bottom: 10px
    }
    #footer div#dt-product,
    #footer div#dt-product span strong {
        width: 100%
    }
    #footer div.dt-product-home {
        margin: 0!important
    }
    .page-template-page-examples #examples-filter-list li {
        width: 50%;
        margin: 0
    }
    .page-template-page-examples #examples-filter-wrapper form {
        min-height: 90px
    }
    .page-template-page-examples #examples-filter-list li a#filter-lens-button:after {
        left: 65px
    }
    .page-template-page-examples #examples-filter-list label,
    .page-template-page-examples #examples-filter-list li a,
    .page-template-page-examples #examples-filter-list li>label.active {
        padding: 0 15px
    }
    body.page-contact-us .gform_wrapper .gform_footer input[type=image] {
        width: 100%!important
    }
}

@media screen and (max-width:380px) {
    .example-slidedeck .try-it-out .blue {
        /*margin: 20px 200px !important;*/
     }
    .lens-block-title.sd2-dark dl.slidedeck {
        height: 250px!important
    }
    body.page-template-page-pricing-php .pricing #pricing-body li,
    body.page-template-page-pricing-php .pricing #pricing-body li>div.tier-developer,
    body.page-template-page-pricing-php .pricing #pricing-body li>div.tier-personal,
    body.page-template-page-pricing-php .pricing #pricing-body li>div.tier-professional {
        height: 43px;
        padding: 5px 2px
    }
}

@media screen and (max-width:320px) {
     .example-slidedeck .try-it-out .blue {
       /* margin: 20px 200px !important;*/
     }
    .lens-block-title.sd2-dark dl.slidedeck {
        height: 200px!important
    }
}