/*
 Theme Name: Trype
 Author: CREATEBRILLIANCE - Media & Consulting
 Author URI: http://www.createbrilliance.com
 Version: 1.2
 */



/*GENERAL STYLING*/

html, body {
	height: 100%;
}

body {
	background:url(../img/dark_wall.png) repeat;
	font-family: "Open Sans", Helvetica, Arial, sans-serif;
	color: #7E8385;
	font-size:15px;
	line-height: 2;
	overflow-x: hidden !important;
}

h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6 {
	color: #676767;
	font-family: "Open Sans", Helvetica, Arial, sans-serif;
	font-weight: 400;
}
.light{
	font-weight:100;
}

h1{
	font-weight:100;
}
h3{
	font-weight:400;
}

hr{
	margin-top:25px;
	margin-bottom:25px;
}

a {
	color: #beccd0;
	text-decoration: none;
	-webkit-transition: color 0.5s ease 0s;
	-moz-transition: color 0.5s ease 0s;
	-o-transition: color 0.5s ease 0s;
	transition: color 0.5s ease 0s;
}
a:hover, a:focus {
	color: #a2afb3;
	text-decoration: underline;
}
a:focus {
	outline: thin dotted #333333;
	outline-offset: -2px;
}

/*
 * BUTTONS
 */

.btn-default {
	font-weight: 700;
	background: none;
	border-radius: 3px;
	border:3px solid white;
	padding-left:20px;
	padding-right:20px;
	padding-top:10px;
	padding-bottom:10px;
	color: white;
	text-transform: uppercase;
	-webkit-transition: all 0.5s ease 0s;
	-moz-transition: all 0.5s ease 0s;
	-o-transition: all 0.5s ease 0s;
	transition: all 0.5s ease 0s;
}

.btn-default:hover, .btn-default:focus, .btn-default:active, .btn-default.active, .open .dropdown-toggle.btn-default {
	background-color: #2F3238;
	border-color: #2F3238;
	color: white !important;
	opacity: 1;
}



.company{
	font-family: "Open Sans","Helvetica Neue",Helvetica,Arial,sans-serif;
  	font-size: 25px;
    font-weight: 800;
    line-height: 25px;
    padding-top: 10px;
}



/*
 * navbar
 */

.navbar {
	border:0px;  
    text-transform: uppercase;
    font-family: "Muli","Helvetica Neue",Helvetica,Arial,sans-serif;
    background-color: none;
    opacity:0.96;
    color:white;
}

.navbar .company{
	padding-left:15px;
	-webkit-transition: all 1s ease-in-out;
    -moz-transition: all 1s ease-in-out;
    transition: all 1s ease-in-out;
}

.navbar-nav > li > a,
.navbar-nav .dropdown-menu > li > a {
	color:white;
	font-size:10px;
}

.navbar-nav .caret {
    border-bottom-color: white;
    border-top-color: white;
    -webkit-transition: all 1s ease-in-out;
    -moz-transition: all 1s ease-in-out;
    transition: all 1s ease-in-out;
}

.nav a:hover .caret{
	border-bottom-color: white;
    border-top-color: white;
}

.navbar-nav .dropdown-menu{
	font-family: "Muli","Helvetica Neue",Helvetica,Arial,sans-serif;
    opacity:0.96;
    color:white;
    box-shadow:none;
    background:none;
    border:none;
    left:0;
}


.navbar-custom .nav li a {
    -webkit-transition: all 1s ease-in-out;
    -moz-transition: all 1s ease-in-out;
    transition: all 1s ease-in-out;
}


.navbar-custom .nav li a:hover,
.navbar-custom .nav li a:focus,
.navbar-custom .nav li.active {
    outline: 0;
    font-weight:bold;
    background:none;
}

.navbar-toggle {
    padding: 4px 6px;
    font-size: 16px;
    color: #fff;
}

.navbar-toggle:focus,
.navbar-toggle:active {
    outline: 0;
}


/*small version */
.top-nav-collapse{
	color:black;
}
.top-nav-collapse .company{
	padding-top:15px;
}
.top-nav-collapse .navbar-nav > li > a,
.top-nav-collapse .navbar-nav .dropdown-menu > li > a {
	color:black !important;	
}

.top-nav-collapse .navbar-nav .dropdown-menu {
	   background-color: #F9F9F9 !important;
       border-bottom: 1px solid #f2f2f2 !important;
        -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;
       
}
.top-nav-collapse .caret {
    border-bottom-color: black !important;
    border-top-color: black !important;
}
.top-nav-collapse .navbar-toggle{
	color:black !important;
}

.navbar {
    padding: 20px 0;
    letter-spacing: 1px;
    background: none;
    -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;
}

.top-nav-collapse {
    padding: 0;
    background-color: #F9F9F9;
    border-bottom: 1px solid #f2f2f2;
}



/*
 * second version with static-background
 */

