body { margin: 0; }

a:link, a:visited { color: blue; text-decoration: none; }

a:hover, a:active { color: red; text-decoration: underline; }

#site-name { font-size: 2.2em; line-height: 1.3em; font-weight: 300; padding: 0 0 0.5em; margin: 0; }

h1, h2, h3, h4, h5, h6 { line-height: 1.3em; }

h1 { font-size: 2.2em; font-weight: 300; padding: 0 0 0.5em; margin: 0; }

h2 { font-size: 1.8em; font-weight: 300; margin-bottom: 0.75em; }

h3 { font-size: 1.4em; margin-bottom: 1em; }

h4 { font-size: 1.2em; margin-bottom: 0.8em; }

h5 { font-size: 1.1em; font-weight: 600; margin-bottom: 0; }

h6 { font-size: 1em; font-weight: bold; }

p { margin: 0 0 1em 0; }

ul, ol { margin-left: 0; padding-left: 0; }

table { width: 99%; }

tr.even td, tr.odd td { padding: 10px 5px; }

tr.odd { background-color: white; }

pre, code, tt { font: 1em "andale mono", "lucida console", monospace; line-height: 1.5; }

pre { background-color: #efefef; display: block; padding: 5px; margin: 5px 0; border: 1px solid #aaaaaa; }

ul { list-style-type: disc; }
ul ul { list-style-type: circle; }
ul ul ul { list-style-type: square; }
ul ul ul ul { list-style-type: circle; }

ol { list-style-type: decimal; }
ol ol { list-style-type: lower-alpha; }
ol ol ol { list-style-type: decimal; }

abbr { border-bottom: 1px dotted #666666; cursor: help; white-space: nowrap; }

#edit-title { font-size: 24px; width: 99%; }

#system-themes-form img { width: 100px; }

.form-item .description { font-style: italic; line-height: 1.2em; font-size: 0.8em; margin-top: 5px; color: #777777; }

#edit-delete { color: #cc0000; }

div.messages { padding: 9px; margin: 1em 0; color: #003366; background: #bbddff; border: 1px solid #aaccee; }

div.warning { color: #884400; background: #ffee66; border-color: #eedd55; }

div.error { color: white; background: #ee6633; border-color: #dd5522; }

div.status { color: #336600; background: #ccff88; border-color: #bbee77; }

/*** common ***/
strong, .bold { font-weight: 700; }

img { max-width: 100%; }

.cf:after, #footer .region-footer:after, .node-product .field-name-field-preview-html:after, .node-free .field-name-field-preview-html:after, .view-blog .views-row:after, .node-blog:after { content: ""; display: table; clear: both; height: 0; visibility: hidden; }

p { margin: 0 0 7px 0; }

ul.contextual-links li a { font-family: arial; font-size: 14px; }

h1 { font-weight: 400; }

h2, h3, h4, h5, h6 { font-weight: 300; }

.node-unpublished { background: none; border-top: 5px solid #fec423; padding-top: 10px; }

/*** basic ***/
html, body { height: 100%; }

body { background: #fff; color: #222; font: 300 16px/1.5em "Open Sans", sans-serif; line-height: 1.4; }

a:link, a:visited { text-decoration: underline; color: #222; outline: none; -webkit-transition: all 0.1s linear; -o-transition: all 0.1s linear; -moz-transition: all 0.1s linear; transition: all 0.1s linear; }
a:hover, a:active { opacity: 0.9; text-decoration: none; }

#page { height: auto !important; margin: 0 auto -310px; min-height: 100%; }

.push { height: 310px; }

#header { background: #ddd; height: 121px; width: 100%; min-width: 960px; margin-bottom: 47px; }
#header .header-inner { background: url(../img/header-bg.png) 50% 0 no-repeat; margin: 0 auto; width: 960px; position: relative; }
#header #logo { top: 18px; left: 30px; position: absolute; }
#header nav#navigation { padding: 80px 0 0; height: 41px; text-align: center; background: none; }
#header nav#navigation ul { font-size: 0; height: 41px; }
#header nav#navigation ul li { font-size: auto; list-style: none; display: inline-block; line-height: 41px; height: 41px; }
#header nav#navigation ul li a { color: #222; font-size: 24px; display: inline-block; line-height: 41px; padding: 0 17px; height: 41px; text-decoration: none; }
#header nav#navigation ul li a:hover { opacity: 0.8; }

#main { margin: 0 auto 30px; width: 960px; }
#main .main-inner { margin: 0 30px; }

#content-area { position: relative; }
#content-area .addthis_toolbox { position: absolute; top: -30px; right: 0; z-index: 1; overflow: visible; }
#content-area .addthis_toolbox .addthis_button_facebook_like { margin-right: 20px; }

#footer { margin: 0 auto; width: 960px; height: 310px; }
#footer .region-footer { border-radius: 7px 7px 7px 7px; -moz-border-radius: 7px 7px 7px 7px; -webkit-border-top-left-radius: 7px; -webkit-border-top-right-radius: 7px; -webkit-border-bottom-right-radius: 7px; -webkit-border-bottom-left-radius: 7px; background: #ddd; padding: 50px 30px 30px; height: 200px; margin: 0 30px 30px; }
#footer #block-block-1 .social-item { display: inline-block; width: 50%; height: 85px; padding: 5px 0 0 53px; background: url(../img/social.png) 0 0 no-repeat; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; float: left; }
#footer #block-block-1 .social-item.social-email { background-position: 0 9px; }
#footer #block-block-1 .social-item.social-twitter { background-position: 0 -97px; }
#footer #block-block-1 .social-item.social-dribbble { background-position: 0 -200px; }
#footer #block-block-1 .social-item.social-facebook { background-position: 0 -300px; }
#footer #block-block-1 .social-item.social-facebook a { font-size: 20px; }
#footer #block-block-1 .social-item.social-subscribe { background-position: 0 9px; height: auto; }
#footer #block-block-1 .social-item.social-subscribe a { font-size: 20px; }
#footer #block-block-1 .social-item a { font-size: 24px; color: #222; }
#footer #block-block-1 .footer-info { float: left; padding-top: 7px; }
#footer #block-block-2 { text-align: center; font-size: 18px; }
#footer #block-block-2 p { margin: 0; }

/*** custom ***/
/*homepage*/
.view-bnr { margin-bottom: 30px; text-align: center; color: #fff; height: 420px; width: 900px; position: relative; }
.view-bnr a:hover { text-decoration: none; opacity: 0.95; }
.view-bnr .views-field-title { top: 40px; left: 0; right: 0; position: absolute; z-index: 1; }
.view-bnr .views-field-title h2 { font-size: 72px; line-height: 72px; margin: 0; }
.view-bnr .views-field-field-short-desc { font-size: 30px; position: absolute; top: 110px; left: 0; right: 0; z-index: 1; }

#block-block-3 { font-size: 30px; line-height: 34px; margin-top: 15px; }
#block-block-3 p { margin-bottom: 5px; }

body.front .addthis_toolbox { padding: 30px 0 0; }

/*Buy*/
.product-list .view-header { border-bottom: 1px solid #ccc; margin-bottom: 30px; padding-bottom: 35px; }
.product-list .view-header h1 { font-size: 24px; }
.product-list .view-header p { font-size: 14px; }
.product-list .views-row { border-bottom: 1px solid #ccc; padding-bottom: 35px; margin-bottom: 30px; }
.product-list .views-row.pt-4 .product-teaser-r h2 a, .product-list .views-row.pt-5 .product-teaser-r h2 a { color: #87bf00; }
.product-list .views-row:last-child { border: none; margin-bottom: 0; }
.product-list .views-row .views-field-field-image { float: left; font-size: 0; margin-top: 5px; }
.product-list .views-row .views-field-field-image a:hover { opacity: 0.95; }
.product-list .views-row .views-field-field-image a img { max-width: 100%; height: auto; }
.product-list .views-row .product-teaser-r { margin-left: 625px; }
.product-list .views-row .product-teaser-r h2 { font-size: 37px; margin-bottom: 0; }
.product-list .views-row .product-teaser-r h2 a { text-decoration: none; color: #b782ff; }
.product-list .views-row .product-teaser-r h3 { font-size: 24px; color: #fff; margin-bottom: 0; font-weight: 400; line-height: 20px; }
.product-list .views-row .product-teaser-r .pt-summary { margin: 12px 0 10px; font-size: 14px; }
.product-list .views-row .product-teaser-r .pt-summary p { margin-bottom: 7px; font-weight: 400; line-height: 18px; }
.product-list .views-row .product-teaser-r .pt-summary p strong { color: #000; font-weight: 700; }
.product-list .views-row .product-teaser-r .pt-summary p span { color: #fff; }
.product-list .views-row .product-teaser-r .pt-summary a.license { font-weight: 700; text-decoration: none; border-bottom: 1px dashed #fff; height: 17px; display: inline-block; }
.product-list .views-row .product-teaser-r .pt-price { font-size: 36px; font-weight: 400; font-size: 0; margin-bottom: 10px; }
.product-list .views-row .product-teaser-r .pt-price .field-name-field-oldprice { text-decoration: line-through; color: #858585; margin-right: 19px; font-size: 36px; display: inline-block; }
.product-list .views-row .product-teaser-r .pt-price .price { color: #4ca9ff; font-size: 36px; }
.product-list .views-row .product-teaser-r .pt-links { font-size: 0; }
.product-list .views-row .product-teaser-r .pt-links .preview-link { display: inline-block; margin-right: 27px; }
.product-list .views-row .product-teaser-r .pt-links .preview-link a { display: inline-block; background: #4a4a4a; padding: 0 23px; height: 38px; line-height: 36px; font-size: 24px; border-radius: 19px; text-decoration: none; color: #fff; }
.product-list .views-row .product-teaser-r .pt-links .buy-link { display: inline-block; }
.product-list .views-row .product-teaser-r .pt-links .buy-link a { display: inline-block; background: #0076e4; color: #fff; padding: 0 23px; height: 38px; line-height: 36px; font-size: 24px; border-radius: 19px; text-decoration: none; }

#block-block-4 { /*license*/ padding-top: 20px; }
#block-block-4 h2 { margin-bottom: 10px; }

/*Product page*/
.node-product .headline h1 { display: inline-block; color: #B782FF; }
.node-product .headline h2 { display: inline-block; color: #FFFFFF; font-size: 24px; line-height: 38px; vertical-align: bottom; margin-left: 10px; }
.node-product .product-buy { margin-bottom: 20px; }
.node-product .product-buy .field-name-field-price { color: #4CA9FF; font-size: 36px; display: inline-block; margin-right: 24px; vertical-align: bottom; font-weight: 400; }
.node-product .product-buy .field-name-field-oldprice { margin-right: 19px; color: #858585; display: inline-block; font-size: 36px; text-decoration: line-through; vertical-align: bottom; font-weight: 400; }
.node-product .product-buy .field-name-field-buylink { display: inline-block; line-height: 44px; vertical-align: middle; }
.node-product .product-buy .field-name-field-buylink a { background: #0076E4; border-radius: 19px; color: #FFFFFF; display: inline-block; font-size: 24px; height: 38px; line-height: 36px; padding: 0 23px; text-decoration: none; }
.node-product .field-name-field-image-preview { background: #4a4a4a; border-radius: 7px; padding: 13px 14px 13px 13px; font-size: 0; text-align: center; }
.node-product .field-name-field-image-preview .field-item { display: inline-block; }
.node-product .field-name-field-preview-html { border-radius: 7px; background: #cecece; padding: 40px 10px; text-align: center; }
.node-product .field-name-field-preview-html .i512_w { display: inline-block; position: relative; margin: 0 15px; }
.node-product .field-name-field-preview-html .i512_w .desc { color: #E3E3E3; text-align: left; font-size: 11px; font-family: arial; font-weight: 700; position: absolute; right: 10px; top: 45px; }

page-node-20 .node-product .field-name-field-image-preview { padding: 0; background: none; }

.page-node-4 .node-product .headline h1 { color: #d7ff4c; }

.page-node-5 .node-product .headline h1 { color: #d7ff4c; }
.page-node-5 .node-product .field-name-field-preview-html { background: #e0e0e0; }

.page-node-3 .node-product .field-name-field-preview-html { margin-top: 30px; background: none; padding: 0; }

/*Free*/
.free-list .view-header h1 { font-size: 24px; }
.free-list .view-header p { font-size: 14px; }
.free-list .views-row { width: 435px; display: inline-block; float: left; padding-top: 38px; margin-top: 28px; border-top: 1px solid #ccc; }
.free-list .views-row .views-field-field-image { font-size: 0; }
.free-list .views-row .product-teaser-r { padding-right: 140px; position: relative; margin-top: 10px; }
.free-list .views-row .product-teaser-r h2 { font-size: 24px; font-weight: 400; margin-bottom: 5px; }
.free-list .views-row .product-teaser-r h2 a { text-decoration: none; }
.free-list .views-row .product-teaser-r .pt-summary span { font-weight: 400; }
.free-list .views-row .product-teaser-r .pt-summary .important { color: #4193df; font-size: 18px; }
.free-list .views-row .product-teaser-r .pt-summary .important a { color: #4193df; }
.free-list .views-row .product-teaser-r .pt-links { position: absolute; top: 14px; right: 0; text-align: right; width: 133px; }
.free-list .views-row .product-teaser-r .pt-links .preview-link { display: inline-block; margin-right: 12px; width: 133px; display: none; }
.free-list .views-row .product-teaser-r .pt-links .preview-link a { display: block; text-align: center; background: #4a4a4a; padding: 0 16px; height: 38px; line-height: 36px; font-size: 22px; border-radius: 19px; text-decoration: none; color: #fff; }
.free-list .views-row .product-teaser-r .pt-links .download-link { display: inline-block; width: 133px; margin-right: 12px; }
.free-list .views-row .product-teaser-r .pt-links .download-link img { display: none; }
.free-list .views-row .product-teaser-r .pt-links .download-link a { display: block; background: #7ac10d; color: #fff; padding: 0 16px; height: 38px; line-height: 36px; font-size: 22px; border-radius: 19px; text-decoration: none; text-align: center; }
.free-list .views-row .product-teaser-r .pt-links .buy-link { display: inline-block; width: 133px; }
.free-list .views-row .product-teaser-r .pt-links .buy-link a { display: block; text-align: center; background: #0076e4; color: #fff; padding: 0 23px; height: 38px; line-height: 36px; font-size: 24px; border-radius: 19px; text-decoration: none; }
.free-list .views-row.pt-6 { width: 100%; }
.free-list .views-row.pt-6 .views-field-field-image { float: left; font-size: 0; }
.free-list .views-row.pt-6 .product-teaser-r { margin: -10px 0 10px 465px; padding: 0; }
.free-list .views-row.pt-6 .product-teaser-r h2 { font-size: 40px; }
.free-list .views-row.pt-6 .product-teaser-r .pt-summary { font-size: 14px; }
.free-list .views-row.pt-6 .product-teaser-r .pt-links { width: auto; position: relative; text-align: right; top: auto; right: auto; margin-top: 25px; }
.free-list .views-row.pt-6 .product-teaser-r .pt-links .preview-link { display: inline-block; }
.free-list .views-row.pt-7 .product-teaser-r .pt-links { text-align: right; }
.free-list .views-row.pt-7 .product-teaser-r .pt-links .preview-link { width: 133px; display: block; margin: 0 0 20px; }
.free-list .views-row.pt-7 .product-teaser-r .pt-links .preview-link a { display: block; text-align: center; }
.free-list .views-row.pt-11 { width: 100%; }
.free-list .views-row.pt-7, .free-list .views-row.pt-9, .free-list .views-row.pt-12, .free-list .views-row.pt-14 { padding-right: 30px; }

/*Free page*/
.node-free .field-name-body p span { font-weight: 400; }
.node-free .field-name-field-important { color: #61b3ff; font-size: 18px; }
.node-free .field-name-field-important a { color: #61b3ff; }
.node-free .product-buy { margin: 15px 0 20px; }
.node-free .product-buy .field-name-field-file { width: 154px; margin-right: 27px; display: inline-block; vertical-align: bottom; }
.node-free .product-buy .field-name-field-file .file img { display: none; }
.node-free .product-buy .field-name-field-file .file a { display: block; background: #7ac10d; border-radius: 19px; color: #FFFFFF; font-size: 24px; height: 38px; line-height: 36px; padding: 0 23px; text-decoration: none; text-align: center; }
.node-free .product-buy .field-name-field-buylink { display: inline-block; line-height: 44px; width: 154px; vertical-align: bottom; }
.node-free .product-buy .field-name-field-buylink a { display: block; text-align: center; background: #0076E4; border-radius: 19px; color: #FFFFFF; font-size: 24px; height: 38px; line-height: 36px; padding: 0 23px; text-decoration: none; }
.node-free .field-name-field-preview-html { border-radius: 7px; background: #fff; padding: 40px 10px; text-align: center; }
.node-free .field-name-field-preview-html .flag_icon_item { display: inline-block; position: relative; margin: 0 15px; list-style: none; }
.node-free .field-name-field-preview-html .flag_icon_item p { color: #333; text-align: left; font-size: 11px; font-weight: 700; position: absolute; right: 10px; bottom: 5px; font-family: Arial; }
.node-free .field-name-field-preview-html .social_icon_item { display: inline-block; position: relative; margin: 0 15px; list-style: none; }
.node-free .field-name-field-preview-html .social_icon_item p { color: #333; text-align: left; font-size: 11px; font-family: arial; font-weight: 700; position: absolute; top: -5px; left: 20px; }

/*Blog*/
.view-blog .views-row { margin-bottom: 20px; border-bottom: 1px solid #ccc; padding-bottom: 20px; }
.view-blog .views-row:last-child { border-bottom: none; margin-bottom: 0; }
.view-blog .views-row h2 { text-align: center; }

.node-blog h1 { text-align: center; font-weight: 300; }
.node-blog p { margin-bottom: 7px; }
.node-blog ul, .node-blog ol { padding: 10px 0; }
.node-blog ul li, .node-blog ol li { margin-left: 30px; }
.node-blog ul.links li.node-readmore { margin-left: 0; padding: 0; }

a.download { display: inline-block; background: #7ac10d; color: #fff; padding: 0 16px; height: 38px; line-height: 36px; font-size: 22px; border-radius: 19px; text-decoration: none; text-align: center; }

/*
************************************************************
*/
/*
@media all and (min-width: 0px) and (max-width: 2px) {  #header { #logo { img { width: 85px; } } nav#navigation ul li a { font-size: 20px; padding: 0 12px; } } #footer { .region-footer { padding: 20px; height: 240px;             } #block-block-1 { max-width: 300px; margin: 0 auto; .social-item { width: 100%; padding: 7px 0 10px 53px; height: auto; margin-bottom: 10px; &.social-facebook { a { font-size: 16px; } } a { font-size: 16px;
 } } } #block-block-2 { max-width: 300px; margin: 0 auto; font-size: 14px; p { text-align: left; } }
 }
  .view-bnr { width: 100%; height: auto; .views-field-title { top: 20px; h2 { font-size: 48px; line-height: 48px; } } .views-field-field-short-desc { font-size: 21px; top: 70px; } img { max-width: 100%; height: auto; } } #block-block-3 { font-size: 18px; line-height: 24px; p { } }



  .product-list { .views-row { .views-field-field-image { float: none; text-align: center; margin-bottom: 15px; } .product-teaser-r { margin: 0 auto; max-width: 595px; h2 { display: inline-block; }  h3 { display: inline-block; margin-left: 10px; } .pt-price { vertical-align: bottom; display: inline-block; margin-right: 24px; } .pt-links {  vertical-align: bottom; line-height: 50px; display: inline-block; } }   }  }  .free-list { .views-row { padding-right: 0; float: none; width: 100%; .views-field-field-image { text-align: center;
 img { height: auto; } } .product-teaser-r { margin: 10px auto 0; max-width: 295px; } &.pt-6 { .views-field-field-image { float: none; margin-bottom: 15px; text-align: center; } .product-teaser-r { margin: 0 auto; max-width: 435px; .pt-links { text-align: left; & > span { margin-bottom: 10px; } } } } } }


}





*/
/*
@media all and (min-width: 0) and (max-width: 1px) {   .view-bnr { width: 100%; height: auto; .views-field-title { top: 10px; h2 { font-size: 24px; line-height: 24px; } } .views-field-field-short-desc { font-size: 14px; top: 40px; } img { max-width: 100%; height: auto; } } #block-block-3 { font-size: 14px; line-height: 24px;         }
}
*/
/****** RETINA ******/
/*@media
only screen and (-webkit-min-device-pixel-ratio: 2),
only screen and (   min--moz-device-pixel-ratio: 2),
only screen and (     -o-min-device-pixel-ratio: 2/1),
only screen and (        min-device-pixel-ratio: 2),
only screen and (                min-resolution: 192dpi),
only screen and (                min-resolution: 2dppx) {   

}*/