/*
 * Copyright (c) 2014 
 * ==================================
 * 
 *
 * This is part of an item on themeforest
 * You can check out the screenshots and purchase it on themeforest:
 * http://rxa.li/themeforest
 * 
 * 
 * ===========================================
 * original filename: landing.css
 * filesize: 11320 Bytes
 * last modified: Fri, 17 May 2013 15:08:47 +0200
 *
 */
html,body,div,span,applet,object,embed,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,font,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td{ margin:0; padding:0; border:0; outline:0; font-weight:inherit; font-style:inherit; font-size:100%; font-family:inherit; vertical-align:baseline; } 

html, body, textarea, input { font-size:101%; font-family:sans-serif; color:#585858; font-size:12px; -webkit-text-size-adjust:none; } a{ color:#111; text-decoration:none; cursor:pointer; } a:hover { text-decoration:none; border-bottom:1px solid #111; } ::-moz-selection{background:#333;color:#f3f3f3;} ::selection {background:#333;color:#f3f3f3;} html{ background-image:url("img/bg.png"); background-attachment:fixed; } body{ width:888px; margin:0 auto; box-shadow:0px 2px 12px rgba(0,0,0,0.2); -moz-box-shadow:0px 2px 12px rgba(0,0,0,0.2); -webkit-box-shadow:0px 2px 12px rgba(0,0,0,0.2); margin-bottom:40px; background:#f3f3f3; padding-top:22px; padding-left:36px; padding-right:36px; padding-bottom:36px;} h1{ font-size:36px; letter-spacing:-3px; font-weight:700; margin-left:6px; } h2{ font-size:23px; letter-spacing:-2px; font-weight:700; margin-left:7px; } h3{ font-size:20px; letter-spacing:-1px; margin-bottom:4px; font-weight:700; } h4{ font-size:14px; letter-spacing:-1px; } li{ list-style:none; } hr { display:block; position:relative; height:0px; line-height:0px; border:0; border-top:1px solid #e5e5e5; border-bottom:1px solid #f9f9f9; margin:16px 0; padding:0; clear:both; } hr.hidden { visibility:hidden; } p{ line-height:1.8em; font-size:13px; } .small{ font-size:10px; } pre{ font-family:"Courier New", Courier, monospace; background-image:url(http://static.revaxarts-themes.com/code_lines.png); background-position:0 9px; line-height:18px; padding:9px; border-top:1px solid #e5e5e5; border-bottom:1px solid #f9f9f9; border-left:1px solid #e5e5e5; border-right:1px solid #f9f9f9; } div.note{ box-shadow:0px 0px 8px rgba(0,0,0,0.1); -moz-box-shadow:0px 0px 8px rgba(0,0,0,0.1); -webkit-box-shadow:0px 0px 8px rgba(0,0,0,0.1); padding:15px; border:1px solid #D3D6DB; background:#ffd; } #actions{ float:right; } #actions li{ float:left; } #actions .updates{ margin-right:10px; } #demoarea{ position:relative; display:block; display:none; overflow:hidden; } #demoarea ul.floatl{ width:110px; float:left; margin:4px 2px; cursor:pointer; } #versions img{ margin:1px; } #versions a:hover{ border:0; } #versions a:hover img, #versions img.active{ margin:0; border:1px solid #f1f1f1; border-radius:6px; box-shadow:0px 0px 2px rgba(0,0,0,0.8); -moz-box-shadow:0px 0px 2px rgba(0,0,0,0.8); -webkit-box-shadow:0px 0px 2px rgba(0,0,0,0.8); } #sliderwrap { float:right; position:relative; width:425px; height:290px; padding:6px; cursor:pointer; margin-bottom:30px; center center no-repeat; } .ie7 #sliderwrap { background-position:50% 0%; } #sliderA{ width:390px; height:240px; float:right; margin:24px 18px 24px 24px; border:1px solid #f1f1f1; } #featurewrap{ float:left; margin:24px 0 18px; } #features{ } #features li{ list-style-image:url(http://static.revaxarts-themes.com/tick.png); list-style-position:outside; line-height:24px; margin-left:32px; font-size:14px; vertical-align:bottom; position:relative; } #features li sup{ color:#900; font-size:10px; position:absolute; top:-4px; } #features li.no{ list-style-image:none; } #social{ margin:18px 0 0 30px; } #social li{ float:left; margin-right:12px; } #social a:hover{ border:0; } #quotes{ display:block; position:relative; font-style:italic; height:75px; font-weight:700; float:none; clear:both; margin:0 18px; padding:0 46px; background:url(http://static.revaxarts-themes.com/quote.png) no-repeat 0% 10%; } #quotes p{ font-size:18px; height:90px; width:100%; margin:auto; } #quotes span{ font-weight:100; display:block; font-size:12px; width:100%; } #layouts{ position:relative; margin:auto; padding-top:12px; } 
.featuresdetail{ min-height:130px; margin:18px 0; overflow:hidden; } .featuresdetail img{ float:left; margin-right:18px; padding:21px; background:url(http://static.revaxarts-themes.com/detail_stack.png) 100% 50% no-repeat; } .featuresdetail h3{ padding-top:14px; } footer{ font-size:10px; float:right; } 
a.btn{ background:url(http://static.revaxarts-themes.com/button.png) 50% 6px no-repeat; display:inline-block; padding:20px 0 20px 0; width:200px; font-size:16px; color:#f1f1f1; font-weight:700; text-align:center; text-shadow:1px 1px 0px rgba(0,0,0,0.9); } a.btn:hover { background-position:50% -55px; border:0; } a.btn:active{ } button, a.button{ position:relative; font-size:10px; text-transform:uppercase; font-weight:bold; padding:6px 9px; text-align:center; text-decoration:none; font-weight:100; border:1px solid #ccc; border-radius:4px; background:#f7f7f7; background:-moz-linear-gradient(top, #f6f6f6 0%, #ececec 100%); background:-webkit-gradient(linear, left top, left bottom, color-stop(0%,#f6f6f6), color-stop(100%,#ececec)); background:-webkit-linear-gradient(top, #f6f6f6 0%,#ececec 100%); background:-o-linear-gradient(top, #f6f6f6 0%,#ececec 100%); background:-ms-linear-gradient(top, #f6f6f6 0%,#ececec 100%); filter:progid:DXImageTransform.Microsoft.gradient( startColorstr='#f6f6f6', endColorstr='#ececec',GradientType=0 ); background:linear-gradient(top, #f6f6f6 0%,#ececec 100%); -webkit-box-shadow:0 1px 0 #f6f6f6 inset, 0 1px 0 #B5B5B5; -moz-box-shadow:0 1px 0 #f6f6f6 inset, 0 1px 0 #B5B5B5; box-shadow:0 1px 0 #f6f6f6 inset, 0 1px 0 #B5B5B5; color:#858585; text-shadow:0 1px 0 #f6f6f6; cursor:pointer; width:auto; display:inline-block; margin:3px; white-space:nowrap; } button:hover, a.button:hover { background:#f6f6f6; background:-moz-linear-gradient(top, #f6f6f6 0%, #f7f7f7 100%); background:-webkit-gradient(linear, left top, left bottom, color-stop(0%,#f6f6f6), color-stop(100%,#f7f7f7)); background:-webkit-linear-gradient(top, #f6f6f6 0%,#f7f7f7 100%); background:-o-linear-gradient(top, #f6f6f6 0%,#f7f7f7 100%); background:-ms-linear-gradient(top, #f6f6f6 0%,#f7f7f7 100%); filter:progid:DXImageTransform.Microsoft.gradient( startColorstr='#f6f6f6', endColorstr='#f7f7f7',GradientType=0 ); background:linear-gradient(top, #f6f6f6 0%,#f7f7f7 100%); color:#555; } button:active, a.button:active{ background:#f6f6f6; background:-moz-linear-gradient(top, #f6f6f6 0%, #f7f7f7 100%); background:-webkit-gradient(linear, left top, left bottom, color-stop(0%,#f6f6f6), color-stop(100%,#f7f7f7)); background:-webkit-linear-gradient(top, #f6f6f6 0%,#f7f7f7 100%); background:-o-linear-gradient(top, #f6f6f6 0%,#f7f7f7 100%); background:-ms-linear-gradient(top, #f6f6f6 0%,#f7f7f7 100%); filter:progid:DXImageTransform.Microsoft.gradient( startColorstr='#f6f6f6', endColorstr='#f7f7f7',GradientType=0 ); background:linear-gradient(top, #f6f6f6 0%,#f7f7f7 100%); -webkit-box-shadow:0 -1px 0 #f6f6f6 inset, 0 -1px 0 #B5B5B5; -moz-box-shadow:0 -1px 0 #f6f6f6 inset, 0 -1px 0 #B5B5B5; box-shadow:0 -1px 0 #f6f6f6 inset, 0 -1px 0 #B5B5B5; top:1px; color:#555; } button.small, a.button.small{ padding:2px 4px; margin:1px 2px; } .flex-container a:active, .flexslider a:active {outline: none;} .slides, .flex-control-nav, .flex-direction-nav {margin: 0; padding: 0; list-style: none;} .flexslider {width: 390px; height:270px; margin: 0; padding: 0; right:4px; top:5px;} .flexslider .slidess {width:1200px; border:1px solid; margin-left:-400px;} .flexslider .slides > li {display: none;} .flexslider .slides img {max-width: 100%; display: block;} .flex-pauseplay span {text-transform: capitalize;} .slides:after {content: "."; display: block; clear: both; visibility: hidden; line-height: 0; height: 0;} html[xmlns] .slides {display: block;} * html .slides {height: 1%;} .no-js .slides > li:first-child {display: block;} .flexslider { border: 0; margin:20px; padding:0; position: relative; zoom: 1;} .flexslider .slides {margin-top:0 !important;margin-bottom:0 !important;margin-right:0 !important; zoom: 1;} .flexslider .slides > li {position: relative;} .flex-container {zoom: 1; position: relative;} .flex-caption {background:none; -ms-filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#4C000000,endColorstr=#4C000000); filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#4C000000,endColorstr=#4C000000); zoom: 1;} .flex-caption {width: 96%; padding: 2%; position: absolute; left: 0; bottom: 0; background: rgba(0,0,0,.3); color: #fff; text-shadow: 0 -1px 0 rgba(0,0,0,.3); font-size: 14px; line-height: 18px;} .flex-direction-nav li a {width: 52px; height: 52px; margin: -13px 0 0; display: block; no-repeat 0 0; position: absolute; top: 50%; cursor: pointer; text-indent: -9999px;} .flex-direction-nav li .next {background-position: -52px 0; right: -21px;} .flex-direction-nav li .prev {left: -20px;} .flex-direction-nav li .disabled {opacity: .3; filter:alpha(opacity=30); cursor: default;} .flex-control-nav {width: 100%; position: absolute; bottom: 0px; text-align: center; z-index:2000;} .flex-control-nav li {margin: 0 0 0 5px; display: inline-block; zoom: 1; *display: inline;} .flex-control-nav li:first-child {margin: 0;} .flex-control-nav li a {width: 13px; height: 13px; display: block; background:#ededed; cursor: pointer; text-indent: -9999px;} .flex-control-nav li a:hover { border:0;} .flex-control-nav li a.active {background:#ddd; color:#ddd; cursor: default;}