.navbar.static-background{
	background-color: white;
	color:black;
}
.navbar.static-background .company{
	color:black;
}
.navbar.static-background .navbar-nav > li > a,.navbar.static-background .navbar-nav .dropdown-menu > li > a {
	color:black;
}
.navbar.static-background .navbar-nav .caret {
    border-bottom-color:black;
    border-top-color:black;
}
.navbar.static-background .navbar-nav .dropdown-menu{
	background:white;
}
/**********************************
 * MODULES
 *********************************/
/*

* MAGNIFIER
* */


.magnify {width: 200px; margin: 50px auto; position: relative;}

.magnify .large {
	width: 175px; height: 175px;
	position: absolute;
	border-radius: 100%;

	box-shadow: 0 0 0 7px rgba(255, 255, 255, 0.85), 
	0 0 7px 7px rgba(0, 0, 0, 0.25), 
	inset 0 0 40px 2px rgba(0, 0, 0, 0.25);
	

	background: url('../img/iphone-big-black-portrait.png') no-repeat;

	display: none;
}

.magnify .small { display: block; }

.magnify-landscape {width: 400px; margin: 50px auto; position: relative;}

.magnify-landscape .large {
	width: 175px; height: 175px;
	position: absolute;
	border-radius: 100%;

	box-shadow: 0 0 0 7px rgba(255, 255, 255, 0.85), 
	0 0 7px 7px rgba(0, 0, 0, 0.25), 
	inset 0 0 40px 2px rgba(0, 0, 0, 0.25);
	

	background: url('../img/iphone-big-black-landscape.png') no-repeat;

	display: none;
}

.magnify-landscape .small { display: block; }
/*ITEM DESCRIPTION*/

.item-description .item{
	position:relative;
	text-align:center;
}
.item-description .item .background-icon{
	position:absolute;
	bottom: 0px;
    font-size: 120px;
    line-height: 120px;
    opacity: 0.08;
    position: absolute;
    right: 0px;
    width:100%;
    color:#5D5F62;
}
/*MODAL*/
.modal-content {
	background-color:#2F3238;
	color:#4D5158;;
}
.modal-content .modal-title{
	color:white;
}
.modal-content .modal-header{
	border-bottom: 0px;
}
.modal-content .close{
	text-shadow:none;
	color:white;
}
.modal-content .form-control{
	background-color:#27292E;
	border-radius: 0px;
	border:0;
	padding:15px;
	height:auto;

}
.modal-content .form-control:focus{
	box-shadow:none;
}
.modal-content .modal-footer{
	margin-top:0px;
}
.modal-content .input-group{
		margin-bottom:10px;
}

.modal-content .input-group-addon{
	border:0;
	background-color:#2F3238;
}

.modal-content .modal-footer{
	border-top:0;
}

.modal-content .btn-submit {
	background: #fa4f3e;
	color: white;
	border: none;
}

/* PLATFORM MODULE*/
.platforms {
	font-size:45px; 
}
.platforms .fa{
	-webkit-transition:opacity 0.4s ease-in-out 0s;
	-moz-transition:opacity 0.4s ease-in-out 0s;
	-o-transition:opacity 0.4s ease-in-out 0s;
	transition:opacity 0.4s ease-in-out 0s;
	padding-right:10px;
}
.platforms .fa:hover{
	opacity:0.8;
	cursor:pointer;
}
/*SKILLS MODULE*/
.skills label {
	padding-top: 10px;
	font-size: 14px;
	text-transform: uppercase;
	display: block;
	text-align: center;
}
.skills.row:not(:first-child){
	margin-top:50px;
}
.skills .knob {
	margin: 0 auto;
}


/*STORE BUTTON*/
.storebutton {
	display:inline-block;
	padding-right:5px;
}

/* PROCESS MOUDLE */


.process .step .step-nr{
	width:15%;
	float:left;
	font-size:40px;
	font-weight:100;
	line-height:40px;
}
.process .step .content h3{
	margin-top:0;
}
.process .step .content{
	width:85%;
	float:left;
}
.process-icons {
	margin-bottom:50px;
}
.process-icons .rounded-icon{
	width:100px;
    height:100px;
    background-color:#FFFFFF;
    border-radius:100%;
    border:3px solid rgba(0, 0, 0, 0.2);
    line-height:100px;
    text-align:center;
    vertical-align:middle;
    display:inline-block;
    position:relative;
    z-index:1;
}
.process-icons .rounded-icon .fa{
	line-height: inherit;
}

.process-line{
	border-top: 2px dashed rgba(0, 0, 0, 0.2);
    height: 1px;
    margin: 0 auto;
    top: 50px;
    width: 70%;
    z-index: 0;
    position:relative;
}

/* INFOBOX MODULE */
.icon-effect {
	border-radius: 50%;
	color: #FFFFFF;
	display: block;
	font-size: 1.2em;
	height: 32px;
	line-height: 32px;
	margin: 0;
	position: relative;
	text-align: center;
	top: 4px;	
	-webkit-transition:all 0.4s ease-in-out 0s;
	-moz-transition:all 0.4s ease-in-out 0s;
	-o-transition:all 0.4s ease-in-out 0s;
	transition:all 0.4s ease-in-out 0s;
	width: 32px;
	z-index: 1;
	background-color: white;
	box-shadow: 0 0 0 3px #2F3238;
}

