@import url(fonts.css);
@import url(thumb-hover.css);
@import url(bootstrap.css);
@import url(jquery.selectBox.css);
body.websiteIndex {
	color:#777777;
	font-size:16px;
	font-weight:normal;
	font-family:'Raleway', Arial, Helvetica, sans-serif !important;
}
.websiteIndex h1, .websiteIndex h2, .websiteIndex h3, .websiteIndex h4, .websiteIndex h5, .websiteIndex p {
	margin:0;
	padding:0;
}
.websiteIndex ul {
	list-style: none;
	padding: 0px;
}
.websiteIndex .main-container {
 -webkit-transition: all .3s ease;
 -moz-transition: all .3s ease;
 transition: all .3s ease;
	-webkit-transform: translate3d(0px, 0, 0);
	-moz-transform: translate3d(0px, 0, 0);
	transform: translate3d(0px, 0, 0);
	overflow: hidden;
	width: 100%;
}
.websiteIndex .main-container.reveal-nav {
	-webkit-transform: translate3d(-300px, 0, 0);
	-moz-transform: translate3d(-300px, 0, 0);
	transform: translate3d(-300px, 0, 0);
}
.websiteIndex .loader {
	position: fixed;
	width: 100%;
	height: 100%;
	background: #fff;
	z-index: 9999;
	text-align: center;
 -webkit-transition: all .5s ease;
 -moz-transition: all .5s ease;
 transition: all .5s ease;
	opacity: 1;
}
.websiteIndex .spinner {
	width: 40px;
	height: 40px;
	position: relative;
	top: 50%;
	left: 50%;
	margin-left: -20px;
	margin-top: -20px;
}
.websiteIndex .double-bounce1, .websiteIndex .double-bounce2 {
	width: 100%;
	height: 100%;
	border-radius: 50%;
	background-color: #fc4349;
	opacity: 0.6;
	position: absolute;
	top: 0;
	left: 0;
	-webkit-animation: bounce 2s infinite ease-in-out;
	animation: bounce 2s infinite ease-in-out;
}
.websiteIndex .double-bounce2 {
	-webkit-animation-delay: -1s;
	animation-delay: -1s;
}
@-webkit-keyframes bounce {
 0%,  100% {
 -webkit-transform: scale(0);
}
 50% {
 -webkit-transform: scale(1);
}
}
@keyframes bounce {
 0%,  100% {
 transform: scale(0);
 -webkit-transform: scale(0);
}
 50% {
 transform: scale(1);
 -webkit-transform: scale(1);
}
}
.websiteIndex section {
	padding-top: 80px;
	padding-bottom: 80px;
	position: relative;
	overflow: hidden;
}
.websiteIndex section.pad-large {
	padding-top: 160px;
	padding-bottom: 160px;
}
.websiteIndex section.duplicatable-content {
	padding-bottom: 40px;
}
.websiteIndex section:nth-of-type(odd) {
 background: #f4f4f4;
}
.websiteIndex section:nth-of-type(even) {
 background: #ffffff;
}
.websiteIndex .no-pad {
	padding: 0px;
}
.websiteIndex .no-pad-top {
	padding-top: 0px !important;
}
.websiteIndex .no-pad-left {
	padding-left: 0px;
}
.websiteIndex .no-pad-right {
	padding-right: 0px;
}
.websiteIndex .no-pad-bottom {
	padding-bottom: 0px;
}
.websiteIndex .space-top-small {
	margin-top: 20px !important;
}
.websiteIndex .space-bottom-medium {
	margin-bottom: 40px !important;
}
.websiteIndex .space-bottom-large {
	margin-bottom: 80px !important;
}
.websiteIndex .space-bottom-xlarge {
	margin-bottom: 160px !important;
}
.websiteIndex .no-margin {
	margin: 0;
}
.websiteIndex .no-margin-bottom {
	margin-bottom: 0px !important;
}
.websiteIndex .btn {
	background: none;
 -webkit-transition: all .3s ease;
 -moz-transition: all .3s ease;
 transition: all .3s ease;
}
.websiteIndex .btn:hover {
	background: none;
	color: #fff;
	border-color: #6dbcdb;
	background-color: #6dbcdb;
}
.websiteIndex .btn-primary {
	border-radius: 25px;
	display: inline-block;
	padding: 14px 28px 13px 28px;
	line-height: 1;
	border: 2px solid #6dbcdb;
	font-family:'Raleway', Arial, Helvetica, sans-serif;
	font-weight: bold;
	font-size: 11px;
	text-transform: uppercase;
	letter-spacing: 1px;
	color: #6dbcdb;
}
.websiteIndex .btn-primary.btn-filled {
	background: #6dbcdb;
	color: #fff;
}
.websiteIndex .btn-white {
	border-color: #fff;
	color: #fff;
}
.websiteIndex .btn-white:hover {
	background: #fff;
	color: #333333;
	border-color: #fff;
}
.websiteIndex .btn-white.btn-filled {
	background: #fff;
	color: #fc4349;
}
.websiteIndex .btn-grey {
	border-color: #777777;
	color: #333333;
}
.websiteIndex .btn-grey:hover {
	background-color: #333333;
	color: #fff;
	border-color: #333333;
}
.websiteIndex .btn-lg {
	padding: 18px 40px;
}
.websiteIndex .btn-sm {
	padding: 10px 28px;
	font-size: 11px;
}
.websiteIndex .btn-xs {
	padding: 8px 24px;
	font-size: 10px;
}
.websiteIndex .btn-text-only {
	border-color: rgba(0, 0, 0, 0);
}
.websiteIndex .btn-text-only:hover {
	background: none;
	color: #6dbcdb;
	border-color: rgba(0, 0, 0, 0);
}
.websiteIndex .link-text {
	font-family:'Raleway', Arial, Helvetica, sans-serif;
	font-weight: bold;
	font-size: 11px;
	text-transform: uppercase;
	letter-spacing: 1px;
	border-bottom: 2px solid #6dbcdb;
	display: inline-block;
	padding-bottom: 0px;
	color: #6dbcdb;
}
.websiteIndex nav hr {
	border: none;
	border-top: 1px solid rgba(255, 255, 255, 0.3);
	position: relative;
	bottom: 2px;
}
.websiteIndex .has-dropdown {
	bottom: 3px;
}
.websiteIndex .mobile-toggle {
	display: none;
}
.websiteIndex .top-bar {
	position: absolute;
	background:rgba(0, 0, 0, 0.5);
	width: 100%;
	z-index: 10;
 -webkit-transition: all .5s ease;
 -moz-transition: all .5s ease;
 transition: all .5s ease;
	line-height:50px;
	top: 0;
}
.websiteIndex .logo.logo-square {
	max-width: 100px;
	max-height: 60px;
	bottom: 20px;
	margin-bottom: -20px;
}
.websiteIndex .nav-sticky .logo-wide {
	bottom: 12px !important;
}
.websiteIndex .nav-sticky .logo-square {
	bottom: 20px !important;
}
.websiteIndex .nav-menu .social-icons {
	float: right;
}
.websiteIndex .utility-menu {
	margin-top: 16px;
}
.websiteIndex .utility-menu .utility-inner {
	padding-bottom: 16px;
}
.websiteIndex .utility-menu .btn {
	min-width: 60px;
	padding-left: 18px;
	padding-right: 18px;
	margin-left: 8px;
	margin-right: 0px;
}
.websiteIndex .utility-menu span {
	display: inline-block;
	position: relative;
	top: 9px;
}
.websiteIndex .utility-menu .btn-text-only {
	min-width: 0px;
	padding: 0px 8px;
}
.websiteIndex .overlay-bar {
}
.websiteIndex .overlay-bar .has-dropdown:after {
	color: #fff;
}
.websiteIndex .menu {
	padding: 0;
	margin:0 0 0 3%;
	display: inline-block;
	position: relative;
	top:17px;
}
.websiteIndex .menu li {
	float: left;
	margin-right:40px;
	position: relative;
}
.websiteIndex .menu li a {
	font-family: 'Raleway', Helvetica, Arial, sans-serif;
	font-weight:600;
	font-size:14px;
	text-transform: uppercase;
	letter-spacing: 1px;
	color: #777777;
 -webkit-transition: all .5s ease;
 -moz-transition: all .5s ease;
 transition: all .5s ease;
	display: inline-block;
	line-height: 14px;
	text-decoration:none;
}
.websiteIndex .menu li a:hover {
	color: #333333;
}
.websiteIndex .menu li.order-btn {
	margin: -15px;
}
.websiteIndex .menu li.order-btn a {
	border-radius:4px;
	-webkit-border-radius:4px;
	-moz-border-radius:4px;
	border:solid 1px #f55f2a;
	background:transparent;
	padding:10px 15px;
	color:#f55f2a;
}
.websiteIndex .overlay-bar .menu li.order-btn a {
	color:#f55f2a;
}
.websiteIndex .overlay-bar .menu li.order-btn a.hvr-fade:hover {
	background:#f55f2a;
}
.websiteIndex .header-container {
	text-align:center;
	color:#ffffff;
	margin:190px 0 0 0;
	font-family: 'Roboto', Arial, Helvetica, sans-serif;
}
.websiteIndex .header-container h1 {
	font-weight:300;
	font-size:30px;
	line-height:38px;
	margin:10px 0 0 0;
	color:rgba(255, 255, 255, 0.8);
	font-family: 'Roboto', Arial, Helvetica, sans-serif;
}
.websiteIndex .header-container .logo {
	margin:0 auto;
	background:rgba(48, 55, 73, 0.8);
	border-radius:6px;
	padding:35px 0;
	width:50%;
	position:relative;
}
.websiteIndex .featured-container {
	background:#f5f5f5;
	padding:15px 0 30px 0;
	text-align:center;
	font-size:18px;
	color:#5b5b5b;
	font-weight:600;
}
.websiteIndex .featured-container .bx-wrapper .slide {
	text-align:center;
}
.featured-container .bx-wrapper .slide img {
	margin:0 auto;
}
.websiteIndex .about-container {
	padding:5% 0;
	background:#ffffff;
}
.websiteIndex .about-container p {
	margin:30px 0;
	font-size:16px;
	color:#777777;
	font-weight:normal;
}
.websiteIndex a.black-btn {
	background:#181b1e;
	border-radius:4px;
	-webkit-border-radius:4px;
	-moz-border-radius:4px;
	display:inline-block;
	color:#ffffff;
	font-size:16px;
	font-weight:600;
	text-transform:uppercase;
	text-decoration:none;
	padding:12px 40px;
}
.websiteIndex a.black-btn.hvr-fade:hover {
	background:#333435;
}
.websiteIndex h2 {
	font-size:32px;
	font-weight:300;
	color:#333333;
}
.websiteIndex h3 {
	font-size:34px;
	font-weight:600;
	color:#333333;
	text-align:center;
}
.websiteIndex .about-container .col-md-6.forImg {
	text-align:right;
}
.websiteIndex .features-container {
	padding:4% 0;
	background:#ffffff;
}
.websiteIndex .features-container h3, .websiteIndex .websiteIndex .our-team-container h3, .websiteIndex .about-container h3, .websiteIndex .websiteIndex .industry-container h3 {
	text-align:center;
	margin:0 0 15px 0;
}
.websiteIndex .features-container p, .websiteIndex .websiteIndex .our-team-container p, .websiteIndex .about-container p, .websiteIndex .websiteIndex .industry-container p {
	font-size:17px;
	font-weight:normal;
	color:#777777;
	line-height:22px;
	text-align:center;
	width:60%;
	margin:0 auto 10px auto;
}
.websiteIndex .features-container .boxes {
	margin:60px 0 0 0;
}
.websiteIndex .features-container .boxes .icon {
	width:115px;
	height:115px;
	background:#f9f9f9;
	border: solid 1px #ececec;
	border-radius:10px;
	-webkit-border-radius:10px;
	-moz-border-radius:10px;
	-o-border-radius:10px;
	-ms-border-radius:10px;
	float:left;
	padding:0;
	color:#f55f2a;
	text-align:center;
	line-height:115px;
	-webkit-transition: All 0.5s ease;
	-moz-transition: All 0.5s ease;
	-o-transition: All 0.5s ease;
	-ms-transition: All 0.5s ease;
	transition: All 0.5s ease;
	padding:22px 0 0 0;
}
.websiteIndex .features-container .boxes .icon:hover {
	background:#303749;
	color:#ffffff;
	border-color:#303749;
}
.websiteIndex .features-container .boxes .icon i {
	font-size:65px;
	margin:0 auto;
	width:auto;
	height:auto;
}
.websiteIndex .features-container .boxes .icon i:before {
	margin:0;
	width:auto;
	height:auto;
}
.websiteIndex .features-container .boxes .icon i.icon-school-bus-tracking {
	font-size:50px;
}
.websiteIndex .features-container .boxes .icon i.icon-school-bus-tracking:before {
	margin:10px 0 0 0;
}
.websiteIndex .features-container .boxes .icon i.icon-sales-field-tracking {
	font-size:55px;
}
.websiteIndex .features-container .boxes .icon i.icon-graphical-reports {
	font-size:55px;
}
.websiteIndex .features-container .boxes .icon i.icon-route-optimization {
	font-size:55px;
}
.websiteIndex .features-container .boxes .icon i.icon-vehicle-maintenance {
	font-size:70px;
}
.websiteIndex .features-container .boxes .info {
	width:65%;
	float:right;
	margin:-2px 40px 0 0;
	text-align:left;
}
.websiteIndex .features-container .boxes .info strong {
	display:block;
	font-size:21px;
	color:#2d2d2d;
	font-weight:600;
	margin:0 0 3px 0;
	color:#2d2d2d;
}
.websiteIndex .features-container .boxes .info p {
	font-size:15px;
	font-weight:normal;
	color:#434343;
	text-align:left;
	line-height:20px;
	margin:0;
	width:100%;
}
.websiteIndex .ClrBth {
	clear:both;
}
.websiteIndex .websiteIndex .our-team-container {
	background:#f4f4f4;
	padding:4% 0;
}
.websiteIndex .testimonial-container {
	background: url(../images/clientBg.jpg) no-repeat center center fixed;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
	padding:4% 0;
}
.websiteIndex .testimonial-container h3 {
	text-align:center;
	color:#ffffff;
	margin:0 0 30px 0;
	font-weight:normal;
}

