body {
	font: 14px/24px Arial, Helvetica, sans-serif;
	color: #0f0f0f;
	background: #fff;
}

/* Standard Styles Starts */

a { color: #002B49; }
a:hover,
a:focus {
	color: #002B49;
	/* opacity: .8; */
	text-decoration: none;
}
a:focus { outline: none; }

/* Heading Styles Starts */

h1,
h2,
h3,
h4,
h5,
h6 {
	font-family: Arial, Helvetica, sans-serif;
}
h1 { font-size: 45px; }
h2 { font-size: 42px; }
h3 { font-size: 36px; }
h4 { font-size: 24px; }
h5 { font-size: 18px; }
h6 { font-size: 16px; }

.main-heading1 {
	color: #323232;
}
.main-heading2 {
	padding-bottom: 15px;
	position: relative;
	color: #002B49;
}
.main-heading2:after {
	content: "";
	position: absolute;
	width: 170px;
	height: 2px;
	left: 0;
	bottom: 0;
	background-color: #002B49;
}

.lite {
	font-weight: 300;
}

.side-heading1 {
	margin-top: 50px;
	margin-bottom: 15px;
	padding-bottom: 10px;
	color: #002B49;
	border-bottom: 1px solid #002B49;
}


/* Form & Buttons Styles Starts */

.btn{
	padding: 10px 35px;
	border-radius: 0px;
}
.btn-main,
.btn-main:hover,
.btn-main:focus,
.btn-main:active,
.btn-main.active {
	background-color: #fff;
}
.btn-main {
	color: #4db1e2;
}
.btn-main:hover,
.btn-main:focus,
.btn-main:active,
.btn-main.active {
	color: #0186d5;
}

.btn-secondary {
	background-color: #002B49;
	font-weight: bold;
	font-size: 16px;
}
.btn-secondary,
.btn-secondary:hover,
.btn-secondary:focus,
.btn-secondary:active,
.btn-secondary.active,
.btn-black,
.btn-black:hover,
.btn-black:focus,
.btn-black:active,
.btn-black.active {
	color: #fff;
}
.btn-secondary:hover,
.btn-secondary:focus,
.btn-secondary:active,
.btn-secondary.active {
	background-color: #0487bd;
}

.btn-black {
	background-color: #262626;
}
.btn-black:hover,
.btn-black:focus,
.btn-black:active,
.btn-black.active {
	background-color: #0f0f0f;
}

.btn-transparent {
	color: #fff;
	background: none;
	border: 1px solid #fff;
}
.btn-transparent:hover,
.btn-transparent:focus,
.btn-transparent:active,
.btn-transparent.active {
	color: #002B49;
	background-color: #fff;
}

.btn-transparent.inverse {
	color: #777;
	border-color: #bdbdbd;
}
.btn-transparent.inverse:hover,
.btn-transparent.inverse:focus,
.btn-transparent.inverse:active,
.btn-transparent.inverse.active {
	color: #fff;
	border-color: #002B49;
	background-color: #002B49;
}

/* Header Styles Starts */

.main-header {
	background-color: #fff;
}

/* Top Bar Styles Starts */

.top-bar { background:#D8D8D8; color:#333333; text-align:center; font-size:11px; line-height:normal; padding:14px 0px 14px 0px; margin:0px; font-weight:600}

/* Navbar Styles Starts */

#nav {
	margin-bottom: 0;
	background: none;
}
	#nav .navbar-brand {
		padding: 0px;
		color: #002B49;
		font-size: 30px;
		font-weight: 500;
		height: auto;
		line-height: normal;
	}
		#nav .navbar-brand .fa {
			margin-right: 10px;
			font-size: 42px;
			vertical-align: middle;
		}
	#nav.navbar {
		min-height: 81px;
		border-bottom: 1px solid #D8D8D8;
	}
		#nav .nav {
			/* margin-top: 27px; */

		}


		#nav.navbar-default .navbar-nav > li > a {
			font-size: 13px;
			font-weight: 800;
			color: #313131;
			line-height: normal;
			line-height: 81px;
		}
		#nav.navbar-default .navbar-nav > li:last-of-type > a {
			padding-right: 0;
		}
		#nav .navbar-nav > li.active > a,
		#nav.navbar-default .navbar-nav > .open > a,
		#nav.navbar-default .navbar-nav > .open > a:hover,
		#nav.navbar-default .navbar-nav > .open > a:focus,
		#nav .dropdown-menu > .active > a,
		#nav .dropdown-menu > .active > a:hover,
		#nav .dropdown-menu > .active > a:focus {
			background: none;
		}
		#nav .navbar-nav > li:hover > a,
		#nav .navbar-nav > li.active > a,
		#nav .navbar-nav > li > a:hover,
		#nav .navbar-nav > li > a:focus {
			color: #002B49;
		}


		.navbar-nav li a.tel{color:#064B79 !important; font-size:15px !important; line-height:normal}

			#nav .dropdown-menu {
				background-color: #002B49;
				padding: 10px 0;
				left: 0;
				border: none;
				text-transform: capitalize;
			}
				#nav .dropdown-menu > li > a {
					/* padding-top: 5px;
					padding-bottom: 5px; */
					color: #fff;
				}
				#nav .dropdown-menu > li > a:hover,
				#nav .dropdown-menu > li > a:focus {
					background-color: #0376a6;
				}
				#nav .dropdown-menu > .active > a,
				#nav .dropdown-menu > .active > a:hover,
				#nav .dropdown-menu > .active > a:focus {
					background-color: #006088;
				}
		#nav .navbar-toggle {
			margin-top: 30px;
			margin-bottom: 0;
			padding: 0;
		}
		#nav .navbar-toggle:hover,
		#nav .navbar-toggle:focus {
			background: none;
		}
		#nav .navbar-toggle:hover .icon-bar,
		#nav .navbar-toggle:focus .icon-bar {
			background-color: #002B49;
		}

