/* PIXR CSS 

	1. CORE
	2. NAVIGATION
	3. TOP
	4. FEATURE1
	5. FEATURE2
	6. CTA
	7. PRICING
	8. CLIENTS
	9. FOOTER
	10. MISC.
		A. FORM ELEMENTS
		B. BUTTONS
		C. OWL CAROUSEL
		D. GALLERY HOVER EFFECTS
		E. NAVIGATION HOVER EFFECTS 

*/

/* CORE CSS */

body {
	color:#777777;
	font-family:'Raleway';
	font-size:1.4em;
	line-height:1.5em;
	overflow-x:hidden;
}



h2 {
	color:#000000;
	font-weight:300;
	margin-bottom:30px;
}

h3 {
	color:#81334d;
	font-size:16px;
	font-weight:600;
	line-height:20px;
}

section {
	padding:65px 0;
}

.uppercase {
	text-transform:uppercase;
}

/* NAVIGATION */

header {
	width:100%;
	z-index:1041;
}


.navbar {
	-webkit-transition: background .5s ease-in-out,padding .5s ease-in-out;
        -moz-transition: background .5s ease-in-out,padding .5s ease-in-out;
        transition: background .5s ease-in-out,padding .5s ease-in-out;
}

.navbar-custom {
	color:#ffffff;
	font-size:14px;
	border-radius:0;
	margin-bottom:0;
	@padding:9px 0;
	width:100%;
	z-index:99999;
	box-shadow: 0 5px 5px -5px rgba(0, 0, 0, .20);
	-moz-box-shadow: 0 5px 5px -5px rgba(0, 0, 0, .20);
	-webkit-box-shadow: 0 5px 5px -5px rgba(0, 0, 0, .20);
}

.navbar-custom a {
	color:#999999;
}

.navbar-brand {
	padding:0 15px;
}

.navbar-custom .navbar-nav > li > a{
	padding:15px 5px 5px 0;
}

.navbar-custom .navbar-nav > li > a:hover {
	color:#000000;
	background:none;
	-webkit-transition: all 0.3s;
	-moz-transition: all 0.3s;
	transition: all 0.3s;
}

.navbar-custom .navbar-toggle .icon-bar {
	background:#000000;
}

.banner--clone {
	background:#ffffff;
	border-bottom: 1px solid #fff;
}

.banner--clone .navbar-custom a {
	color:#999;
}

.banner--clone .navbar-custom .navbar-nav > li > a:hover {
	color:#000000;
}


/* TOP */

#top {
	color:#ffffff;
	background:url(../img/top-bg.jpg) bottom center no-repeat;
	width:100%;
	max-height:auto;
	height:470px;
	margin-bottom:15px;
	position:relative;
	display:table;
	background-size:cover;
	-webkit-background-size:cover;
	-moz-background-size:cover;
	

}

#top .entry {
	display:table-cell;
	vertical-align:middle;
}

#top h1 {
	font-size:50px;
	font-weight:700;
	line-height:52px;
	letter-spacing:-2px;
}

#top p {
	font-weight:400;
	line-height: 1.2;
	letter-spacing:-1px;
}

#top .button {
	margin:0 2px;
}


#services img {
	display: inline-block;
}


/* FEATURE 1 */

#feature1 {
	background:#eeeeee;
	min-height:450px;
	
	background-image: url(../img/ipad-isometric.png);
    background-repeat: no-repeat;
    background-position: left bottom;
}



/* FEATURE 2 */

#feature2 {
	background:#eeeeee;
	min-height:450px;
	background-image: url(../img/app-isometric.png);
    background-repeat: no-repeat;
    background-position: right bottom;
}

#feature2 p {
	margin-bottom:35px;
}


#feature2 i {
	border:1px solid #666;
	border-radius:50%;
	width:2em;
	height:2em;
	display:table-cell;
	vertical-align:middle;
	text-align:center;
	-webkit-transition: all 0.3s;
	-moz-transition: all 0.3s;
	transition: all 0.3s;
}


#feature2 i:hover {
	color:#ffffff;
	background:#666;
}


/* CTA */

#cta {
	padding:0 0 100px 0;
}

#cta h2 {
	margin-bottom:10px;
}

#cta .button {
	
}


/* register form */

#register-form {
	background:#ffffff;
	padding:25px;
}

#register-form h2 {
	margin-bottom:15px;
}

.register-form {
	margin-top:20px;
}

#register-form input,
#register-form select {
	border:1px solid #ddd;
}

/* PRICING */

.pricing .item {
	margin:0 15px;
}

.price {
	font-size: 3.5em;
	margin:15px 0 10px 0;
	letter-spacing: -3px
}

