/*=============================================================
    Authour URI: www.binarytheme.com
    License: Commons Attribution 3.0

    http://creativecommons.org/licenses/by/3.0/

    100% To use For Personal And Commercial Use.
    IN EXCHANGE JUST GIVE US CREDITS AND TELL YOUR FRIENDS ABOUT US
   
    ========================================================  */



/* ===========================================================
   GENERAL STYLESHEET BY BYINARY THEME    
   ============================================================*/


@font-face {
	font-family: 'gloriolalight';
	src: url('../fonts/gloriola/MS-Gloriola-II-Std-Light.eot') format('embedded-opentype'),
		url('../fonts/gloriola/MS-Gloriola-II-Std-Light.otf') format('truetype'),
		url('../fonts/gloriola/MS-Gloriola-II-Std-Light.svg') format('svg'),
		url('../fonts/gloriola/MS-Gloriola-II-Std-Light.woff') format('woff');
}
@font-face {
font-family: 'gloriolamedium';
	src: url('../fonts/gloriola/MS-Gloriola-II-Std-Medium.eot') format('embedded-opentype'),
		url('../fonts/gloriola/MS-Gloriola-II-Std-Medium.otf') format('truetype'),
		url('../fonts/gloriola/MS-Gloriola-II-Std-Medium.svg') format('svg'),
		url('../fonts/gloriola/MS-Gloriola-II-Std-Medium.woff') format('woff');
}
@font-face {
font-family: 'gloriolareg';
	src: url('../fonts/gloriola/MS-Gloriola-II-Std-Reg.eot') format('embedded-opentype'),
		url('../fonts/gloriola/MS-Gloriola-II-Std-Reg.otf') format('truetype'),
		url('../fonts/gloriola/MS-Gloriola-II-Std-Reg.svg') format('svg'),
		url('../fonts/gloriola/MS-Gloriola-II-Std-Reg.woff') format('woff');
}
@font-face {
font-family: 'gloriolasemibd';
	src: url('../fonts/gloriola/MS-Gloriola-II-Std-Semibd.eot') format('embedded-opentype'),
		url('../fonts/gloriola/MS-Gloriola-II-Std-Semibd.otf') format('truetype'),
		url('../fonts/gloriola/MS-Gloriola-II-Std-Semibd.svg') format('svg'),
		url('../fonts/gloriola/MS-Gloriola-II-Std-Semibd.woff') format('woff');				
}


.state-indicator {
    position: absolute;
    top: -999em;
    left: -999em;
    z-index: 1;
}




/* - Nav
---------------------------------------------- */

.navcon {
	float: right;
	margin-top: 16px;
	display: none;
}

#outer-wrap {
  position: relative;
  overflow: hidden;
  width: 100%;
}

#inner-wrap {
  position: relative;
  width: 100%;
}

#mobile-nav {
  z-index: 200;
  position: relative;
  overflow: hidden;
  width: 100%;
  color: #fff;
  height: 42px;
}

#mobile-nav ul {
  padding: 0;
  margin-top: 13px;
}

#mobile-nav ul li {
  list-style-type: none;
  display: inline-block;
  margin: 0 30px 0 0;
}

#mobile-nav ul li a {
	  color: #fff !important;
	  text-decoration: none;
	  outline: none;
}

#mobile-nav ul li a:hover {
	color:#99bed3 !important;
	text-decoration: none;
	outline: none;
}

#mobile-nav ul li a.active{
	color:#99bed3 !important;	
	text-decoration: none;
	outline: none;
}




/* - HEADER
---------------------------------------------- */
#header {
	position:relative;
	overflow:hidden;
	min-height:450px;
	padding:50px 0;
	margin:0 0 20px 0;
}
#header .constraint{
	position:relative;
	z-index:10;
}
#header .overlay{
	position:absolute;
	background:rgba(112,92,160,0.8);
	top:0;
	left:0;
	width:100%;
	height:100%;
	z-index:2;
}
#header.subpage{
	height:auto;
	min-height:0;
	padding:25px 0;
	margin-bottom:100px;
}
#header video{
	top:0;
	z-index:1;
	position:absolute;
	width:100%;
	min-width:1280px;
	background:#000;
}

#header .cycle-slideshow {
	position: absolute;
	z-index: -99999;
	top: 0;
	background-color: #fff;
}

.banner-content{
	position:relative;
	display:none;
	z-index:120;
	padding:0 20px;
}

.banner-content h2 {
	color:#009ad9; 
	font-family:'gloriolareg',san-serif; 
	font-size:70px; 
	line-height:70px; 
	margin-bottom:10px; 
	margin-top:10px;
}

