@charset "utf-8"; /* CSS Document */ @font-face { font-family: 'Conv_AvenirBook'; src: url('fonts/AvenirBook.eot'); src: local('☺'), url('fonts/AvenirBook.woff') format('woff'), url('fonts/AvenirBook.ttf') format('truetype'), url('fonts/AvenirBook.svg') format('svg'); font-weight: normal; font-style: normal; } @font-face { font-family: 'Avenir 85'; src: url('fonts/Avenir-Heavy.woff2') format('woff2'), url('fonts/Avenir-Heavy.woff') format('woff'); font-weight: bold; font-style: normal; } /* OSSA Screen resolution ---------------------------- 1280px, 1408px, 1440px, 1536px */ body { font-family: 'Conv_AvenirBook'; margin: 0; padding: 0;} .clr { clear: both;} .homevideo { width:800px; height:500px; } /* DNN LIGHTBOX DEFUALT CSS start here */ .ui-dialog.ui-widget.ui-widget-content.ui-corner-all.ui-front.dnnFormPopup.ui-draggable.ui-resizable { position: fixed !important; top: 300px !important;} .dnnModuleDialog { top:600px !important;} .dnnModuleManager .DnnModule.floating { top: 100px !important;} /* DNN LIGHTBOX DEFUALT CSS end here */ /* IN THE NEWS MODULE CSS START HERE */ #module-mid { margin:0 auto; padding:20px 35px; border-bottom: 1px solid #000000;} #module-mid #datesec{ width:138px; margin:0; padding:0; float:left;} #module-mid #datesec h1 { font-family: 'Conv_AvenirBook'; color:#ff6633; font-size:16px; font-style:normal; text-decoration:none; margin:0; padding:0 !important; line-height: 23px; background-image:none; text-align:left;} #module-mid #infosec { width:84%; margin:0; padding:0; float:right;} #module-mid #infosec a { text-decoration:none; font-weight:bold; font-size:16px;} #module-mid #infosec a:hover { text-decoration:underline;} #module-mid #infosec h1 { font-family: 'Conv_AvenirBook'; color:#464646; font-size:20px; font-style:normal; line-height:25px; text-decoration:none; margin:0 0 5px; padding:0 !important; background-image:none; text-align:left; text-transform:capitalize; text-decoration:none;} #module-mid #infosec h1 a { text-decoration:none;} #module-mid #infosec h1 a:hover { text-decoration:underline;} #module-mid #infosec h2 { font-family: 'Conv_AvenirBook'; color:#96aabe; font-size:15px; font-style:normal; text-decoration:none; margin: 0 0 2px; padding:0; line-height:normal; text-align:left; } #module-mid #infosec p { font-family: 'Conv_AvenirBook'; color:#666666; font-size:13px; font-style:normal; text-decoration:none; margin:8px 0 5px 0; padding:0; text-align:left; line-height:normal;} #module-mid #infosec .pspace { margin:0 0 18px;} #module-mid #infosec img { margin: 0 0 5px; } #module-mid #infosec .r-m a { font-family: 'Conv_AvenirBook'; color:#96aabe; font-size:12px; font-style:normal; text-decoration:none; margin:0; padding:0;} #module-mid #infosec .r-m a:hover { font-family: 'Conv_AvenirBook'; color:#96aabe; font-size:12px; font-style:normal; text-decoration: underline; margin:0; padding:0;} #module-mid #viewall { width:85%; margin:0; padding:0; float:right;} #module-mid #viewall a { background-image: url("images/mod-view-all.svg"); background-position: left 0; background-repeat: no-repeat; color: #96aabe; float: left; font-family: "Conv_Gotham-Bold",Conv_Gotham-Bold; font-size:10pt; margin: 10px 0 0; padding:1px 0 1px 25px; text-decoration:none;} #module-mid #viewall a:hover { text-decoration:underline;} #module-mid #readmore { width:85%; margin:0; padding:0; float:right;} #module-mid #readmore a { color: #ffffff; float: left; font-family: 'Conv_AvenirBook'; font-size:10pt; margin:0; padding:0; text-decoration:none;} #module-mid #readmore a:hover { text-decoration:underline;} .readmore-envent { font-family: 'Avenir 85'; font-size: 16px; font-style: normal; font-weight: normal; color: #2d333b; text-align: left; background-image: url(images/arrow-o.svg); background-position: right 5px; background-repeat: no-repeat; margin: 0; padding: 0 15px 0 0; list-style-type: none; text-decoration: none; display: table;} .readmore-envent:hover { text-decoration: underline;} /* IN THE NEWS MODULE CSS END HERE */ /* LOGIN MODULE CSS */ .dnnLabel { margin-right: 0px !important;} .dnnLoginService input[type="password"] { float: right !important;} .dnnLoginService input[type="text"], .dnnLoginService input[type="password"] { float: right !important;} /* BUTTON STYLE CSSS CODE HERE */ .btn { font-family: 'Conv_AvenirBook'; display: inline-block; font-weight: 400 !important; text-align: center; white-space: nowrap; vertical-align: middle; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; border: 1px solid transparent !important; padding: .375rem .75rem !important; font-size: 25px !important; line-height: 1.5; border-radius: .75rem !important; transition: color .15s ease-in-out, background-color .15s ease-in-out, border-color .15s ease-in-out, box-shadow .15s ease-in-out; cursor: pointer; margin: 3px; color: #fff!important;} .btn-outline-secondary { color: #6c757d !important; background-color: #fff; background-image: none; border-color: #6c757d !important;} .btn-outline-secondary:hover { color: #fff !important; background-color: #6c757d !important; border-color: #6c757d !important;} .btn-outline-secondary.focus, .btn-outline-secondary:focus { color: #fff !important; background-color: #6d6e71; border: 1px solid #6d6e71;} .btn-outline-secondary.disabled, .btn-outline-secondary:disabled { color: #6c757d !important; background-color: transparent;} .btn-outline-success { color: #88c86f; background-color: transparent; border-color: #88c86f;} .btn-outline-success:hover { color: #fff !important; background-color: #88c86f; border-color: #88c86f; } .btn-outline-success.focus, .btn-outline-success:focus { color: #fff !important; background-color: #88c86f;} .btn-outline-success.disabled, .btn-outline-success:disabled { color: #fff !important; background-color: #88c86f;} .btn-outline-warning { color: #fff !important; background-color: #ffc107 !important; border-color: #ffc107 !important;} .btn-outline-warning:hover { color: #fff !important; background-color: #fcb83f !important; border-color: #ffc107 !important;} .btn-outline-warning.focus, .btn-outline-warning:focus { color: #fcc35d !important; background-color: transparent; border: 1px solid #ffc107 !important;} .btn-outline-warning.disabled, .btn-outline-warning:disabled { color: #ffc107 !important; background-color: transparent;} /* BUTTON STYLE CSSS CODE HERE */ /* */ .glyphicon.glyphicon-chevron-right { font-size: 12px; color: #ffc107;} * { -webkit-box-sizing: unset !important; -moz-box-sizing: border-box; box-sizing: border-box !important; } p { font-family: 'Conv_AvenirBook'; font-size: 14px; font-weight: normal; color: #2d333b; line-height: normal; margin: 5px 0; padding: 0;} h1 { font-family: 'Avenir 85'; font-size: 50px; font-weight: bold; color: #2d333b; line-height: normal; text-align: left; margin: 0 ; padding: 0;} #top { width: 100%; margin: 0; padding: 0;} #top-mid { width: 1600px; margin: 0 auto; padding: 15px 0;} #logo { float: left; margin: 0; padding: 0;} #nevigation { float: left; text-align: center; margin: 55px 0 0 70px; padding: 0;} #login-sec { float: right; margin: 0; padding: 0;} #login-sec-top { display: none; margin: 0; padding: 0;} #slider { width: 100%; margin: 0; padding: 0;} #slider img { width: 100%; height: auto;} #blk-sec { background-color: #2d333b; width: 100%; margin: 0; padding: 100px 0;} #blk-sec-mid { width: 1500px; margin: 0 auto; padding: 0;} #blk-sec-mid h1 { font-family: 'Avenir 85'; font-size: 45px; font-weight: bold; color: #88c86f; line-height: normal; margin: 0 0 10px 0; padding: 0; text-align: center;} #blk-sec-mid p { font-family: 'Conv_AvenirBook'; color: #fff; font-size: 25px; line-height: 40px; font-weight: normal; margin: 5px 0; padding: 0;} .blk-sec-img { display: none;} #blk-sec-mid #left { width: auto; float: none; margin: 0; padding: 0; text-align: center;} /*#blk-sec-mid #right { width: 30%; float: right; margin: 0; padding: 15px 0 0 0;}*/ #blk-sec-mid #right img { width: 100%; margin: 0; padding: 0;} #whbox-sec { background-color: #f2f1ef; width: 100%; margin: 0; padding: 80px 0;} #whbox-sec-mid { width: 1500px; margin: 0 auto; padding: 0;} #whbox-sec-mid #fullbox { margin: 0; padding: 0;} #whbox-sec-mid #fullbox h1 { font-family: 'Avenir 85'; font-size: 50px; font-weight: bold; color: #2d333b; line-height: normal; text-align: center; background-image: url(images/title-bg.jpg); background-repeat: no-repeat; background-position: center bottom; margin: 0 0 30px 0; padding:0 0 25px 0;} #whbox-sec-mid #fullbox h2 { font-family: 'Avenir 85'; font-size: 35px; font-weight: bold; color: #88c86f; line-height: normal; text-align: center; margin: 0 0 10px 0; padding: 0;} #whbox-sec-mid #fullbox p { font-family: 'Conv_AvenirBook'; font-size: 18px; font-weight: normal; color: #2d333b; line-height:25px; margin: 0 0 10px 0; padding: 0;} #whbox-sec-mid #box { width: 32%; display: inline-block; background-color: #ffffff; text-align: center; vertical-align: top;} #boxsec-top { min-height: 292px;} #whbox-sec-mid #box h1 { font-family: 'Avenir 85'; font-size: 25px; font-weight: bold; color: #2d333b; line-height: normal; text-align: center; margin: 10px 0px 10px 0; padding: 0;} #whbox-sec-mid #box p { font-family: 'Conv_AvenirBook'; font-size: 20px; font-weight: normal; color: #6d6e71; line-height: normal; text-align: left; margin: 0 0 5px 0; padding: 0 35px;} #whbox-sec-mid #box h4 { font-family: 'Avenir 85'; font-size: 17px; font-weight: bold; color: #2d333b; line-height: normal; text-align: right; /*background-image: url(images/arrow.jpg); background-position: right 6px; background-repeat: no-repeat; margin: 15px 25px 20px 0;*/ padding: 0 18px 0 0px;} #whbox-sec-mid #box h4 a { color: #2d333b; text-decoration: none;} #whbox-sec-mid #box h4 a:hover{ color: #2d333b; text-decoration: underline;} #whbox-sec-mid .mid { margin: 0 17px;} #whbox-sec-mid #box .boximg { width: 100%; border-bottom: 4px solid #fcc35d;} #whbox-sec-mid #box .boxicon { margin: -80px 0 0 0;} #blk-vid-sec { background-color: #2d333b; width: 100%; margin: 0; padding: 50px 0;} #blk-vid-sec-mid { width: 1500px; margin: 0 auto; padding: 0;} #blk-vid-sec-mid #vidbox { width: 48%; float: left; margin: 0; padding: 0;} #blk-vid-sec-mid #vidbox h1 { font-family: 'Avenir 85'; font-size: 30px; font-weight: bold; color: #939598; line-height: normal; margin: 10px 0px 10px 0; padding: 0;} #blk-vid-sec-mid #vidinfo { width: 48%; float: right; margin: 0; padding: 0;} #blk-vid-sec-mid #vidinfo #testi-table { margin: 175px 0 0 0;} #blk-vid-sec-mid #vidinfo h1 { font-family: 'Avenir 85'; font-size: 29px; font-weight: normal; color: #fff; line-height: normal; font-style: italic; margin:0; padding: 0px 10px;} #blk-vid-sec-mid #vidinfo h2 { font-family: 'Avenir 85'; font-size: 30px; font-weight: bold; color: #88c86f; line-height: normal; text-align: center; margin: 10px 0px 10px 0; padding: 0;} #logorotetor-sec { width: 100%; margin: 0; padding: 80px 0;} #logorotetor-sec-mid { width: 1500px; margin: 0 auto; padding: 0;} #logorotetor-sec-mid h1 { font-family: 'Conv_AvenirBook'; font-size: 30px; font-weight: normal; color: #2d333b; line-height: normal; margin: 10px 0px 10px 0; padding: 0;} iframe.logorotetor { border: medium none; height: 100px; width: 100%; overflow: hidden;} #News-module-sec { background-image: url(images/bg.png); background-color: #f2f1f0; background-repeat: no-repeat; background-position: center top; background-size: 100%; width: 100%; margin: 0; padding: 80px 0;} #News-module-sec-mid { width: 1500px; margin: 0 auto; padding: 0;} #News-module-sec-mid #titlebox { margin: 0; padding: 0;} #News-module-sec-mid #titlebox h1 { font-family: 'Avenir 85'; font-size: 50px; font-weight: bold; color: #2d333b; line-height: normal; text-align: center; background-image: url(images/title-bg.jpg); background-repeat: no-repeat; background-position: center bottom; margin: 0 0 30px 0; padding:0 0 25px 0;} #News-module-sec-mid #titlebox h2 { font-family: 'Avenir 85'; font-size: 35px; font-weight: bold; color: #88c86f; line-height: normal; text-align: center; margin: 0 0 10px 0; padding: 0;} #News-module-sec-mid #leftside { background-color: #fff; float: left; width: 60%; margin: 0; padding: 15px 30px 0px 0px;} #News-module-sec-mid #leftside h2 { font-family: 'Avenir 85'; font-size: 24px; font-weight: normal; color: #2d333b; line-height: normal; margin: 15px 0 10px 35px; padding: 0;} #News-module-sec-mid #leftside h2 a { color: #2d333b; text-decoration: none;} #News-module-sec-mid #leftside h2 a:hover { color: #000; text-decoration: underline;} #News-module-sec-mid #leftside h3 { font-family: 'Avenir 85'; font-size: 20px; font-weight: normal; color: #2d333b; line-height: normal; margin: 15px 0 10px 35px; padding: 0;} #News-module-sec-mid #leftside h3 a { color: #2d333b; text-decoration: none;} #News-module-sec-mid #leftside h3 a:hover { color: #000; text-decoration: underline;} #News-module-sec-mid #rightside { float: right; width: 35%; margin: 0; padding: 0;} #News-module-sec-mid #rightside #upcoming-event { background-color: #fff; margin: 0; padding: 0;} #upcoming-event #img-sec { margin: 0; padding: 0;} #upcoming-event #img-sec img { width: 100%; margin: 0; padding: 0;} #upcoming-event #info-sec { margin: 0; padding: 10px 20px 10px 20px;} #upcoming-event h1 { font-family: 'Conv_AvenirBook'; font-size: 15px; font-weight:normal; color:#88c86f; line-height: normal; text-align: left; margin: 10px 0 0 0; padding: 0; letter-spacing: 2px;} #upcoming-event h2 { font-family: 'Conv_AvenirBook'; font-size: 25px; font-weight: normal; color:#2d333b; line-height: normal; text-align: left; margin: 10px 0; padding: 0;} #upcoming-event p { font-family: 'Conv_AvenirBook'; font-size: 16px; font-weight: normal; color: #6d6e71; line-height: 22px; text-align: justify; margin: 0 0 5px 0; padding: 0;} #upcoming-event h4 { font-family: 'Avenir 85'; font-size: 14px; font-weight: bold; color: #2d333b; line-height: normal; text-align: right; /*background-image: url(images/arrow.jpg); background-position: right 6px; background-repeat: no-repeat; margin: 15px 5px 20px 0; padding: 0 15px 0 0px;*/} #upcoming-event h4 a { color: #2d333b; text-decoration: none;} #upcoming-event h4 a:hover { color: #2d333b; text-decoration: underline;} .edn_metaDetails a { display: none !important;} .readmore-home { margin: -20px 0 25px 0;} .edn_readMore.edn_readMoreButton:hover { text-decoration: underline !important;} /* EVENT PAGE */ #event-box { width: 100%;} #event-box p { margin: 0 0 5px 35px !important} #event-box time { margin: 0 0 0px 35px;} #event-box .readmore-envent { font-family: 'Avenir 85'; font-size: 16px; font-style: normal; font-weight: normal; color: #2d333b; text-align: left; background-image: url(images/arrow-o.svg); background-position: right 6px; background-repeat: no-repeat; margin: 0 0 0 35px; padding: 0 15px 0 0; list-style-type: none; text-decoration: none; display: table;} .readmore-envent a { color: #2d333b; text-decoration: underline;} .readmore-envent a:hover { color: #000; text-decoration: none;} .date { font-size: small !important; color: #939598 !important; margin: -6 0 10px 37px !important;} .edn_metaDetails { display: block !important; } #join-sec { background-color: #f0f8f4; width: 100%; margin: 0; padding: 80px 0;} #join-sec-mid { width: 1500px; margin: 0 auto; padding: 0;} #join-sec-mid h1 { font-family: 'Avenir 85';font-size: 35px; font-style: italic; font-weight: bold; color: #2d333b; line-height: normal; text-align: left; background-image: url(images/join-title-bg.jpg); background-repeat: no-repeat; background-position:left bottom; margin: 0; padding:0 0 25px 0;} #join-sec-mid #joinleft { float: left; margin: 0; padding: 0;} #join-sec-mid #joinright{ float: right; margin: 0; padding: 0;} #footer-sec { background-color: #2d333b; width: 100%; margin: 0; padding: 80px 0 0 0;} #footer-sec-mid { width: 1500px; margin: 0 auto; padding: 0;} #footer-sec-mid h1 { font-family: 'Avenir 85'; font-size: 30px; font-style: normal; font-weight: normal; color: #ffffff; line-height: normal; text-align: left; background-image: url(images/join-title-bg.jpg); background-repeat: no-repeat; background-position:left bottom; margin: 0 0 30px 0; padding:0 0 15px 0;} #footer-sec-mid h2 { font-family: 'Avenir 85'; font-size: 23px; font-style: normal; font-weight: normal; color: #ffffff; line-height: normal; text-align: left; margin: 0 0 20px 0; padding: 0;} #footer-sec-mid h2 a { color: #fff; text-decoration: none;} #footer-sec-mid h2 a:hover { color: #fff; text-decoration: underline;} #footer-sec-mid p { font-family: 'Conv_AvenirBook'; font-size: 18px; font-style: normal; font-weight: normal; color: #939598; line-height: 30px; text-align: left; margin:15px 0; padding:0;} #footer-sec-mid p a { color: #939598; text-decoration: none;} #footer-sec-mid p a:hover { color: #fff; text-decoration: underline;} #footer-sec-mid ul { margin: 0; padding: 0;} #footer-sec-mid ul li { font-family: 'Conv_AvenirBook'; font-size: 20px; font-style: normal; font-weight: normal; color: #939598; line-height: 45px; text-align: left; /*background-image: url(images/footer-arrow.svg); background-position: left 17px; background-repeat: no-repeat; margin: 5px 0; padding: 0 0 0 25px;*/ list-style-type: none; text-decoration: none;} #footer-sec-mid ul li a{ color: #939598; text-decoration: none;} #footer-sec-mid ul li a:hover { color: #fff; text-decoration: underline;} .foot-logo { width: 100%; margin: 0; padding: 0;} #footer-box1 { width: 33%; float: left; margin: 0 0 0 75px; padding: 0;} #footer-box2 { width: 33%; float: left; margin: 0; padding: 0;} #footer-box3 { width: 27%; float: left; margin: 0; padding: 0;} #footer-box2 .glyphicon.glyphicon-chevron-right { top: -2px !important;} #copyright-sec { background-color: #2d333b; width: 100%; margin: 0; padding: 10px 0;} #copyright-sec-mid { width: 1500px; margin: 0 auto; padding: 0;} #copyright-sec p { font-family: 'Conv_AvenirBook'; font-size: 20px; font-style: normal; font-weight: normal; color: #939598; line-height: 35px; text-align: left; margin:15px 0; padding:0;} #copyright-sec p a { color: #939598; text-decoration: none;} #copyright-sec p a:hover { color: #fff; text-decoration: underline;} .login { color: #fcc35d !important; text-decoration: none;} .login a { color: #fcc35d; text-decoration: none;} .login a:hover { color: #fcc35d; text-decoration: underline;} #News-module-sec-mid #leftside .edn_article time { margin-left: 37px !important;} /* LOGIN PAGE LOGINBOX CSSSS */ #login-pagesec { font-family: 'Conv_AvenirBook'; font-size: 15px; text-align: left; margin: 25px 0 0 0; padding: 0;} .LoginPanel { width: 360px; padding-right: 50px; float: left;} .dnnFormItem > label.dnnFormLabel, .dnnFormItem > span.dnnFormLabel { display: inline-block; margin: 6px 18px 0 0; width: 37%; text-align: right;} .dnnPrimaryAction, .dnnFormItem input[type="submit"], a.dnnPrimaryAction { border-color: #ffc107 !important; background: #ffc107!important; color: #fff; text-shadow: none !important; font-family: 'Conv_AvenirBook'; border-radius: 8px; box-shadow: none !important; padding: 8px; } .dnnFormItem button, .dnnFormItem input[type="button"], .dnnFormItem input[type="reset"], .dnnSecondaryAction, a.dnnSecondaryAction, ul.dnnAdminTabNav li a, .dnnLogin .LoginTabGroup span { background: #6c757d; color: #fff; text-shadow: none !important; font-family: 'Conv_AvenirBook'; border-radius: 8px; box-shadow: none !important; border-color: #6c757d; padding: 8px;} /* LOGIN PAGE LOGINBOX CSSSS */ /* ABOUT US PAGE CSS START HERE */ #slider-internal { width: 100%; margin: 0; padding: 0;} #slider-internal .img-d { display: block; width: 100%; height: auto; margin: 0; padding: 0;} #slider-internal .img-m { display: none; width: 100%; height: auto; margin: 0; padding: 0;} #about-sec { width: 100%; margin: 0; padding: 50px 0;} #about-sec-mid { width: 1500px; margin: 0 auto; padding: 0;} #about-sec-mid .in-page-logo { margin: 0;} #about-sec-mid h1 { font-family: 'Avenir 85'; font-size: 40px; font-weight: normal; color: #2d333b; line-height: 50px; margin: 20px 0px; padding: 0;} #about-sec-mid h2 { font-family: 'Avenir 85'; font-size: 24px; font-weight: normal; color: #2d333b; line-height: normal; margin: 5px 0 10px 35px; padding: 0;} #about-sec-mid h3 { font-family: 'Avenir 85'; font-size: 22px; font-weight: normal; color: #88c86f; line-height: normal; margin: 5px 0 10px 35px; padding: 0;} #about-sec-mid p { font-family: 'Conv_AvenirBook'; font-size: 18px; font-weight: normal; color: #2d333b; line-height: 25px; margin: 0 0 20px 35px; padding: 0;} #about-sec-mid a { color: #2d333b; text-decoration: none;} #about-sec-mid a:hover { color: #000; text-decoration: underline;} #about-sec-mid ul { margin: 0; padding: 0;} #about-sec-mid ul li { font-family: 'Conv_AvenirBook'; font-size: 18px; font-weight: normal; color: #2d333b; line-height: 25px; background-image: url(images/green-arrow.svg); background-position: left 2px; background-repeat: no-repeat; margin: 0 0 10px 55px; padding: 2px 0 2px 30px;} #board-sec { background-color: #f0f8f4; width: 100%; margin: 0; padding: 50px 0;} #board-sec-mid { width: 1500px; margin: 0 auto; padding: 0;} #board-sec-mid h1 { font-family: 'Avenir 85'; font-size: 50px; font-weight: bold; color: #2d333b; line-height: normal; text-align: center; background-image: url(images/title-bg.jpg); background-repeat: no-repeat; background-position: center top; margin: 0; padding:25px 0 0 0;} #bio-full { width: 100%; margin: 0 0 25px 0;} #bio-full #sec1 { width: 100%; margin: 0 0px 15px 0; display: inline-block;} #bio-full #sec2 { float: right; margin: 0 15px 15px 0; width: 48%;} #bio-full #sec1 img { float:left; margin:0 15px 15px 0; padding:0;} #bio-full #sec2 img { float:left; margin:0 15px 15px 0; padding:0;} #bio-full h2 { color: #2d333b; font-family: 'Avenir 85'; font-size:30px; font-weight: normal; margin:0 0 5px; text-decoration: none; } #bio-full h3 {color: #fec45c; font-family: 'Avenir 85'; font-size:18px; margin:0 0 5px; line-height:normal;} #bio-full p { color: #2d333b; font-family: 'Conv_AvenirBook'; font-size:16px; line-height:24px; text-decoration: none;} #bio-full a { color: #fec45c; font-family: 'Avenir 85'; font-size:15px; font-weight: bold; text-decoration: none; cursor:pointer;} #bio-full .readmore a:link { color: #000000; text-decoration: none;} #bio-full .readmore a:hover { color: #000000; text-decoration: underline;} #bio-full .readmore a:active { color: #000000; text-decoration: none; } #bio-full .readmore a:visited { color: #000000; text-decoration: none;} /* NEWLight bio box css start here */ #libiofull { width:100%; margin: 0 auto; } .closesigntop { float: right; margin: 0 16px 5px 0;} #libiofull #leftsec { display: block; margin: 0 0 10px 0; width: auto; text-align: center;} #libiofull #rightsec { display: block; margin: 0; width: auto; } #libiofull #leftsec img { float: none; margin:0 0 10px 0; padding:0;} #libiofull #rightsec img { float:left; margin:0 15px 15px 0; padding:0;} #libiofull #leftsec h2 { color: #2d333b; font-family: 'Avenir 85'; font-size:17pt; font-weight:bold;margin:0 0 5px; line-height:normal;} #libiofull #leftsec h3 { color: #fec45c; font-family: 'Avenir 85'; font-size:18px; margin:0 0 5px;line-height:normal;} #libiofull #rightsec p { color: #2d333b; font-family: 'Conv_AvenirBook'; font-size:15px; line-height:22px; text-decoration: none; margin:0 0 10px;} #libiofull #leftsec .readmore a { color: #88c86f;} /* NEWLight bio box css End here */ #faq-sec { background-color: #ededee; width: 100%; margin: 0; padding: 50px 0;} #faq-sec-mid { width: 1500px; margin: 0 auto; padding: 0;} #faq-sec-mid h1 { font-family: 'Avenir 85'; font-size: 50px; font-weight: bold; color: #2d333b; line-height: normal; text-align: left; background-image: url(images/title-bg.jpg); background-repeat: no-repeat; background-position: left top; margin: 0; padding:25px 0 0 0;} #faq-sec-mid p { font-family: 'Conv_AvenirBook'; font-size: 18px; font-weight: normal; color: #2d333b; line-height: 25px; margin: 0; padding: 0;} #faq { margin: 0 0 35px 0; } #faq-sec-mid ul { margin: 0 0 0 30px; padding: 0;} #faq-sec-mid ul li { font-family: 'Conv_AvenirBook'; font-size: 18px; font-weight: normal; color: #2d333b; line-height: 25px; margin: 0; padding: 0; list-style-type: disc;} /*#faq:hover { background: #ededee;} #faq:focus { background: #ffffff;}*/ #faq-con #faq h2 { font-family: 'Conv_AvenirBook'; font-size: 20px; font-weight: normal; color: #2d333b; line-height: normal; margin: 0; padding:0; } #faq p { margin: 10px 0;} #faq h2 a { color: #2d333b; text-decoration: none;} #faq h2 a:hover { color: #2d333b; text-decoration: underline !important;} /* ABOUT US PAGE CSS START HERE */ /* JOIN PAGE CSS START HERE */ .in-page-midimg { text-align: center; margin: 20px 0 !important; padding: 0;} .in-page-midimg-m { display: none;} #arrow-link { margin: 0; padding: 0;} #arrow-link ul { margin: 0 0 20px 35px; padding: 0;} #arrow-link ul li { font-family: 'Conv_AvenirBook'; font-size: 18px; font-style: normal; font-weight: normal; color: #2d333b; line-height: 35px; text-align: left; background-image: none; background-position: right center; /*6px;*/ background-repeat: no-repeat; margin: 5px 0; padding: 0 17px 0 0; list-style-type: none; text-decoration: none; display: table;} #arrow-link ul li a { color: #2d333b; text-decoration: underline;} #arrow-link ul li a:hover { color: #000; text-decoration: none;} .arrow-link-p { font-family: 'Avenir 85'; font-size: 18px; font-style: normal; font-weight: normal; color: #2d333b; line-height: 35px; text-align: left; background-image: none; background-position: right 13px; background-repeat: no-repeat; margin: 5px 0; padding: 0 15px 0 0; list-style-type: none; text-decoration: none; display: table;} .arrow-link-p a { color: #2d333b; text-decoration: underline;} .arrow-link-p a:hover { color: #000; text-decoration: none;} #member-sec { background-color: #f0f8f4; width: 100%; margin: 0; padding: 50px 0;} #member-sec-mid { width: 1500px; margin: 0 auto; padding: 0;} #member-sec-mid h1 { font-family: 'Avenir 85'; font-size: 40px; font-weight: normal; color: #2d333b; line-height: normal; text-align: left; margin: 0 0 0 35px; padding:0 0 30px 0;} #member-sec-mid h2 { font-family: 'Avenir 85'; font-size: 22px; font-weight: normal; color: #88c86f; line-height: normal; margin: 5px 0 0 35px; padding: 0;} #member-sec-mid p { font-family: 'Conv_AvenirBook'; font-size: 18px; font-weight: normal; color: #2d333b; line-height: 25px; margin: 0 0 20px 35px; padding: 0;} #Form-sec { width: 100%; margin: 0; padding: 50px 0;} #Form-sec-mid { width: 1500px; margin: 0 auto; padding: 0;} #Form-sec-mid h1 { font-family: 'Avenir 85'; font-size: 40px; font-weight: normal; color: #2d333b; line-height: normal; text-align: left; margin: 0 0 0 35px; padding:0 0 30px 0;} #Form-sec-mid h2 { font-family: 'Avenir 85'; font-size: 22px; font-weight: normal; color: #88c86f; line-height: normal; margin: 5px 0 0 35px; padding: 0;} #Form-sec-mid p { font-family: 'Conv_AvenirBook'; font-size: 18px; font-weight: normal; color: #2d333b; line-height: 25px; margin: 0 0 20px 35px; padding: 0;} #Form-sec-mid ol { margin: 0px 0 0px 250px;} #Form-sec-mid ol li { font-family: 'Conv_AvenirBook'; font-size: 18px; font-style: normal; font-weight: normal; color: #2d333b; line-height: 30px; text-align: left; padding: 0 20px 0 0; text-decoration: none; margin: 0 0 20px 0; } #Form-sec-mid ol li a { font-weight: bold; color: #2d333b; text-decoration: underline;} #Form-sec-mid ol li a:hover{ font-weight: bold; color: #000; text-decoration: none;} .normaltabletitlecell { padding: 0 0 0 35px !important;} .riSingle { margin: 0 15px 0 0;} #pdf-box { width: 160px; vertical-align: top; display: inline-block; text-align: center; padding: 10px; font-size: 18px; font-family: 'Conv_AvenirBook'; color: #2d333b; line-height: normal;} #pdf-box1 { width: 160px; vertical-align: top; display: inline-block; text-align: center; padding: 10px; font-size: 18px; font-family: 'Conv_AvenirBook'; color: #2d333b; margin: 0 0 0 50px; line-height: normal;} #pdf-box1 img { margin: 0 0 10px 0;} #pdf-box img { margin: 0 0 10px 0;} #pdf-box a { color: #2d333b;} #pdf-box1 a { color: #2d333b;} /* JOIN PAGE CSS START HERE */ /* TECHNOLOGY PAGE CSS START HERE */ #grey-sec { background-color: #f2f1ef; width: 100%; margin: 0; padding: 50px 0;} #grey-sec-mid { width: 1500px; margin: 0 auto; padding: 0;} #grey-sec-mid #left { width: 68%; float: left; margin: 0; padding: 0;} #grey-sec-mid #left h1 { font-family: 'Avenir 85'; font-size: 40px; font-weight: normal; color: #2d333b; line-height: normal; text-align: left; margin: 0 0 0 35px; padding:0 0 30px 0;} #grey-sec-mid #left h2 { font-family: 'Avenir 85'; font-size: 22px; font-weight: normal; color: #88c86f; line-height: normal; margin: 5px 0 0 35px; padding: 0;} #grey-sec-mid #left p { font-family: 'Conv_AvenirBook'; font-size: 18px; font-weight: normal; color: #2d333b; line-height: 25px; margin: 0 0 20px 35px; padding: 0;} #grey-sec-mid #right { width: 30%; float: right; margin: 0; padding: 0;} #grey-sec-mid #right img { width: 100%; margin: 0;} #grey-sec ul { margin: 0; padding: 0;} #grey-sec ul li { font-family: 'Conv_AvenirBook'; font-size: 18px; font-weight: normal; color: #2d333b; line-height: 25px; background-image: url(images/green-arrow.svg); background-position: left 2px; background-repeat: no-repeat; margin: 0 0 10px 55px; padding: 2px 0 2px 30px;} #white-sec { width: 100%; margin: 0; padding: 0px 0;} #white-sec-mid { width: 1500px; margin: 0 auto; padding: 0;} #white-sec-mid #left { width: 35%; float: left; margin: 0; padding: 0;} #white-sec-mid #left img { width: 100%; margin: 0; padding: 55px 0 0 0;} #white-sec-mid #right #in-page-titbor-m { display: none;} #white-sec-mid #right { width: 64%; float: right; margin: 35px 0 0 0; padding: 0;} #white-sec-mid #right h1 { font-family: 'Avenir 85'; font-size: 40px; font-weight: normal; color: #2d333b; line-height: normal; text-align: left; margin: 0 0 0 35px; padding:0 0 30px 0;} #white-sec-mid #right h2 { font-family: 'Avenir 85'; font-size: 22px; font-weight: normal; color: #88c86f; line-height: normal; margin: 5px 0 0 35px; padding: 0;} #white-sec-mid #right p { font-family: 'Conv_AvenirBook'; font-size: 18px; font-weight: normal; color: #2d333b; line-height: 25px; margin: 0 0 20px 35px; padding: 0;} #white-sec ul { margin: 0; padding: 0;} #white-sec ul li { font-family: 'Conv_AvenirBook'; font-size: 18px; font-weight: normal; color: #2d333b; line-height: 25px; background-image: url(images/green-arrow.svg); background-position: left 2px; background-repeat: no-repeat; margin: 0 0 10px 55px; padding: 2px 0 2px 30px;} #dnn_ctr444_MR_Default_ctl01_Wizard1_StartNavigationTemplateContainerID_StartNextButton { width: 103px !important; margin: 0 40px 0 0 !important; border-radius: 5px; padding: 10px; font-size: 20px; font-weight: 400; font-family: 'Conv_AvenirBook'; } /* TECHNOLOGY PAGE CSS START HERE */ /* INTEREST LIST SIGN-UP FORM CSS START HERE */ input[type="text"], input[type="password"], textarea { border-width: 1px; border-style: solid; border-radius: 5px; margin: 5px 0 5px 0; } #SubMsg span { font-size: small; margin: -15px 0 0 0;} /* INTEREST LIST SIGN-UP FORM CSS START HERE */ /* Footer Module Css Overweight here */ #footer-box3 .eds_news_Ozone.eds_subCollection_news .edn_article .edn_articleSummary { display: none !important;} #footer-box3 h3.edn_articleTitle.edn_articleSubTitle { display: none !important;} #footer-box3 .edn_readMoreButtonWrapper { display: none !important;} #footer-box3 .eds_news_Ozone.eds_subCollection_news .edn_article .edn_metaDetails { margin: 0 0 20px 0;} #footer-box3 .eds_news_Ozone.eds_subCollection_news .edn_article .edn_metaDetails { margin: 0 !important;} #footer-box3 .eds_news_Ozone.eds_subCollection_news .edn_metaDetails { color: #939598 !important;} .eds_news_Ozone.eds_subCollection_news { color: #939598 !important;} /* Footer Module Css Overweight here */ .breadcrumb { padding: 0 !important; margin-bottom: 0 !important; list-style: none !important; list-style-type: none !important; background-color: transparent !important; border-radius: 0 !important;} .readmore-news{ font-family: 'Avenir 85'; font-size: 14px; font-weight: bold; color: #2d333b; line-height: normal; text-align: right; background-image: url(images/arrow.jpg); background-position: right 5px; background-repeat: no-repeat; margin: 15px 5px 20px 35px; padding: 0 17px 0 0px; } .logoimg { margin: 0 0 15px 35px; } @media screen and (-webkit-min-device-pixel-ratio:0) { /* CSS Statements that only apply on webkit-based browsers (Chrome, Safari, etc.) */ .readmore-home { margin: -18px 0 15px 0;} } /* ipad Landscape [HORIZONTAL] CSS Start here */ @media only screen and (max-width : 1536px) { #top-mid { width: 1450px;} #nevigation { margin: 55px 0 0 15px;} .btn { font-size: 20px !important;} #blk-sec-mid { width: 1350px;} #blk-sec-mid h1 { font-size: 41px;} #whbox-sec-mid { width: 1350px;} #blk-vid-sec-mid { width: 1350px;} #logorotetor-sec-mid { width: 1350px;} #News-module-sec-mid { width: 1350px;} #join-sec-mid { width: 1350px;} #footer-sec-mid { width: 1350px;} #copyright-sec-mid { width: 1350px;} /* About page */ #about-sec-mid { width: 1350px;} #board-sec-mid { width: 1350px;} #faq-sec-mid { width: 1350px;} /* Technology Page */ #grey-sec-mid { width: 1350px;} #white-sec-mid { width: 1350px;} /* Join Page */ #member-sec-mid { width: 1350px;} #Form-sec-mid { width: 1350px;} } @media only screen and (max-width : 1440px) { #top-mid { width: 1360px;} #logo { width: 300px;} #logo img { width: 100%;} #nevigation { margin: 30px 0 0 10px;} #blk-sec-mid { width: 1150px;} #blk-sec-mid h1 { font-size: 36px;} #blk-sec-mid p { font-size: 23px; line-height: 35px;} #whbox-sec-mid { width: 1150px;} #blk-vid-sec-mid { width: 1150px;} #blk-vid-sec-mid #vidbox h1 { font-size: 29px;} #testi-table { margin: 140px 0 0 0;} #logorotetor-sec-mid { width: 1150px;} #News-module-sec-mid { width: 1150px;} h3.edn_articleTitle.edn_articleSubTitle { margin: 0 0 0 35px; } #join-sec-mid { width: 1150px;} #footer-sec-mid { width: 1150px;} #copyright-sec-mid { width: 1150px;} #copyright-sec p { font-size: 17px;} /* About page */ #about-sec-mid { width: 1150px;} #about-sec-mid h1 { font-size: 36px;} #board-sec-mid { width: 1150px;} #faq-sec-mid { width: 1150px;} /* Technology Page */ #grey-sec-mid { width: 1150px;} #white-sec-mid { width: 1150px;} /* Join Page */ #member-sec-mid { width: 1150px;} #Form-sec-mid { width: 1150px;} } /* ipad Landscape [HORIZONTAL] CSS Start here */ @media only screen and (max-width : 1408px) { #top-mid { width: 1250px;} #logo { width: 300px;} #logo img { width: 100%;} #nevigation { margin: 30px 0 0 10px;} .btn { font-size: 20px !important;} #blk-sec-mid { width: 1260px;} #blk-sec-mid h1 { font-size: 38px;} #blk-sec-mid p { font-size: 23px; line-height: 35px;} #whbox-sec-mid { width: 1200px;} #blk-vid-sec-mid { width: 1200px;} #blk-vid-sec-mid #vidbox h1 { font-size: 29px;} #testi-table { margin: 140px 0 0 0;} #logorotetor-sec-mid { width: 1200px;} #News-module-sec-mid { width: 1200px;} #join-sec-mid { width: 1200px;} #footer-sec-mid { width: 1200px;} #copyright-sec-mid { width: 1200px;} #copyright-sec p { font-size: 17px;} /* About page */ #about-sec-mid { width: 1200px;} #board-sec-mid { width: 1200px;} #faq-sec-mid { width: 1200px;} /* Technology Page */ #grey-sec-mid { width: 1260px;} #white-sec-mid { width: 1260px;} /* Join Page */ #member-sec-mid { width: 1200px;} #Form-sec-mid { width: 1200px;} } /* ipad Landscape [HORIZONTAL] CSS Start here */ @media only screen and (max-width : 1280px) { #top-mid { width: 1200px;} #logo { width: 250px;} #logo img { width: 100%;} #nevigation { margin: 20px 0 0 10px;} #blk-sec-mid { width: 1150px;} #blk-sec-mid h1 { font-size: 36px;} #whbox-sec-mid { width: 1150px;} #blk-vid-sec-mid { width: 1150px;} #blk-vid-sec-mid #vidbox h1 { font-size: 25px;} #blk-vid-sec-mid #vidinfo #testi-table { margin: 130px 0 0 0;} #logorotetor-sec-mid { width: 1150px;} #News-module-sec-mid { width: 1150px;} #join-sec-mid { width: 1150px;} #join-sec { padding: 40px 0; } #footer-sec-mid { width: 1150px;} #copyright-sec-mid { width: 1150px;} #copyright-sec p { font-size: 17px;} /* About page */ #about-sec-mid { width: 1100px;} #board-sec-mid { width: 1100px;} #faq-sec-mid { width: 1100px;} #about-sec-mid h1 { font-size: 35px; line-height: 40px;} /* Technology Page */ #grey-sec-mid { width: 1100px;} #white-sec-mid { width: 1100px;} /* Join Page */ #member-sec-mid { width: 1100px;} #Form-sec-mid { width: 1100px;} #whbox-sec-mid #fullbox h1 { font-size: 35px;} #whbox-sec-mid #fullbox h2 { font-size: 30px;} #whbox-sec-mid #box p { font-size: 18px;} #blk-vid-sec-mid #vidinfo h1 { font-size: 21px;} #blk-vid-sec-mid #vidinfo h2 { font-size: 20px;} #logorotetor-sec-mid h1 { font-size: 25px;} #News-module-sec-mid #titlebox h1 { font-size: 35px;} #News-module-sec-mid #titlebox h2 { font-size: 30px;} #footer-sec-mid p { font-size: 18px; line-height: 30px;} #footer-sec-mid h1{ font-size: 25px;} #footer-sec-mid h2{ font-size: 19px; margin: 0 0 5px 0;} #board-sec-mid h1 { font-size: 35px;} #faq-sec-mid h1 { font-size: 35px;} #grey-sec-mid #left h1 { font-size: 35px;} #white-sec-mid #right h1{ font-size: 35px;} #member-sec-mid h1{ font-size: 35px;} #Form-sec-mid h1 { font-size: 35px;} #SubMsg span { font-size: small; margin: -15px 0 0 0;} } /* ipad Landscape [HORIZONTAL] CSS Start here */ @media only screen and (max-width : 1024px) { #top { width: auto;} #top-mid { width: auto; padding: 5px 20px;} #logo { width: 280px;} #logo img { width: 100%; height: auto;} #nevigation { margin: 20px 0 0 0px;} #login-sec { margin: 20px 0 0 0; padding: 0;} .btn { padding: .300rem .50rem !important; font-size: 15px !important; border-radius: .50rem !important; } #blk-sec { width: auto; padding: 50px 20px;} #blk-sec-mid { width: auto;} #blk-sec-mid h1 { font-size: 30px; text-align: center;} #blk-sec-mid p { font-size: 18px; line-height: normal;} #whbox-sec { width: auto; padding: 50px 20px;} #whbox-sec-mid { width: auto;} #whbox-sec-mid #fullbox h2 { font-size: 25px; margin: 0;} #whbox-sec-mid #fullbox h1 { font-size: 30px; margin: 0 0 15px 0; padding: 0 0 10px 0;} #whbox-sec-mid #box { width: 31%;} #whbox-sec-mid #box h1{ font-size: 22px;} #whbox-sec-mid #box p { font-size: 16px; padding: 0 25px;} #whbox-sec-mid #box h4{ font-size: 15px;} #blk-vid-sec { width: auto; padding: 50px 20px;} #blk-vid-sec-mid { width: auto;} #blk-vid-sec-mid #vidbox h1 { font-size: 25px;} #blk-vid-sec-mid #vidinfo #testi-table { margin: 63px 0 0 0;} #blk-vid-sec-mid #vidinfo h1 { font-size: 22px;} #blk-vid-sec-mid #vidinfo h2 { font-size: 20px;} #logorotetor-sec { width: auto; padding: 50px 20px;} #logorotetor-sec-mid { width: auto;} #logorotetor-sec-mid h1 { font-size: 22px;} #News-module-sec { background-size: cover; width: auto; padding: 50px 20px;} #News-module-sec-mid { width: auto; } #News-module-sec-mid #titlebox h2 { font-size: 25px; margin: 0;} #News-module-sec-mid #titlebox h1 { font-size: 30px; margin: 0 0 15px 0; padding: 0 0 10px 0;} #News-module-sec-mid #leftside { width: 58%; padding: 15px 20px;} #News-module-sec-mid #leftside h2 { margin: 0;} #join-sec { width: auto; padding: 50px 20px;} #join-sec-mid { width: auto; } #join-sec-mid h1 { font-size: 30px;} #footer-sec { width: auto; padding: 50px 20px 0 20px;} #footer-sec-mid { width: auto; } #footer-sec-mid h1 { font-size: 22px;} #footer-sec-mid h2 { font-size: 17px;} #footer-sec-mid p { font-size: 15px; line-height: 20px;} #footer-box1 { margin: 0; } #footer-sec-mid ul li { font-size: 15px; line-height: 30px; background-position: left 5px;} #footer-box2 .glyphicon.glyphicon-chevron-right { top: 0px !important;} #copyright-sec { width: auto; padding: 5px 20px 5px 20px;} #copyright-sec-mid { width: auto; } #copyright-sec p { font-size: 14px; text-align: center; margin: 0;} /* ABOUT US PAGE CSS START HERE */ #about-sec { width: auto; margin: 0; padding: 50px 20px;} #about-sec-mid { width: auto; margin: 0 auto; padding: 0;} #about-sec-mid h1 { font-size: 30px; line-height: normal;} #about-sec-mid h1 br { display: none;} #about-sec-mid p { font-size: 16px; line-height: 22px;} #about-sec-mid ul li { font-size: 16px; line-height: 22px;} #about-sec-mid ul li br { display: none;} #board-sec { width: auto; margin: 0; padding: 50px 20px;} #board-sec-mid { width: auto;} #board-sec-mid h1 { font-size: 30px; line-height: normal;} #faq-sec { width: auto; margin: 0; padding: 50px 20px;} #faq-sec-mid { width: auto;} #faq-sec-mid h1 { font-size: 30px; line-height: normal;} #bio-full h2 { font-size: 20px !important; line-height: normal;} #bio-full p { font-size: 14px; line-height: 20px;} #bio-full #sec1 { width: 100%; margin: 0 0px 15px 0; display:inline-block;} #bio-full #sec2 { float: right; margin: 0 15px 15px 0; width: 48%;} #libiofull { width: auto; margin: 0 auto;} /* ABOUT US PAGE CSS START HERE */ /* JOIN PAGE CSS START HERE */ #member-sec { width: auto; margin: 0; padding: 50px 20px;} #member-sec-mid { width: auto;} #member-sec-mid h1 { font-size: 30px; line-height: normal;} #member-sec-mid h2 { font-size: 20px; line-height: normal;} #member-sec-mid p { font-size: 16px; line-height: 22px;} #Form-sec { width: auto; margin: 0; padding: 50px 20px;} #Form-sec-mid { width: auto;} #Form-sec-mid h1 { font-size: 30px; line-height: normal;} #Form-sec-mid h2 { font-size: 20px; line-height: normal;} #Form-sec-mid p { font-size: 16px; line-height: 22px;} #Form-sec-mid ol { margin: 0px 0 0px 50px;} #Form-sec-mid ol li { font-size: 16px; line-height: 22px; padding: 0 0 0 0; margin: 0 0 10px 0;} #faq { margin: 0 0 20px 0;} #faq-con #faq a h2 { font-size: 24px;} iframe.logorotetor { width: 1000px; overflow: hidden;} /* JOIN PAGE CSS START HERE */ /* TECHNOLOGY PAGE CSS START HERE */ #grey-sec { width: auto; margin: 0; padding: 50px 20px;} #grey-sec-mid { width: auto;} #grey-sec-mid #left h1 { font-size: 30px; line-height: normal;} #grey-sec-mid #left h2 { font-size: 20px; line-height: normal;} #grey-sec-mid #left p { font-size: 16px; line-height: 22px;} #grey-sec-mid #left p br { display: none;} #grey-sec-mid #right { width: 30%; float: right; margin: 0; padding: 0;} #grey-sec-mid #right img { width: 100%; margin: 0;} #white-sec { width: auto; margin: 0; padding: 0px 20px;} #white-sec-mid { width: auto;} #white-sec-mid #right h1 { font-size: 30px; line-height: normal;} #white-sec-mid #right h2 { font-size: 20px; line-height: normal;} #white-sec-mid #right p { font-size: 16px; line-height: 22px;} #white-sec-mid #right p br { display: none;} /* TECHNOLOGY PAGE CSS START HERE */ /*MODULE CSS START HERE */ #about-sec-mid h2 { font-size: 22px; margin: 5px 0 10px 0; } #event-box p { margin: 0 0 5px 0px !important;} #event-box .readmore-envent{ margin: 0 0 0 0px;} #News-module-sec-mid #leftside h3 { margin: 15px 0 10px 0px;} #about-sec-mid .edn_article time { margin-left: 0px;} #about-sec-mid h3 { margin: 5px 0 10px 0px; } a.readmore-envent { margin: 0 !important; } } /* ipad Landscape [HORIZONTAL] CSS End here End*/ /* ipad Portrait [VERTICAL] CSS Start here */ @media only screen and (max-width : 900px) { #logo { width: 280px; margin: 0 25px 0 0;} #nevigation { margin: -38px 0 0 0; float: right; width: 100%;} #login-sec { float: none; margin: 8px 0px 0 0; padding: 0;} #libiofull #leftsec { float: left; margin: 0 0 15px 0; width: 98%;} #libiofull #rightsec { float: left; margin: 0 0 15px 0; width: auto;} #bio-full { margin: 0;} #bio-full #sec1 { float: none; margin: 0 0 10px 0; width: 100%; display: inline-block;} #bio-full #sec2 { float: none; margin: 0 0 10px 0; width: 100%; display: inline-block;} } /* ipad Portrait [VERTICAL] CSS End here */ /* ipad Portrait [VERTICAL] CSS Start here */ @media only screen and (max-width : 768px) { .homevideo { width:95%; height:200px; } #login-sec { display: none;} #login-sec-top { display: block; text-align: center; margin: 0 0 15px 0;} .btn { width: 45% !important; padding: 5px 0 4px 0 !important; display: inline-block !important;} #blk-sec-mid h1 { text-align: center;} #blk-sec-mid #left { width: auto; float: none; margin: 0; padding: 0; text-align: center;} #blk-sec-mid #right { display: none;} .blk-sec-img { display: block;} .blk-sec-img img { width: 85%;} #whbox-sec-mid #box { width: auto;} #whbox-sec-mid .mid { margin: 30px 0;} #whbox-sec-mid #fullbox p { font-size: 14px; line-height: 20px; } #blk-vid-sec-mid #vidbox { width: auto; float: none; margin: 0; padding: 0; text-align: center;} #blk-vid-sec-mid #vidinfo { width: auto; float: none; margin: 0; padding: 0;} #blk-vid-sec-mid #vidinfo #testi-table { margin: 20px 0 0 0;} #blk-vid-sec-mid #vidinfo h1 { font-size: 22px; text-align: center;} div#upcoming-event { margin: 0 0 10px 0 !important;} #News-module-sec-mid #leftside { float: none; width: auto; margin: 0 0 30px 0; padding: 15px;} #News-module-sec-mid #rightside { float: none; width: auto; margin: 0; padding: 0;} #join-sec-mid h1 { font-size: 30px; text-align: center; background-position: center bottom; padding: 0 0 10px 0; margin: 0 0 20px 0;} #join-sec-mid #joinleft { float: none; margin: 0; padding: 0;} #join-sec-mid #joinright { float: none; margin: 0; padding: 0; text-align: center;} #footer-sec-mid { padding: 0 0 5px 0;} #footer-sec-mid h1 { background-position: center bottom; text-align: center;} #footer-sec-mid p { text-align: center;} #footer-sec-mid ul { text-align: center;} #footer-sec-mid ul li { background-position: left 5px; padding: 0 0 0 5px; display: inline-block; margin: 0 0 10px 2px;} #footer-sec-mid h2 { text-align: center;} #footer-box1 { width: auto; float: none; margin: 0 0 15px 0; padding: 0; text-align: center;} .foot-logo { width: 200px; margin: 0; padding: 0;} #footer-box2 { width: auto; margin: 0 0 15px 0; padding: 0; float: none;} #footer-box3 { width: auto; margin: 0 0 15px 0; padding: 0; float: none;} #footer-box4 { width: auto; margin: 0 0 15px 0; padding: 0; float: none;} /* Footer Module Css Overweight here */ .eds_news_Ozone.eds_subCollection_news .edn_metaDetails { text-align: center !important;} /* Footer Module Css Overweight here */ /* ABOUT US PAGE CSS START HERE */ #about-sec-mid h1 { font-size: 25px; line-height: normal;} #about-sec-mid h2 { font-size: 20px; margin: 5px 0;} #about-sec-mid h3 { font-size: 18px; margin: 5px 0;} #about-sec-mid p { font-size: 14px; line-height: 20px; margin: 0 0 15px 0;} #about-sec-mid ul li { font-size: 14px; line-height: 20px; background-image: url(images/green-arrow-s.svg); background-position: left 2px; margin: 5px 0 10px 10px; padding: 0 0 0 25px;} #arrow-link ul { margin: 0 0 10px 0px; padding: 0;} #board-sec { width: auto; margin: 0; padding: 50px 20px;} #board-sec-mid { width: auto;} #board-sec-mid h1 { font-size: 30px; line-height: normal;} #faq-sec { width: auto; margin: 0; padding: 50px 20px;} #faq-sec-mid { width: auto;} #faq-sec-mid h1 { font-size: 30px; line-height: normal;} /* ABOUT US PAGE CSS START HERE */ /* JOIN PAGE CSS START HERE */ .normaltabletitlecell { padding: 0 !important;} .arrow-link-p { font-size: 14px; line-height: 25px;background-position: right 7px; } #member-sec-mid h1 { font-size: 30px; line-height: normal; margin: 0;} #member-sec-mid h2 { font-size: 20px; line-height: normal; margin: 0;} #member-sec-mid p { font-size: 14px; line-height: 20px; margin: 0 0 15px 0;} #pdf-box { width: 130px; font-size: 14px;} #pdf-box1 { width: 130px; font-size: 14px;} #Form-sec-mid h1 { font-size: 30px; line-height: normal; margin: 0;} #Form-sec-mid h2 { font-size: 20px; line-height: normal; margin: 0;} #Form-sec-mid ol { margin: 0px 0 0px 0px;} #Form-sec-mid ol li { font-size: 14px; line-height: 20px; padding: 0 0 0 0; margin: 0 0 10px 18px;} iframe.logorotetor { width: 600px; overflow: hidden;} /* JOIN PAGE CSS START HERE */ /* TECHNOLOGY PAGE CSS START HERE */ #grey-sec-mid #left { width: auto; float: none; margin: 0; padding: 0; text-align: center;} #grey-sec-mid #left h1 { font-size: 30px; line-height: normal; text-align: center; margin: 0; padding: 0 0 10px 0;} #grey-sec-mid #left h2 { font-size: 20px; line-height: normal; text-align: center; margin: 10px 0 0 0; padding: 0;} #grey-sec-mid #left p { font-size: 14px; line-height: 22px; margin: 0 0 10px 0; text-align: left;} #grey-sec-mid #left p br { display: none;} .in-page-titbor { text-align: center !important;} #grey-sec-mid #right { width: auto; float: none; margin: 0; padding: 0; text-align: center;} #grey-sec-mid #right img { width: 65%; margin: 0;} #white-sec { width: auto; margin: 0; padding: 30px 20px 0 20px;} #white-sec-mid { width: auto;} #white-sec-mid #right #in-page-titbor-m { display: block;} #white-sec-mid #right #in-page-titbor-m img { width: 60%;} #white-sec-mid #left { width: auto; float: none; margin: 0 0 20px 0; padding: 0; text-align: center; display: none;} #white-sec-mid #right { width: auto; float: none; margin: 0; padding: 0; text-align: center;} #white-sec-mid #left img { width: 65%; margin: 0;} #white-sec-mid #right h1 { font-size: 30px; line-height: normal; text-align: center; margin: 0; padding: 0 0 10px 0;} #white-sec-mid #right h2 { font-size: 20px; line-height: normal; text-align: center; margin: 10px 0 0 0; padding: 0;} #white-sec-mid #right p { font-size: 14px; line-height: 22px; margin: 0 0 10px 0; text-align: left;} #white-sec-mid #right p br { display: none;} #white-sec ul li { font-size: 15px; margin: 0 0 10px 10px; padding: 2px 0 2px 30px; text-align: left;} #grey-sec ul li { font-size: 15px; margin: 0 0 10px 10px; padding: 2px 0 2px 30px; text-align: left;} #pdf-box1 { margin: 0;} /* TECHNOLOGY PAGE CSS START HERE */ /* UPCOMING EVENT PAGE */ #module-mid #infosec { width:100%; margin:0; padding:0; float:left;} /* UPCOMING EVENT PAGE */ #footer-sec-mid time { margin-left: 0px; text-align: center !important; display: block; } #News-module-sec-mid #leftside .edn_article time { margin-left: 0!important; } .readmore-news { margin: 0px;} .logoimg { margin: 0 0 10px 0;} } /* ipad Portrait [VERTICAL] CSS End here */ /* iphone Landscape [HORIZONTAL] CSS Start here */ @media only screen and (max-width :600px) { #nevigation { margin: 38px 0 0 0; float: none; width: 100%;} #login-sec { float: none; margin: 0 auto; padding: 0;} .in-page-midimg img { width: 90%; text-align: center;} iframe.logorotetor { width: 580px; overflow: hidden;} } /* iphone Landscape [HORIZONTAL] CSS End here */ /* iphone Landscape [HORIZONTAL] CSS Start here */ @media only screen and (max-width :480px) { #blk-sec-mid h1 { font-size: 22px;} #blk-sec-mid p { font-size: 15px; padding: 0 15px;} #whbox-sec-mid #fullbox h1 { font-size: 26px;} #whbox-sec-mid #fullbox h2 { font-size: 23px;} #whbox-sec-mid #box p { font-size: 15px;} #blk-vid-sec-mid #vidbox h1 { font-size: 22px;} #blk-vid-sec-mid #vidinfo h1 { font-size: 20px;} #blk-vid-sec-mid #vidinfo h2 { font-size: 18px;} #logorotetor-sec-mid h1 { font-size: 19px;} #News-module-sec-mid #titlebox h1 { font-size: 26px;} #News-module-sec-mid #titlebox h2 { font-size: 23px;} #join-sec-mid h1 { font-size: 20px;} #copyright-sec { width: auto; padding: 5px 20px 15px 20px;} #copyright-sec p {line-height: normal;} /* ABOUT US PAGE CSS START HERE */ #slider-internal .img-d { display: none; } #slider-internal .img-m { display: block; } #about-sec-mid .in-page-logo { margin: 0; text-align: center;} #about-sec-mid .in-page-logo img { width: 80px;} #about-sec-mid h1 { font-size: 22px;} #board-sec-mid h1 { font-size: 25px; line-height: normal;} #faq-sec-mid h1 { font-size: 25px; line-height: normal;} #libiofull #leftsec { text-align: center;} #libiofull #leftsec img { float: none; margin: 0 0 10px 0; } #libiofull #leftsec h2 { font-size: 18px;} #libiofull #leftsec h3 { font-size: 15px;} /* ABOUT US PAGE CSS START HERE */ /* JOIN PAGE CSS START HERE */ .in-page-midimg { display: none;} .in-page-midimg-m { width: 100%; text-align: center; display: block;} #member-sec-mid h1 { font-size: 25px; padding: 0 0 5px 0;} #Form-sec-mid h1 { font-size: 25px; padding: 0 0 5px 0;} iframe.logorotetor { width: 450px; overflow: hidden;} /* JOIN PAGE CSS START HERE */ /* TECHNOLOGY PAGE CSS START HERE */ #grey-sec-mid #left h1 { font-size: 22px;} #white-sec-mid #right h1 { font-size: 22px;} /* TECHNOLOGY PAGE CSS START HERE */ #News-module-sec-mid #leftside h2 { margin: 0; font-size: 18px; line-height: normal;} } /* iphone Landscape [HORIZONTAL] CSS End here */ /* iphone Landscape [HORIZONTAL] CSS Start here */ @media only screen and (max-width :450px) { #logo { position: relative; z-index: 999;} #nevigation { margin: 10px 0 0 0; float: none; width: 100%;} #login-sec { display: none;} iframe.logorotetor { width: 320px; overflow: hidden;} .foot-logo { width: 80%; } #faq-con #faq a h2 { font-size: 20px;} #faq-sec-mid p { font-size: 16px; line-height: 23px;} #faq-sec-mid ul li { font-size: 16px; line-height: 23px;} } /* iphone Landscape [HORIZONTAL] CSS End here */ /* iphone Landscape [HORIZONTAL] CSS Start here */ @media only screen and (max-width :400px) { #bio-full h2 { font-size: 19px !important;} #bio-full #sec1 { margin: 0 0px 25px 0; text-align: center;} #bio-full #sec2 { margin: 0 0px 25px 0; text-align: center;} #bio-full #sec1 img { float: none; margin: 0 0 5px 0;} #bio-full #sec2 img { float: none; margin: 0 0 5px 0;} } /* iphone Landscape [HORIZONTAL] CSS End here */ /* iphone Portrait [VERTICAL] CSS Start here */ @media only screen and (max-width : 380px) { #logo { width: 235px; margin: 0 5px 5px 0;} #nevigation { margin: 5px 0 0 0; float: none; width: 100%;} } /* iphone Portrait [VERTICAL] CSS Start here */ /* Cookie Consent { */ .cc-banner { border: 1px solid #2d333b; } .cc-btn { text-decoration: none; } .cc-link { color: #88c86f !important; } /* Cookie Consent } */ /* EasyDNNNews footer { */ #footer-sec-mid time { margin-left: 0px; } /* EasyDNNNews footer } */ /* Mods by Malta { */ .readmore-envent { background-image: none !important; } .readmore-envent::after { content: "\e080"; font-family: 'Glyphicons Halflings'; font-weight: 400; color: #ffc107; font-size: 12px; display: inline-block; } /* Mods by Malta } */