/*
Theme Name: Landix
Theme URI : 
Description: Landix - Landing apge template
Author: GenixTheme (http://themeforest.net/user/GenixTheme)
Author URI: http://www.GenixTheme.com
Version: 1.0
Designed by GenixTheme


Table of Content
====================
#1.Main structure
#2.Navigation & menu
#3.Typography
#4.Sections
#5.Features
#6.Gallery
#7.Price table
#8.Testimonial
#9.Slider
#10.CTA & Buttons
#11.Social Icons
#12.Marquee
#13.Footer & Newsletter
#14.Scrollbar
#15.Form
#16.Tabs
#17.Parallax
#18.Responsive
==================== */
/****************************************
1. Main structure
 ***************************************/
body {
background-color:#f1f1f1;
overflow-x: hidden;
}

body.boxed {
background-color:#56585a;
}

a:link {
color: #394b5c;
}

a:visited {
color: #394b5c;
}

a:hover {
color:#2f4151;
}

a:active {
color:#2f4151;
}

.divider {
background: url(../img/line.png) repeat-x left center;
}

body.svg .divider {
background: url(../img/line.svg) repeat-x left center;
}

.dark{
color:#fff;
}

.light{
color:#666;
}

/* IE9+, Opera, Google Chrome and Safari*/
::selection  {
background-color:#394b5c;
color:#fff;
}

/* mozilla firefox */
::-moz-selection{
background-color:#fff;
color:#394b5c;
}

.text-box {
background-color:#DADADA;
color:#666;
}

/****************************************
2. Navigation & Menu
 ***************************************/
.navbar .navbar-brand {
background-color:#A73860;
}

.navicon-button {
background-color:#30404f;
}

.navicon:after, .navicon:before {
background: #e7e6dd;
}

/* > symbol */
.open .navicon {
background: #e7e6dd;
}

#menu {
background-color:#A73860;
}

.navbar-inverse .nav .active > a,
.navbar-inverse .nav .active > a:hover,
.navbar-inverse .nav .active > a:focus {
background-color:transparent;
color:#394b5c;
}

.navbar-inverse .brand,
.navbar-inverse .nav>li a {
color:#b4b4b4;
}

.navbar-inverse .nav ul li a {
color:#aaa;
}

.navbar .nav > .active > a,
.navbar .nav > .active > a:hover,
.navbar .nav > .active > a:focus {
color:#394b5c;
}

.navbar-inverse .brand:hover,
.navbar-inverse .nav>li a:hover {
color:#fff;
}

.navbar-inverse .nav ul li a:hover {
background-color: #aa3b63;
color:#fff;
}

.navbar .btn-navbar .icon-bar {
background-color:#394b5c;
}

.navbar-inverse .btn-navbar {
background-color:#fff;
background-image:none;
border-color:#fff;
}

.navbar-inverse .btn-navbar:hover, .navbar-inverse .btn-navbar:focus, .navbar-inverse .btn-navbar:active, .navbar-inverse .btn-navbar.active, .navbar-inverse .btn-navbar.disabled, .navbar-inverse .btn-navbar[disabled]
{
background: none;
border-color: #394b5c;
background-image: none;
}

.sf-menu ul {
-webkit-box-shadow: 1px 1px 10px rgba(0, 0, 0, 0.1);
-moz-box-shadow: 1px 1px 10px rgba(0,0,0,.1);
box-shadow: 1px 1px 10px rgba(0, 0, 0, 0.1);
}

.sf-menu a {
color: #9b9a9a;
background-color: #A73860;
}

.sf-menu li {
background: none;
}

.sf-menu ul li ,
.sf-menu ul ul li {
border-bottom: 1px solid #aa3b63;
border-left: 1px solid #ccc;
}

.sf-menu li:hover,
.sf-menu li.sfHover {
background: none;
}

