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


/* #### Generated By: http://www.cufonfonts.com #### */

@font-face {
font-family: 'Colfax Black';
font-style: normal;
font-weight: normal;
src: local('Colfax Black'), url('../fonts/Colfax-Black.woff') format('woff');
}


@font-face {
font-family: 'Colfax Light';
font-style: normal;
font-weight: normal;
src: local('Colfax Light'), url('../fonts/Colfax-Light.woff') format('woff');
}


@font-face {
font-family: 'Colfax Medium';
font-style: normal;
font-weight: normal;
src: local('Colfax Medium'), url('../fonts/Colfax-Medium.woff') format('woff');
}


@font-face {
font-family: 'Colfax Regular';
font-style: normal;
font-weight: normal;
src: local('Colfax Regular'), url('../fonts/Colfax-Regular.woff') format('woff');
}


@font-face {
font-family: 'Colfax Thin';
font-style: normal;
font-weight: normal;
src: local('Colfax Thin'), url('../fonts/Colfax-Thin.woff') format('woff');
}


@font-face {
font-family: 'Colfax Black Italic';
font-style: normal;
font-weight: normal;
src: local('Colfax Black Italic'), url('../fonts/Colfax-BlackItalic.woff') format('woff');
}


@font-face {
font-family: 'Colfax Bold';
font-style: normal;
font-weight: normal;
src: local('Colfax Bold'), url('../fonts/Colfax-Bold.woff') format('woff');
}


@font-face {
font-family: 'Colfax Bold Italic';
font-style: normal;
font-weight: normal;
src: local('Colfax Bold Italic'), url('../fonts/Colfax-BoldItalic.woff') format('woff');
}


@font-face {
font-family: 'Colfax Light Italic';
font-style: normal;
font-weight: normal;
src: local('Colfax Light Italic'), url('../fonts/Colfax-LightItalic.woff') format('woff');
}


@font-face {
font-family: 'Colfax Medium Italic';
font-style: normal;
font-weight: normal;
src: local('Colfax Medium Italic'), url('../fonts/Colfax-MediumItalic.woff') format('woff');
}


@font-face {
font-family: 'Colfax Regular Italic';
font-style: normal;
font-weight: normal;
src: local('Colfax Regular Italic'), url('../fonts/Colfax-RegularItalic.woff') format('woff');
}


@font-face {
font-family: 'Colfax Thin Italic';
font-style: normal;
font-weight: normal;
src: local('Colfax Thin Italic'), url('../fonts/Colfax-ThinItalic.woff') format('woff');
}

/*reset*/

a, abbr, acronym, address, applet, article, aside, audio,
b, blockquote, big, body,
center, canvas, caption, cite, code, command,
datalist, dd, del, details, dfn, dl, div, dt, 
em, embed,
fieldset, figcaption, figure, font, footer, form, 
h1, h2, h3, h4, h5, h6, header, hgroup, html,
i, iframe, img, ins,
kbd, 
keygen,
label, legend, li, 
meter,
nav,
object, ol, output,
p, pre, progress,
q, 
s, samp, section, small, span, source, strike, strong, sub, sup,
table, tbody, tfoot, thead, th, tr, tdvideo, tt,
u, ul, var, input {
  background: transparent;
  border: 0 none;
  font-size: 100%;
  margin: 0;
  padding: 0;
  border: 0;
  outline: 0;
  /*font-family: 'Colfax Regular';*/
  vertical-align: top; }

h3 {
  	font-family: 'Colfax Medium';
  }
 
p {
    margin: 20px 0;
 }

/* input[type="text"],  textarea {
  font-family: 'Colfax-Regular';
 }*/

ol, ul {
  list-style: none;
}
blockquote, q {
  quotes: none;
}
table, table td { 
  padding:0;
  border:none;
  border-collapse:collapse;
}
img {
    width: 100%;
  vertical-align:top; 
}
embed { 
  vertical-align:top;
}
* { border:none}

/*end of reset*/

.btn {
    padding: 0;
    margin-top: 20px;
}

body {font-family: "Colfax Regular";}

.container {
    width: 1200px;
    margin: 0 auto;
}

row {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-flex-wrap: nowrap;
    -ms-flex-wrap: nowrap;
    -webkit-flex-basis: 100%;
    -ms-flex-basis: 100%;
    flex-basis: 100%;
}

/*menu*/

.logo {
    position: relative;
    z-index: 123;
    /*padding: 10px;*/
    font: 18px verdana;
    color: #6DDB07;
    float: left;
    width: 280px;
}