/* Main Container Styles Starts */

.main-container {
	margin-top: 60px;
	margin-bottom: 60px;
}

/* Copyright Styles Starts */

.copyright {
	padding-top: 20px;
	padding-bottom: 20px;
	font-size: 12px;
	border-top: 1px solid #D8D8D8;
	background-color: #FFFFFF;
}
	.copyright,
	.copyright a {
		color: #8d8d8d;
	}
	.copyright span,
	.copyright a:hover {
		color: #4db1e2;
	}
	.copyright p,
	.copyright ul {
		margin-bottom: 0;
	}
		.copyright li {
			padding-left: 10px;
			padding-right: 10px;
		}
		.copyright li:last-of-type {
			padding-right: 0;
		}

/* NEW STYLES */
body, a, li, div, button {
  -webkit-transition: all 0.25s ease-in-out;
  -moz-transition: all 0.25s ease-in-out;
  transition: all 0.25s ease-in-out;
}
/* Banner */
.banner{
	height: 500px;
	background-size: cover;
	background-position: center;
}

.banner h1{
	color: white;
	font-weight: bold;
}

.banner p{
	color: white;
	font-size: 18px;
	line-height: 1.3;
	margin: 40px 0px;
}

.navbar-default {
    border: none;
}

.vcenter {
	display: flex;
    align-items: center;
}

.navbar-nav>li>a {
    padding-top: 0px;
    padding-bottom: 0px;
		padding: 0px 12px;
}
.navbar-brand img{
	float: left;
}
.navbar-brand h4 {
    float: left;
    line-height: 81px;
    padding: 0px;
    margin: 0px 0px 0px 20px;
    font-weight: bold;
}

.benefits{
	padding: 80px 0px;
	background-image: url(../images/bk.png);
	background-size: cover;
	background-position: top;

}

.benefits div{
	padding: 0px 40px;
}

.benefits h3{
	font-weight: bold;
	margin-bottom: 40px;
}

.benefits p{
	font-size: 18px;
	margin-bottom: 40px;
}

.contact {
		padding: 80px 0px;
}

.contact div{
		padding: 0px 40px;
}

.contact p, .contact a{
		font-size: 16px;
}

.contact i{
		font-size: 14px !important;
}

.contact .apps img{
		max-height: 45px;
		padding: 5px;
}


.contact h5{
	font-weight: bold;
}

.tos{
	margin: 60px auto;
}
.tos p{
	font-size: 14px !important;
}

.tos h1, .tos h2, .tos h3, .tos h4 {
	font-weight: bold;
	margin: 30px 0px 15px 0px;
}









/*          Modal         */

.modal {
  opacity: 0;
  visibility: hidden;
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  text-align: left;
  background: rgba(0,43,73, .6);
  transition: opacity .15s ease;
  display:block;
}

