/*

Theme Name: Capital Allied  Bank Website
Theme URL: http://www.ivelin.me
Author: Foundry Digital
Author URI: http://www.foundrydigital.co.uk/
Version: 1.0

*/

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



/*------------ RESET ---------------------------------- */
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed,
figure, figcaption, footer, header, hgroup,
menu, nav, output, ruby, section, summary,
time, mark, audio, video { margin: 0; padding: 0; border: 0; font-size:12px; font-size: 100%; font: inherit; font-family: 'Lato', sans-serif; }
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { display: block; }
body { line-height: 1; }
ol, ul { list-style: none; }
blockquote, q { quotes: none; }
blockquote:before, blockquote:after,
q:before, q:after { content: ''; content: none; }
table { border-collapse: collapse; border-spacing: 0; }
b, strong { font-weight:bold; }
h1 { font-size:24px; }
h2 { font-size:20px; }
h3 { font-size:18px; }
h4 { font-size:16px; }
h5 { font-size:13px; }
h6 { font-size:10px; }
a { color:#000; }
a:hover { color:#000; text-decoration:none; }
a:focus { color:#000; text-decoration:none; }

.background { background:#999; }
.img-center { display:block; margin:auto; }
.padding { padding:0em 0 5em; }
.page img { max-width:100%; height:auto; }

/*------------ RESET END ---------------------------------- */

/*------------ ERROR MESSAGES ---------------------------------- */
.error-message { width:100%; background:#000; color:#fff; clear:both; display:none; }
.error-message p { display:inline-block; color:#fff; padding:1em 0; font-weight:100; width:calc(100% - 50px); padding-left:20px; text-align:justify; }
.error-message a { color:#fff; text-decoration:underline; }
.error-message img { display:inline-block; vertical-align:super; }

/*------------ NAVIGATION ---------------------------------- */
.header { height:100px; width:100%; position:absolute; z-index:99999; top: 0;}
.header-background { background:url('images/header.jpg'); position:relative; }


.logo { float:left; padding-top:35px; }
.nav { display:inline-block; min-height:67px; width:auto; float:right; }
.main-nav ul, .main-nav li { display:inline-block; }
.main-nav a { display:block; padding:61px 14px 14px 14px; text-decoration:none; line-height:25px; font-size:1em; color:#fff; font-weight:100; transition:all 0.2s; -webkit-transition:all 0.2s; }
.main-nav a:hover { background:#b32d33; }
.current-menu-item { background:#b32d33!important; }
.current-page-ancestor { background:#b32d33!important; }

.mobile-nav { float:right; position:relative; display:block; top:2.5em; z-index:99999999; }

.main-nav ul ul a { display:block; width:11em; line-height:40px; padding:10px 20px; }
.main-nav ul li { position:relative; float:left; }
.main-nav ul ul { position:absolute; top:-99999999px; left:0; opacity:0; text-align:left; border:1px solid #000; }
.main-nav ul li:hover > ul { position:absolute; top:100%; opacity:1; }
.mobile-nav { display:none; }

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

footer { background:#fff; color:#fff; margin-top:25px; }
.widget_text { text-align:center; list-style-type:none; font-size:0.8em; font-weight:300; padding:0.55em 0; line-height:1.2em;}
.widget_text h2 { font-size:1em; font-weight:400;}
.widget_text p span { font-weight:400; }
#text3 widgettitle { width:auto; display:inline; }

.R { position:relative; margin-bottom:-50px; }
.footer-bottom { width:100%; height:20px; }
.footer-top { width:100%; }

.background-red { background:#b32d33; min-height:2em; padding:1.5em 0; }
.background-red a { width:100%; color:#fff; font-weight:300; padding-left:0.2em; }
.background-dark-red { background:#93272f; padding:1.4em 0 2.5em;  }

.dotted { border-top:1px dotted #fff; border-bottom:1px dotted #fff; padding:0.85em 0; text-align:center; }
.dotted:hover { border-top:1px solid #fff; border-bottom:1px solid #fff; }

/*------------ SLIDERS    ---------------------------------- */
.fixed-rate-header { height:778px; width:100%; background:url('images/fixedrates-header.jpg'); background-size:cover; background-position:right top;  position:relative; z-index:9; margin-top:-100px;}
.savings-header {  background:url('../../uploads/2015/12/header-saving-home-1694x750.jpg'); background-position:center top; background-size:cover; }
.atms-header {  background:url('images/header-atm.jpg'); background-position:center top; background-size:cover; }
.finance-header {  background:url('images/header-finance.jpg'); background-position:center top; background-size:cover; }
.payments-header {  background:url('images/header-payment.jpg'); background-position:center top; background-size:cover; }


.fixed-rate-header h1 { color:#fff; font-weight:100; font-size:3.4em; line-height:1.4em; text-align:right; }
.fixed-rate-header h2 { color:#fff; font-weight:100; font-size:3.3em; line-height:1.3em;  }
.fixed-rate-header h3 { color:#fff; font-weight:100; font-size:1.8em; line-height:1.3em;}
.fixed-rate-header p { color:#fff; font-weight:100; font-size:0.8em; line-height:1.3em; width:80%; padding-top:0.3em;}
.fixed-rate-header .marginLeft { margin-left:1.8em; }
.fixed-rate-header .buttons { text-align:center; margin-top:2em; }
.fixed-rate-header .buttons .red-btn { color:#fff; background:#b32d33; padding:0.5em 1.4em; clear:both; }
.fixed-rate-header .buttons .red-btn:hover { background:#9b212a; }

.fixed-rate-body { padding-top:1%; }

.circles { text-align:center; margin-top:4em; }
.circles .circle { width:120px; padding:53px 0 63px; max-height:120px; color:#fff; text-align:center; background:rgba(0,0,0,0.5); border:2px solid #b32d33; display:inline-block; vertical-align:middle; font-size:11px; border-radius:50%; text-transform:uppercase; margin:0 0.9em; transition:all 1s; -webkit-transition:all 1s; }
.circles .two-lines { padding:47px 0 65px; }
.circles .three-lines { padding:39px 0 65px; }
.circles .circle:hover { background:rgba(179,45,51,1); }


/*------------ SLIDER    ---------------------------------- */
.flex-control-nav { position:absolute!important; z-index:99999; bottom:46%!important; }
.flex-control-nav li { margin:0 50px!important; padding-bottom:1em!important; }
.flex-control-nav li a.flex-active { border-bottom:2px solid red!important; border-radius:0!important; padding-bottom:6em!important }
.flex-control-nav li a { border-radius:0!important; }
.flex-control-nav span { border:1px solid #fff; padding:0.5em 0.9em; text-transform:uppercase; color:#fff; display:table; margin:auto auto 2.5em auto; }
.flex-control-nav li:nth-child(1) > a { width:127px!important; height:86px!important; background:url('images/icon-onlinebanking.png')!important; background-repeat:no-repeat!important; box-shadow:none!important; }
.flex-control-nav li:nth-child(2) > a { width:54px!important; height:86px!important; background:url('images/icon-saving.png')!important; background-repeat:no-repeat!important; box-shadow:none!important; }
.flex-control-nav li:nth-child(3) > a { width:56px!important; height:86px!important; background:url('images/icon-finance.png')!important; background-repeat:no-repeat!important; box-shadow:none!important; }
.flex-control-nav li:nth-child(4) > a { width:133px!important; height:86px!important; background:url('images/icon-payment.png')!important; background-repeat:no-repeat!important; box-shadow:none!important; }
.flex-control-nav li:last-of-type > a { width:53px!important; height:86px!important; background:url('images/icon-atms.png')!important; background-repeat:no-repeat!important; box-shadow:none!important; }
.flex-control-nav li { opacity:0.85; }
.flex-control-nav li:hover { opacity:1; }

.flex-direction-nav .flex-prev { left:10%!important; top:27%!important; z-index:999999; }
.flex-direction-nav .flex-next { right:10%!important; top:27%!important; z-index:999999; }
.flex-direction-nav li a { width:43px!important; opacity:1!important; height:60%; background-position-y:50%!important; }

/*------------ HOME TEMPLATE    ---------------------------------- */
.home { padding-top:20px; }
.home h1 { font-size:2.5em; color:#666666; text-align:right; line-height:1.3em; letter-spacing:0.045em; width:90%; }
.home p { font-size:1em; color:#666666; line-height:1.2em; margin-top:0.7em; }

.buttons { text-align:left; margin-top:2em; }
.button { padding:0.4em 1em; color:#4c7cb4; border:1px solid #4c7cb4; text-transform:uppercase; margin:0 0.5em;}
.button:first-of-type { margin:0 0.5em 0 0; }
.button:hover { padding:0.4em 1em; color:#fff; border:1px solid #4c7cb4; background:#4c7cb4;  }

/* SLIDE ONE */
.metaslider { margin-top:0px; }
.metaslider .caption-wrap { background:none!important; bottom:15%!important; opacity:1!important; }
.metaslider .caption-wrap .camption .container { position:relative; z-index:9999999; }

.links { text-align:center; }
.links .single { padding:80px 0; }
.links .double { padding:72px 0; }
.links .triple { padding:64px 0; }
.links .link { width:176px; background:rgba(0,0,0,0.6); line-height:16px; font-size:14px; display:inline-block; margin:auto; border-radius:50%; border:2px solid #b32d33; color:#fff; transition:all 0.5s; -webkit-transition:all 0.5s; vertical-align:top; margin:0 1%; }
.links .link:hover {  background:rgba(179,45,51,0.9); }

/*------------ TEMPLATE    ---------------------------------- */
.page { margin-top:50px; }
.fixed-height { height:70px; }

.single h1 { margin-bottom:0em; }
.page h1 { font-size:2.1em; font-weight:100; margin-bottom:1em; line-height:1.4em; }
.page h2 { font-size:1.8em; margin:0.8em 0; line-height:1.4em; }
.page h3 { font-size:1.4em; margin:0.8em 0; line-height:1.4em; }
.page h4 { font-size:1.2em; line-height:1.3em; }
.page h5 { font-size:1.1em; line-height:1.3em; }
.page h6 { font-size:0.7em; line-height:1.2em; }
.page p { line-height:1.55em; font-size:0.9em; }
.page ul { line-height:1.50em; list-style-type:disc; margin-left:1.3em; font-size:0.9em; }
.page a { color:#4c7cb4; vertical-align:top; }
.page a:hover { color:#b32d33; }

.single h1 { margin-bottom:0em; }

.page .date { padding:1em 0; }
.page table { line-height:1.3em; }
.page table tr td { line-height:2em; padding:0.5em 1.4em; color:#4c7cb4; }

.phone, .email, .download-application, .compass { background:url('images/sprites.png'); }
.phone { width:50px; height:66px!important; }
.email { width:70px; height:53px!important; background-position:-45px 2px; }
.download-application { width:58px; height:62px!important; background-position:-115px 0px; }
.compass { width:68px; height:66px!important; background-position:66px 0px; }

.contact-bottom { padding-top:0px; clear:both; }
.contact-bottom img { display:block; margin:auto; }
.contact-bottom p { text-align:center; margin-top:1.2em; width:100%; display:block; color:#58585b; }
.contact-bottom p span { font-size:1.6em; width:100%; display:block; margin-top:0.4em; }

.post-news { padding:1em 0; border-bottom:1px dotted #CCC; }
.post-news p { font-size:0.89em; padding-bottom:1em; }
.post-news h3 { padding:1em 0; margin:0; font-size: 1.2em; }
.post-news span { color:#b32d33; padding:0 0.5em; }
.post-news a { vertical-align:top; }

.news-line { padding:0.5em 0; height:1px; width:100%; border-top:1px solid #ccc; margin-top:1em; }
.news-line-contact { padding:1em 0; height:1px; width:100%; border-top:1px solid #ccc; margin-top:2em; }

/*------------ SIDEBAR    ---------------------------------- */
.sidebar ul { margin:0; font-size:1.05em; }
.sidebar li { list-style-type:none; }
.sidebar ul li { border-bottom:1px solid #cccccb; line-height:2em;  background-image:url('images/menu-arrows-sprite.png'); background-repeat:no-repeat; background-position:right;  }
.sidebar ul li:first-of-type { border-top:1px solid #cccccb; }
.sidebar ul li:hover { background:#3b6294; }
.sidebar ul li:hover > a { color:#fff!important; }
.sidebar ul li a { width:100%; padding-left:0.9em; color:#4c7cb4; display:block; position:relative; font-size:0.9em; }

.sidebar ul li ul li:hover { background:#3b6294!important; }
.sidebar ul li ul li { border-bottom:1px solid #cccccb; background:#fcfcf9; padding:0 0.5em; }
.sidebar ul li ul li.current-page-ancestor { background-color:#fcfcf9!important;  }
.sidebar ul li ul li.current-page-ancestor:hover { background-color:#4c7cb4!important }
.sidebar ul li ul li.current-page-ancestor:hover a { color:#fff; }


.sidebar .menu-item-has-children a { color:#fff; }
.sidebar .menu-item-has-children ul li a { color:#4c7cb4; font-size:0.8em; }

.sidebar .current-menu-item { background-color:#f4efea!important; }
.sidebar .menu-item-has-children { background-color:#4c7cb4!important; border-bottom:none; background-image:url('images/menu-arrows-sprite.png')!important; background-repeat:no-repeat!important;; background-position:96% 13px!important; }
.sidebar .menu-item-has-children .menu-item-has-children { padding:0; background-color:#fcfcf9!important; color:#4c7cb4!important; background-image:none!important;  }
.sidebar .menu-item-has-children .menu-item-has-children a { padding:0 1.5em; }
.sidebar .menu-item-has-children .menu-item-has-children:hover  { background-image:none!important; }

.sidebar .menu-item-has-children .menu-item-has-children:hover a { color:#4c7cb4!important; }
.sidebar .menu-item-has-children .current_page_ancestor  a { color:#4c7cb4!important; }
.sidebar .menu-item-has-children .current_page_ancestor:hover a { color:#fff!important; }
.sidebar .menu-item-has-children .current_page_ancestor ul li:hover < ul li a { color:#4c7cb4!important; }
.sidebar .menu-item-has-children .current_page_item { background-color:#f4efea!important; }

.sidebar ul li ul li.menu-item-has-children:hover { background-color:#3b6294!important; }
.sidebar ul li.menu-item-has-children ul li.menu-item-has-children:hover a { color:#fff!important; }
.sidebar ul li.menu-item-has-children ul li.menu-item-has-children:hover ul li a { color:#4c7cb4!important; }

.sidebar .menu-item-has-children .sub-menu li .sub-menu li { list-style-type:square; list-style-position:inside; background:#f9f8f5; padding:0 1.5em;  color: #4c7cb4; }
.sidebar .menu-item-has-children .sub-menu li .sub-menu li:hover { background:#3b6294 }
.sidebar .menu-item-has-children .sub-menu li .sub-menu li a { padding:0; color:#4c7cb4!important;  display:inline; font-size:13px; }
.sidebar .menu-item-has-children .sub-menu li .sub-menu li:hover > a { color:#fff!important; }

.fscs { display:block; margin-top:35px; }


.wpcf7 { text-align:center; }
.wpcf7 input { width:100%; height:2.3em; margin:0.4em 0; padding:0.5em 1em;}
.wpcf7 textarea { width:100%; width:100%; resize:none; margin:0.4em 0; padding:0.5em 1em; }
.wpcf7 input[type="submit"] { width:20%; margin:auto; color:#fff; background:#b32d33; padding:0.5em 1.4em; clear:both; border:0; text-shadow:none; line-height:1em; }
.wpcf7 input[type="submit"]:hover { background:#9b212a; }


/*------------ INNOVATION    ---------------------------------- */

.page .presentation-intro { margin-bottom:2em; }
.images-container { display:inline-block; margin:auto; }
.light-bulb {cursor:pointer; display:inline-block; width:150px; height:150px; border:2px solid #fff; border-radius:50%; background:rgba(39,93,143,1); position:relative; float:left; margin-top:123px; z-index:99; }
.light-bulb img { display:block; margin:35px auto; max-width:80px; }
.grey-lines { position:absolute; margin-top:113px; z-index:9; margin-left:4em; }
.big-circle { display:inline-block; float:left; margin-left:1em; }
.big-circle-top { position:relative; z-index:99; }
.big-circle-top img { cursor:pointer; }
.big-circle-middle { position:relative; z-index:999; margin-top:-47px; }
.big-circle-middle img { display:block; margin:auto; }
.big-circle-bottom { position:relative;  z-index:99; margin-top:-47px; }

.triangle { display:inline-block; position:relative; margin-top:113px; margin-left:-30px;  z-index:9; float:left;}
.molecule { display:inline-block; width:150px; height:150px; border:2px solid #fff; border-radius:50%; background:rgba(39,93,143,1); position:relative; float:left; margin-top:123px; left:1.4em; }
.molecule img { display:block; margin:35px auto; max-width:90px; }
/*------ right side ------ */
.icon { display:inline-block; background:#9C1B32; border-radius:50%; width:80px; height:80px; }
.icon img { max-width:60px;display:block; margin:auto; padding-top:10px;}
.section-lightbulb , .section-infrastructure , .section-R , .section-molecule { margin:1em 0; }
.section-lightbulb .icon , .section-infrastructure .icon , .section-R .icon , .section-molecule .icon { display:block; margin:auto; }
.section-lightbulb span, .section-infrastructure span, .section-R span, .section-molecule span { display:block; vertical-align:top; margin-top:30px; color:#204981; width:100%; text-align:center;}

.optionone, .optiontwo, .optionthree { cursor:pointer; }
.optionone p, .optiontwo p, .optionthree p{ font-size:0.8em; text-align:center; margin-bottom:1em; padding:0.4em; color:#9C1B32; }
.optionthree p { line-height:3em; }

.section-lightbulb-view { display:none; }
.section-lightbulb-view img { max-width:80%; }

.section-infrastructure-view { display:none; }
.section-infrastructure-view img { max-width:90%; }

.section-lightbulb-text-one, .section-lightbulb-text-two, .section-lightbulb-text-three, .section-lightbulb-text-four { display:none; }
.section-infrastructure-text-one, .section-infrastructure-text-two, .section-infrastructure-text-three, .section-infrastructure-text-four { display:none; }

.section-raphaels-text-one { display:none; }

.logoOne, .logoTwo, .logoThree, .logoFour { cursor:pointer; padding:0.5em 0 0.2em; }
.logo-infrastructure-One, .logo-infrastructure-Two, .logo-infrastructure-Three, .logo-infrastructure-Four { cursor:pointer; padding:0.5em 0 0.2em; }

.back { display:block; float:right; text-align:right; margin-top:0em; }
.img-center { display:block; margin:auto; }
.paddingTop2em { padding-top:2em; }
.no-mobile { display:block; }
.slidedown { position:relative; display:block; margin:auto; margin-top:-8em; margin-bottom:calc(8em - 70px); cursor:pointer; width:30px; opacity:0.7; }
.slidedown:hover { opacity:1; }

.arrowslidedown {  position:relative; display:block; margin:auto; top:4em; cursor:pointer; width:30px; opacity:0.7; }
.arrowslidedown:hover { opacity:1; }
/*------------ TABLE  ---------------------------------- */
.camplaints { width:100%;  }
.camplaints tr td { padding:0.8em!important; font-size:0.8em; border:1px solid #E8E8E8; }

/*------------ PAYMENT PAGE    ---------------------------------- */
.payment-page form { display:block; margin:2.5em 0 0 auto;  }
.payment-page form table { width:100%; display:block; }
.payment-page form table tr { line-height:1em; width:100%; }
.payment-page form table tr td { line-height:1em; padding:6px 1em; }
.payment-page form table tbody { width:100%; display:block; }
.payment-page form table label { display:inline-block; margin:1em 0 10px; font-weight:400; color:rgba(51,51,51,1); vertical-align:top; }
.payment-page form table input, .payment-page form table textarea { outline:none; display:inline-block; border:1px solid #ccc; padding:4px 12px; border-radius:6px; color:rgba(51,51,51,1); width:100%; height:2.1em; vertical-align:top; resize:none; min-width:290px;}
.payment-page form table textarea { height:6em; }
.payment-page form input[type="submit"] { color:#fff; max-width:200px; display:block; background:#b32d33; font-size:13px; border:0; padding:8px 13px; text-transform:uppercase;  margin:1em 0 0 auto; }
.payment-page form input[type="submit"]:hover { background-color:#9b0510; }


@media only screen and (max-width:1200px){
	.optionthree p { line-height:1.5em; }
}


@media only screen and (max-width:1166px){
	.flex-control-nav span { display:none; }
	.links .link { width:100px; padding:34px 0; font-size:12px; }
	.links .single { padding:40px 0; }
	.links .double { padding:34px 0; }
	.links .triple { padding:14px 0; }

	.links .mobile-double { padding:32px 0; }
	.links .mobile-triple { padding:24px 0; }
	.letter-spacing { letter-spacing:0.05em; }
	.slidedown { top:-5em; }


}

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

.fixed-rate-header h1 { text-align:center; }
.fixed-rate-header h2 { text-align:center; }
.fixed-rate-header h3 { text-align:center; }
.fixed-rate-header p { width:100%; text-align:center; }
.logo { padding-top:30px; }
.home { padding-top:1em; }

.metaslider { margin:0; }
.main-nav ul { background:rgba(0,0,0,0.8); }
.main-nav ul li { float:none; width:100%; }
.main-nav ul li a { padding:0.8em 0; text-align:center; }


.main-nav ul ul { position:relative; opacity:1; top:0; border:0; }
.main-nav ul li:hover > ul { position:relative; top:0;}
.main-nav ul ul a { padding: 0 20px 0 40px; width:auto; line-height:50px; }

.mobile-nav { display:block; }
.nav { display:none; position:relative; top:22px; float:none; width:100%; padding:0; }
.fixed-rate-header .marginLeft { margin:0; }
/*------------ PAYMENT PAGE    ---------------------------------- */
.payment-page form table tr td { display:block; }
.payment-page form table label { margin:8px 0 0; }

}
@media only screen and (max-width:882px){
.flex-direction-nav .flex-prev { left:0%!important;}
.flex-direction-nav .flex-next { right:0%!important;}
}
@media only screen and (max-width:790px){
.flex-control-nav { bottom:42%!important; }
.flex-direction-nav .flex-prev { top:35%!important;}
.flex-direction-nav .flex-next { top:35%!important;}

}
@media only screen and (max-width:770px){
.metaslider { margin-top:100px; }
.flex-direction-nav .flex-prev { top:20%!important;}
.flex-direction-nav .flex-next { top:20%!important;}
.home h1 { font-size:1.5em; }
.fixed-rate-header h1 { font-size:2.5em; text-align:center; padding:1em 0; }
.fixed-rate-header h2 { font-size:2em; }
.fixed-rate-header h3 { font-size:1.3em; }
.circles .circle { margin:1em 0.5em; }

.fixed-rate-header { margin:0; }
.fixed-rate-header h1 { width:100%; font-size:1.5em; }
.fscs { margin:30px auto; }
.R { margin-top:-30px; }


.metaslider .caption, .flex-control-nav { display:none; }
.header { background:url('images/header.jpg') }

.no-mobile { display:none; }
}


@media only screen and (max-width:505px){
.triangle { display:none; }
}
@media only screen and (max-width:470px){
.grey-lines { display:none; }
.light-bulb { float:none; margin: 10px auto 0 auto; }
.big-circle { float:none; }
.optionone p, .optiontwo p, .optionthree p{ display:none; }
}
@media only screen and (max-width:400px){
/*------------ PAYMENT PAGE    ---------------------------------- */
.payment-page form table input, .payment-page form table textarea { min-width:200px; }
}

p.formError {
    color: #d36168;
    display: none;
    font-size: 12px;
    margin-bottom: 9px;
}