/* Custom styles go here */

@import url('https://fonts.googleapis.com/css?family=Open+Sans:300,400,600,700,800');
@import url('https://fonts.googleapis.com/css?family=Open+Sans+Condensed:300,400,700');
@import url('https://fonts.googleapis.com/css?family=Roboto+Slab:300,400,700');
@import url('https://fonts.googleapis.com/css?family=Roboto+Condensed:300,400,700');
@import url('https://fonts.googleapis.com/css?family=Raleway:200,300,400,600,700,800');
@import url('https://fonts.googleapis.com/css?family=Lora:400,700');
@import url('https://fonts.googleapis.com/css?family=Open%20Sans:300,400,700,900');
@import url('https://fonts.googleapis.com/css?family=Lato:300,400,700,900');

/*----------------------*
 |     Overrides	|
 *----------------------*/
 
 
a:focus{outline:auto!important;outline-style:dotted!important;outline-color: #f92525!important;outline-color: rgb(30,222,121)!important;outline-color: blue!important;} 
 
.dnnSortable {min-height: none!important;}

.c_head {margin-bottom: 0!important;}
.c_head {margin-top: 0!important;}
 
 
 
.subPagePadding p a:hover {text-decoration:underline;}
 
 
.main_menu .nav .mmIcon {display: none;}

p {font-size: 1.15em;line-height: 24px;margin-bottom: 26px;}

#footer2 {background-color:#002212!important;}
#footer2.wsc-content-white {border-top: none!important;}
.copyright {color:#7faa95!important;text-align:left;}


/* menu */
.menu_wrap .nav li a {font-weight:600!important;font-size: 1.25em!important;letter-spacing:1px!important;text-transform: none!important;}
.menu_wrap .nav > li > a:hover{font-size: 1.25em!important;color:#007b57!important;}

/* font size in dropdown menu items */
.menu_wrap .nav li li a {font-size: 1.1em!important;text-transform: none!important;}

#footer .SocialFooter {padding: 30px 0 15px!important;}
#main_content, inner_content{background-color: #fff;}

/* makes the dropdown items lower case */
.menu_wrap .nav li li a {text-transform: unset !important;font-weight:400!important;} 

/* sticky menu styling */
#floating-logo img {width: auto;height: 45px;}
#floating-header .menu_wrap .nav li.root > a {font-size: 0.85em!important;}

hr {border-top: 1px solid #a2a2a2;margin-top: 30px;margin-bottom: 25px;}



.menu_inner .main_menu .nav .mmIcon {display: none!important;}


.menu_wrap .nav > li.active {}

.menu_minimal .wsc-content-dark .menu_wrap .nav > li.active > a {}

.menu_minimal .menu_wrap .nav > li.active > a {border-bottom: 4px solid #c08f40!important;}




/* hides carrot in menu */
.menu_minimal .wsc-content-dark .nav > li > a .fa {display: none;}


/*----------------------*
 |    H TAG  Overrides	|
 *----------------------*/


h1 {
    color: #004021!important;
    font-family: 'Roboto Condensed', serif!important;
    font-weight: 400!important;
    font-size: 2.4em!important;
    margin-bottom: 15px;
}

h2 {color: #000!important;font-size: 1.7em;line-height: 1.2em;}


h3 {
	color: #063!important;
	font-family: 'Lato', sans-serif!important;
	font-size: 1.6em!important;
	font-weight:700!important;
	margin-top: 15px;
	border-bottom: none!important;
	letter-spacing:0.4px!important;
	margin-bottom:0px!important;
	line-height:1.2em!important;
	clear: both;
}

h4 {
    font-size: 1.5em!important;
   color: #866022!important;
    font-family: 'Open Sans Condensed', sans-serif!important;
    font-weight: 700!important;
    line-height: 29px!important;
    margin-bottom: 5px!important;
    clear: both;
    letter-spacing: 0.5px;
}

h5  {
	font-size: 1.3em!important;
	color: #000!important;
	font-family: 'Open Sans', sans-serif!important;
	font-weight: 600!important;
	clear: both;
	margin-bottom:4px!important;
}


h6  {
	font-size: 0.81em!important;
	color: #000!important;
	font-family: 'Verdana', sans-serif!important;
	line-height: 16px!important;
	clear: both;
}


#dnn_ContentPane ul li {
    margin-left: 35px;
    padding-bottom: 9px;
	letter-spacing: 0.5px;
    list-style-position: outside;color:#5B5A5A!important;
	font-size: 1.05em;
}


/*----------------------*
 |    List  Overrides	|
 *----------------------*/

#dnn_ContentPane ul {margin-bottom: 5px;
    margin-left: 0;
    margin-top: 5px;}
#dnn_ContentPane li {/*line-height: 14px;*/}

/*
#dnn_ContentPane ul ul {font-size: 0.85em;}
#dnn_ContentPane ul li {font-size: 1.15em;}
#dnn_ContentPane ol ol {font-size: 1.15em;}

#dnn_ContentPane ol {font-size: 1.15em;}
*/

#dnn_ContentPane ol li {
    margin-left: 35px;
    padding-bottom: 9px;
    list-style-position: outside;
    padding-left: 0;
    color: #5B5A5A!important;
    padding-top: 9px;
	font-size: 1.05em;
}

#dnn_ContentPane ol li li{padding-top:3px;padding-bottom:3px;}


/*------------------------------------------------*/
/* HOMEPAGE*/
/*------------------------------------------------*/

/* Motto */
#dnn_WideSection1 {text-align:left!important;padding:60px 0 50px 100px;color:#fff!important;background-color:#094938;font-family: 'Open Sans', serif!important;font-weight: 300!important;font-size:2.1em!important;line-height: 39px;}

#dnn_WideSection1 p{text-align:left!important;color:#fff!important;background-color:#094938;font-family: 'Open Sans', serif!important;font-weight: 300!important;font-size:1em!important;line-height: 39px;background-image: url('../../../Images/pill.png');background-repeat:no-repeat;padding-left:40px;}

#dnn_WideSection1 a{color:#fff!important;}
.mottoHeavy {font-weight: 700!important;}
.mottoHeavy a{color:#fff!important;}

.ctaStyle {/*background-color:#fff;*/margin:45px 0!important;text-align:center;}
.ctaStyle p{text-align:center;padding:10px 48px!important;}
.ctaStyle img{text-align:center;}
.ctaStyle h4{color:#363636;text-align:center!important;font-weight:400!important;letter-spacing: 0.5px!important;font-size:1.35em!important;margin-top:0!important;}

.ctaStyle h4 a{font-weight:400!important;color: #363636!important;text-decoration: none!important;}
.ctaStyle h4 a:hover{font-weight:400!important;color: #285911!important;text-decoration: none!important;}

.ctaStyle .c_contentpane{text-align:center!important;}
.ctaStyle .c_head {text-align:center!important;}

#dnn_CallToActionLeft h4 {font-weight:400!important;}
#dnn_CallToActionMiddle h4 {font-weight:400!important;}
#dnn_CallToActionRight h4 {font-weight:400!important;}


#dnn_ThirdLeftSection3 h4{color:#007b57!important;font-weight:700!important;letter-spacing: 0.5px!important;font-size:1.25em!important;margin-top:0!important;}
#dnn_ThirdMiddleSection3 h4{color:#007b57!important;font-weight:700!important;letter-spacing: 0.5px!important;font-size:1.25em!important;margin-top:0!important;}
#dnn_ThirdRightSection3 h4{color:#007b57!important;font-weight:700!important;letter-spacing: 0.5px!important;font-size:1.25em!important;margin-top:0!important;}


#dnn_ThirdLeftSection3, #dnn_ThirdMiddleSection3, #dnn_ThirdRightSection3 {}
#dnn_ThirdLeftSection3, #dnn_ThirdMiddleSection3, #dnn_ThirdRightSection3 img {max-width: 100%;height: auto;}


#dnn_Narrow25Section2 h3, #dnn_Narrow50Section2 h3, #dnn_Narrow75Section2 h3, #dnn_Narrow100Section2 h3 {font-size: 1.6em !important;line-height: 1.1em !important;text-align:center!important;margin-top: 3px!important;margin-bottom: 35px!important;}

.ColorPanes2 h3 a:hover{text-decoration:underline!important;color:#478e77;}


#dnn_Narrow25Section2 img, #dnn_Narrow50Section2 img, #dnn_Narrow75Section2 img, #dnn_Narrow100Section2 img {display: block;margin-left: auto;margin-right: auto;}


.ColorPanes3 h4 a:hover{text-decoration:underline!important;color:#478e77;}
 
.CTA {
	background-color: white;
	color:#6b6b6b;
    text-shadow: none;
    margin-bottom: 22%;
    padding: 8%;
	height: 220px;
}



.ColorPanes2 {padding: 20px 0 20px 0;background-color: #fff;}
.ColorPanes3 {background-image: url('../../../Images/AbstractBackground.jpg');background-size:cover;}

#dnn_BottomSection3 {color:#fff;background-color:transparent;font-family: 'Open Sans', serif!important;font-weight: 700!important;font-size:2.4em!important;text-align:center!important;margin-top:15px; margin-bottom:75px;}

.circle {
  height: 50px;
  width: 50px;
  background-color: #b77f34;
  border-radius: 50%;
  margin-top:20px;
  color:#fff;
  text-align:center;
  font-size:2em;
  padding-top: 8px;
}


.circle a{background-color: #b77f34;}

.circle a:hover{background-color:#007b57;}

/*----------------------*
 |   SUBPAGE	|
 *----------------------*/

/* ********* subpage photo banner ********* */
#dnn_SubpageBannerPane { }

#dnn_SubpageBannerPane img {
	width: 100%;
	height: auto;
}


.subPagePadding{padding-top:60px;}


/*-------------------------*
 |     Sidebar Menu     	|
 *-------------------------*/
/* Sidebar Subpages */

.sideBarHeaderPage {
    background-color: #0a4938;
    padding: 28px 30px;
    color: #fff!important;
    font-weight: 400;
    font-family: 'Roboto Condensed', sans-serif;
    font-size: 1.75em;
    border-bottom: 2px solid #fff;
}


.sideNavLinks {
    background-color: #edefef;
    padding:7px 30px;
    border-bottom: 1px solid #c5c5c5;
	font-weight: 400!important;
	 font-family: 'Open Sans', sans-serif;
	font-size: 1em;
}


.sideNavLinks a{
	color: #2f3639!important;
}

.sideNavLinks a:hover{
    color: #129771!important;text-decoration:underline;
}


/* ********************* SubPage Sidebar ********************* */


#dnn_CTASidebar{margin-top:40px;}
#dnn_CTASidebar p{font-size: 1.25em;line-height: 22px;}


#dnn_leftContent, #dnn_leftContent2{margin-right:50px;margin-top: 25px;}



/* Sidebar Subpage Call to Action */
#dnn_leftContent2 {   
    border: 1px solid #c5d8ce;
    padding: 33px;
    margin-top: 60px;margin-bottom: 40px;
	text-align:center!important;
}

#dnn_leftContent2 p{text-align:center!important;}

#dnn_leftContent2 h3 {
    font-family: 'Roboto Condensed', serif !important;
    font-size: 1.65em!important;
    font-weight: 400!important;
    margin-bottom: 10px!important;
    color: #000!important;
	margin-top: 5px!important;
	letter-spacing:-0.5px!important;
	text-align:center!important;border-bottom:5px solid #129771!important;padding-bottom:16px!important;
}

#dnn_leftContent2 h3 a{text-decoration:noen!important;color: #000!important;}



.orange {border-bottom: 5px solid #ffa724;}
.red {border-bottom: 5px solid #ff5252;}


#dnn_leftContent2 img {
clip-path: circle(50%);border-radius: 50%;display: block;margin-left: auto;margin-right: auto;
}





.img-gradient{
  position:relative;
  display:inline-block;
}

.img-gradient:after {
  content:'';
  position:absolute;
  left:0; top:0;
  width:100%; height:100%;
  display:inline-block;
  clip-path: circle(50%);border-radius: 50%;display: block;margin-left: auto;margin-right: auto;
  background: -moz-linear-gradient(top, rgba(0,47,75,0.0) 0%, rgba(206, 149, 56, 0.8) 100%); /* FF3.6+ */
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(206, 149, 56, 0.8)), color-stop(100%,rgba(0,47,75,0.5))); /* Chrome,Safari4+ */
  background: -webkit-linear-gradient(top, rgba(0,47,75,0.0) 0%,rgba(206, 149, 56, 0.8) 100%); /* Chrome10+,Safari5.1+ */
  background: -o-linear-gradient(top, rgba(0,47,75,0.0) 0%,rgba(206, 149, 56, 0.8) 100%); /* Opera 11.10+ */
  background: -ms-linear-gradient(top, rgba(0,47,75,0.0) 0%,rgba(206, 149, 56, 0.8) 100%); /* IE10+ */
  background: linear-gradient(to bottom, rgba(0,47,75,0.0) 0%,rgba(206, 149, 56, 0.8) 100%); /* W3C */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#002f4b', endColorstr='#00000000',GradientType=0 ); /* IE6-9 */
}
.img-gradient img{
  display:block;
}



/*-------------------------*
 |     SLIDER     	|
 *-------------------------*/
#carouselButtons_22444 {display:none;} /* English */
#carouselButtons_22605 {display:none;} /* Chinese */


/* arrows */
.carousel-control .glyphicon-chevron-left {color: #666;}
.carousel-control .glyphicon-chevron-right {color: #666;}

.rotatorLargeWhite{font-family: 'Open Sans', serif;
    font-weight: 700;
	background-color:#007b57;
	padding:2px 13px 4px 13px;
	color:#fff;letter-spacing:-1px;
	text-align: left;line-height: 54px;
    font-size: 2.9em;float:left;clear:both;
	margin-bottom: 10px;}

.rotatorLargeBlack{font-family: 'Open Sans', serif;
    font-weight: 700;
	color:#000;letter-spacing:-1px;
	text-align: left;line-height: 54px;
	text-shadow: 0 1px 2px rgba(255,255,255,.6);
    font-size: 3em;float:left;clear:both;margin-bottom: 30px;}





/* Spacing for the dots */
.carousel-indicators li {margin: 3px;}
.carousel-indicators .active {margin: 3px;}

#carouselButtons_34913 .btn-default {
	background-color:#00331A!important;
}


/*------------------------------------------------*/
/*  HEADER */
/*------------------------------------------------*/
#top-bar {background-color: #60594f!important;}
#top-bar::after {background-color: #60594f!important;}
#top-bar a {color:#fff;font-size: 1.2em;}
#top-bar a:hover{color:#eee6d9!important;text-decoration:underline;}

.TopBarPane {color:#fff;}
.TopBarPane a{color:#fff!important;text-decoration:none;}
.TopBarPane a:hover{color:#eee6d9!important;text-decoration:underline;}



/*------------------------------------------------*/
/* FOOTER*/
/*------------------------------------------------*/

#footer h5{color:#fff!important;background-color: #002f18!important;font-size:1em!important;text-align:left!important;text-transform:uppercase;}
#footer h5 a{color:#fff!important;background-color: #002f18!important;}
#footer h5 a:hover{color:#7faa95!important;background-color: #002f18!important;}

#footer p{ background-color: #002f18;color: #7faa95!important;font-size: 0.9em!important;text-align:center!important;margin-bottom:50px;letter-spacing:0.5px;}

#footer {background-color: #002f18!important;}

#dnn_FooterLogos {text-align:right;}
#dnn_FooterLogos img{float:right;}
#dnn_FooterCopyright {text-align:left!important;padding-top:15px;}

.copyrightText{padding-top:20px;}

#dnn_FooterTop {text-align:center!important;}
#dnn_FooterTop p{text-align:center!important;}
#dnn_FooterTop .c_head{text-align:center!important;}

#dnn_FooterLogos .c_head {margin:0!important;}


.footerLinks{text-align:center;margin-bottom:20px;}
 
.footerLinks li {
	display: block;
	margin: 0px 40px 0px 0px;
	text-align:left;
	line-height: 16px;
	padding-top: 7px;
	
}

.footerLinks a{
	color: #7cb197;
	text-decoration: none;
	font-size: 1em;
	font-weight: 400;
	/*padding: 22px 3px 7px 2px;*/
	margin: 0px 0px 0px 0px;	
}

.footerLinks a:hover{text-decoration:underline;color:#fff!important;}

.bottomFooterLinks {margin-top:30px;}

/*------------------------------------------------*/
/* BUTTONS */
/*------------------------------------------------*/


.btn-default {background-color:#d8d8d8!important;color:#000!important; /* grey button */border:0;}

.btn-primary {background-color:#00331A!important;color:#fff!important; /* blue button */border:0;}

a.homeGreenOutlineButton{
	color: #0d653b;
	padding: 16px 42px 16px 42px;
	text-decoration: none!important;
	font-family: 'Open Sans', sans-serif!important;
	font-size: 1.1em!important;
	font-weight: 400!important;
	background-color:transparent;
	text-transform:uppercase;
	margin:17px 15px 0 0;
	float: left;
	-moz-border-radius: 26px;
	-webkit-border-radius: 26px;
	-khtml-border-radius: 26px;
	border-radius: 26px;
	border:2px solid #0d653b;
}
a.homeGreenOutlineButton:hover{
	color: #fff;
	background-color: #004021;
	text-decoration: none!important;
	border:2px solid #004021;
}



a.rotatorButton{
	color: #094938!important;
	padding: 16px 42px 16px 42px;
	text-decoration: none!important;
	font-family: 'Open Sans', sans-serif!important;
	font-size: 1.1em!important;
	font-weight: 400!important;	
	background-color: rgba(255, 255, 255, 0.25);
	text-transform:uppercase;
	margin:17px 15px 0 0;
	float: left;
	-moz-border-radius: 26px;
	-webkit-border-radius: 26px;
	-khtml-border-radius: 26px;
	border-radius: 26px;
	border:1px solid #094938;
	text-shadow:none!important;	
}
a.rotatorButton:hover{
	color: #fff!important;
	background-color:#094938;
	text-decoration: none!important;
	border:1px solid #094938;
}


.downloadApp {margin: 15px 20px 20px 0;float:left;}




a.greenButton{
	color: #fff!important;
	padding: 12px 32px 12px 32px;
	text-decoration: none!important;
	font-family: 'Open Sans', sans-serif!important;
	font-size: 1em!important;
	font-weight: 400!important;
	background-color:#093a22!important;
	text-transform:uppercase;
	margin:17px 15px 0 0;
	-moz-border-radius: 26px;
	-webkit-border-radius: 26px;
	-khtml-border-radius: 26px;
	border-radius: 26px;
	border:1px solid #093a22;
}
a.greenButton:hover{
	color: #fff!important;
	background-color: #00562c!important;
	text-decoration: none!important;
	border:1px solid #00562c!important;
}


a.greenOutlineButton{
	color: #0d653b;
	padding: 12px 32px 12px 32px;
	text-decoration: none!important;
	font-family: 'Open Sans', sans-serif!important;
	font-size: 1em!important;
	font-weight: 400!important;
	background-color:transparent;
	text-transform:uppercase;
	margin:17px 15px 0 0;
	-moz-border-radius: 26px;
	-webkit-border-radius: 26px;
	-khtml-border-radius: 26px;
	border-radius: 26px;
	border:1px solid #0d653b;
}
a.greenOutlineButton:hover{
	color: #fff;
	background-color: #004021;
	text-decoration: none!important;
	border:1px solid #004021;
}

a.outlineButton{
	color: #0d653b;
	padding: 10px 22px;
	text-decoration: none!important;
	font-family: 'Open Sans', sans-serif!important;
	font-size: 1em!important;
	font-weight: 400!important;
	background-color:transparent;
	text-transform:uppercase;
	margin: 17px 15px 20px 0;
	-moz-border-radius: 26px;
	-webkit-border-radius: 26px;
	-khtml-border-radius: 26px;
	border-radius: 26px;
	border:1px solid #0d653b;
	display: inline-block;
}
a.outlineButton:hover{
	color: #fff;
	background-color: #004021;
	text-decoration: none!important;
	border:1px solid #004021;
}

/*************************************************************************************************
			Rates Table
*************************************************************************************************/

/* -- */

.boldGreen {color: #567256;font-weight: bold;}

.boldGold {
	color: #8d6803;font-size: 1.1em;
	font-weight: bold;
}
.acctTable td {
    font-size: 1em;
    color: #000;
    padding: 10px;
    border-bottom: 1px solid #484a4a;
}


.acctTable th {
    font-size: 1em;
    color: #000;
    padding: 10px;
	font-weight: normal;
    border-bottom: 1px solid #484a4a;
}








/*------------------------------------------------*/
/* LOGIN STARTS*/
/*------------------------------------------------*/

/* Below is taken from Carson + Premier Bank premierebanks.com */

#topPane {
	width: 220px;
	float: right;
	margin-top: 17px;
	
}


#topPane .close {/*opacity: .7!important;*/opacity: .9!important;width:310px;}

/*********************************   dropdown login box     **********************************/
#login {
    float: left;
    height: 89px !important;
    position: absolute;
    /*top: 50;
    right: 200;*/
    /*width: 220px;*/
	width: 310px;
    z-index: 999;
    margin-top: -10px;
}
#login p {
    cursor: pointer;
    margin: 0;
    padding-left: 24px;
    height: 24px;
    color: #fff;
    font-weight: bold;
    padding-top: 10px;
}

#login p.close {
	background-image: url("../img/close.html");
}

#login .close{margin-top:0!important;font-size:100%!important;}

#login-form {
    left: 10px;
    padding: 3px 0 12px 0px;
    position: absolute;
    display: none;
    z-index: 999;
}
#demo_links {
	line-height: 12px;
	float: left;
	margin-left: 286px;
	/*margin-top: -29px;*/
	margin-top: 1px;
	width: 100px;
}
#olbframe {
	height: 300px;
	width: 310px;
	margin-top: 50px;
	position:relative;
	right:55px;
}
/*------------------------------------------------*/
/* LOGIN ENDS*/
/*------------------------------------------------*/
























/* ********************* General ********************* */
a[href^="tel"]{
    color:inherit;
    text-decoration:none;
}

.clearBoth{clear:both;}
.centerImage {display: block;margin-left: auto;margin-right: auto;}
.centerText {text-align:center!important;}



/* ********************* General Ends ********************* */

/* adds fis logo into the black admin bar and Lisa_ControlBar.css */
.ServiceIcon.professional {
      background: url(../img/fis_logo.png) no-repeat; 
      margin-top: 6px;
      border: none;
      border-bottom: none !important;
}
/* Note that Admin has folder named "images" instead so it will be background: url(./images/fis_logo.png) no-repeat;*/

#ControlNav > li > a { color: #f2f2f2; /*#999*/}
.subNav dl a { color: #f2f2f2; /*#aaa*/ }
.subNav.advanced dl a { color: #f2f2f2; /*#aaa*/}
#ControlBar_SiteSelector p, #ControlBar_LanguageSelector p { color: #f2f2f2; /*#555*/ }
#ControlBar_CustomMenuItems > li > a, #ControlActionMenu > li > a { color: #f2f2f2;/*#999*/ }
#ControlBar_CustomMenuItems > li ul li a, #ControlActionMenu > li ul li a { color: #f2f2f2; /*#aaa*/ }
#ControlEditPageMenu > li > a { color: #f2f2f2; /*#999*/  }
#ControlEditPageMenu > li ul li a { color: #f2f2f2; /*#aaa*/ }
#ControlEditPageMenu li label { color: #f2f2f2; /*#999*/}


/* ********************* ADA ********************* */

#skip {
	color:yellow;
	border:1px dashed #FF3;
}


a#skip {
	position: absolute !important;
	clip: rect(1px 1px 1px 1px);
	clip: rect(1px, 1px, 1px, 1px);
	overflow: hidden;
	height: 1px;
	color:yellow;
}
a#skip:focus, a#skip:active {
	position: static !important;
	clip: auto;
	overflow: visible;
	height: auto;
}
.visually-hidden {
	height: 1px;
	position: absolute;
	text-indent: -300000px !important;
}


.skip {
height: 1px;
margin-top: -19px;
text-indent: -3000px;
position:absolute;
} /* ADA Compliant Stuff *FIS*/
.skip_text {height: 1px;position: absolute;text-indent: -300000px !important;} /* ADA Compliant Stuff *FIS*/
.skiptext {height: 1px;position: absolute;text-indent: -300000px !important;} /* ADA Compliant Stuff *FIS*/

p.skip {padding: 0;margin: 0px;} 







/* fixes weird space generic3 adds to the right of the site  */
@media (max-width:1023px) {
.wsc_generic_skin {
	overflow: hidden;
}
	/* ******* Misc ******* */

.modal-backdrop {
	/* bug fix - no overlay */    
	display: none;
}
/* ******* DNN Mods ******* */

/* adds fis logo into the black admin bar  */
.ServiceIcon.professional {
	background: url(../img/fis_logo.png) no-repeat;
	margin-top: 6px;
	border: none;
	border-bottom: none !important;
}

}



/* --###############################--- RESPONSIVE ##############################-----  */
/* --###############################--- RESPONSIVE ##############################-----  */
/* --###############################--- RESPONSIVE ##############################-----  */
/************************************************************************************/





/* Desktops and laptops ----------- */
/* Desktops and laptops ----------- */
/* Desktops and laptops ----------- */
@media only screen  and (min-width : 1024px) {

.menu_wrap .nav li a {padding: 24px 40px 22px!important;}
.carousel-caption {left: 11%;right:40%;padding-top: 90px;}


#dnn_ThirdLeftSection3, #dnn_ThirdMiddleSection3, #dnn_ThirdRightSection3 {padding-left: 30px;padding-right: 30px;}

.ColorPanes2 {padding-top:40px;}


}

/************************************************************************************/



/* Very Large screens ----------- */
/* Very Large screens ----------- */
/* Very Large screens ----------- */
@media only screen  and (min-width : 1324px) {

.carousel-caption {padding-top: 150px;}
.rotatorMedWhite {font-size: 2.75em;padding-bottom: 15px;}
.rotatorLargeWhite {font-size:4em;padding-bottom:20px;}
.rotatorLargeBlack {font-size:4em;padding-bottom:20px;}
.rotatorSmWhite {width:100%;font-size: 1.4em;}



}

/************************************************************************************/



/********* IPAD PORTRAIT ******** IPAD PORTRAIT ******* IPAD PORTRAIT ***************/
/********* IPAD PORTRAIT ******** IPAD PORTRAIT ******* IPAD PORTRAIT ***************/
/********* IPAD PORTRAIT ******** IPAD PORTRAIT ******* IPAD PORTRAIT ***************/
/********* IPAD PORTRAIT ******** IPAD PORTRAIT ******* IPAD PORTRAIT ***************/
/********* IPAD PORTRAIT ******** IPAD PORTRAIT ******* IPAD PORTRAIT ***************/

/* =================== iPad portrait ============================ */
/*  iPad Portrait */
@media only screen 
  and (min-device-width: 768px) 
  and (max-device-width: 1024px) 
  and (orientation: portrait)  {


.fa {font-size:2.3em;}/*  makes hamburger menu lines bigger */
.logo {margin: 35px auto 0;} /*  adds more margin above the logo */
#topPane {width: 220px;float: none;margin-top: -20px;margin-left: -15px;} /* moves the login button into posittion */
#login-form {left: 40px;}
.ctaStyle {min-height: 400px;padding: 10px 30px!important;} /*  forces 3 boxes to be equal height on iPad */
.ctaStyle h4 {line-height: 23px!important;font-size: 1.1em!important;}
.mobileLeft h2 {font-size: 2em!important;}
.mobileLeft h4 {font-size: 1em!important;line-height: 21px!important;}
.mobileLeft .c_head {margin-top: 60px;}

.footerLinks li { margin: 0px 12px 0px 12px;}

#dnn_leftContent, #dnn_leftContent2{margin-right:0;}


/*  Menu Active Item Color */
nav.main_menu.collapse.in ul li, nav.main_menu.collapsing ul li {background-color: #fff;}
.wsc-content-dark .menu_wrap .nav > li.active {background-color: #e6f1e8!important;}
.menu_wrap .nav > li.active > a {background-color: #e6f1e8!important;}

/*  Menu Dropdown Background Color */
.menu_wrap .nav > li.active {background-color: #e4e8e5!important;}
.navbar-toggle {top: 35px;}
.menu_minimal .menu_wrap .nav > li.active > a {border-bottom:none!important;}


#dnn_WideSection1 {padding: 40px 0 35px 0;}

.ColorPanes2 {padding: 0 0 20px 0;}
/* Slider */
.rotatorLargeWhite {font-size: 1.9em;margin-bottom:0px;float: left;}
.rotatorLargeBlack {font-size: 1.9em;float: left;clear:right;margin-bottom: 7px;margin-top: -3px;}
a.rotatorButton {padding: 8px 22px;font-size:0.9em!important;clear: both;margin-top: 1px;}
.carousel-caption {padding-top: 40px;left: 10%;}
.carousel-control.left {margin-left: -20px;}


/* Sidebar Menu */
.sidebarMenuLink {padding-top: 6px;padding-bottom: 4px;font-size: 0.9em;}
#dnn_leftContent {padding: 21px 28px;}

#leftContentColumn {display:none;}


/* Subpage */
.subPagePadding {padding-top: 45px;}


/* Home */
#dnn_Narrow25Section2 h3,
#dnn_Narrow50Section2 h3,
#dnn_Narrow75Section2 h3,
#dnn_Narrow100Section2 h3 {
	font-size: 1.4em !important;
}
/* Home */
#dnn_Narrow25Section2 img,
#dnn_Narrow50Section2 img,
#dnn_Narrow75Section2 img,
#dnn_Narrow100Section2 img {
margin-top: 25px;width: 100px;
}
/* Home */
.ctaStyle {margin: 20px 0!important;}

/* Home */
#dnn_WideSection1 p {font-size: 0.8em!important;margin-left: 30px;}





}
/*  ------end iPad Portrait */


/************************************************************************************/

/********* IPAD LANDSCAPE ******** IPAD LANDSCAPE ******* IPAD LANDSCAPE ***************/
/********* IPAD LANDSCAPE ******** IPAD LANDSCAPE ******* IPAD LANDSCAPE ***************/
/********* IPAD LANDSCAPE ******** IPAD LANDSCAPE ******* IPAD LANDSCAPE ***************/
/********* IPAD LANDSCAPE ******** IPAD LANDSCAPE ******* IPAD LANDSCAPE ***************/
/********* IPAD LANDSCAPE ******** IPAD LANDSCAPE ******* IPAD LANDSCAPE ***************/
@media only screen 
  and (min-device-width: 768px) 
  and (max-device-width: 1024px) 
  and (orientation: landscape)  {


.footerLinks li {margin: 0px 30px 0px 30px;}
#topPane {
    float: right;
    margin-top: 17px;
}

/* Main Menu Padding Between Items */
.menu_wrap .nav li a {padding: 24px 25px 22px!important;}


/* Slider */
.rotatorLargeWhite {font-size: 2.3em;margin-bottom:0px;float: left;}
.rotatorLargeBlack {font-size:2.3em;float: left;clear:right;margin-bottom: 7px;margin-top:1px;}

.carousel-caption {padding-top:90px;left: 10%;}
.carousel-control.left {margin-left: -20px;}




}
/*  ------end iPad Landscape */

/************************************************************************************/


/********* SMARTPHONES ********** SMARTPHONES ************ SMARTPHONES *******************/
/********* SMARTPHONES ********** SMARTPHONES ************ SMARTPHONES *******************/
/********* SMARTPHONES ********** SMARTPHONES ************ SMARTPHONES *******************/
/********* SMARTPHONES ********** SMARTPHONES ************ SMARTPHONES *******************/
/********* SMARTPHONES ********** SMARTPHONES ************ SMARTPHONES *******************/


/* Smartphone Portrait and Landscape */
@media only screen 
  and (min-device-width: 320px) 
  and (max-device-width: 667px)  { 

#dnn_dnnLOGO_hypLogo {padding-top:20px;}
.fa {font-size: 2em;}/*  makes hamburger menu lines bigger */

/*#topPane {margin-top: -175px;position: absolute;margin-left: 30px;}*/

.navbar-toggle {float:none;z-index: 99;}
.wsc-offscreen-toggle {display: none!important;}
.footerLinks li {display: block;text-align: center!important;margin-right:0;}
#footer h5 {text-align: center!important;}
#dnn_FooterLogos {text-align: center;}
#dnn_FooterLogos img {float: none;}
.copyright {text-align: left;}

.menu_bottom #floating-logo .logo a {float: none;}

#leftContentColumn {display: none;}

/*  Menu Active Item Color */
nav.main_menu.collapse.in ul li, nav.main_menu.collapsing ul li {background-color: #fff;}
.wsc-content-dark .menu_wrap .nav > li.active {background-color: #e6f1e8!important;}
.menu_wrap .nav > li.active > a {background-color: #e6f1e8!important;}
/*  Menu Dropdown Background Color */
.menu_wrap .nav > li.active {background-color: #e4e8e5!important;}

/*  Slider */
.carousel-indicators {display: none;}
.carousel-inner>.item>img{/*opacity: 0.4;*/}
.rotatorLargeWhite {font-size:2em;line-height: 34px;}
.rotatorLargeBlack {line-height: 34px;font-size: 2.1em;}

/*  Makes the carousel slider taller */
.carousel-inner>.item>img, .carousel-inner>.item>a>img {height:270px;}
a.rotatorButton {
    padding: 13px 25px;
    font-weight: 600!important;
    background-color: rgba(255, 255, 255, 0.9);
	margin: 0px 15px 0 0;
   border: 1px solid #fff;
}

/*  Login */
#login-form {left: 40px;}

.ColorPanes3 .row {margin-left:0;margin-right:0;}



#dnn_WideSection1 p {background-image:none;font-size: 0.95em!important;padding: 10px;line-height: 31px;}
/*  Slogan Homepage */
#dnn_WideSection1 {
    padding: 30px;
    font-size: 2.1em!important;
    margin-top: 0px;

}

#dnn_BottomSection3 {margin-top: 0px;margin-bottom: 45px;line-height: 39px;}


}
/*  ------end Smartphone Portrait and Landscape */

/************************************************************************************/
/* ******* Misc ******* */
@media screen and (max-width: 1199px) and (min-width: 1025px) and (orientation: landscape) {
.menu_wrap .nav li a {padding: 24px 26px 22px!important;}

}


/************************************************************************************/
/* Smartphone Landscape Only */
@media screen and (max-width: 812px) and (min-width: 375px) and (orientation: landscape) {
/*#topPane {margin-top:-30px!important;margin-right: 140px!important;float: right!important;} */
#topPane {top:-50px!important;margin-right: 140px!important;float: right!important;position:relative;}

.navbar-toggle {float: right!important;font-size:1.5em;}
/* Main Menu Padding Between Items */
.menu_wrap .nav li a {padding: 8px 25px!important;}
.footerLinks li {margin-left: 0!important;margin-right: 0!important;}

}


/* Smartphone Landscape Only */
@media screen and (max-width: 991px) and (min-width: 768px) and (orientation: landscape) {
#dnn_leftContent, #dnn_leftContent2 {display: none;}

}


/* S10 ?? */
@media only screen and (min-width: 914px) and (orientation: landscape) { 
#topPane {top: -10px!important;}
}



/* Smartphone Portrait Only */
@media screen and (max-width: 667px) and (min-width: 320px) and (orientation: portrait) {

#topPane {margin-top: -175px;margin-left: 30px;position: absolute;}
}


/************************************************************************************/
/* Galaxy Tablet S6 */
@media only screen
  and (min-device-width: 668px)
  and (max-device-width: 767px)
  and (orientation: portrait)
  and (-webkit-min-device-pixel-ratio: 1) {

.navbar-toggle {z-index: 99;}
#topPane {margin-top: -80px;margin-right: 130px;}
#leftContentColumn {display:none;}
.footerLinks li {text-align: center;margin:0;}
#footer h5 {text-align: center!important;}
#login-form {left: 40px;}

}





/************************************************************************************/

/* 15 Laptop Width */
@media screen and (max-width: 1399px) and (min-width:1324px) and (orientation: landscape) {
.rotatorLargeWhite {font-size:3em;}
.rotatorLargeBlack {font-size:3em;}
.carousel-caption { padding-top:75px;}

}

/************************************************************************************/
/* iPad Pro 12.9 */
@media only screen 
  and (min-device-width: 1024px) 
  and (max-device-width: 1366px)
  and (-webkit-min-device-pixel-ratio: 2) {
.menu_wrap .nav li a {padding: 24px 25px 22px!important;}
#topPane {float: right;margin-top: 35px;}
.footerLinks li {margin: 0;}


}
/*  ------end iPad Pro */

.top-bar-left{ 
    text-align:left;
}
.language-object, .top-bar-right{
    text-align:right;
}

 a.language,  a.language:visited {
    color:white!important;
    text-decoration:none;
}

 a.language:hover,  a.language:active {
    color:#eee6d9!important;
    text-decoration: underline!important;
}


#main-content {
    background-color:white;
    
}


/* ---- calcs ---- */
#tvcTabsDiv {
  display: block;
  float: left;
  width: 100%;
  position: relative;
  left: 15px;
  z-index: 1;
}
button.tvcTab {
  position: relative;
  border-collapse: collapse;
  border-style: solid;
  border-color: #0A4938;
  padding: 3px 1em 2px 1em;
  margin-right: 3px;
  font-family: arial;
  text-decoration: none;
  float: none;
  color: white;
  background: #0A4938;
  -webkit-border-radius: 5px 5px 0 0;
  -moz-border-radius: 5px 5px 0 0;
  border-radius: 5px 5px 0 0;
}
@media screen and (max-width: 576px) {
  button.tvcTab {
    padding: 1px;
    margin-right: 1px;
  }
}
button.tvcTab:hover {
  background: white;
  color: black;
}
button.tvcSelectedTab {
  position: relative;
  padding-top: 6px;
  margin-top: 1px;
  color: black;
  border-top: solid 3px #0A4938;
  border-bottom: solid 1px white;
  background: white;
  -webkit-border-radius: 5px 5px 0 0;
  -moz-border-radius: 5px 5px 0 0;
  border-radius: 5px 5px 0 0;
}
@media screen and (max-width: 576px) {
  button.tvcSelectedTab {
    padding-top: 2px;
  }
}
.cTimeValue .panel {
  position: relative;
  border: solid 1px #0A4938;
  background-color: white;
  padding: 5px;
  height: auto;
  overflow: auto;
  display: none;
  z-index: 0;
  top: -1px;
  -webkit-border-radius: 8px;
  -moz-border-radius: 8px;
  border-radius: 8px;
    margin-bottom:20px;
}
.cTimeValue .selectedPanel {
  display: block;
  padding: 2%;
}
.cTimeValue H2 {
  font-size: 2em !important;
}
.cTimeValue H3 {
  font-size: 1.75em !important;
}
.cTimeValue li {
  margin-bottom: 5px;
  margin-left: 20px;
}
.cTimeValue p{
    margin-bottom:0!important;
}
.cTimeValue .TextInput, .cTimeValue .tvcInputPClass, .InputContainer select {
  font-size: 1em !important;
}
.InputContainer label {
  font-size: 1em !important;
}
#tvcAllFieldsRequiredId {
  color: #ff0000;
}
input.tvcPercentOrDollarInputClass, input.tvcMonthsOrYearsInputClass, input.tvcPaymentOrTermInputClass {
  display: inline-block;
  width: 100% !important;
  font-size: 1em !important;
}
#COMPUTE { /* made the compute button match BS4 btn-primary  */
  color: #fff !important;
 font-family: "Lato", sans-serif;
  font-size: .9em !important;
  font-weight: 700;
  text-decoration: none;
  background-color: #00331A !important;
  width: auto !important;
  height: auto !important;
  display: block;
  margin: 10px!important;
  padding: .375rem 1.75rem !important;
  border-radius: .25em !important;
  border: 1px solid #00331A !important;
  background-image: url('../img/speck.png') !important; /*this is a 1x1 transparent pixel. */
}
#COMPUTE:hover {
  background-color: #000 !important;
  border-color: #000 !important;
  text-decoration: underline !important;
}
.cTimeValue .answer, .cTimeValue .Summary {
 color: #00331A !important;   
}
#dnn_ContentPane .cTimeValue ul li {
    margin-bottom:0!important;
}