@charset "utf-8";
/* CSS Document */

@charset "utf-8";
html,  span, body, h1, h2, h3, h4, h5, h6, p, ol, form, label, legend, caption, aside, details, figcaption, figure, footer,header, hgroup, menu, , section, summary,span,pre {
 margin: 0;padding: 0;border: 0;outline: 0;font-weight: inherit;font-style: inherit;font-size: 100%;  font-family: 'robotoregular';vertical-align: baseline; } 
a{text-decoration:none; }
ol, ul {list-style: none;}
a img {border:none; }

*{ margin:0px ;padding:0px;}

@font-face {
  font-family: 'Raleway';
  src: url('../fonts/Raleway.eot?#iefix') format('embedded-opentype'),  url('../fonts/Raleway.woff') format('woff'), url('../fonts/Raleway.ttf')  format('truetype'), url('../fonts/Raleway.svg#Raleway') format('svg');
  font-weight: normal;
  font-style: normal;
}


@font-face {
    font-family: 'ralewaysemibold';
    src: url('../fonts/raleway-semibold.eot');
    src: url('../fonts/raleway-semibold.eot?#iefix') format('embedded-opentype'),
         url('../fonts/raleway-semibold.woff2') format('woff2'),
         url('../fonts/raleway-semibold.woff') format('woff'),
         url('../fonts/raleway-semibold.ttf') format('truetype'),
         url('../fonts/raleway-semibold.svg#ralewaysemibold') format('svg');
    font-weight: normal;
    font-style: normal;

}
@font-face {
    font-family: 'ralewaybold';
    src: url('../fonts/raleway-bold.eot');
    src: url('../fonts/raleway-bold.eot?#iefix') format('embedded-opentype'),
         url('../fonts/raleway-bold.woff2') format('woff2'),
         url('../fonts/raleway-bold.woff') format('woff'),
         url('../fonts/raleway-bold.ttf') format('truetype'),
         url('../fonts/raleway-bold.svg#ralewaybold') format('svg');
    font-weight: normal;
    font-style: normal;

}
@font-face {
    font-family: 'robotoregular';
    src: url('../fonts/roboto-regular.eot');
    src: url('../fonts/roboto-regular.eot?#iefix') format('embedded-opentype'),
         url('../fonts/roboto-regular.woff2') format('woff2'),
         url('../fonts/roboto-regular.woff') format('woff'),
         url('../fonts/roboto-regular.ttf') format('truetype'),
         url('../fonts/roboto-regular.svg#robotoregular') format('svg');
    font-weight: normal;
    font-style: normal;

}
/*@font-face {
    font-family: 'oswald_regularregular';
    src: url('../fonts/oswald.eot');
    src: url('../fonts/oswald.eot?#iefix') format('embedded-opentype'),
         url('../fonts/oswald.woff2') format('woff2'),
         url('../fonts/oswald.woff') format('woff'),
         url('../fonts/oswald.ttf') format('truetype'),
         url('../fonts/oswald.svg#oswald_regularregular') format('svg');
    font-weight: normal;
    font-style: normal;

}*/


@font-face {
    font-family: 'oswald_regularregular';
    src: url('../fonts/oswald-regular.eot');
    src: url('../fonts/oswald-regular.eot?#iefix') format('embedded-opentype'),
         url('../fonts/oswald-regular.woff2') format('woff2'),
         url('../fonts/oswald-regular.woff') format('woff'),
         url('../fonts/oswald-regular.ttf') format('truetype'),
         url('../fonts/oswald-regular.svg#oswald_regularregular') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
  font-family: 'Bitter-Regular';
  src: url('../fonts/Bitter-Regular.eot?#iefix') format('embedded-opentype'),  url('../fonts/Bitter-Regular.woff') format('woff'), url('../fonts/Bitter-Regular.ttf')  format('truetype'), url('../fonts/Bitter-Regular.svg#Bitter-Regular') format('svg');
  font-weight: normal;
  font-style: normal;
}


