/*------------------------------------------------------------------
[Master Stylesheet]

Project:	    M D L P 2
Version:	    1.0
Last change:	12/08/2015
Author:         Mat Przegietka
-------------------------------------------------------------------*/

/*------------------------------------------------------------------
[Table of contents]

1. Helper Classes
2. Preloader
3. Content Animation
4. Navigation
5. Homepage Content
6. Tabs
7. Icons
8. Lists
9. Video section
10. Pricing Boxes
11. Reviews
12. Contact
13. Footer
14. Material Design Lite tweeks

-------------------------------------------------------------------*/

/*--------------------------------------*/
/* 1. Helper Classes -------------------*/
/*--------------------------------------*/

.align-center {
	text-align: center
}
.align-left {
	text-align: left
}
.align-right {
	text-align: right
}
.float-left {
	float: left
}
.img_responsive {
	max-width: 100%
}
.img-circle {
	border-radius: 50%
}
.img-rounded_corner {
	border-radius: 0.2rem
}
.margin-top-5 {
	margin-top: 5rem;
}
.margin-bottom-5 {
	margin-bottom: 5rem;
}
.margin-top-2 {
	margin-top: 2rem;
}
.margin-bottom-2 {
	margin-bottom: 2rem;
}
.padding-top-5 {
	padding-top: 5rem;
}
.padding-bottom-5 {
	padding-bottom: 5rem;
}
.padding-top-2 {
	padding-top: 2rem;
}
.padding-bottom-2 {
	padding-bottom: 2rem;
}
.subsection {
	padding-top: 7rem;
	padding-bottom: 7rem;
	position: relative;
	z-index: 100;
}
.SubSectionadd{
	padding-bottom: 3.5rem;
}
/*--------------------------------------*/
/* 2. Preloader ------------------------*/
/*--------------------------------------*/

body {
	overflow: hidden;
}
/* Preloader */
#preloader {
	position: fixed;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	background-color: #fff; /* change if the mask should have another color then white */
	z-index: 2302; /* makes sure it stays on top */
}
#status {
	text-align: center;
	width: 200px;
	height: 200px;
	position: absolute;
	left: 50%; /* centers the loading animation horizontally one the screen */
	top: 50%; /* centers the loading animation vertically one the screen */
	margin: -100px 0 0 -100px; /* is width and height divided by two */
}
.mdl-spinner {
	width: 200px;
	height: 200px;
}
/*--------------------------------------*/
/* 3. Content Animation ----------------*/
/*--------------------------------------*/

.home_anim1, .home_anim2, .home_anim3, .home_anim4, .home_anim5, .home_anim6, .home_anim7, .home_anim8, .home_anim9, .home_anim10,  .more_info_anim1, .more_info_anim2, .more_info_anim3, .more_info_anim4, .more_info_anim5, .more_info_anim6, .more_info_anim7, .more_info_anim8, .more_info_anim9, .more_info_anim10,  .features_anim1, .features_anim2, .features_anim3, .features_anim4, .features_anim5, .features_anim6, .features_anim7, .features_anim8, .features_anim9, .features_anim10,  .screenshots_anim1, .screenshots_anim2, .screenshots_anim3, .screenshots_anim4, .screenshots_anim5, .screenshots_anim6, .screenshots_anim7, .screenshots_anim8, .screenshots_anim9, .screenshots_anim10,  .pricing_anim1, .pricing_anim2, .pricing_anim3, .pricing_anim4, .pricing_anim5, .pricing_anim6, .pricing_anim7, .pricing_anim8, .pricing_anim9, .pricing_anim10,  .testimonials_anim1, .testimonials_anim2, .testimonials_anim3, .testimonials_anim4, .testimonials_anim5, .testimonials_anim6, .testimonials_anim7, .testimonials_anim8, .testimonials_anim9, .testimonials_anim10,  .case-study-1_anim1, .case-study-1_anim2, .case-study-1_anim3, .case-study-1_anim4, .case-study-1_anim5, .case-study-1_anim6, .case-study-1_anim7, .case-study-1_anim8, .case-study-1_anim9, .case-study-1_anim10,  .case-study-2_anim1, .case-study-2_anim2, .case-study-2_anim3, .case-study-2_anim4, .case-study-2_anim5, .case-study-2_anim6, .case-study-2_anim7, .case-study-2_anim8, .case-study-2_anim9, .case-study-2_anim10,  .case-study-3_anim1, .case-study-3_anim2, .case-study-3_anim3, .case-study-3_anim4, .case-study-3_anim5, .case-study-3_anim6, .case-study-3_anim7, .case-study-3_anim8, .case-study-3_anim9, .case-study-3_anim10,  .case-study-4_anim1, .case-study-4_anim2, .case-study-4_anim3, .case-study-4_anim4, .case-study-4_anim5, .case-study-4_anim6, .case-study-4_anim7, .case-study-4_anim8, .case-study-4_anim9, .case-study-4_anim10 {
	opacity: 0
}
/*--------------------------------------*/
/* 4. Navigation -----------------------*/
/*--------------------------------------*/