.banner-content p {
	color:#ffffff; 
	font-size:50px; 
	font-family:'gloriolalight', san-serif; 
	font-weight:normal; 
	line-height:50px; 
	margin-top:20px; 
	opacity:.6;
}


body {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 14px;
    color: #000;
    line-height: 16px;
    font-weight: 400;
	padding-top:120px;
}

h1, h2, h3, h4, h5, h6 {
    font-family: 'gloriolalight', sans-serif;
    line-height: 30px;
}

h1 {
    padding-top: 30px;
    font-weight: 800;
}

h2 {font-size:70px;}

h5 {
    padding-bottom: 30px;
}

.text-center {
    text-align: center;
}

.main-top-margin {
    margin-top: 120px;
}

.main-low-margin {
    margin-top:40px;
}

a, a:hover {
    text-decoration: none;
}

p {
    line-height: 30px;
    margin-bottom: 23px;
}

.img-margin-product {
    margin-top: 30px;
}

.bottam-pad {
    padding-bottom: 40px;
}

.space-bottom {
    height: 120px;
}

.space-top {
    height: 70px;
}

.main-icon {
    font-size: 350px;
    color: #015c91;
}

.head-line {
    font-size: 70px;
    padding-bottom: 0px;
    line-height: 65px;
    font-weight: 300;
	color:#009adb;
}

.carousel-fade .item {-webkit-transition: opacity 1s; -moz-transition: opacity 1s; -ms-transition: opacity 1s; -o-transition: opacity 1s; transition: opacity 1s;}
.carousel-fade .active.left {left:0;opacity:0;z-index:2;}
.carousel-fade .next {left:0;opacity:1;z-index:1;}

.carousel-caption{
	top:70px;
}

#section1 {
    background: none repeat scroll 0 0 #fff;
    color: #000000;
    font-size: 24px;
    font-weight: normal;
	font-family:'gloriolalight',san-serif;
    line-height: 20px !important;
	margin-bottom:43px;
}


#section2{
	background:#1e1e1e;
	padding-bottom:30px;	
}

#section5{
    background-image:url(../img/Awards-Bg.jpg); 
	background-position: center; 
	background-size:cover;
}

#section2 h3.mainH, #section3 h3.mainH, #section5 h3.mainH, #section6 h3.mainH{
	color:#fff;
	opacity:.7;
	font-size:28px;
	margin-bottom:40px;
	text-align:center;
}

#section2 p{
	line-height:20px; 
	font-family:Arial, Helvetica, sans-serif;
	opacity:.6;

}

#section2 p img {
	opacity:1;

}

#section5 h3.mainH {
    margin-bottom: 50px;
}

#section4 p{
	    margin-top: 20px;
		font-size:16px;
		line-height:25px;
		font-family:'gloriolareg', san-serif; 
		font-weight:normal;
		 width:50%;
	}

#section5 ul {
    float: left;
    margin-bottom: 80px;
    text-align: center;
    width: 33%;
}

#section0 {
    height: 450px;
}

#section5 ul.last {
    width: 50%;
}

#section6 {
   text-align: center;
   height: 550px;
}

#section6 > div.smt {
    background: url(../img/next-steps.jpg) 50% 0 no-repeat fixed;
    height: 550px;
    width: 100%;
}

#section6 h3.mainH {
	margin-top: 85px;
	font-size: 50px;
}

#section6 p {
	color:#ddd;
	font-size: 16px;
	margin: 0 0 44px 0;
}

.btn-primary{
	background:#009adb;
	border:none;
	padding:10px 50px;
	margin-right:10px;
	font-size:20px;
	font-family:'gloriolalight', san-serif;
	width: 250px;
	text-align: center;
}

.second {
	background:#015c91;
	width: 250px;
	text-align: center;
}





#section5 ul li{
	color:#fff;
	font-size:18px;
	font-family:'gloriolareg', san-serif;

}

#section5 ul li.plan-name{
	color:#fff;
	opacity:.6;
	font-size:12px;
	margin-bottom:4px;
}

#section2 .main-low-margin,#section5 .main-low-margin,#section4 .main-low-margin,#section6 .main-low-margin{
	margin-top:20px;
}



.fa.fa-laptop.fa-5x {
    font-size: 13em;
}

h3.pl{
	margin-top:-10px;
}

/* ==========================================================================
   COLOR CODES
   ========================================================================== */

.color-red {
    color: #ff0000;
}

.color-green {
    color: #07BB00;
}

.color-light-blue {
    color: #BB00BB;
}

.color-blue {
    color: #0052FF;
}

.color-brown {
    color: #EB8F2D;
}

.color-black {
    color: #000000;
}

