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

=========================================

LandX - Responsive App Landing Page

Version: 1.0 (Initial Release)

Designed By: Mizanur Rahman

=========================================

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

@import url(https://fonts.googleapis.com/css?family=Source+Sans+Pro:400,700,400italic|Raleway:500,600,700);



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

=========================================

GLOBAL STYLES

=========================================

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

html {

	font-size: 100%;

}



body {

	background: #ffffff;

	font-family: 'Source Sans Pro', sans-serif;

	font-size: 16px;

	color: #727272;

	line-height: 25px;

	text-align: center;

	overflow-x: hidden !important;

	margin: auto !important;

}



/* PRE LOADER */

.preloader {

	position: fixed;

	top: 0;

	left: 0;

	right: 0;

	bottom: 0;

	background-color: #fefefe;

	z-index: 99999;

	height: 100%;

	width: 100%;

	overflow: hidden !important;

}



.status {

	width: 40px;

	height: 40px;

	position: absolute;

	left: 50%;

	top: 50%;

	background-image: url(../images/loading.gif);

	background-repeat: no-repeat;

	background-position: center;

	-webkit-background-size: cover;

	background-size: cover;

	margin: -20px 0 0 -20px;

}



/* DEFAULT HYPERLINK / HOVER */

a {

	text-decoration: none;

	-webkit-transition: all ease 0.25s;

	transition: all ease 0.25s;

}



a:hover {

	text-decoration: underline;

}



strong {

	font-weight: 700;

}



.strong {

	font-weight: 700;

}



/* IE10 IN WINDOWS 8 AND WINDOWS PHONE 8 BUG FIX FOR BOOTSTRAP */

@-webkit-viewport {

	width: device-width;

}



@-moz-viewport {

	width: device-width;

}



@-ms-viewport {

	width: device-width;

}



@-o-viewport {

	width: device-width;

}



@viewport {

	width: device-width;

}



/* OTHER FIXES */

a:focus {

	outline: inherit;

	color: inherit;

}



.btn:focus,

.btn:active,

.btn,

.open .dropdown-toggle.btn {

	outline: inherit;

	border-color: inherit;

}



*,

*:before,

*:after {

	-webkit-box-sizing: border-box;

	-moz-box-sizing: border-box;

	box-sizing: border-box;

}



ul,

ol {

	padding-left: 0 !important;

}



li {

	list-style: none;

}

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

=========================================

   COMPONENTS 

=========================================

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

.dark-bg {

	background: #323232;

	color: #ffffff;

}



.color-bg {

	color: #ffffff;

}



.bgcolor-2 {

	background: #f7f8fa;

}



.bgcolor-white {

	background: #ffffff;

}



.colored-line {

	height: 1px;

	width: 70px;

	margin: auto;

	margin-top: 10px;

	margin-bottom: 10px;

}





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

   Typography                

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

h1,

h2,

h3,

h4,

h5,

h6 {

	font-family: 'Raleway', sans-serif;

	color: #323232;

	margin-bottom: 0;

	margin-top: 0;

}



h1 {

	font-size: 2.813rem;

	line-height: 3.75rem;

	font-weight: 500;

}



h2 {

	font-size: 2.188rem;

	line-height: 3.125rem;

	font-weight: 500;

}



h3 {

	font-size: 1.5rem;

	line-height: 2.375rem;

	font-weight: 600;

}



h4 {

	font-size: 1.25rem;

	line-height: 2rem;

	font-weight: 600;

}



h5 {

	font-size: 18px;

	line-height: 28px;

	font-weight: 700;

}



h6 {

	font-size: 16px;

	line-height: 25px;

	font-weight: 700;

}





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

   BUTTONS               

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

.standard-button {

	font-family: 'Raleway', sans-serif;

	font-size: 16px;

	font-weight: 700;

	text-transform: uppercase;

	border-radius: 3px;

	padding: 15px 30px;

	border: 0;

	margin: 5px;

	line-height: inherit;

	-webkit-transition: all ease 0.25s;

	transition: all ease 0.25s;

}



.secondary-button {

	font-family: 'Raleway', sans-serif;

	font-size: 16px;

	font-weight: 700;

	text-transform: uppercase;

	border-radius: 3px;

	padding: 15px 30px;

	border: 0;

	margin: 5px;

	border: 1px solid #727272;

	color: #323232;

	background: #ffffff;

	line-height: inherit;

	-webkit-transition: all ease 0.25s;

	transition: all ease 0.25s;

}







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

=========================================

   SECTION SPECIFIC CSS

=========================================

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

.section1,

.section2,

.section3,

.section4,

.section5,

.section6,

.section7 {

	padding-top: 100px;

	padding-bottom: 100px;

}



.color-overlay {

	background: rgba(0, 0, 0, 0.8);

	background-image: url("../images/terms.jpg");

}

.my_new_css {

background-color: transparent;

background-image: url("../images/terms.jpg");

background-clip: border-box;

background-origin: padding-box;

background-attachment: fixed;

background-position: center center;

background-repeat: no-repeat;

background-size: cover !important; height:933px;



}

.clearfix { clear: both; }


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

   HEADER / HOME                

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

header {

	/*background: url(../images/bg-image-1.jpg) no-repeat center top fixed;

	-webkit-background-size: cover;

	background-size: cover;*/

}

.h300{height: 300px !important;}

header .vertical-registration-form {

	margin-top: 60px;

}



.navigation-header {

	padding-top: 47px;

	padding-bottom: 30px;

}



.intro-section {

	margin-top: 50px;

	margin-bottom: 137px;

}



.intro {

	color: #ffffff;

}



.navbar-header img {

	max-height: 60px;

	    margin-top: -15px;

}





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

   Navigation                

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

/* NAV RESETS */

.navbar-nav > li > a:hover {

	background: inherit;

}



/* NORMAL NAVIGATION WITH SOCIAL ICON AND LOGO ONLY */

.non-sticky .navbar-nav.navbar-right:last-child {

	margin-right: 0;

}



.non-sticky .navbar-nav > li > a {

	font-size: 25px;

	padding: 0;

	padding-left: 5px;

	padding-top: 3px;

	color: #ffffff;

}



/* STICKY NAVIGATION */

.sticky-navigation {

	min-height: 75px;

	background: #ffffff;

	-webkit-backface-visibility: hidden;

	border: 0;

	-webkit-box-shadow: 0px 2px 8px 0px rgba(50, 50, 50, 0.08);

	box-shadow: 0px 2px 8px 0px rgba(50, 50, 50, 0.08);

}



.sticky-navigation .navbar-header {

	padding-top: 8px;

}



.sticky-navigation .main-navigation {

	padding-top: 13px;

}



.sticky-navigation .main-navigation .current a {

	-webkit-backface-visibility: hidden;

	outline: inherit;

	position: relative;

}



.sticky-navigation .navbar-nav > li > a {

	font-family: 'Raleway', sans-serif;

	font-size: 13px;

	text-transform: uppercase;

	font-weight: 600;

	color: #323232;

}





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

   FEATURE LIST 1               

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

.feature-list-1 {

	margin-top: 40px;

	margin-bottom: 20px;

}



.feature-list-1 li {

	margin-top: 25px;

	margin-bottom: 25px;

}



.feature-list-1 li .icon-container {

	width: 32px;

	height: 32px;

	border-radius: 3px;

	color: #ffffff;

	line-height: 32px;

	margin-right: 15px;

	margin-top: 8px;

}



.feature-list-1 li p {

	color: rgba(255, 255, 255, 0.8);

	font-size: 18px;

	line-height: 30px;

}





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

   VERTICAL REGISTRATION FORM               

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

.vertical-registration-form {

	background: rgba(0, 0, 0, 0.5);

	padding-left: 30px;

	padding-right: 30px;

	width: 100%;

	max-width: 390px;

	margin: auto;

	padding-bottom: 30px;

}



.vertical-registration-form .colored-line {

	margin-top: 0;

}



.vertical-registration-form h3 {

	color: #ffffff;

	text-transform: uppercase;

	margin-top: 30px;

	margin-bottom: 30px;

}



.vertical-registration-form .input-box {

	width: 100%;

	margin-top: 25px;

	margin-bottom: 25px;

	height: 45px;

	background: #000000;

	border-radius: 3px;

	font-size: 16px;

	color: rgba(255, 255, 255, 0.5);

	box-shadow: inherit;

	-webkit-background-clip: padding-box;

	-moz-background-clip: padding;

	background-clip: padding-box;

}



.vertical-registration-form .input-box:focus,

.vertical-registration-form .input-box:active {

	box-shadow: inherit;

	color: #ffffff;

}





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

   SECTION WITH LEFT / RIGHT SCREENSHOT             

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

.side-screenshot,

.side-screenshot2 {

	max-width: 532px;

}



.brief h2 {

	margin-top: 0;

	margin-bottom: 10px;

}



.brief p {

	margin-top: 45px;

}



.feature-list-2 {

	margin-top: 25px;

}



.feature-list-2 li {

	overflow: auto;

	padding-top: 12px;

	padding-bottom: 12px;

}



.feature-list-2 li .icon-container {

	width: 32px;

	height: 32px;

	border-radius: 3px;

	color: #ffffff;

	line-height: 32px;

	margin-right: 15px;

	margin-top: 5px;

	text-align: center;

}



.feature-list-2 li .details {

	width: 89%;

}



.feature-list-2 li .details p {

	margin-top: 5px;

}





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

   FEATURES SECTION            

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

.features {

	margin-top: 35px;

}



.feature {

	margin-top: 40px;

	margin-bottom: 35px;

}



.feature .icon {

	font-size: 50px;

	margin-bottom: 30px;

}



.feature h4 {

	margin-bottom: 10px;

}





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

   PACKAGES SECTION            

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

.pricing-table {

	margin-top: 35px;

}



.package {

	overflow: auto;

	border: 1px solid #e5e5e5;

	border-radius: 3px;

	margin-top: 40px;

}



.package .header {

	padding-top: 20px;

	padding-bottom: 20px;

}



.package .header h3 {

	color: #ffffff;

}



.package-features .column-9p {

	width: 90%;

	float: left;

	text-align: left;

}



.package-features .column-1p {

	width: 10%;

	float: right;

	text-align: right;

	color: #323232;

}



.package-features .column-7p {

	width: 60%;

	float: left;

	text-align: left;

}



.package-features .column-3p {

	width: 40%;

	float: right;

	text-align: right;

}



.package-features ul li {

	overflow: auto;

	padding-top: 12px;

	padding-bottom: 12px;

	padding-right: 35px;

	padding-left: 35px;

	border-bottom: 1px dotted #e3e3e3;

}



.package-features .bottom-row {

	overflow: auto;

	padding-top: 8px;

	padding-bottom: 17px;

	padding-right: 35px;

	padding-left: 35px;

}



.package-features .bottom-row h6 {

	padding-top: 5px;

}



.package-features .bottom-row .secondary-button,

.package-features .bottom-row .standard-button {

	margin: 0;

	padding: 7px 15px;

	vertical-align: middle;

}





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

   VIDEO SECTION            

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

video {

	max-width: 100%;

	height: auto;

}



iframe,

embed,

object {

	max-width: 100%;

}



.video-container {

	width: 100%;

	background: #ffffff !important;

	margin-top: 75px;

}



.video {

	background: #ffffff !important;

}





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

   VIDEO SECTION FEATURES          

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

.video-features {

	margin-top: 40px;

}



.video-features .inline-icon {

	padding-right: 5px;

}





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

   SCREENSHOT SECTION          

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

.screenshots {

	margin-top: 68px;

}



.shot {

	margin: 10px;

	border-radius: 3px;

	border: 5px solid #ffffff;

}



.shot img {

	max-width: 100%;

	width: 100%;

}



.shot img:hover {

	cursor: crosshair;

	opacity: 0.8;

}





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

   CLIENTS / TESTIMONIALS SECTION          

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

.clients {

	margin-top: 35px;

}



.client-logos li {

	display: inline-block;

	vertical-align: middle;

	margin: 15px;

}



.testimonials {

	margin-top: 15px;

}



.single-feedback {

	position: relative;

	margin-top: 20px;

}



.single-feedback .client-pic {

	width: 48px;

	height: 48px;

	margin: auto;

	position: relative;

	margin-bottom: -24px;

	z-index: 999;

	border: 3px solid #ffffff;

	box-shadow: 0px 0px 0px 3px #f7f8fa;

}



.single-feedback .client-pic img {

	max-width: 100%;

}



.single-feedback .box {

	margin-right: 15px;

	margin-left: 15px;

	border-radius: 3px;

	position: relative;

	background: #f7f8fa;

	padding-top: 20px;

	-webkit-box-shadow: 0px 1px 0px 0px rgba(229, 229, 229, 0.75);

	-moz-box-shadow: 0px 1px 0px 0px rgba(229, 229, 229, 0.75);

	box-shadow: 0px 1px 0px 0px rgba(229, 229, 229, 0.75);

}



.single-feedback .box .message {

	padding: 25px;

	font-style: italic;

}



.single-feedback .box:after,

.single-feedback .box:before {

	top: 100%;

	left: 50%;

	border: solid transparent;

	content: " ";

	height: 0;

	width: 0;

	position: absolute;

	pointer-events: none;

}



.single-feedback .box:after {

	border-color: rgba(247, 248, 250, 0);

	border-top-color: #f7f8fa;

	border-width: 15px;

	margin-left: -15px;

}



.single-feedback .box:before {

	border-color: rgba(229, 229, 229, 0);

	border-top-color: #e5e5e5;

	border-width: 16px;

	margin-left: -16px;

}



.single-feedback .client-info {

	margin-top: 30px;

}



.single-feedback .client-info .client-name {

	line-height: 20px;

}



.single-feedback .client-info .company {

	font-size: 13px;

}





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

   CALL TO ACTION SECTION          

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

.cta-section {

	background: url(../images/bg-image-2.jpg) no-repeat center fixed;

	-webkit-background-size: cover;

	background-size: cover;

}



.cta-section h4 {

	color: #ffffff;

}



.cta-section h2 {

	color: #ffffff;

	font-weight: 700;

	margin-top: 15px;

	margin-bottom: 40px;

}



.cta-section h3 {

	color: #ffffff;

}



.cta-section .color-overlay {

	padding-top: 125px;

	padding-bottom: 125px;

}





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

   SUBSCRIBE FORM           

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

.subscribe-section {

	margin-top: 75px;

}



.subscription-form .input-box {

	width: 300px;

	margin-top: 25px;

	margin-bottom: 25px;

	height: 55px;

	border-radius: 3px;

	font-size: 16px;

	color: #000000;

	box-shadow: inherit;

}



.subscription-success,

.subscription-error {

    color: #FFFFFF;

}



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

   CONTACT US SECTION         

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

.contact-us {

	padding-top: 75px;

	padding-bottom: 75px;

}



.contact-us .heading {

	margin-bottom: 10px;

}



.contact-link {

	font-weight: 700;

	text-transform: uppercase;

	margin-top: 50px;

	font-family: 'Raleway', sans-serif;

}



.contact-link:hover {

	text-decoration: none;

}



.contact-link span {

	margin-right: 10px;

}





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

   CONTACT FORM             

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

.contact-form {

	margin-top: 25px;

}



.contact-form .success,

.contact-form .error {

	display: none;

}



.contact-form .input-box,

.contact-form .textarea-box {

	margin-bottom: 15px;

	margin-top: 15px;

	outline: 0;

	border: 0;

	-webkit-box-shadow: none;

	box-shadow: none;

	border: 1px solid #e3e3e3;

	border-radius: 3px;

	color: #727272;

	padding-left: 12px;

	font-size: inherit;

	line-height: auto;

}



.contact-form .input-box {

	min-height: 50px;

}



.contact-form .textarea-box {

	min-height: 200px;

	-webkit-backface-visibility: hidden;

}



.contact-form .input-box:active,

.contact-form .textarea-box:active,

.contact-form .input-box:focus,

.contact-form .textarea-box:focus {

	color: #323232;

}



.contact-form .btn {

	margin-top: 25px;

}





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

   FOOTER SECTION          

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

footer {

	padding-top: 75px;

	padding-bottom: 75px;

}



.footer-logo {

	max-width: 180px;

	margin: auto;

}



.copyright {

	margin-top: 15px;

	margin-bottom: 15px;

}



.social-icons li {

	display: inline;

	margin: 2px;

}



.social-icons li a {

	font-size: 25px;

	color: #919191;

}



.social-icons li a:hover {

	text-decoration: none;

}



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

   title box        

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





.title {

    position: relative;

    display: inline-block;

    border: 1px solid #3DBACC;

    margin-bottom: 80px;

    margin-top: 0px;

    line-height: 20px;

    text-align: center;

    z-index: 900;

	padding-left: 40px;

    padding-right: 40px;

}

.title p {

    position: absolute;

    top: -12px;

    right: 0px;

    left: 0px;

    letter-spacing: 1px;

    text-transform: uppercase;

    color: #353535;

    font-size: 12px;

    font-weight: 400;

    font-family: "Open Sans",sans-serif;

}

.title p span {

    padding: 0px 12px;

    background-color: #FFF;

}



.title1 {

    position: relative;

    display: inline-block;

    border: 1px solid #fff;

	

    margin-bottom: 80px;

    margin-top: 0px;

    line-height: 20px;

    text-align: center;

    z-index: 900;

	padding-left: 40px;

    padding-right: 40px;

}

.title1 p {

    position: absolute;

    top: -12px;

    right: 0px;

    left: 0px;

    letter-spacing: 1px;

    text-transform: uppercase;

    color: #F2F1EF;

    font-size: 12px;

    font-weight: 400;

    font-family: "Open Sans",sans-serif;

}

.title1 p span {

    padding: 0px 12px;

    background-color: #3DBACC;

}



.title2{

    position: relative;

    display: inline-block;

    border: 1px solid #fff;

	

    margin-bottom: 80px;

    margin-top: 0px;

    line-height: 20px;

    text-align: center;

    z-index: 900;

	padding-left: 40px;

    padding-right: 40px;

}

.title2 p {

    position: absolute;

    top: -12px;

    right: 0px;

    left: 0px;

    letter-spacing: 1px;

    text-transform: uppercase;

    color: #F2F1EF;

    font-size: 12px;

    font-weight: 400;

    font-family: "Open Sans",sans-serif;

}

.title2 p span {

    padding: 0px 12px;

    background-color: #000;

}











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

   testimonials        

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



.section7 {

    position: relative;

    background-color: transparent;

    background-image: url('../images/walking.jpg');

    background-clip: border-box;

    background-origin: padding-box;

    background-attachment: fixed;

    background-position: center center;

    background-repeat: no-repeat;

    background-size: cover !important;

    

    width: 100%;

}

.tracksheet

{

	 background-image: url('../images/tracksheet.png');

	 color:#ffffff;

	  

    

	 background-clip: border-box;

    background-origin: padding-box;

 

    background-position: top center;

    background-repeat: no-repeat;

    background-size: cover !important;

	-webkit-background-size: cover;

    

}

.social

{

	 position: relative;

    background-color: transparent;

    background-image: url('../images/static_banner.jpg');

    background-clip: border-box;

    background-origin: padding-box;

    background-attachment: fixed;

    background-position: center center;

    background-repeat: no-repeat;

    background-size: cover !important;

	-webkit-background-size: cover;

    

    width: 100%;    margin-top: 30px;

}

.footer {

  

	background:url(../images/bgmap.png) center #111;

	border-top:5px solid #d34836;

	text-align:left;

}

.container.footer-inner {

    padding-top: 55px;

    padding-bottom: 43px;

}

.footer .footer-about {

    padding-right: 25px;

}

.footer h3 {

    color: #B4C3D2;

    font-size: 22px;

    padding-bottom: 13px;

    font-weight: 400;

}

.footer p {

    color: #7C90A2;

    font-size: 15px;

    line-height: 26px;

}

.footer .footer-categories-top {

    padding-left: 30px;

}

.footer .footer-categories-top ul {

    padding-left: 0px;

}

.footer-categories li {

    list-style-type: none;

}

.footer-categories li a {

    color: #7C90A2;

    line-height: 26px;

}

.footer .footer-post {

    padding: 0px 50px;

}

.footer-post .client1, .footer-post .client2 {

    padding: 0px 0px 15px;

    color: #717B82;

}



/*video*/



video#bgvid {

    position: absolute;

    right: 0px;

    width: 100% !important;

    height: auto;

    /*z-index: -100;*/

    background: url('../images/bg-image-1.jpg') no-repeat scroll center 0px / cover #FFF;

}



