@font-face {font-family: museosans-100-regular;src:url(../fonts/museosans-100.otf),url(../fonts/museosans-100.woff),url(../fonts/museosans-100.ttf),url(../fonts/museosans-100.eot);}
@font-face {font-family: museosans-300-medium;src: url(../fonts/museosans-300.otf),url(../fonts/museosans-300.woff),url(../fonts/museosans-300.ttf),url(../fonts/museosans-300.eot);}
@font-face {font-family: museosans-500-bold;src: url(../fonts/museosans-500.otf),url(../fonts/museosans-500.woff),url(../fonts/museosans-500.ttf),url(../fonts/museosans-500.eot);}
/*---------- common css ----------------*/
*{margin:0px; padding:0px;}
body{background: #fff; overflow-x:hidden;font-family: 'Roboto Slab', serif;}
body,html{height: 100%;/*overflow-x:hidden;*/}
.page_loader{position: fixed;top: 0;left: 0;width: 100%;height: 100%;background-color: #fff;z-index: 1111111111;text-align: center;}
.page_loader img{display: inline-block;max-width: 150px;position: relative;top: 50%;transform: translateY(-50%);}
.full-w{width:100%;}
.no-br{ border:0;}
.no-mr{ margin:0;}
.no-bg{ background: none;}
.no-pd{padding: 0;}
.no-mr-pd{ margin:0;padding: 0;}
.no-border{border:0px !important}
.responsive_menu{float:right;margin-top: 14px;}
.gototop{position:fixed; bottom:50px;right:20px;display:none;z-index:10}
.link{color:#000;font-weight:700}
.has-feedback .form-control-feedback{top:0px}
.circle_img{max-width:100%}
/*---------- home page css ----------------*/
.home-container{max-width:1280px;margin:auto;height:100%;display:table;width: 100%;padding-left:30px;padding-right:30px}
.rao_header{position:relative;height:16%;width:100%;background:#fff}
.rao_header .header-left{width:30%;height:100%;position:relative;display:table-cell;vertical-align: middle;}
.rao_header .header-left .social_media_toggle{float:right;margin: 10px 10px 0 0;}
.rao_header .header-right{width:70%;height:100%;text-align:right;position:relative;display:table-cell;vertical-align: middle;}

.rao_header .social_media_toggle{margin-bottom:10px;display:inline-block;position:relative}
.rao_header .social_media_toggle > img{position:relative;z-index:10}
.rao_header .social_media_toggle .slide_panel{height: 31px;background: #000000;position:absolute;right: 22px;top: 2px;border-radius: 17px 0 0 17px;width:150px;padding-right:15px;display:none}
.rao_header .social_media_toggle .slide_panel a{display:inline-block;position:relative;}
.rao_header  ul{list-style:none;}
.rao_header  ul li{display:inline-block}
.rao_header  ul li a{margin-left:25px; text-transform:uppercase; font-size:15px; color:#000; padding-bottom:42px;}
.rao_header  ul li.active a{color:#fff}
.rao_header  ul li a:hover{text-decoration:none;color:#eed114}
.rao_header  ul li a.active{padding-top:3px;color:#eed114}

.rao_homepage{position:relative;height:76%;width:100%;background:#666}
.rao_homepage .slider{width:70%;float:left;position:relative;height:100%;background:#222}
.slider .carousel-fade{height:100%}
.slider .carousel-fade .carousel-inner{height:100%}
.slider .carousel-fade .carousel-inner .item {opacity: 0;transition-property: opacity;width:100%;height:100%;-webkit-background-size: cover !important;-moz-background-size: cover !important;-o-background-size: cover !important;background-size: cover !important;}
.slider .carousel-fade .carousel-inner .active {opacity: 1;}
.slider .carousel-fade .carousel-inner .active.left,
.slider .carousel-fade .carousel-inner .active.right {left: 0;opacity: 0;z-index: 1;}
.slider .carousel-fade .carousel-inner .next.left,.carousel-fade .carousel-inner .prev.right {opacity: 1;}
.slider .carousel-fade .carousel-control {z-index: 2;}
.slider .carousel-yellow-caption{position: absolute;right: 0;bottom: 0px;left: 0;z-index: 10;padding-top: 20px;padding-bottom: 20px;color: #000;text-align: center;background:#eed114;padding: 50px 35px 15px 35px;font-size:18px;height: 121px;}
.slider .carousel-yellow-black{position: absolute;bottom: 180px;right: 0;z-index: 10;color: #eed114;text-align: left;background: rgba(0, 0, 0, 0.5);padding: 15px 15px;font-size: 22px;}
.slider .carousel-indicators{bottom: 73px;}
.slider .carousel-indicators li{margin:1px 4px}
.slider .carousel-indicators .active{background:#000}

#raoSlider_responsive{display:none}
#raoSlider_responsive img{width:100%}
#raoSlider_responsive .carousel-yellow-caption-responsive{position: relative;padding-top: 20px;padding-bottom: 20px;color: #000;text-align: center;background:#eed114;padding: 20px 20px 20px 20px;font-size:16px;}
#raoSlider_responsive .carousel-yellow-black-responsive{position: relative;color: #eed114;text-align: center;background: rgba(0, 0, 0, 0.38);padding: 15px 15px;font-size: 14px;}
#raoSlider_responsive .carousel-indicators{position: static;text-align: center;width: 100%;left: initial;right: 0;margin-left: 0px;bottom:0px}
#raoSlider_responsive.carousel-fade .carousel-inner .item{height:initial}

.rao_homepage .donate_volunteer{width:30%;float:left;position:relative;height:100%;background:#111}
.donate{background:#eed114;height:50%;position:relative;width:100%;padding:25px;box-sizing:border-box;display: table;}
.donate_inside{border:1px solid #fff;height:100%;display: table-cell;vertical-align: middle;text-align: center;padding:15px}
.donate_inside h4{font-weight:700;position:relative;font-size: 27px;margin-bottom:25px}
.donate_inside h4:before{position:absolute;width:50px;height: 6px;background:#fff;content:'';bottom: -14px;text-align:center;margin:auto;left: 0px;right: 0px;}
.donate_inside p{font-family: museosans-100-regular;font-size:16px;margin:15px 0}
.donate_inside a{background:#000;color:#fff;padding:10px 10px;display:inline-block;font-weight:400;font-size:19px;max-width:220px;width:100%}
.volunteer{background:#333333;height:50%;position:relative;width:100%;padding:25px;box-sizing:border-box;display: table;}
.volunteer_inside{border:1px solid #eed114;display: table-cell;vertical-align: middle;text-align: center;padding:15px}
.volunteer_inside h4{font-weight:700;position:relative;font-size: 27px;margin-bottom:25px;color:#fff}
.volunteer_inside h4:before{position:absolute;width:50px;height: 6px;background:#eed114;content:'';bottom: -14px;text-align:center;margin:auto;left: 0px;right: 0px;}
.volunteer_inside p{font-family: museosans-100-regular;font-size:16px;color:#fff;margin:15px 0}
.volunteer_inside a{background:#eed114;color:#000;padding:10px 10px;display:inline-block;font-weight:400;font-size:19px;max-width:220px;width:100%}
.gallery_bg{background:#eed114 url('../images/gallery_bg.png') no-repeat center center;-webkit-background-size: cover;-moz-background-size: cover;-o-background-size: cover;background-size: cover;}
.donate .wd-180,.volunteer .wd-180{max-width: 150px;font-size: 16px;}
.footer_donate_vounteer{float:left;width:100%;margin-top:25px}


.rao_footer{position:relative;height:8%;width:100%;background:#eeeeee;color:#000;padding-top:10px;text-align:right;clear: both;}
.rao_footer a{color:#000}

.footer_sociamedia{float:right}
.footer_sociamedia li{display:inline-block;margin-left:7px}
/*---------- responsive menu css ----------------*/
.responsive{list-style:none; margin:18% 5%}
.responsive li{list-style:none}
.responsive li a{color:#f9f9f9; border-bottom:1px solid #ccc; font-size:14px;display:block; padding: 10px 0px }
.responsive li a:hover{text-decoration:none}
.responsive li a.active{font-weight:800;color:#eed114}
.subcat{display:none}
.responsive li a.open_subcat{cursor:pointer}
.responsive li ul li a{border:0px; padding:6px;margin-left:10px}
.responsive_slider{position:fixed; right:-300px;top:0px; height:100%; background:#989595; width:300px;z-index:1000;font-family: museosans-500-bold;text-decoration:none}
.responsive_slider .rs_close{position: absolute;right: 24px;top: 10px;color: #fff;font-weight: 600;font-size: 15px;}

/*---------- inside page css ----------------*/
.rao_insidepage{background:#eee;min-height:700px;padding:50px 0}

.rao-container-left{width: 70%;float: left;position: relative;min-height: 1px;padding-right: 15px;padding-left: 15px;}
.rao-container-right{width: 28%;float: left;position: relative;min-height: 1px;padding-right: 15px;padding-left: 15px;margin-left:2%}

.rao_insidepage .inside_title{font-weight:700;font-size:28px;margin-bottom:10px}
.rao_insidepage .yellow_title{font-weight:700;font-size:17px;margin:20px 0;background:#eed114;display:block;width:100%;font-family: museosans-300-medium;text-transform:uppercase;padding:8px 10px;clear: left;}
.rao_insidepage p{font-family: museosans-300-medium;font-size:16px;margin:0 0 13px 0;line-height: 25px;}
.rao_insidepage .gallery_link{font-size:22px;color:#000}
.rao_insidepage .gallery_link span{border-bottom:1px solid #000;padding:1px;font-weight:400}
.rao_insidepage .gallery_link:hover,.rao_insidepage .gallery_link:active,.rao_insidepage .gallery_link:focus{text-decoration:none;}
.rao_insidepage .gallery_link:hover span{text-decoration:none;}

.gallery_block{margin-top:30px}
.gallery_block img{width:100%; -webkit-filter: grayscale(100%);-moz-filter: grayscale(100%);-ms-filter: grayscale(100%);-o-filter: grayscale(100%);filter: grayscale(100%);
filter: url(grayscale.svg); /* Firefox 4+ */filter: gray; /* IE 6-9 */}
.gallery_block .gallery_heading{font-size:14px;margin-top:8px}

.rao_insidepage .donate,.rao_insidepage .volunteer{margin-top:15px}

.about_breacrums{font-size:20px}
.about_breacrums a{color:#000;font-size:18px;font-weight:700}
.about_breacrums a:hover{text-decoration:none}
.about_breacrums a.active{border-bottom:1px solid #000}
.about_main_img{width:100%;margin:20px 0 10px 0}
.next_topic{color:#000;margin:15px 0;font-weight:700}

.gallery_photos{position:relative;width:100%;height:100%;z-index:0}
.gallery_photos .loading{position:absolute;width:100%;height:100%;background:rgba(238, 209, 20, 0.9);content:'';z-index:2;text-align:center}
.gallery_photos .loading img{margin-top:20px}
.gallery_photos a{width: 33.33%;float: left;padding:10px}
.gallery_photos a img{width:100%; -webkit-filter: grayscale(100%);-moz-filter: grayscale(100%);-ms-filter: grayscale(100%);-o-filter: grayscale(100%);filter: grayscale(100%);
filter: url(grayscale.svg); /* Firefox 4+ */filter: gray; /* IE 6-9 */}

.rao_forms{max-width:500px;margin-top:10px;float:left;width:100%}
.rao_forms label{max-width:150px;width:100%;display:inline-block;vertical-align:top;font-family: museosans-100-regular;}
.rao_forms input,.rao_forms textarea{display:inline-block;max-width:340px;border:0px;border-radius:0px;font-family: museosans-100-regular;}
.rao_forms button{background:#eed114;color:#000;font-size:16px;font-weight:700;padding:10px 15px;border:0px;outline:0px;}
.rao_forms .form-group{margin-bottom:30px}
#formMessage{display: block;vertical-align:top;text-align: center;margin-top: 10px;}
#formMessage .form_msg.success{color:#99c53a}
#formMessage .form_msg.error{color:#F44336}
#formMessage img{display:none}

.rao_forms ul{list-style: none;margin: 0;padding: 0;display: inline-block;vertical-align: top;}
.rao_forms ul li{color: #AAAAAA;display: inline-block;position: relative;float: left;margin: 0px 15px 15px 15px;}
.rao_forms ul li input[type=radio]{position: absolute;visibility: hidden;}
.rao_forms ul li label{position: relative;font-weight: 300;font-size: 1.35em;margin: 10px auto;z-index: 9;cursor: pointer;-webkit-transition: all 0.25s linear;width: 40px;height: 40px;text-align: center;padding-top: 6px;}
.rao_forms ul li:hover label{color: #eed114;}
.rao_forms ul li .check{display: block;position: absolute;border: 5px solid #ffffff;height: 40px;width: 40px;top: 9px;/* left: 20px; */z-index: 5;transition: border .25s linear;-webkit-transition: border .25s linear;background: #fff;}
.rao_forms ul li:hover .check {border: 5px solid #FFFFFF;}
.rao_forms ul li .check::before {display: block;position: absolute;content: '';border-radius: 100%;height: 15px;width: 15px;top: 5px;left: 5px;margin: auto;transition: background 0.25s linear;
-webkit-transition: background 0.25s linear;}
.rao_forms input[type=radio]:checked ~ .check {border: 5px solid #eed114;}
.rao_forms input[type=radio]:checked ~ label{color: #eed114;}