.icon-effect:after {
	-webkit-box-sizing: content-box;
	-moz-box-sizing: content-box;
	box-sizing: content-box;
	border-radius: 50%;
	content: "";
	height: 100%;
	position: absolute;
	width: 100%;
	left: -2px;
	padding: 2px;
	top: -2px;
	-webkit-transition: transform 0.4s ease 0s, opacity 0.4s ease 0s;
	-moz-transition: transform 0.4s ease 0s, opacity 0.4s ease 0s;
	-o-transition: transform 0.4s ease 0s, opacity 0.4s ease 0s;
	transition: transform 0.4s ease 0s, opacity 0.4s ease 0s;
	z-index: -1;
	background: white;
}

.icon-effect:hover,
.info-box:hover .icon-effect {
	color: #2F3238;
}

.icon-effect:hover:after,
.info-box:hover .icon-effect:after {
	opacity: 0;
	-webkit-transform:scale(1.3);
	-moz-transform:scale(1.3);
	-ms-transform:scale(1.3);
	-o-transform:scale(1.3);
	transform:scale(1.3);
}

.info-box {
	margin-bottom: 35px;
}
.info-box .icon {
	float: left;
}
.info-box .content h3{
	margin-top:0px;
}
.info-box .content {
	padding-left: 45px;
}

.info-box .content small{
	font-weight:600;
}

/*TESTIMONIALS*/
.testimonials{
	color:white;
}
.testimonials p{

}
.testimonials cite{
	display:block;
	font-size:10px;
	font-weight:700;
	font-family: "Muli","Helvetica Neue",Helvetica,Arial,sans-serif;
	letter-spacing:1px;
	text-transform:uppercase;
}

.testimonials .container{
	padding-top:50px;
	padding-bottom:50px;
}

.testimonials .background-middle-full {
	background: url("../img/testimonial-pattern.jpg") repeat 50% 50%;
}

/*SOCIAL ICONS MODULE */
.social-icons a {
	font-size: 15px;
	-moz-box-sizing: border-box;
	color: white;
	border-radius: 3px;
	text-align: center;
	width: 30px;
	height: 30px;
	display: inline-block;
	-webkit-transition: all 0.5s ease 0s;
	-moz-transition: all 0.5s ease 0s;
	-o-transition: all 0.5s ease 0s;
	transition: all 0.5s ease 0s;
}

.social-icons .fa {
	margin-top: 8px;
	font-size: 15px;
	text-align: center;
	-webkit-transition: all 0.3s ease 0s;
	-moz-transition: all 0.3s ease 0s;
	-o-transition: all 0.3s ease 0s;
	transition: all 0.3s ease 0s;
}