.logo a {
    color: #6DDB07;
}

nav {
    position: relative;
    /*width: 980px;*/
    margin: 0 auto;
}

#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;
    /*margin-top: -1px;*/
    border-right: solid 1px white;
}

#cssmenu:after,
#cssmenu > ul:after {
    content: ".";
    display: block;
    clear: both;
    visibility: hidden;
    line-height: 0;
    height: 0
}

#cssmenu #head-mobile {
    display: none
}

#cssmenu {
    /*font-family: sans-serif;*/
    /*background: #fff;*/
}

ul.right-nav {
    float: right;
    margin-right: 5px;
}

#cssmenu > ul > li {
    float: left
}

#cssmenu > ul > li > a {
    padding: 25px 22px;
    font-size: 15px;
    letter-spacing: 1px;
    text-decoration: none;
    /* text-transform: uppercase; */
    color: #0c153c;
    /* font-weight: 700; */
    border-bottom: solid 3px #ffffff;
}

#cssmenu > ul > li:hover > a {
    color: #0c153c;
    border-bottom: solid 3px #ececec;
}

#cssmenu ul li.active a {
    color: #0c153c;
    border-bottom: solid 3px #0c153c;
}

#cssmenu > ul > li:hover,
#cssmenu ul li.active:hover,
#cssmenu ul li.active,
#cssmenu ul li.has-sub.active:hover {
    background: #ececec!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
}

#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: 170px;
    font-size: 12px;
    text-decoration: none;
    color: #ddd;
    font-weight: 400;
}

#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
}

li.support_menu a {
    border-bottom: solid 3px #11de9d !important;
    background: #11de9d;
    color: #0c153c;
}

li.support_menu.active a {
    background: #08d695;
    border-bottom: solid 3px #0c153c !important;
}

.highlight {
    color: #08d695;
}


@media screen and (max-width:768px) {
    .logo {
        /*position: absolute;*/
    top: 0;
    left: 0;
    width: 100%;
    height: 16px;
    text-align: center;
    padding: 10px 0 0 0;
    float: none;
    }

    #cssmenu .logo img {
    width: 230px;
    float: left;
        padding-left: 20px;
}

    .logo2 {
        display: none
    }
    nav {
        width: 100%;
    }
    #cssmenu {
        width: 100%
    }

    #cssmenu, #cssmenu ul, #cssmenu ul li, #cssmenu ul li a, #cssmenu #head-mobile {
    border: 0;
}

    #cssmenu ul {
        width: 100%;
        display: none;
        margin-right: 0;
    }
    #cssmenu ul li {
        width: 100%;
        border-top: 1px solid #dfdfdf;
    }
    #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
            background: #f2f2f2;
    }
    #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: 27px;
        color: #ddd;
        font-size: 12px;
        font-weight: 700
    }

    .button {
        width: 55px;
        height: 46px;
        position: absolute;
        right: 0;
        top: 10px;
        cursor: pointer;
        z-index: 12399994;
    }
    .button:after {
        position: absolute;
        top: 22px;
        right: 20px;
        display: block;
        height: 4px;
        width: 20px;
        border-top: 2px solid #333333;
        border-bottom: 2px solid #333333;
            padding: 2px;
        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: #333333;
        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;
            padding: 0;
        background: #333;
        -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: #333;
        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: #0c153c;
        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: #0c153c;
        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
    }
}

/*end of menu*/




section {
    background: #fff;
    /*padding: 20px 0 0;*/
    min-height: 100%;
    position: relative;
    padding: 70px 0px;
}

.header_top {
	height: 30px;
	background: #0c153c;
}

.header_top ul {
    float: right;
}

.header_top li {
    display: inline-block;
    margin: 7px 10px 0;
}

.header_top li a {
    color: white;
}

.header_top li a:hover {
    color: #11de9d;
}

ul.social {
    /*margin-right: 20px;*/
}

#main-header {
	height: auto;
    align-items: center;
    background: #f8f8f8;
}

#navbar-brand {
	width: auto;
    float: left;
    margin: 7px 0px;
}

#navbar-brand img {
    width: 240px;
}

#navbar-main {
    float: right;
    width: auto;
}

#navbar-main li {
    float: left;
    margin-right: 20px;
    /*padding: 0 10px;*/
}

#navbar-main li a {
    color: #000;
    text-decoration: none;
    display: block;
    padding: 25px 10px;
}

#navbar-main li a:hover {
    background: #ececec;
}

section#hero {
    width: 100%;
    height: auto;
    display: inline-block;
    padding: 0;
}

