body { font-family: Arial, Helvetica, sans-serif; background:#f6efe5;   overflow-x: hidden; }

p {font-size: 20px;}

p.small {font-size: 16px;}

.redcolor { background:#f5b324; }

ul li, ul { margin:0px; padding:0px; list-style:none;}

a, a img {border: none; outline: none;}

a,

a:hover,

a:focus,
@import url('https://fonts.googleapis.com/css?family=Merriweather:300,400,700');
a:active,

a.active {

  color: #09a3d9; font-family: arial;

}

h1,

h2,

h3,

h4,

h5,

h6 { font-family: arial; font-weight: bold;}

/*------------------------------HEADER CSS START HERE------------------------------------------*/

.headerbg {background: url(../images/headerbg.png); height: 142px; position: relative; z-index: 9999;}

.menulftbg { position: absolute; left: -30px; background: url(../images/menulftbg.jpg) no-repeat; z-index: 8888; width: 147px; height:57px;  }

.menurgtbg { position: absolute; right: 0px; background: url(../images/menurgtbg.jpg) no-repeat; z-index: 8888; width: 147px; height:57px;  }

.headersocialmedia li {display: inline-block; margin-top:40px;}
.socialmediabanner {width:70%; height:120%;position:absolute;margin-top: -4%;
    margin-left: -60%;}

.logotxt {font-size: 20px; font-weight: bold; color:#000; line-height: 20px; margin:15px 0 0 15px;  width: auto;; display: inline-block; }

.headerlogo img { display: inline-block;}

.menubg { background: #f89e3e; border-radius:7px; padding: 0 7px;     }

.dottedborder { border: 1px dashed #FFF; border-radius:7px; margin:7px 0px;  }

.headerrgt { text-align: right; }

.slider {background: #e2d2c3; padding: 40px 0px; position: relative; z-index: 200; margin-top: -10px;}

.slider .carousel-indicators { bottom: -40px; }

.slidescontainer {margin: 0px 0 0 0px;}

.slidescontainer .carousel-caption {position: absolute; top:70px; right: 40px; width: 40%; height: 150px; background: rgb(0, 0, 0, 0.8); opacity: 0.87 !important; color:#FFF; font-weight: bold;}

.slidescontainer .carousel-caption h2 {font-weight: bold; font-size: 20px; color: #f48209; margin: 0px; padding:0px 0 10px 0;  }

.slidescontainer .carousel-caption p {font-size: 13px; opacity: 0.8;}

.slider .carousel-control { width: auto; }



.sliderleftcontent h2{ font-size: 24px; font-weight: 700; padding:0px 0 0 0px; color: #cc0000; font-family: 'Merriweather', serif; }
.sliderleftcontent p {font-size: 13px; margin: 0 0 5px 0; }
.sliderleftcontent a{font-weight: bold; color: #333;  }
.sliderleftcontent a:hover {color: #cc0000;}
.clear {clear: both;}

.btn-read-more {font-weight: bold; color: #cc0000; font-size: 13px; text-align: left; float: right; margin-right: 15px; }


.padrgt0 { padding-right:0px;}

.carousel-control { color:#FFF; font-size:40px; opacity:1; top:40%;}

.carousel-control.left, .carousel-control.right {  background-image:none; margin:0 -20px;}

.btnwhite { border:2px solid #FFF; color:#fff; font-size:12px; margin-top:20px; padding:10px 30px; border-radius:20px; }

.btnwhite:hover { background:#FFF; color:#f98324; text-decoration:none;}

.carousel-caption h1 {font-family: 'Darleston'; font-size:80px; font-weight:bold;}



.newssection { border:1px dashed #caa84e; margin-top: 25px; }

.newsheading {font-family: 'motion_picture_personal_useRg'; color: #cc0000; font-size: 25px; width: 150px; float: left;}

.newstxt {font-size: 15px; color: #000;  margin-top: 5px;}



/*--------------------------------------INDEX CSS START HERE-------------------------------*/

.servicecontainer { background:#FFF; padding: 40px 0px; border-bottom: 1px solid #e5e5e5;}

.headingborder { background: url(../images/border.png) center bottom no-repeat; width:100%; height:40px; float:left; margin:0px auto 20px auto;}

.homecontent p { font-size:17px; line-height:26px; margin:0 0 20px 0; color:#666;}



.colheading { font-size:28px; text-transform:none; font-family: 'montserratbold'; font-weight:normal; color:#FFF; letter-spacing:-1px; line-height:32px;}

.servicecol { border: none; text-align: center; background: #fff2de;  box-shadow: 0 2px 10px #fcd0a2; padding: 20px 0px;  }

.servicecol h3 { font-weight: bolder; color: #4e4e4e; font-size: 18px; letter-spacing: -1px; }

.servicecol p { font-size: 12px; color: #999999; }

/*.servicecol a { background: #4e4e4e; font-weight: bold;  font-size: 12px; color: #FFF; border-radius: 20px; padding: 7px 20px; transition: 2s; }

.servicecol a:hover { background:#f89e3e; text-decoration: none; }*/

.servicecol .iconmessage { width: 64px; height: 60px; background: url(../images/icon-message.png); background-position: left top; transition: 0.5s; margin: 0 auto;   }

.servicecol:hover .iconmessage { background-position: 0 -60px; transition: 0.5; }



.servicecol .iconjoin { width: 64px; height:60px; background: url(../images/icon-join.png); background-position: left top; transition: 0.5s; margin: 0 auto;   }

.servicecol:hover .iconjoin { background-position: 0 -60px; transition: 0.5; }



.servicecol .iconcareer { width: 64px; height:60px; background: url(../images/icon-career.png); background-position: left top; transition: 0.5s; margin: 0 auto;   }

.servicecol:hover .iconcareer { background-position: 0 -60px; transition: 0.5; }



.servicecol .iconsupport { width: 64px; height:60px; background: url(../images/icon-support.png); background-position: left top; transition: 0.5s; margin: 0 auto;   }

.servicecol:hover .iconsupport { background-position: 0 -60px; transition: 0.5; }



.homeleftcontent h2, .homenewssection h2, .eventheading h2 {font-weight: bolder; color: #4e4e4e; font-size:30px; padding: 20px 0px; letter-spacing: -1px; text-align: left;}

.homeleftcontent p {color: #f89e3e; font-size: 20px; font-weight: bold; margin: 0px; padding: 0px; text-align: left;}

.homenewssection h2 { padding-left: 40px; }

.homenewssection ul {margin: 0px; height: 850px; overflow-y:hidden;  }

.homenewssection ul li.first { border-top: none; }

.homenewssection ul li.last { border-bottom: none; }

/*.homenewssection ul li { text-align: left; border-bottom: 1px solid #d2d2d2; border-top: 1px solid #FFF; padding: 4px 5px; }*/

.homenewssection ul li span { color: #da9439; font-size: 12px; font-weight: bold; margin: 0 0 7px; 0; }

.homenewssection ul li p { font-size: 16px; color: #333; }

.homenewssection ul li a {font-size: 17px; color: #f56060; }



.borderorange { background: #f89e3e; height: 7px; border-radius:15px;  }

.event-gallery {padding:0 10px; text-align: center;}

.event-gallery img {border: 4px solid #f89e3e; max-height: 230px; max-width: 100%; }

.event-gallery h4 {color: #f48209; font-size: 18px; padding: 0px; font-weight: normal; margin: 10px 0px 0px 0px;}

.event-gallery .date { color: #717171; font-size: 12px; }

.event-gallery .btnreadmore { background: #ffdd90; border: 1px solid #f0cd79; font-weight: bold;  font-size: 12px; color: #f48209; border-radius: 5px; padding: 6px 20px; margin-top: 10px; display: inline-block; transition: 2s; }

.servicecol .btnreadmore:hover { background:#f89e3e; text-decoration: none; }

/*--------------------------------------INDEX CSS END HERE-------------------------------*/

.healthimg {width:60%;height:60%;margin-left:16%}

/*-------------------------------FOOTER CSS START HERE-----------------------------------*/

.footerlogo li { width:auto; float:left; border-right:1px solid #e5e5e5; padding:0 5px;}

footer{color:#333; font-family: "Times New Roman", Times;}

footer .footer-above{padding-top:40px; padding-bottom: 30px; color:#f5dfdf; background: url(../images/footerbg.jpg); margin-top:0px;  }

footer .footer-col { text-align:left;}

footer .footer-col h3 { margin:0px 0 10px 0; color:#f58208; text-transform: uppercase; font-size:18px; font-family: "Times New Roman", Times; font-weight: bold;}

footer .footeraddress a { color:#333 !important; font-size:15px !important;} 

footer .footer-col a{ color:#333; font-weight:normal; font-size:15px; font-family: "Times New Roman", Times;  }

footer .footer-col a:hover { text-decoration:none; color:#f58208;}

footer .footer-col ul li { margin-bottom:5px; text-align:left; font-weight:normal;}

footer .footer-col ul { margin-top:10px;} 

footer .footer-col .footertitle {  font-size:18px; text-align:left; color:#f58208; font-family: "Times New Roman", Times; }

footer .footer-below{padding:10px 0;  color:#333; font-size:14px; background: #fcd483;}



.scroll-top{position:fixed;right:2%;bottom:2%;width:50px;height:50px;z-index:1049}

.scroll-top .btn{font-size:20px;width:50px;height:50px;border-radius:100%; -moz-border-radius:100%; -o-border-radius:100%;line-height:28px}

#skipnav a{padding:6px;position:absolute;top:-40px;left:0;color:#fff;border-right:1px solid #fff;border-bottom:1px solid #fff;border-bottom-right-radius:8px;background:transparent;transition:top 1s ease-out,background 1s linear;z-index:2000}

#skipnav a:focus{position:absolute;left:0;top:0;background:#18BC9C;outline:0;transition:top .1s ease-in,background .5s linear}

div#maincontent{outline:none}

footer .footer-col p { font-size:15px; line-height:26px; color: #333;}

footer .footer-col span { font-size:20px; color:#f98324; font-weight:normal; }



/*-------------------------------FOOTER CSS END HERE-----------------------------------*/

.scrolltop {width: 72px;height: 72px;display: inline;background: url(../images/icon_top.png) center center no-repeat;position: fixed;bottom: 50px;right: 50px;font-size: 0;z-index: 99;}



/*--------------------------------INNER HEADER CSS START HERE------------------------------*/

.innerheaderbg { background:url(../images/inner-header.jpg) center top; background-size:cover; height:250px; margin-top: 20px;  }

.innerheaderbg { color:#FFF; text-align:center; }

.innerheaderbg h1 { padding-top:70px; font-size:70px; color:#FFF;   text-transform:none; }

.scrolltop {width: 72px; height: 72px;display: inline;background: url(../images/icon_top.png) center center no-repeat; position: fixed; bottom: 50px;right: 50px;font-size: 0;  z-index: 99;}

.rgtform { background:#f98324; padding:20px; color:#FFF; font-weight:normal; margin:0 0 0 20px;}

.rgtform label { font-weight:normal;}

.rgtform .form-control { background:none; color:#FFF !important; border:1px solid #fcb378;  }

.rgtform .form-control::-moz-placeholder { color:#ffe2ca;}

.btnsubmit { width:100%; border-radius:3px; background:#FFF; border:none; color:#f98324;  font-size:16px; margin-top:20px;}

.innerpagecontent p { color:#333; text-align:left; font-size:13px; text-align:justify; line-height:22px; }

.innerpagecontent p img {border: 5px solid #FFF; box-shadow: 0 0 10px #a4a4a4;  }

.innerpagecontent h3 { font-size:27px; color:#f89f3e;}
.innerpagecontent h4 { font-size:20px; color:#f89f3e;}

.innerpagecontent ul { margin: 0px; padding: 0px; }

.innerpagecontent ul li  { color: #333;  font-size: 13px; background: url(../images/bullet-img.png) no-repeat left top; padding: 0 0 10px 30px;}





.news-cols .title {  font-size:24px; font-weight: bold; padding: 0 0 15px 0; color:#f89f3e;}

.news-cols .title span { color:#333;}

.innerrgtbox ul { margin:0px; padding:15px;}

.innerrgtbox ul li { text-align:left; margin:0px 0 8px 0; padding:0px 0 0 15px;    }

.mebr_list { background:#fff; border-radius:5px; margin:0px 10px; padding:15px; box-shadow:0 0 05px #ccc; min-height:470px;}

.innerrgtbox { border:2px solid #f89f3e; text-align:center;  min-height:auto;}

.innerrgtbox h4 { font-size:22px; margin:15px 0 15px 0; text-transform:none; color:#f89f3e;   }

.innerrgtbox p { color:#666; font-size:16px; line-height:25px;}

.image img { max-height:261px;}

.rgtnavlinks { padding:15px 0px !important; }

.rgtnavlinks li a { color: #333; font-size: 14px; font-weight: bold; background: url(../images/bullet-img.png) no-repeat left top; padding: 0 0 0 30px;}

.rgtnavlinks li a:hover {color: #f89f3e; text-decoration: none;}

.rgtdonation {margin-top: 40px;}

.rgtdonation .txtcontent { padding: 40px 0px; font-size:25px; line-height: 33px; }

.rgtdonation .donation-rgt-section .btndonation { font-size: 22px; border-radius: 35px; font-family: Arial, Helvetica, sans-serif; font-weight: bold;   color:#fff; border: 1px dashed #FFF;}

.rgtdonation .donation-rgt-section .btndonation:hover { background: none; color: #FFF; }

.donation-rgt-section { background: #f89f3e;  color: #FFF; font-size:25px; font-weight: bold; text-align: center; line-height:42px;   }

.donation-rgt-section .txtcontent { padding:20px 0px 20px 0px; }

.donation-rgt-section img { max-width: 100%; }

.padleftrgtnone { padding-left: 0px; padding-right: 0px; }

.donation-rgt-section .btndonation { border: 1px dashed #FFF; color: #FFF; border-radius: 20px; width: 86%; margin:0 15px 20px 15px; padding:3px 20px; display: inline-block;  font-family: 'motion_picture_personal_useRg'; font-size:24px; }

.donation-rgt-section .btndonation:hover { background: #FFF; color:#ad8824; }

.height50 { height: 50px; }

.height20 {height: 30px;}

.innerpageheading { background: #f89f3e; width: 100%; padding: 10px 10px; }

.innerpageheading h1 {font-size: 17px; font-weight: bold; margin: 0px; color: #FFF;}

/*----------------------INNER PAGE CSS end HERE------------------*/

.footeraddress { padding-left: 0px; }





.kt-contact-form input[type="text"], .kt-contact-form textarea {

    width: 100%;

    font-family: 'Roboto';

	padding:10px;

	margin-bottom:10px;

}

.kt-contact-form textarea{height:100px;}

.button, input[type="submit"] {

    color: #fff;

    display: inline-block;

    padding: 9px 25px;

    text-align: center;

    text-transform: uppercase;

    -webkit-transition: all 0.3s ease 0s;

    -o-transition: all 0.3s ease 0s;

    transition: all 0.3s ease 0s;

    background: transparent;

    position: relative;

    background-color: #f89e3e;

    font-size: 12px;

    border: none;

}

table {

    width: 100%;

	border-collapse: collapse;

	

}

table, th, td {

    border: 1px solid black;

}

th {

    height: 50px;

	text-align: left;

	background-color: #f89f3e;

    color: white;

}

th, td {

    padding: 15px;

    text-align: left;

	

}

td img {

width:100px;	

}



tr:nth-child(even) {background-color: #f2f2f2;}



#grievancesubmit {margin-top:100px;}

#grievancesubmit label{width:100%;display:block;text-transform:uppercase;}

#grievancesubmit input[type="text"]{width:100%;display:block;}

#grievancesubmit input[type="submit"]{display:block; margin-top:15px;}


.demo { margin: 30px auto; max-width:100%;}
.demo > li {float:left; background:none !important;height:385px;}
.demo > li img { width:220px; height:250px; margin:10px; cursor:pointer;}
.demo > li p{padding:7px;background-color: #f89e3e;text-align:center;min-height:80px;border-radius:5px;}


@media (max-width:1400px) {

.navbar-nav { margin: 0 0 0 40px !important;  }

.navbar-nav > li > a {    padding: 15px 21px !important;}

.new-icon {z-index: 1;
    position: absolute;
    top: 5%;
    left: 35%;}

 }

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

footer .footer-above .col-md-2 { width: 15%; }
.new-icon {z-index: 1;
    position: absolute;
    top: 5%;
    left: 35%;}
 }



@media screen and (min-width: 800px){



article{max-width:1000px;margin:0 auto;padding:10px}

section { padding: 20px 0;}

section h2, .tittle { margin: 0;font-size:60px; text-transform:none; letter-spacing:-1px; text-transform:none;}

.image { border-radius:50% 50%; -webkit-border-radius:50% 50%;  -O-border-radius:50% 50%; -moz-border-radius:50% 50%;}

section.success { background: #18BC9C;color: white;}

.new-icon {z-index: 1;
    position: absolute;
    top: 5%;
    left: 35%;}

}

@media (max-width:1200px) {

.colimage img  { width:150px;}

.servicecol h2 { font-size:17px;}
.menulftbg, .menurgtbg {display: none;}
.navbar-nav > li > a {padding: 12px 17px !important; font-size: 13px !important;}

@media (max-width:992px) {

.btncall { margin-top:-10px; margin-bottom:15px;}

.servicecol h2 { font-size:20px;}

.demo > li img { width:174px; min-height:150px;}

.mobpadlr0 { padding-left:0px;  padding-right:0px; }

.rgtbox, .leftbox  {margin-bottom:20px;}

.servicecontainer { height:auto;}

.image2, .image1 { width:95%; float:left; position:relative; margin:15px; box-sizing:border-box;  }

.carousel-caption h1 { font-size:50px;}

.carousel-caption p { font-size:15px; line-height:20px;}

.headerlogo img { width: 100px; }

.logotxt {font-size: 17px;}

.headerrgt img  { width: 100%; }

.heading {font-size: 40px; }

.books-items { background-size: 100% 100%; }

.nav > li > a {padding: 10px 6px; text-transform: none;}



.footer-social-media { text-align: center !important; } 

.footernav { min-height: 200px; }

.navbar-nav > li > a {    padding: 15px 9px !important;}

.navbar-nav > li > a {font-size: 12px !important;}

.menulftbg, .menurgtbg {display: none;}
.mapimg img { max-width: 100%; }
.sliderleftcontent h2 { padding-top: 20px; font-size: 19px; }
.slidescontainer .carousel-caption p {font-size: 11px; padding: 0 7px; line-height: 17px;}
.slidescontainer .carousel-caption h2 {font-size: 15px;}
.slidescontainer .carousel-caption { width: 60%; right:0px; padding-top: 13px; top: 30px; height: 112px; }

}
}



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

 section {padding:30px 0;}

 section.first { padding-top: 75px;}

 .btncall { width:70%; float:none; display:inline-block;  margin:10px auto 20px auto; font-size:25px; text-align:center; }	

 .servicecontainer { height:auto; padding:0px 0 30px 0px;}

 .servicecontainer .col-xs-12 { margin-top:40px;}

 .servicecontainer .colimage { border-left:none;}

 .carousel-caption { top:20%;}

 .carousel-caption h1 { font-size:35px; line-height:36px; margin:0 0 10px 0;}

 .carousel-caption p { margin-bottom:0px; font-size:13px;}

 .carousel-indicators { bottom:0px;}

.brand img { width:250px;}

.carousel-inner > .item > img { height:300px;}

.btnwhite { font-size:15px; padding:5px 15px; margin-top:10px;}

.lefboximg, .rgtimg { width:100%; float:none; text-align:center;}

.boxtext {text-align:center;}

.btnborder { float:none; display:inline-block;}

.rgtbox, .leftbox  { text-align:center; padding:15px; margin-bottom:20px;}

.whycol { text-align:center;}

.homeinteriorcol { text-align:center; padding:8em 0 0 0 ;}

.demo > li img { width:100%; min-height:auto;}

footer .footer-col ul li, footer .footer-col .footertitle, footer .footer-col{ text-align:center;}

footer .footer-col .footertitle { width:100%; text-align:center; display:inline-block;}

.carousel-caption h1 { font-size:80px; margin-bottom:10px;}

.carousel-caption p { font-size:18px; line-height:20px;}

.image img { max-height:156px;}

.image img { max-height:none; max-width:100%;}

.heading {font-size: 40px; }

h1, .h1, h2, .h2, h3, .h3 { margin-top: 0px; margin-bottom: 0px; }

.boxheading {text-align: center;}

.books-items { background-size: 100% 100%; }

.headerrgt img  { width: 100%; }

.headerlogo, .headerrgt  { text-align: center; }

.logotxt { margin: 15px 0px; }

.headerrgt { margin-bottom: 15px; }

.slider .carousel-caption { background: #000; opacity: 0.7; top: 60%; }

.donation-rgt-section .txtcontent br { display: none; }

.menubg { background: none; }

.dottedborder { border: none; }

.navbar-toggle {background: #f89f3e; }

.navbar{ position: absolute; top: 20px; z-index: 9999; width: 100%; border: none; background: none !important; border: none !important; }

.navbar-collapse {background: #f89f3e; border: none;}

.navbar-nav > li > a { margin-left: 10px; margin-right: 10px; border-bottom: 1px dashed #df8f38;  }

.logotxt {font-size: 19px;}

.menulftbg, .menurgtbg  { display: none; }

footer .footer-above .col-md-2 { width: 100%; }

.footernav { min-height: auto; }

.headersocialmedia li img { width: 30px; }
.headersocialmedia li  { margin-top: 15px; }

.socialmediabanner {width: 90% !important;
    height: 50%;
    position: relative;
     margin-top: 0; 
    margin-left: 0;}
.headerbg {padding-left: 0px; padding-right: 0px;}
.mapimg img { max-width: 100%; }
.sliderleftcontent h1 {padding: 0px 0 20px 0}
.carousel-control {font-size: 25px; top: 32%;}
.slidescontainer .carousel-caption { width: 100%; right:0px; padding-top: 13px; top: 65%; }
.slidescontainer .carousel-caption h2 {font-size: 15px;}
.slidescontainer .carousel-caption p {display: none;}
.slidescontainer .col-xs-12 { padding-left: 0px !important; padding-right: 0px !important;  }
.new-icon {z-index: 1;
    position: absolute;
    top: 40%;
    left: 0%;}
}





@media (max-width: 480px) {

.carousel-inner > .item > img { height:350px;}

 .carousel-caption h1 { font-size:30px; line-height:36px; margin:0 0 10px 0;}

 .carousel-caption p { margin-bottom:0px; font-size:15  px;}

 .heading {font-size: 35px; }

 .slider { padding-left: 15px;padding-right: 15px; } 

.headersocialmedia li {margin-top: 5px;}

.socialmediabanner {width: 100% !important;
    height: 35%;
    position: relative;
     margin-top: 0; 
    margin-left: 0;}
.healthimg {width:60%;height:30%;margin-left:16%}
.new-icon {z-index: 1;
    position: absolute;
    top: 35%;
    left: 0%;}

	 }

@media (max-width: 350px) {	 

.innerheaderbg h1 { font-size:50px;}

.brand img { width:150px;}



}