@import url(http://fonts.googleapis.com/css?family=Roboto:400,300);

html, body {
	height:100%;
	min-height:100%;
	font-family:'Roboto',sans-serif;
	padding:0;
	margin:0;
}
.container-fluid {
	height:100%;
	min-height:100%;
}
.row {
	height:100%;
	min-height:100%;
}
.login-area {
	background-color:#E0E0E0;
	height:100%;
	border-right:1px solid #828282;
	position:fixed;
}
.right-area {
	float:right;
}
.cont {
	height:100%;
	background-image: url(../images/img-1.jpg);
	background-size:cover;
	background-repeat:no-repeat !important;
	overflow: auto;
	font-family: roboto, Open Sans, Helvetica, Arial, sans-serif;
}
.navhide {
	display: none !important;
}
.contcs1 {
	background-image:linear-gradient(#EDEDED,#fff,#fff);
	padding:7px 10px;
	width:100%;
	border:#CCC 1px solid;
	border-bottom:none;
}
.contcs3 li {
	line-height:3em;
	border-bottom:1px solid #CCCCCC;
}
.contcs1-bdrtp {
	background-image:linear-gradient(#EDEDED,#fff,#fff);
	padding:7px 10px;
	width:100%;
	border:#CCC 1px solid;
	border-top:none;
}
.contcs2 {
	background-color:#FBFBFB;
	padding:7px 10px;
	width:100%;
	border:#CCC 1px solid;
	line-height:1.6em;
}
.contcs3 {
	background-color:#F4F4F4;
	padding:0 10px;
	width:100%;
	border:#CCC 1px solid;
	line-height:1.6em;
}
.contcs3 ul {
	padding:0px;
}
.contcs3 li {
	list-style-type:none;
}
.lang-div {
	text-align:center;
	margin-top:15px;
}
.lang-div .btn {
	padding:3px 5px;
	text-transform:uppercase;
	background-color:#E8E8E8;
}
.lang-div .btn:hover {
	background-color:#fff;
}
.error-image {
	margin:0 auto;
	width:60%;
	height:auto;
}
.forgot-link {
	background-color:transparent;
	border:none;
	padding:0px;
	overflow:hidden;
}
.forgot-link p {
	padding:0px;
	margin:0px;
    text-decoration:underline;
}
.forgot-link p:hover {
	text-decoration:underline;
}
.paddingl0 {
	padding-left:0;
	padding-right:15px;
}
.paddinglr0 {
	padding-left:0;
	padding-right:0;
}
.logo {
	margin-bottom:10px;
	margin:0 auto;
	padding:15px;
}
.logoimg {
	width:370px;
	margin:0 auto;
}
.logo-margin {
	margin-top:10px;
	margin-bottom:10px;
}
.lnapps {
	font-size:14px;
	font-weight:600;
	font-family:roboto;
	margin-bottom:5px;
}
.lnappsimg-right {
	text-align:right;
	padding-right:5px;
}
.lnappsimg-left {
	padding-left:5px;
	text-align:left;
}
.footer img {
	width:100px;
	height:auto;
}
.nav {
	padding-top:20px;
	padding-left:0px;
}
.nav ul {
	display:inline-flex;
	list-style-type:none !important;
	padding-left:0px;
}
.navbar-brand {
	padding:0px;
}
.input {
	width:100%;
	background-color:#fff;
	border:#00537b 1px solid;
	cursor:text;
	box-sizing:border-box;
	border-radius:5px;
	color:#000;
	font-size:14px;
	font-weight:600;
	height:auto;
	padding:5px;
	transition:border 0.3s;
}
.loginbox {
	margin:0 auto;
    background-color: #002850;
    max-width: 325px;
    height: auto;
    padding: 20px 25px 15px 25px;
    border-radius: 15px;
    border-bottom: #000 1px solid;
    z-index: -9999;
}
.loginboxtext {
	font-size:14px;
	font-weight:400;
	font-family:roboto;
	color:#fff;
	overflow:hidden;
	margin:6px 0px;
	padding:6px 0px;
}
.login-remember {
	 margin-top:10px;
	 font-family:roboto;
	 color:#fff;
	 font-weight:400;
}
.login-button {
	padding:5px;
	width:100px;
	border-radius:5px;
	border:1px solid;
	font-family:roboto;
	font-size:16px;
}
.loginbox-align {
	text-align:center;
	margin-top:10px;
}
.forgot-pass {
	color:#fff;
	text-align:center;
	padding-top:15px;
	font-size:14px;
	font-family:roboto;
	font-weight:400;
}
.forgot-pass a {
	color:#fff;
}
.demodiv {
	text-align:center;
	padding-top:15px;
}
.demo-button {
	padding:5px;
	width:130px;
	border-radius:5px;
	border:1px solid #C0C0C0;
	font-family:roboto;
	font-size:16px;
}
.headingtext {
	color:#fff;	
	font-size:18px;
	font-weight:600;
	letter-spacing:1px;
	text-transform:uppercase;
	text-align:center;
	font-family:roboto;
	text-shadow:0 1px 1px rgba(0,0,0,0.5);
}
.headingtext2 {
	color:#fff;	
	font-size:14px;
	font-weight:600;
	letter-spacing:1px;
	text-transform:uppercase;
	text-align:center;
	font-family:roboto;
	text-shadow:0 1px 1px rgba(0,0,0,0.5);
}
.cont-heading {
	color:#002850;
	font-size:20px;
	font-family:roboto;
	font-weight:600;
	padding:10px 0px 5px 0px;
}
.loginboxalign {
	margin:0 auto;
}
.talignc {
	text-align:center;
}
.navbar {
	margin-left:-10px;
}
.navbar-nav>li>a{
	font-size:12px;
	text-transform:uppercase;
	padding:8px 20px;
}
.nav>li>a:focus, .nav>li>a:hover {
	background-color:transparent;
	background-color:#ccc;
	text-decoration:none;
	color:#002850;
}
.homebtn {
	float:right;
}
.myButton {
	background-color:#002850;
	display:inline-block;
	cursor:pointer;
	color:#fff;
	border-radius:10px;
	font-size:12px;
	font-family:roboto;
	text-transform:uppercase;
	padding:10px 15px;
	text-decoration:none;
	width:auto;
}
.myButton:hover {
	background-color:#ccc;
	font-weight:600;
	text-decoration:none;
	color:#002850;
}
.active {
	background-color:#ccc;
	color:#002850;
	font-weight:600;
}
.navbar-collapse {
	padding-left:0px;
}
.product-locator-box-heading {
	border:1px solid #D3D3D3;
	background: #d6ecf9; /* For browsers that do not support gradients */
    background: -webkit-linear-gradient(#d6ecf9, #fff); /* For Safari 5.1 to 6.0 */
    background: -o-linear-gradient(#d6ecf9, #fff); /* For Opera 11.1 to 12.0 */
    background: -moz-linear-gradient(#d6ecf9, #fff); /* For Firefox 3.6 to 15 */
    background: linear-gradient(#d6ecf9, #fff); /* Standard syntax */
	padding:15px;
	font-size:16px;
	font-weight:600;
	color:#054374;
	text-align:center;
	border-radius:15px 15px 0px 0px;
	border-bottom:none;
}
.box-heading2 {
	padding:8px;
}
.box-heading3 {
	padding:19px;
}
.product-locator-div {
	border:1px solid #D3D3D3;
	padding:10px;
	z-index:-999999;
}
.product-locator-price {
	background-color:#054374;
	color:#fff;
	font-weight:400;
	border-top:none;
	padding:10px;
	text-align:center;
}
.product-locator-price2 {
	background-color:#054374;
	color:#fff;
	font-size:12px;
	font-weight:400;
	border-top:none;
	text-transform:uppercase;
	padding:19px 10px 19px 10px;
	text-align:center;
}
.product-price-div {
	border:1px solid #D3D3D3;
	border-top:none;
}
.product-locator-div img {
	width:250px;
	height:auto;
	margin:0 auto;
}
.hover01 img {
	-webkit-transform: scale(1);
	transform: scale(1);
	-webkit-transition: .3s ease-in-out;
	transition: .3s ease-in-out;
	z-index:-1;
	position:relative;
}
.hover01:hover img {
	-webkit-transform: scale(1.15);
	transform: scale(1.15);
	-webkit-transition: .3s ease-in-out;
	transition: .3s ease-in-out;
	z-index:-1;
	position:relative;
}
.price-bigfont {
	 font-size:16px;
}
.pprice-currency {
	color:#000;
	font-size:12px;
}
.pprice-currency1 {
	color:#fff;
	font-size:12px;
}
.buy-your-plan-btn {
	background-color: #d0d0d0; background-image: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#d0d0d0));
	background-image: -webkit-linear-gradient(top, #fff, #d0d0d0);
	background-image: -moz-linear-gradient(top, #fff, #d0d0d0);
	background-image: -ms-linear-gradient(top, #fff, #d0d0d0);
	background-image: -o-linear-gradient(top, #fff, #d0d0d0);
	background-image: linear-gradient(to bottom, #fff, #d0d0d0);
	border:1px solid #ababab;
	-webkit-transition-duration: 0.3s; /* Safari */
	transition-duration: 0.3s;
	text-align:center;
	padding:8px 20px;
	border-radius:5px;
	font-size:12px;
}

.buy-your-plan-btn:hover {
	background-color: #c0c0c0; background-image: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#c0c0c0));
	background-image: -webkit-linear-gradient(top, #fff, #c0c0c0);
	background-image: -moz-linear-gradient(top, #fff, #c0c0c0);
	background-image: -ms-linear-gradient(top, #fff, #c0c0c0);
	background-image: -o-linear-gradient(top, #fff, #c0c0c0);
	background-image: linear-gradient(to bottom, #fff, #c0c0c0);
	-webkit-transition-duration: 0.3s; /* Safari */
	transition-duration: 0.3s;
	text-decoration:none !important;
}
.nav li {
	padding:0px 5px;
}
.footer {
	text-align:center;
	position:fixed;
	width:33%;
}
.footer .row {
	margin-bottom:10px;
}
.footertext {
	color:#6C6C6C;
	font-size:12px;
	padding:8px;
	font-family:roboto;
}
.margintop15 {
	margin-top:15px;
}
.margintop30 {
	margin-top:30px;
}
.paddingtop15 {
	padding-top:15px;
}
.marginbottom5 {
	margin-bottom:5px;
}
.marginbottom25 {
	margin-bottom:25px;
}
@media screen and (device-aspect-ratio: 16/9), screen and (device-aspect-ratio: 16/10) {
.cont {
  background-position: 40% 10%;
  background-image: url(../images/img-2.jpg);
}
}
@media screen and (device-aspect-ratio: 4/3) {
.cont {
  background-position: 50% 10%;
  background-image: url(../images/img-3.jpg);
}
}
@media (max-width: 1280px) and (max-height: 1024px) {
.cont {
  background-position: 50% 10%;
  background-image: url(../images/img-4.jpg);
}
}
@media (max-width: 1366px) {
.product-locator-price2 {
	padding:10px;
}
}
@media (max-width: 1024px) {
.cont {
  background-position: 40% 10%;
  background-image: url(../images/img-2.jpg);
}
.product-locator-price2 {
	padding:22px;
}
.navbar-nav>li>a {
    font-size: 12px;
    text-transform: uppercase;
    padding: 8px 15px;
}
.headingtext {
	font-size:16px;
}
}
@media (max-width: 1280px) and (max-height: 1024px) {
.cont {
  background-position: 50% 20%;
  background-image: url(../images/img-3.jpg);
}
}
@media (max-width: 800px) and (max-height: 600px) {
.nav li {
	padding:0px 2px;
}
.navbar-nav>li>a {
    font-size: 10px;
    text-transform: uppercase;
    padding: 6px 12px;
}
.loginbox {
    width: 220px;
	padding: 15px 15px 10px 15px;
	border-radius: 10px;
}
.headingtext {
	font-size:12px;
}
.logo-margin {
	margin-top:0px;
	margin-bottom:0px;
}
.forgot-pass {
	padding-top:5px;
}
.loginbox-align {
	margin-top:5px;
}
.login-remember {
	 margin-top:5px;
	 font-size:11px;
}
.login-button {
	padding:3px;
}
.demodiv {
	padding-top:10px;
	font-size:12px;
}
.demo-button {
	padding:5px 10px;
	width:auto;
	font-size:12px;
}
}
@media (max-width: 767px) {
.navhide {
	display:block !important;
}
.navbar {
	z-index:999;
	margin-bottom:0px;
}
.cont {
	display:none !important;
}
.navbar-toggle {
    background-color:#002850;
	float:none;
	margin-bottom:0px;
	margin:10px 0px 0px 10px;
}
.navbar-toggle .icon-bar {
    background-color:#fff ;
}
.navbar-nav {
    margin: 7.5px 0px;
}
.nav {
	display:inline-block;
	padding-top:0px;
	float:none;
}
.navbar-brand {
	float:none;
}
.navbar-collapse {
    -webkit-box-shadow:none;
    box-shadow:none;
}
.nav>li {
	margin-bottom:4px;
}
.logo-margin {
    margin-top:0px;
}
.loginbox {
	margin:0 auto;
    background-color: #002850;
    max-width: 325px;
    height: auto;
    padding: 25px 25px 15px 25px;
    border-radius: 15px;
    border-bottom: #000 1px solid;
    z-index: 9999;
    position: relative;
}
.loginboxtext {
	margin:0 auto;
	font-size:14px;
	font-weight:400;
	font-family:roboto;
	color:#fff;
	padding:5px 0px;
}

.forgotpwdboxtext {
	margin:0 auto;
	font-size:14px;
	font-weight:400;
	font-family:roboto;
	color:red;
	padding:5px 0px;
}

.footer {
	width:100%;
	position:fixed;
	margin-bottom:0px;
}
.login-area {
	border-right:none;
}
.col-sm-12>.margintop15 {
	margin-top:5px;
}
.row>.col-sm-4 {
	margin-bottom:15px;
}
.row>.col-sm-6 {
	margin-bottom:15px;
}
}
@media (max-width: 400px) {
	.loginbox {
	margin:0 auto;
    background-color: #002850;
    max-width: 280px;
    height: auto;
    padding: 25px 25px 15px 25px;
    border-radius: 15px;
    border-bottom: #000 1px solid;
    z-index: 9999;
    position: relative;
}
}