.atm-branch{background:#66a593; width:100%; color:#fff!important; font-family:"futura-pt-condensed",sans-serif; box-shadow: 0 0 4px 1px rgba(5,5,5,0.3); position:relative;}
.atm-branch .title{font-size:2.5em; line-height:1em; text-transform:uppercase; text-align:center; padding-top: 10px;}
.atm-branch .form-container{font-size:1.5em; margin-top:15px; text-align:center; padding-bottom: 10px;}
.atm-branch .form-container label{font-weight:100!important; font-family:"futura-pt-condensed",sans-serif;}
.atm-branch .form-container a{color:#fff600; text-decoration:underline;}
.atm-branch .form-container input[type="text"]{padding:0 7px; width:100%; box-shadow: 0 0 4px 0px rgba(0,0,0,0.5); border:0; background-color:#bad6ce;}
.atm-branch .form-container input[type="submit"]{width:100%; text-shadow:0 0 4px #3C3C3C;  background:#c46a1a; color: #FFF; border-radius:5px 5px 5px 5px; border:none; padding:0; box-shadow: 0 0 4px 0px rgba(0,0,0,0.5); cursor:pointer;}
.atm-branch .form-container input[type="submit"]:hover{background:#9FB953;}
.atm-branch span{color:#fff600;}

.nav-pill-wrapper{text-align: center;}
.navbarcarousel{background: #004173; text-align: center; color:#FFFFFF; padding:15px; font-size: 1.2em}
.navbarcarouselcontent p{margin: 0; display: inline; }
.navbarcarouselcontent em{color:#E7ED00; font-size: 1.8em; }
.rotatingcarouselbutton{background: #c46a1a; display: inline-block; padding: 5px 30px; border-radius: 10px; margin-left: 25px; font-size:.9em;}
.rotatingcarouselbutton:hover{text-decoration: none; background: #9C5414}
.rotatingcarouselbutton p{margin: 0; color: #FFFFFF}
#rates-slides-wrapper{padding: 50px 0 0;}
#rates-slider .nav a small{display:block;}
#rates-slider .nav-justified > li {width:auto;}
#rates-slider .nav-justified > li > a{border-radius:0px;}
#rates-slider .nav-pills > li{position:relative; font-size:1.7em; text-transform:uppercase; line-height:2; font-family:"futura-pt-condensed",sans-serif;}
#rates-slider .nav-pills > li img{margin-right:15px;}
#rates-slider .nav-pills > li a{color:#ffffff;}
#rates-slider .nav-pills > li a:hover{background:none; color:#eee;}
#rates-slider .nav-pills > li.active > a{color:#ffffff!important; background:#a2b751; background:-moz-linear-gradient(top, #a2b751 0%, #81933a 100%); background:-webkit-linear-gradient(top, #a2b751 0%,#81933a 100%); background:linear-gradient(to bottom, #a2b751 0%,#81933a 100%); filter:progid:DXImageTransform.Microsoft.gradient( startColorstr='#a2b751', endColorstr='#81933a',GradientType=0 );}
#rates-slider .carousel-caption{text-align:left; text-shadow:none!important;color:#363636; position: relative;}
#rates-slider .carousel-caption .row:last-child{text-align: center;}
#rates-slider .carousel-indicators li{border :1px solid #ccc;} 
#rates-slider .carousel-control{color:#C82730; top:35%;background:transparent;border-radius:50%; width:150px; height:150px; font-size:4em;opacity:1;} 
#rates-slider .carousel-control.left{left:-80px;}
#rates-slider .carousel-control.right{right:-80px;}
#rates-slider .carousel-control.left em{position:absolute; right:20px; top:45px;}
#rates-slider .carousel-control.right em{position:absolute; left:20px; top:45px;}
#rates-slider .carousel-control:hover, #rates-slider .carousel-control:focus{color:#285387;} 
#rates-slider .carousel-control.left, #rates-slider .carousel-control.right{background-image:none;} 
.carousel-caption{position:absolute; right:0; bottom:20px; left:0; z-index:10; padding-top:20px; padding-bottom:20px; color:#fff;}

.chart{display:inline-block; height:200px; margin:0 auto; padding: 0; text-align: center;}
.chart li{position:relative; display:table-cell; vertical-align:bottom; height:200px;min-width: 50px;}
.chart .left{margin:0 0.4em; display:block; animation:draw 900ms cubic-bezier(0.68, -0.55, 0.265, 1.55);}

.chart .red{background:#d01a29;}
.chart .light-red{background:#eda6ac;}
#rates-slider .red-bubble{fill:#d01a29;}
.chart .orrange{background:#f8a42b;}
.chart .light-orrange{background:#fcdcad;}
#rates-slider .orrange-bubble{fill:#f8a42b;}
.chart .blue{background:#0f5884;}
.chart .light-blue{background:#a2becf;}
#rates-slider .blue-bubble{fill:#0f5884;}
.chart .green{background:#9EBB4D;}
.chart .light-green{background:#e1edc0;}
#rates-slider .green-bubble{fill:#9EBB4D;}
#rates-slider .rates-container{padding-bottom:10px!important; padding-top:45px!important;  color:#ffffff;}
.rates-container svg{width: 250px; display: block;;}
#rates-slider .rates-container .title{position:absolute; margin: auto;left:0; right:0; top:2%;font-size: 1em; color: #0e5685;}
#rates-slider .rates-container .icon{position:absolute; margin: auto;left:0; right:0; top:12%;font-size: 2.5em;}
#rates-slider .rates-container .text{position:absolute; margin: auto;left:0; right:0; top:26%;font-size: .7em;text-transform: uppercase;line-height: 1;}
#rates-slider .rates-container .amount{position:absolute; margin: auto;left:0; right:0; top:32%;font-size: 1.7em;font-weight: 900}
.chart .left:before{position:absolute; color:#505050; font-family:"futura-pt-condensed",sans-serif; text-shadow:none; font-size:1.2em; line-height:1.2; 
padding:10px;; right: 100%; bottom: 0; width:105px; margin-right: -0.4em; display:block; text-align:center; content:attr(title); word-wrap:break-word;}
.chart .right{margin:0 0.4em; display:block; animation:draw 900ms cubic-bezier(0.68, -0.55, 0.265, 1.55);}
.chart .right:before{position:absolute; color:#505050; font-family:"futura-pt-condensed",sans-serif; text-shadow:none; font-size:1.2em; line-height:1.2; 
width:105px; display:block; text-align:center; content:attr(title); word-wrap:break-word; left: 100%; bottom: 0; margin-left: -0.4em; padding: 10px ;}
 @keyframes draw{
  0%{height: 0%;
  }
}

.rates-buttons{width: 60%; display: block; margin: auto; margin-top: 15px; text-decoration: none; color:#FFFFFF; font-size: 1.5em}
.rates-buttons:hover{text-decoration: none; color:#FFFFFF}
.rates-buttons p{margin: 0}
.rates-buttons .orange{background: #f8a42b; padding: 10px 0;  border-radius: 10px}
.rates-buttons .orange:hover{background: #DE8607}
.rates-buttons .red{background: #d01a29; padding: 10px 0;  border-radius: 10px}
.rates-buttons .red:hover{background: #A91521}
.rates-buttons .blue{background: #0f5884; padding: 10px 0;  border-radius: 10px}
.rates-buttons .blue:hover{background: #0B4568}

.homepage-news{margin-bottom:50px; padding-bottom:50px; background:#e8e8e8; width:100%; color:#fff!important; font-family:"futura-pt-condensed",sans-serif; }
.homepage-news .container .row > .title{margin-top:30px; margin-bottom:30px; border-bottom:1px solid #0f5884; font-size:3em; line-height:1.5em; text-align:center;}
.homepage-news .container .row > .title a{color:#0f5884;}
.homepage-news .news-item{text-align:center; display:block;padding-bottom:40px;}
.homepage-news .news-item a{text-decoration:none;}
.homepage-news .news-item .title{color:#d01a29; font-size:1.7em;}
.homepage-news .news-item .title:hover{text-decoration:underline;}
.homepage-news .news-item .date{color:#66a593; font-size:1.2em;}
.homepage-news .news-item .lead{color:#333; font-size:1em; font-family:"futura-pt",sans-serif; font-style:normal; font-weight:400;}
.homepage-news .news-item .link{background:#d01a29; color:#fff; font-size:1.8em; position:absolute; padding-top:5px; padding-bottom:5px; bottom:0; left:15px; right:15px;}
.homepage-news .news-item .link:hover{background:#A11517;}
.hover-img{overflow:hidden; position:relative; width:100%;}
.hover-img img{left:0; position:relative; top:0; width:100%;}
.hover-img .ovrly{background:rgba(0, 0, 0, 0.5); height:100%; left:0; moz-transition:all 0.3s; opacity:0; o-transition:all 0.3s; position:absolute; top:0; transition:all 0.3s; webkit-transition:all 0.3s; width:100%;}
.hover-img .buttons{left:50%; moz-transform:translate(-50%, -50%); ms-transform:translate(-50%, -50%); o-transform:translate(-50%, -50%); position:absolute; top:50%; transform:translate(-50%, -50%); webkit-transform:translate(-50%, -50%);}
.hover-img .buttons .fa{background:rgb(256, 256, 256); border-radius:50%; box-shadow:0 0 1px rgba(0, 0, 0, 0.3); color:transparent; display:inline-block; font-size:16px; height:40px; line-height:40px; moz-border-radius:50%; moz-box-shadow:0 0 1px rgba(0, 0, 0, 0.3); moz-transform:scale(0); moz-transition:-moz-transform 0.3s, opacity 0.3s; ms-transform:scale(0); opacity:0; o-transform:scale(0); o-transition:-o-transform 0.3s, opacity 0.3s; position:relative; text-align:center; text-decoration:none; transform:scale(0); transition:transform 0.3s, opacity 0.3s; webkit-border-radius:50%; webkit-box-shadow:0 0 1px rgba(0, 0, 0, 0.3); webkit-transform:scale(0); webkit-transition:-webkit-transform 0.3s, opacity 0.3s; width:40px;}
.hover-img:hover .buttons .fa{color:rgba(0, 86, 184, 1); moz-transform:scale(1); ms-transform:scale(1); opacity:1; o-transform:scale(1); transform:scale(1); webkit-transform:scale(1);}
.hover-img:hover .ovrly{opacity:1;}

.community-title{font-family:"futura-pt-condensed",sans-serif; color:#d01a29; text-transform:uppercase; line-height:1; font-size:2.5em; }
.community-button-container{text-align:center;}
.community-button{font-family:"futura-pt",sans-serif; font-style:normal; font-weight:400; font-size:1.1em; color:#ffffff; background-color:#0f5884; padding-left:30px; padding-right:30px; padding-top:7px; padding-bottom:7px; margin-top:3px;}
.community-footer{color:#0f5884; font-size:1.3em;}

.sidebar-widget{background:#d2d2d2; text-align:center; padding:15px; padding-top:0px;overflow:hidden; margin-bottom: 20px;}
.sidebar-widget h2{background:transparent; text-align:center; padding-top:10px!important; padding-bottom:10px!important;}
.homepage_promotion{background:#fff; display:block;padding:15px!important;}
.homepage_promotions_navigation{display:none;}

.datatrackiframe{height: 150vh; width: 100%; border: none; display: block; overflow: hidden}

.car-holder{margin: 0 auto;}

/**.navbarcarouselcontent,#myCarousel{display: none;}**/
.static-bar{
    background: #004173;
    text-align: center;
    color: #FFFFFF;
    padding: 10px;
    font-size: 1.2em;
}
.static-bar p{margin: 0;
display: inline;}
@media only screen and (min-width: 768px){
	#rates-slider .nav-pills > li{width: 49%; display: inline-block; float: left; }
	.content_area_left_alt h2, .content_area_left_alt .h2 {text-align:center!important;}
	.atm-branch .form-container .no-gutter{padding-left:0;}
	.homepage-news .news-item .title{margin-top:15px;}
	.row-eq-height {
	  display: -webkit-box;
	  display: -webkit-flex;
	  display: -ms-flexbox;
	  display:         flex;
	}
}
@media only screen and (min-width: 768px){
	.datatrackiframe{height: 180vh}
}

@media only screen and (min-width: 992px){
	.chart{display:table;table-layout:fixed;width:45%;height:200px;margin:0 auto;}
	.chart .left:before,
	.chart .right:before{width: 90px;}
	.datatrackiframe{height: 160vh}
}

@media only screen and (min-width: 1200px){
	.datatrackiframe{height: 150vh}
	#rates-slider .nav-pills > li{width: auto; float: none;}
	#rates-slider .nav-pills > li.active:after{top:100%; left:50%; border:solid transparent; content:" "; height:0; width:0; position:absolute; pointer-events:none; border-color:rgba(129, 147, 58, 0); border-top-color:#81933a; border-width:30px; margin-left:-30px; z-index:9000;}
	.chart .left:before,
	.chart .right:before{width: 105px;}
}


@media only screen and (max-width: 768px){
	.homepage-news{padding:0 15px;}
	.datatrackiframe{height: 240vh}
	.rotatingcarouselbutton{display: block; margin: auto; width: 60%;}
	.atm-branch .title {margin-top:20px; line-height:1; font-size:2em;}
	.atm-branch .form-container input[type="text"]{margin-bottom:15px;}
	.homepage-news .news-item{margin-bottom:50px;}
	.homepage-news .news-item .title{margin-top:7px;}

}