.oremargin

{

	margin-top: -125px

}

.oremargin1

{

	margin-top: -112px;margin-bottom:22px;

}

.bgimage{    background: url(../img/lifeatmm/bgimage.png);

    height: 155px;

    width: 243px;

    background-repeat: no-repeat; margin-bottom:25px;}





.oremargin2

{

	margin-top: -112px;margin-bottom:22px;

}

.oremargin3

{

	margin-bottom:-10px;

}

#clientspeak 

{

	width: 2340px; 

	left: 0px;

	 display: block;

	  transition: all 0ms ease 0s;

	   transform: translate3d(0px, 0px, 0px); 

}

#clientsp1

{

	width: 390px;

}

#clientsp2

{

	width: 390px;

}

#clientsp3

{

	width: 390px;

}

.onlitext

{

	text-align:right;

}

.olniyline

{

	float: right !important;

}

.tracksheet23

{

	 background-image: url('../images/tracksheet1.png');

	 color:#ffffff;

	  

    

	 background-clip: border-box;

    background-origin: padding-box;

 

    background-position: top center;

    background-repeat: no-repeat;

    background-size: cover !important;

	-webkit-background-size: cover;

    

}

.pulse {

  display: inline-block;

  -webkit-transform: translateZ(0);

  -ms-transform: translateZ(0);

  transform: translateZ(0);

  box-shadow: 0 0 1px rgba(0, 0, 0, 0);

  -webkit-animation-name: pulse;

  animation-name: pulse;

  -webkit-animation-duration: 1s;

  animation-duration: 1s;

  -webkit-animation-timing-function: linear;

  animation-timing-function: linear;

  -webkit-animation-iteration-count: infinite;

  animation-iteration-count: infinite;

}



.live-img{

	



	

    background-image: url(../images/pop-up-images.jpg);

    background-repeat: no-repeat;

  

    height: 503px;

    position: relative;

background-size:100% 100%;





}