/* Theme Name: Sri Krishana Jubilee Law College Theme URI: # Author: the ITU Team Author URI: # Description: Version: 1.7 License: GNU General Public License v1 or later License URI: # Tags: blog, two-columns, left-sidebar, accessibility-ready, custom-background, custom-colors, custom-header, custom-logo, custom-menu, editor-style, featured-images, microformats, post-formats, rtl-language-support, sticky-post, threaded-comments, translation-ready Text Domain: Sri Krishana Jubilee Law College This theme, like WordPress, is licensed under the GPL. Use it to make something cool, have fun, and share what you've learned with others. */ @font-face { font-family: 'HelveticaNeueMedium'; src: url('fonts/helveticaneue_medium-webfont.woff') format('woff'), url('fonts/HelveticaNeueMedium.ttf') format('truetype'); } @font-face { font-family: 'HelveticaNeueLight'; src: url('fonts/helveticaneue_light-webfont.woff') format('woff'), /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */ url('fonts/HelveticaNeueLt.ttf') format('truetype'); } @font-face { font-family: 'HelveticaNeueBold'; src: url('fonts/helveticaneuebd-webfont.woff') format('woff'), /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */ url('fonts/HelveticaNeueBd.ttf') format('truetype'); } @font-face { font-family: 'HelveticaNeue'; src: url('fonts/helveticaneue-webfont.woff') format('woff'), /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */ url('fonts/HelveticaNeue.ttf') format('truetype'); } .content-wrapper{ padding-bottom:13px; } .open a{ background-color: transparent !important; } .menu{ height:101px; position:relative; min-height:101px; } /*.menu img{ margin-top:-12px; }*/ .menu .navbar-header { margin:-28px 0 0;} .menu .navbar-brand{ height: auto; padding: 0px; margin:0 !important; } .navbar-nav.navbar-right{ /*margin-top:11px;*/ border:1px solid #acb056; } .navbar-default .navbar-nav > li > a { color: #fff; font-size: 16px; letter-spacing: 0.035em; font-family:'HelveticaNeueMedium'; padding:7px 15px; border-right:1px solid #acb056; } .navbar-default .navbar-nav > li:last-child > a { border:0;} .navbar-default .navbar-nav > li > a:hover, .navbar-default .navbar-nav > li > a:focus { background:#acb056 !important; color:#fff !important; border-color:#acb056; } .navbar-default .navbar-nav > li ul li ul { /*margin-left: inherit !important;*/ } .navbar-default{ background-color:#B60010 !important; height:auto; border:0; box-shadow: 2px 5px 5px rgba(128, 128, 128, 0.42); margin:0; padding:48px 15px 18px; } .menu .sticky{background-color: #B60010 !important; height: auto; box-shadow: 2px 5px 5px rgba(128, 128, 128, 0.42); transition: all 0.4s ease; } .menu .sticky .navbar-nav > li > a{ /*padding-bottom:25px;*/ } .navbar-default .navbar-nav .open .dropdown-menu > li > a { color: #B60010 ; font-family: 'helveticaneuemedium'; padding-top: 6px; padding-bottom: 6px; } .navbar-default .navbar-nav > .open > a { color:#fff;} .navbar-right ul.my_Class { margin-left: auto !important; } .navbar-right ul.dropdown-menu li ul.dropdown-menu { /*margin-left: inherit !important;*/ } /*hover navbar*/ .header_area { outline:none; background-color:#bcbf90; margin-top:0; } .left_menu_area { width:15%; float:left; } .slider-wrapper{ position:relative; width:65%; float:left; } .university_map { position:relative; width:20%; float:left; } .unimap { outline:none; text-align:center; background: url(images/punjab-1.png) top center; width:216px; height:248px; margin-left:10px; } .unimap a { display:block; width:216px; height:248px; } .carousel-inner > .item > img { min-height:310px; } .left_menu_area ul { list-style: none; padding-left: 0; } .left_menu_area ul li { list-style: none; padding-left: 3px; border-bottom: 2px solid #2e542b; padding-bottom: 1%; padding-top: 4%; } .left_menu_area ul li.last { border-bottom: none; } .left_menu_area ul li img { outline: none; vertical-align: top; display: inline-block; margin-top:-2px; } .left_menu_area ul li a { color: #010101; font-size: 15px; display: inline-block; margin-top: 1px; margin-left: 4px; } @media (min-width: 1201px) and (max-width: 1300px) { .slider-wrapper { width: 65%; } .left_menu_area ul li a { font-size: 12px; } .left_menu_area ul li { padding-bottom: 1%; padding-top: 2%; } } @media (min-width: 1301px) and (max-width: 1400px) { .left_menu_area ul li a { font-size: 14px; } .left_menu_area ul li { padding-bottom: 2%; padding-top: 5%; } } @media (min-width: 1401px) and (max-width: 1500px) { .left_menu_area ul li a { font-size: 15px; } .left_menu_area ul li { padding-bottom: 3%; padding-top: 5%; } } @media (min-width: 1501px) and (max-width: 1600px) { .left_menu_area ul li a { font-size: 15px; } .left_menu_area ul li { padding-bottom: 4%; padding-top: 6%; } } @media (min-width: 1601px) and (max-width: 1700px) { .left_menu_area ul li a { font-size: 16px; } .left_menu_area ul li { padding-bottom: 4%; padding-top: 7%; } } @media (min-width: 1701px) and (max-width: 1800px) { .left_menu_area ul li a { font-size: 17px; } .left_menu_area ul li { padding-bottom: 5%; padding-top: 7%; } } @media (min-width: 1801px) and (max-width: 1900px) { .left_menu_area ul li a { font-size: 19px; } .left_menu_area ul li { padding-bottom: 6%; padding-top: 7%; } } @media (min-width: 1901px) and (max-width: 2000px) { .left_menu_area ul li a { font-size: 19px; } .left_menu_area ul li { padding-bottom: 6%; padding-top: 8%; } } @media (min-width: 2001px) and (max-width: 2100px) { .left_menu_area ul li a { font-size: 16px; } .left_menu_area ul li { padding-bottom: 8%; padding-top: 11%; } } @media (min-width: 2101px) and (max-width: 2200px) { .left_menu_area ul li a { font-size: 17px; } .left_menu_area ul li { padding-bottom: 10%; padding-top: 10%; } } @media (min-width: 2201px) and (max-width: 2300px) { .left_menu_area ul li a { font-size: 18px; } .left_menu_area ul li { padding-bottom: 10%; padding-top: 11%; } } @media (min-width: 2301px) and (max-width: 2400px) { .left_menu_area ul li a { font-size: 19px; } .left_menu_area ul li { padding-bottom: 9%; padding-top: 12%; } } @media (min-width: 320px) and (max-width: 767px) { .university_map { position: relative; width: 100%; clear: both; padding-top: 26px; } .unimap { outline: none; text-align: center; background: url(images/punjab-1.png) top center; width: 100%; height: 248px; margin-left: 10px; background-repeat: no-repeat; } .unimap a { width: 100%; } } @media (min-width: 768px) and (max-width: 900px) { .carousel-inner > .item > img { min-height: 310px; } .slider-wrapper { width: 46%; } .university_map { width: 28%; } } @media (min-width: 901px) and (max-width: 1000px) { .slider-wrapper { width: 49%; } .university_map { width: 25%; } .unimap { margin-left:20px; } } @media (min-width: 1001px) and (max-width: 1100px) { .slider-wrapper { width: 51%; } .university_map { width: 23%; } .unimap { margin-left:20px; } } @media (min-width: 1201px) and (max-width: 1300px) { .slider-wrapper { width: 65%; } .university_map { width: 19%; } } @media (min-width: 1301px) and (max-width: 1400px) { .slider-wrapper { width: 66%; } .university_map { width: 19%; } .carousel-inner > .item > img { min-height: 384px; } .unimap { outline:none; text-align:center; background: url(images/punjab1.png) top center; width:222px; height:326px; margin-left:20px; } .unimap a { display:block; width:222px; height:326px; } } @media (min-width: 1401px) and (max-width: 1500px) { .carousel-inner { max-height: 424px; } .carousel-inner > .item > img { min-height: 424px; } .slider-wrapper { width: 67%; } .university_map { width: 18%; } .unimap { outline:none; text-align:center; background: url(images/pmap_3.png) top center; width:272px; height:366px; margin-left:0px; } .unimap a { display:block; width:272px; height:366px; } } @media (min-width: 1501px) and (max-width: 1600px) { .carousel-inner > .item > img { min-height: 456px; } .slider-wrapper { width: 70%; } .university_map { width: 16%; } .unimap { outline:none; text-align:center; background: url(images/punjab4.png) top center; width:252px; height:398px; margin-left:0px; } .unimap a { display:block; width:252px; height:398px; } } @media (min-width: 1601px) and (max-width: 1700px) { .carousel-inner > .item > img { min-height: 491px; } .slider-wrapper { width: 71%; } .university_map { width: 15%; } .unimap { outline:none; text-align:center; background: url(images/fnew_pmap_5.png) top center; width:240px; height:400px; /*height:432px; */ margin-left:0px; } .unimap a { display:block; width:240px; height:432px; } } @media (min-width: 1701px) and (max-width: 1800px) { .carousel-inner > .item > img { min-height: 522px; } .slider-wrapper { width: 72%; } .university_map { width: 14%; } .unimap { outline:none; text-align:center; background: url(images/fnew_pmap_5.png) top center; width:240px; height:400px; margin-left:0px; margin-top:20px; } .unimap a { display:block; width:240px; height:464px; } } @media (min-width: 1801px) and (max-width: 1900px) { .carousel-inner > .item > img { min-height: 554px; } .slider-wrapper { width: 72%; } .university_map { width: 14%; } .unimap { outline:none; text-align:center; background: url(images/punnew7.png) top center; width:262px; height:496px; margin-left:0px; } .unimap a { display:block; width:262px; height:496px; } } @media (min-width: 1901px) and (max-width: 2000px) { .carousel-inner > .item > img { min-height: 594px; } .slider-wrapper { width: 73%; } .university_map { width: 13%; } .unimap { outline:none; text-align:center; background: url(images/punnew8.png) top center; width:256px; height:534px; margin-left:0px; } .unimap a { display:block; width:256px; height:534px; } } @media (min-width: 1501px) and (max-width: 2000px) { .left_menu_area { width:14%; } /*.slider-wrapper{ width:69%; }*/ } @media (min-width: 2001px) and (max-width: 3000px) { .left_menu_area { width:11%; } .slider-wrapper{ width:77%; } .university_map { width: 12%; } .unimap { outline:none; text-align:center; background: url(images/punnew8.png) top center; width:256px; height:534px; margin-left:0px; } .unimap a { display:block; width:250px; height:554px; } .carousel-inner > .item > img { min-height: 614px; } } @media (min-width: 2101px) and (max-width: 2200px) { .carousel-inner > .item > img { min-height: 650px; } } @media (min-width: 2201px) and (max-width: 2300px) { .carousel-inner > .item > img { min-height: 688px; } } @media (min-width: 2301px) and (max-width: 2400px) { .carousel-inner > .item > img { min-height: 708px; } } .nav-custom li a:hover { color:#2a6496 !important; } .slider-top{ width:1349px; z-index: 2; bottom: -165px; margin-top: 40px; height: 64px; background-color: #bcbf90; } .owl-carousel .owl-wrapper-outer { margin-top: -39px; } .slider-top .item{ margin:14px 0px 5px 7px; } .slider-top img{ padding:10px 20px 10px 20px !important; } .slider-top .box{ width:92px; height:95px !important; padding:12px 0px 10px 0px; text-align:center; color:white; border-radius: 73px; display:inline-block; background-color:#2f8546; } .slider-top .box p{ /*font-family:'HelveticaNeueLight';*/ margin-top:27px; padding:0px 2px; /*font-stretch:condensed;*/ font-size: 11px; letter-spacing: 0.034em; font-weight: bold; line-height: 18px; color:#000000 !important; width:114px; margin-left:-11px; } .slider-top .box p:hover{ text-decoration:none; color:#B60010 !important; } .slider-top .box p#academy_link{ /*font-family:'HelveticaNeueLight';*/ margin-top:27px; padding:0px 2px; /*font-stretch:condensed;*/ font-size: 11px; letter-spacing: 0.034em; font-weight: bold; line-height: 18px; color:#339933 !important; width:114px; margin-left:-11px; } .slider-top .box p#academy_link:hover{ text-decoration:none; color:#000000 !important; } .owl-carousel .owl-wrapper-outer { margin-left:2px; } .slider-top img{ width:100px; height:auto; } .slider-top .item #s1{ display: block; width: 92px; height: 72px; background: url(images/icon-1.png) top center; text-indent: -99990px; margin:0 auto;} .slider-top .item #s1:hover{ background-position: bottom center;} .slider-top .item #s2{ display: block; width: 92px; height: 72px; background: url(images/icon-2.png) top center; text-indent: -99990px; margin:0 auto;} .slider-top .item #s2:hover{ background-position: bottom center;} .slider-top .item #s3{ display: block; width: 92px; height: 72px; background: url(images/icon-3.png) top center; text-indent: -99990px; margin:0 auto;} .slider-top .item #s3:hover{ background-position: bottom center;} .slider-top .item #online_training{ display: block; width: 92px; height: 72px; background: url(images/online_train.png) top center; text-indent: -99990px; margin:0 auto;} .slider-top .item #online_training:hover{ background-position: bottom center;} .slider-top .item #s4{ display: block; width: 92px; height: 72px; background: url(images/icon-4.png) top center; text-indent: -99990px; margin:0 auto;} .slider-top .item #s4:hover{ background-position: bottom center;} .slider-top .item #s5{ display: block; width: 92px; height: 72px; background: url(images/icon-5.png) top center; text-indent: -99990px; margin:0 auto;} .slider-top .item #s5:hover{ background-position: bottom center;} .slider-top .item #s6{ display: block; width: 92px; height: 72px; background: url(images/icon-6.png) top center; text-indent: -99990px; margin:0 auto;} .slider-top .item #s6:hover{ background-position: bottom center;} .slider-top .item #s7{ display: block; width: 92px; height: 72px; background: url(images/icon-12.png) top center; text-indent: -99990px; margin:0 auto;} .slider-top .item #s7:hover{ background-position: bottom center;} .slider-top .item #quality_uni{ display: block; width: 92px; height: 72px; background: url(images/icon_quality_uni.png) top center; text-indent: -99990px; margin:0 auto;} .slider-top .item #irsf{ display: block; width: 92px; height: 72px; background: url(images/Icon-irsf.png) top center; text-indent: -99990px; margin:0 auto;} .slider-top .item #irsf:hover{ background-position: bottom center;} .slider-top .item #quality_uni:hover{ background-position: bottom center;} .slider-top .item #induction_train{ display: block; width: 92px; height: 72px; background: url(images/icon_training.png) top center; text-indent: -99990px; margin:0 auto;} .slider-top .item #induction_train:hover{ background-position: bottom center;} .slider-top .item #quality_col{ display: block; width: 94px; height: 78px; background: url(images/icon_quality_col.png) bottom; text-indent: -99990px; margin:0 auto;} .slider-top .item #quality_col:hover{ background-position: -4px -4px;} .main-slide .carousel-indicators{ display:none; } .slider-top .item #postdoc{ display: block; width: 92px; height: 72px; background: url(images/Icon-postdoc.png) top center; text-indent: -99990px; margin:0 auto;} .slider-top .item #postdoc:hover{ background-position: bottom center;} .slider-top .item #new_uni_icon:hover{ background-position: bottom center;} .slider-top .item #new_uni_icon{ display: block; width: 92px; height: 72px; background: url(images/university_icons.png) top center; text-indent: -99990px; margin:0 auto;} .main-slide a.main-carousel-controls.left { position: absolute; top: 50%; padding: 6px 7px; background-color: #041852; font-size:20px; z-index:200; left:0; color: #e0af10; } .main-slide a.main-carousel-controls.right { position: absolute; right: 0; top:50%; z-index:200; padding: 6px 7px; background-color: #041852; font-size:20px; color:#e0af10; } .carousel-caption{ z-index:-222; } #main-intro{ font-family: 'HelveticaNeueLight'; /*margin-top:95px;*/ /* margin-top:146px;*/ } @media (min-width:769px) and (max-width: 990px) { #main-intro{ /*margin-top:115px;*/ } } #main-intro .title{ font-size: 30px; color: #041852; text-transform: capitalize; position: relative; font-family:'HelveticaNeueLight'; padding-bottom: 18px; font-weight:bold; } #main-intro .title:after { content: ''; position: absolute; bottom: 0; left: 0; height: 2px; width: 32px; background: #efbd1a;} #main-intro .title_area{ font-size: 26px; color: #333333; text-transform: capitalize; position: relative; font-family:'HelveticaNeueLight'; padding-bottom: 0px; font-weight:bold; margin-bottom:0; } #main-intro .description { letter-spacing: 0.035em; color: #444343; text-align:justify; font-size: 14px; line-height: 24px; letter-spacing: 0.035em; padding-top: 1px; } .wpb_wrapper{ margin-top:20px; margin-bottom: 20px; } .cms-video-popup-wraper { position: relative; text-align: right; } .cms-video-popup-wraper .images-item-wrap { display: inline-block; padding: 12px; position: relative; } .cms-video-popup-wraper .cms-video-popup { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); z-index:3; } .zmdi-hc-fw { width: 1.28571429em; text-align: center; } .zmdi { display: inline-block; } .cms-video-popup-wraper .cms-video-popup i { font-size: 75px; -webkit-transition: all 300ms linear; -moz-transition: all 300ms linear; -ms-transition: all 300ms linear; transition: all 300ms linear; color: #efbd1a; } .zmdi-play-circle:before { content: '\f3a9'; } .cms-video-popup-wraper .gallery-item { display: inline-block; position: relative; } .cms-video-popup-wraper .gallery-item:before, .cms-video-popup-wraper .gallery-item:after { content: ''; height: 155px; width: 155px; border-radius: 3px; background: #041852; position: absolute; top: -5px; right: -5px; z-index: 1; } .cms-video-popup-wraper .img { position: relative; z-index: 2; } .cms-video-popup-wraper .img img { border-radius: 3px; height:auto; width:100%; } .cms-video-popup-wraper .img:after { content: ''; height: 100%; width: 100%; border-radius: 3px; background: #041852; position: absolute; top: 0; left: 0; opacity: 0.2; } .cms-video-popup-wraper .gallery-item:before, .cms-video-popup-wraper .gallery-item:after { content: ''; height: 155px; width: 155px; border-radius: 3px; background: #041852; position: absolute; top: -5px; right: -5px; z-index: 1; } .cms-video-popup-wraper .gallery-item:after { top: auto; bottom: -5px; left: -5px; right: auto; } .cms-video-popup-wraper .img:after{ background:none !important; } /*button*/ .btn-wrapper{ margin-top:40px; } .btn-style-1{ background-color: #e0af10; text-decoration:none; color:white; border: 2px solid #efbd1a; border-radius: 4px; font-size: 14px; line-height: 1; margin: 0; letter-spacing: 0.075em; padding: 13.5px 28.5px; text-transform: uppercase; box-shadow: 2px 0 5px rgba(0, 0, 0, 0.15); text-shadow: 1px 0 1px rgba(0, 0, 0, 0.3); } .btn-style-1:hover,.btn-style-1:focus,.btn-style-1:before{ transition: all 300ms linear 0ms; background-color: #041852 !important; color:white; text-decoration:none; border-radius: 3px; border: 2px solid #041852; } /*news and events*/ .flexslider .row{ margin-right: 0px; margin-left: 0px; } .flex-active-slide{ background-color: white; z-index:22; } .flexslider {position:relative; margin-top:100px; border:none; border-radius:0; box-shadow:none; } .flex-control-nav{display:none;} .flex-direction-nav a { background: url("images/arrows.png") no-repeat 0 0 transparent; cursor: pointer; display: block; height: 40px; width: 40px; position: absolute; text-indent: -9999px; z-index: 10; } .flex-direction-nav .flex-prev{background-position: 0 0;right:67px;top:-76px;} .flexslider:hover .flex-prev{right:67px;} .flex-direction-nav .flex-next{background-position: -40px 0;right:22px;;top:-76px;} .flexslider:hover .flex-next{ right:22px;} @media (min-width: 1200px) { .wrap{width:1200px;} } @media (min-width: 768px) and (max-width: 979px) { .wrap{width:754px;} } @media (max-width: 767px) { .wrap{width:auto;padding:0 15px;} .flex-direction-nav .flex-prev{right:67px;} .flexslider:hover .flex-prev{right:67px;} .flex-direction-nav .flex-next{right:22px;} .flexslider:hover .flex-next{right:22px;} } @media (max-width: 480px) { .flex-direction-nav .flex-prev{right:67px;} .flexslider:hover .flex-prev{right:67px;} .flex-direction-nav .flex-next{right:22px;} .flexslider:hover .flex-next{ right::22px;} } @media (max-width: 320px) { } .newsevents-content{ margin-top:40px; } .main-heading-wrapper,.newsletter-wrapper{ margin-top:0px; text-align:left; } .gallery-wrapper{ text-align:center; } .main-heading-wrapper h2{ font-size: 26px; font-family: inherit; color: #333333; line-height: 30px; letter-spacing: 0.035em; transition: opacity 0.24s ease-in-out; margin-bottom:0; margin-top:9px; } .main-heading-wrapper p{ line-height: 24px; letter-spacing: 0.035em; color: #444343; font-size: 14px; margin:0 auto; webkit-font-smoothing: antialiased; } .newsevents-wrapper h3{ font-size:30px; font-family: 'HelveticaNeueLight'; font-weight:bold; letter-spacing: 0.035em; color: #444343; webkit-font-smoothing: antialiased; } .news-heading:after{ content: ""; position: absolute; width: 58%; top: 38px; border-top: none; border-bottom: 2px solid #f0a900; left: 25%; } .newsevents-wrapper .latest-news article { position: relative; padding-bottom: 26px; min-height: 141px; border-bottom: 1px solid rgba(255, 255, 255, 0.1); display: inline-block; margin-left: 0; font-family: 'HelveticaNeueLight'; vertical-align: baseline; list-style: none; } .newsevents-wrapper .latest-news article img { position: absolute; top: 0; left: 0; max-width: 100%; display: block; margin: 0 auto; vertical-align: middle; outline: 0; } .newsevents-wrapper .latest-news article .date{ margin-left: 141px; position: relative; display: inline-block; /*text-transform: lowercase;*/ color:#888888; font-weight:bold; } .newsevents-wrapper .latest-news article h3 { position: relative; font-size: 16px; z-index: 2; margin-top:8px !important; margin-left: 115px; max-width: 346px; margin-bottom: 12px; letter-spacing: 0.035em; } .newsevents-wrapper .latest-news article h3 a { color: #ffffff; display: block; overflow:hidden; padding: 5px 8px; background: #4e4e4e; height: 83px; font-size: 14px; font-weight: bold; letter-spacing: 0.099em; line-height: 20px; text-decoration: none; opacity:0.9; } .newsevents-wrapper .latest-news article h3 a:hover{ text-decoration:none; color: #ffffff; } .newsevents-wrapper .latest-news article p { position: relative; font-size: 14px; letter-spacing: 0.085em; color: #444343; font-family:'HelveticaNeueLight'; max-width: 295px; z-index: 2; margin-left: 150px; } .newsevents-wrapper .latest-news article p a{ padding: 5px 10px; background-color: #f0a900; color: white; border-radius: 5px; text-decoration: none; } .newsevents-wrapper .latest-news article p a:hover{ background-color:#de9306; } .newsevents-wrapper .latest-news ul{ margin:0; padding:0; } .newsevents-wrapper .latest-news ul li{ list-style:none; } .flexslider{ margin-top:38px !important; } /*news clipping*/ .upcoming-events .news-title{ font-size:14px; line-height:24px; } .news-clipping-info .news-info-title{ font-size:14px; font-weight:bold; color:gray; } .news-clipping-info .news-info-desc{ font-size:14px; font-weight:bold; color:gray; } .upcoming-events>li{ width:100%; padding-left:10px; } .list-aggregate>li{ position:relative; } .list-aggregate .news-clipping::after{ content: ''; color: yellow; width: 5px; position: absolute; height: auto; display: block; /*background-color: gray;*/ top: 5px; bottom: 5px; } .news-clipping .news-title{ padding-left: 10px; font-family: "Open Sans", sans-serif; float: left; width: 285px; } @media (max-width: 760px) { .news-clipping .news-title{ width: 74%; } } @media (min-width: 761px) and (max-width: 1200px) { .news-clipping .news-title{ width: 65%; } } .news-clipping .news-title a { color:#262729; } .news-clipping ul{ padding-left:15px !important; padding-top:10px !important; } /*end news clipping*/ /*upcoming events*/ /*events*/ .upcoming-events { height: 326px; background-color: #e6e7e9; padding-top: 10px; } .upcoming-events ul{ padding:0; margin:0; width: 100%; } .upcoming-events li{ list-style: none; border-bottom: 2px solid #225a2d; padding-top: 10px; padding-bottom: 10px; } .latest-event{ position:relative; padding: 2% 0% 2% 1%; margin:0px !important; min-height:120px; } .upcoming-events span{ font-family:"Open Sans", sans-serif; } .upcoming-events .date { float: left; } .upcoming-events .date { min-width: 70px; -moz-border-radius: 2px 2px; border-radius: 2px 2px; background-clip: padding-box; font-family:"Open Sans", sans-serif; color: white; background: #041852 ; text-align: center; line-height: .5; } .upcoming-events .date .date__day { display: block; font: 3em "Open Sans", sans-serif; padding-bottom:4px; font-size: 20px; } .upcoming-events .date .date__year { display: block; font-size: 1.33333333333em; background: #041852 ; margin-top: 14.2857142857%; padding: 17.1428571429% 0; -webkit-border-radius: 0 0 2px 2px; -moz-border-radius: 0 0 2px 2px; border-radius: 0 0 2px 2px; -moz-background-clip: padding; -webkit-background-clip: padding-box; background-clip: padding-box; } .event-listing-content{ padding-left: 23%; padding-top: 1px; } .event-listing-content h1{ font-family: 'Open Sans', sans-serif; text-transform: none; margin-bottom: 1%; line-height:24px; letter-spacing: 0.03em; font-size: 16px; font-weight:bold; margin-top: 0px; } .event-listing-content h1{ color: #041852; text-decoration:none; } .event-listing-content p{ margin-bottom: 1%; padding-top:2px; font-size: 14px; color: #444343; line-height:20px; letter-spacing: 0.03em; font-family: 'Open Sans', sans-serif; } .event-listing-content a{ color:white; font-family:'Open Sans', sans-serif; padding:5px 10px; background: #f0a900; font-size:12px; margin-top:4px; display: inline-block; } .event-listing-content a:hover{ text-decoration:none; background-color:#de9306; } /*end*/ /*gallery*/ .gallery-content{ margin-top:40px; } .gallery-content .owl-prev{ position: absolute; top: -23px; right: 47px; } .gallery-content .owl-next{ position: absolute; top:-23px; right:0; } .owl-theme .owl-controls .owl-buttons div{ background: #f9af56; opacity:1; } .images { padding-top: 34px; position: relative; } .images .wrapper { display: inline-block; max-width: 16%; position: relative; font-size: 14px; text-transform: uppercase; color: #ffffff; text-align: left; margin-left: -4.6%; vertical-align: bottom; } .images .wrapper:first-child:before { background: none; } .images .wrapper:before { content: ""; display: block; position: absolute; width: 100%; height: 100%; top: 0; left: 0; background: rgba(0, 0, 0, 0.3); -webkit-transition: all 300ms ease-in-out; -moz-transition: all 300ms ease-in-out; -ms-transition: all 300ms ease-in-out; -o-transition: all 300ms ease-in-out; transition: all 300ms ease-in-out; -webkit-transition: all 300ms ease-in-out 300ms ease-in-out; -moz-transition: all 300ms ease-in-out 300ms ease-in-out; -o-transition: all 300ms ease-in-out 300ms ease-in-out; transition: all 300ms ease-in-out 300ms ease-in-out; z-index: 19; -webkit-border-radius: 10px 0 0 0; -moz-border-radius: 10px 0 0 0; border-radius: 10px 0 0 0; } .images .wrapper img{ position: relative; width: 100%; height: auto; z-index: 5; } .images .wrapper span{ background-color: #f0a900; position: absolute; top: 0; display: block; width: 100%; padding: 10px 17px; background: #f0a900; box-sizing: border-box; -webkit-transition: all 300ms ease-in-out; -moz-transition: all 300ms ease-in-out; -ms-transition: all 300ms ease-in-out; -o-transition: all 300ms ease-in-out; transition: all 300ms ease-in-out; -webkit-transition: all 300ms ease-in-out 300ms ease-in-out; -moz-transition: all 300ms ease-in-out 300ms ease-in-out; -o-transition: all 300ms ease-in-out 300ms ease-in-out; transition: all 300ms ease-in-out 300ms ease-in-out; z-index: 1; font-weight: 700; -webkit-border-radius: 10px 0 0 0; -moz-border-radius: 10px 0 0 0; border-radius: 10px 0 0 0; } .gallery-box .images .wrapper span:after { content: "\f00e"; font-family: 'FontAwesome'; font-size: 19px; color: rgba(255, 255, 255, 0.5); position: absolute; top: 6px; right: 10px; font-weight: 100; -webkit-transform: rotate(90deg); -moz-transform: rotate(90deg); transform: rotate(90deg); } /*hover*/ .images .wrapper:hover { z-index: 30; } .images .wrapper:hover:before { background: rgba(0, 0, 0, 0); } .images .wrapper:hover span { top: -36px; display:block; } .images .wrapper span{ display:none; } /*end gallery*/ /*newsletter*/ .newsletter-content{ margin-top:0px; margin-bottom:10px; } .newsletter-content img{ width:200px; margin:0 auto; box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19); margin-bottom:20px; } .publication-home { display:inline-block; } .publication-home h3{ text-align:left; font-size:20px; margin-top:3px; } .col-publication{ border: 1px solid #e0dede; box-shadow: 1px 2px 5px #dedcdc; } .col-publication .publication-title{ font-family: helveticaneuelight; font-size: 16px; text-align: center; font-weight: bold; padding:5px; } .col-publication a{ font-family: helveticaneuelight; font-size: 14px; text-align: center; font-weight: bold; display:block; padding:5px; } /*end newsletter*/ /*footer*/ #footer{ position: relative; } #footer:before{ content: ' '; display: block; position: absolute; left: 0; top: 0; width: 100%; height: 100%; z-index: 1; opacity: 0.2; /*background-image: url('images/footer-bg3.jpg'); background-repeat: no-repeat; background-position: 50% 0; -ms-background-size: cover; -o-background-size: cover; -moz-background-size: cover; -webkit-background-size: cover; background-size: cover;*/ } #footer-top { font-family:'HelveticaNeueLight'; color:white; margin-top:0px; letter-spacing: 0.068em; padding:30px 0; } #footer-top:after { content: ''; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: #2f8546; color:white; } #footer h2 { font-size: 20px; font-weight: bold; } #footer-top ul{ margin:20px 0 0 0; padding:0px; } #footer-top ul li{ list-style:none; line-height:32px; } #footer-top ul li a{ text-decoration:none; color:white; } #footer-top ul li a:hover { color:#ffffff; text-decoration:underline; } .ft-first-col{ } .ft-first-span{ display:inline-block; width:5%; } .ft-second-span{ display:inline-block; border-bottom: 1px solid #aec3b4; width:95% } .subscribe-field{ width:50%; color:black; } .subscribe-button{ padding: 2px 6px; margin-top: 16px; background-color: #f0a900; color: white !important; border: 3px solid rgba(240, 169, 0, 1); } #es_txt_email { width:50%; color:black; } #es_txt_button { padding: 2px 6px; margin-top: 0px; background-color: #f0a900; color: white !important; border: 3px solid rgba(240, 169, 0, 1); } .es_required_field { width: 100%; color: black; min-width: 167px; margin-top: 8px; } .es_subscription_form_submit { padding: 2px 6px; margin-top: 0px; background-color: #282828; color: white !important; border: 3px solid #282828; } .es_button { outline:none; border-bottom: 1px solid #ffffff; padding-bottom: 20px; max-width: 234px; } .ft-top-col{ z-index:2; } .ft-last-col .email-field{ position:relative; margin-top:20px; } .ft-last-col .email-field .fa{ position: absolute; right: 51%; color: #041852; top: 6px; font-size: 16px; background: #ffffff; } .ft-last-col hr{ margin-top: 20px; margin-bottom: 20px; border: 0; width: 81%; margin-left: 0px; text-align: left; border-top: 1px solid #eee; } .ft-social .fa{ background-color:white; padding:10px; width: 35px; text-align:center; border-radius:50%; } .ft-social .fa{ color:#041852; } .ft-social .fa:hover{ background-color:#aec3b4; color:#ffffff; } /*footer 2*/ #footer2{ color:white; letter-spacing: 1.09px; background:#282828 !important; padding-top:10px; } .logobottomcol{ z-index:2; } .logobottom{ padding:10px; margin-top:10px; } .ft2-col{ z-index:2; padding:20px auto; } .btm-footer ul{ padding:0; margin:0; font-family:HelveticaNeueLight; letter-spacing:0.05; } .btm-footer li{ padding:5px; } .btm-footer li :first-child{ padding-left:0px; } .btm-footer li a{ color:white; } .btm-footer li a:hover{ text-decoration:none; } .btm-col{ z-index:2; padding:0px; } .cpyright{ padding-right:50px; } /*home responsive*/ @media (min-width: 320px) and (max-width: 400px) { .images a{ font-size:9px; } .menu { min-height: 73px; height:73px; } .menu img{ width:244px; height:auto; } } @media (min-width: 401px) and (max-width: 471px) { .images a{ font-size:9px; } .menu { min-height: 80px; height:80px; } } @media (min-width: 401px) and (max-width: 500px) { .menu img{ max-width:300px; height:auto; } .menu { min-height: 80px; height:80px; } } @media (min-width: 501px) and (max-width: 600px) { .menu img{ max-width:350px; height:auto; } .menu { min-height: 90px; height:90px; } } @media (min-width: 601px) and (max-width: 700px) { .menu img{ max-width:400px; height:auto; } .menu { min-height: 92px; height:92px; } } @media (min-width: 701px) and (max-width: 767px) { .menu img{ max-width:450px; height:auto; } .menu { min-height: 92px; height:92px; } } @media (min-width: 768px) and (max-width: 890px) { .menu img{ max-width:220px; height:auto; } .menu { min-height: 87px; } } @media (min-width: 891px) and (max-width: 990px) { .menu img{ max-width:270px; height:auto; } } @media (min-width: 991px) and (max-width: 1150px) { .menu img{ max-width:405px; height:auto; } } @media (min-width: 1151px) and (max-width: 1250px) { .menu img{ max-width:450px; height:auto; } } @media (min-width: 1700px) and (max-width: 2400px) { .menu img{ max-width:615px; height:auto; } } /*end resposnive*/ .images .popup{ z-index:30 !important; } @media (max-width: 768px) { .navbar-nav.navbar-right { margin-top: 11px; /*background-color: #ffffff;*/ } .navbar-default .navbar-nav > li > a{ /*padding-bottom:21px;*/ } .slider-top{ display:none; } .images .popup:before{ background:none !important; } } @media (min-width:1090px) and (max-width: 1200px) { .navbar-nav > li > a { padding-top: 6px; } } @media (min-width:890px) and (max-width: 1090px) { .navbar-nav > li > a { font-size: 12px !important; padding: 7px 10px !important; } .navbar-default .navbar-nav > li > a{ /*padding-bottom:33px !important;*/ } .navbar-brand,.navbar-default,.menu{ height:auto; } } @media (min-width:768px) and (max-width: 890px) { .navbar-nav > li > a { font-size: 12px !important; padding: 4px 4px !important; line-height:12px; } .navbar-default .navbar-nav > li > a{ /*padding-bottom:22px !important;*/ } .navbar-brand,.navbar-default,.menu{ height:auto; } } @media (max-width:767px){ .navbar-toggle{ margin:10px 0 0; } .navbar-default .navbar-toggle .icon-bar { background-color: #fff;} .navbar-default { padding:15px 0; } .menu .navbar-header { margin:0;} .navbar-default .navbar-collapse { border:0; padding:15px 0 0; } .navbar-nav.navbar-right { border:0; } .navbar-default .navbar-nav > li > a { border:0; } .header_area { margin-top:0;} .navbar-default .navbar-nav .open .dropdown-menu > li > a { color:#fff;} } /*about us*/ .banner-lower-portion { background-color: #2e542b; padding-top: 16px; opacity: 0.9; } .banner-upper-portion { background-color: #bcbf90; opacity: 0.8; } .banner{ background-image:url('images/banner.jpg'); height: 140px; width:100%; position:relative; } .banner:after{ content:''; position:absolute; width:100%; height: 140px; top: 0; z-index:-2; } .banner .container{ position:relative; z-index:1; } .banner h2{ font-size: 32px; line-height: 74px; letter-spacing: 0.035em; font-family: 'HelveticaNeue'; margin-bottom: 0; /*text-transform: capitalize;*/ color:#000000; font-weight:bold; } .banner ul{ float: right; } .banner li a{ color:#ffffff; } .list-inline > li { color:#ffffff; } .banner li a:hover{ text-decoration:none; } .secondarymenu{ background-color:#051952; } .secondarymenu ul{ text-align:center; } .secondarymenu li{ position:relative; margin:0px 10px; } .secondarymenu li a{ color:white; line-height: 20px; letter-spacing: 0.075em; padding: 16px 14px; display:inline-block; font-size:18px; } .secondarymenu li a:hover,.secondarymenu li a:focus{ text-decoration:none ; color:#efbd1a !important; } .secondarymenu li :hover{ transition: all 0.9s ease 0s; } .secondarymenu li:hover::before{ opacity: 1; } .secondarymenu li::before { content: ''; position: absolute; top: 1; width: 100%; height: 4px; background-color: #efbd1a; opacity: 0; transition: opacity 1.2s, transform 1.2s; -webkit-transform: translateY(0px); -moz-transform: translateY(0px); transform: translateY(0px); } .secondarymenu .active a{ color:#efbd1a; } .main-content-area{ margin-top:30px; } .headingtxt{ padding:0 5px 5px 5px; position:relative; display:inline-block; } .headingtxt:before{ content: ''; position: absolute; width: 50%; height: 3px; bottom: 0; background-color: #2e542b; } .headingimg img{ width:50px; } .headingtxt{ color: #010101; font-size: 26px; letter-spacing: 0.035em; } .about-content{ color: #444343; text-align: justify; font-size: 14px; line-height: 24px; letter-spacing: 0.035em; } #cm-message img{ float:left; width:200px; height:auto; margin:0 10px 8px 0; box-shadow: 0px 3px 3px gray; } #cm-message .about-content{ padding:0; line-height:24px; } #cm-message h3{ margin-top:9px; } #cm-message h3,#cm-message h4{ color:#041852; } /*commision*/ .chairperson-img-wrapper{ float:left; padding:2px; border:1px solid #e7e7e7; box-shadow:5px 5px 5px #e7e7e7; } .chairperson-img-wrapper img{ width:125px; } .committeen-img-wrapper{ float:left; padding:2px; border:1px solid #e7e7e7; box-shadow:5px 5px 5px #e7e7e7; } .committeen-img-wrapper img{ width:160px; } .chairperson-content{ display:inline-block; line-height: 27px; font-size: 16px; padding-top:10px; } .chairperson-content ul { padding-left:10px; } .chairperson-content ul li{ list-style:none; } .chairperson-content .name{ font-family:HelveticaNeueMedium; color:#404041; font-size:18px; letter-spacing:0.035em; } .chairperson-content .designation,.chairperson-content .belongto{ font-family:HelveticaNeueLight; letter-spacing: 0.035em; color: #444343; font-size:16px; } .chairperson-content .email{ font-family:HelveticaNeueLight; letter-spacing: 0.035em; color: #051952; font-size:16px; } .commision-members-content{ line-height: 27px; font-size: 16px; padding-top:10px; } .commision-members-content ul{ padding:0; } .commision-members-content ul li{ list-style:none; } .commision-members-content .name{ font-family:HelveticaNeueMedium; color:#404041; font-size:16px; letter-spacing:0.035em; } .commision-members-content .designation,.commision-members-content .belongto{ font-family:HelveticaNeueLight; letter-spacing: 0.035em; color: #444343; font-size:14px; } .commision-members-content .email{ font-family:HelveticaNeueLight; letter-spacing: 0.035em; color: #051952; font-size:14px; } /*end commission*/ /*end about us*/ /*contact*/ #contact{ padding:30px 0 0 0; } .contact-box{ text-align:center; padding:20px 0; } .contact-title{ font-family:'HelveticaNeueBold'; font-size: 15px; line-height: 28px; letter-spacing: 0.035em; color: #041852; margin-top: 8px; text-transform: uppercase; margin-bottom: 8px; text-align: left; padding-left: 23px; } .contact-content{ font-size: 14px; line-height: 26px; letter-spacing: 0.035em; color: #616161; font-family:'HelveticaNeueMedium'; text-align: left; padding-left: 23px; } #contact .fa{ font-size: 58px; max-height: 54px; color: #efbd1a; } .custom-col-12{ margin:0 8.33333333%; } #contact input{ height: 45px; border-radius: 0; display: block; width: 100%; padding: 6px 12px 6px 0; font-size: 14px; line-height: 1; color: #ffffff; letter-spacing: 0.035em; margin-bottom: 28px; border: none; border-bottom: 1px solid #e0e0e0; transition: border-color ease-in-out 0.15s; z-index:1; } ::-webkit-input-placeholder { /* WebKit, Blink, Edge */ color: #616161; font-family:'HelveticaNeueMedium'; } :-moz-placeholder { /* Mozilla Firefox 4 to 18 */ color: #616161; font-family:'HelveticaNeueMedium'; } ::-moz-placeholder { /* Mozilla Firefox 19+ */ color: #616161; font-family:'HelveticaNeueMedium'; } :-ms-input-placeholder { /* Internet Explorer 10-11 */ color: #616161; font-family:'HelveticaNeueMedium'; } #contact textarea{ width: 100%; height: 117px; margin: 0 0 32px; border-radius: 0; padding-top: 15px; border-radius: 0; display: block; font-size: 14px; line-height: 1; color: #616161; letter-spacing: 0.035em; margin-bottom: 28px; border: none; border-bottom: 1px solid #e0e0e0; } #contact .wpcf7-submit { display: inline-block; margin-bottom: 0; text-align: center; border: 1px solid #c89c0e; color: rgba(255, 255, 255, 0.8); background-color: #efbd1a !important; float: none; padding: 13.5px 36px; font-size: 14px; border-radius: 4px; text-transform: uppercase; letter-spacing: 0.075em; width: 100%; text-shadow: 1px 0 1px rgba(0, 0, 0, 0.3); } input[type="submit"]:hover { color: #fff !important; } input[type='text']:focus,textarea:focus{ border-color: #efbd1a !important; outline:none; } .contact-field-row{ padding:30px 0; } #map{ padding:0px 0 35px 0; } .contact-content .fa{ font-size: 22px !important; margin: 11px; color:#616161 !important; } /*end contact*/ /*funding*/ #page-main-content h3{ font-family: HelveticaNeueMedium; color:#404041; font-size: 18px; letter-spacing: 0.035em; } #page-main-content .inline-heading4{ font-family: HelveticaNeueMedium; color:#051952; font-size: 14px; letter-spacing: 0.035em; } #page-main-content p{ color: #444343; text-align: justify; font-size: 14px; line-height: 24px; letter-spacing: 0.035em; } /*end*/ /*accordian styling*/ .accordion-content .content-wrapper{ color: #2d2c2c !important; padding: 18px 40px; line-height: 25px; } .accordion dl, .accordion-list { border:1px solid #ddd; &:after { content: ""; display:block; height:1em; width:100%; background-color:darken(#38cc70, 10%); } } .accordion dd, .accordion__panel { background-color:#eee; font-size:1em; line-height:1.5em; } .accordion p { padding:0 2em 0 1em; } .accordion { position:relative; background-color:#eee; } .accordionTitle, .accordion__Heading { background-color:#9E9E9E; text-shadow: 1px 0 1px rgba(0, 0, 0, 0.3); text-align:center; font-weight:700; padding:26px; letter-spacing:0.099em; display:block; text-decoration:none; color:#fff; transition:background-color 0.5s ease-in-out; border-bottom:1px solid darken(#38cc70, 5%); } .accordionTitle:before,.accordion__Heading:before { content: "+"; font-size:1.5em; float:left; transition: transform 0.3s ease-in-out; } .accordionTitle:hover,.accordion__Heading:hover , .accordionTitle:focus,.accordion__Heading:focus { background-color:darken(#38cc70, 10%); text-decoration:none; color:#fff !important; } .accordionTitleActive, .accordionTitle.is-expanded { background-color:darken(#38cc70, 10%); } .accordionTitleActive:before, .accordionTitle.is-expanded :before { transform:rotate(-225deg); } .accordionItem { height:auto; overflow:hidden; //SHAME: magic number to allow the accordion to animate max-height:50em; transition:max-height 1s; @media screen and (min-width:48em) { max-height:15em; transition:max-height 0.5s } } .accordionItem.is-collapsed { max-height:0; } .no-js .accordionItem.is-collapsed { max-height: auto; } .animateIn { animation: accordionIn 0.45s normal ease-in-out both 1; } .animateOut { animation: accordionOut 0.45s alternate ease-in-out both 1; } @keyframes accordionIn { 0% { opacity: 0; transform:scale(0.9) rotateX(-60deg); transform-origin: 50% 0; } 100% { opacity:1; transform:scale(1); } } @keyframes accordionOut { 0% { opacity: 1; transform:scale(1); } 100% { opacity:0; transform:scale(0.9) rotateX(-60deg); } } a.is-expanded:before{ content: "+"; font-size:1.5em; transform:rotate(45deg); float:left; transition: transform 0.3s ease-in-out; } dt{ border-bottom: 2px solid #fff; line-height:0 !important; } /*end accordian*/ /*recognized universities*/ .recognized-uni ul li{ list-style:none; line-height:26px; } .recognized-uni ul .ft-first-span{ width:3%; } .recognized-uni ul li a:hover{ text-decoration:none; } .headingtxt-withoutbar{ color: #041852; font-size: 21px; letter-spacing: 0.035em; padding-bottom: 20px; } .border-right{ border-right: 1px solid; border-right-color: whitesmoke; } /*end universities*/ /*functions*/ #functions ul li{ line-height:24px; color: #444343; } /*end functions*/ /*internation travel grant*/ #internationaltravelgrant p{ color: #444343; font-size: 14px; line-height: 26px; letter-spacing: 0.035em; } /*end*/ /*archive event style*/ .event .entry-title { font-size: 25px; color: #041852; text-transform: capitalize; position: relative; font-family:'HelveticaNeueLight'; padding-bottom: 18px; font-weight:bold; } .event .entry-title:after { content: ''; position: absolute; bottom: 0; left: 0; height: 2px; width: 32px; background: #efbd1a; } .event .entry-content h4 { font-size: 22px; color: #041852; text-transform: capitalize; position: relative; padding-bottom: 23px; margin-bottom: 14px; } .event .entry-content h4:after { content: ''; position: absolute; bottom: 0; left: 0; height: 2px; width: 32px; background: #efbd1a;} .entry-meta { text-align: center; padding: 0 35px 9.5px 38px; border-bottom: none; width: 100%; color: #616161; font-size: 14px; line-height: 26px; font-family:'HelveticaNeueLight'; } .entry-meta ul { display: inline-block; width: 90%; padding:0; margin:0; } .entry-meta ul li { float: left; text-align: center; width: 30%; list-style:none; } @media (max-width:768px){ .entry-meta ul li { float: left; text-align: center; width: 100%; padding:10px 0; list-style:none; } } .entry-meta ul li i { width: 100%; font-size: 26px; color: #efbd1a; } .entry-meta ul li span { font-size: 14px; letter-spacing: 0.035em; color: #616161; } .entry-meta ul li span span{ font-family: 'HelveticaNeueBold' !important; } /*end event archive*/ /*archive page*/ .archive .entry-title { font-size: 25px; color: #041852; text-transform: capitalize; position: relative; font-family:'HelveticaNeueLight'; padding-bottom: 18px; font-weight:bold; text-decoration:none; } .archive .entry-title:after { content: ''; position: absolute; bottom: 0; left: 0; height: 2px; width: 32px; background: #efbd1a; } .entry-content{ letter-spacing: 0.035em; color: #444343; text-align: justify; font-size: 14px; line-height: 24px; padding-top: 1px; } /*end archive*/ /*archive news*/ .newsBox .entry-title { font-size: 22px; color: #041852; text-transform: capitalize; position: relative; font-family: 'HelveticaNeueLight'; padding-bottom: 18px; font-weight: bold; } .newsBox .entry-title>a { font-size: 22px; color: #041852; text-transform: capitalize; position: relative; font-family: 'HelveticaNeueLight'; padding-bottom: 18px; font-weight: bold; } .newsBox .entry-title:after { content: ''; position: absolute; bottom: 0; left: 0; height: 2px; width: 32px; background: #efbd1a; } .newsBox{ border: #e0e0e0 solid 1px; padding: 10px 20px 30px 20px; position: relative; min-height:310px; } .socialBox{ float: left; width: 100%; border-bottom: #e0e0e0 solid 1px; border-left: #e0e0e0 solid 1px; border-right: #e0e0e0 solid 1px; padding: 10px 20px 5px 20px; position: relative; margin-bottom:30px; } .newsBox .entry-content{ color: #616161; letter-spacing: 0.070em; margin-top: 5px; font-weight:normal; text-align:justify; } .newsBox .entry-title a:hover { color: #efbd1a; } .info li{ font-size: 14px; color: rgba(97, 97, 97, 0.5); letter-spacing: 0.035em; line-height: 20px; padding-right: 3px; } .info li span{ display: inline-block; padding-right:5px; } #social-detail{ float: right; margin-top: 3px; } #social-detail li a{ text-decoration:none; color:rgba(97, 97, 97, 0.5); font-size:14px; } #social-detail li a:hover{ color:#efbd1a; } .newsBox .fa{ color:#efbd1a; font-size:14px; } /*end archive news*/ /*carousel fade*/ .carousel.carousel-fade .item { -webkit-transition: opacity 0.5s ease-in-out; -moz-transition: opacity 0.5s ease-in-out; -ms-transition: opacity 0.5s ease-in-out; -o-transition: opacity 0.5s ease-in-out; transition: opacity 0.5s ease-in-out; opacity:0; } .carousel.carousel-fade .active.item { opacity:1; } .carousel.carousel-fade .active.left, .carousel.carousel-fade .active.right { left: 0; z-index: 2; opacity: 0; filter: alpha(opacity=0); } .carousel.carousel-fade .next, .carousel.carousel-fade .prev { left: 0; z-index: 1; } .carousel.carousel-fade .carousel-control { z-index: 3; } /*end*/ .entry-title{ font-family: helveticaneue; font-weight: bold; letter-spacing: 0.077em; margin-bottom:10px; } .commision-members-content h2{ font-family: helveticaneue; font-weight: bold; letter-spacing: 0.077em; margin-bottom:10px; } .about-heading-wrapper{ margin-bottom:10px; } .entry-title a{ text-decoration:none; color:inherit; } .entry-title a:hover{ color: #efbd1a; } .entry-content p{ letter-spacing: 0.035em; color: #444343; text-align: justify; font-size: 14px; line-height: 24px; padding-top: 1px; font-family: helveticaneuelight; } .owl-item{ padding:10px; } .owl-item img{ width:100%; } .pp_social{ display:none; } /*staff phec*/ .tbl-header-section td.staff-category { text-align: center; font-size: 18px; } .tbl-header-section td{ background-color: #f5f5f5 !important; font-weight:bold; } /*end*/ /*.js div#preloader { position: fixed; left: 0; top: 0; z-index: 999; width: 100%; height: 100%; overflow: visible; background: #333 url('http://files.mimoymima.com/images/loading.gif') no-repeat center center; }*/ .js div#preloader { position: fixed; left: 0; top: 0; z-index: 999; width: 100%; height: 100%; overflow: visible; background: #333 no-repeat center center; } .news-heading:after{ display:none; } @media screen and (min-width: 1100px) { li#menu-item-449 ul { max-width: 32em !important; width: 32em !important; } li#menu-item-449 ul li ul { max-width: auto !important; width: auto !important; } } #wpsp_slide_demo { display:none !important; } .support_bs .nav-tabs > li > a#tab_faq { display:none !important; } .college_list_table { text-align:center; } .gap_area { height:10px; } .new_amer { position:absolute; text-align: right; font-weight: bold; top:9px; right:30px; } .new_amer a { color: #fff; font-size: 14px; letter-spacing: 0.035em; font-family: 'HelveticaNeue'; text-decoration:none; letter-spacing: 3px; line-height: 30px;} .new_amer a:hover { color:#bcbf90; } .new_amer form { float:right;margin-left:20px; position:relative; width:260px;} .new_amer form input[type="text"] { height:30px; background:#bcbf90; color:#333; padding:0 44px 0 13px; font-family: 'HelveticaNeue'; border:0; font-size:14px; width:100%; float:left; letter-spacing:1px;} .new_amer form input[type="submit"] { position:absolute; top:0; right:0; width:34px; height:30px; text-indent:-9999px; background:url(images/magni_icon.png) no-repeat center center #bcbf90; border:0; } .art_article { outline:none; } .art_article table { outline:none; } .art_article table td { padding:4px; } h1#firstHeading { font-size:16px; } .send_messg { font-family: 'HelveticaNeueBold'; font-size: 19px; line-height: 28px; letter-spacing: 0.035em; color: #041852; margin-top: 0px; text-transform: uppercase; margin-bottom: 20px; text-align: center; } .pars p {outline: none; font-size: 18px !important; font-weight: bold; margin-bottom: 19px; } #edit-submitted-city { outline: none; width: 435px; margin-bottom: 10px; } #edit-submitted-institute-name { outline: none; width: 435px; margin-bottom: 10px; } .navbar-nav.navbar-right:last-child { /*margin-right: -206px;*/ margin:0; } .gfield_captcha_container { outline:none; } .gform_wrapper .gfield_captcha_container img.gfield_captcha { outline:none; } .gform_wrapper .gfield_captcha_input_container { padding-top: 10px !important; } .required_area { outline:none; } .required_area p { color: red !important; text-align: center !important; font-size: 18px !important; font-weight: bold; } #gform_submit_button_2 { outline: none; background-color: #282828; width: 10% !important; float: right; font-weight: bold; } .clr { clear:both; margin:0; padding:0; } #drug img { max-width: 100%; min-height: 220px; max-height: 222px; } @media screen and (max-width: 600px) { #news_area img { max-width:100%; max-height:200px; } } .responsive_img { max-width:550px; } .owl-carousel .owl-item { /*max-width:153px;*/ padding-left:0; padding-right:0; min-height:225px; margin-right:21px; } .owl-carousel .owl-item:last-child { padding-left:0; padding-right:0; min-height:225px; margin-right:0; } /* top story area */ .top_story_area { outline: none; max-width: 100%; float: left; width: 100%; background-color: #f1edec; float:left; /*margin-right: 22px;*/ margin-bottom:20px; } .story_img { outline:none; /*box-shadow: 0 0 0 0 rgba(0,0,0,0.5);*/ margin: 0 0 0; } .story_img img { outline:none; max-width:100%; width: 100%; height:auto; } .story_heading { outline:none; min-height:105px; } .story_heading h3 { font-size: 14px !important; color: #333; font-weight: bold; line-height:22px; text-align: justify; margin: 0 0 10px; } .story_text { outline:none; } .story_text p { outline: none; color: #000; line-height: 20px; } .story_readmore { outline:none; text-align:left; position: absolute; bottom: 25px; left: 15px; } .story_readmore a { padding: 5px 10px; background-color: #000000; color: white; border-radius: 5px; text-decoration: none; } .story_readmore a:hover { background-color: #2e542b; } .st_detail { outline: none; padding-top:20px; padding-left: 15px; padding-right: 15px; padding-bottom: 60px; position: relative; min-height:213px; } #view_all { outline:none; margin-top:18px; } #view_all a.all_stories { outline: none; float: right; background-color: #2f8546; color: #fff; font-size: 16px; padding: 8px; border-radius: 5px; margin-right: 0; text-decoration:none; } #view_all a.all_stories:hover { background-color:#bcbf90; color: #000000; } .new_top_story_area { outline: none; max-width: 100%; float: left; width: 236px; background-color: #f1edec; float:left; /*margin-right: 22px;*/ margin-bottom:20px; } .new_story_img { outline:none; /*box-shadow: 0 0 0 0 rgba(0,0,0,0.5);*/ margin: 0 0 0; } .new_story_img img { outline:none; max-width:235px; height:auto; } /* end top story area */ #news_area .title_area{ font-size: 24px; color: #ffffff; text-transform: capitalize; position: relative; font-family:'HelveticaNeueLight'; padding: 13px 10px 13px 15px; font-weight:normal; background-color: #bcbf90; margin-bottom:0; } #training_area .title_area{ font-size: 24px; color: #ffffff; text-transform: capitalize; position: relative; font-family:'HelveticaNeueLight'; padding: 13px 10px 13px 15px; font-weight:normal; background-color: #bcbf90; margin-bottom:0; } #initiative_area .title_area{ font-size: 24px; color: #ffffff; text-transform: capitalize; position: relative; font-family:'HelveticaNeueLight'; padding: 13px 10px 13px 15px; font-weight:normal; background-color: #bcbf90; margin-bottom:0; margin-top:3px; text-align:left; } #related_links .title_area{ font-size: 24px; color: #ffffff; text-transform: capitalize; position: relative; font-family:'HelveticaNeueLight'; padding: 13px 10px 13px 15px; font-weight:normal; background-color: #bcbf90; margin-bottom:0; text-align:left; margin-top:30px; } .newsclip_area { outline:none; } .news_date_area { text-align: center; background-color: #bcbf90; color: #ffffff; float: left; width: 58px; padding-top: 2px; padding-bottom: 2px; margin-left: 15px; margin-top: 4px; min-height:63px; font-weight:bold; font-family:"Helvetica Neue", Helvetica, Arial, sans-serif; } .no_margn { margin-right:0; } @media (min-width:545px) and (max-width: 768px) { .no_margn { margin-right:22px; } } @media (min-width:991px) and (max-width: 1200px) { .no_margn { margin-right:22px; } } .pag_vars { text-align: center; font-size: 16px; margin-top: 10px; margin-bottom: 10px; } .und_area { outline:none; margin-bottom:6px; } .simply-scroll { margin-bottom:30px !important; } .major_links { height: 309px; background-color: #e6e7e9; padding-top: 4px; } .major_initiatives { height: 262px; background-color: #e6e7e9; padding-top: 4px; } @media (min-width:320px) and (max-width: 330px) { .major_initiatives { height: 285px; } .major_links { height: 355px; } } @media (min-width:769px) and (max-width: 990px) { .major_initiatives { height: 328px; } .major_links { height: 398px; } } @media (min-width:991px) and (max-width: 1200px) { .major_initiatives { height: 283px; } .major_links { height: 355px; } } .major_initiatives ul, .major_links ul { outline:none; padding-left:0; } .major_initiatives li { border-bottom: 2px solid #225a2d; padding-top: 11px; padding-bottom: 11px; list-style:none; } .major_initiatives li a, .major_links li a { outline:none; color: #262729; font-family: "Open Sans", sans-serif; padding-left:15px; font-size:16px; display:block; text-align:left; } .major_links li { border-bottom: 2px solid #225a2d; padding-top: 13px; padding-bottom: 13px; list-style:none; } #text-3 h4 { font-size: 17px; margin-top: 20px; margin-bottom: 20px; } #text-3 a { color:#ffffff; } #text-3 p span.mark { position: relative; margin-right: 15px; height: 30px; float: left; } #text-3 p span.adres_area { } .marker_1::before { width: 16px; content: " "; background-image: url(images/loc_icon.png); height:16px; display:block; } .marker_2::before { width: 16px; content: " "; background-image: url(images/phone_icon.png); height:16px; display:block; } .marker_3::before { width: 16px; content: " "; background-image: url(images/fax_icon.png); height:16px; display:block; } .marker_4::before { width: 16px; content: " "; background-image: url(images/email_icon.png); height:16px; display:block; } .councel_area { outline:none; } .council_left { float:left; width:50%; } .council_right { float:left; width:50%; } @media (max-width: 1300px) { .carousel-inner { max-height:310px; } } @media (min-width:1301px) and (max-width: 1400px) { .carousel-inner { max-height:418px; } } @media (min-width:1501px) and (max-width: 1600px) { .carousel-inner { max-height:465px; } } @media (min-width:1601px) and (max-width: 1700px) { .carousel-inner { max-height:490px; } } @media (min-width:1701px) and (max-width: 1800px) { .carousel-inner { max-height:522px; } } @media (min-width:1801px) and (max-width: 1900px) { .carousel-inner { max-height:554px; } } @media (min-width:1901px) and (max-width: 2000px) { .carousel-inner { max-height:594px; } } @media (min-width:2001px) and (max-width: 2100px) { .carousel-inner { max-height:628px; } } @media (min-width:2101px) and (max-width: 2200px) { .carousel-inner { max-height:668px; } } @media (min-width:2201px) and (max-width: 2300px) { .carousel-inner { max-height:708px; } } @media (min-width:2301px) and (max-width: 2400px) { .carousel-inner { max-height:748px; } } blink { animation: blinker 2s linear infinite; } @keyframes blinker { 50% { opacity: 0; } } /* blink one for complaint cell */ blink-one { animation: blinker-one 3s linear infinite; } @keyframes blinker-one { 50% { opacity: 0; } } blink-one:hover { -webkit-animation: none; -moz-animation: none; animation: none; } blink-one a span { cursor:pointer; } blink-one a:hover { text-decoration:none; } blink-two { animation: blinker-two 1s linear infinite; } @keyframes blinker-two { 50% { opacity: 0; } } blink-two:hover { -webkit-animation: none; -moz-animation: none; animation: none; } blink-two a span { cursor:pointer; } blink-two a:hover { text-decoration:none; color:#ffffff; } blink-two a { color:yellow; font-weight:bold; font-size:16px; } blink-four { animation: blinker-four 1s linear infinite; } @keyframes blinker-four { 50% { opacity: 0; } } blink-four:hover { -webkit-animation: none; -moz-animation: none; animation: none; } blink-four a span { cursor:pointer; } blink-four a:hover { text-decoration:none; color:red; } blink-four a { color:red; font-weight:bold; font-size:16px; text-shadow:2px 2px 2px yellow; } blink-five { animation: blinker-five 1s linear infinite; } @keyframes blinker-five { 50% { opacity: 0; } } blink-five:hover { -webkit-animation: none; -moz-animation: none; animation: none; } blink-five a span { cursor:pointer; } blink-five a:hover { text-decoration:none; color:red; } blink-five a { color:red; font-weight:bold; font-size:16px; text-shadow:2px 2px 2px yellow; } blink-six { animation: blinker-six 1s linear infinite; } @keyframes blinker-six { 50% { opacity: 0; } } blink-six:hover { -webkit-animation: none; -moz-animation: none; animation: none; } blink-six a span { cursor:pointer; } blink-six a:hover { text-decoration:none; color:red; } blink-six a { color:red; font-weight:bold; font-size:16px; text-shadow:2px 2px 2px yellow; } blink-seven { animation: blinker-seven 1s linear infinite; } @keyframes blinker-seven { 50% { opacity: 0; } } blink-seven:hover { -webkit-animation: none; -moz-animation: none; animation: none; } blink-seven a span { cursor:pointer; } blink-seven a:hover { text-decoration:none; color:red; } blink-seven a { color:red !important; font-weight:bold; font-size:20px; /*text-shadow:2px 2px 2px yellow;*/ text-decoration:none !important; } blink-eight { animation: blinker-eight 1s linear infinite; } @keyframes blinker-eight { 50% { opacity: 0; } } blink-eight:hover { -webkit-animation: none; -moz-animation: none; animation: none; } blink-eight a span { cursor:pointer; } blink-eight a:hover { text-decoration:none; color:red; } blink-eight a { color:yellow !important; font-weight:bold; font-size:17px !important; text-shadow:2px 2px 2px red; text-decoration:none !important; outline:none; } blink-nine { animation: blinker-nine 1s linear infinite; /*font-size: 21px; font-weight: bold;*/ } @keyframes blinker-nine { 50% { opacity: 0; } } blink-nine:hover { -webkit-animation: none; -moz-animation: none; animation: none; } blink-nine a span { cursor:pointer; } blink-nine a:hover { text-decoration:none; color:red; } blink-nine a { font-weight:bold; font-size:20px; /*text-shadow:2px 2px 2px yellow;*/ text-decoration:none !important; } blink-academy { animation: blinker-academy 1s linear infinite; } @keyframes blinker-academy { 50% { opacity: 0; } } blink-academy:hover { -webkit-animation: none; -moz-animation: none; animation: none; } blink-academy a span { cursor:pointer; } blink-academy a:hover { text-decoration:none; color:red; } blink-academy a { color:red; font-weight:bold; font-size:16px; text-shadow:2px 2px 2px yellow; display:block; padding-top:5px; } blink-punjab { display: block; width: 107px; text-align: center; padding-top: 5px; animation: blinker-punjab 1s linear infinite; } @keyframes blinker-punjab { 50% { opacity: 0; } } blink-punjab:hover { -webkit-animation: none; -moz-animation: none; animation: none; } blink-punjab a span { cursor:pointer; } blink-punjab a:hover { text-decoration:none; color:red; } blink-punjab a { color:red; font-weight:bold; font-size:12px; text-shadow:2px 2px 2px yellow; } blink-fund { animation: blinker-fund 3s linear infinite; } @keyframes blinker-fund { 50% { opacity: 0; } } blink-fund:hover { -webkit-animation: none; -moz-animation: none; animation: none; } blink-fund a span { cursor:pointer; } blink-fund a:hover { text-decoration:none !important; color:#ffffff; } blink-fund a { color:#ffffff !important; font-weight:bold; font-size:16px; text-decoration:none !important; } .research_icon { outline: none; width: 286px; text-align: center; float: right; padding-right: 12px; background:#0e5c70; padding:10px; } /* End blink one for complaint cell */ .HighlightsSectn { float: left; width: 100%; } #main-intro.HighlightsSectn .title_area { background: url(images/separator-pattern.png) #e6e6e6 repeat; padding: 26px 0; margin: 0; text-align: center; font-size: 35px; color: #2f8546; margin-bottom: 25px;max-height:84px; } .TrainingSctn { float: left; width: 100%; padding: 0 0 20px;} .TrainingSctn .title_area { background: url(images/separator-pattern.png) #e6e6e6 repeat; padding: 26px 0; margin: 0; text-align: center; font-size: 35px; color: #2f8546; margin-bottom: 25px;max-height:84px; } @media (min-width:320px) and (max-width: 410px) { .TrainingSctn .title_area { font-size: 25px; } } .TrainingSctn ul { margin: 0; padding: 0; list-style: none; } .TrainingSctn ul li { float: left; width: 272px; padding: 0px; margin-left: 35px; } .TrainingSctn ul li:first-child { float: left; width: 272px; padding:0; margin-left: 16px; } /*.TrainingSctn ul li:nth-child(3) { float: left; width: 272px; padding: 0px; margin-left: 35px; }*/ /*.TrainingSctn ul li:first-child { width: 50%; }*/ .TrainingLstDiv { float: left; width: 100%; background: #3b9f56; box-shadow: 5px 5px 20px 0px rgba(0,0,0,0.2);} .TraningLstImg { width: 100%; } .TraningLstImg a { position:relative; display:block; } .TraningLstImg a:before { content:""; position:absolute; top:0; left:0; width:100%; height:100%; background:rgba(29,126,55,0.5); opacity:0; transition: all 0.4s ease 0s;} .TraningLstImg a:hover:before { opacity:1; } .TraningLstImg img { width: 272px;height:210px; } .TraningLstDes { width: 100%; padding: 50px 8px 30px; position: relative; height:153px;} .TraningLstDes h3 { position: absolute; top: 20px; left: 0; background: rgba(255,255,255,0.3); padding: 9px 25px 6px; text-transform: uppercase; color: #fff; font-family: 'HelveticaNeueBold'; margin: 0; font-size: 14px;} .TraningLstDes h4 { font-size: 18px; text-transform: uppercase; font-family: 'HelveticaNeueBold'; line-height: 22px; color: #fff; margin: 26px 0 0; } .TraningLstDes h4 a { color:#ffffff; transition: all 0.4s ease 0s; text-decoration:none;} .TraningLstDes h4 a:hover { color:#333;} .TraningLstDes p { font-size: 16px; line-height: 23px; font-family: 'HelveticaNeueMedium';color: #fff; } /*.TrainingSctn ul li:first-child .TraningLstImg { float: right; width: 50%; }*/ /*.TrainingSctn ul li:first-child .TraningLstDes { overflow: hidden; width: auto; padding: 70px 20px 10px;} .TrainingSctn ul li:first-child .TraningLstDes h3 { top: 37px } .TrainingSctn ul li:first-child .TraningLstDes h4 { margin: 30px 0 17px; }*/ .HighlightsSectn .story_img a{ position:relative; display:block; } .HighlightsSectn .story_img a:before { content:""; position:absolute; top:0; left:0; width:100%; height:100%; background:rgba(29,126,55,0.5); opacity:0; transition: all 0.4s ease 0s;} .HighlightsSectn .story_img a:hover:before { opacity:1; } @media (max-width: 1199px) { TraningLstDes { padding:38px 15px 10px; min-height:111px;} .TraningLstDes h3 { padding:9px 15px 6px; font-size:11px; top:10px;} .TraningLstDes h4 { font-size:15px;} .TraningLstDes p { font-size:15px;} /*.TrainingSctn ul li:first-child .TraningLstDes { padding:46px 15px 10px; } .TrainingSctn ul li:first-child .TraningLstDes h3 { top:15px; } .TrainingSctn ul li:first-child .TraningLstDes h4 { margin:15px 0;} */ .st_detail { padding-bottom:40px;} .story_heading { min-height:140px;} .story_heading h3 { font-size:12px !important; line-height: 20px;} .story_readmore { bottom:10px;} } @media (min-width: 769px) and (max-width: 991px) { .TrainingSctn { padding:40px 0 20px;} .TrainingSctn ul li { margin-bottom:20px; width:50%;} /*.TrainingSctn ul li:first-child { width:100%;} */ } @media (min-width: 768px) and (max-width: 890px) { .new_amer a { font-size:14px; letter-spacing:1px;} } @media (max-width: 767px) { .TrainingSctn { padding: 15px 0 20px;} .TrainingSctn ul li { margin-bottom:20px; width:100%;} /*.TrainingSctn ul li:first-child { width:100%;}*/ .TraningLstDes { padding:50px 15px 30px } .TraningLstDes h4 { margin:0;} /*.TrainingSctn ul li:first-child .TraningLstImg { width:100%;}*/ /*.TrainingSctn ul li:first-child .TraningLstDes h4 { margin:10px 0 3px;}*/ .story_heading { min-height:0;} } @media (min-width: 769px) and (max-width: 1190px) { #foot_area_1 { width: 50%; } #foot_area_2 { width: 50%; } #foot_area_3 { width: 50%; } #foot_area_4 { width: 50%; } } @media (min-width: 1200px) { #foot_area_2 { width: 28%; } #foot_area_3 { width: 26%; } #foot_area_4 { width: 21%; } } @media (min-width: 320px) and (max-width: 990px) { #pos_img img { width:100%; } } .prof_img_area { float: left; margin-right: 23px; border: 1px solid #B60010; box-shadow: 5px 5px 5px 5px #e7e7e7; } .prof_desc_area { line-height: 32px; } @media (min-width: 320px) and (max-width: 520px) { .prof_desc_area { line-height: 32px; width: 100%; float: right; margin-top: 10px; } } #commision_member_area { width:20%; } #committee_member_area { width:25%; } @media (min-width: 320px) and (max-width: 400px) { #commision_member_area { width:50%; } #committee_member_area { width:50%; } .div_min_height { min-height: 389px; } .div_1_height { min-height: 350px; } } @media (min-width: 401px) and (max-width: 500px) { #commision_member_area { width:50%; } #committee_member_area { width:50%; } .div_1_height { min-height: 325px; } } @media (min-width: 501px) and (max-width: 768px) { #commision_member_area { width:50%; } #committee_member_area { width:50%; } .div_min_height { min-height: 310px; } .div_1_height { min-height: 270px; } } @media (min-width: 769px) { #top_wrapper_area { min-height:212px; } } #control_area_1, #control_area_2, #control_area_3 { width:50%; } #control_img_1, #control_img_2, #control_img_3 { width:255px; } @media (min-width: 320px) and (max-width: 468px) { #control_area_1, #control_area_2, #control_area_3 { width:100%; } #control_img_1, #control_img_2, #control_img_3 { width:auto; } } @media (min-width: 469px) and (max-width: 760px) { #control_area_1, #control_area_2, #control_area_3 { width:100%; } #control_img_1, #control_img_2, #control_img_3 { width:255px; } } ol#chancellor_list { outline:none; } ol#chancellor_list li { line-height:35px; } #slider_arch_btn { outline: none; margin-top: 4px; position: absolute; right: 0; z-index:1; } #slider_arch_btn a.all_stories { outline: none; float: right; background-color: #2f8546; color: #fff; font-size: 16px; padding: 0 8px 0 8px;; border-radius: 5px; margin-right: 0; text-decoration:none; } #slider_arch_btn a.all_stories:hover { background-color:#bcbf90; color: #000000; } .home_left { width:890px;; float:left; } .home_right { width:286px;; float:right; } .links_area { width:286px; height:362px; background: #616161; box-shadow: 5px 5px 20px 0px rgba(0,0,0,0.2); } .event_area { width:286px; height:362px; background: #616161; box-shadow: 5px 5px 20px 0px rgba(0,0,0,0.2); } .TrainingSctn .links_area ul { outline:none; height:362px; } .TrainingSctn .event_area ul { outline:none; height:362px; } #link_height { height:394px; } .TrainingSctn .links_area ul li:first-child, .TrainingSctn .links_area ul li { width:100%; line-height: 28px; border-bottom:2px solid #cccccc; padding:10px; margin-left:0; } .TrainingSctn .event_area ul li:first-child, .TrainingSctn .event_area ul li { width:100%; line-height: 28px; border-bottom:2px solid #cccccc; padding:10px; margin-left:0; } .TrainingSctn .links_area ul li a { color:#ffffff; font-size: 15px; } .TrainingSctn .event_area ul li a { color:#ffffff; font-size: 15px; } #main-intro .links_area ul { outline: none; list-style-type: none; padding-left: 0; } #main-intro .event_area ul { outline: none; list-style-type: none; padding-left: 0; } #main-intro .links_area ul li:first-child, #main-intro .links_area ul li { width:100%; line-height: 34px; border-bottom:2px solid #cccccc; padding-top:10px; padding-bottom:10px; padding-right:0; padding-left:10px; } #main-intro .event_area ul li:first-child, #main-intro .event_area ul li { width:100%; line-height: 34px; border-bottom:2px solid #cccccc; padding-top:10px; padding-bottom:10px; padding-right:0; padding-left:10px; } #main-intro .links_area ul li a { color:#ffffff; font-size: 15px; } #main-intro .event_area ul li a { color:#ffffff; font-size: 15px; } #headline_area_1 { padding:0; width:272px; } #headline_area_2 { padding:0; width:272px; margin-left:35px; } #headline_area_3 { padding:0; width:272px; margin-left:35px; } @media (min-width: 320px) and (max-width: 1199px) { .TrainingSctn .title_area { font-size:25px; } .home_left { width:100%; float:left; margin-top:12px; } .home_right { width:100%; float:right; } .TrainingSctn ul li { width:272px; margin-left:17px; } #headline_area_2 { margin-left:0px; } #headline_area_3 { margin-left:0px; } .links_area, .TrainingSctn .links_area ul { height:462px; } .event_area, .TrainingSctn .event_area ul { height:362px; } } @media (min-width: 573px) and (max-width: 990px) { #headline_area_1 { margin-right:35px; } #headline_area_2 { margin-right:35px; } #headline_area_3 { margin-right:35px; } } @media (min-width: 991px) and (max-width: 1199px) { #headline_area_2 { margin-left:35px; } #headline_area_3 { margin-left:35px; } } @media (min-width:1200px) { .container { width: 1230px; } } @media (min-width: 320px) and (max-width: 768px) { #icn_area { display:block; background-color:#616161; } #icn_area .item p { color:#ffffff; } #icn_area .item a { color:#ffffff; } #icn_area .item blink-four a, #icn_area .item blink-five a, #icn_area .item blink-six a { color:red; } } @media (min-width:769px) { #icn_area { display:none; } } @media (min-width:1000px) { .research_icon { /*margin-top:-56px;*/ } } .alert_icon { outline: none; border: 2px solid #ccc; width: 100%; text-align: center; text-align :center; background:#f9f9f9; } .alert_icon a { color:red !important; outline: none; } .alert_partner { outline: none; width: 286px; text-align: center; float: right; background: #616161; margin-right: 16px; padding: 10px; } .alert_partner a { color: #ffffff !important; outline: none; font-size: 16px; } .parner_button { margin-bottom:2px; margin-bottom: 2px; z-index: 99999; position: absolute;margin-top: -48px; } .parner_small_button { display:none; } @media (min-width: 320px) and (max-width: 1200px) { .parner_button { display:none; } .parner_small_button { display:block; margin-bottom:2px; margin-bottom: 2px; z-index: 99999; position: relative; margin-top: 10px; } .alert_partner { margin-right:0; } } @media (min-width: 320px) and (max-width: 1200px) { #org_area table td { width: 100%; display: inline-block; margin-bottom: 11px; } } /* -- Training Area -- */ .training_det_area { /*font-weight:bold;*/ font-size:14px; } .training_det_2 { font-size: 14px; /*font-weight: bold;*/ /*padding-left: 10px; */ } .training_det_2 ol { padding-left:14px; margin-bottom:0; } .training_det_2 ol li { padding-left:3px; } .train_tbl { outline:none; border:2px solid #bcbf90; border-radius: 6px; border-collapse: separate; box-shadow: 1px 1px #2e542b; } .train_tbl td { outline:none; padding:10px; border-bottom:2px solid #bcbf90; border-right:2px solid #bcbf90; } .train_tbl td.rmv_bot { border-bottom:0; } .train_tbl td.rmv_right { border-right:0; } .train_tbl td.rmv_bot_right { border-bottom:0; border-right:0; } .video_img_area { float:left; width:262px; } /* -- EWnd Training Area -- */ /* --Partnet Area -- */ .partner_logo { opacity: 1; transition: .5s ease; cursor:pointer; } .partner_logo:hover { opacity: 0.3; } ul.cop_area { padding-left:0px; margin:0; } ul.cop_area li { outline:none; list-style-type:none; padding-left:13px; } ul.cop_area li.cop_in_area { border-bottom:1px solid green; } /* --End Partnet Area -- */ /* -- ongoing training area -- */ .ongoing_area { width:286px; height:362px; background: #616161; box-shadow: 5px 5px 20px 0px rgba(0,0,0,0.2); } @media (min-width: 320px) and (max-width: 990px) { .ongoing_area { height:420px; } } .TrainingSctn .ongoing_area ul { outline:none; height:362px; } .TrainingSctn .ongoing_area ul li:first-child, .TrainingSctn .ongoing_area ul li { width:100%; /*line-height: 28px;*/ line-height: 23px; border-bottom:2px solid #cccccc; padding:10px; margin-left:0; } .TrainingSctn ul li:first-child { float: left; width: 272px; padding:0; margin-left: 16px; } .TrainingSctn .ongoing_area ul li:first-child, .TrainingSctn .ongoing_area ul li { width:100%; line-height: 27px; /*line-height: 23px;*/ border-bottom:2px solid #cccccc; padding:10px; margin-left:0; } .TrainingSctn .ongoing_area ul li a { color:#ffffff; font-size: 15px; } /* -- end ongoing training area -- */