/*
Theme Name: Stichting SBI
Theme URI: ##
Description: Op maat gemaakt WP Thema - Stichting SBI
Version: 1.0
Author: Webba.nl
Author URI: http://www.webba.nl
*/

@font-face {
	font-family: 'proxima-condensed-semibold-italic';
	src: url('font/ProximaNovaCond-SemiboldIt.eot');
	src: url('font/ProximaNovaCond-SemiboldIt.eot?#iefix') format('embedded-opentype'),
		url('font/ProximaNovaCond-SemiboldIt.woff') format('woff'),
		url('font/ProximaNovaCond-SemiboldIt.ttf') format('truetype'),
		url('font/ProximaNovaCond-SemiboldIt.svg#ProximaNovaCond-SemiboldIt') format('svg');
	font-weight: 600;
	font-style: italic;
}

@font-face {
	font-family: 'proxima-regular-italic';
	src: url('font/ProximaNova-RegularIt.eot');
	src: url('font/ProximaNova-RegularIt.eot?#iefix') format('embedded-opentype'),
		url('font/ProximaNova-RegularIt.woff') format('woff'),
		url('font/ProximaNova-RegularIt.ttf') format('truetype'),
		url('font/ProximaNova-RegularIt.svg#ProximaNova-RegularIt') format('svg');
	font-weight: normal;
	font-style: italic;
}

@font-face {
	font-family: 'proxima-bold-italic';
	src: url('font/ProximaNova-BoldIt.eot');
	src: url('font/ProximaNova-BoldIt.eot?#iefix') format('embedded-opentype'),
		url('font/ProximaNova-BoldIt.woff') format('woff'),
		url('font/ProximaNova-BoldIt.ttf') format('truetype'),
		url('font/ProximaNova-BoldIt.svg#ProximaNova-BoldIt') format('svg');
	font-weight: bold;
	font-style: italic;
}

@font-face {
	font-family: 'proxima-semibold';
	src: url('font/ProximaNova-Semibold.eot');
	src: url('font/ProximaNova-Semibold.eot?#iefix') format('embedded-opentype'),
		url('font/ProximaNova-Semibold.woff') format('woff'),
		url('font/ProximaNova-Semibold.ttf') format('truetype'),
		url('font/ProximaNova-Semibold.svg#ProximaNova-Semibold') format('svg');
	font-weight: 600;
	font-style: normal;
}

@font-face {
	font-family: 'proxima-semibold-italic';
	src: url('font/ProximaNova-SemiboldIt.eot');
	src: url('font/ProximaNova-SemiboldIt.eot?#iefix') format('embedded-opentype'),
		url('font/ProximaNova-SemiboldIt.woff') format('woff'),
		url('font/ProximaNova-SemiboldIt.ttf') format('truetype'),
		url('font/ProximaNova-SemiboldIt.svg#ProximaNova-SemiboldIt') format('svg');
	font-weight: 600;
	font-style: italic;
}

@font-face {
	font-family: 'proxima-extrabold';
	src: url('font/ProximaNova-Extrabld.eot');
	src: url('font/ProximaNova-Extrabld.eot?#iefix') format('embedded-opentype'),
		url('font/ProximaNova-Extrabld.woff') format('woff'),
		url('font/ProximaNova-Extrabld.ttf') format('truetype'),
		url('font/ProximaNova-Extrabld.svg#ProximaNova-Extrabld') format('svg');
	font-weight: 800;
	font-style: normal;
}

@font-face {
	font-family: 'proxima-condensed-light';
	src: url('font/ProximaNovaCond-Light.eot');
	src: url('font/ProximaNovaCond-Light.eot?#iefix') format('embedded-opentype'),
		url('font/ProximaNovaCond-Light.woff') format('woff'),
		url('font/ProximaNovaCond-Light.ttf') format('truetype'),
		url('font/ProximaNovaCond-Light.svg#ProximaNovaCond-Light') format('svg');
	font-weight: 300;
	font-style: normal;
}

