/*

Theme Name: ValuePlus Financial Base Theme

Theme URI: http://www.designprefect.com

Author: Team Design Prefect

Author URI: http://www.designprefect.com
Version: 1.0


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

html, body{overflow-x:hidden;}


/* Divs having common properties
---------------------------------------- */
h1, h2, h3, h4, h5, h6 /*{font-family: 'Lato', sans-serif;}*/ {font-family:Verdana, Geneva, sans-serif;}
p{/*font-family: 'Lato', sans-serif;*/font-family:Verdana, Geneva, sans-serif;}
.clear{ clear:both;}
.height10{ height:10px;}
.height20{ height:20px;}
.padding1pr-top{ padding-top:1%;}
.padding1pr{ padding-top:1%; padding-bottom:1%;}
.padding2pr{ padding-top:2%; padding-bottom:2%;}
.padding3pr{ padding-top:3%; padding-bottom:3%;}
.padding4pr{ padding-top:4%; padding-bottom:4%;}
.padding5pr{ padding-top:5%; padding-bottom:5%;}
.padding6pr{ padding-top:6%; padding-bottom:6%;}
.padding7pr{ padding-top:7%; padding-bottom:7%;}
.padding8pr{ padding-top:8%; padding-bottom:8%;}
.padding9pr{ padding-top:9%; padding-bottom:9%;}
.padding10pr{ padding-top:10%; padding-bottom:10%;}
.breadcrumb {    background: rgba(0, 0, 0, 0.8) !important;}
.breadcrumb a{ color:#fff !important;}
.breadcrumb a:hover{ color:#ffd700 !important;}
.nopadding { padding:0px;}

@font-face {
  font-family: 'ZurichBT-BlackExtended';
  src: url('fonts/ZurichBT-BlackExtended.eot?#iefix') format('embedded-opentype'),  url('fonts/ZurichBT-BlackExtended.woff') format('woff'), url('fonts/ZurichBT-BlackExtended.ttf')  format('truetype'), url('fonts/ZurichBT-BlackExtended.svg#ZurichBT-BlackExtended') format('svg');
  font-weight: normal;
  font-style: normal;
}


/* Header
---------------------------------------- */
.header_bg{background-color: #0c4e77;}
.text-center .img-responsive { display:inline-block !important;}
.frame-center .img-responsive { display:inline-block !important; width:100% !important;}


/* Navigation
---------------------------------------- */
.navi_bg {background-color: #1378cd;}
.navi_bg ul.navbar-nav { margin:0 auto; display:inline-block; text-align:center; width:100%;}
.navi_bg li {background:url(images/seprater.png) no-repeat center right; float:none; display:inline-block; padding-left:30px; padding-right:30px;}
.navi_bg li:last-child { background:none;}
.navi_bg li a {color:#fff; text-decoration:none; font-size:12.5pt; text-decoration:none; text-transform:uppercase;font-family: 'Lato', sans-serif;}

.navi_bg li a:hover {color:#000; text-decoration:none; background: none;}
.navbar-default { background:none !important; border-color: transparent !important;}

.navbar-default .navbar-nav>.active>a, .navbar-default .navbar-nav>.active>a:focus, .navbar-default .navbar-nav>.active>a:hover { color:#fff !important; background-color:transparent !important;}
.navbar-default .navbar-nav>li>a  { color:#fff !important;}

.navbar-default .navbar-nav>li>a:hover  { color:#000 !important;}

.nav>li>a {padding: 10px 5px !important;}


/* Slider
---------------------------------------- */
.carousel-control, .carousel-control:focus, .carousel-control:hover { background:none !important;}
.item { text-align:center !important;}
.item img { display:inline-block !important;}


.carousel-fade .carousel-inner .item {
  opacity: 0.3;
  -webkit-transition-property: opacity;
  -moz-transition-property: opacity;
  -o-transition-property: opacity;
  transition-property: opacity;
}
.carousel-fade .carousel-inner .active {
  opacity: 1;
}
.carousel-fade .carousel-inner .active.left,
.carousel-fade .carousel-inner .active.right {
  left: 0;
  opacity: 0;
  z-index: 1;
}
.carousel-fade .carousel-inner .next.left,
.carousel-fade .carousel-inner .prev.right {
  opacity: 1;
}
.carousel-fade .carousel-control {
  z-index: 2;
}

.carousel-inner>.item>a>img, .carousel-inner>.item>img {width: 100%;}

.white-bg {background:#fff;}

.ribbon { background:#1378CD; padding:10px;}
.ribbon h3 { color:#fff; font-size:23pt; text-align:center; font-weight:700;margin-top: 10px;margin-bottom: 10px; word-spacing:10px;}
.border-line {border:#000 solid 2px;}

.still-image img {width:100%;}



/* Content
---------------------------------------- */

.content_bg{background:#2F55C8;}
.vertical_banner-bg {background: #fff;

/* 
background: #0153bf;
background: -moz-linear-gradient(top,  #0153bf 0%, #1f99b1 100%);
background: -webkit-linear-gradient(top,  #0153bf 0%,#1f99b1 100%); 
background: linear-gradient(to bottom,  #0153bf 0%,#1f99b1 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#0153bf', endColorstr='#1f99b1',GradientType=0 ); */
}

 .custom-sidebar .vertical_banner-bg {width:100% !important;}

/*.vertical_banner-bg img { width: 80%;}*/

/*.vertical_banner-bg img { width: auto; height:auto;}*/

.vertical_banner-bg table {width:100% !important;}

.background-color-green {background:#2f6e1d !important;}


.vertical_banner-bg img {margin-bottom: 20px;margin-top: 10px;}
.right-content {background-color: #fff; padding-bottom:15px;padding-top:15px;}
.right-content h2 { color:#ff0000; font-size:24pt; text-align:center; font-weight:900;padding-top:15px;}
.right-content h3 { color:#fff; font-size:19pt; text-align:center; font-weight:700; word-spacing:1px;padding: 10px; background: #2f55c8;}
.right-content h4 { color:#ff0000; font-size:17pt; text-align:center; font-weight:500;text-transform:uppercase;padding-top:10px;}
.right-content h5 { color:#0000b1; font-size:15pt; text-align:left; font-weight:700;text-transform:uppercase;padding-top:10px;}
.right-content p { color:#010101; font-size:13pt; text-align:left; padding-top:20px;}

.search { background-color:#419fff !important; border:#000 solid 1px; padding:10px;}
.search h2 { color:#003d7b !important; font-size:21pt; text-align:center; font-weight:700;}
.search p { color:#fff !important; font-size:11pt; text-align:center;}


.compare { background-color:#419fff !important; border:#000 solid 1px; padding:10px;}
.compare h2 { color:#003d7b !important; font-size:21pt; text-align:center; font-weight:700;}
.compare p { color:#fff; font-size:11pt; text-align:center;}


.apply { background-color:#419fff !important; border:#000 solid 1px; padding:10px;}
.apply h2 { color:#003d7b !important; font-size:21pt; text-align:center; font-weight:700;}
.apply p { color:#fff; font-size:11pt; text-align:center;}

.right-line {border-right:10px solid #2f55c8; background-color:#fff; }

.menu2 {width: 100% !important;
text-align: left !important;
display: inline-block;}

.subheadline {text-align: left !important;}


.horizon-gold-card {/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ff6d00+0,ffff00+100 */
background: #ff6d00; /* Old browsers */
background: -moz-linear-gradient(top,  #ff6d00 0%, #ffff00 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top,  #ff6d00 0%,#ffff00 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom,  #ff6d00 0%,#ffff00 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ff6d00', endColorstr='#ffff00',GradientType=0 ); /* IE6-9 */ border:#000 solid 1px;
}

.horizon-gold-card h2 { color:#000; font-size:18pt; text-align:center; font-weight:700;padding-top: 10px;}

.horizon-gold-card-content { background-color:#fff; border-bottom:#000 1px solid; border-left:#000 1px solid; border-right: #000 1px solid; padding:10px;margin-bottom: 15px;}

.hgcimg img {width:60%;}

.horizon-gold-card-content p {color:#000; font-size:11pt; text-align:left;}

.horizon-gold-card-content li { list-style:none; padding-left:15px; word-spacing:2px;}

.fa { color:#ff0000; padding-right:4px;}

.btn {padding: 6px 21px !important;}
.btn-primary {background-color: #3a6cb4 !important;border:none !important;}
.btn-warning {background-color: #ffcd1b !important; border:none !important;}

th { font-size:7pt; text-align:center;}

.custom-cards p,.custom-cards td, .custom-cards li, .custom-cards a  { font-family:Verdana, Geneva, sans-serif;}

.custom-cards td {padding: 5px !important;}

.custom-cards td ul {}

.custom-cards td ul li { position: relative; padding-left: 5px; padding-bottom: 4px;}

.custom-cards td ul li::before {
    content: "\f00c";
    font-family: FontAwesome;
    font-style: normal;
    font-weight: normal;
    display:none;
    text-decoration: inherit;
/*--adjust as necessary--*/
    color: #ff0000;
    font-size: 15px;
    padding-right: 0.5em;
    position: absolute;
    top: 0px;
    left: 0;
}

.custom-cards .upper {padding: 6px 1px 6px 1px !important;}

.custom-cards .lower {padding: 5px 0px !important;}

.custom-cards s2, .custom-cards h2 {color: #ff0000 !important;
    font-size: 17pt !important;
    text-align: center !important;
    font-weight: 500 !important;
    text-transform: uppercase !important;
    padding-top: 10px !important;}

hr {border-top: 2px solid #0000b1 !important;}

.shopnow img {width:100%!important;}

.no-padding {padding:0px;}

.bottom-stretch {display: -webkit-box;display: -ms-flexbox;display: flex;-webkit-box-align: stretch;-ms-flex-align: stretch;
            align-items: stretch;-ms-flex-wrap: wrap; flex-wrap: wrap;}


/* Newsletter
---------------------------------------- */
.darkblue-bg{ background:#1378cd;}
.social_section_content h3{ color:#fff; font-size:18pt; font-weight:500; text-transform:uppercase; font-family: 'ZurichBT-BlackExtended';}
.s_text{ width:30%; height:50px; padding:8px 15px; border:none; margin-right:5px; margin-bottom:5px; font-size:15pt; font-weight:300;}
.s_submit{width:25%; height:50px; border:none; background:#fff; font-size:18pt;  margin-right:5px; font-weight:700; color:#1378cd; margin-bottom:5px; font-family: 'ZurichBT-BlackExtended';}
.social_section_content .fa{ margin-right:13px; font-size:27pt; color:#fff !important;margin-top:25px;}

.es_textbox_button {width:156px !important;}



/* posts
---------------------------------------- */

.still ul li{ display:block; width:100%;}
.still ul { display:block; width:100%;}
.still ul li a { padding:5px 10px; font-size:12pt; line-height:2; text-decoration:none; border-bottom:1px solid #e0e0e0;display: block; color:#fff; background-color:#1378cd;}
.still ul li a:hover{/*background:#000;*/ color:#0c4e77;}
.still ul li:last-child a { border:none;}
.still ul { list-style:none; margin:0; padding:0;}
.still ul h3 { background-color:#ff0000; color:#fff;  padding:10px;}

.post h2 {color: #fff;font-size: 15pt;padding: 14px 10px;background: #2f55c8;margin-bottom: 15px;}
.post p {color:#fff;padding-top:10px;}

.still ul li a:before {
    content: "\f138";
    font-family: FontAwesome;
    font-style: normal;
    font-weight: normal;
    text-decoration: inherit;
    color: #fff;
    font-size: 12pt;
    padding-right: 0.5em;
    position: relative;
    top: 0;
    left: 0;
}


.text-left{text-align:left !important;}

.custom-sidebar {padding-bottom: 15px;
padding-top: 15px;}

.custom-sidebar h3 {color: #fff;font-size: 15pt;padding: 14px 10px; background: #2f55c8;    margin-bottom: 15px; text-transform: uppercase;margin-top: 15px;}

.custom-sidebar ul {margin_bottom:15px;}
.blog-btn {margin-bottom: 18px;}

/* footer
---------------------------------------- */

.footer_bg{ background-color:#000;}

.footer_bg p {color:#fff; font-size:12pt; text-align:center;}

.footer_bg a { color:#fff; text-decoration:none;}
.footer_bg a:hover { color:#ff8000;}


.custom_404 {width:100% !important;}




/* Media Querie
---------------------------------------- */

@media (min-width: 1200px) {
	
  
}
@media (min-width: 992px) and (max-width: 1199px) {
.navi_bg li a { font-size:10.5pt !important;}

.right-content h2 {font-size:21pt;}
.right-content h3 {font-size:16pt;}
.right-content h4 {font-size:14pt;}
.right-content p {font-size:11pt;}
	
}

@media (min-width: 768px) and (max-width: 991px) {
.navi_bg li a { font-size:6.5pt !important; padding-right:6px; padding-left:6px;}
.right-content h2 {font-size:18pt;}
.right-content h3 {font-size:14pt;}
.right-content h4 {font-size:11pt;}
.right-content p {font-size:9pt;}

}

@media (max-width: 767px) {
.navi_bg li a { font-size:10pt !important;}
.navi_bg li {background: none; float:left !important; display:block; padding-left:10px; padding-right:10px; width:100%;}
.navi_bg ul.navbar-nav { margin:0 auto; display:block; text-align:left; width:100%;}
.right-content h2 {font-size:17pt;}
.right-content h3 {font-size:13pt;}
.right-content h4 {font-size:11pt;}
.right-content p {font-size:10pt;}
}

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

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