@font-face {
  font-family: 'Bitter-Bold';
  src: url('../fonts/Bitter-Bold.eot?#iefix') format('embedded-opentype'),  url('../fonts/Bitter-Bold.woff') format('woff'), url('../fonts/Bitter-Bold.ttf')  format('truetype'), url('../fonts/Bitter-Bold.svg#Bitter-Bold') format('svg');
  font-weight: normal;
  font-style: normal;
}
.row1 h2{font-family: 'Bitter-Bold'; font-size:25px;}
.row1 h4{font-family: 'Bitter-Bold';}
.row h2{font-family: 'Bitter-Bold'; font-size:25px;}
.mid_sec h2{font-family: 'Bitter-Bold'; font-size:25px;}
.btn2{font-family: 'robotoregular';}
.wrappper{ width:960px; margin:0 auto; display:block;}
.header{ width:100%; height:auto; background:#FFF; margin:0 auto; display:block;}
.header_in{ width:960px; margin:0 auto; display:block; clear:both;}
.logo{ width:auto; height:auto; float:left; padding:10px 0 10px 0}
.button{ width:125px; height:35px;  float:right; margin:35px 0 0 0; border-radius:10px;background: -moz-linear-gradient(90deg, #acdc4c 0%, #bcdd44 30%, #d1e136 55%, #d1e136 97%, #d1e136 100%); /* ff3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #d1e136), color-stop(3%, #d1e136), color-stop(45%, #d1e136), color-stop(70%, #bcdd44), color-stop(100%, #acdc4c)); /* safari4+,chrome */
background: -webkit-linear-gradient(90deg, #acdc4c 0%, #bcdd44 30%, #d1e136 55%, #d1e136 97%, #d1e136 100%); /* safari5.1+,chrome10+ */
background: -o-linear-gradient(90deg, #acdc4c 0%, #bcdd44 30%, #d1e136 55%, #d1e136 97%, #d1e136 100%); /* opera 11.10+ */
background: -ms-linear-gradient(90deg, #acdc4c 0%, #bcdd44 30%, #d1e136 55%, #d1e136 97%, #d1e136 100%); /* ie10+ */
background: linear-gradient(0deg, #acdc4c 0%, #bcdd44 30%, #d1e136 55%, #d1e136 97%, #d1e136 100%); /* w3c */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#d1e136', endColorstr='#acdc4c',GradientType=0 ); /* ie6-9 */

-webkit-box-shadow: 2px 2px 5px 0px rgba(162, 162, 163, 1);
-moz-box-shadow: 2px 2px 5px 0px rgba(162, 162, 163, 1);
box-shadow: 2px 2px 5px 0px rgba(162, 162, 163, 1);
border-bottom:1px solid #FFF; border-left:1px solid #FFF;



}


.button p:hover{ color:#FFF;  transition:.2s;}

.election{ display:none;}


.button p{ text-align:center; padding:9px 0 0 0; font-family:'ralewaysemibold'; font-size:13px; font-weight:600; color:#000;}

.navigation{ width:100%; height:auto; margin:0 auto; display:block; padding:0px 0 0px 0; background:#d1e234; clear:both;}
.navin{width:960px; margin:0 auto; display:block;}

.banner{ width:100%; height:288px; margin:0 auto; display:block; clear:both; background:#635d9d;}
.bnrleft{ width:55%; height:auto; float:left; padding:65px 0 0 ;}
.bnrleft h4{ font-size:25px; color:#FFF; font-family: 'Raleway'; font-weight:600; padding:0 0 20px 0 }
.bnrleft h3 { color:#d1e234; font-size:20px;  font-family: 'Raleway'; padding:0 0 20px 0}
.bnrleft p { color:#FFF; font-size:16px;  font-family: 'Raleway' ; line-height:23px;}
.image{ float:right; padding:6px 0 0 0}

.banner_bottom{ width:100%; height:auto; margin:65px auto 0; display:block; clear:both; overflow:hidden;}
.about{ width:48%; float:left;}
.banner_bottom h2{ font-size:25px; font-family: 'oswald_regularregular'; color:#616161;font-weight: bold;}
.about p{color:#616161;  font-size:15px; font-family:  'robotoregular'; line-height:23px; padding:16px 0 0px 0}
.Announcements{ width:22%; float:left; margin:0 0 0 20px;}
.Announcements img{ width:auto; padding:10px 0 0 0}
.Announcements p{ font-size:15px;  font-family:  'robotoregular'; color:#635d9d; padding:0 0 8px 0 }
.Announcements p a{ font-size:13px;  font-family:  'robotoregular'; color:#a26d81; }
.Announcements p span{ font-size:13px;  font-family:  'robotoregular'; color:#616161; line-height:20px }
.Announcements p span a{ color:#635d9d; text-decoration:underline;}
.Publications{ width:25%; float:right;}
.Publications ul { padding:20px 0 0 0}
.Publications ul li{  border-top:1px solid #e0dede;}
.Publications ul li a{ font-size:14px; color:#616161; line-height:32px; font-family:  'robotoregular'; }
.buttonone{width:125px; height:30px;   margin:10px auto; border-radius:10px; display:block; background: -moz-linear-gradient(90deg, #acdc4c 0%, #bcdd44 30%, #d1e136 55%, #d1e136 97%, #d1e136 100%); /* ff3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #d1e136), color-stop(3%, #d1e136), color-stop(45%, #d1e136), color-stop(70%, #bcdd44), color-stop(100%, #acdc4c)); /* safari4+,chrome */
background: -webkit-linear-gradient(90deg, #acdc4c 0%, #bcdd44 30%, #d1e136 55%, #d1e136 97%, #d1e136 100%); /* safari5.1+,chrome10+ */
background: -o-linear-gradient(90deg, #acdc4c 0%, #bcdd44 30%, #d1e136 55%, #d1e136 97%, #d1e136 100%); /* opera 11.10+ */
background: -ms-linear-gradient(90deg, #acdc4c 0%, #bcdd44 30%, #d1e136 55%, #d1e136 97%, #d1e136 100%); /* ie10+ */
background: linear-gradient(0deg, #acdc4c 0%, #bcdd44 30%, #d1e136 55%, #d1e136 97%, #d1e136 100%); /* w3c */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#d1e136', endColorstr='#acdc4c',GradientType=0 ); /* ie6-9 */
-webkit-box-shadow: 2px 2px 5px 0px rgba(162, 162, 163, 1);
-moz-box-shadow: 2px 2px 5px 0px rgba(162, 162, 163, 1);
box-shadow: 2px 2px 5px 0px rgba(162, 162, 163, 1);
border-bottom:1px solid #FFF; border-left:1px solid #FFF;
}

.btncontent .buttonsss {
    float: right;
    margin: 19px 15px 0 0px !important;
}
.image_content {
    float: left;
    width: 76%;
    color: #616161 !important;
    font-family: "robotoregular";
    font-size: 15px;
}
.buttonsss {
    width: 125px;
    height: 45px;
    margin: 0px 0 0 20px;
    border-radius: 10px;
    background: -moz-linear-gradient(90deg, #acdc4c 0%, #bcdd44 30%, #d1e136 55%, #d1e136 97%, #d1e136 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #d1e136), color-stop(3%, #d1e136), color-stop(45%, #d1e136), color-stop(70%, #bcdd44), color-stop(100%, #acdc4c));
    background: -webkit-linear-gradient(90deg, #acdc4c 0%, #bcdd44 30%, #d1e136 55%, #d1e136 97%, #d1e136 100%);
    background: -o-linear-gradient(90deg, #acdc4c 0%, #bcdd44 30%, #d1e136 55%, #d1e136 97%, #d1e136 100%);
    background: -ms-linear-gradient(90deg, #acdc4c 0%, #bcdd44 30%, #d1e136 55%, #d1e136 97%, #d1e136 100%);
    background: linear-gradient(0deg, #acdc4c 0%, #bcdd44 30%, #d1e136 55%, #d1e136 97%, #d1e136 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#d1e136', endColorstr='#acdc4c',GradientType=0 );
    -webkit-box-shadow: 2px 2px 5px 0px rgba(162, 162, 163, 1);
    -moz-box-shadow: 2px 2px 5px 0px rgba(162, 162, 163, 1);
    box-shadow: 2px 2px 5px 0px rgba(162, 162, 163, 1);
    border-bottom: 1px solid #FFF;
    border-left: 1px solid #FFF;
}

.rowmdiv{ width:100%;}
.rowmdivl{ width:30%!important;float:left}
.rowmdivr{ width:70%!important;float:right;}


.buttonone p { text-align:center; padding:0px 0 0 0; font-family:'ralewaysemibold'; font-size:13px; font-weight:600; color:#000;}
.buttonone p a{ color:#000; font-family: robotoregular; }
.buttonone p:hover{ color:#FFF;  transition:.2s;}
.buttonone p a:hover{ color:#FFF;}

.buttonnew{width:170px; height:30px;   margin:10px auto; border-radius:10px; display:block; background: -moz-linear-gradient(90deg, #acdc4c 0%, #bcdd44 30%, #d1e136 55%, #d1e136 97%, #d1e136 100%); /* ff3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #d1e136), color-stop(3%, #d1e136), color-stop(45%, #d1e136), color-stop(70%, #bcdd44), color-stop(100%, #acdc4c)); /* safari4+,chrome */
background: -webkit-linear-gradient(90deg, #acdc4c 0%, #bcdd44 30%, #d1e136 55%, #d1e136 97%, #d1e136 100%); /* safari5.1+,chrome10+ */
background: -o-linear-gradient(90deg, #acdc4c 0%, #bcdd44 30%, #d1e136 55%, #d1e136 97%, #d1e136 100%); /* opera 11.10+ */
background: -ms-linear-gradient(90deg, #acdc4c 0%, #bcdd44 30%, #d1e136 55%, #d1e136 97%, #d1e136 100%); /* ie10+ */
background: linear-gradient(0deg, #acdc4c 0%, #bcdd44 30%, #d1e136 55%, #d1e136 97%, #d1e136 100%); /* w3c */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#d1e136', endColorstr='#acdc4c',GradientType=0 ); /* ie6-9 */
-webkit-box-shadow: 2px 2px 5px 0px rgba(162, 162, 163, 1);
-moz-box-shadow: 2px 2px 5px 0px rgba(162, 162, 163, 1);
box-shadow: 2px 2px 5px 0px rgba(162, 162, 163, 1);
border-bottom:1px solid #FFF; border-left:1px solid #FFF;}
.buttonnew p { text-align:center; padding:7px 0 0 0; font-family:'ralewaysemibold'; font-size:13px;  color:#000;}
.buttonnew p a{ color:#000;}
.buttonnew p a:hover{ color:#FFF;}


.mid_sec{ width:100%; height:auto; margin:25px auto 0; display:block; clear:both; overflow:hidden;}
.mid_sec ul li{font-size:14px; line-height:25px; font-family:'robotoregular';}
.mid_sec p{font-size:14px; line-height:25px; font-family:'robotoregular';}

h2{ font-size:25px; font-family: 'oswald_regularregular'; color:#616161;}
.Spotlight{ width:47%; float:left;}
.Spotlight ul { padding:20px 0 0 15px}
.Spotlight ul li{ list-style:square; }
.Spotlight ul li a{ font-size:17px; color:#7873aa; line-height:36px; font-family:'ralewaysemibold'; }
.box{ width:50%; height:auto; float:right; background:#fcffe0; border:1px solid #c9cf95; padding:10px 0px 10px 0px;}
.box h4{ text-align:center; color:#7873aa ; padding:0px 0 0 0; font-family:  'robotoregular'; font-size:13px}
.box p{ text-align:justify; color:#515151 ; padding:10px 10px 0 10px; font-family:  'robotoregular'; font-size:15px; line-height:21px;}
.box p span{ color:#e82f21;}

.row{ width:100%; height:auto; margin:20px auto 0; display:block; clear:both; overflow:hidden;}
.involed{ width:40%; float:left; height:auto; padding:0 0 10px 0;}
.involed ul { padding:20px 0 0 15px}
.involed ul li{ list-style:square; }
.involed ul li a{ font-size:15px; color:#616161; line-height:28px;  font-family:  'robotoregular';}

.buttonnew1{width:170px; height:35px; float:left; margin:10px 0 0 0; border-radius:10px; display:block; background: -moz-linear-gradient(90deg, #acdc4c 0%, #bcdd44 30%, #d1e136 55%, #d1e136 97%, #d1e136 100%); /* ff3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #d1e136), color-stop(3%, #d1e136), color-stop(45%, #d1e136), color-stop(70%, #bcdd44), color-stop(100%, #acdc4c)); /* safari4+,chrome */
background: -webkit-linear-gradient(90deg, #acdc4c 0%, #bcdd44 30%, #d1e136 55%, #d1e136 97%, #d1e136 100%); /* safari5.1+,chrome10+ */
background: -o-linear-gradient(90deg, #acdc4c 0%, #bcdd44 30%, #d1e136 55%, #d1e136 97%, #d1e136 100%); /* opera 11.10+ */
background: -ms-linear-gradient(90deg, #acdc4c 0%, #bcdd44 30%, #d1e136 55%, #d1e136 97%, #d1e136 100%); /* ie10+ */
background: linear-gradient(0deg, #acdc4c 0%, #bcdd44 30%, #d1e136 55%, #d1e136 97%, #d1e136 100%); /* w3c */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#d1e136', endColorstr='#acdc4c',GradientType=0 ); /* ie6-9 */
 -webkit-box-shadow: 2px 2px 5px 0px rgba(162, 162, 163, 1);
-moz-box-shadow: 2px 2px 5px 0px rgba(162, 162, 163, 1);
box-shadow: 2px 2px 5px 0px rgba(162, 162, 163, 1);
border-bottom:1px solid #FFF; border-left:1px solid #FFF;}
.buttonnew1 p { text-align:center; padding:10px 0 0 0; font-family:'ralewaysemibold'; font-size:13.5px;  color:#000;}
.buttonnew1 p a{ color:#000;}
.buttonnew1 p a:hover{ color:#FFF;}


.video{ width:27%; height:auto; float:left; margin:0 0 0 10px;}
.div{ width:100%; height:auto; display:block; clear:both;}
.video p{ font-family: 'ralewaybold'; font-size:15px; color:#2c2c2c ; text-align:center; }
.offer{ width:28%; float:right; height:auto;}
.offer img{ width:100%;}
.offer h4{text-align:left; color:#7873aa ; font-family:  'ralewaybold'; font-size:15px; padding:20px 0px 0 0px;}
.offer p{text-align:left; color:#616161 ; padding:15px 0px 0 0px; font-family:  'robotoregular'; font-size:15px; line-height:21px;}

.row1{ width:100%; height:auto; display:block; clear:both; margin:25px 0 10px 0; background:#fcffe0; border:1px solid #c9cf95; padding:10px 0 10px 10px;}
.row1 p{font-family: 'robotoregular'; font-size:14px; color:#2c2c2c ; text-align:left; padding:5px 0 0 0; line-height:24px; }


.mainfooter{ width:100%; height:auto; margin:0 auto; clear:both; border-top:4px solid #c4e03e ; background:#f0fac7; padding:0 0 15px 0}
.footer{ width:960px; margin:0 auto; display:block; }
.footerin{ width:75%; margin:0px auto 0; display:block;}
.footerin p{ font-size:14px; font-family:'robotoregular'; color:#616161; text-align:center; padding-top:18px;}
.footerin p span{color:#1a1a1a;}
.footerin p a{color:#616161;}
.quicklink{ padding:12px 0 0 0  !important;}


/*about*/
.bannernew{ width:100%; height:132px; margin:0 auto; display:block; clear:both; background:#635d9d;}
.bnrnleft{ width:55%; height:auto; float:left; padding:50px 0 0 ;}
.bnrnleft h4{ font-size:25px; color:#FFF; font-family: 'Raleway'; font-weight:600; padding:0 0 20px 0 }
.imagenew{ width:36%; float:right; padding:0 0 0 0}

.cFormDiv{ width:100%!important; padding-bottom:45px!important;}
.cFormDiv input[type="text"]{ width:100%; height:25px;}
.cFormDiv textarea{ width:100%; height:25px;}
.cFormDiv select{ width:100%; height:30px;}
.cFormDivLeft{ width:50%!important; float:left!important}
.cFormDivRight{ width:50%!important; float:left!important}


.rownew{ width:100%; height:auto; display:block; clear:both; margin:20px auto 10px; overflow:hidden; }
.rownewleft{ width:65%; float:left; font-family:  'robotoregular'; font-size:15px; line-height:30px; color:#616161;}
.rownewleft h1{ font-size:25px; color:#635D9D; font-family: 'Raleway'; font-weight:bold; padding:0 0 20px 0 }
.rownewleft h3{ color:#515151 ; padding:10px 10px 0 0px; font-family:  'robotoregular'; font-size:15px;  font-weight: bold; }
.rownewleft ul { padding:10px 0 0 15px}
.rownewleft ul li{ list-style:square; }
.rownewleft ul li { font-size:15px; color:#616161; line-height:21px;  font-family:  'robotoregular'; margin-bottom: 10px;}

.rownewright{ float:right ; width:20%;}
.rownewright ul { padding:20px 0 0 0}
.rownewright ul li{  border-bottom:1px solid #e0dede;}
.rownewright ul li a{ font-size:14px; color:#7873aa; line-height:32px; font-family:  'robotoregular'; }
.rownewright ul li a:hover{ color:#616161;}

.wp-image-404{ float:right;}
.pul_child ul{ margin:10px 0 15px 14px !important;}



.half-left {
    color: #616161;
    float: left;
    font-family: "robotoregular";
    font-size: 15px;
    margin-right: 12px;
    min-height: 515px;
    width: 31%;
}
a{ color:#7873aa;}
.content-img { float:left; margin-right: 14px; height:127px; clear:both;}
.full-content h2 { color:#fff !important ; font-size:18px !important;}
p{ line-height:23px}
.entery h2 {
    color: #635d9d;
    font-family: "robotoregular";
    font-size: 25px;
    padding-bottom: 16px; font-weight:bold;
}
.flex-direction-nav{ display:none;}
.election{ display:none;}
.full-content {
    background: #dbf277 none repeat scroll 0 0;
    border: 1px solid #ccc;
    border-radius: 5px;
    margin-top: 20px;
    padding-bottom: 10px;
    width: 100%;
}

.entery p{ padding-bottom:15px;}

.full-content ul {
    margin: 0;
    padding-left: 50px;
}

.full-content h2 {
    background: #645d9d none repeat scroll 0 0;
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
    color: #fff;
    font-size: 17px;
    font-weight: normal !important;
    padding: 10px;
}


.full-content p {
    color: #616161;
    font-family: "robotoregular";
    font-size: 15px;
    padding: 10px;
}
.entery h3{padding-top:0}
#Submit{float:left;}
.alignright{ float:right;}
#Thursday{ clear:both;}
#Thursday img{ float:left; margin-right:15px}
#Faith h4{font-family: 'Bitter-Bold'; color:#141412;line-height:1.3;}
h4 strong{ color:#141412;}
.entery h4 a{font-family: 'Bitter-Bold';}
.alignleft {float: left; margin-right:15px;}

.child_img {
    float: left !important;
    margin-bottom: 25px;
    width: 25% !important;
}
.child_con{ margin-bottom: 25px !important;}
.rownew{ padding-bottom:25px;}

.member-registration{    width: 630px !important; margin: 20px auto !important;  display: table;  background: #f6f6f6;  padding: 20px;  border-radius: 7px;   border: 1px solid #ececec}
.member-registration label{ width:30%; float:left;    font-family: 'robotoregular'; margin-top: 7px;}
.member-registration select  {  height: auto; width:69% !important; float:right; padding:8px 20px; border:0 !important ; border:1px solid #e7e7e7  !important }
.member-registration input{ box-sizing:border-box; width:69%; float:right; padding:10px 20px; height:35px !important;  border:1px solid #e7e7e7  !important}
.member-registration .button{ width:130px !important}

@media screen and (min-width:320px) and (max-width:360px){
	.wrapper{display: block !important;
    margin: 0 auto !important;
    padding: 65px 0 0 !important;
    width: 94% !important;}
.banner{margin:0 !important;}

.flexslider .slides li .flex-caption, .flex-direction-nav, .flex-control-nav {
    display: block !important;
    left: auto !important;
    margin: 14px auto !important;
    position: static !important;
    right: auto !important;
    width: 176px !important;
}

.wrappper{ width:100%; margin:0 auto; display:block;}
.header{ width:100%; height:auto; background:#FFF; margin:0 auto; display:block;}
.header_in{ width:90%; margin:0 auto; display:block; clear:both;}
.logo{ width:auto; height:auto; float:none; padding:10px 0 10px 0; margin:0 auto; display:block;}
.logo img{ width:100%;}
.button{ margin:0 auto 8px; display:block; float:none;}

.banner{ height:auto; overflow:hidden;}
.bnrleft {display: block; float: none; height: auto;  padding:35px 0 0 0; margin:0 auto; width:90%; display:block;} 
.bnrleft h4{ font-size:15px; color:#FFF; font-family: 'Raleway'; font-weight:600; padding:0 0 10px 0; text-align:center;  }
.bnrleft h3 { color:#d1e234; font-size:14px;  font-family: 'Raleway'; padding:0 0 10px 0; text-align:center;}
.bnrleft p { color:#FFF; font-size:13px;  font-family: 'Raleway' ; line-height:23px; text-align:center;}
.image{ float:none; padding:6px 0 0 0; margin:0 auto; display:block; width:80%;}

.navin{ width:95%;}


.banner_bottom{ width:90%; height:auto; margin:20px auto 0; display:block; clear:both; overflow:hidden;}
.about{ width:100%; float:none; margin:0 auto; display:block;}
.Announcements{ width:100%; float:none; margin:0 auto 15px; display:block;}
.Publications{ width:100%; float:none; margin:0 auto; display:block}

.mid_sec{ width:90%; height:auto; margin:25px auto 0; display:block; clear:both; overflow:hidden;}
.Spotlight{  width:100%; float:none; margin:0 auto; display:block;}
.box{  width:99%; float:none; margin:0 auto; display:block;}
.box h4 {font-size:13px;}
.box p{font-size:13px;}
.Spotlight ul li a{ font-size:15px; color:#7873aa; line-height:36px; font-family:'ralewaysemibold'; }

.row{ width:90%; height:auto; margin:20px auto 0; display:block; clear:both; overflow:hidden;}
.involed{ width:100%; float:none; margin:0 auto 10px; display:block;}
.video{ width:100%; float:none; margin:0 auto 10px; display:block;}
.offer{ width:100%; float:none; margin:0 auto 10px; display:block;}

.row1{ width:90%; height:auto; margin:20px auto 10px; display:block; clear:both; overflow:hidden;}


.footer{ width:90%; margin:0 auto; display:block; }
.footerin{ width:100%; margin:0px auto 0; display:block;}



/*about*/
.bannernew{ width:100%; height:auto; margin:0 auto; display:block; clear:both; background:#635d9d;}
.bnrnleft{ width:85%; height:auto; float:none; padding:10px 0 0 ; margin:0 auto; display:block;}
.bnrnleft h4{ font-size:19px; color:#FFF; font-family: 'Raleway'; font-weight:600; padding:30px 0 0px 0; text-align:center; }
.imagenew{ width:48%; float:none; margin:0 auto; display:block; padding:0;}

.rownewleft{ width:90%; float:none; margin:0 auto; display:block;}
.rownewright{ margin:0 auto; width:80%; display:block; float:none;}    
}



@media screen and (min-width:361px) and (max-width:600px){
	
	.wrapper{display: block !important;
    margin: 0 auto !important;
    padding: 65px 0 0 !important;
    width: 94% !important;}
.banner{margin:0 !important;}

.flexslider .slides li .flex-caption, .flex-direction-nav, .flex-control-nav {
    display: block !important;
    left: auto !important;
    margin: 14px auto !important;
    position: static !important;
    right: auto !important;
    width: 176px !important;
}

.wrappper{ width:100%; margin:0 auto; display:block;}
.header{ width:100%; height:auto; background:#FFF; margin:0 auto; display:block;}
.header_in{ width:90%; margin:0 auto; display:block; clear:both;}
.logo{ width:auto; height:auto; float:none; padding:10px 0 10px 0; margin:0 auto; display:block;}
.logo img{ width:100%;}
.button{ margin:0 auto 8px; display:block; float:none;}

.banner{ height:auto; overflow:hidden;}
.bnrleft {display: block; float: none; height: auto;  padding:35px 0 0 0; margin:0 auto; width:90%; display:block;} 
.bnrleft h4{ font-size:15px; color:#FFF; font-family: 'Raleway'; font-weight:600; padding:0 0 10px 0; text-align:center;  }
.bnrleft h3 { color:#d1e234; font-size:14px;  font-family: 'Raleway'; padding:0 0 10px 0; text-align:center;}
.bnrleft p { color:#FFF; font-size:13px;  font-family: 'Raleway' ; line-height:23px; text-align:center;}
.image{ float:none; padding:6px 0 0 0; margin:0 auto; display:block; width:80%;}

.navin{ width:95%;}


.banner_bottom{ width:90%; height:auto; margin:20px auto 0; display:block; clear:both; overflow:hidden;}
.about{ width:100%; float:none; margin:0 auto 10px; display:block;}
.Announcements{ width:100%; float:none; margin:0 auto 15px; display:block;}
.Publications{ width:100%; float:none; margin:0 auto; display:block}

.mid_sec{ width:90%; height:auto; margin:25px auto 0; display:block; clear:both; overflow:hidden;}
.Spotlight{  width:100%; float:none; margin:0 auto; display:block;}
.box{  width:99%; float:none; margin:0 auto; display:block;}
.box h4 {font-size:13px;}
.box p{font-size:13px;}
.Spotlight ul li a{ font-size:15px; color:#7873aa; line-height:36px; font-family:'ralewaysemibold'; }

.row{ width:90%; height:auto; margin:20px auto 0; display:block; clear:both; overflow:hidden;}
.involed{ width:100%; float:none; margin:0 auto 50px; display:block;}
.video{ width:100%; float:none; margin:0 auto 20px; display:block;}
.video p{ text-align:left;}
.offer{ width:100%; float:none; margin:0 auto 10px; display:block;}
.offer img{ width: 260px;}

.row1{ width:90%; height:auto; margin:20px auto 10px; display:block; clear:both; overflow:hidden;}


.footer{ width:90%; margin:0 auto; display:block; }
.footerin{ width:100%; margin:0px auto 0; display:block;}



/*about*/
.bannernew{ width:100%; height:auto; margin:0 auto; display:block; clear:both; background:#635d9d;}
.bnrnleft{ width:85%; height:auto; float:none; padding:10px 0 0 ; margin:0 auto; display:block;}
.bnrnleft h4{ font-size:19px; color:#FFF; font-family: 'Raleway'; font-weight:600; padding:30px 0 0px 0; text-align:center; }
.imagenew{ width:48%; float:none; margin:0 auto; display:block; padding:0;}
.rownewleft{ width:90%; float:none; margin:0 auto; display:block;}
.rownewright{ margin:0 auto; width:80%; display:block; float:none;} 
    
}



@media screen and (min-width:551px) and (max-width:767px){
	
	.wrapper{display: block !important;
    margin: 0 auto !important;
    padding: 65px 0 0 !important;
    width: 94% !important;}
.banner{margin:0 !important;}

.flexslider .slides li .flex-caption, .flex-direction-nav, .flex-control-nav {
    display: block !important;
    left: auto !important;
    margin: 14px auto !important;
    position: static !important;
    right: auto !important;
    width: 176px !important;
}

.wrappper{ width:530px; margin:0 auto; display:block;}
.header{ width:100%; height:auto; background:#FFF; margin:0 auto; display:block;}
.header_in{ width:95%; margin:0 auto; display:block; clear:both;}
.logo{ width:auto; height:auto; float:none; padding:10px 0 10px 0; margin:0 auto; display:block;}
.logo img{ width:100%;}
.button{ margin:0 auto 8px; display:block; float:none;}

.banner{ height:auto; overflow:hidden;}
.bnrleft {display: block; float: none; height: auto;  padding:35px 0 0 0; margin:0 auto; width:90%; display:block;} 
.bnrleft h4{ font-size:15px; color:#FFF; font-family: 'Raleway'; font-weight:600; padding:0 0 10px 0; text-align:center;  }
.bnrleft h3 { color:#d1e234; font-size:14px;  font-family: 'Raleway'; padding:0 0 10px 0; text-align:center;}
.bnrleft p { color:#FFF; font-size:13px;  font-family: 'Raleway' ; line-height:23px; text-align:center;}
.image{ float:none; padding:6px 0 0 0; margin:0 auto; display:block; width:80%;}

.navin{ width:95%;}


.banner_bottom{ width:95%; height:auto; margin:20px auto 0; display:block; clear:both; overflow:hidden;}
.about{ width:100%; float:none; margin:0 auto 10px; display:block;}
.Announcements{ width:50%; float:left; margin:0 auto 15px; display:block; clear:both}
.Publications{ width:49%; float:right; margin:0 auto; display:block}

.mid_sec{ width:95%; height:auto; margin:25px auto 0; display:block; clear:both; overflow:hidden;}
.Spotlight{  width:100%; float:none; margin:0 auto; display:block;}
.box{  width:99%; float:none; margin:0 auto; display:block;}
.box h4 {font-size:13px;}
.box p{font-size:13px;}
.Spotlight ul li a{ font-size:15px; color:#7873aa; line-height:36px; font-family:'ralewaysemibold'; }

.row{ width:95%; height:auto; margin:20px auto 0; display:block; clear:both; overflow:hidden;}
.involed{ width:49%; float:left; margin:0 auto 50px; display:block; clear:both}
.video{ width:50%; float:right; margin:0 auto 20px; display:block;}
.video p{ text-align:left;}
.offer{ width:100%; float:none; margin:0 auto 10px; display:block;}
.offer img{ width: 260px;}

.row1{ width:95%; height:auto; margin:20px auto 10px; display:block; clear:both; overflow:hidden;}


.footer{ width:95%; margin:0 auto; display:block; }
.footerin{ width:100%; margin:0px auto 0; display:block;}


/*about*/
.bannernew{ width:100%; height:auto; margin:0 auto; display:block; clear:both; background:#635d9d; overflow:hidden;}
.bnrnleft{ width:45%; height:auto; float:left; padding:70px 0 0 ; margin:0 auto; display:block;}
.bnrnleft h4{ font-size:16px; color:#FFF; font-family: 'Raleway'; font-weight:600; padding:10px 0 20px 0 ; }
.imagenew{ width:55%; float:right; margin:0 auto; display:block; padding:0;}

.rownewleft{ width:55%; float:left; }
.rownewright{  width:35%; display:block; float:right;}
    
}


@media screen and (min-width:768px) and (max-width:960px){
	
	.wrapper{display: block !important;
    margin: 0 auto !important;
    padding: 65px 0 0 !important;
    width: 94% !important;}
.banner{margin:0 !important;}

.flexslider .slides li .flex-caption, .flex-direction-nav, .flex-control-nav {
    display: block !important;
    left: auto !important;
    margin: 14px auto !important;
    position: static !important;
    right: auto !important;
    width: 176px !important;
}

.wrappper{ width:720px; margin:0 auto; display:block;}
.header{ width:100%; height:auto; background:#FFF; margin:0 auto; display:block;}
.header_in{ width:720px; margin:0 auto; display:block; clear:both;}
.logo{ width:74%; height:auto; float:left; padding:10px 0 10px 0; margin:0 auto; display:block;}
.logo img{ width:100%;}
.button{ margin:30px auto 8px; display:block; float:right;}

.banner{ height:auto; overflow:hidden;}
.bnrleft {display: block; float: left; height: auto;  padding:35px 0 0 0;  width:58%; } 
.bnrleft h4{ font-size:19px; color:#FFF; font-family: 'Raleway'; font-weight:600; padding:0 0 10px 0; text-align:left;  }
.bnrleft h3 { color:#d1e234; font-size:17px;  font-family: 'Raleway'; padding:0 0 10px 0; text-align:left;}
.bnrleft p { color:#FFF; font-size:14px;  font-family: 'Raleway' ; line-height:23px; text-align:left;}
.image{ float:right; padding:6px 0 0 0;  width:40%;}

.navin{ width:720px;}


.banner_bottom{ width:100%; height:auto; margin:20px auto 0; display:block; clear:both; overflow:hidden;}
.about{ width:100%; float:none; margin:0 auto 10px; display:block;}
.Announcements{ width:45%; float:left; margin:0 auto 15px; display:block ; clear:both}
.Publications{ width:50%; float:right;  display:block;}

.mid_sec{ width:100%; height:auto; margin:25px auto 0; display:block; clear:both; overflow:hidden;}
.Spotlight{  width:49%; float:left; margin:0 auto; display:block;}
.Spotlight ul{ padding:10px 0 0 14px;}
.Spotlight ul li a{ font-size:14px; line-height:29px; }
.box{  width:50%; float:right; margin:0 auto; display:block;}
.box h4 {font-size:13px;}
.box p{font-size:13px;}


.row{ width:100%; height:auto; margin:20px auto 0; display:block; clear:both; overflow:hidden;}
.involed{ width:37%; float:left; margin:0 auto 0px; display:block;}
.involed ul li a{ font-size:14px; line-height:25px; }
.video{ width:27%; float:left; margin:0 0 20px 10px; display:block;}
.video p{ text-align:left;}
.video img{ width:100%;}
.offer{ width:30%; float:right; margin:0 auto 10px; display:block;}
.offer img{ width: 200px;}

.row1{ width:100%; height:auto; margin:20px auto 10px; display:block; clear:both; overflow:hidden;}


.footer{ width:100%; margin:0 auto; display:block; }
.footerin{ width:100%; margin:0px auto 0; display:block;}


/*about*/
.bannernew{ width:100%; height:auto; margin:0 auto; display:block; clear:both; background:#635d9d; overflow:hidden;}
.bnrnleft{ width:55%; height:auto; float:left; padding:130px 0 0 ; margin:0 auto; display:block;}
.bnrnleft h4{ font-size:22px; color:#FFF; font-family: 'Raleway'; font-weight:600; padding:10px 0 20px 0 ; }
.imagenew{ width:45%; float:right; margin:0 auto; display:block;}

.rownewleft{ width:55%; float:left; }
.rownewright{  width:35%; display:block; float:right;}
   
    
}