*{
	transition: all .5s ease-in-out;
	-webkit-transition: all .5s ease-in-out;
	-moz-transition: all .5s ease-in-out;
}
html{font-family:sans-serif;-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%;}
body{background:#fff;padding:0;margin:0;font-family: 'Montserrat', sans-serif; color:#4d595a;font-size:16px;line-height:1.42857;border:0;}
.logo{
	margin-top: 5px;
}
img {
    border:0;
}

.di{ display:inline-block; }

.topBannerbg { background: #3660ae url(../img/topBannerbg.jpg);  background-position: center center; background-size: cover; padding-bottom:70px; }
.mainMenuStrip { position:fixed; top:0; right: 0; left: 0; z-index: 1030; background-color:rgba(83,120,195,0); padding: 25px 0;  }
.scrolltoapply-top{ position:fixed; top:0; right: 0; left: 0; z-index: 1030; background-color:rgba(83,120,195,1); padding: 5px 0;  }


.navbar-default {
    background-color: transparent !important;
    border-color: transparent !important;
   
    margin-bottom:0px;
}


 
.navbar-default .navbar-nav>li>a {
    color: #fff;
    font-family: 'Montserrat', sans-serif;
    font-size:13px;
    font-weight:500;
    text-transform:uppercase;  
    text-decoration: none;
    position: relative; 
   
}

.navbar-default .navbar-nav>li>a:after {
  content: '';
  position: absolute;
  bottom: 0;
  left: 0;
  width: 0%;
  border-bottom: 2px solid #f7ba4d;
  transition: 0.4s;
}

.navbar-default .navbar-nav>li>a:hover:after {
  width: 100%;
}

.navbar-default .navbar-nav>li>a:focus, .navbar-default .navbar-nav>li>a:hover {
    color: #f7ba4d;
    background-color: transparent; 
} 

.navbar-default .navbar-nav>.active>a:after {
    width: 30%;
}

.navbar-default .navbar-nav>.active>a, .navbar-default .navbar-nav>.active>a:focus, .navbar-default .navbar-nav>.active>a:hover {
    color: #f7ba4d;
    background-color: transparent; 
}
.bgvideo{
	position:absolute;
}
.downloadLink { padding:15px 16px; border:3px solid #f7ba4d; border-radius:30px; color:#fff; text-decoration:none; background:transparent ; transition: 0.4s;
 margin-right:15px; }
.downloadLink:hover { background-color:#f7ba4d; color:#000; text-decoration:none;}

.mobilePhoneImg{
	position: absolute;
	right:80px;
	text-align: center;
	top:150px;
	width: 50%;
}
.mobileDownLink { position:relative; background-color:#fff;padding:5px 10px; border-radius:30px;}
.mobileDownLinktext {border-color:transparent; outline:none; color:#636363; padding:5px;}
.mobileDownLinkbutton {background-color: #f7ba4d; position: absolute; top: 0; right: 0;    padding: 12px 20px;   border-radius: 30px;    border: 0px;    color: #333;}

.iconBox h3 { font-size:20px; font-weight:400; color:#000000; text-transform:uppercase;  }
.iconBox p {font-size:14px; font-weight:300; }

.amazingFeatures { padding:100px 0 30px 0;}

.someFacts { padding:30px 0; background:#1949ac url(../img/blue-bg.jpg) no-repeat center center; background-size:cover; }
.blueBox {border:10px solid rgba(0,0,0,0.2); padding:10px; float: left; width: 100%;}
.blueBox ul { padding:0px; margin:0px; }
.blueBox ul li { float:left; display:block; width:33%; border-right:1px solid #23565d; border-left:1px solid #173e43; color:#fff; font-size:13px; font-weight:400; min-height:140px;   }
.blueBox ul li:first-child { border-left:0px solid #173e43; }
.blueBox ul li:last-child { border-right:0px solid #173e43; }
.blueBox ul li img { float:left;  }
.blueBox ul li p { padding-top: 15px;}
.blueBox ul li p > span { display:block; color:#f7ba4d; font-size:40px; font-weight:500; }
.blueBox ul li p > span .yrs { color:#fff; font-size:14px; font-weight:400;}

.notAlone { padding:70px 0; }
.aloneList { margin: 40px 0; padding: 0px; float: left; }
.aloneList li { list-style:none; font-size:16px; font-weight:300; background:url(../img/rightArrow.png) no-repeat;  padding-left: 30px; float: left;  width: 48%;  margin: 1%;  }

footer { background:#1b48ab url(../img/footer.jpg) no-repeat center center; background-size:cover; padding:100px 0 50px 0; }
.footerBox { color:#fff; }
.orgClr { color:#f7ba4d; }

.footerInner { padding: 50px 0 0 0; border-top: 1px solid rgba(0,0,0,0.2);  margin-top: 50px; font-weight:300; color:#fff; font-size:14px; text-align: center;
    line-height: 22px;  }
.footerInner a, .footerInner span { color:#f7ba4d; }
.footerInner a { text-decoration:none; }

.frameBox {background:transparent url(img/frame.png) no-repeat 0px 0px; padding-top:120px;}
.frameBox h1 {color: #fff; font-size: 32px; margin: 0px;  padding: 0px;  font-weight: 400; text-transform: uppercase}
.frameBox h2 { color:#49d4e4; font-size:7rem;  font-weight:200; }
.frameBox h2 span { font-weight:500;}
.frameBox .Smarter {color: #fff; font-size: 26px; font-weight: 400;}
.frameBox .Grab {color: #fff; font-size: 15px; font-weight: 200; text-align:justify; line-height: 28px; margin-bottom:30px; }
.frameBox .download { margin-bottom:16px; }
.frameBox .download  a{ margin-bottom:14px;     display: inline-block;}
.frameBox .enter {color: #fff; font-size: 14px; font-weight: 400;}

.amazingFeaturesText { padding:0 0 50px 0; } 
.amazingFeaturesText h2 {font-family: 'Raleway', sans-serif; color:#000; font-size:48px; font-weight:300; text-align:center; }
.amazingFeaturesText h2 span {font-weight:700;}
.amazingFeaturesText .lineImg {width: 300px; display: inline-block; background: #ccc; height: 2px; position: relative; margin: 50px 0;}
.amazingFeaturesText .lineImg img {position: absolute; left: 50%; top: 50%;  margin-left: -22px;  margin-top: -24px;  border: 0;  background-color: #fff;  padding: 5px;}
.afGrayText {font-size:1.5rem; font-weight:300; color:#4d595a; text-align:center; margin-bottom:20px;}
.afBlueText {color:#21b9ca;font-size:21px; font-weight:300; text-align:center; margin-bottom:20px;}

.someFactsTitle { font-family: 'Raleway', sans-serif;  font-size: 48px; color: #f7ba4d;  font-weight: 300;  padding-top: 32px; position: relative;  margin: 0px; }
.someFactsTitle span { font-weight:700; display:block; }
.someFactsTitle img { position: absolute; right: 20px; top: 50%;  margin-top: -5px; }

.aloneTitle { font-size:36px; color:#000; font-weight:300; }
.aloneTitle span {font-weight:600; display:block;}
.aloneTitleImg { margin:20px 0; }

.aloneText { font-size:1.4rem;font-weight:300; line-height:26px;}
.aloneBtn { font-size:1.4rem; width:220px;  background: #21b9ca; color: #fff; border-radius: 30px; text-decoration: none; line-height:65px; border-radius: 50px; display: inline-block;     text-align: center;}

.footerTopText { color:#fff; margin-bottom:50px; font-weight:300; font-size:1.6rem; }
.inlineb{display: inline-block}
/*=========================POPUP==================================*/
#mydiv {
    max-height: calc(100% - 100px);
    position: fixed;
    top: -300px;
    left: 50%;
    transform: translate(-50%, -50%);
    display: none;
    z-index: 999999;
}

#pop-gray {
    position: fixed;
  
    background-color: rgba(000,000,000,0.5);
    z-index: 9999;
    height: 100%;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    display: none;
}

#close-popup {
    position: absolute;
    right: 10px;
    top: 5px;
    z-index: 99999999;
    color: #333;
    cursor: pointer;
    border: 1px solid #bcbcbc;
    padding: 8px 12px;
    border-radius: 45%;
}

    #close-popup:hover {
        color: #f00;
    }

#myModalContent {
    padding-left: 10px;
    padding-top: 5px;
    padding-bottom: 5px;
    max-height: 459.9px;
    overflow-y: auto;
    padding-bottom: 10px;
    padding-right: 18px;
}

.modal-body {
    height: 100%;
    overflow: auto;
    background: #fff;
    overflow-y: auto;
    border-bottom: 20px solid #f6f8f8;
    padding-right: 0px;
    border-radius: 5px;
}

label.error {
    display: none !important;
    margin-top: 10px;
    position: absolute !important;
    left: 30%;
    width: 5px;
    border: 0 !important;
    font-size: 12px;
    color: #fff !important;
    text-align: center !important;
    font-family: 'Open Sans', sans-serif;
    border-radius: 4px;
    z-index: 99999;
    text-indent: -10000px;
}

.modal-body p {
    text-align: justify;
    font-size: 12px;
    line-height: 120%;
    padding: 5px 0;
}

.popup-title {
    padding: 10px;
    background: #f6f8f8;
    color: #333;
    border-bottom: 2px solid #ccc;
}
@media (min-width: 768px) {

    .navbar {
        border-radius: 0px !important;
    }
    .navbar-default .navbar-nav>li>a{
         padding-left:5px;
         padding-right:5px;
    }
    .navbar-nav>li {
         margin-left: 15px;
         margin-right: 15px;
    }
}
@media (max-width: 1000px) {
	.video{
		width:100% !important;
	}
	#mydiv{
		width:94%;
	}
	#bs-example-navbar-collapse-1{
		display: none;
	    background-color: #34363c;
    right:34px;
    min-width: 200px;
    position: absolute;
	}
	.navbar-nav > li {
    margin-left: 6px;
    margin-right:6px;
	}
	.frameBox{
		padding-top:100px;
	}
	.frameBox h2{
		font-size:6rem;
	}
	.mobilePhoneImg{
top:60px;
		float: right;
		left: 0;
		text-align: right;
		opacity: 0.2;
		width: 100%;
		
	}
}
@media (max-width: 768px) {
	.blueBox ul li{
		width:100%;
		border-width:0px;
	}
	.blueBox ul li p{
		font-size:2rem;
	}
}