File "style.css"
Full path: E:/sites/Single15/tinmung2007/webroot/thien chua/assets/css/style.css
File size: 40.21 KiB (41179 bytes)
MIME-type:
Charset: utf-8
/*
Theme Name: Lumia
Theme URL: https://bootstrapmade.com/lumia-bootstrap-business-template/
Author: BootstrapMade.com
Author URL: https://bootstrapmade.com
*/
@import url('font-awesome.css');
/* ==== overwrite bootstrap standard ==== */
@import url('overwrite.css');
@import url('animate.css');
/* ====================================== */
.clear { clear:both; }
.video-container,.map-container,.embed-container { position:relative; margin:0 0 15px 0; padding-bottom:51%; padding-top:30px; height:0; overflow:hidden; border:none; }
.video-container iframe,
.map-container iframe,
.map-container object,
.map-container embed,
.embed-container iframe,
.embed-container object,
.embed-container embed,
.video-container object,
.video-container embed { position:absolute; top:0; left:0; width:100%; height:100%; }
iframe {
border:none;
}
.row {
margin-bottom:30px;
}
.left {
float:left;
}
img.left {
float:left;
margin:0 10px 10px 0;
}
a i:hover {
text-decoration:none;
}
/* Wrapper for boxed template
#wrapper {
width:1000px;
margin:0 auto;
padding:0;
background:#fff;
box-shadow: 0 1px 4px rgba(0,0,0,.2);
-webkit-box-shadow: 0 1px 4px rgba(0,0,0,.2);
-moz-box-shadow: 0 1px 4px rgba(0,0,0,.2);
-o-box-shadow: 0 1px 4px rgba(0,0,0,.2);
}
*/
/* custom template style */
.well {
overflow:hidden;
}
.well.well-primary {
background: #009cea;
color:#fff;
}
.well.well-success {
background: #7cbb00;
color:#fff;
}
.well.well-warning {
background: #bcab37;
color:#fff;
}
.well.well-danger {
background: #ec4f13;
color:#fff;
}
/* home */
.masthead h2 {
font-size: 40px;
line-height: 1;
letter-spacing: -2px;
}
.features i.left {
margin-right:10px;
}
.features h4 {
margin-top:2px;
}
/* ===== header ===== */
/* logo */
header .navbar .logo {
float:left;
padding: 0;
margin-left:0;
}
/* navigation */
header .navbar {
padding:30px 0 25px;
}
.navbar .nav {
margin:0;
}
.navbar ul li {
margin-right:5px;
}
.navbar ul li li {
margin-right:0;
}
.navbar .nav li a:hover {
background:#181818;
color:#fff;
-webkit-border-radius: 2px;
-moz-border-radius: 2px;
border-radius: 2px;
}
.navbar .nav li.active a,.navbar .nav li.active a:hover {
color:#fff;
-webkit-border-radius: 2px;
-moz-border-radius: 2px;
border-radius: 2px;
}
.navbar .nav li.active ul li a {
background:#fff;
}
.navbar .nav li ul li a {
color:#ddd;
font-weight:normal;
}
.navbar .nav li.active ul li a {
color:#ddd;
font-weight:normal;
}
.navbar .nav li.active ul li a:hover,.navbar .nav li ul li a:hover {
color:#fff;
font-weight:600;
}
.navbar ul.topnav {
float:right;
}
.navbar .nav > li > a {
float: none;
font-size:13px;
padding: 5px 10px 5px 10px;
color: #777777;
text-decoration: none;
text-shadow: none;
font-weight:700;
}
.navbar .nav > li.dropdown > a {
padding: 5px 5px 5px 10px;
}
header .topnav .dropdown-submenu > .dropdown-menu {
top: 0;
left: 100%;
margin-top: 6px;
margin-left: -1px;
-webkit-border-radius: 0;
-moz-border-radius: 0;
border-radius: 0;
}
header ul.topnav li ul.dropdown-menu {
margin-top:35px;
}
header ul.topnav li ul.dropdown-menu ul {
margin-top:0;
}
.dropdown-menu {
border: none;
*border-right-width: 0;
*border-bottom-width: 0;
-webkit-border-radius: 0;
-moz-border-radius: 0;
border-radius: 0;
-webkit-box-shadow: none;
-moz-box-shadow: none;
box-shadow: none;
-webkit-background-clip: none;
-moz-background-clip: none;
background-clip: none;
}
.dropdown-menu .sub-menu {left:100%;position:absolute;top:0;visibility:hidden;margin-top:-1px;}
.dropdown-menu li:hover .sub-menu {visibility:visible;}
header .navbar .navigation ul li .dropdown-menu,header .navbar .navigation ul li .dropdown-menu li a{
border: none;
background:#800000;
}
.navbar .nav li ul.dropdown-menu li a:hover, .navbar .nav li.active ul.dropdown-menu li a:hover {
background: rgba(0,0,0,0.25);
}
header .navbar .navigation ul li .dropdown-menu li a:hover {
-webkit-border-radius: 0;
-moz-border-radius: 0;
border-radius: 0;
}
.dropdown-menu li:hover .sub-menu {visibility:visible;}
.dropdown-menu .sub-menu {left:100%;position:absolute;visibility:hidden;margin-top:-1px;}
.dropdown-menu li:hover .sub-menu {visibility:visible;}
ul.topnav .dropdown-menu .sub-menu {
margin-left:1px;
}
ul.topnav .dropdown-menu {
padding: 0 0;
margin: 0 0 0;
}
ul.topnav .dropdown-menu li {
padding:0;
border-bottom:1px dotted #3a3a3a;
}
ul.topnav .dropdown-menu li > a {
color:#ddd;
padding: 10px 20px;
line-height: 1.6em;
}
.dropdown-menu .dropdown i {
position:absolute;
right:0;
margin-top:3px;
padding-left:20px;
}
nav select {
display:none;
}
/* -------------------------------------------------- */
/* Sliders
/* -------------------------------------------------- */
/* iview slider */
.iview-slider {
display: block;
margin: 0px auto;
}
#iview {
display: block;
width: 100%;
min-width: 300px;
position: relative;
overflow: hidden;
}
#iview .iviewSlider {
display: block;
width:1600px;
height: 450px;
overflow: hidden;
border-radius: 0;
}
#iview div.iview-directionNav {
position: absolute;
top: 47%;
left: 0px;
z-index: 9;
width: 100%;
}
#iview div.iview-directionNav a {
display: block;
cursor: pointer;
position: absolute;
width: 27px;
height: 27px;
background-image: url(../img/iview/bg_direction_nav.png);
text-indent: -9999px;
-webkit-transition: left 0.3s ease-in-out;
-webkit-transition-property: left,right;
-moz-transition: left 0.3s ease-in-out;
-moz-transition-property: left,right;
-o-transition: left 0.3s ease-in-out;
-o-transition-property: left,right;
-ms-transition: left 0.3s ease-in-out;
-ms-transition-property: left,right;
transition: left 0.3s ease-in-out;
transition-property: left,right;
}
#iview div.iview-directionNav a.iview-nextNav {
right: -27px;
background-position: 27px 0px;
}
#iview div.iview-directionNav a.iview-prevNav {
left: -27px;
background-position: 0px 0px
}
#iview.iview-hover div.iview-directionNav a.iview-nextNav {
right: 20px;
}
#iview.iview-hover div.iview-directionNav a.iview-prevNav {
left: 20px;
}
.iview-caption {
background: rgba(0,0,0,0.7);
color: #fff;
font-size:16px;
border-radius: 2px;
border-color:none;
padding: 10px 15px;
text-shadow: #000 1px 1px 0px;
}
.iview-caption h2,.iview-caption h3,.iview-caption h4, .iview-caption h5 {
color:#fefefe;
text-shadow:none;
margin-bottom:0;
}
.iview-caption.image {
background:none;
border-radius: 0;
border:0;
padding:0;
}
.iview-caption.image img{
max-width:100%;
height:auto;
}
.iview-caption.video {
background:none;
border-radius: 0;
border:0;
padding:0;
}
.iview-caption.video iframe {
width:500px;
height:325px;
}
.iview-caption.caption-dark {
text-shadow: none;
}
.iview-caption.caption-white {
background: #fff;
color: #222;
text-shadow: none;
}
.iview-caption.caption-theme {
color: #fff;
text-shadow: none;
}
#iview-preloader {
border: #666 1px solid;
width: 150px
}
#iview-preloader div {
background: #666;
}
#iview-timer {
display: none;
}
/* flexslider home */
#mainslider.flexslider {
margin:30px 0 0;
}
/* ================ */
/* main content */
#maincontent {
z-index:1000;
margin-top:0px;
}
/* intro */
section#intro{
padding:0;
margin:0;
border-bottom:1px solid #e9e9e9;
border-top:1px solid #e9e9e9;
margin-bottom:30px;
}
.line {
background:url(../img/line.jpg) top repeat-x;
height:10px;
}
section#bottom {
width: 100%;
margin: 0 auto;
margin-top:20px;
padding: 0;
padding-top:30px;
}
section#subintro {
width: 100%;
color: #fff;
height:auto;
margin: 0 auto;
padding: 0;
margin-bottom:30px;
}
/* divider */
.solid_line {
padding:0;
margin:20px 0 20px 0;
width:100%;
height:1px;
border-top: 1px solid #eeeeee;
}
.dotted_line {
padding:0;
margin:20px 0 20px 0;
width:100%;
height:1px;
border-bottom: 1px dotted #eeeeee;
}
/* -------------------------------------------------- */
/* Additional typography
/* -------------------------------------------------- */
p.lead {
font-size:12px;
font-style:italic;
font-family: 'Droid Serif', Georgia, Arial, sans-serif;
}
/* ==== Heading style === */
.rheading { margin-bottom: 24px; }
.rheading {
position: relative;
border-bottom: #e9e9e9 1px solid;
padding-bottom: 9px;
}
.rheading span {
position: absolute;
width: 50px;
height: 1px;
bottom: -1px;
left: 0;
}
footer .heading {
width:100%;
margin:0 0 20px 0;
padding:0;
}
footer .heading h5 {
border-bottom:1px solid #333;
padding-bottom:11px;
margin:0;
}
.widget .heading span{
border-width:5px;
padding:0 15px 25px 20px;
float:right;
}
/* scroll to top */
.scrollup{
position:fixed;
width:48px;
height:48px;
bottom:20px;
right:20px;
}
a.scrollup {
outline:0;
}
a.scrollup:hover,a.scrollup:active,a.scrollup:focus {
opacity:1;
text-decoration:none;
}
a.scrollup i:hover {
text-decoration:none;
}
/* -------------------------------------------------- */
/* Elements
/* -------------------------------------------------- */
/* box */
.box {
-webkit-border-radius: 2px;
-moz-border-radius: 2px;
border-radius: 2px;
border:1px solid #e9e9e9;
background:#fcfcfc;
padding:20px;
}
/* testimonial */
.testimonial span.author {
font-weight:700;
}
/* call action */
.call-action {
-webkit-border-radius: 2px;
-moz-border-radius: 2px;
border-radius: 2px;
background:#f8f8f8;
border:1px solid #e9e9e9;
border-left:none;
padding: 30px 20px 20px 20px;
margin-bottom:0;
overflow:hidden;
}
.call-action .text {
float:left;
}
.call-action .text h2 {
font-weight:700;
margin-bottom:10px;
}
.call-action .cta {
float:right;
}
.tagline_text {
padding:0;
}
/* home recent works - jcarousel */
.carousel {position:relative;margin:0;}
.carousel-wrapper{
overflow:hidden;
margin:0;
}
.carousel-wrapper ul {display:none;}
.carousel-wrapper ul li{
max-width:220px;
padding:0;
height:auto;
float:left;
display:block;
margin:0;
}
.btleft .es-nav{
position: absolute;
top: -60px;
right: 0;
}
.bttop .es-nav{
position: absolute;
top: -39px;
right: 0px;
}
.es-nav span{
float: left;
width: 17px;
height: 17px;
display: block;
top: 1px;
right: 0;
}
.es-nav i {
margin-right:0;
}
.latest-work article{margin-bottom: 30px;}
.latest-work article img{display: block;}
.latest-work article h4{margin-bottom: 0;}
.latest-work article:nth-last-child(-n+4){margin-bottom: 0 !important;}
/* --------------------------------------------------*/
/* Widgets
/* -------------------------------------------------- */
/* Flickr Photo */
.widget .flickr-badge {
width:100%;
}
.widget .flickr-badge img { margin: 0; }
footer .widget .flickr-badge {
width: 100%;
}
footer .widget .flickr-badge img {
margin: 0 2px 5px 0;
}
.flickr-badge img {
width: 65px;
height: 60px;
float: left;
border:2px solid #555;
}
/* -------------------------------------------------- */
/* latest blog post
/* -------------------------------------------------- */
.home-posts .entry-meta {
float: left;
font-style: italic;
letter-spacing: -0.5px;
line-height: 1.3;
text-align: center;
width: 48px;
}
.home-posts .entry-meta a {
display: block;
font-style: normal;
}
.entry-meta a:hover {
text-decoration:none;
}
.home-posts .post-format { margin: 0; }
.home-posts .date {
display: block;
margin: 8px 0 0;
}
.home-posts .entry-body .title {
font-size: 14px;
font-weight: 400;
}
.home-posts .entry-body {
margin: 15px 0 0 68px;
}
.entry-body a:hover {
text-decoration:none;
}
.home-posts .post-video,.home-posts .post-image, .home-posts .post-audio, .home-posts .post-slider { margin-bottom: 15px; }
.touch-device .post-carousel .entry-audio { margin-top: -8px; }
/* -------------------------------------------------- */
/* Portfolio
/* -------------------------------------------------- */
.flexslider {
margin-bottom:20px;
}
ul.filter {
list-style:none;
margin-left:0;
}
ul.filter li {
float:left;
margin-right:10px;
}
ul.filter li.active a{
text-shadow:none;
color:#fff;
background: #1b1b1b;
}
.portfolio-area{
float: left;
width:100%;
margin:0;
padding:0;
}
.portfolio-area li{
float: left;
list-style:none;
margin:0 0 20px 0;
padding:0;
}
.portfolio-area li div {
margin-bottom:10px;
}
.portfolio-area li h4{
margin-top:10px;
}
.portfolio-area .portfolio-desc, .portfolio-desc {
margin-top:10px;
}
.col{
width: 230px;
margin:0 15px 0 15px;
}
.portfolio-area .thumbnail .caption,
.portfolio-home .thumbnail .caption{
background: #f5f5f5;
}
.portfolio-area .thumbnail,
.portfolio-home .thumbnail {
display: block;
padding:0;
border:none;
}
.portfolio-area .thumbnail h4,
.portfolio-home .thumbnail h4{
margin:0;
color:#fff;
padding:5px 10px 0 10px;
}
.portfolio-area .image-wrapp,
.portfolio-home .image-wrapp{
position:relative;
padding:0;
overflow:hidden;
border:nonw;
}
.portfolio-area .image-wrapp img,
.portfolio-home .image-wrapp img{
margin:0;
padding:0;
}
.portfolio-area .thumbnail .caption,
.portfolio-home .thumbnail .caption{
padding:15px 10px 15px 10px;
margin:0;
text-align:center;
color:#333333;
}
.portfolio-area .thumbnail .caption p,
.portfolio-home .thumbnail .caption p{
padding:0;
margin:0;
}
.portfolio-area .thumbnail .meta,
.portfolio-home .thumbnail .meta{
background:#f8f8f8;
border-top:1px solid #fff;
border-bottom:1px solid #fff;
padding:10px 10px 10px 10px;
margin:0;
text-align:left;
}
.portfolio-area .thumbnail .meta span,
.portfolio-home .thumbnail .meta span{
margin:0 10px 0 0;
}
.portfolio-area .thumbnail .meta span a,
.portfolio-home .thumbnail .meta span a{
color:#737373;
}
/* Portolio Hover */
.da-thumbs li {
overflow: hidden;
display: block;
position: relative;
margin:0;
padding:0;
}
.da-thumbs li img {
width:100%;
display: block;
position: relative;
overflow: hidden;
}
.da-thumbs li article {
position: absolute;
background: rgba(0,0,0,0.7);
text-shadow:none;
text-align:center;
width: 100%;
height: 100%;
margin:0;
font-size:14px;
color:#fff;
font-weight:700;
display:block;
padding-top:25%;
}
.da-thumbs li article.da-animate {
-webkit-transition: all 0.2s ease;
-moz-transition: all 0.2s ease-in-out;
-o-transition: all 0.2s ease-in-out;
-ms-transition: all 0.2s ease-in-out;
transition: all 0.2s ease-in-out;
}
.da-thumbs li article a:hover {
text-decoration:none;
}
/* === Initial state classes === */
.da-slideFromTop {
left: 0px;
top: -200%;
}
.da-slideFromBottom {
left: 0px;
top: 100%;
}
.da-slideFromLeft {
top: 0px;
left: -102%;
}
.da-slideFromRight {
top: 0px;
right: -102%;
}
/* === Final state classes === */
.da-slideTop {
top: 0px;
}
.da-slideLeft {
left: 0px;
}
.da-thumbs li article p{
margin-bottom:5px;
}
.da-thumbs li article a{
display:inline-block;
}
ul.project-detail{
list-style:none;
margin:0;
padding:0;
}
ul.project-detail li{
list-style:none;
border-bottom:1px dotted #e5e5e5;
padding-bottom:10px;
margin-bottom:15px;
}
ul.project-detail li label{
display:inline;
color:#494949;
font-weight:bold;
}
/* accordion */
.accordion-inner {
padding: 20px 15px;
}
/* pagination */
.pagination {
margin-top:0;
}
.pagination ul li a {
color:#666;
}
.pagination ul li a:hover {
color:#fff;
}
.pagination ul li.active a {
background:#444;
color:#fff;
border:1px solid #444;
}
/* Blog */
aside{
background:#fcfcfc;
padding:20px 15px 0 15px;
margin: 0 0 30px 0;
border: 1px solid #e6e6e6;
-webkit-box-shadow: 0 2px 0 rgba(0,0,0,0.03);
-moz-box-shadow: 0 2px 0 rgba(0,0,0,0.03);
box-shadow: 0 2px 0 rgba(0,0,0,0.03);
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}
aside .widget{
margin-bottom:30px;
}
aside .widget ul {
list-style:none;
margin-left:0;
}
aside .widget ul li {
border-bottom:1px dotted #efefef;
margin:15px 0 0 0;
padding-bottom:5px;
}
aside .widget h4{
border-bottom:1px solid #e5e5e5;
padding-bottom:10px;
margin-bottom:15px;
}
/* categories */
aside .widget ul.cat {
list-style:none;
margin-left:0;
}
aside .widget ul.cat li {
padding-left:24px;
background-image: url("../img/glyphicons-halflings.png");
background-repeat: no-repeat;
background-position: -456px -69px;
}
aside .widget ul.cat li a {
color:#444;
}
aside .widget ul.cat li a:hover {
text-decoration:none;
}
/* recent posts */
aside .widget ul.recent-posts li {
overflow:hidden;
display:inline-block;
}
aside .widget ul.recent-posts li a{
color:#444;
text-align:left;
font-weight:600;
}
aside .widget ul.recent-posts li a:hover {
text-decoration:none;
}
aside .widget ul.recent-posts li span.date {
float:left;
font-size:11px;
margin-top:10px;
}
aside .widget ul.recent-posts li span.comment {
float:left;
margin-left:20px;
font-size:11px;
margin-top:10px;
}
/* tags */
aside .widget ul.tags li {
display:inline;
border:none;
}
aside .widget ul.tags li a {
margin-bottom:10px;
border:none;
color:#fff;
}
#comment span{
font-size:11px;
font-style:italic;
color:#999999;
}
article.blog-post{
padding-bottom:10px;
margin-bottom:30px;
border-bottom:1px solid #e9e9e9;
}
article.blog-post .video-container {
margin-bottom:20px;
}
article .heading {
float:left;
width:100%;
margin-bottom:25px;
}
article .heading h4{
float:left;
margin-bottom:0;
font-size:24px;
}
article.blog-post .post-heading h3 a {
color:#333;
}
article.blog-post .post-heading h3 a:hover {
text-decoration:none;
}
article span.comment{
float:right;
margin-top:5px;
}
article button.btn{
margin-bottom:10px;
}
article.blog-post img{
margin-bottom:20px;
}
article.blog-post img:hover{
/* IE 8 */
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)";
/* IE 5-7 */
filter: alpha(opacity=80);
/* Netscape */
-moz-opacity: 0.7;
/* Safari 1.x */
-khtml-opacity: 0.7;
/* Good browsers */
opacity: 0.7;
}
article.blog-post img.thumbnail{
margin-bottom:0;
}
/* ====== post format ================ */
.post-quote blockquote {
font-size:18px;
line-height:1.6em;
font-family:Georgia, Arial, sans-serif;
font-style:italic;
}
/* last post article */
article.last-post {
color:#fff;
margin-bottom:20px;
}
article.last-post .content {
padding:20px;
}
article.last-post .content a {
color:#fff;
font-weight:bold;
}
article.last-post h4 {
}
article.last-post iframe{
width:100%;
height:150px;
border:none;
margin-bottom:0;
}
.tooltip-demo a{
display: block;
}
ul.time-post {
background:#fff;
}
ul.time-post{
float:left;
list-style:none;
width:60px;
padding:10px 0 10px 0;
margin:0 20px 20px 0;
text-align:center;
color: #222;
}
ul.time-post li{
list-style:none;
margin:0;
padding:0;
}
ul.time-post li.date{
font-size:28px;
line-height:24px;
padding:10px 0 0 0;
}
ul.time-post li.year{
padding:0 0 10px 0;
border-bottom:1px solid #fff;
text-shadow: none;
}
ul.post-meta{
float:left;
width:100%;
list-style:none;
padding:0 0 5px 0;
border-bottom:1px dotted #e6e6e6;
margin:0 0 15px 0;
}
ul.post-meta li{
float:left;
list-style:none;
margin:0;
margin:0 10px 0 10px;
font-size:11px;
}
ul.post-meta li a{
color:#737373;
}
ul.post-meta li i{
float:left;
margin-top:4px;
}
ul.post-meta li span{
float:left;
margin-left:5px;
}
.media,
.media .media {
margin-top: 20px;
}
.media-list .media{
margin-top:30px;
border-bottom:1px dotted #eee;
padding-bottom:10px;
}
.media-list .media .media-body a.reply {
float:right;
}
.media-list .media .media{
border:none;
border-top:1px dotted #eee;
padding-top:20px;
}
.media-body .media-heading a{
color:#494949;
}
.media .pull-left {
margin-right: 15px;
}
.media .pull-right {
margin-left: 15px;
}
.comment-post{
margin-top:30px;
}
.comment-form{
margin:15px 0 30px 0;
}
.contactForm {
margin:0 0 30px 0;
}
.comment-form label, .contactForm label{
margin-bottom:10px;
font-size:13px;
font-weight:bold;
}
.comment-form input, .contactForm input{
margin-bottom:20px;
font-size:13px;
font-family:'Open Sans', Arial, sans-serif;
}
.comment-form textarea, .contactForm textarea{
margin-bottom:25px;
font-size:13px;
font-family:'Open Sans', Arial, sans-serif;
}
.validation {
color: red;
display:none;
margin: 0 0 20px;
font-weight:400;
font-size:13px;
}
#sendmessage {
color: green;
border:1px solid green;
display:none;
text-align:center;
padding:15px;
font-weight:600;
margin-bottom:15px;
}
#errormessage {
color: red;
display:none;
border:1px solid red;
text-align:center;
padding:15px;
font-weight:600;
margin-bottom:15px;
}
#sendmessage.show, #errormessage.show, .show {
display:block;
}
/* Google Map */
#google-map {
height: 300px;
margin-bottom: 20px;
}
/* 404 */
.error-bg{
background: #f5f5f5;
}
.error-wrapper{
width:60%;
margin:80px auto;
padding:8px;
background:#f5f5f5;
}
.error-body{
padding:20px;
text-align:center;
color:#fff;
}
.error-body h1{
font-size:172px;
line-height:160px;
padding:15px 0 20px 0;
margin-bottom:30px;
}
.error-body h3{
text-transform:none;
}
.error-footer{
margin-top:30px;
text-align:right;
background:#f5f5f5;
}
/* social links icon */
.widget .social-links {
list-style:none;
}
.widget .social-links li {
padding:0;
border:none;
float:none;
display:inline;
}
.social-links li a:hover {
text-decoration:none;
}
/* ============ font awesome icons ===================== */
ul.the-icons {
list-style:none;
margin-left:0;
}
[class^="icon-"],
[class*=" icon-"] {
float:none;
}
.icon-square,
.icon-rounded,
.icon-plain,
.icon-circled {
margin: 10px 10px 10px 0;
display: inline-block !important;
text-align: center !important;
color: #fff;
width: 18px;
height: 18px;
padding:3px;
font-size: 12px;
line-height: 18px;
text-shadow:none;
cursor: pointer;
}
.icon-rounded {
background-color: #444;
border-radius: 4px;
-moz-border-radius: 4px;
-webkit-border-radius: 4px;
}
.icon-circled {
background-color: #444;
border-radius: 10px;
-moz-border-radius: 10px;
-webkit-border-radius: 10px;
}
.icon-square {
background-color: #444;
}
.icon-plain {
width: 48px;
height: 48px;
font-size: 47px;
line-height: 50px;
color: #444;
text-shadow: 1px 1px 1px #FFF;
}
.icon-plain:hover { color: #777; }
/* circled radius */
.icon-circled {
border-radius: 24px;
-moz-border-radius: 24px;
-webkit-border-radius: 24px;
}
.icon-64.icon-circled {
border-radius: 32px;
-moz-border-radius: 32px;
-webkit-border-radius: 32px;
}
.icon-128.icon-circled {
border-radius: 64px;
-moz-border-radius: 64px;
-webkit-border-radius: 64px;
}
.icon-light {
background-color: #F5F5F5;
color: #444;
text-shadow: 1px 1px 1px #fff;
box-shadow: inset 0 0 15px rgba(0,0,0,0.2);
-moz-box-shadow: inset 0 0 15px rgba(0,0,0,0.2);
-webkit-box-shadow: inset 0 0 15px rgba(0,0,0,0.2);
}
.icon-rounded:hover,
.icon-circled:hover {
color: #fff;
text-shadow: none;
box-shadow: 0 0 0 rgba(0,0,0,0.2);
-moz-box-shadow: 0 0 0 rgba(0,0,0,0.2);
-webkit-box-shadow: 0 0 0 rgba(0,0,0,0.2);
}
.demoicon [class^="icon-"],
.demoicon [class*=" icon-"],
[class^="icon-"].left,
[class*=" icon-"].left {
float:left;
}
[class^="icon-"].active:hover,
[class*=" icon-"].active:hover {
background-color: rgba(0, 0, 0, 0.75);
}
[class^="icon-"],
[class*=" icon-"] {
margin-top: 1px;
margin-right: .3em;
}
/* custom size */
.icon-32 {
width: 24px;
height: 24px;
padding:4px;
font-size: 16px;
line-height: 24px;
}
.icon-48 {
width: 32px;
height: 32px;
padding:8px;
font-size: 28px;
line-height: 30px;
}
.icon-64 {
width: 40px;
height: 40px;
padding:12px;
font-size: 30px;
line-height: 40px;
}
.icon-128 {
width: 56px;
height: 56px;
padding:36px;
font-size: 54px;
line-height: 60px;
}
/***********************************************/
/* twitter */
.twitter ul{
margin-left:0;
list-style:none;
}
.twitter img{
float: left;
margin-right: 15px;
}
.twitter span.tweet_time{
display: block;
padding-bottom: 5px;
}
.twitter li{
border-bottom: 1px dashed #efefef;
padding-bottom: 20px;
margin-bottom: 20px;
list-style: none;
}
.twitter li:last-child{border: none;}
/* Subhead (other pages)
------------------------- */
.subhead {
text-align: left;
margin:0 0 20px 0;
padding:35px 0 10px 0
}
.subhead h3 {
color:#fff;
margin:0;
padding:0;
}
.subhead p {
padding:0;
margin:0;
}
.subhead .navbar {
display: none;
}
.subhead .form-search {
float:right;
margin:15px 0 0 0;
padding:0;
}
/* accordion */
.accordion-heading {
background:#f8f8f8;
}
.accordion-heading a {
outline:none;
font-weight:bold;
color:#444;
}
.accordion-heading a:hover {
text-decoration:none;
}
.accordion-heading {
border-bottom: 0;
}
.accordion-heading .accordion-toggle {
display: block;
padding: 8px 15px;
text-decoration: none;
}
.accordion-heading .accordion-toggle i {
margin-right: 10px;
}
.accordion-heading .active{
background:#fff;
}
.accordion-toggle {
cursor: pointer;
}
.accordion-inner {
padding: 9px 15px;
border-top: 1px solid #eee;
}
/* toggleable tabs */
ul.nav-tabs { margin: 0 !important; border: none; }
.nav-tabs > li > a {
border-color: #e9e9e9;
border-radius: 0;
font-size: 13px;
color: #353535;
padding: 6px 14px 5px;
outline: none;
}
.nav-tabs > li.active > a {
font-weight: 700;
border-color: #e9e9e9;
border-bottom-color: #fff;
}
.nav-tabs > li > a:hover, .nav-tabs > li.active > a:hover { border-color: #e9e9e9; background: none; }
.nav-tabs > li.active > a:hover { border-bottom-color: #fff; }
.tab-content { border: #e9e9e9 1px solid; padding: 18px 15px 0; }
.tabs-top .nav-tabs > li > a:hover,
.tabs-top .nav-tabs > li.active > a:hover,
.tabs-top .nav-tabs > li.active > a,
.tabs-top .nav-tabs > li > a { border-top-width: 2px; }
.tabbable { margin-bottom: 18px; }
.tabs-left > .nav-tabs { border: none; }
.tabbable.tabs-left .nav-tabs li {
margin-bottom: 11px;
border-radius: 0;
-moz-box-shadow: 1px 1px 0 #e3e3e3;
-webkit-box-shadow: 0 1px 1px #e3e3e3;
box-shadow: 1px 1px 1px 0 #ececec;
}
.tabbable.tabs-left .nav-tabs a {
font-weight: bold;
font-size: 14px;
padding: 16px 31px 17px 15px;
border-radius: 0;
border-left: #d5d5d5 3px solid;
}
.tabbable.tabs-left .nav-tabs .active a, .tabbable.tabs-left .nav-tabs a:hover {
border-top-color: #d5d5d5;
border-bottom-color: #d5d5d5;
border-left-color: #ff6801;
border-right-color: #fff;
}
.tabbable.tabs-left .nav-tabs a span {
color: #ff6801;
font-weight: normal;
padding-right: 6px;
float: left;
line-height: 15px;
}
.tabbable .section-title {
font-size: 28px;
line-height: 28px;
border: none;
margin: 0 0 7px;
}
.tabbable .thumbnail { margin: 9px auto 16px; }
.tabs-left .tab-content { padding: 18px 33px 20px; }
/* breadcrumb */
#subintro .breadcrumb {
margin:30px 0 0;
background:none;
}
#subintro ul.breadcrumb li {
margin-bottom:0;
padding-bottom:0;
color:#fff;
font-style:italic;
}
#subintro ul.breadcrumb li a {
color:#fff;
}
#subintro ul.breadcrumb li a:hover {
color:#ddd;
}
#subintro ul.breadcrumb li a:hover {
text-decoration:none;
-webkit-transition: all 1s ease-in-out;
-moz-transition: all 1s ease-in-out;
-o-transition: all 1s ease-in-out;
transition: all 1s ease-in-out;
}
.breadcrumb > li {
}
.breadcrumb.custom {
padding: 8px 0px;
margin: 0 0 20px ;
list-style: none;
background-color: #fff;
border:none;
border-bottom: 1px solid #e3e3e3;
}
.breadcrumb > li {
display: inline-block;
*display: inline;
line-height:1.6em;
*zoom: 1;
}
.breadcrumb > li > .divider {
padding: 0 5px;
color: #ccc;
}
/* search form on inner pages */
#subintro .search {
margin:30px 0 0;
padding:0;
float:right;
}
#subintro .search input {
border:none;
font-size:13px;
font-family:'Open Sans', Arial, sans-serif;
}
#subintro .search button {
border:none;
font-size:13px;
font-family:'Open Sans', Arial, sans-serif;
background:#353535;
color:#fff;
text-shadow:none;
}
/* demo buttons page */
.demo a.btn {
margin:0 10px 10px 0;
}
/* 404 */
h2.error {
font-size:78px;
}
/* pricing box */
.priceBox {
border: 1px solid #e6e6e6;
-webkit-box-shadow: 0 2px 0 rgba(0,0,0,0.03);
-moz-box-shadow: 0 2px 0 rgba(0,0,0,0.03);
box-shadow: 0 2px 0 rgba(0,0,0,0.03);
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
width: 100%;
min-height: 70px;
display: block;
float: left;
margin-right: -1px;
text-align: center;
}
.priceBox hr {
margin: 0;
}
.priceBox span {
display: block;
padding: 10px 0;
}
.priceBox .emphasis {
font-size: 30px;
color: #333;
background: #fcfcfc;
padding-top: 16px;
}
.priceBox .emphasis em {
font-style: italic;
color: #808080;
font-size: 11px;
display: block;
}
.priceBox .light {
margin: 0;
padding: 15px 0;
color: #333;
}
.priceBox .btn {
margin: 10px 0;
}
.priceBox .emphasis-2 {
background: #fcfcfc;
}
.priceBox.special {
margin-top: -10px;
}
.priceBox.special .emphasis {
color: #fff;
}
.priceBox.special .emphasis em {
color: #fff;
color: rgba(255,255,255,0.7);
}
.priceBox.special .light {
padding: 20px 0;
}
.priceBox.special .btn {
margin: 15px 0;
}
.priceBox.item3 {
width: 100%;
}
/* list */
ul.list, ol.list { margin:0 0 20px 0;padding:0; }
ul.list { list-style:none outside; }
ol.list { padding:0 0 0 15px; }
ol.alpha-upper li { list-style:upper-alpha; }
ol.alpha-lower li { list-style:lower-alpha; }
ol.decimal li { list-style:decimal; }
ol.roman li { list-style:upper-roman; }
ul.diamond li { padding:0 0 0 15px; background:transparent url('../img/list/diamond.png') no-repeat 0 6px; }
ul.arrow li { padding:0 0 0 20px; background:transparent url('../img/list/arrow.png') no-repeat 0 6px; }
ul.check li { padding:0 0 0 18px; background:transparent url('../img/list/check.png') no-repeat 0 6px; }
ul.circle li { padding:0 0 0 15px; background:transparent url('../img/list/circle.png') no-repeat 0 8px; }
ul.list ul, ul.list ol, ol.list ol, ol.list ul { margin:4px 0 5px 30px; font-size:90%; }
ul.list ul li, ul ol li, ol.list ol li, ol.list ul li { margin-bottom:6px; }
ul.list li , ul.list li { line-height:21px; margin: 0 0 12px 5px; }
ul.list li p { line-height:21px; }
ol.alpha-upper li a, ol.alpha-lower li a, ol.decimal li a, ol.roman li a, ul.diamond li a, ul.arrow li a, ul.check li a, ul.circle li a{ color:#3c4249;}
/* blockquote */
blockquote p {
line-height:1.6em;
font-size:16px;
color:#898989;
font-family: 'Droid Serif', Georgia, Arial, sans-serif;
font-style:italic;
}
/* -------------------------------------------------- */
/* Footer
/* -------------------------------------------------- */
footer {
padding-top:30px;
color:#7e7e7e;
}
footer.footer {
background:#151515;
}
footer h1, footer h2, footer h3, footer h4, footer h5, footer h6 {
color:#e8e8e8;
}
footer .block-a {
background:#bcab37;
}
footer .verybottom {
padding-top:30px;
background:#111;
}
footer ul.regular li a, footer .nav-list li.nav-header {
text-shadow:none;
color:#b8b8b8;
}
footer ul.regular,footer ul.nav {
margin-left:0;
list-style:none;
}
footer ul.regular li {
background-attachment: scroll;
background: url(../img/list/white-arrow.png) no-repeat 0 5px;
padding-left:15px;
margin-top:5px;
margin-left:0;
}
footer ul.regular li a:hover {
text-decoration:none;
}
footer .nav-list.regular > li > a {
padding: 0;
margin-left:0;
}
footer .nav-list li.divider {
text-shadow:none;
*width: 100%;
height: 1px;
margin: 9px 1px;
*margin: -5px 0 5px;
overflow: hidden;
background-color: #222;
border-bottom: none;
}
footer .twitter li{
border-bottom: 1px dashed #2d2d2d;
padding-bottom: 20px;
margin-bottom: 20px;
list-style: none;
}
ul.social {
list-style:none;
margin-left:0;
}
ul.social li {
display:inline;
}
/* misc */
.center {
text-align: center;
}
/* img */
img.icon {
margin-bottom:10px;
}
img.max-img {
max-width:100%;
height:auto;
}
/* effects */
.rotate:hover {
/* IE 8 */
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)";
/* IE 5-7 */
filter: alpha(opacity=80);
/* Netscape */
-moz-opacity: 0.7;
/* Safari 1.x */
-khtml-opacity: 0.7;
/* Good browsers */
opacity: 0.7;
}
/* -------------------------------------------------- */
/* 10 predefined template colors
/* -------------------------------------------------- */
.color-box {
width:100%;
}
.color-box p {
margin:0;
padding:20px 0;
text-align:center;
color:#fff;
font-weight:700;
}
.color-box.default p.first {
background: #3498db;
}
.color-box.default p.sec {
background: #2980b9;
}
.color-box.red p.first {
background: #bf383a;
}
.color-box.red p.sec {
background: #8a2a2b;
}
.color-box.yellow p.first {
background: #f8ae35;
}
.color-box.yellow p.sec {
background: #e19f32;
}
.color-box.green p.first {
background: #15c177;
}
.color-box.green p.sec {
background: #05a15e;
}
.color-box.orange p.first {
background: #e95b21;
}
.color-box.orange p.sec {
background: #c24c1c;
}
.color-box.cyan p.first {
background: #1baab9;
}
.color-box.cyan p.sec {
background: #158b97;
}
.color-box.grey p.first {
background: #8993a0;
}
.color-box.grey p.sec {
background: #666e78;
}
.color-box.purple p.first {
background: #9b218e;
}
.color-box.purple p.sec {
background: #691760;
}
/* -------------------------------------------------- */
/* Position, alignment
/* -------------------------------------------------- */
.divcenter {
text-align:center;
}
.centered {
text-align:center;
}
.alignleft{
float:left;
}
.alignright{
float:right;
}
.aligncenter{
text-align:center;
}
img.alignleft{
margin:5px 15px 15px 0;
}
img.alignright{
margin:5px 0 15px 15px;
}
.aligncenter img{
margin-bottom:20px;
}
.absolute{
position:absolute;
}
.relative{
position:relative;
}
.max-iframe{
width:100%;
height:350px;
}
.video{
width:100%;
height:350px;
border:none;
}
/*margin top */
.spacer-10 {
margin-top:-10px;
}
.spacer0 {
margin-top:0;
}
.spacer5 {
margin-top:5px;
}
.spacer10 {
margin-top:10px;
}
.spacer15 {
margin-top:15px;
}
.spacer20 {
margin-top:20px;
}
.spacer25 {
margin-top:25px;
}
.spacer30 {
margin-top:30px;
}
.spacer35 {
margin-top:35px;
}
.spacer40 {
margin-top:40px;
}
.spacer50 {
margin-top:50px;
}
/*margin bottom*/
.botspacer-10 {
margin-bottom:-10px;
}
.botspacer-20 {
margin-bottom:-20px;
}
.botspacer0 {
margin-bottom:0px;
}
.botspacer5 {
margin-bottom:5px;
}
.botspacer10 {
margin-bottom:10px;
}
.botspacer-10 {
margin-bottom:-10px;
}
.botspacer10 {
margin-bottom:10px;
}
.botspacer15 {
margin-bottom:15px;
}
.botspacer20 {
margin-bottom:20px;
}
.botspacer30 {
margin-bottom:30px;
}
.botspacer40 {
margin-bottom:40px;
}
.botspacer50 {
margin-bottom:50px;
}
/* padding */
.padding30 {
padding-top:30px;
}
.botpadding20 {
padding-bottom:20px;
}
/*margin left & right */
.marginleft20 {
margin-left:20px;
}
.marginleft30 {
margin-left:30px;
}
.marginright20 {
margin-right:20px;
}
.marginright5 {
margin-left:5px;
}
/*margin vary*/
.mtopbottom20 {
margin:20px 0 20px 0;
}
.mtopbottom30 {
margin:30px 0 30px 0;
}
.marginlr5 {
margin:0 5px 0 5px;
}
.marginlr10 {
margin:0 10px 0 10px;
}
/* ==== media screen queries ==== */
@media (min-width: 768px) and (max-width: 979px) {
.navbar .navbar-inner .container .logo {
padding-left: 20px;
padding-right: 20px;
}
.navbar .nav {
margin:0;
}
.navbar-fixed-top {
margin-bottom:15px;
}
section#intro{
max-width: 100%;
margin: 0 auto;
margin-top:0;
padding-top:0;
margin-bottom:20px;
}
section#subintro{
max-width: 100%;
height:auto;
margin: 0 auto;
margin-top:0;
padding-top:0;
margin-bottom:20px;
}
#sequence .info {
width:80%;
}
#sequence .info p {
background:#F00;
padding:10px;
}
}
@media (max-width: 767px) {
.navbar .navbar-inner .container .logo {
padding-left: 20px;
padding-right: 20px;
}
section#intro{
max-width: 100%;
margin: 0 auto;
margin-top:0;
margin-bottom:20px;
padding-top:0;
}
div nav ul {
display:none;
}
nav ul li {
display:none;
}
nav select {
display: block;
width:50%;
float:right;
margin-bottom:20px;
color:#F63;
margin-top:20px;
margin-right:20px;
line-height:30px;
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
border-radius: 4px;
font-size:14px;
}
nav select a {
line-height:1.6em;
outline:0;
}
section#subintro {
padding-left: 20px;
padding-right: 20px;
margin-top:0;
margin-left: -20px;
margin-right: -20px;
}
#sequence .info p {
display:none;
}
#sequence .info a {
font-size:12px;
}
.features {
margin-bottom:30px;
}
.priceBox {
margin-bottom:30px;
}
ul.portfolio-area li {
max-width:300px;
width:auto;
height:auto;
margin:0 10px 10px 10px;
}
.tagline, section#intro {
padding-left: 20px;
padding-right: 20px;
margin-left: -20px;
margin-right: -20px;
}
footer {
padding-left: 20px;
padding-right: 20px;
margin-left: -20px;
margin-right: -20px;
}
footer .widget {
margin-bottom:20px;
}
.verybottom {
padding-left: 20px;
padding-right: 20px;
margin-left: -20px;
margin-right: -20px;
}
.verybottom p {
text-align:center;
}
.verybottom p.pull-right {
float:none;
text-align:center;
}
.home-posts .span3 {
margin-bottom:30px;
}
}
@media (max-width: 480px) {
nav select {
display: inline-block;
width:85%;
float:none;
margin:20px;
color:#111;
line-height:30px;
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
border-radius: 4px;
font-size:14px;
}
#sequence {
height: 250px;
}
.features {
margin-bottom:30px;
}
#sequence .info {
width:100%;
}
#sequence .info p {
display:none;
}
#sequence .info a {
font-size:12px;
}
.verybottom {
padding-left: 20px;
padding-right: 20px;
margin-left: -20px;
margin-right: -20px;
}
.verybottom p {
text-align:center;
}
.home-posts .post-image {
margin-top:20px;
}
}