/*SOCIAL ICON COLORS*/
.social-icons a.facebook{background-color:#5168B9}.social-icons a.twitter{background-color:#6EC3F5}.social-icons a.google-plus{background-color:#F65E4F}.social-icons a.rss{background-color:#FF893B}.social-icons a.dribbble{background-color:#EB4E8B}.social-icons a.flickr{background-color:#0063db}.social-icons a.github{background-color:#4183c4}.social-icons a.instagram{background-color:#3f729b}.social-icons a.linkedin{background-color:#007fb1}.social-icons a.pinterest{background-color:#cb2027}.social-icons a.dropbox{background-color:#3d9ae8}.social-icons a.stumbleupon{background-color:#eb4924}.social-icons a.tumblr{background-color:#2c4762}.social-icons a.vimeo{background-color:#4bf}.social-icons a.youtube{background-color:#cd332d}.social-icons a.skype{background-color:#00aff0}

.social-icons a:hover {
	background: white;
	color: #444;
	opacity: 1;
	-webkit-transform: rotate(360deg);
	-moz-transform: rotate(360deg);
	-ms-transform: rotate(360deg);
	-o-transform: rotate(360deg);
	transform: rotate(360deg);
}

.social-icons a:hover .fa {
	-webkit-transform: scale(1.8);
	-moz-transform: scale(1.8);
	-ms-transform: scale(1.8);
	-o-transform: scale(1.8);
	transform: scale(1.8);
}


/*TEAM MODULE*/

.team-container {
	background: #F8F8F8;
    -webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	overflow:hidden;
    
}
.team-container .head{
	overflow:hidden;
	position:relative;
}
.team-container .body h3{
	margin-bottom:0px;
}
.team-container .body small{
	opacity:0.5;
}
.team-container .body p{
	margin-top:10px;
	margin-bottom:10px;
	color: #363636;
    font-size: 15px;
    line-height: 1.5;
    margin-bottom: 10px;
    margin-top: 10px;
    text-align: center;
}
.team-container .head img{
	-webkit-border-radius-topleft: 5px;
	-moz-border-radius-topleft: 5px;
	border-top-left-radius: 5px;
	-webkit-border-radius-topright: 5px;
	-moz-border-radius-topright: 5px;
	border-top-right-radius: 5px;
	-webkit-transition: opacity  500ms cubic-bezier(0.2, 0.4, 0.7, 0.8) 0s, -webkit-transform 3.4s ease 0s;
	-moz-transition: opacity  500ms cubic-bezier(0.2, 0.4, 0.7, 0.8) 0s, -moz-transform 3.4s ease 0s;
	-o-transition: opacity 500ms cubic-bezier(0.2, 0.4, 0.7, 0.8) 0s, -o-transform 3.4s ease 0s;
	transition: opacity  500ms cubic-bezier(0.2, 0.4, 0.7, 0.8) 0s, transform 3.4s ease 0s;
}

.team-container .head:hover img{
	opacity:0.7;
	-webkit-transform:scale(1.3) rotate(3deg);
	-moz-transform:scale(1.3)rotate(3deg);
	-ms-transform:scale(1.3)rotate(3deg);
	-o-transform:scale(1.3)rotate(3deg);
	transform:scale(1.3)rotate(3deg);
}

.team-container .body{
	padding-left:20px;
	padding-right:20px;
	padding-bottom:20px;
}
.team-container .meta{
	font-size:20px;
	text-align:center;
}
.team-container .meta a{
	opacity:0.5;
	padding-right:10px;
	text-decoration:none;
	-webkit-transition: opacity  500ms cubic-bezier(0.2, 0.4, 0.7, 0.8) 0s, -webkit-transform 1s ease 0s;
	-moz-transition: opacity  500ms cubic-bezier(0.2, 0.4, 0.7, 0.8) 0s, -moz-transform 1s ease 0s;
	-o-transition: opacity 500ms cubic-bezier(0.2, 0.4, 0.7, 0.8) 0s, -o-transform 1s ease 0s;
	transition: opacity  500ms cubic-bezier(0.2, 0.4, 0.7, 0.8) 0s, transform 1s ease 0s;
}

.team-container .meta a:hover{
	opacity:1;
	text-decoration:none;
}
.team-container .meta a:hover .fa {

	-webkit-transform: scale(1.3);
	-moz-transform: scale(1.3);
	-ms-transform: scale(1.3);
	-o-transform: scale(1.3);
	transform: scale(1.3);
}

/*SOCIAL ICON COLORS*/
.team-container .meta a.facebook:hover{color:#5168B9}.team-container .meta a.twitter:hover{color:#6EC3F5}.team-container .meta a.google-plus:hover{color:#F65E4F}.team-container .meta a.rss:hover{color:#FF893B}.team-container .meta a.dribbble:hover{color:#EB4E8B}.team-container .meta a.flickr:hover{color:#0063db}.team-container .meta a.github:hover{color:#4183c4}.team-container .meta a.instagram:hover{color:#3f729b}.team-container .meta a.linkedin:hover{color:#007fb1}.team-container .meta a.pinterest:hover{color:#cb2027}.team-container .meta a.dropbox:hover{color:#3d9ae8}.team-container .meta a.stumbleupon:hover{color:#eb4924}.team-container .meta a.tumblr:hover{color:#2c4762}.team-container .meta a.vimeo:hover{color:#4bf}.team-container .meta a.youtube:hover{color:#cd332d}.team-container .meta a.skype:hover{color:#00aff0}


.team-container .background-icon .fa{
	position:absolute;
	bottom: -80px;
    font-size: 250px;
    line-height: 250px;
    opacity: 0.04;
    position: absolute;
    right: -80px;
}

.team-container .overlay{
	position:absolute;
	width:100%;
	height:100%;
	top:-30px;
	left:0;
	opacity:0.8;
	background:none;
}
.team-container .circle-icon {
	cursor: pointer;
	border-radius: 50%;
	color: #FFFFFF;
	font-size: 15px;
	height: 40px;
	width: 40px;
	background: #2F3238;
	text-align: center;
	display: block;
	margin: 0 auto;
}

.team-container .circle-icon .fa {
	line-height: 40px;
}

.team-container .head:hover .overlay{
	top:100px;
	opacity: 0.98;
	-webkit-transition: opacity 0.5s ease 0.2s, top 0.5s ease 0.2s;
	-moz-transition: opacity 0.5s ease 0.2s, top 0.5s ease 0.2s;
	-o-transition: opacity 0.5s ease 0.2s, top 0.5s ease 0.2s;
	transition: opacity 0.5s ease 0.2s, top 0.5s ease 0.2s;
}

/*
 * MODAL FOR TEAM
 */
.team-modal .team-social{
	font-size:25px;
	line-height:25px;
}
/*RECENT BLOG POSTS*/

.recent-blog-container {
	background: #F8F8F8;
    -webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	overflow:hidden;
    
}

.recent-blog-container .head{
	position:relative;
	overflow:hidden;
	min-height:240px;
}
.recent-blog-container .body h3{
	margin-bottom:0px;
}
.recent-blog-container .body small{
	opacity:0.5;
}
.recent-blog-container .body p{
	margin-top:10px;
	margin-bottom:10px;
	color: #363636;
    font-size: 15px;
    line-height: 1.5;
    margin-bottom: 10px;
    margin-top: 10px;
    text-align: justify;
}

.recent-blog-container .background-icon .fa{
	position:absolute;
	bottom: -80px;
    font-size: 250px;
    line-height: 250px;
    opacity: 0.06;
    position: absolute;
    right: -80px;
}
.recent-blog-container .head img{

	-webkit-border-radius-topleft: 5px;
	-moz-border-radius-topleft: 5px;
	border-top-left-radius: 5px;
	-webkit-border-radius-topright: 5px;
	-moz-border-radius-topright: 5px;
	border-top-right-radius: 5px;
	-webkit-transition: opacity  500ms cubic-bezier(0.2, 0.4, 0.7, 0.8) 0s, -webkit-transform 3.4s ease 0s;
	-moz-transition: opacity  500ms cubic-bezier(0.2, 0.4, 0.7, 0.8) 0s, -moz-transform 3.4s ease 0s;
	-o-transition: opacity 500ms cubic-bezier(0.2, 0.4, 0.7, 0.8) 0s, -o-transform 3.4s ease 0s;
	transition: opacity  500ms cubic-bezier(0.2, 0.4, 0.7, 0.8) 0s, transform 3.4s ease 0s;
}

.recent-blog-container .head:hover img{
	opacity:0.7;
	-webkit-transform:scale(1.3) rotate(3deg);
	-moz-transform:scale(1.3)rotate(3deg);
	-ms-transform:scale(1.3)rotate(3deg);
	-o-transform:scale(1.3)rotate(3deg);
	transform:scale(1.3)rotate(3deg);
}

.recent-blog-container .body{
	padding-left:20px;
	padding-right:20px;
	padding-bottom:20px;
}
.recent-blog-container .meta{
	font-size:13px;
	opacity:0.5;
	z-index:2;
}
.recent-blog-container .meta li:first-child{
	padding-left:0px;
}

.recent-blog-container .overlay{
	position:absolute;
	width:100%;
	height:100%;
	top:-30px;
	left:0;
	opacity:0.8;
	background:none;
}
.recent-blog-container .circle-icon {
	cursor: pointer;
	border-radius: 50%;
	color: #FFFFFF;
	font-size: 15px;
	height: 40px;
	width: 40px;
	background: #2F3238;
	text-align: center;
	display: block;
	margin: 0 auto;
}

.recent-blog-container .circle-icon .fa {
	line-height: 40px;
}

.recent-blog-container .head:hover .overlay{
	top:100px;
	opacity: 0.98;
	-webkit-transition: opacity 0.5s ease 0.2s, top 0.5s ease 0.2s;
	-moz-transition: opacity 0.5s ease 0.2s, top 0.5s ease 0.2s;
	-o-transition: opacity 0.5s ease 0.2s, top 0.5s ease 0.2s;
	transition: opacity 0.5s ease 0.2s, top 0.5s ease 0.2s;
}

.recent-blog-container .fa-heart{
	color:#E13636;
}

/*VERSION 2*/

.recent-blog-container.style2 .date{
	position: absolute;
	left:10px;
	top:10px;
	border:3px solid white;
	color:white;
	text-align:center;
	padding:5px;
	z-index:2;
    
}
.recent-blog-container.style2 .date .day{
	display:block;
	font-weight:800;
	font-size:25px;
	line-height:25px;
	z-index:2;
	
}
.recent-blog-container.style2 .date .month{
	display:block;
	font-weight:600;
	font-size:12px;
	line-height:12px;
}

/*VERSION 3*/

.recent-blog-container.style3 .head .meta{
	background:black;
	opacity:0.3;
	width:100%;
	position: absolute;
	bottom:0px;
	color: white;
    font-weight: 600;
    padding: 5px;
    font-size: 12px;
    line-height: 12px;
    
}
.recent-blog-container.style3 .head .meta .list-inline{
	margin-top:10px;
}

/*PRICING TABLE*/

.pricing {
	color:#4D5158;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	text-align: center;
	width:95%;
	max-width: 300px;
	margin: 0 auto;
	margin-top: 10px;
	margin-bottom: 10px;
	background-color:#ECECEC;
	padding-bottom:25px;
	padding-top:10px;
	border-top:8px solid #f1c40f;
}

.pricing.offer {
	width:95%;
	max-width:350px !important;
}

.pricing .price {
	font-size:30px;
	padding-top:50px;
}
.pricing .price h2 {
	display:inline;
    font-weight:100;
    font-size:50px;
    line-height:50px;
    color:#4D5158;
}
.pricing p{
	color:#A6A6A6;
}
.pricing ol {
	margin-top:50px;
	margin-bottom:50px;
	padding:0px;
	color:#A6A6A6;
}
.pricing ol li {

    display: block;
    width: 100%;
}
.pricing ol li span {
    font-weight: 700;
}
.pricing ol li:nth-of-type(2n) {
    //background: none repeat scroll 0 0 #1B1B1B;
}


.pricing.green{
	border-top:8px solid #2ecc71;
}
.pricing.yellow{
	border-top:8px solid #f1c40f;
}
.pricing.red{
	border-top:8px solid #e74c3c;
}

/* BOOTSTRAP CAROUSEL FADE EFFECT*/
.carousel-fade .item {
	opacity: 0;
	-webkit-transition: opacity ease-in-out 500ms;
	-moz-transition: opacity ease-in-out 500ms;
	-o-transition: opacity ease-in-out 500ms;
	-ms-transition: opacity ease-in-out 500ms;
	transition: opacity ease-in-out 500ms;
}

.carousel-fade .active.item {
	opacity: 1;
}

.carousel-fade .active.left, .carousel-fade .active.right {
	left: 0;
	opacity: 0;
	z-index: 2;
}

/* BACKGROUND MIDDLE FULL MODULE*/
.background-middle-full {
	background-color: #222;
	width:100%;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
	padding:0;
	margin:0;
}
.background-middle-full.fixed{
	background-attachment:fixed !important;
}

.feature{
	position:relative;
	margin-top:15px;
	margin-bottom:15px;
	text-align:center;
	padding:10px;
	-webkit-transition: background 0.3s linear 0s, color 0.3s linear 0s;
	-moz-transition: background 0.3s linear 0s, color 0.3s linear 0s;
	-o-transition: background 0.3s linear 0s, color 0.3s linear 0s;
	transition: background 0.3s linear 0s, color 0.3s linear 0s;
}
.feature .icon{
	font-size:60px;
	line-height:60px;

}
.feature .headline h3{
	font-weight:400;
}
.feature .text p{
	padding-left:25px;
	padding-right:25px;
}
.feature:hover{
	background-color:#2F3238;
	color:white;
	border-radius: 5px;
}
.feature:hover h3,
.feature:hover .feature .icon{
	color:white;
}
.feature .background-icon{
	position:absolute;
	bottom: 20px;
    font-size: 150px;
    line-height: 150px;
    opacity: 0.03;
    position: absolute;
    right: 20px;
}
.feature .background-icon .fa{
	opacity: 0.03;
}

/*CALL TO ACTION*/
.callToAction{
	border-bottom:10px solid rgba(0, 0, 0, 0.25);
	color:white;
	text-align:center;
	background:#2F3238 !important;
}
.callToAction h2{
	font-size:40px;
	font-weight:100;
	padding-bottom:25px;
	color:white;
}


/**********************************
 * SECTIONS
 * sections are further ordered by page
 *********************************/

/*general styles*/

section {
	-webkit-backface-visibility: hidden;
	padding-top: 100px;
	padding-bottom: 100px;
	background:white;
	position:relative;
	z-index:3;
}
section:nth-child(odd) {
	background: #ECECEC;
}

.pageHead{
	padding-top:150px;
	padding-bottom:150px;
	color:white;
	margin-bottom:100px;
	position:relative;
	top:0;
}
.pageHead h1{
	font-weight: 800;
	text-transform:uppercase;
	font-size:80px;
	line-height:80px;
	color:white;
	margin-bottom:0px;
}
.pageHead h3{
	margin-top:0px;
	color:white;
}
.pageHead .hero{
	margin-bottom:0;
}

.hero{
	text-align:center;
	margin-bottom:100px;
}
.hero h2{
	font-weight:100;
	font-size:35px;
	line-height:35px;
}
.hero p{
	font-weight:100;
	padding-left:10%;
	padding-right:10%;
	font-size:20px;
	line-height: 1.5;
}

.hero.left{
	padding-bottom:10px;
	text-align:left;
	margin-bottom:0px;
}
.hero.left p{
	padding-left:0px;
	padding-right:10px;
}


/*
 * 
 * HOME
 * 
 * 
*/


#head{
	background:none;
	width:100%;
	height:100%;
	color:white;

}

#head{
	padding-bottom:0px;
}

