@import url('https://fonts.googleapis.com/css?family=Rubik:300,400,500,700');
@import url('https://fonts.googleapis.com/css?family=Open+Sans:300,400,600,700');
img{ max-width:100%; height:auto;}
a, a:hover, a:focus{ text-decoration:none; outline:none;}
@font-face {
    font-family: 'open_sansregular';
    src: url("../upload/opensans-regular-webfont.woff2") format('woff2'),
         url("../upload/opensans-regular-webfont.woff") format('woff');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'cabinbold';
    src: url("../upload/cabin-bold-webfont.woff2") format('woff2'),
         url("../upload/cabin-bold-webfont.woff") format('woff');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'open_sanssemibold';
    src: url("../upload/opensans-semibold-webfont.woff2") format('woff2'),
         url("../upload/opensans-semibold-webfont.woff") format('woff');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'open_sansbold';
    src: url("../upload/opensans-bold-webfont.woff2") format('woff2'),
         url("../upload/opensans-bold-webfont.woff") format('woff');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'open_sansitalic';
    src: url("../upload/opensans-italic-webfont.woff2") format('woff2'),
         url("../upload/opensans-italic-webfont.woff") format('woff');
    font-weight: normal;
    font-style: normal;
}


@font-face {
    font-family: 'rubikmedium';
    src: url("../upload/rubik-medium-webfont.woff2") format('woff2'),
         url("../upload/rubik-medium-webfont.woff") format('woff');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'rubikregular';
    src: url("../upload/rubik-regular-webfont.woff2") format('woff2'),
         url("../upload/rubik-regular-webfont.woff") format('woff');
    font-weight: normal;
    font-style: normal;
}
.main-sec-class{    width: 100%;
    float: left;
    padding: 18px; height:152px;}
.donate-text{ text-align: center;
    font-size: 36px;

    color: #21282e;



    font-family: 'Rubik', sans-serif;



    font-weight: 500;



    text-transform: uppercase; margin-top: 59px;}



.donate-text span{ text-align: center;



    font-size: 36px;



    color: #fd600d;



    font-family: 'Rubik', sans-serif;



    font-weight: 400;}



