www.gusucode.com > 200套html5精品模板1_50 > 200套html5精品模板1_50/013/orange/css/style.css
/*
SmallBusiness - Business HTML Template
Made by:trendyWebStar
Date:July 2012
Version: 1.0
Mail: themes@trendywebstar.com
*/
/* ----CONTENT LIST-----
01- RESET & CLERFIX
02- BODY LAYOUT (main typography,grid,container)
03- HEADER LAYOUT (logo, navigation,social icons)
04- FOOTER & COPYRIGHTS CSS
05- HOMEPAGE PORTFOLIO CAROUSEL & PORTFOLIO ITEM LAYOUT
06- BUTTONS
07- PRICING TABLES AND BOXES
08- LISTS
09- DROPCAPS
10- ALERTS
11- FORMS
12- PORTFOLIO LAYOUTS
13- TABS & ACCORDIONS
14- BLOG LAYOUT
15- OTHER FEATURES LAYOUT (google maps,404 error style,pre style,blockquote style,team members,services,sliders...)
*/
/* ---------------------------------------------------------------------- */
/* 01- RESET & CLEARFIX
/* ---------------------------------------------------------------------- */
html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,and,address,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video,input,textarea,select{background:transparent;border:0;font-size:100%;margin:0;outline:0;padding:0;vertical-align:baseline}article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}body{line-height:1}abbr[title],dfn[title]{border-bottom:1px dotted;cursor:help}blockquote,q{quotes:none}blockquote:before,blockquote:after,q:before,q:after{content:none}del{text-decoration:line-through}hr{background:transparent;border:0;clear:both;color:transparent;height:1px;margin:0;padding:0}mark{background-color:#ffffb3;font-style:italic}input,select{vertical-align:middle}ins{background-color:red;color:white;text-decoration:none}ol,ul{list-style:none}table{border-collapse:collapse;border-spacing:0}
/* Clearfix */
.clear{clear:both;display:block;height:0;overflow:hidden;visibility:hidden;width:0}.clearfix:after{clear:both;content:' ';display:block;font-size:0;height:0;line-height:0;visibility:hidden;width:0}* html .clearfix,:first-child+html .clearfix{zoom:1}
/* ---------------------------------------------------------------------- */
/* 02- BODY LAYOUT
/* ---------------------------------------------------------------------- */
body {
background:#FFF url("../images/bg-01.jpg") fixed;
color: #898989;
font-size: 12px;
font-family:'Arial', 'Verdana', sans-serif;
-webkit-font-smoothing: antialiased; /* Fix for webkit rendering */
-webkit-text-size-adjust: 100%;
overflow-x: hidden;
line-height:20px;
}
p,ul,ol,pre,code {margin-bottom:10px;}
::-moz-selection { background: #ff4629; color: #fff; text-shadow: none; }
.::selection { background: #ff4629; color: #fff; text-shadow: none; }
a, a > * {
color: #898989;
text-decoration: none;
-webkit-transition: background-color .2s ease, border .2s ease, color .2s ease, opacity .2s ease-in-out;
-moz-transition: background-color .2s ease, border .2s ease, color .2s ease, opacity .2s ease-in-out;
-ms-transition: background-color .2s ease, border .2s ease, color .2s ease, opacity .2s ease-in-out;
-o-transition: background-color .2s ease, border .2s ease, color .2s ease, opacity .2s ease-in-out;
transition: background-color .2s ease, border .2s ease, color .2s ease, opacity .2s ease-in-out;
}
a:hover, a > *:hover,.post-links { color: #ff420a; }
.colored{color:#ff420a;}
a.colored:hover{color:#ff420a;text-decoration:underline;}
.hasicon{ margin-bottom:10px;line-height:20px;vertical-align:middle}
.hasicon img{float:left;margin-right:10px;width:20px;height:100%;}
h1,h2,h3,h4,h5,h6 {
font-weight:normal;
font-variant:normal;
white-space:normal;
color:#898989;
margin-bottom:15px;
font-family:Arial,Verdana,serif;
}
h1 {
font-size:28px;
line-height:32px;
}
h2 {
font-size:26px;
line-height:30px;
}
h3 {
font-size:24px;
line-height:23px;
}
h4 {
font-size:18px;
line-height:24px;
}
h5 {
font-size:16px;
line-height:20px;
}
h6 {
font-size:14px;
line-height:17px;
}
h1 a,h2 a,h3 a,h4 a,h5 a,h6 a {
color:#898989;
font-size:100%;
}
h1 a:hover,h2 a:hover,h3 a:hover,h4 a:hover,h5 a:hover,h6 a:hover {
color:#ff420a;
font-size:100%;
text-decoration:underline;
}
a h1:hover,a h2:hover,a h3:hover,a h4:hover,a h5:hover,a h6:hover{color:#ff420a;}
.text-align-center{text-align:center;}
.text-align-left {text-align:left;}
.text-align-right {text-align:right;}
.img-align-left {margin:0px 10px 10px 0;float:left;}
/*GRID COLUMNS*/
.container {margin: 0 auto;position: relative;width: 880px;}
.one-half,.one-third,.two-third,.one-fourth,.three-fourth,.one-column {float: left;margin-right: 20px;margin-bottom: 20px;}
.one-half.last,.one-third.last,.two-third.last,.one-fourth.last,.three-fourth.last { margin-right: 0px }
.one-half { width: 430px }
.one-third { width: 280px }
.two-third { width: 580px }
.one-fourth { width: 205px }
.three-fourth { width: 655px }
.horizontal-line {width:100%;margin:30px 0;float:left;border-top:1px solid #ebebeb; }
/*GRID COLUMNS*/
.center-page{width:980px;margin:0px auto;height: auto;padding: 0px;}
#container {
height:auto;
width:880px;
background:#FFF;
-moz-box-shadow:0 0 6px #b7b7b7, inset 0 0 13px 5px #f9f9f9;
-webkit-box-shadow:0 0 6px #b7b7b7, inset 0 0 13px 5px #f9f9f9;
box-shadow:0 0 6px #b7b7b7, inset 0 0 13px 5px #f9f9f9;
padding:0px 50px;
margin:30px 0;
float:left;
border-top:6pt solid #ff420a;
border-bottom:4pt solid #e7e7e7;
border-radius:2px;
-moz-border-radius:2px;
-webkit-border-radius:2px;
}
#header {
height:45px;
padding:40px 0;
float:left;
width:100%;
border-bottom:1pt solid #ebebeb;
}
.intro-page {
float:left;
padding:15px 0px 0 0;
border-bottom:1pt solid #ebebeb;
margin-bottom:30px;
}
.intro-text{margin:-15px 0 0 0;}
.intro-text h3 {margin-bottom:10px;font-weight:800;font-size:20px;}
.intro-text p{}
.cufon-mask{-webkit-mask-image: url(../images/mask.png) ;}
.right {float:right;}
.button-holder-2 {
float: right;
margin-top: -5px;
}
.inner-page-intro h3{margin-top:0px; font-size:22px;line-height:20px;}
.inner-page-intro {
width: 100%;
height: auto;
float: left;
padding: 0px 0 40px 0;
margin:0px 0 30px 0;
background:url("../images/intro-pages-bg.png") bottom center no-repeat;
text-align:center;
}
/* ---------------------------------------------------------------------- */
/* 03- HEADER LAYOUT
/* ---------------------------------------------------------------------- */
#logo{
float: left;
height:45px;
width:220px;
background:url("../images/logo.png") no-repeat;
text-indent:-9999px;
}
a#logo-copyrights {
float: left;
height: 35px;
width:170px;
background:url("../images/logo-copyrights.png") no-repeat;
text-indent:-9999px;
margin-right:10px;
}
#navigation-wrapper{float:right;}
.search-input{
background:#FFF url("../images/search-bg.png") right no-repeat;
width:190px!important;
color:#898989!important;
}
.search-place{
margin-top:-10px;
margin-left:0px;
float:left;
}
.search-input-big:focus,.search-input:focus
{
border-color:#9dcedf;
-moz-box-shadow: 0 0px 3px #1aa8fc;
-webkit-box-shadow: 0 0px 3px #1aa8fc;
box-shadow: 0 0px 3px #1aa8fc;
}
.search-input-big{
background:#FFF url("../images/search-bg.png") right no-repeat;
width:265px!important;
color:#898989!important;
}
.search-place-big{
margin-top:-10px;
margin-left:0px;
float:left;
}
form#blog-search,form#contact-form{padding:0;border:none;display:block;}
form#blog-search input[type=text],input[type=password],input,textarea {
background-color:#FFF;
border:1px solid #e1e1e1;
font-size:11px;
width:185px;
padding:10px 10px;
border-radius:2px;
-moz-border-radius:2px;
-webkit-border-radius:2px;
box-shadow: inset 0px 2px 4px #f3f3f3;
-moz-box-shadow: inset 0px 2px 4px #f3f3f3;
-webkit-box-shadow: inset 0px 2px 4px #f3f3f3;
margin:15px 0px;
float:left;
}
/*MAIN NAVIGATION*/
#main-navigation {
top:-20px;
font-size:12px;
height:50px;
float:left; text-transform: Upperacase;
z-index:1000;
margin-right:20px;
}
#main-navigation {
position:relative;
z-index:1000;
font-family:'Droid Sans', arial, serif;
}
.downarrowclass{
position: absolute;
top: 36px;
right: 12px;
}
.rightarrowclass{
position: absolute;
top:11px;
right:12px;
}
#main-navigation ul {
margin:0;
padding:0px;
list-style-type:none;
}
#main-navigation ul li {
position:relative;
display:inline;
float:left;
}
#main-navigation ul li a,#main-navigation ul li a:link{
line-height:30px;
text-shadow:none;
font-size:12px;
text-transform: uppercase;
}
#main-navigation ul li:hover{
border-bottom:2pt solid #ff420a;
background:transparent url("../images/navigation-arrow.png") center bottom no-repeat;
}
#main-navigation ul li a:hover{color:#ff420a!important; }
#main-navigation ul li a {
display:block;
text-decoration:none;
overflow:hidden;
padding:0px 15px;
}
* html #main-navigation ul li a {
display:inline-block;
}
#main-navigation ul li ul {
position:absolute;
left:0px;
display:block;
visibility:hidden;
width:195px;
}
#main-navigation ul li ul li {
display:list-item;
float:none;
border-right:none!important;
}
#main-navigation ul li ul li a {
width:160px;
padding:5px 0px;
margin:0px 7px;
}
#main-navigation ul ul {
background:#FFF;
border:1px solid #e0e0e0;
border-top:2px solid #ff420a;
-moz-box-shadow:0px 3px 3px rgba(0,0,0,0.1);
-webkit-box-shadow:0px 3px 3px rgba(0,0,0,0.1);
box-shadow:0px 3px 3px rgba(0,0,0,0.1);
z-index:101;
color:#707070;
}
#main-navigationul li a,#main-navigation ul li a:link,#main-navigation ul li a:visited {
line-height:40px;
color:#898989;
font-size:12px;
padding:20px 10px 43px 10px;
-webkit-transition:all 0.2s ease-out;
-moz-transition:all 0.2s ease-out;
-o-transition:all 0.2s ease-out;
-ms-transition:all 0.2s ease-out;
transition:all 0.2s ease-out;
}
#main-navigation ul ul li a,#main-navigation ul ul li a:link,#main-navigation ul ul li a:visited {
height:100%;
text-transform: capitalize;
line-height:20px;
margin-right:0px;
padding:7px 10px;
font-size:11px;
color:#707070;
z-index:1000;
border-bottom:dotted 1px #e1e1e1;
}
#main-navigation ul ul li a:hover {
background:none;
color:#ff420a;
}
#main-navigation ul li ul li:hover {
text-decoration:none;
text-shadow:none;
background:#FFF;
border-bottom:none;
}
/*POST NAVIGATION PANEL*/
#post-navigation-panel{height:30px;float:left;width:100%;padding:15px 0;border-bottom:1pt solid #ebebeb;margin-bottom:40px;}
.call-us{font-size:16px;margin-top:5px;}
/*POST NAVIGATION PANEL*/
/*SOCIAL ICONS*/
ul#social-icons{
float:right;
margin-top:0px;
}
ul#social-icons li{
float:left;
width:25px;
height:25px;
margin:0px 1px;
}
ul#social-icons li a {
float:left;
width:25px;
height:25px;
text-indent:-9999px;
}
ul#social-icons li a.facebook{background:url("../images/social-icons/facebook.png") no-repeat;}
ul#social-icons li a.twitter{background:url("../images/social-icons/twitter.png") no-repeat;}
ul#social-icons li a.google{background:url("../images/social-icons/google.png") no-repeat;}
ul#social-icons li a.flickr{background:url("../images/social-icons/flickr.png") no-repeat;}
ul#social-icons li a.skype{background:url("../images/social-icons/skype.png") no-repeat;}
ul#social-icons li a.linkedin{background:url("../images/social-icons/linkedin.png") no-repeat;}
ul#social-icons li a.rss{background:url("../images/social-icons/rss.png") no-repeat;}
ul#social-icons li a.dribbble{background:url("../images/social-icons/dribbble.png") no-repeat;}
ul#social-icons li a.digg{background:url("../images/social-icons/digg.png") no-repeat;}
ul#social-icons li a.pinterest{background:url("../images/social-icons/pinterest.png") no-repeat;}
ul#social-icons li a.vimeo{background:url("../images/social-icons/vimeo.png") no-repeat;}
/*TIPSY*/
.tipsy {
padding:5px;
font-size:11px;
opacity:0.65;
filter:alpha(opacity=65);
background-repeat:no-repeat;
background-image:url(../images/tipsy.gif);
margin-top:5px;
}
.tipsy-inner {
padding:5px 8px 4px 8px;
background-color:black;
color:#FFF;
max-width:200px;
text-align:center;
}
.tipsy-inner {
-moz-border-radius:3px;
-webkit-border-radius:3px;
}
.tipsy-north {
background-position:top center;
}
.tipsy-south {
background-position:bottom center;
}
.tipsy-east {
background-position:right center;
}
.tipsy-west {
background-position: left center;
}
/* ---------------------------------------------------------------------- */
/* 04- FOOTER & COPYRIGHTS CSS
/* ---------------------------------------------------------------------- */
#footer-wrapper {
width:100%;
float:left;
}
#footer-container{
width:880px;
margin:0 auto;
border-top:1pt solid #ebebeb;
padding:30px 0px;
margin-top:30px;
}
#footer {
float:left;
margin:0;
}
#footer ul {
list-style-type:none;
float:left;
}
#footer a ,#footer p{ color:#898989;text-decoration: none; }
#footer a:hover {color:#ff420a;text-decoration: underline;}
#footer ul li span,#footer ul li span a {
display:block;
text-transform:none;
}
#footer strong.footer-title{line-height:40px;}
#footer ul li span a {display: inline;}
#footer .colored{color:#ff420a;}
#footer .bolder{font-weight:bold;}
ul#footer-info li{
margin-bottom:0px;
margin-top:10px;
border-bottom:1pt dotted #d7d7d7;
}
ul#footer-info li:first-child{padding-top:10px;border-top:1pt dotted #d7d7d7;}
#footer-info img{
background-color:#FFF;
border:1px solid #e1e1e1 !important;
margin:5px 10px 0 0;
float:left;
}
ul.social-links li img {
margin-right:7px;
float:left;
margin-top:-1px;
}
#footer .tweet {width:auto;}
#footer .tweet ul {
list-style-type:none;
padding:0px;
margin:0px;
float:left;
}
#footer .tweet li .tweet_text,.block .tweet li .tweet_text {
list-style-type:none;
padding:0 0 0px 30px;
background:transparent url(../images/twitter-feed.png) left top no-repeat;
}
#footer .tweet li .tweet_text:hover,.block .tweet li .tweet_text:hover {
list-style-type:none;
padding:0 0 0px 30px;
background:transparent url(../images/twitter-feed-hover.png) left top no-repeat;
}
#footer .tweet a,.block .tweet a {
text-transform:none;
display:inline;
padding:0px;
font-size:12px;
color:#898989;
}
#footer .tweet .tweet_time a,.block .tweet .tweet_time a {
text-transform:none;
display:block;
font-size:12px;
margin-top: 5px;
margin-bottom:10px;
padding:0 0 0 30px;
color:#ff420a;
}
#footer .simple-nav li{ color:#ff420a;display:block; padding:5px 0; border-bottom:1px dotted #d7d7d7;}
#copyrights p ,#copyrights a{
margin:0;
color:#707070;
font-size:11px;
}
#copyrights a:hover{color:#ff420a;}
#copyrights{
float:left;
width:880px;
padding:20px 50px 20px 50px;
margin:0 0 0 -50px;
background:#FFF;
border-top:1pt solid #e1e1e1;
}
/* ---------------------------------------------------------------------- */
/* 05- HOMEPAGE PORTFOLIO CAROUSEL & PORTFOLIO ITEM LAYOUT
/* ---------------------------------------------------------------------- */
ul#projects-carousel {
overflow: hidden;
position: relative;
list-style: none;
margin: 0;
padding: 25px 0 0 0;
}
ul#projects-carousel li {
float: left;
background: #f8f9f9;
width: 205px;
height: auto;
margin-right: 20px;
padding: 0;
}
ul#projects-carousel li .item-content {
background: #FFF;
float: left;
width: 205px;
text-align: center;
padding: 0px 0 0px 0;
height: auto;
color:#FFF;
border-bottom:1pt solid #FFF;
}
ul#projects-carousel li .item-content:hover { border-bottom:1pt solid #d84519;}
ul#projects-carousel li .item-content p{padding:5px 0;}
ul#projects-carousel li .item-content p {
margin: 0;
padding: 0;
color: #FFF;
}
ul#projects-carousel li .item-content p a {
margin: 0;
padding: 0;
font-weight: 800;
color: #FFF;
}
ul#projects-carousel li .item-content span {
font-style: italic;
color: #FFF;
}
ul#projects-carousel li img {
width: 100%;
height: auto;
padding: 0;
margin: 0;
}
.jcarousel-container {
margin: 0px -20px 0px 0;
max-width: 100%;
padding: 0px 0 0 0;
}
.jcarousel-clip {
overflow: hidden;
width: 100%;
}
.jcarousel-item {
margin: 0 0px 30px 0;
width: 205px;
}
.jcarousel-next,
.jcarousel-prev {
background: #d84519 url("../images/carousel-prev-next.png") -5% 50% no-repeat;
cursor: pointer;
height: 20px;
position: absolute;
right: 25px;
bottom: -10px;
width: 20px;
}
.jcarousel-prev {
background: #d84519 url("../images/carousel-prev-next.png") 105% 50% no-repeat;
right: 0px;
}
.jcarousel-next:hover,
.jcarousel-next:focus,
.jcarousel-next:active,
.jcarousel-prev:hover,
.jcarousel-prev:focus,
.jcarousel-prev:active { background-color: #d84519 }
.jcarousel-clip {
overflow: hidden;
width: 100%;
}
.jcarousel-next-disabled,
.jcarousel-next-disabled:hover,
.jcarousel-next-disabled:focus,
.jcarousel-next-disabled:active,
.jcarousel-prev-disabled,
.jcarousel-prev-disabled:hover,
.jcarousel-prev-disabled:focus,
.jcarousel-prev-disabled:active {
background-color: #cccccc;
cursor: auto;
box-shadow: inset0 0 7px #b7b7b7;
-moz-box-shadow: inset 0 0 7px #b7b7b7;
-webkit-box-shadow: inset 0 0 7px #b7b7b7;
}
.portfolio-item-hover-content,
.proj-img1 {
position: relative;
overflow: hidden;
}
.portfolio-item-hover-content a.zoom {
background: url(../images/zoom-plus.png) 50% 50% no-repeat;
margin-left:0px;
display:inline-block;
width: 100%;
height: 100%;
position: absolute;
top: -100%;
left: 0%;
margin-top:-25px;
z-index: 10;
text-indent: -9999px;
}
.portfolio-item-hover-content {
line-height: 0;
display: block;
background: transparent;
z-index: 99;
}
.portfolio-item-holder {
position: relative;
overflow: hidden;
height: auto;
margin-bottom: 0px;
}
.portfolio-item-hover-content,
.proj-img1 {
position: relative;
overflow: hidden;
}
.portfolio-item-hover-content .hover-options {
display: block;
font-style: normal;
position: absolute;
width: 100%;
height: 100%;
z-index: 9;
top: 0;
left: 0;
background: url("../images/portfolio-hover-bg.png") repeat;
opacity: 0;
filter: alpha(opacity:0);
cursor: pointer;
}
/* ---------------------------------------------------------------------- */
/* 06- BUTTONS
/* ---------------------------------------------------------------------- */
.button {
cursor: pointer;
font-family: Arial,Helvetica,sans-serif;
font-size: 11px;
color: #ffffff;
text-decoration: none!important;
border: none;
position: relative;
border-radius: 4px;
-moz-border-radius: 4px;
-webkit-border-radius: 4px;
}
.button:active {
text-decoration: none;
top: 1px;
}
.button.round {
border-radius: 100px;
-moz-border-radius: 100px;
-webkit-border-radius: 100px;
}
.button.cube {
border-radius: 0px;
-moz-border-radius: 0px;
-webkit-border-radius: 0px;
}
.button.small { padding: 7px 12px }
.button.big { padding: 10px 20px }
.button.huge {
padding: 15px 30px;
font-size: 18px;
color: #FFF!important;
font-weight: bold;
}
.button.orange {
background: #ff420a;
background: -moz-linear-gradient(top, #ff420a 0%, #e43805 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ff420a), color-stop(100%,#e43805));
background: -webkit-linear-gradient(top, #ff420a 0%,#e43805 100%);
background: -o-linear-gradient(top, #ff420a 0%,#e43805 100%);
background: -ms-linear-gradient(top, #ff420a 0%,#e43805 100%);
background: linear-gradient(top, #ff420a 0%,#e43805 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ff420a', endColorstr='#e43805',GradientType=0 );
color: #FFF;
text-shadow: 0px 1px #c33409;
-webkit-box-shadow: inset 0 0 7px #fc4e1b,0px 3px #c42f02;
-moz-box-shadow: inset 0 0 7px #fc4e1b,0px 3px #c42f02;
box-shadow: inset 0 0 7px #fc4e1b,0px 3px #c42f02;
}
.button.orange:hover {
-webkit-box-shadow: inset 0 0 10px #ff6031,0px 3px #c42f02;
-moz-box-shadow: inset 0 0 10px #ff6031,0px 3px #c42f02;
box-shadow: inset 0 0 10px #ff6031,0px 3px #c42f02;
}
.button.orange:active {
-webkit-box-shadow: inset 0 0 15px #a42b07,0px 1px #c42f02;
-moz-box-shadow: inset 0 0 15px #a42b07,0px 1px #c42f02;
box-shadow: inset 0 0 15px #a42b07,0px 1px #c42f02;
}
.button.green {
background: #59a839;
background: -moz-linear-gradient(top, #59a839 0%, #3e8720 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#59a839), color-stop(100%,#3e8720));
background: -webkit-linear-gradient(top, #59a839 0%,#3e8720 100%);
background: -o-linear-gradient(top, #59a839 0%,#3e8720 100%);
background: -ms-linear-gradient(top, #59a839 0%,#3e8720 100%);
background: linear-gradient(top, #59a839 0%,#3e8720 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#59a839', endColorstr='#3e8720',GradientType=0 );
color: #FFF;
text-shadow: 0px 1px #1f6b00;
-webkit-box-shadow: inset 0 0 7px #6fc84c,0px 3px #307215;
-moz-box-shadow: inset 0 0 7px #6fc84c,0px 3px #307215;
box-shadow: inset 0 0 7px #6fc84c,0px 3px #307215;
}
.button.green:hover {
-webkit-box-shadow: inset 0 0 10px #77e74a,0px 3px #307215;
-moz-box-shadow: inset 0 0 10px #77e74a,0px 3px #307215;
box-shadow: inset 0 0 10px #77e74a,0px 3px #307215;
}
.button.green:active {
-webkit-box-shadow: inset 0 0 15px #195700,0px 1px #307215;
-moz-box-shadow: inset 0 0 15px #195700,0px 1px #307215;
box-shadow: inset 0 0 15px #195700,0px 1px #307215;
}
.button.blue {
background: #3283de;
background: -moz-linear-gradient(top, #3283de 0%, #246eab 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#3283de), color-stop(100%,#246eab));
background: -webkit-linear-gradient(top, #3283de 0%,#246eab 100%);
background: -o-linear-gradient(top, #3283de 0%,#246eab 100%);
background: -ms-linear-gradient(top, #3283de 0%,#246eab 100%);
background: linear-gradient(top, #3283de 0%,#246eab 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#3283de', endColorstr='#246eab',GradientType=0 );
color: #FFF;
text-shadow: 0px 1px #01579f;
-webkit-box-shadow: inset 0 0 7px #2d80dd,0px 3px #01579f;
-moz-box-shadow: inset 0 0 7px #2d80dd,0px 3px #01579f;
box-shadow: inset 0 0 7px #2d80dd,0px 3px #01579f;
}
.button.blue:hover {
-webkit-box-shadow: inset 0 0 7px #6db1ff,0px 3px #01579f;
-moz-box-shadow: inset 0 0 7px #6db1ff,0px 3px #01579f;
box-shadow: inset 0 0 7px #6db1ff,0px 3px #01579f;
}
.button.blue:active {
-webkit-box-shadow: inset 0 0 7px #085798,0px 1px #01579f;
-moz-box-shadow: inset 0 0 7px #085798,0px 1px #01579f;
box-shadow: inset 0 0 7px #085798,0px 1px #01579f;
}
.button.pink {
background: #ff3f7d;
background: -moz-linear-gradient(top, #ff3f7d 0%, #ed145b 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ff3f7d), color-stop(100%,#ed145b));
background: -webkit-linear-gradient(top, #ff3f7d 0%,#ed145b 100%);
background: -o-linear-gradient(top, #ff3f7d 0%,#ed145b 100%);
background: -ms-linear-gradient(top, #ff3f7d 0%,#ed145b 100%);
background: linear-gradient(top, #ff3f7d 0%,#ed145b 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ff3f7d', endColorstr='#ed145b',GradientType=0 );
color: #FFF;
text-shadow: 0px 1px #c2003f;
-webkit-box-shadow: inset 0 0 7px #ff1b65,0px 3px #c2003f;
-moz-box-shadow: inset 0 0 7px #ff1b65,0px 3px #c2003f;
box-shadow: inset 0 0 7px #ff1b65,0px 3px #c2003f;
}
.button.pink:hover {
-webkit-box-shadow: inset 0 0 7px #ff4481,0px 3px #c2003f;
-moz-box-shadow: inset 0 0 7px #ff4481,0px 3px #c2003f;
box-shadow: inset 0 0 7px #ff4481,0px 3px #c2003f;
}
.button.pink:active {
-webkit-box-shadow: inset 0 0 7px #a00034,0px 1px #c2003f;
-moz-box-shadow: inset 0 0 7px #a00034,0px 1px #c2003f;
box-shadow: inset 0 0 7px #a00034,0px 1px #c2003f;
}
.button.black {
background: #464646;
background: -moz-linear-gradient(top, #464646 0%, #252525 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#464646), color-stop(100%,#252525));
background: -webkit-linear-gradient(top, #464646 0%,#252525 100%);
background: -o-linear-gradient(top, #464646 0%,#252525 100%);
background: -ms-linear-gradient(top, #464646 0%,#252525 100%);
background: linear-gradient(top, #464646 0%,#252525 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#464646', endColorstr='#252525',GradientType=0 );
color: #FFF;
text-shadow: 0px 1px #111111;
-webkit-box-shadow: inset 0 0 7px #464646,0px 3px #111111;
-moz-box-shadow: inset 0 0 7px #464646,0px 3px #111111;
box-shadow: inset 0 0 7px #464646,0px 3px #111111;
}
.button.black:hover {
-webkit-box-shadow: inset 0 0 7px #616161,0px 3px #111111;
-moz-box-shadow: inset 0 0 7px #616161,0px 3px #111111;
box-shadow: inset 0 0 7px #616161,0px 3px #111111;
}
.button.black:active {
-webkit-box-shadow: inset 0 0 7px #2c2a2a,0px 1px #111111;
-moz-box-shadow: inset 0 0 7px #2c2a2a,0px 1px #111111;
box-shadow: inset 0 0 7px #2c2a2a,0px 1px #111111;
}
.button.yellow {
background: #fec151;
background: -moz-linear-gradient(top, #fec151 0%, #f3aa38 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#fec151), color-stop(100%,#f3aa38));
background: -webkit-linear-gradient(top, #fec151 0%,#f3aa38 100%);
background: -o-linear-gradient(top, #fec151 0%,#f3aa38 100%);
background: -ms-linear-gradient(top, #fec151 0%,#f3aa38 100%);
background: linear-gradient(top, #fec151 0%,#f3aa38 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fec151', endColorstr='#f3aa38',GradientType=0 );
color: #FFF;
text-shadow: 0px 1px #d77a03;
-webkit-box-shadow: inset 0 0 7px #fec55d,0px 3px #d77a03;
-moz-box-shadow: inset 0 0 7px #fec55d,0px 3px #d77a03;
box-shadow: inset 0 0 7px #fec55d,0px 3px #d77a03;
}
.button.yellow:hover {
-webkit-box-shadow: inset 0 0 7px #fedb91,0px 3px #d77a03;
-moz-box-shadow: inset 0 0 7px #fedb91,0px 3px #d77a03;
box-shadow: inset 0 0 7px #fedb91,0px 3px #d77a03;
}
.button.yellow:active {
-webkit-box-shadow: inset 0 0 7px #cb7200,0px 1px #d77a03;
-moz-box-shadow: inset 0 0 7px #cb7200,0px 1px #d77a03;
box-shadow: inset 0 0 7px #cb7200,0px 1px #d77a03;
}
.button.red {
background: #ec3122;
background: -moz-linear-gradient(top, #ec3122 0%, #e32418 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ec3122), color-stop(100%,#e32418));
background: -webkit-linear-gradient(top, #ec3122 0%,#e32418 100%);
background: -o-linear-gradient(top, #ec3122 0%,#e32418 100%);
background: -ms-linear-gradient(top, #ec3122 0%,#e32418 100%);
background: linear-gradient(top, #ec3122 0%,#e32418 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ec3122', endColorstr='#e32418',GradientType=0 );
color: #FFF;
text-shadow: 0px 1px #a80b00;
-webkit-box-shadow: inset 0 0 7px #f44638,0px 3px #a80b00;
-moz-box-shadow: inset 0 0 7px #f44638,0px 3px #a80b00;
box-shadow: inset 0 0 7px #f44638,0px 3px #a80b00;
}
.button.red:hover {
-webkit-box-shadow: inset 0 0 7px #ff6053,0px 3px #a80b00;
-moz-box-shadow: inset 0 0 7px #ff6053,0px 3px #a80b00;
box-shadow: inset 0 0 7px #ff6053,0px 3px #a80b00;
}
.button.red:active {
-webkit-box-shadow: inset 0 0 7px #a00a00,0px 1px #a80b00;
-moz-box-shadow: inset 0 0 7px #a00a00,0px 1px #a80b00;
box-shadow: inset 0 0 7px #a00a00,0px 1px #a80b00;
}
.button.purple {
background: #a55aba;
background: -moz-linear-gradient(top, #a55aba 0%, #7a3997 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#a55aba), color-stop(100%,#7a3997));
background: -webkit-linear-gradient(top, #a55aba 0%,#7a3997 100%);
background: -o-linear-gradient(top, #a55aba 0%,#7a3997 100%);
background: -ms-linear-gradient(top, #a55aba 0%,#7a3997 100%);
background: linear-gradient(top, #a55aba 0%,#7a3997 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#a55aba', endColorstr='#7a3997',GradientType=0 );
color: #FFF;
text-shadow: 0px 1px #752392;
-webkit-box-shadow: inset 0 0 7px #a663be,0px 3px #752392;
-moz-box-shadow: inset 0 0 7px #a663be,0px 3px #752392;
box-shadow: inset 0 0 7px #a663be,0px 3px #752392;
}
.button.purple:hover {
-webkit-box-shadow: inset 0 0 7px #be7fd4,0px 3px #752392;
-moz-box-shadow: inset 0 0 7px #be7fd4,0px 3px #752392;
box-shadow: inset 0 0 7px #be7fd4,0px 3px #752392;
}
.button.purple:active {
-webkit-box-shadow: inset 0 0 7px #5c2470,0px 1px #752392;
-moz-box-shadow: inset 0 0 7px #5c2470,0px 1px #752392;
box-shadow: inset 0 0 7px #5c2470,0px 1px #752392;
}
.button.dark-blue {
background: #3a5caa;
background: -moz-linear-gradient(top, #3a5caa 0%, #2b4592 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#3a5caa), color-stop(100%,#2b4592));
background: -webkit-linear-gradient(top, #3a5caa 0%,#2b4592 100%);
background: -o-linear-gradient(top, #3a5caa 0%,#2b4592 100%);
background: -ms-linear-gradient(top, #3a5caa 0%,#2b4592 100%);
background: linear-gradient(top, #3a5caa 0%,#2b4592 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#3a5caa', endColorstr='#2b4592',GradientType=0 );
color: #FFF;
text-shadow: 0px 1px #1d316f;
-webkit-box-shadow: inset 0 0 7px #4e75c1,0px 3px #1d316f;
-moz-box-shadow: inset 0 0 7px #4e75c1,0px 3px #1d316f;
box-shadow: inset 0 0 7px #4e75c1,0px 3px #1d316f;
}
.button.dark-blue:hover {
-webkit-box-shadow: inset 0 0 7px #7ca0e5,0px 3px #1d316f;
-moz-box-shadow: inset 0 0 7px #7ca0e5,0px 3px #1d316f;
box-shadow: inset 0 0 7px #7ca0e5,0px 3px #1d316f;
}
.button.dark-blue:active {
-webkit-box-shadow: inset 0 0 7px #192b62,0px 1px #1d316f;
-moz-box-shadow: inset 0 0 7px #192b62,0px 1px #1d316f;
box-shadow: inset 0 0 7px #192b62,0px 1px #1d316f;
}
.button.grey {
background: #cacaca;
background: -moz-linear-gradient(top, #cacaca 0%, #b2b2b2 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#cacaca), color-stop(100%,#b2b2b2));
background: -webkit-linear-gradient(top, #cacaca 0%,#b2b2b2 100%);
background: -o-linear-gradient(top, #cacaca 0%,#b2b2b2 100%);
background: -ms-linear-gradient(top, #cacaca 0%,#b2b2b2 100%);
background: linear-gradient(top, #cacaca 0%,#b2b2b2 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#cacaca', endColorstr='#b2b2b2',GradientType=0 );
color: #FFF;
text-shadow: 0px 1px #7b7b7b;
-webkit-box-shadow: inset 0 0 7px #d8d8d8,0px 3px #7b7b7b;
-moz-box-shadow: inset 0 0 7px #d8d8d8,0px 3px #7b7b7b;
box-shadow: inset 0 0 7px #d8d8d8,0px 3px #7b7b7b;
}
.button.grey:hover {
-webkit-box-shadow: inset 0 0 7px #e2e2e2,0px 3px #7b7b7b;
-moz-box-shadow: inset 0 0 7px #e2e2e2,0px 3px #7b7b7b;
box-shadow: inset 0 0 7px #e2e2e2,0px 3px #7b7b7b;
}
.button.grey:active {
-webkit-box-shadow: inset 0 0 7px #767676,0px 1px #7b7b7b;
-moz-box-shadow: inset 0 0 7px #767676,0px 1px #7b7b7b;
box-shadow: inset 0 0 7px #767676,0px 1px #7b7b7b;
}
/* ---------------------------------------------------------------------- */
/* 07- PRICING TABLES AND BOXES
/* ---------------------------------------------------------------------- */
/*PRICING TABLE*/
ul.pricing-table-features {float:left;width:219px;margin:0;padding:0; }
ul.pricing-table-features li{padding:10px 10px;border-bottom:1pt solid #e1e1e1; }
ul.first-pricing{border-left:1pt solid #e1e1e1;}
ul.last-pricing{border-right:1pt solid #e1e1e1;}
li.first-no-border{border-left:1pt solid #FFF!important;margin-left:-1px;}
li.first-no-border h3{margin-top:1px;}
ul.pricing-table-features li.colored-header{background:#141414;padding:17px 0 5px 0;
border-radius:4px 4px 0 0;
-moz-border-radius:4px 4px 0 0;
-webkit-border-radius:4px 4px 0 0;
text-align:center;
}
ul.pricing-table-features li.colored-footer{background:#141414;padding:13px 0 15px 0;
border-radius:0px 0px 4px 4px;
-moz-border-radius:0px 0px 4px 4px;
-webkit-border-radius:0px 0px 4px 4px;
text-align:center;
border-bottom:3pt solid #000;
}
li.included{padding:10px 5px 10px 40px!important;background:transparent url(../images/list-icons/list-check-2.png) no-repeat 10px 11px;}
li.not-included{padding:10px 5px 10px 40px!important;background:transparent url(../images/list-icons/not-included.png) no-repeat 10px 11px ;}
li.included:hover{padding:10px 5px 10px 40px!important;background:#f9f9f9 url(../images/list-icons/list-check-2.png) no-repeat 10px 11px;cursor:pointer;}
li.not-included:hover{padding:10px 5px 10px 40px!important;background:#f9f9f9 url(../images/list-icons/not-included.png) no-repeat 10px 11px ;cursor:pointer;}
.sign-up-button{
padding:5px 45px;
background: #fec151;
background: -moz-linear-gradient(top, #fec151 0%, #f3aa38 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#fec151), color-stop(100%,#f3aa38));
background: -webkit-linear-gradient(top, #fec151 0%,#f3aa38 100%);
background: -o-linear-gradient(top, #fec151 0%,#f3aa38 100%);
background: -ms-linear-gradient(top, #fec151 0%,#f3aa38 100%);
background: linear-gradient(top, #fec151 0%,#f3aa38 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fec151', endColorstr='#f3aa38',GradientType=0 );
color: #FFF;
text-shadow: 0px 1px #d77a03;
-webkit-box-shadow: inset 0 0 7px #fec55d,0px 3px #d77a03;
-moz-box-shadow: inset 0 0 7px #fec55d,0px 3px #d77a03;
box-shadow: inset 0 0 7px #fec55d,0px 3px #d77a03;
border-radius:3px;
-moz-border-radius:3px;
-webkit-border-radius:3px;
position: relative;
}
.sign-up-button:hover {
color: #FFF;
-webkit-box-shadow: inset 0 0 7px #fedb91,0px 3px #d77a03;
-moz-box-shadow: inset 0 0 7px #fedb91,0px 3px #d77a03;
box-shadow: inset 0 0 7px #fedb91,0px 3px #d77a03;
}
.sign-up-button:active {
color: #FFF;
-webkit-box-shadow: inset 0 0 7px #cb7200,0px 1px #d77a03;
-moz-box-shadow: inset 0 0 7px #cb7200,0px 1px #d77a03;
box-shadow: inset 0 0 7px #cb7200,0px 1px #d77a03;
}
.sign-up-button-2{
padding:5px 45px;
background: #59a839;
background: -moz-linear-gradient(top, #59a839 0%, #3e8720 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#59a839), color-stop(100%,#3e8720));
background: -webkit-linear-gradient(top, #59a839 0%,#3e8720 100%);
background: -o-linear-gradient(top, #59a839 0%,#3e8720 100%);
background: -ms-linear-gradient(top, #59a839 0%,#3e8720 100%);
background: linear-gradient(top, #59a839 0%,#3e8720 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#59a839', endColorstr='#3e8720',GradientType=0 );
color: #FFF;
text-shadow: 0px 1px #1f6b00;
-webkit-box-shadow: inset 0 0 7px #6fc84c,0px 3px #307215;
-moz-box-shadow: inset 0 0 7px #6fc84c,0px 3px #307215;
box-shadow: inset 0 0 7px #6fc84c,0px 3px #307215;
border-radius:3px;
-moz-border-radius:3px;
-webkit-border-radius:3px;
position: relative;
}
.sign-up-button-2:hover {
color: #FFF;
-webkit-box-shadow: inset 0 0 10px #77e74a,0px 3px #307215;
-moz-box-shadow: inset 0 0 10px #77e74a,0px 3px #307215;
box-shadow: inset 0 0 10px #77e74a,0px 3px #307215;
}
.sign-up-button-2:active {
color: #FFF;
-webkit-box-shadow: inset 0 0 15px #195700,0px 1px #307215;
-moz-box-shadow: inset 0 0 15px #195700,0px 1px #307215;
box-shadow: inset 0 0 15px #195700,0px 1px #307215;
}
ul.pricing-table-features li.colored-header-green{background:#59a839;padding:40px 0 7px 0;margin-top:-25px;
border-radius:4px 4px 0 0;
-moz-border-radius:4px 4px 0 0;
-webkit-border-radius:4px 4px 0 0;
text-align:center;
}
ul.pricing-table-features li.colored-header-green h4,ul.pricing-table-features li.colored-footer-green h4{color:#FFF;padding:0 0 0 15px;}
ul.pricing-table-features li.colored-footer-green{background:#59a839;padding:13px 0 35px 0;
border-radius:0px 0px 4px 4px;
-moz-border-radius:0px 0px 4px 4px;
-webkit-border-radius:0px 0px 4px 4px;
text-align:center;
border-bottom:3pt solid #3e7e24;
}
ul.pricing-table-features li.colored-header-orange{background:#f29d37;padding:17px 0 5px 0;
border-radius:4px 4px 0 0;
-moz-border-radius:4px 4px 0 0;
-webkit-border-radius:4px 4px 0 0;
text-align:center;
}
ul.pricing-table-features li.colored-header-orange h4,ul.pricing-table-features li.colored-footer-orange h4{color:#FFF;padding:0 0 0 15px;}
ul.pricing-table-features li.colored-footer-orange{background:#f29d37;padding:13px 0 15px 0;
border-radius:0px 0px 4px 4px;
-moz-border-radius:0px 0px 4px 4px;
-webkit-border-radius:0px 0px 4px 4px;
text-align:center;
border-bottom:3pt solid #e58e26;
}
/*PRICING BOXES*/
ul.pricing-box {float:left;width:100%;margin:0;padding:0;border:1pt solid #e1e1e1; }
ul.pricing-box li{padding:10px 10px;border-bottom:1pt solid #e1e1e1; }
ul.pricing-box li.pricing-box-title {text-align:center;margin-top:10px;}
ul.pricing-box li.pricing-box-footer {text-align:center;margin-top:10px;}
ul.pricing-box-fancy {float:left;width:100%;margin:0;padding:0;border:1pt solid #e1e1e1;border-radius:4px;-moz-border-radius:4px; -webkit-border-radius:4px;}
ul.pricing-box-fancy li{padding:10px 10px;border-bottom:1pt solid #e1e1e1; }
ul.pricing-box-fancy li.pricing-box-title-fancy ,ul.pricing-box-fancy li.pricing-box-footer-fancy{
text-align:center;
padding-top:10px;
}
ul.pricing-box-fancy li.pricing-box-title-fancy.blue ,ul.pricing-box-fancy li.pricing-box-footer-fancy.blue {
background: #007bc3;
background: -moz-linear-gradient(top, #007bc3 0%, #036ead 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#007bc3), color-stop(100%,#036ead));
background: -webkit-linear-gradient(top, #007bc3 0%,#036ead 100%);
background: -o-linear-gradient(top, #007bc3 0%,#036ead 100%);
background: -ms-linear-gradient(top, #007bc3 0%,#036ead 100%);
background: linear-gradient(to bottom, #007bc3 0%,#036ead 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#007bc3', endColorstr='#036ead',GradientType=0 );
}
ul.pricing-box-fancy li.pricing-box-title-fancy.orange ,ul.pricing-box-fancy li.pricing-box-footer-fancy.orange {
background: #ff420a;
background: -moz-linear-gradient(top, #ff420a 0%, #ed3a05 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ff420a), color-stop(100%,#ed3a05));
background: -webkit-linear-gradient(top, #ff420a 0%,#ed3a05 100%);
background: -o-linear-gradient(top, #ff420a 0%,#ed3a05 100%);
background: -ms-linear-gradient(top, #ff420a 0%,#ed3a05 100%);
background: linear-gradient(to bottom, #ff420a 0%,#ed3a05 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ff420a', endColorstr='#ed3a05',GradientType=0 );
}
ul.pricing-box-fancy li.pricing-box-title-fancy.red ,ul.pricing-box-fancy li.pricing-box-footer-fancy.red {
background: #e44145;
background: -moz-linear-gradient(top, #e44145 0%, #cf363a 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#e44145), color-stop(100%,#cf363a));
background: -webkit-linear-gradient(top, #e44145 0%,#cf363a 100%);
background: -o-linear-gradient(top, #e44145 0%,#cf363a 100%);
background: -ms-linear-gradient(top, #e44145 0%,#cf363a 100%);
background: linear-gradient(to bottom, #e44145 0%,#cf363a 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e44145', endColorstr='#cf363a',GradientType=0 );
}
ul.pricing-box-fancy li.pricing-box-title-fancy.green ,ul.pricing-box-fancy li.pricing-box-footer-fancy.green {
background: #00b07f;
background: -moz-linear-gradient(top, #00b07f 0%, #04966d 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#00b07f), color-stop(100%,#04966d));
background: -webkit-linear-gradient(top, #00b07f 0%,#04966d 100%);
background: -o-linear-gradient(top, #00b07f 0%,#04966d 100%);
background: -ms-linear-gradient(top, #00b07f 0%,#04966d 100%);
background: linear-gradient(to bottom, #00b07f 0%,#04966d 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00b07f', endColorstr='#04966d',GradientType=0 );
}
ul.pricing-box-fancy li.pricing-box-title-fancy.pink ,ul.pricing-box-fancy li.pricing-box-footer-fancy.pink {
background: #954eae;
background: -moz-linear-gradient(top, #954eae 0%, #86449e 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#954eae), color-stop(100%,#86449e));
background: -webkit-linear-gradient(top, #954eae 0%,#86449e 100%);
background: -o-linear-gradient(top, #954eae 0%,#86449e 100%);
background: -ms-linear-gradient(top, #954eae 0%,#86449e 100%);
background: linear-gradient(to bottom, #954eae 0%,#86449e 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#954eae', endColorstr='#86449e',GradientType=0 );
}
ul.pricing-box-fancy li.pricing-box-title-fancy.yellow ,ul.pricing-box-fancy li.pricing-box-footer-fancy.yellow {
background: #ffae00;
background: -moz-linear-gradient(top, #ffae00 0%, #eba000 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffae00), color-stop(100%,#eba000));
background: -webkit-linear-gradient(top, #ffae00 0%,#eba000 100%);
background: -o-linear-gradient(top, #ffae00 0%,#eba000 100%);
background: -ms-linear-gradient(top, #ffae00 0%,#eba000 100%);
background: linear-gradient(to bottom, #ffae00 0%,#eba000 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffae00', endColorstr='#eba000',GradientType=0 );
}
ul.pricing-box-fancy li.pricing-box-title-fancy.dark ,ul.pricing-box-fancy li.pricing-box-footer-fancy.dark {
background: #555555;
background: -moz-linear-gradient(top, #555555 0%, #363636 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#555555), color-stop(100%,#363636));
background: -webkit-linear-gradient(top, #555555 0%,#363636 100%);
background: -o-linear-gradient(top, #555555 0%,#363636 100%);
background: -ms-linear-gradient(top, #555555 0%,#363636 100%);
background: linear-gradient(to bottom, #555555 0%,#363636 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#555555', endColorstr='#363636',GradientType=0 );
}
ul.pricing-box-fancy li.pricing-box-title-fancy.dark ,ul.pricing-box-fancy li.pricing-box-footer-fancy.dark {
background: #555555;
background: -moz-linear-gradient(top, #555555 0%, #363636 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#555555), color-stop(100%,#363636));
background: -webkit-linear-gradient(top, #555555 0%,#363636 100%);
background: -o-linear-gradient(top, #555555 0%,#363636 100%);
background: -ms-linear-gradient(top, #555555 0%,#363636 100%);
background: linear-gradient(to bottom, #555555 0%,#363636 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#555555', endColorstr='#363636',GradientType=0 );
}
ul.pricing-box-fancy li.pricing-box-title-fancy.blue-grey ,ul.pricing-box-fancy li.pricing-box-footer-fancy.blue-grey {
background: #65778c;
background: -moz-linear-gradient(top, #65778c 0%, #43556a 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#65778c), color-stop(100%,#43556a));
background: -webkit-linear-gradient(top, #65778c 0%,#43556a 100%);
background: -o-linear-gradient(top, #65778c 0%,#43556a 100%);
background: -ms-linear-gradient(top, #65778c 0%,#43556a 100%);
background: linear-gradient(to bottom, #65778c 0%,#43556a 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#65778c', endColorstr='#43556a',GradientType=0 );
}
ul.pricing-box-fancy li.pricing-box-title-fancy h4{margin-top:10px;color:#FFF;font-weight:800;}
ul.pricing-box-fancy li.pricing-box-footer-fancy h4{margin-top:10px;color:#FFF;font-weight:800;}
/* ---------------------------------------------------------------------- */
/* 08- LISTS
/* ---------------------------------------------------------------------- */
.simple-nav{ list-style-type:none; list-style-position:outside; width:100%; }
.simple-nav li:first-child{border-top:1px dotted #e4e4e4;}
.simple-nav li{ color:#ff420a;display:block; padding:6px 0; border-bottom:1px dotted #e4e4e4;}
.simple-nav li a { color:#ff420a;padding-left:15px;background: url(../images/simple-nav-arrow.png) no-repeat 0px 2px;}
.simple-nav li a:hover { color:#ff420a;text-decoration:underline;}
.simple-nav li a.current { color:#272727;}
.sidebar-list ul{ list-style-type:none; list-style-position:outside; width:100%; }
.sidebar-list li:first-child{border-top:1px dotted #e4e4e4;}
.sidebar-list li{display:block; padding:6px 0; border-bottom:1px dotted #e4e4e4;}
.sidebar-list li a { color:#ff420a;padding-left:0px;}
.sidebar-list li a:hover { color:#ff420a;text-decoration:underline;}
ul.dotted-list li { padding: 5px 0 5px 20px;border-bottom: 1px dotted #e1e1e1;}
li.simple-check-list { background: url(../images/list-icons/list-check-2.png) no-repeat 0 7px }
li.simple-plus-list { background: url(../images/list-icons/list-plus.png) no-repeat 0 9px }
li.simple-star-list { background: url(../images/list-icons/list-star.png) no-repeat 0 6px }
li.simple-dott-list { background: url(../images/list-icons/list-circle.png) no-repeat 0 10px }
li.simple-dash-list { background: url(../images/list-icons/list-dash.png) no-repeat 0 10px }
li.simple-check-list-2 { background: url(../images/list-icons/list-check.png) no-repeat 0 10px }
li.simple-arrow-list { background: url(../images/list-icons/list-arrow.png) no-repeat 0 11px }
li.simple-heart-list { background: url(../images/list-icons/list-heart.png) no-repeat 0 7px }
li.simple-info-list { background: url(../images/list-icons/list-info.png) no-repeat 0 7px }
li.simple-settings-list { background: url(../images/list-icons/list-settings.png) no-repeat 0 7px }
/* ---------------------------------------------------------------------- */
/* 09- DROPCAPS
/* ---------------------------------------------------------------------- */
.dropcap {
background:#ee802a;
color:#FFF;
display:inline-block;
float:left;
font-family:'Terminal Dosis','Arial',sans-serif;
font-size:22px;
line-height:35px;
height:35px;
width:35px;
margin:0 10px 0 0;
text-align:center;
border-radius:100px;
-moz-border-radius:100px;
-webkit-border-radius:100px;
}
.dropcap.dark {background:#3a3a3a;color:#fff;}
.dropcap.green {background:#59a839;color:#fff;}
.dropcap.red {background:#e64135;color:#fff;}
.dropcap.blue {background:#72c2e7; color:#fff;}
.dropcap.purple {background:#954eae;color:#fff;}
.dropcap.grey {background:#898989;color:#fff;}
.dropcap.pink {background:#f26d7d;color: #fff;}
/* ---------------------------------------------------------------------- */
/* 10- ALERTS
/* ---------------------------------------------------------------------- */
.simple-error,.simple-notice,.simple-success,.simple-info {
padding:10px 20px 10px 40px;
margin-bottom:1em;
border:1px solid #ddd;
}
.simple-error{
background:#fbe3e4 url(../images/icons/bg-msg.png) 0% 0% no-repeat;
border-color:#fbc2c4;
border-left:4px solid #fbc2c4;
color:#e64135;
}
.simple-notice {
background:#fff6bf url(../images/icons/bg-msg.png) 0% 69% no-repeat;
color:#514721;
border-color:#ffd324;
border-left:4px solid #ffd324;
}
.simple-success {
background:#e6efc2 url(../images/icons/bg-msg.png) 0% 102% no-repeat;
color:#264409;
border-color:#c6d880;
border-left:4px solid #c6d880;
}
.simple-info {
background:#d5edf8 url(../images/icons/bg-msg.png) 0% 33% no-repeat;
color:#205791;
border-color:#92cae4;
border-left:4px solid #92cae4;
}
.simple-error a,.simple-alert a {color:#8a1f11;}
.simple-notice a {color:#514721;}
.simple-success a {color:#264409;}
.simple-info a {color:#205791;}
.required {color:#e64135;}
.required {color:#ed1c24;}
.error {
color:#e64135;
text-align:left;
font-size:11px;
font-style:italic;
font-family:"Georgia", Verdana;
}
.success {
color:#acd373;
text-align:left;
font-size:11px;
font-style:italic;
font-family:"Georgia", Verdana;
}
/* ---------------------------------------------------------------------- */
/* 11- FORMS
/* ---------------------------------------------------------------------- */
/*SIGN UP FORM*/
form#sign-up-form{
float:left;
border:1px solid #e1e1e1;
border-bottom:3px solid #e1e1e1;
padding:20px;
border-radius:2px;
-moz-border-radius:2px;
-webkit-border-radius:2px;
}
#sign-up-form fieldset{
display:inline-block;
float:left;
}
#sign-up-form span.required {color:#e64135;}
#sign-up-form label {
font-weight:800;
display:block;
color:#7f7f7f;
padding:0;
margin:0;
overflow:hidden;
}
#sign-up-form span.required-margined{margin-top:8px;float:left;}
#sign-up-form span.required-margined-2{margin-top:3px;float:left;margin-left:15px;}
#sign-up-form input[type=text],#sign-up-form input[type=password],#sign-up-form input,#sign-up-form textarea {
background-color:#FFF;
border:1px solid #e1e1e1;
font-size:11px;
width:230px;
padding:10px 10px;
border-radius:2px;
-moz-border-radius:2px;
-webkit-border-radius:2px;
box-shadow: inset 0px 2px 4px #f3f3f3;
-moz-box-shadow: inset 0px 2px 4px #f3f3f3;
-webkit-box-shadow: inset 0px 2px 4px #f3f3f3;
margin:12px 10px 12px 0;
}
#sign-up-form select{
background-color:#FFF;
border:1px solid #e1e1e1;
font-size:11px;
width:252px;
padding:10px 10px;
border-radius:2px;
-moz-border-radius:2px;
-webkit-border-radius:2px;
box-shadow: inset 0px 2px 4px #f3f3f3;
-moz-box-shadow: inset 0px 2px 4px #f3f3f3;
-webkit-box-shadow: inset 0px 2px 4px #f3f3f3;
margin:10px 10px 10px 0;
}
#sign-up-form input[type=text]:focus,#sign-up-form input[type=password]:focus,#sign-up-form input.text:focus,#sign-up-form input.title:focus,#sign-up-form textarea:focus {
border-color:#9dcedf;
-moz-box-shadow: 0 0px 3px #1aa8fc;
-webkit-box-shadow: 0 0px 3px #1aa8fc;
box-shadow: 0 0px 3px #1aa8fc;
}
#sign-up-form input[type=checkbox]{float:left;width:auto;}
#sign-up-form input[type=submit]{width:auto;}
/*CONTACT FORM*/
#contact-form .error { margin: 10px 0 0 0 }
#contact-form form { margin-bottom: 0px }
#contact-form fieldset { margin-bottom: 0px }
#contact-form label,
#contact-form legend,
#contact-form strong,
#contact-form span {
font-weight: bold;
font-size: 13px;
color: #898989;
}
#contact-form input[type="checkbox"] { display: inline }
#contact-form label span,
#contact-form legend span {
font-weight: normal;
font-size: 13px;
color: #444;
line-height:34px;
}
#contact-form input[type="text"],
#contact-form input[type="password"],
#contact-form input[type="email"],
#contact-form textarea,
#contact-form select {
border: 1px solid #dddddd;
padding: 10px 10px;
outline: none;
overflow: hidden;
font: 12px "Arial", Verdana, sans-serif;
color: #777;
box-shadow: inset 0px 2px 4px #f3f3f3;
-moz-box-shadow: inset 0px 2px 4px #f3f3f3;
-webkit-box-shadow: inset 0px 2px 4px #f3f3f3;
width: 260px;
max-width: 100%;
display: block;
background: #FFF;
border-radius: 2px;
-moz-border-radius: 2px;
-webkit-border-radius: 2px;
}
#contact-form select { padding: 0 }
#contact-form textarea {
width: 560px;
height: 200px;
resize: vertical;
margin-bottom:20px;
}
#contact-form input[type="text"]:focus,
#contact-form input[type="password"]:focus,
#contact-form input[type="email"]:focus,
#contact-form textarea:focus {
border: 1px solid #bbbbbb;
color: #555;
box-shadow: 0px 0px 5px #CCC,inset 0px 2px 4px #f3f3f3;
-moz-box-shadow: 0px 0px 5px #CCC,inset 0px 2px 4px #f3f3f3;
-webkit-box-shadow: 0px 0px 5px #CCC,inset 0px 2px 4px #f3f3f3;
}
#contact-form input[type="submit"] ,#comment-form input[type="submit"] {
width:auto;
float:left;
}
/*COMMENT FORM*/
form#comment-form {
float:left;
border:none;
border-bottom:none;
padding:0px;
}
#comment-form label {
font-weight: normal;
display: block;
color: #7f7f7f;
}
#comment-form input[type=text],
#comment-form input[type=password],
#comment-form textarea,
#comment-form select {
border: 1px solid #dddddd;
box-shadow: inset 0px 2px 4px #f3f3f3;
-moz-box-shadow: inset 0px 2px 4px #f3f3f3;
-webkit-box-shadow: inset 0px 2px 4px #f3f3f3;
font-size: 11px;
padding: 4% 2%;
width: 96%;
float:left
}
#comment-form input[type=text]:focus,
#comment-form input[type=password]:focus,
#comment-form input.text:focus,
#comment-form input.title:focus,
#comment-form textarea:focus,
#comment-form select:focus {
border: 1px solid #bbbbbb;
color: #555;
box-shadow: 0px 0px 5px #CCC,inset 0px 2px 4px #f3f3f3;
-moz-box-shadow: 0px 0px 5px #CCC,inset 0px 2px 4px #f3f3f3;
-webkit-box-shadow: 0px 0px 5px #CCC,inset 0px 2px 4px #f3f3f3;
outline: 0;
}
#comment-form input[type=text],
#comment-form input[type=password],
#comment-form input.text,
#comment-form input.title,
#comment-form textarea,
#comment-form select { margin: 5px 0 }
#comment-form textarea {
width: 96%;
height: 180px;
padding: 4% 2%;
resize: none;
margin-bottom:20px;
}
/* ---------------------------------------------------------------------- */
/* 12- PORTFOLIO LAYOUTS
/* ---------------------------------------------------------------------- */
#filterable {
display: inline;
float: right;
margin-right:20px;
}
#filterable li {
float: left;
margin-left: 10px;
}
#filterable li a {
display: block;
color: #707070;
text-align: center;
width: 100%;
height: auto;
padding:0px 5px;
margin:0px 5px 0px 0px;
border-right:1pt solid #efefef;
cursor:pointer;
}
#filterable li a:hover{ text-decoration: underline;}
#filterable li a.active {
color: #ff420a;
}
.filter-portfolio{height:30px;width:880px; margin-bottom:30px;padding:10px 0 10px 0;margin-top:0px;text-align:center;}
.filter-portfolio-homepage{height:30px;width:100%;border-bottom:1pt solid #ebebeb;float:left;margin-bottom:30px;padding:10px 0 10px 0;margin-top:-30px;}
.portfolio-container{width:900px;margin-right:-20px;float:left; }
/*ONE THIRD*/
ul#portfolio-items-one-third {overflow: hidden;position: relative;list-style: none;margin: 0;padding: 0px 0 0 0 ;}
ul#portfolio-items-one-third li { width:280px;float:left; margin-right:20px;margin-bottom:30px;}
ul#portfolio-items-one-third li .portfolio-item{ float:left; background:#FFF;width:280px;height:auto;padding:0;}
ul#portfolio-items-one-third li .item-content{background:#615951;float:left;width:280px;text-align:center;padding:0px 0 0px 0;height:auto; }
#portfolio-items-one-third .portfolio-item-description{padding:0px 10px; }
ul#portfolio-items-one-third li .item-content:hover{ background:#cb5234;}
ul#portfolio-items-one-third li .item-content p{margin:0;padding:0;font-weight:800;color:#FFF;}
ul#portfolio-items-one-third li .item-content p a{margin:0;padding:0;font-weight:800;color:#FFF;}
ul#portfolio-items-one-third li .item-content span{font-style:italic;color:#FFF;}
ul#portfolio-items-one-third li img{ width:100%;height:auto;padding:0;margin:0; }
ul#portfolio-items-one-third li .portfolio-item-description{text-align:center;float:left;border-bottom:1pt solid #DDD;border-left:1pt solid #DDD;border-right:1pt solid #DDD;padding:10px;width:258px;}
ul#portfolio-items-one-third li .portfolio-item-description span{color: #cacaca;font-style:italic;font-family:"Georgia";}
ul#portfolio-items-one-third li .portfolio-item-description strong{color: #ff420a;}
ul#portfolio-items-one-third li .portfolio-item-description p{text-align:center;}
ul#portfolio-items-one-third li .portfolio-item-description a span:hover{color: #ff420a;text-decoration:underline;}
/*ONE FOURTH*/
ul#portfolio-items-one-fourth {overflow: hidden;position: relative;list-style: none;margin: 0;padding: 0px 0 0 0 ;}
ul#portfolio-items-one-fourth li { width:205px;float:left; margin-right:20px;margin-bottom:30px;}
ul#portfolio-items-one-fourth li .portfolio-item{ float:left; background:#FFF;width:205px;height:auto;padding:0;}
ul#portfolio-items-one-fourth li .item-content{background:#615951;float:left;width:205px;text-align:center;padding:0px 0 0px 0;height:auto; }
ul#portfolio-items-one-fourth li img{ width:100%;height:auto;padding:0;margin:0; }
ul#portfolio-items-one-fourth li .portfolio-item-description{text-align:center;float:left;border-bottom:1pt solid #DDD;border-left:1pt solid #DDD;border-right:1pt solid #DDD;padding:10px;width:183px;}
ul#portfolio-items-one-fourth li .portfolio-item-description span{color: #cacaca;font-style:italic;font-family:"Georgia";}
ul#portfolio-items-one-fourth li .portfolio-item-description strong{color: #ff420a;}
ul#portfolio-items-one-fourth li .portfolio-item-description p{text-align:center;}
ul#portfolio-items-one-fourth li .portfolio-item-description a span:hover{color: #ff420a;text-decoration:underline;}
/*ONE HALF*/
ul#portfolio-items-one-half {overflow: hidden;position: relative;list-style: none;margin: 0;padding: 0px 0 0 0 ;}
ul#portfolio-items-one-half li { width:430px;float:left; margin-right:20px;margin-bottom:30px;}
ul#portfolio-items-one-half li .portfolio-item{ float:left; background:#FFF;width:430px;height:auto;padding:0;}
ul#portfolio-items-one-half li .item-content{background:#615951;float:left;width:430px;text-align:center;padding:0px 0 0px 0;height:auto; }
#portfolio-items-one-half .description{padding-top:0px; }
ul#portfolio-items-one-half li .item-content:hover{ background:#cb5234;}
ul#portfolio-items-one-half li .item-content p{margin:0;padding:0;font-weight:800;color:#FFF;}
ul#portfolio-items-one-half li .item-content p a{margin:0;padding:0;font-weight:800;color:#FFF;}
ul#portfolio-items-one-half li .item-content span{font-style:italic;color:#FFF;}
ul#portfolio-items-one-half li img{ width:100%;height:auto;padding:0;margin:0; }
ul#portfolio-items-one-half li .portfolio-item-description{text-align:center;float:left;border-bottom:1pt solid #DDD;border-left:1pt solid #DDD;border-right:1pt solid #DDD;padding:10px;width:408px;}
ul#portfolio-items-one-half li .portfolio-item-description span{color: #cacaca;font-style:italic;font-family:"Georgia";}
ul#portfolio-items-one-half li .portfolio-item-description strong{color: #ff420a;}
ul#portfolio-items-one-half li .portfolio-item-description p{text-align:center;}
ul#portfolio-items-one-half li .portfolio-item-description a span:hover{color: #ff420a;text-decoration:underline;}
/* Isotope */
.isotope-hidden.isotope-item {
pointer-events: none;
z-index: 1;
}
.isotope, .isotope .isotope-item {
-webkit-transition-duration: 0.6s;
-moz-transition-duration: 0.6s;
-ms-transition-duration: 0.6s;
-o-transition-duration: 0.6s;
transition-duration: 0.6s;
z-index: 2;
}
.isotope {
-webkit-transition-property: height, width;
-moz-transition-property: height, width;
-ms-transition-property: height, width;
-o-transition-property: height, width;
transition-property: height, width;
}
.isotope .isotope-item {
-webkit-transition-property: -webkit-transform, opacity;
-moz-transition-property: -moz-transform, opacity;
-ms-transition-property: top, left, opacity;
-o-transition-property: top, left, opacity;
transition-property: transform, opacity;
}
/* ---------------------------------------------------------------------- */
/* 13- TABS AND ACCORDIONS
/* ---------------------------------------------------------------------- */
ul.accordion {
display: inline;
float: left;
width: 100%;
margin-bottom: 30px;
}
ul.accordion li.accordion-item {
float: left;
width: 100%;
background: #FFF;
border-bottom: 1px solid #f0f0f0;
}
ul.accordion li.accordion-item:hover { background: #f9f9f9 }
ul.accordion li.accordion-item.selected { background: #f9f9f9 }
ul.accordion li.accordion-item.selected .accordion-switch {
color: #d84519;
font-weight: bold;
}
ul.accordion li.accordion-item .accordion-switch {
cursor: pointer;
padding-top: 15px;
padding-left: 20px;
padding-right: 20px;
padding-bottom: 14px;
font-size: 12px;
color: #777;
line-height: 22px;
}
ul.accordion li.accordion-item .togglegfx {
float: left;
height: 22px;
width: 22px;
background: url('../images/accordion-toggle.png') no-repeat left top;
padding-right: 15px;
margin-bottom: 11px;
margin-top: 1px;
}
ul.accordion li.accordion-item.selected .accordion-switch .togglegfx { background-position: left bottom }
ul.accordion li.accordion-item .accordion-content {
padding-left: 25px;
padding-right: 25px;
}
.tabs-nav {
list-style: none;
margin: 0;
overflow: hidden;
padding: 0;
width: 100%;
}
.tabs-nav li {
float: left;
line-height: 32px;
margin: 0;
overflow: hidden;
padding: 0;
position: relative;
}
.tabs-nav li.active { line-height: 31px }
.tabs-nav li a {
background: #f8f8f8;
border: 1px solid #eaeaea;
border-bottom: 1px solid #eaeaea;
border-left: none;
color: #959393;
display: block;
letter-spacing: 0;
outline: none;
padding: 0 16px;
text-decoration: none;
text-shadow: 0 1px 0 #fff;
}
.tabs-nav li:first-child a { border-left: 1px solid #eaeaea }
.tabs-nav li a:hover { background: #f0f0f0 }
.tabs-nav li.active a { color: #d84519 }
.tabs-nav li.active a {
background: #fff;
border-bottom: 2px solid #fff;
border-top: 1px solid #d84519;
}
.tabs-container {
border: 1px solid #eaeaea;
margin: -1px 0 20px;
overflow: hidden;
width: 100%;
}
.tab-content { padding: 20px }
/* ---------------------------------------------------------------------- */
/* 14- BLOG LAYOUTS
/* ---------------------------------------------------------------------- */
.page-pagination { list-style: none }
.page-pagination li { display: inline }
.page-pagination li a {
display: block;
float: left;
padding: 4px 10px;
margin-right: 7px;
border: 1px solid #e1e1e1;
-webkit-box-shadow: inset 0 0 10px #f5f5f5;
-moz-box-shadow: inset 0 0 10px #f5f5f5;
box-shadow: inset 0 0 10px #f5f5f5;
border-radius: 2px;
-moz-border-radius: 2px;
-webkit-border-radius: 2px;
color: #898989;
}
.page-pagination li.active a { background-color: #f5f5f5 }
.page-pagination li a:hover { border: 1pt solid #c2c2c2 }
.comment-avatar {margin:0px 10px 0px 0;float:left;display:block;padding:5px;border:1pt solid #e1e1e1;}
blockquote.post-entry {
background: #f8f8f8 url(../images/quote.png) no-repeat 17px 21px;
font: italic 15px/1.6 "Georgia", Times, 'Times New Roman', serif;
padding: 20px 20px 20px 55px;
border-bottom: 1pt solid #e1e1e1;
margin: 0px 0 20px 0;
float: left;
border-radius: 2px;
-moz-border-radius: 2px;
-webkit-border-radius: 2px;
}
.mediaitem{margin:5px 0 10px 0;}
.inner-comment { margin-left: 40px }
/* ---------------------------------------------------------------------- */
/* 15- 15- OTHER FEATURES LAYOUT (google maps,404 error style,pre style,blockquote style,team members,services,sliders,grid homepage...)
/* ---------------------------------------------------------------------- */
.static-img{padding:4px;border:1pt solid #e1e1e1;}
.pdf {
background: url(../images/icons/pdf-icon.png) no-repeat 5px 12px;
padding: 15px 10px 10px 65px;
width: 125px;
min-height: 48px;
}
.skype-call {
background: url(../images/icons/skype-icon.png) no-repeat 5px 12px;
padding: 15px 10px 10px 65px;
width: 125px;
min-height: 48px;
}
img.resize {
width: 100%;
max-height: 100%;
}
.users-testimonials{font-size:13px;float:left;border-left:2px solid #707070;padding:0 20px; font-style:italic;font-family:"Georgia";margin:20px 0;}
.users-testimonials span{text-align:right;float:right;color: #cacaca;}
.feedback_button { border-color: #ff420a; background-color: #ff420a; color:#fff;}
.feedback_button:hover { border-color: #707070; background-color: #707070; color:#fff;}
.feedback_button{
display:block;
text-decoration: none;
position: fixed;
top:45%;
left:-32px;
z-index: 1000;
padding:7px 14px;
border-width: 1px;
border-style: solid;
font-weight: bold;
-webkit-transform: rotateZ(-90deg);
-moz-transform: rotate(-90deg);
-ms-transform: rotate(-90deg);
-o-transform: rotate(-90deg);
transform: rotate(-90deg);
-webkit-backface-visibility: hidden;
text-transform: uppercase;
}
.msie8 .feedback_button, .msie7 .feedback_button{filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=3);left:0;}
#map {
height: 200px;
padding: 0px 0 30px 0;
border-bottom:1pt solid #e1e1e1;
position: relative;
width: 880px;
margin-bottom:30px;
float:left;
}
#map:before,
#map:after {
background: none;
-webkit-box-shadow: 0 0 5px 2px rgba(54, 55, 54, 0.1);
-moz-box-shadow: 0 0 5px 2px rgba(54, 55, 54, 0.1);
box-shadow: 0 0 5px 2px rgba(54, 55, 54, 0.1);
content: '';
left: 0;
position: absolute;
top: 0;
width: 100%;
}
#map:after {
bottom: 0;
top: auto;
}
pre,
code {
border: 1px solid #e1e1e1;
border-left: 5px solid #e1e1e1;
width: 96%;
margin-bottom: 20px;
padding: 2%;
font-size: 11px;
display: inline-block;
background-color: #f5f5f5;
}
ul.buttons li {
display: list;
margin: 25px 0;
}
ul.buttons-huge li {
display: list;
margin: 45px 0;
}
.not-found-text {
text-align: center;
font-size: 100px;
-webkit-mask-image: url(../images/mask.png) ;
line-height:50px;
}
.not-found-text-smaller {
text-align: center;
font-size: 42px;
-webkit-mask-image: url(../images/mask.png) ;
line-height:50px;
}
.team-member{float:left;margin:0;text-align:center;}
.team-member img{float:left;margin:0;}
.team-member-content{text-align:center;float:left;border-bottom:1pt solid #DDD;border-left:1pt solid #DDD;border-right:1pt solid #DDD;background:#FFF;padding:10px;width:183px;}
.team-member-content span{color: #cacaca;font-style:italic;font-family:"Georgia";}
.team-member-content strong{color: #ff420a;}
.team-member-content p{text-align:center;}
.team-member-content a span:hover{color: #ff420a;text-decoration:underline;}
ul.clients { float: left; width: 100%; margin: 0; padding: 0; margin-top: 1px; }
ul.clients li { display: inline; }
ul.clients li img { width: 19.8%; float: left; border: 1px solid #ddd; margin-right:-1px; margin-top: -1px; }
.listovereffect { -webkit-box-shadow: 0px 0px 20px rgba(0, 0, 0, 0.15); -moz-box-shadow: 0px 0px 20px rgba(0, 0, 0, 0.15); box-shadow: 0px 0px 20px rgba(0, 0, 0, 0.15); -webkit-transform: scale(1.1);z-index:1111;position:relative;}
blockquote {
padding: 0px 10px 0px 35px;
line-height: 20px;
background: url(../images/quote.png) 0% 10% no-repeat;
color: #999999;
}
blockquote span { color: #666666 }
.service-item{float:left;margin:0;text-align:center;}
.service-item img{float:left;margin:0;}
.service-item-content{text-align:center;float:left;border-bottom:1pt solid #DDD;border-left:1pt solid #DDD;border-right:1pt solid #DDD;background:#FFF;padding:10px;width:258px;}
.service-item-content span{color: #cacaca;font-style:italic;font-family:"Georgia";}
.service-item-content strong{color: #ff420a;text-align:center;}
.service-item-content p{text-align:center;}
.service-item-content a span:hover{color: #ff420a;text-decoration:underline;}
ul.center-list { text-align: center; }
ul.center-list li { text-align: center;display: inline;}
ul.center-list li a {text-align: center; padding: 15px 5px 5px 5px;}
ul.center-list li a:hover { text-decoration: underline }
/*GRID HOMEPAGE*/
#grid {float:left; height:auto; }
#grid ul.portfolio-items{width:900px;margin-left:-10px;float:left;padding:10px;}
.item-hover{
margin:0!important;
padding:0px!important;
border:5pt solid #FFF;
border-bottom:none;
float:left;
height:auto;
}
#grid .portfolio-thumbnail{
position:absolute;
left: 0px;
top: 0px;
height:100%;
display:none;
overflow:hidden;
background:url("../images/thumb-hover-bg.png") repeat;
text-align: left;
cursor:pointer;
padding:0;
}
#grid .thumb-text{
padding:10px;
margin:0;
}
#grid .portfolio-thumbnail h4{color:#FFF;margin-bottom:10px;padding:0;font-weight:800;}
#grid .portfolio-thumbnail p,#grid .portfolio-thumbnail a{color:#FFF;margin:0;padding:0;}
#grid .portfolio-thumbnail a:hover{text-decoration:underline;}
#grid .one-half .item-hover,#grid .one-third .item-hover,#grid .one-fourth .item-hover {
float:left;
position: relative;
-moz-box-shadow:0 0 6px #b7b7b7, inset 0 0 13px 5px #f9f9f9;
-webkit-box-shadow:0 0 6px #b7b7b7, inset 0 0 13px 5px #f9f9f9;
box-shadow:0 0 6px #b7b7b7, inset 0 0 13px 5px #f9f9f9;
border-radius:2px;
-moz-border-radius:2px;
-webkit-border-radius:2px;
-webkit-transition: all 1s ease-in-out;
-moz-transition: all 1s ease-in-out;
-o-transition: all 1s ease-in-out;
-ms-transition: all 1s ease-in-out;
}
#grid .one-half:hover,#grid .one-third:hover,#grid .one-fourth:hover{ }
#grid .one-half .portfolio-thumbnail{
width:418px;
height:203px;
}
#grid .one-third .portfolio-thumbnail{
width:268px;
height:130px;
}
#grid .one-fourth .portfolio-thumbnail{
width:193px;
height:93px;
}
/*FLASH SLIDER SLIDER*/
#piecemaker{width:880px;height:450px;float:left;margin-bottom:0px;}
/*KWICKS ACCORDION SLIDER*/
.kwicks-container {width: 880px; height:350px; margin: 0 auto 30px auto; overflow:hidden; position:relative; background: #FFF;}
.kwicks li {
float: left;
width: 220px;
height: 350px;
display: block;
overflow: hidden;
padding: 0;
-moz-box-shadow:1px 3px 15px #252525;
-webkit-box-shadow:1px 3px 15px #252525;
box-shadow:1px 3px 15px #252525;
cursor:pointer;
}
.kwicks {
list-style: none;
position: relative;
margin: 0;
padding: 0;
background:#FFF;overflow:hidden;
}
.kwicks.horizontal li {
/* This is optional and will be disregarded by the script. However, it should be provided for non-JS enabled browsers. */
margin-right: 0px; /*Set to same as spacing option. */
float: left;
background: #FFF;
}
.kwicks.vertical li{
/* This is optional and will be disregarded by the script. However, it should be provided for non-JS enabled browsers. */
margin-bottom: 5px; /*Set to same as spacing option. */
}
.accordian-slider-caption {
bottom:-100%;
left:0%;
position:absolute;
color:#D1D1D1;
padding:20px;
font-size:12px;
line-height:22px;
background:url("../images/kwicks-caption.png") repeat;
width: 440px;
-moz-box-shadow:0px 3px 3px rgba(0,0,0,0.1);
-webkit-box-shadow:0px 3px 3px rgba(0,0,0,0.1);
box-shadow:0px 3px 3px rgba(0,0,0,0.1);
}
.accordian-slider-caption h4{margin-bottom:20px;font-weight:800;color:#FFF;}
/*ONE BY ONE SLIDER*/
#banner{ position: absolute; }
.oneByOne1{
top: 0px;
left: 0px;
background: ;
margin: 0;
width: 880px;
height: 350px;
background: #f9f9f9;
position: relative;
overflow: hidden;
-moz-box-shadow:inset 0 0 13px 5px #f2f2f2;
-webkit-box-shadow:inset 0 0 13px 5px #f2f2f2;
box-shadow:inset 0 0 13px 5px #f2f2f2;
}
#banner .oneByOne_item{
position: absolute;
width: 960px;
height: 420px; overflow: hidden;
}
#banner .oneByOne_item span{font-family: "Lucida Grande", "Lucida Sans Unicode", helvetica, verdana, arial, sans-serif;}
#banner .oneByOne_item a{
text-decoration: none;
color: #B22222;
}
#banner .oneByOne_item span.slide2Txt1{
position: relative;
float: left;
margin: 100px 12px 0 80px;
color: #FFF;
font-size: 24px;
background: #3a5caa;
padding: 10px;
}
#banner .oneByOne_item span.slide2Txt2{
position: relative;
clear: left;
float: left;
margin: 6px 12px 0 80px;
color: #FFF;
font-size: 14px;
background: #d84519;
padding: 10px;
}
#banner .oneByOne_item span.slide2Txt3{
position: relative;
clear: left;
float: left;
margin: 6px 12px 0 80px;
color: #FFF;
font-size: 12px;
background: #d84519;
padding: 10px;
}
#banner img.wp1_3{
position: absolute;
top: 50px;
left: 50px;
}
#banner .oneByOne_item span.txt1{
clear: left;
position: relative;
float: left;
margin: 120px 12px 0 540px;
background: #ff420a;
padding: 10px;
color: #FFFFFF;
font-size: 40px;
}
#banner .oneByOne_item span.txt1 a{color: #FFFFFF;}
#banner .oneByOne_item span.txt2{
clear: left;
position: relative;
float: left;
margin: 12px 12px 0 540px;
color: #FFFFFF;
background: #d84519;
padding: 10px;
font-size: 22px;
}
#banner img.wp2{
position: absolute;
top: 100px;
left: 495px;
}
#banner img.wp3{
position: absolute;
top: 50px;
left: 610px;
}
#banner .oneByOne_item span.wp1{
clear: left;
position: relative;
float: left;
margin: 120px 12px 0 60px;
background: #ff420a;
padding: 10px;
color: #FFFFFF;
font-size: 40px;
}
#banner .oneByOne_item span.wp1 a{color: #FFFFFF;}
#banner .oneByOne_item span.wp2{
clear: left;
position: relative;
float: left;
margin: 12px 12px 0 60px;
color: #FFFFFF;
background: #d84519;
padding: 10px;
font-size: 16px;
}
#banner .oneByOne_item img.bigImage{
position: absolute;
top: 0;
left: 0;
}
#banner .oneByOne_item span.slide5Txt1{
position: relative;
float: left;
margin: 150px 12px 0 600px;
color: #FFF;
font-size: 24px;
background: #ff420a;
padding: 10px;
}
#banner .oneByOne_item span.slide5Txt2{
position: relative;
clear: left;
float: left;
margin: 12px 12px 0 600px;
color: #FFF;
font-size: 12px;
background: #d84519;
padding: 10px;
}
#services-container {
overflow:hidden;
position:relative;
height:200px;
float:left;
}
#services-container .service{padding:0 0 30px 0;float:left;height:auto;}