/*-- desktop navigation --*/

.navigation_desktop ul:not(.mdl-menu) {
	float: right;
	padding: 0;
	margin: 0;
	line-height: 4rem;
}
.navigation_desktop ul li:not(.mdl-menu__item) {
	float: left;
	padding: 0;
	margin-top: 0;
	margin-bottom: 0;
	height: auto;
	margin-left: 1rem;
	margin-right: 1rem;
	display: inline-block;
}
.navigation_desktop ul li:last-child {
	margin-right: 0;
}
.navigation_desktop ul li a:not(.mdl-menu_a) {
	font-size: 0.8rem;
	font-weight: 400;
	line-height: 1.71rem;
	margin: 0 !important;
	padding: 0 !important;
	letter-spacing: 0;
	opacity: 0.8;
	-webkit-transition: all 0.3s ease;
	-moz-transition: all 0.3s ease;
	transition: all 0.3s ease;
	color: white;
	text-transform: uppercase;
}
.navigation_desktop a:not(.mdl-menu_a):hover {
	opacity: 1;
}
.navigation_desktop li a:focus, .navigation_desktop a:hover {
	outline: none;
	text-decoration: none;
}
/*-- menu_bar --*/

.menu_bar {
	height: 4rem;
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	z-index: 900;
	-webkit-transition: all 0.5s;
	-moz-transition: all 0.5s;
	transition: all 0.5s;
	-webkit-transform: translateY(-105%);
	-moz-transform: translateY(-105%);
	transform: translateY(-105%);
	-ms-transform: translateY(-105%);
}
.menu_bar-hide {
	height: 4rem;
	-webkit-transform: translateY(-105%);
	-moz-transform: translateY(-105%);
	transform: translateY(-105%);
	-ms-transform: translateY(-105%);
}
.menu_bar-show {
	height: 4rem;
	-webkit-transform: translateY(0%);
	-moz-transform: translateY(0%);
	transform: translateY(0%);
	-ms-transform: translateY(0%);
}
.menu_bar .navigation_desktop ul {
	margin: 0;
}
.mobile_open_button {
}
.logo {
	float: left;
	line-height: 0;
	margin-top: 1rem;
}
/*-- Mobile Menu --*/

.cbp-spmenu {
	position: fixed;
	padding-top: 0rem;
	padding-left: 0rem;
	background-color: white;
	-webkit-box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.08), 0 2px 10px 0 rgba(0, 0, 0, 0.12);
	-moz-box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.08), 0 2px 10px 0 rgba(0, 0, 0, 0.12);
	box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.08), 0 2px 10px 0 rgba(0, 0, 0, 0.12);
}
.cbp-spmenu-vertical {
	width: 250px;
	height: 100%;
	top: 0;
	z-index: 1001;
}
.cbp-spmenu-right {
	right: -255px;
	-webkit-animation: animation_back 1000ms linear both;
	animation: animation_back 1000ms linear both;
}
#mobile_menu_content {
	float: left;
}
#mobile_menu_content ul li a {
	color: black;
	padding: 0 2rem;
	font-size: 1.2rem;
	height: 3.2rem;
	line-height: 3.2rem;
	width: 250px;
	display: block;
}
#mobile_menu_content ul li a:hover {
	background-color: rgb(238,238,238)
}
#mobile_menu_content ul li {
	width: 250px;
	display: block;
}
.cbp-spmenu-right.cbp-spmenu-open {
	-webkit-animation: animation 1000ms linear both;
	animation: animation 1000ms linear both;
}