section#hero .hero_left {
    /*background: url(../images/bg-hero.jpg);*/
    width: 50%;
    height: 400px;
    float: left;
     padding: 0 0 0 100px; 
         background: #11de9d;
}

section#hero .hero_right {
    background: url(../images/hero_image.jpg);
    background-size: cover;
    background-repeat: no-repeat;
    width: 50%;
    height: 400px;
    float: left;
}

.info {
    width: 440px;
    /*margin: auto;*/
    margin-top: 70px;
}

.info .title .thin {
    color: white;
    font-size: 53px;
    font-family: 'Colfax Light';
    text-transform: uppercase;
    /*margin: 10px 0;*/
}

.info .title .bold {
    color: white;
    font-size: 41px;
    font-family: 'Colfax Bold';
    text-transform: uppercase;
}

.info .text {
	color:#fff;
}

#success .btn {
	margin: 30px 0;
}

.btn a {
    background: #0c153c;
    color: #fff;
    padding: 10px 30px;
    border-radius: 50px;
    display: inline-block;
    text-decoration: none;
}

.btn a:hover {
	color: #11de9d;
}

.form-group button {
    background: #11de9d;
    color: #ffffff;
    padding: 10px 50px;
    border-radius: 50px;
    display: inline-block;
    text-decoration: none;
    border: 0;
}

textarea.form-control {
    height: 200px;
    /*max-width: 636px;*/
}

.newsletter .form-group button {
    padding: 10px 30px;
    border-radius: 5px;
    margin: 10px 0px;
}

.newsletter .form-group {
    margin-top: -10px;
}

.form-group button:hover {
    color: #0abb83;
}

.form-control:focus {
    border-color: #66e9a0;
    outline: 0;
     -webkit-box-shadow: none; 
     box-shadow: none; 
}

.btn-primary:hover {
    color: #fff;
    background-color: #0c153c;
    border-color: #0c153c;
}

.section-heading {
    width: 50%;
    margin: auto;
    text-align: center;
    margin-bottom: 50px;
}

.section-title {
    text-align: center;
    color: #0c153c;
    font-size: 30px;
    text-transform: uppercase;
    margin: auto;
}

#help .image {
    width: 150px;
    height: 150px;
    background: #0c153c;
    border-radius: 50%;
    border: solid 8px #fff;
    text-align: center;
    margin: auto;
    margin-bottom: 20px;
    box-shadow: 0 1px 21px rgba(0,0,0,0.4);
     box-shadow: 0 1px 21px rgba(0,0,0,0.4); 
}

#help .image img {
	width: 90px;
	margin-top: 25px;
}

#help .item {
    width: 250px;
    text-align: center;
    padding: 10px;
    transition: all 0.5s ease 0s;
}

#help .item:hover {
	background: #f7f7f7;
	/*border: solid 1px #ececec;*/
}

#help .item a {
    text-decoration: none !important;
    color: black;
}

#help .item h3 {
	font-size: 20px;
}

section#about {
    overflow: hidden;
    padding: 0 0;
}

#about .image {
    width: 100%;
    background-image: url(../images/about_img.jpg);
    height: 480px;
    background-size: cover;
    /*background-position: 0 -60px;*/
}

.about_content {
    width: 100%;
    height: 480px;
    background: #11de9d;
    display: inline-block;
}

.about_content .info {
	width: 450px;
    margin: 90px 80px;
}

#success .image {
    width: 100%;
    height: 190px;
    background: #0c153c;
    /* border-radius: 50%; */
    /* border: solid 8px #fff; */
    text-align: center;
    margin: auto;
    margin-bottom: 20px;
    overflow: hidden;
}

/*#success .image img {
	width: 90px;
	margin-top: 25px;
}*/

#success .item {
	/*background: url(../images/bg-hero.jpg);*/
    width: 340px;
    height: 400px;
    text-align: center;
    /*padding: 10px;*/
    transition: all 0.5s ease 0s;
    background: #11de9d;
}

/*#success .item:hover {
	background: #f7f7f7;
}*/

#success .item a {
    text-decoration: none !important;
    /*color: black;*/
}

#success .item h3 {
	font-size: 20px;
    font-family: 'Colfax Regular';
    line-height: 25px;
    padding: 0 30px;
    color: white;
}

section#partners {
	background: url(../images/partner_bg.jpg);
    padding: 140px 0 190px 0;
}

#partners .image {
    width: 200px;
    height: 130px;
    /*background: #0c153c;*/
    border-radius: 5%;
    /* border: solid 8px #fff; */
    text-align: center;
    margin: auto;
    overflow: hidden;
}