.section {
    background-color: #015c91;
    color: #fff;
	padding-bottom:20px;
}

#contact-section{
	background-color: #247b2c;	
}

#section4 h3 {
    font-size: 40px;
}


#section3 {
    background-image:url(../img/Offerings-Bg.jpg); 
	background-position: center; 
	background-size:cover;
}

#section4 ul {
    padding:0;
    margin:0;
	list-style:outside;
	width:300px;
	margin-left:17px;
}

#section4 li {
    list-style-image:url("../img/hexa.png");
	font-size:14px;
	line-height:20px;
	color:#ffffff;
	margin: 20px 0;
	opacity:.7;
	font-family:Arial, Helvetica, sans-serif;
	font-weight:normal;
}

#section4 p{
	margin-bottom:0;
}

/* ==========================================================================
   PRICE SECTION
   ========================================================================== */

#section2 img{
	margin-bottom:30px;
	}

#section5 h3 {
    
}

#sectionFive ul{
    list-style:none;
	padding:0;
}

#pricing-section .plan-main {
    list-style: none;
    margin: 0 0 20px;
    padding: 0;
}

    #pricing-section .plan-main li {
		color: #ffffff;
		font-size: 14px;
		line-height: 20px;
		font-family:Arial, Helvetica, sans-serif;

		margin: 0 0px;
		padding: 10px 0;
	}
	
	#pricing-section .plan-main li.pg-des {
		opacity:.6;

	}

        #pricing-section .plan-main li.plan-name {
			font-size: 20px;
			line-height:25px;
			font-family:'gloriolalight', san-serif;
			padding: 15px 0;
			opacity:1;
			color:#fff;
		}

        #pricing-section .plan-main li.plan-price {
            color: #666;
            padding: 15px 0;
            font-size: 48px;
        }

        #pricing-section .plan-main li.plan-action a{
            margin-top: 20px;
            margin-bottom: 20px;
            border-bottom: 0;
			color:#fff;
			opacity:1;
        }
		
		.plan-action i {
			font-size:30px;
			color:#fff;
			font-weight:300;
			margin-top:10px;
			margin-right:10px;
		}

    #pricing-section .plan-main.featured {
        
    }

        #pricing-section .plan-main.featured .plan-price {
            color: #fff;
            background-color: #52b6ec;
            border-bottom-color: #52b6ec;
            margin: 0;
        }

.carousel-caption{
	text-align:left;
	color:#9a9a9a;
	font-size:30px;
	font-weight:300;
}

/* ===========================================================
   BOOTSTRAP ELEMENTS CHANGES   
   ============================================================*/
   
.navbar {
	font-family:'Open Sans', arial, san-serif;
    font-weight: normal;
    font-size: 14px;
}

.topNav.navbar-inverse{
	background:#002b51;
	margin-bottom:0;
	height:80px;
	line-height:70px;
	color:#fff;
	border:none;
}

.navbar-inverse {
    background: #005c90;
}

    .navbar-inverse .navbar-nav > .active > a {
        background: #ffffff;
    }

    .navbar-inverse .navbar-brand {
        color: #fff;
        font-weight: bolder;
		line-height:40px;
        font-size: 25px;
        font-weight: 400;
        letter-spacing: 2px;
    }

    .navbar-inverse :hover .navbar-brand:hover {
        color: #fff;
    }

    .navbar-inverse .navbar-nav > li > a {
        color: #FFFFFF;
		line-height:10px;
    }

.nav.navbar-nav {
    margin-left: -28px;
}



/* ==========================================================================
   PARALLAX STYLES
   ========================================================================== */
   
section {
    position: relative;
    width: 100% !important;
    margin: 0;
    padding: 0;
    overflow: hidden;
}

#section1 p {
	text-align:center;
	margin-bottom:0px;
	color: #000;
	opacity: 0.6;
 }

    section:nth-of-type(1) {
        background: #FAFAFA;
        height: 550px;
    }

    section:nth-of-type(2) {
        background: #FAFAFA;
		padding-bottom:60px;
    }

#section4, #story-two{
	font-weight:bold;
	color:#fff;	
}

#section4 > div.smt {
    background-image: url(../img/Mobile-Bg2.jpg);
	background-position: 50%;
	background-repeat: no-repeat;
    height: 550px;
    position: absolute;
    width: 100%;
}

#story-two > div:nth-of-type(2) {
    background: url(../img/2.jpg) 50% 0 no-repeat fixed;
    height: 300px;
    position: absolute;
    width: 100%;
}

section article {
    position: absolute;
    left: 260px;
    width: 100%;
    z-index: 4;
    color: #fff;
    font-size: 20px!important;
    padding: 20px;
}

    section article span {
        line-height: 40px!important;
        font-weight: 600!important;
    }
	