/* Generated with Bounce.js. Edit at http://goo.gl/6EqiXS */

@-webkit-keyframes animation {
 0% {
-webkit-transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
}
 4.3% {
-webkit-transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, -102.854, 0, 0, 1);
transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, -102.854, 0, 0, 1);
}
 8.61% {
-webkit-transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, -175.717, 0, 0, 1);
transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, -175.717, 0, 0, 1);
}
 12.91% {
-webkit-transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, -210.455, 0, 0, 1);
transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, -210.455, 0, 0, 1);
}
 17.22% {
-webkit-transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, -218.667, 0, 0, 1);
transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, -218.667, 0, 0, 1);
}
 28.33% {
-webkit-transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, -204.125, 0, 0, 1);
transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, -204.125, 0, 0, 1);
}
 39.44% {
-webkit-transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, -198.754, 0, 0, 1);
transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, -198.754, 0, 0, 1);
}
 61.66% {
-webkit-transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, -200.083, 0, 0, 1);
transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, -200.083, 0, 0, 1);
}
 83.98% {
-webkit-transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, -199.994, 0, 0, 1);
transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, -199.994, 0, 0, 1);
}
 100% {
-webkit-transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, -200, 0, 0, 1);
transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, -200, 0, 0, 1);
}
}
 @keyframes animation {
 0% {
-webkit-transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
}
 4.3% {
-webkit-transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, -102.854, 0, 0, 1);
transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, -102.854, 0, 0, 1);
}
 8.61% {
-webkit-transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, -175.717, 0, 0, 1);
transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, -175.717, 0, 0, 1);
}
 12.91% {
-webkit-transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, -210.455, 0, 0, 1);
transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, -210.455, 0, 0, 1);
}
 17.22% {
-webkit-transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, -218.667, 0, 0, 1);
transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, -218.667, 0, 0, 1);
}
 28.33% {
-webkit-transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, -204.125, 0, 0, 1);
transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, -204.125, 0, 0, 1);
}
 39.44% {
-webkit-transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, -198.754, 0, 0, 1);
transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, -198.754, 0, 0, 1);
}
 61.66% {
-webkit-transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, -200.083, 0, 0, 1);
transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, -200.083, 0, 0, 1);
}
 83.98% {
-webkit-transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, -199.994, 0, 0, 1);
transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, -199.994, 0, 0, 1);
}
 100% {
-webkit-transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, -200, 0, 0, 1);
transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, -200, 0, 0, 1);
}
}

/* Generated with Bounce.js. Edit at http://goo.gl/Y6j3eR */