#partners .item {
    width: 250px;
    text-align: center;
    padding: 10px;
    transition: all 0.5s ease 0s;
}

/*#partners .item:hover {
	background: #f7f7f7;
	/*border: solid 1px #ececec;*/
}
*/
#partners .item a {
    text-decoration: none !important;
    color: black;
}

#partners .item h3 {
	font-size: 20px;
}

section#donate {
    /*background: url(../images/partner_bg.jpg);*/
    padding: 100px 0 120px 0;
}

#donate .section-title {
    font-size: 25px;
    text-transform: uppercase;
    margin-bottom: 5px;
}

#donate .section-title.thin {
    font-family: 'Colfax Light';
    text-transform: uppercase;
    /* margin: 10px 0; */
}

#donate .section-heading {
    /*width: 50%;*/
    margin: auto;
    text-align: center;
    margin-top: 50px;
    margin-bottom: 30px;
}

#donate .section-heading a {
    text-decoration: none;
}

#donate .bank_details .section-title {
    font-size: 22px;
    text-transform: capitalize;
    margin-bottom: 5px;
}

#donate .image {
    width: 200px;
    height: auto;
    /*background: #0c153c;*/
    border-radius: 5%;
    /* border: solid 8px #fff; */
    text-align: center;
    margin: auto;
    overflow: hidden;
}

#donate .image.express_pay {
    /*width: 300px;*/
}

#donate .item {
    width: 250px;
    text-align: center;
    padding: 10px;
    transition: all 0.5s ease 0s;
    margin: auto;
}

/*#partners .item:hover {
    background: #f7f7f7;
    /*border: solid 1px #ececec;*/
}
*/
#donate .item a {
    text-decoration: none !important;
    color: black;
}

#donate .item h3 {
    font-size: 20px;
}


section#footer {
	background: #0c153c;
    padding: 130px 0 30px;
}

section#footer p {
    margin: 10px 0 20px;
}

.footer_1 {
        width: 300px;
	color: white;
}

.footer_1 h3 {
	color: white;
    font-size: 30px;
    font-family: 'Colfax Regular';
}

.footer_1 .text {
	color: white;
    /*font-size: 30px;*/
    font-family: 'Colfax Light';
}

.footer_2 {
    width: 170px;
}

.footer_2 .title, .footer_3 .title, .footer_4 .title {
	color: white;
    font-size: 20px;
    font-family: 'Colfax Light';
    margin: 0 0 20px 0;
}

.footer_2 ul {
    color: white;
}

.footer_2 ul li a {
    line-height: 30px;
    color: white;
    text-decoration: none;
    font-family: 'Colfax Light';
}

.footer_2 ul li a:hover {
    color: #11de9d;
}

.footer_2 i {
    margin: 6px 10px;
    font-size: 15px;
}

/*
.footer_2 ul li a:before {
    content: "";
    display: block;
    position: absolute;
    background-position: left bottom;
}

.footer_2 ul li a:before {
	margin-top: 5px;
    width: 15px;
    height: 15px;
    background-size: 14px;
    background-image: url(../images/bullet.png);
    background-repeat: no-repeat;
}*/

.footer_3 {
    width: 240px;
}

.footer_3 .footer_gallery_wrap .item {
    margin: 0 7px 7px 0;
}

.footer_3 .footer_gallery_wrap .image {
    width: 100px;
}

.footer_4 {
    width: 240px;
}

.footer_4 .title {
	margin: 0 0 10px 0;
}

.footer_4 p {
	color: #fff;
	margin: 0px 0 10px 0;
}

.footer_4 p a {
	color: #fff;
	text-decoration: none;
}
.footer_4 p a:hover {
	color: #f0404b;
}

.footer_4 .sub-title {
	font-size: 16px;
    color: #11de9d;
    margin: 2px 0;
}

.footer_4 i {
    margin: 0px 10px 0 0;
    font-size: 15px;
}

.copyright {
    background: #0a112f;
    color: #aab5e6;
    font-size: 14px;
    text-align: center;
    font-family: 'Colfax Light';
}

section#newsletter {
    background: #fff;
    /* padding: 20px 0 0; */
    min-height: 100%;
    position: relative;
    padding: 0px;
}
.newsletter {
    width: 97%;
    height: auto;
    max-height: 120px;
    background: #11de9d;
    position: absolute;
    bottom: -40px;
    padding: 30px 50px;
    z-index: 2;
}