#head .hero{
	margin-top:100px;
	position:absolute;
	text-align:center;
	width:100%;

}
#head .hero.contrast h1,#head .hero.contrast h3{
	text-shadow: 0px 0px 2px rgba(150, 150, 150, 0.8);
}
#head .row.align-bottom{
	position:absolute;
	margin:0 auto;
	width:100%;
	bottom:0;
}

#head .hero h1{
	font-weight:800;
	text-transform:uppercase;
	font-size:60px; 
	color:white;
	margin-bottom:0px;
}
#head .hero h3{
	font-weight:100;
	color:white;
	margin-top:0px;
}
#head .container {
	z-index: 3;
	position: relative;
}

#head .iphone-half {
    text-align: center;
    height:389px;
}
#head .iphone-half-side {
    height:389px;
    position:relative;
}
#head .iphone-half-side .row{
	position:absolute;
	bottom:50px;
}
#head .iphone-half-side .row h3{
	font-weight:100;
	font-size:35px;
	line-height:35px;
	color:white;
}
#head .iphone-half-side .row .col-xs-6{
	padding:2px;
}
/*
 * HEAD SLIDER
 */
#head #slides {
	left: 0;
	position: fixed !important;
	top: 0;
	height:100% !important;
	overflow: hidden;
	z-index: 1;
}
#head #slides .slides-container {
	display: none;
}