.websiteIndex .testimonial-container #owl-demo.owl-carousel {
	width:75%;
	margin:0 auto;
}
.websiteIndex .testimonial-container #carousel {
	text-align:center;
}
.websiteIndex .testimonial-container #carousel p {
	font-size:18px;
	font-weight:300;
	color:rgba(255, 255, 255, 0.8);
	font-style:italic;
	line-height:28px;
	padding:10px 0 0 0;
}
.websiteIndex .testimonial-container #carousel .profile-pic {
	display:block;
	width:110px;
	height:110px;
	border-radius:110px;
	-webkit-border-radius:110px;
	-moz-border-radius:110px;
	overflow:hidden;
	margin:15px auto;
	border:solid 4px rgba(255, 255, 255, 0.2);
}
.websiteIndex .testimonial-container #carousel .profile-pic img {
	display:block;
	border-radius:50px;
	-webkit-border-radius:50px;
	-moz-border-radius:50px;
	width:110px;
	height:auto;
}
.websiteIndex .testimonial-container #carousel .name {
	font-size:18px;
	color:#ffffff;
	font-weight:600;
}
.websiteIndex .testimonial-container #carousel .website a {
	font-weight:300;
	font-size:16px;
	color:#ffffff;
	text-decoration:none;
}
.websiteIndex .testimonial-container #carousel .website a:hover {
	text-decoration:underline;
}
.websiteIndex .testimonial-container #carousel #fade-quote-carousel.carousel {
	padding-bottom: 60px;
}
.websiteIndex .testimonial-container #carousel #fade-quote-carousel.carousel .carousel-inner .item {
	opacity: 0;
	-webkit-transition-property: opacity;
	-ms-transition-property: opacity;
	transition-property: opacity;
}
.websiteIndex .testimonial-container #carousel #fade-quote-carousel.carousel .carousel-inner .active {
	opacity: 1;
	-webkit-transition-property: opacity;
	-ms-transition-property: opacity;
	transition-property: opacity;
}
.websiteIndex .testimonial-container #carousel #fade-quote-carousel.carousel .carousel-indicators {
	bottom: 10px;
}
.websiteIndex .testimonial-container #carousel #fade-quote-carousel.carousel .carousel-indicators > li {
	background:url(../images/bullet.png) no-repeat center center;
	border: none;
	width:18px;
	height:18px;
}
.websiteIndex .testimonial-container #carousel #fade-quote-carousel.carousel .carousel-indicators > li.active {
	background:url(../images/bullet-active.png) no-repeat center center;
}
.websiteIndex .testimonial-container #carousel #fade-quote-carousel .websiteIndex blockquote {
	text-align: center;
	border: none;
	font-style:normal;
	margin:0 0 10px 0;
	padding:0;
}
.websiteIndex .seen-on-container {
	background:#ffffff;
	padding:1% 0;
}
.websiteIndex .seen-on-container h3 {
	text-align:center;
}
.websiteIndex .seen-on-container #owl-demo.owl-carousel .owl-wrapper-outer {
	width:90%;
	margin:0 auto;
}
.websiteIndex .seen-on-container #owl-demo .owl-controls .owl-buttons div {
	position:absolute;
	top:12%;
	font-size:0;
	width:38px;
	text-align:center;
}
.websiteIndex .seen-on-container #owl-demo .owl-controls .owl-buttons div.owl-prev {
	left:0;
}
.websiteIndex .seen-on-container #owl-demo .owl-controls .owl-buttons div.owl-next {
	right:0;
}
.websiteIndex .seen-on-container #owl-demo .owl-controls .owl-buttons div.owl-prev:before {
	content: '\e802';
	font-family: "icon-fonts";
	font-size:32px;
	color:#aeb1b8;
}
.websiteIndex .seen-on-container #owl-demo .owl-controls .owl-buttons div.owl-next:before {
	content: '\e801';
	font-family: "icon-fonts";
	font-size:32px;
	color:#aeb1b8;
}
.websiteIndex .newsletter-container .inner {
	padding:160px 0px;
	position: relative;
	overflow: hidden;
	height: auto;
}
.websiteIndex .newsletter-container .inner h4 {
	font-size:45px;
	font-weight:300;
	color:#ffffff;
	text-align:center;
	margin:0 0 40px 0;
	padding:0;
	display:block;
}
.websiteIndex .newsletter-container .inner .container {
	position:relative;
	width:50%;
	margin:0 auto;
}
.websiteIndex .newsletter-container .inner .form-control {
	border-radius:35px;
	-webkit-border-radius:35px;
	-moz-border-radius:35px;
	height:50px;
	border:0;
	outline:0;
	font-size: 15px;
	color: #9e9e9e;
	padding: 6px 15px;
}
.websiteIndex .newsletter-container .inner input[type=button] {
	border-radius:35px;
	-webkit-border-radius:35px;
	-moz-border-radius:35px;
	height:50px;
	border:0;
	outline:0;
	font-size: 18px;
	color: #ffffff;
	padding: 6px 15px;
	background:#f55f2a;
	width:100%;
}
.websiteIndex ..websiteIndex footer-container {
	background:rgba(48, 55, 73, 1);
	padding:15px 0 10px 0;
}
.websiteIndex .copyright {
	margin:0 0 0 0;
	font-size:14px;
	color:#ffffff;
	font-weight:normal;
}
.websiteIndex .copyright a {
	font-size:14px;
	color:rgba(255, 255, 255, 0.5);
	font-weight:normal;
	vertical-align:middle;
	text-decoration:none;
	display:inline-block;
	margin:0 3px;
}
.websiteIndex .copyright a:hover {
	color:rgba(255, 255, 255, 0.8);
}
.websiteIndex .copyright a i {
	font-size:16px;
}
.websiteIndex .copyright a i.icon-twitter-2 {
	font-size:13px;
}
.websiteIndex .mobile-toggle .icon_menu {
	font-style:normal;
}
.websiteIndex .mobile-toggle .icon_menu:before {
	content: '\e876';
	font-family: 'icon-fonts';
	font-size: 28px;
	color: #5e6161;
}
.websiteIndex .top-bar .social-icons li a {
	font-size: 16px;
}
.websiteIndex .websiteIndex .top-bar .logo-light {
	display: none;
}
.websiteIndex .top-bar .utility-menu .utility-inner {
	border-bottom: 1px solid rgba(0, 0, 0, 0.2);
}
.websiteIndex .overlay-bar .menu li a {
	color: #fff;
}
.websiteIndex .overlay-bar .menu li a:hover {
	color: #fff;
}
.websiteIndex .overlay-bar .social-icons li a {
	color: #fff;
}
.websiteIndex .overlay-bar .subnav li a {
	color: #777777;
}
.websiteIndex .overlay-bar .subnav li a:hover {
	color: #333333;
}
.websiteIndex .overlay-bar .logo-dark {
	display: none;
}
.websiteIndex .overlay-bar .logo-light {
	display: block;
}
.websiteIndex .overlay-bar .utility-menu span {
	color: #fff;
}
.websiteIndex .overlay-bar .utility-menu .utility-inner {
	border-bottom: 1px solid rgba(255, 255, 255, 0.3);
}
.websiteIndex .overlay-bar .login-button {
	border-color: #fff;
	color: #fff;
}
.websiteIndex .subnav {
	display: none;
	position: absolute;
	background: #fff;
	padding: 24px;
 -webkit-transition: all .5s ease;
 -moz-transition: all .5s ease;
 transition: all .5s ease;
}
.websiteIndex .subnav li {
	margin-right: 0px !important;
	min-width: 142px;
}
.websiteIndex .subnav li a {
	padding-bottom: 0px !important;
	margin-bottom: 16px;
}
.websiteIndex .subnav li:last-child a {
	margin-bottom: 0px;
}
.websiteIndex .has-dropdown:hover .subnav {
	display: block;
}
.websiteIndex .nav-sticky {
	position: fixed !important;
	top: 0;
}
.websiteIndex .nav-sticky .logo {
	bottom: 5px;
}
.websiteIndex .nav-sticky hr {
	display: none !important;
}
.websiteIndex .top-bar.nav-sticky {
	background: rgba(26, 44, 54, 0.9);
}
.websiteIndex .top-bar.nav-sticky .nav-menu {
	padding-top: 32px;
}
.websiteIndex .top-bar.nav-sticky .subnav {
	background: rgba(255, 255, 255, 0.9);
}
.websiteIndex .top-bar.nav-sticky .utility-menu {
	display: none;
}
.websiteIndex .subnav-fullwidth {
	overflow: hidden;
	left: 0px;
	position: absolute;
	text-align: left;
}
.websiteIndex .subnav-fullwidth h6 {
	margin-bottom: 24px !important;
}
.websiteIndex .subnav-fullwidth .subnav {
	position: relative;
	overflow: hidden;
	background: none !important;
	text-align: left;
	padding: 0px;
}
.websiteIndex .subnav-fullwidth .subnav li {
	float: none !important;
}
.websiteIndex .subnav-fullwidth .btn {
	padding-bottom: 13px !important;
	color: #6dbcdb !important;
}
.websiteIndex .subnav-fullwidth .btn {
	margin-bottom: 16px;
}
.websiteIndex .subnav-fullwidth .btn:hover {
	color: #fff !important;
}
.websiteIndex .subnav-fullwidth .btn-filled, .websiteIndex .subnav-fullwidth .btn-filled:hover {
	color: #fff !important;
}
.websiteIndex .overlay-bar.nav-sticky .logo-light {
	display: block;
}
.websiteIndex .overlay-bar.nav-sticky .logo-dark {
	display: none;
}
.websiteIndex .overlay-bar.nav-sticky .menu li a {
	color: #ffffff;
}
.websiteIndex .overlay-bar.nav-sticky .menu li.order-btn a {
	color:#f55f2a;
}
.websiteIndex .overlay-bar.nav-sticky .menu li.order-btn a:hover {
	color:#ffffff;
}
.websiteIndex .overlay-bar.nav-sticky .social-icons li a {
	color: #ffffff;
}
.websiteIndex .overlay-bar.nav-sticky .has-dropdown:after {
	color: #eeeeee;
}
.websiteIndex .offscreen-menu .logo {
	padding-bottom: 32px;
}
.websiteIndex .offscreen-toggle i {
	font-size: 36px;
	cursor: pointer;
}
.websiteIndex .nav-sticky .offscreen-toggle i {
	color: #333333 !important;
}
.websiteIndex .offscreen-container {
	position: fixed;
	width: 300px;
	background: #333333;
	right: 0px;
	height: 100%;
	top: 0px;
	z-index: 99999;
 -webkit-transition: all .3s ease;
 -moz-transition: all .3s ease;
 transition: all .3s ease;
	-webkit-transform: translate3d(300px, 0, 0);
	-moz-transform: translate3d(300px, 0, 0);
	transform: translate3d(300px, 0, 0);
	padding: 40px;
}
.websiteIndex .offscreen-container.reveal-nav {
	-webkit-transform: translate3d(0px, 0, 0);
	-moz-transform: translate3d(0px, 0, 0);
	transform: translate3d(0px, 0, 0);
}
.websiteIndex .offscreen-menu .container {
 -webkit-transition: all .3s ease;
 -moz-transition: all .3s ease;
 transition: all .3s ease;
	-webkit-transform: translate3d(0px, 0, 0);
	-moz-transform: translate3d(0px, 0, 0);
	transform: translate3d(0px, 0, 0);
}
.websiteIndex .offscreen-menu .container.reveal-nav {
	-webkit-transform: translate3d(-300px, 0, 0);
	-moz-transform: translate3d(-300px, 0, 0);
	transform: translate3d(-300px, 0, 0);
}
.websiteIndex .offscreen-container .logo {
	bottom: 0px !important;
}
.websiteIndex .offscreen-container .menu {
	display: block;
}
.websiteIndex .offscreen-container .menu li {
	float: none;
	margin-bottom: 16px;
}
.websiteIndex .offscreen-container .menu li a {
	padding-bottom: 0px !important;
	color: #aaa !important;
}
.websiteIndex .offscreen-container .menu li a:hover {
	color: #fff !important;
}
.websiteIndex .offscreen-container .social-icons {
	position: absolute;
	bottom: 40px;
}
.websiteIndex .offscreen-container .social-icons li a {
	color: #fff !important;
}
.websiteIndex .language {
	display: inline-block;
	margin-left: 8px;
}
.websiteIndex .language img {
	max-width: 20px;
}
.websiteIndex .overlay:before {
	position: absolute;
	width: 100%;
	height: 100%;
	top: 0px;
	content: '';
	opacity: 0.9;
	z-index: 2;
	left: 0;
}
.websiteIndex .overlay .container {
	position: relative;
	z-index: 3;
}
.websiteIndex header {
	position: relative;
	overflow: hidden;
}
.websiteIndex header .container {
	position: relative;
	z-index: 3;
	width:41%;
	padding:5% 0 0 0;
	margin:0 auto;
	text-align:center;
}
.websiteIndex header .logo {
	max-width: 200px;
	display: inline-block;
	margin-bottom: 24px;
}
.websiteIndex header .btn {
	margin-right: 16px;
}
.websiteIndex header .btn:last-child {
	margin-right: 0px;
}
.websiteIndex .page-header {
	margin: 0px;
	padding: 0px;
	padding: 160px 0px;
	border-bottom: none;
}
.websiteIndex .page-header h1 {
	font-size: 40px;
	margin-bottom: 24px;
}
.websiteIndex .page-header p.lead {
	font-size: 18px;
}
.websiteIndex .page-header:before {
	position: absolute;
	width: 100%;
	height: 100%;
	top: 0px;
	content: '';
	opacity: 0.3;
	z-index: 2;
	background-color: #333333;
}
.websiteIndex .page-header .background-image-holder {
	height: 150%;
	top: -20%;
}
.websiteIndex .hero-slider {
	padding: 0px;
	position: relative;
}
.websiteIndex .hero-slider .slides li {
	height: 650px;
	overflow: hidden;
	position: relative;
}
.websiteIndex .hero-slider .slides li h1 {
	font-size: 38px;
	line-height: 56px;
	margin-bottom: 40px;
}
.websiteIndex .hero-slider .slides li .btn {
	margin-right: 16px;
}
.websiteIndex .hero-slider .websiteIndex .flex-direction-nav a {
	color: rgba(0, 0, 0, 0);
}
.websiteIndex .flex-direction-nav a:before {
	top: 17px;
	font-size: 36px;
	left: 10px;
}
.websiteIndex .flex-direction-nav a.flex-next:before {
	left: -10px;
}
.websiteIndex .hero-slider .slides li.overlay:before {
	position: absolute;
	width: 100%;
	height: 100%;
	top: 0px;
	content: '';
	opacity: 0.3;
	z-index: 2;
	background-color: #222222;
}
.websiteIndex .header-icons {
	padding: 160px 0px;
	position: relative;
	overflow: hidden;
}
.websiteIndex .header-icons h1 {
	margin-bottom: 80px;
}
.websiteIndex .header-icons i {
	font-size: 56px;
	display: inline-block;
	margin-bottom: 16px;
}
.websiteIndex .header-icons .down-arrow {
	display: inline-block;
	width: 64px;
	height: 64px;
	border-radius: 50%;
	border: 2px solid #fff;
	text-align: center;
	padding-top: 10px;
	margin-top: 160px;
}
.websiteIndex .header-icons .down-arrow i {
	font-size: 40px;
	position: relative;
	right: 1px;
}
.websiteIndex header.title {
	height: 565px;
	position: relative;
	overflow: hidden;
}
.websiteIndex header.title h1 {
	margin-bottom: 16px;
	font-size: 40px;
}
.websiteIndex header.title .sub {
	font-size: 12px;
	letter-spacing: 0px;
}
.websiteIndex header.title .container {
	position: relative;
	z-index: 3;
}
.websiteIndex header.title:before {
	position: absolute;
	width: 100%;
	height: 100%;
	top: 0px;
	content: '';
	opacity: 0.3;
	z-index: 2;
	background-color: #333333;
}
.websiteIndex .action-banner {
	padding: 104px 0px;
	overflow: hidden;
	position: relative;
}
.websiteIndex .action-banner .container {
	position: relative;
	z-index: 3;
}
.websiteIndex .action-banner h1 {
	font-size: 40px;
	line-height: 56px;
	font-weight: 600;
	margin-bottom: 64px;
	margin-bottom: 24px;
}
.websiteIndex .action-banner h2 {
	font-size: 32px;
	line-height: 44px;
	margin-bottom: 48px;
	margin-bottom: 40px;
}
.websiteIndex .action-banner .btn {
	margin-right: 16px;
}
.websiteIndex header.inner {
	padding:250px 0px;
	position: relative;
	overflow: hidden;
	height: auto;
}
.websiteIndex header.inner h1 {
	font-weight:normal;
	font-size:45px;
	margin:0 0 20px 0;
	color:#ffffff;
	text-align:center;
}
.websiteIndex header.inner p {
	font-size:19px;
	font-weight:300;
	color:#ffffff;
	text-align:center;
}
.websiteIndex header.inner form {
	width:80%;
	margin:0 auto;
}
.websiteIndex header.inner form .form-group {
	margin:0 0 20px 0;
}
.websiteIndex header.inner form .form-control {
	height:50px;
	font-size:16px;
	color:#9e9e9e;
	padding:6px 50px 6px 12px;
	border-radius:4px;
	-webkit-border-radius:4px;
	-moz-border-radius:4px;
}
.websiteIndex header.inner form .form-control:focus {
	outline:0;
	box-shadow:none;
}
.websiteIndex header.inner form .form-control.name-input {
	background:#ffffff url(../images/search-icon.png) no-repeat center right;
}
.websiteIndex header.inner form .form-control.street-input {
	background:#ffffff url(../images/mappin-icon.png) no-repeat center right;
}
.websiteIndex header.inner form .button {
	text-align:center;
}
.websiteIndex header.inner form .button input[type=button] {
	border-radius:4px;
	-webkit-border-radius:4px;
	-moz-border-radius:4px;
	background:#f55f2a;
	color:#ffffff;
	font-size:18px;
	font-weight:600;
	border:0;
	outline:0;
	padding:12px 55px;
}
.websiteIndex header.inner form .button input[type=button].hvr-fade:hover, .websiteIndex header.inner form .button input[type=button].hvr-fade:focus, .websiteIndex header.inner form .button input[type=button].hvr-fade:active {
	background-color: #dd7800;
	color: white;
}
.websiteIndex header.inner .websiteIndex .photo-form-wrapper {
	margin-bottom: 0px;
}
.websiteIndex header.inner .websiteIndex .photo-form-wrapper .btn {
	padding-top: 19px;
	padding-bottom: 19px;
	border-radius: 50px;
	max-width: 250px;
	height: 52px;
}
.websiteIndex header.inner:before {
	position: absolute;
	width: 100%;
	height: 100%;
	top: 0px;
	content: '';
	opacity: 0.3;
	z-index: 2;
	background-color: #333333;
}
.websiteIndex .product-right {
	height: 650px;
	position: relative;
	overflow: hidden;
	padding: 0px;
}
.websiteIndex .product-right h1 {
	margin-bottom: 32px;
}
.websiteIndex .product-right p.lead {
	margin-bottom: 32px;
}
.websiteIndex .product-right .btn {
	margin-right: 16px;
}
.websiteIndex .product-right .product-image {
	position: absolute;
	right: -40px;
	bottom: -80px;
	max-width: 750px;
}
.websiteIndex .video-holder {
	padding:20px 0px;
	position: relative;
	overflow: hidden;
	height:600px;
}
.websiteIndex .video-holder .video-overlay {
	background:rgba(0, 0, 0, 0.4);
	position:absolute;
	left:0;
	right:0;
	z-index:1;
	top:0;
	bottom:0;
}
.websiteIndex .video-holder:before {
	position: absolute;
	width: 100%;
	height: 100%;
	top: 0px;
	content: '';
	opacity: 0.4;
	z-index: 2;
	background-color: #333333;
}
.websiteIndex .video-holder .btn {
	margin-right: 16px;
	margin-top: 24px;
}
.websiteIndex .video-holder .btn:last-child {
	margin-right: 0px;
}
.websiteIndex .video-holder .container {
	position: relative;
	z-index: 3;
}
.websiteIndex .video-wrapper {
	position: absolute;
	width: 100%;
	top: 0px;
	left: 0px;
	z-index: 0;
}
.websiteIndex .video-wrapper video {
	width: 100%;
	position: absolute;
	top: 0px;
}
.websiteIndex .divider-video .overlay {
	z-index: 1;
	opacity: 0.4;
}
.websiteIndex .divider-video .divider-content {
	position: relative;
	z-index: 2;
	padding-top: 121px;
	padding-bottom: 121px;
}
.websiteIndex header.centered-text h1 {
	font-size: 40px;
	margin-bottom: 24px;
	line-height: 56px;
}
.websiteIndex header.centered-text .btn {
	margin-right: 16px;
	margin-top: 24px;
}
.websiteIndex header.centered-text .btn:last-child {
	margin-right: 0px;
}
.websiteIndex header.fullscreen-element .overlay:before, .websiteIndex .image-divider.overlay:before {
	position: absolute;
	width: 100%;
	height: 100%;
	top: 0px;
	content: '';
	opacity: 0.3;
	z-index: 2;
	background-color: #333333;
}
.websiteIndex .bottom-band {
	width: 100%;
	position: absolute;
	bottom: 0px;
	background: rgba(0, 0, 0, 0.4);
	padding-top: 53.33333333px;
}
.websiteIndex .bottom-band .col-sm-4 {
	margin-bottom: 53.33333333px;
}
.websiteIndex .bottom-band .link-text {
	border-color: #fff;
}
.websiteIndex .bottom-band .link-text:hover {
	color: #fff;
}
.websiteIndex .bottom-band h3 {
	margin-bottom: 8px;
}
.websiteIndex .image-divider i {
	font-size: 56px;
	margin-bottom: 24px;
}
.websiteIndex .image-divider .websiteIndex .feature-icon-large i {
	border-color: #fff;
	color: #fff;
}
.websiteIndex .feature {
	overflow: hidden;
}
.websiteIndex .feature h4 {
	font-weight: 600;
}
.websiteIndex .feature i {
	color: #fc4349;
}
.websiteIndex .websiteIndex .feature-icon-large i {
	display: block;
	height: 104px;
	width: 104px;
	border: 2px solid #fc4349;
	border-radius: 50%;
	text-align: center;
	color: #fc4349;
	font-size: 40px;
	padding-top: 31px;
	margin-bottom: 32px;
}
.websiteIndex .duplicatable-content .feature {
	margin-bottom: 40px;
}
.websiteIndex .feature-selector ul {
	list-style: none;
	padding: 0;
}
.websiteIndex .feature-icon-large .pull-left {
	width: 25%;
}
.websiteIndex .feature-icon-large .pull-right {
	width: 75%;
}
.websiteIndex .feature-icon-large .pull-left .icon {
	border: none;
	width: auto;
	font-size: 48px;
	padding-top: 0px;
}
.websiteIndex .selector-tabs {
	margin-bottom: 56px;
}
.websiteIndex .selector-tabs li {
	text-align: center;
 -webkit-transition: all .3s ease;
 -moz-transition: all .3s ease;
 transition: all .3s ease;
	opacity: 0.4;
	cursor: pointer;
	float: left;
}
.websiteIndex .selector-tabs li:hover {
	opacity: 1;
}
.websiteIndex .selector-tabs li.active {
	opacity: 1;
}
.websiteIndex .selector-tabs li span {
	font-size: 16px;
	font-weight: 600;
	position: relative;
	bottom: 12px;
}
.websiteIndex .selector-tabs li i {
	font-size: 40px;
	display: inline-block;
	margin-right: 8px;
}
.websiteIndex .selector-content li {
	display: none;
 -webkit-transition: all .3s ease;
 -moz-transition: all .3s ease;
 transition: all .3s ease;
	opacity: 0;
}
.websiteIndex .selector-content li.active {
	display: block;
	opacity: 1;
}
.websiteIndex .selector-content h1 {
	margin-bottom: 56px;
}
.websiteIndex .feature-icon-small {
	margin-bottom: 32px;
}
.websiteIndex .feature-icon-small i {
	color: #fc4349;
	font-size: 36px;
	display: inline-block;
	margin-bottom: 32px;
}
.websiteIndex .feature-icon-small h6 {
	font-weight: bold;
}
.websiteIndex .primary-features {
	background: #fc4349 !important;
}
.websiteIndex .primary-features .feature-icon-small i {
	color: #fff;
}
.websiteIndex .feature-divider {
	position: relative;
	overflow: hidden;
}
.websiteIndex .feature-divider h1 {
	margin-bottom: 40px;
}
.websiteIndex img.phone-portrait {
	max-height: 580px;
}
.websiteIndex .store-link {
	display: inline-block;
	overflow: hidden;
	margin-right: 16px;
	margin-top: 24px;
}
.websiteIndex .store-link img {
	height: 50px;
}
.websiteIndex .feature-icon-left {
	overflow: hidden;
	margin-bottom: 40px;
	float: left;
}
.websiteIndex .feature-icon-left .icon-holder {
	width: 45px;
	float: left;
}
.websiteIndex .feature-icon-left i {
	font-size: 32px;
}
.websiteIndex .feature-icon-left .feature-text {
	width: 217px;
	float: left;
	padding-top: 8px;
}
.websiteIndex .feature-box {
	padding: 64px 40px;
	position: relative;
	z-index: 1;
	overflow: hidden;
	min-height: 397px;
}
.websiteIndex .feature-box .background-image-holder {
	z-index: 0;
	left: 0;
}
.websiteIndex .feature-box .background-image-holder.overlay:before {
	position: absolute;
	width: 100%;
	height: 100%;
	top: 0px;
	content: '';
	opacity: 0.3;
	z-index: 2;
	background-color: #333333;
	z-index: -1;
}
.websiteIndex .feature-box h1 {
	margin-bottom: 24px;
}
.websiteIndex .feature-box .btn {
	margin-top: 24px;
}
.websiteIndex .feature-box .inner {
	width: 66.66666%;
	position: relative;
	z-index: 3;
}
.websiteIndex .contained-feature-boxes .row {
	padding: 0px 15px;
}
.websiteIndex .contained-feature-boxes .image-slider {
	margin: 0px;
}
.websiteIndex .contained-feature-boxes .image-slider .websiteIndex .flex-direction-nav {
	display: none;
}
.websiteIndex .contained-feature-boxes .image-slider .flex-control-nav {
	bottom: 24px;
}
.websiteIndex .contained-feature-boxes .image-slider .flex-control-nav li a {
	background: rgba(255, 255, 255, 0.5);
}
.websiteIndex .contained-feature-boxes .image-slider .flex-control-nav li a.flex-active {
	background: rgba(255, 255, 255, 0.9);
}
.websiteIndex .feature-box.contained {
	padding: 40px;
	overflow: hidden;
}
.websiteIndex .feature-box.contained .inner {
	width: 100%;
}
.websiteIndex .clients p {
	margin-bottom: 48px !important;
}
.websiteIndex .client-row {
	overflow: hidden;
	text-align: center;
	line-height: 0;
}
.websiteIndex .client-row .col-sm-3 {
	display: inline-block;
	min-height: 80px;
	line-height: 80px;
	padding-top: 16px;
	padding-bottom: 16px;
}
.websiteIndex .client-row img {
	max-height: 60px;
	max-width: 140px;
	opacity: 0.3;
 -webkit-transition: all .3s ease;
 -moz-transition: all .3s ease;
 transition: all .3s ease;
	-webkit-backface-visibility: none;
}
.websiteIndex .client-row img:hover {
	opacity: 1;
}
.websiteIndex .client-row .websiteIndex .row-wrapper {
	display: inline-block;
	width: 80%;
	border-bottom: 1px solid rgba(0, 0, 0, 0.2);
}
.websiteIndex .client-row:last-child .websiteIndex .row-wrapper {
	border-bottom: none;
}
.websiteIndex .row-wrapper .col-sm-3 {
	border-right: 1px solid rgba(0, 0, 0, 0.2);
}
.websiteIndex .row-wrapper .col-sm-3:last-child {
	border-right: none;
}
.websiteIndex .clients-2 {
	text-align: center;
	padding: 64px 0px 64px 0px;
}
.websiteIndex .clients-2 .col-md-2 {
	height: 80px;
	line-height: 80px;
}
.websiteIndex .clients-2 img {
	max-height: 60px;
	max-width: 140px;
 -webkit-transition: all .3s ease;
 -moz-transition: all .3s ease;
 transition: all .3s ease;
	opacity: 0.4;
}
.websiteIndex .clients-2 img:hover {
	opacity: 1;
}
.websiteIndex .wood-divider .product-image {
	top: 22%;
	transform: rotate(-15deg);
	right: -100px;
}
.websiteIndex .websiteIndex  .accordion-active {
	background-color: #fc4349;
	color: #fff;
}
.websiteIndex .background-image-holder, .websiteIndex .foreground-image-holder {
	position: absolute;
	top: 0px;
	left: 0px;
	width: 100%;
	height: 100%;
	background-size: cover !important;
	z-index: 0;
	background-position: 50% 50% !important;
}
.websiteIndex .background-image-holder.parallax-background {
	height: 120%;
	top: -10%;
}
.websiteIndex .hover-background .background-image-holder, .websiteIndex .hover-background .foreground-image-holder {
	transition: all 0.3s ease-out;
	-webkit-transition: all 0.3s ease-out;
	-moz-transition: all 0.3s ease-out;
}
.websiteIndex .hover-background .background-image-holder {
	height: 110%;
	width: 110%;
}
.websiteIndex .side-image {
	padding: 0px;
	position: relative;
}
.websiteIndex .side-image .image-container {
	overflow: hidden;
	position: absolute;
	height: 100%;
	padding: 0px;
	top: 0px;
}
.websiteIndex .side-image .image-container.pull-right {
	right: 0px;
}
.websiteIndex .side-image .content {
	padding-top: 80px;
	padding-bottom: 80px;
}
.websiteIndex .side-image h1 {
	margin-bottom: 40px;
}
.websiteIndex .side-image p.lead {
	margin-bottom: 64px;
}
.websiteIndex .side-image.text-heavy h1 {
	margin-bottom: 32px;
}
.websiteIndex .side-image.text-heavy p.lead {
	margin-bottom: 40px;
}
.websiteIndex .side-image.text-heavy .feature {
	margin-top: 64px;
}
.websiteIndex .side-image.text-heavy .feature h5 {
	margin-bottom: 40px;
}
.websiteIndex .icons-large {
	list-style: none;
	overflow: hidden;
	display: inline-block;
	padding: 0px;
	margin-bottom: 32px;
}
.websiteIndex .icons-large li {
	float: left;
	margin-right: 48px;
	font-size: 48px;
	color: #fc4349;
}
.websiteIndex .icons-large li:last-child {
	margin-right: 0px;
}
.websiteIndex .text-banner h1 {
	margin-bottom: 24px;
}
.websiteIndex .text-banner p:last-child {
	margin-bottom: 32px;
}
.websiteIndex  .websiteIndex  .accordion-section .websiteIndex .icons-large {
	margin-bottom: 0px;
}
.websiteIndex  .websiteIndex  .accordion-section .feature {
	margin-bottom: 40px;
}
.websiteIndex  .websiteIndex  .accordion-section .feature:last-child {
	margin-bottom: 0px;
}
.websiteIndex  .accordion {
	border-radius: 25px;
	list-style: none;
	overflow: hidden;
	border: 2px solid #dadada;
	padding: 0px;
}
.websiteIndex  .accordion .title span {
	padding: 0px 24px;
	display: block;
}
.websiteIndex  .accordion .title {
	font-weight: 600;
	font-size: 16px;
	color: #333333;
	padding: 24px 0px;
	cursor: pointer;
 -webkit-transition: all .3s ease;
 -moz-transition: all .3s ease;
 transition: all .3s ease;
	border-bottom: 2px solid #dadada;
}
.websiteIndex  .accordion .title:hover {
	background-color: #fc4349;
	color: #fff;
}
.websiteIndex  .accordion li:last-child .title, .websiteIndex  .accordion li:last-child .text {
	border-bottom: none !important;
}
.websiteIndex  .accordion .text {
	padding: 0px 24px;
	max-height: 0px;
 -webkit-transition: all .5s ease;
 -moz-transition: all .5s ease;
 transition: all .5s ease;
	overflow: hidden;
	opacity: 0;
}
.websiteIndex  .accordion li.active .title {
	background-color: #fc4349;
	color: #fff;
	border-bottom: 2px solid #dadada;
}
.websiteIndex  .accordion li.active .text {
	padding: 24px;
	max-height: 500px;
	border-bottom: 2px solid #dadada;
	opacity: 1;
}
.websiteIndex  .text-image-bottom {
	padding-bottom: 0px;
}
.websiteIndex  .text-image-bottom img {
	display: inline-block;
	margin-top: 64px;
}
.websiteIndex .inline-video-wrapper {
	width: 100%;
	height: auto;
	overflow: hidden;
}
.websiteIndex .inline-video-wrapper video {
	width: 100%;
}
.websiteIndex .testimonials-slider {
	position: relative;
	margin-bottom: 24px;
}
.websiteIndex .testimonials-slider p.lead {
	font-size: 18px;
}
.websiteIndex .testimonials-slider .author {
	font-family: "Raleway", "Open Sans", "Helvetica Neue", Helvetica, Arial, sans-serif;
	font-weight: bold;
	font-size: 11px;
	text-transform: uppercase;
	letter-spacing: 1px;
}
.websiteIndex .testimonials-slider .flex-control-nav {
	bottom: -48px;
}
.websiteIndex .pure-text p:last-child {
	margin-bottom: 40px;
}
.websiteIndex .pure-text-centered h1 {
	margin-bottom: 24px;
}
.websiteIndex .inline-image-right img {
	max-width: 90%;
}
.websiteIndex .inline-image-right h1 {
	margin-bottom: 16px;
}
.websiteIndex .inline-image-right h6 {
	margin-bottom: 32px;
}
.websiteIndex .strip {
	padding: 64px 0px;
}
.websiteIndex .strip::-moz-placeholder {
 color: #999999;
 opacity: 1;
}
.websiteIndex .strip:-ms-input-placeholder {
 color: #999999;
}
.strip::-webkit-input-placeholder {
 color: #999999;
}
.websiteIndex .strip input::-webkit-input-placeholder {
 color: #ffffff;
 font-size: 24px;
 font-weight: 300;
 position: relative;
 top: 5px;
}
.websiteIndex .strip input:-moz-placeholder {
 color: #ffffff;
}
.websiteIndex .strip textarea::-webkit-input-placeholder {
 color: #ffffff;
}
.websiteIndex .strip textarea:-moz-placeholder {
 color: #ffffff;
}
.websiteIndex .strip strong {
	font-weight: 600;
}
.websiteIndex .strip h3 {
	margin: 0px;
	position: relative;
	top: 5px;
	display: inline-block;
	font-weight: normal;
}
.websiteIndex .social-icons {
	list-style: none;
	overflow: hidden;
	display: inline-block;
}
.websiteIndex .nav-menu .social-icons {
	margin: 12px 0 0 0;
}
.websiteIndex .social-icons li {
	float: left;
	margin-right:12px;
	font-size: 24px;
}
.websiteIndex .social-icons li:last-child {
	margin-right: 0px;
}
.websiteIndex .social-icons li a {
	color: #333333;
}
.websiteIndex .strip .social-icons {
	position: relative;
	top: 10px;
}
.websiteIndex .social-icons i {
	font-size:14px;
}
.websiteIndex .social-icons i.icon-twitter {
	font-size:12px;
}
.websiteIndex .social-icons i.icon-linkdin {
	font-size:12px;
}
.websiteIndex .social-icons i.icon-youtube {
	font-size:11px;
}
.websiteIndex .social-icons i:before {
	vertical-align:middle;
}
.websiteIndex .strip .signup-email-field {
	background: none;
	border: none;
	box-shadow: none;
	font-family: "Open Sans", "Helvetica Neue", Helvetica, Arial, sans-serif;
	float: left;
	color: #fff;
	min-width: 400px;
	font-weight: 300;
	font-size: 24px;
	position: relative;
	top: 4px;
}
.websiteIndex .strip .signup-email-field:focus {
	outline: none;
}
.websiteIndex .pricing-tables .col-md-3:first-child .pricing-table {
	border-radius: 25px 0px 0px 25px;
}
.websiteIndex .pricing-tables .col-md-3:last-child .pricing-table {
	border-radius: 0px 25px 25px 0px;
	border-right: 2px solid rgba(255, 255, 255, 0.2);
}
.websiteIndex .pricing-table {
	border-top: 2px solid rgba(255, 255, 255, 0.2);
	border-bottom: 2px solid rgba(255, 255, 255, 0.2);
	border-left: 2px solid rgba(255, 255, 255, 0.2);
	text-align: center;
	padding-bottom: 40px;
}
.websiteIndex .pricing-table .price {
	padding: 40px 0px;
	font-weight: 600;
	border-bottom: 2px solid rgba(255, 255, 255, 0.2);
}
.websiteIndex .pricing-table .price .sub {
	font-size: 16px;
	color: rgba(255, 255, 255, 0.3);
	position: relative;
	bottom: 10px;
}
.websiteIndex .pricing-table .price .amount {
	color: #fff;
	font-size: 56px;
	display: inline-block;
	padding: 0px 8px;
}
.websiteIndex .pricing-table .features {
	margin: 40px 0px;
}
.websiteIndex .pricing-table .features li {
	color: #fff;
	font-size: 16px;
	text-align: center;
	margin-bottom: 16px;
}
.websiteIndex .pricing-table .features li:last-child {
	margin-bottom: 0px;
}
.websiteIndex .pricing-table .features li strong {
	font-weight: 600;
}
.websiteIndex .pricing-table.emphasis {
	background-color: #fc4349;
}
.websiteIndex .pricing-2 .websiteIndex .pricing-tables .col-md-3:first-child .pricing-table {
	border-radius: 25px 0px 0px 25px;
}
.websiteIndex .pricing-2 .websiteIndex .pricing-tables .col-md-3:last-child .pricing-table {
	border-radius: 0px 25px 25px 0px;
	border-right: 2px solid rgba(35, 35, 35, 0.2);
}
.websiteIndex .pricing-2 .pricing-table {
	border-top: 2px solid rgba(35, 35, 35, 0.2);
	border-bottom: 2px solid rgba(35, 35, 35, 0.2);
	border-left: 2px solid rgba(35, 35, 35, 0.2);
	text-align: center;
	padding-bottom: 40px;
}
.websiteIndex .pricing-2 .pricing-table .features {
	margin: 0px;
}
.websiteIndex .pricing-2 .pricing-table .features li:first-child {
	border-top: none;
}
.websiteIndex .pricing-2 .pricing-table .features li {
	color: #333333;
	border-top: 2px solid rgba(35, 35, 35, 0.2);
	padding: 24px 0px;
	margin: 0;
}
.websiteIndex .pricing-2 .pricing-table .price {
	border-top: 2px solid rgba(35, 35, 35, 0.2);
	padding-bottom: 24px;
	border-bottom: none;
}
.websiteIndex .pricing-2 .pricing-table .price .amount {
	color: #333333;
}
.websiteIndex .pricing-2 .pricing-table .price .sub {
	color: #777777;
	opacity: 0.7;
}
.websiteIndex .pricing-2 .pricing-table.emphasis {
	background-color: #2c3e50;
}
.websiteIndex .pricing-2 .pricing-table.emphasis .features li {
	color: #fff;
	background-color: #2c3e50 !important;
}
.websiteIndex .pricing-2 .pricing-table.emphasis .price .amount, .websiteIndex .pricing-2 .pricing-table.emphasis .sub {
	color: #fff;
}
.websiteIndex .pricing-2 .feature-list {
	padding-bottom: 0px;
}
.websiteIndex .pricing-2 .pricing-table .features li:nth-child(even) {
 background: #f4f4f4;
}
.websiteIndex .team-1 h1 {
	margin-bottom: 40px;
}
.websiteIndex .team-1 h2 {
	margin-bottom: 8px;
}
.websiteIndex .team-1 .feature .sub {
	color: #333333;
	margin-bottom: 16px;
	display: inline-block;
}
.websiteIndex .team-1-member {
	text-align: center;
	margin-top: 48px;
}
.websiteIndex .team-1-member img {
	display: inline-block;
	margin-bottom: 16px;
}
.websiteIndex .team-1-member h5 {
	margin-bottom: 8px;
}
.websiteIndex .team-1-member .social-icons {
	margin-top: 8px;
}
.websiteIndex .team-1-member .social-icons li a {
	font-size: 18px;
}
.websiteIndex .team-2-member {
	margin-bottom: 56px;
}
.websiteIndex .team-2-member .name {
	font-size: 24px;
	font-weight: 300;
	color: #333333;
	display: inline-block;
	margin: 24px 0px;
}
.websiteIndex .team-2-member .image-holder {
	position: relative;
	overflow: hidden;
}
.websiteIndex .team-2-member .image-holder img {
	position: relative;
	z-index: 1;
}
.websiteIndex .team-2-member .websiteIndex .hover-state {
	position: absolute;
	width: 100%;
	height: 100%;
	top: 0px;
 -webkit-transition: all .3s ease;
 -moz-transition: all .3s ease;
 transition: all .3s ease;
	opacity: 0;
	background-color: #2c3e50;
	z-index: 2;
	text-align: center;
}
.websiteIndex .team-2-member .social-icons {
 -webkit-transition: all .3s ease;
 -moz-transition: all .3s ease;
 transition: all .3s ease;
	opacity: 0;
	-webkit-transform: translate3d(0, -200px, 0);
	-moz-transform: translate3d(0, -200px, 0);
	transform: translate3d(0, -200px, 0);
}
.websiteIndex .team-2-member .social-icons li a {
	color: #fff;
	font-size: 32px;
}
.websiteIndex .team-2-member .image-holder:hover .websiteIndex .hover-state {
	opacity: 0.9;
}
.websiteIndex .team-2-member .image-holder:hover .social-icons {
	opacity: 1;
	-webkit-transform: translate3d(0, 0px, 0);
	-moz-transform: translate3d(0, 0px, 0);
	transform: translate3d(0, 0px, 0);
}
.websiteIndex .blog-snippet-1 {
	margin-bottom: 40px;
}
.websiteIndex .blog-snippet-1 img {
	display: inline-block;
	margin-bottom: 16px;
}
.websiteIndex .blog-snippet-1 h2 {
	margin-bottom: 8px;
	font-size: 24px;
	line-height: 36px;
}
.websiteIndex .blog-snippet-1 .sub {
	display: inline-block;
	margin-bottom: 16px;
}
.websiteIndex .blog-snippet-1 a {
	margin-top: 8px;
}
.websiteIndex .blog-snippet-2 {
	overflow: hidden;
	padding: 0px;
}
.websiteIndex .blog-snippet-2 li {
	overflow: hidden;
	margin-bottom: 40px;
}
.websiteIndex .blog-snippet-2 li:last-child {
	margin-bottom: 0px;
}
.websiteIndex .blog-snippet-2 li .icon {
	width: 10%;
	float: left;
}
.websiteIndex .blog-snippet-2 li .icon i {
	color: #fc4349;
	font-size: 32px;
	position: relative;
	top: 5px;
}
.websiteIndex .blog-snippet-2 .title {
	width: 90%;
	float: left;
}
.websiteIndex .blog-snippet-2 a {
	color: #333333;
	display: block;
	font-weight: 600;
}
.websiteIndex .blog-snippet-2 .sub {
	letter-spacing: 0px;
	opacity: 0.8;
	font-size: 12px;
}
.websiteIndex .blog-list-3 {
	padding: 0px;
}
.websiteIndex .blog-snippet-3:nth-child(even) {
 background-color: #f4f4f4;
}
.websiteIndex .blog-snippet-3 {
	padding-top: 80px;
	padding-bottom: 80px;
}
.websiteIndex .blog-snippet-3 h1 {
	margin-bottom: 16px;
}
.websiteIndex .blog-snippet-3 h1 a {
	color: #333333;
}
.websiteIndex .blog-snippet-3 h1 a em {
	color: #fc4349;
	font-weight: 600;
	font-style: normal;
}
.websiteIndex .blog-snippet-3 .alt-font {
	letter-spacing: 0px;
	font-size: 12px;
	display: inline-block;
	margin-left: 8px;
	position: relative;
	bottom: 2px;
}
.websiteIndex blockquote {
	font-size: 18px;
	font-weight: 600;
	color: #333333;
	font-style: italic;
	line-height: 32px;
	padding: 0px;
	border: none;
	margin-bottom: 24px;
}
.websiteIndex .article-single {
	background: #f4f4f4 !important;
}
.websiteIndex .article-body p.lead {
	font-size: 20px;
	font-weight: 600;
	line-height: 32px;
	margin-bottom: 24px;
	color: #333333;
}
.websiteIndex .article-body p:last-child {
	margin-bottom: 0px;
}
.websiteIndex .article-body p {
	font-size: 16px;
	line-height: 32px;
	margin-bottom: 24px;
}
.websiteIndex .article-body figure {
	margin: 16px 0px;
}
.websiteIndex .article-body figcaption {
	font-style: italic;
	font-size: 14px;
	color: #aaa;
	margin-top: 16px;
}
.websiteIndex .article-body h2 {
	font-weight: 600;
	font-size: 24px;
	margin-bottom: 24px;
}
.websiteIndex .article-body {
	padding-bottom: 64px;
	border-bottom: 1px solid #ddd;
}
.websiteIndex .author-details {
	text-align: center;
	padding: 40px 0px;
	border-bottom: 1px solid #ddd;
}
.websiteIndex .author-details img {
	display: inline-block;
	margin-bottom: 16px;
}
.websiteIndex .author-details h5 {
	font-weight: normal;
}
.websiteIndex .author-details .social-icons {
	margin-bottom: -8px;
	margin-top: 8px;
}
.websiteIndex .websiteIndex .projects-gallery p.lead {
	margin-bottom: 64px !important;
}
.websiteIndex .websiteIndex .projects-wrapper {
	text-align: center;
}
.websiteIndex .filters {
	padding: 0px;
	list-style: none;
	overflow: hidden;
	display: inline-block;
	margin-bottom: 32px;
}
.websiteIndex .filters li {
	float: left;
	margin-right: 16px;
	font-family: "Raleway", "Open Sans", "Helvetica Neue", Helvetica, Arial, sans-serif;
	font-weight: bold;
	font-size: 11px;
	text-transform: uppercase;
	letter-spacing: 1px;
	color: #6dbcdb;
	cursor: pointer;
}
.websiteIndex .filters li:last-child {
	margin-right: 0px;
}
.websiteIndex .filters li.active {
	border-bottom: 2px solid #6dbcdb;
}
.websiteIndex .project {
	height: 345px;
}
.websiteIndex .project.col-md-4 {
	width: 33%;
}
.websiteIndex .project.col-md-4:nth-child(even) {
 width: 34%;
}
.websiteIndex .project.col-md-4 .background-image-holder {
	width: 103%;
}
.websiteIndex .column-projects .websiteIndex .project.col-md-4 {
	width: 33.33333%;
	overflow: hidden;
}
.websiteIndex .column-projects .websiteIndex .project.col-md-4 .background-image-holder {
	width: 100% !important;
}
.websiteIndex .column-projects .websiteIndex .project {
	overflow: hidden;
}
.websiteIndex .project .image-holder {
	overflow: hidden;
	position: relative;
}
.websiteIndex .project img {
	width: 100%;
}
.websiteIndex .project .websiteIndex .hover-state {
	position: absolute;
	width: 100%;
	height: 100%;
	top: 0px;
	background-color: rgba(44, 62, 80, 0.9);
	text-align: center;
 -webkit-transition: all .5s ease;
 -moz-transition: all .5s ease;
 transition: all .5s ease;
	opacity: 0;
	padding-right: 15px;
}
.websiteIndex .project:hover .websiteIndex .hover-state {
	opacity: 1;
}
.websiteIndex .project .websiteIndex .hover-state h1 {
	margin-bottom: 8px;
	font-size: 24px;
}
.websiteIndex .project .websiteIndex .hover-state h3 {
	font-size: 18px;
	margin-bottom: 8px;
}
.websiteIndex .project .websiteIndex .hover-state p {
	margin-bottom: 24px;
}
.websiteIndex .project .websiteIndex .hover-state .btn-white:hover {
	color: #2c3e50;
}
.websiteIndex .hover-state .align-vertical {
	-webkit-transform: translate3d(0, 200px, 0);
	-moz-transform: translate3d(0, 200px, 0);
	transform: translate3d(0, 200px, 0);
 -webkit-transition: all .5s ease;
 -moz-transition: all .5s ease;
 transition: all .5s ease;
	opacity: 0;
}
.websiteIndex .project:hover .align-vertical {
	-webkit-transform: translate3d(0, 0px, 0);
	-moz-transform: translate3d(0, 0px, 0);
	transform: translate3d(0, 0px, 0);
	opacity: 1;
}
.websiteIndex .column-projects {
	margin-bottom: 80px;
}
.websiteIndex .column-projects .websiteIndex .project {
	height: 300px;
	margin-bottom: 15px;
}
.websiteIndex .column-projects .websiteIndex .project .websiteIndex .hover-state h3 {
	margin-bottom: 24px;
}
.websiteIndex .column-projects .websiteIndex .project .background-image-holder {
	left: 15px;
}
.websiteIndex .image-gallery {
	margin-top: 64px;
}
.websiteIndex .image-gallery .image-holder {
	margin-bottom: 30px;
	height: 375px;
	overflow: hidden;
	position: relative;
}
.websiteIndex .image-slider .flex-direction-nav {
	display: none;
}
.image-slider {
	position: relative;
	margin-bottom: 32px;
}
.websiteIndex .image-slider .flex-direction-nav a.flex-prev:before {
	left: 0px;
}
.websiteIndex .image-slider .flex-control-nav {
	bottom: -48px;
}
.websiteIndex .image-slider .flex-control-nav li a {
	background: rgba(0, 0, 0, 0.3);
}
.websiteIndex .image-slider .flex-control-nav li a.flex-active {
	background: rgba(0, 0, 0, 0.8);
}
.websiteIndex .instagram-feed {
	padding-top: 40px;
	padding-bottom: 0px;
}
.websiteIndex .instagram-feed span {
	color: #333333;
}
.websiteIndex .instafeed {
	margin-top: 40px;
}
.websiteIndex .instafeed ul {
	overflow: hidden;
	margin: 0px;
}
.websiteIndex .instafeed ul li {
	float: left;
	width: 16.666667%;
}
.websiteIndex .instafeed ul li:nth-child(n+7) {
 display: none;
}
.websiteIndex #tweets .user {
	display: none;
}
.websiteIndex #tweets .interact {
	display: none;
}
.websiteIndex #tweets .tweet {
	font-size: 24px;
	line-height: 40px;
	font-style: italic;
	font-weight: 300;
}
.websiteIndex .form-contact .inputs-wrapper {
	border: 2px solid rgba(0, 0, 0, 0.2);
	border-radius: 25px;
	margin-bottom: 24px;
}
.websiteIndex .form-contact input:focus, .websiteIndex .form-contact textarea:focus {
	outline: none;
}
.websiteIndex .form-contact input, .websiteIndex .form-contact textarea {
	background: none;
	border: none;
	box-shadow: none;
	font-family: "Open Sans", "Helvetica Neue", Helvetica, Arial, sans-serif;
	width: 100%;
	padding: 16px;
}
.websiteIndex .form-contact input::-moz-placeholder, .websiteIndex .form-contact textarea::-moz-placeholder {
 color: #777777;
 opacity: 1;
}
.websiteIndex .form-contact input:-ms-input-placeholder, .websiteIndex .form-contact textarea:-ms-input-placeholder {
 color: #777777;
}
.websiteIndex .form-contact input::-webkit-input-placeholder, .websiteIndex .form-contact textarea::-webkit-input-placeholder {
 color: #777777;
}
.websiteIndex .form-contact input input::-webkit-input-placeholder, .websiteIndex .form-contact textarea input::-webkit-input-placeholder {
 color: #777777;
 font-size: 24px;
 font-weight: 300;
 position: relative;
 top: 5px;
}
.websiteIndex .form-contact input input:-moz-placeholder, .websiteIndex .form-contact textarea input:-moz-placeholder {
 color: #777777;
}
.websiteIndex .form-contact input textarea::-webkit-input-placeholder, .websiteIndex .form-contact textarea textarea::-webkit-input-placeholder {
 color: #777777;
}
.websiteIndex .form-contact input textarea:-moz-placeholder, .websiteIndex .form-contact textarea textarea:-moz-placeholder {
 color: #777777;
}
.websiteIndex .form-contact input {
	border-bottom: 2px solid rgba(0, 0, 0, 0.2);
}
.websiteIndex .form-success, .websiteIndex .form-error {
	width: 100%;
	padding: 12px;
	display: none;
	margin-top: 12px;
	color: #fff;
}
.websiteIndex .form-success {
	background-color: #58b551;
}
.websiteIndex .form-error {
	background-color: #d94947;
}
.websiteIndex .field-error {
	box-shadow: inset 0px 0px 10px -2px #ff0000 !important;
}
.websiteIndex .form-loading {
	border: 3px solid rgba(0, 0, 0, 0.2);
	border-radius: 30px;
	height: 30px;
	left: 50%;
	margin: -15px 0 0 -15px;
	opacity: 0;
	margin: 0px auto;
	top: 50%;
	width: 30px;
	-webkit-animation: pulsate 1s ease-out;
	-webkit-animation-iteration-count: infinite;
	-moz-animation: pulsate 1s ease-out;
	-moz-animation-iteration-count: infinite;
	animation: pulsate 1s ease-out;
	animation-iteration-count: infinite;
}
@keyframes pulsate {
 0% {
 transform: scale(0.1);
 opacity: 0.0;
}
 50% {
 opacity: 1;
}
 100% {
 transform: scale(1.2);
 opacity: 0;
}
}
@-webkit-keyframes pulsate {
 0% {
 transform: scale(0.1);
 opacity: 0.0;
}
 50% {
 opacity: 1;
}
 100% {
 transform: scale(1.2);
 opacity: 0;
}
}
.websiteIndex input[type="submit"] {
	-webkit-appearance: none;
	background: none;
 -webkit-transition: all .3s ease;
 -moz-transition: all .3s ease;
 transition: all .3s ease;
	min-width: 155px;
	border-radius: 25px;
	display: inline-block;
	padding: 14px 28px 13px 28px;
	line-height: 1;
	border: 2px solid #6dbcdb;
	color: #6dbcdb;
	max-width: 155px;
	font-family: "Raleway", "Open Sans", "Helvetica Neue", Helvetica, Arial, sans-serif;
	font-weight: bold;
	font-size: 11px;
	text-transform: uppercase;
	letter-spacing: 1px;
}
.websiteIndex .strip .mail-list-signup input[type="submit"] {
	background: none;
	border: 2px solid #fff;
}
.websiteIndex .contact-center p.lead {
	font-size: 18px;
}
.websiteIndex .contact-center .form-wrapper {
	text-align: center;
	margin-top: 48px;
}
.websiteIndex .contact-photo {
	position: relative;
	overflow: hidden;
}
.websiteIndex .contact-photo h1 {
	margin-bottom: 200px;
}
.websiteIndex .contact-photo .social-icons {
	margin-bottom: 64px;
}
.websiteIndex .contact-photo .social-icons li {
	margin-right: 40px;
}
.websiteIndex .contact-photo .social-icons li a {
	font-size: 40px;
	color: #fff;
	opacity: 0.7;
 -webkit-transition: all .3s ease;
 -moz-transition: all .3s ease;
 transition: all .3s ease;
}
.websiteIndex .contact-photo .social-icons li a:hover {
	opacity: 1;
}
.websiteIndex .contact-photo .sub a {
	color: #fff;
}
.websiteIndex .photo-form-wrapper {
	margin-bottom: 200px;
}
.websiteIndex .photo-form-wrapper input {
	background: none;
	border: none;
	box-shadow: none;
	font-family: "Open Sans", "Helvetica Neue", Helvetica, Arial, sans-serif;
	background: rgba(255, 255, 255, 0.85);
	border-radius: 50px;
	padding: 14px 24px 14px 24px;
	width: 100%;
	margin-bottom: 30px;
}
.websiteIndex .photo-form-wrapper .btn-filled {
	background-color: #fc4349;
	border-color: #fc4349;
}
.websiteIndex .photo-form-wrapper input:focus {
	outline: none;
}
.websiteIndex .photo-form-wrapper input[type="submit"] {
	color: #fff !important;
	font-family: "Raleway", "Open Sans", "Helvetica Neue", Helvetica, Arial, sans-serif;
	font-weight: bold;
	font-size: 11px;
	text-transform: uppercase;
	letter-spacing: 1px;
}
.websiteIndex .photo-form-wrapper .form-loading {
	border: 3px solid rgba(255, 255, 255, 0.85);
	border-radius: 30px;
	height: 30px;
	left: 50%;
	margin: -15px 0 0 -15px;
	opacity: 0;
	margin: 0px auto;
	top: 50%;
	width: 30px;
	-webkit-animation: pulsate 1s ease-out;
	-webkit-animation-iteration-count: infinite;
	-moz-animation: pulsate 1s ease-out;
	-moz-animation-iteration-count: infinite;
	animation: pulsate 1s ease-out;
	animation-iteration-count: infinite;
}
.websiteIndex .map {
	padding: 0px;
	overflow: hidden;
	position: relative;
}
.websiteIndex .map-holder {
	height: 450px;
}
.websiteIndex .map-holder iframe {
	border: none;
	width: 100%;
	height: 450px;
}
.websiteIndex .map-holder:before {
	content: '';
	opacity: 0;
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0;
}
.websiteIndex .map-holder.on:before {
	width: 0%;
}
.websiteIndex .map-overlay {
	padding: 160px 0px;
	position: relative;
	overflow: hidden;
}
.websiteIndex .map-overlay:before {
	position: absolute;
	width: 100%;
	height: 100%;
	top: 0px;
	content: '';
	opacity: 0.9;
	z-index: 2;
	background-color: #fc4349;
 -webkit-transition: all .5s ease;
 -moz-transition: all .5s ease;
 transition: all .5s ease;
}
.websiteIndex .map-overlay .map-holder {
	position: absolute;
	width: 100%;
	height: 100%;
	z-index: 0;
	top: 0px;
}
.websiteIndex .map-overlay .map-holder iframe {
	width: 100%;
	height: 150%;
	position: absolute;
	bottom: -80px;
}
..websiteIndex map-overlay .container {
	position: relative;
	z-index: 2;
}
.websiteIndex .details-holder {
	background: #fff;
	width: 100%;
	border-radius: 50%;
}
.websiteIndex .details-holder img {
	max-width: 145px;
	display: inline-block;
	margin-bottom: 16px;
}
.websiteIndex .fade-overlay:before {
	opacity: 0;
}
.websiteIndex .pure-text-contact i {
	display: inline-block;
	color: #fc4349;
	text-align: center;
	font-size: 64px;
	margin-bottom: 24px;
	margin-bottom: 0px;
	margin-right: 48px;
}
.websiteIndex .pure-text-contact i:last-child {
	margin-right: 0px;
}
.websiteIndex .icon-jumbo {
	display: inline-block;
	color: #fc4349;
	text-align: center;
	font-size: 64px;
	margin-bottom: 24px;
}
.websiteIndex .social-bar {
	overflow: hidden;
}
.websiteIndex .social-bar .link {
	height: 104px;
	text-align: center;
	position: relative;
	overflow: hidden;
}
.websiteIndex .social-bar .link i {
	color: #fff;
	font-size: 40px;
}
.websiteIndex .social-bar .initial, .websiteIndex .social-bar .websiteIndex .hover-state {
 -webkit-transition: all .3s ease;
 -moz-transition: all .3s ease;
 transition: all .3s ease;
	-webkit-transform: translate3d(0, 0px, 0);
	-moz-transform: translate3d(0, 0px, 0);
	transform: translate3d(0, 0px, 0);
	position: absolute;
	width: 100%;
	top: 35px;
}
.websiteIndex .social-bar .websiteIndex .hover-state {
	-webkit-transform: translate3d(0, 200px, 0);
	-moz-transform: translate3d(0, 200px, 0);
	transform: translate3d(0, 200px, 0);
	top: 42px;
}
.websiteIndex .social-bar span {
	font-family: "Raleway", "Open Sans", "Helvetica Neue", Helvetica, Arial, sans-serif;
	font-weight: bold;
	font-size: 11px;
	text-transform: uppercase;
	letter-spacing: 1px;
	font-size: 14px;
}
.websiteIndex .social-bar .link:hover .initial {
	-webkit-transform: translate3d(0, -200px, 0);
	-moz-transform: translate3d(0, -200px, 0);
	transform: translate3d(0, -200px, 0);
}
.websiteIndex .social-bar .link:hover .websiteIndex .hover-state {
	-webkit-transform: translate3d(0, 0px, 0);
	-moz-transform: translate3d(0, 0px, 0);
	transform: translate3d(0, 0px, 0);
}
.websiteIndex .error-page.bg-primary h1 {
	color: #fff;
	margin-bottom: 32px;
}
.websiteIndex .error-page .jumbo {
	font-size: 160px;
	line-height: 160px;
	font-weight: 600;
	margin-bottom: 16px !important;
}
.websiteIndex .error-page i {
	display: inline-block;
	font-size: 80px;
	margin-bottom: 24px;
 -webkit-transition: all .3s ease;
 -moz-transition: all .3s ease;
 transition: all .3s ease;
	-webkit-animation: spin 6s ease-in-out infinite alternate;
	-moz-animation: spin 6s ease-in-out infinite alternate;
	-o-animation: spin 6s ease-in-out infinite alternate;
	animation: spin 6s ease-in-out infinite alternate;
}
.websiteIndex .error-page .btn-text-only:hover {
	color: #333333;
}
.websiteIndex .login-page {
	overflow: hidden;
	position: relative;
}
.websiteIndex .login-page .container {
	position: relative;
	z-index: 3;
}
.websiteIndex .login-page .websiteIndex .photo-form-wrapper {
	margin-bottom: 24px;
}
.websiteIndex .login-page a.text-white:hover {
	color: #fff;
	font-weight: 600;
}
.websiteIndex .spin-me {
	-webkit-animation: spin 6s ease-in-out infinite alternate;
	-moz-animation: spin 6s ease-in-out infinite alternate;
	-o-animation: spin 6s ease-in-out infinite alternate;
	animation: spin 6s ease-in-out infinite alternate;
}
@-webkit-keyframes spin {
 0% {
 -webkit-transform: rotate(-15deg);
}
 10% {
 -webkit-transform: rotate(-85deg);
}
 30% {
 -webkit-transform: rotate(5deg);
}
 50% {
 -webkit-transform: rotate(250deg);
}
 100% {
 -webkit-transform: rotate(0deg);
}
}
@-moz-keyframes spin {
 0% {
 -moz-transform: rotate(-15deg);
}
 10% {
 -moz-transform: rotate(-85deg);
}
 30% {
 -moz-transform: rotate(5deg);
}
 50% {
 -moz-transform: rotate(250deg);
}
 100% {
 -moz-transform: rotate(0deg);
}
}
@-o-keyframes spin {
 0% {
 -o-transform: rotate(-15deg);
}
 10% {
 -o-transform: rotate(-85deg);
}
 30% {
 -o-transform: rotate(5deg);
}
 50% {
 -o-transform: rotate(250deg);
}
 100% {
 -o-transform: rotate(0deg);
}
}
@keyframes spin {
 0% {
 transform: rotate(-15deg);
}
 10% {
 transform: rotate(-85deg);
}
 30% {
 transform: rotate(5deg);
}
 50% {
 transform: rotate(250deg);
}
 100% {
 transform: rotate(0deg);
}
}
.websiteIndex .coming-soon {
	position: relative;
	overflow: hidden;
}
.websiteIndex .coming-soon h1 {
	font-size: 40px;
	font-weight: 600;
}
.websiteIndex .coming-soon .logo {
	display: inline-block;
	margin-bottom: 32px;
	width: 200px;
}
.websiteIndex .coming-soon .overlay:before {
	position: absolute;
	width: 100%;
	height: 100%;
	top: 0px;
	content: '';
	opacity: 0.3;
	z-index: 2;
	background-color: #333333;
}
.websiteIndex .coming-soon .websiteIndex .photo-form-wrapper {
	margin-bottom: 32px;
	margin-top: 48px;
}
.websiteIndex .countdown-row {
	color: #fff;
	font-size: 80px;
	font-weight: 300;
}
.websiteIndex .countdown-section {
	width: 20%;
	display: inline-block;
}
.websiteIndex .countdown-amount {
	display: inline-block;
	margin-bottom: 48px;
}
.websiteIndex .countdown-period {
	display: block;
	font-size: 24px;
}
.websiteIndex iframe.mail-list-form {
	display: none !important;
}
.websiteIndex footer {
	padding-top: 80px;
	padding-bottom: 80px;
}
.websiteIndex footer.social h1 {
	margin-bottom: 24px;
}
.websiteIndex footer.social a.text-white {
	font-size: 18px;
}
.websiteIndex footer.social .social-icons {
	margin: 64px 0px;
}
.websiteIndex footer.social .social-icons li {
	margin-right: 40px;
}
.websiteIndex footer.social .social-icons li a {
	font-size: 40px;
	color: #fff;
	opacity: 0.2;
 -webkit-transition: all .3s ease;
 -moz-transition: all .3s ease;
 transition: all .3s ease;
}
.websiteIndex footer.social .social-icons li a:hover {
	opacity: 1;
}
.websiteIndex footer.social .sub {
	opacity: 0.5;
	color: #fff;
	font-size: 12px;
}
.websiteIndex footer.social .sub a {
	color: #fff;
	font-weight: 600;
}
.websiteIndex footer.details {
	background: #f4f4f4;
}
.websiteIndex footer.details .logo {
	margin-bottom: 54px;
	max-width: 80px;
	margin-top: 12px;
}
.websiteIndex footer.details .sub {
	font-size: 12px;
	display: inline-block;
	margin-top: 48px;
}
.websiteIndex footer.details .sub a {
	color: #333333;
	font-weight: 600;
}
.websiteIndex footer.details h1 {
	font-size: 16px;
	font-weight: 600;
}
.websiteIndex footer.short {
	font-size: 16px;
	color: #fff;
}
.websiteIndex footer.short .sub {
	opacity: 0.5;
	display: inline-block;
	margin-right: 32px;
	position: relative;
	bottom: 4px;
}
.websiteIndex footer.short ul {
	display: inline-block;
	margin: 0px;
	line-height: 24px;
}
.websiteIndex footer.short ul li {
	float: left;
	margin-right: 32px;
}
.websiteIndex footer.short ul li a {
	color: #fff;
	opacity: 0.8;
}
.websiteIndex footer.short .social-icons li a {
	color: #fff;
	opacity: 1;
}
.websiteIndex footer.short-2 {
	position: relative;
	overflow: hidden;
}
.websiteIndex footer.short-2 span {
	display: inline-block;
	margin-right: 64px;
}
.websiteIndex footer.short-2 span:last-child {
	margin-right: 0px;
}
.websiteIndex footer.short-2 .contact-action {
	position: absolute;
	right: 0px;
	height: 100%;
	width: 25%;
	background: #ef040b;
	z-index: 3;
	top: 0;
	text-align: center;
	font-size: 18px;
 -webkit-transition: all .3s ease;
 -moz-transition: all .3s ease;
 transition: all .3s ease;
}
.websiteIndex footer.short-2 .contact-action .icon_mail {
	display: inline-block;
	margin-right: 6px;
}
.websiteIndex footer.short-2 .contact-action .arrow_right {
	position: relative;
	top: 2px;
}
.websiteIndex footer.short-2 .contact-action:hover {
	background: #db030a;
}
.websiteIndex .resume-header {
	padding: 200px 0px;
}
.websiteIndex .resume-header span {
	font-weight: 600;
	color: #fff;
	display: block;
	font-size: 18px;
	margin-bottom: 32px;
}
.websiteIndex .resume-header h1 {
	margin-bottom: 8px !important;
}
.websiteIndex .resume-header .social-icons li {
	margin-right: 16px;
}
.websiteIndex .resume-header .social-icons li a {
	color: #fff;
}
.websiteIndex .milestones span {
	font-size: 16px;
	display: inline-block;
	width: 100%;
}
.websiteIndex .milestones .sub {
	font-size: 14px;
	font-style: italic;
}
.websiteIndex .milestones .pin-body {
	width: 2px;
	height: 30px;
	margin: 0px auto;
	background-color: #fc4349;
}
.websiteIndex .milestones .pin-head {
	width: 20px;
	height: 20px;
	border-radius: 50%;
	border: 2px solid #fc4349;
	margin: 0px auto;
	margin-bottom: 24px;
 -webkit-transition: all .3s ease;
 -moz-transition: all .3s ease;
 transition: all .3s ease;
}
.websiteIndex .milestones .websiteIndex .feature-icon-large i {
	margin: 0px auto;
	margin-bottom: 0px;
}
.websiteIndex .milestones h5 {
	margin-bottom: 8px;
}
.websiteIndex .milestones .lead:last-child, .skill-bars .lead:last-child {
	margin-bottom: 64px !important;
}
.websiteIndex .milestones .feature:hover .pin-head {
	background-color: #fc4349;
}
.websiteIndex .expanding-list {
	position: relative;
	overflow: hidden;
}
.websiteIndex .expanding-ul {
	position: relative;
	overflow: hidden;
}
.websiteIndex .expanding-ul li {
	text-align: center;
	border-bottom: 1px solid rgba(0, 0, 0, 0.2);
	padding-bottom: 24px;
	margin-bottom: 24px;
	cursor: pointer;
}
.websiteIndex .expanding-ul li .title {
 -webkit-transition: all .3s ease;
 -moz-transition: all .3s ease;
 transition: all .3s ease;
}
.websiteIndex .expanding-ul .title i {
	color: #fc4349;
	font-size: 32px;
	display: inline-block;
	margin-right: 24px;
}
.websiteIndex .expanding-ul .title span {
	position: relative;
	bottom: 8px;
}
.websiteIndex .expanding-ul .title strong {
	font-weight: 600;
	color: #333333;
}
.websiteIndex .expanding-ul .text-content {
 -webkit-transition: all .3s ease;
 -moz-transition: all .3s ease;
 transition: all .3s ease;
	opacity: 0;
	max-height: 0px;
}
.websiteIndex .expanding-ul li.active .title {
	margin-bottom: 24px;
}
.websiteIndex .expanding-ul li.active .text-content {
	max-height: 800px;
	opacity: 1;
}
.websiteIndex .expanding-ul li:last-child {
	margin-bottom: 0px;
	border-bottom: none;
}
.websiteIndex .skill-bars h3 {
	font-weight: normal;
	margin-bottom: 16px;
}
.websiteIndex .skills-ul {
	overflow: hidden;
}
.websiteIndex .skills-ul span {
	display: inline-block;
	font-weight: 600;
	font-size: 14px;
	margin-bottom: 4px;
}
.websiteIndex .skills-ul li {
	margin-bottom: 16px;
}
.websiteIndex .skills-ul li:last-child {
	margin-bottom: 0px;
}
.websiteIndex .skill-bar-holder {
	height: 12px;
	width: 100%;
	background: rgba(252, 67, 73, 0.1);
	padding: 0px;
	position: relative;
}
.websiteIndex .skill-capacity {
	height: 12px;
	background: #fc4349;
	padding: 0px !important;
	left: 0px;
	position: absolute;
}
.websiteIndex .skills-left {
	text-align: right;
}
.websiteIndex .skills-left .skill-bar-holder {
	background: rgba(44, 62, 80, 0.1);
}
.websiteIndex .skills-left .skill-capacity {
	background: #2c3e50;
	left: auto;
	right: 0px;
}
.websiteIndex .stat-counters h1 {
	color: #fff;
}
.websiteIndex .stat {
	text-align: center;
}
.websiteIndex .stat-bubble {
	margin: 0px auto;
	width: 120px;
	height: 120px;
	border: 2px solid #fff;
	background: rgba(255, 255, 255, 0.15);
	text-align: center;
	line-height: 116px;
	font-size: 40px;
	font-weight: 600;
	color: #fff;
	border-radius: 50%;
	margin-bottom: 12px;
}
.websiteIndex .stat h3 {
	color: #fff;
}
.websiteIndex .blog-image-snippet {
	padding: 160px 0px;
}
.websiteIndex .blog-image-snippet .container {
	position: relative;
	z-index: 2;
}
.websiteIndex .blog-image-snippet span {
	display: block;
}
.websiteIndex .blog-image-snippet span i {
	display: inline-block;
	margin-right: 6px;
}
.websiteIndex .blog-image-snippet h1 {
	font-size: 40px;
	margin-bottom: 16px;
}
.websiteIndex .blog-image-snippet:before {
	position: absolute;
	width: 100%;
	height: 100%;
	top: 0px;
	content: '';
	opacity: 0.4;
	z-index: 2;
	background-color: #333333;
}
.websiteIndex .sidebar-widget h5 {
	margin-bottom: 16px;
}
.websiteIndex .sidebar-widget li {
	padding: 16px 0px;
	border-bottom: 2px solid rgba(0, 0, 0, 0.1);
	width: 100%;
	position: relative;
 -webkit-transition: all .3s ease;
 -moz-transition: all .3s ease;
 transition: all .3s ease;
}
.websiteIndex .sidebar-widget li .arrow_right {
	position: absolute;
	right: 0px;
}
.websiteIndex .sidebar-widget li:last-child {
	border-bottom: none;
	padding-bottom: 0px;
}
.websiteIndex .sidebar-widget li a {
	color: #777777;
 -webkit-transition: all .3s ease;
 -moz-transition: all .3s ease;
 transition: all .3s ease;
}
.websiteIndex .sidebar-widget li a:hover {
	color: #333333;
}
.websiteIndex .sidebar-widget {
	margin-bottom: 40px;
}
.websiteIndex .sidebar-widget .tags {
	overflow: hidden;
}
.websiteIndex .sidebar-widget .tags li {
	display: inline-block;
	float: left;
	margin: 0px 8px 8px 0px;
	width: auto;
	padding: 0px;
	border: none;
}
.websiteIndex .sidebar-widget .tags li a {
	border: 2px solid rgba(0, 0, 0, 0.1);
	border-radius: 5px;
	padding: 6px;
	display: inline-block;
}
.websiteIndex .sidebar-widget .tags li:hover {
	background: #f7f7f7;
}
.websiteIndex .sidebar-widget .websiteIndex .instafeed {
	padding: 0px;
	border: none;
}
.websiteIndex .sidebar-widget .websiteIndex .instafeed li:nth-child(n+7) {
 display: none;
}
.websiteIndex .sidebar-widget .websiteIndex .instafeed li {
	width: 33.33333%;
	padding: 0px;
}
.websiteIndex .sidebar-widget .tweet {
	font-size: 16px !important;
	line-height: 32px !important;
	font-style: normal !important;
	font-weight: normal !important;
}
.websiteIndex .sidebar-widget .tweet a {
	font-weight: 600 !important;
	color: #333333 !important;
}
.websiteIndex .sidebar-widget .social_twitter {
	font-size: 16px;
	color: #333333;
}
.websiteIndex .sidebar-widget .websiteIndex #tweets li {
	border: none;
}
.websiteIndex .blog-masonry-item {
	margin-bottom: 30px;
}
.websiteIndex .blog-masonry-item .post-title {
	background: #fff;
	padding: 28px 32px 32px 32px;
	position: relative;
}
.websiteIndex .blog-masonry-item h2 {
	font-size: 24px;
	line-height: 36px;
	margin-bottom: 16px;
}
.websiteIndex .blog-masonry-item p {
	margin-bottom: 32px;
}
.websiteIndex .blog-masonry-item span {
	display: block;
	color: #333333;
	line-height: 18px;
}
.websiteIndex .blog-masonry-item .link-text {
	position: absolute;
	bottom: 32px;
	right: 32px;
}
.websiteIndex .blog-masonry-item h1 {
	font-weight: 600;
	margin-bottom: 48px;
	line-height: 40px;
}
.websiteIndex .blog-masonry-item iframe {
	width: 100%;
}
.websiteIndex .quote-post .post-title, .websiteIndex .quote-post h1, .websiteIndex .quote-post span, .websiteIndex .quote-post .link-text {
 -webkit-transition: all .3s ease;
 -moz-transition: all .3s ease;
 transition: all .3s ease;
}
.websiteIndex .quote-post:hover .post-title {
	background: #fc4349;
}
.websiteIndex .quote-post:hover h1 {
	color: #fff;
}
.websiteIndex .quote-post:hover span {
	color: #fff;
}
.websiteIndex .quote-post:hover .link-text {
	color: #fff;
	border-color: #fff;
}
.websiteIndex .video-post iframe {
	height: 250px;
}
.websiteIndex .blog-filters {
	padding: 0px;
	list-style: none;
	overflow: hidden;
	display: inline-block;
	margin-bottom: 32px;
}
.websiteIndex .blog-filters li {
	float: left;
	margin-right: 16px;
	font-family: "Raleway", "Open Sans", "Helvetica Neue", Helvetica, Arial, sans-serif;
	font-weight: bold;
	font-size: 11px;
	text-transform: uppercase;
	letter-spacing: 1px;
	color: #6dbcdb;
	cursor: pointer;
}
.websiteIndex .blog-filters li:last-child {
	margin-right: 0px;
}
.websiteIndex .blog-filters li.active {
	border-bottom: 2px solid #6dbcdb;
}
.websiteIndex .article-body .media-holder {
	margin: 32px 0px;
	position: relative;
	z-index: 1;
}
.websiteIndex .article-body iframe {
	width: 100%;
	height: 440px;
}
.websiteIndex .media-holder:before {
	content: '';
	position: absolute;
	width: 100%;
	height: 80%;
	top: 0px;
	z-index: 2;
}
.websiteIndex .comment-list {
	margin-top: 32px;
}
.websiteIndex .comment-list h5 {
	margin-bottom: 32px;
}
.websiteIndex .comment-list ol {
	padding: 0px;
	margin-bottom: 48px;
}
.websiteIndex .comment-list li {
	margin-bottom: 32px;
}
.websiteIndex .comment-list li:last-child {
	margin-bottom: 0px;
}
.websiteIndex .comment-list .children {
	padding-left: 50px;
	margin-bottom: 32px;
}
.websiteIndex .blog-comment {
	overflow: hidden;
}
.websiteIndex .blog-comment .user {
	width: 100px;
	float: left;
}
.websiteIndex .blog-comment .user img {
	max-width: 100%;
}
.websiteIndex .blog-comment .info {
	margin-bottom: 16px;
}
.websiteIndex .blog-comment .link-text {
	display: inline-block;
	margin-left: 12px;
}
.websiteIndex .blog-comment .message {
	width: auto;
	background: #fff;
	margin-left: 115px;
	padding: 24px;
}
.websiteIndex .blog-comment .message h6 {
	margin-bottom: 0px;
}
.websiteIndex .comment-respond {
	margin-top: 32px;
}
.websiteIndex .comment-form .form-input {
	margin-bottom: 16px;
}
.websiteIndex .comment-form .form-input:last-child {
	margin-bottom: 0px;
}
.websiteIndex .comment-form input[type="text"], .websiteIndex .comment-form textarea {
	width: 100%;
	padding: 16px;
	border: none;
	box-shadow: none;
}
.websiteIndex .comment-form input[type="submit"] {
	min-width: 185px;
}
.websiteIndex .simple-bar .logo {
	max-width: 800px;
	max-height: 40px;
	bottom: 12px;
 -webkit-transition: all .3s ease;
 -moz-transition: all .3s ease;
 transition: all .3s ease;
}
.websiteIndex .simple-bar .social-icons {
	margin-left: 32px;
}
.websiteIndex .simple-bar .nav-menu {
	padding-top: 54px;
 -webkit-transition: all .3s ease;
 -moz-transition: all .3s ease;
 transition: all .3s ease;
}
.websiteIndex .simple-bar .menu li {
	margin-right: 40px;
}
.websiteIndex .simple-bar .menu li a {
	padding-bottom: 54px;
}
.websiteIndex .simple-bar.nav-sticky .logo {
	max-height: 30px;
	bottom: 8px;
}
.websiteIndex .simple-bar .subnav {
	text-align: left !important;
}
.websiteIndex .subnav-halfwidth {
	width: 500px;
}
.websiteIndex .menu li:last-child .subnav-halfwidth {
	right: 0px;
}
.websiteIndex .subnav-halfwidth .subnav {
	position: relative;
	overflow: hidden;
	background: none !important;
	text-align: left;
	padding: 0px;
}
.websiteIndex .centered-logo .social-icons {
	float: right;
	margin-bottom: 0px;
}
.websiteIndex .centered-logo .utility-menu span {
	top: 2px;
}
.websiteIndex .centered-logo .logo {
	max-width: 800px;
	max-height: 50px;
	bottom: 0px;
	margin-top: 32px;
}
.websiteIndex .centered-logo .menu li a {
	padding-bottom: 24px;
}
.websiteIndex .centered-logo .nav-menu {
	padding-top: 32px;
}
.websiteIndex .centered-logo .subnav {
	text-align: left !important;
}
.websiteIndex .centered-logo .bottom-border {
	width: 100%;
	height: 4px;
	background: #fc4349;
}
.websiteIndex .websiteIndex .fullscreen-nav-toggle {
	position: fixed;
	z-index: 1000;
	width: 60px;
	height: 60px;
	background: rgba(255, 255, 255, 0.9);
	text-align: center;
	cursor: pointer;
	top: 32px;
	right: 32px;
	font-size: 40px;
	line-height: 67px;
	color: #333333;
 -webkit-transition: all .3s ease;
 -moz-transition: all .3s ease;
 transition: all .3s ease;
}
.websiteIndex .websiteIndex .fullscreen-nav-toggle i {
	position: absolute;
	right: 11px;
	top: 12px;
 -webkit-transition: all .3s ease;
 -moz-transition: all .3s ease;
 transition: all .3s ease;
}
.websiteIndex .websiteIndex .fullscreen-nav-toggle .icon_menu {
	opacity: 1;
}
.websiteIndex .websiteIndex .fullscreen-nav-toggle .icon_close {
	opacity: 0;
}
.websiteIndex .toggle-icon .icon_menu {
	opacity: 0 !important;
}
.websiteIndex .toggle-icon .icon_close {
	opacity: 1 !important;
	color: #fff !important;
}
.websiteIndex .toggle-icon {
	background: rgba(255, 255, 255, 0);
}
.websiteIndex .websiteIndex .websiteIndex .fullscreen-nav-container {
	position: fixed;
	width: 100%;
	height: 100%;
	top: 0;
	z-index: 999;
	background: rgba(252, 67, 73, 0.92);
	display: none;
	opacity: 0;
 -webkit-transition: all .3s ease;
 -moz-transition: all .3s ease;
 transition: all .3s ease;
}
.websiteIndex .show-fullscreen-nav {
	display: block;
}
.websiteIndex .fade-fullscreen-nav {
	opacity: 1;
}
.websiteIndex .websiteIndex .fullscreen-nav-container .logo {
	max-height: 60px;
	display: block;
	margin-bottom: 32px;
}
.websiteIndex .websiteIndex .fullscreen-nav-container .menu li {
	line-height: 48px;
	float: none;
}
.websiteIndex .websiteIndex .fullscreen-nav-container .menu li a {
	color: #fff;
	font-size: 32px;
	font-weight: 300;
	font-family: "Open Sans", "Helvetica Neue", Helvetica, Arial, sans-serif;
	text-transform: none;
	padding-bottom: 0px;
}
.websiteIndex .websiteIndex .fullscreen-nav-container .container {
 -webkit-transition: all .5s ease;
 -moz-transition: all .5s ease;
 transition: all .5s ease;
	-webkit-transform: translate3d(0, 200px, 0);
	-moz-transform: translate3d(0, 200px, 0);
	transform: translate3d(0, 200px, 0);
	opacity: 0;
	margin-top: 80px;
}
.websiteIndex .websiteIndex .fullscreen-nav-container.fade-fullscreen-nav .container, .websiteIndex .websiteIndex .fullscreen-nav-container.fade-fullscreen-nav .close-fullscreen-nav {
	-webkit-transform: translate3d(0, 0px, 0);
	-moz-transform: translate3d(0, 0px, 0);
	transform: translate3d(0, 0px, 0);
	opacity: 1;
}
.websiteIndex .fullscreen-nav {
	position: absolute;
	z-index: 10;
	width: 100%;
}
.websiteIndex .fullscreen-nav .outer-logo {
	max-height: 35px;
	margin-top: 44px;
	display: inline-block;
}
.websiteIndex .soundcloud-1 {
	padding: 0px;
	position: relative;
	overflow: hidden;
	line-height: 0;
}
.websiteIndex .soundcloud-1:before {
	content: '';
	position: absolute;
	width: 100%;
	height: 50%;
	bottom: 0;
	left: 0;
	z-index: 2;
}
.websiteIndex .soundcloud-1 iframe {
	border: none;
	height: 200px;
	width: 100%;
	position: relative;
	z-index: 1;
}
.websiteIndex .contained-bar {
	background: none;
}
.websiteIndex .contained-wrapper {
	background: rgba(255, 255, 255, 0.9);
	margin-top: 32px;
	padding: 0 32px;
}
.websiteIndex .contained-bar.nav-sticky {
	background: rgba(255, 255, 255, 0.9);
}
.websiteIndex .contained-bar.nav-sticky .contained-wrapper {
	background: none;
	padding: 0;
	margin-top: 0;
}
.websiteIndex .elements h1 {
	margin-bottom: 16px;
}
.websiteIndex .pagination li a {
	color: #6dbcdb;
	background: none;
	margin-left: 12px;
	border-radius: 50%;
	padding: 5px 12px;
}
.websiteIndex .pagination li.active {
	background: #6dbcdb;
}
.websiteIndex .pagination li:first-child a, .websiteIndex .pagination li:last-child a {
	border-radius: 50% !important;
}
.websiteIndex .pagination-lg li a {
	padding: 7px 16px;
}
.websiteIndex .pagination-sm li a {
	padding: 5px 11px;
}
.websiteIndex .pager li a {
	background: none;
 -webkit-transition: all .3s ease;
 -moz-transition: all .3s ease;
 transition: all .3s ease;
	min-width: 155px;
	border-radius: 25px;
	display: inline-block;
	padding: 14px 28px 13px 28px;
	line-height: 1;
	border: 2px solid #6dbcdb;
	font-family: "Raleway", "Open Sans", "Helvetica Neue", Helvetica, Arial, sans-serif;
	font-weight: bold;
	font-size: 11px;
	text-transform: uppercase;
	letter-spacing: 1px;
	color: #6dbcdb;
	min-width: 125px;
}
.websiteIndex .pager li a:hover {
	background: #6dbcdb;
	color: #fff;
}
.websiteIndex .video-wrapper iframe {
	width: 100%;
	height: 180%;
	top: -40%;
	position: absolute;
}
.websiteIndex .youtube-bg {
	height: 100%;
}
.websiteIndex .boxed-layout {
	background: #eee;
}
.websiteIndex .boxed-layout .main-container, .websiteIndex .boxed-layout ..websiteIndex footer-container, .websiteIndex .boxed-layout nav {
	max-width: 1280px;
	margin: 0 auto;
	left: 0;
	right: 0;
}
.websiteIndex .boxed-layout .flex-direction-nav {
	display: none;
}
.websiteIndex .timeline-event:first-child {
	margin-top: 64px;
}
.websiteIndex .timeline-event {
	width: 100%;
	position: relative;
	overflow: hidden;
	padding-bottom: 64px;
	margin-bottom: 32px;
}
.websiteIndex .timeline-event:nth-child(even) .col-sm-6:first-child {
 text-align: right;
}
.websiteIndex .timeline-event .col-sm-6:first-child {
	padding-right: 54px;
}
.websiteIndex .timeline-event .col-sm-6:last-child {
	padding-left: 54px;
}
.websiteIndex .timeline-event:nth-child(odd) .col-sm-6:first-child {
 padding-left: 54px;
 padding-right: 15px;
}
.websiteIndex .timeline-event:nth-child(odd) .col-sm-6:last-child {
 padding-right: 54px;
 text-align: right;
 padding-left: 15px;
}
.websiteIndex .timeline-event .middle {
	position: absolute;
	left: 50%;
	width: 60px;
	margin-left: -30px;
	text-align: center;
	height: 100%;
}
.websiteIndex .timeline-event .middle i {
	font-size: 40px;
	display: inline-block;
	margin-bottom: 16px;
	color: #fc4349;
}
.websiteIndex .timeline-event .middle .vertical-line {
	top: 60px;
	width: 2px;
	height: 100%;
	display: inline-block;
	background: #fc4349;
	position: absolute;
	left: 50%;
	margin-left: -2px;
}
.websiteIndex .timeline-event h2 {
	margin-bottom: 8px;
}
.websiteIndex .product-action {
	height: auto;
	padding: 120px 0 0 0;
}
.websiteIndex .product-action {
	background: #fc4349;
}
.websiteIndex .product-action h2 {
	margin-bottom: 16px;
	font-weight: 600;
}
.websiteIndex .product-action p {
	display: block;
	max-width: 520px;
	margin: 0 auto;
	margin-bottom: 40px;
}
.websiteIndex .product-action img {
	margin-top: -80px;
	position: relative;
	top: 110px;
}
.websiteIndex .no-loader .loader {
	display: none !important;
}
.websiteIndex .seen-on-container .owl-carousel .owl-item {
	max-width:260px;
	text-align:center;
}
.websiteIndex .seen-on-container .owl-carousel .owl-item img {
	margin:0 auto;
}
.websiteIndex .navbar-nav {
	margin:14px 0 0 0;
}
.websiteIndex .nav>li>a {
	text-transform:uppercase;
	font-weight:600;
	font-size:14px;
	padding:10px 25px 24px 25px;
}
.websiteIndex .nav>li>a.login-btn {
	border:solid 2px #f55f2a;
	border-radius:25px;
	color:#f55f2a;
	padding:6px 25px;
	font-weight:800;
	font-size:15px;
	-webkit-transition: All 0.5s ease;
	-moz-transition: All 0.5s ease;
	-o-transition: All 0.5s ease;
	-ms-transition: All 0.5s ease;
	transition: All 0.5s ease;
}
.websiteIndex .nav>li>a.login-btn:hover {
	background:#f55f2a;
	color:#ffffff;
}
.navbar-default .navbar-nav > .active > a, .navbar-default .navbar-nav > .active > a:hover, .navbar-default .navbar-nav > .active > a:focus {
	border-bottom: 2px solid #ecf0f1;
	background-color: transparent;
}
.websiteIndex .tembus {
}
.websiteIndex .hvrcenter {
	display: inline-block;
	vertical-align: middle;
	-webkit-transform: perspective(1px) translateZ(0);
	transform: perspective(1px) translateZ(0);
	box-shadow: 0 0 1px transparent;
	position: relative;
	overflow: hidden;
}
.websiteIndex .hvrcenter:before {
	content: "";
	position: absolute;
	z-index: -1;
	left: 50%;
	right: 50%;
	bottom: 0;
	background:#f55f2a;
	height: 2px;
	-webkit-transition-property: left, right;
	transition-property: left, right;
	-webkit-transition-duration: 0.3s;
	transition-duration: 0.3s;
	-webkit-transition-timing-function: ease-out;
	transition-timing-function: ease-out;
}
.websiteIndex .hvrcenter:hover:before, .websiteIndex .hvrcenter:focus:before, .websiteIndex .hvrcenter:active:before {
	left: 0;
	right: 0;
}
.websiteIndex .our-team-container .team-details h1 {
	font-size:18px;
	color:#333333;
	font-weight:600;
	margin:0 0 8px 0;
}
.websiteIndex .our-team-container .team-details h2 {
	font-size:15px;
	color:#333333;
}
.websiteIndex .top-bar.nav-sticky {
	background:rgba(48, 55, 73, 1);
}
.websiteIndex .services-container {
	padding:4% 0;
	background:#f4f4f4;
}
.websiteIndex .services-container .services-box {
	background:#303749 url(../images/trophyBg.png) no-repeat center center;
	padding:40px;
	height:460px;
	position:relative;
	text-align:center;
}
.websiteIndex .services-container .services-box .message {
	position:absolute;
	bottom:0;
	color:#ffffff;
	font-size:18px;
	left:0;
	right:0;
	margin:0 15px;
	padding:15px;
	border-top:solid 1px rgba(255, 255, 255, 0.3);
}
.websiteIndex .services-container .services-box h1 {
	color:#ffffff;
	font-size:30px;
	margin:0 0 20px 0;
	font-weight:normal;
}
.websiteIndex .services-container .services-box p {
	color:rgba(255, 255, 255, 0.6);
	font-size:16px;
	line-height:23px;
}
.websiteIndex .services-container .boxes {
	margin:20px 0 40px 30px;
}
.websiteIndex .services-container .boxes .icon {
	float:left;
	width:60px;
	margin:0 20px 0 0;
	color:#f55f2a;
	text-align:left;
}
.websiteIndex .services-container .boxes .icon i {
	font-size:55px;
	margin:0;
	width:auto;
	height:auto;
}
.websiteIndex .services-container .boxes .icon i.icon-web {
	font-size:50px;
}
.websiteIndex .services-container .boxes .icon i:before {
	margin:0;
	width:auto;
	height:auto;
}
.websiteIndex .services-container .boxes .info {
	width:83%;
	float:left;
	margin:0 0 0 0;
}
.websiteIndex .services-container .boxes .info strong {
	display:block;
	font-size:21px;
	color:#2d2d2d;
	font-weight:600;
	margin:0 0 3px 0;
	color:#2d2d2d;
}
.websiteIndex .services-container .boxes .info p {
	font-size:15px;
	font-weight:normal;
	color:#434343;
	text-align:left;
	line-height:23px;
	margin:0;
	width:100%;
}
.websiteIndex .about-container {
	padding:4% 0;
}
.websiteIndex .industry-container {
	padding:4% 0;
	background:#ffffff;
}
.websiteIndex .divider {
	border-top:solid 1px #dddddd;
	border-bottom:solid 1px #dddddd;
	height:8px;
	background:#f5f5f5;
}
.websiteIndex .industry-container .boxes {
	background:#f9f9f9;
	padding:30px 20px;
	margin:30px 0 0 0;
	border-radius:4px;
	-webkit-border-radius:4px;
	-moz-border-radius:4px;
	-o-border-radius:4px;
	-ms-border-radius:4px;
	text-align:center;
	border:solid 1px #ececec;
	-webkit-transition: All 0.5s ease;
	-moz-transition: All 0.5s ease;
	-o-transition: All 0.5s ease;
	-ms-transition: All 0.5s ease;
	transition: All 0.5s ease;
}
.websiteIndex .industry-container .boxes:hover {
	background:#f55f2a;
	border-color:#f55f2a;
}
.websiteIndex .industry-container .boxes b {
	display:block;
	font-size:17px;
	color: #2d2d2d;
	font-weight:600;
	margin:0 0 5px 0;
}
.websiteIndex .industry-container .boxes p {
	font-size:15px;
	font-weight: normal;
	color: #777777;
	line-height: 23px;
	width:100%;
	margin:0;
}
.websiteIndex .industry-container .boxes .icon {
	color:#f55f2a;
	font-size:35px;
	margin:0 0 10px 0;
}
.websiteIndex .industry-container .boxes .icon i {
	width:auto;
	height:auto;
	margin:0 auto;
}
.websiteIndex .industry-container .boxes .icon i:before {
	width:auto;
	height:auto;
	margin:0;
	padding:0;
}
.websiteIndex .industry-container .boxes:hover p, .websiteIndex .industry-container .boxes:hover b, .websiteIndex .industry-container .boxes:hover .icon {
	color:#ffffff;
}
.websiteIndex .about-container h5 {
	color:#303749;
	font-size:33px;
	font-weight:800;
	line-height:45px;
	margin:180px 0 0 0;
}
.websiteIndex .about-container p {
	width:100%;
	margin:50px 0 0 0;
	text-align:left;
	line-height:28px;
	color:#434343;
}
.websiteIndex .modal-form .form-group label {
	color:#2d2d2d;
	font-size:16px;
	font-weight:600;
}
.websiteIndex .modal-form .form-control {
	background:#f9f9f9;
	border:solid 1px #dedede;
	border-radius:4px;
	-webkit-border-radius:4px;
	-moz-border-radius:4px;
	-o-border-radius:4px;
	-ms-border-radius:4px;
	box-shadow:none;
}
.websiteIndex .modal-form textarea.form-control {
	height:90px;
}
.websiteIndex .modal-form .btn-primary {
	border-radius:4px;
	-webkit-border-radius:4px;
	-moz-border-radius:4px;
	-o-border-radius:4px;
	-ms-border-radius:4px;
	background:#f55f2a;
	border-color:#f55f2a;
	color:#ffffff;
	font-size:15px;
	padding:10px 20px;
	outline:0;
	box-shadow:none;
	font-weight:600;
}
.websiteIndex .modal-form .btn-primary:focus {
	outline:0;
	box-shadow:none;
}
.websiteIndex .modal-form .btn-primary:hover {
	background-color:#fb6a36;
	border-color:#fb6a36;
}
.websiteIndex .modal-dialog h5 {
	font-size:24px;
	color:#2d2d2d;
	font-weight:600;
	margin:0 0 30px 0;
	line-height:27px;
}
.websiteIndex .modal-dialog .contact-details {
	margin:0 0 0 30px;
	color:#2d2d2d;
} 
.websiteIndex .modal-dialog .contact-details b {
	font-weight:600;
	font-size:18px;
	margin:0 0 0 0;
}
.websiteIndex .modal-dialog .contact-details b.addressHead {
	margin:0 0 10px 0;
	font-size:20px;
	font-weight:600;
	display:block;
}
.websiteIndex .modal-dialog .contact-details b.addressSubhead {
	margin:15px 0 0 0;
	font-size:18px;
	font-weight:600;
	display:block;
}
.websiteIndex .modal-dialog .contact-details p {
	font-size:16px;
	margin:0 0 10px 0;
}
.websiteIndex .modal-dialog .contact-details p b {
	display:inline-block;
	font-size:16px;
}
.websiteIndex .modal-dialog .contact-details p a {
	color:#f58620;
	text-decoration:none;
}
.websiteIndex .modal-dialog .contact-details p a:hover {
	text-decoration:underline;
}
.websiteIndex .modal-dialog .map-block {
	margin:15px 0 0 0;
	border:solid 1px #dddddd;
}
.websiteIndex .modal-dialog .map-block iframe {
	border:0;
	width:100%;
	height:100%;
}
.websiteIndex .chat-icon {
	width:70px;
	height:70px;
	background:#f55f2a;
	border:solid 2px #f55f2a;
	color:#ffffff;
	position:fixed;
	right:1%;
	top:22%;
	border-radius:70px;
	-webkit-border-radius:70px;
	-moz-border-radius:70px;
	-o-border-radius:70px;
	-ms-border-radius:70px;
	text-align:center;
	font-size:35px;
	z-index:99;
	line-height:65px;
	-webkit-transition: All 0.5s ease;
	-moz-transition: All 0.5s ease;
	-o-transition: All 0.5s ease;
	-ms-transition: All 0.5s ease;
	transition: All 0.5s ease;
	padding:13px 0 0 0;	
}
.websiteIndex .chat-icon:hover {
	background:#ffffff;
	color:#f55f2a;
}