/* styling for both css and generated arrows */
.sf-arrows .sf-with-ul:after {
border: 4px solid transparent;
border-top-color: #eaeaea; /* edit this to suit design (no rgba in IE8) */
border-top-color: rgba(255, 255, 255, 0.5);
}

.sf-arrows > li > .sf-with-ul:focus:after,
.sf-arrows > li:hover > .sf-with-ul:after,
.sf-arrows > .sfHover > .sf-with-ul:after {
border-top-color: #ccc; /* IE8 fallback colour */
}

/* styling for right-facing arrows */
.sf-arrows ul .sf-with-ul:after {
border-left-color: #eee; /* edit this to suit design (no rgba in IE8) */
border-left-color: rgba(200,200,200,.3);
}

.sf-arrows ul li > .sf-with-ul:focus:after,
.sf-arrows ul li:hover > .sf-with-ul:after,
.sf-arrows ul .sfHover > .sf-with-ul:after {
border-left-color: rgba(200,200,200,.5);
}

/****************************************
3. Typography
 ***************************************/
.headline {
color:#FFF;
}

.dark .headline {
color:#ccc;
}

.headline h1 {
color:#ced7e0;
}

.headline h2 {
color:#ced7e0;
}

.headline h5 {
color:#a0b0be;
}

.headline .app-button {
background-color: #a73860;
color:#eee;
}

.headline .app-button:hover {
color:#d4d4d4;
}

.headline .app-button span{
padding-top: 13px	
}
			
.headline .app-button i {
color:#fbb7d0;
}

.twosides-line:before,
.twosides-line:after ,
.section-title > div > div:before,
.section-title > div > div:after{
background: url(../img/line.png) repeat-x left center;
}

body.svg .twosides-line:before,
body.svg .twosides-line:after ,
body.svg .section-title > div > div:before,
body.svg .section-title > div > div:after{ 
background: url(../img/line.svg) repeat-x left center;
}

.section-title h2{
color:#535656;
}

.section-title p{
color:#7E7E7E;
}

.section-title hr {
color: #dbdbdb;
background-color: #dbdbdb;
}

.dark .section-title h2{
color:#e0e0e0;
}

.dark .section-title h2 span{
color:#949494;
}

.dark .section-title p{
color:#e0e0e0;
}

.dark .section-title hr {
color: #55595b;
background-color: #55595b;
}


.section-subtitle h3 {
color:#555;
}

.section-subtitle p {
color:#717171;
}

.dark .section-subtitle h3 {
color:#ddd;
}

.dark .section-subtitle h3 span{
color:#fefefe;
}

.dark .section-subtitle p {
color:#ddd;
}

/****************************************
4. Sections
 ***************************************/
/* Add custom styles to every section*/
#home {
background:#394b5c url(../img/home-bg.png) repeat-x top left;
}

#teaser {
background-color:#455768;
color:#A0B0BE;
}

#teaser i {
color:#a73860;
}


#tab-section {
background-color:#f2f2f2;
}

#showcase1,#showcase2 {
background-color:#f2f2f2;
}

.box li i {
color:#666;
}

#features {
background-color:#f2f2f2
}

#contact {
background-color: #a73860;
color:#fff;
}

#contact input[type=text], #contact textarea{
background: transparent;
color:#fff;
}

#send-message {
color:#2d2d2d;
background-color:#a73860;
}

#send-message:hover {
color:#fff;
}

#screenshots {
background-color:#f2f2f2;
}

#footer {
background-color:#202d39;
}

#footer p {
color: #888;
}

#testimonial {
background-color:#e5e5e5;
}

#parallax-marquee {
background:url(../img/prlx.jpg) 50% -75px no-repeat fixed;
}

#priceplans {
background-color:#e5e5e5;
}

/****************************************
5. Features
 ***************************************/
.feature {
border: 1px solid #ccc;
}

.feature:hover {
background-color:#394b5c;
}

.feature:hover h5{
color:#fff;
}

