body { font:14px/19px 'Helvetica Neue LT Pro Roman'; background-color:#FBFBFB; color:#343434; } #main-wrapper {transition: transform 0.3s; background-color:#FBFBFB; } .container-inner { max-width:1054px; margin:0 auto;} /*reset*/ .navbar-default { border-color: transparent; background: none;} .navbar-collapse { padding:0; } a:hover {outline: none;text-decoration:none;} a:focus { outline:none; outline-offset: 0;} input { outline:none; } ul, ul li { margin:0; padding:0; text-decoration:none; } /*end reset*/ /*buttons*/ .btn_more {background:rgba(49,225,219,1); font-size: 14px; font-family: 'Helvetica Neue LT Pro Md'; margin: 5px 0; padding: 10px 15px;float: left;border-radius:25px; color:#ffffff; } .btn_more:hover { color:#ffffff; } .btn_more_clr1 {background: -moz-linear-gradient(left, rgba(49,225,219,1) 0%, rgba(37,140,192,1) 100%); background: -webkit-gradient(left top, right top, color-stop(0%, rgba(49,225,219,1)), color-stop(100%, rgba(37,140,192,1))); background: -webkit-linear-gradient(left, rgba(49,225,219,1) 0%, rgba(37,140,192,1) 100%); background: -o-linear-gradient(left, rgba(49,225,219,1) 0%, rgba(37,140,192,1) 100%); background: -ms-linear-gradient(left, rgba(49,225,219,1) 0%, rgba(37,140,192,1) 100%); background: linear-gradient(to right, rgba(49,225,219,1) 0%, rgba(37,140,192,1) 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#31e1db', endColorstr='#258cc0', GradientType=1 ); } .btn_more_clr2 {background: rgba(45,107,169,1); background: -moz-linear-gradient(45deg, rgba(45,107,169,1) 0%, rgba(236,135,109,1) 80%, rgba(236,135,109,1) 100%); background: -webkit-gradient(left bottom, right top, color-stop(0%, rgba(45,107,169,1)), color-stop(80%, rgba(236,135,109,1)), color-stop(100%, rgba(236,135,109,1))); background: -webkit-linear-gradient(45deg, rgba(45,107,169,1) 0%, rgba(236,135,109,1) 80%, rgba(236,135,109,1) 100%); background: -o-linear-gradient(45deg, rgba(45,107,169,1) 0%, rgba(236,135,109,1) 80%, rgba(236,135,109,1) 100%); background: -ms-linear-gradient(45deg, rgba(45,107,169,1) 0%, rgba(236,135,109,1) 80%, rgba(236,135,109,1) 100%); background: linear-gradient(45deg, rgba(45,107,169,1) 0%, rgba(236,135,109,1) 80%, rgba(236,135,109,1) 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#2d6ba9', endColorstr='#ec876d', GradientType=1 );} .btn_more_clr3{background: rgba(92,125,154,1); background: -moz-linear-gradient(left, rgba(92,125,154,1) 0%, rgba(61,224,224,1) 100%); background: -webkit-gradient(left top, right top, color-stop(0%, rgba(92,125,154,1)), color-stop(100%, rgba(61,224,224,1))); background: -webkit-linear-gradient(left, rgba(92,125,154,1) 0%, rgba(61,224,224,1) 100%); background: -o-linear-gradient(left, rgba(92,125,154,1) 0%, rgba(61,224,224,1) 100%); background: -ms-linear-gradient(left, rgba(92,125,154,1) 0%, rgba(61,224,224,1) 100%); background: linear-gradient(to right, rgba(92,125,154,1) 0%, rgba(61,224,224,1) 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#5c7d9a', endColorstr='#3de0e0', GradientType=1 );} /*titles*/ .blue_title { color:#2571B8; font-family: 'Helvetica Neue LT Pro Bd'; font-size:30px; } .green_title {color:#25B88F; font-size:30px; font-family: 'Helvetica Neue LT Pro Bd'; } .grey_title { color:#989696; font-size:30px; font-family: 'Helvetica Neue LT Pro Bd';} .red_title { color:#F05F5F; font-size:12px; font-family: 'Helvetica Neue LT Pro Bd';} .title_outer{display: block; } .bordered_title { font-size:20px;font-family: 'Helvetica Neue LT Pro Bd'; padding-bottom:10px; position:relative; text-transform:uppercase; width:100%; display:inline; border-bottom:5px solid #FF7373; z-index: 1; } .bordered_title span {content: ''; position: absolute; border-bottom:1px solid #202020; display: block; height: 3px; width: 150%; max-width: 350px; z-index: -1; bottom: -5px; } section p { font-size:14px; } /*top section*/ .top_section { background-color:#3E3E3E; } .lang-icon a { display: inline-block; max-width:50px; display:none; border-radius: 15px; margin-right: 10px; padding: 1px 5px; font-size: 12px; border: 1px solid #ffffff; color:#ffffff; } .lang-icon {padding: 5px 0; } .lang-icon a.active{background-color:#ffffff; color:#444444; } .lang-icon a.active{background-color:#ffffff; display:block; color:#444444; } .mainLang { min-width: 58px; cursor:pointer;} .mainLang, .mainLang li {list-style:none; margin:0; padding:0; } .subLang { display:none; position:absolute; background-color:#ff8e3c; color: #ffffff; padding:5px; border-radius:5px; font-size:12px; } /*top menu*/ .top-menu, .contact_no, .top_search { display:inline-block; } .top_search {padding: 5px 0; } ul.top-menu li{display:inline-block; line-height: 22px; margin-left: -4px;} .top-menu { text-align:right;} .top-menu a { color:#FEFEFE; padding:5px 16px; font-size:12px; display:block; } .top-menu li.active a, .top-menu li:hover a{background-color: #ffffff; color: #444444; } .top-menu li img{ padding-right:5px;} .contact_no { display:inline-block; font-family: 'Helvetica Neue LT Pro Md'; font-size:16px; color:#FBFBFB; line-height: 20px; padding: 0 16px } .top_search { float:right; padding-left: 16px } .text-align-right { text-align:right; } .top_search input {background: #fff url(../images/search.png) no-repeat center left; border:0; outline:0; display: block; width: 20px; height: 20px; line-height:15px; border-radius: 50px; background-position-x: 2px;transition: all ease 0.5s; } .top_search input:focus {padding-left:20px; transition: all ease 0.5s; width: 120px; } /* banner */ .banner { padding: 40px 0px; background: #393A3A url(../images/university_bg.jpg) no-repeat center; } .logo { float:left; width:17%; min-width:150px;} .logo_content { float:left;width:83%; color:#ffffff;} .logo_content h1 { font-size:35px; margin-top: 10px; } .logo_content h2,.logo_content h3 { font-size:13px; margin: 10px 0; } /*menu_section*/ .navbar-nav { float: none; margin: 0 auto; max-width: 1024px;} .menu_section { background:#25B88F; border-bottom:3px solid #2571B8; } .navbar .navbar-inverse{display:block; transition: all ease 0.5s; } .navbar-inverse{margin-bottom:0px;} .navbar li, .navbar-inverse li { display:inline-block; } .navbar-inverse li:last-child { margin-right:0; } .dropdown-menu li { display:block; transition: all ease 0.5s; } .navbar-inverse li a, .dropdown-menu li a{ color:#ffffff; display:block; font-size:15px; } .navbar li a:hover, .navbar-inverse li a:hover, .navbar li:hover, .navbar-inverse li:hover, .navbar li.active a, .navbar-inverse li.active a, .dropdown-menu li a:hover, .dropdown-menu li.active a{ background:#2571B8; transition: all ease 0.5s; } .navbar-inverse li:hover .dropdown-menu { background:#25B88F; } .navbar-inverse li .dropdown-menu { margin:0; padding:0; border:0; margin-top: 3px; } .navbar-inverse{background-color:unset; border:none; color:#FFFFFF;} .navbar-inverse .navbar-nav li a{color:#FFFFFF; } .navbar-nav li a:hover{ background: #2571B8;} .navbar-inverse .navbar-nav>.open>a, .navbar-inverse .navbar-nav>.open>a:focus, .navbar-inverse .navbar-nav>.open>a:hover{ background: #2571B8;} .navbar-inverse .navbar-nav>.active>a, .navbar-inverse .navbar-nav>.active>a:focus, .navbar-inverse .navbar-nav>.active>a:hover{ background: #2571B8;} .dropdown-menu li a{background-color:#25B88F;padding-top:5px;padding-bottom:5px; display:block;} .dropdown-menu li { margin-right:0; } .menu_arrow { display:inline-block; width:8px; height:6px; background:url(../images/menu_arrow_down_hover.png) no-repeat; } .navbar-inverse li.open .dropdown-menu li a{ background:#2571b8; } .navbar-inverse li.open .dropdown-menu li:hover a{ background:#25B88F } /*slider*/ .slider_section .banner_content { position: absolute; top: 40%; left: 50%; } .banner_content p { font-size:24px; max-width:70%; line-height:32px; color:#6C6C6C; text-transform:uppercase; font-family: 'Helvetica Neue LT Pro Lt';} .banner_content p::before { content:''; position:absolute; background:url(../images/banner_quote.png) no-repeat center left; left:0; top:-85px; width:108px; height:79px; } .banner_content p span { display:block; padding-top:5px; font-family: 'Helvetica Neue LT Pro Bd'; color:#656565; } .carousel-control.right, .carousel-control.left { background: none !important; } a.left img, a.right img{ position: absolute; margin: auto; top: 0; bottom: 0; } .slider_section::after {content:''; position:absolute; background: rgba(175,177,250,1); background: -moz-linear-gradient(top, rgba(175,177,250,1) 0%, rgba(251,251,251,1) 55%, rgba(251,251,251,1) 100%); background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(175,177,250,1)), color-stop(55%, rgba(251,251,251,1)), color-stop(100%, rgba(251,251,251,1))); background: -webkit-linear-gradient(top, rgba(175,177,250,1) 0%, rgba(251,251,251,1) 55%, rgba(251,251,251,1) 100%); background: -o-linear-gradient(top, rgba(175,177,250,1) 0%, rgba(251,251,251,1) 55%, rgba(251,251,251,1) 100%); background: -ms-linear-gradient(top, rgba(175,177,250,1) 0%, rgba(251,251,251,1) 55%, rgba(251,251,251,1) 100%); background: linear-gradient(to bottom, rgba(175,177,250,1) 0%, rgba(251,251,251,1) 55%, rgba(251,251,251,1) 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#afb1fa', endColorstr='#fbfbfb', GradientType=0 ); width:100%; height:75%; } .carousel-inner>.item.active, .carousel-inner>.item.next.left, .carousel-inner>.item.prev.right { background: #fbfbfb;} .carousel-inner>.item>a>img, .carousel-inner>.item>img {margin: 0 auto; } .innperpage_slider .carousel-inner>.item.active, .innperpage_slider .carousel-inner>.item.next.left, .innperpage_slider .carousel-inner>.item.prev.right { background:#1acea9; } .innperpage_slider.slider_section::after { display:none; } .innperpage_slider .banner_content p {color:#363636; } .innperpage_slider .banner_content p span {color:#393939; } .innperpage_slider .banner_content p::before { background:url(../images/banner2_quote.png) no-repeat center left;} /*portal*/ .portal { margin-top:-9%; min-width: 250px; min-height: 250px; } .portal-bg-img { width:100%; } .portal_icon-text{position:absolute; text-align:center; bottom:30%; right:0; left:0;} .portal_icon-text h4{font-size:16px; font-family: 'Helvetica Neue LT Pro Md'; color:#FFFFFF;} /*message_vc*/ .message_vc {padding: 75px 0; } .msg_author_container { display:table; width:100%; } .msg_author_details { display:table-cell; width:64%; } .msg_author_details_inner { margin-left: 10%; padding:7% 3% 7% 12%; overflow:hidden; } .msg_author_details_inner span { display:block; font-family: 'Helvetica Neue LT Pro Md'; font-size:16px; } .msg_author_details_inner{border:4px solid #D6D6D6;} .author_pic img { max-width:120px; } .author_pic {position: absolute; left:15px;bottom: 0; top: 0; margin: auto; height: 163px; } .author_name { margin-top:0; } .author_name p{color:#343434;} .author_name span { font-size:18px; font-weight: normal; margin-top: 5px;} .msg_author_content {display:table-cell; width:36%; } .msg_author_content::after{ content:''; position:absolute; right:0; top:0; width:7px; height:100%; background: rgba(235,147,118,1); background: -moz-linear-gradient(top, rgba(235,147,118,1) 0%, rgba(122,131,153,1) 100%); background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(235,147,118,1)), color-stop(100%, rgba(122,131,153,1))); background: -webkit-linear-gradient(top, rgba(235,147,118,1) 0%, rgba(122,131,153,1) 100%); background: -o-linear-gradient(top, rgba(235,147,118,1) 0%, rgba(122,131,153,1) 100%); background: -ms-linear-gradient(top, rgba(235,147,118,1) 0%, rgba(122,131,153,1) 100%); background: linear-gradient(to bottom, rgba(235,147,118,1) 0%, rgba(122,131,153,1) 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#eb9376', endColorstr='#7a8399', GradientType=0 );} .msg_author_content_inner { background-color:#F5F5F5; display:block; color:#3F3F3F; position: absolute; margin-left: 10px; padding: 10px 30px; height: 100%; } .msg_author_content_inner .blue_title { margin-top:0; } .msg_author_content_inner_content { position: relative; color:#343434; top: 50%; transform: translateY(-50%); } /*bulletin_board*/ .bulletin_board { overflow:hidden; } .bulletin_board{ background: rgba(210,122,63,1); background: -moz-linear-gradient(top, rgba(210,122,63,1) 0%, rgba(28,87,127,1) 100%); background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(210,122,63,1)), color-stop(100%, rgba(28,87,127,1))); background: -webkit-linear-gradient(top, rgba(210,122,63,1) 0%, rgba(28,87,127,1) 100%); background: -o-linear-gradient(top, rgba(210,122,63,1) 0%, rgba(28,87,127,1) 100%); background: -ms-linear-gradient(top, rgba(210,122,63,1) 0%, rgba(28,87,127,1) 100%); background: linear-gradient(to bottom, rgba(210,122,63,1) 0%, rgba(28,87,127,1) 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#d27a3f', endColorstr='#1c577f', GradientType=0 );} .bulletin_board_left {font-family: 'Helvetica Neue LT Pro Md'; padding:5% 10% 5% 0%; overflow:hidden;color:#ffffff; } .bulletin_board_right { z-index: 1; position: absolute; width: 90%;} .bulletin_board_right_bg {background-color:#ffffff; min-height:360px; padding:10px 20px; } .bulletin_board_right_bg::after{background-color:#ffffff; content:''; top:0; width: 200%; position:absolute;min-height:600px; } .bulletin_board_left h3 { font-size:30px;} .bulletin_board_left p{ font-family: 'Helvetica Neue LT Pro Md'; } .bulletingboard_top h5{ color:#2571B8; font-size:30px; } .bulleting_nav {position: absolute; top: 10px; right: 0; background:url(../images/double_arrow.png) no-repeat; width:16px; height:22px; } .bulleting_nav span { display:block; height:11px; cursor:pointer; } .bulletingboard_content { width:100%; max-height: 265px; overflow: hidden; } .bulletingboard_content ul li { display:block; border-bottom:1px solid #A3A3A3; margin:15px 0;margin-bottom: 10px; } .bulletingboard_content ul li:first-child { padding-top:10px; } .bulletingboard_content ul li span { padding-left:15px; display:block; color:#343434; font-size:16px; font-family: 'Helvetica Neue LT Pro Md';} .bulletingboard_content ul li span.blt_date { display:block; color:#999999; text-align:right; font-size:9px; position:relative; font-family: 'Helvetica Neue LT Pro Md'; } .bulletingboard_content ul li span.blt_date::before { content:''; top: 7px; left: -15px; width:10px; position:absolute; border-left: 3px solid #2571B8; height: 25px; } .bulletingboard_content ul li:last-child, .bulletingboard_content ul li:last-child span.blt_date::before { border:0; } /*institutions*/ .institutions { padding:75px 0; } .institutions_inner { } .institutions_inner { text-align:center; } .institutions_inner_content{ padding: 10px 0;} .mycustom_indicator .item .institutions_inner_content::before { content:''; position:absolute; right:0; width:1px; height:80%; top: 0; border-right:1px solid #ECEDF1; } #carousel-thumbs .item.active .active .institutions_inner_content::after {content:''; position:absolute; right:0; width:100%; bottom: 0; background: rgba(125,205,180,1); background: -moz-linear-gradient(top, rgba(125,205,180,1) 0%, rgba(90,164,185,1) 90%, rgba(90,164,185,1) 100%); background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(125,205,180,1)), color-stop(90%, rgba(90,164,185,1)), color-stop(100%, rgba(90,164,185,1))); background: -webkit-linear-gradient(top, rgba(125,205,180,1) 0%, rgba(90,164,185,1) 90%, rgba(90,164,185,1) 100%); background: -o-linear-gradient(top, rgba(125,205,180,1) 0%, rgba(90,164,185,1) 90%, rgba(90,164,185,1) 100%); background: -ms-linear-gradient(top, rgba(125,205,180,1) 0%, rgba(90,164,185,1) 90%, rgba(90,164,185,1) 100%); background: linear-gradient(to bottom, rgba(125,205,180,1) 0%, rgba(90,164,185,1) 90%, rgba(90,164,185,1) 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#7dcdb4', endColorstr='#5aa4b9', GradientType=0 ); height:7px; } .institutions_inner_content img { margin-bottom:20px; } .institutions_inner_content p { color:#000000; text-transform:uppercase; font-size:12px; font-family: 'Helvetica Neue LT Pro Md'; line-height:14px; } .institutions_inner_content p span{font-family: 'Helvetica Neue LT Pro Bd'; } .carousel-control-nav { position:relative; top: -50px; } .carousel-control-nav .carousel-control { color:#444444; font-size:40px;} .mycustom_carousel-inner { width: 80%; margin: 0 auto; } .ins_content{ max-width:80%; margin: 0 auto; padding:30px 25px 10px; } .ins_content p { font-size:14px; font-family: 'Helvetica Neue LT Pro Md'; color:#4B4B4B; line-height:18px; text-transform:none; } .carousel-mob { display:none; } #carousel-thumbs { border-bottom: 6px solid #ECEDF1; background:#ffffff; padding-top:20px; } .mycustom_indicator { margin-bottom:-6px; } /*our_mission*/ .our_mission { background:url(../images/mission.jpg) no-repeat center; padding:90px 0; } .our_mission_inner { max-width: 924px; margin: 0 auto; overflow: hidden; background-color:#ffffff; } .our_mission_content { padding:10% 5%; overflow:hidden; } .our_mission_content p{ font-family: 'Helvetica Neue LT Pro Md'; color:#4B4B4B;} .our-mission-img img{ position:absolute; } /*take_tour*/ .take_tour_video { position:relative; width:100%; background:#2D4255; overflow: hidden;} .video_icon { position:absolute; margin:auto; top:0; bottom:0; left:0; right:0; background:url(../images/play.png) no-repeat center; height:200px; width:200px; } .take_tour_video video { float:left; } /*latest_research*/ .latest_research {padding:75px 0; } .latest_research_inner { } .title_mar40 { margin-bottom:40px; } .rearch_box { border-radius: 5px; overflow: hidden; border-bottom:4px solid #5F939B; -webkit-box-shadow: 1px 2px 5px 1px rgba(191,191,191,1); -moz-box-shadow: 1px 2px 5px 1px rgba(191,191,191,1); box-shadow: 1px 2px 5px 1px rgba(191,191,191,1);} .rearch_box_top img { width:100%; } .rearch_box_bottom { padding: 15px; overflow: hidden; } .rearch_box_bottom h5 {color:#F05F5F; font-size:16px; font-family: 'Helvetica Neue LT Pro Bd'; } .rearch_box_bottom p { color:#4B4B4B; font-size:14px; font-family: 'Helvetica Neue LT Pro Md'; } .arrow_blue { background:url(../images/arrow_blue.png) no-repeat; width:24px; height:24px; float:right; display: inline-block; } .viewall{ display: block; font-family: 'Helvetica Neue LT Pro Md'; text-align: right; color:#000000; margin-top: 10px;} .viewall img{padding-left:5px; padding-bottom:3px;} /*news_events*/ .news_events {background:url(../images/events.jpg) no-repeat center; padding:75px 0; } .news_events_inner { } .news_events_inner h4 { margin-bottom:5%; color:#ffffff; font-family: 'Helvetica Neue LT Pro Bd'; font-size:20px;} .news_events_content ul li {margin-left:100px; font-size:20px; font-family: 'Helvetica Neue LT Pro Md'; position:relative; list-style:none; margin-bottom:20px; padding:20px 50px 20px 15px; background:#F9EECC; line-height: 20px; border-radius:4px;} .news_events_content ul li span{ position:absolute; left:-100px; min-width:85px; top:0; border:2px solid #ffffff; color:#ffffff;font-size:14px; font-family:'Helvetica Neue LT Pro Roman'; padding:8px 5px; text-align: center; border-radius:4px; } .news_events_content ul li span b{ display:block; font-size: 24px; font-family: 'Helvetica Neue LT Pro Bd';} .news_events_content ul li a.readmore_event {background: url(../images/event_arrow.png) no-repeat center right; position: absolute; right:15px; top:0; height: 100%; width: 35px; } .news_events_inner .viewall { color:#ffffff; } /*gallery*/ .gallery { padding:75px 0; } .gallery_inner { } .gallery_img_container{ width:100%; } .gal_img_big_single, .gal_img_group { float:left; width:40%; padding:5px; } .gal_img_group { width:60%; } .gal_img_big_single img { padding:3%; } .gal_img_group img{ width:33.33%; padding:2%; padding-bottom: 4px; } /*map*/ .location_map { padding:0 0 75px;} .location_map_inner { } .map_frame { min-height:300px; width:100%; background-color:#CCCCCC; } /*quicklinks*/ .quicklinks { background-color:#1D1D1D; padding:2% 0; } .quicklinks h6 { margin-top:0; margin-bottom:0;color:#ffffff; font-size:24px; font-family: 'Helvetica Neue LT Pro Bd'; } .quicklinks_menu { float:left; } .quicklinks_menu li { display:inline-block; font-size:12px; } .quicklinks_menu li a {color:#ffffff !important; display:block; padding:5px 15px; } /*footer*/ .footer { background-color:#2D2D2D; padding:75px 0 40px; } .footer h6 { margin-top:0; margin-bottom:10px;color:#ffffff; font-size:24px; font-family: 'Helvetica Neue LT Pro Bd'; } .footer_menu { margin-bottom:20px; font-size:14px;} .footer_menu li { display:block; font-size:14px; padding-bottom:5px } .footer_menu li a {color:#9B9B9B !important; display:block; } .footer_otherlink {padding-top:20px; border-top:1px solid #ffffff; } .footer_otherlink li a { color:#ffffff !important; } .footer_socialicons a{ display:inline-block; margin-right:10px; } .footer_logo { width:100%; margin:0 auto; margin-top:50px; border-top:1px solid #ffffff; padding:10px; text-align:center;} .footer_logo_section { display:table; padding-top:20px; margin: 0 auto; } .footer_logo-img{ display:table-cell; padding-right: 66px; vertical-align: middle; } .footer_logo_content { display:table-cell; vertical-align:top;color:#ffffff; text-align:center; padding-left:0px; } .footer_logo_content h5 { font-size:24px; font-family: 'Helvetica Neue LT Pro Bd';margin-top: 10px; } .footer_logo_content img{ text-align:center; } .footer_logo_content p{ font-size:13px; margin: 5px 0; } .footer_bottom_links { margin-top:10px; } .footer_bottom_links li{ list-style:none; display:inline-block; padding:0px 10px;} .footer_bottom_links li:first-child { padding-left:0; } .footer_bottom_links li a{ color:#ffffff;} /*mobile menu*/ .mobile_menu_list, .mobile_menu { display:none; } .mobile_logo{ margin-left: 40px; } .mobile_logo img { max-width: 80%; } .open_menu { position: absolute; left: 10px; top: 0; display: block; width: 50px; height: 50px; margin: auto; bottom: 0;} .mobile_menu{ padding:10px 20px; position:relative; background: #3e3e3e; border-top: 1px solid #5d5d5d;} .mobile_menu_list { position: fixed; left: 0; top: 0; width: 300px; height: 100%; z-index:-1; background:#2571B8 } .mobile_navslide #main-wrapper { transform: translateX(300px);} .mobile_menu_list .main_main, .mobile_menu_list .close_menu {z-index:22; } .mobile_menu_list .main_menu{ clear: both; margin-top:10px; max-height: 265px; overflow: auto; } .mobile_menu_list .main_menu li, .mobile_menu_list .main_menu li a { display:block; color:#ffffff } .mobile_menu_list .main_menu li a:hover, .mobile_menu_list .main_menu li:hover, .mobile_menu_list .main_menu li.active a, .mobile_menu_list .drop-menu li a:hover, .mobile_menu_list .drop-menu li.active a, .mobile_menu_list li.open { background:#89E2FF; color:#373737} .mobile_menu_list .drop-menu li { background:#89E2FF; color:#373737 } .mobile_menu_list li.open > a{ color:#373737; } .open_menu, .close_menu { cursor:pointer; } .open_menu span {position: absolute; top: 50%; left: 50%; width: 24px; height: 3px; margin-left: -12px; margin-top: -7px; background-color: #ffffff;} .open_menu span:after {top: 12px; } .open_menu span:before {top: 6px; } .open_menu span:before, .open_menu span:after {content: ''; position: absolute; left: 0; width: 100%; height: 3px; background-color: #ffffff;} .close_menu {width: 50px; right: 20px; height: 50px; position: absolute; width: 25px; height: 25px; border-radius: 50%; border: 2px solid #ffffff; text-align: center; line-height: 18px; top: 10px; font-size: 16px; color: #ffffff;} .menu_overlay{ position: absolute; top: 0; left: 0; width: 100%; height: 100%; display:none; } .accordion .link { cursor: pointer; display: block; position: relative; -webkit-transition: all 0.4s ease; -o-transition: all 0.4s ease; transition: all 0.4s ease;} .submenu-drop { display: none; background:#7d5e79; color:#373737 } .main_menu .menu_arrow { display:inline-block; width:8px; height:6px; background:url(../images/menu_arrow_down_hover.png) no-repeat; } .main_menu li.open .menu_arrow,.main_menu li.active .menu_arrow, .main_menu li:hover .menu_arrow{background:url(../images/menu_arrow_down.png) no-repeat; } .mobile_menu_list .main_menu li .submenu-drop li a, .mobile_menu_list .main_menu li.active .submenu-drop li a{ background:#7d5e79; color:#ffffff; } .mobile_menu_list .main_menu li.open .submenu-drop li:hover a, .mobile_menu_list .main_menu li.open.active .submenu-drop li:hover a{ background:#89E2FF; color:#ffffff; } /*innerpage*/ .innerpage { background-color:#ffffff;} .breadcrumb_top { background: rgba(247,253,254,1); background: -moz-linear-gradient(left, rgba(247,253,254,1) 0%, rgba(186,238,241,1) 100%); background: -webkit-gradient(left top, right top, color-stop(0%, rgba(247,253,254,1)), color-stop(100%, rgba(186,238,241,1))); background: -webkit-linear-gradient(left, rgba(247,253,254,1) 0%, rgba(186,238,241,1) 100%); background: -o-linear-gradient(left, rgba(247,253,254,1) 0%, rgba(186,238,241,1) 100%); background: -ms-linear-gradient(left, rgba(247,253,254,1) 0%, rgba(186,238,241,1) 100%); background: linear-gradient(to right, rgba(247,253,254,1) 0%, rgba(186,238,241,1) 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f7fdfe', endColorstr='#baeef1', GradientType=1 );} .breadcrumb_top a { font-size:14px; color:#000000; text-decoration:none; display:inline-block; padding:10px 30px;background:url(../images/active_arrow.png) no-repeat center right; } .breadcrumb_top a.active { color:#257CBB; } .breadcrumb_top a:first-child { padding-left:0; } .breadcrumb_top a:last-child { background:none; } .utlty_breadcrumb_top { background: rgba(253,254,254,1); background: -moz-linear-gradient(left, rgba(253,254,254,1) 0%, rgba(200,219,237,1) 79%, rgba(200,219,237,1) 100%); background: -webkit-gradient(left top, right top, color-stop(0%, rgba(253,254,254,1)), color-stop(79%, rgba(200,219,237,1)), color-stop(100%, rgba(200,219,237,1))); background: -webkit-linear-gradient(left, rgba(253,254,254,1) 0%, rgba(200,219,237,1) 79%, rgba(200,219,237,1) 100%); background: -o-linear-gradient(left, rgba(253,254,254,1) 0%, rgba(200,219,237,1) 79%, rgba(200,219,237,1) 100%); background: -ms-linear-gradient(left, rgba(253,254,254,1) 0%, rgba(200,219,237,1) 79%, rgba(200,219,237,1) 100%); background: linear-gradient(to right, rgba(253,254,254,1) 0%, rgba(200,219,237,1) 79%, rgba(200,219,237,1) 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fdfefe', endColorstr='#c8dbed', GradientType=1 );} .utlty_breadcrumb_top a { font-size:14px; color:#000000; text-decoration:none; display:inline-block; padding:10px 30px;background:url(../images/active_arrow.png) no-repeat center right; } .utlty_breadcrumb_top a.active { color:#2587BF; } .utlty_breadcrumb_top a:first-child { padding-left:0; } .utlty_breadcrumb_top a:last-child { background:none; } .subpage_inner { float:left; width:100%; margin:3% 0; } /*innerpage art and statutes double column*/ .innerpage_double_column{margin-bottom:10%;} .dbl_col .staff_box_left{border-right:none; } .dbl_col .staff_box {border-left: 10px solid #CC4B4C; border-right:none; margin: 15px 0;} .dbl_col .staff_box_left a{ color:#737373; font-size:10px; font-family: 'Helvetica Neue LT Pro Md'; display: block; } .dbl_col .staff_box_right h5 { color:#3F3D3D; font-size:18px; font-family: 'Helvetica Neue LT Pro Bd'; } .dbl_col .staff_box_right p { color:#3F3D3D; font-size:14px; font-family: 'Helvetica Neue LT Pro Md'; } .dbl_col .staff_box_left { display:table-cell; width:20%; padding:0 10px; vertical-align:middle; text-align:center; } .dbl_col .staff_box_right{display:table-cell; width:80%; padding:0 10px; vertical-align:middle; } .dbl_col .subpage_bordered_title {width:25%;} .dbl_col .staff_box_inner{ padding: 10px; min-height:165px; background: rgba(255,255,255,1); background: -moz-linear-gradient(left, rgba(255,255,255,1) 0%, rgba(253,248,248,1) 100%); background: -webkit-gradient(left top, right top, color-stop(0%, rgba(255,255,255,1)), color-stop(100%, rgba(253,248,248,1))); background: -webkit-linear-gradient(left, rgba(255,255,255,1) 0%, rgba(253,248,248,1) 100%); background: -o-linear-gradient(left, rgba(255,255,255,1) 0%, rgba(253,248,248,1) 100%); background: -ms-linear-gradient(left, rgba(255,255,255,1) 0%, rgba(253,248,248,1) 100%); background: linear-gradient(to right, rgba(255,255,255,1) 0%, rgba(253,248,248,1) 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#fdf8f8', GradientType=1 );} /*archives*/ .innerpage_archives{ background:background: rgba(243,247,251,1); background: -moz-linear-gradient(top, rgba(243,247,251,1) 0%, rgba(255,255,255,1) 100%); background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(243,247,251,1)), color-stop(100%, rgba(255,255,255,1))); background: -webkit-linear-gradient(top, rgba(243,247,251,1) 0%, rgba(255,255,255,1) 100%); background: -o-linear-gradient(top, rgba(243,247,251,1) 0%, rgba(255,255,255,1) 100%); background: -ms-linear-gradient(top, rgba(243,247,251,1) 0%, rgba(255,255,255,1) 100%); background: linear-gradient(to bottom, rgba(243,247,251,1) 0%, rgba(255,255,255,1) 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f3f7fb', endColorstr='#ffffff', GradientType=0 ); margin-bottom:10px; border-top:#2571B8 1px solid;} .arch_submenu ul {float:right;} .arch_submenu li{ display:inline-block; list-style:none; padding-left:30px; margin:15px 0px; font-size:14px; font-family: 'Helvetica Neue LT Pro Md'; } .arch_submenu li a{text-decoration:none;color:#262626;} .archives_search input{ float:right; background: #fff url(../images/search.png) no-repeat center right; border:0; outline:0; display: block; background-position: 95%; width: 40%; height: 30px; line-height:15px; border-radius: 50px; color:#1C1C1C; font-size:16px; padding-left:10px; margin:25px 0; padding-right: 25px; } .archives .staff_box_left{border-right:none; padding: 0 20px 0 0;} .archives .staff_box {border-left: 10px solid #F65655; border-right:none; margin: 15px 0;} .archives .staff_box_right p { color:#1C1C1C; font-size:14px; padding-right:20px; position: relative; margin-bottom: 0; } .archives .staff_box_left { width:10%; text-align:left; } .archives .staff_box_right{ width:90%; padding: 0 25px 0 0; } .archives .subpage_bordered_title {width:35%;} .top_head_search { padding-bottom:20px; } .archives .staff_box_inner{ padding: 10px 25px; border-radius: 5px; min-height: 100px; } .wrd_type .staff_box_inner{background: rgba(255,255,255,1); background: -moz-linear-gradient(left, rgba(255,255,255,1) 0%, rgba(255,255,255,1) 75%, rgba(188,202,222,1) 100%); background: -webkit-gradient(left top, right top, color-stop(0%, rgba(255,255,255,1)), color-stop(75%, rgba(255,255,255,1)), color-stop(100%, rgba(188,202,222,1))); background: -webkit-linear-gradient(left, rgba(255,255,255,1) 0%, rgba(255,255,255,1) 75%, rgba(188,202,222,1) 100%); background: -o-linear-gradient(left, rgba(255,255,255,1) 0%, rgba(255,255,255,1) 75%, rgba(188,202,222,1) 100%); background: -ms-linear-gradient(left, rgba(255,255,255,1) 0%, rgba(255,255,255,1) 75%, rgba(188,202,222,1) 100%); background: linear-gradient(to right, rgba(255,255,255,1) 0%, rgba(255,255,255,1) 75%, rgba(188,202,222,1) 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#bccade', GradientType=1 ); } .archives .wrd_type{border-left: 10px solid #2A5698; } .wrd_type .staff_box_right{background:url(../images/archives_download.png) no-repeat center right;} .pdf_type .staff_box_right{background:url(../images/archives_download.png) no-repeat center right;} .pdf_type .staff_box_inner{background: rgba(255,255,255,1); background: -moz-linear-gradient(left, rgba(255,255,255,1) 0%, rgba(255,255,255,1) 75%, rgba(251,187,187,1) 100%); background: -webkit-gradient(left top, right top, color-stop(0%, rgba(255,255,255,1)), color-stop(75%, rgba(255,255,255,1)), color-stop(100%, rgba(251,187,187,1))); background: -webkit-linear-gradient(left, rgba(255,255,255,1) 0%, rgba(255,255,255,1) 75%, rgba(251,187,187,1) 100%); background: -o-linear-gradient(left, rgba(255,255,255,1) 0%, rgba(255,255,255,1) 75%, rgba(251,187,187,1) 100%); background: -ms-linear-gradient(left, rgba(255,255,255,1) 0%, rgba(255,255,255,1) 75%, rgba(251,187,187,1) 100%); background: linear-gradient(to right, rgba(255,255,255,1) 0%, rgba(255,255,255,1) 75%, rgba(251,187,187,1) 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#fbbbbb', GradientType=1 );} .arch_nxt_pre{text-align:center;} .arch_nxt_pre li{list-style:none; display:inline-block; margin:30px 0; padding:0 10px; } .arch_nxt_pre li.dark_gry a{ color:#545454;} .arch_nxt_pre li a{text-decoration:none;color:#AAAAAA; font-size:24px; font-family: 'Helvetica Neue LT Pro Md';} /*phonebook*/ .innerpage_ph_book{ background: rgba(230,239,247,1); background: -moz-linear-gradient(top, rgba(230,239,247,1) 0%, rgba(255,255,255,1) 100%); background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(230,239,247,1)), color-stop(100%, rgba(255,255,255,1))); background: -webkit-linear-gradient(top, rgba(230,239,247,1) 0%, rgba(255,255,255,1) 100%); background: -o-linear-gradient(top, rgba(230,239,247,1) 0%, rgba(255,255,255,1) 100%); background: -ms-linear-gradient(top, rgba(230,239,247,1) 0%, rgba(255,255,255,1) 100%); background: linear-gradient(to bottom, rgba(230,239,247,1) 0%, rgba(255,255,255,1) 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e6eff7', endColorstr='#ffffff', GradientType=0 );} .ph_book{ width:100%; } .ph_book .staff_container{padding:0px;} .ph_book_search input{ float:right; background: #fff url(../images/search.png) no-repeat center right; border:0; outline:0; display: block; width: 55%; background-position: 95%; height: 30px; line-height:15px; border-radius: 50px; color:#1C1C1C; font-size:16px; padding-left:10px; margin:25px 0; padding-right:25px; } .ph_book .alpha_tittle{color:#7B7B7B; font-size:48px;font-family: 'Helvetica Neue LT Pro Bd'; border-bottom:#898989 1px solid; padding-bottom:20px; margin-top: 0px;} .ph_book .staff_box_right h5 span{font-size:14px; color:#393939;display:inline-block; padding-left:5px; } .ph_book .lt_green{border-right:10px solid #24DA95;} .ph_book .lt_green .staff_box_inner{background: rgba(227,250,242,1); background: -moz-linear-gradient(left, rgba(227,250,242,1) 0%, rgba(255,255,255,1) 100%); background: -webkit-gradient(left top, right top, color-stop(0%, rgba(227,250,242,1)), color-stop(100%, rgba(255,255,255,1))); background: -webkit-linear-gradient(left, rgba(227,250,242,1) 0%, rgba(255,255,255,1) 100%); background: -o-linear-gradient(left, rgba(227,250,242,1) 0%, rgba(255,255,255,1) 100%); background: -ms-linear-gradient(left, rgba(227,250,242,1) 0%, rgba(255,255,255,1) 100%); background: linear-gradient(to right, rgba(227,250,242,1) 0%, rgba(255,255,255,1) 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e3faf2', endColorstr='#ffffff', GradientType=1 );} .ph_book .lt_green h5{ color:#24DA95;} .ph_book .staff_box_right h5{font-size:20px;} .ph_book .staff_box_right h4{font-size:14px; color:#393939; font-family: 'Helvetica Neue LT Pro Bd';padding-top: 5px; } .ph_book .staff_box_right h4 span{display:block; color:#939393; font-family:'Helvetica Neue LT Pro Roman'; padding-top:5px; } .ph_book .staff_box_left{width:20%} .ph_book .staff_box_right{width:40%} .ph_book .staff_box_contact{width:40%; margin-top:8%;} .ph_book .staff_box_contact h4{font-size:14px; color:#393939; font-family: 'Helvetica Neue LT Pro Bd'; } .ph_book .staff_box_contact h4 span{ display:block; color:#939393; font-size:15px; font-family: 'Helvetica Neue LT Pro Bd'; margin-top:15px; width: 100%; } .ph_book .lt_green span.mob_icon { background:url(../images/staff_mob_blue.png) no-repeat center left; } .ph_book .lt_green span.fax_icon { background:url(../images/staff_fax_blue.png) no-repeat center left; } .ph_book .lt_green span.mail_icon { background:url(../images/staff_email_blue.png) no-repeat center left; } /*subpagemenu*/ .subpage_menu li { display: block; list-style:none; border-bottom:1px solid #BEBEBD; position:relative; } .subpage_menu li:last-child,.subpage_menu li.active { border-bottom:1px solid transparent; } .subpage_menu li.active, .subpage_menu li:hover { background: rgba(36,224,218,1); background: -moz-linear-gradient(left, rgba(36,224,218,1) 0%, rgba(37,124,187,1) 100%); background: -webkit-gradient(left top, right top, color-stop(0%, rgba(36,224,218,1)), color-stop(100%, rgba(37,124,187,1))); background: -webkit-linear-gradient(left, rgba(36,224,218,1) 0%, rgba(37,124,187,1) 100%); background: -o-linear-gradient(left, rgba(36,224,218,1) 0%, rgba(37,124,187,1) 100%); background: -ms-linear-gradient(left, rgba(36,224,218,1) 0%, rgba(37,124,187,1) 100%); background: linear-gradient(to right, rgba(36,224,218,1) 0%, rgba(37,124,187,1) 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#24e0da', endColorstr='#257cbb', GradientType=1 ); } .subpage_menu li:hover::after, .subpage_menu li.active::after { content:''; position:absolute;background:url(../images/active_arrow.png) no-repeat center center; right:5px; width:10px; height:10px; top: 0; bottom: 0; margin: auto;} .subpage_menu li.active:hover::after, .subpage_menu li.active a { color:#ffffff } .subpage_menu li a { color:#2F2F2F; display:block; font-size:16px; padding:15px 10px 15px 50px;} .subpage_menu li:hover a { color:#ffffff; } .subpage_menu li.management span { background:url(../images/SM_icon.png) no-repeat center left; width:50px; height:50px; position:absolute; left:0; top:0; bottom: 0; margin: auto;} .subpage_menu li.management:hover span, .subpage_menu li.management.active span {background:url(../images/SM_icon_white.png) no-repeat center left; } .subpage_menu li.academic span { background:url(../images/AC_icon.png) no-repeat center left; width:50px; height:50px; position:absolute; left:0;top:0; bottom: 0; margin: auto;} .subpage_menu li.academic:hover span, .subpage_menu li.academic.active span {background:url(../images/AC_icon_white.png) no-repeat center left; } .subpage_menu li.faculties span { background:url(../images/BF_icon.png) no-repeat center left; width:50px; height:50px; position:absolute; left:0;top:0; bottom: 0; margin: auto;} .subpage_menu li.faculties:hover span, .subpage_menu li.faculties.active span {background:url(../images/BF_icon_white.png) no-repeat center left; } .subpage_menu li.committee span { background:url(../images/FC_icon.png) no-repeat center left; width:50px; height:50px; position:absolute; left:0;top:0;bottom: 0; margin: auto;} .subpage_menu li.committee:hover span, .subpage_menu li.committee.active span {background:url(../images/FC_icon_white.png) no-repeat center left; } .subpage_menu li.planning span { background:url(../images/PL_icon.png) no-repeat center left; width:50px; height:50px; position:absolute; left:0;top:0;bottom: 0; margin: auto;} .subpage_menu li.planning:hover span, .subpage_menu li.planning.active span {background:url(../images/PL_icon_white.png) no-repeat center left; } .subpage_menu li.officers span { background:url(../images/UO_icon.png) no-repeat center left; width:50px; height:50px; position:absolute; left:0;top:0;bottom: 0; margin: auto;} .subpage_menu li.officers:hover span, .subpage_menu li.officers.active span {background:url(../images/UO_icon_white.png) no-repeat center left; } .subpage_content { padding-left:15px; } #myTab::after { content: ''; position: absolute; background: url(../images/submenu_shadow.png) no-repeat top left; top: 0; right: -35px; width: 50px; height: 100%;} .subpage_bordered_title { font-size:24px; font-family: 'Helvetica Neue LT Pro Bd';padding-bottom:10px; position:relative; width:45%; border-bottom:1px solid #2571b8; } .subpage_bordered_title::before { content: ''; position: absolute; border-bottom: 5px solid #2571b8; display: block; height: 3px; width: 40px; right: 0; bottom: -1px;} .subheading_section { padding:20px 0 20px; border-bottom:1px solid #D4D4D4; margin-bottom:30px; overflow: hidden; } .subheading_section p, .subpage_ul_content li{font-size:16px; } .subpage_ul_content { margin-left:20px; } .subpage_ul_content li { border-left:1px solid #D4D4D4; padding-left:10px; margin-bottom:20px; list-style:none; font-family: 'Helvetica Neue LT Pro Bd'; color:#24B9CE; } .subpage_subheading{ color:#000000;border-left:4px solid #103773; font-size:24px; padding-left:10px;font-family: 'Helvetica Neue LT Pro Bd'; } .subpage_ul_content.ac_cnt li{color:#2586BE; } .sp_subhead.sp_subhead_border{border-bottom:#EBEBEB 1px solid; padding-bottom:5px; padding-top:10px; color:#828181; font-size:22px;font-family: 'Helvetica Neue LT Pro Bd'; width: 75%;} /*about SVVU*/ .institution_section{margin:10px 0; padding:0px; overflow: hidden;} .banner_section img {width:100%;} .institution_content{width:50%; float:left; } .institution_content p{color:#1C1C1C; font-size:18px; line-height:22px; margin-top: 30px;} .institution_slider{ width: 40%; float: left; margin-left: 10%; } .institution_slider .staff_box_right{ padding: 0 15px; background:url(../images/about_down.png) no-repeat center right;} .institution_slider .staff_box_right p{font-size:15px; color:#2F2F2F;font-family: 'Helvetica Neue LT Pro Md'; width: 90%; margin-bottom: 0; padding: 5px 0;} .institution_slider h4{ text-align:right; color:#2F2F2F; font-size:24px;font-family: 'Helvetica Neue LT Pro Bd'; } .institution_slider .staff_box{ box-shadow:none; width:96%; display:block; float:right; border-right:none; font-size:15px; margin:5px 0 0 10px;} .institution_slider .staff_box_pink_title{ border-bottom:none;border-left:#F76BE5 6px solid; padding:5px; background: rgba(255,255,255,1); background: -moz-linear-gradient(left, rgba(255,255,255,1) 0%, rgba(253,216,248,1) 100%); background: -webkit-gradient(left top, right top, color-stop(0%, rgba(255,255,255,1)), color-stop(100%, rgba(253,216,248,1))); background: -webkit-linear-gradient(left, rgba(255,255,255,1) 0%, rgba(253,216,248,1) 100%); background: -o-linear-gradient(left, rgba(255,255,255,1) 0%, rgba(253,216,248,1) 100%); background: -ms-linear-gradient(left, rgba(255,255,255,1) 0%, rgba(253,216,248,1) 100%); background: linear-gradient(to right, rgba(255,255,255,1) 0%, rgba(253,216,248,1) 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#fdd8f8', GradientType=1 ); } .institution_slider .staff_box_orange_title{ border-bottom:none;border-left:#E7833C 6px solid;padding:5px; background: rgba(255,255,255,1); background: -moz-linear-gradient(left, rgba(255,255,255,1) 0%, rgba(249,225,208,1) 100%); background: -webkit-gradient(left top, right top, color-stop(0%, rgba(255,255,255,1)), color-stop(100%, rgba(249,225,208,1))); background: -webkit-linear-gradient(left, rgba(255,255,255,1) 0%, rgba(249,225,208,1) 100%); background: -o-linear-gradient(left, rgba(255,255,255,1) 0%, rgba(249,225,208,1) 100%); background: -ms-linear-gradient(left, rgba(255,255,255,1) 0%, rgba(249,225,208,1) 100%); background: linear-gradient(to right, rgba(255,255,255,1) 0%, rgba(249,225,208,1) 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#f9e1d0', GradientType=1 );} .institution_slider .staff_box_blue_title{ border-bottom:none;border-left:#4BC3D2 6px solid; padding:5px; background: rgba(255,255,255,1); background: -moz-linear-gradient(left, rgba(255,255,255,1) 0%, rgba(206,239,243,1) 100%); background: -webkit-gradient(left top, right top, color-stop(0%, rgba(255,255,255,1)), color-stop(100%, rgba(206,239,243,1))); background: -webkit-linear-gradient(left, rgba(255,255,255,1) 0%, rgba(206,239,243,1) 100%); background: -o-linear-gradient(left, rgba(255,255,255,1) 0%, rgba(206,239,243,1) 100%); background: -ms-linear-gradient(left, rgba(255,255,255,1) 0%, rgba(206,239,243,1) 100%); background: linear-gradient(to right, rgba(255,255,255,1) 0%, rgba(206,239,243,1) 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#ceeff3', GradientType=1 ); } .innerpage.aboutus {border-top: #2571B8 1px solid;} #myTab {min-height: 300px;} .aboutus .subpage_menu li:hover::after, .aboutus .subpage_menu li.active::after { content:''; position:absolute;background:url(../images/active_arrow_white.png) no-repeat center center; right:20px; width:10px; height:10px; top: 0; bottom: 0; margin: auto; } .aboutus .subpage_menu li.active:hover::after, .aboutus .subpage_menu li.active a, .aboutus .subpage_menu li:hover a { color:#ffffff; } .aboutus .subpage_menu li a{ padding: 15px 25px 15px 20px;} .aboutus .subheading_section p { padding-left:30px; } .aboutus .subpage_ul_content { margin-left:0; } .aboutus .subpage_ul_content li { margin-left:20px; } .about_text_container{ border-radius:5px; margin-top:15px; padding:30px; } .about_text_container h4{ font-size:20px;font-family: 'Helvetica Neue LT Pro Bd'; line-height:24px; text-indent: 40px; } .about_text_container h5{ font-size:16px;font-family: 'Helvetica Neue LT Pro Md'; line-height:24px; } .about_text_container p{color:#1C1C1C; font-size:16px; padding:10px 0px; line-height:24px; } .about_bold{font-family: 'Helvetica Neue LT Pro Bd';} .about_text_container h3{ font-size:24px; font-family: 'Helvetica Neue LT Pro Bd'; } .about_lightgreen_text h3{ color:#4CCC8F } .about_lightgreen_text p{ padding:5px 0px;} .about_lightgreen_text{background-color:#EFFEF7;border-top:#24DA83 8px solid; border-radius:5px; } .about_blue_text p{ margin-top: 20px;} .about_blue_text h3{ color:#2571B8; margin-bottom:30px;} .about_blue_text h5{ color:#2571B8; font-family: 'Helvetica Neue LT Pro Bd'; padding-bottom:10px;} .about_text_container .subpage_bordered_title{display: inline-block; margin-left: 10px;} .about_green_text{background-color:#F0FFFF;border-top:#14D9D5 8px solid; border-radius:5px; padding-bottom: 15%; } .about_green_text h4{color:#03615F;} .about_green_text h5{color:#03615F;} .about_blue_text .about_border{ border-left:#2571B8 1px solid; padding:0 20px; margin-left: 20px;} .about_green_text .about_border{ border-left:#10D9D4 1px solid; padding:0 20px; margin-left: 20px;} .about_lightgreen_text .about_border{ border-left:#24DA95 1px solid; padding:0 20px; margin-left: 20px;} .about_pink_text{background-color:#FEF1FD; border-top:#CF63C6 8px solid; border-radius:5px; } .about_pink_text h4{ color:#CF63C6; padding-top:15px;} .about_pink_text .about_border{ border-left:#CF63C6 1px solid; padding:0 20px; margin-left: 20px;} .about_yellow_text{background-color:#FDFBF0;border-top:#EED845 8px solid; border-radius:5px; } .about_yellow_text p{ margin-top:10px;} #organisation .subheading_section{ border:none; margin-bottom:0px;} #organisation .subpage_ul_content{background-color:#F8FCFD; padding:0px;border-top:4px solid #31B3CD; padding-top:50px; padding-bottom:30px;} #organisation .subpage_ul_content li { border-left:none; color:#24AFCB;} .about_submenu ul {float:right;} .about_submenu li{ display:inline-block; list-style:none; padding-left:30px; margin:15px 0px; font-size:14px; font-family: 'Helvetica Neue LT Pro Md'; } .about_submenu li a{text-decoration:none;color:#262626;} .about_text_container .btn_more{ background:#10D9D4; padding: 10px 35px; float: right; margin: 30px 0;} .institution_slider .carousel-control{ width:92%; top:100%; opacity:1; text-align:right; } .institution_slider .carousel-control.left { left:-30px; } .institution_slider .carousel-inner{ padding-bottom: 20px; margin-bottom: 25px;} .institution_slider .carousel-inner>.item.active, .institution_slider .carousel-inner>.item.next.left, .institution_slider .carousel-inner>.item.prev.right { background:none;} .institution_slider .slider_section::after{ display:none;} .carousel-par { bottom: 0; position: absolute; right: 26px;} .panel-title>.small, .panel-title>.small>a, .panel-title>a, .panel-title>small, .panel-title>small>a { display:block; } .history_section .banner_section{ width:100%;} .history_section .banner_left{ width:40%; float:left;padding-left:30px;} .history_section .banner_right{ width:60%; float:right;margin-top: 20%; position:relative; border-bottom-right-radius: 5px; border-top-right-radius: 5px; } .history_section .banner_right_content{position:absolute; border-left:#E7833C 5px solid; padding-left:10px; bottom:30px; left:20%; color:#FFFFFF; width:75%;font-family: 'Helvetica Neue LT Pro Md'; } .history_section .banner_right_content h4{ font-size:20px;} .history_section .banner_right_content p{ font-size:15px;} .history_content{ padding-left:30px; overflow: hidden; width: 100%;} .history_content h4{ color:#2571B8; font-size:20px; line-height:24px;font-family: 'Helvetica Neue LT Pro Bd'; margin:30px 0px; text-indent:35px;} .history_content p{color:#1C1C1C; font-size:16px; line-height:24px; margin-bottom:10px;} .mission_section .banner_section{width:100%; margin-top:25px; overflow: hidden;} .mission_section .banner_section h2{width:100%; margin-bottom:25px; font-size:24px; font-family: 'Helvetica Neue LT Pro Bd'; color:#1C1C1C;} .mission_section .banner_section h2:after{ content: ''; position: absolute; margin-left: 25px; padding-top: 5px; display: block; height: 5px; width: 40px; left:0; border-bottom:#4ED8D7 5px solid; } .mission_section .banner_left{ width:30%; float:left;} .mission_section .banner_right{ width:70%; background:#EFF5F5; float:right; position:relative; border-right:#DBF9F9 3px solid;border-bottom-right-radius: 5px; border-top-right-radius: 5px;} .mission_section .about_lightgreen_text{ background-color: #F4FFFA; border-top: #24DA95 8px solid; border-radius: 5px; margin:5% 0;} .mission_section h3{ color:#24DA95;margin:20px 0; padding-top:10%; display: inline-block; font-weight: bold;} .mission_content img{ float:right;margin:20px 0;} .mission_section h5{ padding-left:10px; padding-bottom:10px;} .mission_content{ padding:10px 25px; overflow: hidden; width: 100%;} .mission_section .banner_right_content{ padding: 15px 20px; width: 100%;} .mission_section .banner_right_content h6{font-size:18px; line-height:26px; color:#14706F;font-family: 'Helvetica Neue LT Pro Bd';} .mandate_section .banner_section{width:100%; margin-top:25px;} .mandate_section { margin-bottom:25px; } .mandate_section .banner_section h2{width:100%; font-size:24px; font-family: 'Helvetica Neue LT Pro Bd'; color:#1C1C1C; padding-bottom:15px;} .mandate_section .banner_section h2:after{ content: ''; position: absolute; margin-left: 25px; padding-top: 5px; display: block; height: 5px; width: 40px; left:0; border-bottom:#4ED8D7 5px solid; } .mandate_section .banner_left{ width:30%; float:left;} .mandate_section .banner_right{ width:70%; background:#F3F0F0; float:right; position:relative; padding:0px 25px; } .mandate_section img{ float:right;} .mandate_section .banner_right_content{ padding:0px; margin:0px;} .mandate_section .banner_right_content h6{font-size:18px; line-height:26px; color:#14706F;font-family: 'Helvetica Neue LT Pro Bd';padding-bottom:4px;} /*staff_container*/ .staff_container {padding:5px 0 15px; } .sp_subhead { font-family: 'Helvetica Neue LT Pro Roman'; font-size:24px; color:#939393; } .staff_box { border-right:10px solid #24D2D5; border-radius:5px; margin:30px 0; clear:left; -webkit-box-shadow: 0px 0px 15px 0px rgba(0,0,0,0.15); -moz-box-shadow: 0px 0px 15px 0px rgba(0,0,0,0.15); box-shadow: 0px 0px 15px 0px rgba(0,0,0,0.15);} .staff_box_inner {display:table; width:100%; padding:25px 10px; border-radius: 5px; background: rgba(229,250,250,1); background: -moz-linear-gradient(left, rgba(229,250,250,1) 0%, rgba(255,255,255,1) 100%); background: -webkit-gradient(left top, right top, color-stop(0%, rgba(229,250,250,1)), color-stop(100%, rgba(255,255,255,1))); background: -webkit-linear-gradient(left, rgba(229,250,250,1) 0%, rgba(255,255,255,1) 100%); background: -o-linear-gradient(left, rgba(229,250,250,1) 0%, rgba(255,255,255,1) 100%); background: -ms-linear-gradient(left, rgba(229,250,250,1) 0%, rgba(255,255,255,1) 100%); background: linear-gradient(to right, rgba(229,250,250,1) 0%, rgba(255,255,255,1) 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e5fafa', endColorstr='#ffffff', GradientType=1 ); } .staff_box_left { display:table-cell; width:20%; padding:0 20px; vertical-align:middle; text-align:center; border-right:1px solid #939393} .staff_box_right{display:table-cell; width:80%; padding:0 20px; vertical-align:middle; } #management .staff_box { margin:5px 0 } #management h3.subpage_bordered_title { margin-bottom:30px; width: 35%;} .staff_box_right h5 { color:#24AAC9; font-size:16px; font-family: 'Helvetica Neue LT Pro Bd'; } .staff_box_right h5 span { display:block; font-family: 'Helvetica Neue LT Pro Roman'; margin-top: 5px;} .staff_box_right span{ display:inline-block; color:#939393;} .cont_info span { padding-left:25px; margin-bottom:5px; margin-right:20px; } .cont_info span a { color:inherit; } .cont_info span.mob_icon { background:url(../images/staff_mob.png) no-repeat center left; } .cont_info span.fax_icon { background:url(../images/staff_fax.png) no-repeat center left; } .cont_info span.mail_icon { background:url(../images/staff_email.png) no-repeat center left; } .staff_box_right p { color:#D7D6D7; font-size:13px; } .staff_box_blue_title{border-right:none; border-bottom: #24DBD8 8px solid; } .staff_box_blue_title .staff_box_inner{background: rgba(237,252,252,1); background: -moz-linear-gradient(top, rgba(237,252,252,1) 0%, rgba(255,255,255,1) 100%); background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(237,252,252,1)), color-stop(100%, rgba(255,255,255,1))); background: -webkit-linear-gradient(top, rgba(237,252,252,1) 0%, rgba(255,255,255,1) 100%); background: -o-linear-gradient(top, rgba(237,252,252,1) 0%, rgba(255,255,255,1) 100%); background: -ms-linear-gradient(top, rgba(237,252,252,1) 0%, rgba(255,255,255,1) 100%); background: linear-gradient(to bottom, rgba(237,252,252,1) 0%, rgba(255,255,255,1) 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#edfcfc', endColorstr='#ffffff', GradientType=0 ); min-height: 200px;} .staff_box_blue_title .staff_box_right h5 { color: #2571B8; font-size:18px; font-family: 'Helvetica Neue LT Pro Bd'; } .staff_box_blue_title .staff_box_right h5 span { color: #737373; font-size:15px; line-height: 18px; font-family: 'Helvetica Neue LT Pro Roman'; } .staff_box_green_title{border-right:none; border-bottom: #24DB83 8px solid;} .staff_box_green_title .staff_box_inner{background: rgba(244,253,249,1); background: -moz-linear-gradient(top, rgba(244,253,249,1) 0%, rgba(255,255,255,1) 100%); background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(244,253,249,1)), color-stop(100%, rgba(255,255,255,1))); background: -webkit-linear-gradient(top, rgba(244,253,249,1) 0%, rgba(255,255,255,1) 100%); background: -o-linear-gradient(top, rgba(244,253,249,1) 0%, rgba(255,255,255,1) 100%); background: -ms-linear-gradient(top, rgba(244,253,249,1) 0%, rgba(255,255,255,1) 100%); background: linear-gradient(to bottom, rgba(244,253,249,1) 0%, rgba(255,255,255,1) 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f4fdf9', endColorstr='#ffffff', GradientType=0 ); min-height: 200px;} .staff_box_green_title .staff_box_right h5 { color: #24DB83; font-size:18px; font-family: 'Helvetica Neue LT Pro Bd'; } .staff_box_green_title .staff_box_right h5 span { color: #737373; font-size:15px; font-family: 'Helvetica Neue LT Pro Roman'; } .staff_box_pink_title{border-right:none; border-bottom: #DB24A1 8px solid;} .staff_box_pink_title .staff_box_right h5 { color: #DB24A1; font-size:18px; font-family: 'Helvetica Neue LT Pro Bd'; } .staff_box_pink_title .staff_box_right h5 span { color: #737373; font-size:15px; font-family: 'Helvetica Neue LT Pro Roman'; } .staff_box_pink_title .staff_box_inner{background: rgba(254,249,252,1); background: -moz-linear-gradient(top, rgba(254,249,252,1) 0%, rgba(255,255,255,1) 100%); background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(254,249,252,1)), color-stop(100%, rgba(255,255,255,1))); background: -webkit-linear-gradient(top, rgba(254,249,252,1) 0%, rgba(255,255,255,1) 100%); background: -o-linear-gradient(top, rgba(254,249,252,1) 0%, rgba(255,255,255,1) 100%); background: -ms-linear-gradient(top, rgba(254,249,252,1) 0%, rgba(255,255,255,1) 100%); background: linear-gradient(to bottom, rgba(254,249,252,1) 0%, rgba(255,255,255,1) 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fef9fc', endColorstr='#ffffff', GradientType=0 ); min-height: 200px;} .staff_box_red_title{border-right:none; border-bottom: #EB2155 8px solid;} .staff_box_red_title .staff_box_right h5 { color: #EB2155; font-size:18px; font-family: 'Helvetica Neue LT Pro Bd'; } .staff_box_red_title .staff_box_right h5 span { color: #737373; font-size:15px; font-family: 'Helvetica Neue LT Pro Roman'; } .staff_box_red_title .staff_box_inner{background: rgba(254,248,250,1); background: -moz-linear-gradient(top, rgba(254,248,250,1) 0%, rgba(255,255,255,1) 100%); background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(254,248,250,1)), color-stop(100%, rgba(255,255,255,1))); background: -webkit-linear-gradient(top, rgba(254,248,250,1) 0%, rgba(255,255,255,1) 100%); background: -o-linear-gradient(top, rgba(254,248,250,1) 0%, rgba(255,255,255,1) 100%); background: -ms-linear-gradient(top, rgba(254,248,250,1) 0%, rgba(255,255,255,1) 100%); background: linear-gradient(to bottom, rgba(254,248,250,1) 0%, rgba(255,255,255,1) 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fef8fa', endColorstr='#ffffff', GradientType=0 ); min-height: 200px;} .staff_box_red_title{border-right:none; border-bottom: #EB2155 8px solid;} .staff_box_red_title .staff_box_right h5 { color: #EB2155; font-size:18px; font-family: 'Helvetica Neue LT Pro Bd'; } .staff_box_red_title .staff_box_right h5 span { color: #737373; font-size:15px; font-family: 'Helvetica Neue LT Pro Roman'; } .staff_box_red_title .staff_box_inner{background: rgba(254,248,250,1); background: -moz-linear-gradient(top, rgba(254,248,250,1) 0%, rgba(255,255,255,1) 100%); background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(254,248,250,1)), color-stop(100%, rgba(255,255,255,1))); background: -webkit-linear-gradient(top, rgba(254,248,250,1) 0%, rgba(255,255,255,1) 100%); background: -o-linear-gradient(top, rgba(254,248,250,1) 0%, rgba(255,255,255,1) 100%); background: -ms-linear-gradient(top, rgba(254,248,250,1) 0%, rgba(255,255,255,1) 100%); background: linear-gradient(to bottom, rgba(254,248,250,1) 0%, rgba(255,255,255,1) 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fef8fa', endColorstr='#ffffff', GradientType=0 ); min-height: 200px;} .staff_box_yellow_title{border-right:none; border-bottom: #EBD121 8px solid;} .staff_box_yellow_title .staff_box_right h5 { color: #EBD121; font-size:18px; font-family: 'Helvetica Neue LT Pro Bd'; } .staff_box_yellow_title .staff_box_right h5 span { color: #737373; font-size:15px; font-family: 'Helvetica Neue LT Pro Roman'; } .staff_box_yellow_title .staff_box_inner{background: rgba(253,252,239,1); background: -moz-linear-gradient(top, rgba(253,252,239,1) 0%, rgba(255,255,255,1) 100%); background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(253,252,239,1)), color-stop(100%, rgba(255,255,255,1))); background: -webkit-linear-gradient(top, rgba(253,252,239,1) 0%, rgba(255,255,255,1) 100%); background: -o-linear-gradient(top, rgba(253,252,239,1) 0%, rgba(255,255,255,1) 100%); background: -ms-linear-gradient(top, rgba(253,252,239,1) 0%, rgba(255,255,255,1) 100%); background: linear-gradient(to bottom, rgba(253,252,239,1) 0%, rgba(255,255,255,1) 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fdfcef', endColorstr='#ffffff', GradientType=0 ); min-height: 200px;} .staff_box_orange_title{border-right:none; border-bottom: #FE971E 8px solid;} .staff_box_orange_title .staff_box_right h5 { color: #FE971E; font-size:18px; font-family: 'Helvetica Neue LT Pro Bd'; } .staff_box_orange_title .staff_box_right h5 span { color: #737373; font-size:15px; font-family: 'Helvetica Neue LT Pro Roman'; } .staff_box_orange_title .staff_box_inner{background: rgba(254,250,245,1); background: -moz-linear-gradient(top, rgba(254,250,245,1) 0%, rgba(255,255,255,1) 100%); background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(254,250,245,1)), color-stop(100%, rgba(255,255,255,1))); background: -webkit-linear-gradient(top, rgba(254,250,245,1) 0%, rgba(255,255,255,1) 100%); background: -o-linear-gradient(top, rgba(254,250,245,1) 0%, rgba(255,255,255,1) 100%); background: -ms-linear-gradient(top, rgba(254,250,245,1) 0%, rgba(255,255,255,1) 100%); background: linear-gradient(to bottom, rgba(254,250,245,1) 0%, rgba(255,255,255,1) 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fefaf5', endColorstr='#ffffff', GradientType=0 ); min-height: 200px;} .staff_box_brown_title{border-right:none; border-bottom: #EB4C21 8px solid;} .staff_box_brown_title .staff_box_right h5 { color: #EB4C21; font-size:18px; font-family: 'Helvetica Neue LT Pro Bd'; } .staff_box_brown_title .staff_box_right h5 span { color: #737373; font-size:15px; font-family: 'Helvetica Neue LT Pro Roman'; } .staff_box_brown_title .staff_box_inner{background: rgba(255,249,247,1); background: -moz-linear-gradient(top, rgba(255,249,247,1) 0%, rgba(255,255,255,1) 100%); background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(255,249,247,1)), color-stop(100%, rgba(255,255,255,1))); background: -webkit-linear-gradient(top, rgba(255,249,247,1) 0%, rgba(255,255,255,1) 100%); background: -o-linear-gradient(top, rgba(255,249,247,1) 0%, rgba(255,255,255,1) 100%); background: -ms-linear-gradient(top, rgba(255,249,247,1) 0%, rgba(255,255,255,1) 100%); background: linear-gradient(to bottom, rgba(255,249,247,1) 0%, rgba(255,255,255,1) 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fff9f7', endColorstr='#ffffff', GradientType=0 ); min-height: 200px;} /*extention*/ .de_container .staff_box_inner{ background: rgba(55,214,217,1); background: -moz-linear-gradient(45deg, rgba(55,214,217,1) 0%, rgba(56,150,197,1) 100%); background: -webkit-gradient(left bottom, right top, color-stop(0%, rgba(55,214,217,1)), color-stop(100%, rgba(56,150,197,1))); background: -webkit-linear-gradient(45deg, rgba(55,214,217,1) 0%, rgba(56,150,197,1) 100%); background: -o-linear-gradient(45deg, rgba(55,214,217,1) 0%, rgba(56,150,197,1) 100%); background: -ms-linear-gradient(45deg, rgba(55,214,217,1) 0%, rgba(56,150,197,1) 100%); background: linear-gradient(45deg, rgba(55,214,217,1) 0%, rgba(56,150,197,1) 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#37d6d9', endColorstr='#3896c5', GradientType=1 ); border-radius: 10px;} .de_container .staff_box {border-right:0; box-shadow:none; margin: 0 0 30px; } .de_container .staff_box_left { position:relative; border-right:0; } .de_container .staff_box_left::after { content:''; height:50%; margin:auto; top:0; bottom:0; right:0; position:absolute; width:1px; border-right: 1px solid #ffffff; } .de_container .staff_box_right { padding:0 30px; } .de_container .staff_box_right p{color:#2D2D2D;font-family: 'Helvetica Neue LT Pro Roman'; font-size:14px;} .de_container .staff_box_right h4 { color:#ffffff; font-size:24px; font-family: 'Helvetica Neue LT Pro Bd'; } .de_container .staff_box_right h3{ color:#0C6667; font-size:30px; font-family: 'Helvetica Neue LT Pro Bd'; } .de_container .staff_box_right h4 span{color:#2D2D2D; display:block; font-style:italic; font-family: 'Helvetica Neue LT Pro Roman'; font-size:14px; padding-top: 2px;} .de_container .about_text_container { border-radius: 0 !important; } .de_btn { float:right; } .de_btn a { border: 1px solid #ffffff; text-align: right; display: block; font-family: 'Helvetica Neue LT Pro Roman'; font-size:17px; padding: 8px 25px; border-radius: 25px; color: #ffffff; } .de_container .staff_box_left img{ background-color:#F4EBEC; border-radius:50%; border: 5px solid #ffffff; } .former_portal {background: url(../images/farmer_portal.jpg) no-repeat; position:relative; min-height: 280px; width: 100%; background-size: cover; border-radius: 10px; margin: 30px 0; padding: 30px; } .former_portal h5 {color:#ffffff; font-size:30px; font-family: 'Helvetica Neue LT Pro Bd'; } .arrow_right { position:absolute; right:30px; bottom:30px; } /*research*/ .de_container .about_pink_text h3{ color:#CF63C6; padding-bottom: 20px;} .de_container .about_pink_text h5{ font-family: 'Helvetica Neue LT Pro Bd'; padding-bottom:5px; font-size:14px;} #accordion3 .panel { border-radius: 0; border: 0; margin-top: 0px; border-bottom: 1px solid #5A5A5A;} #accordion3 .panel:last-child { border-bottom:0; } #accordion3 .panel-title { position:relative; text-align:left; } #accordion3 .panel-heading a.collapsed:hover, #accordion3 .panel-heading a.collapsed:focus { transition: all 0.2s ease-in;} #accordion3 .panel-heading a.collapsed:hover::before, #accordion3 .panel-heading a.collapsed:focus::before { color: #3A452B; } #accordion3 .panel-heading { padding: 0; border-radius: 0px; text-align: center;} #accordion3 .panel-heading a.collapsed { color: #000000; transition: all 0.2s ease-in; } #accordion3 .panel-heading a:not (.collapsed) { color: #000000; background: #B5DF79; transition: all 0.2s ease-in; } #accordion3 a { font-size:24px; display: block; font-family: 'Helvetica Neue LT Pro Bd'; padding: 20px; text-decoration: none; border-radius:4px; } /* Add Indicator fontawesome icon to the left */ #accordion3 .panel-heading .accordion-toggle::before { content: ''; background:url(../images/accordion-nav.png) no-repeat center right; position: absolute; right: 20px; top: 45%; width:8px; height: 12px; transform: rotate(90deg); transition: all 0.2s ease-in; } #accordion3 .panel-heading .accordion-toggle.collapsed::before { transform: rotate(0deg); transition: all 0.2s ease-in;} #accordion3 .panel-heading .accordion-toggle.collapsed{ padding:20px 45px; transition: all 0.2s ease-in;} #accordion3 .panel-heading .accordion-toggle{ padding:45px; transition: all 0.2s ease-in;} .panel-group .panel-heading+.panel-collapse>.list-group, .panel-group .panel-heading+.panel-collapse>.panel-body { border-top:0; } .tab_content_shadow_container { box-shadow: 0px 5px 30px -10px rgba(0,0,0,0.35); } .tab_list_content { display:table;padding: 10px 30px 5px; width:100%; margin-bottom:10px; } .tab_list_content_left, .tab_list_content_right {display:table-cell;vertical-align: top; } .tab_list_content_left span { display:inline-block; position:relative; padding:15px; width:80px;height:80px; border-radius:50px; margin-right:20px; } .tab_list_content_left span img {position: absolute; margin: auto; left: 0; right: 0; top: 0; bottom: 0;} .panel_cont_subtitle {font-size: 18px; font-family: 'Helvetica Neue LT Pro Bd'; padding-bottom: 10px; } .accordion_txt .about_border { border-left: #2571B8 1px solid; padding: 0 20px; margin-left: 20px;} .accordion_txt h5 { color: #343834; font-family: 'Helvetica Neue LT Pro Bd'; padding-bottom:5px; font-size:14px;} .accordion_txt h3 { color: #2571B8; font-size: 24px; font-family: 'Helvetica Neue LT Pro Bd'; padding-bottom: 20px;} .learn_more { float:right; } .learn_more a {text-align: right; display: block; font-family: 'Helvetica Neue LT Pro Roman' !important; font-size: 17px !important; padding: 8px 25px !important; background:#2571B8 !important; border-radius: 25px !important; color: #ffffff !important;} /*blue tab*/ .blue_tab .panel-title{background: rgba(55,214,217,1); background: -moz-linear-gradient(left, rgba(55,214,217,1) 0%, rgba(56,150,197,0.6) 100%); background: -webkit-gradient(left top, right top, color-stop(0%, rgba(55,214,217,1)), color-stop(100%, rgba(56,150,197,0.6))); background: -webkit-linear-gradient(left, rgba(55,214,217,1) 0%, rgba(56,150,197,0.6) 100%); background: -o-linear-gradient(left, rgba(55,214,217,1) 0%, rgba(56,150,197,0.6) 100%); background: -ms-linear-gradient(left, rgba(55,214,217,1) 0%, rgba(56,150,197,0.6) 100%); background: linear-gradient(to right, rgba(55,214,217,1) 0%, rgba(56,150,197,0.6) 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#37d6d9', endColorstr='#3896c5', GradientType=1 );} .panel .panel-heading.bg1 {background: url(../images/accordion_bg1.png) no-repeat; background-size: cover; } .panel .panel-heading.bg2 {background: url(../images/accordion_bg2.png) no-repeat; background-size: cover; } .panel .panel-heading.bg3 {background: url(../images/accordion_bg3.png) no-repeat; background-size: cover; } .panel .panel-heading.bg4 {background: url(../images/accordion_bg2.png) no-repeat; background-size: cover; } @media (max-width: 1170px) { .top-menu a { font-size:11px; } .main_menu li a, .drop-menu li a { font-size:12px; } .portal { margin-top: -6%; } .mycustom_indicator li, .carousel-indicators.mycustom_indicator .active { width:125px; } .our_mission_inner { background-image:none; } .map_frame { margin-bottom:40px; } .our-mission-img img { display:none;} .top-menu a { padding: 5px 10px;} .navbar-inverse li a, .dropdown-menu li a { font-size:14px; } .navbar li, .navbar-inverse li { margin-right:0; } .quicklinks_menu li a { padding: 5px 12px;} } @media (max-width: 991px) { .top_search input { position:relative; } .rearch_box { margin-bottom:20px;} .bulletin_board_right_bg { margin:20px 0; } .bulletin_board_right_bg::after, .contact_no, .hidden-ipd { display:none; } .msg_author_details, .msg_author_content { display:block; width:100%; } .contact_no,.top-menu,.banner,.menu_section { text-align: center; } .top_search{ float:right; } .lang-icon { float:left; } .slider_section .banner_content { top:20%; } .lang-icon { text-align:center; } .portal-bg { margin-bottom:20px; } .portal { margin-top:4%; } .message_vc .msg_author_container{ float:left; } .msg_author_content_inner { height:auto; position:relative; } .msg_author_content_inner_content { top: auto; transform: none; } .msg_author_content { margin-top:40px; } .logo { width:15%; } .logo_content { width:75%; } .logo_content img {width:100%; } .logo_content h2, .logo_content h3 { font-size:10px; } .top-menu { margin-top:10px; } .main_menu li a, .drop-menu li a { padding: 10px 10px; } .top_search input:focus, .top_search input { width:75%; padding-left: 20px; } .footer_logo-img, .footer_logo_content { display:block; width:100%; padding-right:0; } .quicklinks h6 { margin-bottom:20px; } .quicklinks_menu { float: left; } .author_pic { position: relative; top: 0; left: 0; right: 0; margin: 0 auto; text-align: center; margin-bottom: 20px;} .msg_author_details_inner { padding: 7% 7%; } .contact_no, .top-menu, .banner, .menu_section { display:none; } .msg_author_details_inner, .msg_author_content_inner { margin-left:0; } .mobile-top-section { padding:10px; float:left; width:100%; background-color: #272a4d; } .quicklinks_menu { text-align:center;} .gallery_img_container img, .gal_img_big_single, .gal_img_group { width:100%; } .mobile_menu { display:block; } .subpage_bordered_title, .bordered_title, .sp_subhead.sp_subhead_border { width:100%; } .footer_bottom_links li { display:block; padding-left:0; text-align:left; } .top_search input:focus, .top_search input { width:100%; } section p { font-size:12px; } .message_vc, .institutions, .our_mission, .latest_research, .news_events, .gallery, .location_map,.footer{ padding:30px 0; } .subheading_section p, .subpage_ul_content li{ margin-bottom:20px; } .ph_book_search input{ width:100%;} .institution_content, .institution_slider{width:100%; margin-left: 0; } .history_section .banner_right { margin-top:15%; } } @media (max-width: 767px) { .quicklinks_menu li, .quicklinks_menu li a{ display:block; padding-left:0; text-align:left; } .footer_logo_content img { width:100%; max-width:100% } .slider_section .banner_content { top: 90px;} .banner_content p::before, .innperpage_slider .banner_content p::before { background-size: 50%; top: -65px; } .carousel-dsk { display:none; } .carousel-mob { display:block; } .mycustom_indicator .item .institutions_inner_content::before{ display:none;} #carousel .carousel-control { height: 100%; } .breadcrumb_top a { padding: 10px 15px 10px 9px;} .ins_content { max-width: 100%; } .staff_box_left, .staff_box_right { width:100%; display:block; border:0; } .cont_info { margin-bottom:0; } .staff_box_left { margin-bottom:15px; } .subpage_content { padding-left:0; } .sp_subhead { font-size:20px; margin:0; } .dbl_col .subpage_bordered_title { width: 75%;} .dbl_col .staff_box_right, .dbl_col .staff_box_left{display:block; width:100%;} .archives .archives_search{ width:100%; } .archives .archives_search input{float:none; width:100%; } .archives .subpage_bordered_title{width:50%; float:none;} .arch_submenu li{ padding-left: 20px; margin: 10px 0px;} .ph_book .staff_box_left, .archives .staff_box_right, .ph_book .staff_box_right, .ph_book_search input{width:100%} .ph_book .staff_box_contact{width:100%; padding: 0 20px;} .archives .staff_box_left { text-align:center; width:100%; } .top_head_search { padding-bottom: 0px;} .blue_title,.grey_title,.green_title,.bulletin_board_left h3,.bulletingboard_top h5, .de_container .staff_box_right h3 { font-size:24px; } .about_text_container{ padding: 15px !important; overflow:hidden; } .about_text_container h4 { text-indent:0; } .institution_content p { font-size: 14px; line-height: 20px; margin-top: 10px;} .institution_slider .staff_box_right p, .about_text_container h4, .about_text_container h3 { font-size: 14px; line-height:18px } .about_text_container .subpage_bordered_title { margin-left:0; } .about_text_container p, .about_text_container h5 { font-size: 12px; line-height:16px; margin-top: 0; } .about_border{ padding: 0 10px !important; margin-left: 10px !important; } .about_text_container h3 { margin-top:0; } .about_blue_text h5 { padding-bottom:0;} .bordered_title,.subpage_bordered_title,.subpage_subheading ,.sp_subhead,.mandate_section .banner_section h2,.mission_section .banner_section h2 { font-size:16px; } .bordered_title span { display:none; } .news_events_content ul li,.sp_subhead.sp_subhead_border, .staff_box_right h5,.history_content h4,.mandate_section .banner_right_content h6,.mission_section .banner_right_content h6 {line-height: 16px !important;font-size: 14px !important; text-indent: 0;} .banner_content p,.subheading_section p, .subpage_ul_content li,.institution_slider h4,.history_content p, .de_btn a{ font-size: 14px; line-height: 18px;} .staff_container { padding:0; } .subheading_section { padding:0; margin-bottom:20px; } .about_submenu li { padding: 5px 10px; margin: 5px 0px;} .history_section .banner_left, .history_section .banner_right,.mandate_section .banner_left,.mandate_section .banner_right,.mission_section .banner_left,.mission_section .banner_right,.mission_section .banner_right_content{ width: 100%; padding: 0px; margin-top:0; border:0} .mandate_section .banner_right, .mission_section .banner_right { background: none; } .history_content,.aboutus .subheading_section p { padding-left:0; } .mandate_section .banner_section h2:after,.mission_section .banner_section h2:after { margin-left:0; } .mission_content { padding: 10px; } .mission_section.about_text_container { padding:0 !important;} .de_container .staff_box_left::after { display:none; } .former_portal { min-height:180px; } #accordion3 a { font-size: 18px;} #accordion3 .panel-heading .accordion-toggle.collapsed, #accordion3 .panel-heading .accordion-toggle { padding-left:20px; } } @media (max-width: 480px) { .banner_content p { font-size: 12px; line-height: 16px;} .slider_section .banner_content { top: 55px;} .banner_content p::before { display:none; } } @media (max-width: 380px) { .banner_content p { font-size: 10px; line-height: 14px;} .slider_section .banner_content { top :25%; } } .control-label .required, .form-group .required{ color:black !important; }