.websiteIndex .login-block {
	background:#ffffff;
	padding:0;
	margin:0 auto 0 auto;
}
.websiteIndex .login-video-holder {
	padding:220px 0 0 0;
}

.websiteIndex .login-block .login-logo {
	text-align:center;
}
.websiteIndex .login-block .form-group {
	margin:0 0 15px 0;
	text-align:left;
}
.websiteIndex .login-block .form-control {
	border:solid 1px #dedede;
	background:#f9f9f9;
	border-radius:4px;
	-webkit-border-radius:4px;
	-moz-border-radius:4px;
	-o-border-radius:4px;
	-ms-border-radius:4px;
	box-shadow:none;
	height:45px;
}
.websiteIndex .login-block  label {
	color:#272a32;
	text-transform:uppercase;
	font-size:14px;
	text-align:left;
	font-weight:bold;
	margin:0 0 5px 0;
	display:block;
}
.websiteIndex .login-block .btn {
	background:#ef5c2e;
	border-radius:4px;
	-webkit-border-radius:4px;
	-moz-border-radius:4px;
	-o-border-radius:4px;
	-ms-border-radius:4px;
	border:0;
	outline:0;
	width:100%;
	color:#ffffff;
	font-size:16px;
	padding:12px 15px;
	margin:0 0 25px 0;
	font-weight:600;
	text-transform:uppercase;
}
.websiteIndex .login-block .border-block {
	border:solid 1px #d4d9e2;
	border-radius:4px;
	-webkit-border-radius:4px;
	-moz-border-radius:4px;
	-o-border-radius:4px;
	-ms-border-radius:4px;
	padding:13px 15px;
	display:inline-block;
	color:#272a32;
	text-transform:uppercase;
	font-size:13px;
	font-family: 'Raleway', Arial, Helvetica, sans-serif;
	font-weight:700;
	width:47%;
	text-align:center;
}
.websiteIndex .login-block .border-block input[type=checkbox], .websiteIndex .login-block .border-block input[type=radio] {
	vertical-align:middle;
	margin:0 5px 0 0;
}
.websiteIndex .login-block .border-block a {
	display:inline-block;
	color:#272a32;
	text-transform:uppercase;
	font-size:13px;
	font-family: 'Raleway', Arial, Helvetica, sans-serif;
	font-weight:700;
}
.websiteIndex .login-block p {
	margin:20px 0 0 0;
	text-align:center;
	font-size:14px;

}
.footer-container {
    background: rgba(48, 55, 73, 1);
    padding: 15px 0 10px 0;
}