/* ==========================================================================
   FOOTER SECTION
   ========================================================================== */


  #footer {
	  background-color: #262626;  
	  padding:  0;
	  height: 50px;
	  color:#eee;
  }
  

  #footer a{
	color:#eee;
	margin-left:30px;
	display:inline-block;
  }

 #footer p {
	 width: 260px;
	 margin: 0;
	 line-height: 11px;
	 text-align: left;
	 margin-top: 22px;
  }
  
  .legal-left {
	  font-size: 12px;
	  width: 150px;
	  opacity: 0.77;
	  float: left;
   }
   
   .legal-rights {
	  font-size: 12px; 
	  opacity: 0.77; 
   }
   
   .legal-right {
	  font-size: 12px;
	  opacity: 0.77;
	  margin-top: -15px;
	  float: right;
   }

.ui-loader.ui-corner-all.ui-body-a.ui-loader-default {
    display: none;
}

.alignBottom {
	margin-bottom: 0px;
 }

@media (min-width: 768px) and (max-width: 991px) {
	
    .state-indicator {
        z-index: 3;
    }
	
	#header{
	  min-height: 320px;
	  width: 100%;
	  padding-bottom: 0;
	  margin-bottom: 0;
	}
	
	#header video{
	  min-width: 910px;
    }
	
	#mobile-nav ul li {
		margin-right: 25px;
	}
	
	.banner-content h2 {
		font-size: 56px;
		margin: -20px 0 0 11px;
	}
	
	.banner-content p {
		font-size: 30px;
		margin: 0 0 0 11px;
		line-height: 30px;
		width: 100%;
	}
	
	
	#section4 p {
		width:60%;
	}
		
	#section1 {
	   font-size:20px;
	   line-height:30px;
	   margin-bottom: 20px;
	}
	
	#section2 img {height:97px;}
	
	#section2
	{font-size:12px; line-height:20px;}
	
	#section2 h3
	{font-size:20px; line-height:30px;}
	
	#section3 li.pg-des
	{font-size:12px; line-height:20px; }
	
	#section3 li.pg-des.alignBottom {
	margin-bottom: 20px;
 }
	
	.alignBottom {
		margin-bottom: 20px;
	}
	
	#section4 {
	  background-image:url(../img/tablet/mobile-tablet.jpg);
	  background-position: center; 
	  background-size:cover;
	  text-align:center;
	  height: 603px;
  }

    #section4 > div.smt {
	  background: none;
	  height: 0;
	  position:relative;
	  width: 0;
  }
  
    #section4 h3 {
	 font-size: 40px;
	 text-align: left;
  }
  
    #section4 p {
	  font-size: 14px;
	  line-height: 20px;
	  width: 320px;
	  text-align: left;	
   }
   
   #section4 p.first {
	  margin-bottom: 0;  
    }
	
	#section4 .plist {
		width: 200px;
	}
	
	#section4 ul {
		width: 335px;
		margin-bottom: 38px;
	}
	
	#section4 li {
		text-align: left;
		font-size: 12px;
		opacity: .77;
	}
	
	#section4 img {
	  float: left;
	  margin-top: 30px;
   }
   
	
	#section6 {
	  background-image:url(../img/next-steps.jpg) no-repeat; 
	  background-position: center; 
	  background-size:cover;
	  text-align:center;
	  height: 389px;
   }
   
    #section6 > div.smt {
    background:0 ; 
    height: 0;
	position:relative;
	width: 0;
   }

   #section6 h3.mainH {
	  font-size: 40px;
	  opacity: 0.77;
	  margin: 40px 0;
   }

   #section6 p {
	line-height: 20px; 
	font-size: 12px;
	opacity: 0.8;
	text-align: center;
    margin-bottom: 54px;
	padding: 0 105px;
  }
  
  #footer {
	background-color: #262626;  
	height: 70px;
  }
  
  #footer p {
	 width: 260px;
	 margin: 28px;
	 line-height: 11px;
	 text-align: left;
	 
  }
  
  .legal-left {
	  font-size: 12px;
	  width: 150px;
   }
   
   .legal-rights {
	  font-size: 12px;  
   }
   
   .legal-right {
	  font-size: 12px;
	  opacity: 0.7;
	  margin-top: -42px;
   }
   
   .skdslider{
	   height:500px;
	}
   
}