@font-face {
	font-family: 'proxima-black';
	src: url('font/ProximaNova-Black.eot');
	src: url('font/ProximaNova-Black.eot?#iefix') format('embedded-opentype'),
		url('font/ProximaNova-Black.woff') format('woff'),
		url('font/ProximaNova-Black.ttf') format('truetype'),
		url('font/ProximaNova-Black.svg#ProximaNova-Black') format('svg');
	font-weight: 900;
	font-style: normal;
}

@font-face {
	font-family: 'proxima-condensed-semibold';
	src: url('font/ProximaNovaCond-Semibold.eot');
	src: url('font/ProximaNovaCond-Semibold.eot?#iefix') format('embedded-opentype'),
		url('font/ProximaNovaCond-Semibold.woff') format('woff'),
		url('font/ProximaNovaCond-Semibold.ttf') format('truetype'),
		url('font/ProximaNovaCond-Semibold.svg#ProximaNovaCond-Semibold') format('svg');
	font-weight: 600;
	font-style: normal;
}

@font-face {
	font-family: 'proxima-condensed-regular';
	src: url('font/ProximaNovaCond-Regular.eot');
	src: url('font/ProximaNovaCond-Regular.eot?#iefix') format('embedded-opentype'),
		url('font/ProximaNovaCond-Regular.woff') format('woff'),
		url('font/ProximaNovaCond-Regular.ttf') format('truetype'),
		url('font/ProximaNovaCond-Regular.svg#ProximaNovaCond-Regular') format('svg');
	font-weight: normal;
	font-style: normal;
}

@font-face {
	font-family: 'proxima-light-italic';
	src: url('font/ProximaNova-LightIt.eot');
	src: url('font/ProximaNova-LightIt.eot?#iefix') format('embedded-opentype'),
		url('font/ProximaNova-LightIt.woff') format('woff'),
		url('font/ProximaNova-LightIt.ttf') format('truetype'),
		url('font/ProximaNova-LightIt.svg#ProximaNova-LightIt') format('svg');
	font-weight: 300;
	font-style: italic;
}

@font-face {
	font-family: 'proxima-condensed-light-italic';
	src: url('font/ProximaNovaCond-LightIt.eot');
	src: url('font/ProximaNovaCond-LightIt.eot?#iefix') format('embedded-opentype'),
		url('font/ProximaNovaCond-LightIt.woff') format('woff'),
		url('font/ProximaNovaCond-LightIt.ttf') format('truetype'),
		url('font/ProximaNovaCond-LightIt.svg#ProximaNovaCond-LightIt') format('svg');
	font-weight: 300;
	font-style: italic;
}

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

@font-face {
	font-family: 'proxima-condensed-regular-italic';
	src: url('font/ProximaNovaCond-RegularIt.eot');
	src: url('font/ProximaNovaCond-RegularIt.eot?#iefix') format('embedded-opentype'),
		url('font/ProximaNovaCond-RegularIt.woff') format('woff'),
		url('font/ProximaNovaCond-RegularIt.ttf') format('truetype'),
		url('font/ProximaNovaCond-RegularIt.svg#ProximaNovaCond-RegularIt') format('svg');
	font-weight: normal;
	font-style: italic;
}

@font-face {
	font-family: 'proxima-light';
	src: url('font/ProximaNova-Light.eot');
	src: url('font/ProximaNova-Light.eot?#iefix') format('embedded-opentype'),
		url('font/ProximaNova-Light.woff') format('woff'),
		url('font/ProximaNova-Light.ttf') format('truetype'),
		url('font/ProximaNova-Light.svg#ProximaNova-Light') format('svg');
	font-weight: 300;
	font-style: normal;
}

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

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

.alignnone {
    margin: 5px 20px 20px 0;
}

.aligncenter,
div.aligncenter {
    display: block;
    margin: 5px auto 5px auto;
}

.alignright {
    float:right;
    margin: 5px 0 20px 20px;
}