.appDownload {
	width:70px;
	height:70px;
	position:fixed;
	right:1%;
	top:31%;
	z-index:99;
}
.androidDownload {
	width:70px;
	height:70px;
	position:fixed;
	right:1%;
	top:27%;
	z-index:99;
}
.appleDownload {
	width:70px;
	height:70px;
	position:fixed;
	right:1%;
	top:38%;
	z-index:99;
}
/*.demoBtn {
	width:70px;
	height:70px;
	position:fixed;
	right:1%;
	top:49%;
	z-index:99;
}*/
#androidDownloadModal .modal-dialog, #appleDownloadModal .modal-dialog {
	width:380px !important;
}
.websiteIndex .navbar-nav {
	flex-direction: row;
}
.websiteIndex .nav>li {
	display: inline-block;
	float: none;
}
.websiteIndex .modal-header .close {
    position: absolute;
    right: 10px;
    top: 10px;
}


 @media only screen and (max-width: 767px) {
 .websiteIndex #slide-navbar-collapse {
 position: fixed;
 top: 0;
 left: 15px;
 z-index: 99;
 width: 280px;
 height: 100%;
 background-color: #303749;
 overflow: auto;
 border:0;
}
 .websiteIndex .menu-overlay {
 display: none;
 background-color: #000;
 bottom: 0;
 left: 0;
 opacity: 0.5;
 filter: alpha(opacity=50);
    /* IE7 & 8 */
    position: fixed;
 right: 0;
 top: 0;
 z-index: 49;
}
 .websiteIndex .navbar-nav {
 text-align:center;
}
 .websiteIndex .websiteIndex .nav>li>a {
 display:inline-block;
}
}