.donate-text p{ text-align: center;



    font-size: 16px;



    padding: 0px 15%;



    color: #666666; font-family: 'open_sansregular';}	



.donate-sun-page{    width: 85%;



    margin: auto;



    display: block; border:1px solid;    border-radius: 13px; margin-bottom: 52px;}



.back_color{ width:100%; float:left; padding:0; background:#089013; padding: 12px 0 20px;}



.logo img{ width:15%;}



.phone{     width: 34%; float: left; margin-left: 226px; margin-top: 24px;}



.phone img{ margin-top:17px }



.phone h3{ font-size: 14px; text-transform:  uppercase; color:#e1e1e1; font-family: 'open_sanssemibold'; margin: 0;}



.phone h4{ font-size: 14px; text-transform:  uppercase; color:#e1e1e1; font-family: 'open_sanssemibold';}



.call{    display: inline-grid;}



.icon_one { width: 10%; float: right; margin: 13px 0px; margin-top:39px;}



.icon_one img{    margin-right: 4px;}







.banner img{ width:100%;}



.banner_one{ position: absolute; width: 27%; line-height:22px;



    float: left;



    margin-top: -500px;}



.banner_one h2{ font-family: 'Rubik', sans-serif; font-size:40px; color:#fff; font-weight: 500; margin-bottom:10px; }



.banner_one p{  font-family: 'open_sansregular'; font-size:14px; color:#fff; margin-bottom: 26px; }



.banner button{



    font-family: 'open_sanssemibold';



    background: #f3e1d3;



    border: 2px solid #1c1c1c;



    padding: 8px 13px;



    font-size: 14px;



    text-transform: uppercase;



}



.left_sec{ width:50%; float:left; padding:0;}



.left_sec img{ width:100%;}



.right_sec{ width:50%; float:right; padding:0; background:#21282e;}



.right_sec h3{ font-family: 'Rubik', sans-serif; font-size:36px; color:#ffffff; margin: 48px 0 12px 39px; font-weight: 500; }



.right_sec p{  font-family: 'open_sansregular'; font-size:13px; color:#e1e2e3; font-family: 'open_sansregular';



    font-size: 13px;



    color: #e1e2e3;



    line-height: 25px;



    margin: 0px 0 29px 39px;



    padding-right: 61px; }



.icon{



    width: 100px;



    height: 100px;



    border-radius: 50%;



    border: 1px solid #fd6b1d;



    position: relative;



	margin: auto;



	margin-top: 42px;



}



.icon img{



    width: 75%;



    position: absolute;



    top: 26px;



    left: 12px;



}



.icon_para p{ color:#666666; font-family: 'open_sansregular'; font-size:13px; padding-right: 10px;



    text-align: center;



    line-height: 22px; margin-bottom: 55px;}



.icon_para h3{ font-family: 'Rubik', sans-serif; font-weight:500; font-size:20px; color:#21282e; text-align:center; }



.iconn{



    width: 100px;



    height: 100px;



    border-radius: 50%;



    border: 1px solid #fd6b1d;



    position: relative;



	margin: auto;



	margin-top: 42px;



}



.iconn img{



    width: 75%;



    position: absolute; top: 17px; left: 14px;



}



.media-carousel 



{



  margin-bottom: 0;



  padding: 0 40px 30px 40px;



  margin-top: 30px;



}



.slider{



    width: 100%;



    float: left;



    padding: 0;



    margin: 23px 0;



}



.slider h3{ text-align:center; font-size:36px; color:#21282e; font-family: 'Rubik', sans-serif; font-weight:500; text-transform: uppercase;}



.slider span{ text-align:center; font-size:36px; color:#fd600d; font-family: 'Rubik', sans-serif; font-weight:400;}



.slider_img{



    width: 100%;



    float: left;



    padding: 0; border:1px solid #dedede; border-radius: 9px; position: relative;overflow: hidden;}



.calander{



    width: 57px;



    float: left;



    padding: 0;



    background: #fd600d;



    border-top-left-radius: 9px;



    position: absolute;



    top: 0px;



}	



.calander h3{  font-family: 'open_sanssemibold'; font-size:24px; color:#fff; text-align: center; margin: 0; padding: 9px 0;}



.calander_one{



    width: 100%;



    float: left;



    background: #21282e;



}



.calander_one h3{  font-family: 'open_sanssemibold'; font-size:13px; color:#fff; margin: 0; padding: 9px 0;}



.donation{ width:100%; float:left; padding:0; background:#21282e; height:103px; }



.donation h3{ text-align:center; font-family: 'Rubik', sans-serif; font-weight:500; text-transform:capitalize; color:#ffffff; font-size:16px; }



.two_text{ width: 85%;



    padding: 0; margin-bottom: 10px;



    }



.two_text h3{ color:#333333; font-family: 'open_sansregular'; font-size:13px; display: inline; margin-bottom:14px; padding: 0px 12px;}



.two_text_img{ width: 15px; float: left;}



.two_text_img img{ width:100%;}



.two_textt{ width: 85%;



    padding: 0;}



.two_textt h3{ color:#333333; font-family: 'open_sansregular'; font-size:13px; display: inline; margin-left: 12px;  margin-bottom:12px;}



.two_text_imgg{ width: 15px; float: left;}



.two_text_imgg img{ width:100%;}



.button_two{ margin-top:18px;



    border: 0;



    background: #fd600d;



    color: #fff;



    padding: 6px 12px;



    border-radius: 5px;



    font-size: 13px;



}







/* Previous button  */



.media-carousel .carousel-control.left 



{



  left: -12px;



  background-image: none;



  background: none repeat scroll 0 0 #222222;



  border: 4px solid #FFFFFF;



  border-radius: 23px 23px 23px 23px;



  height: 40px;



  width : 40px;



  margin-top: 30px



}



/* Next button  */



.media-carousel .carousel-control.right 



{



  right: -12px !important;



  background-image: none;



  background: none repeat scroll 0 0 #222222;



  border: 4px solid #FFFFFF;



  border-radius: 23px 23px 23px 23px;



  height: 40px;



  width : 40px;



  margin-top: 30px



}



/* Changes the position of the indicators */



.media-carousel .carousel-indicators 



{



  right: 50%;



  top: auto;



  bottom: 0px;



  margin-right: -19px;



      margin-bottom: -19px;



}



/* Changes the colour of the indicators */



.media-carousel .carousel-indicators li 



{



  background: #c0c0c0;



}



.media-carousel .carousel-indicators .active 



{



  background: #333333;



}



.media-carousel img



{



  width: 100%;



      border-top-left-radius: 9px;



    border-top-right-radius: 9px; transition:0.5s;



}



.media-carousel img:hover{ transform:scale(1.1)}











/* End carousel */



.new_sletter{ width:100%; float:left; padding:0; background:#fd6b1d;}



.new_sletter_text h3{ text-align:center; font-size:30px; color:#ffffff; font-family: 'Rubik', sans-serif; font-weight:500; text-transform: uppercase; }



.new_sletter_text p{ text-align:center; font-size:14px; color:#ffffff;  }



.new_sletter_text { margin-top:-241px;}











.bg_item .item{ background: #fff !important;}



.in_name{margin: auto;



    display: block;



    text-align: center;     margin-top: 49px;}



.site_one{border: 2px solid #fff;



    background: transparent;



    border-radius: inherit;



    padding: 22px 45px; margin-right:19px;}	



.butt_name{    width: 100%;



    padding: 0;



    margin-top: 49px;



    float: none;



    text-align: center;}



.butt_name button{background: transparent;



    border: 2px solid #fff;



    color: #fff;



    padding: 12px 215px 12px 9px;



    display: inline-table;



	    margin-left: 23px;}



.but_color{ background:#21282e !important;    border: 2px solid #fff;



    background: transparent;



    border-radius: inherit;



    padding: 12px 95px; color: #fff; text-transform: uppercase;}	



.gallery_text {font-family: 'rubikmedium'; font-size:36px; color:#21282e; text-transform:uppercase; text-align: center; margin: 33px 0;}



.gallery_text span{   font-family: 'rubikregular'; color:#fd600d;}



.container { position: relative; margin-bottom: 38px;



}







.image {



  display: block;



  width: 100%;



  height: auto;







}



.overlay {



  position: absolute;



  bottom: 100%;



  left: 0;



  right: 0;



    background-color: rgba(228, 103, 34, 0.75);



	  overflow: hidden;



    width:100%;



  height:0;



  transition: .5s ease;



}







.gallery_img:hover .overlay {



  bottom: 0;



  height: 100%;



}



.text_one {



    border: 1px solid;



    border-radius: 50%;



    width: 33px;



    height: 33px;



    margin-bottom: 15px;



}







.text {



  white-space: nowrap; 



  color: white;



  font-size: 20px;



  position: absolute;



  overflow: hidden;



  top: 50%;



  left: 50%;



  transform: translate(-50%, -50%);



  -ms-transform: translate(-50%, -50%);



}



.fa{margin-left: 8px;}



.gallery_img{ width:22%; float:left; padding:0;     position: relative;     margin: 17px;}



.people{ width:100%; float:left; padding:0; background:url("../image/alwayas.png"); background-size:100%; height:448px;}



.people_img{width:100%; float:left; padding:0; background: rgba(0, 0, 0, 0.82); position:absolute; height:448px;}







.people_img h3{ font-family: 'rubikmedium'; font-size:36px; color:#ffffff; text-transform:uppercase; text-align: center;     margin: 46px 0;}



.people_img span{ font-family: 'rubikregular'; color:#fd600d;}



.last_box{ background:#21282e;}



.about h3{ font-family: 'rubikmedium'; font-size:18px; color:#ffffff; text-transform: capitalize;     margin-top: 48px;}



.border {



    width: 55px;



    border: 2px solid #fd600d;



        margin-bottom: 28px;}



.natural p{color:#f0f1f1; font-family: 'open_sansregular'; font-size:12px;     line-height: 23px; margin-bottom: 55px;} 



.natural p span{ color:#fd600d; }



.menu{ padding:0;    width: 50%; float:left;}



.menu li { list-style:none;   }



.menu li a{ color:#999999; font-family: 'open_sansregular'; font-size:12px;     line-height: 29px;}



.menu li a:hover{ text-decoration:none;}



gallery_footer{ width:100%;}



.gallery_footer img {     margin: 15px 13px 0px 0; width: 27%;}



.home_text{padding: 0;}



.home_text li {



    list-style: none;



    color: #fff;



    text-transform: uppercase; font-family: 'open_sanssemibold'; font-size:13px;



}



.text_footer_icon{ margin: 0 11px 0 0;}



.home_text p{font-family: 'open_sansregular'; font-size:12px; color:#999999;     margin: 10px 0 22px;}



.copy_right{ background:#1c1c1c;}



.copy_right p{ color:#999999; text-align: center;



    font-size: 13px; font-family: 'open_sansregular';    padding: 23px 0;



    margin: 0;}



.copy_right span{ color:#fff;}







.example3 .navbar-brand {



  height: 80px;



}







.example3 .nav >li >a {



  padding: 0px 18px;



    line-height: 70px;



}



.example3 .navbar-toggle {



  padding: 10px;



  margin: 42px 39px 0px 0;



}







.navbar-inverse .navbar-collapse, .navbar-inverse .navbar-form {



 background:#fd600d;



}



.navbar-inverse .navbar-nav > li > a {



    color: #ffffff !important;



}



.navbar-inverse{ border:0 !important;}



.navbar-inverse .navbar-nav > li > a:hover, .navbar-inverse .navbar-nav > li > a:focus {



    color: #fff !important;}







.navbar {



       position: absolute !important;



    right: 0;



    left: 0;



	    margin-top: 21px;



	}



.donate_btn{ position:absolute;  top: 0; right:0px; background:#fff; color:#000; font-size:14px; font-weight:600; text-transform:uppercase; height:70px; line-height:70px; padding:0px 40px;}



.donate_btn:after{ content:""; width:30px; height:100%; background:#fff; position:absolute; left:-10px; transform: skew(15deg);}



/* Carousel */







#quote-carousel {



padding: 0;



 margin:0;



/* Control buttons  */



/* Previous button  */



/* Next button  */



 /* Changes the position of the indicators */



 /* Changes the color of the indicators */}



#quote-carousel .carousel-control { background: none; color: #CACACA; font-size: 2.3em; text-shadow: none;  margin-top: 30px;}



#quote-carousel .carousel-control.left { left: -60px;}



#quote-carousel .carousel-control.right { right: -60px;}



#quote-carousel .carousel-indicators { right: 50%; top: auto; bottom: 0px; margin-right: -19px;}



#quote-carousel .carousel-indicators li { width: 50px; height: 50px; margin: 5px; cursor: pointer; 



border: 4px solid #CCC; border-radius: 50px; opacity: 0.4; overflow: hidden; transition: all 0.4s;}



#quote-carousel .carousel-indicators .active { background: #333333; width: 128px; height: 128px;border-radius: 100px; border-color: #f33; opacity: 1; overflow: hidden;



}



.carousel-inner { min-height: 300px;}



.item blockquote { border-left: none; margin: 0;}



.item blockquote p:before { content: "\f10d"; font-family: 'Fontawesome'; float: left; margin-right: 10px;



}



.new_sletter img{ width: 100%;}



.need-help-sty{ height:410px; overflow:hidden;}







/* Carousel */







#quote-carousel {



    padding: 0;

    margin:0;



    /* Control buttons  */



    /* Previous button  */



    /* Next button  */



    /* Changes the position of the indicators */



    /* Changes the color of the indicators */



}



#quote-carousel .carousel-control {



    background: none;



    color: #CACACA;



    font-size: 2.3em;



    text-shadow: none;



    margin-top: 30px;



}



#quote-carousel .carousel-control.left {



    left: -60px;



}



#quote-carousel .carousel-control.right {



    right: -60px;



}



#quote-carousel .carousel-indicators {



    right: 50%;



    top: auto;



    bottom: 0px;



    margin-right: -19px;



}



#quote-carousel .carousel-indicators li {



    width: 50px;



    height: 50px;



    margin: 5px;



    cursor: pointer;



    border: 4px solid #CCC;



    border-radius: 50px;



    opacity: 0.4;



    overflow: hidden;



    transition: all 0.4s;



}



#quote-carousel .carousel-indicators .active {



    background: #333333;



    width: 128px;



    height: 128px;



    border-radius: 100px;



    border-color: #f33;



    opacity: 1;



    overflow: hidden;



}



.carousel-inner {



    min-height: 300px;



}



.item blockquote {



    border-left: none;



    margin: 0;



}



.item blockquote p:before {



    content: "\f10d";



    font-family: 'Fontawesome';



    float: left;



    margin-right: 10px;



}







.Testimonial{



    font-family: 'rubikmedium';



    font-size: 36px;



    color: #21282e;



    text-transform: uppercase;



    text-align: center;



    margin: 33px 0;



}







/*---------------------------About Us------------------*/



 



.about-right-img{    width: 100%;



    height: 386px;}



	.about-right-img img{ width:100%; height:100%; }



.breadcum{padding:100px 0px 60px 0px; text-align:center; position:relative; }



.breadcum:before{ content:""; width:100%; height:100%; background:rgba(0,0,0,0.3); position:absolute; top:0; left:0;}



.breadcum h1{ font-size:36px; color:#fff; font-weight:bold; margin-bottom:15px; text-transform:uppercase; position:relative;}



.breadcum ul{ margin:0px; padding:0px; position:relative;}



.breadcum ul li{ display:inline-block; padding:0px 20px; position:relative; font-size:14px; text-transform:uppercase; color:#ccc;}



.breadcum ul li a{ color:#fff;}



.breadcum ul li a:before{ content:"/"; position:absolute; top:0; right:-2px;}







.About_img{ position:relative; padding:100px 0px; }



.About_img img{ width:100%; height:511px; }



.About-text{position: absolute;



   top: 187px;



    margin: auto;



    /* display: block; */



    left: 540px;



    font-weight: bold;



    font-size: 34px;



    color: #fff;     font-family: 'Rubik', sans-serif;}



.text_class{ width: 100%;



    float: left;



    padding: 0;    margin-top: 42px;



  }



.text_class h2{text-align: center;



    font-size: 36px;



    color: #21282e;



    font-family: 'Rubik', sans-serif;



    font-weight: 500;



    text-transform: uppercase;



	margin: 33px 0;



	



}



.text_class span{text-align: center;



    font-size: 36px;



    color: #fd600d;



    font-family: 'Rubik', sans-serif;



    font-weight: 400;



}	



.text_class p{ color: #333;



    font-family: 'open_sansregular';



    font-size: 14px;



    line-height: 23px;}



.two_about{ width:100%; float:left; padding:0; background-color: #f9f9f9; }



/* Style the tab */



div.tab {



    float: left;



    background-color: #f9f9f9;



    width: 30%;



    height: 300px;



    margin-top: 73px;



 margin-bottom: 30px;



 font-family: 'Rubik', sans-serif;







}







/* Style the buttons inside the tab */



div.tab button {



    display: block;



    background-color: inherit;



    color: #fd600d;



    padding: 22px 16px;



    width: 100%;



    border: none;



    outline: none;



    text-align: left;



    cursor: pointer;



    transition: 0.3s;



    font-size: 17px;



	margin-bottom: 26px;



		    border-bottom: 1px solid;



    



}



/* Change background color of buttons on hover */



div.tab button:hover {



    background-color: #fff;



	transform: scale(1.1);



	border:none;



}







/* Create an active/current "tab button" class */



div.tab button.active {



    background-color: #fff;



}







/* Style the tab content */



.tabcontent {



    float: left;



    padding: 0px 12px;



    width: 70%;



    border-left: none;



    height: 300px;



    line-height: 25px;



	 margin-top: 73px;



	     font-family: 'Rubik', sans-serif;



}



.tabcontent h3{    margin-left: 56px;  color: #fd600d; margin-top: 0; font-size: 36px;}	



.tabcontent p{    margin-left: 56px; }



.tabcontent h4{    margin-left: 56px; margin-top: 0; font-size: 14px; line-height: 26px; color: #333;}	



.icon_color{  color: #fd600d;}







@media  screen and (max-width: 768px){



	.About-text{top: 20px;



    left: 86px;



    font-size: 20px;



    text-align: center;



	}



	div.tab{ width:100%}



	.tabcontent{ width:100%; margin-top:0; height:148px;}



	.tabcontent h3{ margin-left:0; text-align:center;}



	.tabcontent p{ margin-left:0; }



	.tabcontent h4{ margin-left:0; }



.about-sec {



    padding: 15px 0px !important;



}



.iconn{ margin-top:0px;}



.icon_para p {



    margin-bottom: 23px;



}



.text-section h1 {



    font-size: 23px !important;



    margin-top: 10px !important;



}	



.About_img img{ height:auto;}



#quote-carousel .carousel-control.right {



    right: -60px;



    display: none !important;



}



.media-carousel {



 padding: 0px;}



#quote-carousel .carousel-indicators .active {



    width: 40px !important;



    height: 40px !important; 



	}







#quote-carousel .carousel-indicators li {



    width: 30px !important;



    height: 30px !important;}	



.carousel-inner {



    min-height: 200px !important;



}	



	}











/*---------------------------About Us End------------------*/



/*---------------------------Event------------------*/



/*.heading-text{ padding:50px;}*/







.heading-new h2{text-align: center;



    font-size: 36px;



    color: #21282e;



    font-family: 'Rubik', sans-serif;



    font-weight: 500;



    text-transform: uppercase;



    margin: 68px 0 33px !important;}



.heading-new span{text-align: center;



    font-size: 36px;



    color: #fd600d;



    font-family: 'Rubik', sans-serif;



    font-weight: 400;}



.heading-new p{ text-align:center; font-size:16px; padding:0px 15%; color:#666666;}



.heading-text h2{text-align: center;



    font-size: 36px;



    color: #21282e;



    font-family: 'Rubik', sans-serif;



    font-weight: 500;



    text-transform: uppercase;



    margin: 33px 0 0px;}



.heading-text span{text-align: center;



    font-size: 36px;



    color: #fd600d;



    font-family: 'Rubik', sans-serif;



    font-weight: 400;}



.heading-text p{ text-align:center; font-size:16px; padding:0px 15%; color:#666666;}



.evnt-text-sty{ position:relative;}



.sty-new-text{ display:none;}



.sty-new-text:hover{ display:block;}



.img-text-evnt{ position:absolute; bottom:0; padding:20px 20px; background:#00000082; width:100%; color:#fff; font-size:18px;}







.right-side-text-event{ padding:0px 20px;}



.right-side-text-event h4{    font-family: 'Rubik', sans-serif;



        font-size: 16px; color: #fd600d; text-transform: uppercase;



    margin-bottom: 20px;



    margin-top: 0;     line-height: 27px;



    }



.right-side-text-event p{font-size:14px; color: #666666;



    font-family: 'open_sansregular';}



.text-like{}



.text-like ul{ padding:0; margin:0; list-style:none;}



.text-like ul li a{ float:left; padding:10px 8px 10px 0px;}



.font-size-sty{ font-size:20px; color: #fd600d;}



.button-sty-event{    padding: 10px 34px;



    margin-left: 28px;



    border: #343434 solid 1px; margin-top:10px; font-family: 'open_sansregular'; font-size:14px;}



.section-one{border: #fff solid 13px;



    box-shadow: 0px 2px 9px 1px rgba(68, 62, 93, 0.3);



    margin-bottom: 50px;}



.text-like-icons{ float:right;     margin-top: 19px;}



.text-like-icons ul{ margin:0px; list-style:none; margin-right: 30px;}



.text-like-icons ul li{ float:left; padding: 0px 3px 0px 0px;



    font-size: 20px;}	



.comon-like{ font-size:24px; color:#ccc;}



.comon-like:hover{ font-size:24px; color:#fd600d;}



.right-side-text-event1 h4 {



    font-family: 'Rubik', sans-serif;



    font-size: 30px;



    color: #fd600d;



    text-transform: uppercase;



    margin-bottom: 20px;



    margin-top: 0;



    float: right;



}



.right-side-text-event1 p{font-size:14px; color: #666666;



    font-family: 'open_sansregular'; float:right; text-align:right;}



.button-sty-event1 {



    padding: 10px 34px;



    margin-left: 28px;



    border: #343434 solid 1px;



    margin-top: 10px;



    font-family: 'open_sansregular';



    font-size: 14px;



    float: right;



}	



.text-like-icons1{     margin-top: 19px;}



.text-like-icons1 ul{ margin:0px; list-style:none; margin-right: 30px; }



.text-like-icons1 ul li{ float:left; padding: 0px 3px 0px 0px;    }



.text-like{}



.text-like1 ul{ padding:0; margin:0; list-style:none;  float: right;



    width: 18%;}



.text-like1 ul li a{ float:left; padding:10px 8px 10px 0px;}



.ni_even{     position: absolute;



    top: 0;



    margin: auto;



    /* display: block; */



    /* left: 540px; */



    font-weight: bold;



    font-size: 34px;



    color: #fff;



    font-family: 'Rubik', sans-serif;



    background: #00000078;



    width: 100%;



    height: 100%;



    margin: auto;



    display: block;



    text-align: center;



    padding-top: 12%;}



.banner{ position:relative;}



@media screen and (max-width:767px){



.heading-text h2 {



    font-size: 24px !important;



    margin-bottom: 14px;



}



.heading-text-sty {



     margin-top:0px !important;



}



.activity-sty{ margin-top:-43px;}



.form-contact-sty {



     padding: 0px !important; 



}



.content-header {







    font-size: 20px !important;}



.section-content {



    padding: 0px 18px !important;



}



.contact-section h1 {



    font-size: 24px !important;



    margin-bottom: 10px !important;



    



}



.donate_btn{ display:none;}



.address-sec-sty h1 {



    padding: 0px !important;}



.form-line {



    border-right:none !important;



}



.addess-feild ul {



    padding: 0px !important;



}



.addess-feild ul li {







    padding: 13px 0px 7px !important; line-height:10px !important; font-size:13px !important;}



.form-contact-sty label {



    font-size: 14px !important;}



.form-control-address {



    font-size: 14px !important;



    height: 33px !important;}		



	



.heading-text {



    padding: 10px;



}



.heading-text p {



    padding: 0px 0%;



	}



.right-side-text-event h4 {



    margin-bottom: 9px;



    margin-top: 13px;



	font-size: 25px;     text-align: center;



}



.right-side-text-event1 h4 {



    font-family: 'Rubik', sans-serif;



    font-size: 25px;



    text-align: center;



    color: #fd600d;



    text-transform: uppercase;



    margin-bottom: 20px;



    margin-top: 0;



   float: none;



}



.right-side-text-event1 p {



    float: none !important;



    text-align: justify !important;



   



}



.right-side-text-event p {



    text-align: justify;



}



.text-like1 ul {



    float:none !important;



    width:100% !important;



}



.text-like-icons {



    display: none;



}



.text-like-icons1 {



    display: none;



}



.button-sty-event1{    margin-top: -44px;



    margin-bottom: 21px;}



	.About_img img{ height:auto;}



}	



	



/*---------------------------Event End------------------*/



/*---------------------------Service------------------*/



.service-list-sty{ margin: auto;



    display: block;



    margin-bottom: 32px;}



.service{ font-family: 'rubikmedium';



    font-size: 36px;



    color: #21282e;



    text-transform: uppercase;



    text-align: center;



    margin: 68px 0 33px 0;}



.service span{ font-family: 'rubikregular';



    color: #fd600d;}	



.service-glaucoma-list{ width:100%; float:left; padding:0; background-color: #e8e8e8;    margin-bottom: 34px;}



.glaucoma{ text-align:center; display:block;    margin-top: 49px;}



.service-glaucoma-list:hover{ background:#fd600d;}



.service-glaucoma-list h3{



    text-align: center;



    text-transform: uppercase;



    font-family: 'rubikregular';



    font-size: 18px;



    font-weight: 400;



}



.service-glaucoma-list p{ text-align: center;



    padding: 21px;



    /* text-align: justify; */



    font-size: 15px;



    font-family: 'rubikregular';}



	.service-glaucoma-list:hover p{ color:#fff;}



	.service-glaucoma-list:hover h3{ color:#fff;}



	.service-glaucoma-list:hover button {    background-color: #e6e6e6;



    border-color: #adadad;}



	.modal-title{    font-size: 23px;



    color: #fd600d;    font-family: 'rubikmedium'; text-transform:uppercase;}



	.modal-header .close {



    margin-top: -32px;}



	modal-body h3{ font-family: 'rubikmedium';}



	modal-body p{ font-family: 'rubikmedium';}



	@media (min-width: 768px){



.modal-dialog {



    width: 70%;



    margin: 30px auto;}}







/*---------------------------Service End------------------*/







/*---------------------------TEAM------------------*/



.panel-default>.panel-heading {



  color: #333;



  background-color: #fff;



  border-color: #e4e5e7;



  padding: 0;



  -webkit-user-select: none;



  -moz-user-select: none;



  -ms-user-select: none;



  user-select: none;



}







.panel-default>.panel-heading a {



  display: block;



  padding: 10px 15px;



}







.panel-default>.panel-heading a:after {



  content: "";



  position: relative;



  top: 1px;



  display: inline-block;



  font-family: 'Glyphicons Halflings';



  font-style: normal;



  font-weight: 400;



  line-height: 1;



  -webkit-font-smoothing: antialiased;



  -moz-osx-font-smoothing: grayscale;



  float: right;



  transition: transform .25s linear;



  -webkit-transition: -webkit-transform .25s linear;



}







.panel-default>.panel-heading a[aria-expanded="true"] {



    color: #fd600d;



	    font-family: 'Rubik', sans-serif;



}







.panel-default>.panel-heading a[aria-expanded="true"]:after {



  content: "\2212";



  -webkit-transform: rotate(180deg);



  transform: rotate(180deg);



}







.panel-default>.panel-heading a[aria-expanded="false"]:after {



  content: "\002b";



  -webkit-transform: rotate(90deg);



  transform: rotate(90deg);



}







.accordion-option {



  width: 100%;



  float: left;



  clear: both;



  margin: 15px 0;



}







.accordion-option .title {



     text-align: center;



    font-size: 36px;



    color: #fd600d;



    font-family: 'Rubik', sans-serif;



    font-weight: 500;



    text-transform: uppercase;



	    padding: 30px;



}







.accordion-option .toggle-accordion {



  float: right;



  font-size: 16px;



  color: #6a6c6f;



}







.accordion-option .toggle-accordion:before {



  content: "Expand All";



}







.accordion-option .toggle-accordion.active:before {



  content: "Collapse All";



}



















/*---------------------------TEAM END------------------*/











@media  screen and (max-width: 768px){



.marginn { margin-left:0 !important;}



/*.donate_btn { display: none !important;}*/



.phone { width: 39%; margin-left:0;}



.phone img { margin-top: 17px; width: 15%;}



.example3 .navbar-toggle { padding: 10px; margin: 36px 35px 0px 0;}



.need-help-sty{ overflow:none;}



.phone h3 { font-size: 11px;}



.phone h4 { font-size: 11px;}



.icon_one { width: 49%; float: left;}



.icon_one img { margin-right: 1px; width: 20%; float: right; padding: 0px 3px;}



.back_icon{ background: transparent; margin-top: -34px;}



.donate{ display:none;}



.donate_sec{ display: block;}



.donate_sec button{ border: 0; margin-bottom: 17px; background: #fff; font-size: 13px; color: #000; padding: 8px 12px;}	



.left_sec { width: 100%;}



.right_sec { width: 100%;}



.slider_img { margin-bottom: 29px;}



.two_text{ margin-top:13px;}



.banner_one { width:45%; margin-top: -267px;}



.banner_one h2{font-size: 29px;}



.banner_one p{    font-size: 11px;}



.butt_name button{    padding: 11px 142px 12px 9px;} 



.gallery_img { width: 45%;}



.natural p{ margin-bottom:0;}



.about h3{ margin-top:25px;}



.gallery_img { width: 43%; margin: auto 17px; margin-bottom: 17px;}



.new_sletter img{width: 100%;}



.About_img img{ height:auto;} }



@media screen and (max-width: 600px){



.banner_one { margin-top: -260px; font-size: 36px;}}



@media screen and (max-width: 600px){



.banner_one{ width: 50%; margin-top: -237px;}}



@media screen and (max-width: 991px){



.navbar-nav > li{ padding:5px;  }



/*.navbar-nav > li > a{    padding-top: 25px !important; padding-right: 4px !important;}*/



navbar-inverse .navbar-nav > li > a { padding: 31px 0px !important; line-height:0px;}}



@media screen and (max-width: 556px){ 



.banner_one{ margin-top: -220px;}



.banner_one h2{ font-size: 21px;}



.banner_one p{ line-height: 13px; margin-bottom: 12px;}



.right_sec h3{ font-size: 25px; margin-top: 24px;}



.right_sec p{ margin: 17px; padding-right: 0;}}



@media screen and (max-width: 507px){



.banner img{ height:273px;}



.banner_one{ margin-top: -241px;}} 



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



.banner img{ height: 259px; }}



@media screen and (max-width: 640px){



/*.phone{ float: right;}*/



.phone img{ margin-left: 36px; width: 27px; margin-top: 0; margin-right: 1px;}



.icon_one  {  width: 54%; float: right;}



.banner_one { margin-top: -276px;}



.new_sletter img { height: 241px;}



.in_name{ margin-bottom: 21px;}



.site_one{ margin-bottom: 12px;}



.gallery_img {width: 91%;}



.About_img img{ height:auto;}}



@media screen and (max-width: 732px){



.banner_one { margin-top: -252px;} 



.phone img{    margin-left: 0; margin-top: 18px;}



.call{ width: 81px;}



.banner_one{ margin-top: -261px;}



}



@media screen and (max-width: 732px) and (min-width: 420px){



.new_sletter_text {



    margin-top: -121px;



}



.site_one{ margin-bottom: 23px;}



.but_color{ margin-bottom: 23px;}



.About_img img{ height:auto;}



}



@media screen and (min-width: 992px) and (max-width: 1200px) {



.navbar-inverse .navbar-nav > li > a { padding: 35px 15px !important; line-height:0px;}}



@media screen and (min-width: 768px) and (max-width: 1024px) {



	.example3 .nav >li >a {



    padding: 0px 2px !important;



    line-height: 62px !important;



}



	.marginn{ margin:0 !important;}



	.phone{ margin-left: 0; width: 95%; float: right;}



	.phone img { width: 39px;}



	.phone h3{ font-size: 23px;}



	.phone h4{ font-size: 23px;}



	.icon_one{ width: 87%;}



	.left_sec img{ height: 510px;}



	.icon_para h3{ font-size: 35px;}



	.icon_para p { font-size: 21px; line-height: 33px;}



	.banner_one{ width: 42%;}



	.banner_one h2{ font-size: 57px;}



	.banner_one p{ font-size: 22px; line-height: 33px;}



	.banner button{ padding: 15px 29px; font-size: 20px;}



	.slider_img{ margin-bottom: 57px;}



	.new_sletter_text h3 { margin-top: 40px;}



	.gallery_img { width: 46%;}



	.About_img img{ height:auto;}}



@media screen and (min-width: 768px) and (max-width: 1023px) {



	.new_sletter img{ height: 256px;}



	.but_color{ margin: 20px 0;}



     .icon_para h3{ font-size: 35px;}



	.icon_para p { font-size: 21px; line-height: 33px;}



    /*.navbar_left{width: 84%;}*/



	.navbar-nav > li{     padding: 4px; margin: 0;}



	/*.navbar-inverse .navbar-nav > li > a { padding: 31px 0px; line-height:0px;}*/



	.donate_sec{     width: 16%; margin-top: 21px;}



	.back_icon{ margin-top: 9px;}



	.banner img{ height: 418px;}



	.banner_one{margin-top: -384px; width: 50%;}



	.banner_one h2{ font-size: 50px;}



	.gallery_img { width: 96%;}



	.About_img img{ height:auto;}}



@media screen and (min-width: 1025px) and (max-width: 1200px) {



.navbar_left{width: 80%;}



.navbar-nav > li{ padding: 14px;}}



/*.navbar-inverse .navbar-nav > li > a { padding: 25px 10px;}*/



@media screen and (max-width:1366px) and (min-width:  1024px) {



.navbar_left { width: 81%;}



.navbar-nav > li { padding: 0px;}



.navbar-nav > li > a{}}



@media screen and (max-width: 1300px) and (min-width: 1025px){



.navbar_left {width: 62% !important;}}



@media screen and (max-width: 640px) and (min-width: 360px) {



.phone{ width: 60% ; float: left !important;}



.two-sec{ float: right;}



.icon_one { width: 40%;}



.About_img img{ height:auto;}}



@media screen and (min-width: 1024px) and (max-width: 1199px) {



.marginn { margin-left:0 !important;}



.phone{ margin-left: 0; width: 62%; float: right;}



.icon_one { width: 86%; float: right; margin: 13px 0px;}



.navbar_left { width: 80% !important;}



.About_img img{ height:auto;}}

/*----------10.05.18---------*/
.table{ margin-top:75px !important;}
.table-bordered > thead > tr > th,{ font-family: 'open_sansbold';}
.exclusive h3{ font-family: 'open_sansbold'; font-size:24px; }




































































.panel-default-sty .panel-heading a {



    display: block;



    padding: 20px 15px !important;



}
.table.table-bordered thead th{ background:#bfbfbe  !important;}
.fecility-sec{ list-style: none; padding: 0;}
.fecility-sec li{ list-style:none; line-height: 37px;}
.fecility-sec li img{ margin-right: 17px;}