@media (max-width:767px){
	
	body {
	  background-color: #005c90;
   }
	
	.state-indicator {
        z-index: 4;
    }
	
	.navbar-inverse {
	  background: none;
	}
	
	.topNav.navbar-inverse {
		height: 53px;
	}
	
	.navcon {
		display: block;
	}
	
	#header video{
	  min-width: 767px;
    }
	
	#mobile-nav {
	  z-index: 200;
	  position: absolute;
	  width: 150%;
	  color: #fff;
	  height: 2000px;
	  background: #005c90;
	  overflow-y: hidden;
	  margin-left: 5%;
	  display: block;
	  
		-webkit-transform: translate3d(69%, 0, 0);
		-moz-transform: translate3d(69%, 0, 0);
		-ms-transform: translate3d(69%, 0, 0);
		-o-transform: translate3d(69%, 0, 0);
		transform: translate3d(69%, 0, 0);

   }
   
   #outer-wrap {
	   
	    -webkit-transform: translate3d(0, 0, 0);
		-moz-transform: translate3d(0, 0, 0);
		-ms-transform: translate3d(0, 0, 0);
		-o-transform: translate3d(0, 0, 0);
		transform: translate3d(0%, 0, 0); 
   }

	#mobile-nav ul {
	  padding: 0;
	  margin: 25px 0 0 25px;
	  width: 100%;
	}

	#mobile-nav ul li {
	  list-style-type: none;
	  display: block;
	  margin: 30px 0 0 0;
	  font-size: 16px;
	}
	
	#mobile-nav ul li a.active {
	   color: #fff !important;
   }
   
   #mobile-nav ul li a:hover {
	   color: #fff !important;
   }
	
	#header{
	
	  min-height: 262px;
	  width: 100%;
	  padding-bottom: 0;
	  margin-bottom: 0;
	}
	
	.banner-content h2 {
		font-size: 60px;
		margin: -40px 0 0 11px;
	}
	
	.banner-content p {
		font-size: 30px;
		margin: 0 0 0 11px;
		line-height: 30px;
		width: 100%;
	}
	
	#section1 {
	   height: 200px;
	   margin-bottom: 14px;	
	}
	
	#section1 p {
		margin-top: -4px;
		margin-bottom: 0;
		line-height: 27px;
		font-size: 18px;
	}

	#section2 img {height:97px;}
	
	#section2 {
		padding: 5% 15%;
		margin-top: -14px;
	}
	
	#section5 ul {
    	float: left;
		margin-bottom: 50px;
	    text-align: center;
    	width: 100%;
	}	
	
	.skdslider{
	   height:300px;
	}
	
  #section4 {
	  background-image:url(../img/tablet/mobile-tablet.jpg);
	  background-position: center; 
	  background-size:cover;
	  text-align:center;	  
  }

    #section4 > div.smt {
	  background: none;
	  height: 0;
	  position:relative;
	  width: 0;
  }
  
    #section4 h3 {
	 font-size: 40px;
	 text-align: left;
  }
  
    #section4 p {
	  font-size: 14px;
	  line-height: 20px;
	  width: 320px;
	  text-align: left;	
   }
   
   #section4 p.first {
	  margin-bottom: 0;  
    }
	
	#section4 .plist {
		width: 200px;
	}
	
	#section4 ul {
		width: 335px;
		margin-bottom: 38px;
	}
	
	#section4 li {
		text-align: left;
		font-size: 12px;
		opacity: .77;
	}
	
	#section4 img {
	  float: left;
	  margin-top: 30%;
   }
	   
	#section0 {
	   height: 300px;
	}
	
	#section5 ul.last {
	    width: 100%;
	}
	
	#section5 h3.mainH {
		margin-bottom: 20px;
	}
	
	#section6 .btn-primary{
		margin-bottom:20px;
	}
	
	#section1 p{
		text-align:center;
	}
	
	.carousel-caption {
	    top: -20px;
	}
	

	
	.hideM{
		display:none;
	}
	body{
		padding-top:50px;
	}
	
	#section1
	{font-size:20px;
	line-height:30px;}
	
	#section2
	{font-size:12px; 
	 line-height:20px;
	 }
	
	#section2 h3
	{font-size:20px; line-height:30px;}
	 
	.navbar-brand{
		padding:5px 15px; 
	}
	
	.navbar-brand img{
		height:18px;
	}
	 
	.navbar-toggle.ui-btn.ui-shadow.ui-corner-all{
		margin-top:-42px;
	}
	.navbar-inverse .navbar-brand{
		font-size:18px;
	}
	
	.topNav.navbar-inverse{
		height:50px;
	}
	
    #section6 {
	  background-image:url(../img/phone/next-step-landscape.jpg); 
	  background-position: center; 
	  background-size:cover;
	  height: 445px;
}

    #section6 > div.smt {
    background: none;
    height: 0;
	position:relative;
	width: 0;
   }

	#section6 h3.mainH {
		margin-top: 12%;
		font-size: 2.75em;
	}

   #section6 p {
	line-height: 20px; 
	font-size: 12px;
	opacity: 0.8;
	text-align: center;
    margin-bottom: 10%;
	padding: 0 15%;
  }
  
  #footer {
	background-color: #262626;  
	height: 70px;
  }
  
   #footer p {
	 width: 116px;
	 margin: 20px 0 0 0;
	 line-height: 14px;
	 text-align: left;
	 
  }
  
  .legal-left {
	  font-size: 11px; 
   }
   
   .legal-rights {
	  font-size: 11px;  
	  float: none;
   }
   
   .legal-right {
	  font-size: 11px;
	  opacity: 0.7;
	  margin-top: -31px;
   }
	
}