/*second style*/
#head.style2{
	background-color:#151B1E;
}

#head.style2 .hero h1{
	color:#806F43;
}

#head.style2 .hero h3{
	color:#323840;
}

#head.style2{
	background-color:#151B1E;
}
/*fourth style*/
#head.style4 .hero h1{
	color:white;
	font-weight:800;
}
#head.style4 .hero h2{
	font-weight:100;
}
#head.style4 .hero h3{
	color:#323840;
	font-weight:100;
}

#welcome{
	padding-bottom:0px;
	overflow:hidden;
}
#welcome .parallax-container{
	height:730px;

}
#welcome .parallax-container .info-box .icon{
	font-size:30px;
	line-height:30px;
}
#welcome #owl-carousel-process{
	margin-bottom:100px;
}

#features .feature .background-icon .fa{
	opacity:0.09;
}

#shots-mac{
	background-color:#2F3238;
}
#shots-mac .hero{
	color:white;
}

#shots-mac .hero p{
	color:#4D5158;
}


#clients h5{
	font-weight:700;
}
#coding {
	background:white;
}
#coding .background-side-full {
	background: url("../img/github.jpg") no-repeat scroll 100% 0% #E9E8E6;
	height: 940px;
	margin-top:-100px;
	margin-bottom:-100px;
	background-color:#E9E8E6;
}

