@import url("menu.css");
@import url("animate.css");
 
*, *:before, *:after {-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;}

body {margin: 0 auto;padding: 0;border: 0;font-size: 100%;height: 100%;vertical-align: baseline;overflow-x: hidden;/*font-family: 'Raleway', sans-serif;*/ font-family: 'Open Sans', sans-serif;}

html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, caption, tbody, tfoot, thead, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video {margin: 0;padding: 0;border: 0;font-size: 100%;vertical-align: baseline;}
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {display: block;}
ol, ul {list-style: none;}
blockquote, q {quotes: none;}
blockquote:before, blockquote:after, q:before, q:after {content: '';content: none;}
table {border-collapse: collapse;border-spacing: 0; overflow-x: auto;}
th, td, table {border-collapse: collapse;border-spacing: 0;border: 1px solid #ccc;}
 
.wrapper {float: left;width: 100%;}
.header {float: left;width: 100%; position:fixed;background:#fff;   z-index:99999;}
.middle1 {float: left;width: 100%;padding: 0;}
.inner{width:100%;padding: 0 60px; margin:auto;}
.logo{float:left; width:20%;}
.middle{float:left; width:100%;  padding:20px 0px 20px;}
.middle h2{text-align:center;  font-size:25px; color:#1D1A19; margin-bottom:20px;}
.top_left{position: absolute;}
.top_right{width:100%; float:right;}
.login_section {background: #a1cb45;float: right;width: 100%;text-align: right;padding: 0 60px;}
.contact_section {background: #fff;float: right;width: 100%;text-align: right;padding: 0 60px;}
ul.login_top {margin: 0;padding: 0;}
ul.login_top li {display: inline-block;padding:6px 10px 7px;color: #fff;    border-right: 1px solid #c3e676; position: relative;}
ul.login_top li.search_li{ padding-right: 15px; }
ul.login_top li a {color: #fff;text-decoration: none;font-size: 14px;}
ul.login_top li a:hover {color: #000;transition:all 0.8s ease-in;}

ul.login_top li.search_li:after {
    content: "";
    display: inline-block;
    width: 20px;
    height: 20px;
    background: url(../images/sercho-top.png);
    background-repeat: no-repeat;
    top: 11px;
    position: absolute;
    right: -2px;
}
ul.login_top li:last-child:hover a{color: #fff;}

.blink-text{ animation:blink-text 0.5s infinite alternate;-webkit-animation:blink-text 0.5s infinite alternate;}
@-webkit-keyframes blink-text {
  from { color:#fff;}
  to { color:#000;}
}
@keyframes blink-text {
  from { color:#fff;}
  to { color:#000;}
}

ul.contact_menu {margin: 0;padding: 0;}
ul.contact_menu li {display: inline-block;padding: 0px 15px 2px;color: #2c414e;text-align: left;border-right: 1px solid #e8e5e5;}
ul.contact_menu li a {color: #2c414e;text-decoration: none; font-size: 14px;}
ul.contact_menu li a:hover {color: #000;transition:all 0.8s ease-in;}
ul.contact_menu li span {color: #2c414e;font-size: 16px;}
ul.contact_menu li a span {color: #aeb6c0;font-size: 15px; padding-left: 33px;}
ul.contact_menu li a span:hover{color: #85ba10;transition:all 0.8s ease-in;}
ul.contact_menu li i {padding-right: 15px;padding-top: 11px;}
.menu_section {background: #2c414e;float: right;width: 100%;padding: 1px 60px;}
ul.menu {margin: 0;padding: 0;}
ul.menu li {display: inline-block;padding: 18px 7px;}
ul.menu li a {color: #fff;text-decoration: none; font-size: 15px;padding: 10px 15px;}
ul.menu li a:hover {color: #fff;background: #85ba10;border-radius: 20px;transition:all 0.5s ease-in;}
ul.menu li a:active {color: #fff;background: #85ba10;border-radius: 20px;}
.col_1 {float: left;width: 45%;}
.col_2 {float: right;width: 53%; }
.col_ab {width: 50%;float: left;}
.col1_left_1 {width: 100%;border: 0px solid #ccc;}
.about_pic {position: absolute;display: inline-block;top: 0;left: 0;} 
.about_txt p {color: #999;font-size: 15px;text-align: justify;line-height: 20px;}
.about_txt {padding: 0px;width: 100%;}
.img_txt {left: 0;position: absolute;width: 100%;display: inline-block;text-align: left;top: 37%;padding-left:40px;} 
.img_txt h3 {color: #fff;font-size: 22px;text-transform: capitalize;font-weight: 100;}
.img_txt h1 {color: #fff;font-size: 35px;text-transform: uppercase;font-weight: 100;}
.col1_left_2 {width: 100%;float: left;margin:30px 0  10px;}
ul.flipboard {margin: 0;padding: 0;}
ul.flipboard li:first-child{display:inline-block;float: left;margin:0;width: 100px;height: 100px;border-radius: 50%;border: 5px solid #4260a0;text-align: center;padding-top: 20px;margin-right: 30px;margin-bottom: 10px;}
ul.flipboard li:nth-child(2){display:inline-block;float: left;margin:0;width: 100px;height: 100px;border-radius: 50%;border: 5px solid #fcb659;text-align: center;padding-top: 20px;margin-right: 30px;margin-bottom: 10px;}

ul.flipboard li:nth-child(3){display:inline-block;float: left;margin:0;width: 100px;height: 100px;border-radius: 50%;border: 5px solid #f05e09;text-align: center;padding-top: 20px;margin-right: 30px;margin-bottom: 10px;}
ul.flipboard li:nth-child(4){display:inline-block;float: left;margin:0;width: 100px;height: 100px;border-radius: 50%;border: 5px solid #00bbf2;text-align: center;padding-top: 20px;margin-right: 30px;margin-bottom: 10px;}
ul.flipboard li:last-child{display:inline-block;float: left;margin:0;width: 100px;height: 100px;border-radius: 50%;border: 5px solid #69b345;text-align: center;padding-top: 20px;margin-right:0px;margin-bottom: 10px;}

ul.flipboard li{display: inline-block;text-align: center;padding: 5px 17px;}
ul.flipboard li:first-child:hover{transition: all 0.5s ease-in;filter: grayscale(100%);-webkit-filter: grayscale(100%);}
ul.flipboard li:nth-child(2):hover{transition: all 0.5s ease-in;filter: grayscale(100%);-webkit-filter: grayscale(100%);}
ul.flipboard li:nth-child(3):hover{transition: all 0.5s ease-in;filter: grayscale(100%);-webkit-filter: grayscale(100%);}
ul.flipboard li:nth-child(4):hover{transition: all 0.5s ease-in;filter: grayscale(100%);-webkit-filter: grayscale(100%);}
ul.flipboard li:last-child:hover{transition: all 0.5s ease-in;filter: grayscale(100%);-webkit-filter: grayscale(100%);}
ul.login_top li:last-child {
    border-right: 0px solid #c3e676;
}

/*ul.flipboard li:hover {transform: rotateY(360deg);transition: all 0.5s ease-in;filter: grayscale(100%);-webkit-filter: grayscale(100%);}*/
.bg_img {position: relative;}
.bg_img_txt a{position: absolute;display: inline-block;bottom: 35px;font-size: 30px;text-transform: uppercase;color: #fff;text-align: center;width: 100%; text-decoration:none;font-weight: 100;}
.col_3 {width: 30%;float: left;padding: 30px 20px 20px;}
.col_4 {width: 34%;float: left; padding: 30px 20px 20px;}
.col_5 {width: 34%;float: left; padding: 30px 0px 20px 20px;}
.news2{float:left; width:100%;background:#fff; margin-bottom:0px;}
.news {margin: 0;padding: 20px 15px;border-left: 1px solid #ccc;border-top: 1px solid #ccc;border-right: 1px solid #ccc;border-bottom: 1px solid #ccc;}
.news_inner h3{ margin-bottom:7px;}
.news_inner h3 a{text-align: left;margin: 0px;padding-bottom: 5px;color: #0d7db5;text-decoration: none;font-size: 15px;}
.news_inner h3 a:hover {color: #3b4e5a; transition:all 0.8s ease-in;}
.news_inner p{color: #999;font-size: 15px;text-align: justify;line-height: 20px;}
.news_head {text-align: center;color: #fff;background: #eabc18;padding: 10px 0;font-weight: 400;font-size: 19px;border-bottom: 0px dotted #fff;}
ul.news li a img {float: left;margin: 0 10px;border-left: 5px solid #eabc18;}
ul.news li:last-child {text-align:center;width: 100%;}
.highlight {text-align: center;color: #fff;font-size: 24px;text-transform: uppercase;padding: 40px 0;    font-weight: bold;}
.hight_1 {
    width: 25%;
    float: left;
    border: 0px solid #ccc;
    margin: 35px;
    box-sizing: border-box;
    padding: 20px;
    background: #fff;
    border-radius: 5px;
}
 	.story-head{padding-top:0px;}
.inner_1 h1 {font-size: 18px;color: #3b4e5a;padding: 0px 0 10px; font-weight:normal;border-bottom: 1px dotted #3b4e5a;margin-bottom: 20px;}
.inner_1 p {color: #7a8691;font-size: 15px;text-align: justify;line-height: 20px;padding: 15px 0px 15px 00px}	
.inner_1 img {float: left;border-radius: 5px;box-sizing: border-box;    width: 100%;}
.readmore {padding: 7px 0px 10px;cursor: pointer; text-align:center;}
.readmore a{color: #f26024;font-size: 15px;text-decoration: none;border-left: 5px solid #f26024;border-right: 1px solid #f26024;border-top: 1px solid #f26024;border-bottom: 1px solid #f26024;padding: 5px 10px;}
.readmore a:hover{color: #fff; transition:all 0.5s ease-in; background:#f26024;}
.downloadbrochure{ float:left;}
.hight_1:hover .inner_1 img{filter: grayscale(100%);-webkit-filter: grayscale(100%); transition:all 0.5s ease-in;}
.ht {width: 100%;float: left; margin-bottom: 20px;}
.txt {float: left; width:100%;}
/*.hight_1:hover{border: 1px solid #f26024;box-shadow: 0px 5px 20px #666; transition:all 0.5s ease-in;}*/
 
.gray {background: #f4f7fa; padding:20px 0 40px;width: 100%;}
.ft {position: absolute;width: 100%;text-align: center;top: 0; display:inline-block;left: 0;}
.dot_border {border: 2px dotted #ebebeb;display: inline-block;padding: 40px 20px 20px; position:relative;width: 100%;}
.media {text-align: center;position: absolute;top: -14px;display: inline-block;width: 100%;}
.media span {color: #3b4e5a;text-align: center;font-size: 24px;text-transform: uppercase;background: #fff;padding: 0 20px;}
.nav {float: right;}
.logo2 {display: none;}
.img_txt1{display: none;}
.bg {position: relative;}
.banner {margin-top: 154px;}
.banner1 {margin-top: 154px;}
.img_left {float: left;width: 100%;}
ul.contact_menu li:last-child {border-right: 0px solid #e8e5e5; }
.viewall{ text-align:center; margin:0;background: #2c414e;padding: 10px 0 12px;}
.viewall a {font-size: 15px;color: #fff;text-decoration: none;}
.news_img {float: left;padding-right: 10px; margin-bottom:80px;}
.news_img img {border-left: 5px solid #eabc18;border-radius: 5px;}
.news_inner {border-bottom: 1px solid #f5f5f5;padding-bottom: 5px;margin-bottom: 15px;width: 100%;}
.standards {margin-bottom: 20px;}

.join_ct {margin: 20px 0;display: inline-block;border: 1px solid #ccc;padding: 2px 10px;float: left;margin-right: 20px;}
.join_ct h3 {float: left;color: #666;font-size: 14px;padding-right: 10px;padding-top: 10px;font-weight: normal;}
.join1{ float:left;padding: 10px 10px 10px 0;color: #666;}
.pdf_ct img {width: 25px;}
.ben {float: right;}
.notool {padding-top: 30px;display: inline-block;font-size: 15px;color: #666;display: none;}

.inner_1 {width: 100%;padding: 0 60px;margin: auto;}
.inner-bg {background:url(../images/calc1.jpg);width: 100%;float: left;padding: 40px 0;background-attachment: fixed;background-size: cover;background-position: top center;}
.bg_img10 {width: 100%;float: left;position:relative;background:url(../images/calc1.jpg);background-attachment: fixed;background-size: cover;background-position: top center;}
.middle10 {float: left;width: 100%;padding: 20px 0px 0px;}
.bg_img_txt10 {text-align: center;padding: 50px 0;width: 100%;}
.tp {margin: 10px 0 0px;width: 100%;float: left;}
.about_ct {margin: 30px 0 0;}
.about_txt h3 {margin-bottom: 10px;color: #69b345;font-size: 18px;}
 
ul.ct_1 li {color: #999;font-size: 15px;text-align: justify;line-height: 20px;margin-bottom: 5px;}
ul.ct_1{list-style-image: url(../images/point.png);margin: 0 0px 0 20px;}
.about_txt1 {padding: 0px;width: 41%;float: left;}
.about_txt2 {padding: 0px;width: 56%;float: right;}
.about_txt2 h4 {margin-bottom: 10px;color: #69b345;font-size: 20px; }
 
.inner_cal2 {width:100%;padding: 100px 60px; float:left; padding-top:0px;}
.inner_cal1{ width:39%; float:right;padding: 100px 60px 100px 0;}
.inner_cal1 h2 {font-size: 40px;color: #fff;text-align:left; }
.inner_cal1 span {color: #e9bc18;font-weight: bold;font-size: 50px;}
.calender {background: #fff;padding: 5px;}
.inner_cal1 h3 {font-size: 20px;color: #fff;text-align: left;padding: 0px 0;font-weight: 500;} 
.inner_cal1 p {font-size: 14px;color: #fff;text-align: justify;line-height: 20px;padding: 30px 0 20px;}
.cal-btn2 {float: left;background: #e9bc18;color: #000;font-size: 16px;padding: 10px 50px;border-radius: 5px;margin: 20px 0;border: 1px solid #e9bc18; cursor:pointer;}
.cal-btn1 {float: left;border: 1px solid #fff;color: #fff;font-size: 15px;padding: 10px 40px;border-radius: 5px;margin: 20px 20px 20px 0;cursor:pointer;}
.cal-btn1:hover {border: 1px solid #e9bc18;color: #000; transition:all 0.8s ease-in;background: #e9bc18;}
.cal-btn2:hover {border: 1px solid #fff;color: #fff; transition:all 0.8s ease-in;background: transparent;}
.Pdf-title {
    color: #2c414e;
    font-size: 15px;
    text-align: center;
    line-height: 20px;
} 
.col_latest1 {
    width: 90%;
    border: 1px solid #ccc;text-align: center;float: left;
    margin: 30px;    padding: 20px; min-height: 380px;
}
.event-name {
    color: #000;
    font-size: 18px;
    line-height: 20px;
    background: rgba(255, 193, 7, 0.4);
    padding: 10px 10px;
    margin-top: 10px;
}

.date {
    color: #666;
    font-size: 14px;
    line-height: 20px;
    padding: 10px 0 0px;
}
 .ex {
    display: inline-block;
    padding: 40px 20px 20px;
    position: relative;
    width: 100%;
}
.location {
    color: #666;
    font-size: 14px;
    line-height: 20px;
    padding: 10px 0 20px;
}

.inner-ex {
    width: 100%;
    padding: 30px 60px 0;
    margin: auto;
}
.ex-read a {
    text-decoration: none;
    color: #f26024;
    border: 1px solid #f26024;
    font-size: 14px;
    padding: 6px 20px;
    border-radius: 5px;
}
.ex-read a:hover{
    color: #fff;
    background:#f26024;
	border: 1px solid #f26024;
	 transition:all 0.5s ease-in;

}

.ex-read {
    margin: 10px 0;
}
.d-pdf {
    width: 20%;
    float: left;
    border: 1px solid #ccc;
    text-align: center;
	padding: 20px;
	margin: 20px;
	min-height: 160px;
}
.icp1 {
    padding: 0 20px 20px !important;
}




/* Start tooltip css*/
.box11 {background: #fff;cursor: pointer;height: 60px; text-align: center;transition-property: background, border-radius;transition-duration: .2s, 1s;transition-timing-function: linear;width: 60px;border: 5px solid #4260a0;border-radius: 50%; margin-right: 5px;margin-bottom: 20px;}
.box22 {background: #fff;cursor: pointer;height: 60px;text-align: center;transition-property: background, border-radius;transition-duration: .2s, 1s;transition-timing-function: linear;width: 60px;border: 5px solid #fcb659;border-radius: 50%;margin-right: 5px;margin-bottom: 20px;}
.box33 {background: #fff;cursor: pointer;height: 60px;text-align: center;transition-property: background, border-radius;transition-duration: .2s, 1s;transition-timing-function: linear;width: 60px;border: 5px solid #f05e09;border-radius: 50%;margin-right: 5px;margin-bottom: 20px;}
.box44 {background: #fff;cursor: pointer;height: 60px;text-align: center;transition-property: background, border-radius;transition-duration: .2s, 1s;transition-timing-function: linear;width: 60px;border: 5px solid #00bbf2;border-radius: 50%;margin-right: 5px;margin-bottom: 20px;}
.box55 {background: #fff;cursor: pointer;height: 60px;text-align: center;transition-property: background, border-radius;transition-duration: .2s, 1s;transition-timing-function: linear;width: 60px;border: 5px solid #69b345;border-radius: 50%;margin-right: 5px; margin-bottom: 20px;}
.col1_left_2 img {padding-top: 12px;width: 40px;}

.tooltip {position: relative;display: inline-block;}
.tooltip .tooltiptext {visibility: hidden;width: 120px;background-color: #14A2CC;color: #fff;text-align: center;border-radius: 6px;padding: 8px 8px;position: absolute;z-index: 1;bottom:-50px;left: 50%;margin-left: -60px;opacity: 0;transition: opacity 1s;font-size: 14px;}
.tooltip .tooltiptext::after {content: "";position: absolute;bottom: 100%;left: 50%;margin-left: -5px;border-width: 5px;border-style: solid;border-color:transparent transparent #14A2CC transparent;}
.tooltip:hover .tooltiptext {visibility: visible;opacity: 1;}


.tooltip1 {position: relative;display: inline-block;}
.tooltip1 .tooltiptext {visibility: hidden;width: 120px;background-color:#14A2CC;color: #fff;text-align: center;border-radius: 6px;padding: 8px 8px;position: absolute;z-index: 1;bottom:-67px;left: 50%;margin-left: -60px;opacity: 0;transition: opacity 1s;font-size: 14px;}
.tooltip1 .tooltiptext::after {content: "";position: absolute;bottom: 100%;left: 50%;margin-left: -5px;border-width: 5px;border-style: solid;border-color:transparent transparent #14A2CC transparent;}
.tooltip1:hover .tooltiptext {visibility: visible;opacity: 1;}
.down {width: 106%;float: left;}



/* End tooltip css*/



/* start hover css*/
 
.grid {width:100%;height:250px;}
.grid figure {position: relative;overflow: hidden; width: 100%;height: 100%;text-align: center;cursor: pointer;}
.grid figure img {position: relative;display: block;min-height: 100%;max-width: 100%;}
.grid figure figcaption {padding: 20px;color: #fff;text-transform: uppercase;font-size: 1.25em;-webkit-backface-visibility: hidden;backface-visibility: hidden;}
.grid figure figcaption::before,.grid figure figcaption::after {pointer-events: none;}
.grid figure figcaption,.grid figure figcaption > a {position: absolute;top: 0;left: 0;width: 100%;height: 100%;}

/* Anchor will cover the whole item by default */
/* For some effects it will show as a button */
.grid figure figcaption > a {z-index: 1000;text-indent: 200%;white-space: nowrap;opacity: 0;}
.grid figure h2 {word-spacing: -0.15em; color: #fff;font-size: 15px;text-transform: none;}
.grid figure h2 span {font-weight: 800;}
.grid figure h2,.grid figure p {margin: 0;}
.grid figure p {letter-spacing: 1px;font-size: 14px;background: rgba(255, 255, 255, 0.9);padding: 10px;color: #000 !important;margin-bottom: 10px;}
.grid figure.effect-lily a {opacity: 0;font-size:14px;color: #fff;text-decoration: none;padding: 10px;display: inline-block;background: rgba(31, 31, 32, 0.52); border-radius:5px;}

 

 /*---------------*/
/***** Layla *****/
/*---------------*/


figure.effect-layla img {height: auto;}

figure.effect-layla figcaption {padding: 7em;}

figure.effect-layla figcaption::before,
figure.effect-layla figcaption::after {position: absolute;content: '';opacity: 0; }

figure.effect-layla figcaption::before {top: 50px;right: 30px;bottom: 70px;left: 30px;border-top: 1px solid #fff;border-bottom: 1px solid #fff;-webkit-transform: scale(0,1);transform: scale(0,1);-webkit-transform-origin: 0 0;transform-origin: 0 0;}

figure.effect-layla figcaption::after {top: 30px;right: 50px;bottom: 50px;left: 50px;border-right: 1px solid #fff;border-left: 1px solid #fff;-webkit-transform: scale(1,0);transform: scale(1,0);-webkit-transform-origin: 100% 0;transform-origin: 100% 0;}

figure.effect-layla h2 {padding-top: 0;-webkit-transition: -webkit-transform 0.35s;transition: transform 0.35s;}

figure.effect-layla p {padding: 0.5em 2em;text-transform: none;opacity: 0;-webkit-transform: translate3d(0,-10px,0);transform: translate3d(0,-10px,0);}

figure.effect-layla img,
figure.effect-layla h2 {-webkit-transform: translate3d(0,-30px,0);transform: translate3d(0,-30px,0);}

figure.effect-layla img,
figure.effect-layla figcaption::before,
figure.effect-layla figcaption::after,
figure.effect-layla p {-webkit-transition: opacity 0.35s, -webkit-transform 0.35s;transition: opacity 0.35s, transform 0.35s;}

figure.effect-layla:hover img {opacity: 0.5;-webkit-transform: translate3d(0,0,0);transform: translate3d(0,0,0);}

figure.effect-layla:hover figcaption::before,
figure.effect-layla:hover figcaption::after {opacity: 1;-webkit-transform: scale(1);transform: scale(1);}

figure.effect-layla:hover h2,
figure.effect-layla:hover p {opacity: 1;-webkit-transform: translate3d(0,0,0);transform: translate3d(0,0,0);}

figure.effect-layla:hover figcaption::after,
figure.effect-layla:hover h2,
figure.effect-layla:hover p,
figure.effect-layla:hover img {-webkit-transition-delay: 0.15s;transition-delay: 0.15s;}
@media screen and (max-width: 50em) {
.grid figure {display: inline-block;float: none;margin: 10px auto;width: 100%;}
}
 
/* end hover css*/


<!------------------------scroller----->
.newsticker-jcarousellite2 { width:282px; margin-top:0px; }
.newsticker-jcarousellite2 ul li{ list-style:none; display:block;    /*padding-bottom:1px; margin-bottom:5px;*/ }
.newsticker-jcarousellite2 ul li a{ list-style:none;  display:block;  background:url(../images/newsarrowicon.png) no-repeat left 4px;  padding:0 0 0 0px; }
.newsticker-jcarousellite2 ul li a:hover{ text-decoration:underline;}
.clear { clear: both; }



/*footer css*/
.copy{float:left; width:50%;font-size: 15px; font-weight: 400; color: #888f97;position: relative;} 
.copy a{font-size: 15px; font-weight: 400; color:#000; text-decoration:none;}
.copy a:hover{color:#fff;text-decoration:underline;}
.design{float:right; font-size: 12px; font-weight: 400; color:#888f97;position: absolute;display: inline-block;right: 0;width: 30%;
margin-top: -22px;}
.design span a{ font-size: 15px; font-weight: 400; color:#f26024; text-decoration:none;cursor: pointer;}
table.gsc-search-box tr td{ border: none; }
footer{ float:left; width:100%; background:#1a262e;padding: 70px 0 30px;}
.col1{float:left;  width:12%;}
.col1 h2{font-size: 15px; font-weight: 600; color:#888f97; text-transform:capitalize;margin: 20px 0;}
.col1 ul{ float:left; margin-right:30px;}
.col1 ul li{ line-height:22px;}
.col1 ul li a{font-size: 15px; font-weight: 400; color:#5e6771; text-decoration:none; }
.col1 ul li a:hover{color:#a4acb1;}
.read a{background: none;color: #1b5e95;font-size: 15px;padding: 4px 10px;cursor: pointer;text-decoration: none;display: block;float: left;margin-top: 10px;border-left: 5px solid #1b5e95;border-right: 1px solid #1b5e95;border-top: 1px solid #1b5e95;border-bottom: 1px solid #1b5e95;}
.read a:hover{background: #1b5e95;color: #fff; transition:all 0.5s ease-in;}
.adver-sub-p {font-size: 14px;color: #666;margin: 15px 0;background: #f5f5f5;padding: 10px 10px;border-left: 5px solid #69b345;clear: both;} 
 
 


.col1_left_2 li {display: inline-block;}
.box1 {background: #fff;cursor: pointer;height: 95px;line-height: 95px;text-align: center;transition-property: background, border-radius;transition-duration: .2s, 1s;transition-timing-function: linear;width: 95px;border: 5px solid #4260a0;border-radius: 50%; margin-right: 40px;padding-top: 8px; margin-bottom: 20px;}
.box1:hover {border-radius:0%;}
.box2 {background: #fff;cursor: pointer;height: 95px;line-height: 95px;text-align: center;transition-property: background, border-radius;transition-duration: .2s, 1s;transition-timing-function: linear;width: 95px;border: 5px solid #fcb659;border-radius: 50%;margin-right: 40px;padding-top: 8px;margin-bottom: 20px;}
.box2:hover {border-radius:0%;}
.box3 {background: #fff;cursor: pointer;height: 95px;line-height: 95px;text-align: center;transition-property: background, border-radius;transition-duration: .2s, 1s;transition-timing-function: linear;width: 95px;border: 5px solid #f05e09;border-radius: 50%;margin-right: 40px;padding-top: 8px;margin-bottom: 20px;}
.box3:hover {border-radius:0%;}
.box4 {background: #fff;cursor: pointer;height: 95px;line-height: 95px;text-align: center;transition-property: background, border-radius;transition-duration: .2s, 1s;transition-timing-function: linear;width: 95px;border: 5px solid #00bbf2;border-radius: 50%;margin-right: 40px;padding-top: 8px;margin-bottom: 20px;}
.box4:hover {border-radius:0%;}
.box5 {background: #fff;cursor: pointer;height: 95px;line-height: 95px;text-align: center;transition-property: background, border-radius;transition-duration: .2s, 1s;transition-timing-function: linear;width: 95px;border: 5px solid #69b345;border-radius: 50%;margin-right: 40px;padding-top: 8px;margin-bottom: 20px;}
.box5:hover {border-radius:0%;}

/*animated css*/



 

/*login css*/
.loginarea{float:left; width:41%;   padding:15px; box-sizing:border-box; border-radius:4px;}
.loginarea h2{font-size: 22px;font-weight: 400; color:#666; text-align:center; margin:0px; padding:0px; margin-bottom:25px;}
.loginarea label{float:left; width:20%; margin-bottom:10px; font-size: 15px; font-weight: 400; color:#989898;}
.loginarea input[type=text]{float: left;width: 80%;padding: 7px;background: #f5f5f5 !important;outline: none;margin-bottom: 10px;border-bottom: 0;border-top: 0px;border-left: 2px solid #de482a;border-right: 0;}
.remember{float:left; width:100%; margin-bottom:15px;}
.remember label{float:left; width:30%; margin-bottom:10px; font-size: 15px;font-weight: 400;  color:#989898;}
.remember input[type=checkbox]{float:left; margin-left:90px; margin-right:10px;}
.loginarea input[type=button]{ padding:10px 20px; background:none; border:1px solid #fff; font-size: 15px; font-weight: 400; color:#fff; margin-bottom:10px;}
.loginarea input[type=button]:hover{ background:#fff; color:#000; cursor:pointer;}
.forgot{float:right;}
.forgot a{font-size: 15px; font-weight: 400;color: #de482a;text-decoration: none;}
.register{float:right; width:55%;position: relative;}
.register h2 {color: #666;border-left: 0px solid #dc4428;padding-left: 10px;font-size: 22px; font-weight: 400;margin-bottom: 25px;}
.form1 {float: left;width: 100%;padding: 15px 10px 15px 25px;text-align: center;}
.form1 label {float: left;width: 30%; font-size: 14px;margin-top: 5px; margin-bottom:8px; padding-left:10px; color:#989898;text-align: left;}
.loginSubmit {padding: 10px 15px;background: #de482a;font-size: 15px;color: #fff;border: none;margin-right: 10px;cursor: pointer;}
.loginSubmit:hover{background: #545454; }
.form1 input[type="text"] {float: left;width: 67%;padding: 7px;background: #f5f5f5 !important;outline: none;margin-bottom: 10px;border-bottom: 0;border-top: 0px;border-left: 2px solid #de482a;border-right: 0;}
.form1 input[type="password"] {float: left;width: 67%;padding: 7px;background: #f5f5f5 !important;outline: none;margin-bottom: 10px;border-bottom: 0;border-top: 0px;border-left: 2px solid #de482a;border-right: 0;}
.form1 select {float: left;width: 67%;padding: 7px;background: #f5f5f5 !important;outline: none;margin-bottom: 10px;border-bottom: 0;border-top: 0px;border-left: 2px solid #de482a;border-right: 0;color: #989898;}
.form1 input[type="file"] {float: left;width: 70%;}
.form1 textarea { border: 1px solid #ccc;float: left;width: 70%; margin-bottom:10px;background: rgba(255,255,255,1);}
.gender{float: left;padding: 7px;background: #fff; font-size:14px; color:#989898;outline:none;margin-bottom:8px;}
.pimage{ float:left; width:100%;}
.form{float:left; width:100%; background:#fff; padding:10px;}
.formbottom{ float:left; width:100%; margin:20px 0px; padding-left: 171px;}
.submit{ padding:10px 15px; background:#de482a; font-size: 15px; color:#fff; border:none; margin-right:10px; cursor:pointer;}
.submit:hover{ background:#545454;}
.star{font-size:14px; color:#dc4428; font-weight:bold;}
.leftpan{float:left; width:70%; box-sizing:border-box;}
.rightpan{float:right; width:27%; box-sizing:border-box;}
.ico {padding-right: 10px;}
ul.login_top li a i {padding-left: 5px;padding-right: 5px;}





 /*inner pages css*/
 .dot_border_inner {
    border: 2px dotted #ebebeb;
    display: inline-block;
    padding: 20px 20px;
    position: relative;
    margin: 30px 0;
	width: 100%;
}
.inner_heading {
    text-align: left;
    position: absolute;
    top: -14px;
    display: inline-block;
    width: 100%;
	left: 15px;
}
.inner_heading span {
    color: #3b4e5a;
    text-align: center;
    font-size: 20px;
    text-transform: uppercase;
    background: #fff;
    padding: 0 5px 0 5px;
	font-weight: 600;
} 
.inner_pages p {
    color: #999;
    font-size: 14px;
    text-align: justify;
    line-height: 20px;
	min-height: 250px;
} 
.inner_pages h1 {
    font-size: 20px;
    line-height: 20px;
    margin-bottom: 10px;
    color: #85ba10;
    font-weight: 400;
	margin-top: 50px;
	    text-transform: uppercase;
} 
.inner_pages {
    width:47%;
    float: left;
	position: relative;
	margin: 50px 20px 20px 0;
} 
 
.circle {
    height: 100px;
    width: 100px;
    background: #8bc34a;
    border-radius: 50%;
	display: inline-block;
}
.circle img {
    padding-top: 14px;
} 
.circle_txt {
    text-align: center;
    border-top: 5px solid #8BC34A;
    border-bottom: 1px dotted #ccc;
    border-right: 1px dotted #ccc;
    border-left: 1px dotted #ccc;
    padding: 20px;
}
.circle_txt:hover{
	box-shadow: 2px 10px 14px #ccc;
	transition:all 0.5s ease-in;
}
.select_ct {
    float: right;
    width: 100%;
    text-align: right;
	    margin: 0px 0 20px;
    border: 1px solid #f5f5f5;
    padding: 5px 10px;
}
.select_ct10 {
    float: right;
    width: 100%;
    text-align: right;
    margin: 25px 0 20px;
    border: 1px solid #f5f5f5;
    padding: 5px 10px;
} 

.cir {
    width: 100%;
    text-align: center;
	position: absolute;
    display: inline-block;
	top: -52px;
	left:0;
}
.about_ishrae_left {overflow: hidden;padding-right: 30px;}
.about_ishrae_left h3{ color:#3b4e5a;}
p.p1 {
    min-height: 82px !important;
}
.banner1 {
    float: left;
    width: 100%;
    height: auto;
    position: relative;
}
.inner_banner {
    position: relative;
	    width: 100%;
    text-align: center;
}
.inner-banner_txt {
    position: absolute;
    top: 27%;
    display: inline-block;
	width: 100%;
    left: 0;
}
.inner-banner_txt h2 {
    color: #fff;
    text-transform: uppercase;
    font-size: 32px;
    font-weight: bold;
}
.inner-banner_txt h3 {
    color: #fff;
    text-transform: uppercase;
    font-size: 16px;
    font-weight: normal;
}

.about_pic img {height: 213px;}
.main {color: #999;font-size: 14px;text-align: justify;line-height: 20px;padding: 0px 0px 10px;}
.aim_txt ul {list-style-image:url(../images/point.png);}
.aim_txt ul li {color: #999;font-size: 14px;text-align: justify;line-height: 20px;    padding-left: 7px;}
.aim_img {width: 40%;float: left;}
.aim_txt {width: 100%;float: left;padding: 20px;}
.aim_img img {border: 1px solid #ccc;height: 100%;border-radius: 5px;}
.right_menu {
    float: right;
    width: 100%;
    margin-bottom: 20px;
}
.right_menu h2 {
    padding: 0px;
    margin: 0px;
    font-size: 18px;
    padding: 8px 0px;
    background: #85ba10;
    color: #fff;
}
.right_menu ul {
    border: 1px solid #e8e8e8;
    padding: 5px;
}
.right_menu ul li a {
    display: block;
    text-align: left;
    padding: 8px 12px;
    color: #666;
    margin-bottom: 5px;
    text-decoration: none;
    background: #f5f5f5;
	font-size: 14px;
}
.right_menu ul li a:hover {
    background: #85ba10;
    color: #fff;
}
.activity {
    width: 30%;
    float: left;
	border: 1px solid #ccc;
    padding: 0 10px 15px 10px;
	margin: 20px 13px 20px 0;
	height: 248px;
}
.column_1 {
    width: 70%;
    float: left;
    padding: 5px 0px 10px 0px;
	
}
.column_2 {
    width: 28%;
    float: right;
    padding: 5px 0px 20px 20px;
	border-left: 1px dotted #dedede;
	margin-left: 20px;
}

.activity h2 {
    font-size: 16px;
    color: #85ba10;
	margin-bottom: 12px;
	padding: 0 20px;
	font-weight: 300;
}

.activity h3 {
    font-size: 12px;
    color: #2c414e;
    text-align: center;
	font-weight: 400;
	    margin-bottom: 5px;
}
.activity h4 {
    font-size: 15px;
    color: #107695;
    font-weight: 400;
	text-align: center;
	    padding: 0 10px;
}
.activity h4 a{
    font-size: 15px;
    color: #107695;
    font-weight: 500;
	text-align: center;
	text-decoration:none;
}

.img1 {
    text-align: center;
}
.img1 img {
    margin: 10px 0;
}
.subhead_1 {
    text-align: center;
    background: #85ba10;
    color: #fff;
    padding: 5px 0px;
    font-size: 20px;
	

}
.subhead {
       color: #00567f;
    padding: 5px 0px;
    font-size: 20px;
}
.subhead_11 {
    text-align: left;
    background: #1e839d;
    color: #fff;
    text-transform: capitalize;
    padding: 6px 10px;
    font-size: 16px;
	margin-bottom: 10px;
}
.chapter1 {
    float: left;
    width: 47.5%;
    margin: 0px 20px 40px 0px;
    height: 215px;
	border-bottom: 1px solid #ccc;
    border-left: 1px solid #ccc;
    border-right: 1px solid #ccc;
    border-top: 0px solid #ccc;
	padding-bottom: 20px;
}
.chapter1 h2 {
    margin: 0 0 10px;
    font-size: 18px;
    color: #fff;
    font-weight: 400;
    text-align: center;
    padding: 5px 0;
    border-bottom: 1px dotted #85ba10;
    border-top: 1px dotted #85ba10;
	background: #2c414e;
}
.chapter1 p {
    font-size: 14px;
    color: #666;
    text-align: justify;
    margin-bottom: 7px;
	padding: 0 30px;
}

.select_ct label {
    color: #999;
    font-size: 14px;
}
.select_ct select {
    color: #2c414e;
    font-size: 14px;
    padding: 5px 5px;
    border: 1px solid #2c414e;
    background: #fff;
	cursor:pointer;
}
ul.flipboard1 li:first-child{display:inline-block;float: left;margin:0;width: 50px;height: 50px;border-radius: 50%;border: 3px solid #4260a0;text-align: center;padding-top: 7px;margin-right: 15px;margin-bottom: 10px;}
ul.flipboard1 li:nth-child(2){display:inline-block;float: left;margin:0;width: 50px;height: 50px;border-radius: 50%;border: 3px solid #fcb659;text-align: center;padding-top: 7px;margin-right: 15px;margin-bottom: 10px;}

ul.flipboard1 li:nth-child(3){display:inline-block;float: left;margin:0;width: 50px;height: 50px;border-radius: 50%;border: 3px solid #f05e09;text-align: center;padding-top: 7px;margin-right: 15px;margin-bottom: 10px;}
ul.flipboard1 li:nth-child(4){display:inline-block;float: left;margin:0;width: 50px;height: 50px;border-radius: 50%;border: 3px solid #00bbf2;text-align: center;padding-top: 7px;margin-right: 15px;margin-bottom: 10px;}
ul.flipboard1 li:last-child{display:inline-block;float: left;margin:0;width: 50px;height: 50px;border-radius: 50%;border: 3px solid #69b345;text-align: center;padding-top: 7px;margin-right:0px;margin-bottom: 10px;}
.add {margin: 10px 0 20px;}
.add1 {margin: 10px 0 20px;position:relative;float: left;width: 100%;}
.add1 h1 {position: absolute;display: inline-block;bottom: 20px;font-size: 16px;text-transform: uppercase;color: #fff;text-align: center;width: 100%;text-decoration: none;cursor: pointer;}
.inner_heading1 {font-size: 18px;padding: 4px 0;color: #69b345 !important;float: left;}
.contact_1 {width: 25%;float: left;}
.contact_2 {width: 70%;float: left;padding: 0 0px 20px 85px;border-left: 1px solid #ccc;}
.contact_3 {width: 100%;float:left;margin-top: 30px;border-top:1px solid #f5f5f5;padding-top: 30px;}
.map {border: 1px solid #ccc;padding: 5px;}
.cont {padding: 10px 0 20px;font-size: 13px !important;color: #85ba10 !important;font-weight: 400;text-align: left !important;}
.contact1 input[type="text"] {width: 100%;margin: 5px 0;padding: 7px 10px 7px 0;font-size: 15px;border-bottom: 1px solid #85ba10;border-left: 0;border-right: 0;border-top: 0;}
.contact1 select{width: 100%;margin: 5px 0;padding: 7px 10px 7px 0;font-size: 15px;border-bottom: 1px solid #85ba10;border-left: 0;border-right: 0;border-top: 0;}
.contact1 textarea {width: 100%;margin: 5px 0;padding: 7px 10px 7px 0;font-size: 14px;border-bottom: 1px solid #85ba10;border-left: 0;border-right: 0;border-top: 0;}
.contact1 input#btnSubmit {background: #85ba10;border: 1px solid #85ba10;padding: 7px 24px;margin-top: 10px;color: #fff;font-size: 15px;cursor: pointer;border-radius: 20px;}
.contact_1 h2 {text-align: left;font-size: 20px;color: #2c414e;font-weight: 100;}
.contact_1 p {color: #999;font-size: 14px;text-align: justify;line-height: 20px;padding: 10px 0px 10px;}
.contact_1 h4 {text-align: left;font-size: 14px;color: #999;font-weight: 400;margin-bottom: 10px;}


<!------------------------scroller----->
.newsticker-jcarousellite2 {margin-top:0px;height: 600px !important; }
.newsticker-jcarousellite2 ul li{ list-style:none; display:block;}
.newsticker-jcarousellite2 ul li a{ list-style:none;  display:block;  padding:0 0 0 0px; }


table.awards1 {display: block;overflow-x: auto;}
table.awards {display: block;overflow-x: auto; max-width:100%;}
.contact_1 h3 {font-size: 17px;color: #1e839d;font-weight: 100;}
.toll {color: #2c414e !important;font-size: 14px !important; padding-left: 0px;}
.newsletter_ct {width: 25%;float: left;}
.figtext {font-size: 14px;text-align: center;color: #fff;background: #2c414e;margin: 0 40px 9px 0px;padding: 5px 0;}
.column_1 span {color: #ccc;display: inline-block;}
.standards1 {margin: 20px 0;}
.standards1 p {font-size: 14px;color: #666;text-align: justify;font-weight: 100;}
.standards1 p strong{font-size: 14px;color: #0d7db5;text-align: justify;font-weight: 400;} 
.awards1 td{ padding:10px;}
.awards1 tr{background: #fff;}
.awards1 {border: 1px solid #ccc;}
.txt_left {float: left;width: 50%;font-size: 18px;color: #3b4e5a;padding-top: 20px;}
.txt_right {float: right;width: 50%;text-align: right;font-size: 14px;color: #3b4e5a;}
.video_txt {width: 100%;float: left;border: 1px solid #eef3fa;padding: 15px 15px;}
.video_ct {width: 100%;float: left;border: 1px solid #eef3fa;position:relative;}
.videoimg {width: 100%;height:183px; display: block;}
.video_ct img {position: absolute;top: 0;cursor: pointer;display: inline-block;text-align: center;height: 350px;left: 0;}
.awards {border: 1px solid #ccc;}
.tablehead {color: #fff !important;font-size: 15px !important;}
.standards p {font-size: 14px;color: #666;font-weight: 100;}
.standards p strong{font-size: 16px;color: #85ba10;text-align: justify;font-weight: 400;} 
.awards td{ padding:7px;}
.awards tr{background: #fff}
.awards tr:hover {background-color: #f5f5f5;}
.content h3 {font-size: 14px;color: #666;}
.content h4 {font-size: 14px;color: #666;font-weight: 400;} 
.content h6 a{font-size: 14px;text-decoration: none;color: #0d7db5;font-weight: 400;}  
.content {width: 29%;display: inline-block;margin: 10px 20px 10px 0;border: 1px dotted #ccc;padding: 10px;}
.content1 h2 {font-size: 14px;color: #666; margin-bottom:5px;border-bottom: 0px solid #ccc;text-align:left;} 
.content1 h3 {font-size: 14px;color: #0d7db5; text-align:left;font-weight: 400;}
.content1 h4 {font-size: 14px;color: #666;font-weight: 400; text-align:left;    text-transform: capitalize;} 
.content1 h6 { text-align:left;}
.content1 h6 a{font-size: 14px;text-decoration: none;color: #0d7db5;font-weight: 400;}  
.content1 {width: 22%;display: inline-block;margin: 10px 20px 10px 0;border: 1px dotted #ccc;padding: 10px;}
.office{font-size: 18px;color: #85ba10;margin-bottom: 20px;}
.tabs label:active {color: #FFFFFF;background: #85ba10;}
.select_ct1 {float: right;width: 100%;text-align: right;margin-bottom: 20px;border: 1px solid #f5f5f5;padding: 5px 10px;}
.select_ct1 select {color: #2c414e;font-size: 14px;padding: 5px 5px;border: 1px solid #2c414e;background: #fff;cursor: pointer;}
.chapter {padding: 5px 0 0px;text-transform: uppercase;color: #2c414e; float:left;font-size: 16px;}
.main span {color: #0d7db5;}
.adver {font-size: 18px;color: #000;font-weight: 700;}
.adver-sub {font-size: 14px;color: #666;margin: 15px 0;background: #f5f5f5;padding: 10px 10px;border-left: 5px solid #69b345;text-transform: uppercase;clear: both;}
.adver-sub1 {font-size: 14px;margin-bottom: 15px;color: #a1cb45;font-weight: 100;}
p.main_1 {color: #0d7db5;font-size: 18px;margin-bottom: 10px;}
.j-img{border-left: 4px solid #a1cb45;padding: 10px 0px 10px 10px;margin: 20px 0;}
.s1 {width: 33%;float: left;padding: 20px 40px 20px 0px;text-align: center;}
.s1 img {border: 1px solid #ccc;display: inherit;}
.adver-sub-iie {font-size: 14px;color: #666;margin: 15px 0;background: #f5f5f5;padding: 10px 10px;border-left: 5px solid #69b345;margin-bottom: 0px;text-transform: uppercase;}
.download {font-size: 15px;color: #fff;padding: 10px 10px;line-height: 20px;text-transform: uppercase;background: #28579e;}
.download-btn a {color: #85ba10;text-decoration: none;padding: 5px 10px;border-left: 5px solid #85ba10;border-bottom: 1px solid #ccc;border-right: 1px solid #ccc;border-top: 1px solid #ccc;font-size: 16px;font-weight: 100;}
.download-btn {margin: 30px 0 20px;}
.sugg {color: #999;font-size: 14px;clear: both;float: left;background: #f5f5f5;width: 100%;border-left: 5px solid #85ba10;padding: 10px;text-align: center;}
.sugg a{color: #85ba10;font-size: 14px;text-decoration:none;}
ul.itc{list-style-image:url(../images/point.png);margin:10px 20px 20px;}
ul.itc li {color: #999;font-size: 14px;text-align: justify;line-height: 20px;padding-left: 7px;}
.ssoftware {text-align: center;border-top: 0px solid #1b6f42;border-bottom: 0px solid #03612f;margin: 10px 0 30px;}
.ssoftware h3 {color: #106939;font-size: 14px;line-height: 20px;font-weight: 400;}
.ssoftware h4 {color: #999;font-size: 14px;line-height: 20px;font-weight: 400;margin-bottom: 10px;}
.ssoftware h4 a{color: #0d7db5;font-size: 14px;line-height: 20px;font-weight: 400; text-decoration:none;}
.pdf_ct h3 {font-weight: normal;float: left;color: #eb5544;font-size: 14px;padding-right: 10px;text-transform: uppercase;padding-top: 3px;}
.pdf_ct {float: left;margin: 20px 0;display: inline-block;    border: 1px solid #eb5544;padding: 5px 10px;}
.main span a {color: #0d7db7;text-decoration: none;}
.readmore_cat {color: #85ba10;border: 1px solid #85ba10;text-align: center;float: right;padding: 5px 10px;font-size: 14px;cursor: pointer;}
.readmore_cat:hover {color: #fff;border: 1px solid #85ba10;background: #85ba10;transition: all 0.5s ease-in-out;}
.cmnts {clear: both;border: 1px dotted #ccc;border-radius: 5px;display: inline-block;padding: 20px;margin-bottom: 15px;text-align: center; background: #f5f5f5;}
.cmnts_img {width: 10%;float: left;}
.cmnts_txt {width: 88%;float: right;}
.cm {text-align: left;}
.txt-p {margin-top: 10px;float: left;border-top: 1px dotted #ccc;padding-top: 10px;}
.txt-p p {color: #7a8691;font-size: 15px;text-align: justify;line-height: 20px;padding-bottom: 10px;}
.comments_nt {float: left;    width: 100%;}
.cmnts_postname {float: left;width: 85%;padding: 0px 0 10px;}
.cmnts_date {color: #fff;font-size: 12px;display: inline-block;font-weight: 500;float: right;background: #0d7db5;text-align: center;padding: 5px 10px;border-radius: 6px;}
.cmnts_img img {border: 3px double #ccc;border-radius: 5px;}
.cmnts_img img:hover {transition: all 0.5s ease-in;filter: grayscale(100%);-webkit-filter: grayscale(100%);}
.cmnts_postname a{ text-decoration:none;color: #0d7db5;font-size: 16px;font-weight: 400;}
.cmnts1 {clear: both;border: 1px dotted #ccc;border-radius: 5px;display: inline-block;padding: 20px;margin-bottom: 15px;text-align: center; background: #f5f5f5;}
.cmnts_img1 {width: 40%;float: left;}
.cmnts_txt1 {width: 55%;float: right;}
.cm1 {text-align: left;}
.txt-p1 {margin-top: 10px;float: left;border-top: 1px dotted #ccc;padding-top: 10px;}
.txt-p1 p {color: #7a8691;font-size: 15px;text-align: justify;line-height: 20px;padding-bottom: 10px;}
.comments_nt1 {float: left;}
.cmnts_postname1 {float: left;width: 100%;padding: 0px 0 10px;}
.cmnts_date1 {color: #85ba10;font-size: 12px;display: inline-block;font-weight: 500;float: left;}
.cmnts_img1 img {border: 3px double #ccc;border-radius: 5px;}
.cmnts_img1 img:hover {transition: all 0.5s ease-in;filter: grayscale(100%);-webkit-filter: grayscale(100%);}
.cmnts_postname1{ text-decoration:none;color: #0d7db5;font-size: 16px;font-weight: 400;}
.back {float: right;margin-bottom: 30px;}
.back a{color: #fff;font-size: 14px; text-decoration:none;background: #85ba10;padding: 5px 15px;border-radius: 5px;cursor: pointer;border: 1px solid #85ba10;}
.back a:hover{background: #fff; border: 1px solid #85ba10; color:#85ba10;transition: all 0.5s ease-in;}
.contact_1 h4 a {color: #85ba10;text-decoration: none;}
.rt {
    width: 103%;
    float: left;
}


/*pagination css*/
.page {display: inline-block;margin: 0px 0px 20px;text-align: right;width: 100%;}
ul.pagination {display: inline-block;padding: 0;margin: 0;}
ul.pagination li {display: inline;}
ul.pagination li a {color: #999;float: left;padding: 5px 10px;text-decoration: none;transition: background-color .3s;border: 1px solid #ddd;}
ul.pagination li a.active {background-color: #85ba10;color:#999;border: 1px solid #85ba10;color:#fff}
ul.pagination li a:hover:not(.active) {background-color: #ddd;}

/*standard page hover css*/

.clanderheader {background-color:#F54C49; color:#fff;padding: 11px 10px;
    text-align: center;
}

.column {}
.column::after {content: '';clear: both;display: block;}
.column div {position: relative;float: left;width:100%;height: auto;margin: 0 0 0 25px;padding: 0;}
.column div:first-child {margin-left: 0;}
.column div span {position: absolute;bottom: -20px;left: 0;z-index: -1;display: block;width: 300px;margin: 0;padding: 0;color: #444;font-size: 14px;text-decoration: none;text-align: center;-webkit-transition: .3s ease-in-out;transition: .3s ease-in-out;opacity: 0;}
figure {height:auto;margin: 0;padding: 0;background: #eabc18;overflow: hidden;}
figure:hover+span {bottom: -36px;opacity: 1;}
.hover15 figure {position: relative;}
.hover15 figure::before {position: absolute;top: 50%;left: 50%;z-index: 2;display: block;content: '';width: 0;height: 0;background: rgba(0,0,0,.1);border-radius: 100%;-webkit-transform: translate(-50%, -50%);transform: translate(-50%, -50%);opacity: 0;}
.hover15 figure:hover::before {-webkit-animation: circle .75s;animation: circle .75s;}



.pre {
    float: right;
}
span.pre_ct img {
    border: 1px solid #ccc;
    padding: 3px;
    margin-bottom: 10px;
	 cursor:pointer;
}
span.next_ct img {
    border: 1px solid #ccc;
    padding: 3px;
    margin-bottom: 10px;
    margin-left: 10px;
	cursor:pointer;
}
.program select {
    color: #2c414e;
    font-size: 14px;
    padding: 5px 5px;
    border: 1px solid #2c414e;
    background: #fff;
    cursor: pointer;
}



@-webkit-keyframes circle {
	0% {
		opacity: 1;
	}
	40% {
		opacity: 1;
	}
	100% {
		width: 200%;
		height: 200%;
		opacity: 0;
	}
}
@keyframes circle {
	0% {
		opacity: 1;
	}
	40% {
		opacity: 1;
	}
	100% {
		width: 200%;
		height: 200%;
		opacity: 0;
	}
}

/*tab css*/
.tabs {width: 100%;float: none;list-style: none;padding: 0;}
.tabs li {display: block;}
.labels:after {content: '';display: table;clear: both;}
.tabs label {display: inline-block;float: left;padding: 10px 20px;color: #FFFFFF;font-size: 16px;font-weight: normal;background: #2c414e;cursor: pointer;margin-right: 1px;}
.tabs label:hover {background: #85ba10; transition:all 0.8s ease-in;}
.tab-content {display: none;width: 100%;padding: 15px;border:1px solid #ccc;border-left:3px solid #85ba10;border-right: 3px solid #85ba10;background-color:#ffffff;}
.tabs input[type=radio] {display:none;}
[id^=tab]:checked ~ div[id^=tab-content] {display: block;}
[id^=tab]:checked ~ [id^=label]  {background: #08C;color: white;}
#relatedContent {display: block;clear: both;max-width: 800px;margin: 100px auto 0;}
#relatedContent h3 {font-size: 30px;text-align: center;color: #FFF;}
#relatedContent .item {max-width: 44%;padding: 3%;float: left;text-align: center;}
#relatedContent .item a img {max-width: 100%;}

/*hover css*/
figure.figurefx{margin: 20px 40px 0px 0px;padding: 0;position: relative;overflow: hidden; border: 1px solid #85ba10;}
figure.figurefx::before, figure.figurefx::after{ content: '';width: 100%;height: 100%;display: block;background: #000;position: absolute;opacity: 0.7;top: 0;left 0;-moz-transform: translate3d(0, -100%, 0); -webkit-transform: translate3d(0, -100%, 0);transform: translate3d(0, -100%, 0);-moz-transition: all 0.5s;-webkit-transition: all 0.5s;transition: all 0.5s;}
figure.figurefx img{display: block;}
figure.figurefx figcaption{position: absolute;display: block;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;text-align: center;padding: 5px;z-index: 100;width: 100%;max-height: 100%;overflow: hidden;top: 90px;left: 0px;-moz-transform: translate3d(-100%, -50%, 0);-webkit-transform: translate3d(-100%, -50%, 0);transform: translate3d(-100%, -50%, 0);opacity: 0;-moz-transition: all 0.5s;-webkit-transition: all 0.5s;transition: all 0.5s;color:#fff;font-size:14px ;}
figure.figurefx figcaption a{text-decoration: none;color: #85ba10; font-size:17px;}
figure.dualpanels2::before{-moz-transform: translate3d(-100%, 0, 0);-webkit-transform: translate3d(-100%, 0, 0);transform: translate3d(-100%, 0, 0);}
figure.dualpanels2::after{-moz-transform: translate3d(100%, 0, 0); -webkit-transform: translate3d(100%, 0, 0);transform: translate3d(100%, 0, 0);}
figure.dualpanels2:hover::before{-moz-transform: translate3d(-50%, 0, 0);-webkit-transform: translate3d(-50%, 0, 0);transform: translate3d(-50%, 0, 0);}
figure.dualpanels2:hover::after{-moz-transform: translate3d(50%, 0, 0);-webkit-transform: translate3d(50%, 0, 0);transform: translate3d(50%, 0, 0);}
figure.dualpanels2:hover figcaption{opacity: 1;-moz-transform: translate3d(0, -50%, 0);-webkit-transform: translate3d(0, -50%, 0);transform: translate3d(0, -50%, 0);-moz-transition: all 0.5s;-webkit-transition: all 0.5s;transition: all 0.5s;-moz-transition-delay: 0.5s;-webkit-transition-delay: 0.5s;transition-delay: 0.5s;}
.pdf {padding: 5px 0;background: #85ba10;border-radius: 22px;width: 126px;margin: 10px auto;}
.col_chapter_left {float: left;width: 30%;font-size: 14px;color: #666;padding-left: 20px;font-weight: 700;line-height: 20px;clear: both;}
.col_chapter_right{float: right;width: 65%;font-size: 14px;color: #666;padding-right: 20px;line-height: 20px;text-align: left;}
.col_chapter_right a { text-decoration:none;}
.col_chapter_right a span{color: #6b9b00;}
.tab-content1 {
    width: 109%;
    float: left;
}
/*.ht_ct {width: 113%;float: left;}*/
.act {width: 108%;float: left;}
.abt {width: 104%;float: left;}
.select_ct10 {
    float: right;
    width: 100%;
    text-align: right;
    margin: 30px 0 20px;
    border: 1px solid #f5f5f5;
    padding: 5px 10px;
}

.select_ct10 select {
    color: #2c414e;
    font-size: 14px;
    padding: 5px 5px;
    border: 1px solid #2c414e;
    background: #fff;
    cursor: pointer;
}
.event-ct {
    float: left;
    width: 100%;
    border: 1px solid #f5f5f5;
    padding: 20px 20px 10px;
    margin-bottom: 15px;
}
.event-ct p {
    color: #999;
    font-size: 14px;
    text-align: justify;
    line-height: 20px;
    margin-bottom: 10px;
}

.event-ct h3 {
    color: #85ba10;
    font-size: 16px;
    text-align: justify;
    line-height: 20px;
    font-weight: normal;
    margin-bottom: 10px;
}

.start-date {
    float: right;
    padding: 5px 20px;
    color: #fff;
    font-size: 14px;
    background: #85ba10;
    margin-bottom: 10px;
    margin-top: -12px;
}

.start {
    color: #1a88a3;
    font-size: 14px;
    float: left;
    margin-right: 30px;
    font-weight: 700;
    padding-bottom: 5px;
}

.start span {
    color: #000;
    font-weight: normal;
    padding-left: 5px;
}
.right-m {
    padding-bottom: 10px;
}

li.mob {
    display: none !important;
}


/*new_css*/

.home-video-top{ width:37%;}
.global_cooling_prize{ text-align: center; }
.global_cooling_prize img{ max-width: 100%; width: 100%;}
.home-col1{ width:29%;}
.story1 {text-align:center; float:left; width:100%; height:auto;}
.story1 img{width:50%; height:auto; float:none; border-radius:50%;}
.story-heading {
    text-align: center;
    margin-top: 15px;
    font-size: 18px;
    color: #19587d;
}

.knowledgehead h2{ font-size:64px; text-transform:none; text-shadow: 0px 0px 10px #000000;}
.knowledge-search{float:left; width:100%; margin-top:25px;}
.knowledge-search input[type=text]{ width:30%; padding:8px; font-size:16px; border-radius:3px; border:1px solid #ccc; margin-right:10px; webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
    box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
    -webkit-transition: border-color ease-in-out .15s,-webkit-box-shadow ease-in-out .15s;
    -o-transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
    transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s; outline:none;}
.knowledge-search select{padding:8px; font-size:16px; border-radius:3px; border:1px solid #ccc; margin-right:10px; width:15%; webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
    box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
    -webkit-transition: border-color ease-in-out .15s,-webkit-box-shadow ease-in-out .15s;
    -o-transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
    transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s; outline:none;}
.knowledge-sbtn{padding:8px 15px; font-size:18px; font-weight:500; border-radius:3px; background: #0a5584; color: #fff; border:none; cursor:pointer;}
.knowledge-sbtn:hover{ background:#85ba10;}
.knowledge-col1{float:left; width:32%; border: 1px solid #53a404;   border-top: 5px solid #53a404; margin-right:24px; padding:15px; border-radius:4px; text-align:center; margin-top:25px; min-height:535px; /* IE10+ */ 
background-image: -ms-linear-gradient(top left, #ffffff 50%, #F5F5F5 90%, #ededed 100%);

background-image: -moz-linear-gradient(top left, #ffffff 50%, #F5F5F5 90%, #ededed 100%);

background-image: -o-linear-gradient(top left, #ffffff 50%, #F5F5F5 90%, #ededed 100%);

background-image: -webkit-gradient(linear, left top, right bottom, color-stop(50, #ffffff), color-stop(90, #F5F5F5), color-stop(100, #ededed));

background-image: -webkit-linear-gradient(top left, #ffffff 50%, #F5F5F5 90%, #ededed 100%);
}
.knowledge-col1 h3{line-height:35px; font-size:20px; margin-bottom:20px; text-align:center; color:#53a404;}
.knowledge-col1 ul li{margin-bottom:15px; text-align:left;     color: #8c8d8d;}
.knowledge-col1 ul{ list-style-image:url(../images/point.png); padding-left:25px;}
.knowledge-col1 ul li a{padding-left: 12px;
    display: block;
    text-decoration: none;
    color: #333;
    -o-transition: color .3s ease-out, background .3s ease-in;
    -ms-transition: color .3s ease-out, background .3s ease-in;
    -moz-transition: color .3s ease-out, background .3s ease-in;
    -webkit-transition: color .3s ease-out, background .3s ease-in;
    transition: color .3s ease-out, background .3s ease-in;}
.knowledge-col1 ul li ul{ margin:10px 0 0;}
.knowledge-col1 ul li ul li{ margin-bottom:7px; font-size:14px;}
.knowledge-col1 ul li ul li:last-child{ margin-bottom:0;}


.knowledge-col1 ul li a:hover{ color: #53a404;}
.knowledge-col1 ul li small{ display: block; font-size:75%;font-style: italic;}

.knowledge-col1 img{margin-top:-50px;}
.knowledge-col1 ul li .image-area img{margin: 0 auto 5px;max-width: 136px; background: #fff; padding: 4px; border-radius: 4px;-moz-border-radius: 4px;-webkit-border-radius: 4px;border: 1px solid #ddd; }

.knowledge-read a {
    color: #53a404;
    font-size: 15px;
    text-decoration: none;
    border-left: 5px solid #69b345;
    border-right: 1px solid #53a404;
    border-top: 1px solid #53a404;
    border-bottom: 1px solid #53a404;
    padding: 5px 10px;
}

.knowledge-read a:hover{ background:#53a404;}

.knowledge-col1:last-child{margin-right:0px;}

.article-head{color: #f2930b !important;}
.article-border{ border: 1px solid #f2930b;
    border-top: 5px solid #f2930b; }
.article-border ul{ list-style-image:url(../images/point2.png) !important; padding-left:25px;}
.article-border ul li a:hover{ color: #f2930b;}


.article-head1{color: #1ea3f0 !important;}
.article-border1{ border:1px solid #1ea3f0;  border-top: 5px solid #1ea3f0;}
.article-border1 ul{ list-style-image:url(../images/point3.png) !important; padding-left:25px;}
.article-border1 ul li a:hover{ color: #1ea3f0;}
.hall-of-fame-video{ clear:both;padding: 20px 0 0;}

.knowledge-read3 a {
    color: #1ea3f0;
    font-size: 15px;
    text-decoration: none;
    border-left: 5px solid #1ea3f0;
    border-right: 1px solid #1ea3f0;
    border-top: 1px solid #1ea3f0;
    border-bottom: 1px solid #1ea3f0;
    padding: 5px 10px;
}

.knowledge-read3 a:hover{ background:#1ea3f0;}
.knowledge-banner img{width:100%; height:auto;}

.knowledge_inner_banner {
    position: relative;
    width: 100%;
    text-align: center;
    height: 208px;
    overflow: hidden;
    background:#d5985e  url(../images/knowledgebg.png) ;
}
.knowledge_inner_banner h2 {
    font-size: 47px !important;
}
.knowledgehead_txt{top:17%;}

.dot_border_inner1{margin:0px; padding:0px; border:1px solid #ccc;}
.knowledge-search-result1{float:left; width:100%;}
.knowledge-search-result1 ul li{display:block;}
.knowledge-search-result1 ul li a{display:block; border-top:1px solid #f5f5f5; border-bottom:1px solid #f5f5f5; padding:10px;  text-decoration: none;
    color: #8c8d8d;}
.stext1{float:left; width:30px; height:30px; border-radius:50%; background:#74c15d; color:#fff; text-align:center; margin-right:10px; line-height:25px; font-weight:bold; margin-top:-3px;}
.stext2{float:right; font-size:14px;}
.knowledge-search-result1 ul li:nth-child(odd) {
    background-color: #f9f9f9;
}
.knowledge-search-result1 ul li a:hover{ background:#ffdab7; color:#0566a2;}
.technical_group_wrapper{ clear: both;float: left;width: 100%;text-align: center;PADDING: 25px 0px;background: #fff9ec; border-top:2px solid #fdbc3a; border-bottom: 2px solid #fdbc3a; margin: 30px 0 50px;  }
.technical_group_wrapper .technical-group-head{ border: none; }
.technical_group .technical-left{ width: 50%; padding: 0 15px; float: none;margin: 0 0 20px; display: table-cell; vertical-align: middle; }
.technical_group .technical-group-head h3{font-size: 25px;text-transform: uppercase;color: #000;margin: 0 0 20px;}
.technical_group .technical-group-head h3 span{display: inline-block;border-bottom: 2px solid #fdbc3a; padding: 0 0 10px;width: auto;height: auto;background: none;}
.technical_group .technical-left p{ margin: 0 0 10px; padding: 0; }
.technical_group .technical-right{width: 50%; padding: 0 15px; float: none; display: table-cell; vertical-align: middle;}
.technical_group .technical-right img{ background: #ffffff; padding: 4px; max-width: 100%; height:auto;border: 1px solid #ddd;
border-radius: 4px;-moz-border-radius: 4px;-webkit-border-radius: 4px; }
.technical_group .readmore{ clear: both; }

.videos_wrapper{ clear: both; margin: 0 0 50px;float: left;width: 100%;}
.videos_wrapper h2{line-height: 35px;font-size: 20px;margin-bottom: 20px;text-align: center;color: #53a404;}
.videos_wrapper h3{font-size: 15px;font-weight: 500;}
.videos_wrapper h3 small{ font-size: 75%; font-style: italic; display: block; color: #8c8d8d; }
.videos_wrapper .left_area{ float: none; width: 50%; padding: 0 15px; display: table-cell;vertical-align: top;}
.videos_wrapper .left_area h3{ line-height: normal; text-align: left;padding: 0 0 0 15px;display: table-cell; color: #000; }
.videos_wrapper .knowledge-col1{ width: 100%; margin: 0;min-height: 603px; }
.videos_wrapper .left_area .image-area{ margin: 0 0 10px; float: left; width: 50%; }
.videos_wrapper .left_area .image-area iframe{background: #ffffff;padding: 4px;max-width: 100%;height: auto;border: 1px solid #ddd;border-radius: 4px;-moz-border-radius: 4px;-webkit-border-radius: 4px; display: block;}
.video_section .video{ border-bottom:1px solid #ddd; padding: 0 0 10px; margin: 0 0 20px; overflow: hidden; }
.video_section .video:last-child{ border-bottom: none; }

.videos_wrapper .right_area{ width: 50%; padding: 0 15px; float: none; display: table-cell;vertical-align: top;}
.videos_wrapper .right_area .news-title{font-size: 15px;font-weight: 500; margin: 0 0 10px; color: #000; }
.videos_wrapper .right_area .news-title a{color: #000; text-decoration: none;}
.blog_section .news{ border:none;border-bottom: 1px solid #ddd;padding: 0 0 0px;margin: 0 0 20px; font-size: 14px; overflow: hidden;}
.blog_section .news:last-child{border-bottom: none;}
.blog_section .news .news-thum{ margin: 0 0 10px; float: left; width:39%; }
.blog_section .news .news-thum img{ max-width: 100%; height: auto;background: #ffffff;padding: 4px;max-width: 100%;height: auto;border: 1px solid #ddd;border-radius: 4px;-moz-border-radius: 4px;-webkit-border-radius: 4px;display: block; margin: auto; }
.blog_section .news .news-content{ text-align: left; display: table-cell; padding: 0 0 0 15px; }
.blog_section .news .com {width: 100%;float: left;margin-top:15px;border-top: 1px solid #ddd;left: 0;padding: 3px 0;color: #6c6b6b;font-size: 14px;}
.blog_section .news .com .pl{width: 100%;float: left;padding: 5px 0;font-size: 14px;}
.blog_section .news .com .pl span{margin-right: 5px;color: rgb(170, 170, 170 );}
.blog_section .news .com i{padding: 0 5px;}

.abbreviations_Text {
    float: left;
    height: 30px;
    border-radius: 50%;
    background: #74c15d;
    color: #fff;
    text-align: center;
    margin-right: 10px;
    line-height: 25px;
    font-weight: bold;
    margin-top: -3px;
}

.dot_border_inner1 h3{ background:#0566a2; color:#fff; padding:10px; font-size: 20px;}
.sort-search{float:right; margin-top:-37px;}
.sort-search label{font-size:16px; font-weight:600; color:#fff; margin-right:5px;}

.sort-search select{padding:5px; font-size:14px; border-radius:3px; border:1px solid #ccc; margin-right:10px;  webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
    box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
    -webkit-transition: border-color ease-in-out .15s,-webkit-box-shadow ease-in-out .15s;
    -o-transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
    transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s; outline:none;}

.search-detail{float:left; width:100%; padding:15px;}
.search-detail h4{margin-bottom:15px;}
.search-detail p{ color:#666; text-align:justify;}
.search-detail-col1{float:left; width:70%; margin-top:25px; background:#e2e9f0; padding:15px;}
.scol1{float:left; width:100%; margin-bottom:10px;}
.scol1 label{float:left; width:25%; font-weight:600;}
.scol1 span{float:left; width:65%;}
.scol1 span:before{ content:':'; padding-right:10px;}
.download-report{float:left; width:100%; margin-top:15px;}
.download-report a{ float:left; padding:10px 20px; font-size:18px; color:#fff; text-decoration:none; background:#59a80c;}
.back-search{color:#fff; text-decoration:none; padding:3px 15px; border:1px solid #fff; margin-right:10px;}
.back-search:hover{ background:#fff; color:#000;}

.modal {display: none; position: fixed;  z-index: 11111111111;  padding-top: 200px;  left: 0;top: 0;width: 100%; height: 100%; overflow:auto;background-color: rgba(0,0,0,0.4);}
.modal-content {position: relative;background-color: #fefefe;margin: auto;padding: 0;border: 1px solid #888;width: 100%;max-width: 450px;box-shadow: 0 4px 8px 0 rgba(0,0,0,0.2),0 6px 20px 0 rgba(0,0,0,0.19);-webkit-animation-name: animatetop;-webkit-animation-duration: 0.4s;animation-name: animatetop;animation-duration: 0.4s}
@-webkit-keyframes animatetop {from {top:-300px; opacity:0}to {top:0; opacity:1}}
@keyframes animatetop {from {top:-300px; opacity:0}to {top:0; opacity:1}}
.close:hover,.close:focus {color: #666;text-decoration: none;cursor: pointer;}
.close {
    color: #000;
    float: right;
    font-size: 21px;
    width: 30px;
    height: 30px;
    text-align: center;
    display: inline-block;
    position: absolute;
    right: 9px;
    top: 8px;
    line-height: 30px;
} 

/*09-05-2017*/
.modal-content1 {
    position: relative;
    background-color: #fefefe;
    margin: auto;
    padding: 0;
    border: 1px solid #888;
    width: 100%;
    max-width: 750px;
    box-shadow: 0 4px 8px 0 rgba(0,0,0,0.2), 0 6px 20px 0 rgba(0,0,0,0.19);
    -webkit-animation-name: animatetop;
    -webkit-animation-duration: 0.4s;
    animation-name: animatetop;
    animation-duration: 0.4s;
}

 .loginpopup {
    padding: 40px 50px 40px;
    text-align: center;
    background: #eeeeee;
}
.loginpopup h2 {
    font-size: 18px;
    font-weight: 500;
    line-height: 20px;
	margin-bottom: 20px;
}
input.txt {
    width: 50%;
    border: 1px solid #ccc;
    padding: 12px 10px;
    margin-bottom: 15px;
	color: #999;
    font-size: 16px;
}


.fb {
    background: #507dc0;
    padding:10px 15px;
    margin-bottom: 15px;
    margin-top: 15px;
}
.fb a {

    color: #fff;
    text-decoration: none;
	font-size: 17px;
}
.fb i {
    font-size: 25px;
    padding-right: 10px;
}
input.gotohome {
    padding: 12px 15px;
    width: 100%;
    border: 2px solid #0566a2;
    background: #eee;
	outline: none; font-size:15px; color:#0566a2;
}
input.gotohome:hover {
    border: 2px solid #0566a2;
    background:#0566a2; cursor:pointer;
	transition:all 0.5s ease-in; color:#fff;
}

.rem {
    float: left;
    width: 100%;
	margin-top: 20px;
}
.remember {
    float: left;
	font-size: 14px;
    text-decoration: none;
    color: #666;
    line-height: 20px;
}
.forget {
    float: right;
}
.forget a {
    font-size: 14px;
    text-decoration: none;
    color: #666;
    line-height: 20px;
}
.forget a:hover{
	text-decoration:underline;
}
.popup-1 {
    display: inline-block;

}
.popup-1 p{margin:5px 0; padding:10px 0; font-size:14px;}
.sin {
    float: left;
    width: 100%;
	margin-top: 20px;
	font-size: 16px;
    text-decoration: none;
    color: #666;
    line-height: 20px;
}
.sin a {
    text-decoration: underline;
    text-transform: uppercase;
    color: #53a404;
    font-weight: 700;
	padding-left: 7px;
}

input.txt {
    width: 100%;
    border: 1px solid #ccc;
    padding: 12px 10px;
    margin-bottom: 15px;
    color: #999;
    font-size: 13px;
}

.error-msg {
    width: 100%;
    float: left;
    margin: 10px 0;
    color: red;
}

.remember1 {
    float: left;
    font-size: 14px;
    text-decoration: none;
    color: #666;
    line-height: 20px;
}
.knowledge_inner_banner img{width:100%; height:auto;}

.abbreviations ul li a span{ width:auto !important; height:auto !important; border-radius:4px !important; padding:0px 15px; text-transform:uppercase;}
.abbreviationsbg{background: #d5985e url(../images/abbreviationsbg.png);}

.back-article{margin-top:-35px;}
.program1{float:left; width:42%; background:#f5f5f5; border-left:10px solid #00a0e3; position:relative; margin-left:80px; padding:20px; margin-right:25px; margin-bottom:20px;}
.program-logo{float:left; background:#fff; width:200px; margin-left:-100px; border:1px solid #ccc; padding:5px; margin-right:20px; text-align:center;}
.program-logo img{width:auto; height:auto; max-width:150px; max-height:150px;}
.proram-content{float:left; width:72%;}
.proram-content ul{list-style-image:url(../images/point3.png); padding-left:15px;}
.proram-content ul li{ font-weight:600; line-height:25px;}
.proram-content ul li:last-child{ font-weight:normal;}

.program1:nth-child(2n+1){ margin-right:0px;}
.ishrae-program{float:left; width:100%; padding:10px 0px; margin-bottom:20px; color:#666; text-align:justify;}
.hall-fametxt{top: 45%;}
.hall-col1 {
    float: left;
    width: 48%;
}
.hall-cities ul li{float:left;}

.apply-hallof-fame{float:left; width:100%; margin-top:50px; margin-bottom:50px;}

.apply-hallof-fame a{ background:#cf3032; color:#fff; border:none; padding:15px 35px; font-size:24px; border-radius:6px;}

.hall-fame-inner{ background:#cf3032;}
.hall-fame-inner p{color:#fff; font-size:22px;}
.hall-fame-inner h4{color:#fff; font-size:28px; margin-top:10px;}
.nomination-inner{float:left; width:100%; padding:15px;}
.nomination-left{float:left; width:68%;}
.nomination-right{float:right; width:30%;}
.nomination-right img{width:100%; height:auto;}
.noination-row1{float:left; width:100%; margin-bottom:5px;}

.noination-col1{float:left; width:47%; margin-bottom:5px; margin-right:20px;}
.noination-col1 label{float:left; width:100%; margin-bottom:10px; font-weight:600; font-size:14px;}
.noination-txt{float:left; width:100%; padding:8px; border:1px solid #ccc; border-radius:5px; webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
    box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
    -webkit-transition: border-color ease-in-out .15s,-webkit-box-shadow ease-in-out .15s;
    -o-transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
    transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
    outline: none; font-size:16px; color:#666; margin-bottom:5px;}

.address-col{width: 97%; vertical-align:top;}
.noination-row1 h4{float:left; width:100%; margin-top:10px; background:#f5f5f5; padding:5px; margin-bottom:15px;}
.nomination-content{float:left; width:100%; margin-top:10px; font-size: 14px; text-align:justify; color:#666;}
.sbt-formbtn{ background:#53a404; color:#fff; border:none; padding:10px 35px; font-size:24px; border-radius:6px; outline:none; cursor:pointer;}
.sbt-formbtn:hover{ background:#267eec;}
.blink_text {animation: blinker 1s linear infinite;  -webkit-animation-name: example; /* Safari 4.0 - 8.0 */
    -webkit-animation-duration: 4s; /* Safari 4.0 - 8.0 */
    animation-name: example;
    animation-duration: 4s;}


@-webkit-keyframes example {
    from {color: red;}
    to {color: yellow;}
}

/* Standard syntax */
@keyframes example {
    from {color: red;}
    to {color: yellow;}
}
@keyframes blinker {  
  50% { opacity: 1; }
}


.hall-col1 P{text-align:justify; color: #8c8d8d;}
.hall-col1 H3  P{text-align:justify; color: #8c8d8d;}
.selection-process{ background:#53a404; color:#fff !important; text-align:left !important; padding-left:25px;}




.youthbg{background: rgba(255,253,235,1);
background: -moz-linear-gradient(left, rgba(255,253,235,1) 0%, rgba(255,247,178,1) 100%);
background: -webkit-gradient(left top, right top, color-stop(0%, rgba(255,253,235,1)), color-stop(100%, rgba(255,247,178,1)));
background: -webkit-linear-gradient(left, rgba(255,253,235,1) 0%, rgba(255,247,178,1) 100%);
background: -o-linear-gradient(left, rgba(255,253,235,1) 0%, rgba(255,247,178,1) 100%);
background: -ms-linear-gradient(left, rgba(255,253,235,1) 0%, rgba(255,247,178,1) 100%);
background: linear-gradient(to right, rgba(255,253,235,1) 0%, rgba(255,247,178,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fffdeb', endColorstr='#fff7b2', GradientType=1 );}
.youthborder{    border: 6px solid #7cb441;}

.youth-heading1{font-size:18px; line-height:25px;}

.vision1{float:left; width:100%; margin-top:30px;  border:1px solid #ccc;  background:#fff;}
.vision-left{float:left; width:30%; line-height:0;}
.vision-right{float:right; width:70%; padding-top:15px;  padding:15px;}
.vision-right h3{    font-size: 30px;
    color: #0967a3;
    margin-bottom: 10px; }
.vision-right p{color: #000;
    margin-bottom: 0px;
    font-size: 17px;
    font-weight: bold;}
.aim1{float:left; width:100%;}
.aim h3{ font-size:46px; color:#fff;}
.aim h4{ font-size:26px; color:#fff; margin:10px 0px;}
.aim1 ul li {color:#fff !important; font-size:18px !important;     background: url(../images/ybullet.jpg) no-repeat left top 9px; padding-left:25px;}
.aim1 ul{margin-left:25px; margin-top:25px;}
.aim-new1{float:left; width:50%; padding:25px;}
.aim-new2{float:right; width:43%; line-height:0px;}
.aim-new2 img{width:100%; height:auto;}
.connectyouth{float: right;
    margin-top: 20px;}
.connectyouth h3{float:left; margin-right:20px; margin-top:10px;}

.connectyouth a {
    width: 40px;
    height: 40px;
    display: inline-block;
    background: #3b5998;
    color: #fff;
    text-align: center;
    line-height: 40px;
    margin-right: 15px; border-radius:5px;
}
.connectyouth a:last-child {
    background: red;
}
.youth-benefit{float:left; width:100%; background:#fff;  border:1px solid #ccc;}
.benefit-left{float:left; width:43%; line-height:0px;}
.benefit-left img{width:100%; height:auto;}

.benefit-right{float:right; width:55%; padding:25px;}
.benefit-right h3{ font-size:25px; background:#72b84c; color:#fff; padding:5px 15px; margin-bottom:25px;}
.benefit-right ul{ list-style-image:url(../images/arw.png); margin-left:35px; line-height:25px; margin-bottom:20px;} 
.youth-Committee{float:left; width:100%; margin-top:20px; background:#fff; padding:20px; border:1px solid #ccc; background:url(../images/youth-Committee/star.jpg); text-align:center;}
.youth-Committee h3{font-size:36px; text-align:center; margin:25px 0px 15px; color:#097abf;}
.ycmt1{ width:20%; text-align:center; margin-bottom:35px; display:inline-block;}
.ycmt1 h4{ font-size:18px; color:#097abf;}
.ycmt1 h5{ font-size:14px; color:#7cb441;}
.ycmt1 img{border-radius:5px;}
.cmt-row1{float:left; width:100%;}
.youth-Committee h4{    float: left;
    width: 100%;
    margin-bottom: 5px;
    font-size: 17px;}
.youth-img{width:100%; height:auto;}
.vision-left img{width:100%; height:auto;}
.aim {
    float: left;
    width: 100%;
    background: #0967a4;
    background-size: cover;
    padding: 0px;
    margin: 25px 0px;
    color: #fff;
    font-size: 18px;
}


.president_msg{float: left;
    width: 30%;
    margin-left: 27px;
    background: #a9e4ff;
    padding: 15px;}
.president-img{float:left; width:100%; text-align:center;}
.president-img img{width:30%; height:auto;}
.president-text{float: left;
    width: 100%;
    font-size: 14px;
    text-align: justify;}

.president-text strong{font-size:16px;}
.read-msg{float:left; width:100%; clear:both; text-align:center;}
.read-msg a {  padding:8px 20px; background:#a1cb45; color:#fff; font-size:14px; font-weight:500;  text-decoration:none; margin-bottom:10px;}

.president-text h3{font-size:18px; margin-bottom:15px; text-align:center;}
.msg-name{float:left; width:100%; text-align:center; margin-bottom:25px;}
.gallery1{float: left;
    width: 31%;
    margin: 8px;
    border: 1px solid #ccc;
    padding: 5px; border-radius:3px;height: 225px;}
.image-area{float:left; width:100%; overflow:hidden; line-height:0px;}
.image-area img{width:100%; height:auto;}
.gallery1 h3{ font-size:14px; text-align:center; margin-top:5px; padding:6px 0px; float:left; width:100%; font-weight:500;}
.image {
    -webkit-transition: all 0.7s ease;
    transition: all 0.7s ease;
}

.image-area:hover .image {
    -webkit-transform: scale(1.3);
    transform: scale(1.3);
}
.news-imgnew{ float:left; width:100%;}
.news-imgnew1{ float:left; width:100%;}
.video1{ height:auto; padding:8px; width: 31.5%;}
.video1 h3{ text-align:left; font-size:15px;}
.video-author{font-size:13px; float:left; width:100%; color:#666 !important; font-style:italic; margin-bottom:10px;}
.watch-video{ float:right; font-size:14px; text-decoration:none; background:#0a5584; color:#fff; padding:5px 10px; border-radius:3px; margin-top:-25px;}
.watch-video:hover{background: #85ba10; color:#fff;}
.video-title{font-size:25px; margin:10px 0px;}
.watch-video1{ float:left; margin-top:0px;}
.video-author1{ font-size:16px;}

.video-left{float:left; width:35%;}
.video-right{float:right; width:62%;}
.video-right h3{ font-size:14px;}
.related-video1{float:left; width:100%; margin-bottom:15px;}
.related-video h4{font-size:20px; margin:0px 0px 20px;}


/*===========technical group=============*/

.technical-group-head{float: left;
    width: 100%;
    text-align: center;
    border: 2px solid #fdbc3a;
    PADDING: 25px 0px;
    background: #fff9ec;
    border-radius: 5px; }
.technical-group-head h3{ font-size:25px; text-transform:uppercase; color:#000; float:left; width:100%; padding-bottom:0; margin-bottom:0px; border-bottom:0px;}
.technical-group-head span{display:inline-block; width:100px; height:2px; background:#fdbc3a;}
.technical-group-head  p{ padding: 15px 20px;
    text-align: center;
    font-weight: 600;
    color: #000;
    font-size: 14px;}
.join-btn{float:left; width:100%; text-align:center;}
.join-btn a{ display:inline-block;     background: #1891ae; text-decoration:none; font-size:15px; padding:15px 20px; color:#fff; font-weight:500;}
.join-btn a:hover{ background:#82a70a;}
.grouphead{float:left; width:100%; margin-top:20px; font-size:18px !important; padding:10px 20px !important; }
.group-table{float:left; width:100%;}
.group-table table tr th{ background:#ebebeb; border:1px solid #ccc; padding:5px; font-size:14px; font-weight:500;}
.group-table table tr td{ border:1px solid #ccc; padding:5px; font-size:14PX; font-weight:400; }
.group-table table tr td:nth-child(1){ border-right:1px solid #fff !important;}
.group-table table tr td:nth-child(2){ border-right:1px solid #fff !important;}
.group-table table tr td:nth-child(3){ border-right:1px solid #fff !important;}
.group-table table tr td:nth-child(4){ border-right:1px solid #fff !important;}

.view-group-detail{float:left; width:100%; margin-bottom:10px; margin-top:10px;}
.view-group-detail a{display:block; padding:10px 5px; background:#fdbc3a; color:#000; text-decoration:none; font-weight:500; border-radius:4px;}
.view-group-detail a:hover{ background:#82a70a; color:#fff;}
.view-group-detail1 {margin-top:0px;}
.view-group-detail1 a{display:block; padding:10px 5px; background:#1891ae; color:#fff; text-decoration:none; font-weight:500; border-radius:4px;}
.group-member1{float:left; width:31.5%; margin:10px; margin-top:100px; background:#f7f7f7; padding:15px;}
.group-image{float:left; width:100%; text-align:center; margin-top:-80px; margin-bottom:15px;}
.group-image img{width:105px; height:105px; border-radius:50%;}
.group-info{float:left; width:100%; margin:5px 0px;}
.group-info label{float:left; font-size:14px; font-weight:500; text-align:left; width:30%;}
.group-info span{float:left; font-size:14px; font-weight:400; text-align:left; width:70%;}
.group-info span::before{ content:':'; padding-right:8px;}

.guidline{background: #e0dddd !important;
    color: #000 !important;
    margin-left: 10px;}

.guidline:hover{background: #82a70a !important; color:#fff !important;}
.back-tg{ float:right;}
.back-tg a{ background:#fdbc3a; color:#000; padding:8px 20px; font-size:14px; text-decoration: none !important;}
.technical-left{ float:left; width:40%;}
.technical-right{ float:right; width:58%; padding-right:20px;}
.technical-right img{width:100%; height:auto;}
#topcontrol{z-index:9999999;}
.video-head{ margin-top:0px;}

.technical-group-inner { margin-top: 150px; }

h3.mid1 {
    font-size: 20px;
    color: #fff;
    font-weight: 500;
    background: #1791ad;
    padding: 5px 10px;
    border-bottom: 0px; margin-bottom:10px;
}

.technical-guidlinehead { padding: 0px; }
.technical-guidlinehead ul { margin-left: 25px; margin-bottom:15px; }

.technical-guidlinehead h3 {
  color: #85ba10;
    font-size: 18px;
    padding-top: 5px;
    border-bottom: 1px solid rgba(0, 0, 0, 0.16);
    padding-bottom: 15px;
    margin-bottom: 10px;
}

.technical-group-inner1 { border: 1px solid #ccc; float:left; width:100%; padding:10px; }

/*Start Case Studies*/

.case-date{float:right; font-size:14px;}
.read-case-study {
    float: left;
    font-size: 14px;
    text-decoration: none;
    background: #0a5584;
    color: #fff;
    padding: 5px 10px;
    border-radius: 3px;
   
}
.case-study-left{border:1px solid #ccc;}
.case-study-left img{width:100%; height:auto;}
.case-study-detail-left{float:left; width:40%; border:1px solid #ccc;}
.case-study-detail-left img{width:100%; height:auto;}


.case-study-detail-right{float:right; width:100%;}
.case-des{font-size:14px; text-align:justify; float:left; width:100%; margin-bottom:25PX;}
.video-author22{ font-size:16px; font-size: 16px;
    float: left;
    width: auto;}

.casestudy-des{float:left; width:100%; margin-top:15px; background:#f5f5f5; padding:15px 15px;}
.casestudy-des h3{font-size:25px; margin-bottom:25px; font-weight:400; border-bottom:1px solid #ccc; padding-bottom:10px;}
.casestudy-des p{font-size:14px; text-align:justify;}
.back-btn{float:left; width:100%; text-align:right;}
.back-btn a{float:right;}


.casestudy-des p{font-size:14px; text-align:justify; margin-bottom:15px; font-size:18px;}


.casestudy-des ul { margin-left:25px; margin-bottom:25px;
    list-style-image: url(../images/point.png); font-size:14px; text-align:justify;
}
/*End Case Studies*/


/*26 september*/
ul.bog {margin: 0;padding: 0;}
ul.bog li {display: inline;text-align: center;}
.content_bog {width: 29%;display: inline-block;margin: 50px 20px 30px 0;border-top: 1px dotted #ccc;padding: 10px 10px 25px 10px;position: relative;padding-top: 75px;border-bottom: 5px solid #a1cb45;border-left: 1px dotted #ccc;border-right: 1px dotted #ccc;}
.content_bog:hover {box-shadow:0px 5px 15px #ccc; transition:all 0.3s ease-in;}
.content_bog h3{font-size: 14px;color: #666;}
.content_bog h4 {font-size: 14px;color: #666;font-weight: 400;line-height: 20px;}
.content_bog h6 a {font-size: 14px;text-decoration: none;color: #0d7db5;font-weight: 400;line-height: 20px;word-break: break-all;}
.bog_pic img {border-radius: 50%;width: 100px;height: 100px;border: 2px dotted #ccc;}
.bog_pic {position: absolute;top: -42px;width: 100%;left: 0;}

ul.chapters {margin: 0;padding: 0;}
ul.chapters li {display: inline;text-align: center;}
.content_chapters {width: 29%;display: inline-block;margin: 50px 20px 30px 0;border-top: 1px dotted #ccc;padding: 10px 10px 25px 10px;position: relative;padding-top: 75px;border-bottom: 5px solid #a1cb45;border-left: 1px dotted #ccc;border-right: 1px dotted #ccc;}
.chapters h2 {font-size: 14px;color: #666;margin-bottom: 5px;border-bottom: 0px solid #ccc;}
.chapters h3{font-size: 14px;color: #0d7db5; font-weight:400;}
.chapters h4 {font-size: 14px;color: #666;font-weight: 400;line-height: 20px;}
.chapters h6 a {font-size: 14px;text-decoration: none;color: #0d7db5;font-weight: 400;line-height: 20px;word-break: break-all;}
.chapters_pic img {border-radius: 50%;width: 100px;height: 100px;border: 2px dotted #ccc;}
.chapters_pic {position: absolute;top: -42px;width: 100%;left: 0;}


/*27dec*/
.readmore-ch10 {
    float: right;
    margin-bottom:10px;
}
.readmore-ch10 a {
    font-size: 14px;
    text-decoration: none;
    color: #fff;
    background: #85ba10;
    padding: 7px 20px;
    border: 1px solid #85ba10; display:inline-block;    
}
.readmore-ch10 a:hover {
    background: #fff;
    color: #85ba10;
    padding: 7px 20px;
    border: 1px solid #85ba10;
    transition: all 0.3s ease-in;
}
.chairman-left {
    width: 18%;
    float: left;
}
.chairman-right {
    width: 100%;
    float: right;
}
.chairman-right h2 {
    font-size: 16px;
    font-weight: 400;
    text-align: left;
    margin-bottom: 5px;
    color: #666;
}
.chairman-right h3 {
    color: #999;
    font-size: 14px;
    text-align: left;
    line-height: 20px;
    padding: 0px 0px 10px;
}
.chairman-left h2 {
    font-size: 16px;
    font-weight: 400;
    text-align: center;
    margin-bottom: 5px;
    color: #666;
}
.chairman-left p{
    color: #999;
    font-size: 14px;
    text-align: center;
    line-height: 20px;
    padding: 0px 0px 10px;
    }

.ch-msg {
    border: 0px solid #a1cb45;
    float: left;

}
.ch-msg h3 {
   float: left;
    color: #fff;
    font-size: 14px;
    padding: 10px 15px;
    font-weight: normal;
    margin-bottom: 20px;
    text-decoration: none;
    margin-right: 30px;
    background: #a1cb45;
    margin-top: 10px;
}
.ch {
    float: left;
    padding: 12px 10px 10px 0;
    color: #fff;
}

.ch-ct {
    float: left;
    width: 100%;
}


.ch-ct1 {
    float: left;
    width: 100%;
}

.chairman-left img {
    border: 1px solid #ccc;
    width: 100%;
}

.dnld {
    float: left;
    width: 100%;
}

.readmore-ch{
    float: right;
}

.readmore-ch a {
    font-size: 14px;
    text-decoration: underline;
    color: #a1cb45;
}

.menu_toggle{ display:none;float: right;
margin:-27px 10px 0 0;
font-size: 14px;
cursor: pointer;
color: #fff;position: relative;
z-index: 9999999;}

/********************* Standard Work Program Page************************/
.clearfix{ clear:left;}
.suggestions_form_box{ width:50%; padding:0 15px; box-sizing:border-box;float: left;}
.suggestions_form_box_full{padding:0 15px;}
.contact1 .submit_btn input#btnSubmit{ margin:0;background: #1E839B;border: 1px solid #1e839d;}
.interest_category{overflow: hidden;}
.interest_category ul li{ margin: 0 0 10px;width:33.33%;padding: 0 15px;float: left;}
.interest_category ul li input[type="checkbox"]{ float:left;}
.interest_category ul li label .fa{ font-size:18px; color:#8bc34a;}
#myModalTnC{ padding:30px 0;}
.modal-lg .modal-content{ max-width:900px;}
.interest_category_popup{background: #eeeeee; padding:20px;}
.interest_category_popup .modal-title{ margin:0 0 10px; font-size:18px;}
.interest_category_popup h5{ font-size:16px; color:#85ba10;font-weight: 400; margin: 0 0 5px;}
.interest_category_popup p{ font-size:14px; margin:0 0 5px;}
.interest_category .interest_category_popup ul li{ width:100%; padding:0 0 0 7px;}

/********************* Standards Position Published Page************************/
.standard_box .download{display: table-cell;height: 120px;vertical-align: middle;}


/*Responsive css*/
@media handheld, only screen and (max-width: 1700px) {
.content1 {width: 30%;}
}

@media handheld, only screen and (max-width: 1440px) {
    .tab-content1 { width: 108%;}
    
    .down {width: 100%;}
   .program-logo {
    float: left;
    background: #fff;
    width: 161px;
    margin-left: -106px;
}
.program1 {
    float: left;
    width: 39%;
    background: #f5f5f5;
    border-left: 10px solid #00a0e3;
    position: relative;
    margin-left: 80px;
    padding: 20px;
    margin-right: 12px;
    margin-bottom: 20px;
}
.proram-content {
    float: left;
    width: 72%;
}
}

@media handheld, only screen and (max-width: 1345px) {	
#cssmenu > ul > li > a {font-size: 15px;padding: 11px 6px;margin-right: 5px;}
.content1 {width: 44%;}
}

@media handheld, only screen and (max-width: 1323px) {	
.down {width: 108%;}
.d-pdf {width: 18%;}
/****27-nov-18*****/
.knowledge-col1{ margin-right: 2% ;min-height: 564px;}
.videos_wrapper .knowledge-col1{min-height: 554px;}
.blog_section .news .news-thum{width: 41%;}
}

@media handheld, only screen and (max-width: 1300px) {
.inner_1 h1 {font-size: 20px;}
ul.flipboard li a {padding: 5px 0px;}
.chapter1 {width: 45%;  margin: 0px 20px 40px 0px;height: 230px;}
ul.flipboard1 img {width: 35px;}
.newsletter_ct {width: 33%;}
.bg_img_txt a {bottom: 18px;}
.box1 {height: 70px;line-height: 54px;width: 70px; margin-right:20px;}
.box2 {height: 70px;line-height: 54px;width: 70px; margin-right:20px;}
.box3 {height: 70px;line-height: 54px;width: 70px; margin-right:20px;}
.box4 {height: 70px;line-height: 54px;width: 70px; margin-right:20px;}
.box5 {height: 70px;line-height: 50px;width: 70px; margin-right:20px;}
.txt_left {font-size: 12px;}
.rt {
    width: 108%;
    float: left;
}
.act {width: 107%;}
}

@media handheld, only screen and (max-width: 1285px) {	
.inner_pages p {min-height: 266px;}
}

@media handheld, only screen and (max-width: 1181px) {	
.activity h2 {font-size: 15px;}
.column_2 {width: 26%;}
.inner_pages p {min-height:340px;}
/****27-nov-18*****/
.knowledge-col1{min-height:768px;}
}

@media handheld, only screen and (max-width: 1140px) {	
.hight_1 {width: 45%;    margin: 10px;}
.inner_pages {width: 46%;}
.interest_category ul li{ width:50%;}
}

@media handheld, only screen and (max-width: 1050px) {
ul.contact_menu li span {font-size: 12px;}
ul.contact_menu li a span {font-size: 11px;}
}

@media handheld, only screen and (max-width: 1024px) {  
.down {width: 106%;}
.d-pdf {width: 41%;}

#cssmenu > ul > li > a {font-size: 12px;padding: 11px 5px;margin-right: 0px;}
#cssmenu ul ul li a {font-size: 12px;}
.chapter1 {width: 45%;height: 183px;}
.chapter1 p {font-size: 15px;margin-bottom: 10px;padding: 0 10px;}
.menu_section {padding: 0 0px;}
.inner {padding: 0 20px;}
.contact_section {background: #fff;float: right;width: 100%;text-align: right;padding: 0 0px;}
.login_section {float: right;width: 100%;text-align: right;padding: 0 0px;}
ul.login_top li{padding: 6px 5px 7px;}
.content {width: 45%;margin: 10px 10px 10px;}
.col_chapter_left {font-size: 15px;padding-left: 10px;}
.col_chapter_right{font-size: 15px; padding-right: 7px;}
.inner_pages p {min-height: 366px;}
p.p1 {min-height: 164px !important;}
.ht_ct {width: 102%;}
}

@media handheld, only screen and (max-width: 980px) {	
.activity {width:45%;}
.inner_pages p {min-height: 429px !important;}
ul.login_top li a{font-size: 12px;}
}

@media handheld, only screen and (max-width: 922px) {
   .start-date {
    float: left;
    margin-top: 13px;
    width: 100%;
    max-width: 125px;
    text-align: center;
    clear: both;
}
}

@media handheld, only screen and (max-width: 818px) {
.nav {width: 100%;margin: 0; }
.chapter1 {width: 100%;height: auto;}
}

@media handheld, only screen and (max-width: 800px) {
.logo1 {display: none;}
.logo2 {display: block;top:40px;position: absolute;}
.contact_section {margin: 20px 0 10px;}
ul.contact_menu li span {font-size: 15px;}
ul.contact_menu li a span {font-size: 12px;}
#cssmenu > ul > li.has-sub > a i {display: none;}
.content {width: 100%;margin: 10px 0px 10px;}
.content1 {width: 100%;margin: 10px 0px 10px;}
.tab-content1 {width: 105%;}
.content_bog {width: 45% !important;}
.content_chapters {width: 45% !important;}
.abt {width: 106%;}
.inner_pages {width: 45%;}
.logo2 img {width: 90px;padding-top:15px;}
.login_section{ text-align: left;}
}

@media handheld, only screen and (max-width: 769px) {

    /*youth at ishrae*/

.connectyouth{ margin-bottom:15px; margin-top:0;}
.vision-left{display:none;}
.vision-right{width:100%;}
.vision-right p {
    color: #000;
    margin-bottom: 0px;
    font-size: 16px;}
.youth-img{width:100%; height:auto;}
.youth-img1{display:none;}
.aim-new1{width:100%; font-size: 16px;}
.aim h4{font-size: 16px;}
.aim1 ul {
     margin-left: 0px; 
    margin-top: 25px; text-align:left;
}
.aim-new2{width:100%;}
.benefit-left{width:100%;}
.benefit-right{width:100%; padding:10px;}
.benefit-right h3 {
    font-size: 20px;}
.ycmt1{width:100%; float:left;}	
.youth-Committee h4{margin-bottom:0px;}	
	.youth-Committee h3 {
    font-size: 27px;
    text-align: center;
    margin: 7px 0px 15px;
    color: #097abf;
}
.youth-Committee h4 {
    float: left;
    width: 100%;
    margin-bottom: 25px;
    font-size: 13px;
}	
.dot_border_inner{margin-top:0px;}	
	.youth-heading1 {
    font-size: 15px;
}
    li.mob {
    display: block !important;
}
    .start-date {
    float: left;
    margin-top: 13px;
    width: 100%;
    max-width: 125px;
    text-align: center;
    clear: both;
}

.header { position: absolute;}
	.down {width: 100%;}
body {font-size: 1.0em;-webkit-text-size-adjust: none;-ms-text-size-adjust: none;}
.inner{ padding:0px 10px;}
.top_right {width:100%;}
.col_1 {width: 100%;}
.col_2 {width: 100%;}
ul.flipboard li {margin: 0px;}
.txt_left {font-size: 17px;padding-top: 0px;}
.col_3 {padding: 20px 0 20px 10px;width: 48%;}
.col_4 {width: 50%;padding: 0px 0px 0px 0px;}
.col_5 {width: 100%;padding: 20px 0;}
ul.news li {width: 100%;}
.hight_1 {width: 100%;border-right: 1px solid #fff;border-bottom: 1px solid #ebebeb;border-top: 1px solid #fff;border-left: 1px solid #fff;}
.hight_2 {width: 100%;border-right: 1px solid #fff;border-bottom: 1px solid #ebebeb;border-top: 1px solid #fff;border-left: 1px solid #fff;}
.hight_3 {width: 100%;border-right: 1px solid #fff;border-bottom: 1px solid #ebebeb;border-top: 1px solid #fff;border-left: 1px solid #fff;}
.hight_4 {width: 100%;border-right: 1px solid #fff;border-bottom: 1px solid #ebebeb;border-top: 1px solid #fff;border-left: 1px solid #fff;}
.copy {width: 100%;padding-bottom: 10px;text-align: center;}
.design {width: 100%;padding-bottom: 10px;text-align: center;}
.ft {display: none;}
.gray {padding: 20px 0 0px;display: inline-block;}
.col1 {width: 50%;}
.bg_img_txt a{bottom: 10px;width: 100%;font-size: 17px;}
.about_txt {width: 100%;}
.about_pic img {display: none;}
.img_txt {width: 100%;text-align: center;top: 20px;left: 0;}
 ul.flipboard li a {padding: 0px;}
.img_txt{display: none;}
.img_txt1{display:block;width: 100%;text-align: center;}
.img_txt1 h3 {color: #2c414e; font-size: 22px;text-transform: capitalize;font-weight: 100;padding-bottom: 10px;}
.about_txt {padding:10px 30px 20px 30px;}
 
footer {padding: 20px 0 30px;}
.inner_pages {width: 100%;padding: 0px;}
.inner-banner_txt {top: 16%;}
.column_1 {width: 100%;}
.column_2 {width: 100%;border-left: 0px dotted #dedede;padding: 0;}
.chapter1 h2 {font-size: 16px;}
.chapter1 p {font-size: 15px;}
.activity {width: 100%;height: auto;}
.design {position: static;margin: 0;}
.txt {width: 100%;margin-top: 10px;}
.inner_pages p {min-height: auto !important;}
ul.flipboard1 img {width: 40px;}
.contact_1 {width:100%;}
.contact_2 {width:100%;}
.contact_3 {width:100%;}
.contact_2 {padding: 20px 20px;border-top: 1px solid #f5f5f5;margin-bottom: 20px;margin-top: 20px;border-left: 0px solid #f5f5f5;}
.banner1 {margin-top: 178px;}
.banner {margin-top: 158px;}
.s1 {width: 33%;}
.download {font-size: 10px;}
.inner_1 p {padding: 0 0px 10px 0px;}
.readmore {padding: 7px 0px 10px;}
.col1_left_1 {padding-left: 0px;}
.cmnts_txt {width: 100%;}
.cmnts_img {width: 100%;}
.cmnts_postname{width:75%;padding: 10px 0 10px;}
.box1 {height: 70px;line-height: 70px;width: 70px; margin-right:20px;}
.box2 {height: 70px;line-height: 70px;width: 70px; margin-right:20px;}
.box3 {height: 70px;line-height: 70px;width: 70px; margin-right:20px;}
.box4 {height: 70px;line-height: 70px;width: 70px; margin-right:20px;}
.box5 {height: 70px;line-height: 70px;width: 70px; margin-right:20px;}
.col1_left_2 li img {width: 50px;}
.add {margin: 0;}
.txt_left {width: 32%;font-size: 12px;}
.txt_right {width: 68%;}
.content_bog {width: 100% !important;}
.inner_heading span {font-size: 17px;}
.rt {width: 100%;}
.tab-content1 { width: 100%;}
.content_chapters {width: 100% !important;}
.hight_1 {margin: 15px 0;padding: 10px;}
.ht_ct {width: 100%}
.act {width: 100%;}
.abt {width: 100%;}
.about_txt1 {width: 100%;text-align: center; margin: 0px 0;}
.about_txt2 {width: 100%;margin-top: 20px;}
.about_txt {padding: 10px 0px 20px 0px;}
.about_ct {margin: 10px 0 0;}
.about_txt1 img {width: auto;}
.grid {height: auto;}
figure.effect-layla figcaption {display: none;}
figure.effect-layla img, figure.effect-layla h2 {-webkit-transform: none);transform: none;}
figure.effect-layla:hover img {opacity: 1;}
.inner_cal1 {width: 100%; padding: 10px 20px 50px 20px;}
.inner_cal2 {width: 100%;padding: 50px 20px 50px 20px;}
.inner_cal1 h2 {padding: 0px 0;}
.highlight {font-size: 20px;    padding: 0px 0 10px;}
.col_latest1 {width: 100%;    margin: 20px 0 20px;}
.d-pdf {width: 100%; margin: 0px 0 20px;min-height: auto;}
.col_latest1 img {width: auto;}


/*new css*/
.knowledge-search input[type=text]{width:100%; margin-bottom:10px;}
.knowledge-search select{width:100%; margin-bottom:10px;}
.knowledge-col1{width:100%; margin-right:0px; margin: 0 0 50px; min-height: auto;}
.knowledge-banner img{width:100%; height:250px;}
.knowledge_inner_banner h2{font-size:22px !important;}
.knowledge-search {
    margin-top: 15px;
}
.sort-search{margin-top:0; margin:10px 0px;}
.sort-search label{color:#000;}
.search-detail-col1{width:100%;}
.scol1 label{width:100%; margin-bottom:5px;}
.scol1 span{width:100%;}
.scol1 span:before{content:''; padding-right:0;}
.program1{width:100%; margin-left:0; margin-right:0px; padding:10px;}
.program-logo{width:100%; margin-left:0px; margin-bottom:10px;}
.proram-content{width:100%;}

.hall-fame-inner p {
    color: #fff;
    font-size: 15px; margin-top:10px;
}
.hall-fame-inner h4 {
    color: #fff;
    font-size: 13px;
    margin-top: 10px;
}

.hall-fame-inner { 
    height: 173px;
}
.nomination-right{display:none;}
.noination-col1{width:100%;}
.nomination-left{width:100%;}
.president_msg{width:100%; margin-left:0px; margin-bottom:20px;}
	.president-text{width:100%;}
	.col1_left_2{display:none;}
	.president-img img {
    width: 50%;
    height: auto;
}
.video1{width:100%; margin:10px 0px;}
#cssmenu {
    float: right;
    z-index:999999999;
    padding: 0px 0;
}
.detail-video{ height:400px;}
.video-banner{ height: 182px;
    background: #25b2dd;}
.case-header{ background:url(../images/case-studyheader.jpg) center no-repeat; background-size:cover;}
.case-study-detail-left{width:100%;}
.case-study-detail-right{width:100%;}
.video-title {font-size: 18px;
    margin: 10px 0px;}
.case-study-head{ padding-top:60px;}
.watch-video1 {
    float: left;
    margin-top: 60px;}
 .about_ishrae_left { padding-right:0; } 
}

/****27-nov-18*****/
@media handheld, only screen and (max-width:767px) {
    .knowledgehead h2{font-size: 45px;}
.technical_group .technical-left{ width: 100%; display: block; }
.technical_group .technical-right{width: 100%; display: block;margin: 0 0 20px;}
.videos_wrapper .left_area{width: 100%; display: block; margin: 0 0 50px; float: left;}
.videos_wrapper .right_area{width: 100%; display: block; float: left;}
.videos_wrapper .knowledge-col1 {min-height: auto;}
ul.contact_menu li:last-child {display: none;}
    .login_top li:nth-child(1) {
    display: none;
}
    .login_top li:nth-child(2) {
    display: none;
}
    .login_top li:nth-child(3) {
    display: none;
}
    .login_top li.search_li {
    display: none;
}
.logo2{top: 38px;}  
.menu_toggle{ display:block;}
#moremenu {position: absolute;background: #a1cb45; right: 0;z-index:9999999999;}
#moremenu li{ display:block;padding: 5px 10px; border-right: none; border-bottom: 1px solid #c3e676;}
.suggestions_form_box,
.suggestions_form_box_full{width: 100%; padding:0;}
.standards {width: 100%; margin-bottom: 15px;overflow-y: hidden;}
.interest_category ul li{ width:100%; padding:0;}
#full-clndr .event-listing .event-listing-title{padding: 14px 5px !important;font-size: 13px;}
}

@media handheld, only screen and (max-width: 640px) {
.newsletter_ct {width: 50%;}
.col_3 {width: 100%;}
.col_4 {width: 100%;}
#full-clndr .clndr-grid .days-of-the-week .header-day{padding: 14px 5px !important;}
.standard_box{ width:100%;padding: 20px 0;}
.standard_box .download {display: block;height: auto;}
}

@media handheld, only screen and (max-width: 524px) {
    .logo2 img { width: 100px; padding-top: 5px; }
}
 
@media handheld, only screen and (max-width: 480px) {
    .watch-video1 {
    float: left;
    margin-top: 0px;
}
    .contact_section {
    margin: 35px 0;
}
    .downloadbrochure{    margin: 0 0 10px; width: 100%; text-align: left;}
    .readmore-ch10 {
    float: left !important;
    margin-bottom: 5px;
    margin-top: 5px;
}
.contact1 .readmore-ch10{    float: right !important;margin: 0;}
.box11 {height: 40px;width: 40px;margin-bottom: 0px;}
.box22 {height: 40px;width: 40px;margin-bottom: 0px;}
.box33 {height: 40px;width: 40px;margin-bottom: 0px;}
.box44 {height: 40px;width: 40px;margin-bottom: 0px;}
.box55 {height: 40px;width: 40px;margin-bottom: 0px;}
.ttp a {text-decoration: none;}
.col1_left_2 li img {width: 30px;}
.col1_left_2 img {padding-top: 15px;width: auto;}
.content_bog {width: 100% !important;}	
.col1 {width: 100%;text-align: center;}
.col1 ul {float: none;margin-right: 0px;text-align: center;}
.inner_1 h1 {font-size: 15px;margin-bottom: 0px;}
.inner_1 img {float: none;}
.bg_img_txt a{bottom: 15px;font-size: 15px;}
.media span {font-size: 15px;padding: 0 0px;}
ul.flipboard li {width:20%;text-align: center;}
.inner-banner_txt {top: 10%;}
.inner-banner_txt h2 {font-size: 20px;} 
.inner-banner_txt h3 {font-size: 12px;} 
.select_ct label {font-size: 15px;}
.pdf_ct h3 {font-size: 11px;}
.ssoftware img {width: 100%;}
.inner_heading span {font-size: 15px;}
.newsletter_ct {width: 100%;}
figure.figurefx figcaption{top:120px;}
figure.figurefx {margin: 0;}
.figtext {margin: 0 0px 30px 0px;}
.s1 {width: 100%;padding: 20px 0px 20px 0px;}
.download {font-size: 15px;}
.content {width: 100%;margin: 10px 0px 10px;}
.content1 {width: 100%;margin: 10px 0px 10px;}
.img_left {width: 100%;text-align: center;}
.chapter {font-size: 14px; margin-bottom: 10px;}
select#RegionID1{ width:100%;}
.col_chapter_left {font-size: 12px;padding-left: 10px;}
.col_chapter_right{font-size: 12px; padding-right: 7px;}
.cmnts_postname {width: 100%;}
.cmnts_date{width: 60px;float: none;}
ul.pagination li a {padding: 3px 7px;}
.txt_left {width: 32%;font-size: 12px;}
.txt_right {width: 68%;}
.tooltiptext {display: none;}
.notool {display:block;    padding-top: 3px;font-size: 13px;}
.col1_left_2 li {width: 48%;text-align: center;margin-bottom: 15px;}
.col1_left_2 {margin: 0px 0 20px;border-top: 1px dotted #ccc;padding: 20px 0 0;border-bottom: 1px dotted #ccc;}
.tooltip img {padding-top: 5px;}
.highlight::before {width: 10%;}
.highlight::after {width: 10%;}
.inner_cal1 h3 {font-size: 23px;}
.inner_cal1 h2 {font-size: 30px;}
.inner_1 {padding: 0 10px;}
.col_latest1 img {width:100%;}
.ex {padding:40px 0px;}
.sl-slide-inner h2 { display:none;}
.sl-slide-inner span { display:none;}
.dot_border {padding: 5px 20px 5px;}
.about_txt h3 {text-align: center;}
.about_txt2 h4 {text-align: center;}
.inner-ex {width: 100%;padding: 0px 10px 0;margin: auto;}
.col_latest1:last-child {margin: 0px;}
ul.login_top li a {font-size: 11px;}
ul.contact_menu li i {padding-right: 0px;padding-top: 0px;}
.toll {padding-left: 0px;}
.banner1 {margin-top:190px;}
section.banner1 img {display: none;}
/****27-nov-18*****/
.inner-banner_txt h2{ display: none; }

ul.login_top li.search_li {
    border-right: 0px solid #c3e676;
    margin-right: 17px;
}

h3.mid1 {font-size: 19px;}
.technical-left{width:100%; padding:10px;}
.technical-right{width:100%; padding:10px;}
.technical-group-head h3 {
    font-size: 18px;
}
.technical-group-head p {
     padding: 15px 0px; 
    text-align: center;
    font-weight: 600;
    color: #000;
    font-size: 14px;
}

/*=============technical group============*/
.technical-group-head  p{ padding:10px 0px; text-align:justify;}
.group-member1{width:100%; margin-left:0px; margin-right:0px; margin-bottom:0px;}
.group-table table tr th{float:left; width:100%; display:none;}

.group-table table tr td{float:left; width:100%;}
.group-table table tr{margin-bottom:25px; float:left;}

.group-table table tr td:nth-child(1) {
    border-right: 1px solid #ccc !important; border-bottom: 1px solid #fff !important;
}
.group-table table tr td:nth-child(2) {
    border-right: 1px solid #ccc !important; border-bottom: 1px solid #fff !important;
}

.group-table table tr td:nth-child(3) {
    border-right: 1px solid #ccc !important; border-bottom: 1px solid #fff !important;
}

.group-table table tr td:nth-child(4) {
    border-right: 1px solid #ccc !important; border-bottom: 1px solid #fff !important;
}

.logo2 {
    display: block;
    top:58px;
    position: absolute;
}

    .technical-group-head { padding-top: 0px; }
.technical-group-inner {
    margin-top: 161px;
}
}

/****27-nov-18*****/
@media handheld, only screen and (max-width:479px) {
    .videos_wrapper .left_area .image-area{ width: 100%; }
    .videos_wrapper .left_area h3{ padding: 0 0 5px; }
    .blog_section .news .news-thum {width: 100%;}
    .blog_section .news .news-content{ padding: 0; }
    ul.contact_menu li{padding: 0px 5px 2px;}
    ul.contact_menu li a{font-size: 12px;}
}

@media handheld, only screen and (max-width: 340px) {
.contact_section{ margin:15px 0; }	
ul.contact_menu{padding: 0 0 0 120px;}
ul.contact_menu li {padding:0px 5px; display: block;}
.tablehead {font-size: 11px !important;}
.standards p {font-size: 15px;}
.standards p strong {font-size: 12px;}
.tabs label {padding: 10px 17px;font-size: 12px;}
.cmnts_img1 {width: 100%;}
.cmnts_txt1 {width: 100%;}
.about_txt1 img {width: 100%;}
}