.feature:hover i{
color:#a73860;
}

.feature:hover .feature-text p {
color:#fff;
}

.feature-icon {
color:#394b5c;
}

.feature-text h5 {
color:#3d3c3c;
}

/****************************************
6. Gallery
 ***************************************/
.gallery .gl-item:focus p ,.gallery .gl-item:focus h4,
.gallery .gl-item:hover p , .gallery .gl-item:hover h4{
color:#A0B0BE;
}

.gallery .gl-item:focus p ,
.gallery .gl-item:hover p {
border-bottom-color:#A0B0BE;
}

.gallery .gl-item a::after {
background-image: url(../img/plus.png);
}

body.svg .gallery .gl-item a::after {
background-image: url(../img/plus.svg);
}

.gallery .gl-item .tile-secondary-content {
background-color: #394b5c;
}

.gallery p {
border-bottom: 3px solid #2c3c4c;
color: #A0B0BE;
}

.gl-item .item_meta
{
background-color: #394b5c; /*IE alternative*/
}

div.light_square .pp_left ,
div.light_square .pp_middle,
div.light_square .pp_right,
div.light_square .pp_content {
background: #fff;
}
	
div.light_square .pp_content .ppt {
color: #000;
}

div.light_square .pp_expand {
background: url(../img/sprite.png) -31px -26px no-repeat;
}

/* Expand button hover */
div.light_square .pp_expand:hover {
background: url(../img/sprite.png) -31px -47px no-repeat;
}

/* Contract button */
div.light_square .pp_contract {
background: url(../img/sprite.png) 0 -26px no-repeat;
}

/* Contract button hover */
div.light_square .pp_contract:hover {
background: url(../img/sprite.png) 0 -47px no-repeat;
}

/* Close button */
div.light_square .pp_close {
background: url(../img/sprite.png) -1px -1px no-repeat;
} 

div.light_square #pp_full_res .pp_inline {
color: #000;
}

div.light_square .pp_nav .pp_play {
background: url(../img/sprite.png) -1px -100px no-repeat;
}

div.light_square .pp_nav .pp_pause {
background: url(../img/sprite.png) -24px -100px no-repeat;
}

/* The previous arrow in the bottom nav */
div.light_square .pp_arrow_previous {
background: url(../img/sprite.png) 0 -71px no-repeat;
}

div.light_square .pp_arrow_previous.disabled {
background-position: 0 -87px;
}

/* The next arrow in the bottom nav */
div.light_square .pp_arrow_next {
background: url(../img/sprite.png) -22px -71px no-repeat;
}

div.light_square .pp_arrow_next.disabled {
background-position: -22px -87px;
}

/* Next button */
div.light_square .pp_next:hover {
background: url(../img/btnNext.svg) center right  no-repeat;
}

body.no-svg div.light_square .pp_next:hover {
background: url(../img/btnNext.png) center right  no-repeat;
}
	
/* Previous button */
div.light_square .pp_previous:hover {
background: url(../img/btnPrevious.svg) center left no-repeat;
} 

body.no-svg div.light_square .pp_previous:hover {
background: url(../img/btnPrevious.png) center left no-repeat;
} 
	
/* Loader icon */	
div.light_square .pp_loaderIcon {
background: url(../img/loader.gif) center center no-repeat; 
}

div.pp_overlay {
background: #000;
}

.pp_gallery ul a {
border: 1px #000 solid;
border: 1px rgba(0,0,0,0.5) solid;
}

.pp_gallery ul a:hover,
.pp_gallery li.selected a {
border-color: #fff;
}

.pp_gallery li.default a {
background: url(../img/default_thumbnail.html) 0 0 no-repeat;
}

a.pp_next {
background: url(../img/btnNext.png) no-repeat center right;
}

a.pp_previous {
background: url(../img/btnPrevious.png)  no-repeat center left;
}
	
div.ppt {
color: #fff;
}