.newsletter .text {
    color: white;
    font-family: 'Colfax Regular';
    font-size: 25px;
}

.newsletter .msg {
    color: white;
    display: block;
    padding: 0 10px;
}

.newsletter input[type="text"], textarea {
    background: white;
    font-family: 'Colfax Regular';
    font-size: 15px;
    padding: 10px;
}

.newsletter button {
    color: white;
    background: #f0404b;
}

.newsletter button:hover {
    color: white;
    background: #d03740;
}

.newsletter h3 {
    color: white;
    font-size: 30px;
    font-family: 'Colfax Regular';
}

input#mail-input, input#name-input {
    width: 280px;
    padding: 20px 10px;
}

input#name-input {
    width: 350px;
}

.col-md-6 {
    padding: 0;
}



#inner_hero {
    padding: 120px 0px 120px 0px;
    background-image: url(../images/partner_bg.jpg);
    background-size: cover;
    background-position: center center;
}

#inner_hero .title-heading {
    width: 100%;
    text-align: center;
    z-index: 1;
    margin: 20px 0px 0px;
}

#inner_hero .title-heading .breadcrumb-wrapper {
    padding: 20px 0;
    border-bottom: 1px solid #DDDDDD;
}

#about_body {
    background: #fff;
    min-height: 420px;
    position: relative;
    padding: 10px 0px;
}

.breadcrumb {
    background-color: #fff !important;
    width: 100%;
    margin: 0px 0 40px;
    list-style: none;
    font-size: 13px;
    color: rgba(0, 0, 0, 0.5);
    border-bottom: solid 1px #e6e6e6;
    padding: 10px 0 15px;
}

.breadcrumb li {
    float: left;
    line-height: normal;
}

#inner_hero .section-title {
    text-align: center;
    color: #0c153c;
    font-size: 40px;
    text-transform: capitalize;
    margin: auto;
    font-family: 'Colfax Regular';
}

.side_nav {
    background: whitesmoke;
    width: 200px;
    border-top: solid 2px #11de9d;
}

.side_nav ul {
    list-style-type: none;
    margin-left: 0;
    font-size: 14px;
    padding: 8px 24px;
}

.side_nav ul li {
    padding: 12px 0;
    border-bottom: 1px solid #ebebeb;
}

.side_nav ul li .active {
    color: #08d695;
}

.reading_title {
    font-size: 32px !important;
    line-height: 40px !important;
    margin: 0 0 30px 0;
    font-family: 'Colfax Regular';
}

.reading_image {
        width: 360px;
    float: left;
    margin: 0px 20px 10px 0;
}

.contact-wrapper li a {
    text-decoration: none;
    color: #201e1e;
}

/*a[href^="mailto:"] {
    color: #000;
}*/

a[href^="mailto:"]:hover {
    color: #11de9d;
}

.form-wrapper, .info-wrapper {
    margin: 0;
    width: 100%;
    height: auto;
    padding: 0 0 50px;
    /* background-color: #f0f0f0; */
    float: left;
}

.support-form {
    background: aliceblue;
    padding: 40px;
    width: 750px;
    margin: 10px 0 0;
    border: solid 1px #bdd0e0;
    border-radius: 20px;
}

.support-form textarea.form-control {
    height: 200px;
    width: 100%;
    border: 1px solid #b9b9b9;
}

.support-form .control {
    display: block;
    position: relative;
    padding-left: 30px;
    margin: 15px 40px 0 0;
    cursor: pointer;
    font-size: 16px;
        float: left;
}

.support-form .form-group label {
    width: 49%;
    text-align: left;
    margin: 0 5px 10px 0;
}

.support-form .form-group label:nth-child(2n+0) {
    margin-right: 0;
}

.support-form .radio-inline {
    width: 100%;
    height: 30px;
    padding: 0;
    margin: 10px 0 0;
}

.support-form .radio-inline .radio-title {
    padding: 0;
}

.support-form .form-group .radio-inline label {
    width: 20%;
}

.support-form fieldset.stat .control {
    width: 100%;
    float: none;
}

.support-form fieldset.stat {
    height: auto;
}

.support-form .control input {
    position: absolute;
    z-index: -1;
    opacity: 0;
}

.support-form .form-group button {
    background: #0c153c;
    color: #ffffff;
    padding: 10px 50px;
}

.control__indicator {
    position: absolute;
    top: 0px;
    left: 0;
    height: 20px;
    width: 20px;
    background: #ffffff;
    border: solid 2px #cecece;
}
.control--radio .control__indicator {
    border-radius: 50%;
}