@-webkit-keyframes animation_back {
 0% {
-webkit-transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, -200, 0, 0, 1);
transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, -200, 0, 0, 1);
}
 4.3% {
-webkit-transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, -97.146, 0, 0, 1);
transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, -97.146, 0, 0, 1);
}
 8.61% {
-webkit-transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, -24.283, 0, 0, 1);
transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, -24.283, 0, 0, 1);
}
 12.91% {
-webkit-transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 10.455, 0, 0, 1);
transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 10.455, 0, 0, 1);
}
 17.22% {
-webkit-transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 18.667, 0, 0, 1);
transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 18.667, 0, 0, 1);
}
 28.33% {
-webkit-transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 4.125, 0, 0, 1);
transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 4.125, 0, 0, 1);
}
 39.44% {
-webkit-transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, -1.246, 0, 0, 1);
transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, -1.246, 0, 0, 1);
}
 61.66% {
-webkit-transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0.083, 0, 0, 1);
transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0.083, 0, 0, 1);
}
 83.98% {
-webkit-transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, -0.006, 0, 0, 1);
transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, -0.006, 0, 0, 1);
}
 100% {
-webkit-transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
}
}
 @keyframes animation_back {
 0% {
-webkit-transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, -200, 0, 0, 1);
transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, -200, 0, 0, 1);
}
 4.3% {
-webkit-transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, -97.146, 0, 0, 1);
transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, -97.146, 0, 0, 1);
}
 8.61% {
-webkit-transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, -24.283, 0, 0, 1);
transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, -24.283, 0, 0, 1);
}
 12.91% {
-webkit-transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 10.455, 0, 0, 1);
transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 10.455, 0, 0, 1);
}
 17.22% {
-webkit-transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 18.667, 0, 0, 1);
transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 18.667, 0, 0, 1);
}
 28.33% {
-webkit-transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 4.125, 0, 0, 1);
transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 4.125, 0, 0, 1);
}
 39.44% {
-webkit-transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, -1.246, 0, 0, 1);
transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, -1.246, 0, 0, 1);
}
 61.66% {
-webkit-transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0.083, 0, 0, 1);
transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0.083, 0, 0, 1);
}
 83.98% {
-webkit-transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, -0.006, 0, 0, 1);
transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, -0.006, 0, 0, 1);
}
 100% {
-webkit-transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
}
}
/*-- Mobile Menu open & close buttons --*/

#mobile_menu_content {
	clear: both;
	box-shadow: none;
	-webkit-box-shadow: none;
}
.mdl-menu__container {
	margin-top: 0.5rem;
}
.mdl-menu__item {
	padding: 0 1.14rem;
	font-size: 0.8rem;
	height: 2rem;
	line-height: 2rem;
}
.mdl-menu__item a {
	color: black
}
.menu_button {
	position: relative;
	float: right;
	margin-top: -0.05rem;
}
/*--------------------------------------*/
/* 5. Homepage Content -----------------*/
/*--------------------------------------*/

.top_bar {
	position: relative;
	z-index: 2000;
	margin-bottom: 3rem;
}
html {
	overflow-x: hidden;
}
.logo_home {
	float: left;
	margin-bottom: 7rem;
}
.hero_fullscreen {
	padding-top: 2rem;
	padding-bottom: 0;
}
.home_content {
	padding-top: 0;
	padding-bottom: 5rem;
}
.home_content button {
	margin-top: 1rem;
}
/*-- homepage images --*/

.dummy {
	margin: 0 auto;
	top: 0;
	left: 0;
	bottom: 0;
	right: 0;
	padding: 0;
}
.layer {
	position: absolute;
	top: 0;
	left: 0;
	bottom: 0;
	right: 0;
	margin: 0 auto;
}
/*--------------------------------------*/
/* 6. Tabs -----------------------------*/
/*--------------------------------------*/

.mdl-tabs__tab-bar {
	height: 3.43rem;
	margin-bottom: 3rem;
	margin-top: 3rem;
}
.mdl-tabs__tab {
	padding: 0 1.71rem 0 1.71rem;
	height: 3.43rem;
	line-height: 3.43rem;
	font-size: 1rem
}
.mdl-tabs__tab span {
	padding-left: 0.5rem;
	padding-right: 0.5rem;
}
.mdl-tabs__tab i {
	display: inline-block;
	vertical-align: middle;
	font-size: 1.5rem;
	padding-bottom: 0.2rem;
}
/*--------------------------------------*/
/* 7. Icons ----------------------------*/
/*--------------------------------------*/

.material-icons-big {
	font-size: 3rem;
}
/*--------------------------------------*/
/* 8. Lists ----------------------------*/
/*--------------------------------------*/

.ulist {
	padding-bottom: 0.3rem;
}
.ulist li {
	margin-bottom: 0.5rem;
	font-size: 1.14rem;
	font-weight: 400;
	line-height: 1.71rem;
	letter-spacing: 0.02rem;
	margin-top: 1.71rem;
	margin-bottom: 1.14rem;
	opacity: 0.8;
	position: relative
}
.ulist li span {
	display: inline-block;
	overflow: hidden;
	margin-left: 4rem;
}
.list-icons i {
	display: inline-block;
	vertical-align: middle;
	margin-right: 1rem;
	margin-left: 1rem;
	padding-top: 0;
	position: absolute;
	left: 0;
	top: 0.1rem;
}
/*--------------------------------------*/
/* 9. Video section --------------------*/
/*--------------------------------------*/

