/*
 Theme Name:     Divi Child
 Theme URI:      https://www.zenwebnet.com
 Description:    zenwebnet
 Author:         zenwebnet.com
 Author URI:     https://zenwebnet.com
 Template:       Divi
 Version:        1.0.0
*/

/* Theme customization starts here ------------------------------------------------------- */

/*------------Basic CSS------------*/
#page-container { padding-top:0 !important;}
.et_fixed_nav #top-header {/* top: 4px; */}
.cl { clear:both}
.ds-vertical-align { display: flex; flex-direction: column; justify-content: center;} 
.full_height { height:100%}
.banner_full_height {height:100vh}
.et-fixed-header#main-header {-webkit-box-shadow:0 0 55px rgba(0,0,0,0.4)!important; -moz-box-shadow:0 0 55px rgba(0,0,0,0.4)!important;  box-shadow:0 0 55px rgba(0,0,0,0.4)!important;}
#footer-info img { margin: 0 5px -6px 1px;}
#logo {max-height: 100% !important;}
.et_fullwidth_nav #main-header .container {width: 100%;max-width: 100%;padding-right: 5px;padding-left: 5px;}
#page-container {padding-top: 0px !important;}
#top-menu-nav ul li a { font-weight:400;}
#et-top-navigation { padding:30px 0 !important; width:100%; text-align:center !important;}
#top-menu-nav, #top-menu{ width:100%; text-align:center !important;}
#top-menu-nav ul li a { padding-bottom:0 !important;}
.nav_right  {float: right;position: absolute;right: 5px;top: 25px;}
.nav_right li:nth-last-child(1) a {padding: .75rem 2.5rem;box-sizing: border-box;color:#2c4374;font-weight: 600;text-transform: full-size-kana;font-size: 15px;text-align: center;border-image: initial;border-radius: 1px;border-radius: 23px;border: 2px solid#2c4374 !important;-webkit-box-shadow: 1px 1px 3px 0rgba(0,0,0,.25);-moz-box-shadow: 1px 1px 3px 0 rgba(0,0,0,.25);box-shadow: 1px 1px 3px 0rgba(0,0,0,.25);}


#top-menu-nav ul li a::before  {background:#567FFD;width: 6px !important;height: 6px !important;border-radius: 25px;content: '';display: inline-block;left: -14px !important;position: absolute;top: 5px;}
#top-menu-nav ul li:nth-child(2) a::before {background:#383878;}
#top-menu-nav ul li:nth-child(3) a::before {background:#bc8a00;}
#top-menu-nav ul li:nth-child(4) a::before {background:#dd5d6b;}
#top-menu-nav ul li:nth-child(5) a::before {background:#dd08d0;}

.welcome h1 { background:url(images/head_bg.png) no-repeat left bottom; padding-bottom:10px;}

#top-menu li {display: inline-block;padding-right: 42px;font-size: 14px;}
.nav_right li:nth-last-child(1) a:hover { background:#2c4374; color:#fff;}
#main-header {box-shadow: 0 1px 50px #9f9f9f !important; top:0 !important}
.banner .et_pb_slide_content h1 {font-family: 'hensa',Helvetica,Arial,Lucida,sans-serif !important; font-size:65px; color:#a9e3ff !important; margin:10px 0;}

h4.vertical-header-right {font-size: 4vw;line-height: 4vw;left: -40vw;}
h4.vertical-header-right {text-align: left;font-family: Bebas Neue,Oswald,sans-serif;font-size: 6vw;color:#cecece;margin: 0;padding: 0;position: absolute;line-height: 4vw;text-transform: uppercase;top:7vw;left: -49vw;-webkit-transform: rotate(90deg);transform: rotate(90deg);width: 70vw;height: 17vw;overflow: visible;z-index: 60;font-weight: 800;}

.enter_detail input[type="text"]{ width:31%; float:left; margin:0; padding:12px 12px; border:none}
.enter_detail input[type="email"]{ width:31%; float:left; margin:0 5px; padding:12px 12px; border:none}
.enter_detail input[type="submit"]{ width:31%; float:left; margin:0; padding:8px 12px; border:none; cursor:pointer; background:none; color:#fff; font-size:16px; border:2px solid #fff;}
.enter_detail input[type="submit"]:hover { background:#fff; color:#000;}
.page-id-25 .pop_form { width:20%;}
.pop_form { margin:0px auto; background:#4a4c70; padding:15px; width:30%;}
.pop_form h2{ margin:0px; color:#fff; text-align:center; margin-bottom:8px;}
.pop_form input[type="text"], .pop_form input[type="tel"], .pop_form input[type="email"] { width:100%; padding:9px 15px; margin:7px 0; border-radius:0; border:none;}
.pop_form textarea { width:100%; padding:9px 15px; margin:7px 0; border-radius:0; border:none; height:150px;}
.pop_form input[type="submit"] {box-shadow: inset 0px 1px 0px 0px#ffffff;background: linear-gradient(to bottom,#f9f9f9 5%,#e9e9e9 100%);background-color: rgba(0, 0, 0, 0);background-color:#f9f9f9;border-radius: 0px;border: 1px solid#dcdcdc;display: inline-block;cursor: pointer;color:#666666;font-family: Arial;font-size: 15px;font-weight: bold;padding: 9px 24px;text-decoration: none;text-shadow: 0px 1px 0px#ffffff;border-radius: 0px !important;width: 100%;margin: 7px 0;}
.pop_form input[type="submit"]:hover {background:linear-gradient(to bottom, #e9e9e9 5%, #f9f9f9 100%);background-color:#e9e9e9;}

#media_image-2 { margin-bottom:0;}
#text-2 p { color:#273b5b; font-size:16px;}
#text-3 p { color:#273b5b; font-size:16px;}
.footer-widget h4 {font-family: 'Quicksand',Helvetica,Arial,Lucida,sans-serif;font-weight: 600; font-size:24px; color:#273b5b !important;}
.footer-widget {font-family: 'Quicksand',Helvetica,Arial,Lucida,sans-serif; color:#273b5b !important;}
a.donate { background:#efc940; color:#333333 !important; padding:10px 30px; line-height:48px; border-radius:25px;}
.menu-footer-menu-container ul li a { color:#273b5b !important;}
#footer-info { text-align:center; width:100%;}
#main-footer {background: url(images/footer.jpg) no-repeat center center;}
/*------------Mobile Menu------------*/
#et_mobile_nav_menu .mobile_nav.opened .mobile_menu_bar::before{content:'\4d'}
#top-menu .menu-item-has-children .menu-item-has-children > a:first-child::after,#et-secondary-nav .menu-item-has-children .menu-item-has-children > a:first-child::after{content:'5'}
#main-header #mobile_menu.et_mobile_menu .menu-item-has-children{position:relative}
#main-header #mobile_menu.et_mobile_menu .sub-menu-toggle{position:absolute;z-index:1;width:36px;height:36px;line-height:36px;border-radius:50%;top:28px;right:0;cursor:pointer;text-align:center}
#main-header #mobile_menu.et_mobile_menu .sub-menu-toggle.popped{background-color:rgba(255,255,255,0.2)}
#main-header #mobile_menu.et_mobile_menu .sub-menu-toggle::before{font-family:"ETmodules"!important;font-weight:400;font-style:normal;font-variant:normal;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;line-height:36px;font-size:24px;text-transform:none;speak:none;content:'\33';color:#fff}
#main-header #mobile_menu.et_mobile_menu .sub-menu-toggle.popped::before{content:'\32'}
#main-header #mobile_menu.et_mobile_menu .sub-menu-toggle ~ ul.sub-menu{display:none!important;padding-left:0}
#main-header #mobile_menu.et_mobile_menu .sub-menu-toggle.popped ~ ul.sub-menu{display:block!important}
#main-header #mobile_menu.et_mobile_menu li li{padding-left:0}
#main-header #mobile_menu.et_mobile_menu li a{padding-left:20px;padding-right:20px}
#main-header #mobile_menu.et_mobile_menu li li li a{padding-left:60px;padding-right:20px}
#main-header #mobile_menu.et_mobile_menu .menu-item-has-children > a{background-color:transparent;font-weight:inherit}
#main-header #mobile_menu.et_mobile_menu li.current-menu-item > a{font-weight:bolder}
.fa{margin-right:15px}
/*------------Mobile Menu------------*/


/*------------Top Scroll Button------------*/
.et_pb_scroll_top{z-index:9999999;position:fixed;right:20px;bottom:20px;background:#213275;height:100px;box-shadow:0 2px 4px rgba(108,46,185,0.2);-webkit-transition:all .2s ease,-webkit-transform .6s ease;transition:all .2s ease,-webkit-transform .6s ease;transition:all .2s ease,transform .6s ease;transition:all .2s ease,transform .6s ease,-webkit-transform .6s ease;cursor:pointer}
.et_pb_scroll_top:before{display:none}
.et_pb_scroll_top:after{content:"\24";font-family:ETmodules!important;color:#fff;font-size:16px;font-weight:700;margin-left:10px}
.et_pb_scroll_top,.et_pb_scroll_top.et-visible,.et_pb_scroll_top.et-hidden{-webkit-animation:none!important;animation:none!important}
.et_pb_scroll_top,.et_pb_scroll_top.et-hidden{-webkit-transform:scale(0) rotate(0deg);transform:scale(0) rotate(0deg)}
.et_pb_scroll_top.et-visible{-webkit-transform:scale(1) rotate(360deg);transform:scale(1) rotate(360deg)}
.et_pb_scroll_top .et-pb-icon{position:absolute;top:50%;left:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%)}
.et_pb_scroll_top{right:0;width:auto;padding:0 20px;line-height: 34px;}
.et_pb_scroll_top:before{content:'Back To Top';display:inline-block;color:#FFF;font-weight:700;font-size: 14px;text-transform: uppercase;}
.et_pb_scroll_top,.et_pb_scroll_top.et-hidden{right:40px;bottom:100px;-webkit-transform-origin:right top;transform-origin:right top;-webkit-transform:scale(1) translate(100%,0) rotate(-90deg);transform:scale(1) translate(100%,0) rotate(-90deg)}
.et_pb_scroll_top.et-visible{-webkit-transform:rotate(-90deg);transform:rotate(-90deg)}
.et_pb_scroll_top .et-pb-icon{display:none}

.counter_volunteer { margin:0px 25px; display: inline-block;}
.vision .et_pb_blurb_description a {margin: 0px;padding: 8px 12px;color:#273b64;border-radius: 25px;border-bottom: 1px solid #333;}
.donation_block .et_pb_column_9 .et_pb_main_blurb_image::after {content: "1";background-color:#575757;font-size: 25px;color:#fff;font-weight: 500;position: absolute;padding: 25px;border-radius: 100px;border-bottom-right-radius: 100px;left: -18px;bottom: 120px;font-family: 'Roboto Condensed',Helvetica,Arial,Lucida,sans-serif;width: 10px;height: 10px;line-height: 10px;border-bottom-right-radius: 0px !important;font-weight: 600;}

.donation_block .et_pb_column_10 .et_pb_main_blurb_image::after {content: "2";background-color:#567ffd;font-size: 25px;color:#fff;font-weight: 500;position: absolute;padding: 25px;border-radius: 100px;border-bottom-right-radius: 100px;left: -18px;bottom: 120px;font-family: 'Roboto Condensed',Helvetica,Arial,Lucida,sans-serif;width: 10px;height: 10px;line-height: 10px;border-bottom-right-radius: 0px !important;font-weight: 600;}

.donation_block .et_pb_column_11 .et_pb_main_blurb_image::after {content: "3";background-color:#dd5d6b;font-size: 25px;color:#fff;font-weight: 500;position: absolute;padding: 25px;border-radius: 100px;border-bottom-right-radius: 100px;left: -18px;bottom: 120px;font-family: 'Roboto Condensed',Helvetica,Arial,Lucida,sans-serif;width: 10px;height: 10px;line-height: 10px;border-bottom-right-radius: 0px !important;font-weight: 600;}

.donation_block .et_pb_column_12 .et_pb_main_blurb_image::after {content: "4";background-color:#dd08d0;font-size: 25px;color:#fff;font-weight: 500;position: absolute;padding: 25px;border-radius: 100px;border-bottom-right-radius: 100px;left: -18px;bottom: 120px;font-family: 'Roboto Condensed',Helvetica,Arial,Lucida,sans-serif;width: 10px;height: 10px;line-height: 10px;border-bottom-right-radius: 0px !important;font-weight: 600;}

.contact_form input[type="text"] { margin:0px; width:100%; border-bottom:1px solid #ccc; border-top:none; border-left:none; border-right:none; padding:10px 15px; font-size:17px; margin-bottom:10px;}
.contact_form input[type="email"] { margin:0px; width:100%; border-bottom:1px solid #ccc; border-top:none; border-left:none; border-right:none; padding:10px 15px;font-size:17px; margin-bottom:10px;}
.contact_form input[type="tel"] { margin:0px; width:100%; border-bottom:1px solid #ccc; border-top:none; border-left:none; border-right:none; padding:10px 15px;font-size:17px; margin-bottom:10px;}
.contact_form textarea { margin:0px; width:100%; border-bottom:1px solid #ccc; border-top:none; border-left:none; border-right:none; padding:10px 15px; height:150px;font-size:17px; margin-bottom:10px;}
.contact_form h1::before {content: '';background:#ffbaba;border: 2px solid#333;width: 55px;height: 25px;display: block;transform: skewY(-7deg);left: -77px !important;position: absolute;border-radius: 35px;}
.contact_form input[type="submit"] {box-shadow: 0px 1px 0px 0px #fff6af;background:linear-gradient(to bottom, #ffec64 5%, #ffab23 100%);background-color:#ffec64;border-radius:6px;border:1px solid #ffaa22;display:inline-block;cursor:pointer;color:#333333;font-family: 'Roboto Condensed',Helvetica,Arial,Lucida,sans-serif;padding:6px 24px;text-decoration:none;text-shadow:0px 1px 0px #ffee66; font-size:17px;}

.contact_form input[type="submit"]:hover {background:linear-gradient(to bottom, #ffab23 5%, #ffec64 100%);background-color:#ffab23;}
/*------------Top Scroll Button------------*/



/*************Our Css*************/





/*------------ Responsive Codding ------------*/
@media only screen and (min-device-width:981px) and (max-device-width : 1920px) {}

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

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

@media only screen and (max-width:1366px) {
#logo {
    max-height: 85% !important;
}
}

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

@media only screen and (max-width:1200px) {
#logo {
    max-height: 80% !important;
}	
}

@media only screen and (min-device-width:1025px) and (max-device-width : 1260px) {}

@media only screen and (min-device-width:981px) and (max-device-width : 1166px) {
#logo {
    max-height: 75% !important;
}
}

@media all and (max-width: 1024px) {}

/***** Only Desk Top*********/
@media (min-width: 981px) {}
/***** Only Desk Top*********/

@media screen and (max-width: 1080px){
#top-menu li a {
    font-size: 13px !important;
}
}

@media screen and (max-width: 1024px){
#top-menu li a {
    font-size: 12px !important;
}
#logo {max-height: 65% !important;}
}

/*----Tablet Screen Coding------- */
@media only screen and (max-width: 980px) {
.mobile_menu_bar {top: 18px;}
.mobile_menu_bar:before{top:0px !important}
.custom_row {display:-webkit-box;display:-moz-box;display:-ms-flexbox;display:-webkit-flex;display:flex;-webkit-flex-wrap:wrap;flex-wrap:wrap}
.first-on-mobile{-webkit-order:1;order:1}
.second-on-mobile{-webkit-order:2;order:2}
.third-on-mobile{-webkit-order:3;order:3}
.fourth-on-mobile{-webkit-order:4;order:4}

#mobile_menu{display:block!important;min-height:100vh;height:100%;top:0;right:0;position:fixed;z-index:9998;overflow:scroll; border-top:none; padding-top:60px!important}
.et_mobile_menu li:nth-child(1){padding-top:20px}
.et_mobile_menu li a{color:#fff!important;width:100%;float:left;border:none!important;text-align:left;margin: 2px 10px;transition:.2s;/* text-transform:uppercase; */font-size: 1.0em!important;}
.mobile_nav ul#mobile_menu .current_page_item > a{color:#fff!important;background-color:rgba(255,255,255,0.1);border-radius:30px;padding-left:20px;}
.mobile_nav.closed #mobile_menu{background:-moz-linear-gradient(top,#62278d 0%,#2cc09b 100%);background:-webkit-linear-gradient(top,#62278d 0%,#2cc09b 100%);background:-o-linear-gradient(top,#62278d 0%,#2cc09b 100%);background:-ms-linear-gradient(top,#62278d 0%,#2cc09b 100%);background:linear-gradient(to bottom,#62278d 0%,#2cc09b 100%);-webkit-transform:translateX(100%);-moz-transform:translateX(100%);-ms-transform:translateX(100%);-o-transform:translateX(100%);transform:translateX(100%);-webkit-backface-visibility:hidden;backface-visibility:hidden;-webkit-transition:-webkit-transform .4s 0;-moz-transition:-moz-transform .4s 0;transition:transform .4s 0}
.mobile_nav.opened #mobile_menu{background:linear-gradient(to bottom,#0083c1 0%,#00054d 100%);-webkit-transform:translateX(0);-moz-transform:translateX(0);-ms-transform:translateX(0);-o-transform:translateX(0);transform:translateX(0);-webkit-overflow-scrolling:touch;-webkit-transition:-webkit-transform .4s 0;-moz-transition:-moz-transform .4s 0;transition:transform .4s 0;}
#main-header .container.clearfix.et_menu_container{width:100%}
.mobile_menu_bar:before{color: #00378f!important;}
.mobile_nav.opened .mobile_menu_bar:before{content:'\4d';z-index:9999;color:#fff !important;border:1px solid #fff;width:30px;height:30px;border-radius:50%}
.et_header_style_split .mobile_menu_bar,.et_header_style_left .mobile_menu_bar{z-index:9999}
#et-top-navigation{padding-right:5px}
.et_pb_row { width: 94%;}

.et_pb_scroll_top:before{display:none}
.et_pb_scroll_top { padding: 0 11px 0 1px;}
.et_pb_fullwidth_menu .et_pb_menu__menu, .et_pb_menu .et_pb_menu__menu { display: block !important}
.et_fullwidth_nav #main-header .container {padding-right: 0px!important;}
#logo {max-height: 85% !important;}
#main-header .container.clearfix.et_menu_container {width: 98%;}
.donation_block .et_pb_column_9 .et_pb_main_blurb_image::after {left: 2px;}
.donation_block .et_pb_column_11 .et_pb_main_blurb_image::after {left: 2px;}
.donation_block .et_pb_column_10 .et_pb_main_blurb_image::after {left: 2px;}
.donation_block .et_pb_column_12 .et_pb_main_blurb_image::after {left: 2px;}
.page-id-25 .pop_form { width:40%;}
.pop_form { width:40%;}
}


@media (max-width:768px) {
#main-footer {background: url(images/footer.jpg) no-repeat center bottom;}
#main-footer { background:#f8f8f8 !important}
.mobile_menu_bar {right: 4px;}
.pop_form { width:60%;}
.page-id-25 .pop_form { width:60%;}
}









@media only screen and (min-width: 481px) {}

@media only screen and (max-width: 480px)  {
.et_header_style_left #logo, .et_header_style_split #logo {max-width: 60%;}	
.et_pb_slider_0 .et_pb_slide_description h2{font-size: 40px !important;}
.banner .et_pb_slide_content h1 {font-size: 45px !important;}
.et_pb_slide_content p { font-size:17px !important;}
.pop_form { width:90%;}
.page-id-25 .pop_form { width:90%;}
}

@media (max-width:468px) {
.et_header_style_left .logo_container { width:auto !important}	
.et_header_style_left #logo, .et_header_style_split #logo {max-width: 75%;}
.inner_banner h3 {line-height: 24px !important;font-size: 35px !important;}

}

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

@media only screen and (max-width:375px) {
.et_pb_slider .et_pb_slide_0.et_pb_slide .et_pb_slide_description .et_pb_slide_title {font-size: 30px !important;line-height: 39px !important;}
}

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

@media only screen and (max-width:320px) {
.banner .et_pb_slider .et_pb_slide_2.et_pb_slide .et_pb_slide_description .et_pb_slide_title {font-size: 30px !important;}
}