#coding .row {
	padding-bottom:10px;
}


#shots-phone{
	background-color:#2F3238;
	color:#4D5158;
}
#shots-phone h2{
	color:white;
}
#shots-phone h3{
	color:white;
}
#shots-phone .hero{
	color:white;
}
#shots-phone .hero p{
	color:#4D5158;
}
#shots-phone .shot-container {
	background: url("../img/iphone.png") no-repeat scroll center top rgba(0, 0, 0, 0);
	margin: 0 auto 0;
	height: 595px;
	position: relative;
}	

#testimonials h2{
	color:white;
}
#testimonials{
	background-color:#3A3C42;
	padding-top:0px;
	padding-bottom:0px;
}
#testimonials .count{
	font-size:150%;
	position:relative;
	top:5px;
}


#contact {	
	background: #2F3238;
	color: #4D5158;
}
#contact h3 {
	font-weight:700;
	color: white;
}

#contact .btn-submit {
	background: #fa4f3e;
	color: white;
	border: none;
}

#contact .btn-submit:hover,
#contact .btn-submit:focus,
#contact .btn-submit:active,
#contact .btn-submit.active {
	background: #ff7c6f;
}

#contact input,
#contact textarea {
	background: none repeat scroll 0 0 rgba(39,41,46,1);
	border: none;
	border-radius: 0px;
	box-shadow: none;
	height: auto;
	margin: 0;
	padding: 15px;
	resize: none;
}

#contact .form-group {
	margin-bottom: 5px;
}

#contact h2 {
	margin-top: 0;
}

#contact #contact-form-response {
	margin-top: 10px;
}

#map-container {
	width: 100%;
	height: 500px;
	z-index:3;
}


/* MAP MARKER MODULE */

.map-box {
	opacity: 1;
	width: 250px;
	color: #222;
	background: white;
	border-radius: 5px;
}
.map-box h3{
	margin-top:0;
}
.map-box .content {
	padding:10px;
}

#newsletter{
	padding-top:50px;
	padding-bottom:50px;
	background:#2F3238;

}
#newsletter .hero{
	margin-bottom:0px;
}

#newsletter  input,
#newsletter  textarea {
	background: #27292E;
	border: none;
	border-radius: 0px;
	box-shadow: none;
	height: auto;
	padding: 15px;
	resize: none;
}

#newsletter .input-group{
	margin-bottom:25px;
}
#newsletter .form-group {
	margin-bottom: 5px;
}
#newsletter  .form-control{
	color:white;
}

#newsletter .expand{
	display:none;
}
#newsletter .expand-button{
	cursor:pointer;
	font-size:25px;
	padding:25px;
	line-height:25px;
}
#newsletter .input-group-addon{
	background-color: #1D1E22;
	border: none;
}
#newsletter  .btn-submit {
	background: #fa4f3e;
	color: white;
	border: none;
}

#newsletter .btn-submit:hover,
#newsletter  .btn-submit:focus,
#newsletter  .btn-submit:active,
#newsletter  .btn-submit.active {
	background: #ff7c6f;
}
footer {
	padding-top: 15px;
	padding-bottom: 15px;
	background: #27292E;
	font-size: 10px;
	color:#565656;
	z-index:3;
	position:relative;
}

footer .copy {
	padding-top:5px;
	margin-bottom: 0px;
}
/*
 * 
 * ABOUT
 * 
 * 
*/
#about {
	padding-top:0px;
	background-color:white;
}
#about .pageHead {
	padding-top:250px;
	background: url("../img/bg-head-4.jpg");
	-moz-background-size:cover;
	background-size:cover;
	background-attachment: fixed;
}