.navbar-toggle.ui-btn.ui-shadow.ui-corner-all {
	    border:none;
}
	
	


@media (min-width: 351px) and (max-width: 480px){
	
	body {
	  background-color: #005c90;
   }
	
 .state-indicator {
        z-index: 4;
    }
	
	.navbar-inverse {
	  background: none;
	}
	
	.navbar-header button {
	  opacity: 0.5;
	}
	
	.navcon {
		display: block;
	}
	
	#header video{
	  min-width: 480px;
    }
		
	#mobile-nav {
	  z-index: 200;
	  position: absolute;
	  width: 150%;
	  color: #fff;
	  height: 2000px;
	  background: #005c90;
	  overflow-y: hidden;
	  margin-left: 5%;
	  display: block;
	  
		-webkit-transform: translate3d(69%, 0, 0);
		-moz-transform: translate3d(69%, 0, 0);
		-ms-transform: translate3d(69%, 0, 0);
		-o-transform: translate3d(69%, 0, 0);
		transform: translate3d(69%, 0, 0);
	
   }
   
   #mobile-nav ul li a.active {
	   color: #fff !important;
   }
   
   #mobile-nav ul li a:hover {
	   color: #fff !important;
   }
   
   #outer-wrap {
	   
	    -webkit-transform: translate3d(0, 0, 0);
		-moz-transform: translate3d(0, 0, 0);
		-ms-transform: translate3d(0, 0, 0);
		-o-transform: translate3d(0, 0, 0);
		transform: translate3d(0%, 0, 0); 
		
   }

	#mobile-nav ul {
	  padding: 0;
	  margin: 25px 0 0 25px;
	  width: 100%;
	}

	#mobile-nav ul li {
	  list-style-type: none;
	  display: block;
	  margin: 30px 0 0 0;
	  font-size: 16px;
	}
	
	#header{
	  min-height: 262px;
	  width: 100%;
	  padding-bottom: 0;
	  margin-bottom: 0;
	}
	
	#header video {
		min-width: 916px;
	}
	
	.banner-content h2 {
		font-size: 44px;
		margin: -85px 0 0 11px;
	}
	
	.banner-content p {
		font-size: 30px;
		margin: 0 0 0 11px;
		line-height: 30px;
		width: 100%;
	}
	
	#section1 {
		margin-bottom: 0;
		height: 260px;	
	}
	
	#section1 p {
		line-height: 23px !important;
		margin: 0;
		width: 100%;
	    padding: 13% 1px 0 0;
		font-size: 19px;
	}
	
	.main-low-margin { 
	    margin: 0;	
	}	
	
	#section2 {
		padding: 5% 7%;
	}
	
	#section4 {
	  background-image:url(../img/phone/mobile-landscape.jpg);
	  background-color: #262626; 
	  background-repeat:no-repeat;
	  background-position: initial; 
	  background-size:contain;
	  text-align:center;
	  height: 616px;
  }

    #section4 > div.smt {
	  background: none;
	  height: 0;
	  position:relative;
	  width: 0;
  }
  
    #section4 h3 {
	 font-size: 30px;
	 text-align: left;
	 margin-top: 5px;
  }
  
    #section4 p {
	  font-size: 14px;
	  line-height: 20px;
	  width: 172px;
	  text-align: left;	
   }
   
   #section4 p.first {
	  margin-bottom: 60px;  
    }
	
	#section4 .plist {
		width: 200px;
	}
	
	#section4 ul {
		width: 260px;
		margin-bottom: 38px;
	}
	
	#section4 li {
		text-align: left;
		font-size: 12px;
		opacity: .77;
	}
   	
    #section6 {
	  background-image:url(../img/phone/next-step-landscape.jpg); 
	  background-position: center; 
	  background-size:cover;
	  height: 445px;
}

    #section6 > div.smt {
    background: none;
    height: 0;
    width: 100%;
}

	#section6 h3.mainH {
		margin-top: 40px;
		font-size: 2.5em;
	}

   #section6 p {
	line-height: 20px; 
	font-size: 12px;
	opacity: 0.8;
	text-align: center;
    margin-bottom: 30px;
	padding: 0 7%;
  }
  
  #footer {
	background-color: #262626;  
	height: 70px;
  }
  
   #footer p {
	 width: 116px;
	 margin: 20px 0 0 0;
	 line-height: 14px;
	 text-align: left;
	 
  }
  
  .legal-left {
	  font-size: 11px; 
   }
   
   .legal-rights {
	  font-size: 11px;  
	  float: none;
   }
   
   .legal-right {
	  font-size: 11px;
	  opacity: 0.7;
	  margin-top: -31px;
   }
}