/****************************************
7. Price table
 ***************************************/
.package {
border-top:3px solid #A0B0BE;
}

.highlighted, .package:hover {
border-top-color:#394b5c;
}

.highlighted .package-price,.package:hover .package-price{
color:#fff;
}

.highlighted .package-head,.package:hover .package-head {
color:#fff;
background-color:#394b5c;
}

.highlighted .package-body li{
color:#fff;
}

.package-head {
background-color:#394b5c;
color:#A0B0BE;
}

.package-price {
background-color:#394b5c;
color:#A0B0BE;
}

.package-price em {
background-color: #364758;
}

.package-body {
background-color:#394b5c;
}

.package-body li {
border-bottom:2px solid #364758;
color:#A0B0BE;
}

li.checked {
background:url(../img/checked.png) no-repeat 6% center;
}

.package-button {
color:#fff;
}

/****************************************
8. Testimonial
 ***************************************/
#testimonial img.avatar {
border:4px solid #eee;
}

#testimonial .flex-direction-nav a{
background: url(../img/testimonial-dir-nav.svg) no-repeat;
}

body.no-svg #testimonial .flex-direction-nav a{
background: url(../img/testimonial-dir-nav.png) no-repeat;
}

#testimonial blockquote {
color: #666;
}

#testimonial blockquote cite {
color: #888888;
}

blockquote small {
color:#888888;
}

/****************************************
9. Slider
 ***************************************/
.sequence-theme,#sequence{
background:none;
}

.flex-direction-nav a  {
background: url(../img/slider-dir-nav.svg) no-repeat 0 0;
}

body.no-svg .flex-direction-nav a  {
background: url(../img/slider-dir-nav.png) no-repeat 0 0;
}

.flex-control-paging li a {
background: url(../img/slider-nav.svg) no-repeat center center;
}

body.no-svg .flex-control-paging li a {
background: url(../img/slider-nav.png) no-repeat center center;
}

.flex-control-paging li a:hover {
background:transparent url(../img/slider-nav.svg) no-repeat center center;
}

body.no-svg .flex-control-paging li a:hover {
background:transparent url(../img/slider-nav.png) no-repeat center center;
}

.flex-control-paging li a.flex-active {
background:transparent url(../img/slider-nav-active.svg) no-repeat center center;
cursor: default;
}

body.no-svg .flex-control-paging li a.flex-active {
background:transparent url(../img/slider-nav-active.png) no-repeat center center;
}

/****************************************
10. CTA & Buttons
 ***************************************/
.app-button {
background :#394b5c;
}

a.app-button {
background :#394b5c url(../img/cta-icon-shadow.png) no-repeat 50px 0;
}

a.app-button:link,
a.app-button:visited,
a.app-button:active{
color: #fff;
}

button.app-button {
color: #fff;
}

a.app-button:hover {
color:#A0B0BE;
}

button.app-button:hover {
background-color:#A0B0BE;
}

.app-button i {
color: #FFF;
}

/****************************************
11. Social Icons
 ***************************************/
.box-social li a {
color:#30404f
}

.box-social li a:hover {
color:#fff
}

/****************************************
12. Marquee
 ***************************************/
.marquee div {
color:#d7d7d7;
}

/****************************************
13. Footer & Newsletter
 ***************************************/
.input-append {
background-color:#23313d;
}
 
#newsletter input[type=text] {
border-color:transparent;
border-color: rgba(0, 0, 0, 0);
color:#888888 !important;
background-color:#23313d !important;
}

#subscribe {
color: #fff;
background-color:#1a252f;
border:1px solid #1a252f;
}

#subscribe:hover {
color: #262626;
background-color:#394b5c;
border-color:#394b5c;
}

#newsletterMessage {
color:#ddd;
}

/****************************************
14. Scrollbar
 ***************************************/
 /* svrollbar */
.nicescroll-rails>div{
background-color: #424242 !important;
border: 1px solid #FFF !important;
}