@media only screen and (min-width : 1025px) and (max-width : 1200px) {} 
@media only screen and (min-width : 768px) and (max-width : 1024px) {
.websiteIndex .nav>li>a {
	padding:10px 15px 24px 15px;
}
.websiteIndex .navbar-right {
    float:none !important;
    margin:0 auto;
    text-align:center !important;
}
.websiteIndex .navbar-right li {
	float:none;
	display:inline-block;
}
.websiteIndex .header-container {
	margin:140px 0 0 0;
}
.websiteIndex .header-container .logo {
	width:70%;
}
.websiteIndex .video-holder {
    height:436px;
}
.websiteIndex .features-container p, .websiteIndex .our-team-container p, .websiteIndex .about-container p, .websiteIndex .industry-container p {
	width:100%;
}
.websiteIndex .features-container .col-md-6 {
	width:50%;
	float:left;
}
.websiteIndex .features-container .boxes {
	margin:30px 0 0 0;
}
.websiteIndex .features-container .boxes .icon {
	float:none;
	margin:0 0 15px 0;
}
.websiteIndex .features-container .boxes .info {
	float:none;
	width:100%;
}
.websiteIndex .features-container .boxes .info {
	min-height:118px;
}
.websiteIndex .industry-container .boxes {
	margin:20px 0 0 0;
}
.websiteIndex .industry-container .col-md-3 {
	float:left;
	width:50%;
}
.websiteIndex .industry-container .col-md-3.blank {
	display:none;
}
.websiteIndex .about-container {
	padding:6% 0;
}
.websiteIndex .about-container h5 {
	margin:30px 0 0 0;
}
.copyright .col-md-8 {
	float:left;
}
}

