@charset "UTF-8";
/* CSS Document */

body {
    background-color: #026fbf !important;
}

::selection {
    background: #016ab7 !important;
}

img.dealer, a:hover img.dealer {
   display: none !important
}

.navbar-brand a img.skin, .navbar-brand a:hover img.skin, img.skin {
   display: inline-block !important;
   height: auto;
}

section#logo .container .row .col-sm-12.text-center a.navbar-brand img {
	height: 0px;
	padding: 50px 200px;
  }

a.navbar-brand {
    background: #fff url(../../img/login/logo_sernet.png) center no-repeat;
    height: 100%;
    display: inline-block;
	background-size: 100%;
}

.flexslider .slides li {
    background: #d9d9d7 url(../../img/login/bg_login_generic.jpg) center;
	background-size: cover
}

.flexslider .slides img {
	height: 0px!important;
	padding: 370px 0px!important;
  }

#mainslider h2 {
    color: #1b1b1b !important;
}

.dark_grey {
    color: #fff !important;
}

.slide_description .row label {
    color: #1b1b1b !important;
}

#mainslider h3, #mainslider h4 {
    color: #016ab7 !important;
}

#mainslider h4 {
	display: none
}

a#LbRetrievePassword, a#LbRetrievePassword i, .color_section [class*="rt-icon-"] {
    color: #016ab7 !important;
}

a#LbRetrievePassword:hover, a#LbRetrievePassword:hover i {
	color: #1b1b1b!important;
 }

.dark_blue {
    color: #016ab7 !important;
}

a.dark_blue:hover {
    color: #0e1545 !important;
}

.contact-form-email + input#BtLogin {
	border-color: #016ab7 !important;
	background-color: #016ab7 !important;
	color: rgb(253, 253, 253) !important;
	font-weight: bolder;
  }

.contact-form-email + input#BtLogin:hover {
	border-color: #016ab7 !important;
	background-color: transparent!important;
	color: #016ab7 !important;
}

.dark_blue_bgb, .color_section .theme_btn.inverse {
    border-color: #016ab7 !important;
	background-color: #016ab7 !important;
	color: #fefefe !important;
}

.dark_blue_bgb:hover, .color_section .theme_btn.inverse:hover  {
    border-color: #016ab7 !important;
    background-color: transparent!important;
	color: #016ab7 !important;
}

.darkgrey_section, [class*="_section"] .darkgrey_section {
    background: linear-gradient(to bottom, #023e7b 0%, #014a8d 25%, #0160a5 80%, #026fbf 100%) !important; /* Old browsers */
	color: #d4d4d4 !important;
}

section#copyright.light_section {
    background: linear-gradient(to bottom, #023e7b 0%, #014a8d 25%, #0160a5 80%, #026fbf 100%) !important; /* Old browsers */
	color: #d4d4d4 !important;
}

section#copyright.light_section .container .row .col-sm-12.text-center{
    display: none;
}

section#copyright.light_section .container .row::after {
	content: '© Access Services Network';
	text-align: center;
	width: 100%
}	

#copyright {
    border-top: 2px solid #e0e0e0 !important;
}

@media screen and (min-width: 767px) and (max-width: 879px) {
	
	#logo {
		padding-bottom: 7px !important;
		padding-top: 20px !important;
	}
	
	a.navbar-brand {
        background: #fff url(../../img/login/logo_sernet.png) center no-repeat;
		height: 100%;
		display: inline-block;
		background-size: 80%;
	}

	.flexslider .slides > li.gen::after {

		content: "";
		background: #d9d9d7 url(../../img/login/bg_login_generic.jpg) -30px 0px no-repeat !important;
		background-size: auto;
		opacity: 1;
		top: 0;
		left: 0;
		bottom: 0;
		right: 0;
		position: absolute;
		z-index: -1;
		background-size: cover !important;

	}
}

@media (max-width: 880px) {

	.flexslider .slides > li::after {
		background: rgb(253, 253, 253) !important;
		opacity: 0.65;
	}
	
	#logo {
		padding-bottom: 7px !important;
		padding-top: 20px !important;
	}

   .slides img.skin {
   display: none !important;
   }
	
   .flexslider .slides li, .flexslider .slides > li.gen {
    background: #d9d9d7 url(../../img/login/bg_login_generic.jpg) center no-repeat !important;
	background-size: cover  !important;
   }  
	
   #logo .navbar-brand {
		display: inline-block;
		max-width: 270px;
		background-size: 100%;
	}
	
	#copyright {
    border-top: 2px solid #ccc;
    }
	
}

@media screen and (min-width: 1280px) and (max-width: 1480px) {
	
	#logo {
    padding-bottom: 10px;
    padding-top: 10px;
    }
	
	#logo .navbar-brand {
		display: inline-block;
		max-width: 320px;
		background-size: 100%;
	}
	
}

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

#logo {
		padding-bottom: 7px !important;
		padding-top: 20px !important;
	}
	
	.flexslider .slides > li.gen::after {

		background: #d9d9d7 url(../../img/login/bg_login_generic.jpg) -270px 0px no-repeat !important;

	}

}