.price-cents {
  vertical-align: super;
  font-size: 50%;
}

.price-month {
  font-size:17px;
  margin-top:20px;
  display:block;
  font-weight:400;
 
}




/* CLIENTS */

#clients {
	background:#eeeeee;
	padding:35px 0;
	margin-bottom:0;
}



/* FOOTER */

footer {
	background:#222222;
	padding:60px 0;
}



/* social buttons */

.social {
	margin:10px 0;
}

.social .fa-inverse {
	color:#777777;
}

.social .fa-inverse:hover {
	color:#eeeeee;
}

.social a {
	color:#111111;
	text-decoration:none;
	margin:0;
	padding:0;
}

.social a:hover{
	color:#c04234;
	text-decoration:none;
	-webkit-transition: all 0.3s;
	-moz-transition: all 0.3s;
	transition: all 0.3s;
}


#footer ul.small a {
	color:#c04234
}


/* MISC */

/* FORM ELEMENTS */

input[type="text"],
input[type="email"],
select {
	font-size:20px;
	font-family:inherit;
	width:100%;
	min-height:30px;
	padding:10px 10px;
	text-transform:uppercase;
	border:0;
	margin-bottom:20px;
	outline:none;
} 



/* BUTTONS */

.button {
	font-family:'Raleway';
	font-size: 12px;
	font-weight: 700;
	text-transform: uppercase;
	border: none;
	margin: 0 0 15px 0;
	padding: 5px 15px;
	display: inline-block;
	position: relative;
	outline: none;
	cursor: pointer;
	-webkit-transition: all 0.3s;
	   -moz-transition: all 0.3s;
			transition: all 0.3s;
}

.button:after {
	content: '';
	position: absolute;
	z-index: -1;
	-webkit-transition: all 0.3s;
	   -moz-transition: all 0.3s;
	        transition: all 0.3s;
}

.button-big {
	padding:12px 18px;
	font-size:16px;
	font-weight:700;
	letter-spacing:-0.5px;
}

.button-light {
	color:#ffffff;
	background:transparent;
	border:2px solid #ffffff;
}

.button-light:hover,
.button-light:active {
	color:#934344;
	background:#ffffff;
	text-decoration:none;
}

.button-dark {
	color:#ffffff;
	background:#37193f;
	border:2px solid #37193f;
}

.button-dark:hover,
.button-dark:active {
	color:#eeeeee;
	background:#612446;
	border:2px solid #612446;
	text-decoration:none;
}

.button-border-dark {
	color:#934344;
	border:1px solid #934344;
}

.button-border-dark:hover,
.button-border-dark:active {
	color:#eeeeee;
	background:#934344;
	border:1px solid #934344;
	text-decoration:none;
}



/* OWLCAROUSEL */
.owl-theme .owl-controls .owl-page span {
	background:#934344;
}

.owl-theme .owl-controls .owl-buttons div{
	color:#fac42b;
	padding:0;
}


/* GALLERY HOVER EFFECTS */

.gallery .item {
	margin:0 15px;
	background: #37193f;
}

.gallery .owl-controls {
	margin-top: 30px;
}

figure {
	position: relative;
	z-index: 1;
	overflow: hidden;
	width: 100%;
	height: auto;
	text-align: center;
	cursor: pointer;
}

figure .dark-bg {
	background: #37193f;
}

figure img {
	position: relative;
	display: block;
}

figure figcaption {
	padding: 2em;
	color: #fff;
	text-transform: uppercase;
	font-size: 1.25em;
	-webkit-backface-visibility: hidden;
	backface-visibility: hidden;
}

figure figcaption::before,
figure figcaption::after {
	pointer-events: none;
}

figure figcaption,
figure a {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}

/* Anchor will cover the whole item by default */
/* For some effects it will show as a button */
figure a {
	z-index: 1000;
	text-indent: 200%;
	white-space: nowrap;
	font-size: 0;
	opacity: 0;
}

figure h2 {
	color:#fff;
	word-spacing: -0.15em;
	font-weight: 300;
}

figure h2 span {
	font-weight: 800;
}

figure h2,
figure p {
	margin: 0;
}

figure p {
	letter-spacing: 1px;
	font-size: 68.5%;
}


/*---------------*/
/***** Bubba *****/
/*---------------*/

figure.effect-bubba img {
	opacity: 0.3;

  -webkit-transition: all 0.3s;
     -moz-transition: all 0.3s;
       -o-transition: all 0.3s;
      -ms-transition: all 0.3s;
          transition: all 0.3s;
	
}

figure.effect-bubba:hover img {
	opacity: 1;
}

figure.effect-bubba figcaption:hover {
	background: rgba(255,255,255,0.8);
}