.modal__bg {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  cursor: pointer;
}

.modal-state {
  display: flex;
}

.modal-state:checked + .modal {
  opacity: 1;
  visibility: visible;
}

.modal-state:checked + .modal .modal__inner {
  top: 0;
}

.modal__inner {
  transition: top .25s ease;
  position: absolute;
  top: -20%;
  right: 0;
  bottom: 0;
  left: 0;
  width: 72%;
  margin: auto;
  overflow: auto;
  background: #fff;
  border-radius: 5px;
  padding: 3em 3em;
  height: fit-content;
}

.modal__close {
  position: absolute;
  right: 1em;
  top: 1em;
  width: 1.1em;
  height: 1.1em;
  cursor: pointer;
}

.modal__close:after,
.modal__close:before {
  content: '';
  position: absolute;
  width: 2px;
  height: 1.5em;
  background: #999;
  display: block;
  transform: rotate(45deg);
  left: 50%;
  margin: -3px 0 0 -1px;
  top: 0;
}

.modal__close:hover:after,
.modal__close:hover:before {
  background: #002B49;
}

.modal__close:before {
  transform: rotate(-45deg);
}

.btn_modal{
  padding: 4px 18px;
  margin-top: 6px;
}
.btn_modal:hover{
    background: #002B49;
    opacity: .7;
}

.left_mobile {
    display: none;
}

.row_btn_modal {
	display: inline-flex;
    width: 100%;
    margin: 0 auto;
}

	.btn_modal_right{
		display: none;
	}

.modal p {
		color: #555;
	}
.modal h6 {
		font-weight: bold;
	}	
.modal h5 {
		font-size: 20px;
	}	



.modal__close_bmr {
    position: absolute;
    width: 107px;
    height: 32px;
    left: 40%;
    -webkit-transition: all 0.25s ease-in-out;
    -moz-transition: all 0.25s ease-in-out;
    transition: all 0.25s ease-in-out;
}


.modal__close_bmr:before {
  content: 'Continue';
  position: absolute;
  width: 0px;
  height: 1.5em;
  display: block;

      background-color: #002B49;
    font-weight: bold;
    font-size: 16px;
}


.modal__close_bmr:hover:before {
  background: #002B49;
}























///////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////
///////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////
///////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////
///////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////
///////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////
///////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////
///////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////
///////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////
///////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////
///////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////
///////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////
///////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////
///////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////













@media screen and (max-width: 1200px) {


}




@media screen and (max-width: 991px) {
	
  .modal__inner {
    width: 90%;

    box-sizing: border-box;
  }

  .modal__col_left {
    padding-right: 15px !important;
    border-right: none !important;

    display: none;
  }

	.modal__col_right {
	    padding-left: 15px !important;
	    margin-top: 0px;
	    border-bottom: 1px solid #ccc;
	    padding-bottom: 70px;
	  }

	.left_mobile {
	    display: block;
	    margin-top: 50px;
	}  
	.row_btn_modal {
		display: none;
	}
	.btn_modal_right{
		display: block;
	}

	.modal__close_bmr {
	    left: 43%;
	}
	.contact .apps img {
	    max-height: 45px;
	    padding: 5px;
	}

}

@media screen and (max-width: 768px) {
	
  .modal__inner {
    width: 90%;
    box-sizing: border-box;
  }
  	.modal__close_bmr {
	    left: 41%;
	}

	.contact .apps img {
	    max-height: 55px;
	}
}


@media screen and (max-width: 425px) {
    .modal__inner {
	    height: 90%;
	  }
	.prototype p{
		padding:10px;
		text-align:center;
		font-size: 3em;
	}

	 .msg {
	 	font-size:1em
	 }
	   .modal__inner {
	    padding: 1.4em 1.8em;
	  }
	 .modal__close_bmr {
	    left: 34%;
	}
	.contact .apps img {
	    max-height: 70px;
	    padding: 5px;
	    margin-top: 12px;
	}
}

@media screen and (max-width: 375px) {

	 .modal__close_bmr {
	    left: 32%;
	}
}
@media screen and (max-width: 360px) {

	 .modal__close_bmr {
	    left: 31%;
	}
}

@media screen and (max-width: 320px) {

	 .modal__close_bmr {
	    left: 28%;
	}
	.contact .apps img {
	    max-width: 128px;
	    max-height: none;
	    padding: 5px;
	}
}