.video_headline h3, .video_headline a {
	display: inline-block;
	vertical-align: middle;
}
.video_headline a {
	margin-left: 2rem;
	margin-right: 2rem;
}
#video {
	background: url(../images/video_bg.jpg) no-repeat center center;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
	margin: 0;
	padding-top: 5rem;
	padding-bottom: 5rem;
}
video, object {
	top: 0;
	left: 0;
	position: absolute;
	z-index: 1;
}
iframe {
	border: none;
	background: transparent;
}
#video_modal_box {
	display: none;
}
/*-----------------------------------------*/
/* 10. Pricing Boxes ----------------------*/
/*-----------------------------------------*/

.pricing_box_head_content {
	padding: 2rem;
	position: relative;
	z-index: 2
}
.pricing_box_head_bg {
	position: absolute;
	top: 0;
	opacity: 0.3;
	z-index: 1
}
.pricing_box_head {
	position: relative
}
.pricing_box_body {
	padding-top: 2rem;
	padding-bottom: 2rem;
	padding-left: 2rem;
	padding-right: 2rem;
}
.pricing_box_footer {
	padding-top: 0rem;
	padding-bottom: 2rem;
	padding-left: 2rem;
	padding-right: 2rem;
	margin-bottom: 1rem;
}
.pricing_box_head p {
	text-transform: uppercase;
	font-size: 0.7rem;
}
.pricing_box_head i {
	font-size: 2rem;
}
.pricing_box_head h1, .pricing_box_head h6, .pricing_box_head p {
	margin-top: 0rem;
	margin-bottom: 0rem;
}
.pricing_box_body, .pricing_box_footer {
	position: relative;
	z-index: 3
}
.pricing_box_body_list li {
	font-size: 1rem;
	font-weight: 300;
	line-height: 1.71rem;
	padding-bottom: 1rem;
	margin-bottom: 1.14rem;
	opacity: 0.8;
	border-bottom: solid 1px rgba(255,255,255,0.2);
}
.pricing_box_body_list li:last-child {
	border: 0;
	padding-bottom: 0;
	margin-bottom: 0;
}
/*--------------------------------------*/
/* 11. Reviews -------------------------*/
/*--------------------------------------*/

.single_review {
	position: relative;
	margin-left: 1rem;
	margin-right: 1rem;
	padding-bottom: 1rem;
}
.single_review img {
	max-width: 5rem;
	height: 5rem;
	margin-top: 2rem;
}
/*--------------------------------------*/
/* 12. Contact -------------------------*/
/*--------------------------------------*/

#message {
	margin-top: 0.5rem;
	display: none;
	position: relative;
	z-index: 3000;
	width: 100%;
	text-align: left;
	padding: 1rem;
}
.alert_title {
	margin: 0;
	display: inline-block;
	vertical-align: middle;
}
.unordered li p {
	margin: 0 !important;
	font-size: 1rem;
	line-height: 1.7rem;
}
.unordered {
	margin: 0;
	padding: 0;
}
  #message.warning {
 background:#F44336;
}
#message.success {
	background: #4CAF50;
	padding-bottom: 0rem;
}
#contact h4 {
	padding: 0 0 25px 0;
	margin: 0;
}
/*--------------------------------------*/
/* 13. Footer --------------------------*/
/*--------------------------------------*/

#footer {
	padding-top: 2rem;
	padding-bottom: 0.75rem;
}
#footer p {
	font-size: 0.8rem;
}
#footer i {
	display: inline-block;
	vertical-align: middle;
	margin-bottom: 0.3rem;
}
/*--------------------------------------*/
/* 14. Material Design Lite tweeks -----*/
/*--------------------------------------*/

/* buttons */