@media (min-width: 300px) and ( max-width: 350px){
	
	body {
	  background-color: #005c90;
   }
	
    .state-indicator {
        z-index: 4;
    }
	
	.navbar-inverse {
	  background: none;
	}
	
	.navbar-header button {
	  opacity: 0.5;
	}
	
	#header video{
	  min-width: 767px;
    }
	
	.navcon {
		display: block;
	}
	
	#mobile-nav {
	  z-index: -9999px;
	  position: absolute;
	  width: 150%;
	  color: #fff;
	  height: 2000px;
	  background: #005c90;
	  overflow-y: hidden;
	  margin-left: 5%;
	  transform: translate3d(69%, 0, 0);    
		-webkit-transform: translate3d(69%, 0, 0);
		-moz-transform: translate3d(69%, 0, 0);
		-ms-transform: translate3d(69%, 0, 0);
		-o-transform: translate3d(69%, 0, 0);	
   }
   
   #mobile-nav ul li a.active {
	   color: #fff !important;
   }
   
   #mobile-nav ul li a:hover {
	   color: #fff !important;
   }
   
   
   #outer-wrap {
	  z-index: 1000px;
	    -webkit-transform: translate3d(0, 0, 0);
		-moz-transform: translate3d(0, 0, 0);
		-ms-transform: translate3d(0, 0, 0);
		-o-transform: translate3d(0, 0, 0);
		transform: translate3d(0, 0, 0); 	
   }

	#mobile-nav ul {
	  padding: 0;
	  margin: 25px 0 0 25px;
	  width: 100%;
	}

	#mobile-nav ul li {
	  list-style-type: none;
	  display: block;
	  margin: 30px 0 0 0;
	  font-size: 16px;
	}
	
	#header{
	
	  min-height: 262px;
	  width: 100%;
	  padding-bottom: 0;
	  margin-bottom: 0;
	}
	
	.banner-content h2 {
		font-size: 44px;
		margin: -85px 0 0 11px;
	}
	
	.banner-content p {
		font-size: 28px;
		margin: 0 0 0 11px;
		line-height: 30px;
		width: 100%;
	}
	
	#section1 {
		margin-bottom: 0;
		height: 270px;	
	}
	
	#section1 p {
		line-height: 23px !important;
		margin: 23px 0 0 0;
		width: 100%;
	    padding: -1px 1px 0 0;
		font-size: 19px;
	}
	
	.main-low-margin { 
	    margin: 0;	
	}
	
	#section2 {
		padding: 5% 3%;
		margin-top: 1px;
	}
	
	#section3 h3 {
		font-size: 25px !important;
		margin: 0;
		padding: 41px 0 0 0;
	}
	
	#section4 {
	  background-image:url(../img/phone/mobile.jpg);
	  background-color: #262626; 
	  background-repeat:no-repeat;
	  background-position: initial; 
	  background-size:contain;
	  text-align:center;
	  height: 655px;
  }

    #section4 > div.smt {
	  background: none;
	  height: 0;
	  position:relative;
	  width: 0;
  }
  
    #section4 h3 {
	 font-size: 30px;
	 text-align: left;
  }
  
    #section4 p {
	  font-size: 14px;
	  line-height: 20px;
	  width: 172px;
	  text-align: left;	
   }
   
   #section4 p.first {
	  margin-bottom: 88px;  
    }
	
	#section4 .plist {
		width: 200px;
	}
	
	#section4 ul {
		width: 257px;
		margin-bottom: 38px;
	}
	
	#section4 li {
		text-align: left;
		font-size: 12px;
		opacity: .77;
	}
   
	
	#section6 {
	  background-image:url(../img/phone/next-step.jpg); 
	  background-position: center; 
	  background-size:cover;
	  height: 400px;
}

    #section6 > div.smt {
    background: none;
    height: 0;
    width: 100%;
}

	#section6 h3.mainH {
		margin: 20px 0 30px 0;
		font-size: 28px;
	}

   #section6 p {
	line-height: 20px; 
	font-size: 12px;
	opacity: 0.8;
	text-align: center;
    margin-bottom: 30px;
	padding: 0;
  }
  
  #footer {
	background-color: #262626;  
	height: 70px;
  }
  
  #footer p {
	 width: 116px;
	 margin: 20px 0 0 0;
	 line-height: 14px;
	 text-align: left;
	 
  }
  
  .legal-left {
	  font-size: 10px; 
   }
   
   .legal-rights {
	  font-size: 10px;  
	  float: none;
   }
   
   .legal-right {
	  font-size: 10px;
	  opacity: 0.7;
	  margin-top: -31px;
   }

}

