/*
DO NOT REMOVE THIS!
BLOCKS FRAMEWORK BY http://bootstraptor.com
*/
/* GOOGLE WEB FONTS - UNCOMMENT FONTS AND GET to <body class="HERE">
for e.g. <body class="Orbitron"> in your template to chose Orbitron font */
/*
GET FONTS HERE
@import url(http://fonts.googleapis.com/css?family=Roboto:400,300,700,900);
body.roboto{
font-family: 'Roboto', sans-serif;
font-size:16px;
}
@import url(http://fonts.googleapis.com/css?family=Orbitron:400,500,700);
body.Orbitron{
font-family: 'Orbitron', sans-serif;
}
@import url(http://fonts.googleapis.com/css?family=Open+Sans:400,300,600,700);
body.Open-sans{
font-family: 'Open Sans', sans-serif;
}
*/
/*
@import url(http://fonts.googleapis.com/css?family=Montserrat:400,700);
*/
/*
body.montserrat{
font-family: 'Montserrat', sans-serif;
}
h1,h2, h3, h4 {
font-family: 'Montserrat', sans-serif !important;
}
*/
/* global styles */
/*
body.montserrat{
font-family: 'Montserrat', sans-serif;
}
*/
header{
padding:50px 0;
margin:0px auto 50px;
display:block;
position:relative;
width:100%;
}
section{
padding-top:100px;
padding-bottom:100px;
padding-right:0px;
padding-left:0px;
margin-top:0px;
margin-bottom:0px;
margin-left:auto;
margin-right:auto;
display:block;
position:relative;
width:100%;
}
footer{
padding:50px 0 0;
margin:0px auto;
display:block;
position:relative;
width:100%;
}
.thumbnail .img-responsive{
min-width:100%;
}
/* Sections custom styles */
/* backgrounds */
header#top-section,
header.blurred,
section.blurred,
.blurred {
position: relative;
background: url(../images/cover.gif) no-repeat;
background-size: cover;
background-position:center;
max-width: 100%;
height:auto;
z-index: 0;
color:#fff;
margin:0 auto;
}
@media screen and (max-width: 768px){
header#top-section,
header.blurred,
section.blurred,
.blurred {
background:#fff;
height:48px;
}
}
/* custom slider controls */
.custom-controls-slider{
margin-bottom:100px;
}
.blurred .custom-controls-slider .carousel-control,
.section-dark .custom-controls-slider .carousel-control {
color: #fff;
}
.custom-header .carousel{
min-height:400px !important;
}
.custom-header .carousel .carousel-inner,
.custom-header .carousel .carousel-inner>.item{
min-height:400px !important;
}
.custom-controls-slider .carousel-control {
position: absolute;
top: auto;
bottom: -70px;
color: #fff;
margin-top: 10px;
display: inline-block;
width: 30px;
height: 60px;
}
/* new helper classes */
.fill{
max-width:100%;
}
.fill .carousel img{
min-width:100%;
}
.fill .carousel .carousel-inner{
max-height:650px;
}
@media screen and (min-width: 768px){
.carousel-control .fa {
position: absolute;
top: 50%;
z-index: 5;
display: inline-block;
}
}
.img-responsive.img-center{
margin: 0 auto;
}
.image-right,
.img-responsive.image-right{
margin: 0 0 0 auto;
}
.img-responsive.img-right{
margin: 0 0 auto;
}
.margin-top-20{
margin-top:20px;
}
.margin-top-30{
margin-top:30px;
}
.margin-top-50{
margin-top:50px;
}
.margin-top-100{
margin-top:100px ;
}
.margin-bottom-20{
margin-bottom:20px ;
}
.margin-bottom-30{
margin-bottom:30px ;
}
.margin-bottom-50{
margin-bottom:50px ;
}
.margin-bottom-100{
margin-bottom:100px ;
}
.no-margin-bottom{
margin-bottom:0px ;
}
.no-margin-top{
margin-top:0px ;
}
.padding-lg{
padding:20px 40px;
}
.no-padding-bottom{
padding-bottom:0px ;
}
.no-padding-top{
padding-top:0px ;
}
.padding-top-50{
padding-top:50px;
}
.padding-bottom-50{
padding-bottom:50px;
}
.padding-top-100{
padding-top:100px;
}
.padding-bottom-100{
padding-bottom:100px;
}
.wrapper{
max-width:100%;
display:block;
overflow:hidden;
}
.top-header{ /* use this on headers */
padding: 80px 0 100px;
font-size: 54px;
font-weight:100;
}
.top-header{ /* use this on content */
padding: 30px 0 30px;
font-size: 54px;
font-weight:100;
line-height:58px;
}
a.brand-new{
font-size:26px !important;
text-decoration:none;
color: rgba(250,250,250, .6);
}
.go-to-content {
position: absolute;
bottom: -21px;
right: 0;
z-index:1020;
}
.relative{
position:relative;
}
body.navbar-fixed-bottom-body{
padding-bottom:50px !important;
}
.panel-signup{
margin-bottom:-100px;
}
.white-border-1{
border:1px solid #fff;
padding: 4px;
}
.white-border-2{
border:2px solid #fff;
padding: 4px;
}
.bottom-shadow:after{
content: '';
position:absolute;
bottom:-20px;
top:auto;
width:100%;
height:20px;
display:block;
background: url(../images/bottom-shadow.png) center center no-repeat;
background-size:100% auto;
z-index:1000;
}
.section-dark {
background:#2A2A2A;
color: #fff;
}
.section-dark .panel{
color: #2b2b2b;
}
.section-dark .panel a{
color: #2b2b2b;
}
.section-dark .panel a.btn{
color: #fff;
}
.section-dark hr{
border-top: 1px solid rgba(0,0,0, .3);
border-bottom: 1px solid rgba(50,50,50, .5);
}
section.half-section-1-2 .right.section-dark{
background:#2A2A2A;
color: #fff;
}
.section-top-shaddow{
-webkit-box-shadow: 0px 3px 22px 0px rgba(50, 50, 50, 0.75) inset;
-moz-box-shadow: 0px 3px 22px 0px rgba(50, 50, 50, 0.75) inset;
box-shadow: 0px 3px 22px 0px rgba(50, 50, 50, 0.75) inset;
}
.section-bootstrap{
background:#6f5499 !important;
color:#fff !important;
}
.section-bootstrap hr{
border-top:1px solid rgba(0,0,0, .3);
border-bottom:1px solid rgba(250,250, 250, .3);
}
.section-bootstrap .page-header{
border-bottom:1px solid rgba(250,250, 250, .3);
}
/* CUSTOM SIGN UP SECTION */
.blocks_login .blocks_loginOr {
position: relative;
font-size: 1.5em;
color: #aaa;
margin-top: 1em;
margin-bottom: 1em;
padding-top: 0.5em;
padding-bottom: 0.5em;
}
.blocks_login .blocks_loginOr .blocks_hrOr {
background-color: #cdcdcd;
height: 1px;
margin-top: 0px !important;
margin-bottom: 0px !important;
}
.blocks_login .blocks_loginOr .blocks_spanOr {
display: block;
position: absolute;
left: 50%;
top: -0.6em;
margin-left: -1.5em;
background-color: white;
width: 3em;
text-align: center;
}
.blocks_login .blocks_loginForm .input-group.i {
width: 2em;
}
.blocks_login .blocks_loginForm .help-block {
color: red;
}
@media (min-width: 768px) {
.blocks_login .blocks_forgotPwd {
text-align: right;
margin-top:10px;
}
}
/* CUSTOM FLEX SLIDER STYLES */
.flexslider.image-bg .flex-control-nav {
width: 100%;
position: absolute;
bottom: 0px;
text-align: center;
height: 50px;
background: rgba(250,250,250, .3);
margin-top: -15px;
}
.flexslider.image-bg .flex-viewport {
max-height: 700px;
-webkit-transition: all 1s ease;
-moz-transition: all 1s ease;
-o-transition: all 1s ease;
transition: all 1s ease;
}
/* custom carousel styles for product-mobile-slider section */
.carousel-indicators.dark-indicators li {
border: 1px solid #2b2b2b;
background-color: transparent;
}
.carousel-indicators.dark-indicators li.active{
background:#2b2b2b;
}
.carousel-indicators.bottom-lg{
bottom: -235px;
}
/* custom styles for services&team slider sections */
.custom-controls-slider .carousel-control.left{
right:auto;
left: 45% !important;
background-image:none;
text-shadow:none;
}
.custom-controls-slider .carousel-control.right{
left:auto;
right: 45% !important;
background-image:none;
text-shadow:none;
}
.custom-controls-slider .carousel-control{
position: absolute;
top: auto;
bottom:-70px;
color:#2b2b2b;
margin-top:10px;
display:inline-block;
width:30px;
height:60px;
}
@media (max-width: 768px){
.custom-controls-slider .carousel-control.right {
left: auto;
right: 40% !important;
background-image: none;
text-shadow: none;
}
.custom-controls-slider .carousel-control.left {
right: auto;
left: 40% !important;
background-image: none;
text-shadow: none;
}
}
@media (min-width: 768px){
.carousel-indicators.bottom {
bottom: -35px;
}
.carousel-indicators.bottom-lg{
bottom: -135px;
}
}
/* custom buttons */
.btn-xl, .btn-group-xl>.btn {
padding: 30px 22px;
font-size: 20px;
line-height: 1.33;
border-radius: 6px;
}
.btn-black{
color: #fff;
background-color: #000;
border-color: rgba(50,50,50, .5);
}
.btn-black:hover {
color: #fff !important;
background-color: #2b2b2b;
border-color: #000;
}
/* Team section slider*/
.circle-icon-bg {
background: #fff;
border: 1px solid #ddd;
color:#A0A0A0;
display: inline-block;
font-weight: 200;
width: 45px;
height: 45px;
border-radius: 50%;
z-index: 2;
padding: 10px 5px 10px;
text-decoration:none;
}
.circle-icon-bg:hover{
background: #f9f9f9;
border: 1px solid #ccc;
text-decoration:none;
}
/* section team alt thumbnails hover */
#team .carousel .thumbnail{
border:0px;
border-radius:0px;
}
.box-wrap{
display:none;
position:absolute;
top:0px;
left:0px;
right:0px;
bottom:0px;
right:0px;
width:100%;
height:100%;
background:#565d67;
color:#fff;
padding:0px 10px;
}
.box-wrap .circle-icon-bg{
background: none;
border: 1px solid #fff;
color:#fff;
}
.box-wrap .circle-icon-bg:hover{
background: rgba(50,50,50, .5);
border: 1px solid rgba(250,250,250, .5);
color:rgba(250,250,250, .5);
}
.relative:hover .box-wrap{
display:block;
}
.box-wrap h4{
margin-top:30px;
margin-bottom:30px;
}
/* Section portfolio with tags filter */
.box{
margin-bottom:30px;
}
#container-folio{
min-height:224px;
display:block;
}
/* isotop items animation */
.isotope .isotope-item {
-moz-transition-property: -moz-transform, opacity;
-ms-transition-property: -moz-transform, opacity;
-o-transition-property: top, left, opacity;
transition-property: transform, opacity;
-webkit-transition-property: -webkit-transform, opacity;
}
.isotope .isotope-item {
-moz-transition-property: -moz-transform, opacity;
-ms-transition-property: -moz-transform, opacity;
-o-transition-property: top, left, opacity;
transition-property: transform, opacity;
-webkit-transition-property: -webkit-transform, opacity;
}
.isotope-item {
-moz-transition-duration: 0.8s;
-ms-transition-duration: 0.8s;
-o-transition-duration: 0.8s;
transition-duration: 0.8s;
-webkit-transition-duration: 0.8s;
z-index: 2;
}
/* responsive video section */
/************* VIDEO *******************************/
.fluid-width-video-wrapper {
width: 100%;
position: relative;
padding: 0;
padding-top: 50%;
}
.vendor {
margin-bottom: 0px;
}
.container-video {
width: 100%;
min-width: 100%;
position: relative;
padding: 0;
height: 100%;
}
.fluid-width-video-wrapper iframe,
.fluid-width-video-wrapper object,
.fluid-width-video-wrapper embed {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
border:0px;
}
.video-well.well{
-webkit-border-radius:0px;
-moz-border-radius:0px;
border-radius:0px;
}
/* TAB SLIDER SECTION */
.carousel-tabs .carousel-inner .item{
min-height: 400px;
}
.carousel-tabs .carousel-inner .item img.tobottom{
margin-bottom:-60px;
}
.carousel-tabs .nav a small
{
display: block;
}
.carousel-tabs .nav
{
background: #f9f9f9;
}
.carousel-tabs .nav li a {
color:#000;
}
.carousel-tabs .nav li.active a {
color:#fff;
}
.nav-justified > li > a
{
border-radius: 0px;
}
.nav-carousel.nav-justified > li > a
{
font-size: 16px;
text-transform: uppercase;
}
.nav-pills>li.active a { }
.nav-carousel .nav-pills>li a{
border-radius:0px;
}
#features-panels i.fa{
margin-top:30px;
}
/* VIDEO BACKGROUND SECTION */
.video-section {
background: url('/assets/css/bg/bg_slider.jpg') top center no-repeat;
background-size:cover;
}
.video-section .pattern-overlay {
background-color: rgba(71, 71, 71, 0.39);
padding: 40px 0 0px;
min-height: 350px;
/* Incase of overlay problems just increase the min-height*/
}
.video-section h1, .video-section h3{
font-weight: 300;
color: #fff;
font-size: 50px;
line-height: 60px;
}
.video-section h3 {
font-size: 17px;
line-height: 25px;
font-weight: 400;
color: #fff;
margin: 30px 0;
letter-spacing: 0;
padding: 0;
transition: .3s ease-out all;
}
.video-section p{
color: #fff;
}
.video-section .buttonBar{display:none;}
.player {font-size: 1px;}
/* PRICING SECTION */
.price-row .well{
border-radius:0px;
border-left:0px;
border-right:0px;
margin-bottom:0px;
}
.price {
font-size: 4em;
}
.price-cents {
vertical-align: super;
font-size: 50%;
}
.price-month {
font-size: 35%;
font-style: italic;
}
.panel {
-webkit-transition-property : scale;
-webkit-transition-duration : 0.2s;
-webkit-transition-timing-function : ease-in-out;
-moz-transition : all 0.2s ease-in-out;
}
.panel-hover:hover {
box-shadow: 0 0 10px rgba(0,0,0,.5);
-moz-box-shadow: 0 0 10px rgba(0,0,0,.5);
-webkit-box-shadow: 0 0 10px rgba(0,0,0,.5);
-webkit-transform: scale(1.05);
-moz-transform: scale(1.05);
}
/* LEFT TABS SECTION */
.left-tabs .nav-tabs>li {
float: none;
margin-bottom: 3px;
}
.left-tabs .nav-tabs {
border-bottom: none;
padding-right:0px;
margin-right:0px;
z-index:1000;
position:relative;
float:left;
width: 30%;
}
.left-tabs .nav-tabs>li>a {
margin-right: -1px;
line-height: 1.42857143;
border: 1px solid transparent;
border-radius: 4px 0px 0px 4px;
z-index:1020;
}
.left-tabs .tab-content {
-moz-border-radius-topleft: 0px;
-webkit-border-top-left-radius: 0px;
border-top-left-radius: 0px;
-moz-border-radius-topright: 4px;
-webkit-border-top-right-radius: 4px;
border-top-right-radius: 4px;
-moz-border-radius-bottomright: 4px;
-webkit-border-bottom-right-radius: 4px;
border-bottom-right-radius: 4px;
-moz-border-radius-bottomleft: 0px;
-webkit-border-bottom-left-radius: 0px;
border-bottom-left-radius: 0px;
float:left;
width:70%;
padding:20px;
border: 1px solid #cfcfcf;
}
.left-tabs .nav-tabs>li.active>a, .left-tabs .nav-tabs>li.active>a:hover, .left-tabs .nav-tabs>li.active>a:focus {
color: #555;
background-color: #fff;
border: 1px solid #ddd;
border-right:0px;
border-bottom-color: #ddd;
cursor: default;
}
/* COMING SOON SECTION */
#countdown {
font-size: 62px;
line-height: 1.3em;
margin: 40px 0 60px;
}
#countdown-small {
font-size: 34px;
line-height: 1.3em;
margin: -15px 0 20px;
}
.section-gray{
background-color: #eee;
}
/* SECTION BACKGROUNDS */
.section-dark {
background:#1b1f23;
color: #fff;
}
.section-dark .jumbotron{
background:#1b1f23;
color: #fff;
}
.section-dark a,
.section-dark .jumbotron a,
.footer-dark a{
color:#fff;
}
.section-dark a.btn.btn-default{
color:#2b2b2b;
border:none;
}
.section-blured{
background: #fff url('../images/blurred/7.jpg') no-repeat;
background-size:100% 1000px;
color:#fff;
}
footer.section-blured a{
color:#fff;
}
footer.section-blured .footer-nav-links{
border-left: 1px solid rgba(187, 187, 187, 0.6);
}
.sections-bg{
background: #2b2b2b url('../images/sections-bg.jpg') repeat fixed;
color:#fff;
}
.sections-bg-alt{
background: #2b2b2b url('../images/shattered-island.gif') repeat fixed;
color:#fff;
}
.parallax-header{
background: #2b2b2b url('../images/parallax-header.jpg') repeat fixed;
color:#fff;
}
.parallax-header-2{
background: #2b2b2b url('../images/wood.jpg') repeat fixed;
color:#fff;
}
.parallax-section-alt-2{
background: #2b2b2b url('../images/wood.jpg') repeat fixed;
color:#fff;
}
/* CTA call to action panels */
.well-cta{
margin:0px auto;
display:block;
border-radius:0px !important;
}
/* HALF SECTION 30%/70%*/
.half-section {
background: #fff url('../images/unsplash_528c8f581f45e_1.jpg') 0 50% fixed repeat;
overflow: hidden;
position: relative;
}
.half-section.sections-bg{
background: #2b2b2b url('../images/sections-bg.jpg') repeat fixed !important;
color:#fff;
}
.half-section .left {
width: 35%;
min-height: 100%;
position: relative;
float: left;
min-height: 500px;
display: inline-block;
z-index: 1000;
overflow: hidden;
}
.half-section .right {
width: 65%;
position: relative;
float: left;
min-height: 500px;
display: inline-block;
z-index: 1000;
overflow: hidden;
max-height: 100%;
color: #2b2b2b;
background: #f5f5f5;
padding: 50px 30px;
}
.half-section .absolute-box {
position: absolute;
right: 0px;
left:0px;
top: 2em;
text-align:center;
padding-top:100px;
}
/* HALF SECTION 50%/50% */
.half-section-1-2 {
background: #fff url('../images/unsplash_52c36ef60f8df_1.jpg') 0 50% fixed repeat;
overflow: hidden;
position: relative;
}
.half-section-1-2 .left {
width: 45%;
min-height: 100%;
position: relative;
float: left;
min-height: 500px;
display: inline-block;
z-index: 1000;
overflow: hidden;
color:#fff;
}
.half-section-1-2 .right {
width: 55%;
position: relative;
float: left;
min-height: 500px;
display: inline-block;
z-index: 1000;
overflow: hidden;
max-height: 100%;
color: #2b2b2b;
background: #f5f5f5;
padding: 50px 30px;
}
.half-section-1-2 .absolute-box {
position: absolute;
right: 0px;
left:0px;
top: 2em;
text-align:center;
padding-top:100px;
}
.half-section-1-2 a.brand{
color:#fff;
text-decoration:none;
}
.half-section-1-2 a.brand:hover{
color:#f9f9f9;
text-decoration:none;
}
.fa-100x {
font-size: 15em;
}
/* PRODUCT SLIDER */
.product-box
{
border: 1px solid #E1E1E1;
border-radius: 5px;
background: #FFF;
}
.product-box .photo img
{
margin: 0 auto;
width: 100%;
}
.product-box .info
{
padding: 10px;
border-radius: 0 0 5px 5px;
margin-top: 1px;
}
.product-box:hover .info {
background-color: #f9f9f9;
}
.product-box .price
{
/*width: 50%;*/
float: left;
margin-top: 5px;
}
.product-box .price h5
{
line-height: 20px;
margin: 0;
}
.price-text-color
{
color: #219FD1;
}
.product-box .info .rating
{
color: #777;
}
.product-box .rating
{
/*width: 50%;*/
float: left;
font-size: 17px;
text-align: right;
line-height: 52px;
margin-bottom: 10px;
height: 52px;
}
.product-box .separator
{
border-top: 1px solid #E1E1E1;
}
.clear-left
{
clear: left;
}
.product-box .separator p
{
line-height: 20px;
margin-bottom: 0;
margin-top: 10px;
text-align: center;
}
.product-box .separator p i
{
margin-right: 5px;
}
.product-box .btn-cart
{
width: 50%;
float: left;
}
.product-box .btn-cart
{
border-right: 1px solid #E1E1E1;
}
.product-box .btn-details
{
width: 50%;
float: left;
padding-left: 10px;
}
.controls
{
margin-top: 20px;
}
[data-slide="prev"]
{
margin-right: 10px;
}
/* SCROLL SECTIONS */
.scroll-indicators{
position:fixed;
top:50%;
bottom:auto;
right:20px;
left:auto;
width:20px;
list-style:none;
}
.scroll-indicators.dark-indicators li a.active {
background: #2b2b2b;
}
.scroll-indicators li a{
display: inline-block;
width: 10px;
height: 10px;
margin: 1px;
text-indent: -999px;
border: 1px solid #2A2A2A;
border-radius: 10px;
cursor: pointer;
background-color: #000 \9;
background-color: rgba(0,0,0,0);
}
@media screen and (min-width: 768px){
.scroll-indicators{
position:fixed;
top:50%;
bottom:auto;
right:20px;
left:auto;
width:20px;
}
.scroll-indicators li{
float:none;
}
}
/* PARALLAX */
.photo {
background-attachment: fixed;
position: relative;
}
/* Video list */
.tab-content p{
margin-top:15px !important;
}
/* FOOTERS */
/* Sticky footer styles
-------------------------------------------------- */
html {
position: relative;
min-height: 100%;
}
body.sticky-body {
/* Margin bottom by footer height */
margin-bottom: 60px;
}
footer.sticky-footer {
position: absolute;
bottom: 0;
width: 100%;
/* Set the fixed height of the footer here */
min-height: 60px;
}
footer{
padding-bottom:20px;
}
footer hr{
margin:10px 0;
}
.footer-nav-links{
padding-left:20px;
margin-left:20px;
border-left:1px solid rgba(50,50,50, .6);
}
/* SOCIAL ICONS */
.social-links{
margin-top:20px;
}
.social-links li{
padding:0px;
}
.social-links a{
margin-right:6px;
margin-top:4px;
padding:3px 5px;
background: #3E3D3C;
border-bottom:none;
min-width: 25px;
display:inline-block;
text-align:center;
border-radius:2px;
}
.social-links a:hover{
color:#3E3D3C;
background:rgba(250,250,250, .7);
}
/* MAP */
#map {
width: 100%;
height: 400px;
margin-bottom:30px;
}
/* ALTERNATIVE BTN */
.btn-alt{
color:#fff;
font-weight:700;
background:rgba(116, 90, 157, 0.1);
border:2px solid #fff;
border-radius:0px;
}
.btn-alt:hover{
color:#fff;
font-weight:700;
background:rgba(116, 90, 157, 0.7);
border:2px solid #fff;
}
/* BTN-OR-BTN BUTTONS */
.ui-group-buttons .or{position:relative;float:left;width:.3em;height:1.3em;z-index:3;font-size:12px}
.ui-group-buttons .or:before{position:absolute;top:50%;left:50%;content:'or';background-color:#5a5a5a;margin-top:-.1em;margin-left:-.9em;width:1.8em;height:1.8em;line-height:1.55;color:#fff;font-style:normal;font-weight:400;text-align:center;border-radius:500px;-webkit-box-shadow:0 0 0 1px rgba(0,0,0,0.1);box-shadow:0 0 0 1px rgba(0,0,0,0.1);-webkit-box-sizing:border-box;-moz-box-sizing:border-box;-ms-box-sizing:border-box;box-sizing:border-box}
.ui-group-buttons .or:after{position:absolute;top:0;left:0;content:' ';width:.3em;height:2.84em;background-color:rgba(0,0,0,0);border-top:.6em solid #5a5a5a;border-bottom:.6em solid #5a5a5a}
.ui-group-buttons .or.or-lg{height:1.3em;font-size:16px}
.ui-group-buttons .or.or-lg:after{height:2.85em}
.ui-group-buttons .or.or-sm{height:1em}
.ui-group-buttons .or.or-sm:after{height:2.5em}
.ui-group-buttons .or.or-xs{height:.25em}
.ui-group-buttons .or.or-xs:after{height:1.84em;z-index:-1000}
.ui-group-buttons{display:inline-block;vertical-align:middle}
.ui-group-buttons:after{content:".";display:block;height:0;clear:both;visibility:hidden}
.ui-group-buttons .btn{float:left;border-radius:0}
.ui-group-buttons .btn:first-child{margin-left:0;border-top-left-radius:.25em;border-bottom-left-radius:.25em;padding-right:15px}
.ui-group-buttons .btn:last-child{border-top-right-radius:.25em;border-bottom-right-radius:.25em;padding-left:15px}
/* flat icons */
.icon-clock{
display:inline-block;
width:75px;
height:75px;
background: url(icons/clock.png) center center no-repeat;
}
.icon-chat{
display:inline-block;
width:75px;
height:75px;
background: url(icons/chat.png) center center no-repeat;
}
.icon-location{
display:inline-block;
width:75px;
height:75px;
background: url(icons/location.png) center center no-repeat;
}
.icon-support{
display:inline-block;
width:75px;
height:75px;
background: url(icons/support.png) center center no-repeat;
}
.icon-mail{
display:inline-block;
width:75px;
height:75px;
background: url(icons/mail.png) center center no-repeat;
}
.icon-heart{
display:inline-block;
width:75px;
height:75px;
background: url(icons/heart.png) center center no-repeat;
}
.icon-film{
display:inline-block;
width:75px;
height:75px;
background: url(icons/film.png) center center no-repeat;
}
.icon-award{
display:inline-block;
width:75px;
height:75px;
background: url(icons/award.png) center center no-repeat;
}
.icon-rocket{
display:inline-block;
width:75px;
height:75px;
background: url(icons/rocket.png) center center no-repeat;
}
.icon-responsive{
display:inline-block;
width:75px;
height:75px;
background: url(icons/responsive.png) center center no-repeat;
}
.icon-browser{
display:inline-block;
width:75px;
height:75px;
background: url(icons/browser.png) center center no-repeat;
}
.icon-docs{
display:inline-block;
width:75px;
height:75px;
background: url(icons/docs.png) center center no-repeat;
}
/* BOOTSTRAP LANDING ICONS */
.icon-bootstrap{
display:inline-block;
width:75px;
height:75px;
background: url(icons/bootstrap.png) center center no-repeat;
}
.icon-b-browser{
display:inline-block;
width:75px;
height:75px;
background: url(icons/b-browser.png) center center no-repeat;
}
.icon-b-docs{
display:inline-block;
width:75px;
height:75px;
background: url(icons/b-docs.png) center center no-repeat;
}
.icon-b-responsive{
display:inline-block;
width:75px;
height:75px;
background: url(icons/b-responsive.png) center center no-repeat;
}
.icon-b-clock{
display:inline-block;
width:75px;
height:75px;
background: url(icons/b-clock.png) center center no-repeat;
}
.icon-b-rocket{
display:inline-block;
width:75px;
height:75px;
background: url(icons/b-rocket.png) center center no-repeat;
}
.icon-b-rocket-alt{
display:inline-block;
width:150px;
height:150px;
background: url(icons/icon-b-rocket-alt-2x.png) center center no-repeat;
}
.icon-b-robot-alt{
display:inline-block;
width:150px;
height:150px;
background: url(icons/icon-b-robot-alt-2x.png) center center no-repeat;
}
.icon-b-user-alt{
display:inline-block;
width:150px;
height:150px;
background: url(icons/icon-b-user-alt-2x.png) center center no-repeat;
}
.icon-b-cog-alt{
display:inline-block;
width:150px;
height:150px;
background: url(icons/icon-b-cog-alt-2x.png) center center no-repeat;
}
.icon-b-gift{
display:inline-block;
width:75px;
height:75px;
background: url(icons/b-gift.png) center center no-repeat;
}
.icon-b-clock{
display:inline-block;
width:75px;
height:75px;
background: url(icons/b-clock.png) center center no-repeat;
}
.icon-b-stat{
display:inline-block;
width:75px;
height:75px;
background: url(icons/b-stat.png) center center no-repeat;
}
/* Default Bootstrap carousel example from getbootstrap.com -->
/* CUSTOMIZE THE NAVBAR
-------------------------------------------------- */
/* Special class on .container surrounding .navbar, used for positioning it into place. */
.navbar-wrapper {
position: absolute;
top: 0;
right: 0;
left: 0;
z-index: 20;
}
/* Flip around the padding for proper display in narrow viewports */
.navbar-wrapper > .container {
padding-right: 0;
padding-left: 0;
}
.navbar-wrapper .navbar {
padding-right: 15px;
padding-left: 15px;
}
.navbar-wrapper .navbar .container {
width: auto;
}
/* CUSTOMIZE THE CAROUSEL
-------------------------------------------------- */
/* Carousel base class */
.carousel.slider-custom {
min-height: 500px;
margin-bottom: 60px;
}
/* Since positioning the image, we need to help out the caption */
.carousel-caption {
z-index: 10;
}
/* Declare heights because of positioning of img element */
.carousel.slider-custom .item {
height: 500px;
}
.slider-custom .carousel-inner > .item > img {
position: absolute;
top: 0;
left: 0;
min-width: 100%;
height: 500px;
height:auto;
}
/* Skew section */
.section-skew:after {
content: "";
position: absolute;
z-index: 1020;
pointer-events: none;
bottom: 0;
left: 0;
width: 100%;
-webkit-background-size: cover;
-moz-background-size: cover;
-o-background-size: cover;
background-size: cover;
border-bottom: 150px solid white;
border-left: 3000px solid transparent;
}
.section-skew:before{
content: "";
position: absolute;
z-index: 1020;
pointer-events: none;
top: 0;
left: 0;
width: 100%;
-webkit-background-size: cover;
-moz-background-size: cover;
-o-background-size: cover;
background-size: cover;
border-top: 150px solid white;
border-right: 3000px solid transparent;
}
.section-skew-header:after {
content: "";
position: absolute;
z-index: 1020;
pointer-events: none;
bottom: 0;
left: 0;
width: 100%;
-webkit-background-size: cover;
-moz-background-size: cover;
-o-background-size: cover;
background-size: cover;
border-bottom: 150px solid white;
border-left: 3000px solid transparent;
}
footer.section-skew-footer{
position:relative;
padding-top:70px;
margin-top:50px;
}
footer.section-skew-footer:before{
content: "";
position: absolute;
z-index: 1020;
pointer-events: none;
top: -90px;
left: 0;
bottom:auto;
width: 100%;
-webkit-background-size: cover;
-moz-background-size: cover;
-o-background-size: cover;
background-size: cover;
border-top: 150px solid white;
border-right: 3000px solid transparent;
}
.sidebar footer.section-skew-footer:before{
display:none;
}
/* MARKETING CONTENT
-------------------------------------------------- */
/* Center align the text within the three columns below the carousel */
.marketing .col-lg-4 {
margin-bottom: 20px;
text-align: center;
}
.marketing h2 {
font-weight: normal;
}
.marketing .col-lg-4 p {
margin-right: 10px;
margin-left: 10px;
}
/* Featurettes
------------------------- */
.featurette-divider {
margin: 80px 0; /* Space out the Bootstrap <hr> more */
}
/* Thin out the marketing headings */
.featurette-heading {
font-weight: 300;
line-height: 1;
letter-spacing: -1px;
}
/* RESPONSIVE CSS
-------------------------------------------------- */
@media (min-width: 768px) {
/* Navbar positioning foo */
.navbar-wrapper {
margin-top: 20px;
}
.navbar-wrapper .container {
padding-right: 15px;
padding-left: 15px;
}
.navbar-wrapper .navbar {
padding-right: 0;
padding-left: 0;
}
/* The navbar becomes detached from the top, so we round the corners */
.navbar-wrapper .navbar {
border-radius: 4px;
}
/* Bump up size of carousel content */
.carousel-caption p {
margin-bottom: 20px;
font-size: 21px;
line-height: 1.4;
}
.featurette-heading {
font-size: 50px;
}
}
@media (min-width: 992px) {
.featurette-heading {
margin-top: 120px;
}
}
/*
DO NOT REMOVE THIS!
BLOCKS FRAMEWORK BY http://bootstraptor.com
*/