#about .inner-padding{
	margin-top:200px;
}


/*
 * 
 * PLANS
 * 
 * 
*/
#pricing{
	background-color: white;
}
#pricing .pageHead{
	padding-top:250px;
	background: url("../img/bg-head-2.jpg");
	-moz-background-size:cover;
	background-size:cover;
	background-attachment: fixed;
}

#pricing .pricing-wrap {
	margin-bottom: 50px;
}

#includedFeatures {
	color: white;
	background-color: #2A2C30;
}
#includedFeatures .hero h2 {
	color: white;
}
#includedFeatures .hero p {
	color: #4D5158;
}

#includedFeatures .feature .text{
	color:#B8B9BC;
}
#includedFeatures .feature .icon{
	color:#4D5158;
}

/*
 * 
 * FAQs
 * 
 * 
*/

#faq{
	background-color:white;
	padding-top:0px;
}
#faq .pageHead{
	padding-top:250px;
	background: url("../img/bg-head-5.jpg");
	-moz-background-size:cover;
	background-size:cover;
	background-attachment: fixed;
}


/*
 * 
 * 404
 * 
 * 
*/
.page-notfound{
	height:100%;
}
#not-found{
	height:100%;
	background:#CDCDCD;
}


/**********************************
 * BRANDING
 * 
 *********************************/

.brand-color{
	color:#A6A6A6  !important;
}
.brand-bg{
	background-color:#A6A6A6  !important;
}

a {
	color: #A6A6A6;
}
a:hover, a:focus {
	color: #a2afb3;
}
a:focus {
	outline: thin dotted #333333;
	outline-offset: -2px;
}

.icon-effect:after{
	background:#A6A6A6;
}
.icon-effect{
	box-shadow: 0 0 0 3px #A6A6A6;
}
.icon-effect:hover,
.info-box:hover .icon-effect {
	color:  #A6A6A6;
}
/*
 * this would be the styling for the owl-carousel controls
 */
/*
.owl-theme .owl-controls .owl-page span{
	border:1px solid #27292E;
}
.owl-controls .owl-buttons div{
	color:#27292E !important;
}
*/
/**********************************
 * BUTTONS
 *********************************/

.bgGreen {
	background-color: #57D899 !important;
}
.colorGreen{
	color: #57D899 !important;
}

.bgRed {
	background-color: #E74C3C !important;
}
.colorRed {
	color: #E74C3C !important;
}
.bgDark{
	background-color: #676767 !important;
}



.btn-border-dark{
	border:3px solid #676767;
}

.btn-color-dark{
	color:#676767;
}

.btn-bg-dark{
	background:#676767;
	color:white;
}
/*
 * preloader
 *
 */
#preloader {
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: white;
	color: #222;
	z-index: 9999;
}
#preloader #spinner_container {
	width: 193px;
	margin: 250px auto;
	text-align: center;
}



/*
 * HELPER
 */
.row-padding{
	margin-bottom:100px;
}
.center-block{
	margin:0 auto;
}
hr.not-visible{
	border-top:none;
}


/*
 * animation helper
 */
.animated {
	visibility: hidden;
}
.visible {
	visibility: visible;
}

/*
 * svg
 */
.svg-wrapper{
	height:100px;
	width:300px;
	margin:0 auto;
}
.svgcolor-light,.svgcolor-dark {
	    position:relative;
	    top:-2px;
}
.svgcolor-light path {
    fill: white;
    stroke: white;
    stroke-width:0;
}
.svgcolor-dark path {
    fill: #2F3238;
    stroke: #2F3238;
    stroke-width:0;
}
.no-section-padding{
	padding-top:0px;
}
.section-padding{
	padding-top:100px;
}



/*
 * media queries
 */
@media only screen and (max-width: 970px) {
	footer {
		text-align: center;
	}
	footer .pull-right {
		float: none !important;
	}

}
@media only screen and (max-width: 768px) { /*col-md*/
	#head .hero h1 {
		font-size:35px;
		line-height:35px;
	}
	.callToAction h2{
		font-size:30px;
	}
}

@media only screen and (max-width: 978px) {

	.info-box .icon {
		float: none;
		padding-bottom: 10px;
	}
	.info-box .icon .fa {
		margin: 0 auto;
	}
	.info-box .content {
		padding-left: 0px;
		text-align: center;
	}
	.nav > li > a {
		padding-left:7px;
		padding-right:7px;
	}

}

/*remove the head section when a device <400 is used*/
@media only screen and (max-width: 400px) {
	#head .iphone-half{
		display:none;
	}
	.parallax-container{
		display:none;
	}
	#shots-phone .shot-container{
		background:none;
	}

}



/*only for webkit  browsers*/
@media screen and (-webkit-min-device-pixel-ratio:0) {
    .background-middle-full.fixed{ 
        background-attachment: scroll !important;
    }
}


.mobileonly {
	display:none;
}
.mobileonly h3{
	color:white !important;
}