#mobile-nav.openNav {
	 
	 left: 0;
	 
	-webkit-transform: translate3d(0, 0, 0);
    -moz-transform: translate3d(0, 0, 0);
	-ms-transform: translate3d(0, 0, 0);
	-o-transform: translate3d(0, 0, 0);
	transform: translate3d(0, 0, 0);
	
	-webkit-transition: all .6s ease;
	-moz-transition: all .6s ease;
	-ms-transition: all .6s ease;
	-o-transition: all .6s ease;
	transition: transform .5s ease;
	
	-webkit-backface-visibility: hidden;
    -moz-backface-visibility: hidden;
    -ms-backface-visibility: hidden;
    -o-backface-visibility: hidden;
    backface-visibility: hidden;
	
	-webkit-transform-origin: 0% 50%;
    -moz-transform-origin: 0% 50%;
    -ms-transform-origin: 0% 50%;
    -o-transform-origin: 0% 50%;
    transform-origin: 0% 50%;
}

#mobile-nav.closeNav {
	
	
	-webkit-transform: translate3d(69%, 0, 0);
    -moz-transform: translate3d(69%, 0, 0);
	-ms-transform: translate3d(69%, 0, 0);
	-o-transform: translate3d(69%, 0, 0);
	transform: translate3d(69%, 0, 0);
	
    -webkit-transition: all .6s ease;
	-moz-transition: all .6s ease;
	-ms-transition: all .6s ease;
	-o-transition: all .6s ease;
	transition: transform .89s ease;
	
	-webkit-backface-visibility: hidden;
    -moz-backface-visibility: hidden;
    -ms-backface-visibility: hidden;
    -o-backface-visibility: hidden;
    backface-visibility: hidden;
	
	 -webkit-transform-origin: 50% 0%;
    -moz-transform-origin: 50% 0%;
    -ms-transform-origin: 50% 0%;
    -o-transform-origin: 50% 0%;
    transform-origin: 50% 0%;
}


#outer-wrap.slideWrap {
	
	left: 0;
	
	-webkit-transform: translate3d(-89%, 0, 0);
    -moz-transform: translate3d(-89%, 0, 0);
	-ms-transform: translate3d(-89%, 0, 0);
	-o-transform: translate3d(-89%, 0, 0);
	transform: translate3d(-89%, 0, 0);
	
	-webkit-transition: all .6s ease;
	-moz-transition: all .6s ease;
	-ms-transition: all .6s ease;
	-o-transition: all .6s ease;
	transition: transform .5 ease;
	
	-webkit-backface-visibility: hidden;
    -moz-backface-visibility: hidden;
    -ms-backface-visibility: hidden;
    -o-backface-visibility: hidden;
    backface-visibility: hidden;
	
	 -webkit-transform-origin: 0% 50%;
    -moz-transform-origin: 0% 50%;
    -ms-transform-origin: 0% 50%;
    -o-transform-origin: 0% 50%;
    transform-origin: 0% 50%;
}

#outer-wrap.closeWrap {
	
	left: 0;
	
	-webkit-transform: translate3d(0, 0, 0);
    -moz-transform: translate3d(0, 0, 0);
	-ms-transform: translate3d(0, 0, 0);
	-o-transform: translate3d(0, 0, 0);
	transform: translate3d(0, 0, 0);
	
	-webkit-transition: all .6s ease;
	-moz-transition: all .6s ease;
	-ms-transition: all .6s ease;
	-o-transition: all .6s ease;
	transition: transform .60 ease;
	
	-webkit-backface-visibility: hidden;
    -moz-backface-visibility: hidden;
    -ms-backface-visibility: hidden;
    -o-backface-visibility: hidden;
    backface-visibility: hidden;
	
	 -webkit-transform-origin: 50% 0%;
    -moz-transform-origin: 50% 0%;
    -ms-transform-origin: 50% 0%;
    -o-transform-origin: 50% 0%;
    transform-origin: 50% 0%;
	
}