.mdl-button {
	height: 2.67rem;
	min-width: 3.67rem;
	padding: 0 2.38rem;
	font-size: 1rem;
	font-weight: 400;
	line-height: 2.57rem;
	color: #fff;
}
.trialBanner {
	background: rgba(0, 0, 0, 0.7);
    color: #FFFFFF;
    margin: 0;
    padding: 0.2rem 0.2rem;
    width: 12.82rem;
    font-size: 0.75rem;
    border: 1px solid #000000;
	float:left;
	text-align:center;

 }

.mdl-button--fab {
	font-size: 2rem;
	height: 4rem;
	min-width: 4rem;
	width: 4rem;
}
.mdl-button--fab .material-icons {
	font-size: 2rem;
	-webkit-transform: translate(-1rem, -1rem);
	-ms-transform: translate(-1rem, -1rem);
	transform: translate(-1rem, -1rem);
	line-height: 2rem;
	width: 2rem;
}
/* cards */

.mdl-card {
	display: block;
	font-size: 1rem;
	min-height: auto;
	width: auto;
	margin-bottom: 1.5rem;
}
.mdl-card__supporting-text {
	font-size: 0.9rem;
	line-height: 1.53rem;
	overflow: hidden;
	padding: 1.1rem;
	width: 100%;
}
.mdl-card__menu {
	right: 1rem;
	top: 1rem;
}
.mdl-card__menu a {
	margin-right: 0 !important;
}
/* inputs */

.mdl-textfield {
	font-size: 1rem;
	width: 100%;
	max-width: 100%;
	margin: 0;
	padding: 1.43rem 0;
}
.mdl-textfield .mdl-button {
	bottom: 1.43rem;
}
.mdl-textfield--full-width {
	width: 100%;
}
.mdl-textfield--expandable {
	min-width: 2.28rem;
	width: auto;
	min-height: 2.28rem;
}
.mdl-textfield__input {
	font-size: 1rem;
	margin: 0;
	padding: 0.3rem 0;
	width: 100%;
	background: 1rem;
}
.mdl-textfield__label {
	bottom: 0;
	font-size: 1rem;
	left: 0;
	right: 0;
	top: 1.71rem;
	width: 100%;
}
.mdl-textfield--floating-label.is-focused .mdl-textfield__label, .mdl-textfield--floating-label.is-dirty .mdl-textfield__label {
	font-size: 1rem;
	top: 0.3rem;
}
.mdl-textfield--floating-label.is-focused .mdl-textfield__expandable-holder .mdl-textfield__label, .mdl-textfield--floating-label.is-dirty .mdl-textfield__expandable-holder .mdl-textfield__label {
	top: -1rem;
}
.mdl-textfield--floating-label.is-invalid .mdl-textfield__label {
	font-size: 1rem;
}
.mdl-textfield__label:after {
	bottom: 1.43rem;
	height: 2px;
	left: 45%;
	width: 0.71rem;
}
.mdl-textfield__error {
	font-size: 1rem;
	margin-top: 0.3rem;
}
.mdl-textfield__expandable-holder {
	margin-left: 2.28rem;
	max-width: 0.1px;
}
.mdl-textfield.is-focused .mdl-textfield__expandable-holder, .mdl-textfield.is-dirty .mdl-textfield__expandable-holder {
	max-width: 100%;
}
.mdl-textfield__expandable-holder .mdl-textfield__label:after {
	bottom: 0;
}
/*  Tax Day Customizations  */

.intro-header {
	background: url(../images/San-Fran-Background-3.jpg);
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
}
.top_bar {
	color: #222222;
}
.top-nav ul li a:not(.mdl-menu_a) {
	/*color: #222222;*/
	color: #fff;
	font-weight: bold;
}

@media (min-width: 0px) and (max-width: 991px) {
.intro-container {
	color: #fff;
}
}

@media (min-width: 992px) {
.intro-container {
	color: #ffffff;
	text-shadow: 0 1px 3px rgba(0,0,0,.9);
}
}
#about p {
	font-weight: 500;
}
.intro-para {
	font-weight: 500;
}
.video-container {
	position: relative;
	padding-bottom: 50.5%;
	padding-top: 30px;
	height: 0;
	overflow: hidden;
	background: transparent !important;
}
.video-container iframe, .video-container object, .video-container embed {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	margin-bottom: 28px;
	background: transparent !important;
}
.intro-header {
	padding-bottom: 28px;
}
/*Contact Form */