.control:hover input ~ .control__indicator,
.control input:focus ~ .control__indicator {
    background: #f5f5f5;
}

.control input:checked ~ .control__indicator {
    background: #0c153c;
}

.control:hover input:not([disabled]):checked ~ .control__indicator,
.control input:checked:focus ~ .control__indicator {
    background: #0c153c;
}

.control__indicator:after {
    content: '';
    position: absolute;
    display: none;
}

.control input:checked ~ .control__indicator:after {
    display: block;
}

.control--checkbox .control__indicator:after {
    left: 8px;
    top: 4px;
    width: 3px;
    height: 8px;
    border: solid #fff;
    border-width: 0 2px 2px 0;
    transform: rotate(45deg);
}

.control--radio .control__indicator:after {
    left: 5px;
    top: 5px;
    height: 6px;
    width: 6px;
    border-radius: 50%;
    background: #fff;
}

/*.support-form .volunteer .control input {
    position: initial;
    z-index: -1;
    opacity: 1;
}*/




.form-wrapper .navbar-form .form-group {
    width: 100%;
    margin: 10px 0px;
    display: inline-block;
    margin-bottom: 0;
    vertical-align: middle;
}

.navbar-form .form-control {
    display: inline-block;
    width: 100%;
    vertical-align: middle;
}

.info-wrapper h4, .info-wrapper h4 {
    font-size: 21px;
    line-height: 24px;
    font-weight: 500;
    margin: 0 0 30px 0;
}

.info-wrapper p {
    color: #757575;
    line-height: 30px;
        margin-top: 0;
}

/*news*/

.news_item {
    width: 100%;
    border-bottom: solid 1px #e0e0e0;
    display: inline-block;
    padding: 20px 0;
}

.news_item:nth-child(1) {
    padding-top: 0;
}

.news_info h3 {
    font-size: 20px;
}

.news_info p {
    line-height: 22px;
    font-size: 15px;
    max-height: 67px;
    overflow: hidden;
    margin: 10px 0 20px;
}

 .news_info a {
    background: #d5d5d5;
    color: #0c153c;
    padding: 5px 30px;
    border-radius: 50px;
    display: inline-block;
    text-decoration: none;
    font-size: 13px;
    transition: 0.3s;
}

 .news_info a:hover {
    background: #11de9d; 
    color: #000;
 }

.support_item {
    width: 100%;
    border-bottom: solid 1px #11de9d;
    display: inline-block;
    padding: 40px 0;
}

.support_item:nth-child(1) {
    padding-top: 0;
}

.support_item .image {
    width: 150px;
    height: 150px;
    background: #0c153c;
    border-radius: 50%;
    border: solid 8px #fff;
    text-align: center;
    margin: auto;
    margin-bottom: 20px;
    box-shadow: 0 1px 21px rgba(0,0,0,0.4);
    box-shadow: 0 1px 21px rgba(0,0,0,0.4);
}

.support_item .image img {
    width: 90px;
    margin-top: 25px;
}

.support_item .news_info a {
    background: #ffffff;
    color: #0c153c;
    padding: 5px 30px;
    border-radius: 50px;
    display: inline-block;
    text-decoration: none;
    font-size: 13px;
    transition: 0.3s;
    border: solid 2px #11de9d;
}

.support_item .news_info a:hover {
    background: #11de9d;
    color: #ffffff;
    border: solid 2px #11de9d;
}

.support_item .news_info {
    margin-left: 20px;
}

.support_item .news_info h3 {
    font-size: 24px;
}


.people_item {
    width: 100%;
    border-bottom: solid 1px #e6e6e6;
    display: inline-block;
    padding: 30px 0;
}

.people_item:nth-child(1) {
    padding-top: 0;
}

.people_item .image {
    width: 200px;
    height: 200px;
    background: #0c153c;
    border: solid 2px #11de9d;
    text-align: center;
    padding: 0;
    margin: auto;
    overflow: hidden;
    margin-bottom: 20px;
    /*box-shadow: 0 1px 21px rgba(0,0,0,0.4);*/
}

.people_item .people_info .social li {
    width: 30px;
    height: 30px;
    background: #ffffff;
    color: #0c153c;
    padding: 5px 0px 0px 7px;
    border-radius: 100px;
    display: inline-block;
    text-decoration: none;
    font-size: 15px;
    transition: 0.2s;
    border: solid 2px #11de9d;
}

.people_item .people_info .social li:hover {
    background: #11de9d;
    color: #ffffff;
}

.people_item .people_info .social li:hover i.fa {
    color: #ffffff;
}

