@charset "utf-8";
@import "https://fonts.googleapis.com/css?family=Alegreya|Open+Sans";
@import url('https://fonts.googleapis.com/css?family=Poppins');


body {position:relative;padding:0;margin:0;font-family:'Open Sans', sans-serif;font-size:13.5px;color:#444;background:#fff url(../images/bglayer.jpg) fixed;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale; overflow-x: hidden}
a, a:active, a:link, a:hover {text-decoration:none;-webkit-transition:all .3s ease;transition:all .3s ease;outline:none;color: #000;}
h1, h2, h3, h4, h5, h6, .h6 {font-family: 'Poppins', sans-serif;margin:0;margin-bottom:25px;font-weight:400} .h4{margin-bottom:0px; text-align:right;    padding-right: 57px;
}
p {padding:10px auto;margin:10px auto;} .small-text{ text-align:justify}
.text-blue{ color:#337ab7}
.npm{ padding:0; margin:0}
.title h2 i {font-style: normal;font-weight: 200;color: #232222;}
.title h2 { color:#e52d87 }
.pink-text { color:#e52d87; font-weight:600; font-size:20px}
ul.square {list-style-type: none;padding-left: 5px;}
ul.square li { background: url(../images/isds-bullet.png)  top left no-repeat; padding-left: 25px; padding-bottom: 5px; padding-top: 5px; border-bottom: 1px dashed #ccc;}


.list_control2 {padding-top:20px;}
.list_control2 .list-item { padding: 0px; list-style-type: none;}
.list_control2 .list-item .fa {float: left; padding: 0px; margin-top: 5px; color: #f7a707; font-size: 18px; text-align: center;}
.list_control2 .list-item li { padding-left: 30px; padding-bottom: 8px; line-height: unset; letter-spacing: 0.2px;  font-size: 15px;color:#626c84;border-bottom: 1px dashed #ccc;}


spacer:before {content:"";display:inline;margin:0px 2px}
spacer {display:inline;margin:0px 5px}
.text-black {color:#000}
.text-white {color:#fff}
.text-red {color:#a4343a; text-transform:uppercase; line-height:10px; font-size:17px}

#top {    background:#ffcb08;background-size: auto auto;overflow: hidden;color: #000000;padding: 0;background-size: cover; z-index:999999999999999}
#top .text {padding:0px 0;margin-top:0;margin-bottom:0; z-index:999999}
#top .fa {color:#ffffff}
.sectors1:active, .sectors1:link, .sectors1:visited {display: inline-block;padding: 8px 12px;border-left: .5px solid #fff;color: #fff;margin: 0px;background: #000;    margin-right: -14px;}
.sectors1:last-child {border-right:.5px solid #A0A0A4;}
.sectors1:hover {background:#fab90a;color:#fff;margin:0px}

.sectors2:active, .sectors2:link, .sectors2:visited {display: inline-block;padding: 8px 12px;border-left: .5px solid #fff;color: #fff;margin: 0px;background: #e52d87;    margin-right: -14px;}
.sectors2:last-child {border-right:.5px solid #A0A0A4;}
.sectors2:hover {background:#000;color:#fff;margin:0px}

#white-head {padding:8px 0;}
.logo {width:245px;    z-index: 9999;     top: 19px;}
#white-head h2 {padding:10px 0;margin-bottom:0px}
.box-text {height:30px;border:1px solid #efefef;margin:3px 0}
.box-text .fa {background:#fab90a;color:#fff;padding:8px}
.sectors:active, .sectors:link, .sectors:visited {display:inline-block;padding:8px;border:1px solid #fff;background:#e4e4e4;color:#555;margin:1px;font-size:13px}
.sectors:hover {display:inline-block;padding:8px;border:1px solid #A0A0A4;background:#009cdb;color:#fff;margin:1px}
.navbar-band {position:absolute;top:-60.5px;text-align: center;padding: 0px; }
#grey-bg { background:#f5f5f6;padding-bottom: 40px; padding-top: 40px;}
/* ------------------------------ menu------------------------------------------------------------- */


header {position:relative;width:100%;z-index:99;}
#main-menu {background: #232222;text-align:center;display:block}

#cssmenu, #cssmenu ul, #cssmenu ul li, #cssmenu ul li a, #cssmenu #head-mobile {border:0;list-style:none;line-height:1;display:block;position:relative;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}
#cssmenu:after, #cssmenu > ul:after {content:".";display:block;clear:both;visibility:hidden;line-height:0;height:0}
#cssmenu #head-mobile {display:none}
#cssmenu ul {margin-bottom:0px}
#cssmenu > ul > li {float:left;text-transform: uppercase;z-index: 99999999999999999999999;}
#cssmenu > ul > li > a {padding:17px 20px;font-size:14px;letter-spacing:1px;text-decoration:none;color:#fff;font-weight:normal;border-right: 1px dashed #fff;}
#cssmenu > ul > li:first-child > a {border-left: 1px dashed #fff}
#cssmenu > ul > li:hover > a, #cssmenu ul li.active a {color:#fff}
#cssmenu > ul > li:hover, #cssmenu ul li.active:hover, #cssmenu ul li.active, #cssmenu ul li.has-sub.active:hover {background:#fab90a!important;-webkit-transition:background .3s ease;-ms-transition:background .3s ease;transition:background .3s ease;}
#cssmenu > ul > li.has-sub > a {padding-right:30px}
#cssmenu > ul > li.has-sub > a:after {position:absolute;top:22px;right:11px;width:8px;height:2px;display:block;background:#ddd;content:''}
#cssmenu > ul > li.has-sub > a:before {position:absolute;top:19px;right:14px;display:block;width:2px;height:8px;background:#ddd;content:'';-webkit-transition:all .25s ease;-ms-transition:all .25s ease;transition:all .25s ease}
#cssmenu > ul > li.has-sub:hover > a:before {top:23px;height:0}
#cssmenu ul ul {position:absolute;left:-9999px;margin-left:-40px}
#cssmenu ul ul li {height:0;-webkit-transition:all .25s ease;-ms-transition:all .25s ease;background:#333;transition:all .25s ease}
#cssmenu ul ul li:hover {}
#cssmenu li:hover > ul {left:auto}
#cssmenu li:hover > ul > li {height:35px}
#cssmenu ul ul ul {margin-left:100%;top:0}
#cssmenu ul ul li a {border-bottom:1px solid rgba(150, 150, 150, 0.15);padding:11px 15px;width:200px;font-size:12px;text-decoration:none;color:#ddd;font-weight:400;text-align: left;}
#cssmenu ul ul li:last-child > a, #cssmenu ul ul li.last-item > a {border-bottom:0}
#cssmenu ul ul li:hover > a, #cssmenu ul ul li a:hover {color:#fff}
#cssmenu ul ul li.has-sub > a:after {position:absolute;top:16px;right:11px;width:8px;height:2px;display:block;background:#ddd;content:''}
#cssmenu ul ul li.has-sub > a:before {position:absolute;top:13px;right:14px;display:block;width:2px;height:8px;background:#ddd;content:'';-webkit-transition:all .25s ease;-ms-transition:all .25s ease;transition:all .25s ease}
#cssmenu ul ul > li.has-sub:hover > a:before {top:17px;height:0}
#cssmenu ul ul li.has-sub:hover, #cssmenu ul li.has-sub ul li.has-sub ul li:hover {background:#363636;}
#cssmenu ul ul ul li.active a {border-left:1px solid #333}
#cssmenu > ul > li.has-sub > ul > li.active > a, #cssmenu > ul ul > li.has-sub > ul > li.active> a {border-top:1px solid #333}


@media screen and (max-width:1000px) {
nav {width:100%;}
#cssmenu {width:100%}
#cssmenu ul {width:100%;display:none;padding-left:0px;}
#cssmenu ul li {width:100%;border-top:1px solid #444}
#cssmenu ul li:hover {background:#363636;}
#cssmenu ul ul li, #cssmenu li:hover > ul > li {height:auto}
#cssmenu ul li a, #cssmenu ul ul li a {width:100%;border-bottom:0}
#cssmenu > ul > li {float:none}
#cssmenu ul ul li a {padding-left:25px}
#cssmenu ul ul li {background:#333!important;}
#cssmenu ul ul li:hover {background:#363636!important}
#cssmenu ul ul ul li a {padding-left:35px}
#cssmenu ul ul li a {color:#ddd;background:none}
#cssmenu ul ul li:hover > a, #cssmenu ul ul li.active > a {color:#fff}
#cssmenu ul ul, #cssmenu ul ul ul {position:relative;left:0;width:100%;margin:0;text-align:left}
#cssmenu > ul > li.has-sub > a:after, #cssmenu > ul > li.has-sub > a:before, #cssmenu ul ul > li.has-sub > a:after, #cssmenu ul ul > li.has-sub > a:before {display:none}
#cssmenu #head-mobile {display:block;padding:23px;color:#ddd;font-size:12px;font-weight:700}
.button {width:55px;height:46px;position:absolute;right:0;top:0;cursor:pointer;z-index: 12399994;}
.button:after {position:absolute;top:19px;right:20px;display:block;height:5px;width:20px;border-top:2px solid #dddddd;border-bottom:2px solid #dddddd;content:''}
.button:before {-webkit-transition:all .3s ease;-ms-transition:all .3s ease;transition:all .3s ease;position:absolute;top:16px;right:20px;display:block;height:2px;width:20px;background:#ddd;content:''}
.button.menu-opened:after {-webkit-transition:all .3s ease;-ms-transition:all .3s ease;transition:all .3s ease;top:23px;border:0;height:2px;width:19px;background:#fff;-webkit-transform:rotate(45deg);-moz-transform:rotate(45deg);-ms-transform:rotate(45deg);-o-transform:rotate(45deg);transform:rotate(45deg)}
.button.menu-opened:before {top:23px;background:#fff;width:19px;-webkit-transform:rotate(-45deg);-moz-transform:rotate(-45deg);-ms-transform:rotate(-45deg);-o-transform:rotate(-45deg);transform:rotate(-45deg)}
#cssmenu .submenu-button {position:absolute;z-index:99;right:0;top:0;display:block;border-left:1px solid #444;height:46px;width:46px;cursor:pointer}
#cssmenu .submenu-button.submenu-opened {background:#262626}
#cssmenu ul ul .submenu-button {height:34px;width:34px}
#cssmenu .submenu-button:after {position:absolute;top:22px;right:19px;width:8px;height:2px;display:block;background:#ddd;content:''}
#cssmenu ul ul .submenu-button:after {top:15px;right:13px}
#cssmenu .submenu-button.submenu-opened:after {background:#fff}
#cssmenu .submenu-button:before {position:absolute;top:19px;right:22px;display:block;width:2px;height:8px;background:#ddd;content:''}
#cssmenu ul ul .submenu-button:before {top:12px;right:16px}
#cssmenu .submenu-button.submenu-opened:before {display:none}
#cssmenu ul ul ul li.active a {border-left:none}
#cssmenu > ul > li.has-sub > ul > li.active > a, #cssmenu > ul ul > li.has-sub > ul > li.active > a {border-top:none}}

@media (max-width: 767px) {
#main-menu {text-align: left;margin-left: -40px;}
spacer {display:block;height:1px;width:100%;overflow:hidden}}
@media (max-width: 767px) {
#white-head h2 {font-size:27px}
.sectors1:active, .sectors1:link, .sectors1:visited {padding: 8px;font-size:12px;margin-top: 10px;}
.box-text {height:43px;border:1px solid #efefef;margin:8px;padding:5px;background:#fff}
#cssmenu > ul > li:first-child > a {border-left:none;}
#cssmenu > ul > li > a {border-right:none;}
#main-menu .pull-right {width:100%;}
}
/*-------------------------------MENU CLOSE-------------------------------------*/
/*--------------------------------Donation--------------------------------------*/
#donation {background:#232222 url(../images/pink.png) right bottom no-repeat; padding:0px;  overflow:hidden; color:#fff}
#donation h1 { margin-bottom:0px} 
.title-2{ background:#232222; padding:15px; position:relative}
.title-1{ background:#e52d87; padding:15px; position:relative}
.title-1:before {font-weight: normal;font-size: 30px;color: #fff;padding: 0px; text-align:center;border-style: solid;
border-width: 0 0 100px 100px; position:absolute; content:'';border-color: transparent transparent #e52d87 transparent; overflow:hidden; height:0; width:0;left: -100px;top: -6px;}

/*--------------------------------Donation Close--------------------------------------*/
@import url(https://fonts.googleapis.com/css?family=Raleway:400,500);
figure.snip0069 {font-family: 'Poppins', sans-serif;color: #fff;position: relative;overflow: hidden;margin-bottom: 10px;
/*  min-width: 220px;max-width: 310px;*/width: 100%;text-align: center; float:left}
figure.snip0069 * {-webkit-box-sizing: border-box;box-sizing: border-box;}
figure.snip0069 > .image {display: block;position: relative;padding: 15px 0;}
figure.snip0069 > .image img {width: 70%;border-radius: 50%;}
figure.snip0069 > .image:before {position: absolute;bottom: 0;content: '';background: #ffffff;width: 100%;top: 50%;left: 0;right: 0;z-index: -1;}
figure.snip0069 figcaption {position: relative;background: #ffffff;}
figure.snip0069 figcaption:before {position: absolute;width: 100%;background: #000000;height: 0px;bottom: 0;display: block;content: '';-webkit-transition: all 0.3s;transition: all 0.3s;}
figure.snip0069 h3,
figure.snip0069 p {margin: 0;display: inline-block;width: 100%; text-align:center}
figure.snip0069 h3 {padding: 13px 9px;background: #333333;text-transform: uppercase;font-size: 17px;line-height: 25px;}
figure.snip0069 p {font-size: 0.9em;font-weight: 500;background: #ffffff;color: #4d4d4d;padding: 20px 40px 30px;}
figure.snip0069 a {left: 0;right: 0;top: 0;bottom: 0;position: absolute;color: #ffffff;}
figure.snip0069.red h3,
figure.snip0069.red figcaption:before {background: #2980b9;}
figure.snip0069.orange h3,
figure.snip0069.orange figcaption:before {background: #c0392b;}
figure.snip0069.blue h3,
figure.snip0069.blue figcaption:before {background: #e67e22;}
figure.snip0069.burgundy h3,
figure.snip0069.burgundy figcaption:before {background: #5a1846;}
figure.snip0069.4 h3,
figure.snip0069.4 figcaption:before {background: #34495e;}
figure.snip0069.yellow h3,
figure.snip0069.yellow figcaption:before {background: #fdc300;}
figure.snip0069.black h3,
figure.snip0069.black figcaption:before {background: #232222;}
figure.snip0069:hover figcaption:before,
figure.snip0069.hover figcaption:before {height: 10px;}


/*-------------------------------About------------------------------------------*/
.welcome-title .title-1 {font-weight: normal;font-size: 30px;color: #232222;}
.welcome-isds-img { text-align: right;}
.welcome-title .title-1 span,.welcome-title .title-2 span { font-weight:bold; font-size:28px;color: #bc0303;line-height: 1.8em;}
.welcome-title .title-2 {color: #232222;font-size: 18px;text-transform: uppercase;line-height: 26px;}
.welcome-title { padding-bottom: 0px}
.welcome-content > p {padding-right: 230px;color: #FFF;color: #e2e2e2;margin: 0 0 30px;}
.welcome-content > p span { color: #bc0303; font-size: 16px;font-weight: 400;}
#welcome-isds { background:#fff; padding-bottom: 70px; padding-top: 35px;}
.welcome-isds {padding-bottom: 70px;padding-top: 70px;}

.isds-donations {background: url(../images/donations-bg.png) no-repeat scroll right 0 #2e2e2e;background-size: auto auto;float: left;padding: 45px 35px;margin: 30px 0 0;z-index: 1;position: relative;overflow: hidden;background-size: contain;-webkit-border-radius: 5px;-moz-border-radius: 5px;-ms-border-radius: 5px;-o-border-radius: 5px;border-radius: 5px;}

/*=============== isds Join Box ===================*/
.isds-join-box{float:left;width:100%;border:10px solid #FFF;border-bottom:0;background:url(../images/join-bg.jpg) no-repeat;background-size:cover;padding:66px 25px;position:relative;z-index:1;-webkit-border-radius:5px;-moz-border-radius:5px;-ms-border-radius:5px;-o-border-radius:5px;border-radius:5px;}
.isds-join-box.overlap{    margin-top: -88px;z-index: 99;}
.isds-join-box:before{content:"";position:absolute;left:0;top:0;width:100%;height:100%;background:#ececec;opacity:0.9;z-index:-1;}
.isds-join-box span{font-size:14px;margin:0 0 10px;display:table; color:#a4343a}
.isds-join-box h3{font-size:20px;font-weight:normal;margin:0 0 30px; color:#000}
.isds-join-box p{font-size:16px;color:#565656;margin:0 0 33px;}
.isds-join-box strong { color:#a4343a;font-weight: 800; font-size:38px}

.btn_slide2 { color: #fff; padding: 10px 18px; margin-top: 3px; border-radius: 8px; font-weight: 600; position: relative; background: rgba(142, 34, 34, 1); border: 2px solid #ffffff; display: inline-block; vertical-align: middle; -webkit-transform: translateZ(0); transform: translateZ(0); box-shadow: 0 0 1px rgba(0, 0, 0, 0); -webkit-backface-visibility: hidden; backface-visibility: hidden; -moz-osx-font-smoothing: grayscale; -webkit-transition-property: color; transition-property: color; -webkit-transition-duration: 0.3s; transition-duration: 0.3s; top: 22px;}
.btn_slide2:before {content: "";position: absolute;z-index: -1;top: 0;bottom: 0;left: 0;right: 0;border-radius: 8px;background: #f9c322;-webkit-transform: scaleX(0);transform: scaleX(0);-webkit-transform-origin: 50%;transform-origin: 50%;-webkit-transition-property: transform;transition-property: transform;-webkit-transition-duration: 0.3s;transition-duration: 0.3s;-webkit-transition-timing-function: ease-out;transition-timing-function: ease-out;}
.btn_slide2:hover,.btn_slide2:focus,.btn_slide2:active {color: #fff;border-color: #f9c322;}
.btn_slide2:hover:before,.btn_slide2:focus:before,.btn_slide2:active:before {-webkit-transform: scaleX(1);transform: scaleX(1);}


/*-------------------------------------------event--------------------------------*/

#isds-event { background:#f5f5f6; padding-bottom:70px; padding-top:70px;}
#isds-event .title {font-size: 14px; margin: 0 0 10px;color: #a4343a; text-align:center;    line-height: 39px; text-transform: uppercase}
#isds-event .title h2 {font-size: 35px;text-transform: uppercase;margin: 0;line-height: 1.1;font-weight: 600;margin-bottom: 47px;}
#isds-event .title h2 i {font-style: normal;font-weight: 200;}
.isds-event{float:left;width:100%;margin:0 0 -30px;}
.isds-event{float:left;width:100%;margin:0 0 55px;background:#FFF;text-align:center;}
.isds-event-img{float:left;width:100%;margin-bottom:35px;position:relative;}
.isds-event-img:before{content:"";position:absolute;left:0;bottom:0;width:100%;height:34px;background:url(../images/isds-cause.png) no-repeat scroll center bottom / 100% 100% transparent;}
.isds-event-img img{width:100%}
.isds-event h4{font-size:16px;font-weight:500;float:left;width:100%;padding:0 10px;margin:0 0 20px;}
.isds-event span {font-style:normal;margin:0 0 10px;font-size: 14px;margin: 0 0 10px;display: table;color: #a4343a;}
.isds-event .btn{margin-bottom:-23px}
#isds-event h2{ margin-bottom:20px}


#isds-event .fancy-event{float:left;width:100%;position:relative;background:#000;margin:0 0 8px;}
#isds-event .masonary{float:left;width:100%;}
#isds-event .isds-fancy-events .masonary > div{padding:0 4px}
#isds-event .fancy-event img{width:100%;}
#isds-event .fancy-event span{position:absolute;left:30px;top:30px;z-index:1;background:black;color:#FFF;font-size:12px;padding:2px 10px;border-radius:4px;font-weight:500;}
#isds-event .fancy-event-details{    position: absolute; left: 0; bottom: 0; padding: 15px; width: auto; text-align: left; background: #000; /* opacity: 0.5; */ padding-left: 30px;}
#isds-event .fancy-event-details h3{font-size:22px;color:#FFF;font-weight:400;margin:0 0 10px;}
#isds-event .fancy-event-details i{font-size:13px;color:#d9d9d9;font-style:normal;font-family:'Poppins', sans-serif;font-weight:400;}
#isds-event .custom-row{margin:0 -4px}
#isds-event .custom-row > div > div{  float:left;  padding:0 0 4px;}
#isds-event .custom-grid1{width:100%}
#isds-event .custom-grid2{width:100%}
#isds-event .fancy-event-details a, a:active, a:link, a:hover {color: #ffffff;}
/*-------------------------------------------event close--------------------------------*/
/*-----------------------------------contact us --------------------------------*/
#breadcrumb {border-bottom: 0px ;background-color:#bf1468;border-radius: 0}
.breadcrumb {margin-bottom: 0px;background-color:transparent;border-radius: 0px}
.spacer1:before {content: "\2666";color: #000;width: 5px;padding: 5px;margin: 0}
.breadcrumb li a {color: #fff}.breadcrumb li a:hover {color: #ffcb08}
.breadcrumb>li+li:before { color:#fff}

/*-------------------------------------------RECENT CAUSES--------------------------------*/


.title {font-size: 14px; margin: 0 0 10px;color:#e52d87;line-height: 39px; text-transform: uppercase}
.title h2 {font-size: 30px;text-transform: uppercase;margin: 0;line-height: 1.1;font-weight: 600;margin-bottom: 10px;}
.title h2 i {font-style: normal;font-weight: 200;} 
#recent-causes p{ text-align:justify} .p{ text-align:center}
.recent-causes{float:left;width:100%;margin:0 0 -30px;}
.recent-cause{float:left;width:100%;margin:0 0 55px;background:#FFF;text-align:center;}
.recent-cause-img{float:left;width:100%;margin-bottom:35px;position:relative;}
.recent-cause-img:before{content:"";position:absolute;left:0;bottom:0;width:100%;height:34px;background:url(../images/isds-cause.png) no-repeat scroll center bottom / 100% 100% transparent;}
.recent-cause-img img{width:100%}
.recent-cause h4{font-size:16px;font-weight:500;float:left;width:100%;padding:0 10px;margin:0 0 20px;}
.recent-cause span {font-style:normal;margin:0 0 10px;font-size: 14px;margin: 0 0 10px;display: table;color: #a4343a;}
.recent-cause .btn{margin-bottom:-23px}
#recent-cause h2{ margin-bottom:20px}


/* -----------------------------------------Associates--------------------------------------------*/
.Associates_section {padding-top:40px;padding-bottom:40px;background:#fff}
.slidedesk_content {height: 439px;padding: 30px 50px;background: #ffcb08 url(../images/associates-bg.jpg) no-repeat right bottom;position: relative;margin-left: -100px;margin-top: 59px;border-radius: 5px;color: #000;text-align: justify;-webkit-box-shadow: -9px -2px 16px -4px rgba(0,0,0,0.39);
-moz-box-shadow: -9px -2px 16px -4px rgba(0,0,0,0.39);
box-shadow: -9px -2px 16px -4px rgba(0,0,0,0.39);}
.slidedesk_content h4 {color: #000;font-size: 24px;text-transform: uppercase;margin-bottom:10px;    margin-top: 32px;}
.slidedesk_content p {margin: 20px auto; color: #000;}
.Associates_section.section2 {padding-top:0px;}
.list_control{padding-top:10px}
.list_control .list-item{padding:0;list-style-type:none}
.list_control .list-item .fa{float:left;padding:4px 0px;margin-top:0;color:#ffcc61;font-size:18px;text-align:center;font-weight:600}.list_control .list-item li{padding-left:20px;padding-bottom:8px;line-height:unset;letter-spacing:.2px;font-size:15px;color:#fff} 
.Associates_section .owl-controls {margin: 0}
.Associates_section .owl-controls .owl-buttons {position: absolute;right: 729px;margin: auto;bottom: -51px;}
.Associates_section .owl-controls .owl-buttons div {width:40px; height:40px;line-height: 35px;border-radius: 50px;text-align: center;border: 1px solid #2f2f2f;background:#2f2f2f;transition: all 0.3s;color: #fff;font-size: 18px;opacity: 1}
.Associates_section .owl-controls .owl-buttons div:hover {background:#8e2222;border: 1px solid #8e2222;color: #fff}
.Associates_section .owl-controls .owl-buttons div.owl-prev {margin-left: 0px;} 
.Associates_section img {    border-radius: 0px;}

.btn_slide3 { color: #fff; padding: 10px 18px; margin-top: 3px; border-radius: 8px; font-weight: 600; position: relative; background: rgb(15, 160, 169); border: 2px solid #ffffff; display: inline-block; vertical-align: middle; -webkit-transform: translateZ(0); transform: translateZ(0); box-shadow: 0 0 1px rgba(0, 0, 0, 0); -webkit-backface-visibility: hidden; backface-visibility: hidden; -moz-osx-font-smoothing: grayscale; -webkit-transition-property: color; transition-property: color; -webkit-transition-duration: 0.3s; transition-duration: 0.3s; top: 22px;}
.btn_slide3:before {content: "";position: absolute;z-index: -1;top: 0;bottom: 0;left: 0;right: 0;border-radius: 8px;background: #000;-webkit-transform: scaleX(0);transform: scaleX(0);-webkit-transform-origin: 50%;transform-origin: 50%;-webkit-transition-property: transform;transition-property: transform;-webkit-transition-duration: 0.3s;transition-duration: 0.3s;-webkit-transition-timing-function: ease-out;transition-timing-function: ease-out;}
.btn_slide3:hover,.btn_slide3:focus,.btn_slide3:active {color: #fff;border-color: #f9c322;}
.btn_slide3:hover:before,.btn_slide3:focus:before,.btn_slide3:active:before {-webkit-transform: scaleX(1);transform: scaleX(1);}


.different { background:#fff no-repeat left bottom; background-position: fixed; padding-bottom:35px;}


/*----------------------------------------- Contact Form----------------------------------- */

.contact_form form .form-control {border-top:none;border-left:none;border-right:none;border-bottom: 2px solid #dfdfdf;border-radius: 0px;box-shadow: none;min-height:50px;transition: all 300ms linear 0ms;color: #9b9b9b;font-size: 13px;padding: 8px 0;line-height: 22px;margin-bottom: 20px; background:#f5f5f6}
.contact_form form .form-control:hover {border-bottom: 2px solid #ffcb08;}
.contact_form form {}
.contact_form form .form-group {margin-bottom: 0px;}
.contact_form form select {width: 100%;text-transform: none;padding: 10px 5px;border: 0px;border-bottom: 2px solid #dfdfdf;margin-bottom: 20px;}
.contact_info {position: relative;margin-bottom: 30px;color: #001d26;background: #fff;padding: 20px 5px;padding-left: 100px;border-radius: 4px;box-shadow: 0px -5px 1px #6cb957;}
.contact-icon {position: absolute;left: 20px;padding: 2px 0;transition: 0.2s all;}
.contact-icon i {position: relative;font-size: 2.2em;background: #f9fcf8;width:50px;height:50px;color: #6cb957;border-radius: 6px;text-align: center;padding-top: 10px;}
.contact-icon i:after {content: "";position: absolute;right: -12px;margin-top: 12px;margin-left: -6px;border: 6px solid transparent;border-left-color: #fff;}
.contact_info:hover .contact-icon {transform: translateX(10px);}
.contact_info h4 {font-size: 18px;line-height:24px;font-weight:600;margin: 5px 0px;}
.contact_info p a {color:#001d26;text-decoration:none;font-size: 16px;}
.contact_info p {margin: 0;font-size:13px;line-height:20px;}
.contact_info p a:hover {color:#6cb957;}
.contact_form .form-check label {color: #333;font-size: 14px;position: relative;top: -3px;}
.news-btn1 {background:rgb(15, 160, 169);border: 1px solid rgb(15, 160, 169);color: #fff;font-weight: 500;letter-spacing: 1px;font-size: 13px;text-transform: uppercase;padding: 12px 20px;cursor: pointer;border-radius: 0;transition: all 0.4s ease-in-out;-webkit-transition: all 0.4s ease-in-out;-moz-transition: all 0.4s ease-in-out;-o-transition: all 0.4s ease-in-out;-ms-transition: all 0.4s ease-in-out;outline:0}
.news-btn1:hover, .news-btn1:focus {border-color: #000;background: #000;color:#fff;outline:0}

/*--------------------------------------------- End contact--------------------------------------------- */ 

@media (max-width: 1080px){
.slidedesk_content {margin-left: 0px;margin-top: 0px; padding: 20px 20px;}}





/*=============== isds Fancy Events ===================*/
.isds-fancy-events{float:left;width:100%;}
.fancy-event{float:left;width:100%;position:relative;background:#000;margin:0 0 8px;}
.masonary{float:left;width:100%;}
.isds-fancy-events .masonary > div{padding:0 4px}
.fancy-event img{width:100%;}
.fancy-event span{position:absolute;left:30px;top:30px;z-index:1;background:black;color:#FFF;font-family:'Poppins', sans-serif;font-size:12px;padding:2px 10px;border-radius:4px;font-weight:500;}
.fancy-event-details{    position: absolute; left: 0; bottom: 0; padding: 15px; width: auto; text-align: left; background: #000; /* opacity: 0.5; */ padding-left: 30px;}
.fancy-event-details h3{font-size:22px;color:#FFF;font-weight:400;margin:0 0 10px;}
.fancy-event-details i{font-size:13px;color:#d9d9d9;font-style:normal;font-family:'Poppins', sans-serif;font-weight:400;}
.custom-row{margin:0 -4px}
.custom-row > div > div{  float:left;  padding:0 0 4px;}
.custom-grid1{width:60%}
.custom-grid2{width:40%}
.fancy-event-details a, a:active, a:link, a:hover {color: #ffffff;}

.partners-img {display:inline-block; width:175px; height:auto; padding:10px}

/*=============== Footer ===================*/
footer{background:#2e2e2e;float:left;width:100%;}
footer .block{padding:80px 0 80px}
.widget{float:left;width:100%;list-style:none}
.about-widget{float:left;width:100%;}
.about-widget .logo{text-transform:uppercase;color:#FFF;font-weight:700;margin:0 0 30px;display:table;float:none; width:75px}
.about-widget p{color:#848484}
.newsletter-form{float:left;width:80%;background:#222222;border-radius:50px;height:47px;position:relative;  border:none;    top: 10px;}
.newsletter-form input{float:left;width:100%;height:100%;background:no-repeat;font-size:13px;color:#f4f4f4;text-transform:uppercase;padding:0 40px;opacity:0.4;margin:0; border:none}
.newsletter-form button{position:absolute;right:28px;background:no-repeat;height:100%; border:none; color:#fff}
.widget-title{font-size:20px;color:#FFF;text-transform:uppercase;font-weight:500;margin:0 0 30px;list-style:none}
footer .widget ul{margin:0}
footer .widget ul li{padding:0;color:#848484;margin:0 -35px 14px;}
footer .widget ul li:before{display:none}
.isds-gallery{float:left;width:100%;}
.isds-gallery .row{margin:0}
.isds-gallery .row > div{padding:0}
.isds-gallery .row > div a{float:left;width:100%;}
.isds-gallery .row > div a img{width:100%;padding:3px;}
.isds-gallery .row > div a img:hover{opacity:0.4}
.bottombar{float:left;width:100%;background:#2e2e2e;padding:30px 0;}
.bottombar p{float:left;color:#FFF;margin:0;color:#616161;}
.bottombar p a{color:#FFF}
.socials{float:right;}
.socials a{float:left;color:#616161;font-size:15px;margin-left:30px;}
.socials a:hover{color:#FFF}
a, a:active, a:link, a:hover { color:#ffcb08;}
.row .row { max-width: 100%;  margin: 0 0; }
#copyright {background:#232222;padding: 10px 0;color: #fff; font-size: 12px;}
#copyright a, a:active, a:link {color:#fff}
#copyright a:hover {color:#fff}

.pullme_left{float: left;}
.pullme_right{float: right;}

.mrg15{margin-top:15px;}
@media only screen and (max-width: 768px){
.pd5{padding:0px 39px 0px 35px!important;}
}
@media only screen and (max-width: 767px) {
body { overflow-x:hidden}
.navbar-band {     position: absolute; top: -92px; left: 0;    max-width: 121px;}

#white-head h2 { padding: 13.5px 0;margin-bottom: 0px;     text-align: right;}
.welcome-title .title-1 span, .welcome-title .title-2 span {font-weight: bold;font-size: 23px;}
.widget-title {margin: 20px 0px 30px;list-style: none;}
footer .block { padding: 50px 0 50px;}
.navbar-brand {position: absolute;top:-43px;	}
.logo {width: 194px}
.Associates_section .owl-controls .owl-buttons {position: absolute; top: -38px;right: 35%;}
.Associates_section .owl-controls .owl-buttons div {background: #000; color: #fff;}

.fancy-event-details {position:relative;float:left;width:100%;padding:20px; background:#000}
.fancy-event span{position:relative;float:left;width:100%;left:0;top:0;border-radius:0}
.fancy-event-details h3{font-size:18px}
.isds-fancy-events .masonary > div { padding: 0 4px; width: 100%;}
#copyright .text-right {text-align:center;}
#top .text {padding:0px 0;margin-top:0;margin-bottom:0; z-index:999999; float:right}
#donation h1 { text-align: center; margin-bottom: 0px;}
#donation h1 a:hover { color:#ffcb08}
.slidedesk_content {height: 597px;}
figure.snip0069 p{ text-align:center}
.different { background: #fff;}
.ban-image{ position:relative; padding-top:120px}
.widget {margin-left: 0px; padding: 0;}
.h4, h4 {font-size: 15px;}
.sectors2:active, .sectors2:link, .sectors2:visited {display: inline-block;padding: 8px 12px;border-left: .5px solid #fff;color: #fff;margin: 0px;background: #e52d87;margin-right: -32px;}
.tc{text-align:center;}
.pullme_left{float: right;width: 100%;}
.pullme_right{float: left;}
.title h2 {font-size: 25px;text-transform: uppercase;margin: 0;line-height: 1.1;font-weight: 600;margin-bottom: 10px;}
#donation {margin-top: 33px;}
}

.black-text{color:#000;}
.white-text{color:#fff;}
.mrgb10{margin-bottom: 10px;}
.list-c{list-style-type: none;padding: 0px;}
#exTab1 .tab-content {color: #232222;background-color: #f5f5f6;padding : 5px 15px;}
#exTab2 h3 {color : white;background-color: #428bca;padding : 5px 15px;}

/* remove border radius for the tab */

#exTab1 .nav-pills > li > a {border-radius: 0;}

/* change border radius for the tab , apply corners on top*/

#exTab3 .nav-pills > li > a {border-radius: 4px 4px 0 0 ;}

#exTab3 .tab-content {color : white; background-color: #428bca;padding : 5px 15px;}

.nav-pills>li.active>a, .nav-pills>li.active>a:focus, .nav-pills>li.active>a:hover {color: #fff;background-color: #ffca08;}
.text-center{text-align:center;}
.img-bdrc{padding: 8px;
/* border: 1px solid #000; */
box-shadow: 0 1px 6px rgba(0,0,0,0.5);background: #fff;}
.mgpd0 {margin:0;padding:0px;}
.mrg20{margin-top:20px;}
.pd5{padding:0px 39px 0px 15px;}


@media (max-width: 640px){

figure.effect-duke h2  {font-size: 13px;}
figure.effect-duke p {padding: 3px!important;margin: 84px;font-size: 66%;}}