.tdForm {
	width: 100%;
	float: left;
	margin: 30px 0;
	padding: 0 0 0 0;
}
.tdForm label {
	width: 100%;
	float: left;
	margin: 0 0 20px 0;
	padding: 0 0 0 0;
	font-size: 16px;
}
.tdForm span {
	color: #ff5959;
	font-size: 25px;
}
.tdForm input {
	background-color: #2c434f;
	border: medium none;
	border-radius: 5px;
	float: left;
	margin: 0;
	width: 100%;
	padding: 15px 16px;
	font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
	font-size: 20px;
	color: #ffffff;
	border-radius: 6px;
	outline: none;
	box-sizing: border-box;
	transition: all linear 0.5s;
	-webkit-transition: all linear 0.5s;
	-moz-transition: all linear 0.5s;
	-o-transition: all linear 0.5s;
	border: 1px solid #2c434f;
	font-size: 16px;
}
.tdForm h5 {
	text-transform: uppercase;
	font-size: 1rem;
	margin: 1rem 0;
	float:left;
	width: 100%;
}


.tdForm input:focus {
	background: transparent;
	border: 1px solid #fff;
	border-radius: 5px;
}
.tdForm textarea {
	background-color: #2c434f;
	border: medium none;
	border-radius: 5px;
	float: left;
	margin: 0;
	width: 100%;
	padding: 15px 16px;
	font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
	font-size: 20px;
	color: #ffffff;
	border-radius: 6px;
	outline: none;
	box-sizing: border-box;
	transition: all linear 0.5s;
	-webkit-transition: all linear 0.5s;
	-moz-transition: all linear 0.5s;
	-o-transition: all linear 0.5s;
	border: 1px solid #2c434f;
	font-size: 16px;
	resize: none;
}
.tdForm textarea:focus {
	background: transparent;
	border: 1px solid #fff;
	border-radius: 5px;
}
.tdForm img{
	margin:auto;
	width:200px;
	margin:70px 0 0 0;


}

.BtnContact {
	float: left;
	width: 10.5rem;
	background-color: #f99f3f !important;
	margin: 0 ;
}
.trailapp{
	font-size: 15px;
	margin: 60px 0 0 0;
	line-height:2rem;
	float:left;

}
.videoContainer {
	margin-top: 45px;
}
.logoMobile {
	display:none;
	float: left;
	line-height: 0;
	margin-top: 0.2rem;
}
.margin-top1
{
	    margin: -40px 0 10px 0;
}

@media screen and (min-width: 280px) and (max-width: 1000px) {

	.videoContainer {
		margin-top: 0;
	}

	.top-nav ul li a:not(.mdl-menu_a) { color: #fff; }
}

@media screen and (min-width: 400px) and (max-width: 600px) {
	.video-container { padding-bottom: 50%; }
	.tdForm input 	{ padding: 10px; }
}

@media screen and (min-width: 250px) and (max-width: 400px) {
	.video-container { padding-bottom: 46%; }
	.tdForm input { padding: 10px; }
}
@media screen and (min-width: 250px) and (max-width: 900px){
	.tdForm {margin: 20px 0;}

}

#tagline {
	color: #ffffff;
	font-size: 14px;
	letter-spacing: .2px;
	font-weight: 500;
	text-shadow: 0px 1px 0px rgba(0,0,0,.4);
}
/* Mobile view Background */

@media screen and (min-width: 769px) and (max-width: 3000px){

.logostyle  { display:black; float:left}

.Logo-mobile
{
	display: none;
}
}

@media screen and (min-width: 250px) and (max-width: 800px){
	.tdForm {margin: 20px 0;}
	.intro-header {
	background: url(../images/Newyork-Background-small.jpg);
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
	background-color:#334c5a;
}
.logostyle  { display:none;}

.Logo-mobile
{
	display: black;
	float:left;
}

}
/* Mobile view Background end */



/* End Tax Day Customizations */


.footer-link {
	color: rgba(255,255,255,.4);
	padding-bottom: 18px;
}

.footer-link:hover {
	color: rgba(255,255,255,.9);
}