/****************************************
15. Form
 ***************************************/
textarea ,
input[type="text"],
select {
background-color:transparent;
border-color: transparent transparent #2d2d2d transparent;
}

textarea.form-control {
border-color: transparent transparent #2d2d2d transparent;
}

textarea.form-control:focus {
border-color: transparent transparent #fff transparent;
}

textarea:focus,
input[type="text"]:focus,
input[type="password"]:focus,
input[type="datetime"]:focus,
input[type="datetime-local"]:focus,
input[type="date"]:focus,
input[type="month"]:focus,
input[type="time"]:focus,
input[type="week"]:focus,
input[type="number"]:focus,
input[type="email"]:focus,
input[type="url"]:focus,
input[type="search"]:focus,
input[type="tel"]:focus,
input[type="color"]:focus,
.uneditable-input:focus {
border-color: transparent transparent #fff transparent;
}

input:-moz-placeholder ,textarea:-moz-placeholder {
color:#2D2D2D;
}

 input:-ms-input-placeholder,textarea :-ms-input-placeholder{
color:#2D2D2D;
}

input::-webkit-input-placeholder,textarea::-webkit-input-placeholder {
color:#2D2D2D;
}

#contactform input:-moz-placeholder ,#contactform textarea:-moz-placeholder {
color:#2D2D2D;
}

#contactform input:-ms-input-placeholder,#contactform textarea :-ms-input-placeholder{
color:#2D2D2D;
}

#contactform input::-webkit-input-placeholder,#contactform textarea::-webkit-input-placeholder {
color:#2D2D2D;
}

#newsletter input:-moz-placeholder{
color:#888;
}

#newsletter input:-ms-input-placeholder{
color:#888;
}

#newsletter  input::-webkit-input-placeholder{
color:#888;
}

input[type="submit"],
button {
background-color:#394b5c;
color:#fff;
}

input[type="submit"]:hover,
button:hover {
background-color:#394b5c;
color:#383E40;
}

.error { 
color: #fff; 
background:#D34545 url(../img/close.png) no-repeat  98% 20%;
}

.success { 
color: #fff; 
background:#69B86B url(../img/close.png) no-repeat 98% 20%;
}

body.svg .success, body.svg .error{
background:#D34545 url(../img/close.svg) no-repeat 98% 20%;
}

/****************************************
16. Tabs
 ***************************************/
.nav-tabs>li>a {
color:#777;
border-bottom:2px solid #ccc;
}

.nav-tabs>.active>a,
.nav-tabs>.active>a:hover,
.nav-tabs>.active>a:focus {
color: #a73860 !important;
border-bottom: 2px solid #a73860 !important;
background-color:transparent !important;
}

.nav-tabs>.active>a i,
.nav-tabs>.active>a:hover i,
.nav-tabs>.active>a:focus i {
color: #a73860;
}

.nav-tabs>li>a:hover {
background-color:transparent;
color:#a73860;
}

.nav-tabs>li>a:hover i{
color:#a73860;
}

.nav-tabs>li>a i{
color:#707070;
}

/****************************************
17. Parallax
 ***************************************/
.prlx{
color: #fff;
}
 
/****************************************
18. Responsive
 ***************************************/
/*Max Screen size : 979px */
@media (max-width:979px){
	.navbar-inverse .navbar-collapse .nav>li>a:hover,
	.navbar-inverse .navbar-collapse .nav>li>a:focus,
	.navbar-inverse .navbar-collapse .dropdown-menu a:hover,
	.navbar-inverse .navbar-collapse .dropdown-menu a:focus {
	background-color: #353535;
	color:#fff;
	}
}
/*Max Screen size : 468px */
@media (max-width: 468px) {
	.sf-menu ul {
	border-top:1px solid #394b5c;
	}
	
	#newsletter input[type=text] {
	border-right:1px solid #5f6465;
	}
}