figure.effect-bubba figcaption::before,
figure.effect-bubba figcaption::after {
	position: absolute;
	top: 30px;
	right: 30px;
	bottom: 30px;
	left: 30px;
	content: '';
	opacity: 0;
	-webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
	transition: opacity 0.35s, transform 0.35s;
}

figure.effect-bubba figcaption::before {
	border-top: 1px dashed #612446;
	border-bottom: 1px dashed #612446;
	-webkit-transform: scale(0,1);
	transform: scale(0,1);
}

figure.effect-bubba figcaption::after {
	border-right: 1px dashed #612446;
	border-left: 1px dashed #612446;
	-webkit-transform: scale(1,0);
	transform: scale(1,0);
}

figure.effect-bubba h2 {
	padding-top: 30% !important;
	-webkit-transition: -webkit-transform 0.35s;
	transition: transform 0.35s;
	-webkit-transform: translate3d(0,-20px,0);
	transform: translate3d(0,-20px,0);
}

figure.effect-bubba p {
	color:#000;
	padding: 0 1.5em;
	opacity: 0;
	-webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
	transition: opacity 0.35s, transform 0.35s;
	-webkit-transform: translate3d(0,20px,0);
	transform: translate3d(0,20px,0);
}

figure.effect-bubba:hover figcaption::before,
figure.effect-bubba:hover figcaption::after {
	opacity: 1;
	-webkit-transform: scale(1);
	transform: scale(1);
}

figure.effect-bubba:hover h2,
figure.effect-bubba:hover p {
	opacity: 1;
	-webkit-transform: translate3d(0,0,0);
	transform: translate3d(0,0,0);
	color: #612446 !important
}


/* NAV EFFECT */

.nav-effect a::before,
.nav-effect a::after {
	display: inline-block;
	opacity: 0;
	-webkit-transition: -webkit-transform 0.3s, opacity 0.2s;
	-moz-transition: -moz-transform 0.3s, opacity 0.2s;
	transition: transform 0.3s, opacity 0.2s;
}

.nav-effect a::before {
	margin-right: 10px;
	content: '[';
	-webkit-transform: translateX(20px);
	-moz-transform: translateX(20px);
	transform: translateX(20px);
}

.nav-effect a::after {
	margin-left: 10px;
	content: ']';
	-webkit-transform: translateX(-20px);
	-moz-transform: translateX(-20px);
	transform: translateX(-20px);
}

.nav-effect a:hover::before,
.nav-effect a:hover::after,
.nav-effect a:focus::before,
.nav-effect a:focus::after {
	opacity: 1;
	-webkit-transform: translateX(0px);
	-moz-transform: translateX(0px);
	transform: translateX(0px);
}


/** ********* **/

.navbar-custom .navbar-nav > li > a {
	font: 500 15px Raleway;
	color: #888;
}

h2 {
	font: 800 20px Raleway;
	color: #aa425b;
	letter-spacing: -1px;
	margin: 0 0 0px 0 !important;
	padding: 0 !important;
}

h3 {
	font: 900 20px Raleway;
	color: #999;
	margin: 0 !important;
	padding: 0 !important;
}

#services h3 {
	margin: 0 0 50px 0 !important;
}

#services .services h4 {
	font: 800 20px Raleway;
	color: #777;
	letter-spacing: -1px;
	margin: 20px 0 10px 0 !important;
	padding: 0 !important;
}

#services .services img {
	display: inline-block;
	border: 5px solid lightgrey
}

#services .services p {
	font: 600 16px Raleway;
	color: #999;
	line-height: 1.2;
	margin-bottom: 20px;
}


#feature1 h3 {
	margin: 0 0 30px 0 !important;
	color:#666;
}

#feature1 p {
	font: 500 15px Raleway;
	color: #999;
	line-height: 1.7
}

#feature2 h3 {
	margin: 0 0 30px 0 !important;
}

#feature2 h4 {
	font: 600 16px Raleway;
	color: #777;
	margin: 10px 0 !important
}

#feature2 p {
	font: 500 14px Raleway;
	color: #999;
	line-height: 1.7
}

#gallery h3 {
	margin: 0 0 40px 0 !important;
}

#clients h2 { display: none }

#pricing {
	font-family: "Raleway";
}

#pricing h3 {
	margin: 0 0 40px 0 !important;
}

#pricing .panel-body h3 {
	margin: 0 !important;
}

#pricing .price-month {
	margin: 0 !important;
}

#pricing .price {
	@font-weight: 600;
}

#pricing .price sup {
	font-size: 65%;
}

#cta h2 {
	margin: 0 0 15px 0 !important;
}

#cta p {
	font: 500 18px Raleway;
	color: #999;
	line-height: 1.3
}