/*
Theme Name: Digdeep
Description: Digdeep.
Version: 1
Author: Digdeep
Author URI: http://citytocoast.com/digdeep

Tags: Responsive Layout, HTML5/CSS3/Responsive, Slider, widgets
*/

/*google font*/
@import url(http://fonts.googleapis.com/css?family=Open+Sans:300italic,400italic,400,300,700,600,800);
@import url(https://fonts.googleapis.com/css?family=Archivo+Black);
@import url('css/font-awesome.min.css');
@import url('css/fonts.css');
html{height:100%;}
body{background: url("images/bodybg.jpg") repeat; font: 13px/1.5em "Helvetica Neue", Arial, sans-serif; color:#818181; margin:0; padding:0; height:100%; font-weight: 300}
a{color:#0090ff; text-decoration: none; -webkit-transition: all 0.5s ease-in-out; -moz-transition: all 0.5s ease-in-out; -ms-transition: all 0.5s ease-in-out; -o-transition: all 0.5s ease-in-out; transition: all 0.5s ease-in-out;}
a:hover{text-decoration:none; color:#818181;}
a:focus{text-decoration:none; outline:none; color: #057cd7}

/*input field*/
input, select, textarea{font-family: "Helvetica Neue", Arial, sans-serif; outline: none; font-size: 13px; color: #444; display: block; width: 100%; padding: 8px; background-color: #ffffff; -webkit-transition: all 0.5s ease-in-out; -moz-transition: all 0.5s ease-in-out; -ms-transition: all 0.5s ease-in-out; -o-transition: all 0.5s ease-in-out; transition: all 0.5s ease-in-out; border: none; border: 1px solid #c7cacc; margin-bottom: 15px;  box-shadow: inset 0 1px 2px rgba(0,0,0,.3), 0 -1px 1px #FFF, 0 1px 0 #FFF; border-radius: 2px}
input:focus, select:focus, textarea:focus{border-color: #a5a7a8}
/*submit field*/
input[type='submit']{display: block; background-color: #1786dc; font-size: 14px; color: #fff;  border: none; cursor: pointer; padding: 7px; border-radius: 5px; margin-top: 20px;}
input[type='submit']:hover{background-color: #0b71c1}
input[type='submit']:active{background-color: #0662a9}
textarea{height: 250px; resize: none}
input[type='checkbox'], input[type='radio']{border: none; display: inline-block; width: auto; padding: 0; box-shadow: 0 0 0 0}
input::-webkit-input-placeholder, textarea::-webkit-input-placeholder{color: #444;}
input:focus::-webkit-input-placeholder, textarea:focus::-webkit-input-placeholder{color: #444;}

input[type='image']{width: auto}

.btn-default, .btn-default:hover, .btn-default:active {
    color: #444;
    background-color: #fff;
    border-color: #c7cacc;
    border-radius: 0;
    -webkit-transition: all 0.5s ease-in-out; -moz-transition: all 0.5s ease-in-out; -ms-transition: all 0.5s ease-in-out; -o-transition: all 0.5s ease-in-out; transition: all 0.5s ease-in-out;
}
.btn-default:hover, .btn-default:focus, .btn-default.focus, .btn-default:active, .btn-default.active, .open>.dropdown-toggle.btn-default{
    color: #444;
    background-color: #fff;
    border-color: #a5a7a8;
    box-shadow: 0 0 0;
}
.btn{padding: 5px 10px; font-size: 14px;}
.bootstrap-select .btn:focus {
    outline: none !important;
}
.dropdown-menu{background-color: #fff; color: #444; border-color: #c7cacc;}
.dropdown-menu>li>a{color: #878484;}
.full-width{width: 100% !important;}

.btn-default:hover .caret{color: #878484}
.caret {
    border-top: 5px solid;
    border-right: 5px solid transparent;
    border-left: 5px solid transparent;
    color: #dadedf;
}
form p{padding-bottom: 0}

img{max-width:100%; height:auto;}
blockquote{border-color: #013355}

p{padding-bottom: 20px; margin: 0;}
h1, h2, h3, h4, h5{margin: 0 0 20px; padding: 0; font-weight: 700}
strong{font-weight: 700}

/*repeated classes*/
.img img{display: block; width: 100%}
.button{background-color: #0286ef; border-radius: 5px; padding: 12px; text-align: center; width: 190px; display: inline-block; color: #fff; font-size: 18px; font-weight: 600; text-decoration: none; margin: 0 15px 15px}
.button:hover{background-color: #0576d0; color: #fff}
.button:active, .button:focus{background-color: #0576d0; color: #fff}
.half-width{width: 50%;}

/*container*/
.container{max-width: 970px;}

/*wrapper*/
.wrapper{min-height:100%; position:relative}

.mainTitle{color: #0090ff; font: 44px "Arial Black", "Helvetica Neue", sans-serif; text-align: center; text-transform: uppercase}

/*---header
================*/
.mainHeader{background: url("images/nav-bar.png") repeat-x top center; position: fixed; width: 100%; left: 0; top: 0; z-index: 99; height: 150px; /*overflow: hidden*/}
.mainHeader .container{position: relative; max-width: 1050px;}

h1.logo{position: absolute; left: 50%; top: 0;  margin: 0 0 0 -106px}
h1.logo a{display: block; background: url("images/logo.png") no-repeat; width: 212px; height: 172px; text-indent: -100000px;}

/*---navigation
============================*/
.navigation{float:none; background:none !important; padding-top:35px}
.navigation ul{list-style:none; margin:0; padding:0; display:block; text-align: center}
.navigation ul li{text-transform:uppercase; display: inline-block; margin: 0 15px; font: bold 14px "Helvetica Neue", Arial, sans-serif;}
.navigation ul li a{color:#99adca; display:block; text-decoration: none}
.navigation ul li:hover a, .navigation ul li.current-menu-item>a{color: #fff}
.navigation li:nth-child(1){margin-left: 110px}
.navigation li:nth-child(3){margin-left: 160px}

.navigation li.donate a{background: url("images/dButton.png") repeat-x 0 0; display: block; padding: 5px 15px; color: #fff; height: 28px;}
.navigation li.donate:hover a{background-position: 0 -28px;}

ul.socialList{list-style: none; margin: 20px -10px 0!important; padding: 0; /*position: absolute; top: 35px; left: 15px;*/}
ul.socialList li{display: inline-block; font-size: 25px; margin: 0 10px;}
ul.socialList a{color: #fff; text-shadow: 2px 2px 2px rgba(23,65,94,.9)}
ul.socialList a:hover{color: #298fdf}


/*---content
==================*/
.content{padding: 88px 0 0}
.content ul{padding: 0 0 20px 20px}

.contentIn{margin-top: -80px; background: #fff; min-height: 300px; padding: 50px 55px 20px; -webkit-box-shadow: 1px 9px 25px 2px rgba(102,102,102,0.46);
    -moz-box-shadow: 1px 9px 25px 2px rgba(102,102,102,0.46);
    box-shadow: 1px 9px 25px 2px rgba(102,102,102,0.46); position: relative; min-height: 500px;}

/*home banner*/
.homeBanner{position: relative; overflow: hidden}
.homeBanner .container{max-width: 865px; position: relative}
.homeBanner .video{margin: 0}
.homeBanner h2{color: #fff; font-size: 70px; font-weight: 700}
.homeBanner .learnMore{color: #fff; font-size: 24px; font-family: 'museo_slab500', sans-serif; font-style: italic}
.homeBanner .learnMore:after{content: "\f105"; font-family: FontAwesome; display: inline-block; padding-left: 20px}
.homeBanner li{background-size: cover; -o-background-size: cover; -webkit-background-size: cover; min-height: 730px; padding-top: 40px; text-align: center; background-position: center;}
.homeBanner .bx-wrapper .bx-pager{display: none}
.homeBanner ul{padding: 0}
.homeBanner p{padding: 0 15px; margin: 0; color: #fff; font-size: 18px; line-height: 28px; position: absolute; width: 100%; top: 35%; -webkit-transform: translateY(-35%);
    -ms-transform: translateY(-40%); transform: translateY(-35%);}

.homeBanner .bottomPart{position: absolute; left: 0; width: 100%; bottom: 100px;}
.signUpBox{background: #018ffd url("images/blue-bg.jpg") bottom repeat-x; min-height: 66px; padding:12px 20px;}
.signUpBox label{width: 37%; font-size: 14px; font-weight: 700; color: #fff; float: left; margin-top: 3px;}
.signUpBox form{float: right; width: 62%}
.signUpBox input{width: 76%; background-color: #fff; padding: 5px; border: none; margin: 5px 0 0; float: left}
.signUpBox input[type='submit']{
    width: 22%; float: right; margin: 4px 0 0 5px; border: 1px solid #CCCCCC;
    border-radius: 3px 3px 3px 3px;
    box-shadow: 2px 2px 7px rgba(0, 0, 0, 0.1) inset;
    color: #666666;
    height: 29px; font-size: 11px;
}
.signUpBox input[type='submit']:hover {
  color:#fff;
}
.homeBanner .startCampaignButton{color: #fff; font-weight: 700; background: url("images/buttonBg-1.jpg") repeat-x; display: block; height: 64px; font-size: 18px; text-align: center; padding-top: 25px; text-transform: uppercase}
.homeBanner .startCampaignButton:hover{background-position: 0 -64px;}
.homeBanner .startCampaignButton:after{content: "\f105"; font-family: FontAwesome; display: inline-block; font-size: 16px; padding-left: 10px}
.homeBanner .startCampaignButton:hover{color: #fff}

.homeItemList {margin-bottom: 35px;}
.homeItemList img{margin-bottom: 20px; display: block; -webkit-filter: grayscale(100%);
    filter: grayscale(100%); -webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -ms-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out;}
.homeItemList h2{margin-bottom: 10px; line-height: 20px; font-weight: bold}
.homeItemList h2 a{text-transform: uppercase; font-size: 19px; font-weight: 700;}
.homeItemList a:hover img{-webkit-filter: grayscale(0);
    filter: grayscale(0);}
.homeItemList p{font-weight: normal; font: 13px/1.5em "Helvetica Neue", Arial, sans-serif; font-weight: inherit;}

/*banner*/
.banner{position: relative}
.banner img{display: block; width: 100%}
.banner .inner{width: 100%; position: absolute; top: 0; left: 0; height: 100%;}
.banner .container{height: 100%;}
.banner h2{position: relative; top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); color: #fff; text-transform: uppercase;  letter-spacing: 1px; font: 56px/60px "Arial Black";}

/*what we do page*/
.whatWeDo .firstRow h2{font: 30px "Arial Black"; line-height: 34px; color: #0096ff;}
.whatWeDo .firstRow h3{font: 15px "Arial Black"; color: #0096ff; line-height: 24px;}
.whatWeDo .firstRow a{font-size: 16px; color: #4e4e4e; font-style: italic}
.whatWeDo .firstRow a:hover{text-decoration: underline}
.whatWeDo .firstRow p{font: 15px 'museo-slab', arial;
    font-weight: 500;
    color: #535353;
    line-height: 30px;}

.whatWeDo .itemList .item{margin-top: 40px; -webkit-box-shadow: 0px 13px 46px -11px rgba(102,102,102,1);
    -moz-box-shadow: 0px 13px 46px -11px rgba(102,102,102,1);
    box-shadow: 0px 13px 46px -11px rgba(102,102,102,1); background: url("images/module-base.jpg")  repeat; position: relative;}
.whatWeDo .itemList h2{position: absolute; top: 5px; left: 7px; font: 32px "Arial Black"; color: #fff; line-height: 35px}
.whatWeDo .itemList p{padding: 10px 5px 10px 10px; line-height: 14px; font-weight: 300; font-size: 11px}
.whatWeDo .itemList h6{margin: 0; padding: 0;}

.mapArea{-webkit-box-shadow: 0px -1px 35px -11px rgba(17,17,17,1);
    -moz-box-shadow: 0px -1px 35px -11px rgba(17,17,17,1);
    box-shadow: 0px -1px 35px -11px rgba(17,17,17,1); background: url("images/texture.jpg") repeat; padding: 30px; margin: 50px 0; position: relative}

.mapArea .tooltip-inner{background-color: #013559}
.mapArea .tooltip-arrow{display: none}
.mapArea .mapSelector{background: url("images/map-selector.png") no-repeat; width: 23px; height: 34px; display: block; border: none; outline: none; text-indent: -100000px; position: absolute; top: 26%}
.mapArea .maxico{left: 11%}
.mapArea .cameroon{left: 44%; top: 42%}
.mapArea .southSudan{left: 50%; top: 45%}
.mapArea .kashmir{left: 66%; top: 29%}
.mapArea .mapSelector a{display: block; height: 100%; position: relative}

.whatWeDo .bottomPart{margin-bottom: 50px}
.whatWeDo .linkButton{color: #fff; font-weight: 700; background: url("images/button_primary.png") top repeat-x; display: block; height: 50px; font-size: 20px;  padding: 10px 15px; font: bold 18px/28px "Helvetica Neue", Arial, sans-serif;}
.whatWeDo .linkButton:hover{background: url("images/button_secondary.png") top repeat-x}
/*.whatWeDo .linkButton:after{content: "\f105"; font-family: FontAwesome; display: inline-block; font-size: 22px; padding-left: 10px}*/
.whatWeDo .bottomPart p{padding: 10px 0 0; font: 13px/1.5em "Helvetica Neue", Arial, sans-serif; color: #818181; font-weight: inherit;}
.whatWeDo .half-width{float: left; width: 48%;}

.whatWeDo .signUpBox{background: #008eff url("images/button_primary.png") top repeat-x; padding: 5px 15px; height: auto; min-height: 49px;}
.whatWeDo label{font-size: 20px; padding-top: 5px; font: bold 18px/27px "Helvetica Neue", Arial, sans-serif;}

/*who we are page*/
.whoWeAreBanner{background: url("images/who.jpg") top center no-repeat; background-size: cover; -moz-background-size: cover; -o-background-size: cover; height: 750px;}
.whoWeAreBanner h2{padding: 80px 70px 0; color: #fff; font: 56px/70px "Arial Black", "Helvetica Neue", sans-serif;}

.whoWeAre .firstRow h2, .commonTop h2{font: 20px/24px "Arial Black"; font-weight: 700; color: #0090ff;}
.whoWeAre .firstRow h4, .commonTop h4{font: 15px/18px "museo-slab", "Helvetica Neue"; font-style: italic; color: #444; font-weight: 500}
.whoWeAre .firstRow a, .commonTop a{font-size: 16px; color: #4e4e4e; font-style: italic}
.whoWeAre .firstRow a:hover, .commonTop a:hover{text-decoration: underline}
.whoWeAre .firstRow ul{list-style: none; margin: 0; padding: 0;}
.whoWeAre .firstRow li{display: inline-block; margin-right: 10px;}
.whoWeAre .firstRow li a{font-size: 25px; color: #0063b0}
.whoWeAre .firstRow li a:hover{color: #0090ff}

h2.title{font: 44px "Arial Black", "Helvetica Neue", sans-serif; text-transform: uppercase; color: #0090ff; text-align: center; font-weight: 700; padding-bottom: 25px; margin-bottom: 20px; font-weight: 800}

.weBelieve{margin-top: 80px}
.weBelieve p{line-height: 16px; padding: 7% 0 11%; font: 13px/1.5em "Helvetica Neue", Arial, sans-serif!important; color: #818181; font-weight: inherit;}
.weBelieve .secondP{padding-bottom: 3%}

.whoWeAre .itemList{margin-top: 20px;}
.whoWeAre .item{margin-top: 20px; overflow: hidden}
/*.whoWeAre .item img{margin-bottom: 20px;}*/
.whoWeAre .item h3{font: 20px "Arial Black", "Helvetica Neue", sans-serif; text-transform: uppercase; color: #013559; margin: 0; font-weight: 800}
.whoWeAre .item h4{font: 12px/16px 'museo-slab', "Helvetica Neue", sans-serif; margin-bottom: 10px; font-weight: 300; font-style: italic;}
.rightTest{font-style: italic}
.whoWeAre p{font: 13px/1.5em "Helvetica Neue", Arial, sans-serif; color: #818181; padding-bottom: 0; font-weight: inherit;}
.whoWeAre .item img{display: block; margin-bottom: 20px;}

.wePromise{margin-top: 30px}
.wePromise .img{margin: 0 -55px;}
.wePromise .img img{width: 100%}

.waterCouncil{margin-top: 50px;}
.waterCouncil h2{color: #0090ff; font: 44px "Arial Black", "Helvetica Neue", sans-serif; margin-bottom: 20px!important;}

/*whyWeDo page*/
.whyWeDo{padding: 50px 0 0; margin-top: 0}
.whyWeDo .col-sm-5{padding-top: 40px}
.whyWeDo .rightCol{padding-right: 30px; padding-left: 30px;}
.whyWeDo .topPart h2{font: 37px/42px "Arial Black"; color: #013559;}
.whyWeDo  h3{font: 16px/24px "Arial Black"; color: #189aff;}
.whyWeDo .topPart h4{color: #0090ff; float: left; padding: 5px 0 0 10px; font: 16px 'Museo'; font-weight: 400}
.whyWeDo .topPart i{font-size: 50px; float: left; display: block; color: #0090ff;}
.whyWeDo .rightCol .col-sm-5{padding-top: 0}
.whyWeDo .rightCol .col-sm-5:after{display: block; content: ''; clear: both}
.whyWeDo .rightCol .row{padding-top: 20px}
.whyWeDo .rightCol p{display: inline-block; font: 13px/1.5em "Helvetica Neue", Arial, sans-serif; font-weight: inherit;}


.whyWeDo .bottomPart{background: url("images/separator.png") top center no-repeat; padding-top: 50px; margin-top: 50px}
.whyWeDo .bottomPartIn{padding: 0 70px}
.whyWeDo .bottomPartIn p{font: 13px/1.5em "Helvetica Neue", Arial, sans-serif; font-weight: inherit;}

/*.wohHelp{margin-top: 0!important;}*/
.takeAction{padding-bottom: 150px;}
.takeAction .bx-wrapper .bx-pager, .takeAction .bx-wrapper .bx-controls-auto{ left: 0; width: 100%; bottom: -70px; right: inherit}
.takeAction .bx-wrapper .bx-pager.bx-default-pager a{background: #666;
    background: rgba(0,0,0,0.5); z-index: 9; cursor: pointer}
.takeAction .bx-wrapper .bx-pager.bx-default-pager a.active, .takeAction .bx-wrapper .bx-pager.bx-default-pager a:hover{background: #000;
    background: rgba(0,0,0,0.9);
    cursor: default;}
.takeAction li{position: relative}
.takeAction p{display: block; width: 100%; height: 100%; position: absolute; top: 0; left: 0; background-color: #0090ff; background-color: rgba(0,144,255,.7); font-size: 33px; font-weight: 800; text-transform: uppercase; color: #fff; padding: 20px; line-height: 35px; -webkit-transition: all 0.5s ease-in-out; -moz-transition: all 0.5s ease-in-out; -ms-transition: all 0.5s ease-in-out; -o-transition: all 0.5s ease-in-out; transition: all 0.5s ease-in-out; opacity: 0; visibility: hidden; font-family:"Arial Black", "Helvetica Neue", sans-serif}
.takeAction a:hover p{opacity: 1; visibility: visible}

.faqList{padding-top: 20px; margin-bottom: 10px;}
.faqList h3{font-size: 17px; text-transform:uppercase; margin-bottom: 10px;}
.faqList ul{list-style: none; padding: 0 0 0 20px; margin: 0;}
.faqList li{font-weight:300; margin-bottom: 10px;}
.faqList h2{text-transform: none; font-family: 'museo-slab', san-serif; font-weight: 300}
.faqList a:hover{color: inherit;}
.faqList {font-size: 14px;}

.faqList.searchList li{font-size: 15px; margin-bottom: 20px}
.faqList.searchList p{padding: 10px 0 0}

.faqSearch{background-color: #f2f3f3; padding: 50px 15px; margin: 0 -70px 20px;}
.faqSearch form{max-width: 500px; margin: 0 auto}
.faqSearch input[type='submit']{width: 150px; text-align: center; margin: 0 auto}

/* donate page */
ul.donateList{list-style: none; margin: 0 -20px; padding: 20px 0 0;}
.donateList li{width: 25%; padding: 0 20px; margin-bottom: 20px; float: left}
.methodbx{margin: 15px 0; display: block}
.donateList img{display: block; -webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -ms-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out;}
.donateList .dImg{-webkit-filter: grayscale(100%);
    filter: grayscale(100%); }
.donateList a:hover .dImg{-webkit-filter: grayscale(0);
    filter: grayscale(0);}
.methodbx img{-webkit-filter: grayscale(0);
    filter: grayscale(0);}

.donateList a:hover .methodbx img{-webkit-filter: grayscale(100%);
    filter: grayscale(100%);}

.donateBottom{background: url("images/100percent.png") no-repeat 370px 100px; margin: 10px 0 -20px;}
.donateBottom .leftCol{border: solid 1px #000; padding: 25px 25px 0; border-radius: 15px 15px 0 0; border-bottom: 0; background-color: #fff}
.donateBottom h3{font-weight: 700; font-size: 12px; color: #0090ff; max-width: 200px; margin-bottom: 10px;}
.donateBottom p{font-style: italic; max-width: 210px; padding-bottom: 15px;}
.donateBottom a{color: #818181}
.donateBottom .pull-right{padding-top: 30px;}

.donateList .info{background-color: #fff; margin-top: -50px; position: relative; z-index: 9}
#fc-29659734128 .modal-message-top, #fc-2965973416 .modal-message-top, #fc-2965973415 .modal-message-top, #fc-2965973414 .modal-message-top{padding-top: 5%!important;}

.noGap{margin-top: 0!important;}

/* question page */
.innerBanner{margin: -50px -55px 50px; background: url("images/questions.jpg") no-repeat; background-size: cover; height: 300px; padding: 70px 55px 0;}
.innerBanner h1{font: 56px/60px "Arial Black"; font-weight: bold; color: #fff; margin: 0;}
.questionPage .firstRow p{font: 14px 'Museo100'; color: #000;}
.questionPage .firstRow h2{margin-bottom: 10px;}
.questionPage .firstRow p{padding-bottom: 15px;}

.faqBlock{padding-top: 50px;}
.faqBlock h2, .designCredits h2{margin-bottom: 30px;}
.faqBlock p{font: 13px/1.5em "Helvetica Neue", Arial, sans-serif; font-weight: inherit; color: #000; max-width: 220px;}

.designCredits{padding: 50px 0;}
.designCredits h2{margin-bottom: 40px;}
.designCredits h3{font: 22px 'Museo100'; color: #0090ff; font-style: italic; text-transform: capitalize}
.designCredits h4{font: 20px "Arial Black", "Helvetica Neue", sans-serif; color: #013559; margin-bottom: 5px;}
.designCredits h5{font: 12px/16px 'Museo100', "Helvetica Neue", sans-serif;
    color: #000; font-style: italic; margin: 0; padding: 0}
.designCredits h6{margin: 5px 0 20px; padding: 0}

.useSite{padding-bottom: 70px;}
.useSite h2{margin-bottom: 30px;}
.useSite p{font: 13px/1.5em "Helvetica Neue", Arial, sans-serif; font-weight: inherit; color: #000;}
.useSite h3{font: 12px "Arial Black", "Helvetica Neue", sans-serif; color: #013559;}
.useSite h3 a{color: #013559;}
.useSite h3 a:hover{text-decoration: underline}

.queConBlock{margin-bottom: 20px;}
.queConBlock h2{margin-bottom: 35px;}
.queConBlock h3{font-size: 12px; margin: 0 0 5px; color: #7d7e7e}
.queConBlock p, .queConBlock li{margin: 0; color: #818181; font: 13px/1.5em "Helvetica Neue", Arial, sans-serif; font-weight: inherit;}
.queConBlock li{margin-bottom: 3px;}
.queConBlock ol{padding: 0 0 20px 15px; margin: 0;}

.searchForm{height: 52px; border-radius: 5px; padding: 10px; position: relative; margin-bottom: 20px;}
.searchForm form{}
.searchForm input[type='text']{background-color: #fff; border-bottom: 1px solid #dddddd; border-top: none; border-left: none; border-right: none; border-radius: 0; box-shadow: none; padding: 7px; color: gray; font-size: 24px;}
.searchForm input[type='submit']{background: #fff url("images/searchIcon.jpg") 50% 50% no-repeat; height: 32px;; display: block; text-indent: -10000000px; position: absolute; top: 10px; left: 10px; border-radius: 0; border: none; margin: 0; padding: 0; box-shadow: none; width: 40px; border: 1px solid #dddddd;}

/*---footer
==============*/
.mainFooter{background: #003557 url("images/foot_bg.jpg") repeat-x top; min-height: 264px; z-index: 9; position: relative; margin-top: -20px;}
.mainFooter .container{max-width: 1050px;}
.mainFooterIn{padding: 30px 70px;}
.donateButton{background: url("images/buttonBg-2.jpg") 0 0 repeat-x;  display: block; height: 49px; color: #fff!important; font-size: 18px; font-weight: 700; text-align: center; padding-top: 15px}
/*.donateButton:after{content: "\f105"; font-family: FontAwesome; display: inline-block; font-size: 20px; padding-left: 10px}*/
.donateButton:hover{color: #fff!important; background-position: 0 -49px}
.mainFooter ul{list-style: none; padding: 0; margin: 0}
ul.addressList{padding-top: 20px}
ul.addressList li{float: left; font-size: 12px;}
ul.addressList li a:hover {
    text-decoration:underline;
    color:#b49d55!important;
}
ul.addressList li:first-child:before{display: none}
ul.addressList li:before{content: '|'; display: inline-block; padding: 0 5px}

.mainFooterIn h4{font-weight: 700; font-size: 13px; color: #d2ebff; margin-bottom: 5px; text-transform: uppercase}
.mainFooter li{font-size: 11px; color: #9ebbd2; margin-bottom: 4px}
.mainFooter a{color: #9ebdd5}
.mainFooter li a:hover{color:#c5dff4;
    text-decoration:underline;}


.video{position: relative; padding-bottom: 56.25%; height: 0; overflow: hidden; padding-top: 30px; margin-bottom: 30px;}
.video iframe,
.video object,
.video embed {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

.bImg{margin: 0 -55px -20px;}
.bImg img{width: 100%; display: block}

.topGap{padding-top: 30px!important; margin: 0!important; padding-bottom: 60px;}

.wpb_row, .wpb_content_element, ul.wpb_thumbnails-fluid > li, .last_toggle_el_margin, .wpb_button{margin-bottom: 10px!important;}

.fancybox-title-inside-wrap p{padding-bottom: 0; line-height: normal}

.commonTop p{font: 14px 'Museo'; color: #000;}
.commonTop p a{color: #000; text-decoration: none}

.museoFont{font: 14px/18px 'Museo';color: #000;}
.logoBlock h3, .photoBlock h3{font: 22px 'museo-slab'; font-style: italic; font-weight: 300; font-weight: 500}

.conBlock h2{font: 44px "Arial Black", "Helvetica Neue", sans-serif;
    color: #0090ff;
    font-weight: bold;
    padding-bottom: 15px;
    text-align: center;}
.conBlock p{
    color: #333333;
    font-size: 15px;
    font-family: 'helvetica neue', helvetica, arial, sans-serif;
    line-height: 24px;
    text-align: -webkit-auto;}

.homeBanner .bx-wrapper .bx-controls-direction a:before{font-size: 25px}

.homeBanner .bx-wrapper .bx-controls-direction a {
    width: 50px;
    height: 50px;
    padding-top: 10px;
}

.whyWeDo .headPart{padding-left: 50px;}

.homeBanner .bx-wrapper .bx-controls-direction a{display: block!important; -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -ms-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out; margin-top: -25px!important;}

.homeBanner .bx-wrapper .bx-prev{left: -50px!important;}
.homeBanner .bx-wrapper .bx-next{right: -50px!important;}

.homeBanner .bx-wrapper:hover .bx-prev{left: 100px!important;}
.homeBanner .bx-wrapper:hover .bx-next{right: 100px!important;}

.signUpBox p{
    position: relative!important;
    top: auto!important;
    padding: 5px 0 0 !important;
    margin: 0;
    color: #fff!important;
    font-size: 12px!important;
    line-height: normal!important;
    width: 100%;
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0);
}

.galleryPopUp h4{color: #000}

.galleryPopUp.modal{display: block!important; z-index: -1; visibility: hidden}
.galleryPopUp.modal.in{display: block; z-index: 9999; visibility: visible}

.home-slide p{font: 56px/70px "Arial Black", "Helvetica Neue", sans-serif; color: #fff; text-transform: uppercase}
.home-slide .container{min-height: 730px;}

.signUpBox .mc4wp-error p, .signUpBox .mc4wp-success p{margin-top: 3px; padding: 4px!important; display: inline-block!important; width: auto!important;}
.signUpBox .mc4wp-error p{background-color: #fff!important; color: red!important; }
.signUpBox .mc4wp-success p{background-color: #fff!important; color: green!important;}

.galleryPopUp p{color: #444; font: normal 13px/20px "Helvetica Neue",Helvetica,Arial,sans-serif;}


.modal {
    text-align: center;
    padding: 0!important;
}

.modal:before {
    content: '';
    display: inline-block;
    height: 100%;
    vertical-align: middle;
    margin-right: -4px;
}

.modal-dialog {
    display: inline-block;
    text-align: left;
    vertical-align: middle;
}
.galleryPopUp .close{background: url("css/fancybox_sprite.png") no-repeat; width: 35px; height: 35px; display: block; position: absolute; top: -6px;  right: -6px; cursor: pointer; opacity: 1; z-index: 99999; outline: none}
.galleryPopUp img{height: 600px; display: block; object-fit: cover; margin: 0 auto}