.people_item .people_info {
    margin-left: 20px;
}

.people_info p {
    line-height: 22px;
    font-size: 15px;
    height: auto;
    overflow: hidden;
    margin: 10px 0 20px;
}

.people_item .people_info i.fa {
    color: #11de9d;
}

.people_item .people_info a:hover i.fa {
    color: #fff;
}

.people_item .people_info h3 {
    font-size: 24px;
}

.people_item .people_info h4 {
    font-size: 17px;
    margin-bottom: 20px;
}


.pagination>.active>a, .pagination>.active>a:focus, .pagination>.active>a:hover, .pagination>.active>span, .pagination>.active>span:focus, .pagination>.active>span:hover {
    z-index: 3;
    color: #fff;
    cursor: default;
    background-color: #11de9d;
    border-color: #11de9d;
}


/*end of news*/



/*Thank you*/

.thanksWrap .top {
        width: 100%;
    height: auto;
    background: #11de9d;
    text-align: center;
    color: #fff;
    padding: 55px;
}

.thanksWrap .top .image {
    width: 200px;
    margin: auto;
}

.thanksWrap .top img {
    width: 200px;
    margin: auto;
    display: block;
}

.thank_title {
    font-size: 32px !important;
    line-height: 40px !important;
    margin: 0 !important;
    font-family: 'Colfax Regular';
}

.thanksWrap .top .text {
    font-size: 20px !important;
    margin: 0 !important;
    color: #fff;
}


/*Thank you*/


/*Modal style*/

.blue, .blue-head {
    border-bottom: 1px solid #172669;
    background: #172669;
    border-color: #172669;
}

.blue:hover {
    background-color: #0e1742;
    border-color: #0e1742;
    border-color: #0e1742;
}

.green {
    border-bottom: 1px solid #08d695;
    background: #08d695;
    border-color: #08d695;
}

.green:hover {
    background-color: #04af79;
    border-color: #04af79;
    border-color: #04af79;
}

.red {
    border-bottom: 1px solid #d40505;
    background: #d40505;
    border-color: #d40505;
}
.red:hover {
    border-bottom: 1px solid #ad0505;
    background: #ad0505;
        border-color: #ad0505;
}


/*Modal style*/



/*SLIDER*/



.demo {
    width:100%;
}
.demo ul {
    list-style: none outside none;
    padding-left: 0;
    margin-bottom:0;
}
.demo li {
    display: block;
    float: left;
    margin-right: 6px;
    cursor:pointer;
    margin: auto;
}
.demo img {
    display: block;
    height: auto;
    max-width: 100%;
}

li.lslide {
    /*width: 450px !important;*/
}

li.lslide {
    width: 100%;
}

.lSSlideOuter .lSPager.lSGallery {
    display: none;
}


.clearfix {
    width: 100% !important;
}

.lSSlideOuter .lightSlider, .lSSlideOuter .lSPager {

    height: 480px !important;
}

.lSAction > .lSPrev {
    left: 50px;
}

.lSAction > .lSNext {
    right: 40px;
}

/*END OF SLIDER*/


@media (max-width: 1920px) {
	section#hero .hero_left {
    padding: 0 0 0 370px;
}
}

@media (max-width: 1600px) {
    section#hero .hero_left {
    padding: 0 0 0 110px;
}
}

@media (max-width: 1020px) {
    section#hero .hero_left {
    padding: 0 0 0 19px;
}
}


@media (max-width: 768px) {

 li.support_menu a {
    border-bottom: solid 1px #00a26f !important;
}

ul.social {
    margin-right: 0;
    width: 69px;
    margin: auto;
    float: none;
}

    .side_nav {
    display: none;
}

    .container {
        width:92%;
        }

        header .container {
    width: 100%;
    padding: 0;
}

#cssmenu > ul > li > a {
    padding: 15px 23px;
}

#cssmenu ul li.active a {
    color: #0c153c;
    border-bottom: solid 0px #11de9d;
}

section#hero .hero_left {
        width: 100%;
    height: auto;
    padding: 20px 20px 50px;
}

.info {
    width: 100%;
    /* margin: auto; */
    margin-top: 40px;
}

.info .title .thin {
    font-size: 39px;
    margin: 0px 0;
}

.info .title .bold {
    font-size: 30px;
}

section#hero .hero_right {
        width: 100%;
    height: 190px;
    background-size: 100%;
    background-position: 0px -10px;
}

section {
    min-height: 100%;
    padding: 50px 0px;
}

.section-heading {
    width: 100%;
    margin-bottom: 50px;
}