@media only screen and (min-width : 480px) and (max-width : 767px) {

}

@media only screen and (min-width : 320px) and (max-width : 479px) {
.websiteIndex .header-container {
	margin:55px 0 0 0;
}
.websiteIndex .header-container .logo {
	padding:0;
	background:transparent;
	width:100%;
}
.websiteIndex .header-container .logo img {
	max-width:100%;
}
.websiteIndex .header-container h1 {
	font-size:17px;
	line-height:23px;
}
.websiteIndex .video-holder {
	height:204px;
}
.websiteIndex .chat-icon {
	top:26%;
}
.websiteIndex h3 {
	font-size:28px;
}
.websiteIndex .features-container p, .websiteIndex .our-team-container p, .websiteIndex .about-container p, .websiteIndex .industry-container p {
	width:100%;
}
.websiteIndex .features-container {
	padding:6% 0;
}
.websiteIndex .features-container .boxes {
	margin:30px 0 0 0;
}
.websiteIndex .features-container .boxes .icon {
	float:none;
	margin:0 auto 15px auto;
}
.websiteIndex .features-container .boxes .info {
	float:none;
	width:100%;
	text-align:center;
}
.websiteIndex .features-container .boxes .info p {
	text-align:center;
}
.websiteIndex .services-container .boxes {
    margin:20px 0 40px 10px;
}
.websiteIndex .services-container .boxes .info {
	width:100%;
}
.websiteIndex .industry-container {
	padding:8% 0;
}
.websiteIndex .industry-container .boxes {
	margin:15px 0 0 0;
}
.websiteIndex .about-container {
	padding:8% 0;
}
.websiteIndex .about-container h5 {
	font-size:25px;
	line-height:30px;
	margin:30px 0 0 0;
	text-align:center;
}
.websiteIndex .about-container p {
	text-align:center;
	margin:30px 0 0 0;
}
.websiteIndex .copyright {
	text-align:center;
}
.websiteIndex .copyright .pull-right {
	float:none !important;
	text-align:center !important;
	margin:5px 0 0 0;
}
.websiteIndex .modal-body {
	padding:0 30px 30px 30px;
}
.websiteIndex .modal-dialog .contact-details {
	margin:0 0 0 0;
}
}

@media only screen and (max-width: 320px) { 
.websiteIndex .header-container .logo img {
	max-width:85%;
}
.websiteIndex .header-container h1 {
    font-size:15px;
    line-height:20px;
}
.websiteIndex .video-holder {
    height:182px;
}
.websiteIndex h3 {
    font-size:25px;
}
}