.alignleft {
    float: left;
    margin: 5px 20px 20px 0;
}

a img.alignright {
    float: right;
    margin: 5px 0 20px 20px;
}

a img.alignnone {
    margin: 5px 20px 20px 0;
}

a img.alignleft {
    float: left;
    margin: 5px 20px 20px 0;
}

a img.aligncenter {
    display: block;
    margin-left: auto;
    margin-right: auto;
}

.wp-caption {
    background: #fff;
    border: 1px solid #f0f0f0;
    max-width: 96%; /* Image does not overflow the content area */
    padding: 5px 3px 10px;
    text-align: center;
}

.wp-caption.alignnone {
    margin: 5px 20px 20px 0;
}

.wp-caption.alignleft {
    margin: 5px 20px 20px 0;
}

.wp-caption.alignright {
    margin: 5px 0 20px 20px;
}

.wp-caption img {
    border: 0 none;
    height: auto;
    margin: 0;
    max-width: 98.5%;
    padding: 0;
    width: auto;
}

.wp-caption p.wp-caption-text {
    font-size: 11px;
    line-height: 17px;
    margin: 0;
    padding: 0 4px 5px;
}


html{padding: 0; margin: 0; -webkit-font-smoothing: antialiased; overflow-x: hidden; background: #fff;}
body{padding: 0; margin: 0; background: #fff; font-family: 'proxima-regular'; font-size: 14px; overflow-x: hidden;}

/* ============================================================================= GENERICS */

h1{padding: 0; margin: 0; font-weight: normal; font-family: 'proxima-regular';}
h2{padding: 0; margin: 0; font-weight: normal; font-family: 'proxima-regular';}
h3{padding: 0; margin: 0; font-weight: normal; font-family: 'proxima-regular';}
h4{padding: 0; margin: 0; font-weight: normal; font-family: 'proxima-regular';}
h5{padding: 0; margin: 0; font-weight: normal; font-family: 'proxima-regular';}

p{color: #556769; line-height: 32px; font-size: 18px; font-family: 'proxima-regular';}
p a{color: #f6831f; text-decoration: none;}

a{text-decoration: none;}

*{-webkit-transition: all 0.2s ease-in-out; -moz-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out;}
*:focus{outline: none;}

.clearfix{clear: both;}

.centering{width: 1260px; margin: 0 auto; display: block; position: relative;}

.btn{font-family: 'proxima-regular'; font-size: 18px; text-transform: uppercase; color: #fff; text-align: center; border-radius: 30px; min-width: 275px; height: 55px; line-height: 55px; display: inline-block; vertical-align: top; box-sizing: border-box;}

#wrap{text-align: justify; font-size: 0;}
.column{display: inline-block; vertical-align: top; font-size: 14px;}
#wrap:after{display: inline-block; vertical-align: top; width: 100%; content: "";}
/* ============================================================================= GENERICS END */


/* ============================================================================= HEADER */
#header{display: block; position: absolute; z-index: 100; left: 0; right: 0; width: 100%; height: auto;}
#header #logo{width: 351px; height: 265px; background: url('images/gens/logo-bg.png') center no-repeat; position: absolute; left: -70px; top: 0;}
#header #logo h1{width: 100%; height: 100%; display: block; text-indent: -9999px;}
#header #logo h1 a{display: block; width: 220px; height: 117px; position: absolute; left: 0; right: 0; margin: 0 auto; top: 20px; background: url('images/gens/sbi-logo.png') center no-repeat; background: url('images/gens/sbi-logo-highres.svg') no-repeat; background-size: 220px 117px;}
/* #header #menu{position: absolute; right: 0; top: 110px; padding-bottom: 24px; border-bottom: 1px solid rgba(255,255,255,0.5);} */
#header #menu{position: absolute; right: 0; top: 60px; padding-bottom: 24px; border-bottom: 1px solid rgba(255,255,255,0.5);}
#header #menu ul{list-style-type: none; padding: 0; margin: 0; font-size: 0;}
#header #menu ul li{display: inline-block; vertical-align: top; font-size: 16px; text-transform: uppercase; font-family: 'proxima-light'; font-weight: 700;}
#header #menu ul li a{color: #fff;}
#header #menu ul li + li{margin-left: 55px;}
#header #menu ul li a:hover{opacity: 0.6;}
#header #menu ul li.current-menu-item a{opacity: 0.6;}
/* ============================================================================= HEADER END */

/* ============================================================================= PAGEHEADER */
#pageheader{display: block; position: relative;}
/* #pageheader.home{background: url('images/gens/pageheader-home.jpg') center no-repeat; background-size: cover; height: 650px;} */
#pageheader.home{background: url('images/gens/pageheader-home.jpg') center no-repeat; background-size: cover; height: 380px;}
/* #pageheader.page{background: url('images/gens/pageheader-home.jpg') center no-repeat; background-size: cover; height: 400px;} */
#pageheader.page{background: url('images/gens/pageheader-home.jpg') center no-repeat; background-size: cover; height: 320px;}

#pageheader .overlay{width: 100%; height: 100%; position: absolute; left: 0; top: 0; background: url('images/gens/overlay.png') left no-repeat; z-index: 1;}
/* #pageheader h4{position: absolute; right: 0; top: 0; font-family: 'proxima-light'; font-size: 55px; text-align: right; line-height: 70px; color: #fff; margin-top: 280px; z-index: 100;} */
#pageheader h4{position: absolute; right: 0; top: 0; font-family: 'proxima-light'; font-size: 55px; text-align: right; line-height: 70px; color: #fff; margin-top: 125px; z-index: 100;}
/* #pageheader .btn{position: absolute; right: 0; top: 0; background: #f6831f; margin-top: 460px; z-index: 100;} */
#pageheader .btn{position: absolute; right: 0; top: 0; background: #f6831f; margin-top: 285px; z-index: 100;}
#pageheader .btn:hover{background: #1cb4c9;}
/* ============================================================================= PAGEHEADER END */

/* ============================================================================= PAGECONTENT */

#pagecontent{padding-top: 180px; padding-bottom: 180px; background: url('images/gens/pagecontent-bg.png') no-repeat; background-position: -12% 0%; font-size: 0;}
#pagecontent.home .content{display: inline-block; vertical-align: top; font-size: 14px; width: 60%;}
#pagecontent.home .sidebar{display: inline-block; vertical-align: top; font-size: 14px; width: 30%;}

#pagecontent.contact .content{display: inline-block; vertical-align: top; font-size: 14px; width: 50%;}
#pagecontent.contact .sidebar{display: inline-block; vertical-align: top; font-size: 14px; width: 50%;}

#pagecontent .content{display: block; font-size: 14px;}

#pagecontent h2{font-family: 'proxima-regular'; font-size: 36px; font-weight: 700; color: #4b5455;}
#pagecontent h2 a{font-family: 'proxima-regular'; font-size: 36px; font-weight: 700; color: #4b5455;}
#pagecontent h3{font-family: 'proxima-regular'; font-size: 30px; font-weight: 700; color: #4b5455;}
#pagecontent p{}
#pagecontent p a{color: #f6831f;}
#pagecontent h4{font-family: 'proxima-regular'; font-size: 25px; font-weight: 500; margin-top: 50px;}
#pagecontent .inner{width: 80%;}
#pagecontent .multi{-webkit-column-count: 2; -moz-column-count: 2; column-count: 2; -webkit-column-gap: 60px; -moz-column-gap: 60px; column-gap: 60px;}
#pagecontent .inner ul{list-style-type: none; padding: 0; margin: 0;}
#pagecontent .inner ul li{color: #556769; line-height: 32px; font-size: 18px; font-family: 'proxima-regular'; padding-left: 30px; background: url('images/gens/list-icon.png') 10px 10px no-repeat;}
#pagecontent .inner ol{padding: 0; margin: 0; padding-left: 20px;}
#pagecontent .inner ol li{color: #556769; line-height: 32px; font-size: 18px; font-family: 'proxima-regular'; padding-left: 30px;}
#pagecontent .btn{background: #1cb4c9; color: #fff; text-decoration: none; margin-top: 40px;}
#pagecontent .btn:hover{background: #f6831f;}
/* ============================================================================= PAGECONTENT END */

/* ============================================================================= BESTUREN */
#besturen{display: block;}
#besturen .bestuur{font-size: 0; display: block;}
#besturen .bestuur h4{font-family: 'proxima-regular'; font-size: 36px; font-weight: 500; margin-top: 50px; margin-bottom: 30px;}
#besturen .bestuur .image{display: inline-block; width: 30%; margin-right: 5%; vertical-align: top;}
#besturen .bestuur .image img{width: 60%; height: auto;}
#besturen .bestuur .inhoud{display: inline-block; width: 65%; vertical-align: top;}
#besturen .bestuur + .bestuur{margin-top: 60px;}
/* ============================================================================= BESTUREN END */

/* ============================================================================= NIEUWS */
#nieuws {display: block; width: 80%; margin: auto;}
#nieuws h1{font-family: 'proxima-regular'; font-size: 36px; font-weight: 700; margin-bottom: 50px; color: #4b5455;}
#nieuws .post {border-bottom: 1px solid #a3a9aa; margin-bottom: 120px;}
#nieuws .post:last-child {margin-bottom: 0px; border-bottom: 0px}
#nieuws .post h2{font-family: 'proxima-regular'; font-size: 25px; font-weight: 700; color: #4b5455;  margin-right: 12px; margin-bottom:18px; display:inline-block;}
#nieuws .post .post-data{font-size: 18px; color: #4b5455; font-weight: 500; font-style: italic; display:inline;}
#nieuws .post h3{font-family: 'proxima-regular'; font-size: 20px; font-weight: 700; color: #4b5455; margin-top: 30px;}
#nieuws .post img{/*width: 100%;*/ height: auto;}

.scroll-to-top{position: fixed; bottom: 50px; right: 8%; z-index: 999; background: url('images/gens/totop-icon.png'); background-size: 100% 100%; background-repeat: no-repeat; width: 48px; height: 48px;}
#smoothup{display:none;}
#nav-below{display:none;}

#infscr-loading img{width:24px; height:24px;}
/* ============================================================================= NIEUWS END */

/* ============================================================================= LIGHTBOX */
#imagelightbox
{
    position: fixed;
    z-index: 9999;
 
    -ms-touch-action: none;
    touch-action: none;
}
/* ============================================================================= LIGHTBOX END */

/* ============================================================================= BLOCKS */
#blocks{display: block; padding-top: 130px; padding-bottom: 130px; background: url('images/gens/blocks-bg.jpg') center no-repeat; background-size: cover;}
#blocks .column{width: 30%; background: #fff; height: 460px;}
#blocks .image{display: block; height: 160px; background: #e3e3e3; position: relative; overflow: hidden;}
#blocks .image h4{position: absolute; left: 10%; bottom: 45px; font-family: 'proxima-regular'; font-size: 25px; color: #fff; right: 10%; z-index: 30;}
#blocks .image .overlay{position: absolute; background: rgba(0,0,0,0.45); top: 0; left: 0; width: 100%; height: 100%; z-index: 10;}
#blocks .image img{min-width: 100%; min-height: 100%; height: auto;}
#blocks .content{height: 200px; display: block; overflow: hidden; margin-bottom: 30px;}
#blocks p{display: block; margin: 0 auto; width: 80%; line-height: 32px; font-size: 18px; overflow: hidden; margin-top: 40px; margin-bottom: 40px;}

#blocks .column .arrow{font-size: 16px; font-family: 'proxima-regular'; text-transform: uppercase; padding-right: 30px; margin-left: 10%;}

#blocks .column:nth-child(1) .arrow{background: url('images/gens/green-arrow.png') right center no-repeat; color: #b0b536;}
#blocks .column:nth-child(2) .arrow{background: url('images/gens/orange-arrow.png') right center no-repeat; color: #f8981d;}
#blocks .column:nth-child(3) .arrow{background: url('images/gens/blue-arrow.png') right center no-repeat; color: #1cbdd4;}
/* ============================================================================= BLOCKS END */

/* ============================================================================= CTA'S */
#ctas{display: block; font-size: 0;}
#ctas .cta{display: inline-block; vertical-align: top; font-size: 14px; width: 50%; height: 370px; position: relative;}
#ctas .cta .inner{position: absolute; z-index: 20; width: 560px;}
#ctas .cta:nth-child(1) .inner{right: 0; top: 0;}
#ctas .cta:nth-child(2) .inner{left: 120px; top: 0;}
#ctas .cta h4{font-family: 'proxima-regular'; font-size: 25px; color: #fff; font-weight: 500; margin-top: 100px;}
#ctas .cta .btn{background: none; border: 2px solid #fff; text-decoration: none; height: 45px; line-height: 45px; min-width: 230px; margin-top: 40px;}
#ctas .cta:nth-child(1) p{font-size: 18px; color: #b04f00; font-weight: 500;}
#ctas .cta:nth-child(2) p{font-size: 18px; color: #788300; font-weight: 500;}
#ctas .cta:nth-child(1) .btn:hover{background: #fff; color: #f6831f;}
#ctas .cta:nth-child(2) .btn:hover{background: #fff; color: #cedd38;}
#ctas .cta .overlay{position: absolute; z-index: 10;}

#ctas .cta:nth-child(1){/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#f8981d+0,f57e20+100 */
background: #f8981d; /* Old browsers */
background: -moz-linear-gradient(left,  #f8981d 0%, #f57e20 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(left,  #f8981d 0%,#f57e20 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to right,  #f8981d 0%,#f57e20 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f8981d', endColorstr='#f57e20',GradientType=1 ); /* IE6-9 */
}
#ctas .cta:nth-child(2){/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#b0b536+0,cedd38+100 */
background: #b0b536; /* Old browsers */
background: -moz-linear-gradient(left,  #b0b536 0%, #cedd38 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(left,  #b0b536 0%,#cedd38 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to right,  #b0b536 0%,#cedd38 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#b0b536', endColorstr='#cedd38',GradientType=1 ); /* IE6-9 */
}
#ctas .cta:nth-child(1) .overlay{background: url('images/gens/footer-overlay-one.png') center no-repeat; width: 404px; height: 314px; top: 0; left: 0;}
#ctas .cta:nth-child(2) .overlay{background: url('images/gens/footer-overlay-two.png') center no-repeat; width: 497px; height: 370px; top: 0; right: 0;}

/* ============================================================================= CTA'S END */


#pagecontent.contact form{}
#pagecontent.contact form .wpcf7-form-control-wrap{display: block;}
#pagecontent.contact form span.wpcf7-not-valid-tip{position: absolute; z-index: 10; font-size: 12px !important; bottom: 0; right: calc(10% + 30px);}
#pagecontent.contact div.wpcf7-validation-errors{display: none !important;}
#pagecontent.contact form:after{clear: both;}
#pagecontent.contact input{-webkit-appearance: none; padding: 0; margin: 0; border: none; background: none; font-family: 'proxima-light'; font-weight: 500; color: #556769; font-size: 16px; box-sizing: border-box; height: 45px; width: 90%; padding-left: 30px; background: #f8f8f8; border-radius: 30px; display: block;}
#pagecontent.contact input::-webkit-input-placeholder{color: #556769;}
#pagecontent.contact input:-moz-placeholder{color: #556769;}
#pagecontent.contact input::-moz-placeholder{color: #556769;}
#pagecontent.contact input:-ms-input-placeholder{color: #556769;}

#pagecontent.contact input.btn{padding: 0; margin: 0; background: #f58020; color: #fff; display: block; margin-top: 20px; width: 190px; min-width: 0px; cursor: pointer; line-height: 48px; float: right; margin-right: 10%;}
#pagecontent.contact input.btn:hover{background: #1cb4c9;}

#pagecontent.contact form span + span{margin-top: 20px; display: block;}

#pagecontent.contact textarea{-webkit-appearance: none; padding: 0; margin: 0; border: none; background: none; font-family: 'proxima-light'; font-weight: 500; color: #556769; padding-top: 20px; font-size: 16px; box-sizing: border-box; height: 45px; width: 90%; height: 170px; padding-left: 30px; background: #f8f8f8; border-radius: 30px; display: block;}
#pagecontent.contact textarea::-webkit-input-placeholder{color: #556769;}
#pagecontent.contact textarea:-moz-placeholder{color: #556769;}
#pagecontent.contact textarea::-moz-placeholder{color: #556769;}
#pagecontent.contact textarea:-ms-input-placeholder{color: #556769;}


/* ============================================================================= FOOTER */
#footer{padding-top: 130px; padding-bottom: 120px; background: #fff; display: block;}
#footer #logo{background: url('images/gens/sbi-footer-logo.png') center no-repeat; width: 89px; height: 56px; display: block;}
#footer .module a{color: #556769;}
#footer .module a:hover{color: #f6831f;}
#footer ul{list-style-type: none; padding: 0; margin: 0;}
#footer ul li{display: block;}
#footer ul li a{font-family: 'proxima-regular'; font-size: 18px; color: #556769; line-height: 34px;}
#footer ul li a:hover{color: #f8941d;}
#footer h4{font-family: 'proxima-regular'; color: #4b5455; font-weight: 500; font-size: 25px; padding-top: 26px; padding-bottom: 18px;}
#footer span a{font-family: 'proxima-regular'; font-size: 22px; color: #556769; font-weight: 500; text-decoration: none;}
#footer span a:hover{color: #f8941d;}

#footer .column:nth-child(1){width: 30%;}
#footer .column:nth-child(2){width: 40%;}
#footer .column:nth-child(3){width: 30%; padding-top:28px;}

#footer form{float: right;}
#footer form .wpcf7-form-control-wrap{display: block;}
#footer form span.wpcf7-not-valid-tip{position: absolute; z-index: 10; font-size: 12px !important; bottom: 0; right: 30px;}
#footer div.wpcf7-validation-errors{display: none !important;}
#footer form:after{clear: both;}
#footer input{-webkit-appearance: none; padding: 0; margin: 0; border: none; background: none; font-family: 'proxima-light'; font-weight: 500; color: #556769; font-size: 16px; box-sizing: border-box; height: 45px; width: 298px; padding-left: 30px; background: #f8f8f8; border-radius: 30px; display: block;}
#footer input::-webkit-input-placeholder{color: #556769;}
#footer input:-moz-placeholder{color: #556769;}
#footer input::-moz-placeholder{color: #556769;}
#footer input:-ms-input-placeholder{color: #556769;}

#footer input.btn{padding: 0; margin: 0; background: #f58020; color: #fff; display: block; margin-top: 20px; width: 190px; min-width: 0px; cursor: pointer; line-height: 48px; float: right;}
#footer input.btn:hover{background: #1cb4c9;}

#footer form span + span{margin-top: 20px; display: block;}
/* ============================================================================= FOOTER END */


/* ============================================================================= MOBILE */
.mobile{display: none; position: fixed; right: 40px; z-index: 999; top: 40px; width: 50px; height: 50px; border-radius: 50%; background: #f58020; color: #fff; font-family: 'fa'; text-align: center; line-height: 50px; font-size: 22px;}
.mobile a{color: #fff; display: block; width: 100%; height: 100%;}
.mobile:focus{background: #1cbdd4;}
.mobile:hover{background: #1cbdd4;}
/* ============================================================================= MOBILE END */