#inner_hero {
    padding: 55px 0px 55px 0px;
    background-position: 80%;
}

#help .item {
    width: 100%;

}

#about .image {
    height: 240px;
    background-position: 9px 0px;
}

.about_content .info {
    width: 100%;
    margin: 0;
    padding: 70px 40px;
}

.about_content {
    width: 100%;
    height: auto;
}

section#donate {
    /* background: url(../images/partner_bg.jpg); */
    padding: 60px 0 70px 0;
}

.lSSlideOuter .lightSlider, .lSSlideOuter .lSPager {
    height: auto !important;
}

.lSAction > .lSPrev {
    left: 30px;
}

.lSAction > .lSNext {
    right: 20px;
}

#success .item {
    width: 100%;
    height: 340px;
    margin-bottom: 30px;
}

#success .image {
    width: 100%;
    height: 170px;
    margin-bottom: 20px;
}

#success .btn {
    margin: 10px 0;
}

#partners .item {
    width: 100%;
}

.newsletter {
    width: 90%;
    height: auto;
    min-height: 230px;
    max-height: 270px;
    bottom: -90px;
    padding: 30px 20px;
}

.newsletter .form-group {
    width: 100%;
    margin: auto;
    margin-top: 10px;
}

.newsletter h3 {
    font-size: 18px;
}

input#mail-input, input#name-input {
    width: 100%;
    padding: 20px 10px;
}

input#name-input {
    margin-bottom: 10px;
}

.newsletter .form-group button {
    padding: 7px 30px;
    border-radius: 5px;
    margin: 10px 0px;
}

.footer_1, .footer_2, .footer_3, .footer_4 {
    margin-bottom: 50px;
        width: 100%;
}

.row {
    margin-right: 0px;
    margin-left: -10px;
}

.news_item {
    padding: 40px 0;
}

.news_info h3 {
    margin-top: 10px;
}

.news_info a {
    /*margin: 13px 0 0;*/
}

.col-md-4.image {
    padding: 0;
}

.col-md-8.news_info {
    padding: 0;
}

.support_item .news_info h3 {
    font-size: 24px;
    text-align: center;
}

.support_item .news_info p {
    line-height: 22px;
    font-size: 15px;
    max-height: 67px;
    overflow: hidden;
    margin: 10px 0 20px;
    text-align: center;
}

.support_item .news_info {
    margin-left: 0;
    text-align: center;
}

.people_item .people_info {
    margin-left: 0;
}

.people_item .people_info .social {
    width: 99px;
    float: left;
}

.people_item .image {
    width: 250px;
    height: 249px;
    padding: 0;
}

.people_item .people_info h3 {
    font-size: 22px;
}


/*support form*/

.support-form {
    background: aliceblue;
    padding: 40px 10px;
    width: 100%;
    margin: 10px 0 0;
    border: solid 1px #bdd0e0;
    border-radius: 10px;
}

.support-form .form-group .radio-inline label {
    width: 100%;
}

.support-form .radio-inline {
    height: auto;
    margin: 15px 0 15px;
}

.support-form .form-group input {
    margin-bottom: 10px;
}

.form-group {
    margin-bottom: 0;
}

/*end of support form*/

.breadcrumb {
    background-color: #fff !important;
    width: 100%;
    margin: 0px 0 20px;
    list-style: none;
    font-size: 13px;
    color: rgba(0, 0, 0, 0.5);
    border-bottom: solid 1px #e6e6e6;
    padding: 0px 0 10px;
}

.reading_title {
    font-size: 27px !important;
    line-height: 30px !important;
    margin: 0 0 30px 0;
    font-family: 'Colfax Regular';
}

.reading_image {
    width: 100%;
}

    }


@media (max-width: 320px) {
 
 .container {
    width: 100%;
}

li.support_menu a {
    border-bottom: solid 1px #00a26f !important;
}

   .info .title .thin {
    font-size: 33px;
    margin: 0px 0;
}

.info .title .bold {
    font-size: 26px;
}

#about .image {
    height: 210px;
}

#success .image {
    height: auto;
}

.newsletter {
    width: 90%;
    height: auto;
    max-height: 230px;
    bottom: -90px;
    padding: 30px 20px;
}

.newsletter h3 {
    font-size: 26px;
}

.pagination>li>a, .pagination>li>span {
    padding: 4px 10px;
    font-size: 15px;
}

.people_item .people_info h3 {
    font-size: 19px;
}

.people_item .image {
    width: 220px;
    height: 220px;
    padding: 0;
}

}